﻿/**login***/
#login-tabBar .tabBar span{background: none;font-size: 16px;display:inline-block;width:80px;padding:11px 10px;border-bottom:1px solid #0068eb;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:1px 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:after{box-sizing: content-box;width: 0px;height: 0px;position: absolute;top: 41px;
left:52px;padding:0;border-bottom:6px solid #777;border-top:6px solid transparent;border-left:11px solid transparent;
border-right:11px solid transparent;display: block;content:'';z-index:10}

#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:24px 30px 24px 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;padding-left:8px;padding-left:8px;overflow:hidden}
.widget-login_main.tabCon{padding-top:17px;padding-bottom:30px;}
.widget-login_main .row{margin-top:8px;}
.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:5;top:8px;}
.widget-ico-box_input,.input-text.widget-ico-box_input{padding-left:40px;}
.widget-ico-box .popover-content{white-space:nowrap}

.popover{display:none}
.widget-ico-box.error .popover{display:block;}
.widget-ico-box .popover{top: 0px; left: 225px;}

.widget-login--saoma{color:#B4B4B4;position:relative;display:none}
.widget-login--saoma_head{background-image:url('/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%;}

