@import url("font-awesome.css");
@import url("iconfont.css");
@import url("bootstrap.css");
@import url("animate.css");
@import url("style.css");
ul,li,dl,dt,dd,p{margin:0;padding:0;list-style:none; font-style:normal; font-weight:normal;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight: normal;font-style: normal;}

/* custom color */
.color-primary {color: #096DD9;}
.color-info {color: #1890FF;}
input:focus{outline: none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: #fff!important;background-image: none;-webkit-box-shadow: 0 0 0 1000px white inset;}

/* 登录页  */
body { background-color: #fff;line-height: inherit;font-family:"Microsoft YaHei"; }
.loginbg { background-color:#fff;}
.loginbg .logincontainer { width:1200px; margin:0 auto; overflow:hidden; }
.loginbg .logincontainer .left { float:left; width:700px; height:60px; line-height:60px;background:url("../img/logo.png") no-repeat left center; padding-left: 245px; }
.loginbg .logincontainer .left em{ font-size: 22px; font-style: normal; color: #1F3149; font-weight: 500; }
.loginbg .logincontainer .left em:before{ width: 1px; height: 18px; content: ''; background: #E2ECF7; float: left; margin: 23px 15px 0 0; }
.loginbg .logincontainer .right { float:right; text-align:right; width:500px; padding-right:0; }
.loginmenu { float: right; list-style: none; margin:0; }
.loginmenu li { float:left; height:60px; line-height:60px; }
.loginmenu li a { display: block; padding-left:30px; font-size:14px; }
.loginmenu li a:hover{opacity: 0.8;}
.loginmenu li a i {margin-right: 7px;color: #ADB3BC;}
.loginmenu li .dropdown-menu li{height: inherit;line-height: inherit;padding: 5px 10px;}
.loginmenu li .dropdown-menu li a{padding-left: 0;}

/*banner 滚动部分*/
.panelbg { height:600px;width: 100%; overflow: hidden;min-width: 1200px;}
.panelbg .panelcontainer { width:100%; margin:0 auto; overflow:hidden;height:100%; }
.panelbg .panelcontainer .ck-slide{width:100%;height:600px;overflow: hidden;position: absolute;min-width: 1200px;}
.panelbg .panelcontainer .ck-slide ul li .banner{width:100%;height:600px;overflow: hidden;}
.panelbg .panelcontainer .ck-slide ul li .banner1{background: url(../img/login/banner01.png) top center no-repeat;}
.panelbg .panelcontainer .ck-slide ul li .banner2{background: url(../img/login/banner02.png) top center no-repeat;margin-top: -600px;}
.panelbg .panelcontainer .ck-slide ul li .banner3{background: url(../img/login/banner03.png) top center no-repeat;margin-top: -600px;}
/*.panelbg .panelcontainer .ck-slide ul li .banner4{background: url(../img/login/banner04.png) top center no-repeat;margin-top: -600px;}*/
.ck-slide ul.ck-slide-wrapper li a{
	/*a标签是行内元素，宽高对a标签不起作用，这里必须添加line-height:0;display:black，否则垂直滚动<li>之间会出现间隔*/
	line-height:0;display:block;}
.ck-slide .ck-prev, .ck-slide .ck-next {position: absolute;top: 50%;z-index: 2;width: 35px;height: 70px;margin-top: -35px;
border-radius: 3px;opacity: .15;background: red;text-indent: -9999px;background-repeat: no-repeat;transition: opacity .2s linear 0s;}
.ck-slide .ck-prev {left: 5px;background: url(../img/login/arrow-left.png) #000 50% no-repeat;}
.ck-slide .ck-next {right: 5px;background: url(../img/login/arrow-right.png) #000 50% no-repeat;}
.ck-slidebox {position: absolute;left: 50%;bottom: 12px;z-index: 30;}
.ck-slidebox ul {height: 20px;padding: 0 4px;border-radius: 8px;}
.ck-slidebox ul li {float: left;height: 12px;margin: 4px 10px;}
.ck-slidebox ul li em {display: block;width:30px;height: 2px;border-radius:0;background:rgba(255,255,255,0.6);text-indent: -9999px;cursor: pointer;}
.ck-slidebox ul li.current em {background:rgba(255,255,255,1);}
.ck-slidebox ul li em:hover {background:rgba(255,255,255,1);}

/*登录框部分*/
.loginmain{width:1200px; margin: 0 auto; position: relative;z-index: 999;}
.login-form ul.nav-tabs{border:none;border-bottom: 1px #dcdcdc solid;width:300px;height:39px; margin-top:35px; padding:0; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify;}
.login-form ul.nav-tabs>li{margin:0;}
.login-form .nav-tabs>li>a{font-size:16px;text-align: center;border:none;border-bottom:2px solid transparent;padding: 0;display: block;height:40px;line-height:30px;}
.login-form .nav-tabs>li.active>a,.login_list .nav-tabs>li.active>a:focus,.login_list .nav-tabs>li.active>a:hover{ border-color:#1890FF;color:#1890FF;}
.login-form .nav-tabs>li em{display: none;}

.login-form{ float: right; width: 380px; min-height: 400px; margin-top:100px; background: #fff;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.06); border-radius:2px;}
.login-form .login-tab { border-bottom: 1px solid #f4f4f4; display: block; font-size: 18px; height: 54px; width: 173px; text-align: center; }
.login-form .login-tab a { border-right: 1px solid #f4f4f4; text-decoration: none; margin-top: 18px; width: 99%; display: block; line-height: 18px; }
.login-form .login-tab a:hover,.login-form .login-tab a:focus,.login-form .login-tab .check{ color: #000; font-weight: 700; }
.login-form h2 { height:55px; line-height:55px; background:url(../img/icon-dl.png) #f8b500 30px 12px no-repeat; }
.login-form h2 .login-tit { font-size:20px; padding:0 80px; color:#fff; font-weight:400; }

.login-form ul{ width: calc(100% - 80px); margin: 0 auto; padding-top: 30px; }
.login-form li{ margin-bottom:15px; position:relative; }
.login-form li input{border:none;color: #333; border-bottom: 1px solid #DCDFE3; height: 42px; width: 100%; background: #fff; padding-left:40px; vertical-align: top; overflow: hidden; }
.login-form li input::-webkit-input-placeholder{color: #ADB3BC;}
.login-form li input:hover,.login-form li input:focus{ border-bottom: 1px solid #1890FF;transition: all 0.3s ease;}

.login-form li:before { position: absolute; left: 12px; top: 14px; height: 16px; width: 16px; color: #ADB3BC; font-size: 16px; font-family: "iconfont"; }
.login-form li:hover:before{ color: #1890FF; }

.login-form li.username:before{ content: "\e741"; }
.login-form li.password:before{ content: "\e674"; }
.login-form li.checkcode:before{ content: "\e738"; }
.login-form li.tel:before{ content: "\e633"; }
.login-form li.telcode:before{ content: "\e613"; }
.login-form li.email:before{ content: "\e755"; }
.login-form li.key:before { content: "\e605"; top: 12px; font-size:18px; }

.login-form li.checkcode { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; }
.login-form li.checkcode input { width:210px; }
.login-form li.checkcode .btn { margin-right: 0; }
.login-form li.checkcode .btn i { font-size: 16px; }
.login-form li.checkcode .code-img{display: inline; width: 75px; height:30px;margin:8px 0px 0px 10px;}

.login-form li.telcode { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: justify; }
.login-form li.telcode input { width:210px; }
.login-form li.telcode .btn { margin-right: 0; }
.login-form li.telcode .btn i { font-size: 16px; }

.login-bot{ width: calc(100% - 80px);margin: 0 auto; overflow:hidden;margin-top:35px; }
.loginerror{ display:none; font-size:12px;color:#FB6041; }

.loginbtn{ display:block; background: #1890FF; line-height:2;border-radius: 2px;margin-right: 0; }
.loginbtn:hover{background: #40A9FF; transition: all 0.3s ease-in; }
.loginbtn:active{background: #096DD9;}

.login-bot .loginreg{ float:right; margin-top:15px; text-align:right;font-size:12px; }
.login-bot .loginforget{ float:left; margin-top:15px;font-size:12px;}
.login-bot > p > a{color:#1890FF;}
.login-bot > p > a:hover{color:#40A9FF; }

.login-form .tab-content { margin-bottom: 30px; }

/*底部版权*/
.loginbottom { width:1200px;margin:0 auto;margin-top:50px;text-align: center;}
.loginbottom > p{color:#949DA9;font-size: 12px;}

/* 人脸识别 */
.login-facerecognition{padding: 40px;background: #fbfbfb;}
.facerecognition-face{width: 130px;height: 191px;background: url(../img/login/facerecognition-face.gif) center center no-repeat;background-size: 130px;margin: 0 auto;}
.login-facerecognition .login-facerecognition-tit{font-size: 20px;text-align: center;margin: 0 0 10px 0;}
.login-facerecognition .facerecognition-item{width: 200px; height: 200px;background: url(../img/login/facerecognition-border.png) center center no-repeat;background-size: 200px;margin: 0 auto;display: flex;justify-content: center;align-items: center;position: relative;margin-top: 30px;}
.login-facerecognition .facerecognition-item .facerecognition-line{ width: 80%;height: 4px;border-radius: 50%; background: #1890FF;position: absolute;top: 10px;animation:facerecognitionmove 2.5s infinite;}
@keyframes facerecognitionmove
{
0%   {opacity: 0.2;top: 10px;}
50%  {opacity: 1;top: 100px}
100% {opacity: 0.2;top: 180px}
}

/*ca登录*/
.login-ca{}
.login-ca .tips { position: relative; width: calc(100% - 80px); margin:0 auto;margin-top:15px; padding:5px 10px 5px 30px; background: #fdf6ec; border: 1px solid #faecd8;line-height: 20px; color: #e6a23c; border-radius: 2px; font-size:12px;box-shadow: none; }
.login-ca .tips:before { position: absolute; top: 10px; left: 10px; display: block; width: 14px; height: 14px; line-height: 14px; font-family: "iconfont"; content: "\e81f"; }
.login-ca .tips > a{color:#EE9918;}
.login-tips {padding: 20px 40px; background: #fdf6ec; line-height: 24px; color: #e6a23c; border-radius: 4px;min-width: 300px;max-width: 800px; position: fixed;left:50%;top: 20px;transform: translateX(-50%);display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center;border:1px #faecd8 solid;}
.login-tips .close{position: absolute;right:15px;top:18px; opacity: 1;font-weight: 500;}
.login-tips .close > i{font-size: 12px;color:#c0c4cc;}
.login-tips .close:hover > i{color:#909399;}

.login-form .login-ca ul{padding-top: 10px;}
.login-form .login-ca ul .ca{ margin: 30px 0 15px 0; position: relative; }
.login-form .login-ca ul li select{ background-color:#fff; border:none; height:42px; border-bottom: 1px solid #DCDFE3; padding:0 0 0 40px; background-position: right 12px; }
.login-form .login-ca ul li select:focus,.login-form .login-ca ul li select:hover{outline: 0;border-color: #1890FF;}

.login-ca .chosen-container{width:100%!important;}
.login-ca .chosen-container-single .chosen-single{height: 35px;border: none;border-bottom: 1px solid #DCDFE3;background:none;padding-left: 35px;}
.login-ca .chosen-container-single .chosen-single .chosen-search-input{height: 30px;}
.login-ca .ca:before { position: absolute; left: 12px; top: 4px; height: 16px; width: 16px; color: #ADB3BC; font-size: 16px; font-family: "iconfont"; content: "\e84a"; }
.login-ca .ca select { padding-left: 40px; }
.login-ca .chosen-container-active.chosen-with-drop .chosen-single,
.login-ca li.ca:hover .chosen-container-single .chosen-single
{border-bottom: 1px solid #1890FF;}
.login-form li:hover:before{color: #1890FF;}
.login-form .login-ca .login-bot{margin-top: 25px;}

.login-erweima { margin: 0 auto 0 auto; }
.login-erweima .btn { display: block; margin: 10px auto; width: 100px; }
.login-erweima .erweima img { display: block; margin: 10px auto; width:200px; height:200px; }
.login-erweima p { line-height: 2; text-align: center; }
.login-erweima p a { color: #1890FF; }

/*短信登录*/
.poptelcode { max-width: 100%; padding: 25px; }
.poptelcode h3 { margin: 0 0 20px; font-size: 20px; font-weight: 700; }
.poptelcode input[type=text] { display: inline-block; width: 150px; height: 32px; line-height: 30px; padding:4px 12px; border:1px solid #ccc; border-radius:2px; }
.poptelcode img { display: inline-block; width: 75px; height: 30px; margin-left:10px; }
.poptelcode p { margin: 5px 0; }
.poptelcode .btn { width: 100px; margin-top: 10px; line-height: 1.5; }

/*扫码登录 begin*/
.login_scan{height:430px; width: 360px;background: #fff;border-radius: 3px;box-shadow: 1px 0px 2px #c2c2c2;float: right; position: relative;margin-right: -360px;z-index: 1000;margin-top: 60px;}
.login_scan_txt{width: 100%; height:auto; line-height: 30px;  margin: 35px auto;color: #333;text-align:left; border-top: 1px #dbdbdb dotted; }
.login_scan_txt2{font-size: 12px;color: #1890FF;text-align: center;}
.login_scan  h2{font-size: 16px;color: #333; margin:65px 20px 20px 20px;}
.login_scan .login_scan_img{padding:15px;text-align: center;}
.login_scan .login_scan_img  img{width:180px;height: 180px;left:75px; position:relative;}
.icon_saoma{width: 55px; height: 55px; background: url(../../images/login/icon_saoma.png) 0 0 no-repeat;background-size: 55px; position:absolute;float: right; right:2px; top: 2px;cursor: pointer;z-index: 999;}
.icon_account{width: 55px; height: 55px; background: url(../../images/login/icon_zhanghao.png) 0 0 no-repeat;background-size: 55px; position:absolute;float: right; right:2px; top: 2px;cursor: pointer;z-index: 999;}
.scan-overetime{width:160px; height: 160px; background: rgba(255,255,255,0.90); position: relative;margin-top: -270px;margin-left: 25px;text-align: center;font-size:16px;}
.scan-overetime  a{padding:5px 10px;background: #1890FF;color: #fff;}
.scan-overetime  a:hover,.scan-overetime  a:focus{color: #fff;}
.saoma_tips{position:absolute;padding:3px 10px;background: #fefcee;border: 1px solid #f3d995;color: #df9c1f;border-radius: 4px;right: 60px;}
.saoma_tips::after{ display: inline-block;content: " ";height: 10px; width: 10px;border-width: 1px 1px 0 0;border-color: #f3d995;background: #fefcee;border-style: solid;transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: absolute;top: 50%;right: -6px;margin-top: -5px;}
.login_scan .saoma_tips{margin-top:8px;right:70px;}
.scan-success{width:160px; height: 160px; background: rgba(255,255,255,0.90); position: relative;margin-top: -245px;margin-left: 50px;text-align: center;font-size:16px;}
.scan-success p i,.scan-overetime p i{font-size: 50px;color: #1890FF; margin-top: 25px;}
.scan-success p,.scan-overetime p{line-height: 18px;font-size: 12px;padding:0 10px;color: #333;}

/*隐藏扫码登录*/
.icon_saoma,.saoma_tips,.saoma_account{display: none;}

/*二维码直接展示*/
.ewm-show { position: relative; width:300px; min-height: 400px; background: #fff; border-radius: 2px 0 0 2px; }
.ewm-show:after{content: "";width: 1px; height: 340px; background: #e7e7e7; position: absolute; top: 30px; right: 0; }
.ewm-show .login_scan_txt{border-top:none;text-align: center;background-position: 75px 22px;font-size: 16px;}
.ewm-show .login_scan_img{width:160px;height:160px;margin:15px auto;text-align: center;}
.ewm-show .login_scan_img  img{width: 160px;height: 160px; }
.ewm-show .shuaxin{display: inline-block;width: 100%;text-align: center;}
.ewm-show .shuaxin a.btn{padding:3px 6px;color: #1890FF;border:1px #1890FF solid;font-size: 12px;border-radius: 3px;}
.ewm-show .shuaxin a.btn:hover{padding:3px 6px;color: #fff;background: #1890FF;}
.ewm-show .text1{font-size: 12px;margin: 0 15px 0 15px;}
.ewm-show .text1,.ewm-show .text2{text-align: center;line-height: 22px;}
.ewm-show .text1 a,.ewm-show .text2 a{color: #1890FF;}
.ewm-show .scan-success,.ewm-show .scan-overetime{margin: -175px 0 15px 70px;}

#sc{display: none;}

/* ÎÂÜ°ÌáʾÑùʽ */
.tips {background: #fef0f0;color: #f56c6c;padding: 8px 10px;border-radius: 4px;font-size: 14px;}

.login-flex{display: flex;justify-content: space-between;padding: 20px 0 0 0;margin: 15px;position: relative;border-top: 1px solid #E2ECF7;}
.login-flex::before{content: '';width: 1px;height: 50px;background: #E2ECF7;position: absolute;left: 135px;top: 20px;}
.login-flex .login-app h2{font-size: 14px;text-align: center;color: #606266;}
.login-flex .login-app .login-app-txt{text-align: center;margin: 10px 0 5px 0;}
.login-app-txt2{color: #606266;text-align: center;margin: 10px 0;}
.login-app-txt2 a{color: #1890FF;margin: 0 3px;}
.login-flex .login-app .login-app-txt > a{color: #1890FF;margin: 0 4px;}
.login-flex .login-app .login-app-tel{text-align: center;line-height: 25px;color: #2B2D3B;}
.login-flex .login-app .login-app-tel > i{font-size: 12px;color: #C5CAD5;}