body,html{font-size:16px}p,li,ul,ol,body,html,h1,h2,h3,h4,h5,h6,em,strong{margin:0;padding:0;list-style:none}.main{width:1200px;margin:auto;margin-top:50px;margin-bottom:70px}.main::after{content:'';display:block;clear:both}.main button,.main .difault,.main .item{cursor:pointer}.main button:focus,.main .difault:focus,.main .item:focus{outline:0}.main .banner{display:block;width:100%;margin-bottom:50px}.main .title{margin-bottom:23px;font-size:22px}.main .appointment{position:relative}.main aside,.main .appointment-main{box-shadow:-3px 3px 7px 0 rgba(0,0,0,0.35);box-sizing:border-box;padding:30px;border-radius:10px}.main aside{width:370px}.main aside li input,.main aside li.veCode button,.main aside li .doctor{border-radius:10px;box-sizing:border-box;border:1px solid #ccc;height:100%;line-height:44px}.main aside li{height:44px;margin-bottom:10px}.main aside li input{width:100%;text-indent:1em;color:#333;font-size:16px;display:block}.main aside li input:focus{outline:0}.main aside li.veCode{overflow:hidden}.main aside li.veCode input{width:170px;float:left}.main aside li.veCode button{border-color:#ededed;width:120px;float:right;background:#fff}.main aside li.veCode button:active{background:#5ac6cf;color:#fff}.main aside li .doctor{text-indent:1em}.main aside li .select{user-select:none;position:relative;line-height:44px}.main aside li .select .difault{position:relative;z-index:3;height:100%}.main aside li .select .difault::before{content:'';display:block;position:absolute;top:0;bottom:0;right:1em;margin:auto;border-bottom:1px solid #5ac6cf;border-left:1px solid #5ac6cf;transform:rotate(-45deg);width:11px;height:11px}.main aside li .select .list{display:none;max-height: 275px;overflow: auto;width:100%;background:#fff;position:absolute;top:103%;border:1px solid #ccc;z-index:9;border-radius:10px}.main aside li .select .list .item{height:44px}.main aside li .select .list .item:hover{background:#5ac6cf;color:#fff}.main aside li.date{border-radius:10px;box-sizing:border-box;border:1px solid #ccc}.main aside li.date::after{content:'';display:block;clear:both}.main aside li.date input{height:100%}.main aside li #dateTime{width:165px;float:left;border:0}.main aside li .chooseDate{text-indent:1em;width:100px;float:right;border:0;height:100%}.main aside li #submit{color:#fff;background:#5ac6cf;text-align:center;font-size:16px;width:100%;height:100%;border:0;display:block;border-radius:10px}.main .appointment-main{width:810px;position:absolute;right:0;top:0;bottom:0}.main .appointment-main .hr{height:14px;background:url(../image/bg-yy.png) left top/contain;margin-top:-12px;margin-bottom:12px}.main .appointment-main p{color:#5ac6cf;font-size:18px;font-weight:700;text-indent:2em;margin-top:20px;margin-bottom:20px;line-height:1.5}.main .appointment-main ul{counter-reset:list}.main .appointment-main ul li{line-height:2.8;text-indent:2em}.main .appointment-main ul li::before{content:counter(list) "、";color:#5ac6cf;font-weight:700;counter-increment:list;margin-right:0.3em}.main .appointment-main .appointment-content{overflow-y:auto;height:calc(100% - 26px - 14px - 23px - 10px)}.main .appointment-main .appointment-content::-webkit-scrollbar{width:12px;height:12px;background-color:#5ac6cf;border-radius:20px}.main .appointment-main .appointment-content::-webkit-scrollbar-track{border-radius:20px;background-color:#fff}.main .appointment-main .appointment-content::-webkit-scrollbar-thumb{border-radius:20px;background-color:#5ac6cf}#mask{position:fixed;z-index:99;background:rgba(0,0,0,0.3);top:0;bottom:0;right:0;left:0;display:none}#mask .mask-main{position:absolute;width:305px;background:#fff;border-radius:10px;padding:16px;box-sizing:border-box;top:50%;left:50%;transform:translate(-50%, -50%)}#mask p{margin-top:0;margin-bottom:10px;line-height:1.8;text-align:center;font-size:24px}#mask button{width:120px;display:block;background:#fff;text-align:center;border:1px solid;font-size:20px;border-radius:10000px;height:37px}#mask button#cancel{border-color:#ccc;float:left}#mask button#ok{background:#5ac6cf;color:#fff;float:right}
/*# sourceMappingURL=style.css.map */
.radio{
    font-size: 18px;text-align: center;
}
.radio input{
    display: inline-block !important;
    width: 1em !important;
    vertical-align: middle;
    margin-right: 10px;
}
.radio label{
    width: 50%;
    display: inline-block;
    height: 100%;
    float: left;cursor: pointer;
}

.main aside{float: left;}
.main .appointment-main{float: right;position: relative;bottom: initial;}
.main .appointment-main .appointment-content{height: 135px;}