@charset "utf-8";
/*@import url("../../font_2230285_g790xloz5ys/iconfont.css?v=202012020002");*/
@import url("https://at.alicdn.com/t/font_2230285_da2i7ffq0r7.css?v=202106100002");
body{background:#fff;margin:0;font:14px/1.14 "Microsoft YaHei",微软雅黑,Helvetica,Arial,sans-serif;color:#333;line-height:22px;-webkit-text-size-adjust:none;min-height: 100%;overflow-x: hidden;}
html, body {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none; color:#333;}
img{border:0;vertical-align: middle;}
ul,li{list-style:none;margin:0;padding:0}
i,em{font-style: normal;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
.blank{ clear:both; height:10px; overflow:hidden;}
.clearfix:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{zoom:1;}
article,aside,details,figure,footer,header,main,nav,section{display: block;}
a {blr:expression(this.onFocus=this.blur()) } /*针对 IE*/
a {outline:none;} /*针对firefox等*/
* {outline: none;}
.fl{float:left;}
.fr{float:right;}
.warp{width:1190px;margin:auto;position:relative;}
.pd{padding: 0 46px 0 46px;}

.hr18{height: 18px;background: #f5f5f5;clear: both;}

.font-size-12{font-size: 12px;}
.font-size-14{font-size: 14px;}
.font-size-16{font-size: 16px;}
.font-size-18{font-size: 18px;}
.font-size-20{font-size: 20px;}
.font-size-22{font-size: 22px;}
.font-size-24{font-size: 24px;}
.font-size-25{font-size: 25px;}
.font-size-26{font-size: 26px;}
.font-size-28{font-size: 28px;}
.font-size-30{font-size: 30px;}
.font-size-34{font-size: 34px;}
.font-size-36{font-size: 36px;}
.font-size-40{font-size: 40px;}
.font-size-48{font-size: 48px;}
.font-size-52{font-size: 52px;}
.font-size-80{font-size: 80px;}
.font-size-90{font-size: 90px;}

.font-bold{font-weight: bold;}
.font-normal{font-weight: normal;}

.text-align-left{text-align: left;}
.text-align-right{text-align: right;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt18{margin-top: 18px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb18{margin-bottom: 18px;}
.mb20{margin-bottom: 20px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml18{margin-left: 18px;}
.ml20{margin-left: 20px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr18{margin-right: 18px;}
.mr20{margin-right: 20px;}

.color-white{color: #fff;}
.color-gray{color: #666;}
.color-shallow-gray{color: #999;}
.color-blue{color: #00a0e9;}
.color-a9{color: #a9a9a9;}

.bg-gray{background: #f5f5f5;}

.login-bg{position: fixed;top: 0;left: 0;z-index:-99;-ms-flex: 0 0 auto;width: 100%;height: 100%;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;background-size: cover;background-position: center;background-image: url(../../img/login/login-bg.png);background-repeat: no-repeat;}

.btn{padding: 12px 45px; overflow: hidden;display: inline-block;border-radius: 100px;text-align: center;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.btn-border-bule{border: 1px solid #00a0e9;color: #00a0e9;}
.btn-border-bule:hover{background: #00a0e9;color: #fff;}
.btn-border-white{border: 1px solid #fff;color: #fff;}
.btn-border-white:hover{background: #fff;color: #00a0e9;}

.navbar-header{margin: 22px 0;display: block;}
.container,.nav-item{ margin:0 auto;}
.container {width:1200px;}

.login-box{margin-top: 11%;}

.header{ z-index: 1000; height: 64px; padding: 0 0 0 15px; position: fixed;background-color: rgba(255, 255, 255, 0.19); top: 0; width: 100%; }
.header .cui-lftxt{position: relative;top: 20px;} 
.header .cui-lftxt h2{font-size: 22px;font-weight: bold;}
.header .cui-lftxt h2 em{margin: 0 5px;}
.header .cui-lftxt .txt1{font-size:22px;}
.header .cui-lftxt span{font-size:18px;font-weight:bold}
.header .cui-lftxt a{color: #fff;}
.header .cui-lftxt a img{width: 50px; height: 50px; display: inline-block; float: left; position: relative; top: -14px; margin-right: 8px;}

.header .cui-lfimg{position: relative; top:10px;}    
.header .cui-lfimg img{height:46px;}  

.login-main .containers{text-align:center;}
.login-main .login-img{position: relative;}
.login-main .login-model{height: 400px;display:inline-block;box-sizing: border-box;margin:0 auto;box-shadow:0px 1px 10px 2px #636363;}
.login-main .login-model .lg-item.yes-code .login-btn{margin:0 auto; }
.layui-tab {margin-top: 35px; text-align: left!important;}
.layui-tab-title{margin-bottom: 30px!important;border: none!important;text-align:center;}
.layui-tab-title li{color:#a7a7a7!important;font-size: 18px!important;padding: 0!important;margin-right:50px;font-weight:bold;}
.layui-tab-title .layui-this{text-align: left;color: #d02c25!important;font-size: 18px!important;}
.layui-tab-title .layui-this:after{width:50px!important; border-bottom: 3px solid #d02c25!important;border-top: 0!important;border-right: 0!important;border-left: 0!important;}
.layui-tab-content{padding: 0!important;margin:0 auto; width:300px;}
.login-main .login-model .layui-tab-content .tab-ca{}
.login-main .login-model .layui-tab-content .tab-pass{}
.login-main .login-img {
	width: 530px;
	height: 400px;
	display: inline-block;
	background-color: #fff;
}

.login-main .login-model .lg-item{text-align: left;display: block;position: relative;margin-bottom:20px;}
.login-main .login-model .lg-item .lg-tit{margin: 10px 0 20px 0;color: #555;}
.login-main .login-model .lg-item .input{width: 100%;height: 50px;line-height: 50px;font-size: 14px; display: block;background: #f4f4f4;border: none; border-radius: 4px;padding-left: 50px;padding-right: 32px; box-sizing: border-box;}
.login-main .login-model .lg-item .user-icon{position: absolute;width: 50px;height: 50px;line-height:50px;text-align:center;font-size: 20px;color: #666;display: block;}

.login-main .login-model .lg-item .input.codes{width: 120px;float: left;padding-left:10px;}
.login-main .login-model .lg-item .valid_code_img{width:126px;height: 50px;line-height: 50px;text-align: center;border-radius: 4px;display: inline-block;float: right;box-sizing: border-box;}
.login-main .login-model .login-footer{text-align: center;}
.login-main .login-model .login-footer a{color:#333;}
.login-main .login-model .lg-item input::-webkit-input-placeholder {color: #9e9eab;}
.login-main .login-model .lg-item input:-moz-placeholder {color: #9e9eab;}
.login-main .login-model .lg-item input::-moz-placeholder {color: #9e9eab;}
.login-main .login-model .lg-item input:-ms-input-placeholder {color: #9e9eab;}
.login-main .login-model .lg-item .code{position: absolute;right: 20px; bottom:16px;color: #d02c25;}
.login-main .login-model .lg-item .check:checked + label .icon {background: #11d987;}
.login-main .login-model .lg-item .check {display: none;}
.login-main .login-model .lg-item .check:checked + label {color: #fff;}
.login-main .login-model .lg-item label .icon {width: 15px;height: 15px; position: relative;top: 2px;border-radius:100px;position: relative;display: inline-block;background: rgba(0,0,0,0.2);}
.login-main .login-model .lg-item label .icon:before{left:3px;width:5px;bottom:6px;-webkit-transform:scale(0) rotate(0);-ms-transform:scale(0) rotate(0);transform:scale(0) rotate(0);}
.login-main .login-model .lg-item label .icon:after{top:6px;right:0;-webkit-transform:scale(0) rotate(0); -ms-transform:scale(0) rotate(0);transform:scale(0) rotate(0);}
.login-main .login-model .lg-item label .icon:before, .login-main .login-model .lg-item label .icon:after {content: '';width: 10px;height: 2px;box-sizing: border-box;background: #fff;position: absolute;-webkit-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;}
.login-main .login-model .lg-item label .icon:before {left: 3px;width: 5px;bottom: 6px;-webkit-transform: scale(0) rotate(0);-ms-transform: scale(0) rotate(0);transform: scale(0) rotate(0);}
.login-main .login-model .lg-item .check:checked + label .icon:before{-webkit-transform:scale(1) rotate(45deg);-ms-transform:scale(1) rotate(45deg);transform:scale(1) rotate(45deg);}
.login-main .login-model .lg-item .check:checked + label .icon:after{-webkit-transform:scale(1) rotate(-45deg);-ms-transform:scale(1) rotate(-45deg);transform:scale(1) rotate(-45deg);}
.login-main .login-model .lg-item em{color: #555;}
.login-main .login-model .lg-item .login-btn{width:100%;height: 40px;line-height:40px;margin:25px auto 0 auto;font-size: 18px; display: block;text-align: center;color: #fff;border-radius:100px;background: #0096ff;border: 0;cursor: pointer;}
.login-main .login-model .lg-item .passno{line-height: 64px;}
/*.login-main .login-model .lg-item .login-btn{ background: rgb(26,128,239); background: -moz-linear-gradient(-45deg, rgba(26,128,239,1) 0%, rgba(52,182,246,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(26,128,239,1) 0%,rgba(52,182,246,1) 100%); background: linear-gradient(135deg, rgba(26,128,239,1) 0%,rgba(52,182,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24dad9', endColorstr='#0785e6',GradientType=1 ); }*/
.login-main .login-model .lg-item .login-btn{background: #d02c25;}
/*.login-main .login-model .lg-item .login-btn{box-shadow: 0px 8px 7px #daefff;}*/

.login-question{text-align: center; position: absolute; font-size: 13px; left: 0; right: 0; bottom: 20px;}
.login-question .iconfont{font-size: 22px;position: relative;top:3px;color: #d02c25;}
.login-question a,.huanjing a{color:#d02c25;text-decoration:underline;margin-left: 2px;}
.login-question .login-tip-newhelp{margin-bottom: 3px;margin-right: 4px;}

.login-main .login-model .lg-user{background-color: rgba(237, 244, 255, 0.8);/*background: url(../../img/login/login-imgbg.png);*/border-radius: 0px;padding: 42px;width:340px;height: 400px;box-sizing: border-box;}
.login-model .login-help{position: relative;}
.login-model .login-help .l-title h2{text-align:left; font-weight: bold;font-size: 18px;color: #d02c25;}
.login-model .login-help .l-art{text-align:left; }
.login-model .login-help ul{overflow: hidden;margin-top: 12px;}
.login-model .login-help ul li{line-height: 30px; height: 30px; border-bottom: 1px solid #eee; overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.login-model .login-help ul li a{font-size: 14px;}
.login-model .login-help ul li a:hover{color: #d02c25;}
.login-model .login-help ul li:before{content: '';width: 4px;height: 4px;background: #333;display: inline-block; position: relative; margin-right: 6px; top: -3px;}
.login-model .login-help .l-art{position: relative;}
.login-model .login-help .l-footer{text-align:center;}
.login-model .login-help .ca-btn {background: #fb8e1b;padding: 6px 10px; font-size: 14px; color: #fff; border-radius: 100px; margin: 0 auto; display: inline-block; text-align: center; margin-top: 25px;}
.login-model .login-help .ca-btn .iconfont{position: relative;top:0px;font-size: 22px;float: left;}
.layui-tab-title li {
	min-width: auto !important;
	color: #767676 !important;
}

.login-cert-alert{text-align:center;}
.login-cert-alert .layui-tab-item {
	display: inline-block;
}
.login-cert-alert .layui-tab-item .login-cert-item{
	height:26px;line-height:26px;
}
.login-cert-alert .layui-tab-item span{
	display:inline-block;
	float:left;
	font-size:14px;
	color:#666;
}
.login-cert-alert .layui-tab-item .login-cert-left-t{
	width:80px;
	text-align:right;
	padding-right:10px;
}
.login-cert-alert .layui-tab-item .login-cert-padding-right-val{
	max-width: 210px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	text-align:left;
}

.qrcode{text-align:center;}
.qrcode .qrcode-img{display:inline-block}
.qrcode-footer{text-align:center;}
.cui-third-party{width: 262px;margin:7px auto 0px auto;}
.cui-third-party .iconfont{ margin: 0 auto; display: inline-block; vertical-align: middle; width: 32px; height: 32px; border-radius: 100%;background: #fff;}
.cui-third-party .icon-weixin {color: #0b0;}
.cui-third-party .icon-alipay {color: #1cadec;}
.cui-third-party .icon-qq {color: #19a9f1;}
.cui-third-party .icon-renlian {color: #fa5555;}
.cui-third-party .iconfont:before{position: relative;top: 5px;font-size: 32px;}

/*footer*/
.footer{width: 100%;overflow: hidden;padding: 15px 0;text-align: center;position: fixed;bottom: 0;color: #fff;font-size: 13px;text-shadow: #000000 1px 1px 3px;}
.footer a{color:#fff;}


@media screen and (max-width:1366px) {
	.login-box {margin-top: 100px;}
	.footer{padding: 10px 0;}
}