@charset "gb2312";
/** 
   description:style
   author:pgy
   update:2016.01.01
*/
.banner{ position:relative; z-index:2;}
.swiper-slide a { display:block; white-space:nowrap; width:100%; height:100%; position:relative;}
.swiper-slide a img{ display:block; width:100%;}
.banner .swiper-container-horizontal>.swiper-pagination{ width:6rem; left:50%; margin-left:-3rem;}
.banner .swiper-pagination-bullet{ width:1rem; height:1rem;}
.banner .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ margin:0 .25rem;}

.hot-btn{ padding:1rem .7%; text-align:center;}
.hot-btn a{ display:inline-block; width:21.3%; margin:0 1.3%;}
.hot-btn a img{ width:100%; height:auto;}
.hot-btn a:hover img{ opacity:.8;}

.sg-game-bd{ padding:0 2%;}
.sg-game-bd li{ display:inline-block; float:left; width:46.8%; padding:.4rem 1.5%; border-right:.1rem solid #d5d5d5;}
.sg-game-bd li:nth-child(2n){ border-right:none;}
.sg-game-bd li .logo-game{ display:inline-block; float:left; height:3.4rem; width:3.4rem; padding:.4rem 0;}
.sg-game-bd li .logo-game img{ height:100%; width:100%; border-radius:.5rem;}
.sg-game-bd li .info-game{ margin-left:3.8rem; height:4.2rem;}
.sg-game-bd li .info-game div{ height:4.2rem; margin-right:2.8rem;}
.sg-game-bd li .info-game .btn-game-download{ display:inline-block; float:right; width:2.8rem; height:1.8rem; padding:1.2rem 0;}
.sg-game-bd li .info-game .btn-game-download a{ display:block; height:1.8rem; width:2.8rem; background:#1ec57d; font-size:.8rem; line-height:1.85rem; color:#fff; text-align:center; border-radius:.2rem;}
.sg-game-bd li .info-game div h6{ height:2rem; font-size:1.15rem; line-height:2.1rem; white-space:nowrap; overflow:hidden;}
.sg-game-bd li .info-game div em{ display:inline-block; height:.9rem; width:5.5rem; background:url(../img/bg-white-star.png) no-repeat; background-size:5.5rem .9rem; overflow:hidden;}
.sg-game-bd li .info-game div em i{ display:inline-block; height:.9rem; background:url(../img/bg-red-star.png) no-repeat; background-size:5.5rem .9rem;}
.sg-game-bd li .info-game div p{ height:1.3rem; font-size:.7rem; line-height:1.3rem; overflow:hidden; color:#5e5e5e; font-weight:lighter;}
.sg-game-bd li .info-game div p i{ font-size:.7rem;}

.hot-giftbag-bd ul{ padding:.8rem 0;}
.hot-giftbag-bd ul li{ display:inline-block; float:left; width:25%; padding:.8rem 0;}
.hot-giftbag-bd ul li img{ width:68%; height:auto; border-radius:.5rem; display:block; margin:0 auto;}
.hot-giftbag-bd ul li h6{ height:1.8rem; font-size:1.05rem; line-height:2.1rem; text-align:center; color:#202020; white-space:nowrap; overflow:hidden;}
.hot-giftbag-bd ul li span{ display:block; width:100%; height:1.4rem; font-size:.9rem; line-height:1.45rem; text-align:center; color:#5e5e5e; overflow:hidden; font-weight:lighter;}
.hot-giftbag-bd ul li .btn-get-gb{ display:block; width:68%; height:2rem; margin:0 auto; font-size:0.95rem; letter-spacing:.1rem; text-align:center; line-height:2.2rem; color:#fff; background:#1ec57d; border-radius:.35rem;}
.hot-giftbag-bd ul li .btn-start-game{ display:block; width:68%; height:2rem; margin:0 auto; font-size:0.95rem; letter-spacing:.1rem; text-align:center; line-height:2.2rem; color:#1ec57d; border: 1px solid #1ec57d; border-radius:.35rem;}

.game-server-ctrl{ height:3.1rem; width:100%; border:.1rem solid #d5d5d5; border-width:.1rem 0;}
.game-server-ctrl span{ display:inline-block; float:left; width:49.5%; height:3.0rem; border-right:.1rem solid #bdbdbd; border-bottom:.2rem solid #ececec; background:#ececec; font-size:1.35rem; line-height:3.0rem; text-align:center; color:#202020;}
.game-server-ctrl span:last-chlid{ border-right:0;}
.game-server-ctrl span.hover{ border-bottom-color:#1ec57d; color:#1ec57d;}

.hot-game-con.game-list ul li{ height:4.2rem;}
.hot-game-con.game-list ul li>div{ margin-right:5rem;}
.hot-game-con.game-list ul li>div a{ display:block; width:100%; height:100%;}
.hot-game-con.game-list ul li .btn-game-download{ width:4.6rem; height:2.25rem; margin-top:1rem; line-height:2.25rem;}
.hot-game-con.game-list ul li div span{ display:inline-block; float:left; width:1.5rem; height:5rem; font-size:1rem; line-height:1.5rem; text-align:center; color:#2e2e2e; }
.hot-game-con.game-list ul li div span.no1{ background:url(../img/rank-no1.png) no-repeat; background-size:100% auto; color:#fff;}
.hot-game-con.game-list ul li div span.no2{ background:url(../img/rank-no2.png) no-repeat; background-size:100% auto; color:#fff;}
.hot-game-con.game-list ul li div span.no3{ background:url(../img/rank-no3.png) no-repeat; background-size:100% auto; color:#fff;}
.hot-game-con.game-list ul li div img{ display:inline-block; float:left; width:4.2rem; height:4.2rem; margin-left:.5rem; border-radius:.4rem;}
.hot-game-con.game-list ul li div div{ margin-left:6.6rem; height:4.2rem;}
.hot-game-con.game-list ul li div div h5{ height:2.2rem; line-height:2rem; font-size: 1.3rem;}
.hot-game-con.game-list ul li div div p{ height:1.1rem; font-size:.85rem; line-height:1.15rem;}

.open-server-con>div{ width:93%; padding:0 3.5%; height:4.2rem; border:.1rem solid #d9d9d9; border-width:0 0 .1rem;}
.open-server-con>div>span,.open-server-con>div>em{ display:inline-block; float:left; height:4.2rem; font-size:1.35rem; line-height:4.3rem; text-align:center; color:#202020;}
.open-server-con>div>span{ width:30%;}
.open-server-con>div>em{ width:20%;}
.open-server-con>ul{ padding:0 3.5%; width:93%;}
.open-server-con>ul>li{ display:inline-block; float:left; padding:.5rem 0; height:4rem; width:100%; border-bottom:.1rem solid #d9d9d9;}
.open-server-con>ul>li>span{ display:inline-block; float:left; width:30%; height:4rem; font-size:1.15rem; line-height:4rem; color:#424242; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:lighter; }
.open-server-con>ul>li>span em{ display:block; height:2rem; line-height:2rem; text-align: center;}
.open-server-con>ul>li>a{ display:inline-block; float:left; width:20%; height:2.2rem; padding:.9rem 0;}
.open-server-con>ul>li>a>em{ display:block; width:80%; height:2.2rem; margin:0 auto;}
.open-server-con>ul>li>a>em.btn-giftbag{ background:url(../img/btn_os_giftbag.png) center top no-repeat; background-size:auto 100%;}
.open-server-con>ul>li>a>em.btn-gdownload{ background:url(../img/btn_os_gdownload.png) center top no-repeat; background-size:auto 100%;}

/*page*/
.page .page-tit{ height:2.2rem; font-size:1.35rem; color:#202020; line-height:2.2rem;}
.page-tit>span{ display:inline-block; height:2.6rem; float:right; font-size:1rem; line-height:2.6rem; font-weight:lighter; color:#1ec57d;}
.page-tit>span>i{ display:inline-block; height:.9rem; width:.9rem; margin-top:.9rem;}
.page-tit>.slideup>i{ background:url(../img/icon_slideup.png) no-repeat; background-size:100% 100%;}
.page-tit>.slidedown>i{ background:url(../img/icon_slidedown.png) no-repeat; background-size:100% 100%;}

/*game-info*/
.game-focus{ padding-top:2rem; padding-bottom:1rem;}
.game-info-vote-relevant{ width:94.4%; height:2.9rem; margin-bottom:1rem; border-right:.1rem solid #ececec;}
/*.game-info-vote-relevant span{ display:inline-block; float:left; width:32.89%; height:2.9rem; border:.1rem solid #d5d5d5; background:#ececec; font-size:1.05rem; color:#424242; text-align:center; line-height:2.9rem; border-right:none;}*/
.game-info-vote-relevant span{ display:inline-block; float:left; width:49%; height:2.9rem; border:.1rem solid #d5d5d5; background:#ececec; font-size:1.05rem; color:#424242; text-align:center; line-height:2.9rem; border-right:none;}
.game-info-vote-relevant span.hover{ background:#424242; border-color:#424242; color:#fff;}
.game-info-vote-relevant span:last-child{ border-right:.1rem solid #d5d5d5;}


.game-picshow{ position:relative; z-index:2; width:94.4%; padding-top:1rem; padding-bottom:1rem; border:.1rem solid #d9d9d9; border-width:.1rem 0;}
.game-picshow .swiper-slide a { display:block; white-space:nowrap; width:100%; height:100%; position:relative;}
.game-picshow .swiper-slide a img{ display:block; width:100%;}
.game-picshow  .swiper-container-horizontal>.swiper-pagination{ width:6rem; left:50%; margin-left:-3rem;}
.game-picshow  .swiper-pagination-bullet{ width:1rem; height:1rem;}
.game-picshow  .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ margin:0 .25rem;}

.game-gb{ padding-top:1rem; padding-bottom:1rem;}
.game-gb .btn-get-gb{ display:inline-block; float:right; width:5.5rem; height:2.3rem; font-size:1rem; line-height:2.3rem; text-align:center; color:#fff; background:#efc122; border-radius:.5rem; margin-top:.3rem;}
.game-gb div{ margin-right:6rem;}
.game-gb div h6{ height:1.8rem; font-size:1.2rem; color:#1ec57d; font-weight:lighter; line-height:1.8rem;}
.game-gb div p{ font-size:1rem; color:#5e5e5e; font-weight:lighter; line-height:1.4rem;}
.game-gb div p i{ color:#1ec57d;}

.game-des{ padding-top:1.3rem; padding-bottom:1rem;}
.game-des p{ font-size:1.05rem; color:#424242; line-height:1.8rem; font-weight:lighter;}
.game-des div{ position:relative; overflow:hidden; height:3.6rem;}

.game-news{ padding-top:1rem; padding-bottom:1rem;}
.game-news li{ display:inline-block; float:left; width:100%; height:3rem; border-bottom:.1rem solid #d9d9d9;}
.game-news li span{ display:inline-block; float:right; width:3rem; height:3rem; font-size:.85rem; line-height:3rem; text-align:right; color:#424242;}
.game-news li a{ display:block; margin-right:4rem; height:3rem; font-size:1.05rem; line-height:3rem; color:#424242; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.page-appdl{ height:4rem; position: fixed; left: 0; bottom: 0; background: #fff; border-top: 1px solid #d9d9d9; border-bottom: none; z-index: 999999;}
.page-appdl a{ display:inline-block; float:right; width:5.5rem; height:2.3rem; font-size:.9rem; line-height:2.3rem; text-align:center; font-weight:lighter; color:#fff; background:#1ec57d; border-radius:.5rem; margin-top:.8rem;}
.page-appdl p{ margin-right:6rem; height:4rem; font-size:1.2rem; line-height:4rem; color:#202020;}

.page-rel-game{ padding-top:1rem; padding-bottom:1rem;}
.page-rel-game h5{ border:.1rem solid #d9d9d9; border-width:.1rem 0; height:4rem; font-size:1.35rem; line-height:4rem; color:#202020;}
.page-rel-game h5 i{ color:#fecc2f; margin:0 .35rem;}
.page-rel-game ul{ padding-top:1rem; padding-bottom:1rem;}
.page-rel-game ul li{ display:inline-block; float:left; width:33.3%; padding-top:1rem; padding-bottom:1rem;}
.page-rel-game ul li img{ display:block; width:50%; height:auto; margin:0 auto; border-radius:.5rem;}
.page-rel-game ul li p{ height:1.6rem; font-size:1.05rem; line-height:1.6rem; color:#202020; text-align:center;}
.page-rel-game ul li span{ display:block; width:100%; height:1.2rem; font-size:.9rem; text-align:center; line-height:1.2rem; color:#5e5e5e; font-weight:lighter;}
.page-rel-game ul li .game-dl{ display:block; width:37.5%; height:2.3rem; font-size:1rem; line-height:2.3rem; color:#fff; text-align:center; font-weight:lighter; border-radius:.4rem; margin:0 auto; background:#1ec57d;}

.act-list ul li{ display:inline-block; float:left; width:100%; border-bottom:.1rem solid #d9d9d9; padding-top:1rem;}
.act-list ul li img{ display:block; width:100%;}
.act-list ul li a{ display:inline-block; float:right; height:2.25rem; width:5.5rem; font-size:.95rem; line-height:2.25rem; text-align:center; color:#fff; font-weight:lighter; margin-top:1.2rem; background:#1ec57d; border-radius:.5rem;}
.act-list ul li div{ margin-right:6rem; padding:.7rem 0;}
.act-list ul li div h4{ height:1.7rem; font-size:1.2rem; line-height:1.7rem; color:#202020;}
.act-list ul li div p{ display:block; height:1.2rem; font-size:.85rem; line-height:1.2rem; color:#5e5e5e;}
.act-list ul li div p em{ color:#1ec57d;}

/*search-box*/
.search-box{ padding-top:.65rem; padding-bottom:.65rem; background:#ececec; position:fixed; left:0; top:0;}
.search-box>form>input,.search-box>form>a{ display:inline-block; float:right; height:2.8rem; width:3.5rem; font-size:1.3rem; color:#1ec57d; line-height:2.8rem; text-align:center; border:none; background:#ececec;}
.search-box>form>input{ display:none;}
.search-inbox{ height:2rem; padding:.3rem 2.5rem .3rem 2.4rem; position:relative; margin-right:3.6rem; border:.1rem solid #d5d5d5; border-radius:.5rem;  background:#fff url(../img/btn_search_gray.png) left center no-repeat; background-size:2.4rem;}
.search-inbox>input:first-child{ width:100%; height:100%; font-size:1.2rem; color:#424242;}
.search-inbox>input{ display:block; border:none;}
.search-inbox>input:last-child{ display:none; width:2rem; height:2rem; position:absolute; top:.3rem; right:.5rem; background:url(../img/btn_form_reset_g.png) no-repeat; background-size:100%;}

.search-result h6{ height:3rem; font-size:1.2rem; line-height:3rem; color:#727272; border:.1rem solid #d9d9d9; border-width:.1rem 0;}
.search-result ul li{ display:inline-block; float:left; width:100%; height:5.5rem; padding:.75rem 0; border-bottom:.1rem solid #d9d9d9;}
.search-result ul li a{ display:block; height:5.5rem;}
.search-result ul li a em{ display:inline-block; float:right; width:5.5rem; height:2.3rem; font-size:.9rem; font-weight:lighter; color:#fff; text-align:center; line-height:2.3rem; background:#1ec57d; border-radius:.5rem; margin-top:1.6rem;}
.search-result ul li p{ display:block; height:5.5rem; margin-right:6rem;}
.search-result ul li p img{ display:inline-block; float:left; height:100%; width:auto; margin-right:1rem; border-radius:50%;}
.search-result ul li p span{ display:inline-block; float:left; height:5.5rem; font-size:1.2rem; line-height:5.5rem; color:#424242;}

/*gift-list*/
.game-list.gift-list>ul>li>div>div>h5{ height:2.2rem; line-height:2.2rem; font-size:1.2rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.game-list.gift-list>ul>li>div>div>h5 em{ color:#5e5e5e;}
.game-list.gift-list>ul>li>div>div>p{ height:1.4rem; line-height:1.4rem;}
.game-list.gift-list>ul>li>div>div>p>i{ margin:0 .2rem; color:#1ec57d;}
.cd-key-pop{ border:.1rem solid #ececec; width:70%; height:14.5rem; position:fixed; z-index:11; top:50%; left:50%; margin-top:-7.25rem; margin-left:-35%; background:#fff;}
.cd-key-pop>div{ padding:3rem 5% 0; position:relative;}
.cd-key-pop>div>a{ display:block; width:3.2rem; height:3.2rem; background:url(../img/btn_form_reset_w.png) no-repeat; background-size:100% 100%; position:absolute; top:-1.5rem; right:-1.5rem;}
.cd-key-pop>div>h6{ height:2.7rem; font-size:1.2rem; line-height:2.7rem; color:#424242; font-weight:lighter;}
.cd-key-pop>div>div{ height:3rem; width:100%; font-size:1.05rem;}
.cd-key-pop>div>div>input{ display:inline-block; float:left; height:3rem; width:70%; padding-left:2%; border-radius:.35rem 0 0 .35rem; border:none; background:#ececec; color:#1ec57d;}
.cd-key-pop>div>div>span{ display:inline-block; float:left; height:3rem; width:28%; border-radius:0 .35rem .35rem 0; text-align:center; color:#fff; background:#1ec57d; line-height:3rem;}

/*pay*/
.pay-box{ padding-bottom: 5rem; }
.pay-box .pay-hd{ font-size:1.2rem; color:#424242; height:3rem; line-height:3rem;}
.pay-box>div{ border-bottom:.1rem solid #d9d9d9; padding:1rem 6.25%;}
.pay-box>.pay-account{ height:3.25rem; padding-top:2rem; padding-bottom:2rem;}
.pay-account>.pay-hd{ display:inline-block; float:left; width:25.75%; height:3.25rem; line-height:3.25rem;}
.pay-account>input{ display:inline-block; float:left; height:3.05rem; font-size:1rem; font-weight:lighter; padding-left:2.85%; width:70%; border:.1rem solid #d5d5d5;}

.pay-number-box>.pay-hd>span{ display:inline-block; float:right; height:3rem; font-size:.9rem; color:#1ec57d;}
.pay-num-list>li{ display:inline-block; float:left; height:3.9rem; width:30%; margin-right:3.65%; margin-bottom:1rem; border:.1rem solid #d5d5d5; line-height:3.9rem;}
.pay-num-list>li:nth-child(3n){ margin-right:0;}
.pay-num-list>li:last-child{ border:none;}
.pay-num-list>li,.pay-num-list>li>input{ font-size:1rem; text-align:center; color:#424242; font-weight:lighter;}
.pay-num-list>li>input{ border:.1rem solid #d5d5d5; width:100%; height:100%;}
.pay-num-list>li.hover,.pay-num-list>li>input:focus,.pay-num-list>li>input.hover{ border-color:#1ec57d;}

.pay-ways a{ display:inline-block; float:left; width:30%; border:.1rem solid #d5d5d5; margin-right:3.65%;}
.pay-ways a:last-child{ margin-right:0;}
.pay-ways a>img{ width:100%; height:auto;}
.pay-ways a.hover{ border-color:#1ec57d;}

.pay-now>.pay-hd{ display:inline-block; float:left; height:5rem; line-height:2rem;}
.pay-now>span{ font-size:.9rem; color:#424242; line-height:2rem;}
.pay-btn{ background:#f1f1f1; position: fixed; left: 0; bottom: 5rem; width: 87.5%; height: 3rem;}
.pay-btn>a{ display:block; height:3rem; width:90%; margin:0 auto; border-radius:.4rem; font-size:1.2rem; line-height:3rem; font-weight:lighter; color:#fff; background:#1ec57d; text-align:center;}

/*list*/
.layout{ padding-top: .5rem; padding-bottom: .5rem; }
#news-list li{ display: inline-block; float: left; width: 100%; height: 7rem; padding: 1rem 0; border-bottom: .1rem solid #d9d9d9; }
#news-list li a{ display: block; height: 7rem; }
#news-list li img{ display: inline-block; float: left; width: 10rem; height: 7rem; }
#news-list li div{ height: 7rem; margin-left: 11rem; }
#news-list li div h4{ height: 2.2rem; font-size: 1.3rem; line-height: 2.2rem; color: #202020; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#news-list li div p{ font-size: 1.05rem; line-height: 1.5rem; height: 3rem; overflow: hidden; color: #5e5e5e; }
#news-list li div span{ display: block; height: 1.8rem; font-size: 1rem; line-height: 2.4rem; text-align: right; color: #5e5e5e; }

.btn-game-dl{ height: 3rem; padding: 1rem 8%; }
.btn-game-dl a{ display: block; height: 3rem; width: 100%; border-radius: .5rem; font-size: 1.3rem; line-height: 3rem; text-align: center; color: #fff; background: #1ec57d; }

.main-menu-choose{ background:#ececec;}
.main-menu-choose,.sub-menu-choose{ border:.1rem solid #d5d5d5; border-width:.1rem 0;}
.sub-menu-choose{ border-top:none;}
.main-menu-choose a{ height:3.1rem; width:33.1%; border-right:.1rem solid #bdbdbd; font-size:1.35rem; color:#424242; line-height:3.1rem;}
.sub-menu-choose a{ height:4.2rem; width:16.66%; font-size:1.2rem; color:#5f5f5f; line-height:4.2rem;}
.main-menu-choose a.hover{ color:#1ec57d; background:url(../img/bg-hicon-redborder.png) center bottom no-repeat; background-size:100% .2rem;}
.sub-menu-choose a.hover{ color:#202020;}
.main-menu-choose a:last-child,.sub-menu-chosse a:last-child{ border-right:none;}
.main-menu-choose a,.sub-menu-choose a{ display:inline-block; float:left; text-align:center;}


/* h5-game */
.game-played ul{ border-bottom: 1px solid #d9d9d9; padding-top: .8rem; }
.game-played ul li{ display: inline-block; float: left; margin-left: 2.8%; width: 13.5%; }
.game-played ul li a{ display: block; width: 100%; }
.game-played ul li a img{ width: 100%; height: auto; }
.game-played ul li a span{ height: 2rem; font-size: .9rem; line-height: 2rem; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/* h5game-box */
.h5game-box{ width: 94.4%; height: 7rem; margin: 0 auto; padding: 1rem 0; border: 1px solid #d5d5d5; border-width: 1px 0; }
.h5game-box .game-logo{ display: inline-block; float: left; width: 7rem; height: 7rem; background: #999; }
.h5game-box dl{ height: 7rem; margin-left: 7.5rem; }
.h5game-box dl dt{ display: block; height: 1.8rem; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.h5game-box dl dt span{ display: inline-block; float: left; font-size: 1.4rem; line-height: 1.8rem; }
.h5game-box dl dt i{ display: inline-block; float: left; height: 1.3rem; padding: 0 2px; font-size: .7rem; background: #f66800; line-height: 1.3rem; color: #fff; font-weight: lighter; border-radius: 2px; margin-top: .1rem; margin-left: 3px; }
.h5game-box dl dd{ height: 5.2rem; }
.h5game-box dl dd .btn-play-test{ display: inline-block; float: right; height: 5.2rem; width: 5.2rem;}
.h5game-box dl dd .btn-play-test img{ width: 100%; height: 100%; }
.h5game-box dl dd .btn-play-test:first-child{ margin-left: .4rem; }
.h5game-box dl dd div{ margin-right: 4.8rem; height: 4.8rem; }
.h5game-box dl dd div .star{ display:block; height:.9rem; width:5.5rem; background:url(../img/bg-white-star.png) no-repeat; background-size:5.5rem .9rem; overflow:hidden; margin-bottom: 1.1rem; }
.h5game-box dl dd div .star i{ display:block; height:.9rem; background:url(../img/bg-red-star.png) no-repeat; background-size:5.5rem .9rem;}
.h5game-box dl dd div p{ height: 2rem; font-size: 1.1rem; line-height: 2rem; }
.h5game-box dl dd div p strong{ color: #f66800; margin: 0 4px; }
.h5game-box dl dd div span{ display: block; height: 1.2rem; font-size: 1rem; }

/* h5-game-box */
.h5-game-box{ width: 94.4%; height: 6rem; margin: 0 auto; padding: 1rem 0; border-width: 1px 0; }
.h5-game-box .game-logo{ display: inline-block; float: left; width: 6rem; height: 6rem; }
.h5-game-box .game-box-right{ height: 6rem; margin-left: 6.5rem; }
.h5-game-box .game-box-right .game-box-right-top{ display: block; height: 1.4rem; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.h5-game-box .game-box-right .game-box-right-top span{ display: inline-block; float: left; font-size: 1.3rem; line-height: 1.4rem; }
.h5-game-box .game-box-right .game-box-right-top i{ display: inline-block; float: left; height: 1rem; padding: 0 2px; font-size: .7rem; background: #f66800; line-height: 1rem; color: #fff; font-weight: lighter; border-radius: 2px; margin-top: .2rem; margin-left: 3px; }
.h5-game-box .game-box-right .game-box-right-bottom{ height: 4.6rem; }
.h5-game-box .game-box-right .game-box-right-bottom .btn-play-test{ display: inline-block; float: right; height: 4.6rem; width: 4.6rem;}
.h5-game-box .game-box-right .game-box-right-bottom .btn-play-test img{ width: 100%; height: 100%; }
.h5-game-box .game-box-right .game-box-right-bottom .btn-play-test:first-child{ margin-left: .4rem; }
.h5-game-box .game-box-right .game-box-right-bottom div{ margin-right: 9.6rem; height: 4.6rem; }
.h5-game-box .game-box-right .game-box-right-bottom div .star{ display:block; height:.9rem; width:5.5rem; background:url(../img/bg-white-star.png) no-repeat; background-size:5.5rem .9rem; overflow:hidden; margin-bottom: .4rem; }
.h5-game-box .game-box-right .game-box-right-bottom div .star i{ display:block; height:.9rem; background:url(../img/bg-red-star.png) no-repeat; background-size:5.5rem .9rem; margin-bottom: .7rem; }
.h5-game-box .game-box-right .game-box-right-bottom div p{ height: 2rem; font-size: 1rem; line-height: 2rem; }
.h5-game-box .game-box-right .game-box-right-bottom div p strong{ color: #f66800; margin: 0 4px; }
.h5-game-box .game-box-right .game-box-right-bottom div span{ display: block; height: 1.2rem; font-size: .9rem; }

/* com-gift-game */
.com-gift-game ul li{ display: inline-block; width: 94.4%; height: 3rem; padding: 1rem 2.8%; border-bottom: 1px solid #d5d5d5; }
.com-gift-game ul li a{ display: inline-block; float: right; height: 2.3rem; width: 6rem; margin-top: .3rem; border-radius: .3rem; background: #1ec57d; font-size: 1.1rem; line-height: 2.3rem; text-align: center; color: #fff; font-weight: lighter; }
.com-gift-game ul li div{ margin-right: 6rem; height: 3rem; }
.com-gift-game ul li div img{ display: inline-block; float: left; height: 3rem; width: 3rem; }
.com-gift-game ul li div h6{ margin-left: 3.6rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: .9rem; line-height: 3rem; }
.com-gift-game ul li div h6 span{ display: inline-block; float: left; height: 3rem;  font-size: 1.3rem; line-height: 3rem; font-weight: normal; margin-right: 3px; }
.com-gift-game ul li div h6 i{ display: inline-block; float: left; margin-left: 3px; width: 1.2rem; height: 3rem; background: url(../img/ch_icon_gift.png) center .9rem no-repeat; background-size: 1.2rem 1.2rem; }


/* all-play */
.all-play{ padding: 0 2.8%; }
.all-play li{ display: inline-block; float: left; width: 100%; height: 4.8rem; padding: .8rem 0; border-bottom: 1px solid #d9d9d9; }
.all-play li .go-play{ display: inline-block; float: right; width: 5.2rem; height: 2rem; font-size: 1rem; line-height: 2rem; color: #fff; text-align: center; background: #1ec57d; border-radius: .3rem; margin-top: 1.4rem; }
.all-play li .img-link{ display: block; height: 4.8rem; margin-right: 5.2rem; }
.all-play li .img-link img{ display: inline-block; float: left; width: 4.8rem; height: 4.8rem; }
.all-play li .img-link dl{ display: block; margin-left: 5rem; }
.all-play li .img-link dt{ height: 2rem; font-size: 1.1rem; line-height: 2rem; margin-bottom: .6rem; }
.all-play li .img-link dd{ height: 1.1rem; font-size: .8rem; line-height: 1.1rem; }
.all-play li .img-link dd em{ color: #f66800; margin: 0 3px; }
.go-play { display: inline-block; float: right; width: 5.2rem; height: 2rem; font-size: 1rem; line-height: 2rem; color: #fff; text-align: center; background: #1ec57d; border-radius: .3rem; margin-top: 1.4rem; }

/* scroll-gift */
.com-gift-game.scroll-gift{ overflow: hidden; position: relative; }
.com-gift-game .swiper-container .swiper-wrapper{ height: 5rem; }
.com-gift-game .swiper-container .swiper-wrapper .swiper-slide>div{ display: inline-block; width: 94.4%; height: 3rem; padding: 1rem 2.8%; border-bottom: 1px solid #d5d5d5; }
.com-gift-game .swiper-container .swiper-wrapper .swiper-slide>div a{ display: inline-block; float: right; height: 2.3rem; width: 6rem; margin-top: .3rem; border-radius: .3rem; background: #1ec57d; font-size: 1.1rem; line-height: 2.3rem; text-align: center; color: #fff; font-weight: lighter; }
.com-gift-game .swiper-container .swiper-wrapper .swiper-slide>div div{ margin-right: 6rem; height: 3rem; }
.com-gift-game .swiper-container .swiper-wrapper .swiper-slide>div div img{ display: inline-block; float: left; height: 3rem; width: 3rem; }
.com-gift-game .swiper-container .swiper-wrapper .swiper-slide>div div h6{ margin-left: 3.6rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: .9rem; line-height: 3rem; }
.com-gift-game .swiper-container .swiper-wrapper .swiper-slide>div div h6 span{ display: inline-block; float: left; height: 3rem;  font-size: 1.3rem; line-height: 3rem; font-weight: normal; margin-right: 3px; }
.com-gift-game .swiper-container .swiper-wrapper .swiper-slide>div div h6 i{ display: inline-block; float: left; margin-left: 3px; width: 1.2rem; height: 3rem; background: url(../img/ch_icon_gift.png) center .9rem no-repeat; background-size: 1.2rem 1.2rem; }