body{ opacity:0; -webkit-animation:show .1s forwards .5s; background: #5ab1ff;}
@-webkit-keyframes show{ 100%{ opacity:1;}}

.wrapper{ margin: 0 auto; width: 7.2rem; font-size: .16rem; color: #89d1f7;}

.bg{ height: 2.6rem; background-repeat: no-repeat; background-size: 100% 100%;margin-top: -.01rem;}
.bg01{ background-image: url(../../../sdomino.boxiangyx.com/images/website/bg_071.jpg);}
.bg02{ height: 2.6rem1; background-image: url(../../../sdomino.boxiangyx.com/images/website/bg_062.jpg);}
.bg03{ background-image: url(../../../sdomino.boxiangyx.com/images/website/bg_053.jpg);}
.bg04{ height: 2.61rem; background-image: url(../../../sdomino.boxiangyx.com/images/website/bg_064.jpg);}
.bg05{ background-image: url(../../../sdomino.boxiangyx.com/images/website/bg_055.jpg);}
.bg06{ background-image: url(../../../sdomino.boxiangyx.com/images/website/bg_056.jpg);}
.bg07{ height: 2.61rem; background-image: url(../../../sdomino.boxiangyx.com/images/website/bg_057.jpg);}
.bg08{ background-image: url(../../../sdomino.boxiangyx.com/images/website/bg_058.jpg);}
.bg09{ height: 3.4rem; background-image: url(../../../sdomino.boxiangyx.com/images/website/bg_059.jpg);}
.bg10{ height: 1.81rem; background-image: url(../../../sdomino.boxiangyx.com/images/website/bg_0510.jpg);}

.itemLogo{ top: 1.14rem; left: .32rem; width: 1.45rem;}
.itemLogo img{ width: 1.45rem;}

.btnRecharge{ top: 1.14rem; right: .14rem; width: 1.19rem; height: 1.19rem; background: url(../../../sdomino.boxiangyx.com/images/website/btn_recharge.png) no-repeat; background-size: 100% 100%;
-webkit-animation: btn 1s infinite; animation: btn 1s infinite;}
@-webkit-keyframes btn {
	0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(1.1); }
	100% { -webkit-transform: scale(1); }
}

@keyframes btn {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}
.btnFacebook{ top: 2.5rem; right: 0; width: 1.26rem; height: .94rem; background: url(../../../sdomino.boxiangyx.com/images/website/ico_facebookfan.png) no-repeat; background-size: 100% 100%;}
.tipFacebook{ top: 3.4rem; right: 0.2rem; padding: .15rem; width: 2.08rem; height: .74rem; background: url(../../../sdomino.boxiangyx.com/images/website/bg_facebook.png) no-repeat; color: #fff;
font-size: .18rem; line-height: 1.3; background-size: 100% 100%; box-sizing: border-box; word-wrap:break-word;-webkit-animation: btn 1s infinite;text-align:center;}

.download{ top: 7.8rem; left: 0; width: 100%;}
.download .textHref{ display: block; margin-right: .45rem; font-size: .3rem; text-align: right; color: #ffe899; text-decoration: underline;}
.download .itemDetail{ display: flex; display: -webkit-flex; margin-top: .3rem; align-items: center; justify-content: center;}
.download .itemDetail.btnOne p{ position: relative; width: 5.48rem;}
.download .itemDetail.btnOne a{ display: block; margin: 0 auto; width: 5.48rem; height: .91rem; background-repeat: no-repeat;  background-size: 100% 100%;}
.download .btnOne .btnDownloadGoogle a{ margin-right: .17rem; background-image:url(../../../sdomino.boxiangyx.com/images/website/btn_012.png);}
.download .btnOne .btnDownload a{ background-image:url(../../../sdomino.boxiangyx.com/images/website/btn_02_2.png);}
.download .itemDetail.btnTwo p{ position: relative; width: 2.6rem;}
.download .itemDetail.btnTwo a{ display: block; margin: 0 auto; width: 2.6rem; height: .83rem; background-repeat: no-repeat;  background-size: 100% 100%;}
.download .btnTwo .btnDownloadGoogle a{ margin-right: .17rem; background-image:url(../../../sdomino.boxiangyx.com/images/website/btn_01_1.png);}
.download .btnTwo .btnDownload { margin-left: .2rem;}
.download .btnTwo .btnDownload a{ background-image:url(../../../sdomino.boxiangyx.com/images/website/btn_02_1.png);}
.download .btnDownload i{ position: absolute; top: -.2rem; right: -.2rem; width: .53rem; height: .53rem; background: url(../../../sdomino.boxiangyx.com/images/website/ico_start2.png) no-repeat; text-align: center; line-height: .53rem; color: #FFE899; 
background-size: 100% 100%;}
.download .itemDetail p span{ display: block; font-size: .26rem; color: #fff5cd; text-align: center;}
.download .downloadRule{ margin-top: .3rem; font-size: .26rem; color: #94efe9; line-height: 1.4;}
.download .downloadRule .itemTitle{ font-size: .28rem; text-align: center;}
.download .downloadRule .itemTitle span{ margin: 0 .05rem; color: #faf28f; font-weight: bold;}
.download .downloadRule .itemText{ margin-left: .55rem;}
.download .downloadRule .itemText span{ float: left; margin-top: .07rem; margin-right: .1rem; width: .24rem; height: .24rem; font-size: .22rem; color: #0d5652; text-align: center; line-height: .24rem; 
background: #59b19a; border-radius: 50%;
background: -moz-linear-gradient(top,  #59b19a 0%, #3d8e9c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59b19a), color-stop(100%,#3d8e9c));
background: -webkit-linear-gradient(top,  #59b19a 0%,#3d8e9c 100%);
background: -o-linear-gradient(top,  #59b19a 0%,#3d8e9c 100%);
background: -ms-linear-gradient(top,  #59b19a 0%,#3d8e9c 100%);
background: linear-gradient(to bottom,  #59b19a 0%,#3d8e9c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59b19a', endColorstr='#3d8e9c',GradientType=0 );
}

.swiper-container { margin-top: .24rem; width: 6.58rem; height: 3.62rem; border-radius: .3rem;}
.swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;
-webkit-align-items: center; align-items: center;}
.swiper-pagination{ bottom: -.35rem; width: 100%; text-align: center;}
.swiper-pagination-bullet{ margin-right: .2rem; width: .26rem; height: .26rem; background:url(../../../sdomino.boxiangyx.com/images/website/ico_list.png) no-repeat; background-size: cover; opacity: 1;}
.swiper-pagination-bullet-active{ background-image: url(../../../sdomino.boxiangyx.com/images/website/ico_listOn.png);}
.banner{ top: 13.6rem; left: 0; width: 7.2rem; height: 4.28rem; background: url(../../../sdomino.boxiangyx.com/images/website/bg_swiper.png) no-repeat; background-size: 100% 100%;}
.banner .swiper-slide img{ height: 3.62rem;}

.news{ top: 19.5rem; left: 50%; margin-left: -3.61rem; padding-top: .2rem; width: 7.23rem; height: 4.19rem; background: url(../../../sdomino.boxiangyx.com/images/website/bg_news.png) no-repeat; 
background-size: 100% 100%; overflow: hidden; box-sizing: border-box;}
.news li{ margin: 0.1rem auto 0 0.5rem; width: 6rem; height: .57rem; border-bottom: 1px #0E4E4A dashed; font-size: .26rem; line-height: .57rem;}
.news li span{ float: right;}
.news li:last-child{ border: 0;}
.news li a{ display: block; color: #94efe9;}

.footer{bottom: 0.2rem; left: 0; width: 100%;}
.footer a{ float: left; background-repeat: no-repeat; background-size: cover;}
.footer a.icoFaceBook{ margin: 0 .22rem .24rem .4rem; width: .62rem; height: .62rem; background-image: url(../../../sdomino.boxiangyx.com/images/website/ico_facebook.png);}
.footer a.icoMail{ width: .62rem; height: .63rem; background-image: url(../../../sdomino.boxiangyx.com/images/website/ico_mail.png);}
.footer a.icoTop{ float: right; margin-right: .4rem; width: .58rem; height: .58rem; background-image: url(../../../sdomino.boxiangyx.com/images/website/ico_top.png);}
.footer .itemText{ text-align: center; color: #45b7bb; clear: both;}

.wrapperInside{ position: absolute; top: 0; left: 50%; margin-left:-3.6rem; width: 7.2rem; height: 100%; font-size: .2rem; color: #c3f7ff; background: #0b5250; }
.wrapperInside .top{ display: flex; display: -webkit-flex; height: .98rem; background: url(../../../sdomino.boxiangyx.com/images/website/bg_top.jpg) no-repeat; background-size:cover;
align-items: center; justify-content: center;}
.wrapperInside .top img{ height: .37rem;}
.wrapperInside .btnReturn{ position: absolute; top: .3rem; left: .84rem; width: .46rem; height: .4rem; background: url(../../../sdomino.boxiangyx.com/images/website/btn_return.png) no-repeat; 
background-size: .46rem .4rem;}
.wrapperInside .bannerTop img{ height: 2.63rem;}
.wrapperInside .itemNews{ padding: .35rem 0 1.25rem;}
.wrapperInside .itemNews .itemTitle{ font-size: .3rem; color: #45b7bb; text-align: center;}
.wrapperInside .itemNews .date{ margin: .1rem auto .3rem; width: 6.85rem; color: #23e1fd; background:url(../../../sdomino.boxiangyx.com/images/website/line.png) no-repeat center center; text-align: center;
background-size: 6.85rem .09rem;}
.wrapperInside .itemNews .itemContent{ background: #0b5250 none repeat scroll 0 0;
    padding: 0 0.3rem 1rem;}
.wrapperInside .itemNews .itemContent p{ line-height: 2.2;}
.wrapperInside .itemNews .ico01{ top: 1.48rem; right: 0; width: .57rem; height: 1.04rem; background: url(../../../sdomino.boxiangyx.com/images/website/ico_news_01.png) no-repeat; background-size: cover;}
.wrapperInside .itemNews .ico02{ bottom: 1.75rem; left: 0; width: .43rem; height: 1.1rem; background: url(../../../sdomino.boxiangyx.com/images/website/ico_news_02.png) no-repeat; background-size: cover;}
.wrapperInside .itemNews .ico03{ bottom: .52rem; right: .87rem; width: 1.98rem; height: .74rem; background: url(../../../sdomino.boxiangyx.com/images/website/mobile/ico_news_03.html) no-repeat; background-size: cover;}
.wrapperInside .footer{ position: fixed; left: 50%; top:auto; bottom: 0; margin-left: -3.6rem; width: 7.2rem; height: 1.81rem; padding-top: .25rem; 
background: url(../../../sdomino.boxiangyx.com/images/website/bg_footer.jpg) no-repeat; background-size: 100% 100%; box-sizing: border-box;}

.thickdiv {  position: fixed; top: 0; left: 0; width: 100%;  height: 100%; background:#000000; border: 0 none; opacity: 0.7; filter:alpha(opacity=70); z-index:101;}

.pupRecharge{ position: fixed; top: 50%; left: 50%; margin:-1.78rem 0 0 -2.61rem; width: 5.22rem; height: 3.56rem; background: url(../../../sdomino.boxiangyx.com/images/website/pup_recharge.png) no-repeat;
 background-size: 100% 100%; z-index: 102;}
.pupRecharge .btnClose{ top: -.05rem; right: -.05rem; width: .6rem; height: .61rem; background: url(../../../sdomino.boxiangyx.com/images/website/btn_close_recharge.png) no-repeat; background-size: 100% 100%;}
.pupRecharge .title{ margin: .6rem 0 .3rem; font-size: .25rem; color: #fff5cd; font-weight: bold; text-align: center;}
.pupRecharge .title img{ height: .4rem;}
.pupRecharge .title a{ margin-left: .05rem; font-size: .24rem; color: #fe662a; font-weight: normal; text-decoration: underline;}
.pupRecharge .text{ margin: .25rem auto .3rem; font-size: .26rem; color: #26b7b2; text-align: center;}
.pupRecharge .btnReceive{ display: block; margin: 0 auto; width: 2.48rem; height: .78rem; background: url(../../../sdomino.boxiangyx.com/images/website/btn_receive_pup.png) no-repeat; background-size: 100% 100%;}

.guide{ margin: 0 auto; width: 7.2rem; background: #0a5454;}
.guide .title{ position: relative; margin: 0 auto; width: 7.2rem; height: .99rem; background: url(../../../sdomino.boxiangyx.com/images/website/bg_top_title.gif) no-repeat; background-size: 100% 100%;}
.guide .title img{ height: .99rem;}
.guide .title .btnReturn{ position: absolute; top: .36rem; left: .84rem; width: .46rem; height: .4rem; background: url(../../../sdomino.boxiangyx.com/images/website/btn_return.png) no-repeat; 
background-size: .46rem .4rem;}
.guide .guideCon{ margin: .4rem auto;}
.guide .guideCon .itemText{ margin-left: .17rem; margin-bottom: .2rem; font-size: .32rem; color: #45a7a2; letter-spacing: -.01rem;}
.guide .guideCon .itemText .ico{ float: left; margin-top: -.05rem; margin-right: .05rem; width: .5rem; height: .59rem; background: url(../../../sdomino.boxiangyx.com/images/website/ico_step_bg.png) no-repeat; font-size: .32rem;
color: #135450; text-align: center; line-height: .59rem; font-style: italic; background-size: 100% 100%;}
.guide .guideCon .itemText .cl_yellow{ color: #ffe082;}
.guide .guideCon .itemImg img{ width: 7.2rem;}
.guide .footer{ padding-top: .3rem; height: 1.81rem; background: url(../../../sdomino.boxiangyx.com/images/website/bg_footer.jpg) no-repeat; background-size: 100% 100%; box-sizing: border-box;}