* {
    padding: 0;
    margin: 0;
}
body{
    overflow-x: hidden;
    font-family: PingFangSC-Semibold,"Microsoft YaHei","微软雅黑";
}
.con {
    width: 100%;
    min-width: 1180px;
    /* 背景渐变 */
    /*background: -webkit-linear-gradient(#a5e0fb, #1f91e5);*/
    /*background: -o-linear-gradient(#a5e0fb, #1f91e5);*/
    /*background: -moz-linear-gradient(#a5e0fb, #1f91e5);*/
    /*background: linear-gradient(#a5e0fb, #1f91e5);*/
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAISCAIAAACCqjLCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEFGMzJCNzlEQUE5MTFFQTgwMUZBMURDMTBEQzMyNDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEFGMzJCN0FEQUE5MTFFQTgwMUZBMURDMTBEQzMyNDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QUYzMkI3N0RBQTkxMUVBODAxRkExREMxMERDMzI0MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QUYzMkI3OERBQTkxMUVBODAxRkExREMxMERDMzI0MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq484Y8AAADlSURBVHja7JTLDQIxDESzQeJCL1RElfRDFVw47WPFL7E9TihgD9ZunHg8Y1lTrrdHvddDpZRatvh+s4D+TMsP3w2wGd8rnHf+03tZNgxMLQ4/08TkjdKK453pJsm98sS59b08RjsjdRn8vtbVkfTpz/j5Gt72P87Q8ltVj8CdwEvOwOnxOoM2p0NpJ+1H0GdmK2p/2v1dz9vdrZDvgNphGj9kPu60xSGZZ94/7B6aG5l211dyHeyJfUeYYVqrODHhlmAy8jE5e+2LQ09k7L9zP2XqeSS++4/v77GHimMt9XI+PQUYAE1l8VWfczWQAAAAAElFTkSuQmCC") repeat-x;

}

.wrap {
    position: relative;
    width: 1180px;
    margin: 0 auto;
    /* overflow: hidden; */
}


/* 头部 */
.header {
    width: 100%;
    height: 58px;
    margin: 0px 0 30px 0;
    line-height: 58px;
    /* box-sizing: border-box; */
}

.header img {
    margin: 0 20px 0 0;
}

.header span, p {
    height: 37px;
    font-size: 26px;
    font-family: PingFangSC-Semibold,"Microsoft YaHei","微软雅黑";
    font-weight: 600;
}

.header p {
    margin-left: 20px;
    width: 171px;
    color: rgba(74, 74, 74, 1);
}

.header .selector-wrapper {
    width: 409px;
    text-align: center;
}

.header .selector-wrapper .selector {
    padding: 0 15px;
    font-size: 20px;
    cursor: pointer;
    color: #4A4A4A;
}
.header .splitLine{
    float: left;
    width: 1px;
    height: 14px;
    margin-top: 23px;
    background: #cccccc;
}
.header .selector-wrapper div:first-child {
    padding-left: 0;
}

.header .selector-wrapper .selector.cur {
    color: #0089EF;
}

.header .selector-wrapper .line {
    margin-top: 23px;
    border-left: 1px solid #ececec;
    height: 14px;
}

/* 主体 */

.main {
    position: relative;
    height: 530px;
    background: url(../image/newbgc.png) no-repeat left;
}
.main .error{
    background:rgba(255,248,248,1);
    border:1px solid rgba(255,162,162,1);
    box-shadow: 0px 0px 0px 0px rgba(85, 118, 207, 0);
}
.main .content {
    position: absolute;
    width: 400px;
    height: 412px;
    top: 71px;
    right: 37px;
    background-color: #fff;
    text-align: center;
}

.tab-control {
    margin-top: 41px;
    overflow: hidden;
}

.tab-control li {
    /*width: 100px;*/
    /*height: 42px;*/
    height: 28px;
    font-size: 20px;
    font-family: PingFangSC-Semibold,"Microsoft YaHei","微软雅黑";
    font-weight: 600;
    color: #9B9B9B;
    line-height: 28px;
    text-align: center;
    padding: 6px 10px;
}

