* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#calendar {}

#calendarhead {
    display: flex;
    justify-content: space-between;
}

#lastweek {
    display: inline-block;
    font-size: 14px;
    line-height: 48px;
    border-radius: 5px;
    border: 1px solid rgb(166, 167, 181);
    width: 80px;
    text-align: center;
    font-weight: 700;
}

#lastweek.prohibit {
    background-color: rgb(225, 226, 235);
    border: 1px solid rgb(225, 226, 235);
    color: #a6a7b5;
}

#currentweek {
    font-size: 14px;
    font-weight: 700;
    line-height: 50px;
}

#nextweek {
    display: inline-block;
    font-size: 14px;
    line-height: 48px;
    border-radius: 5px;
    border: 1px solid rgb(166, 167, 181);
    width: 80px;
    text-align: center;
    font-weight: 700;
}

#calendar .tips {
    font-size: 14px;
    margin-top: 12px;
    line-height: 20px !important;
    text-align: center;
    font-weight: 400;
    background-color: #ecfaff;
    padding: 10px 0;
}

#calendar .tips i {
    font-size: 14px;
    color: #03afb9;
    line-height: 20px !important;
    font-weight: 400;
}

#calendar .timetab {
    display: flex;
    justify-content: space-between;
}

#calendar .timetab a {
    display: inline-block;
    border-radius: 0.25rem;
    font-weight: 700;
    font-size: 12px;
    color: #686975;
    height: 38px;
    border: 1px solid rgb(166, 167, 181);
    box-sizing: border-box;
    padding: 3px 25px;
    position: relative;
}

#calendar .timetab a::after {
    background-image: url(../images/ico_arrow_black_600.svg);
    width: 12px;
    height: 12px;
    position: absolute;
    content: '';
    font-size: 0;
    bottom: 3px;
    left: 50%;
    margin-left: -6px;
    transform: rotate(90deg);
}

#calendar .timetab a.active {
    color: #03afb9;
    border: 1px solid #03afb9;
}

#calendar .timetab a.active::after {
    background-image: url(../images/ico_arrow_primary.svg);
}

#timehead {
    border: 1px solid rgb(166, 167, 181);
    clear: both;
    overflow: hidden;
}

#timehead li {
    float: left;
    width: calc(100% / 8 - 1px);
    height: 35px;
    border-right: 1px solid rgb(166, 167, 181);
    text-align: center;
    padding: 8px 0;
    box-sizing: unset;
}

#timehead li:nth-last-child(1) {
    border-right: none;
}

#timehead li.nowday {
    background-color: #13c4ce;
    color: #fff;
}

#timehead li.zhanwei {}

#timehead li.weekday {}

#timehead li.RestDay {
    color: #f2596b;
}

#timehead li span {
    font-size: 14px;
    font-weight: 700;
    display: block;
    line-height: 20px;
}

#timehead li i {
    font-size: 12px;
    font-weight: 700;
    display: block;
    line-height: 15px;
}

#calendar .timegroup {}

#calendar .timelist {
    border: 1px solid rgb(166, 167, 181);
    border-top: none;
}

#calendar .timelist.tipstime {
    border-top: 2px solid #13c4ce;
    margin-top: -1px;
}

#calendar .timelist.tipsendtime {
    border-bottom: 2px solid #13c4ce;
}

#calendar .timelist.tipstimeRange ul li:nth-child(1) {
    background-color: #ecfaff;
}

#calendar .timelist ul {
    clear: both;
    overflow: hidden;
}

#calendar .timelist ul li {
    float: left;
    width: calc(100% / 8 - 1px);
    height: 48px;
    line-height: 48px;
    text-align: center;
    box-sizing: unset;
    border-right: 1px solid rgb(166, 167, 181);
}


#calendar .timelist ul li.label {
    font-size: 12px;
    font-weight: 400;
    border-right: 1px solid rgb(166, 167, 181);
}

#calendar .timelist ul li.label.hour {
    font-weight: 700;
}

#calendar .timelist ul li:nth-last-child(1) {
    border-right: none;
}

#calendar .timelist ul li.prohibit {
    background-color: #f7f9fc;
}

#calendar .timelist ul li img {
    display: block;
    margin: 16px auto;
}

.calendarcont.fixed {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 5;
}


.loginprompt {}

.loginprompt img {
    display: block;
    width: 279px;
    height: auto;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 80px;
}

.loginprompt .btngroup {
    padding: 0 20px;
}

.loginprompt .btngroup a {
    display: block;
    line-height: 42px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    text-decoration: unset;
    border-radius: 21px;
    outline: unset;
}

.loginprompt a.btn1 {
    background: #3375CC;
    border: 1px solid #3375CC;
}

