@charset "utf-8";

.h_csp{background: url(/images/cms_style_2017/m/new_vesion/home_csp.png?201911011818) no-repeat;}
/** 头部导航 **/
.hd-menu {background: #fff url(/images/cms_style_2017/m/new_vesion/head_line.png) no-repeat center bottom; height: 64px; width:100%; }
.hd-menu .w1200 {position:relative;}
.hd-menu .logo {height:62px; line-height:62px; width:124px; margin-right: 80px;}
.hd-menu .menu li {margin:0 35px;}
.hd-menu .menu li a {height:60px;}
.hd-menu .menu span {height:57px; line-height:57px;}
.all-game-wp-place { width:149px; height:40px; float: right; margin-top: 13px;}
.all-game-btn {display:block; width:147px; height:53px; }
.all-game-btn .all-game-btn-input { display:block; width:147px; height:33px; line-height: 33px; border: 1px solid #dee2e3; color: #ddd;}
.all-game-btn .all_game_word {padding: 0 34px 0 13px; font-size: 14px; color: #8d8d8d;}
.all-game-btn i {background: #fff url(/images/cms_style_2017/m/new_vesion/head_line.png) no-repeat }
.all_down_ico { display: inline-block; width: 13px; height: 9px; margin-left: 12px; overflow: hidden; background-position:-100px -157px;}
.all-game-btn:hover .all_down_ico {background-position: -100px -190px;}
.hd-menu .all-game-box { top: 50px; border-radius: 8px; background: #fff; background: rgb(255,255,255,.95);padding: 20px 78px 0; width: 1042px; height: 358px; border: none;}
.all-game-hot-list { text-align: center; height: 136px; border-bottom: 1px solid #d3d3d3; overflow: hidden;}
.all-game-hot-list ul{margin-right: -68px;}
.all-game-hot-list li{margin-right: 68px; float: left;}
.all-game-hot-list img {margin-bottom: 8px; border-radius: 15px;}

.all-game-role-list { float: left; width: 708px; height: 200px; border-right: 1px solid #dee2e3; overflow: hidden;}
.all-game-other-list { float: left; width: 264px; height: 200px; padding-left: 60px;}
.all-game-role-list dt,
.all-game-other-list dt {color: #fd5253; font-size: 17px; padding: 12px 0 5px 0;}
.all-game-role-list dd {float: left; width: 140px; line-height: 28px; margin-top: 3px;}
.all-game-other-list dd {float: left; width: 130px; line-height: 28px;}

/** 幻灯片 **/
.g-container {margin-top:0; padding-top:0; background:#f1f2f6; min-width:1200px;}
.slide-box {width:1920px;height:849px;position:absolute;left:50%; margin-left:-960px; }
.slide-box .slide-bd li {width: 100%; height: 100%; zoom:1; vertical-align:middle;}
.slide-box .slide-bd a {display:block;position:relative}
.slide-fd {width:500px;overflow:hidden;text-align:center;position:absolute;top:600px;left:50%; margin-left: -250px;}
.slide-box .slide-nav {}
.slide-box .slide-nav li {display:inline-block;vertical-align:middle;width:31px;height:6px;margin:0 5px;line-height:99px;overflow:hidden;-webkit-border-radius:4px;border-radius:4px;background:#fff;*display:inline;*zoom:1}
.slide-box .slide-nav li:hover,.slide-box .slide-nav .active{background:#e1405a}

.nav_box {position:absolute; width:752px; height:105px; top:475px; left:0px; z-index: 10; }
.nav_box_bg {position:absolute;width:752px; height:105px; top:0px;left:0px; background:#e1405a; background:rgba(255,255,255,0.9);border-radius:0 8px 8px 0;}
.nav_con {position:absolute; width:360px; height:105px; right:0px; top:0px;}
.nav_con a{display:block;width:63px; height:90px; float:left; margin:10px 25px 0 0; cursor:pointer;}
.nav_con a span{display:block; width:58px; cursor:pointer; height:58px;  text-align: center;background-image: url(/images/cms_style_2017/m/new_vesion/fixed_menus.png); background-repeat: no-repeat; -webkit-transition: -webkit-transform .4s ease-out;
-moz-transition: -moz-transform .4s ease-out;
transition: transform .4s ease-out; }
.nav_con a span:hover{transform: rotate(360deg);-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); 	/* Opera */}
.nav_con a b{display:block; cursor:pointer; position:relative; z-index: 5; width:60px; height:30px; line-height: 30px;color:#fd5253; text-align: center; font-weight: normal;}
.nav_con a:hover b{text-decoration: underline;}
.nav_con .num1 span{background-position: 0 0;}
.nav_con .num2 span{background-position: 0 -64px;}
.nav_con .num3 span{background-position: 0 -128px;}
.nav_con .num4 span{background-position: 0 -194px;}

/** 下拉联动 */
.mod-select{position: relative; z-index: 10;}
.select { position:absolute; top:-46px; right:0; height:31px; line-height:31px; color:#2d3e50; border-radius: 5px; overflow:visible; z-index:10;}
.area { position:absolute; height:31px; line-height:31px; color:#ffd17d;}
.sel_list { display:none; position:relative; border:solid 1px #dee2e3; border-top:none; }
.sel_list a { display:block;text-indent:10px; font-size: 14px; color:#2d3e50; height:31px; line-height:31px;  background:#fff;}
.sel_list a:hover { background:#fd5253; color:#fff !important;}
.sel_a { position:relative; height:31px; text-indent:10px;border:solid 1px #dee2e3; font-size: 14px; color:#2d3e50; cursor:pointer;background:#fff url(/images/cms_style_2017/m/new_vesion/select.png) no-repeat right 8px ;}
.select .active {background-position: right -56px;}
.pos1 { width: 149px; margin-right: 163px; z-index: 100;}
.pos2 { width: 149px; margin-right: 0; z-index: 100;}

/** 右侧导航 **/
.float-menu {display: none !important;}
.float_home_ecode { position: fixed; top: 50%; right: 20px; margin-top: -203px; background: url(/images/cms_style_2017/m/new_vesion/float_menu.png?201911011842) no-repeat; width: 166px; height: 406px; z-index: 99;}
.float_home_ecode ul {padding: 106px 0 0 27px; width: 118px; text-align: center; color: #828282;}
.float_home_ecode li {margin-bottom: 6px;}
.float_home_ecode img {width: 99px; height: 99px; margin-bottom: 1px;}
.f_top { position: absolute; bottom: 0; left: 50%; margin-left: -17px; width: 34px; height: 34px;}
.f_close { position: absolute; top: 70px; right: 0; width: 28px; height: 28px; cursor: pointer;}

/** 火爆游戏 **/
.index-main{margin-top:631px;position:relative;}
.mod-hotgame{height:325px;}
.rec-box { position:relative;width: 1200px; height:418px;}
.rec-box #home-hotgame-list { height:399px; width:3000px;  position: relative;}
.rec-box #home-hotgame-list .item {display:block;width:392px; height:250px;text-align:center; margin-right:12px;float:left; border-radius: 10px; overflow: hidden;}
.rec-box .mobile-hd{ width:300px;  position:absolute; bottom:120px; left:50%; margin-left:-150px; text-align:center; z-index:3;}
.rec-box .mobile-hd li{width:19px; height:19px; text-indent:-999px; background: url(/images/cms_style_2017/m/new_vesion/home_csp.png) no-repeat -82px -97px; overflow:hidden; margin:0 10px; display:inline-block; *float:left; cursor:pointer;}
.rec-box .mobile-hd li.on{background-position: -55px -97px;}

#home-hotgame-list .item a.img{display:block; width:392px; height:250px; position:relative; transform-style:preserve-3d;}
#home-hotgame-list .item:hover{z-index: 20;}
#home-hotgame-list .item:hover .back{z-index: 10;}
#home-hotgame-list .item img{vertical-align: top; max-width:100%;}
.orderby{display:none;}
#home-hotgame-list .item .front{cursor:pointer; backface-visibility: hidden;width:392px; height:250px; position:absolute; top:0px; left:0px; z-index: 1;}
#home-hotgame-list .item .front .ftxt{position:absolute; bottom:0; left:0; width:329px; height:61px; overflow:hidden; padding: 7px 0 0 60px; text-align:left;}
.hot-game-new,
.hot-game-hot{ position: absolute; top: 0; left: 0; width: 52px; height: 52px; z-index: 10;}
.hot-game-new{ background-position: -1px -207px;}
.hot-game-hot{ background-position: -1px -153px;}
.f_phone_ico{ position: absolute; left: 20px; top: 14px; background-position: 0 -95px; width: 22px; height: 40px;}
#home-hotgame-list .item .back{cursor:pointer; backface-visibility: hidden;width:392px; height:250px;position:absolute; top:0px; left:0px;}
#home-hotgame-list .item .back .back_bg{position:absolute; top:0; left:0; width:392px; height:250px; z-index:1;}
#home-hotgame-list .item .back .back_con{ position:relative; z-index:5; background:#000; background:rgba(0,0,0,0.65);width:100%; height:250px;}
.item .back .back_logo{ width:392px; height:250px; position:absolute; top:0; left:0;}
.item .back p span{ position:absolute; bottom:38px; left:50%; margin-left:-69px; background-position: 0 0; display:block; width:138px; height:40px;}
.item .back p span:hover{background-position: 0 -42px;}
#home-hotgame-list .item a:hover:not(.switch) .back{
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	transform:rotateY(0deg)
 display:block; }
#home-hotgame-list .item a:hover:not(.switch) .front {
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
.front,.back {
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition:0.6s;
	-webkit-transform-style:preserve-3d;
	-moz-transition:0.6s;
	-moz-transform-style:preserve-3d;
	-o-transition:0.6s;
	-o-transform-style:preserve-3d;
	-ms-transition:0.6s;
	-ms-transform-style:preserve-3d;
	transition:0.6s;
	transform-style:preserve-3d;
	position:absolute;
	top:0;
	left:0;
	background-color:#fff;
	display:table;
	background-size:cover;
	background-position:center
}

.front {-webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -o-transform:rotateY(0deg); -ms-transform:rotateY(0deg);	transform:rotateY(0deg)}
.back {	-webkit-transform:rotateY(-180deg);	-moz-transform:rotateY(-180deg); -o-transform:rotateY(-180deg);	-ms-transform:rotateY(-180deg);	transform:rotateY(-180deg)}




.rec-box .gdescri{ padding:10px 25px; overflow:hidden;}
.rec-box .front h3{line-height:32px;font-size:22px;color:#414141;font-weight:700; text-align:left;}
.rec-box .front .txt{color:#414141;font-size:13px; text-indent:8px; line-height:22px; height:22px; overflow:hidden; text-align:left; text-emphasis:disc;}
.rec-box .gdescri a{color:#a4a4a4; border:1px solid #c3c3c3; width:78px; height:24px; margin-top:5px; border-radius:15px; float:right; font-size:13px; line-height:24px; }
.rec-box .gdescri a:hover{background:#e1405a; color:#fff;}
.glink{ background:url(/images/cms_style_2017/m/new_vesion/open_game_bg.jpg) no-repeat top center; width: 1920px; height: 399px; font-size:14px; position:absolute; top:631px; left:50%; margin-left: -960px; z-index:7; display: none;}
.glink-con {width:1185px; height:384px; padding:15px 15px 0 0; margin: 0 auto; position: relative;}
.glink-infor {float:left; margin-right:30px;  width:370px; height:380px; color: #b1b1b1; line-height: 24px; position:relative;}
.glink .glink-logo{  width:200px; height:105px; margin: 0 auto;}
.glink .glink-desc { border-top: 1px solid #57547a; line-height: 24px; padding-top: 10px; margin-top: 10px;}
.glink .glink-desc a.go_homeweb{display:block;width:114px;height:28px;line-height:28px;text-align:center;color:#fff; position:absolute; bottom:53px; left:110px; -webkit-border-radius:5px;border-radius:5px;background:#d13f58}
.glink .glink-desc a:hover.go_homeweb{color:#fff!important;background:#df4b65;}
.glink .glink-pic{float:left; width:562px; height:389px; position:relative;}
.glink .glink-code{float:right; width:204px;text-align:right; position:relative;}
.glink .glink-code .glink-dt{width:165px; height:204px; padding: 16px 11px 0; background: #fff; text-align: center; border-radius: 10px; color: #4a4a4a; font-size: 15px;}
.glink .glink-code .glink-dt p{ margin-top: 7px;}
.glink .glink-code .ctxt{ width:187px; margin-top:12px; text-align:center;}
.glink .glink-code .ctxt a{ background: url(/images/cms_style_2017/m/new_vesion/icos_btn.png?201911021720) no-repeat; display:block; width:187px; height:45px; margin-bottom:10px; border-radius: 10px;}
.glink .glink-code .ctxt .down_ios{ background-position:0 0;}
.glink .glink-code .ctxt .down_android{ background-position:0 -56px;}
.glink .glink-code .ctxt .down_ios:hover{ background-position:-190px 0;}
.glink .glink-code .ctxt .down_android:hover{ background-position:-190px -56px;}
.gamepic-box{ width:562px; height:389px; position:relative;}
.gamepic-box .slidepic-bd{height:100%; display:block;}
.gamepic-box .slidepic-bd li{width:562px; height:340px; background: url(/images/cms_style_2017/m/new_vesion/pic_shadow.png) no-repeat bottom center;}
.gamepic-box .slidepic-bd li img{ margin:6px 7px 24px;}
.gamepic-box .slidepic-hd{ position:absolute; bottom:24px; left:50%; margin-left:-200px; width:400px; text-align:center; z-index:3;}
.gamepic-box .slidepic-hd li{width:42px; height:5px; background:#b0b0b0; text-indent:-999px; border-radius:4px; overflow:hidden; margin:0 8px; display:inline-block; *float:left; cursor:pointer;}
.gamepic-box .slidepic-hd li.on{background:#e1405a;}
.gamepic-box .slide_nav{}
.slide_nav a{position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; background: url(/images/cms_style_2017/m/new_vesion/icos_btn.png) no-repeat;}
.slide_nav .prev{left:-50px; background-position:0 -110px;}
.slide_nav .next{right:-50px; background-position:-42px -110px;}
.slide_nav .prev:hover{background-position:-84px -110px;}
.slide_nav .next:hover{background-position:-126px -110px;}

.glink-close{ background: url(/images/cms_style_2017/m/new_vesion/pop_close.png) no-repeat; width:64px; height:64px; position:absolute; top:0; left:0; cursor:pointer; z-index: 10;}

.rec-box .active .txt { display: none; }
.rec-box .active .glink { visibility:visible; }

.mod-2{height:395px;overflow:hidden; }
.mod-hd-tit{font-size:22px; margin:0 0 10px; color:#414141;}
.mod-hd-tit .tit-border{ display:inline-block; background:#e1405a; width:3px; height:22px; margin-right:10px; vertical-align:middle; margin-top:-2px; overflow:hidden;}
.mod-news-more a{ width:47px; height:47px; background: url(/images/cms_style_2017/m/new_vesion/fixed_menus.png) no-repeat -1px -260px; position:absolute; top:0; right:0; z-index:8;}
.mod-news-more a:hover{background-position:-1px -307px;}

.news-slider{ width:697px; height:353px; border-radius: 10px; overflow:hidden; float:left; position:relative;}
.news-slider .bd{height:100%; display:block;}
.news-slider .hd,
.slidepic-hd{position:absolute;bottom:20px;left: 50%;z-index:3;text-align: center;width: 200px;margin-left: -100px;}
.news-slider .hd li,
.slidepic-hd li{width:31px;height:6px;margin:0 4px;line-height:99px;overflow:hidden;-webkit-border-radius:4px;border-radius:4px;background:#fff;text-indent:-999px;overflow:hidden; cursor:pointer;display: inline-block;}
.news-slider .hd li.on,
.slidepic-hd li.on{background:#e1405a;}

.news-list-area{position:relative; width:439px; height:353px; border-radius: 10px; background:#fff; float:right; padding:0 26px}
.news-list li{padding:16px 0;border-bottom:1px solid #e2e2e2}
.news-list li:last-child{border-bottom:none;}
.news-list .tit{ padding-bottom:5px; font-size:18px;overflow:hidden;color:#414141}
.news-list .desc{height:44px;line-height:22px;color:#a4a4a4;margin:6px 0;overflow:hidden}

.mod-card,
.mod-kf { margin-top: 20px;}
.card-list{padding:22px 0 7px 22px; width:1178px; background:#fff; border-radius: 10px;}
.card-list li{margin:0 20px 15px 0;float:left; width:345px; height:103px; padding:10px 12px 0; border:1px solid #e2e2e2; border-radius:15px;}
.card-list .item{display:block;overflow:hidden;background:#fff;}
.card-list .img{width:81px;height:81px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;margin:5px 15px 0 0;float:left}
.card-list .info{width:240px;line-height:30px;float:left; position:relative; padding-top:5px;}
.card-list .name{display:block; font-size:20px;color:#414141;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; margin-bottom:6px;}
.card-list .desc{color:#9fa0a0; font-size:14px; line-height:22px;}
.card-list .go{width:88px;height:26px;line-height:26px; position:absolute; top:52px; right:10px; border:1px solid #c3c3c3; -webkit-border-radius:15px; border-radius:15px;text-align:center;color:#e1405a; font-size:14px;}
.card-list .go:hover{background:#e1405a; color:#fff; border:1px solid #e1405a;}

.kf-list{width:1184px; padding:20px 8px 0; height:76px; background:#fff; text-align:center; border-radius: 10px;}
.kf-list li{float:left; width:167px; height:76px; position:relative; margin-right:1px;}
.kf-list li .border-r{background:#e2e2e2; width:1px; height:45px; position:absolute; top:0; right:0;}
.kf-list li a{display:block;width:167px; text-align:center;color:#a4a4a4;font-size:14px;}
.kf-list li a:hover{color:#e1405a!important;}
.kf-list li .kf-ico{ background: url(/images/cms_style_2017/m/new_vesion/ser_road_icos.png) no-repeat; display:block; width:26px; height:28px; margin:0 auto 10px;}
.kf-list li .kf-ico1{ background-position:0 0;}
.kf-list li .kf-ico2{ background-position:-39px 0;}
.kf-list li .kf-ico3{ background-position:-90px 0;}
.kf-list li .kf-ico4{ background-position:-134px 0;}
.kf-list li .kf-ico5{ background-position:-184px 0;}
.kf-list li .kf-ico6{ background-position:-234px 0;}
.kf-list li .kf-ico7{ background-position:-280px 0;}
.kf-list li a:hover .kf-ico1{ background-position:0 -36px;}
.kf-list li a:hover .kf-ico2{ background-position:-40px -36px;}
.kf-list li a:hover .kf-ico3{ background-position:-91px -36px;}
.kf-list li a:hover .kf-ico4{ background-position:-135px -36px;}
.kf-list li a:hover .kf-ico5{ background-position:-185px -36px;}
.kf-list li a:hover .kf-ico6{ background-position:-235px -36px;}
.kf-list li a:hover .kf-ico7{ background-position:-281px -36px;}

.pop_box{width:300px; height:168px; color:#f2c696; background:#fff; text-align:center; position:fixed; top:50%; left:50%; margin:-84px 0 0 -150px; z-index:100;}
.pop_box .close{width:24px; height:24px; background:url(/images/cms_style_2017/m/new_vesion/mobile_pop_close.png) no-repeat; position:absolute; top:0; right:-35px; z-index:3; cursor:pointer;}
.pop_box .close:hover{ opacity:0.9;}
.pop_tit{height:37px; line-height:37px; color:#fff; font-size:16px; text-align:center; background:#e1405a;}
.pop_txt{font-size:14px; text-align:center; color:#595757; padding:30px 20px 0;}
.pop_txt .btns{width:78px; height:29px; line-height:29px; color:#fff; font-size:16px; border-radius:5px; background:#e1405a; display:inline-block; margin:20px auto 0; position:relative;}
.pop_txt .btns:hover{background:#f6587b; color:#fff !important;}

/** 游戏中心 **/
.gamecenter-main{width: 1200px; margin: 0 auto;}
.gamecenter-main .mod-1 {margin-top: 20px;}
.gc-kv{width:860px;height:433px; border-radius: 8px; overflow:hidden;float:left;position:relative}
.gc-kv .hd {position:absolute;bottom:20px;left: 50%;z-index:3;text-align: center;width: 200px;margin-left: -100px;}
.gc-kv .hd li{width:31px;height:6px;margin:0 4px;line-height:99px;overflow:hidden;-webkit-border-radius:4px;border-radius:4px;background:#fff;text-indent:-999px;overflow:hidden; cursor:pointer;display: inline-block;}
.gc-kv .hd li.on{background:#e1405a;}
.gc-kv .bd{position:relative;z-index:1}

.filter-box{ position: relative; height: 45px;}
.filter-box .select{ position: static; float: left; margin-right: 10px;}

.mod .mod-tit{height:16px;padding-bottom:12px;position:relative}
.mod .mod-tit span{display:block;height:18px;line-height:18px;font-size:18px;border-left:2px solid #e1405a;padding-left:10px;color: #595758;vertical-align: auto;}
.gc-rank{width:281px; height: 414px; padding: 18px 18px 0; border-radius: 8px; background: #fff; overflow:hidden; float:right}
.rank-list{}
.rank-list li {height:53px; padding:10px 0;overflow:hidden;border-bottom:1px dashed #d5d4d0}
.rank-list li:last-child { border-bottom: none;}
.rank-list .nums{width:20px;height:20px;line-height:20px;text-align:center;color:#fff;margin:11px 11px 0 0;-webkit-border-radius:50%;border-radius:50%;background:#62c5ea;float:left}
.rank-list .nums-1 {background:#ff5534;}
.rank-list .nums-2 {background:#ff7a0e;}
.rank-list .nums-3 {background:#fbc44e;}
.rank-list .img {float:left; width: 53px; height: 53px; border-radius: 5px; overflow:hidden;}
.rank-list .info {width:144px;margin:5px 0 0 10px;color:#9fa0a0;float:left}
.rank-list .info a { display: block; height: 18px; line-height: 18px; font-size:14px;color:#595757; width: 90px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.rank-list .info span { display: block; height: 16px; line-height: 16px; margin-top: 6px;}
.rank-list .info span font {color: #fd5253;}
.rank-list .go {width:66px;height:22px;line-height:20px;text-align:center;border:1px solid #9fa0a0;color: #9fa0a0;font-size:14px;margin-top:14px;-webkit-border-radius:11px;border-radius:11px;float:right;}
.rank-list .go:hover{color:#fff!important;border-color:#e1405a;background:#e1405a}

/** 游戏中心 **/
.mt30 {margin-top: 30px;}
.game-content-box {}
.laybox { border-radius: 10px; overflow: hidden; background: #fff; border: 1px solid #fff; zoom: 1;}
.game-list { margin-right: -25px;}
.game-list li { width: 380px; height: 195px; margin: 0 25px 22px 0; transition: all 0.3s ease; float: left;}
.game-list li:hover { border: 1px solid #fd6263;}
.game-list .block { height: 120px; padding-top: 25px;}
.game-list .img { display: block; width: 91px; height: 91px; border-radius: 15px; margin: 0 25px; float: left;}
.game-list .img img,
.allgift-list-new .img img { max-width: 100%; height: auto!important; border-radius: 15px;}
.game-list .b .img { margin: 0 50px; }
.game-list .info { width: 225px; padding-right: 10px; line-height: 28px; font-size: 14px; color: #999; float: left;}
.game-list .name { font-size: 18px; color: #666; transition: color 0.3s ease; line-height: 18px;}
.game-list .name:hover, .game-list li:hover .name { color: #03b4f5;}
.game-list .row em { color: #03b4f5;}
.game-list .col-1 { display: inline-block; width: 110px;}
.game-list .col-2 { display: inline-block; width: 110px;}
.game-list .intro { height: 36px; font-size: 12px; line-height: 18px; margin: 4px 0 0 0;}
.game-list .enterhome, .game-list .download { width: 190px; height: 49px; line-height: 49px; font-size: 16px; color: #999; text-align: center; border-top: 1px solid #d4d4d4; float: left;}
.game-list .enterhome { width: 189px; border-right: 1px solid #d4d4d4; }
.game-list .enterhome:hover { color: #fff !important; border-color: #fd5253; background: #fd5253;}
.game-list .download:hover { color: #fff !important; border-color: #fd5253; background: #fd5253;}
.game-list .w-btn-android, .game-list .w-btn-ios { width: 140px; height: 38px; line-height: 40px; font-size: 14px; text-indent: 26px; text-align: center; margin-bottom: 20px; background-size: 20px;}
.game-list .active .a { display: none; }
.game-list .active .b { display: block; }
/*icon*/
.pf-android, .pf-ios { display: inline-block; vertical-align: middle; width: 18px; height: 20px; background: url(/images/cms_style_2017/m/new_vesion/pf-type.png) no-repeat;}
.pf-ios { background-position: 0 -30px;}
/*pf-btn*/
.w-btn-android, .w-btn-ios { display: block; width: 188px; height: 50px; line-height: 50px; text-indent: 55px; border-radius: 5px; color: #fff; font-size: 20px; overflow: hidden;}
.w-btn-android { background: #57a335 url(/images/cms_style_2017/m/new_vesion/i-android.png) 20px center no-repeat; }
.w-btn-ios { font-size: 18px; background: #070506 url(/images/cms_style_2017/m/new_vesion/i-ios.png) 20px center no-repeat; }
.w-btn-android:hover, .w-btn-ios:hover { color: #fff; opacity: .9;}

.gamecenter-main .nodata { margin: 143px auto; }
.mod-pages {margin: 14px 0;}
.weplay-list .game-list {height: 178px; overflow:hidden;}

/*.pagination*/
.pagination { width: 100%; height: 32px; line-height: 32px; text-align: center; margin: 20px 0 40px 0; overflow: hidden;}
.pagination a { color: #999; padding: 6px 12px; border: 1px solid #cfcfcf; margin: 0 6px; border-radius: 5px; background: #fff;}
.pagination .page:hover, .pagination .nextPage:hover, .pagination .more:hover, .pagination .current, .pagination .on { color: #fff; border: 1px solid #03b4f5; background: #03b4f5;}
.pagination .disabled { color: #d5d5d5; background: rgba(208,206,206,.45); cursor: default;}

/** 礼包中心 **/
.lb-kv-wap { width: 841px; height: 629px; float: left;}
.lb-kv { width: 841px; height: 290px; position: relative; border-radius: 5px; overflow: hidden;}
.lb-kv .hd { width: 841px; height: 50px; position: absolute; bottom: 0; left: 0; background: #000; background: rgba(0,0,0,.7); z-index: 2;}
.lb-kv .hd li { width: 280px; height: 50px; line-height: 50px; float: left; text-align: center; font-size: 13px; color: #fff;}
.lb-kv .hd .active { color: #fd5253;}
.lb-kv .bd { width: 841px; height: 290px; overflow:hidden; position:relative; float: left;}
.lb-kv .bd li { width: 100%; height: 100%; position:absolute; top: 0px; left: 0px; z-index: 1; }
.pt20 {padding-top: 20px;}

.remgift-wap{ width: 841px; margin-top: 20px; height: 320px;}
.remgift-list { margin-right: -20px;}
.remgift-list li { width: 265px; height: 320px; background: #fff; overflow: hidden; text-align: center; margin-right: 20px; float: left; transition: all .2s ease-in-out; border-radius: 10px;}
.remgift-list li:hover { box-shadow:0 0 5px #fd6263;}
.remgift-list .img { display: block; height: 201px; overflow: hidden; position: relative;}
.remgift-list .name { margin-top: 15px; font-size: 16px; color: #666;}
.remgift-list .type { color: #fd5253; margin: 5px 0 8px 0; font-size: 15px;}
.g-btn, .g-btn-s{ display: inline-block; vertical-align: top; width: 88px; min-width: 88px; height: 28px; line-height: 28px; text-align: center; color: #9f9f9f; border: 1px solid #c7c7c7; border-radius: 15px; cursor: pointer; background: #fff; font-family: 'microsoft yahei'; font-size: 12px; box-sizing: content-box;}
.g-btn:hover, .g-btn-s:hover { color: #fff !important; border-color: #fd5253; background: #fd5253;}
.g-btn-s { width: 65px; min-width: 65px; height: 24px; line-height: 24px;}

.rank-wp { width: 303px; height: 613px; float: right; background: #fff; border-radius: 5px; padding: 18px 17px 0; overflow: hidden;}
.rank-game-list { height: 540px; padding: 2px 0 16px;}
.rank-game-list li { height: 22px; padding: 14px 0px; border-bottom: 1px dotted #cecece; vertical-align: top; overflow: hidden; position: relative;}
.rank-game-list .active .rank { margin-top: 24px;}
.rank-game-list .rank { width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; border-radius: 5px; background: #ccc; float: left;}
.rank-game-list .rank-0 { background: #fd5253;}
.rank-game-list .rank-1 { background: #ff7b41;}
.rank-game-list .rank-2 { background: #ffad2b;}
.rank-game-list .desc { width: 280px; height: 22px; line-height: 22px; position: absolute; top: 14px; right: 0px;}
.rank-game-list .name { display: inline-block; width: 164px; padding: 0 10px; font-size: 14px; color: #666;}
.rank-game-list .type { color: #999;}
.rank-game-list .detail { background: #fff; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 9px; right: 0px; transform: scale(0.8);}
.rank-game-list .detail .img { display: block; width: 68px; height: 68px; border-radius: 15px; margin-right:10px; overflow: hidden;}
.rank-game-list .detail .info { width: 125px; height: 70px; overflow: hidden;}
.rank-game-list .detail .name { height: 22px; line-height: 22px; padding: 0; color: #fd5253; margin-top: 12px; font-size: 14px;}
.rank-game-list .g-btn-s { margin-top: 20px;}
.rank-game-list .active { height: 68px; padding: 9px 0;}
.rank-game-list .active .desc { display: none;}
.rank-game-list .active .desc { opacity: 0; filter: alpha(opacity=0);}
.rank-game-list .active .detail { opacity: 1; filter: alpha(opacity=100); transform: scale(1); transition: all 0.3s ease-in-out;}

.allgift-wp { width: 841px; float: left;}
.allgift-list-new { margin-right:-17px;}
.allgift-list-new li { width:380px; height: 98px; float:left; margin:0 15px 10px 0; line-height: 24px; padding: 21px 10px 21px 20px; position:relative; transition: all 0.3s ease-in;}
.allgift-list-new li:hover { border: 1px solid #fd6263;}
.allgift-list-new .img { width: 98px; height: 98px; float: left;}
.allgift-list-new .info { width: 260px; padding: 0 0 0 18px; float: left;}
.allgift-list-new .name { display: block; font-size: 16px; color: #666; margin-top: 3px; text-indent: -7px;}
.allgift-list-new .sname { display: block; font-size: 16px; color: #fd5253;margin-top: 5px; }
.allgift-list-new .data { color: #999;}
.allgift-list-new .progress-box{font-size:12px; line-height:18px; }
.allgift-list-new .progress{width:179px; height:11px; overflow:hidden; font-size:12px; vertical-align:middle;}
.allgift-list-new .progress i{height:11px;}
.allgift-list-new .btn-getgift { position:absolute; top:43px; right:20px; width: 89px; height: 30px; line-height: 30px; border-radius: 18px; color: #999; font-size: 12px; text-align: center; background: #fff; border: 1px solid #c7c7c7; }
.allgift-list-new .btn-getgift:hover { background: #fd5253; border: 1px solid #fd5253; color: #fff !important;}

.progress { display: inline-block; vertical-align: top; width: 300px; height: 16px; margin-right: 10px; border-radius: 10px; overflow: hidden; position: relative; background: #e5e5e5;}
.progress i { width: 80%; height: 16px; border-radius: 10px; position: absolute; top: 0px; left: 0px; }
.progress i { background: #f2d54b;
			  background: -moz-linear-gradient(left, #f2d54b 0%, #9ced44 100%);
			  background: -webkit-linear-gradient(left, #f2d54b 0%,#9ced44 100%);
			  background: -o-linear-gradient(left, #f2d54b 0%,#9ced44 100%);
			  background: -ms-linear-gradient(left, #f2d54b 0%,#9ced44 100%);
			  background: linear-gradient(to right, #f2d54b 0%,#9ced44 100%);
			  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d54b', endColorstr='#9ced44',GradientType=0 );
			}
:root .gradient{filter:none;}
.gift-article-top .btn-getgift { display: block; width: 116px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; text-shadow: 1px 0 0 #fa6959; box-shadow: 0 3px 0 #bd5545; border-radius: 5px; background: #fb8472; overflow: hidden;}
.gift-article-top .btn-getgift:hover { text-shadow: 1px 0 0 #999; box-shadow: 0 3px 0 #03b4f5; background: #03b4f5;}
.mod-pfqr { width: 285px; height: 276px; padding: 8px 26px; float: right;}
.mod-pfqr li{border-bottom: 1px solid #e1e1e1; padding: 20px 0; height: 98px;}
.mod-pfqr li:last-child {border-bottom: none;}
.global-qr { width: 100px; height: 100px; margin-right: 30px; }
.global-qr img {width: 98px; height: 98px;}
.mod-pfqr .t1 { font-size: 16px; color: #333; margin: 15px 0 10px 0; }
.mod-pfqr .t2 { font-size: 14px; color: #666; }

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

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

/* 移动端 */
.wrapper_wap .slide-box {
	width: 100%;
	left: 0;
	margin-left: 0;
}

.wrapper_wap .rec-box #home-hotgame-list {
	width: 100%;
}

.wrapper_wap .slide-box .slide-bd li img {
	width: 100%;
	height: auto;
}

/* PC端 */
.wrapper_pc .slide-box .slide-bd li {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-960px;
	display:none;
}

.wrapper_pc .slide-box .slide-bd li:first-child {
	display: block;
}