@charset "UTF-8";
body { font-family: "Microsoft YaHei"!important }
.ng-cloak, .ng-hide, .x-ng-cloak, [data-ng-cloak], [ng-cloak], [ng\:cloak], [x-ng-cloak] {
display: none!important
}
ng\:form { display: block }
.ng-animate-start { clip: rect(0, auto, auto, 0); -ms-zoom: 1.0001 }
.ng-animate-active { clip: rect(-1px, auto, auto, 0); -ms-zoom: 1 }
.errorMessage { color: red; text-align: center }
.login { display: none }
.login-bg { display: block; height: 100%; overflow-y: hidden; min-width: 1200px; }
.Logintit { font-size: 24px; font-weight: bold; color: #333; text-align: center; padding: 30px 0 25px 0; }
.loginImg { height: 40px; width: 100px }
.logImg { height: 26px; width: 120px }
.otherLogin { text-align: center }
input { font-family: "微软雅黑"!important }
.login .logo { position: absolute; top:0px; left:0px; width: 100%; height:80px; background-color: rgba(255,255,255,.5); padding:10px;}
.login .content { background-color: rgba(255,255,255,0.9); -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; width: 400px; height: 430px; padding: 10px 40px 30px; overflow: hidden; position: absolute; top: calc(50% - 250px); left: calc(50% + 200px); -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); box-shadow: 0 2px 6px 0 rgba(0,0,0,.2); }
.login .floor { position: absolute; bottom: 20px; text-align: center; width: 100%; }
.login .content h3 { color: #4db3a5; text-align: center; font-size: 20px; font-weight: 400!important }
.login .content h4 { color: #555 }
.login .content .hint { color: #999; padding: 0; margin: 15px 0 7px }
.login .content .forget-form, .login .content .login-form { padding: 0; margin: 0 }
.login .content .form-control { background-color: #dde3ec; height: 43px; color: #8290a3 }
.login .content .form-control:active, .login .content .form-control:focus { border: 1px solid #c3ccda }
.login .content .form-control::-moz-placeholder {
color: #999;
opacity: 1
}
.login .content .form-control:-ms-input-placeholder {
color: #999
}
.login .content .form-control::-webkit-input-placeholder {
color: #999
}
.login .content select.form-control { padding-left: 9px; padding-right: 9px }
.login .content .forget-form, .login .content .register-form { display: none }
.login .content .form-title { font-weight: 300; margin-bottom: 25px }
.login .content .form-actions { clear: both; border: 0; border-bottom: 1px solid #eee; padding: 25px 30px; margin-left: -30px; margin-right: -30px }
.form-group.productLogo { text-align: center }
.login .content .otherlogin { text-align: center }
.login .content .icon { padding: 0 }
.login .content .icon img { width: 50px }
.login .content .icon_2 { text-align: center }
.login .content .icon_3 { text-align: right }
.login-options { margin-bottom: 30px; overflow: hidden }
.form-horizontal .checkbox { padding-top: 0 }
.form-horizontal .form-group .rememberMe, .form-horizontal .form-group .verifycode { padding-left: 0 }
.form-horizontal .optional { margin-bottom: 5px }
.form-horizontal .form-group .forget-password { padding-right: 0; text-align: right }
.login-options h4 { float: left; font-weight: 600; font-size: 15px; color: #7d91aa!important }
.login-options .social-icons { float: right; padding-top: 3px }
.login-options .social-icons li a { border-radius: 15px!important; -moz-border-radius: 15px!important; -webkit-border-radius: 15px!important }
.login .content .form-actions .checkbox { margin-left: 0; padding-left: 0 }
.login .content .forget-form .form-actions { border: 0; margin-bottom: 0; padding-bottom: 20px }
.login .content .register-form .form-actions { border: 0; margin-bottom: 0; padding-bottom: 0 }
.login .content .form-actions .btn { margin-top: 1px; font-weight: 600; padding: 10px 20px!important }
.login .content .form-actions .btn-default { font-weight: 600; padding: 10px 25px!important; color: #6c7a8d; background-color: #fff; border: none }
.login .content .form-actions .btn-default:hover { background-color: #fafaff; color: #45b6af }
.login .content .check { color: #8290a3 }
.login .content .rememberme { margin-left: 0; margin-top: 10px }
.login .content .create-account { margin: 0 -40px -30px; padding: 15px 0 17px; text-align: center; background-color: #6c7a8d; -webkit-border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -ms-border-radius: 0 0 7px 7px; -o-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px }
.login .content .create-account>p { margin: 0 }
.login .content .create-account p a { font-weight: 600; font-size: 14px; color: #c3cedd }
.login .content .create-account a { display: inline-block; margin-top: 5px }
.login .copyright { text-align: center; margin: 0 auto 30px 0; padding: 10px; color: #7a8ca5; font-size: 13px }
@media (max-width:440px) {
.login .content, .login .logo { margin-top: 10px }
.login .content { width: 280px }
.login .content h3 { font-size: 22px }
.forget-password { display: inline-block; margin-top: 20px }
.login-options .social-icons { float: left; padding-top: 3px }
.login .checkbox { font-size: 13px }
}
.popover-inner .popoverIcon { padding-left: 15px; display: inline-block }
.popover-content { display: inline-block }
.has-error .form-control { border-color: #f44336 }/* .bottom,.fade,.popover {    left: 214px!important} */
.btn, .form-control { box-shadow: none!important }
.unieap-icon-error::before { content: url("error.svg"); position: relative; top: 8px; margin-right: 10px; }
.unieap-icon-info::before { content: url("info.svg"); position: relative; top: 8px; margin-right: 8px; }
.unieap-icon-right::before { content: url("right.svg"); position: relative; top: 8px; margin-right: 10px; }
.unieap-icon-warning::before { content: url("warning.svg"); position: relative; top: 8px; margin-right: 10px; }
.messageBox-title { margin-top: 4px; margin-bottom: 33px; color: #6E747B; }
i.messageBox-title + span { font-size: 18px; }
.messageBox-body { font-size: 14px; line-height: 24px; margin-bottom: 24px; color: #94999F; }
.neckFocustab { position: relative; bottom: 10%; left: calc(50% - 250px); -webkit-transform: translateX(-50%); transform: translateX(-50%); display: inline-block; font-size: 0; }
.neckFocustab li { display: inline-block; width: 8px; height: 8px; background: #383838; cursor: pointer; margin: 0 5px; border-radius: 8px;/*animation: mybannerCur_outanimation .5s cubic-bezier(0.18, 0.89, 0.32, 1.28);*/ }
.neckFocustab li.cur { background: #db5462; width: 50px; }
.neckFocustab li.curO { animation: mybannerCur_outanimation .3s linear; }
.neckFocustab li.curA { animation: mybannerCuranimation .3s linear; }
.li { height: 100%; min-height: 700px; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: bottom center;}
.li .imgDiv { position: relative; width: 1200px; height: 100%; top: 0; margin: 0 auto; }
.li .imgDiv .img { position: absolute; width: 750px; top: calc(50% - 250px); left: 0; cursor: pointer; }
.neckFocusimg { position: relative; height: calc(100% - 0px); min-width: 1200px; }
#password { background: url(ico-key.png) no-repeat 0 0; background-position: 10px 10px; height: 40px; padding-left: 35px; line-height: 20px; border-radius: 5px; }
#userName { background: url(ico-user.png) no-repeat 0 0; background-position: 10px 10px; height: 40px; padding-left: 35px; line-height: 20px; border-radius: 5px; }
.btn-primary { color: #fff; background-color: #18a689; font-size: 20px; height: 50px; border-radius: 5px; }
a { cursor: pointer; }
@keyframes mybannerCuranimation { 0% {
width: 10px;
}
100% {
width: 50px;
}
}
@keyframes mybannerCur_outanimation { 0% {
width: 50px;
}
100% {
width: 10px;
}
}
@media screen and (max-height: 700px) {
.neckFocusimg { position: relative; min-width: 1200px; height: 700px; }
}
.new-loginFunc { position: absolute; right: 0; top: 0; z-index: 2; cursor: pointer; width: 72px; height: 72px; }
.loginFunc-tips { display: none; background: #18a689; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #fff; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; padding: 6px 8px; position: absolute; right: 72px; white-space: nowrap; }
.loginFunc-tips:after { border: 6px solid rgba(0,0,0,0); border-left-color: #18a689; content: ""; display: block; height: 0; position: absolute; right: -12px; top: 10px; width: 0; }
.new-loginFunc .qrcode-126-icon { width: 72px; height: 72px; background: url(ico-01.png) 50% no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.new-loginFunc .account-126-icon { display: none; vertical-align: middle; width: 72px; height: 72px; background: url(ico-02.png) 50% no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.app { display: none; }
.pc { display: block; }
.w-mc-scanTips { text-align: center; line-height: 20px; margin-top: 16px; margin-bottom: 22px; font-size: 14px; color: #666666; }




#fxk { width: 16px; height: 16px; background-color: #fff; border: 1px solid #DEE1E3; border-radius: 2px; color: #fff; text-align: center; line-height: 15px; -webkit-appearance: none; appearance: none; outline: none; }
#fxk[type="checkbox"]:hover { border: 1px solid #18a689; }
#fxk:checked { color: #fff; background-color: #18a689; border: 1px solid #18a689; }
#fxk:after { content: "\2713"; }

.eye { width: 30px; height: 30px; background-image: url(eye.png); background-repeat: no-repeat; background-position: center -30px; cursor: pointer; float: right; }
.eye2 { width: 30px; height: 30px; background-image: url(eye.png); background-repeat: no-repeat; background-position: center -30px; cursor: pointer; float: right; position: relative; top: -34px; right: 0; }
.eyeOpen { background-position: center 0px !important; }

#div1 .li:nth-child(1){background-image: url(01.png);}
#div1 .li:nth-child(2){background-image: url(02.png);}
#div1 .li:nth-child(3){background-image: url(03.png);}
#div1 .li:nth-child(4){background-image: url(04.png);}
#div1 .li:nth-child(5){background-image: url(05.png);}
#div1 .li:nth-child(6){background-image: url(06.png);}
#div1 .li:nth-child(7){background-image: url(07.png);}
#div1 .li:nth-child(8){background-image: url(08.png);}