@charset "utf-8";
body {font-family:"Lato",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.72222;color:#34495e;background-color:#fff;}
a {text-decoration:none;transition:.25s;}
a:hover,a:focus {text-decoration:none;}
a:focus {outline:none;}
img {max-width:100%;}
.img-rounded {border-radius:6px;}
.img-thumbnail {padding:4px;line-height:1.72222;background-color:#fff;border:2px solid #bdc3c7;border-radius:6px;transition:all .25s ease-in-out;display:inline-block;max-width:100%;height:auto;}
p {font-size:18px;line-height:1.72222;margin:0 0 15px;}
.btn {border:none;font-size:15px;font-weight:normal;line-height:1.4;border-radius:4px;padding:10px 15px;-webkit-font-smoothing:subpixel-antialiased;transition:border .25s linear,color .25s linear,background-color .25s linear;}
.btn:hover,.btn:focus {outline:none;color:white;}
.btn:active,.btn.active {outline:none;box-shadow:none;}
.btn:focus:active {outline:none;}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {background-color:#bdc3c7;color:rgba(255,255,255,0.75);opacity:0.7;filter:"alpha(opacity=70)";cursor:not-allowed;}
textarea {font-size:20px;line-height:24px;padding:5px 11px;}
textarea.form-control {height:auto;}
input[type="search"] {-webkit-appearance:none !important;}
label {font-weight:normal;font-size:15px;line-height:2.3;}
.form-control::-moz-placeholder,.select2-search input[type="text"]::-moz-placeholder {color:#b2bcc5;opacity:1;}
.form-control:-ms-input-placeholder,.select2-search input[type="text"]:-ms-input-placeholder {color:#b2bcc5;}
.form-control::-webkit-input-placeholder,.select2-search input[type="text"]::-webkit-input-placeholder {color:#b2bcc5;}
.form-control,.select2-search input[type="text"] {border:2px solid #dfdfdf;color:#34495e;font-family:"Lato",Helvetica,Arial,sans-serif;font-size:15px;line-height:1.467;padding:8px 12px;height:42px;border-radius:6px;box-shadow:none;transition:border .25s linear,color .25s linear,background-color .25s linear;}
.form-group.focus .form-control,.form-group.focus .select2-search input[type="text"],.select2-search .form-group.focus input[type="text"],.form-control:focus,.select2-search input[type="text"]:focus {border-color:#1abc9c;outline:0;box-shadow:none;}
.form-control[disabled],.select2-search input[disabled][type="text"],.form-control[readonly],.select2-search input[readonly][type="text"],fieldset[disabled] .form-control,fieldset[disabled] .select2-search input[type="text"],.select2-searchfieldset[disabled] input[type="text"] {background-color:#f4f6f6;border-color:#d5dbdb;color:#999999;cursor:default;opacity:0.7;filter:"alpha(opacity=70)";}

.login-container-box{height:100%;position: relative;}

.login-form {background-color:#ffffff;padding:35px 23px 30px;position:relative;border-radius:6px;z-index:10;}
.login-form .form-group {position:relative;}
.login-form .control-group {margin-bottom:6px;position:relative;}
.login-form .login-field {/*border-color:transparent;*/  font-size:16px;text-indent:3px;}
.login-form .login-field:focus {border-color:#1857a7;}
.login-form .login-field:focus + .login-field-icon {color:#1857a7;}
.login-form .login-field-icon {color:#bfc9ca;font-size:16px;position:absolute;right:15px;top:3px;transition:all .25s;height:34px;line-height:34px;}
html,body{width:100%; height:100%;}
.container { width: 1400px !important;}
.login{margin:0px auto;}
.nt-table{width:100%; height:100%; display:table; vertical-align:middle;}
.nt-tell{width:100%; height:100%; display:table-cell; vertical-align:middle;position:relative}
.login .login-screen .login-wrapper{margin-top:120px;}
.login-screen{overflow:hidden;padding:0px;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;transition:all .2s ease 0s;display: flex;width: 100%;align-items: center;justify-content: right;}
.login-screen.login-tap-retpass{background-color:#3F51B5;}
.login-screen.login-tap-retpass .login-wrapper{left:-100%;}
.login-wrapper .wr-slide .login-form{width:430px}
.login-wrapper .wr-slide .login-form.login-form-toprpass{margin-top:140px;}
.login-teps{color:#bfc9ca;display:block;font-size:13px;margin-top:15px;text-align:center;cursor:pointer;}
.login-teps:hover{color:#D83B3B;}
.login-screen .form-sub{padding:8px 12px;font-size:15px;}
.login-link:hover{color:#D83B3B;}
.ins-modal .modal-title{font-size:15px;}
.ins-modal .btn-close{background-color:#fff; border:1px solid #ccc; color:#444; font-size:14px; padding: 6px 6px;}
.ins-modal .btn-close:hover{background-color:#E3E3E3;}
.aiy-sweeprpss{position:relative;}
.aiy-sweeprpss .tv-pic{width:90%; max-width:240px; margin:8px auto;}
.aiy-sweeprpss .tv-pic img{width:100%; display:block;}
.aiy-sweeprpss .tv-text{ font-size:15px; text-align:center; line-height:26px;} 
.login-form h4{margin:0px;text-align: center;height: 40px;line-height:40px;margin-top:0;margin-bottom: 20px;overflow: hidden;font-weight: 500;}
.login-form h4 a{font-size: 36px;color: #333333;cursor: pointer;}
@media screen and (max-width : 1026px){
    .login-screen,
    .login-screen.login-tap-retpass{background-color:rgba(255,255,255,0);}
    .login-wrapper .wr-slide{padding:12px;}
    .container{width:100% !important; max-width:480px !important; padding:0px 10px; margin:0px auto !important; }  
    .login{background-size:0px 0px; padding:0px;}

    .login-wrapper .wr-slide .login-icon-toprpass{margin:30px 0px 12px;}
    .login-wrapper{position:relative;}
    .login-wrapper .wr-slide .login-form,
    .login-wrapper .wr-slide .login-form.login-form-toprpass{ margin-top:0px; margin-left:0px;}
} 
@media screen and (max-width : 480px){

}
.login-bgs{position:absolute;top:-2%;width:104%;height:104%;left:-2%;overflow:hidden;z-index:2;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;-webkit-filter:blur(2px);filter:blur(2px);}
.login-loading .ve-bg{width:100%; height:100%; position:absolute; top:0px; left:0px; overflow:hidden; z-index:2082;background-color:#fff; opacity:.4; filter:alpha(opacity=40);}
.login-loading .ve-ico{width:40px; height:40px; position:absolute; top:50%; margin-top:-20px; left:50%; margin-left:-20px; z-index:2100;font-size:32px; color:#000; text-align:center; line-height:40px;}
body{height:100%;overflow:hidden;}
.login-bg{background-color:#444;background-size:cover;}
.nt-bgthus{position:fixed;top:0;right:0;bottom:0;z-index:1200;width:10px;}
.nt-bgthus .tv-btn{position:absolute;top:10px;right:10px;padding:4px 0;width:auto;width:30px;background-color:hsla(0,0%,100%,.6);color:#000;text-align:center;font-size:15px;transition:all .2s ease 0s;}
.nt-bgthus .tv-btn:hover{background-color:#fff;}
.nt-bgthus .tv-btn:active{top:14px;}
.nt-bgthus .tv-btn .fa-times{display:none;}
.nt-bgthus.open .tv-btn{right:310px;}
.nt-bgthus.open .tv-btn .fa-times{display:inline-block;}
.nt-bgthus.open .tv-btn .fa-picture-o{display:none;}
.nt-bgthus .tv-list{position:absolute;top:0;right:-300px;bottom:0;width:300px;overflow-x:hidden;overflow-y:auto;padding:0;background-color:#fff;transition:all .2s ease 0s;}
.nt-bgthus .tv-tuh{position:relative;display:block;overflow:hidden;margin:0 10px 10px;}
.nt-bgthus .tv-tuh-wu{position:relative;display:block;overflow:hidden;margin:0 10px 10px;text-align:center;height:30px;line-height:30px;background-color: #5f5f5f;color:#cfcfcf;}
.nt-bgthus .tv-tuh img{display:block;width:100%;}
.nt-bgthus.open .tv-list{right:0px;}
.nt-bgthus .tv-alert{margin:10px 10px 9pt;padding:10px 9pt;font-size:14px;}

.login-error{display:none;min-width:100px;width:200px;height:48px;background-color:#000;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);color: #fff;border: none;position: absolute;top:50%;left:50%;margin-left:-100px;margin-top:-24px;z-index:99;_position: absolute;pointer-events: auto;}
.login-error .login-error-content{padding: 12px 25px;text-align:center;line-height:24px;word-break: break-all;overflow: hidden;font-size: 14px;overflow-x: hidden;overflow-y: auto;}

/*图形验证码*/
.captcha-img{height:30px;position: absolute;right: 5px;top: 7px;}

/*选字验证码*/
.j-captcha {position:relative;height:42px;font-size:14px;cursor:pointer;border-radius:2px;border:1px solid #e4e7eb;background-color:#f7f9fa;overflow:hidden;outline:none;}
.j-captcha-btn {position:absolute;top:0;border-radius:2px;width:100%;min-width:160px;height:100%;cursor:pointer;opacity:1;left:0;background-image: linear-gradient(180deg, #648cff 0%, #648cff 100%);background-color: #648cff \9;user-select:none;}
.j-captcha-btn:hover {background-image:linear-gradient(0deg,#3865e9  0%,#648cff  100%);background-color:#3865e9\9;}
.j-captcha-btn .j-captcha-tips {text-align:center;color:#45494c;height:100%;white-space:nowrap;font-size:0;display:flex;align-items:center;justify-content:center;}
.j-captcha-btn .j-captcha-tips .j-captcha-icon {display:block;margin-right:8px;width:20px;height:20px;line-height:20px;text-align:center;vertical-align:middle;font-size:16px;color:#ffffff;}
.j-captcha-btn.j-wait-compute .j-captcha-tips .j-captcha-icon{color:#52ccba;}
.j-captcha-btn .j-captcha-tips .j-captcha-answer {color:#fff;font-size:14px;}
.j-captcha-btn .j-captcha-tips .j-captcha-answer .j-captcha-point {font-weight:bold;margin-left:10px;}
.j-captcha-btn .j-captcha-tips .j-captcha-answer .j-captcha-point span.clicked {color:#f04848;}
.j-captcha-btn .j-captcha-tips .j-captcha-text {vertical-align:middle;word-break:break-word;font-size:14px;color:#666;white-space:nowrap;color:#ffffff;}
.j-captcha-box {position:relative;}
.j-captcha-img {position:absolute;left:0;width:100%;z-index:999;bottom:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;left:0;z-index:1;padding-bottom:15px}
.j-captcha-img-box,.j-captcha-img-loading {padding-top:50%;pointer-events:auto;position:relative;overflow:hidden;background-color:#000;border-radius:3px;}
.j-captcha-img-loading {background-color:#f7f9fa;display:none;}
.j-captcha-img-loading span {font-size:22px;color:#333333;}
.j-captcha-img-box .j-captcha-img-pic {position:absolute;width:100%;height:100%;left:0px;top:0px;background-color:#ffffff;}
.j-captcha-img-box .j-captcha-img-pic .captcha-img-v {width:100%;height:100%;}
.j-captcha-img-top {position:absolute;right:0;top:0;max-width:98px;*max-width:68px;z-index:2;background-color:rgba(0,0,0,.12);*background-color:transparent;_background-color:transparent;}
.j-captcha-img-top .button {display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;vertical-align:top;text-transform:capitalize;border:none;background-color:transparent;font-size:20px;color:#928f96;}
.j-captcha-img-top .button:hover {color:#ffffff;}
.j-captcha-img-box span.step {position:absolute;width:30px;height:30px;line-height:24px;font-size:14px;font-weight:bold;text-align:center;color:#f04848;border:3px solid #f04848;background-color:#fff;border-radius:30px;box-shadow:0 0 10px #fff;-webkit-user-select:none;user-select:none;}
.j-loading-inner {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:10px;}
.j-captcha-box.j-captcha-error .j-captcha {border-color:#f57a7a;color:#f57a7a;background:#fce1e1;}
.j-captcha-box.j-captcha-error .j-captcha .j-captcha-btn {border-color:#f57a7a;color:#f57a7a;background:#fce1e1;}
.j-captcha-box.j-captcha-error .j-captcha-btn .j-captcha-tips,.j-captcha-box.j-captcha-error .j-captcha-btn .j-captcha-text {color:#f57a7a;}
.j-captcha-box.j-captcha-error .j-captcha .j-captcha-btn .fa-hand-o-right:before {content:"\f00d";}
.j-captcha-box.j-captcha-error .j-captcha-tips .j-captcha-text {color:#f57a7a;}
.j-captcha-box.j-captcha-success .j-captcha {border-color:#52ccba;color:#52ccba;background:#d2f4ef;}
.j-captcha-box.j-captcha-success .j-captcha .j-captcha-btn {border-color:#52ccba;color:#52ccba;background:#d2f4ef;}
.j-captcha-box.j-captcha-success .j-captcha-btn .j-captcha-tips,.j-captcha-box.j-captcha-success .j-captcha-btn .j-captcha-text {color:#52ccba;}
.j-captcha-box.j-captcha-success .j-captcha .j-captcha-btn .fa-hand-o-right:before {content:"\f00c";}
.j-captcha-box.j-captcha-success .j-captcha-btn {cursor:default;}
.j-captcha-box.j-captcha-success .j-captcha-tips .j-captcha-text {color:#52ccba;}

.login-btn{height:40px;line-height: 40px;display: flex;justify-content: space-between;margin-bottom:5px;margin-top:10px;width: 100%;justify-content: center;color:#333;}
.login-btn a{color:#1857a7;font-size: 13px;margin-right:15px;}
.form-sub-login{padding: 8px 12px;font-size: 15px;width: 100%;    display: block;    color: #ffffff;background-color: #1857a7;}
.form-sub-reg{padding: 8px 12px;font-size: 15px;width: 100%;    display: block;    color: #1857a7;background-color: #ffffff;border:1px solid #dedede;}
.form-sub-reg:hover{color: #1857a7;}
.reset-phone-code{background: #1857a7;line-height:42px;color: #fff;font-size: 13px;padding: 0 15px;position: absolute;top:0;right: 0;border-radius: 0 5px 5px 0;cursor: pointer;text-decoration: none;z-index: 2;}
.reset-phone-code:hover,
.reset-phone-code:visited,
.reset-phone-code:focus{color:#ffffff;}

.login-form .scan-form{padding-bottom:20px;}
.scan-form .titles{font-size: 23px;margin-top: 25px;color: #444;text-align: center;}
.scan-form .qrCode {text-align: center;padding-top: 20px;}
.scan-form .list_scan {width: 150px;margin: 0 auto;margin-top: 15px;text-align: center;}
.scan-form .list_scan span {display: inline-block;font-size: 13px;margin-bottom: 5px;}
.scan-form .scan_tips {height: 25px;margin-top: 10px;text-align: center;}
.scan-form .scan_tips img {width: 25px;height: 25px;margin-right: 10px;margin-left: -5px;}
.scan-form .scan_tips span {display: inline-block;font-size: 18px;line-height: 25px;vertical-align: top;font-weight: 600;color: #555;}
.entrance{display: none;}
.entrance .bg_img {width:60px;height:60px;background-image:url(../images/qrCode.png);background-size:120px 120px;background-repeat:no-repeat;background-position:0 0;position:absolute;top:5px;right:5px;}
.entrance .tips {width:95px;position:absolute;top:10px;right:65px;color:rgb(32,165,58);background:#dff0d8;padding:5px 10px;text-align:center;border-radius:4px;font-size:12px;}
.entrance .tips img {height:16px;width:16px;vertical-align:middle;margin-top:-1px;margin-right:4px;}
.entrance .tips em {position:absolute;border:6px solid #dff0d8;border-color:transparent transparent transparent #dff0d8;width:0;height:0;right:-11px;top:8px;margin-left:-6px;}
.entrance .bg_img:hover {background-position:-60px 0;cursor:pointer;}
.entrance .bg_img.pc {background-position: 0 -60px;}
.entrance .bg_img.pc:hover {background-position: -60px -60px;}

.login-footer{position:fixed;bottom:0;left:0;width: 100%;padding:15px 0px;font-size:14px;color:#ffffff;text-align:center;}
.login-footer a{font-size:14px;color:#ffffff;}
.login-info{position: absolute;left:0;top:80px;}
.login-info h3{font-size:60px;color:#fff;margin-top:50px;font-weight: bold;}
.login-info ul{margin-top:50px;padding-left:30px;}
.login-info ul li {font-size:18px;color:#fff;line-height:50px;list-style: inherit;}

@media (max-width:1640px) {
    .container { width: 100% !important;padding:0px 30px;}
    .login-info{left:30px;}
    .login .login-screen .login-wrapper{}
}

@media (max-width:1440px) {
    .container{padding:0px 80px;}
    .login-info{left:80px;}
    .login-info h3{margin-top:30px;font-size:30px;}
    .login-form h4 a{font-size:24px;}
    .login-info .logo img{height:30px;}
    .login-info ul li{font-size:16px}
    .login .login-screen .login-wrapper{margin-top:90px;}
    .login-wrapper .wr-slide .login-form{width:400px; padding: 20px 20px 20px;}
    .form-sub-reg{font-size:14px}
    .form-control, .select2-search input[type="text"],.j-captcha{height:40px;}
    .j-captcha-img-box, .j-captcha-img-loading{padding-top:49%;}
}   

@media (max-width:1024px) {
    .login-info{position:static;}
    .login-info h3,.login-info ul{display: none;}
    .login-info{margin-top:50px;}
    .login-info .logo{text-align: center;}
    .login .login-screen .login-wrapper{margin-top:20px;}
    .login-screen *,.login-screen{box-sizing: border-box;}
    .container{max-width:100%!important;}
    .login-screen{justify-content: center;}
}