body, div, ul, li, input, textarea, p, form, button{padding:0; margin:0;}
ul,li{list-style:none;}
input:-webkit-autofill {  
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;outline:none;  
}
body{font-size:15px;color:#595959;background-color:#dfdfdf;}
.login{width:100%;min-height:500px;background:url(/images/yhcp/login_bg.jpg);margin:auto;background-size:cover;background-position:top center;}
.login .margin{width:100%;clear:both; height:100px;}
.login .img_con { width:560px; height:300px; clear:both; margin:auto; position:relative; }
.login .img_con .img{width:180px;height:300px; float:left;background-color:#dfdfdf;}
.login .img_con .login_con{width:200px;padding-left:80px;padding-right:80px;height:300px; float:left;background:rgba(255,255,255,0.2) none repeat scroll 0 0 !important;filter:Alpha(opacity=20); background:#FFF;}
.login .img_con .login_con h2{width:100%; clear:both;height:50px; line-height:50px; font-size:16px;color:#666;font-weight:normal;}
.login .img_con .login_con h2 span{ cursor:pointer;display:inline-block; margin-right:30px;}
.login .img_con .login_con h2 .on{color:#75D5D3;}
.login .img_con .login_con .qr_login{display:block;width:100%; }
.login .img_con .login_con .qr_login img{display:block;width:160px;margin:auto;}
.login .img_con .login_con .pw_login{display:none;}
.login .con{ width:450px; height:450px; clear:both; margin:auto; position:relative; }
.login .con .circle1{border-radius:50%;width:450px; height:450px;position:absolute;background:rgba(255,255,255,0.2) none repeat scroll 0 0 !important;filter:Alpha(opacity=20); background:#FFF;z-index:1;}
.login .con .circle2{border-radius:50%;width:390px; height:390px;position:absolute;top:30px;left:30px;background:rgba(255,255,255,0.2) none repeat scroll 0 0 !important;filter:Alpha(opacity=20); background:#FFF;z-index:2;}
.login .con .circle3{border-radius:50%;width:330px; height:330px;position:absolute;top:60px;left:60px;background:rgba(255,255,255,0.2) none repeat scroll 0 0 !important;filter:Alpha(opacity=20); background:#FFF;z-index:3;}
.login .con .logo{ width:80px;height:80px;position:absolute;top:80px; left:185px;z-index:4;border-radius:50%;overflow:hidden;}
.login .con .logo img{width:80px;height:80px;}
.login .con .theform{width:200px;height:220px;position:absolute;top:170px;left:125px;z-index:5;}
.login .con .qr { width:120px;height:120px;position:absolute;top:200px; left:165px;z-index:4;overflow:hidden;}
.login .con .qr img{ width:120px;height:120px;}
.login ul{}
.login ul li{clear:both;padding:0; margin:0;padding-top:10px;position:relative;}
.login ul li i{ width:20px;height:30px;position:absolute;top:10px;left:10px; line-height:30px; text-align:left;font-size:16px; color:#999;}
.txt{text-indent:30px;border:none;height:30px;width:200px;line-height:30px;background:rgba(255,255,255,0.8) none repeat scroll 0 0 !important;filter:Alpha(opacity=80); background:#FFF;}
.w96{width:134px;float:left;text-indent:10px;}
.submit{cursor:pointer;width:200px;height:30px;border:0px;background:#75D5D3; text-align:center;line-height:30px;color:#FFF;font-size:15px;}
.submit:hover{opacity:0.8;}
.codeimage{float:left;margin-left:6px;margin-top:1px;}