@charset "utf-8";
/* CSS Document */
body{padding:0; font-size:12px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑"; overflow-x:hidden; 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;}

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: 0; left: 0;padding: 1.5% 3% 2% 1.5%;background: url(../images/logo_bg.png) center no-repeat;background-size: 100% 100%;}
.ban_logo img {width: 100%; height: auto;}
.ban_a {display: block; width: 20%; position: absolute; top: .6em; right: 0; background: #fff; text-align: center; font-size: 1.1em; color: #2847c0; line-height: 2em; border-radius: 1em 0 0 1em; z-index: 2;}
.ban_a2 {top: 3em;}
.ban_a3 {top: 5.4em;color: #038d87;background: url(../images/icon_001.png) center repeat-y;background-size: 101% auto;}
.ban_a4 {display: block;width: 50%;position: absolute;left: 25%;top: 60%;background: rgba(21, 57, 60, .6);text-align: center;font-size: 1.4em;color: #fff;line-height: 2em;border-radius: 1em;}
.ban_a4 img {width: 5em;height: auto;position: absolute;right: -2.8em;top: .9em;}

.one {width: 100%; margin: 0 auto; background: url(../images/one_bg.jpg) center no-repeat; background-size: 100% 100%; padding: 0 0 15px;}
.one_a {display: block;width: 90%;margin: 0 auto;text-align: center;font-size: 1.5em;color: #6e382c;line-height: 2.2em;font-weight: bold;position: relative;border-radius: 1.2em;-webkit-box-shadow: 0 6px 0 #ee6c18;-moz-box-shadow: 0 6px 0 #ee6c18;box-shadow: 0 6px 0 #ee6c18;}
.one_a span {display: block;width: 100%;margin: 0 auto;background: url(../images/botton_bg.png) center repeat-x;background-size: auto 100%;-webkit-box-shadow: inset 0 0 9px #fbedcb;-moz-box-shadow: inset 0 0 9px #fbedcb;box-shadow: inset 0 0 9px #fbedcb;border-radius: 1.2em;}
.one_a2 {display: block;width: 90%;margin: .8em auto 0;text-align: center;font-size: 1.5em;color: #fff;line-height: 2.2em;font-weight: bold;position: relative;border-radius: 1.2em;-webkit-box-shadow: 0 6px 0 #d43209;-moz-box-shadow: 0 6px 0 #d43209;box-shadow: 0 6px 0 #d43209;position: relative;z-index: 1;}
.one_a2 span {display: block;width: 100%;margin: 0 auto;background: url(../images/botton_bg2.png) center repeat-x;background-size: auto 100%;-webkit-box-shadow: inset 0 0 9px #f9cbcb;-moz-box-shadow: inset 0 0 9px #f9cbcb;box-shadow: inset 0 0 9px #f9cbcb;border-radius: 1.2em;}
.one_a2 img.one_aimg {width: 2.6em;height: auto;position: absolute;right: -1em;top: 45%;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;}
.one_p {width: 50%;height: 28px;margin: 0 auto;border-left: 1px solid #fff;border-right: 1px solid #fff;z-index: 0;}
.one_p2 {width: 84%;margin: 0 auto;border: 1px solid #fff;text-align: center;font-size: 1.3em;color: #fff;line-height: 2em;border-radius: 10px;}

.two {width: 100%; margin: 0 auto; background: #038d87; padding: 8px 0 22px;}
.two_a {display: block;width: 90%;margin: 0 auto;text-align: center;font-size: 1.5em;color: #6e382c;line-height: 2.2em;font-weight: bold;border-radius: 1.2em;-webkit-box-shadow: 0 6px 0 #ee6c18;-moz-box-shadow: 0 6px 0 #ee6c18;box-shadow: 0 6px 0 #ee6c18;}
.two_a span {display: block;width: 100%;margin: 0 auto;background: url(../images/botton_bg.png) center repeat-x;background-size: auto 100%;-webkit-box-shadow: inset 0 0 9px #fbedcb;-moz-box-shadow: inset 0 0 9px #fbedcb;box-shadow: inset 0 0 9px #fbedcb;border-radius: 1.2em;}
.two_a2 {display: block;width: 90%;margin: .8em auto 0;text-align: center;font-size: 1.5em;color: #fff;line-height: 2.2em;font-weight: bold;border-radius: 1.2em;-webkit-box-shadow: 0 6px 0 #d43209;-moz-box-shadow: 0 6px 0 #d43209;box-shadow: 0 6px 0 #d43209;position: relative;z-index: 1;}
.two_a2 span {display: block;width: 100%;margin: 0 auto;background: url(../images/botton_bg2.png) center repeat-x;background-size: auto 100%;-webkit-box-shadow: inset 0 0 9px #f9cbcb;-moz-box-shadow: inset 0 0 9px #f9cbcb;box-shadow: inset 0 0 9px #f9cbcb;border-radius: 1.2em;}

.three {width: 100%;margin: 0 auto;background: url(../images/three_bg.jpg) center no-repeat;background-size: 100% 100%;}
.three_a {display: block;width: 70%;margin: 0 auto;text-align: center;background: url(../images/botton_bg3.png) center repeat-x;background-size: auto 101%;font-size: 1.3em;color: #058b83;line-height: 2.2em;border-radius: 1.2em;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;}

.four {width: 100%;margin: 0 auto;padding: 15px 0;background: url(../images/four_bg.jpg) center no-repeat;background-size: 100% 100%;}
.four_m {width: 88%;margin: 0 auto;background: url(../images/four_001.jpg) center no-repeat;background-size: 100% 100%;border-radius: 12px;padding: 2.5%;-webkit-box-shadow: inset 0 0 16px rgba(200, 252, 203, .5);-moz-box-shadow: inset 0 0 16px rgba(200, 252, 203, .5);box-shadow: inset 0 0 16px rgba(200, 252, 203, .5);}
.four_mc {width: 100%;margin: 0 auto;background: #038b85;border-radius: 12px;overflow: hidden;padding: 0 0 3%;-webkit-box-shadow: inset 0 0 9px rgba(11, 84, 81, .8);-moz-box-shadow: inset 0 0 9px rgba(11, 84, 81, .8);box-shadow: inset 0 0 9px rgba(11, 84, 81, .8);}
.four_mt {width: 100%;margin: 0 auto;background: url(../images/four_002.jpg) center bottom no-repeat;background-size: auto 102%;text-align: center;font-size: 1.8em;color: #035854;line-height: 1.2em;padding: 0 0 .6em;font-weight: bold;}
.four_mt img {display: inline-block;width: auto;height: .8em;vertical-align: top;margin: .4em 0 0;}
.four_mt span {margin: 0 2.6em;}
.four_mf {width: 88%;margin: 10px auto 0;background: #035854;padding: 3%;border-radius: 10px; position: relative;}
.four_mfm {width: 98%;margin: 0 auto;background: #fff;padding: 20px 1%;border-radius: 10px;}
.four_mli {width: 50%;float: left;margin: 0;text-align: center;position: relative;}
.four_mli::after {width: 1px;height: 100%;background: #cdebe9;position: absolute;right: 0;top: 0;content: '';}
.four_mli2::after {display: none;}
.four_mlip {width: 100%;margin: 0 auto;font-size: 1.3em;color: #333;line-height: 1.6em;}
.four_mlip::before {width: 1em;height: 1px;background: #035854;vertical-align: top;margin: .8em .3em 0 0;content: '';display: inline-block;}
.four_mlip::after {width: 1em;height: 1px;background: #035854;vertical-align: top;margin: .8em 0 0 .3em;content: '';display: inline-block;}
.four_mlip2 {width: 2.7em;margin: 10px auto 0;font-size: 2.5em;color: #fff;line-height: 2.7em;font-weight: bold;background: url(../images/four_005.png) center no-repeat;background-size: 100% 100%;position: relative;}
.four_mlip2 img {width: .9em;height: .9em;position: absolute;top: 0;right: 0;}
.four_mlia {display: block;width: 80%;margin: 10px auto 0;background: url(../images/botton_bg4.png) center repeat-y;background-size: 101% auto;font-size: 1.25em;color: #fff;line-height: 2em;border-radius: 1em;}
.four_mb {width: 88%;margin: 10px auto 0;background: #035854;padding: 3%;border-radius: 10px;}
.four_bli {width: 94%;margin: 0 auto;background: #fff;padding: 3%;border-radius: 10px;position: relative;}
.four_bli2 {margin: 12px auto 0;}
.four_blimg {width: 15%;position: absolute;top: -.22em;left: -.22em;}
.four_blimg2 {width: 18%;float: left;margin: 0;}
.four_blimg img,.four_blimg2 img {width: 100%;height: auto;}
.four_blit {width: 40%;float: left;margin: 0 0 0 2%;}
.four_blip {width: 100%;margin: 0 auto;font-size: 1.2em;color: #058b83;line-height: 1.6em;font-weight: bold;}
.four_blip2 {width: 100%;margin: 5px auto 0;background: #fcece6;font-size: 1em;color: #f85e3a;line-height: 1.2em;border-radius: 1em;}
.four_blip2 img {display: inline-block;width: 1.2em;height: 1.2em;vertical-align: top;margin: 0 .2em 0 0;}
.four_blia {display: block;width: 38%;float: right;margin: 3% 0 0;background: url(../images/botton_bg5.png) center repeat-y;background-size: 101% auto;text-align: center;font-size: 1.2em;color: #fff;line-height: 2em;border-radius: 1em;}
.four_blia2 {background: url(../images/botton_bg4.png) center repeat-y;background-size: 101% auto;}

.five {width: 100%;margin: 0 auto;background: #038d87;padding: 0 0 2em;}
.five_t {width: 86%;padding: 4%;background: #fff;margin: 10px auto 0;border-radius: 10px;}
.five_t p {width: 100%;margin: 0 auto;font-size: 1.2em;color: #333;line-height: 1.8em;}
.five_t p span {color: #ff0000;}

.six {width: 100%; margin: 0 auto; background: url(../images/one_bg.jpg) center no-repeat; background-size: 100% 100%; padding: 0 0 15px;}
.six_a {display: block;width: 90%;margin: 0 auto;text-align: center;font-size: 1.5em;color: #6e382c;line-height: 2.2em;font-weight: bold;border-radius: 1.2em;-webkit-box-shadow: 0 6px 0 #ee6c18;-moz-box-shadow: 0 6px 0 #ee6c18;box-shadow: 0 6px 0 #ee6c18;}
.six_a span {display: block;width: 100%;margin: 0 auto;background: url(../images/botton_bg.png) center repeat-x;background-size: auto 100%;-webkit-box-shadow: inset 0 0 9px #fbedcb;-moz-box-shadow: inset 0 0 9px #fbedcb;box-shadow: inset 0 0 9px #fbedcb;border-radius: 1.2em;}
.six_a2 {-webkit-box-shadow: 0 6px 0 #d43209;-moz-box-shadow: 0 6px 0 #d43209;box-shadow: 0 6px 0 #d43209;color: #fff;}
.six_a2 span {background: url(../images/botton_bg2.png) center repeat-x;background-size: auto 100%;-webkit-box-shadow: inset 0 0 9px #f9cbcb;-moz-box-shadow: inset 0 0 9px #f9cbcb;box-shadow: inset 0 0 9px #f9cbcb;}

.seven .four_m .four_mc .four_mt {padding: 0 0 .8em;}
.seven .four_m .four_mc .four_mt span {margin: 0 1.8em;}
.seven_li {width: 30.33%;float: left;margin: 0 1.5%;text-align: center;position: relative;}
.seven_limg {width: 62%;margin: 0 auto;position: relative;z-index: 1;}
.seven_limg2 {width: 26%;position: absolute;top: 1em;right: -10%;}
.seven_lit {width: 100%;margin: -2em auto 0;padding: 2.5em 0 1em;background: #effaf7;border-radius: 10px;}
.seven_lip {width: 90%;margin: 0 auto;font-size: 1.2em;color: #002333;line-height: 1.6em;}

.eight_t {width: 86%;padding: 4%;background: #fff;margin: 10px auto 0;border-radius: 10px;}

.nine_m {width: 100%;margin: 0 auto;height: 35em;overflow-y: auto;}
.nine_mt {width: 100%;margin: 0 auto;height: 35em;overflow: hidden;}
.nine_mt p {width: 100%;margin: 0 auto;font-size: 1.2em;color: #fff;line-height: 1.6em;text-indent: 2em;}
.nine_mt h1,.nine_mt h2 {width: 100%;margin: 0 auto;font-size: 1.3em;color: #fff;line-height: 1.6em;}
.nine_mt h3,.nine_mt h4,.nine_mt h5,.nine_mt h6 {width: 100%;margin: 0 auto;font-size: 1.25em;color: #fff;line-height: 1.8em;}
.nine_mt table {width: 100%;margin: 5px auto;text-align: center;background: none;border: 1px solid #fff;}
.nine_mt table th {font-size: 1em;color: #fff;line-height: 1.6em;padding: .5em 0;border: 1px solid #fff;}
.nine_mt table td {font-size: 1em;color: #fff;line-height: 1.6em;padding: .5em 0;border: 1px solid #fff;}
.nine_mt table td p {text-indent: 0;width: 90%;margin: 0 auto;}
.nine_mt img {max-width: 100%;height: auto;margin: 5px auto;}
.nine_mta {display: block;width: 13em;position: absolute;left: 50%;margin-left: -6.5em;bottom: 2em;}
.nine_mta img.img {width: 5em;height: auto;position: absolute;left: 55%;top: 40%;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);}
}

.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%; padding: 0 0 3%; background: url(../images/popup_001.jpg) center no-repeat;background-size: 100% 100%; border-radius: 10px; z-index: 9; display: none; 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; left: 50%;margin-left: -1em;}
.popup_p {width: 100%; text-align: center; font-size: 1.8em; color: #fff; line-height: 2.8em; font-weight: bold;position: relative;}
.popup_p img.imgl {width: 4.8em;height: auto;position: absolute;left: 3%;bottom: 0;}
.popup_p img.imgr {width: 3.1em;height: auto;position: absolute;right: 7%;top: -.2em;}
.popup_t {width: 92%;margin: 0 auto;background: #fff;padding: 20px 0;border-radius: 10px;}
.popup_timg {width: 50%; margin: 0 auto;border: 8px solid #16b196;border-radius: 10px;}
.popup_timg img {width: 100%;height: auto;}
.popup_tp {width: 92%; text-align: center; margin: 10px auto 0; font-size: 1.3em; color: #333; line-height: 1.6em;}
.popup_tp span {color: #ff5252;}

.actrule {width: 80%; padding: 0 0 3%;  background: url(../images/popup_001.jpg) center no-repeat;background-size: 100% 100%; border-radius: 10px; z-index: 9; display: none; 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%);}
.actrule .close {display: block; width: 2em; position: absolute; bottom: -2.6em; left: 50%;margin-left: -1em;}
.actrule_p {width: 100%; text-align: center; font-size: 1.8em; color: #fff; line-height: 2.8em; font-weight: bold;position: relative;}
.actrule_p img.imgl {width: 4.8em;height: auto;position: absolute;left: 3%;bottom: 0;}
.actrule_p img.imgr {width: 3.1em;height: auto;position: absolute;right: 7%;top: -.2em;}
.actrule_t {width: 92%;margin: 0 auto;background: #fff;padding: 12px 0;border-radius: 10px;}
.actrule_tp {width: 30%;margin: 5px 0;font-size: 1.2em;color: #fff;line-height: 2em;padding: 0 4% 0 0;text-align: center;background: url(../images/popup_005.png) center no-repeat;background-size: 100% 100%;}
.actrule_tp2 {width: 92%;margin: 0 auto;font-size: 1.2em;color: #444;line-height: 1.5em;}
.actrule_tp2 span {color: #d01818;}
.actrule_tp2 img {float: right;margin: 0;width: 40%;}

.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;}

.integralist {width: 80%; padding: 0 0 3%;  background: url(../images/popup_001.jpg) center no-repeat;background-size: 100% 100%; border-radius: 10px; z-index: 9; display: none; 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%);}
.integralist .close {display: block; width: 2em; position: absolute; bottom: -2.6em; left: 50%;margin-left: -1em;}
.integralist_p {width: 100%; text-align: center; font-size: 1.8em; color: #fff; line-height: 2.8em; font-weight: bold;position: relative;}
.integralist_p img.imgl {width: 4.8em;height: auto;position: absolute;left: 3%;bottom: 0;}
.integralist_p img.imgr {width: 3.1em;height: auto;position: absolute;right: 7%;top: -.2em;}
.integralist_t {width: 92%;margin: 0 auto;background: #fff;padding: 12px 0;border-radius: 10px;}
.integralist_tm {width: 100%;margin: 0 auto;}
.integralist_tmimg {width: 90%;margin: 0 auto;}
.integralist_tmp {width: 90%;margin: 0 auto;text-align: center;font-size: 1.3em;color: #333;line-height: 1.6em;}
.integralist_tm ul li {width: 94%;margin: 0 auto;font-size: 1.2em;color: #333;line-height: 1.6em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.integralist_tm ul li span {display: inline-block;width: 1em;height: 1em;text-align: center;border: 1px solid #333;border-radius: 50%;line-height: 1em;font-size: .8em;vertical-align: top;margin: .5em 4px 0 0;}
.integralist_ta {display: block;width: 70%;margin: 15px auto 0;text-align: center;background: url(../images/botton_bg4.png) center repeat-y;background-size: 101% auto;font-size: 1.3em;color: #fff;line-height: 2.2em;border-radius: 1.1em;}

.study {width: 80%; padding: 0 0 20px; background: #fff; border-radius: 10px; z-index: 9; display: none; 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%);}
.study .close {display: block; width: 2em; position: absolute; top: -2.8em; right: 0;}
.study_p {width: 100%; text-align: center; background: url(../images/popup_001.jpg) center no-repeat; background-size: 101% 102%; font-size: 2em; color: #fff; line-height: 2.6em; font-weight: bold; border-radius: 9px 9px 0 0;}
.study_t {width: 90%;margin: 16px auto 0;}
.study_tp {width: 100%;margin: 0 auto;font-size: 1.3em;color: #333;line-height: 1.6em;}
.study_tp span {color: #1c1ca2;}
.study_tp font {color: #d01818;}
.study_tp2 {margin: 0 auto 10px;font-size: 1.5em;text-align: center;}
.study_tp3 {width: 100%;margin: 0 auto;font-size: 1.3em;color: #808080;line-height: 1.6em;}
.study_ta {display: block;width: 50%;margin: 10px auto 0;background: url(../images/botton_bg2.png) center repeat-y;background-size: 101% auto;text-align: center;font-size: 1.4em;color: #fff;line-height: 2em;border-radius: 1em;-webkit-box-shadow: 0 0 10px rgba(249, 64, 14, .6);-moz-box-shadow: 0 0 10px rgba(249, 64, 14, .6);box-shadow: 0 0 10px rgba(249, 64, 14, .6);}

.give {width: 80%; padding: 0 0 3%; background: url(../images/popup_001.jpg) center no-repeat;background-size: 100% 100%; border-radius: 10px; z-index: 9; display: none; 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%);}
.give .close {display: block; width: 2em; position: absolute; bottom: -2.6em; left: 50%;margin-left: -1em;}
.give_p {width: 100%; text-align: center; font-size: 1.8em; color: #fff; line-height: 2.8em; font-weight: bold;position: relative;}
.give_p img.imgl {width: 4.8em;height: auto;position: absolute;left: 3%;bottom: 0;}
.give_p img.imgr {width: 3.1em;height: auto;position: absolute;right: 7%;top: -.2em;}
.give_t {width: 92%;margin: 0 auto;background: #fff;padding: 20px 0;border-radius: 10px;}
.give_timg {width: 90%; margin: 0 auto;}
.give_tp {width: 92%; text-align: center; margin: 10px auto 0; font-size: 1.3em; color: #333; line-height: 1.6em;}
.give_tp span {color: #ff5252;}
.give_ta {display: block;width: 70%;margin: 15px auto 0;text-align: center;background: url(../images/botton_bg4.png) center repeat-y;background-size: 101% auto;font-size: 1.3em;color: #fff;line-height: 2.2em;border-radius: 1.1em;}

.repeat {width: 80%; padding: 0 0 3%; background: url(../images/popup_001.jpg) center no-repeat;background-size: 100% 100%; border-radius: 10px; z-index: 9; display: none; 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%);}
.repeat .close {display: block; width: 2em; position: absolute; bottom: -2.6em; left: 50%;margin-left: -1em;}
.repeat_p {width: 100%; text-align: center; font-size: 1.8em; color: #fff; line-height: 2.8em; font-weight: bold;position: relative;}
.repeat_p img.imgl {width: 4.8em;height: auto;position: absolute;left: 3%;bottom: 0;}
.repeat_p img.imgr {width: 3.1em;height: auto;position: absolute;right: 7%;top: -.2em;}
.repeat_t {width: 92%;margin: 0 auto;background: #fff;padding: 20px 0;border-radius: 10px;}
.repeat_tp {width: 92%; text-align: center; margin: 0 auto; font-size: 1.3em; color: #333; line-height: 1.6em;}
.repeat_ta {display: block;width: 70%;margin: 15px auto 0;text-align: center;background: url(../images/botton_bg4.png) center repeat-y;background-size: 101% auto;font-size: 1.3em;color: #fff;line-height: 2.2em;border-radius: 1.1em;}

.exchangelist {width: 80%; padding: 0 0 3%;  background: url(../images/popup_001.jpg) center no-repeat;background-size: 100% 100%; border-radius: 10px; z-index: 9; display: none; 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%);}
.exchangelist .close {display: block; width: 2em; position: absolute; bottom: -2.6em; left: 50%;margin-left: -1em;}
.exchangelist_p {width: 100%; text-align: center; font-size: 1.8em; color: #fff; line-height: 2.8em; font-weight: bold;position: relative;}
.exchangelist_p img.imgl {width: 4.8em;height: auto;position: absolute;left: 3%;bottom: 0;}
.exchangelist_p img.imgr {width: 3.1em;height: auto;position: absolute;right: 7%;top: -.2em;}
.exchangelist_t {width: 92%;margin: 0 auto;background: #035854;padding: 12px 0;border-radius: 10px;}
.exchangelist_tp {width: 92%;margin: 0 auto;text-align: center;font-size: 1.3em;color: #333;line-height: 1.6em;background: #fff;padding: 0 0 10px;border-radius: 10px;overflow: hidden;}
.exchangelist_tli {width: 92%;float: left;margin: 5px 4%;background: #fff;padding: 10px 0;border-radius: 10px;}
.exchangelist_tlit {width: 92%;margin: 0 auto;}
.exchangelist_tlimg {width: 15%;float: left;margin: 0;}
.exchangelist_tlimg3 {width: 15%;float: right;margin: 0;}
.exchangelist_tlip {width: 68%;float: left;margin: 0 1%;font-size: 1.2em;color: #058b83;line-height: 1.2em;font-weight: bold;}
.exchangelist_tlip span {display: block;font-size: .85em;color: #f85e3a;font-weight: normal;}
.exchangelist_tlimg2 {width: 100%;margin: 5px auto;}
.exchangelist_tlimg2 img {width: 100%;height: auto;}
.exchangelist_tlip2 {width: 92%;margin: 0 auto;font-size: 1.2em;color: #333;line-height: 1.6em;}
.exchangelist_tlia {display: block;width: 70%;margin: 0 auto;text-align: center;background: url(../images/botton_bg4.png) center repeat-y;background-size: 101% auto;font-size: 1.2em;color: #fff;line-height: 2.2em;border-radius: 1.1em;}

.address {width: 80%; padding: 0 0 3%; background: url(../images/popup_001.jpg) center no-repeat;background-size: 100% 100%; border-radius: 10px; z-index: 9; display: none; 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%);}
.address .close {display: block; width: 2em; position: absolute; bottom: -2.6em; left: 50%;margin-left: -1em;}
.address_p {width: 100%; text-align: center; font-size: 1.6em; color: #fff; line-height: 3em; font-weight: bold;position: relative;}
.address_p img.imgl {width: 4.8em;height: auto;position: absolute;left: 1%;bottom: 0;}
.address_p img.imgr {width: 3.1em;height: auto;position: absolute;right: 5%;top: -.2em;}
.address_t {width: 92%;margin: 0 auto;background: #fff;padding: 20px 0;border-radius: 10px;}
.address_t ul li {width: 94%;margin: 0 auto;padding: 5px 0;}
.address_t ul li label {width: 38%; font-size: 1.2em; color: #333; line-height: 1.9em;display: inline-block;}
.address_t ul li em {color: #f85e3a; font-style: normal;}
.address_t ul li input {width: 53%; height: 1.8em; margin: 0 auto; background: #fff; border: solid 1px #333; font-size: 1.2em; color: #333; line-height: 1.8em; padding: 0 3%;display: inline-block;border-radius: 6px;}
.address_t ul li p {display: inline-block;width: 31%;margin: 0 .6%;}
.address_t ul li select {width: 56%; height: 1.8em; background: #fff; border: solid 1px #333; font-size: 1.2em; color: #333; line-height: 1.8em; padding: 0 3%;display: inline-block;border-radius: 6px;}
.address_t ul li p label {width: 100%;}
.address_t ul li p select {width: 99%;}
.address_t ul li.address_li label {width: 100%;}
.address_t ul li.address_li input {width: 93%;}
.address_tp {width: 92%;margin: 0 auto;font-size: 1.2em;color: #f85e3a;line-height: 1.6em;}
.address_ta {display: block;width: 70%;margin: 6px auto 0;text-align: center;background: url(../images/botton_bg4.png) center repeat-y;background-size: 101% auto;font-size: 1.3em;color: #fff;line-height: 2.2em;border-radius: 1.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:990px) {

body {font-size: 18px;}
.ban {max-width: 750px;}
.ban_a {max-width: 200px;}
.one,.two,.three,.four,.five,.six,.seven,.eight,.nine {max-width: 750px;}
.popup,.actrule,.share,.integralist,.study,.give,.repeat,.exchangelist,.address {width: 520px;}

}