.appointment-page{height:100vh;overflow-y:auto;background:url(../img/h5-appointment-bg.dc0c8982.jpg) top no-repeat;background-size:100% 100%;position:relative}.appointment-page .logo{padding:20px 20px 10px;height:70px}.appointment-page .logo img{max-height:100%}.appointment-page .personal-logo-right{position:absolute;display:inline-block;top:60px;right:20px;cursor:pointer}.appointment-page .personal-logo-right a{position:relative;z-index:1;background:#4c8f69;border-radius:5px;display:inline-block;width:80px;color:#f3f3f3;line-height:30px;text-align:center;font-size:12px}.appointment-page .appointment-box{width:92%;margin:10px auto 20px;background:rgba(0,0,0,.31);border-radius:10px;border:1px solid hsla(0,0%,100%,.31);color:#fff}.appointment-page .appointment-box .appointment-tit{text-align:center;font-size:30px;font-family:楷体;color:#fff;margin:30px 0}.appointment-page .appointment-box .inner{padding:10px 10px 10px 5px}.appointment-page .appointment-box .el-form-item{position:relative;margin-bottom:10px}.appointment-page .appointment-box .el-form-item .el-form-item__label{color:#fff;font-size:14px;padding-right:10px;white-space:nowrap}.appointment-page .appointment-box .el-form-item .el-select{width:100%;color:#333}.appointment-page .appointment-box .el-form-item .el-select option{text-align:center}.appointment-page .appointment-box .el-form-item .el-radio{color:#fff}.appointment-page .appointment-box .el-form-item .el-date-editor.el-input{width:100%}.appointment-page .appointment-box .el-form-item .el-form-item__error{padding-top:0}.appointment-page .appointment-box .el-form-item .el-input__inner{background:hsla(0,0%,100%,.81);color:#333}.appointment-page .appointment-box .el-form-item .el-input__inner::-webkit-input-placeholder{color:#7a7a7a}.appointment-page .appointment-box .el-form-item .el-input__inner::-moz-placeholder{color:#7a7a7a}.appointment-page .appointment-box .el-form-item .el-input__inner:-ms-input-placeholder{color:#7a7a7a}.appointment-page .appointment-box .el-form-item .el-input__inner::-ms-input-placeholder{color:#7a7a7a}.appointment-page .appointment-box .el-form-item .el-input__inner::placeholder{color:#7a7a7a}.appointment-page .appointment-box .el-form-item .interval-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -3%}.appointment-page .appointment-box .el-form-item .interval-list .item{width:44%;margin:0 3%;line-height:18px;margin-bottom:10px;background:#fff;border-radius:4px;text-align:center;font-size:12px;color:#333;padding:5px 0;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box}.appointment-page .appointment-box .el-form-item .interval-list .item span{color:#023900}.appointment-page .appointment-box .el-form-item .interval-list .item.on{background:#023900;color:#fff}.appointment-page .appointment-box .el-form-item .interval-list .item.on span{color:#fff}.appointment-page .appointment-box .el-form-item .interval-list .item.disabled{color:#999;background:#f1f1f1}.appointment-page .appointment-box .el-form-item .interval-list .item.disabled span{color:#777}.appointment-page .appointment-box .appointment-btn{text-align:center;margin-bottom:10px;padding:12px 12px}.appointment-page .appointment-box .appointment-btn:first-child{margin-right:10px}.appointment-page .appoint-info h2{font-size:36px;color:#fff68c;text-align:center;line-height:2}.appointment-page .appoint-info h5{text-align:center;font-size:14px;line-height:20px}.appointment-page .appoint-info .info{margin:15% auto;width:200px;line-height:36px;text-align:center}.appointment-page .appoint-info .info .qr-box{padding:15px;background:#fff}.appointment-page .appoint-info .info .qr-box canvas{width:100%!important}.appointment-page .appoint-info .info .qr-box img{width:100%}.appointment-page .appoint-info .info p{white-space:nowrap}.appointment-page .appoint-info .tips{color:#c4e8fb;font-size:15px;text-align:center;margin-bottom:10px}.el-date-picker{left:50%!important;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.el-message-box{width:320px}