@charset "UTF-8";
html{font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,sans-serif,Arial,"tahoma"; font-size:100px;}
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,a,p,img,select,input{padding:0; margin:0; font-size:12px;}
body{padding:0; margin:0 auto; min-width:1200px; max-width:1920px; overflow-x:hidden;}
ul,li{list-style:none;}
input,textarea:focus{outline:none;}
a{color:#999; text-decoration:none; transition:color 0.3s linear;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content:""; display:block; clear:both; height:0;}.clearfix{*zoom:1;}
.blank5{clear:both; height:5px; overflow:hidden;}
.blank10{clear:both; height:10px; overflow:hidden;}
.blank15{clear:both; height:15px; overflow:hidden;}
.blank20{clear:both; height:20px; overflow:hidden;}
a{color:#999; text-decoration:none; transition:color 0.3s linear;}
.f14{font-size:14px;}
.p5{padding:5px;}.pt5{padding-top:5px;}.pb5{padding-bottom:5px;}.pl5{padding-left:5px;}.pr5{padding-right:5px;}
.p10{padding:10px;}.pt10{padding-top:10px;}.pb10{padding-bottom:10px;}.pl10{padding-left:10px;}.pr10{padding-right:10px;}
.p15{padding:15px;}.pt15{padding-top:15px;}.pb15{padding-bottom:15px;}.pl15{padding-left:15px;}.pr15{padding-right:15px;}
.p20{padding:20px;}.pt20{padding-top:20px;}.pb20{padding-bottom:20px;}.pl20{padding-left:20px;}.pr20{padding-right:20px;}
.p30{padding:30px;}.pt30{padding-top:30px;}.pb30{padding-bottom:30px;}.pl30{padding-left:30px;}.pr30{padding-right:30px;}
.p40{padding:40px;}.pt40{padding-top:40px;}.pb40{padding-bottom:40px;}.pl40{padding-left:40px;}.pr40{padding-right:40px;}
.p50{padding:50px;}.pt50{padding-top:50px;}.pb50{padding-bottom:50px;}.pl50{padding-left:50px;}.pr50{padding-right:50px;}
.m5{margin:5px;}.mt5{margin-top:5px;}.mb5{margin-bottom:5px;}.ml5{margin-left:5px;}.mr5{margin-right:5px;}
.mb8{margin-bottom:8px;}
.m10{margin:10px;}.mt10{margin-top:10px;}.mb10{margin-bottom:10px;}.ml10{margin-left:10px;}.mr10{margin-right:10px;}
.m15{margin:15px;}.mt15{margin-top:15px;}.mb15{margin-bottom:15px;}.ml15{margin-left:15px;}.mr15{margin-right:15px;}
.m20{margin:20px;}.mt20{margin-top:20px;}.mb20{margin-bottom:20px;}.ml20{margin-left:20px;}.mr20{margin-right:20px;}
.m40{margin:40px;}.mt40{margin-top:40px;}.mb40{margin-bottom:40px;}.ml40{margin-left:40px;}.mr40{margin-right:40px;}
.pr120{padding-right:120px;}
.tl{text-align:left;}.tr{text-align:right;}.tc{text-align:center;}

.pqimg{background:url(../images/public_img.png) no-repeat; background-size:5rem;}
.m1200{width:12rem; margin:0 auto; position:relative; box-sizing:border-box;}
.m1200:after{content:""; display:block; clear:both; height:0;}
.m-bg{position:relative;}
.m-bg2{position:relative;background: url(../images/new_bg_top.jpg) no-repeat center top,url(../images/new_bg_bottom.jpg)repeat;padding-bottom:1rem;background-size:100% auto;overflow-x:hidden;z-index:2;}

.part{background-repeat:no-repeat; background-position:center top; overflow:hidden; position:relative; box-sizing:border-box; width:100%; background-repeat:no-repeat; background-position:center top; background-size:100% 100%;}
.banner{background-image:url(../images/bg_01.jpg); z-index:4; height:8.6rem;}
.part-1{background-image:url(../images/bg_02.jpg); height:8.3rem;}
.part-2{background-image:url(../images/bg_03.jpg); height:9.7rem;}
.part-3{background-image:url(../images/bg_04.jpg); height:9.53rem;}
.part-auto{height:auto !important;}

.video-bg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:-2;
}
.video-bg video{
    width:100%;
    height:100%;
}
.swiper-pagination{transition:0.3s; width:0.48rem;}
.swiper-pagination .bullte{width:0.34rem; height:0.34rem; margin:0.12rem 0; display:block; position:relative; background:url(../images/public_img.png) -3.2rem -1.04rem; background-size:5rem; cursor: pointer;}
.swiper-pagination .span-5{display:none;}
.swiper-pagination .bullte.active{background-position-x:-3.55rem;}
.swiper-pagination .span-1:before,.swiper-pagination .span-4:before{content:''; width:0.01rem; height:0.26rem; background:#212227; position:absolute; left:0; right:0; margin:auto;}
.swiper-pagination .span-1:before{top:-0.35rem;}
.swiper-pagination .span-4:before{bottom:-0.35rem; animation: arrow 1.5s ease infinite;}
.swiper-pagination .span-4:after{content:''; width:0.48rem; height:0.64rem; background:url(../images/public_img.png) -2.71rem -1.04rem; background-size:5rem; position:absolute; left:50%; margin-left:-0.24rem; bottom:-0.95rem; animation: arrow 1.5s ease infinite;}

.top-box {position:absolute; top:0; left:0; right:0; margin:auto; width:12rem; max-width:1920px; z-index:33;}
.top-box .logo-link{width:3.6rem; height:2.2rem; background:url(../images/logo.png); background-size:cover; position:absolute; top:-1rem; left:0rem;}
.top-box .nav{float:right; padding:0.26rem 0 0 0; font-size:0; letter-spacing:-5px;}
.top-box .nav li{display:inline-block; letter-spacing:normal; position:relative; margin-right:0.7rem;}
.top-box .nav a{font-size:0.235rem; line-height:100%; color:#2d8364; display:block; position:relative;}
.top-box .nav li:hover a,.top-box .nav .on a{color:#00a98f;}

.scan-box {width:1.82rem; height:3.85rem; box-sizing:border-box; padding:0.4rem 0 0; background:url(../images/public_img.png); background-size:5rem; position:fixed; right:0.25rem; top:50%; margin-top:-2.8rem; z-index:13;}
.scan-box .code{width:1.54rem; height:1.54rem; background:#fff; padding:0 0.02rem; margin:0 auto; box-sizing:border-box; position:relative; overflow:hidden;}
.scan-box .code img{width:100%; height:100%;}
.scan-box p{display:none;}
.scan-box .code i{width:100%; height:10px; display:block; background:url(../images/code_line.png) no-repeat; position:absolute; top:0; left:0; animation:lineMove 2s infinite;}
.scan-box .btn-box{width:1.53rem; margin:0.12rem auto 0;}
.scan-box .btn-box a,.scan-box .gift{width:1.53rem; height:0.45rem; transition:0.3s; position:relative; display:block;}
.scan-box .btn-box a:after,.scan-box .gift:after{position:absolute; content:''; width:100%; height:100%; left:0; right:0; top:0; bottom:0; margin:auto; background:url(../images/public_img.png) no-repeat; background-size:5rem;}
.scan-box .btn-box .android,.scan-box .btn-box .android-no,.scan-box .btn-box .android:after,.scan-box .btn-box .android-no:after{background-position:-1.83rem 0;}
.scan-box .btn-box .ios,.scan-box .btn-box .ios-no,.scan-box .btn-box .ios:after,.scan-box .btn-box .ios-no:after{background-position:-1.83rem -0.46rem;}
.scan-box .btn-box .android:after,.scan-box .btn-box .android-no:after,.scan-box .btn-box .ios:after,.scan-box .btn-box .ios-no:after{opacity:0;}
.scan-box .btn-box .android-no,.scan-box .btn-box .ios-no{cursor:default;}
.scan-box .btn-box .android,.scan-box .btn-box .android-no{margin:0.1rem 0;}
.scan-box .btn-box a:hover:after,.scan-box .gift:hover:after{animation:opacityScale 0.6s ease-in-out;}
.scan-box .gift{margin:0 auto; position:relative}
.scan-box .gift,.scan-box .gift:after{background-position:-1.83rem -0.92rem;}

.floor-nav-box{position:fixed; right:0.25rem; top:60%; z-index:111;}
.floor-nav-box:before{content:''; width:0.01rem; height:1.8rem; background:rgba(255,255,255,0.5); position:absolute; right:0.16rem; top:0.5rem; z-index:-1;}
.floor-nav-box li{width:0.9rem; height:0.35rem; background:url(../images/nav_icon.png); background-size:0.9rem; margin:0.25rem 0;}
.floor-nav-box li:nth-of-type(1).active{background-position-y:-0.36rem;}
.floor-nav-box li:nth-of-type(2).active{background-position-y:-0.72rem;}
.floor-nav-box li:nth-of-type(3).active{background-position-y:-1.08rem;}
.floor-nav-box li:nth-of-type(4).active{background-position-y:-1.44rem;}

.video-play { position:absolute; left:0; right:0; top:6.8rem; margin:auto; cursor: pointer; width:1.22rem; height:1.17rem; background:url(../images/public_img.png) -1.83rem -1.38rem; background-size:5rem; display:none;}
.video-play:after{content:''; width:100%; height:100%; background:url(../images/public_img.png) -3.06rem -1.38rem; background-size:5rem; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; animation: aniScale 0.5s linear infinite alternate;}
@keyframes aniScale{
    0%{
        transform: scale(0.7);
    }
    100%{
        transform:scale(1.05);
    }
}
.popup-video {width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.7);z-index:9999;display:none;}
.popup-video .video-box {width:800px;height:450px;position:absolute;left:50%;top:50%;margin:-225px 0 0 -400px;background:#000;}
.popup-video .video-box video {width:100%;}
.popup-video .close {width:28px;height:29px;background:url(../images/x_but_3.png);position:absolute;right:-34px;top:0;cursor:pointer;transition:0.3s;}
.popup-video .close:hover {transform:rotate(90deg);}

.part-1 .m1200{padding:3.53rem 0.2rem 0 0.26rem;}
.slide-box-1{width:7.14rem; height:4.22rem; padding:0.11rem 0.13rem; box-sizing:border-box; background:rgba(255,252,247,0.4); position:absolute; left:-1.24rem; top:2.57rem; transition:0.5s ease-in-out; transform:translateX(-100%); opacity:0;}
.slide-box-1 .slide-img{width:100%; height:100%; position:relative; overflow:hidden;}
.slide-box-1 .slide-img a{display:block; text-align:center; line-height:0;}
.slide-box-1 .slide-img a img{width:100%; min-height:100%; object-fit:cover;}
.slide-box-1 .slide-num{text-align:center; width:100%; position:absolute; left:0; bottom:0.2rem;}
.slide-box-1 .slide-num li{display:inline-block; width:0.14rem; height:0.14rem; background:#fff; border-radius:50%; margin:0 0.15rem; position:relative;}
.slide-box-1 .slide-num li.on{background:#fcfe44;}
.slide-box-1 .prev,.slide-box-1 .next{background-color:rgba(0,0,0,0.5);width:30px;text-align:center;height:50px;line-height:50px;position:absolute;top:50%;margin-top:-25px;cursor:pointer;transition:0.2s;font-size: 0; display:none;}
.slide-box-1 .prev:after,.slide-box-1 .next:after{font-family:'宋体'; font-size:40px; color:#fff;}
.slide-box-1 .prev:after{content:'<';}
.slide-box-1 .next:after{content:'>';}
.slide-box-1 .prev{left:-30px;}
.slide-box-1 .next{right:-30px;}
.slide-box-1:hover .prev{left:0px;}
.slide-box-1:hover .next{right:0px;}

.news-box{width:7.15rem; height:4.22rem; position:absolute; right:-1.25rem; top:2.57rem; background:#fffcf7; transition:0.5s ease-in-out; transform:translateX(100%); opacity:0;}
.news-box .tab-num{position:relative; font-size:0; letter-spacing:-5px; background:#bdeb81;}
.news-box .tab-num li{display:inline-block; letter-spacing:normal; margin:0 0.4rem; position:relative;}
.news-box .tab-num li:after{content:''; width:0%; height:0.04rem; background:#fdfe43; position:absolute; left:0; right:0; bottom:0; margin:auto; transition:0.3s;}
.news-box .tab-num li a{display:block; line-height:0.65rem; text-align:center; font-size:0.24rem; color:#308565;}
.news-box .tab-num li.on a{font-weight:bold;}
.news-box .tab-num li.on:after{width:100%;}

.news-box .tab-num .more{color:transparent; font-size:0; width:0.65rem; height:0.65rem; background:#ffac6d; position:absolute; top:0; right:0;}
.news-box .tab-num .more:before,.news-box .tab-num .more:after{content:''; background:#fff; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.news-box .tab-num .more:before{width:60%; height:0.03rem;}
.news-box .tab-num .more:after{width:0.03rem; height:60%;}
.news-box .tab-con{padding:0 0.4rem 0 0.25rem;}
.news-box .tab-con li{font-size:0; margin-top:0.39rem;}
.news-box .tab-con li:nth-of-type(n+6){display:none;}
.news-box .tab-con li>*{font-size:0.22rem; color:#403d3c; line-height:110%; display:inline-block; transition:0.3s;}
.news-box .tab-con li .type{float:left;}
.news-box .tab-con li .type:before,.news-box .tab-con li .type:after{font-size:0.22rem; color:#403d3c; transition:0.3s; vertical-align:bottom;}
.news-box .tab-con li .type:before{content:'【';}
.news-box .tab-con li .type:after{content:'】';}
.news-box .tab-con li .time{float:right;}
.news-box .tab-con li a{max-width:3.3rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-box .tab-con li:hover>*{transform:translateX(0.1rem); color:#f88731;}
.news-box .tab-con li:hover .type:before,.news-box .tab-con li:hover .type:after{color:#ff8731;}

.part-2 .m1200{height:100%;}
.slide-box-2{width:19.2rem; height:100%; position:absolute; top:0; left:50%; margin-left:-9.6rem;}
.slide-box-2 .slide-img{width:100%; height:100%;}
.slide-box-2 .slide-img a img{width:100%; position:absolute; bottom:0; left:0;}
.slide-box-2 .slide-num{position:absolute; width:0.99rem; left:50%; top:2.65rem; margin-left:4.83rem;}
.slide-box-2 .slide-num li{width:0.9rem; height:0.9rem; margin-bottom:0.24rem;}
.slide-box-2 .prev,.slide-box-2 .next{width:0.54rem; height:0.54rem; position:absolute; z-index:111; cursor: pointer;}
.slide-box-2 .prev{left:50%; margin-left:4.35rem; bottom:2.64rem;}
.slide-box-2 .next{left:50%; margin-left:4.9rem; bottom:2.2rem;}

.part-3 .m1200{width:100%; height:100%; padding:2.5rem 0 0 0; box-sizing:border-box;}
.slide-box-3{display:table; margin:0 auto; position:relative; transition:0.5s ease-in-out; transform:translateY(100%); opacity:0;}
.slide-box-3 .slide-img{font-size:0; letter-spacing:-5px; display:table;}
.slide-box-3 .slide-img>a{position:relative; overflow:hidden; height:4.62rem;}
.slide-box-3 .slide-img span{width:1.61rem; height:4.62rem; background:url(../images/foshow_tit.png); background-size:7rem; position:absolute; top:0; left:0; z-index:11;}
.slide-box-3 .slide-img .span-2{background-position-x:-1.62rem;}
.slide-box-3 .slide-img .span-3{background-position-x:-3.24rem;}
.slide-box-3 .slide-img .span-4{background-position-x:-4.86rem;}
.slide-box-3 .slide-img img{width:7.64rem; position:relative; opacity:0; transition:0.3s;}
.slide-box-3 .slide-img .on img{opacity:1;}
.slide-box-3 .slide-num {text-align:center; width:100%; position:absolute; left:0; bottom:-0.5rem;}
.slide-box-3 .slide-num li{display:inline-block; width:0.24rem; height:0.24rem; box-sizing:border-box; border:0.02rem solid #fff; transform:rotate(45deg); margin:0 0.14rem; position:relative;}
.slide-box-3 .slide-num li:after{content:''; width:0.18rem; height:0.18rem; background:#fff; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.slide-box-3 .slide-num li.on{border-color:#398b66;}
.slide-box-3 .slide-num li.on:after{background:#398b66;}
.slide-box-3 .prev,.slide-box-3 .next{width:0.6rem; height:0.78rem; background:url(../images/public_img.png) -3.37rem 0; background-size:5rem; position:absolute; top:50%; margin-top:-0.39rem; cursor:pointer;}
.slide-box-3 .prev{left:-0.75rem;}
.slide-box-3 .next{right:-0.75rem; background-position-x:-3.98rem;}

.part.active .nav,.part.active .slide-box-1,.part.active .news-box,.part.active .link-box,.part.active .slide-box-3{transform:translate(0); opacity:1;}

.inside-content>.m1200{width:12rem; min-height:0.2rem;}
.m-bg2>.m1200{width:100%;}
/* 内页 */
.inside-banner{height:7.3rem;}
.max-part{width:100%; box-sizing:border-box; position:relative;}
.max-part .inner-box{position:relative; border-top:0.01rem solid #b9b9b9;}
.min-part{display:none;}

/* 内页-标题 */
.inside-tit{width:12rem; margin:0 auto; position:relative; padding-bottom:0.3rem;}
.inside-tit h2{width:8rem; height:2.2rem; background:url(../images/inside_tit.png); background-size:100%; margin:0 auto; font-size:0; color:transparent;}
.inside-tit.tit-2 h2{background-position-y:-2.2rem;}
.inside-tit.tit-3 h2{background-position-y:-4.4rem;}
.inside-tit.tit-4 h2{background-position-y:-6.6rem;}
.inside-tit.tit-5 h2{background-position-y:-8.8rem;}
.inside-tit p{display:none;}
/* 内页-定位导航 */
.location{position:absolute; right:0; bottom:4px; max-width:30em; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:none;}
.location,.location a{font-size:12px; color:#666666; line-height:1em;}
.location a:hover{color:#fec553;}
.location .arrow{font-family:"宋体"; color:#666666; padding:0 5px;}
/* 内页-二维码 */
.inside-scan-box {width:1.82rem; height:3.85rem; box-sizing:border-box; padding:0.4rem 0 0; background:url(../images/public_img.png); background-size:5rem; position:fixed; right:0.25rem; top:50%; margin-top:-1.92rem; z-index:13;}
.inside-scan-box .code{width:1.54rem; height:1.54rem; background:#fff; padding:0 0.02rem; margin:0 auto; box-sizing:border-box; position:relative; overflow:hidden;}
.inside-scan-box .code img{width:100%; height:100%;}
.inside-scan-box p{display:none;}
.inside-scan-box .code i{width:100%; height:10px; display:block; background:url(../images/code_line.png) no-repeat; position:absolute; top:0; left:0; animation:lineMove 2s infinite;}
.inside-scan-box .btn-box{width:1.53rem; margin:0.12rem auto 0;}
.inside-scan-box .btn-box a,.inside-scan-box .gift{width:1.53rem; height:0.45rem; transition:0.3s; position:relative; display:block;}
.inside-scan-box .btn-box a:after,.inside-scan-box .gift:after{position:absolute; content:''; width:100%; height:100%; left:0; right:0; top:0; bottom:0; margin:auto; background:url(../images/public_img.png) no-repeat; background-size:5rem;}
.inside-scan-box .btn-box .android,.inside-scan-box .btn-box .android-no,.inside-scan-box .btn-box .android:after,.inside-scan-box .btn-box .android-no:after{background-position:-1.83rem 0;}
.inside-scan-box .btn-box .ios,.inside-scan-box .btn-box .ios-no,.inside-scan-box .btn-box .ios:after,.inside-scan-box .btn-box .ios-no:after{background-position:-1.83rem -0.46rem;}
.inside-scan-box .btn-box .android:after,.inside-scan-box .btn-box .android-no:after,.inside-scan-box .btn-box .ios:after,.inside-scan-box .btn-box .ios-no:after{opacity:0;}
.inside-scan-box .btn-box .android-no,.inside-scan-box .btn-box .ios-no{cursor:default;}
.inside-scan-box .btn-box .ios,.inside-scan-box .btn-box .ios-no{margin:0.1rem 0;}
.inside-scan-box .btn-box a:hover:after,.inside-scan-box .gift:hover:after{animation:opacityScale 0.6s ease-in-out;}
.inside-scan-box .gift{margin:0 auto; position:relative}
.inside-scan-box .gift,.inside-scan-box .gift:after{background-position:-1.83rem -0.92rem;}

.inside-content .link-back{width:0.5rem; height:0.5rem; background:#ffac6d; position:absolute; bottom:0.24rem; left:0.5rem;}
.inside-content .link-back:before,.inside-content .link-back:after{content:''; width:38%; height:0.01rem; background:#fff; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; transform-origin:left center;}
.inside-content .link-back:before{transform:rotate(-45deg);}
.inside-content .link-back:after{transform:rotate(45deg);}
.tit-4 +.m1200 .link-back,.tit-5 +.m1200 .link-back{bottom:-1.3rem; z-index:11;}

/* 内页-游戏资讯 */
.show-tab{position:relative; z-index:112;}
.show-tab ul{display:block; text-align:center;}
.show-tab li{display:inline-block; position:relative; margin:0 0.35rem;}
.show-tab li a{display:block; font-size:0.22rem; padding:0 0.12rem; line-height:150%; color:#666666; transition:0s; padding-bottom:0.2rem; position:relative;}
.show-tab li a:after{content:''; width:0%; height:0.03rem; background:#ffa585; position:absolute; left:0; right:0; bottom:-0.01rem; margin:auto; transition:0.3s;}
.show-tab li:hover a,.show-tab li.on a{color:#ffa585;}
.show-tab li:hover a:after,.show-tab li.on a:after{width:100%;}

.news-list{ box-sizing: border-box; background:#fffcf7;}
.news-list ul{width:12rem; margin:0 auto;}
.news-list li{position:relative; transition:0.3s; padding:0.5rem 0.4rem;}
.news-list li:after{content:''; width:1920px; height:0.01rem; background:#a8dfd2; position:absolute; bottom:0; left:50%; margin-left:-960px; z-index:11;}
.news-list li:before{content:''; width:1920px; height:100%; background:url(../images/hover_bg.png); background-size:100% 100%;  position:absolute; left:50%; margin-left:-960px; bottom:0; transition:0.3s; visibility:hidden; opacity:0;}
.news-list li:hover:before{visibility:visible; opacity:1;}
.news-list li>*{font-size:0.22rem; line-height:0.45rem; color:#666666; display:inline-block; vertical-align:middle; z-index:3; position:relative; transition:0.3s;}
.news-list li a{max-width:7rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-list li .time{float:right;}
.news-list li .type{background:#666; color:#fff; padding:0 0.25rem; border-radius:0.06rem; margin-right:0.26rem;}
.news-list li:hover .type{background:#ffac6d;}
.news-list li:hover a,.news-list li:hover .time{color:#ffac6d;}
.news-list li:hover>*{transform:translateX(0.1rem);}

/* 内页-礼包中心 */
.gift-list{ box-sizing: border-box; background:#fffcf7;}
.gift-list ul{width:12rem; margin:0 auto;}
.gift-list li{padding:0.5rem 0.4rem; position:relative;}
.gift-list li:after{content:''; width:1920px; height:0.01rem; background:#a8dfd2; position:absolute; bottom:0; left:50%; margin-left:-960px; z-index:11;}
.gift-list li:before{content:''; width:1920px; height:100%; background:url(../images/hover_bg.png); background-size:100% 100%;  position:absolute; left:50%; margin-left:-960px; bottom:0; transition:0.3s; visibility:hidden; opacity:0;}
.gift-list li:hover:before{visibility:visible; opacity:1;}
.gift-list li> div{display:inline-block; vertical-align:middle; position:relative; z-index:11;}
.gift-list li .text{width:30%;}
.gift-list li .text>div{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gift-list li .text .name{font-size:0.22rem; color:#666; line-height:140%;}
.gift-list li:hover .text .name{color:#ffac6d;}
.gift-list li .text .intr{font-size:12px; color:#999999; line-height:140%; padding-top:10px; display:none;}
.gift-list li .progress-bar-box{width:30%; padding-left:5%;}
.gift-list li .progress-bar-box>div{display:inline-block; vertical-align:middle;}
.gift-list li .progress-bar-box .progress-bar{width:75%; height:8px; background:#e2e2e2; box-sizing:border-box; overflow:hidden; position:relative; border-radius:4px;}
.gift-list li .progress-bar-box .progress-bar span{position:absolute; width:100%; height:100%; top:0; left:0; background:#8e8e8e; box-sizing:border-box; border-radius:3px;}
.gift-list li:hover .progress-bar-box .progress-bar{background:#fff;}
.gift-list li:hover .progress-bar-box .progress-bar span{background:#ffac6d;}
.gift-list li .progress-bar-box .number{font-size:18px; color:#8e8e8e; padding-left:6px; font-weight:lighter;}
.gift-list li:hover .progress-bar-box .number{color:#ffac6d;}
.gift-list li .get-btn{font-size:0.2rem; font-weight:lighter; color:#fff; width:1.5rem; height:0.45rem; line-height:0.45rem; border-radius:0.04rem; text-align:center; background:#8e8e8e; position:absolute; top:0; bottom:0; right:3%; margin:auto; box-sizing:border-box;cursor:pointer; transition:0.3s;}
.gift-list li .get-btn:hover{background:#ffac6d;}
.gift-list li .get-btn.active{background:#ccc !important; color:#fff !important; cursor: default;}

.page{line-height:0; font-size:0; letter-spacing:-5px; position:relative; z-index:3; text-align:center; padding-top:0.6rem;}
.page>*{letter-spacing:normal;}
.page b{font-weight:normal;}
.page a, .page span{display:inline-block; min-width:40px; font-size:12px; line-height:1em; color:#ffac6d; padding:0.1rem 0.12rem; transition:all 0.3s linear; box-sizing:border-box; text-align:center; margin:0 3px 3px; border:1px solid #ffac6d;}
.page a.prev{margin-right:20px;}
.page a.next{margin-left:20px;}
.page .dot{background:rgba(0, 0, 0, 0); border:medium none; color:#ffac6d;}
.page a:hover,.page span,.page .on{background-color:#ffac6d; color:#fff; border-color:#ffac6d;}

.scroll-wrap{height:6.8rem; height:calc(100vh - 340px); position: relative;}
.scroll-content{height:100%; overflow:hidden; padding:0 0.5rem;}
.scroll-bar{width:0.02rem; height:100%; background:#c2c2c2; position:absolute; top:0; right:0;}
.scroll-slider{width:0.12rem; background:#fec553; position:absolute; top:0; right:-4.5px;}

.inner-box-2{background:#fff; width:12rem; margin:0 auto; box-sizing:border-box; padding:0.3rem; border:none !important;}

/* 内页-详情页 */
.m-text{padding:0 0.4rem 0.5rem; box-sizing:border-box; margin:0 auto;}
.m-text,.m-text p{font-size:0.18rem; color:#666666; line-height:200%;}
.m-text img{max-width:80%; display:table; margin:10px auto;}
.detit{text-align:center; padding:0.2rem 0.4rem 0; position:relative; box-sizing:border-box; margin:0 auto;}
.detit h1{font-size:0.28rem; font-family:"微软雅黑"; font-weight:bold; color:#2f8465; line-height:160%; padding:0.2rem 0;}
.detit p{display:block; font-size:0.14rem; color:#666666; padding-bottom:0.2rem;}
.detit a{width:0.74rem; height:0.25rem; box-sizing:border-box; border:0.01rem solid #c4c4c4; border-radius:0.25rem; position:absolute; top:0; bottom:0; right:0; margin:auto; background:rgba(255,255,255,0.5); display:none;}
.detit a:after{content:''; width:0.31rem; height:0.09rem; background:url(../images/public_img.png) -3.2rem -1.59rem; background-size:5rem; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.detit a:hover:after{background-position-y:-1.69rem;}
.page-updown{border-top:1px dashed #2f8465; font-size:14px; color:#666; line-height:45px; padding:0; margin-top:30px; margin:0 auto;}
.page-updown p{color:#999; display:inline-block; width:40%; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.page-updown .fl{float:none;}
.page-updown .fr{text-align:right;}
.page-updown a{color:#999;}
.page-updown a:hover{color:#2f8465;}

/* 滚动动画 */
.part .animate-left{transition:all 0.8s ease-out; transform:translate(-50px,0); opacity:0.1;}
.part .animate-right{transition:all 0.8s ease-out; transform:translate(50px,0); opacity:0.1;}
.part .animate-bottom{transition:all 0.8s ease-out; transform:translate(0,100px); opacity:0.1;}
.part.active .animate-left,.part.active .animate-right,.part.active .animate-bottom{transform:translate(0,0); opacity:1;}
.part .delay-100{transition-delay:0.1s;}
.part .delay-200{transition-delay:0.2s;}
.part .delay-300{transition-delay:0.3s;}
.part .delay-400{transition-delay:0.4s;}
.part .delay-500{transition-delay:0.5s;}
@keyframes opacityScale
{
    0%{transform:scale(1,1); opacity:0.5;}
    100%{transform:scale(1.8,1.8); opacity:0;}
}
@keyframes lineMove
{
    0%{top:10px;}
    100%{top:100%;}
}
@keyframes hMove
{
    0%,100% {
        transform: translateX(0)
    }
    10%,30%,50%,70%,90% {
        transform: translateX(-10px)
    }
    20%,40%,60%,80% {
        transform: translateX(10px)
    }
}
@keyframes vMove
{
    0%, 100%, 20%, 50%, 80% { transform: translateY(0) }
    40% { transform: translateY(-0.3rem) }
    60% { transform: translateY(-0.15rem) }
}
@keyframes arrow{
    0%{transform:translate(0,0); opacity:1;}
    50%{transform:translate(0,0.2rem); opacity:0.8;}
    100%{transform:translate(0,0); opacity:1;}
}