@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#333;line-height:24px; background:#fff;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form{ margin:0px; padding:0px;}
ul,li{ list-style:none}
img{border:0px; padding:0px;}
a{ color:#5c5c5c; text-decoration:none}
.clear{ clear:both;font-size:0px; line-height:0px}
.divleft{ float:left}
.divright{ float:right}
.hidden{display:none;}

*html{background-image:url(d); background-attachment:fixed;}
.clearfix:after{content:"";　height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}


.login-w{ width: 100%; height: 100vh; background: url("../images/login-01.jpg") center top no-repeat; background-size: 100% 100%; position: relative}
.login-c{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width: 1583px; height: 767px;background: url("../images/login-02.png") center top no-repeat;}
.login-r{ width: 744px; float: right; margin: 18px 26px 0 0;}
.login-c1{text-align: center; margin: 27px 0 50px;}
.login-c2{ width:553px; margin: auto}
.login-c2 input{ width:497px; height: 86px; line-height: 86px; border: 1px solid #dcdcdc; border-radius: 3px; padding: 0 27px; margin-bottom: 25px; font-size:24px; outline: none; color: #333}

.login-yz{width:554px; height: 88px; margin: auto; position: relative}
.yz-a{width:552px;height: 86px;line-height: 86px;border: 1px solid #dcdcdc;border-radius: 3px;background: url("../images/login-04.png") 179px center no-repeat #f8f6f6;display: block;color: #345ed6;font-size: 24px;text-indent: 235px;}
.yz-a.yz-cg{border: 1px solid #2dc4ae;background: url("../images/login-05.png") 188px center no-repeat #d6f1ed;color: #2dc4ae;text-indent: 250px;}
.yz-a{ cursor: pointer;}
.yz-c{display: none;position: absolute;left:60px;bottom: 0px; background:#fff;padding: 16px;border-radius: 5px;box-shadow: 0px 0px 10px #ddd;}
#yz-box {width:400px;height:200px;background-size:100%;position:relative;transition:all 2s;background-image:url("../images/login-bg.jpg");}
#yz-box .fl {width:200px;height:100px;position:absolute;}
#yz-box .radio {background:#345ed6;color:#fff;width:30px;height:30px;text-align:center;line-height:30px;border-radius:50%;position:absolute;z-index:10;}
#yz-box span {font-size:38px;position:absolute;z-index:4;color:#fff;font-weight:bold; font-family: "宋体"; text-shadow: 2px 2px 5px #5c5c5c}
#yz-box span:hover {text-align:center;color:#E0FFFF;cursor: pointer}
#yz-minbox {width:400px;height:40px;margin:10px auto 0;border:#ececef solid 1px;text-align:center;font-size:18px;line-height:40px;background:#f8fafe;}
#yz-minbox b{color:#333; font-weight: normal}
#yz-minbox span{color:#345ed6;}

.login-a{ display: block; width: 553px; height: 88px; line-height: 88px ;font-size: 24px; text-align: center; margin:38px auto 20px;  color: #fff;background: url("../images/login-06.png") top center no-repeat; border: none; outline: none;box-shadow: 0px 4px 15px #99c0ff;cursor: pointer}
.login-a:hover{opacity: 0.8}
.login-c3{ width: 553px; margin: auto}
.login-c3 a{ color: #999999;font-size: 20px;}
.login-c3 a:hover{color: #345ed6; cursor: pointer}