body{
	font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
}
img{max-width: 100%;}
a,a:hover{text-decoration: none;}
.mt30{margin-top: 30px;}.mt40{margin-top: 40px;}.mb25{margin-bottom: 25px;}.mb60{margin-bottom: 60px;}.mb30{margin-bottom: 30px;}.mb20{margin-bottom: 20px;}
.mb64{margin-bottom: 64px;}

/*.logo{color: #333333;font-size: 24px;font-weight:bold;line-height:16px;}
.logo img{width: 36px;height: 36px;}*/
/*header{box-shadow:0px 1px 12px 0px rgba(134,134,134,0.15);height: 60px;padding: 12px 0px;}
header .navbar-nav{color: #333333;font-weight: 400;margin-left: 40px;height: 71px;}
header .navbar-nav li{display: inline-block;float: none;font-size: 18px;line-height: 1;vertical-align: top;}
header .navbar-nav li a{color: #333333;font-size: 14px;font-weight:400;padding: 11px 20px;}
header .navbar-nav li a:hover{background: none;color: #FFC000;}
footer{text-align: center;font-size: 12px;}*/
.login-form-padding{padding-top: 158px;padding-bottom: 100px;background-color: #FAFCFF;}
.sign-tabs{display: flex;text-align: center;margin-bottom: 6px;margin-top: 10px;}
.sign-tabs .sign-tab{color: #999999;font-size: 16px;font-weight: 300;display: inline-block;position: relative;cursor: pointer;padding-bottom: 16px;padding-top: 16px;flex: 1;}
.sign-tabs .sign-tab:after{display: block;position: absolute;bottom: 0;content: "";width: 100%;height: 3px;background-color: #F0F0F0;}
.sign-tabs .sign-tab-active{color: #333333;font-weight:400;}
.sign-tabs .sign-tab-active:after{display: block;position: absolute;bottom: 0;content: "";width: 100%;height: 3px;background-color: #0378F5;}
.sign-title{color: #333;font-size: 17px;width: 100%;}
.sign-input-container{border: 1px solid #E4E4E4;border-radius:3px;height: 40px;}
.sign-input-container .input-group{height: 100%;}
.sign-input-container input.form-control{color: #333333;border: none;box-shadow: none;height: 30px;line-height: 1;margin-top: 5px;background: #fff !important;-webkit-box-shadow: 0 0 0px 1000px white inset;}
.sign-input-container input::-webkit-input-placeholder{color: #ccc;}
.sign-input-container input.form-control.vcode-input{border-right: 1px solid #E4E4E4;}
.sign-input-container .input-group-addon{border: none;background: #fff;}
.sign-input-wrapper{width: 100%;height: 100%;position: relative;}
.sign-input-errorMask{position: absolute;right: 0;color: #f1403c;text-align: right;    cursor: text;opacity: 1;z-index: 1000;background: #fff;line-height: 40px;height: 100%;top:0px;margin-right: 10px;font-size: 12px;}
.sign-sms-errorMask{left: 0;text-align: left;padding: 0 0 0 4px;right: auto;}
.sign-title{font-size: 24px;color: #333333;font-weight:600;text-align: center;}
.vcode-btn{color: #6793E3;}
.vcode-btn.disabled{color: #CCCCCC;}
.fill-width{width: 100%;}
.reset-vcode-panel,.reset-pasd-panel{display: none;width: 380px;margin: 0 auto;}
.reset-vcode-panel .title,.reset-pasd-panel .title{color: #333;font-weight:bold;font-size:30px;}
.reset-vcode-panel .desc,.reset-pasd-panel .desc{color: #999999;font-size:14px;font-weight:400;padding: 10px 0px;margin-bottom: 64px;}
.reset-vcode-panel .sign-input-container,.reset-pasd-panel .sign-input-container{height: 48px;}
.reset-vcode-panel .sign-input-errorMask,.reset-pasd-panel .sign-input-errorMask{line-height: 48px;}
.reset-vcode-panel input.form-control,.reset-pasd-panel input.form-control{height: 100%;margin: 0px;}
.login-panel{height: 522px;margin: 0 auto;width: 100%;display: flex;}
.login-panel>div{height: 100%;display: inline-block;position: relative;}
.head-login-panel{height: 100%;}
.head-login-panel .sign-tab{display: block;}
.head-login-panel .sign-tab.sign-tab-active{display: none !important;}
.login-bg{width: 497px;}
.login-bg>div{width: 100%;height: 100%;display: flex;align-items: center;}
.login-cont{width: 450px;box-shadow:0px 4px 20px 0px rgba(134,134,134,0.11);border-radius:5px;margin-left: 103px;background: #fff;}
.login-body{width: 100%;padding: 53px 66px;}
.login-btn,.reset-btn{background: #0378F5;color: #fff !important;font-size:16px;font-weight: 400;height:45px;}
.reset-btn{height:50px;}
.login-btn:hover,.reset-btn:hover{color: #fff;}
.input-group-addon:not(.vcode-btn){padding: 6px 0px 6px 10px;}
.input-group-addon i{width: 15px;color: #ccc;}
.sign-tip{position: absolute;text-align: left;color: #333;font-size: 12px;padding: 15px 66px;bottom: 0px;    background: #F0F3F7;}
.sign-tip a{color: #588EF0;font-size: 12px;}
section.terms{color: #333;line-height: 22px;font-size: 14px;height: calc(100% - 80px);overflow: auto;margin-top: 60px;}
section.terms h1{font-size: 14px;line-height: 30px;font-weight: 600;width: 100%;text-align: left;}
section.terms h1.title{text-align: center;font-size: 18px;}
section.terms h1.time{text-align: left;margin-top: 10px;margin-bottom: 5px;font-weight: inherit;}
section.terms h2{font-size: 14px;font-weight: 600;}
section.terms h3{font-size: 14px;font-weight: 500;}
.check-box{
    display: none;
}
.check-box+span{
    width:12px;
    height:12px;
    display: inline-block;
    border-radius: 2px;
    cursor: pointer;
 }
.check-box:checked+span{
    background-color: #0378F5;
    position: relative;
}
.check-box:checked+span.selected:after{
    content: '\2714';
    color:#fff;
    position: absolute;
    top: -4px;
    left: 0;
    font-size: 13px;
}
.nav_list_right{display: inline-block;float: right;}
.nav_list_right .sign-tab{color: #333333;font-size: 12px;font-weight: 400;}
.nav_list_right .sign-tab.sign-tab-active{display: block;}
.login-switch-btn{color: #0378F5;width:100px;height:32px;border: 1px solid #0378F5;border-radius:4px;}
.my-bg-color{background: #0378F5;color: #fff !important;} 
footer{background: #fff;}
.flex-input {
    display: flex;
}
.flex-input .sign-input-wrapper {
    width: calc(100% - 80px);
}
.flex-input .dropdown {
    width: 80px;
}
.flex-input .dropdown .btn {
    background: #fff;
    width: 100%;
    height: 100%;
    color: #999;
}
.flex-input .dropdown .btn:focus,
.flex-input .dropdown .btn:active:focus,
.country-item.focus,
.country-item:active:focus {
  outline: none;
  border-color: transparent;
  box-shadow:none;
}
.country-list {
    max-height: 200px;
    overflow: auto;
}
.country-item {
    display: flex !important;
    justify-content: space-between;
    cursor: pointer;
}
.country-item span:last-child{
    color: #999;
}