.loginprompt a.btn2 {
    color: #3375CC;
    border: 1px solid #3375CC;
    margin-bottom: 10px;
}

.loginprompt a.btn3 {
    color: #3375CC;
    line-height: 35px;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}




.loginpage {
    padding: 0 20px;
    margin-top: 25px;
}

.loginpage .tips {
    font-size: 28px;
    font-weight: 500;
    color: #444B63;
    line-height: 1;
}

.loginpage .fillgroup {
    margin: 27px 0 28px;
}

.loginpage .filllist {
    position: relative; 
    padding:0 19px 0 15px;
    background: #fff;
    /* padding-right: 50px; */
}
.loginpage .filllist.on {
    padding-right:130px;
    position: relative;
}
.loginpage .filllist.on .forgot{
    text-decoration: unset;
    display: inline-block;
    font-size: 15px;
    line-height: 35px;
    font-weight: 400;
    outline: unset;
    color: #444B63;
    position: absolute;
    right: 0;
    top: 10px;
}
.loginpage .filllist.on .cgetcode{
    display: inline-block;
    width: 80px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    outline: unset;
    text-decoration: unset;
    color: #05B0B9;
    border:1px solid #05B0B9;
    border-radius: 4px;
    background: rgba(5,176,185,.05);
    position: absolute;
    right: 0;
    top: 15px;
}
.loginpage .filllist.on .csendtime{
    display: inline-block;
    width: 80px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    outline: unset;
    text-decoration: unset;
    color: #BDBDBD;
    border:1px solid #BDBDBD ;
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 15px;
}

.loginpage .filllist input {
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    color: #444B63;
    line-height: 56px;
    height: 56px;
    border: unset;
    display: block;
    outline: unset;
    width: 100%;
    border-bottom: 1px solid #D9D9D9;
}
.loginpage .filllist input::placeholder{
    color: #888;
}
.loginpage .filllist.verification input{
    border-bottom:0;
}
.loginpage .filllist .cleartext {
    background-color: #bdbdbd;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    display: none;
}
.loginpage .filllist.on .cleartext{
    right:90px;
}
.loginpage .filllist.verification {
    padding-right: 120px;
}
.loginpage .filllist.verification .cleartext{
    right: 125px;
}

.loginpage .filllist.verification .getcode {
    border: 1px solid #BDBDBD;
    color: #BDBDBD;
    font-size: 12px;
    font-weight: 400;
    color: #BDBDBD;
    line-height: 28px;
    width: 80px;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 19px;
    text-align: center;
}

.loginpage .filllist.verification .getcode.highlight {
    color: #FA004D;
    background-color: rgba(201, 64, 64, 0.05);
    border-color: #FA004D;
}

.loginpage .submit {
    line-height: 48px;
    text-align: center;
    border-radius: 10px;
    display: block;
    text-decoration: unset;
    font-size: 16px;
    color: #fff;
    background: #FA004D;
    opacity: 0.5;
    margin-top:55px;
    outline: unset;
}

.loginpage .submit.active {
    opacity: 1;
}

.loginpage .doctor_login_tips {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 34px;
}

.loginpage .operation {
    clear: both;
    overflow: hidden;
    margin-top: 10px;
}

.loginpage .operation a {
    text-decoration: unset;
    display: inline-block;
    font-size: 15px;
    line-height: 35px;
    font-weight: 400;
    outline: unset;
}

.loginpage .operation a.forgot {
    float: left;
    color: #FA004D;
}

.loginpage .operation a.register {
    float: right;
    /*color: #05B0B9;*/
   color:#FA004D;
}

.loginpage .wechat {
    display: block;
    text-align: center;
    margin-top: 45px;
}

.loginpage .wechat img {
    width: 54px;
    height: 54px;
    display: block;
    margin: 0 auto;
}

.loginpage .wechat span {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color: #8A8A8A;
    line-height: 1;
    margin-top: 10px;
}

.loginpage .clause {
    font-size: 14px;
    font-weight: 400;
    color: #8A8A8A;
    line-height: 20px;
    display: inline-block;
    position: relative;
    padding-left: 30px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 30px;
}

.loginpage .clause .icon {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ededed;
}

.loginpage .clause .icon.active {
    background-image: url(../images/login_icon2.png);
    background-size: 20px 20px;
}

.loginpage .clause a {
    color: #3375CC;
    text-decoration: unset;
}

#countrycode {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    padding-right: 12px;
}
#countrycode i{
    display: block;
    line-height: 30px;
    font-size: 15px;
    font-weight: 400;
    color: #444B63;
    width: 100%;
}
.loginpage .filllist.phone {
    padding-left: 50px;
}
#countrycode img{
    position: absolute;
    right: 0;
    top: calc(50% - 2px);
    transform: translateY(-50%);
}