html,body,h1,h2,h3,h4,h5,h6,img,p,span,a,div,ol,ul,li,dl,dt,dd,table,tbody,tfoot,thead,tr,th,td,input,textarea, form,article,aside,details,figcaption,figure,footer,header,hgroup,nav,section ,input{ margin: 0; padding: 0; font-family: 'Heiti SC', 'Microsoft YaHei'; -webkit-tap-highlight-color: rgba(0,0,0,0); color: #232323;box-sizing: border-box;}
body { background: #fff; -webkit-text-size-adjust: none; width: 100%;height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body { margin: 0; -webkit-user-select: none; position: relative;}
html { height: 100%; width: 100%;  font-size: 100px; outline: 0; -webkit-text-size-adjust:none;}
input{-webkit-border-radius: 0;border-radius: 0; appearance:none;-moz-appearance:none; -webkit-appearance:none;outline: 0;border: none;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
a{text-decoration: none;}
button{border: none;outline: 0;}
body{font-family: "微软雅黑";}
section{display: block;}
ul,li{list-style: none;}
h1,h2,h3,h4,h5,h6{font-style: normal;}
img{max-width: 100%;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #c4c4c4;}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset;
}

.lf{float:left;}
.rf{float:right;}
.clearfix {zoom:1;}
.clearfix:after{content:'.'; display:block; visibility:hidden; clear:both; height:0;}
.hide{display: none !important;}
.text-center{text-align: center;}
.box-center{display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;}
.bgSize{background-size: 100% 100%;background-repeat: no-repeat;}
.margin-auto{margin: 0 auto;}

.pageContainer{max-width: 7.5rem;margin: 0 auto;}
header{position: relative;height: 0.88rem;background: #fff;}
.logo{width: 3.28rem;height: 0.57rem;background: url(../images/logo.png) no-repeat;background-size:100% 100%;position: absolute;left: 0.2rem;top: 0.16rem;}
.back{display: block;width: 1.4rem;height: 0.58rem;line-height: 0.58rem;text-align: center;font-size: 0.24rem;color: #666;border: 1px solid #666;border-radius: 0.08rem;position: absolute;right: 0.2rem;top: 0.15rem;}

.banner{width: 7.5rem;height: 6.01rem;background-image: url(../images/banner.png);padding-top: 0.38rem;}
.img1_1{width: 7.5rem;height: 3.88rem;background-image: url(../images/img1_1.png);}
.img1_2{width: 5.33rem;height: 0.62rem;background-image: url(../images/img1_2.png);font-size: 0.33rem;color: #ffe983;padding-top: 0.08rem;margin: 0 auto;text-align: right;padding-right: 0.4rem;}

.sec01{height: 2.85rem;background-image: url(../images/sec01.png);}
.timeout{height: 2.25rem;background-image: url(../images/timeout.png);position: relative;}
.timeoutTit{line-height: 0.49rem;color: #c24321;font-size: 0.24rem;font-weight: bold;width: 100%;text-align: center;position: absolute;top: 0;left: 0;}
.timeout span{display: block;width: 1rem;height: 1.32rem;line-height: 1.32rem;font-size: 0.72rem;color: #fa4d18;font-weight: bold;position: absolute;top: 0.59rem;text-align: center;}
.timeout span.time1{left: 0.7rem;}
.timeout span.time2{left: 2.2rem;}
.timeout span.time3{left: 3.88rem;}
.timeout span.time4{left: 5.39rem;}

.sec02{background: #df3a38 url(../images/sec02.png) no-repeat;padding: 0 0.2rem;background-size: 100% auto;}
.tit{height: 0.57rem;line-height: 0.57rem;color: #fff7dd;font-size: 0.46rem;font-weight: bold;text-align: center;}
.tit span{display: inline-block;width: 0.21rem;height: 0.2rem;}
.heart_l{background-image: url(../images/heart_l.png);margin-right: 0.08rem;vertical-align: 0.2rem;}
.heart_r{background-image: url(../images/heart_r.png);margin-left: -0.03rem;vertical-align: 0.1rem;}
.p2_1{line-height: 0.32rem;color: #ffefbb;font-size: 0.24rem;padding: 0.14rem 0 0.28rem;text-indent: 0.4rem;}
.p2_1 a{color: #fff601;font-size: 0.24rem;}
.giftBox{padding: 0.4rem 0 0.71rem 0;background: linear-gradient(#ffa163,#ff4040);border-radius: 0.21rem;box-shadow: 0.04ren 0.07rem 0 0 rgba( 232, 67, 57 ,0.75);position: relative;}

#giftSwiper .swiper-slide{padding: 0 0.55rem;}
.giftPrev,.giftNext{width: 0.5rem;height: 0.54rem;background-color: rgba(0,0,0,0.52);position: absolute;top: 3.3rem;background-repeat: no-repeat;background-position: 0.15rem 0.1rem;z-index: 2;}
.giftPrev{background-image: url(../images/prev.png);left: 0.06rem;background-size: 0.22rem 0.36rem;}
.giftNext{background-image: url(../images/next.png);right: 0.06rem;background-size: 0.19rem 0.33rem;}
.giftRow1{margin-bottom: 0.16rem;}
.gift_l,.gift_l p{width: 2.8rem;}
.giftFrame{width: 2.8rem;height: 2.73rem;background-image: url(../images/giftBox.png);}
.giftBox p{line-height: 0.67rem;color: #fff;font-size: 0.24rem;text-align: center;}
.giftFrame img{display: block;}
.gift1{width: 2.33rem;}
.gift2{width: 1.46rem;}
.gift3{width: 2.18rem;}
.gift4{width: 2.45rem;}
.gift5{width: 1.92rem;}
.gift6{width: 1.8rem;}
.gift7{width: 1.34rem;}
.gift8{width: 2.28rem;}
.gift9{width: 1.68rem;}
.gift10{width: 1.63rem;}
.gift11{width: 2.17rem;}
.gift12{width: 1.82rem;}
.giftPage{height: 0.15rem;text-align: center;margin-top: 0.1rem;}
.giftPage span{width: 0.15rem;height: 0.15rem;background: rgba(255,255,255,0.5);margin: 0 0.1rem;vertical-align: 100%;}
.giftPage span.swiper-pagination-bullet-active{background: rgba(255,255,255,1);}
.inputBox{padding: 0.4rem 0.24rem 0 0.24rem;}
.inputBox .inp{height: 0.89rem;position: relative;}
.inp input{height: 0.89rem;width: 100%;font-size: 0.3rem;background: #fff;border-radius: 6px;padding-left: 0.32rem;position: absolute;top: 0;left: 0;border: 1px solid #fed44a;}
.inpHalf input{width: 3.97rem;}
.error{height: 0.51rem;color: #ffd800;font-size: 0.3rem;line-height: 0.51rem;padding-left: 0.1rem;}
.error i{display: inline-block;width: 0.28rem;height: 0.28rem;margin-right: 0.05rem;background: url(../images/ico_error.png) no-repeat;background-size: 100% 100%;vertical-align: -2px;}
.codeBox{width: 2.16rem;height: 0.88rem;position: absolute;top: 0;right: 0;}
.imgCode{height: 0.96rem;top: -0.04rem;}
.imgCode img{display: block;width: 100%;height: 100%;}
.telCode{background: #fbe56e;}
.telCode input{width: 100%;height: 100%;color: #ff3837;text-align: center;border: 0;border-radius: 0;background: none;padding-left: 0;}
.btn1{display: block;width: 6.18rem;height: 0.93rem;background-image: url(../images/btn1.png);text-align: center;padding-bottom: 0.05rem;line-height: 0.88rem;color: #ff3837;font-size: 0.32rem;font-weight: bold;margin: 0.2rem auto 0;}

.sec03{height: 9.43rem;padding: 0 0.2rem;background-image: url(../images/sec03.png);padding-top: 0.5rem;}
.giftBox03{padding: 0.36rem 0 0.5rem 0;}
.mt42{margin-top: 0.42rem;}
.awardRow{padding: 0 0.41rem;}
.awardBox{width: 3.08rem;height: 3.31rem;background-image: url(../images/awardBox.png);padding: 0.08rem 0.14rem 0.16rem 0.09rem;}
.awardImg{height: 2.32rem;}
.awardImg img{display: block;width: 2.67rem;}
.awardImg .awardImg1{width: 2.5rem;}
.awardRow p{line-height: 0.75rem;color: #fffec6;font-size: 0.24rem;font-weight: bold;}

.sec04{padding-top: 0.58rem;background: #ff4442;padding-bottom: 0.73rem;}
.investBox{width: 6.94rem;height: 7.33rem;background-image: url(../images/investBox.png);margin: 0.37rem auto 0;padding: 0 0.55rem;}
.inv_tit{color: #555555;font-size: 0.4rem;line-height: 1.41rem;}
.zs{width: 1.51rem;height: 0.52rem;background-image: url(../images/zs.png);text-align: center;margin: 0.36rem auto 0;color: #f97537;line-height: 0.52rem;font-size: 0.3rem;}
.inv_rate{color: #f97537;font-size: 1.2rem;font-weight: bold;margin-top: 0.47rem;line-height: 1.54rem;}
.inv_tip{color: #9e9d9d;font-size: 0.24rem;line-height: 0.24rem;}
.inv_txt{margin-top: 0.55rem;}
.inv_txt div{color: #454444;font-size: 0.24rem;}
.ico_inv1{display: inline-block;background-image: url(../images/inv_ico1.png);width: 0.25rem;height: 0.28rem;margin-right: 0.07rem;vertical-align: -2px;}
.ico_inv2{display: inline-block;background-image: url(../images/inv_ico2.png);width: 0.31rem;height: 0.27rem;margin-right: 0.08rem;vertical-align: -2px;}
.inv_btn{border-radius: 0.1rem;background-color: rgb( 249, 117, 55 );display: block;width: 100%;height: 0.85rem;line-height: 0.85rem;font-size: 0.4rem;color: #fff;text-align: center;margin-top: 0.5rem;}

.sec05{background: #df3a38;padding-top: 0.61rem;padding-bottom: 0.4rem;}
.abc{width: 7.17rem;height: 1.71rem;background-image: url(../images/abc.png);margin: 0.4rem auto 0.6rem;}
.txt_bot{font-size: 0.2rem;color: #fff;line-height: 0.44rem;}


footer{padding: 0.19rem 0 0.13rem 0;background: #eae9ff;display: -webkit-box;}
.footer1{height: 0.9rem;width: 2.9rem;text-align: center;padding: 0.12rem 0 0.18rem 0;}
.footer1 p{color: #7a7a7a;font-size: 0.18rem;line-height: 0.3rem;}
.footer2{padding: 0.17rem 0 0.2rem 0.68rem;width: 2.69rem;height: 0.9rem;background: url(../images/ico_f.png) 0.14rem 0.21rem no-repeat;border-left: 1px solid #bbb;border-right: 1px solid #bbb;background-size: 0.46rem 0.43rem;}
.footer2 .p1{font-size: 0.24rem;color: #7a7a7a;line-height: 0.29rem;}
.footer2 .p2{font-size: 0.14rem;color: #7a7a7a;line-height: 0.24rem;}
.footer3{padding: 0.15rem 0 0 0.31rem;}
.footer3 a{display: block;width: 1.4rem;height: 0.58rem;text-align: center;line-height: 0.58rem;font-size: 0.24rem;color: #666;border: 1px solid #666;border-radius: 8px;}
.footer_gray{background: #fff;}
.footer_gray .footer1 p{color: #797a7a;}
.footer_gray .footer2{border-left: 1px solid #bcbbbb;border-right: 1px solid #bcbbbb;}
.footer_gray .footer2 .p1{color: #797a7a;}
.footer_gray .footer2 .p2{color: #797a7a;}

.ani1{-webkit-animation: ani1 0.7s 0.4s ease-out both;}
@-webkit-keyframes ani1{
	0%{-webkit-transform: scale(0,0);}
	60%{-webkit-transform: scale(1.2,1.2);}
	100%{-webkit-transform: scale(1,1);}
}
.ani2{-webkit-animation: ani2 0.5s 1s ease-out both;}
@-webkit-keyframes ani2{
	0%{-webkit-transform: translate(0,30px);opacity: 0;}
	100%{-webkit-transform: translate(0,0);opacity: 1;}
}