.tab-control li:hover {
    cursor: pointer;
}

.tab-control li:first-child {
    margin-left: 28px;
}

.mesLogin {
    margin: 0 10px;
}

.tab-control li:last-child {
    margin-right: 28px;
}

.main .password,.main .username,.main .number,.main .messageVerify, .registration-id, .username-real {
    width: 322px;
    height: 42px;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 14px;
    line-height: 42px;
    /* margin-top: 25px; */
}

.main .password:-ms-input-placeholder,.main .username:-ms-input-placeholder,.main .number:-ms-input-placeholder,.main .messageVerify:-ms-input-placeholder{
    color: #999;
}/* Internet Explorer 10+ */

.main .password::-webkit-input-placeholder,.main .username::-webkit-input-placeholder,.main .number::-webkit-input-placeholder,.main .messageVerify::-webkit-input-placeholder{
    color: #999;
}/* WebKit browsers */
.main .password::-moz-placeholder,.main .username::-moz-placeholder,.main .number::-moz-placeholder,.main .messageVerify::-moz-placeholder{
    color: #999;
}/* Mozilla Firefox 4 to 18 */

.main .password:-moz-placeholder,.main .username:-moz-placeholder,.main .number:-moz-placeholder,.main .messageVerify:-moz-placeholder{
    color: #999;
}/* Mozilla Firefox 19+ */




.main .password,.main .username,.main .number,.main .messageVerify {
    width: 322px;
    height: 42px;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 14px;
    line-height: 42px;
    /* margin-top: 25px; */
}


.main .username {
    margin-top: 35px;
}

.userMessage, .passMessage, .sliderMessage, .tellMessage, .dragMessage, .msgVerify, .sliderMessage1, .binding-message, .realMessage{
    height: 25px;
    width: 322px;
    margin-left: 39px;
    text-align: left;
    color: #D50A0C;
    font-size: 12px;
    line-height: 25px;
}
.realMessage{
    margin: 20px auto;
    height: inherit;
}
.binding-message{
    position: absolute;
    margin-left: 0!important;
    top: -20px;
    left: 0;
    text-align: center;
    height: 24px;
    width: 100%;
}
.passMessage span{
    color: #D50A0C;
    font-size: 12px;
    line-height: 25px;
}
.sliderMessage {
    height: 35px;
    line-height: 19px;
}

.msgVerify {
    height: 35px;
    line-height: 35px;
}


.tab-content .subDisabled,.subDisabledReal{
    width: 322px;
    box-sizing: border-box;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background:rgba(56, 136, 255, .6);
    border-radius: 2px;
    cursor: pointer;
    font-size: 13px;
}

.tab-content .sub {
    width: 322px;
    box-sizing: border-box;
    height: 35px;
    color: #fff;
    background:rgba(56,136,255,1);
    border-radius: 2px;
    cursor: pointer;
    font-size: 13px;
}
.tab-content .item .tip{
    margin: 20px auto;
    width: 322px;
    text-align: left;
    font-size: 14px;
    color: #4A4A4A;
}
.main li.active {
    color: #0089EF;
    border-bottom: 2px solid #0089EF;
}

/* 切换tab */
.item {
    display: none;
}

.item.active {
    display: block;
}

.number {
    margin-top: 35px;
}

/* 验证码 */
.messageCheck {
    position: relative;
}

.btnVcode {
    position: absolute;
    text-indent: 10px;
    top: 10px;
    width: 90px;
    height: 20px;
    right: 40px;
    bottom: 36px;
    border: none;
    padding: 0;
    font-size: 14px;
    text-align: left;
    color: #557FFF;
    outline: none;
    background: none;
    border-left: 1px solid #D8D8D8;
}

