@charset "utf-8";
body{ background:#fff;max-width: 750px;margin-left: auto;margin-right: auto; }
body img{ -moz-user-select: none;  -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;}
@-webkit-keyframes RIghrCssP1 {
    0% {
        -webkit-transform: translateX(.1rem);
		 opacity:1;
    }
    100% {
        -webkit-transform: translateX(0);
		 opacity:.8;
    }
}

@keyframes RIghrCssP1 {
    0% {
        -webkit-transform: translateX(.1rem);
		opacity:1;
    }
    100% {
		transform: translateX(0);
		opacity:.8;
    }
}

@-webkit-keyframes RIghrCssP2 {
    0% {
        -webkit-transform: translateX(-.1rem);
		 opacity:.8;
    }
    100% {
        -webkit-transform: translateX(0);
		 opacity:1;
    }
}

@keyframes RIghrCssP2 {
    0% {
        -webkit-transform: translateX(-.1rem);
		opacity:.8;
    }
    100% {
      transform: translateX(0);
	  opacity:1;
    }
}

@-webkit-keyframes ScssBg {
    0% {
        background:url(../images/p0.png) no-repeat center center;
    }
    50% {
      	background:url(../images/p1.png) no-repeat center center;
    }
	 100% {
      	background:url(../images/p0.png) no-repeat center center;
    }
}

@keyframes ScssBg {
    0% {
        background:url(../images/p0.png) no-repeat center center;
		 background-size:100%;
    }
    50% {
      	background:url(../images/p1.png) no-repeat center center;
		 background-size:100%;
    }
	 100% {
      	background:url(../images/p0.png) no-repeat center center;
		 background-size:100%;
    }
}



/* .top{ width:100%; height:14.05rem; margin-top:1.14rem; background:url(../images/bg1.jpg) no-repeat left top; background-size:100% 10.5rem;} */
.top .logo{ width:2.61rem; left:.19rem; top:.16rem; position:absolute;}

.top .spBut{ position:absolute;top:.5rem;  left:3.2rem; width:.89rem; height:.9rem; overflow:hidden; }
/*.top .spBut i{background:url(../images/pyq.png) no-repeat center center; background-size:.7rem .67rem; float:left; width:100%; height:100%; -webkit-animation:z 10s linear infinite;animation:z 10s linear infinite;}
*/
.top .spBut i{background:url(../images/p0.png) no-repeat center center; background-size:100%; float:left; width:100%; height:100%; -webkit-animation:ScssBg .4s linear infinite; animation:ScssBg .4s linear infinite;}

.top .spBut span{ display:none; width:100%; position:absolute; z-index:2; top:2px; left:-1px;-webkit-animation:slMinCss 2s linear infinite;animation:slMinCss 2s linear infinite}
.top .tdbut{  width:5.69rem; height:1rem; background:url(../images/but1.png) no-repeat left top; background-size:100%; position:absolute; top:7.12rem; left:.9rem;}
.top .xsbut,.top .yybut{ width:2.74rem; position:absolute; height:.66rem; top:8.32rem;}
.top .xsbut{  background:url(../images/but3.png) no-repeat left top; background-size:100%; left:.9rem;}
.top .yybut{  background:url(../images/but2.png) no-repeat left top; background-size:100%; left:3.85rem;}

.newsAd{ width:100%; position:relative; overflow:hidden; height:2.1rem; }
.newsAd .swiper-slide{width:3.35rem;  position:relative; overflow:hidden; height:1.7rem;}
.newsAd .swiper-slide img{ vertical-align:bottom; position:absolute; bottom:0; left:0;}
.newsAd .swiper-slide i{ position:absolute; z-index:2; width:.5rem; height:.22rem; left:.27rem; bottom:.22rem; background:url(../images/go.png); background-size:100%;}

.newsAd .pagination_Mlb3{ position:absolute; bottom:.1rem; left:0; height:.3rem;  width:100%; text-align:center; z-index:2;  }
.newsAd .pagination_Mlb3 span{ margin:0 .05rem; padding:.07rem .07rem; background:#fff; overflow:hidden; cursor:pointer; border:solid 1px #bfbfbf;  font-size:0; opacity:1; border-radius:0.08rem;}
.newsAd .pagination_Mlb3 span.swiper-pagination-bullet-active{ background:#429ee2;padding:.07rem .21rem;  border:solid 1px #429ee2;  }

.tlb{ position:absolute; width:6.9rem; height:4.53rem; top:9.5rem; left:50%; margin-left:-3.45rem;}
.swiperMlb{ height:4.53rem; width:100%; position:relative; overflow:hidden; }
.swiperMlb .swiper-slide{background:url(../images/loading.gif) no-repeat center center; background-size:.8rem .8rem; }
.swiperMlb .swiper-slide,.swiperMlb .swiper-slide img,.swiperMlb .swiper-slide a{ overflow:hidden; height:4rem; width:6.9rem; }
.swiperMlb .swiper-slide a{ float:left;}
.swiperMlb .pagination_Mlb{ position:absolute; height:.3rem; width:100%; left:0px; top:3.4rem; text-align:center; z-index:2; }
.swiperMlb .pagination_Mlb span{ margin:0 .09rem; padding:.07rem .26rem; background:#c1cccc; overflow:hidden; cursor:pointer;  font-size:0; border-radius:.06rem; background:#d1e7ec; opacity:.5;}
.swiperMlb .pagination_Mlb span.swiper-pagination-bullet-active{ background:#ecb267; opacity:1; }
.swiperMlb .swiper-container-horizontal>.swiperMlb .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .09rem;}
/*.hd-title {position: relative;bottom: 2.55rem;z-index: 10;color: #fff;background-color: #646464a1;width: 100%;height: 1.1rem;align-items: center;display: flex;justify-content: center;font-size: 16px;}*/

.ptt{ position:absolute; top:.3rem; width:4.5rem; left:50%; margin-left:-2.25rem; overflow:hidden;}
.zbox{ float:left; width:100%; position:relative;}
.box1{ height:6rem;}
.newsBox{ float:left; width:6.9rem; margin:1.47rem 0 0 .3rem; position:relative; height:auto; color:#3f3f3f;}
.newsBox2{margin:1.58rem 0 0 .3rem;}
.newsBox .newsNav,.newsBox .newsList{ float:left; width:100%; height:auto; position:relative; margin-bottom:.17rem;}
.newsBox .newsNav{ height:.83rem; border:solid 1px #c8c8c8; border-width:1px 0 1px 0; margin-bottom:.2rem;}
.newsBox ul a{ float:left; width:100%;}
.newsBox ul.newsNav a{ width:.96rem; margin-right:.29rem; line-height:.83rem; text-indent:.3rem; font-size:.24rem; background:url(../images/l2.png) no-repeat .06rem .32rem;  background-size:.17rem .17rem;}
.newsBox ul.newsNav a.hover{background:url(../images/l1.png) no-repeat .06rem .32rem;  background-size:.17rem .17rem; color:#ecb267;}
.newsBox ul.newsNav i{ position:absolute; bottom:-1px; left:0; width:.96rem; height:.05rem; background:#ecb267; z-index:2;}

.newsBox .newsList{ height:3.22rem;  overflow:hidden;}
.newsBox .newsList ul{ position:absolute; left:0; top:0px; width:40rem; }
.newsBox .newsList li{ float:left; width:6.9rem; height:3.22rem;}
.newsBox .newsList a{ font-size:.22rem; height:.63rem; border-bottom:dashed 1px #939393; line-height:.63rem; color:#3f3f3f;}
.newsBox .newsList a span{ float:left; max-width:5.3rem;}
.newsBox .newsList a font{ float:right; color:#b3b3b3; margin-right:.03rem;}
.newsBox .more{ position:absolute; width:.32rem; height:.32rem; top:.26rem; right:0; z-index:3; background:url(../images/more.png) no-repeat;  background-size:100%;} 

.box2{ height:11.38rem; }
.zyBox{ float:left; width:100%; height:9.6rem; background:url(../images/bg2.jpg) no-repeat; background-size:100%; overflow:hidden; position:relative; margin-top:1.32rem;}

/*.zyJs{ position:absolute; width:10000rem; height:9.6rem; left:0; top:0; z-index:2;}*/
/*.zyJs li{ float:left; width:7.5rem; height:9.6rem; position:relative;}*/
/*.zyJs li .zyTxt{ position:absolute; color:#fff; width:.74rem; height:3.28rem;  top:2.74rem; left:6.35rem; background:url(../images/l.png) no-repeat right top; background-size:.36rem 100%;}*/
/*.zyJs li .zyTxt p{ float:right; width:.22rem; text-align:right; padding:0 .08rem 0 .06rem; height:3.28rem;  overflow:hidden;  }*/
/*.zyJs li .zyTxt p span{ font-size:.4rem; line-height:.44rem; height:6.56rem; margin-top:-1.64rem;}*/
/*.zyJs li .zyTxt p span font{ padding-bottom:.32rem; float:left; width:100%;}*/
/*.zyJs li .zyRw{ width:100%; height:7.57rem; left:0; top:1.09rem; position:absolute;}*/
/*.zyJs li .zyRw1{background:url(../images/z1.png); background-size:100%;}*/
/*.zyJs li .zyRw2{background:url(../images/z2.png); background-size:100%;}*/
/*.zyJs li .zyRw3{background:url(../images/z3.png); background-size:100%;}*/
/*.zyJs li .zyRw4{background:url(../images/z4.png); background-size:100%;}*/
/*.zyJs li .zyRw5{background:url(../images/z5.png); background-size:100%;}*/
/*.zyJs li .zyRw6{background:url(../images/z6.png); background-size:100%;}*/
/*.zyJs li .zyRw7{background:url(../images/z7.png); background-size:100%;}*/
/*.zyJs li .zyRw8{background:url(../images/z8.png); background-size:100%;}*/
/*.zyJs li .zyRw9_1{background:url(../images/z9-1.png); background-size:100%;}*/
/*.zyJs li .zyRw9_2{background:url(../images/z9-2.png); background-size:100%;}*/

.zyPage{ position:absolute; z-index:4; width:.5rem; height:.71rem; top:4.87rem; background:url(../images/page.png) no-repeat; background-size:1.32rem .71rem;}
.zyPageS{ background-position:left top; left:1.86rem;  -webkit-animation:RIghrCssP1 1s linear infinite; animation:RIghrCssP1 1s linear infinite}
.zyPageN{ background-position:right top; right:1.86rem;  -webkit-animation:RIghrCssP2 1s linear infinite; animation:RIghrCssP2 1s linear infinite}
.zName{ position:absolute; width:100%; color:#91caff; font-size:.28rem; text-align:center; left:0px; line-height:.3rem; height:.3rem; top:8.23rem; background:url(../images/mnl.png) no-repeat .74rem center; background-size:6.23rem .29rem;} 

.zySwiper{ height:9.6rem; width:100%; position:relative; overflow:hidden; z-index:3; }
.zySwiper .swiper-slide{ width:100%; position:relative; height:9.6rem; overflow:hidden; opacity: 0;}
.zySwiper .swiper-slide-active{ opacity: 1;}
.zySwiper .swiper-slide-shadow-right,.zySwiper .swiper-slide-shadow-left{ display:none;}


.zySwiper .zyNav{ position:absolute; left:0; top:0; width:100%; height:1.2rem;  text-align:center; z-index:2; font-size:0; }
.zySwiper .zyNav span{ display:inline-block;  width:1rem; line-height:.42rem; height:.42rem; color:#4b4b4b; font-size:.22rem;  border-radius:0;opacity:1;  background:none;}
.zySwiper .zyNav span.swiper-pagination-bullet-active{ color:#fff;  background:url(../images/zybut.png) no-repeat; background-size:100%;}
.zySwiper .swiper-container-horizontal>.zySwiper .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0;}
.zySwiper .zyNav .swiper-pagination-bullet{ margin:0 .15rem .12rem .15rem;}
.zySwiper .swiper-slide div{ position:absolute; overflow:hidden; color:#fff;} 
.zySwiper .swiper-slide div.zyName{ width:1.17rem;  left:.82rem; top:2.43rem;}
.zySwiper .swiper-slide div.zySx{ left:.17rem; top:5.59rem; width:2.37rem; overflow:hidden; }
.zySwiper .swiper-slide div.zyTt{ width:.34rem; padding:0 .1rem; top:2.65rem; left:5.78rem; overflow:hidden; height:2.31rem;  text-align:center; line-height:.28rem; background:url(../images/tzbg.png) no-repeat; background-size:100%;}
.zySwiper .swiper-slide div.zyTt span{ height:4.62rem; font-size:.48rem; line-height:.56rem; margin-top:-.9rem; }
.zySwiper .swiper-slide div.zyTt span font{ float:left; width:100%; padding-bottom:.1rem;}

.zyGif{ left:2.13rem; height:2.06rem; top:7.36rem; z-index:3;}
.zyGif a{ float:left; width:.54rem; text-align:center; margin-top:.42rem; overflow:hidden; height:.82rem; color:#91caff;}
.zyGif a span{ line-height:2.06rem; font-size:.4rem; margin-top:-.41rem;}
.zyGif i{ width:2.26rem; float:left; position:relative; margin:0 .12rem; height:100%; background:url(../images/jbg.png) no-repeat; background-size:100%;}
.zyGif i img{ width:2.05rem; height:1.86rem; float:left; margin:.1rem 0 0 .11rem;}
.zyGif i span{ position:absolute; width:100%; left:0; top:0; height:100%;background:url(../images/play.png) no-repeat center center; background-size:.42rem .51rem; z-index:2; }

.box3{ height:9.95rem;  }
.tsDv{ height:auto; float:left; overflow:hidden; padding:0 .3rem; width:6.9rem; margin-top:1.58rem; }
.tsDv .swiper-wrapper { position: relative;  width: 100%;  height: 100%; z-index: 1;  }
.tsDv .swiper-slide{ width:4.29rem; height:auto;}
.tsDv .swiper-slide i{ position:absolute; left:0px; top:0; height:100%; width:100%; background: #000; opacity: .4; }
.tsDv .swiper-slide-active i{opacity:0; }
.tsDv .swiper-slide-prev,.tsDv .swiper-slide-next{opacity:1;}
.swiper-pagination-bullet{ width:0px; height:0px;}
.tsDv .pagination_Mlb2{ float:left; width:100%; margin-top:.28rem; text-align:center; position:relative; z-index:3; }
.tsDv .pagination_Mlb2 span{ margin:0 .05rem; padding:.07rem .07rem; background:#fff; overflow:hidden; cursor:pointer; border:solid 1px #bfbfbf;  font-size:0; opacity:1; border-radius:0.08rem;}
.tsDv .pagination_Mlb2 span.swiper-pagination-bullet-active{ background:#ecb267;padding:.07rem .21rem;  border:solid 1px #ecb267;  }
.tsDv .tsPage{ position:absolute; width:.36rem; height:.66rem; top:50%; margin-top:-.33rem; z-index:10;}
.tsDv .swiper-button-next{background:url(../images/npage.png) no-repeat left top; background-size:100%; right:.33rem;}
.tsDv .swiper-button-prev{background:url(../images/spage.png) no-repeat left top; background-size:100%; left:.33rem;}

.box4{ height:6.42rem;}
.box5{ height:11.25rem;}
/* .box5{ height:13.68rem;  background:url(../images/bg3.jpg) no-repeat left 1.39rem; background-size:100% 11rem;} */
.picBox{ float:left; width:6.9rem; margin:1.45rem 0 0 .3rem; text-align:center; position:relative; }
.picBox .picNav{ float:left; padding-left:.02rem; margin-bottom:.39rem;width: 100%;display: flex;justify-content: center;}
.picBox .picNav a{ width:1.32rem; float:left; line-height:.45rem;  font-size:.24rem; color:#424242; }
.picBox .picNav a.hover{ color:#ecb267; background:url(../images/mbut.png) no-repeat left top; background-size:100%;}
.picBox .picNav span{ float:left; height:.27rem; margin:.1rem .29rem 0 .29rem; width:1px; background:#a0a0a0; font-size:0;}

.toast-box {width: 100%;display: flex;justify-content: center;align-items: center;}
.video-box{width:100%;justify-content: center;display: flex;align-items: center;}
.video-box video{top:3.75rem; position:absolute; z-index:2;max-width:750px;width:100%;}

.picList{ float:left; width:100%; height:5.5rem; position:relative; overflow:hidden;}
.picList ul{ position:absolute; left:0px; top:0; width:40rem;}
.picList ul li{ float:left; width:6.9rem; height:5.5rem; overflow:hidden;}
.picList ul li div{ float:left; width:3.34rem; overflow:hidden; margin-bottom:.26rem; color:#424242;  }
.picList ul li div.mrjs{ margin-right:.22rem;}
.picList ul li div i{ width:100%; float:left;   overflow:hidden;position:relative;}
.picList ul li div i p{ float:left; width:100%; height:.26rem; margin-top:.17rem; overflow:hidden;}
.picList ul li div i p span{ line-height:.52rem; margin-top:-.13rem; font-size:.32rem;}
.picBox .more{ position:absolute; width:.74rem; height:.24rem; top:.1rem; right:.05rem; z-index:3; background:url(../images/more2.png) no-repeat;  background-size:100%;} 

.footer{ background:#3f3f3f; padding:.25rem 0; }
.footer p,.footer p a{color:#fff;}

#popsxflbox .pop_cont{ position:absolute; width:6.75rem; height:7.91rem; right:-50%; margin-right:-3.375rem; top:50%; margin-top:-3.95rem; background:url(../images/sxfl.png) no-repeat; background-size:100%;}
/* .plb_wp{ float:left; width:100%; margin:2.05rem 0 0 0; height:1.86rem; background:url(../images/lbimg.png) no-repeat center top; background-size:5.91rem 1.26rem } */
.plb_cdk{ float:left; width:100%; height:.5rem;  font-size:.26rem;}
.plb_cdk font{ float:left; text-align:right; line-height:.5rem; color:#ff9000; width:2rem;}
/* .plb_cdk div{ float:left; margin-right:.19rem; height:.5rem; width:3.13rem; line-height:.5rem; text-align:center; color:#646464; background:url(../images/tk.png) no-repeat;  background-size:100%;} */
.plb_cdk a{ float:left; width:1rem; height:.5rem; overflow:hidden; color:#fff; text-align:center; color:#fff; background:#ea6f57; border-radius:.05rem;}
.plb_cdk a span{ font-size:.4rem; line-height:1rem; margin-top:-.25rem;}

#popsxflbox .pop_cont ul{ float:left; margin-top:1.85rem; padding: 0 0.35rem 0 0.35rem;}
#popsxflbox .pop_cont ul p{text-align: left;color: #646464;float: left;font-size: .185rem;margin-bottom: 0.15rem;}
/* #popsxflbox .pop_cont ul p span{ line-height:.9rem; margin-top:-.225rem; font-size:.44rem; color:#646464;} */
#popsxflbox .pop_exit{ width:.52rem; height:.52rem; position:absolute; top:.06rem; right:.09rem; background:url(../images/x.png) no-repeat; background-size:100%; }


#p-nav-but{ height:.5rem; width:.5rem; position:fixed; top:1.4rem; right:.26rem; cursor:pointer; z-index:100;}
#p-nav-but .hn_x,#p-nav-but .hn_x:before,#p-nav-but .hn_x:after{width:.5rem;height:2px;background:#fff;position:absolute;left:0;-webkit-transition:all .5s;-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden; z-index:2;}
#p-nav-but .hn_x{top:.24rem;left:0px;}
#p-nav-but .hn_x:before{content:"";top:-.155rem;}
#p-nav-but .hn_x:after{content:"";top:.16rem;}
#p-nav-but.nav_exit .hn_x{background:transparent;}
#p-nav-but.nav_exit .hn_x:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#f14d5d;}
#p-nav-but.nav_exit .hn_x:after{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background:#f14d5d;}
#p-nav-but i{ width:.76rem; height:.76rem; position:absolute; left:50%; margin-left:-.38rem; top:50%; margin-top:-.38rem; background:#303030; opacity:.7; border-radius:.06rem;}
#p-nav-but.nav_exit  i{ opacity:.0;}

#p-nav{ width:100%; height:auto; overflow:hidden;background-color:#16171bad; position:fixed;top:0px; z-index:99; display:none; padding-bottom:1px;max-width: 750px;}
#p-nav ul{ height:auto; width:100%; margin-top:1.2rem; }
#p-nav ul a{ float:left; display:inline-block; width:100%; line-height:.9rem; text-align:center; color:#fff; font-size:.3rem; border-bottom:solid 1px #6f7876;}

/* gift弹窗 */
#gift-overlay .pop-site {display: flex;align-items: center;align-content: center;justify-content: center;justify-items: center;height: 100%;}
#gift-overlay .pop-site .content {width: 80%;background: #fff;border-radius: 10px;padding: 15px;max-width: 600px;}
#gift-overlay .pop-site .content .title {font-weight: bold;text-align: center;padding: 10px 0;font-size: 19px;color: #282828;}
#gift-overlay .pop-site .content .text {padding: 10px 0;text-align: center;line-height: 30px;font-size: 16px;}
#gift-overlay .pop-site .content .btns {display: flex;align-items: center;justify-content: center;}
#gift-overlay .pop-site .content .btns .cancel {background-color: #f5f6f8;font-size: 16px;display: flex;align-items: center;justify-content: center;border-radius: 20px;color: #282828;padding: 10px 5px;transition: all .1s;flex-direction: column;line-height: 1.25;width: 50%;margin: 0 auto;margin-bottom: 0.3rem;margin-top: 0.3rem;margin-right: 0.3rem;}
#gift-overlay .pop-site .content .btns .verify {background: linear-gradient(90deg, #12cdb0, #12cd80);font-size: 16px;display: flex;align-items: center;justify-content: center;border-radius: 20px;color: #fff;padding: 10px 5px;transition: all .1s;flex-direction: column;line-height: 1.25;width: 50%;margin: 0 auto;margin-bottom: 0.3rem;margin-top: 0.3rem;}
#gift-overlay {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5); z-index: 1000; }
.f-12 {font-size: 12px;}
.f-orange {color: #ecb267;}