.login-content-header{height:44px;margin:0 2px;position:relative}
.login-content-header .line{position:absolute;width:70px;height:2px;background:#f60;left:16.5%;bottom:-1px;margin-left:-35px;transition:all .3s}
.login-content-tab li{float:left;text-align:center;font-size:16px;height:44px;line-height:44px;color:#333;cursor:pointer}
.login-content-tab li span{padding:0 22px}
.login-content-tab li.vui-tabs-active{color:#f60}
 .imgCode{ position:relative;}
#imgCode img{ position:absolute; top:1px; right:1px; cursor:pointer;height:35px;width:50%;}

 .imgCode1{ position:relative;}
 #imgCode1 span{ position:absolute; top:0px; right:-20px; cursor:pointer;}
 
  .imgCode2{ position:relative;}
 #imgCode2 span{ position:absolute; top:0px; right:0px; cursor:pointer;}
 
 
    
.login-header{height:54px;border-bottom:0px solid #e7e7e7;position:relative; color:#333}
 
.login-header .scan{position:absolute;top:5px;right:-23px;line-height:35px}
.scan-right{cursor:pointer}
.app-hidden-novisibility .scan{position:absolute;top:5px;margin-left:149px;line-height:35px}
.idntn{background-color:#ebebeb;width:230px;margin:0 50px;border-radius:15px}
.witn{padding-top:40px;border-top:dashed 1px #ebebeb;height:120px;background-color:#f3f3f3}
.witn-app{padding-top:30px;border-top:dashed 1px #ebebeb;height:120px;background-color:#f3f3f3}
.marbu{margin-bottom:50px}
.verify-module .vui-checkcode-imgcode-img{margin:0 12px;cursor:pointer}
.verify-module .change-another{color:#0b73bb}
.verify-module .change-another:hover{color:#ff9400}
.verify-module .vui-input-checkcode{width:140px}
.vui-log-jy-img{height:38px!important}
.refimg-jy-log{width:88px!important}
.yzm-bgimg{background-image:url(../images/proving-input_yzm.png);float:left;background-size:cover;width:37px;height:36px}
.checkcode-username-input{width:135px!important}
.login-form{}
.login-form .login-by-username .verify-module{}
.login-form .login-by-username .login-form-button{margin-top:13px}
.login-form .vui-form-username{position:relative}
.login-form .login-other-info{margin-top:14px}
.login-form .login-other-info .forget-password{margin-top:1px;font-size:12px;float:right}
.login-form .login-other-info span{margin-left:6px;font-size:12px}
.zbjTips{padding:0 12px;margin:7px 0;position:relative;background:#ffeee2;color:#6c6c6c;border:1px solid #f3b770;font-size:12px;height:20px;border-radius:2px}
.zbjTips-icon-war{float:left;font-size:12px!important;line-height:180%!important;color:#f60!important}
.zbjTips-bd{padding:0 0 0 5px!important}
.tips-orange{color:#f60}
.arale-dialog-1_3_0.login-dialog .ui-dialog-message{margin:15px 15px 0;height:170px}
.tips-mobile{background:url(../images/phone-icon_c774dd7.png) no-repeat 0 5px}
.visibilityError{visibility:hidden;height:20px}
.username-input{border:0!important;outline:0!important;box-shadow:none!important}
.right{float:right}
.left{float:left}

 
.checkcode-input-new{width:180px}
.checkcode-input-new .username-input{width:107px!important}


.login-form .login-by-mobile .verify-module{margin-top:20px;display:none}
.login-form .login-by-mobile .login-form-button{margin-top:3px}
.login-form .dynamic-code{position:relative;margin-top:20px}
.login-form .dynamic-code .vui-input{width:110px;float:left}
.login-form .dynamic-code .get-dynamic-code{float:right;width:93px;height:29px;line-height:27px;font-size:14px;text-align:center;padding-top:5px;padding-bottom:4px;background-color:#ff9000;cursor:pointer;color:#fff}
.login-form .dynamic-code .get-dynamic-code:hover{color:gray;text-decoration:none}
.login-form .dynamic-code .disabled-link{background-color:#E8ECEF;color:gray}
.login-form .dynamic-code .disabled-link:hover{color:gray}
.visibilityError{visibility:hidden;height:20px}
.linear-gradient-btn{background:-webkit-linear-gradient(left,#ff9000,#f60);background:-o-linear-gradient(right,#ff9000,#f60);background:-moz-linear-gradient(right,#ff9000,#f60);background:linear-gradient(to right,#ff9000,#f60);box-shadow:0 1px 5px -1px #f60;height:38px;border-radius:2px!important;font-family:microsoft yahei;font-weight:700}
.input-img-left{float:left}
.dt{height:24px!important}
.dyna-input{width:180px;float:left}
.vui-tabs-content{margin-top:0}
.login-mobile-panel{display:none}
.vui-form-other{margin-left:0}
.login-by-active{display:block}


.vui-form-item{padding:0}
.vui-form-item .vui-input{width:95%}
.vui-form-item .vui-inp-log{width:81%!important;height:24px!important}
.vui-form-item .cancel-icon{color:#EF8989;font-size:12px;position:absolute;top:10px;right:7px;cursor:pointer}
.verify-module{position:relative}
.verify-module .vui-input{width:135px}
.verify-module .vui-label,.verify-module span{display:none}
.verify-module .refimg{position:absolute;right:0;top:0;width:108px}
.verify-module .vui-checkcode-imgcode-img{margin-left:0;margin-right:-3px;width:88px}
.verify-module .icon-refresh{position:absolute;right:0;top:10px}
.verify-module .vui-form-other{display:none}
.focus-border{border:solid 1px #ff9000!important;box-shadow:0 0 3px #ff9000!important}
.visibilityWarning{margin-top:36px}
.j-login-btn:focus{outline:0!important;outline:0}
.error-bg-top{top:45px!important}
.login-other-ways{margin:0 26px}
.authorize-login{height:49px;padding-top:0;padding-bottom:16px}
.authorize-login .authorize-link{color:#f60}
.authorize-login.register{padding-bottom:0;margin-top:-11px}
.authorize-login-title{color:#999;line-height:12px}
.authorize-login-title .authorize-login-title-left{float:left}
.authorize-login-title .authorize-login-title-right{float:right}
.authorize-login-title .authorize-login-title-right-sty{float:right!important;position:absolute!important;bottom:15px!important;right:25px!important}
.authorize-login-list{padding-top:15px}
.authorize-login-item{float:left;margin-right:8px;font-size:0}
.qq-login{background:url(../images/icon-qq-circle.png) no-repeat;width:25px;height:25px;display:inline-block}
.sina-login{background:url(../images/icon-weibo-circle.png) no-repeat;width:25px;height:25px;display:inline-block}
.wechat-login{background:url(../images/icon-weixin-circle.png) no-repeat;width:25px;height:25px;display:inline-block;cursor:pointer}
.taobao-login{background:url(../images/taobao_30f36f4.png) no-repeat;width:22px;height:22px;display:inline-block}
.login-other-ways{width:278px}
.login-other-ways-login{padding:20px 26px 0!important;width:278px;margin:0;border-top:dashed 1px #ebebeb;background-color:#f3f3f3;filter:alpha(opacity=95);opacity:.95;position:relative}
.login-scan-wei{text-align:center;position:relative}
.login-scan-wei .type-help{position:absolute;top:0;left:0;width:100%;height:153px;padding-top:10px;background:#fff;display:none}
.login-scan-wei .type-help .type-help-img{width:141px;height:137px;background:url(../images/ico-wei-type-help_8d38163.jpg) no-repeat;display:inline-block}
.login-scan-wei .login-wei-note{color:#333;font-size:12px;margin-top:15px;margin-bottom:7px}
.login-scan-wei .wei-img{width:127px;height:127px}
.login-scan-wei .login-scan-way{margin-top:12px}
.login-scan-wei .login-scan-way p.login-scan-note{color:#333;font-size:12px;margin-bottom:3px}
.login-scan-wei .login-scan-way .login-scan-type a{display:inline-block;position:relative}
.login-scan-wei .login-scan-way .login-scan-type a p{color:#333;font-size:12px;margin-top:2px}
.login-scan-wei .login-scan-way .login-scan-type a span{display:inline-block;width:29px;height:29px;background:url(../images/type-wei_53f0f8b.png) no-repeat}
.login-scan-wei .login-scan-way .login-scan-type a:hover{text-decoration:none}
.login-fail-main{margin-top:84px;text-align:center}
.login-fail-main h3{color:#000;font-size:14px;line-height:20px;font-weight:700}
.login-fail-main h3 i{display:inline-block;width:20px;height:20px;background:url(../images/ico-scan-fail_99abefc.jpg) no-repeat;vertical-align:middle}
.login-fail-main h3 span{vertical-align:middle;margin-left:6px}
.login-fail-main .fail-note{color:#333;font-size:12px;margin-top:9px}
.login-fail-main .btn-refresh-code{display:inline-block;height:26px;line-height:26px;background:#f60;color:#fff;font-size:14px;width:133px;margin-top:20px}
.login-scan-fail{display:none}
.login-app-code{color:#333842;padding-bottom:16px}
.login-app-code p{text-align:center;margin-top:28px;margin-bottom:12px}
.login-app-code .qrcode-wrap{position:relative;height:155px}
.login-app-code .qrcode-wrap .qrcode-img{position:absolute;top:0;left:63px;width:150px;height:150px;z-index:100;will-change:left}
.login-app-code .qrcode-wrap .qrcode-img img{width:100%;height:100%}
.login-app-code .qrcode-wrap .qrcode-help{display:none;position:absolute;top:0;right:-15px;width:150px;height:150px;background:url(../images/icon-wei-help.png) no-repeat;z-index:10}
.login-app-code .upload-link{margin-top:37px;width:330px;margin-left:-26px}
.login-app-code .upload-link span{text-align:center;display:block;background-color:#EFEFEF;height:30px;line-height:30px}
.login-app-code .upload-link span a{display:inline-block;height:30px;line-height:30px;color:#4049CE;padding:0 4px}
.wei-51vui{position:absolute;width:21px;height:22px;left:50%;top:50%;margin-left:-10px;margin-top:-10.5px;z-index:111;background:url(../images/icon-login-51vui.png) no-repeat}
.imp{color:#f60}
.app_help{background:url(../images/icon-saoyis.png) no-repeat!important}
.scan-title-sty{border-bottom:solid 2px #f60;font-size:16px;font-weight:700;line-height:44px}
.scan-main-mar{margin:0 26px}
.scan-content-sty{margin:0px 0;text-align:center;width:330px}
.scan-content-sty .scan-main-mar{padding-top:50px;}
.scan-tip-mar{width:150px;margin:20px 70px;text-align:left;display:block}
.scan-tip-img{float:left;margin-right:10px;margin-top:3px}
.scan-tip-orange{color:#f60}
.scan-wechat{position:relative}
.hiddenWechatScan{position:absolute;top:5px;right:5px}
.help-right{right:-30px!important}
.vui-footer{background:#fff;padding-top:46px;padding-bottom:53px}

.vui-footer-bd{text-align:center;padding-bottom:20px}
.vui-footer-exlink,.vui-footer-sitelink{line-height:30px}
.vui-footer-sitelink a{color:#666}
.vui-footer-exlink a{margin-right:5px;color:#999}
.vui-footer-exlink .item-more{font-family:simsun}
.vui-footer-copyright{margin-bottom:10px}
.vui-footer-copyright a{color:#999}
.vui-footer-gov a{display:inline-block;margin-left:20px}
.vui-footer-gov a .item-txt{display:none}
.vui-footer .vui-footer-hd{background:#404144 url(../images/footer-bg_4016282.jpg) center top repeat-x}

.content{min-width:324px;height:516.5px;background-position:center;background-size:cover;background-repeat:no-repeat;padding-top:33.5px;position:relative}
.mask{width:733px;height:550px;position:absolute;z-index:1;top:0}@media screen and (max-width:1190px){.vui-grid{width:auto;margin:0 auto}
.mask{width:auto}}
.box-warp{float:right;margin-right:0px;border:1px solid #e5e5e5;background-color:#fff;position:absolute;z-index:999999999; }
@media screen and (max-width:767px){.content{background-image:none!important}
.box-warp{margin-left:auto!important;margin-right:auto!important;float:none;width:330px}}@media screen and (max-width:320px){.logo{margin-left:5px}}
.box-warp{width:330px;overflow:hidden}
.box-warp .box-form-wrap{width:800px;position:relative}
.box-warp .box-form{position:relative;float:left}
.vui-input{padding:6px;font-size:14px;width:214px;border-radius:0;height:18px;box-shadow:none}
.vui-btn-primary{width:100%;background-color:#f60;color:#fff;border-radius:0;border:0;padding-bottom:6px;padding-top:6px;font-size:16px;margin-top:10px}
.vui-btn-primary:hover{border:0}
.vui-checkcode-imgcode-img{height:32px;width:86px}
.icon-refresh{background-color:#e5e5e5;width:14px;height:14px;display:inline-block;text-align:center;line-height:14px;vertical-align:bottom;cursor:pointer;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}


.vui-btn.disabled{background-color:#bfbfbf;color:#999}
.app-hidden-novisibility{background-color:#f6f6f6;position:relative;display:none;top:0;min-height:365px}
.wei-hidden-novisibility{background-color:#f6f6f6;position:absolute;display:none;top:0;min-height:500px}
.login-content-item{display:none}
.form-wrap{min-height:331px;}
.login-content-active{display:block}
.login-tab-con{margin:0 26px}
.box-warp{filter:alpha(opacity=95);opacity:.95}
.aqhuan{display:inline-block;width:53px;height:52px;}
.loginAppShow{display:block;}

@media screen and (max-width:767px){
    .header{height:66px;line-height:66px;overflow: hidden;margin-top: 30px;}
    .header .logo{height:66px;line-height:66px;}
    .header .logo .login-title{display:none;}
    .j-content.content{height:440px;}
    .j-content .vui-grid .box-warp{border:0px;}
	.vui-footer{display:none!important}
}

.vui-grid:before,.vui-grid:after{display:table;line-height:0;content:""}
.vui-grid:after{clear:both}
 
 
 
.icons li,.icons li:hover,.loginBody .seraph,.loginBody .seraph:hover,.loginBody .layui-form-item.layui-input-focus label,.loginBody .layui-form-item label,.loginBody .layui-form-item.layui-input-focus input,.loginBody .layui-form-item input{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.icons li:hover i,.icons li i{transition: font-size 0.3s ease-in-out;-webkit-transition: font-size 0.3s ease-in-out;}
.loginBody .layui-input-focus .layui-input::-webkit-input-placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}
.loginBody .layui-input-focus .layui-input::-moz-placeholder{transition: color 0.2s linear 0.2s;}
.loginBody .layui-input-focus .layui-input:-ms-input-placeholder{transition: color 0.2s linear 0.2s;}
.loginBody .layui-input-focus .layui-input::placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}
 
 
.login_face{ margin:-55px auto 20px; width:100px; height:100px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:5px solid #fff; overflow:hidden;box-shadow:0 0 30px #009688;}
.login_face img{ width:100%;}
.loginBody .layui-form-item{ position:relative;}
.loginBody .layui-form-item label{ position:absolute; color:#757575; left:10px; top:9px; line-height:20px; background:#fff; padding:0 5px; font-size:14px; cursor:text;}
.loginBody .layui-form-item.layui-input-focus label{ top:-10px; font-size:12px; color:#ff6700;}
.loginBody .layui-form-item.layui-input-active label{ top:-10px; font-size:12px;}
/** 
.loginBody .layui-input::-webkit-input-placeholder{color:#fff;}
.loginBody .layui-input::-moz-placeholder{color:#fff;}
.loginBody .layui-input:-ms-input-placeholder{color:#fff;}
.loginBody .layui-input::placeholder{color:#fff;}
*/

.loginBody .layui-form-item.layui-input-focus input{ border-color:#ff6700 !important;}
.loginBody .layui-input-focus .layui-input::-webkit-input-placeholder{color:#757575;}
.loginBody .layui-input-focus .layui-input::-moz-placeholder{color:#757575;}
.loginBody .layui-input-focus .layui-input:-ms-input-placeholder{color:#757575;}
.loginBody .layui-input-focus .layui-input::placeholder{color:#757575;}
.loginBody .seraph{ font-size:30px; text-align:center;}
.loginBody .seraph.icon-qq:hover{ color:#0288d1;}
.loginBody .seraph.icon-wechat:hover{ color:#00d20d;}
.loginBody .seraph.icon-sina:hover{ color:#d32f2f;}
.imgCode{ position:relative;}