.ban{ width:100%; height:785px; background:url("../img/zcban.jpg") no-repeat center; background-color:#e8e8e8; margin:0 auto !important;}


.banMain{ width:1280px; height:auto; margin:0 auto; position:relative}
.floatDiv{ width:400px; height:400px; background:#ffffff5e; border:1px solid #e6e6e6; position:absolute; right:0px; top:190px;border-radius: 10px;box-shadow: 0 2px 16px #c0bbbb, 0 0 2px #c0bbbb, 0 0 2px #c0bbbb;}
.leftImg{ width:788px; height:543px; position:absolute; left:-150px; top:150px; }
.rightImg{ width:235px; height:209px; position:absolute; right:-180px; top:440px;}


.TagDiv{ width:320px; height:50px; margin:0 auto;}
.TagDiv li{ width:50%; height:60px; line-height:50px; margin-top:10px; color:#808080; cursor: pointer; font-size:18px; float:left; border-bottom:2px solid #bcdefa; text-align:center; letter-spacing: 3px;}
.TagDiv li.active{ border-bottom:2px solid #0c91fa; color:#000; font-weight: 500;}

.floatMain{ width:320px; height:auto; margin:0 auto; }
.floatMain li{ width:100%; height:46px; margin:18px auto; position:relative; font-size:14px;}
.floatMain li:first-child{ margin-top:40px;}
.floatMain li input[type=text], .floatMain li input[type=password]{ width:100%; height:46px; border:none; background:#f3f4f9; text-indent: 1rem; box-sizing: border-box; border: 1px solid #e6e6e6; border-radius: 2px !important; }
/* .floatMain li input[type=text]:hover{ border:1px solid #f3f4f9} */
.floatMain li input[type=submit]{ width:100%; height:46px; text-align:center; cursor: pointer;  border:none; background:#0d90fb; color:#fff; letter-spacing: 3px; font-size:16px; font-weight: 500; }
.floatMain li span {
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #0d90fb;
    display: block;
    right: 9px;
    top: -15px;
    position: absolute;
    z-index: 10;
}
.floatMain li .code_style {
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #0d90fb;
    display: block;
    right: 9px;
    top: 0px;
    position: absolute;
    z-index: 10;
}
.floatMain li input[type=checkbox]{ margin-right:15px; margin-top:15px; border:1px solid #808080}

.yzmBtn span{ margin-top:5px; margin-right:15px;}

.floatBtn{ margin-top:140px; width:200px; margin-left:auto; margin-right:auto;}
.floatBtn > * { width:100px; height:40px; line-height:40px; text-align:center; display: block; float:left; }


.ewm{ width:320px; height:250px; text-align:center;}
.ewm img{ margin-top: 30px;}

.ewmTxt{ width:320px; height:100px; text-align:center;}
.ewmTxt span{ width:100%; height:30px; line-height:30px; display: block;}
.ewmTxt span:first-child{ height:60px;}
.ewmTxt span i{ color:#9E9E9E; cursor: pointer;}


#wechat_login {
	width: 200px;
	height: 200px;
	opacity: 1;
	background-color: #fff;
}
.login-qr::after {
    content: '';
    display: block;
    position: absolute;
    top: 30%;
    text-align: center;
    width: 100%;
    left: 0;
	z-index: 0;
}
.loaded.login-qr::after {
	opacity: 0;
}
.loaded #wechat_login {
	opacity: 1;
}