/*! Project:31614, Create:xia 2017.12.28 11:10, Update:xia 2018.01.18 09:56 */
@charset "UTF-8";
html{_background-image:url(about:blank);_background-attachment:fixed}
input{padding:0;border:0 solid transparent;margin:0}
input:focus{outline:0}
input::-moz-focus-inner{border:0}
button,input,select,textarea{outline:0;padding:0;border:none;margin:0}
textarea{resize:none}
li{vertical-align:bottom;list-style:none}
em,i{font-style:normal}
a{cursor:pointer;blr:expression(this.onFocus=this.blur());outline:0;text-decoration:none}
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:normal!important}
img{width:100%;height:auto}
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:inherit;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}
elements-of-type(html5-block){display:block}
html{_background-image:url(about:blank);_background-attachment:fixed}
input{padding:0;border:0 solid transparent;margin:0}
input:focus{outline:0}
input::-moz-focus-inner{border:0}
button,input,select,textarea{outline:0;padding:0;border:none;margin:0}
textarea{resize:none}
li{vertical-align:bottom;list-style:none}
em,i{font-style:normal}
a{cursor:pointer;blr:expression(this.onFocus=this.blur());outline:0;text-decoration:none}
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:normal!important}
img{width:100%;height:auto}
html{max-width:750px;margin:0 auto;font-size:625%;height:100%}
body{position:relative;max-width:750px;margin:0 auto;font-family:"微软雅黑","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.12rem;line-height:1.5;height:100%;background:#0446a8}
body,html{height:100%}
.swiper-container{width:100%;height:100%}
.swiper-slide{overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.page_cnt{position:relative;min-height:100%}
.wrap{-webkit-tap-highlight-color:transparent;position:relative;margin:0 auto}
.wrap1{background:url(../images/bg1.jpg) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}
.wrap2{background:url(../images/bg2.jpg) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}
.wrap3{background:url(../images/bg2.jpg) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}
.wrap4{background:url(../images/bg2.jpg) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}
.code-copy{margin-left:.04rem;text-decoration:underline;cursor:pointer}
.clearMargin{margin-right:0!important}
.hortips{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:1001;width:100%;height:100%;background-color:#222;color:#fff;font-size:.2rem}
.hortips .tips{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}
#pop{display:none}
#pop .layer{z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6}
#pop .msg{position:fixed;left:50%;top:50%;position:absolute;left:50%;top:50%;margin-left:-1.775rem;margin-top:-1.21rem;z-index:1000}
#pop .msg-close{position:absolute;top:.375rem;right:.2rem}
header{position:fixed;top:0;left:0;width:100%;height:.64rem;background:#07235b;z-index:20}
header .logo{position:absolute;top:.075rem;left:.075rem;width:.48rem;height:.48rem;background:url(../images/logo.png) no-repeat;-webkit-background-size:.48rem auto;background-size:.48rem auto;font-size:0}
header span:nth-child(1){position:absolute;top:.15rem;left:.65rem;height:.18rem;line-height:.18rem;font-size:.18rem;color:#fff}
header span:nth-child(2){position:absolute;bottom:.125rem;left:.65rem;height:.12rem;line-height:.12rem;font-size:.12rem;color:#fff}
header .header-downBtn{position:absolute;top:.11rem;right:.1rem;width:.9rem;height:.315rem;background:#0747aa;border:.01rem solid #33aefc;-webkit-border-radius:.02rem;border-radius:.02rem;font-size:.15rem;color:#fff;text-align:center;line-height:.335rem;text-decoration:none}
.linkBox{position:absolute;bottom:32%;width:100%;height:.54rem;zoom:1}
.linkBox:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.linkBox a{font-size:0}
.linkBox .officialBtn{float:left;width:.295rem;height:.54rem;background:url(../images/btn1.png) no-repeat;-webkit-background-size:.295rem auto;background-size:.295rem auto;display:inline-block}
.linkBox .bbsBtn{float:right;width:.295rem;height:.54rem;background:url(../images/btn2.png) no-repeat;-webkit-background-size:.295rem auto;background-size:.295rem auto;display:inline-block}
.linkBox-code{display:none;position:absolute;top:-1.2rem;right:0rem;width:1.075rem;height:1.075rem;background:#fff;padding:.05rem;border:.015rem solid #14b5ff}
.videoBtn{position:absolute;bottom:-.14rem;left:.56rem;width:.445rem;height:.445rem;background:url(../images/video.png) no-repeat;-webkit-background-size:.445rem auto;background-size:.445rem auto}
.videoBtn-tr{position:absolute;bottom:0rem;left:.74rem;width:.16rem;height:.16rem;background:url(../images/tr.png) no-repeat;-webkit-background-size:.16rem auto;background-size:.16rem auto}
@-webkit-keyframes rotation{
    0%{-webkit-transform:rotate(0);transform:rotate(0)}
    50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes rotation{
    0%{-o-transform:rotate(0);transform:rotate(0)}
    50%{-o-transform:rotate(180deg);transform:rotate(180deg)}
    100%{-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotation{
    0%{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
    50%{-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
    100%{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
.rotate{-webkit-animation:rotation 3s linear infinite;-o-animation:rotation 3s linear infinite;animation:rotation 3s linear infinite}
.next{position:absolute;bottom:1.5%;left:50%;width:.305rem;height:.25rem;margin-left:-.1525rem;background:center 100% url(../images/next.png) no-repeat;-webkit-background-size:.3rem .3rem;background-size:.3rem;-webkit-animation:next 1s ease-out 0s normal infinite;-o-animation:next 1s ease-out 0s normal infinite;animation:next 1s ease-out 0s normal infinite}
@-webkit-keyframes next{
    0%,100%,20%,50%,80%{background-position:center 90%}
    40%{background-position:center 0}
    60%{background-position:center 30%}
}
@-o-keyframes next{
    0%,100%,20%,50%,80%{background-position:center 90%}
    40%{background-position:center 0}
    60%{background-position:center 30%}
}
@keyframes next{
    0%,100%,20%,50%,80%{background-position:center 90%}
    40%{background-position:center 0}
    60%{background-position:center 30%}
}
.up-down{-webkit-animation:next 2s ease 0s normal both infinite;-o-animation:next 2s ease 0s normal both infinite;animation:next 2s ease 0s normal both infinite}
.invitationBtn{margin-top:.6rem;margin-left:.25rem;width:1.405rem;height:.73rem;background:url(../images/btn3.png) no-repeat;-webkit-background-size:1.405rem auto;background-size:1.405rem auto;display:inline-block;font-size:0}
.helpBtn{position:relative;top:-.12rem;margin-left:.235rem;width:1.135rem;height:.73rem;background:url(../images/btn4.png) no-repeat;-webkit-background-size:1.135rem auto;background-size:1.135rem auto;display:inline-block;font-size:0}
.title{font-size:0}
.title-1{margin:.9rem auto 0;width:3.725rem;height:.235rem;background:url(../images/title1.png) no-repeat;-webkit-background-size:3.725rem auto;background-size:3.725rem auto}
.title-2{margin:.9rem auto 0;width:3.725rem;height:.23rem;background:url(../images/title2.png) no-repeat;-webkit-background-size:3.725rem auto;background-size:3.725rem auto}
.title-3{margin:.9rem auto 0;width:3.725rem;height:.23rem;background:url(../images/title3.png) no-repeat;-webkit-background-size:3.725rem auto;background-size:3.725rem auto}
.btnBox{margin:.1rem auto 0;width:3rem;height:.73rem;line-height:.73rem}
.btnBox-btn{font-size:0}
.btnBox-btn-invite{width:1.405rem;height:.73rem;background:url(../images/btn3.png) no-repeat;-webkit-background-size:1.405rem auto;background-size:1.405rem auto;display:inline-block}
.btnBox-btn-help{margin-left:.45rem;width:1.135rem;height:.73rem;background:url(../images/btn4.png) no-repeat;-webkit-background-size:1.135rem auto;background-size:1.135rem auto;display:inline-block}
.tip{padding:0 .025rem;padding-top:.25rem;width:100%;text-align:center;font-size:.12rem;color:#fff}
.tip-y{font-size:.12rem;color:#fdff47}
.tip-o{font-size:.12rem;color:#ffc047}
.giftBox{margin:.35rem auto 0;zoom:1;text-align:center}
.giftBox:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.giftBox-gift{float:left;margin:0 .1rem;width:1.05rem;height:1.335rem}
.giftBox-gift-1{background:url(../images/g1.png);-webkit-background-size:1.05rem 1.335rem;background-size:1.05rem 1.335rem}
.giftBox-gift-1-on{display:none;background:url(../images/g1-on.png);-webkit-background-size:1.05rem 1.335rem;background-size:1.05rem 1.335rem}
.giftBox-gift-1-over{display:none;background:url(../images/g1-over.png);-webkit-background-size:1.05rem 1.335rem;background-size:1.05rem 1.335rem}
.giftBox-gift-2{background:url(../images/g2.png);-webkit-background-size:1.05rem 1.335rem;background-size:1.05rem 1.335rem}
.giftBox-gift-2-on{display:none;background:url(../images/g2-on.png);-webkit-background-size:1.05rem 1.335rem;background-size:1.05rem 1.335rem}
.giftBox-gift-2-over{display:none;background:url(../images/g2-over.png);-webkit-background-size:1.05rem 1.335rem;background-size:1.05rem 1.335rem}
.giftBox-gift-3{background:url(../images/g3.png);-webkit-background-size:1.05rem 1.335rem;background-size:1.05rem 1.335rem}
.giftBox-gift-3-on{display:none;background:url(../images/g3-on.png?v=2018);-webkit-background-size:1.05rem 1.335rem;background-size:1.05rem 1.335rem}
.giftBox-gift-3-over{display:none;background:url(../images/g3-over.png);-webkit-background-size:1.05rem 1.335rem;background-size:1.05rem 1.335rem}
.giftBox-li--on1 .giftBox-gift{display:none}
.giftBox-li--on1 .giftBox-gift-1-on{display:block!important}
.giftBox-li--on2 .giftBox-gift{display:none}
.giftBox-li--on2 .giftBox-gift-2-on{display:block!important}
.giftBox-li--on3 .giftBox-gift{display:none}
.giftBox-li--on3 .giftBox-gift-3-on{display:block!important}
.giftBox-li--over1 .giftBox-gift{display:none}
.giftBox-li--over1 .giftBox-gift-1-over{display:block!important}
.giftBox-li--over2 .giftBox-gift{display:none}
.giftBox-li--over2 .giftBox-gift-2-over{display:block!important}
.giftBox-li--over3 .giftBox-gift{display:none}
.giftBox-li--over3 .giftBox-gift-3-over{display:block!important}
/*样式调整一行*/
.ruleBox{margin:.4rem auto 0;width:3.555rem;background:url(../images/rule-bg.png) no-repeat;-webkit-background-size:3.555rem 100%;background-size:3.555rem auto;font-size:.06rem;color:#fff;overflow:hidden;padding-bottom: 0.06rem;}
.ruleBox-txt{margin:.3rem auto 0;width:3.22rem}
.slideBox{position:relative;margin:.19rem auto 0;width:3.5rem;}
.slideBox-img{width:1.715rem;height:2.57rem}
.swiper-button-prev{width:.215rem!important;height:.365rem!important;background:url(../images/left.png)!important;-webkit-background-size:.215rem .365rem!important;background-size:.215rem .365rem!important}
.swiper-button-next{width:.215rem!important;height:.365rem!important;background:url(../images/right.png)!important;-webkit-background-size:.215rem .365rem!important;background-size:.215rem .365rem!important}
.iocn-role{margin:.05rem auto 0;width:3.75rem;height:1.975rem;background:url(../images/icon-role.png) no-repeat;-webkit-background-size:3.75rem auto;background-size:3.75rem auto;display:block}
.cartBox{margin:.115rem auto 0;width:3.4rem}
.cartBox-li{float:left;width:1.495rem;height:1.115rem;margin-right:.3rem;margin-bottom:.15rem}
@-webkit-keyframes pulse{
    0%{-webkit-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}
@-o-keyframes pulse{
    0%{-o-transform:scale(1);transform:scale(1)}
    50%{-o-transform:scale(1.1);transform:scale(1.1)}
    100%{-o-transform:scale(1);transform:scale(1)}
}
@keyframes pulse{
    0%{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
    100%{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
.pulse{-webkit-animation:pulse 1.5s infinite;-o-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite}
.msg-base{position:fixed;left:50%;top:50%;width:3.6rem;height:2rem;margin-left:-1.8rem;margin-top:-.925rem;_position:absolute;_top:expression(eval((document.compatMode && document.compatMode=="CSS1Compat") ? document.documentElement.scrollTop + documentElement.clientHeight * .5: document.body.scrollTop + document.body.clientHeight * .5));z-index:1000}
@media screen and (max-device-width:330px){
    .ruleBox-txt{margin:.25rem auto 0!important;line-height:1.2!important}
}
.container{position:relative;margin:0 auto;width:3.1rem;height:2.57rem}
.slideBox{width:3.1rem;overflow:hidden}
.slideBox img{display:block;width:100%}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:-.25rem;top:1.42rem;width:.215rem;height:.365rem;background:url(../images/left.png);-webkit-background-size:.215rem .365rem;background-size:.215rem .365rem}
.swiper-button-next{right:-.25rem;top:1.42rem;width:.215rem;height:.365rem;background:url(../images/right.png);-webkit-background-size:.215rem .365rem;background-size:.215rem .365rem}

/*新增好友助力提示*/
.icon-friend{position:relative;margin:.05rem auto 0}
.icon-friend span{float:left;font-size:0}
.icon-friend-1{width:.87rem;height:.14rem;background:url(../images/f-1.png) no-repeat;-webkit-background-size:.87rem auto;background-size:.87rem auto;display:inline-block;margin-left:.165rem}
.icon-friend-2{width:.87rem;height:.14rem;background:url(../images/f-2.png) no-repeat;-webkit-background-size:.87rem auto;background-size:.87rem auto;display:inline-block;margin-left:.41rem}
.icon-friend-3{width:.88rem;height:.14rem;background:url(../images/f-3.png) no-repeat;-webkit-background-size:.88rem auto;background-size:.88rem auto;display:inline-block;margin-left:.36rem}