/**login***/
#login-tabBar .tabBar span{background: none;font-size: 16px;display:inline-block;padding:11px 0px;color:#0068eb;font-weight:normal;}
#login-tabBar .tabBar{border: none;}
#login-tabBar .tabBar span i{display: none;}
#login-tabBar .tabBar span.current i{display: inline;}
#login-tabBar .tabBar span.current{border-bottom:0px solid #B4B4B4;}

#login-tabBar .tabBar span.current:before{box-sizing: content-box;width: 0px;height: 0px;position: absolute;top: 43px;
left:53px;padding:0;border-bottom:5px solid #fff;border-top:5px solid transparent;border-left:10px solid transparent;
border-right:10px solid transparent;display: block;content:'';z-index: 12;}


#login-tabBar .tabBar span.current.login-title-2:before{right:170px;left:auto;}
#login-tabBar .tabBar span.current.login-title-2:after{right:169px;left:auto;}

#login-tabBar .tabBar span.current.login-title-3:before{right:73px;left:auto;}
#login-tabBar .tabBar span.current.login-title-3:after{right:72px;left:auto;}

.login-page3{height:100%;padding:100px 0 150px 0;box-sizing: border-box;}
.login-page_head{padding:20px 30px 20px 30px;margin-top:-100px;}
.login-page_main{height:100%;background:#0068eb;padding:63px 160px;box-sizing: border-box;position:relative}
.login-page_main_layout{width:940px; margin:auto;position:absolute;left:0;right:0;top:0;bottom:0;height:438px;}
.login-page_foot{padding-top:72px;padding-bottom:30px;}

.widget-login-box{min-height:335px;}
.widget-login{width:320px;}
.widget-login_head.tabBar,.widget-login--saoma_head{background-color:#fff;color:#B4B4B4;position: relative;overflow:hidden}
.widget-login_main.tabCon{padding-top:0px;}
.widget-login_main .login-submit{height:43px;width:100%;font-size:18px;}

.widget-ico-box{position:relative;}
.widget-ico-box_ico{position:absolute;left:0;z-index:10;top:8px;}
.widget-ico-box_input,.input-text.widget-ico-box_input{padding-left:50px;}
.widget-ico-box .popover-content{white-space:nowrap}
.widget-ico-box_ico_apply{position:absolute;left:0;z-index:10;top:8px;margin-left: 10px;}


.kc-txt{width:60px;height:30px;display: inline-block;line-height: 30px;}
.widget-box_txt {position:absolute;left:20px;z-index:10;top:10px;}
.widget-box_input,.input-text.widget-box_input{padding-left:50px;}
.widget-box_input {background-color:#F5FCFF !important; border-radius:20px;border-color:#D7D8DD;font-size:16px !important;}

.widget-ico-box_row{border:1px solid #f6f6f6;border-radius:20px;}
.widget-select_txt {position:absolute;left:20px;z-index:10;top:10px;}
.widget-select_l {background-color:#f5f5f5 !important; border-color:#f6f6f6;font-size:15px !important;margin-right:-5px;}
.widget-select_r {background-color:#f5f5f5 !important; border-radius:0 20px 20px 0;border-color:#f6f6f6;font-size:15px !important;border-left:1px solid #cfcaca;}
.widget-select_l_input{padding-left:55px;}



.popover{display:none}
.widget-ico-box.error .popover{display:block;}
.widget-ico-box.error .widget-ico-box_row{border-color: #e80c4d !important;}
.widget-ico-box .popover{top: 0px; left: 285px;}

.widget-login--saoma{color:#B4B4B4;position:relative;display:none}
.widget-login--saoma_head{background-image:url('/OnlineExperience/Content/Images/login-ico-2.png');}
.widget-login--saoma_head_title{color:#00B7EB;padding-top:21px;padding-left:10px;display:inline-block;}
.widget-login--saoma_foot{padding-top:35px;}

.login-switch{width:40px;height:66px;display:inline-block;position:absolute;right: -7px;transform: rotate(-45deg);top: -21px;}
.qr-code{width:300px;height:400px;position: absolute;top: -5px;left: 10px;}
.login-qr-code{width:300px;height:400px;}
.login-qr-code-tips .kc-icon-qr-code{top:3px;position: relative;}

.login-qr-code-tips{position:absolute;top:-38px;right:0px;}
.login-qr-code-tips .code-tips-content{border:1px solid #59DBFB;background-color:#4ECDF2;color:#fff;border-radius:5px;padding:5px 10px;display: inline-block;}
.login-qr-code-tips .code-tips-content:after{content:'';position: absolute;bottom: -9px;right: 15px;border:1px solid red;
border-bottom: 3px solid transparent;
border-top: 7px solid #4ECDF2;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
display: block;}

#ValidateCodeForMobile, #ValidateCodeForNormal{width: 60%;}

.inputborder {
    border-radius: 10px;
}
.com-sel {
    line-height:3rem;
}
select:invalid {
    color:#000;
}
.com-opt {
    cursor:pointer;
    color:#999;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 1rem center;
}
.province {
    width:52%;
}
.province2 {
    width:47%;
}
.city {
    width:49%;
}
#city {
    padding-left:15px !important;
}
.input_code {
    padding-left:15px !important;
    width:73%;
}
.input_code-text {
    width:60%;
    padding-left:0px !important;
}
.code_btn {
    padding-left:10px !important;
    width:100px;
    background-color:#C7C8CC;
    font-size:18px !important;
    border-color:#aaacb1;
}

.code_btn-text {
    font-weight:bold;
    font-size:22px !important;
    color:#333333;
    width:34%;
}

.submit_btn {
    border-radius:6px;
    height:45px;
    width:100%;
    font-size:18px;
}

/* 表单各行输入框宽度保持一致 */
.widget-ico-box .input-text {
    width: 100%;
}

/* 城市选择行：两个下拉均分不换行 */
.com-sel {
    display: flex;
    align-items: center;
}
.com-sel .com-opt {
    flex: 1 1 auto;
    width: auto;
}
.com-sel .com-opt + .com-opt {
    margin-left: 8px;
}

/* 验证码行：输入框与按钮同排自适应 */
.captcha-box {
    display: flex;
    align-items: center;
}
.captcha-box .input_code {
    flex: 1 1 auto;
    width: auto;
    margin-right: 8px;
}
.captcha-box .code_btn {
    flex: 0 0 auto;
    width: 100px;
}