@charset "utf-8";
/* CSS Document */
body{padding:0; font-size:12px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑"; background:#d9c599; 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;}
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: 5%; left: 2%; z-index: 6;}
.ban_a {display: block;width: 14%;background: #f44140;text-align: center;font-size: 1.2em;color: #fff;line-height: 1.2em;border-radius: 0 0 10px 10px;position: absolute;right: 5em; top: 0;padding: .4em 0;}
.ban_a2 {display: block;width: 14%;background: #f44140;text-align: center;font-size: 1.2em;color: #fff;line-height: 1.2em;border-radius: 0 0 10px 10px;position: absolute;right: 1em; top: 0;padding: .4em 0;}
.ban_a3 {width: 20%;background: #fb6e3c;background: linear-gradient(#f73d2b, #fb6e3c);right: 26%;}
.ban_a4 {width: 20%;background: #fb6e3c;background: linear-gradient(#f73d2b, #fb6e3c);}

.one {width: 100%;margin: 0 auto;background: url(../images/one_bg.jpg) center no-repeat;background-size: 100% 101%;padding: 10px 0 20px;}
.one_a {display: block;width: 62%;margin: 0 auto;background: url(../images/botton_bg.png) center no-repeat;background-size: 100% 100%;font-size: 1.3em;color: #fcffab;line-height: 2.5em;padding: 0 0 .6em;text-align: center;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.15);}
	50%{transform: scale(1);}
	75%{transform: scale(1.15);}
}
@-webkit-keyframes mymove {
	0%{transform: scale(1);}
	25%{transform: scale(1.15);}
	50%{transform: scale(1);}
	75%{transform: scale(1.15);}
}

.two_three {width: 100%;margin: 0 auto;}
.two {width: 100%;margin: 0 auto;padding: 2em 0 5em;background: url(../images/two_bg.jpg) center no-repeat;background-size: 100% 100%;}
.two_m {width: 64%;margin: 0 auto;}
.two_mp {width: 100%;margin: 0 auto;}
.two_mp label {width: 22%;display: inline-block;text-align: right;margin: 0;font-size: 1.2em;color: #333;line-height: 1.8em;}
.two_mp input {display: inline-block;width: 26%;margin: 0;border: none;border-bottom: 1px solid #b4b4b4;font-size: 1.2em;color: #333;line-height: 1.8em;outline: none;background: none;text-align: center;}
.two_mp label.two_mpl {margin: 0 0 0 4%;}
.two_mp2 {width: 100%;margin: 10px auto;background: url(../images/two_001.jpg) center no-repeat;background-size: 100% 100%;padding: 15px 0 12px;text-align: center;font-size: 1.4em;color: #442d21;line-height: 1.4em;font-weight: bold;font-family: "宋体";border-radius: 12px;}
.two_mp2 span {font-size: .8em;font-weight: normal;color: #956951;display: block;}
.two_mp3 {width: 80%;margin: 0 auto;font-size: 1.2em; color: #333;line-height: 2.2em;}
.two_mp3 label {width: 45%;display: inline-block;text-align: right;margin: 0;color: #333;}
.two_mp3 input {display: inline-block;width: 46%;margin: 0;border: none;border-bottom: 1px solid #b4b4b4;font-size: 1em;color: #333;line-height: 1.8em;outline: none;background: none;text-align: center;}

.form_bot {width: 94%;margin: 0 auto;text-align: center;font-size: 1.1em;color: #84442d;line-height: 1.8em;}
.form_bot span a {color: #84442d;}
.form_bot label {display: inline-block;}
.form_bot label input {display: inline-block; width: 1.2em; height: 1.2em; background: #ffae6e; border: none; vertical-align: top; margin: .4em 0 0; position: relative;}
.form_bot label input[type=checkbox]::before {position: absolute; content: ""; top: -1px; left: -1px; background: #ffae6e; width: 100%; height: 100%; border: 1px solid #514e4e; border-radius: 2px;}
.form_bot label input[type=checkbox]:checked::before {position: absolute; content: "\2713"; top: -1px; left: -1px; width: 100%; height: 100%; border: 1px solid #514e4e; border-radius: 2px; color: #514e4e; line-height: 1.2em; font-weight: bold; text-align: center; background: #ffae6e;}

.three {width: 100%;margin: 0 auto;background: url(../images/three_bg.jpg) center no-repeat;background-size: 100% 101%;padding: 10px 0 20px;}
.three_a {display: block;width: 62%;margin: 0 auto;background: url(../images/botton_bg.png) center no-repeat;background-size: 100% 100%;font-size: 1.3em;color: #fcffab;line-height: 2.5em;padding: 0 0 .6em;text-align: center;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;position: relative;display: none;}
.four_img {width: 100%;margin: 0 auto;}
.four_img img {display: block;width: 100%;height: auto;margin: 0 auto;}
.four_m {width: 64%;position: absolute;left: 18%;top: 38.5%;}
.four_mp {width: 100%;margin: 0 auto 10px;padding: .6em 0;background: url(../images/two_001.jpg) center no-repeat;background-size: 100% 100%;text-align: center;font-size: 1.3em;color: #442d21;line-height: 1.6em;border-radius: 12px;font-family: "宋体";}
.four_mp b {font-size: 1.2em;}
.four_mp2 {width: 80%;margin: 0 auto;font-size: 1.5em;color: #333;line-height: 2.6em;font-weight: bold;font-family: "宋体";border-bottom: 1px solid #d6d6d6;text-align: center;}
.four_mp2 img {display: inline-block;width: auto;height: 1em;vertical-align: top;margin: .8em 5px 0 0;}
.four_mp2 span {color: #e43232;}
#tarPic {width: 100%; position: fixed; top: 0; left: 0;}

.five {width: 100%;margin: 0 auto;background: url(../images/five_bg.jpg) center no-repeat;background-size: 100% 100%;position: relative;}
.five img {display: block;width: 100%;height: auto;margin: 0 auto;}
.five_img {width: 89.6%;margin: 0 auto;}
.five_img2 {width: 89.6%;position: absolute;left: 5.5%;top: 0;animation: shan 2s infinite linear;}
.five_p {width: 30.5%;position: absolute;left: 34.75%;top: 34.75%;}
.five_p2 {width: 11%;position: absolute;left: 44.5%;top: 46%;animation: big 1.5s infinite linear;}
@keyframes shan{
	0%{opacity: 0.3;}
	50%{opacity: 1;}
	100%{opacity: 0.3;}
}
@keyframes big{
	0%{transform: scale(1);}
	50%{transform: scale(1.1);}
	100%{transform: scale(1);}
}

.six {width: 100%;margin: 0 auto;background: url(../images/six_bg.jpg) center no-repeat;background-size: 100% 100%;padding: 1.2em 0;}
.six_p {width: 100%;margin: 0 auto;text-align: center;font-size: 1.2em;color: #fff;line-height: 1.6em;}
.six_p b {color: #f7ff74;}

.seven {width: 100%;margin: 0 auto;background: url(../images/seven_bg.jpg) center no-repeat;background-size: 100% 101%;padding: 1.2em 0;}
.seven_p {width: 90%;margin: 0 auto;font-size: 1.2em;color: #fff;line-height: 2.6em;}
.seven_p img {display: inline-block;width: auto;height: .6em;vertical-align: top;margin: 1em 0 0 5px;}
.seven_p a {display: block;width: 62%;float: right;margin: 0;background: url(../images/botton_bg2.png) center no-repeat;background-size: 100% 100%;font-weight: bold;color: #fff;text-align: center;line-height: 2.7em;padding: 0 0 .15em;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;}

.eight {width: 100%;margin: 0 auto;padding: 0 0 20px;background: url(../images/eight_bg.jpg) center no-repeat;background-size: 100% 100%;}
.eight_m {width: 85%;margin: 0 auto;padding: 3%;background: #ff7639;border-radius: 12px;}
.eight_p {width: 100%;margin: 0 auto;text-align: center;font-size: 1.5em;color: #fff;line-height: 1.6em;font-weight: bold;}
.eight_p img {display: inline-block;width: auto;height: .4em;vertical-align: top;margin: .65em 10px 0;}
.eight_txt {width: 92%;padding: 4%;margin: 8px auto 0;background: #fff;border-radius: 12px;}
.eight_tp {display: inline-block;padding: 0 1.2em;background: #ffe9e8;font-size: 1.3em;color: #eb4441;line-height: 2em;border-radius: 1em;margin: 0 0 5px;font-weight: bold;}
.eight_tp2 {width: 100%;margin: 0 auto;font-size: 1.2em;color: #444;line-height: 1.6em;}
.eight_tp2 span,.eight_tp2 b {color: #eb4441;}
.eight_tp2 img {width: 40%;float: right;margin: 0 0 0 3%;}
.eight_tp3 {margin: 15px 0 5px;}


.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;padding: 0 0 20px;z-index: 9;display: none;border-radius: 20px;position: fixed;top: 50%;left: 50%;border-bottom: 4px solid #fc6140;-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: 1.8em;position: absolute;top: -2.4em;right: 0;}
.popup_p {width: 100%;text-align: center;background: url(../images/popup_001.png) center bottom no-repeat;background-size: auto 100%;font-size: 1.5em; color: #fff;line-height: 2em;font-weight: bold;padding: 0 0 .4em;}
.popup_m {width: 100%;margin: 15px auto 0;}
.actRules_m {height: 33em;overflow-y: scroll;}
.popup_mp {width: 36%;text-align: center;margin: 0;font-size: 1.1em;color: #fff;line-height: 1.8em;background: #fd8347;background: linear-gradient(to right, #fd8347, #fc453b);border-radius: 0 1em 1em 0;}
.popup_mt {width: 90%;margin: 5px auto;}
.popup_mp2 {width: 100%;margin: 0 auto;font-size: 1.1em;color: #333;line-height: 1.6em;}
.popup_mp2 span {color: #f34b2a;}
.popup_mp3 {width: 90%;margin: 10px auto 0;font-size: 1.2em;color: #4c4c4c;line-height: 1.6em;text-align: center;}
.popup_mp3 b {color: #f34b2a;}
.popup_mp4 {width: 90%;margin: 10px auto 0;font-size: 1.3em;color: #333;line-height: 1.6em;text-align: center;}
.popup_mp4 b {color: #f34b2a;display: block;}
.popup_mk {width: 56%;margin: 10px auto 0;font-size: 1.3em;color: #f34b2a;line-height: 2.2em;text-align: center;background: #fbebe8;border-radius: 5px;position: relative;display: none;}
.popup_mp5 {width: 100%;position: absolute;left: 0;bottom: 2.2em;padding: 8px 0;background: #fbebe8;border-radius: 5px;display: none;}
.popup_mp5 span {display: block;width: 70%;margin: 0 auto;border-bottom: 1px dashed #f34b2a;line-height: 2.6em;cursor: pointer;}
.popup_mimg {width: 45%;padding: 2%;background: #fff;margin: 10px auto 0;border: 1px solid #ccc;}
.popup_mimg img {width: 100%;height: auto;margin: 0 auto;display: block;}
.popup_mimg2 {width: 82%;margin: 0 auto;}
.popup_ma {display: block;width: 60%;text-align: center;margin: 15px auto 0;background: #fc453b;background: linear-gradient(to right, #fd8347, #fc453b);font-size: 1.3em;color: #fff;line-height: 2em;border-radius: 1em;}

#actEnd .popup_p,#noBegin .popup_p {background: url(../images/popup_002.png) center no-repeat;background-size: auto 100%;}
#prize .popup_m .popup_ma,#myprize .popup_m .popup_ma {width: 80%;}
#study .popup_m .popup_mt {margin: 0 auto;}
#study .popup_m .popup_mt .popup_mp2 {font-size: 1.2em;}

/*填写收货地址*/
.addressbox {width: 80%;background: #fff;padding: 0 0 20px;z-index: 9;display: none;border-radius: 20px;position: fixed;top: 50%;left: 50%;border-bottom: 4px solid #fc6140;-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.addressbox .close {display: block;width: 2.2em;position: absolute;top: -2.8em;right: 0;}
.addressbox h3 {width: 100%;text-align: center;background: url(../images/popup_001.png) center bottom no-repeat;background-size: auto 100%;font-size: 1.5em; color: #fff;line-height: 2.2em;font-weight: bold;padding: 0 0 .4em;}
.addressbox .form-inline {width: 90%; margin: 10px auto 0;}
.addressbox .form-inline ul {width: 100%; margin: 0 auto;}
.addressbox .form-inline ul li {width: 100%; margin: 0 auto; padding: 4px 0;}
.addressbox .form-inline ul label {width: 100%; font-size: 1.2em; color: #333; line-height: 1.8em;}
.addressbox .form-inline ul em {color: #f34b2a; font-style: normal;}
.addressbox .form-inline ul li input {width: 94%; height: 1.6em; margin: 0 auto; background: #fff; border: solid 1px #dfd6d4; font-size: 1.2em; color: #333; line-height: 1.6em; padding: .2em 3%;}
.addressbox .form-inline ul li .form-group {width: 32%; float: left; margin-right: 1%;}
.addressbox .form-inline ul li .form-group:last-child {width: 34%; margin-right: 0;}
.addressbox .form-inline ul li select {width: 97%; height: 2em; background: #fff; border: solid 1px #dfd6d4; font-size: 1.2em; color: #333; line-height: 1.6em; padding: .2em 3%;}
.addressbox >p {width: 90%; margin: 10px auto 0; font-size: 1.1em; color: #666; line-height: 1.6em;}
.addressbox >p em {color: #f34b2a;}
.addressbox .sureBtn {width: 100%; margin: 10px auto 0;}
.addressbox .sureBtn a {display: block;width: 85%;margin: 10px auto 0;background: url(../images/botton_bg.png) center no-repeat;background-size: 100% 100%;text-align: center;font-size: 1.3em;color: #fff;line-height: 2.4em;padding: 0 0 .35em;}


@media only screen and (min-width:990px) {
html {max-width: 750px;margin: 0 auto;}
body {font-size: 18px;}
.popup {width: 520px;}
.one_li2 {margin: 6% 1.5% 0;}
.ban_a3 {width: 26%;}
}