.btnVcodeDisabled {
    position: absolute;
    top: 1px;
    text-indent: 10px;
    width: 90px;
    height: 40px;
    right: 40px;
    bottom: 36px;
    border: none;
    font-size: 14px;
    padding: 0;
    text-align: left;
    color: #0089EF;
    outline: none;
    background: none;
    border-left: 1px solid #D8D8D8;
    cursor: pointer;
}

.tell .sub1 {
    margin-top: 35px;
    height: 35px;
    color: #fff;
    background-color: #388FFF;
    margin-top: 0;
    border-radius: 2px;
    cursor: pointer;
}


.qr {
    margin: 36px 0 0 108px;
    height: 185px;
    width: 185px;
    /*background: url('../image/qr.png') no-repeat center*/
}

.qrMessage {
    height: 18px;
    width: 143px;
    margin: 27px auto 0;
}


/* 底部 */
.footer {
    position: relative;
    width: 1180px;
    margin-top: 48px;
    margin-bottom: 54px;
}


.footer .content {
    width: 100%;
    text-align: center;
    line-height: 18px;
}

.footer p, span {
    font-size: 13px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(74, 74, 74, 1);
}



.iconfont {
    font-size: 15px !important;
}

input:focus {
    outline: none;
    border: 1px solid rgba(0, 137, 239, 1);
    box-shadow: 0px 0px 4px 0px rgba(85, 118, 207, 0.6);
}

/*[type=submit]:hover {*/
/*    background-color: #1B6BE2;*/
/*}*/

.sliderMessage .sliderTip{
    font-size: 12px;
    color: #999999;
    line-height: 35px;
    text-align: center;
}
.sliderMessage1.password{
    height: 35px;
}
.sliderMessage1 .sliderTip{
    font-size: 12px;
    color: #999999;
    line-height: 25px;
    text-align: center;
}
.password-nav-bar{
    width: 322px;
    margin: 0 auto;
    /*padding-top: 10px;*/
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.password-nav-bar .btn{
    padding:10px 0;
    display: inline-block;
    /*width: 80px;*/
    height: 18px;
    font-size: 13px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #666666;
    line-height: 18px;
}
.password-nav-bar .btn.register{
    padding-right: 10px;
    cursor: pointer;
}
.password-nav-bar .btn.forgot-password{
    padding-left: 10px;
}
.qub{
    border:0;
    box-shadow:0px 2px 4px 0px rgba(85,118,207,0.5);
}
.verify-wrap .drag-progress {
    height: 42px;
}

.verify-wrap {
    width: 322px;
    height: 42px;
    margin: 0 auto;
    overflow: hidden;
}

.verify-wrap .fix-tips {
    height: 42px;
    font-size: 13px;
    color: #999;
}

.bigBox {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.top1 {
    margin-top: 30px;
}

/*覆盖拖动样式*/
.verify-wrap .verify-msg {
    background-color: #eeeeee !important;
    color: #4A4A4A;
}

iframe {
    width: 185px;
}

.login-box {
    display: none;
}

.login-box.cur {
    display: block;
}

.login-type-btn {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 86px;
    height: 86px;
    background-position: 50% 50%;
    cursor: pointer;
    z-index: 10000;
}
.nc-container{
    width: 322px;
    margin: 0 auto;
}
.nc_scale{
    height: 42px !important;
}
.nc-container .nc_scale span{
    /*width: 42px !important;*/
    height: 42px !important;
    line-height: 42px !important;
}
.nc-container .nc_scale .btn_slide{
    height: 40px !important;
    line-height: 40px !important;
}
.nc-container .nc_scale .btn_ok{
    height: 40px !important;
    line-height: 40px !important;
}
.nc-container .nc_scale .scale_text{
    height: 42px !important;
    line-height: 42px !important;
}
.nc-container .scale_text.scale_text.slidetounlock span[data-nc-lang="_startTEXT"]{
    height: 42px;
}
.registration-wrapper a{
    text-decoration: none;
}
.registration-wrapper a:visited{
    color: rgba(74, 74, 74, 1);
}