@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,button,textarea,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,#header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:400}input,textarea,select,button{font-family:inherit;vertical-align:middle;}input[type="button"],input[type="submit"]{cursor:pointer;}select,button{cursor:pointer;}table{border-collapse:collapse;border-spacing:0;empty-cells: show;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}q:before,q:after{content:"";}abbr,acronym{border:0 none;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}fieldset,img,a img,iframe{border-style:none;border-width:0;vertical-align: middle;}iframe{overflow:hidden;}textarea{overflow-y:auto;resize:vertical;}legend{color:#000000;}a,a:hover{ text-decoration:none}label{cursor:pointer}article,aside,details,figcaption,figure,footer,#header,hgroup,menu,nav,section{display:block;}html {margin:0 auto; }ol,ul,li{list-style: none;}b{ font-weight:100}input,textarea,button,a{outline:0}.hand{ cursor:pointer}html{ overflow-y:scroll}:focus{outline:none;} :active{outline:none;}::-moz-focus-inner{outline:0 none;}.clear{ clear:both; height:0px; overflow:hidden}.f-l{display:inline;float:left;}.f-r{display:inline;float:right;}.t-l{ text-align:left}.t-r{ text-align:right} .t-c{ text-align:center}  .p-r{ position:relative; z-index:1}.p-a{ position:absolute; z-index:1}.f-c:before, .f-c:after {content:""; display:table;} .f-c:after {clear:both; }.f-c { zoom:1;}.fc-curTop{vertical-align: top;}body{font-family:"Microsoft YaHei","微软雅黑",\5b8b\4f53,Arial, Helvetica, sans-serif;  font-size:13px; background-color:#f6f6f6;}
/**
 * 版本2
 */
