@charset "utf-8";
/* CSS Document */
body{padding:0; font-size:12px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑"; background:#be0700; overflow-x:hidden; max-width: 750px; margin: 0 auto !important;}
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: #808080;}
input::-moz-placeholder {color: #808080;}
input:-moz-placeholder {color: #808080;}
input:-ms-input-placeholder {color: #808080;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}

.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: 24%; position: absolute; top: 3%; left: 2%; z-index: 6;text-align: center;}
.ban_a {display: block;width: 24%;background: #fff;text-align: center;font-size: 1.2em;color: #fa561f;line-height: 1.8em;border-radius: 1em 0 0 1em;position: absolute; right:0; top: .7em;}
.ban_a2 {display: block;width: 24%;background: #fdbe68;text-align: center;font-size: 1.2em;color: #be0700;line-height: 1.8em;border-radius: 1em 0 0 1em;position: absolute; right:0; top: 2.7em;}
.ban_a3 {display: block;width: 24%;background: #e60012;text-align: center;font-size: 1.2em;color: #fff;line-height: 1.8em;border-radius: 1em 0 0 1em;position: absolute; right:0; top: 4.8em;}


.one {width: 100%;margin: 0 auto;padding: 0 0 20px;background: url(../images/one_bg.jpg) center no-repeat;background-size: auto 100% 100%;}
.one_t {width: 91%;margin: 0 auto;padding: 2.5em 3% 3.5em;background: url(../images/one_001.png) center no-repeat;background-size: 100% 100%;text-align: center;z-index: 0;}
.one_tli {width: 33.33%;float: left;margin: 3px 0;}
.one_tlimg {width: 45%;margin: 0 auto;}
.one_tlip {width: 100%;margin: 3px auto 0;font-size: 1.2em;color: #782f03;line-height: 1.4em;}
.one_b {width: 100%;margin: 0 auto;}
.one_bm {width: 100%;margin: 0 auto;}
.one_bma {display: block;width: 66%;float: left;margin: -2.3em 17% 0;text-align: center;font-size: 1.4em;color: #fff;line-height: 2.4em;font-weight: bold;border-radius: 1.2em;border: 1px solid #fff;position: relative;z-index: 1;
	background: #777;
}
.one_bma img {display: inline-block;width: 2.5em;height: 2.5em;position: absolute;right: 1%;top: 1em;animation:mymove 3s infinite; -webkit-animation:mymove 3s infinite; animation-direction:alternate; animation-timing-function: ease-in-out; -webkit-animation-direction:alternate; -webkit-animation-timing-function: ease-in-out;}
@keyframes mymove {
	0%{transform: scale(1);}
	25%{transform: scale(1.2);}
	50%{transform: scale(1);}
	75%{transform: scale(1.2);}
}
@-webkit-keyframes mymove {
	0%{transform: scale(1);}
	25%{transform: scale(1.2);}
	50%{transform: scale(1);}
	75%{transform: scale(1.2);}
}
.one_bp {width: 40%;margin: 0 auto;height: 20px;border-right: 1px solid #fff;border-left: 1px solid #fff;}
.one_bp2 {width: 56%;margin: 0 auto;border: 1px solid #fff;text-align: center;font-size: 1.25em;color: #fff;line-height: 2em;}

#end {background: #8c8c8c;-webkit-box-shadow: 0 5px 0 #797979;-moz-box-shadow: 0 5px 0 #797979;box-shadow: 0 5px 0 #797979;}

.two_p {width: 100%;margin: 0 auto;text-align: center;font-size: 1.26em;color: #f94512;line-height: 1.6em;}
.two_m {width: 100%;margin: 15px auto 0;}
.two_ml {width: 8%;float: left;margin: 0 0 0 4%;text-align: center;font-size: 1.25em;color: #fff;line-height: 1.2em;font-weight: bold;border-radius: 5px;border: 2px solid #fff;padding: .5em 0;background: #f94613;background: -webkit-linear-gradient(#fc9e38,#f94613);background: -o-linear-gradient(#fc9e38,#f94613);background: -moz-linear-gradient(#fc9e38,#f94613);background: linear-gradient(#fc9e38,#f94613);-webkit-box-shadow: 0 4px 6px rgba(249, 73, 20, .4);-moz-box-shadow: 0 4px 6px rgba(249, 73, 20, .4);box-shadow: 0 4px 6px rgba(249, 73, 20, .4);}
.two_mr {width: 82%;float: right;margin: 1% 3% 0 0;text-align: center;}
.two_mrli {width: 33.33%;float: left;margin: 0;}
.two_mrlimg {width: 60%;margin: 0 auto;}
.two_mrlip {width: 100%;margin: 6px auto 0;font-size: 1.1em;color: #808080;line-height: 1.6em;}
.two_b {width: 100%;margin: 0 auto;}
.two_bm {width: 100%;margin: 0 auto;}
.two_bma {display: block;width: 66%;float: left;margin: -2.3em 17% 0;text-align: center;font-size: 1.4em;color: #be0700;line-height: 2.4em;font-weight: bold;border-radius: 1.2em;border: 1px solid #fff;position: relative;z-index: 1;
	background: #fdbe68;
	background: -webkit-linear-gradient(#fdbe68,#fcedaf);
	background: -o-linear-gradient(#fdbe68,#fcedaf);
	background: -moz-linear-gradient(#fdbe68,#fcedaf);
	background: linear-gradient(#fdbe68,#fcedaf);
	-webkit-box-shadow: 0 5px 0 #fdbe68;
	-moz-box-shadow: 0 5px 0 #fdbe68;
	box-shadow: 0 5px 0 #fdbe68;
}
.two_bma img {display: inline-block;width: 2.5em;height: 2.5em;position: absolute;right: 1%;top: 1em;animation:mymove 3s infinite; -webkit-animation:mymove 3s infinite; animation-direction:alternate; animation-timing-function: ease-in-out; -webkit-animation-direction:alternate; -webkit-animation-timing-function: ease-in-out;}

.three {width: 86%;margin: 10px auto 0;background: #fff;border-radius: 10px;padding: 20px 3%;}
.three_p {width: 100%;margin: 0 auto;text-align: center;font-size: 1.4em;color: #f94814;line-height: 1.4em;font-weight: bold;}
.three_m {width: 100%;margin: 0 auto;text-align: center;background: url(../images/three_001.png) center 26% no-repeat;background-size: 36% auto;}
.three_li {width: 33.33%;float: left;margin: 0;}
.three_limg {width: 50%;margin: 0 auto;}
.three_lip {width: 100%;margin: 0 auto;font-size: 1.1em;color: #333;line-height: 1.6em;}

.four {width: 86%;margin: 20px auto;background: #fff;border-radius: 10px;padding: 0 3% 20px;}
.four_p {width: 50%;margin: 0 auto;text-align: center;font-size: 1.4em;color: #fff;line-height: 2em;font-weight: bold;border-radius: 0 0 6px 6px;background: #f94613;background: -webkit-linear-gradient(#fc9e38,#f94613);background: -o-linear-gradient(#fc9e38,#f94613);background: -moz-linear-gradient(#fc9e38,#f94613);background: linear-gradient(#fc9e38,#f94613);}
.four_m {width: 100%;margin: 20px auto 0;}
.four_mt {width: 100%;margin: 0 auto;}
.four_img {width: 70%;margin: 0 auto;}
.four_mt ul li {width: 100%;margin: 0 auto;padding: 10px 0;border-top: 1px dashed #d2d2d2;font-size: 1.2em;color: #333;line-height: 1.9em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.four_mt ul li:first-child {border: none;}
.four_mt ul li span {color: #f94814;}
.four_mt ul li em {display: inline-block;width: 1.2em;height: 1.2em;vertical-align: top;margin: .3em 3px 0 0;border-radius: 50% 50% 0;text-align: center;font-style: normal;line-height: 1.2em;color: #fff;\
	background: #6919cf;
	background: -webkit-linear-gradient(#a555f7,#6919cf);
	background: -o-linear-gradient(#a555f7,#6919cf);
	background: -moz-linear-gradient(#a555f7,#6919cf);
	background: linear-gradient(#a555f7,#6919cf);
	-webkit-box-shadow: 0 4px 3px rgba(252, 112, 29, .4);
	-moz-box-shadow: 0 4px 3px rgba(252, 112, 29, .4);
	box-shadow: 0 4px 3px rgba(252, 112, 29, .4);
}



.zhezhao {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, .8);z-index: 8;display: none;}
.popup {width: 80%;background: #fff;z-index: 9;display: none;border-radius: 12px;position: fixed;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%);}
.popup .close {display: block;width: 2em;position: absolute;bottom: -2.6em;right: 50%;margin-right: -1em;}
.popup_p {width: 100%;text-align: center;font-size: 1.8em;color: #fff;line-height: 2.4em;font-weight: bold;border-radius: 11px 11px 0 0;
	background: #f94613;
	background: -webkit-linear-gradient(#fc9e38,#f94613);
	background: -o-linear-gradient(#fc9e38,#f94613);
	background: -moz-linear-gradient(#fc9e38,#f94613);
	background: linear-gradient(#fc9e38,#f94613);
	-webkit-box-shadow: 0 4px 3px rgba(252, 112, 29, .4);
	-moz-box-shadow: 0 4px 3px rgba(252, 112, 29, .4);
	box-shadow: 0 4px 3px rgba(252, 112, 29, .4);
}
.popup_m {width: 100%;margin: 0 auto;padding: 20px 0;}
.popup_mp {width: 100%;text-align: center;margin: 0 auto;font-size: 1.3em;color: #333;line-height: 1.6em;}
.popup_mp b {color: #ff0000;}
.popup_mimg {width: 40%;margin: 10px auto 0;}
.popup_ma {display: block;width: 70%;margin: 10px auto 0;text-align: center;font-size: 1.3em;color: #be0700;line-height: 2.2em;font-weight: bold;border-radius: 1.2em;border: 1px solid #fff;position: relative;z-index: 1;
	background: #fdbe68;
    background: -webkit-linear-gradient(#fdbe68,#fcedaf);
    background: -o-linear-gradient(#fdbe68,#fcedaf);
    background: -moz-linear-gradient(#fdbe68,#fcedaf);
    background: linear-gradient(#fdbe68,#fcedaf);
    -webkit-box-shadow: 0 5px 0 #fdbe68;
    -moz-box-shadow: 0 5px 0 #fdbe68;
    box-shadow: 0 5px 0 #fdbe68;
}
#actRules {background: url(../images/popup_001.jpg) center no-repeat;background-size: 100% 100%;width: 74%;padding: 0 3% 3%;}
#actRules .popup_p {background: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
#actRules .popup_m {background: #fff;width: 92%;padding: 16px 4%;}
.popup_mtp {width: 35%;margin: 5px 0;background: #f94b16;text-align: center;font-size: 1.1em;color: #fff;line-height: 1.8em;border-radius: 1em;}
.popup_mtp2 {width: 100%;margin: 0;font-size: 1.1em;color: #333;line-height: 1.5em;}
.popup_mtp2 span {color: #ff0000;}
.popup_mtp3 {margin: 0 0 5px;}

#rePeat .popup_p {background: #797979;background: -webkit-linear-gradient(#9b9b9b,#797979);background: -o-linear-gradient(#9b9b9b,#797979);background: -moz-linear-gradient(#9b9b9b,#797979);background: linear-gradient(#9b9b9b,#797979);-webkit-box-shadow: 0 4px 3px rgba(136, 136, 136, .4);-moz-box-shadow: 0 4px 3px rgba(136, 136, 136, .4);box-shadow: 0 4px 3px rgba(136, 136, 136, .4);}

.choice_t {width: 66%;margin: 0 auto;}
.choice_tp {width: 100%;float: left;margin: 8px -1px;background: #fcfcfc;border: 1px solid #7f7f7f;text-align: center;font-size: 1.3em;color: #333;line-height: 2.4em;font-weight: bold;border-radius: 5px;}
.choice_tp.on {background: #f94613;background: -webkit-linear-gradient(#fc9e38,#f94613);background: -o-linear-gradient(#fc9e38,#f94613);background: -moz-linear-gradient(#fc9e38,#f94613);background: linear-gradient(#fc9e38,#f94613);color: #fff;border: 1px solid #fb7d2b;}
.xkts{width: 100%;text-align: center;font-size: 1.1em;color: #ff0000;margin-top: 1em;}

#study .popup_m .popup_mp {width: 90%;text-align: left;font-size: 1.2em;}

.share {width: 100%; max-width: 750px; display: none; position: fixed; left: 0; top: 0; z-index: 9;}
.share .close {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
.share .share_img {width: 100%; margin: 0 auto;}
.share .share_img img {width: 100%; height: auto;}
.five {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
}

@media only screen and (min-width:990px) {
html {max-width: 750px;margin: 0 auto;}
body {font-size: 18px;}
.popup {width: 520px;}
#actRules{width: 520px;}
}