@charset "UTF-8";
/*! Project:p35271, Create:杨丽萍 2018.03.19 09:54, Update:杨丽萍 2018.03.24 10:53 */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-family:-apple-system,Tahoma,"Microsoft YaHei","WenQuanYi Micro Hei","PingFang SC",Helvetica,arial;vertical-align:baseline}
html{font-size:100px;line-height:1}
body{font-size:50px}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,td,th{text-align:left;font-weight:400;vertical-align:middle}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
h1,h2,h3,h4,h5,h6{font-weight:700}
h1{font-size:2em}
h2{font-size:1.5em}
h3{font-size:1.17em}
h4{font-size:1em}
h5{font-size:.83em}
h6{font-size:.67em}
b,strong{font-weight:700}
em,i{font-style:italic}
img{display:block;width:100%;height:auto}
html *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html :focus,html :hover{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}
textarea{resize:none}
input:focus,textarea:focus{outline:0}
::-webkit-input-placeholder{color:#999}
a{color:#fff;text-decoration:none}
a:hover{text-decoration:none}
body,html{max-width:750px;width:100%;height:100%;margin:0 auto;overflow:hidden}
body{font-size:.12rem;color:#fff}
#g-pop{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:100}
.g-aside{position:fixed;left:0;top:0;z-index:10;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:.55rem;background-color:#000}
.g-aside .m-game{margin-left:.05rem}
.g-aside .m-game .u-icon{float:left;width:.45rem;height:.45rem}
.g-aside .m-cont{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-justify-content:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-moz-align-items:flex-start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:.45rem;margin-left:.5rem}
.g-aside .u-tit{font-size:.16rem;line-height:1.5}
.g-aside .u-text{color:#d9d9d9}
.g-aside .u-btn{display:block;width:.89rem;height:.375rem;background:url(../images/btn-01.png) no-repeat center top;-webkit-background-size:100% 100%;background-size:100% 100%;margin-right:.05rem;text-align:center;font-size:.18rem;font-weight:700;line-height:.35rem;color:#2f2f2d}
.g-pop{position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:3.375rem;height:1.98rem;background:url(../images/msg.png) no-repeat center top;-webkit-background-size:100% 100%;background-size:100% 100%}
.g-pop--copy{height:1.65rem}
.g-pop .u-tit{width:.65rem;height:.24rem;margin:.1rem auto 0;background:url(../images/line.png) repeat-x left bottom;-webkit-background-size:.58rem auto;background-size:.58rem auto;text-align:center;color:#e4b248}
.g-pop .m-cont{width:3.1rem;margin:.05rem auto;line-height:1.8}
.g-pop .m-info{padding:.25rem 0;line-height:2;text-align:center;color:#e7e7e7}
.g-pop .u-btn{display:block;width:1.245rem;height:.425rem;background:url(../images/btn-02.png) no-repeat center top;-webkit-background-size:100% 100%;background-size:100% 100%;margin:0 auto;text-align:center;font-size:.18rem;font-weight:700;line-height:.425rem;color:#2f2f2d;text-shadow:1px 1px 0 #f9e589}
.g-pop .u-close{position:absolute;right:.05rem;top:.1rem;width:.22rem;height:.22rem}
.g-pop .u-close::after,.g-pop .u-close::before{content:" ";position:absolute;width:.22rem;height:.02rem;background-color:#e65932}
.g-pop .u-close::before{-webkit-transform:rotate(45deg) translate(.075rem,.075rem);-ms-transform:rotate(45deg) translate(.075rem,.075rem);-o-transform:rotate(45deg) translate(.075rem,.075rem);transform:rotate(45deg) translate(.075rem,.075rem)}
.g-pop .u-close::after{-webkit-transform:rotate(-45deg) translate(-.075rem,.075rem);-ms-transform:rotate(-45deg) translate(-.075rem,.075rem);-o-transform:rotate(-45deg) translate(-.075rem,.075rem);transform:rotate(-45deg) translate(-.075rem,.075rem)}
.swiper-container{width:100%;height:100%}
.swiper-slide{background:url(../images/bg-02.jpg) no-repeat center 0;-webkit-background-size:cover;background-size:cover;overflow:auto;-webkit-overflow-scrolling:touch}
.swiper-button-next{left:50%;right:auto;bottom:0;top:auto;width:.495rem;height:.33rem;background:url(../images/arrow.png) no-repeat center top;-webkit-background-size:100% 100%;background-size:100% 100%;margin-top:auto;margin-left:-.2475rem;-webkit-animation:swing .15s ease-out infinite alternate;-o-animation:swing .15s ease-out infinite alternate;animation:swing .15s ease-out infinite alternate}
.swiper-button-disabled{display:none}
@-webkit-keyframes swing{
    0%{-webkit-transform:translateY(0);transform:translateY(0)}
    100%{-webkit-transform:translateY(-.05rem);transform:translateY(-.05rem)}
}
@-o-keyframes swing{
    0%{-o-transform:translateY(0);transform:translateY(0)}
    100%{-o-transform:translateY(-.05rem);transform:translateY(-.05rem)}
}
@keyframes swing{
    0%{-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
    100%{-webkit-transform:translateY(-.05rem);-o-transform:translateY(-.05rem);transform:translateY(-.05rem)}
}
.page{position:relative;min-height:100%;padding-top:.7rem}
.bg{position:absolute;left:0;top:0}
.logo{position:absolute;left:0;top:.6rem;width:1.4rem}
.u-title{height:.25rem;margin:0 auto}
.u-title img{width:auto;height:100%;margin:0 auto}
.u-blue{color:#10bcf5}
.u-yellow{color:#dba73e}
.m-btns{width:2.95rem;margin:.2rem auto 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.m-btns .u-btn{display:block;width:1.245rem;height:.425rem;font:bold .17rem/.4rem "Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;text-align:center;color:#190202}
.m-btns .u-btn:nth-child(1){background:url(../images/btn-02.png) no-repeat center top;-webkit-background-size:100% 100%;background-size:100% 100%;text-shadow:1px 1px 0 #fae88b}
.m-btns .u-btn:nth-child(2){background:url(../images/btn-03.png) no-repeat center top;-webkit-background-size:100% 100%;background-size:100% 100%;text-shadow:1px 1px 0 #feab3a}
.m-ths{position:relative;width:3.06rem;height:.68rem;background:url(../images/box-01.png) no-repeat center top;-webkit-background-size:100% 100%;background-size:100% 100%;padding-top:.1rem;margin:.2rem auto 0;text-align:center;font:.14rem/1.5 "Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif}
.m-ths::before{position:absolute;left:-.36rem;top:-.35rem;width:.92rem;height:.76rem;background:url(../images/aim.png) no-repeat center top;-webkit-background-size:100% 100%;background-size:100% 100%;content:" "}
.m-rewards{width:3.4rem;margin:.15rem auto 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.m-rewards li{width:1.07rem;text-align:center;font-size:.14rem;line-height:2}
.m-rewardsInfo{width:3.36rem;height:.925rem;background:url(../images/box-02.png) no-repeat center top;-webkit-background-size:100% 100%;background-size:100% 100%;padding:.1rem;margin:.1rem auto 0;color:#b6b2ad;line-height:1.5}
.m-code{width:1.2rem;margin:.1rem auto 0;text-align:center;font-size:.15rem;line-height:1.5;color:#e3b146}
.m-gifts{width:3.35rem;margin:.1rem auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.m-gifts li{width:1.56rem;height:1.34rem;background:url(../images/giftbox.png) no-repeat center top;-webkit-background-size:100% 100%;background-size:100% 100%;padding:.03rem 0 0;margin-bottom:.15rem;overflow:hidden;color:#cecdcd}
.m-gifts li img{margin:0 auto}
.m-gifts li pre{width:100%;margin:0 auto;line-height:1.5;text-align:center}
.m-gifts .u-tit{width:86%;margin:-.1rem auto 0;border-bottom:1px #b04824 solid;font-size:.2rem;line-height:1.5;color:#e8b64c;text-align:center}
.btn-rule{display:block;width:1.575rem;height:.46rem;background:url(../images/btn-04.png) no-repeat center top;-webkit-background-size:100% 100%;background-size:100% 100%;margin:.1rem auto 0;font:bold .19rem/.45rem "Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;text-align:center;color:#190202;text-shadow:1px 1px 0 #ebbd95}
.pic-container{position:relative;width:3.35rem;height:2.7rem;margin:.15rem auto 0;overflow:hidden}
.pic-container .swiper-slide{width:1.8rem;height:100%;background:#fff}