@charset "utf-8";
/* CSS sk_rules.css 2019-09-02 */
html {font-size:26.667vw;
	margin:0 auto;
	-ms-touch-action: none;
	height:100%
}
body {font-size:0.12rem;
     margin:0  auto;
	 overflow-x:hidden;
	 overflow-y:scroll;
	 -webkit-overflow-scrolling:touch;
}
.cont{ width:3.75rem; margin:0 auto; height:100%;}
.top_cont,
.main{ width:100%; margin:0 auto;}
.top_bg{ background:url(../images/top_bg.png) no-repeat center top; width:3.75rem; height:1.09rem; background-size:100% auto; position:fixed; top:0; left:0; z-index:9;}
.top_cont .down{width:1.1rem; height:.43rem; display:block; position:absolute; top:.09rem; right:.15rem;}
.top_cont .down img{ width:1.1rem; height:.43rem; background-size:100% auto; animation: scaling2 infinite 1s ease alternate;
    animation-delay: 1s;
    -webkit-animation: scaling2 infinite 1.2s ease alternate;
    -webkit-animation-delay: 1s;
}

.nav{ padding-top:.7rem; margin-left:.12rem;}
.nav .nav01{width:.71rem; color:#eab4ea; font-size:.16rem; height:.39rem; line-height:.39rem; display:inline-block; text-align:center;}
.nav .nav02{ width:.99rem; color:#eab4ea; font-size:.16rem; height:.39rem; line-height:.39rem; display:inline-block; text-align:center;}
.nav a.Click{ background:url(../images/nav_btn_bg.png) no-repeat; font-size:.16rem; color:#fff; width:.71rem; height:.39rem; background-size:100% auto;}
.nav a.Click02{background:url(../images/nav_btn_bg2.png)no-repeat; font-size:.16rem; color:#fff; width:.99rem; height:.39rem; background-size:100% auto; text-align:center;}
.nav_more{ background:url(../images/nav_more.png) no-repeat; width:.21rem; height:.2rem; background-size:100% auto; right:.1rem; top:.8rem;}
/*greybackground*/	
.greybackground{position: fixed; z-index:99; top:0; left:0; height:100%; width:100%; background: rgba(0,0,0,0.65); _position:absolute; _height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
.videoGreybackground{position: fixed; z-index:99; top:0; left:0; height:100%; width:100%; background: rgba(0,0,0,1); _position:absolute; _height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

.tc02{ width:100%; height:auto; position:absolute; z-index:101; left:0; top:0;}
.tc02 .tc_bg{ width:3.75rem; padding:.0 0 .2rem 0; display:block; margin:0 auto; position :fixed;
	left : 50%;
	top : 50%;
	transform: translate(-50%, -50%);}
.tc02 .tc_bg .close{ background: url(../images/close.png) no-repeat; width:.24rem; height:.24rem; position:absolute; z-index:5; right:0; top:-.35rem; text-indent:-9999em; cursor:pointer; background-size:100% auto;}
.tc02 .tc_bg .tc_cont{width:3.75rem; height:2.15rem; margin:0 auto; background-size:100% auto;}


@-webkit-keyframes scaling2{
	0%,100%{-webkit-transform:scale(1.0);
            transform:scale(1.0);}
	50%{ -webkit-transform:scale(1.1);
            transform:scale(1.1);}	
	}
@keyframes scaling2{
	0%,100%{-webkit-transform:scale(1.0);
            transform:scale(1.0);}
	50%{ -webkit-transform:scale(1.1);
            transform:scale(1.1);}
	}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

/*index*/

.web-banner {width:3.75rem; height:3rem;  position:relative; margin-top:1.09rem; overflow:hidden;}
.web-banner ul {height:3rem; position:absolute;}
.web-banner ul li img{float:left;width:3.75rem; height:3rem; overflow:hidden; position:relative; background-size:100% auto;}
.web-banner ul li .Details_btn{ background:url(../images/btn_pink_bg.png) no-repeat; width:.77rem; height:.23rem; line-height:.2rem; text-align:center; font-size:.1rem; color:#fff; display:block; position:absolute;bottom:.4rem; background-size:100% auto;}
.b01{ left:.22rem;}
.b02{ left:3.95rem;}
.b03{ left:7.7rem;}
.b04{ left:11.45rem;}
.b05{ left:15.2rem;}
.web-banner2 ul li div,
.web-banner ul li div{position:absolute; overflow:hidden;}
.web-banner2 .btnBg,
.web-banner .btnBg{position:absolute; width:100%; height:24px; left:0; bottom:0; display:none;}
.web-banner2 .btn,
.web-banner .btn{position:absolute; width:3.75rem; padding:0 .05rem; left:0; bottom:.17rem;display: flex;justify-content:center;}
.web-banner2 .btn span,
.web-banner .btn span{display:inline-block; _display:inline; _zoom:1; width:.24rem; height:.04rem; margin-left:.1rem; cursor:pointer; background-color:#fff; border-radius:.1rem; text-indent:-9999rem;}
.web-banner2 .btn span.on,
.web-banner .btn span.on{width:.24rem; height:.04rem; background-color:#ffffe8;border-radius:.1rem;}

.web-banner2{width:3.6rem; height:1.78rem;  position:relative; margin-top:1.15rem; overflow:hidden; left:.075rem;}
.web-banner2 ul{height:1.78rem; position:absolute;}
.web-banner2 ul li img{float:left; width:3.6rem; height:1.78rem; overflow:hidden; position:relative; background-size:100% auto;}







.index_news{ padding-bottom:.35rem;}
.news_nav{border-bottom:.02rem solid #f4c4e0; width:3.61rem; margin:0 auto;}
.news_nav a{ margin-bottom:.03rem;}
.news_nav a.btns{ width:.69rem; height:.31rem; line-height:.31rem; font-size:.16rem; color:#d7248d; text-align:center; display:inline-block;}
.news_nav a.btnl{ width:.89rem; height:.31rem; line-height:.31rem; font-size:.16rem; color:#d7248d; text-align:center; display:inline-block;}
.news_nav a.btnb{ width:1.67rem; height:.31rem; line-height:.31rem; font-size:.16rem; color:#d7248d; text-align:center; display:inline-block; margin-left:.05rem;}
.news_nav a.activ01{ background:url(../images/nav_btn_sbg.png) no-repeat;width:.69rem; height:.31rem; background-size:100% auto; font-size:.16rem; color:#fff;}
.news_nav a.activ02{ background:url(../images/nav_btn_lbg.png) no-repeat;width:.89rem; height:.31rem; background-size:100% auto; font-size:.16rem; color:#fff;}
.news_nav a.activ03{ background:url(../images/nav_btn_bbg.png) no-repeat;width:1.67rem; height:.31rem; background-size:100% auto; font-size:.16rem; color:#fff;}
.news_nav a.activ04{ background:url(../images/nav_btn_bbg.png) no-repeat;width:1.74rem; height:.31rem; background-size:100% auto; font-size:.16rem; color:#fff;}
.Hot_Games a.more,
.news_nav a.more{ background:url(../images/more.png) no-repeat; width:.15rem; height:.15rem; position:absolute;background-size:100% auto;}
.Location01{right:.04rem; top:.08rem; }
.Location02{right:.15rem; top:.15rem; }

.news_det{width:3.61rem; margin:0 auto; padding-bottom:.05rem;}
.news_det_img img{ width:1.1rem; height:.59rem; border-radius:.05rem; margin-top:.1rem;}
.news_det_r{ width:2.4rem; padding-top:.1rem;}
.news_det_r .news_det_title{ font-size:.15rem; color:#000; padding-bottom:.16rem;}
.news_det_r p{ color:#525151;}
.line{ background:url(../images/line_bg.png) no-repeat; width:3.61rem; height:.03rem; background-size:100% auto; margin:0 auto;}
.list a{ line-height:.16rem;width:3.61rem; margin-top:.05rem; margin-left: .08rem}
.list a em{ font-size:.15rem; color:#f26667; float:left; width:.62rem; font-weight:bold;}
.list a p{ color:#000; width:2.56rem; float:left;}
.list a .time{ color:#525151; float: right; margin-right: .1rem;}
.list .news_tex{width:3.61rem; margin:0 auto; color:#525151; padding-bottom:.1rem;}
.pink_bg{ width:100%; background:#fdf2f8; }

.title{ color:#fff; font-size:.18rem; text-align:center; padding-top:.72rem;}
.return{ width:.12rem; height:.18rem; background-size:100% auto; left:.22rem; top:.77rem;}
.nav_list{ width:3.61rem; margin:0 auto; padding-top:1.28rem; background-color:#fefefe;}
.nav_list_cont{ padding-bottom:.45rem;}
.nav_list_title{ font-size:.13rem; color:#d7248d; text-align:center;}
.bg01{ background:url(../images/titile_bg01.png) no-repeat 0 .05rem; width:3.56rem; height:.11rem; background-size:100% auto; margin:0 auto;}
.bg02{ background:url(../images/titile_bg02.png) no-repeat 0 .05rem; width:2.96rem; height:.11rem; background-size:100% auto; margin:0 auto;}
.nav_btn_cont{display: flex;justify-content:center; padding-top:.15rem;}
.nav_btn_s img{ width:.77rem; height:.25rem; background-size:100% auto; margin:0 .07rem;}
.nav_btn_l img{width:1.28rem; height:.25rem; background-size:100% auto; margin:0 .07rem;}
.nav_btn_m img{width:1.08rem; height:.25rem; background-size:100% auto; margin:0 .07rem;}

.connect{ background: url(../images/nav_bg.jpg) no-repeat; width:3.75rem; height:4.03rem; background-size:100% auto; padding-top:.5rem;}
.con_list_box{display: flex;justify-content:center;width:3.75rem; margin-top: 1.2rem;}
.con_list{ width:1.05rem; margin-right:.1rem;}
.con_list_iocn{ width:.68rem; height:.68rem; margin:0 auto .1rem auto; display:block;}
.con_list_iocn img{width:.68rem; height:.68rem; background-size:100% auto;}
.con_list .con_list_title{ font-weight:bold; color:#444; text-align: center; font-size:.13rem;}
.con_list p{ text-align:center; color:#3b3b3b;font-size:.13rem;}
.ewm{ background:url(../images/ewm_bg.png) no-repeat; width:1.39rem; height:1.49rem; margin:0 auto; background-size:100% auto; padding-top:.14rem;}
.ewm_img img{ width:.97rem; height:.97rem; margin:0 auto; background-size:100% auto; display:block; margin-bottom:.04rem;}
.ewm p{ font-size:.14rem; color:#FFB1E2; text-align:center; line-height:.15rem;}

.details_top_img{width:3.6rem;margin:0 auto; display:block;}
.details_top_img img{width:3.6rem; height:1.78rem;background-size:100% auto; margin-top:1.15rem;}
.Details_cont{ padding:.1rem;}
.news_Details{ margin-top:1.15rem; margin-left: .15rem; margin-right: .15rem;}

.GameIntroduction{ margin-top:.15rem; margin-left: .15rem; margin-right: .15rem;}
.Details_cont p{ color:#313131; text-indent:.2rem; padding:.05rem 0;}
.Details_title01{ font-size:.16rem; color:#f26667; font-weight:bold;}
.Details_title02{ font-size:.14rem; color:#3f3f3f; font-weight:bold;}

.Hot_Games{ padding-top:.16rem;}
.Hot_Games_top{ padding-top:1.16rem;}
.Hot_Games_title{ font-size:.16rem; color:#f26667; border-left:.02rem solid #f26667; text-indent:.1rem; margin-left:.15rem; line-height:.15rem;}
.game_list_cont{ width:3.75rem; display: flex; justify-content:left;}
.game_list{ width:1.24rem; margin-top:.13rem;}
.game_list a .game_img{width:1.04rem; height:1.24rem; display:block; margin-bottom:.05rem; margin:0 auto; }
.game_list a .game_img img{width:1.04rem; height:1.24rem; background-size:100% auto;border-radius:.1rem;}
.game_list a p{ font-size:.14rem; color:#000; font-weight:bold; text-align:center; padding-top:.05rem;}
.pb60{ padding-bottom:.3rem;}

.game_intr{ padding:1.15rem 0 .3rem 0;}
.game_intr_title{ background:url(../images/title_bg.jpg)no-repeat; width:3.75rem; height:.73rem; background-size:100% auto; display:block;}
.game_title{ color:#fff; font-size:.16rem; text-align:center; font-weight:bold; padding:.15rem 0 .05rem;}
.game_time{color:#fff;text-align:center;}
.Location{ width:3.62rem; height:1.85rem; margin:.1rem auto; background-size:100% auto;}
.game_tex_cont{ padding:0 .15rem;}
.game_tex_title{ font-size:.15rem; color:#f26667; font-weight:bold; padding-bottom:.1rem;}
.gane_tex{ color:#313131; width:3.15rem; margin:0 auto; padding-bottom:.1rem;}
.gane_xbt{text-indent:.2rem;}
.point{background:url(../images/point.png) no-repeat 0 0; background-size:100% auto; width:0.07rem; height:0.07rem; display:inline-block; margin-right:.05rem;}
.jt_img{ width:3.29rem; height:auto; background-size:100% auto; margin:.1rem auto;}


.Video{ width:3.6rem; margin:0 auto; padding-top:.05rem;}
.video_list{width:3.6rem; display: flex; justify-content:left; }
.video_list_cont{ width:1.6rem; height:.86rem; margin-bottom:.3rem;margin-left: 0.14rem; position: relative;  }
.video_link img{ width:1.58rem; height:.86rem; border:.01rem solid #d092eb; }
.video_link video{ margin-bottom:.05rem;}
.video_list_cont p{ font-size:.14rem; color:#000; font-weight:bold; text-align:center;}
.audit_view{margin-bottom: .05rem;}
.video_container {
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: .05rem;
}
.video_container video {
    width: 100%;
    height: 100%;
    display: block;
}
.play-button-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
}
.nav_btn2{border-radius: .13rem; color: #db6abc;text-align: center;font-size: .15rem; padding: 0.02rem 0.1rem; font-weight: bold;
    border: 0.02rem solid #d27cd2;background-color: transparent; margin-left: 0.1rem; margin-right: 0.1rem; }
.errImg{height: 100vh;max-width: 50%;max-height: 100%; margin: 2.5rem auto;}
.play-button{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background-color: #1918183d;
    border: none;
    border-radius: 50%;
    cursor: pointer;
}
.errMessage {
    white-space: nowrap;
    font-size: .3rem;
    margin-top: 0.1rem;
}

.link {
    display: inline-block;
    font-size: 12px;
    color: orange;
    text-decoration: none;
    float:right;
}

.active{
    background-color: #eee;
    color: #E70722;
}

.download_btn img{width:3.24rem; height:.6rem; background-size:100% auto; margin:.2rem auto; display:block;animation: scaling2 infinite 1s ease alternate;
    animation-delay: 1s;
    -webkit-animation: scaling2 infinite 1.2s ease alternate;
    -webkit-animation-delay: 1s;}

.lost_img img{ width:1.4rem; height:1.15rem; margin:1.98rem auto 0 auto; background-size:100% auto; display:block;}

.footer_down{position: fixed; z-index:99; bottom:0; left:0; height:auto; width:100%; background: rgba(0,0,0,0.65);}
.pb160{ padding-bottom:.8rem;}