::-moz-placeholder { color:#999;}
:-ms-input-placeholder { color:#999;}
::-webkit-input-placeholder{color: #999;}
.bg_img{background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}
.page-login2 .icon-show { width:143px; height:87px; position:fixed;left: 68px; top:50px;z-index: 100;}
.page-login2 .contant{width: 984px; display: block; position: fixed; z-index: 10; margin: -325.5px auto 0; left: 0; overflow: hidden; padding-bottom: 0; 
top: 50%; border-radius: 4px; right: 0;}
.page-login2 .contant .bg{position:absolute;top: 0;left: 0;width:100%;height:100%;background: rgba(0, 61, 215, 0.8);z-index: -1; pointer-events: none;}
.page-login2 .contant .bg .bg_show {width:452px; height:352px; position: absolute; left:19px; top:153px;}
.page-login2 .contant .bg .bg_p2{width:236px; height:40px; line-height:38px;margin: 100px 0 0 130px; text-align:center; font-size:16px; color:#FFFFFF; border:1px solid rgba(255,255,255,0.5);}
.page-login2 .contant .bg .bg_p1{ font-size:20px;font-weight: bold; color:#FFFFFF; position:absolute;left:92px; top:59px;line-height:28px;}
.page-login2 .contant .bg .bg_p1 p{display:inline-block;}
.page-login2 .Scan_code .code_Img{width:216px;height:216px; margin:20px auto 0; position:relative;padding:13px; background:#fff; box-sizing: border-box;}
.page-login2 .Scan_code .code_Img .codeImg{width:100%; height:100%;position:relative;z-index: 45;}
.page-login2 .Scan_code .code_p{font-size: 16px; color:#333333; padding-top: 30px;text-align: center;}
.page-login2 .Scan_code .circle_Img{width:100%; height:100%; position:absolute;left: 0;top: 0;z-index: 50; background:rgba(0,0,0,0.7); cursor: pointer;}
.page-login2 .Scan_code .CircleImg{width:40px; height:40px;display:block; margin:68px auto 0;}
.page-login2 .Scan_code .circle_p{font-size: 16px; color:#fff; padding-top:10px;text-align: center; line-height: 20px;}
.page-login2 .Scan_code .help{ text-align: center;  padding-top: 25px;}
.page-login2 .Scan_code .help a{font-size: 16px;color: #0037C2}
.page-login2 .Scan_code .help a:hover{color:#0037C2}
.page-login2 .Scan_code .help span{color: #fff;text-align: center;}
.page-login2 .Scan_code .CircleImg.on{animation:rotating 1.2s linear infinite}
.page-login2 .contant .box .inputs .chexbox input[type="checkbox"] {
    accent-color: #0037C2; /* 设置勾选框选中颜色为rgb(0, 61, 215) */
}
@keyframes rotating{
    from{transform:rotate(0)}
    to{transform:rotate(-360deg)}
}

.page-login2 .contant .box{width:494px;min-height:auto;margin:0 auto;padding: 40px 70px 25px;float: right;background:#fff;
border-radius: 4px;box-sizing: border-box; height:573px;}
.page-login2 .contant .box .title{width:332px;height:65px;margin:0px auto 40px;}

.page-login2 .Scan_code .circle_JZ{width:100%; height:100%; position:absolute;left: 0;top: 0;z-index: 50;
background:#f4f4f4 url(../../images/denglu/tu1.png) no-repeat center center / 100px; cursor: pointer;}
.page-login2 .Scan_code .circle_JZ .circle_JZBG{width:100%; height:100%; position:absolute;left: 0;top: 0;z-index: 51;background:rgba(0,0,0,0.7); cursor: pointer;}
.page-login2 .Scan_code .circle_JZ .CircleJZImg{width:40px; height:40px;display:block; margin:68px auto 0;}
.page-login2 .Scan_code .circle_JZ .circleJZ_p{font-size: 16px; color:#fff; padding-top:10px;text-align: center; line-height: 20px;}
.page-login2 .Scan_code .circle_JZ .circleJZ_p1{font-size: 14px; color:#fff; padding-top:40px;text-align: center; line-height: 20px;}

.page-login2 .contant .box .content_tab{width:360px; margin-left: -4px;font-size: 18px; line-height: 1;}
.page-login2 .contant .box .content_tab ul{overflow:hidden;border-bottom: 1px solid #DDDDDD;}
.page-login2 .contant .box .content_tab ul li{width:50%; text-align: center;float: left;border-bottom:1px solid rgba(255,255,255,0.3);}
.page-login2 .contant .box .content_tab ul li a{display: inline-block; padding:0 10px;padding-bottom: 17px; position:relative;color:#333333;}
.page-login2 .contant .box .content_tab ul li.cur a {color: #0037C2;font-weight: bold;}
.page-login2 .contant .box .content_tab ul li.cur a:after{content:"";width:100%; height:2px;background:#0037C2; position:absolute; bottom:-1px;
margin:0 auto; left: 0;right:0;}

.page-login2 .contant .box .inputs input{border: 1px solid #E5E5E5;width:100%;height:50px;display:block;box-sizing: border-box;background:#fff; border-radius: 2px;font-size: 16px;color:#4a4a4a;padding:0px 0 0 10px;line-height: 1;}
.page-login2 .contant .box .inputs .user{margin-top: 39px;}
.page-login2 .contant .box .inputs .user,.page-login2 .contant .box .inputs .pass{position:relative;margin-bottom:20px;}
.page-login2 .contant .box .inputs .pass.false input,.page-login2 .contant .box .inputs .user.false input{color:#4a4a4a;}
.page-login2 .contant .box .inputs .verification {margin-bottom:20px; font-size:0; position: relative;background: #fff;border-radius: 3px;}
.page-login2 .contant .box .inputs .verification input{width: calc(100% - 100px);display:inline-block;}
.page-login2 .contant .box .inputs .verification .img{height:30px;width:100px; margin:10px 0;box-sizing:border-box;padding: 0 10px;background:#fff; 
position: relative;border-radius: 0 3px 3px 0;display:inline-block;vertical-align:top;cursor:pointer;}
.page-login2 .contant .box .inputs .verification .img:after{content:'';width:1px;height:30px;background:#eee; position: absolute;left: 0; top:0;}
.page-login2 .contant .box .inputs .verification .Error{bottom:-39px;}
.page-login2 .contant .box .inputs .verification .img img{width:100%; height:100%;}
.page-login2 .contant .box .inputs .chexbox{font-size: 12px; overflow:hidden;}
.page-login2 .contant .box .inputs .chexbox .Error{color:#ee3344;float: left;}
.page-login2 .contant .box .inputs .chexbox a{color:#0037C2; float: right;}
.page-login2 .contant .box .inputs .chexbox a:hover{color:#0037C2;}
.page-login2 .contant .box .inputs .btn{background:#0037C2 !important;color:#fff;font-size:16px;padding-left: 0;margin-top:20px;margin-bottom: 30px;}
.page-login2 .contant .box .inputs .btn:hover{background:#0037C2;}
.page-login2 .contant .box .inputs .zhuce{color:#fff;font-size: 14px;text-align: center;white-space: nowrap;}
.page-login2 .contant .box .inputs .zhuce a{text-decoration:underline;color:#0037C2;}
.page-login2 .contant .box .inputs .zhuce a:hover{color:#0037C2;}
.page-login2 .contant .box .inputs input:focus{background: #fff;}
.page-login2 .contant .box .inputs .btn:focus,.page-login2 .contant .box .inputs .chexbox input[type=checkbox]:focus{border:0;}
.page-footer{color:#fff;position:fixed;width: 100%;bottom: 0;padding-bottom:34px;font-size: 12px;line-height: 22px;text-align: center;letter-spacing: 1px;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;}


.page-login2 .contant .box .inputs.no_code .user{margin-top: 39px;margin-bottom:30px;}
.page-login2 .contant .box .inputs.no_code .pass{margin-bottom: 10px;}
.page-login2 .contant .box .inputs.no_code .btn{margin-bottom: 40px;}
.page-login2 .contant .box .inputs.no_code .verification{display:none;}

.yidun.yidun--light .yidun_control{height:50px!important;border: 1px solid #dfe5ec!important;background-color: #dfe5ec!important;}
.yidun.yidun--light .yidun_slide_indicator{height:50px!important;}
.yidun.yidun--light .yidun_tips{line-height: 50px!important;}

.yidun.yidun--light.yidun--success.yidun--jigsaw .yidun_slider {
    background-color: #52c252!important;
}
.yidun.yidun--light.yidun--success.yidun--jigsaw .yidun_slide_indicator {
    border-color: #52c252!important;
    background-color: rgba(82, 194, 82, .4)!important;
}
#md-copyright .md-copyright__link{color:#fff}
#md-copyright .md-copyright__link:hover{color:#66B6FF}