@charset "utf-8";
/* CSS Document */
body{padding:0; font-size:12px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑"; overflow-x:hidden;  background-color:#fff; max-width: 750px; margin: 0 auto;}
div,ul,li,p,form,h1,h2,h3,h4,h5,h6,dt,dd,dl{padding:0;margin:0; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑";}
a{ text-decoration:none; color:#000;}
img{border:none; vertical-align: middle; display: block; max-width: 100%; height: auto; margin: 0 auto;}
ul,li{list-style:none;}
*{padding:0;margin:0;/* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/}
table{border-collapse:collapse;}
.wrap{ width:100%; height:auto;}

input::-webkit-input-placeholder {color: #999;}
input::-moz-placeholder {color: #999;}
input:-moz-placeholder {color: #999;}
input:-ms-input-placeholder {color: #999;}

.clearfix:before,.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden;}
.clearfix{zoom:1}

/*banner*/
.ban {width: 100%; margin: 0 auto; position: relative;}
.ban img {width: 100%; height: auto;}
.ban_logo {width: 28%; position: absolute; top: 4%; left: 2%;}
.ban_logo img {width: 100%; height: auto;}
.ban_zx {width: 24%; display: block; position: absolute; top: 15%; right: 0; background: #d15544; text-align: center; font-size: 1.2em; color: #fff; line-height: 2em; border-radius: 1em 0 0 1em; z-index: 2;}
.ban_zx img {display: inline-block; width: 1em; height: 1em; vertical-align: top; margin: .5em 3px 0 0;}
.ban_zx2 {top: 27%;}
.loginbox{width: 64%; position: absolute; top: 4%; right: 2%; text-align: right;}
.loginbox #divLogin {width: 26%; background: rgba(255, 255, 255, .3); text-align: center; display: inline-block; border-radius: 1em;}
.loginbox #divLogin a{display: block; width: 100%; margin: 0 auto; font-size: 1.2em; color: #fff; line-height: 1.8em;}
#divLoginSuccess{width: 76%; float: left; margin: 0; font-size: 1.2em; color: #fff; line-height: 1.6em;}
#divLoginSuccess a{display: inline;padding: 0 2%; font-size: 1em; color: #fff;}
#ExitCookies {float: right; background: rgba(255, 255, 255, .3); width: 22%; text-align: center; border-radius: 1em; line-height: 1.6em; color: #fff;}
#ExitCookies a {color: #fff;}

.main {width: 100%; margin: 0 auto; padding: 10px 0 20px; background: url(../images/bage_001.jpg) center no-repeat; background-size: 100% 100%;}
.one_a {width: 70%; display: block; margin: 0 auto; background: url(../images/botton_bg.png) center no-repeat; background-size: 100% 100%; padding: 0 0 .2em; text-align: center; font-size: 1.4em; color: #fff; line-height: 2.6em; font-weight: bold;}

.one {width: 92%; margin: 1em auto 0; padding: 4% 0; background: url(../images/img_003.png) center no-repeat; background-size: 100% 100%;}
.one_title {width: 100%; margin: 0 auto; text-align: center; font-size: 1.6em; color: #bb1c15; line-height: 1.4em; font-weight: bold;}
.one_title img {display: inline-block; width: auto; height: 3px; vertical-align: middle; margin: -1px 10px 0;}
.one_t {width: 90%; margin: 10px auto 0;}
.one_p {width: 100%; margin: 0 auto; font-size: 1.2em; color: #bd1e16; line-height: 1.6em;}

.two {width: 100%; margin: 0 auto; padding: 10px 0 20px;}
.two_tit {width: 100%; text-align: center; font-size: 1.6em; color: #ee4331; line-height: 1.6em; font-weight: bold;}
.two_tit img {display: inline-block; width: auto; height: 3px; vertical-align: middle; margin: -2px 10px 0;}
.two_ul {width: 94%; margin: 10px auto 0;}
.two_li {width: 46%; float: left; margin: 10px 2%; text-align: center;}
.two_li a {display: block; width: 100%; margin: 0 auto; background: url(../images/botton_bg2.png) center repeat-x; background-size: auto 101%; font-size: 1.4em; color: #fff; line-height: 2.6em; border-radius: 1.5em; -webkit-box-shadow: 0 4px 0 #d0250b; -moz-box-shadow: 0 4px 0 #d0250b; box-shadow: 0 4px 0 #d0250b;}

.text {width: 94%; margin: 0 auto; padding: 20px 3%;}
.text h3 {width: 100%; text-align: center; font-size: 1.4em; color: #333; line-height: 1.6em;}
.text_t {width: 100%; margin: 0 auto; padding: 10px 0;}
.text_t p {width: 100%; margin: 0 auto; font-size: 1.3em; color: #333; line-height: 1.8em;}
.text_t p img {max-width: 100%; margin: 0 auto;}
.text_t table {width: 100%; margin: 5px auto; text-align: center; border: 1px solid #666;}
.text_t table th {background: #ccc; font-size: 1.3em; color: #333; line-height: 1.6em; padding: .2em 0;}
.text_t table td {font-size: 1.3em; color: #333; line-height: 1.6em; padding: .4em 0;}

.text_afix {display: block; width: 2.8em; position: fixed; right: 2%; bottom: 1%;}
.text_afix img {width: 100%; height: auto; margin: 0 auto;}

.zhezhao {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .8); z-index: 3; display: none;}
.popup {width: 84%; background: url(../images/img_004.jpg) center no-repeat; background-size: 100% 100%; padding: 0 0 20px; border-radius: 10px; position: fixed; top: 22%; left: 8%; z-index: 4; display: none;}
.popup .close {display: block; width: 1.8em; position: absolute; right: 0; top: -2.2em; z-index: 4;}
.popup_p {width: 100%; margin: 0 auto; text-align: center; background: url(../images/img_002.jpg) center no-repeat; background-size: 100% 100%; border-radius: 8px 8px 0 0; font-size: 2em; color: #fff; line-height: 2em; font-weight: bold; padding: 1em 0 1.4em;}
.popup_p2 {width: 94%; margin: 10px auto 0; text-align: center; font-size: 1.3em; color: #333; line-height: 1.4em;}
.popup_p2 font {color: #da533f;}
.popup_img {width: 48%; margin: 10px auto 0;}

.share {width: 100%; max-width: 750px; display: none; position: fixed; left: 0; top: 1%; z-index: 3;}
.share .close {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 4;}
.share .share_img {width: 100%; margin: 0 auto;}
.share .share_img img {width: 100%; height: auto;}

.choice {width: 84%; background: #fff; padding: 0 0 20px; border-radius: 10px; position: fixed; top: 22%; left: 8%; z-index: 4; display: none;}
.choice .close {display: block; width: 1.8em; position: absolute; right: 0; top: -2.2em; z-index: 4;}
.choice_p {width: 100%; margin: 0 auto; text-align: center; background: url(../images/img_002.jpg) center no-repeat; background-size: 100% 100%; border-radius: 8px 8px 0 0; font-size: 1.8em; color: #fff; line-height: 1.6em; font-weight: bold; padding: .8em 0;}
.choice_t {width: 86%; margin: 10px auto 0;}
.choice_tp {width: 100%; margin: 0 auto; font-size: 1.2em; color: #666; line-height: 1.6em;}
.choice_tp font {color: #ff3f3f;}
.choice_t form {width: 100%; display: block; margin: 0 auto; position: relative;}
.choice_tp2 {width: 100%; margin: 10px auto 0; border: 1px solid #4934eb; text-align: center; font-size: 1.2em; color: #999; line-height: 2.2em; border-radius: 8px; cursor: pointer; display: block;}
.choice_tm {width: 100%; margin: 10px auto 0; position: absolute; left: 0; top: 3em; display: none;}
.choice_tm::before {content: ""; display: inline-block; width: 1em; height: .6em; background: url(../images/choice_001.png) center no-repeat; background-size: 100% 100%; position: absolute; right: 5%; top: -.6em;}
.choice_tp3 {width: 100%; margin: 0 auto; background: #9c9cff; text-align: center; font-size: 1.2em; color: #fff; line-height: 2.4em; border-bottom: 1px solid #4934eb;}
.choice_tp3.on {background: #4934eb;}
.choice_tp4 {border-radius: 8px 8px 0 0;}
.choice_tp5 {border-radius: 0 0 8px 8px; border: none;}
.choice_ta {display: block; width: 80%; margin: 10px auto 0; background: url(../images/botton_bg.png) center no-repeat; background-size: 100% 100%; text-align: center; font-size: 1.4em; color: #d20202; line-height: 2.4em; font-weight: bold; padding: 0 0 .8em;}

.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; background: rgba(0,0,0,.8); display: none;}
.tcbox{width: 80%; height: auto; display: block; background: url(../images/img_004.jpg) center no-repeat; background-size: 100% 100%; border-radius: 10px; padding: 0 0 20px; position: absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.tcbox h3{width: 100%; display: block; margin: 0 auto; text-align: center; background: url(../images/img_002.jpg) center no-repeat; background-size: 100% 102%; border-radius: 8px 8px 0 0; font-size: 2em; color: #fff; line-height: 2em; font-weight: bold; padding: 1em 0 1.4em;}
.tcbox .close {display: block; width: 1.8em; position: absolute; right: 0; top: -2.2em; z-index: 4;}
.tcbox .close a{width: 100%; display: block;}
.tcbox .close a img{width: 100%; display: block;}
/* 登录弹窗 */
.loginshow {display: block;}
.loginshow form {width: 84%; margin: 20px auto 0;}
.loginshow form u l{width: 100%; margin: 0 auto;}
.loginshow form ul li {width: 100%; margin: 0 0 10px;border: 1px solid #666; border-radius: 2em; overflow: hidden;}
.loginshow form ul li.short {margin: 0 0 16px; }
.loginshow form ul li input {width: 94%; height: 1.6em; display: block; font-size: 1.2em; color: #666; line-height: 1.6em; padding: .4em 3%; border: none; background: #fff;outline:none;}
.loginshow form ul li input#YzNum {width: 50%; float: left;}
.loginshow form ul li input#btnSendCode1 {width: 40%; color: #db6757; border: none; float: right; line-height: 2.5em; height: 2.5em; padding: 0; background: #fff;}
.loginBtn {width: 100%; margin: 0 auto; text-align: center;}
.loginBtn a {width: 80%; margin: 0 auto; display: block; background: url(../images/botton_bg.png) center no-repeat; background-size: 100% 100%; text-align: center; font-size: 1.4em; color: #fff; line-height: 2.3em; font-weight: bold; padding: 0 0 .2em;}

.fix-bg{width:100%; height: 100%; background: rgba(0,0,0,0); position: fixed; top: 0; left: 0; display: none; z-index: 2; text-align: center;}

@media only screen and (min-width:980px) {
body {font-size: 18px;}
.ban_zx {width: 180px;}

.popup {width: 520px; top: 22%; left: 50%; margin-left: -260px;}

}