body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl, a { margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6{ font-weight: normal; font-size: 100%; }

ul, ol { list-style: none; }

em, i { font-style: normal; }

table { border-spacing: 0; border-collapse: collapse; }

img { border: none; vertical-align: middle; }

input, select, button { vertical-align: middle; outline: none; }

a { text-decoration: none; color: #555; }

/* a:hover { color: #c9c9c9; } */
a:hover { color: #f55656;}

body { min-width: 1200px; font-family: 'Microsoft YaHei','Arial','Heiti SC'; font-size: 12px; background: #fff; color: #545454; }

.fl { float: left; }

.fr { float: right; }

.clear_:before, .clear_:after { display: block; content: ' '; clear: both; }

.W1200 { width: 1200px; margin: 0 auto; overflow: hidden; /*border:1px solid red;*/ }

.content { width: 1200px; overflow: hidden; margin: 15px auto; }

.font12{ font-size:12px; }

.top_wrap { width: 100%; }
.top_wrap .W1200 { overflow: inherit; }
.top_wrap .tool-bar { padding: 7px 0; line-height: 20px; height: 20px; border-bottom: 1px #ebebeb solid; color: #a3a4a4; background: #fafbfc; }
.top_wrap .tool-bar .left-text { float: left; }
.top_wrap .tool-bar .left-text a { color: #a3a4a4;; }
.top_wrap .tool-bar .left-text .line { display: inline-block; width: 1px; height: 12px; background: #a3a4a4; vertical-align: middle; margin: 0 5px; }
.top_wrap .tool-bar .rights-phone { float: right; position: relative; }
.top_wrap .tool-bar .rights-phone p { cursor: pointer; }
.top_wrap .tool-bar .rights-phone:hover p { color: #f55656; }
.top_wrap .tool-bar .rights-phone .ewm { display: none; position: absolute; right: -36px; top: 26px; z-index:999; width: 100px; height: 100px; border: 1px solid #eee; background: #fff; }
.top_wrap .tool-bar .rights-phone:hover .ewm { display: block; }
.top_wrap .tool-bar .rights-phone .ewm img { display: block;  width: 96px; height: 96px; margin: 2px; }
.top_wrap .tool-bar a:hover { color: #f55656; }

/*导航*/
.font16{ font-size:16px;}
.nav{ height: 100px; background: #fff; border-bottom: 1px solid #EEE; }
.nav-content{ width:1200px; margin:0 auto; }
.nav-content .logo{ width: 190px; height: 59px; margin-top: 21px; background:url(../images/logo.png) no-repeat;}
.nav-content .nav-list{ height: 20px; margin: 37px 2px 38px 29px; }
.nav-content .nav-list a{ display: inline-block; float: left; line-height: 25px; padding: 0 22px; margin-right: 10px; border-radius: 12px; color: #666; }
.nav-content .nav-list a:hover { background: #f55656; color: #fff; }
.header .nav .cur-page{ background: #f55656; color: #fff; }

.nav-content .search164{ width: 162px; height: 30px; margin: 34px 0; border: 1px solid #ddd; border-radius: 15px; position: relative; z-index: 10; }
.nav-content .search164:hover{ border:1px solid #f55656; }
.search164 .input-area{ border: none; height: 30px; line-height: 30px; width: 115px; color: #999; margin-left: 17px; position: absolute; top: 0;}
.submit-btn{ display: inline-block; width: 18px; height: 18px; background-image: url(../images/icon.png); background-position: 0 -18px; position: absolute; top: 7px; right: 12px; background-color: #FFF; cursor: pointer; border: none}
.placeholder{ display: none; height: 30px; line-height: 30px; color: #999; font-size: 14px; position: absolute; top: 0; left: 18px; cursor: text; }
.search-list{ width: 162px; border: 1px solid #d2d2d2; position: absolute; top: 34px; left: 0; z-index: 10; background: #fffdE7; display: none; border-radius: 3px; }

/*nav列表*/
.head-game-list{ height: 124px; position: relative; margin-top:10px; overflow: hidden; margin-bottom:25px; }
.hot-tj{ display: block; overflow: hidden; background: #fff; }
.hot-tj li{ float: left; width: 113.5px; height: 124px; background-color: #f8f8f8; margin-left: 7px; }
.hot-tj li:first-child{ margin-left:0px;}
.hot-tj li:hover img{ margin-top: 10px; }
.hot-tj img{ display: block; width: 70px; height: 70px; border-radius: 15px; margin: 15px auto 0; }
.hot-tj span{ display: block; text-align: center; font-size: 12px; height: 12px; line-height: 12px; margin: 13px auto 0; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 70px; }
.hot-tj li:hover span{ color: #f55656; }

/*内容1*/
.container1{ overflow: hidden; margin-top:20px; }
.container1 .conta-left{ float:left; width:380px; overflow: hidden; }
.conta-swiper-container{ width: 380px; height: 300px; overflow: hidden; position: relative; }
.conta-swiper-container:hover .lb-prev, .conta-swiper-container:hover .lb-next{ opacity: 1; }
.lb-prev, .lb-next{ position: absolute; top: 40%; background-image: url(../images/jlt-index.png); width: 20px; height: 40px; z-index: 2; cursor: pointer; background-repeat: no-repeat; opacity: 0; transition: opacity .5s ease; }
.lb-prev{ background-position: -131px -491px; }
.lb-next{ right: 0; background-position: -162px -491px; }
.conta-swiper-container ul img{ display: block; width: 100%; height: 100%; }
.conta-swiper-container ul span{ position: absolute; bottom: 0; left: 0; width: 90%; color: #fff; font-size: 16px; font-weight: bold; height: 103px; background: url(../images/index-opacity-ico.png) left bottom repeat-x; line-height: 120px; text-align: center; padding: 0 5%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.page-style span{ width: 7px; height: 7px; background-color: #ffffff; opacity: 0.5; }
.page-style .swiper-pagination-bullet-active{ width: 40px; height: 7px; background-color: #ffffff; border-radius: 4px; opacity: 1; }

.container1 .conta-left .index-tit{ margin-top: 35px;/*margin-left: -10px;*/ overflow: hidden; }
.container1 .conta-left .index-tit h4{ height: 26px; line-height: 26px; color: #333; font-size: 20px; text-indent: 22px; position: relative; font-weight: bold; float: left; }
.container1 .conta-left .index-tit h4:before{ content: ""; width: 4px; height: 26px; background: #f55656; position: absolute; top: 0; left: 0; }
.container1 .conta-left .news-img{ height: 150px; overflow: hidden; position: relative; margin-top: 20px; }
.container1 .conta-left .news-img img{ display: block; width: 100%; min-height: 150px;}
.news-img-box{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; transition: all .5s ease; z-index: 1;}
.news-img-box:before{ content: ""; width: 80px; height: 95px; position: absolute; top: 28px; left: 151px; background: url(../images/jlt-index.png) -69px -207px no-repeat; }
.news-img-box span{ display: block; color: #fff; text-align: center; font-weight: bold; font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 90%; padding: 0 5%; height: 20px; line-height: 20px; margin-top: 53px;}
.news-img-box p{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff; font-size: 12px; text-align: center; width: 90%; padding: 0 5%; height: 12px; line-height: 12px; margin-top: 12px;}
.news-img:hover .news-img-box, .news-img:hover:after{ opacity: 0; height: 0; }

.news-list{ margin-top: 2px; overflow: hidden; }
.news-list li{ display: block; overflow: hidden; position: relative; padding-left: 21px; margin-top: 22px;}
.news-list li:before{ content: ""; position: absolute; top: 2px; left: 0; width: 10px; height: 10px; background: url(../images/jlt-index.png) -250px -173px no-repeat;}
.news-list li a{ font-size: 14px; color: #666; float: left; height: 14px; line-height: 14px; width: 275px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-list li span{ float: right; color: #999; font-size: 12px; height: 14px; line-height: 14px;}
.news-list li:hover a{ color:#f55656; }

.conta-center{ float:left; width:420px; margin:0 54px; overflow: hidden; }
.conta-center .bao-jue{ overflow: hidden; }
.conta-center .titmod-label{ width: 42px; height: 42px; background-color: #f4b948; float: left; color: #fff; text-align: center; line-height: 42px; font-size: 18px; font-weight: bold;}
.conta-center .mod-c-bao em{ background: #f48948;}
.conta-center .tit-mod-r{ float: left; margin-left: 23px; width: 355px;}
.conta-center .big-tit h5{ color: #f55656; display: block; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 20px; line-height: 20px; width: 100%; font-weight: bold; text-align: center; }
.conta-center .small-tit{ display: block; text-align: center; color: #999; font-size: 12px; height: 12px; line-height: 12px; margin-top: 11px; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.conta-center .mod-c-jue{ margin-top: 20px; }
.conta-center .ifo_con1{ margin-top:25px;}
.conta-center .ifo_con1 ul{ overflow: hidden; zoom: 1; width: 420px; font-weight: normal; }
.ifo_con1 ul li{ float: left; width: 415px; line-height: 32.5px; height: 32.5px; font-size: 14px; position: relative;}
.ifo_con1 ul li:hover span>a{ color:#f55656;}
.ifo_con1 ul li i{ float: left; display: inline-block; width: 15px; background: url(../images/icon.gif) -2px -102px no-repeat; height: 29px;}
.ifo_con1 ul li span{ float: left; width: 356px; height: 29px; overflow: hidden;}
.ifo_con1 ul li span a{ color: #444; font-size: 15px;}
.ifo_con1 ul li em{ float: right; width: 38px; height: 28px; overflow: hidden; color: #aaa; font-family: arial; text-align: right; font-size: 12px;}
.ifo_con1 ul .ifo_txt em{ color: #aaa;}

.conta-right{ float:left; overflow: hidden;}
.hj-list li{ width: 292px; height: 194px; margin-bottom:25px;}
.hj-list li .yui-card1:hover .card-img{ transform: translate(-50%,-50%) scale(1.3); }
.hj-list li .yui-card0halign-infobox:hover .high-layer{ color:#f55656;}
.yui-card1{  overflow: hidden; position: relative;}
.hj-list li .yui-card1{ width:100%; height: 130px; }
.yui-card1 .card-img{ left: 50%; min-height: 100%; width: 100%; position: absolute; top: 50%; transform: translate(-50%,-50%); }
.hj-list li .yui-card1 .card-img{ transition: transform .5s;}
.hj-list li .yui-card0halign-infobox{ padding: 10px; }
.yui-card0halign-infobox{ display: inline-block; vertical-align: middle;}
.hj-list li .yui-card0halign-infobox{ width: 100%; border: 1px solid #d8d8d8; border-top: 0; box-sizing: border-box; }
.yui-card0halign-infobox .high-layer{ font-size: 20px; color: #323232; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hj-list li .yui-card0halign-infobox .high-layer{ font-size: 16px; color: #323232; }
.yui-card0halign-infobox .middle-layer{ position: relative; margin-top: 10px; font-size: 14px; color: #737373;}
.yui-card0halign-infobox .middle-layer .slot-rt{ position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.hj-list li .yui-card0halign-infobox{ padding: 10px; }
.hj-list.hj-left li{ margin-left:10px; }
.hj-list.hj-left li:nth-child(1){ margin-left:0px; }

/*内容2*/
.container2{ margin-top:25px; overflow: hidden;}
.container2 .game_down{ height:573px; margin:0 auto 0 auto; overflow: hidden; }
.head-more{ overflow: hidden; }
.head-more p{ float: left; font-family: 'Microsoft YaHei'; font-size: 20px; color: #262626;}
.head-more p.Bold{ font-weight: 700; }
.head-more ol{ float: left; margin: 25px 0 0 10px; overflow: hidden; }
.head-more ol li{ float: left; margin-left: 12px; font-family: 'Microsoft YaHei'; font-size: 14px; line-height: 16px; color: #999; padding-bottom: 5px; cursor: pointer; }
.head-more a{ display: block; float: right; color: #aaa; line-height: 18px; margin: 26px 0 16px 0; font-size: 12px; }

.game_down .Tab_cont{ height: 513px; overflow: hidden; }
.game_down .down_left{ width: 330px; float: left; }
.game_down .down_left .Tab_list{ float: left; width: 330px; height: 168px; margin: 0 0 10px 0px; overflow: hidden;}
.game_down .down_left .Tab_list li{ float: left; margin: 0 10px 10px 0; width: 75px; line-height: 46px; background: #fcfcfe; text-align: center; cursor: pointer; transition: all .2s linear;}
.game_down .down_left .Tab_list li:nth-child(4n){ margin-right:0px; }
.android .down_left .Tab_list li:hover{ color: #f55656; background: #fefeff; }
.android .down_left .Tab_list li.cur_class{ background: #f55656; color: #fff; font-weight: 700; }
.android .down_left .Tab_list li.cur_class a{ background: #f55656; color: #fff; font-weight: 700; }
.game_down .down_left>a{ clear: both; display: none; width: 100%; height: 157px; overflow: hidden; }
.game_down .down_left>a.tuandroid{ display:block; }
.game_down .down_left>a img{ display: block; width: 100%; }

.game_down .down_right{ float: right; width: 864px; padding-left: 6px;}
.game_down .down_right ul{ overflow: hidden; }
.game_down .down_right ul li{ float: left; margin: 0 0 13px 24px; }
.game_down .down_right ul li>a{ display: block; width: 110px; height: 110px; padding: 5px; overflow: hidden; border-radius: 25px; }
.game_down .down_right ul li>a span{ position: absolute; display: block; width: 110px; height: 110px; background: #fff; border-radius: 24px; opacity: 0; filter: alpha(opacity=0); transition: all .2s linear; }
.game_down .down_right ul li>a img{ display: block; width: 100%; height: auto; border-radius: 25px; transition: all 0.6s; }
.game_down .down_right ul li>a:hover img{ transform: scale(1.4); }
.game_down .down_right ul li>div{ max-width: 120px; text-align: center; }
.game_down .down_right ul li>div a{ display: inline-block; font-size: 14px; margin: 10px 0 2px 0; line-height: 21px; height: 21px; overflow: hidden; transition: all .2s linear; }

.game_down .down_left .news-qy-label{ display:block; position: relative; margin: 10px 0 0 0;}
.game_down .down_left .news-qy-label li{ float: left; width: 91px; height: 50px; background-color: #ffffff; box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.09); border: solid 1px #e9e9e9; margin: 15px 24px 0 0; position: relative; }
.game_down .down_left .news-qy-label li:nth-child(3n){ margin-right:0px; }
.game_down .down_left .news-qy-label li:hover{ box-shadow:none; }
.game_down .down_left .news-qy-label li a{ display: block; text-align: center; line-height: 52px; width: 92px; height: 51px; overflow: hidden; position: absolute; transition: color .2s ease; right: -1px; top: -1px; color: #ffae5f; }
.game_down .down_left .news-qy-label li a:before{ content: ""; position: absolute; right: -4px; top: -7px; width: 22px; height: 25px; background: url(../images/jlt-index.png) -430px -369px no-repeat; z-index: 1; display: none;}
.game_down .down_left .news-qy-label li:hover a:before{ display:block; }
.game_down .down_left .news-qy-label li em{ position: relative; z-index: 1; }
.game_down .down_left .news-qy-label li:hover a em{ color:#fff; }
.game_down .down_left .news-qy-label li a:after{ content: ""; position: absolute; top: -1px; right: -1px; border: 8px solid; border-color: #ffae5f #ffae5f transparent transparent; transition: all .5s ease; }
.game_down .down_left .news-qy-label li:hover a:after{ border-width: 100px; }
.game_down .down_left .news-qy-label li:nth-child(2) a{ color: #f74b4b; }
.game_down .down_left .news-qy-label li:nth-child(2) a:after{ border-color: #f74b4b #f74b4b transparent transparent;}
.game_down .down_left .news-qy-label li:nth-child(3) a:after{ border-color: #674bf7 #674bf7 transparent transparent;}
.game_down .down_left .news-qy-label li:nth-child(4) a:after{ border-color: #c49155 #c49155 transparent transparent;}
.game_down .down_left .news-qy-label li:nth-child(5) a:after{ border-color: #93d877 #93d877 transparent transparent;}
.game_down .down_left .news-qy-label li:nth-child(6) a:after{ border-color: #f38ce3 #f38ce3 transparent transparent;}

/*游戏攻略*/
.container1 .game-bottom{ overflow: hidden; padding: 0 10px; width: 1200px; margin: 0px auto 0; background: #fff;}
.container1 .game-bottom .lb-b-l{ float: left; width: 840px; }
.index-tit{ /*margin-top: 25px; /*margin-left: -10px;*/height:35px; overflow: hidden; }
.index-tit h4{ height: 26px; line-height: 26px; color: #333; font-size: 20px; text-indent: 22px; position: relative; font-weight: bold; float: left; }
.index-tit h4:before{ content: ""; width: 4px; height: 26px; background: #f55656; position: absolute; top: 0; left: 0; }
.add-more{ float: right; position: relative; color: #999; font-size: 12px; height: 26px; line-height: 26px; padding-right: 22px; }
.add-more:after{ content: ""; position: absolute; top: 4px; right: 0; width: 15px; height: 15px; background: url(../images/jlt-index.png) -362px -207px no-repeat; }
.lb-b-main{ overflow: hidden; margin-top: 20px; }
.lb-main-l{ float: left; width: 390px; }
.game-gl-ban{ width: 390px; height: 200px; overflow: hidden; position: relative; }
.game-gl-ban a{ display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
.game-gl-ban .game-glban-img{ display: block; width: 100%; min-height: 100%; transition: all .5s ease; }
.game-gl-shadow{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); transition: all .5s ease; }
.game-gl-ban:hover .game-gl-shadow{ opacity: 0; }
.game-gl-shadow img{ display: block; margin: 50px auto 0; width: 50px; height: 50px; border-radius: 50%; border: solid 2px #ffffff; }
.gl-shadow-tit{ display: block; text-align: center; color: #fff; font-size: 16px; margin: 13px auto 0; width: 90%; height: 16px; line-height: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.gl-shadow-tip{ display: block; text-align: center; color: #fff; font-size: 12px; margin: 36px auto 0; width: 90%; height: 12px; line-height: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; opacity: .5; }
.game-gl-ban a:after{ content: ""; position: absolute; top: 6px; left: 6px; width: 376px; height: 186px; border: 1px solid rgba(255,255,255,.5); }
.game-gl-list{ display: block; overflow: hidden; margin: 20px 0 0 -7px; }
.game-gl-list li{ float: left; width: 125px; margin-left: 7px; }
.game-gl-list li img{ display: block; width: 100%; height: 70px; }
.game-gl-list li span{ display: block; color: #666; font-size: 14px; height: 14px; line-height: 14px; margin-top: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.lb-main-r{ float: right; width: 410px; }
.sel-list-top{ margin-top:28px; }
.lb-main-r .sel-list-top{ margin-top:0px; }
.sel-top-tit{ display: block; color: #333; font-size: 18px; position: relative; font-weight: bold; padding-left: 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 21px; line-height: 18px; width: 388px; }
.sel-top-tit:before{ content: ""; position: absolute; top: 3px; left: 0; width: 10px; height: 10px; background: url(../images/jlt-index.png) -250px -173px no-repeat;}
.sel-top-tip{ font-size: 12px; color: #999; display: block; position: relative; padding-left: 22px; height: 12px; line-height: 12px; padding-top: 17px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 388px; }
.sel-top-tip:before{ content: ""; position: absolute; top: 2px; left: 0; width: 10px; height: 20px; border: 1px solid #e7e7e7; border-width: 0 0 1px 1px;  }
.news-list{ margin-top: 2px; overflow: hidden; }
.lb-main-r .news-list{ margin-top: 8px; }
.news-list li{ display: block; overflow: hidden; position: relative; padding-left: 21px; margin-top: 22px; }
.lb-main-r .news-list li{ margin-top: 19px; }
.news-list li:before{ content: ""; position: absolute; top: 2px; left: 0; width: 10px; height: 10px; background: url(../images/jlt-index.png) -250px -173px no-repeat; }
.news-list li a{ font-size: 14px; color: #666; float: left; height: 14px; line-height: 14px; width: 275px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-list li span{ float: right; color: #999; font-size: 12px; height: 14px; line-height: 14px; }

.lb-b-r{ float: right;  width: 300px;}
.news-qy-list{ overflow: hidden; margin-top: 0px; }
.news-qy-list li{ display: block; overflow: hidden; position: relative; padding-left: 21px; margin-top: 21px; }
.news-qy-list li:before{ content: ""; position: absolute; top: 2px; left: 0; width: 10px; height: 10px; background: url(../images/jlt-index.png) -250px -173px no-repeat; }
.news-qy-list li a{ font-size: 14px; color: #666; display: block; height: 14px; line-height: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.lb-b-r .news-qy-list li{ margin-top: 20px; }
.lb-b-r .news-qy-list li:hover a{ color:#f55656; }

/*手游排行榜*/
.cont{ margin-top:25px; background: #fff; overflow: hidden; zoom: 1;}
.cont .hd{ height: 36px; }
.cont .hd h3, .cont .hd h2{ line-height: 20px; font-size: 20px; float: left; font-weight: bold; color: #333; cursor: default; }
.cont .hd .cont_More{ height: 22px; display: inline-block; overflow: hidden; float: right; line-height: 22px; float: right; }

.bangbox{ float: left; width: 275px; margin-left: 32px; }
.bangbox.fast{ margin-left:0; }
.bangbox .title{ border-bottom: 1px solid #d3d3d3; height: 40px; }
.bangbox .title b{ display: inline-block; height: 38px; border-bottom: 3px solid #FF4839; float: left; font-size: 16px; line-height: 30px; }
.bangbox .game_top_app{ width: 100%; clear: both; }
.bangbox .game_top_app li{ width: 275px; padding-left: 0; }
.bangbox .game_top_app li i{ font-size: 16px; }
.bangbox .game_top_app li i.n2{ background: #FC7918; }
.bangbox .game_top_app li{  width: 275px; padding-left: 0; }
.bangbox .game_top_app li.on p{ width: 134px; }

.game_top_app{ margin-top: -1px; overflow: hidden; }
.game_top_app li{ float: left; width: 302px; height: 28px; line-height: 28px; padding: 10px 0 10px 6px; border-bottom: 1px solid #E8E7ED; overflow: hidden; }
.game_top_app li i{ float: left; width: 28px; line-height: 28px; height: 28px; background: #B0B0B0; display: block; margin-right: 15px; font-style: normal; color: #fff; font-weight: bold; text-align: center; font-size: 12px; font-weight: normal; border-radius: 3px; }
.game_top_app li i.n1, .game_top_app li i.n2, .game_top_app li i.n3{ background: #FF4939; }
.game_top_app li s{ float: right;  font-size: 12px; color: #888; text-decoration: none; }
.game_top_app li a.img{ display:none; }
.app_img{ width: 80px; height: 80px; display: block; border-radius: 16px; margin: 0 auto; }
.game_top_app li p{ float: left; font-size: 14px; line-height: 30px; height: 30px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width: 100px; }
.game_top_app li span, .game_top_app li em{ display: none; position: absolute; top: 30px; left: 140px; color: #333; }
.game_top_app li.on{ height: 80px; position: relative; }
.game_top_app li.on i{ line-height: 80px; height: 80px;}
.game_top_app li.on s{ display:none; }
.game_top_app li.on a.img{ display: block; float: left; width: 80px; height:80px; }
.game_top_app li.on p{ float: right; width: 170px; font-size: 16px;}    
.game_top_app li.on em, .game_top_app li.on span{ display: block; font-size: 12px; }
.game_top_app li.on em{ top: 58px; }
.game_top_app li.on em a, .game_test .on .x a{ display: block; width: 80px; height: 22px; border: 1px solid #ff4939; color: #ff4939; line-height: 22px; text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

/*友情链接*/
.YQ_link{ width: 100%; padding: 30px 0; background: #f8f8f8; margin-bottom: -25px; margin-top: 40px; }
.YQ_link .lx{ width: 100%; height: 44px; line-height: 44px; }
.YQ_link .lx > p{ float: left; font-size: 20px; font-weight: bold; color: #333; margin-right: 6px; }
.YQ_link .lx span{ float: left; font-size: 12px; color: #333; margin: 0 0 0 40px; }
.YQ_link .lis{ width: 100%; font-size: 14px; overflow: hidden; }
.YQ_link .lis a{ display: block; float: left; line-height: 26px; font-size: 14px; color: #666; margin-right: 30px; }

/*底部*/
.footer{ width: 100%; height: 96px; background: #333; margin-top:25px; }
.footer .link{ width: 100%; float: left; text-align: center; font-size: 14px; color: #ccc; margin-top: 20px; line-height: 28px; }
.footer .link a{ color: #ccc; margin: 0 12px; }
.footer p{ text-align: center; line-height: 28px; font-size: 14px; color: #999; padding-top: 20px;}

/*全部*/
.label_wrap{ overflow: hidden; margin: 20px 0; }
.label_wrap a{ display: block; float: left; background: #edeff5; text-align: center; line-height: 32px; margin: 0 12px 0 0; font-size: 14px; color: #9d97be; padding: 0 20px; border-radius: 3px; }
.label_wrap a.on, .label_wrap a:hover{ background: #f55656; color: #fff; }

.sec-theme .hj-list li{ float:left;}
.sec-theme .hj-list li:last-child{ margin-right:0px; }

/*全部列表*/
.sec-main .main-list{ margin-top:20px; }
.sec-main .main-list li{ display: inline-block; width: 383px; margin-right: 21px; margin-bottom: 30px; transition: transform .4s,box-shadow .4s; }
.sec-main .main-list li:nth-child(3n){ margin-right:0px; }
.sec-main .main-list li:hover{ transform: translateY(-2%); box-shadow: 2px 2px 14px 0 rgba(0,0,0,.1); }
.yui-card1{ display: inline-block; overflow: hidden; position: relative;}
.sec-main .main-list .yui-card1{ width: 100%; height: 158px;}
.yui-card1 .card-img{ left: 50%; min-height: 100%; width: 100%; position: absolute; top: 50%; transform: translate(-50%,-50%); }
.yui-card0halign-infobox{ display: inline-block; vertical-align: middle; }
.sec-main .main-list .yui-card0halign-infobox{ width: 100%; padding: 20px; background: #fafafa; box-sizing: border-box; transition: background-color .4s; }
.sec-main .main-list li:hover .yui-card0halign-infobox{ background:#fff; }

.yui-card0halign-infobox .high-layer{ font-size: 20px; color: #323232; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec-main .main-list .yui-card0halign-infobox .high-layer{ font-size: 18px; font-weight: 700; line-height: 26px; color: #323232; }
.sec-main .main-list li:hover .high-layer{ color: #f55656; }
.yui-card0halign-infobox .middle-layer{ margin-top: 10px; font-size: 14px; color: #737373; }
.sec-main .main-list .yui-card0halign-infobox .middle-layer{position: relative; font-size: 16px; color: #737373;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.sec-main .main-list .yui-card0halign-infobox .low-layer{ position: relative; margin-top: 20px; font-size: 16px; color: #323232; }
.yui-card0halign-infobox .low-layer .slot-rt, .yui-card0halign-infobox .middle-layer .slot-rt{ position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

/*分页*/
.page{ width: 100%; margin: 0px auto 0px; padding: 30px 0px; text-align: center; font-size: 16px; overflow: hidden; }
.page a, .page span{ display: inline-block; color: #666; margin: 0 2px; padding: 8px 14px; border: 1px solid #f6f6f6; background: #fff; }
.page a:hover, .page a.bg, .page span a:hover{ background: #f55656; color: #fff; border: 1px solid #f55656; }
.page span{ background: #f55656; color: #fff; border: 1px solid #f55656; }

/*位置*/
.place{ margin:20px; color: #565656; }
.place i{ display:inline-block; vertical-align: middle; width:20px; height:20px; background:url(../images/play.png) no-repeat; background-size:100%; }
.place a{ display: inline-block; margin-right: 6px; font-size: 14px; vertical-align: middle; }

/*手游*/
.sy{ overflow: hidden; }
.sy .yui-sectop{ margin-top:15px; border-bottom: 1px solid #d8d8d8; padding-bottom: 20px; }
.sy .yui-sectop .sy-blue{ display: inline-block; width: 6px; height: 26px; margin-right: 10px; border-radius: 3px; background: #369fff; vertical-align: middle;  }
.sy .sy-title{ display: inline-block; vertical-align: middle; font-size: 26px; font-weight: 700; color: #323232; }

/*手游列表*/
.game-list{ height: auto; background: #fff; padding: 0 15px; overflow: hidden; border-top: 1px dotted #eee; }
.game-list div{ position: relative; width: 100%; height: auto; padding: 17px 0; display: block; overflow: hidden; border-bottom: 1px dotted #eee; }
.game-list div > i{ width: 24px; height: 24px; line-height: 24px; font-size: 13px; font-weight: bold; color: #fff; text-align: center; background: #aaa; float: left; border-radius: 4px; display: inline; overflow: hidden; font-style: normal; }
.game-list div:nth-child(1) > i{ background: #ff5555; }
.game-list div img{ width: 100px; height: 100px; border-radius: 16px; float: left; margin: 0 20px 0 12px; display: inline; overflow: hidden; }
.game-list div strong{ display: block; height: 24px; line-height: 24px; font-size: 18px; font-weight: bold; color: #333; margin: 4px 0 0; overflow: hidden; }
.game-list div b{ height: 16px; line-height: 16px; font-size: 14px; font-weight: normal; color: #333; margin: 10px 0 0; display: block; overflow: hidden; }
.game-list div b span{ float: left; margin: 0 7px 0 0; }
.game-list div b .u-softrank-5{ width: 88px; height: 12px; background: url(../images/xin5.png) no-repeat; float: left; display: inline; overflow: hidden; margin-top: 1px; }
.game-list div p{ height: 36px; line-height: 18px; font-size: 12px; font-weight: normal; color: #999; margin: 9px 0 0; display: block; overflow: hidden; width: 825px; }
.game-list div dl{ width: 120px; height: 40px; background:#f55656;; border-radius: 6px; float: left; display: inline; overflow: hidden; position: absolute; right: 20px; top: 45px; }
.game-list div dl dt{ width: 16px; height: 16px; border: 2px solid #fff; border-radius: 44px; float: left; margin: 10px 0 0 14px; display: inline; overflow: hidden; position: relative; zoom: 1; }
.game-list div dl dt span{ width: 2px; height: 8px; background: #fff; display: block; margin: 4px auto 0; }
.game-list div dl dt span:before{ content: ""; width: 2px; height: 6px; background: #fff; transform: rotate(-50deg); display: block; overflow: hidden; position: absolute; left: 5px; top: 7px; }
.game-list div dl dt span:after{ content: ""; width: 2px; height: 6px; background: #fff; transform: rotate(50deg); display: block; overflow: hidden; position: absolute; right: 5px; top: 7px; }
.game-list div dl dd{ height: 40px; line-height: 40px; font-size: 14px; font-weight: normal; color: #fff; float: left; margin: 0 0 0 10px; display: inline; overflow: hidden; }
.game-list div dl dd a{color: #fff;}
.game-list div:hover dl{ background: #fdb002; }
.game-list div:nth-child(2) > i{ background: #ff6600; }
.game-list div:nth-child(3) > i{ background: #ffcc00; }
.game-list div:last-child{ border-bottom:0px;}

/*热门榜单*/
.recgame-box{ background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); }
.rank-game-box{ padding-bottom: 14px; margin-top: 20px; margin-bottom:15px; }
.recgame-box .m-titler{ line-height: 60px; padding-left: 16px; height: 60px; color: #303030; font-size: 18px; font-weight: bold; }
.hot-class-top .recgame-box .m-titler{ padding-left:20px; }
.recgame-box .m-titler i{ position: relative; width: 24px; display: inline-block; background: url(../images/ic-classification.png); height: 24px; vertical-align: middle; margin-right: 10px; }
.hot-class-top .rank-game-box .m-titler i{ background-image: url(../images/ic-classification.png);}
.hot-class-top .rank-game-box .m-content-box{ padding-left:0px; }
.rank-game-box .m-content-box{ font-size: 0px; }
.rank-game-box .m-content-box .u-tag{ text-align: center; text-overflow: ellipsis; display: inline-block; white-space: nowrap; margin-bottom: 10px; height: 30px; line-height: 24px; padding: 3px 10px; color: #444; font-size: 14px; overflow: hidden;}
.hot-class-top .rank-game-box .m-content-box .u-tag{ margin-left:10px; }

/*文章列表*/
.container-left{ float:left; width:810px; }
.m_heart{ background-color:#fff; }
.m_heart li{ position: relative; padding: 28px 0; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.m_heart_img{ display: inline-block; float: left; margin-right: 23px; cursor: pointer; position: relative; z-index: 2;}
.m_heart_img img{ width: 245px; height: 137px; display: block; }
.m_heart_tit{ position: relative; }
.m_heart_tit h3{ position: relative; color: #333; font-size: 18px; margin-bottom: 10px; height: 23px; overflow: hidden; }
.m_heart_tit h3 a{ display: inline-block; max-width: 90%; position: relative; cursor: pointer; color: #151515; line-height: 22px; height: 20px; }
.m_heart_tit h3 a:hover{ color:#f55656;}
.m_heart_tit h3 i{ position: absolute; background: url(../images/one_img.png) no-repeat 10px -50px; display: inline-block; width: 26px; height: 26px; top: 0; right: -21px; display: none; }
.m_heart_read{ position: absolute; background: #dfdfdf; padding: 0 5px; color: #fff; cursor: pointer; top: 62px; right: 0; display: none; }
.m_heat_p{ height: 90px; overflow: hidden; text-align: justify; line-height: 28px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #555; }
.m_heart_time{ height: 16px; line-height: 16px; }
.m_heart_time span{ color:#999; }
.m_heart_time_span1{ margin-right: 15px; }
.m_heart_time_span1 i{ background: url(../images/one_img.png) no-repeat -269px -51px; display: inline-block; width: 20px; height: 26px; vertical-align: middle; margin-right: 1px; }
.m_heart_time_span2 i{ background: url(../images/one_img.png) no-repeat -293px -52px; display: inline-block; width: 20px; height: 26px; vertical-align: middle; margin-right: 1px; }

/*编辑推荐*/
.container-right{ float:right; width:286px;}
.newasp .b-hot,.newasp .b-r{ margin-bottom:20px;}
.b-r-tit{ border-bottom: 1px solid #e7e7e7; }
.b-r-tit a{ display: inline-block; width: 140px; text-align: center; color: #999; font-size: 16px; font-weight: bold; padding: 10px 0; cursor: pointer; }
.b-r-tit .b-r-active{ color: #f55656; position: relative; }
.b-r-tit .b-r-active:before{ content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background: #f55656; }
.b-br-a1 i{ width: 17px; height: 21px; background: url(../images/read03.png) no-repeat 0px 0px; }
.b-r-tit a i{ display: inline-block; margin-right: 10px; vertical-align: middle; }
.b-r-tit .b-br-a1.b-r-active i{ background: url(../images/read03.png) no-repeat -21px 0px; }

.b-hot-t ul li{ border-bottom: 1px solid #e3e3e3; position: relative; }
.b-hot-t ul li:last-child{ border-bottom:0px; }
.b-hot-t ul li:before{ content: ''; color: #fff; font-size: 12px; border-radius: 2px; width: 15px; text-align: center; height: 15px; line-height: 16px; background: #b7b7b7; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; }
.b-hot-t ul li:nth-of-type(2):before{ content:"2"; background: #f55656; }
.b-hot-t ul li>a{ display: block; font-size: 14px; color: #666; padding-left: 25px; height: 56px; line-height: 56px; overflow: hidden; }
.b-hot-t-img{ float: left; display: none; width: 100px; height: 60px; display: block; margin: 20px 10px 0 0;}
.b-hot-t-p{ font-size: 14px; color: #666; height: 56px; line-height: 56px; overflow: hidden; }
.b-hot-t-span{ display: none; font-size: 12px; color: #999; height: 33px; line-height: 20px;}
.b-hot-t ul .b-hot-active:before{ height: 60px; line-height: 60px; margin-top: 20px; }
.b-hot-t ul li:nth-of-type(1):before{ content: '1'; background: #f55656; }
.b-hot-t ul .b-hot-active a{ height:auto; }
.b-hot-t-img{ float: left; width: 100px; height: 60px; display: block; margin: 20px 10px 0 0; display: none; }
.b-hot-t ul .b-hot-active .b-hot-t-img{ display: block; }
.b-hot-t ul .b-hot-active .b-hot-t-p{ height: 44px; line-height: 22px; margin-top: 20px; }
.b-hot-t ul .b-hot-active .b-hot-t-span{ display: block; }
.b-hot-t ul li:nth-of-type(3):before{ content: '3'; background: #f55656; }
.b-hot-t ul li:nth-of-type(4):before{ content:'4';}
.b-hot-t ul li:nth-of-type(5):before{ content:'5';}
.b-hot-t ul li:nth-of-type(6):before{ content:'6';}

.b-r-con ul li{ position: relative; padding: 20px 0; border-bottom: 1px solid #e3e3e3; overflow: hidden;}
.b-r-con ul li:last-child{ border-bottom:0px; }
.b-r-con-img{ float: left; margin-right: 10px; }
.b-r-con-img img{ display: block; width: 60px; height: 60px; border-radius: 4px; object-fit: cover; }
.b-r-con-t h3{ padding: 9px 0; }
.b-r-con-t h3 a{ font-size: 16px; color: #333; font-weight: 500; display: block; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.b-r-con-t p{ font-size: 14px; color: #999; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.b-r-con-t p i{ margin: 0 6px; display: inline-block; width: 1px; height: 10px; background: #999; }
.b-r-download{ position: absolute; top: 0; right: 0; bottom: 0; margin: auto; border: 1px solid #e35720; color: #e35720; width: 46px; text-align: center; height: 26px; line-height: 28px; border-radius: 2px; }
.b-r-download:hover{ background: #e35720; color: #fff; }

/*文章详情页 文章详情*/
.r-t{ float:left; width:810px; overflow: hidden; }
.r-t-h2{ padding: 50px 0 25px 0; text-align: center; font-size: 26px; color: #222; line-height: 40px; }
.r-t-p{ margin-bottom: 26px; text-align: center; }
.r-t-p span:nth-of-type(1){ color: #666; margin-right: 16px; }
.r-t-p span:nth-of-type(2){ color: #999; margin-right: 20px; }
.r-t-p span:nth-of-type(3){ color: #e35720; border: 1px solid #e35720; padding: 6px 8px; border-radius: 2px; margin-right: 10px; }
.r-t-p span:nth-of-type(4){ color: #f1c720; border: 1px solid #f1c720; padding: 6px 8px; border-radius: 2px; margin-right: 10px; }

.r-t-menu{ overflow: hidden; background: #f7f7f7; padding: 8px 20px; }
.r-t-menu-l{ float: left; overflow: hidden; width: 560px; border-right: 1px dotted #dfdfdf; }
.r-t-menu-img{ float: left; margin-right: 20px; }
.r-t-menu-img img{ width: 98px; height: 98px; border-radius: 6px; }
.r-t-menu-l1{ padding: 15px 0px; }
.r-t-menu-l1 a{ cursor: pointer; font-size: 18px; color: #444; font-weight: bold; }
.r-t-menu-l2 span{ font-size: 14px; color: #999; margin-right: 24px; }
.r-t-menu-l2 span:nth-of-type(1) a{ color:#f55656; }
.r-t-menu-l2 span:nth-of-type(2) a{ color:#333; }
.r-t-menu-l3{ padding:8px 0; }
.r-t-menu-l3 span{ margin-right: 10px; color: #999; }
.r-t-menu-l3 a:nth-of-type(1){ color: #e35720; border: 1px solid #e35720; padding: 4px 6px; }
.r-t-menu-r{ float:right; }
.r-t-menu-r a{ display: block; position: relative; font-size: 14px; border-radius: 2px; width: 78px; padding-left: 53px; height: 42px; line-height: 42px; color: #fff;}
.r-t-menu-r a:first-child{ background: #f55656;  margin: 4px 0 10px 0; }
.r-t-menu-r a:first-child:before{ content: ''; display: inline-block; width: 40px; height: 30px; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; background: url(../images/read02.png) no-repeat -308px 5px; }
.r-t-menu-r a:last-child{ background: #434343; }
.r-t-menu-r a:last-child:before{ content: ''; display: inline-block; width: 40px; height: 30px; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; background: url(../images/read02.png) no-repeat -348px 4px; }

.r-t-details{ padding: 30px 0; font-size: 16px; color: #222; line-height: 32px; }
.r-t-details p a{color: #f55656;}
.r-t-details .detail .divcontent img{ display: block; margin:20px auto;}

/*相关文章*/
.a-about{ margin-top: 40px; margin-bottom:30px;}
.head-more{ overflow: hidden; }
.head-more p{ float: left; font-family: 'Microsoft YaHei'; font-size: 20px; color: #262626; margin-bottom: 30px; }
.head-more p.Bold{ font-weight: 700; }
.head-more a{ display: block; float: right; color: #aaa; height:26px; line-height: 26px; margin: 8px 0 28px 0; font-size: 12px; }
.a-about-list{ overflow: hidden; margin-left: -30px;}
.a-about-list li{ float: left; margin: 0 0 13px 34px; width: 175px; transition: all .2s linear; }
.a-about-list li>a{ display: block; overflow: hidden; width: 175px; height: 130px; }
.a-about-list li>a img{ display: block; width: 100%; height: 100%; }
.a-about-list li>p{ overflow: hidden; padding: 10px 6px; }
.a-about-list li>p a{ float: left; display: block; height: 40px; color: #565656; font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; }

/*下载页面 菜单*/
.sub_nav{ background: #f9f9f9; margin: 20px auto; overflow: hidden; }
.sub_nav p{ position: relative; /*border-top: 1px solid #f6f6f6;*/ font-size: 14px; color: #666; padding: 15px 0 15px 95px; line-height: 27px; margin-top: -1px; }
.sub_nav p span, .sub_nav p a{ display: inline-block; height: 27px; margin: 5px 0; }
.sub_nav p a{ padding: 0 10px; }
.sub_nav p span{ position: absolute; left: 25px; top: 14px; }
.sub_nav p a:hover, .sub_nav p a.on{ background: #f55656; color: #fff; }

/*下载列表*/
.container-list{ overflow: hidden; }
.container-list ul{ padding-bottom:25px; }
.container-list ul li{ float: left; width: 268px; height: 216px; border: 1px solid #ececec; margin: 0 40px 20px 0; }
.container-list ul li:nth-child(4n){ margin-right:0px; }
.container-list ul li:hover{ border: 1px solid #ff7f00;}
.container-list ul li h4{ margin: 0 15px; padding: 17px 0 14px 0; border-bottom: 1px dashed #ececec; }
.container-list ul li h4 a{ color: #333333; font-size: 20px; height: 20px; line-height: 20px; overflow: hidden; display: inline-block; }
.container-list ul li h4 a:hover{ color: #ff5500; }
.container-list ul li div{ margin: 15px; overflow: hidden; }
.container-list li div a{ float: left; margin-right: 15px; }
.container-list li div img{ display: block; width: 100px; height: 100px; border-radius: 20px; }
.container-list li div p{ float: left; width: 123px; font-size: 14px; }
.container-list li div p b{ color: #999999; line-height: 24px; display: block; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.container-list li div p u{ line-height: 20px; height: 40px; overflow: hidden; color: #666666; text-decoration: none; display: block; margin-top: 8px;}
.container-list b span{ color:#666; }
.container-list h6{ background-color: #f9f9f9; height: 31px; line-height: 34px; }
.container-list h6 i{ display: inline-block; background: url(../images/list02.png) no-repeat left center; padding-left: 20px; color: #333333; font-size: 14px; line-height: 34px; margin-left: 17px; }
.container-list h6 em{ display: inline-block; background: url(../images/list03.png) no-repeat left center; padding-left: 18px; color: #333333; font-size: 14px; line-height: 34px; margin-left: 17px; }

/*下载详情页*/
.con-left{ float:left; width:220px; }
.con-left .g-game-msg{ width: 100%; height: auto; background: #fff; display: block; overflow: visible; padding-top: 25px; }
.con-left .g-game-msg .g-game-img{ width: 120px; height: 120px; border-radius: 18px; margin: 0px auto; display: block; overflow: hidden; }
.con-left .g-game-msg h1{ width: 92%; height: auto; line-height: 26px; font-size: 17px; font-weight: bold; color: #333; text-align: center; margin: 10px auto 0; display: block; overflow: hidden; }
.con-left .g-game-msg .m-down-ul{ display: block; width: 190px; height: auto; margin: 0 auto; padding: 6px 0 0;}
.con-left .g-game-msg .m-down-ul li{ width: 100%; height: auto; display: block; margin: 10px 0 0; position: relative; }
.con-left .g-game-msg .m-down-ul li a{ width: 100%; height: 45px; line-height: 45px; font-size: 16px; font-weight: normal; color: #fff; text-indent: 64px; background: #f55656; border-radius: 5px; display: block; overflow: hidden; position: relative; zoom: 1; }
.con-left .g-game-msg .m-down-ul li a i{ width: 20px; height: 20px; background: url(../images/android-down-icon.png) no-repeat 0 -760px; display: block; overflow: hidden; position: absolute; left: 33px; top: 14px; }
.con-left .g-game-msg .m-down-ul li a span{ display:block; position: absolute; right: 0; top: 2px; width: 46px; height: 42px; line-height: 42px; background: url(../images/down-ico.png) 10px 7px no-repeat;}
.con-left .g-game-msg .m-down-ul li a:hover{ background: #f60; text-decoration: none; }
.con-left .g-game-msg .m-down-ul li .hover-img{ display:none; position: absolute; top:45px; right:4px; z-index:9999; }

.bt-grey{ color: #fff; text-indent: 64px; background: #ccc !important; border-radius: 5px; display: block; overflow: hidden; position: relative; zoom: 1; }

.con-left .g-game-msg .m-downinfo{ margin: 0 20px; padding: 10px 0 15px 0; }
.con-left .g-game-msg .m-downinfo li{ font-size: 14px; height: 22px; line-height: 22px; color: #898989; margin: 4px 0 0; overflow: hidden; white-space: nowrap; }
.con-left .g-game-msg .m-downinfo li b{ color:#444; font-weight: normal; }
.con-left .g-game-msg .m-downinfo li span{ color:#444; }
.con-left .g-game-msg .m-downinfo li img{ width:110px; }

.con-left .g-game-recomd{ display: block; width: 100%; height: auto; margin: 10px 0 0; background: #fff; overflow: hidden; }
.g-sec-title{ width: 100%; height: 24px; line-height: 24px; font-size: 18px; font-weight: normal; color: #444; text-indent: 12px; margin: 10px 0 0; display: block; overflow: hidden; font-family: "microsoft yahei"; }
.g-sec-title i{ width: 5px; height: 24px; background: #f55656; float: left; display: inline; overflow: hidden; }
.con-left .g-game-recomd ul{ width: 100%; height: auto; margin: 0; display: block; overflow: hidden; }
.con-left .g-game-recomd ul li{ width: 100%; height: auto; border-bottom: 1px dashed #e0e0e0; display: block; overflow: hidden; }
.con-left .g-game-recomd ul li a{ width: 100%; height: auto; padding: 10px 0; display: block; overflow: hidden; }
.con-left .g-game-recomd ul li a img{ width: 55px; height: 55px; float: left; margin: 0 12px 0 12px; border-radius: 12px; display: inline; overflow: hidden; }
.con-left .g-game-recomd ul li a strong{ width: 130px; height: 18px; line-height: 18px; font-size: 16px; font-weight: normal; color: #333; float: left; margin: 8px 0 0; display: inline; overflow: hidden; }
.con-left .g-game-recomd ul li a b{ width: 128px; height: 14px; line-height: 14px; font-size: 12px; font-weight: normal; color: #999; float: left; margin: 8px 0 0; display: inline; overflow: hidden; }
.con-left .g-game-recomd ul li a em{ width: 70px; height: 26px; line-height: 26px; font-size: 12px; font-weight: normal; color: #fff; text-align: center; background: #f60; border-radius: 3px; float: left; margin: 3px 0 0; display: none; overflow: hidden; }
.con-left .g-game-recomd ul li a:hover b{ display: none; }
.con-left .g-game-recomd ul li a:hover em{ display: inline; }

.con-center{ float:left; width:680px; overflow: hidden; }
.con-center .g-info-tab.m-info-float{ width: 680px; position: fixed; left: 50%; top: 0; margin: 0 0 0 -380px; box-shadow: 0px 2px 3px #ccc; background: #fff; z-index: 999; }
.con-center .g-info-tab{ width: 100%; height: 59px; background: #fff; margin: 10px 0 0; display: block; overflow: hidden; }
.con-center .g-info-tab li{ width: 135px; height: 56px; border-right: 1px solid #ebebeb; border-top: 3px solid #fff; text-align: center; float: left; margin: 0; display: inline; overflow: hidden; cursor: pointer; }
.con-center .g-info-tab li strong{ width: auto; height: 54px; line-height: 56px; font-size: 17px; font-weight: normal; color: #444; margin: auto; padding: 0 0 0 30px; display: inline-block; overflow: hidden; position: relative; zoom: 1; }
.con-center .g-info-tab li strong i{ width: 22px; height: 22px; background: url(../images/android-down-icon.png) no-repeat 0 -954px; margin: 0; display: block; overflow: hidden; position: absolute; left: 0; top: 17px; -webkit-filter: grayscale(100%); -o-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); }
.con-center .g-info-tab .m-hover{ border-top: 3px solid #f55656; }
.con-center .g-info-tab .m-hover strong{ color: #f55656; }
.con-center .g-info-tab .m-hover strong i{ -webkit-filter: grayscale(0%); -o-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); }

.g-white-box{ height: auto; background: #fff; display: block; overflow: hidden; /*padding: 0 20px 10px;*/}
.g-azd-msg{ margin: 10px 0 0; }
.con-center .g-azd-msg .g-azd-cont{ width: 100%; margin: 0; display: block; overflow: hidden; position: relative; }
.con-center .g-azd-msg .g-azd-cont p{ width: 100%; height: auto; line-height: 28px; font-size: 14px; color: #555; margin: 12px 0 0; display: block; overflow: hidden; }
.con-center .g-azd-msg .g-azd-cont p a{ color: #f55656; }
.con-center .g-azd-msg .g-azd-cont p img{ width: auto; height: auto; max-width: 74%; display: block; overflow: hidden; margin: 0 auto; }
.con-center .g-azd-msg .g-azd-cont h3{ font-size: 15px; font-weight: bold; color: #333; margin: 23px 0 0; display: block; overflow: hidden; }
.u-content-mh{ width: 100%; height: 40px; display: block; overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 10; background: -moz-linear-gradient(top,rgba(255,255,255,0),rgba(0, 0, 0, 0.7)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,0)), color-stop(1, rgba(255,255,255,1))); background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); }
.con-center .g-azd-msg .m-contshow-btn{ width: 71px; height: 25px; line-height: 25px; font-size: 12px; font-weight: normal; color: #888; float: right; margin: 10px 0 0; border: 1px solid #ebebeb; border-radius: 4px; text-align: center; font-family: Microsoft YaHei; display: block; overflow: hidden; cursor: pointer; }
.con-center .g-azd-msg .m-contshow-btn:hover{ background: #f60; text-decoration: none; color: #fff; border-color: #f60; }

.g-azd-center .g-azd-previmg{ margin:10px 0 0; }
.g-downmain-title{ width: 100%; height: 51px; border-bottom: 2px solid #eee; display: block; overflow: hidden; }
.g-downmain-title dt{ width: auto; height: auto; float: left; display: inline; overflow: hidden; position: relative; zoom: 1; }
.g-downmain-title dt strong{ height: 22px; line-height: 22px; font-size: 16px; font-weight: bold; color: #5db1fd; margin: 19px 0 0; padding: 0 6px 0 2px; display: block; overflow: hidden; position: relative; zoom: 1; }
.g-downmain-title dt strong i{ width: 22px; height: 22px; background: url(../images/android-down-icon.png) no-repeat 0 -1034px; display: block; overflow: hidden; position: absolute; left: 0; top: 0; display: none; }
.g-previmg-box{ width: 640px; height: auto; background: #fff; display: block; overflow: hidden; position: relative; zoom: 1; margin: 12px auto 5px; padding: 0 0 20px 0; }
.g-previmg-swiper{ width: 100%; height: auto; display: block; overflow: hidden; position: relative; zoom: 1; }
.g-previmg-swiper .swiper-wrapper{ margin: 0px; height: auto; }
.g-previmg-swiper .swiper-wrapper .swiper-slide{ -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: auto; max-width: 460px; height: auto; max-height: 360px; position: relative; float: left; display: inline; overflow: hidden; }
.g-previmg-swiper .swiper-wrapper .swiper-slide img{ width: auto; max-width: 460px; height: auto; max-height: 360px; display: block; overflow: hidden;  }
.swiper-scrollbar{ position: absolute; left: 0; bottom: 0; width: 100%; height: 10px; }
.swiper-scrollbar-drag{  position: relative; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,.5); border-radius: 10px; }
.swiper-button-next, .swiper-button-prev{ top: 0; margin: 0; right: 0; width: 27px; height: 100%; background: url(../images/swiper-right.png) no-repeat center center rgba(0,0,0,.7); cursor: pointer; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 0; transform: rotate(180deg); }
.u-previmg-btn{ display: none; z-index: 40; }
.con-center .g-azd-like{ margin: 10px 0 0; }
.g-downmain-title{ width: 100%; height: 51px; border-bottom: 2px solid #eee; display: block; overflow: hidden; }
.g-downmain-title dt{ width: auto; height: auto; float: left; display: inline; overflow: hidden; position: relative; zoom: 1; }
.g-downmain-title dt strong{ height: 22px; line-height: 22px; font-size: 16px; font-weight: bold; color: #f55656; margin: 19px 0 0; padding: 0 6px 0 2px; display: block; overflow: hidden; position: relative; zoom: 1; }
.g-downmain-title dt strong i{ width: 22px; height: 22px; background: url(../images/android-down-icon.png) no-repeat 0 -1034px; display: block; overflow: hidden; position: absolute; left: 0; top: 0; display: none; }
.con-center .g-azd-like .g-downmain-title dt strong i{ background-position: 0 -1349px; }
.g-downmain-title dd{ width: auto; height: 51px; float: right; padding: 0 0 0 38px; display: inline-block; overflow: hidden; }
.g-downmain-title dd a{ width: auto; height: 30px; line-height: 30px; padding: 0 12px; font-size: 14px; font-weight: normal; color: #333; float: left; margin: 15px 0 0 10px; display: inline; overflow: hidden; cursor: pointer; }
.g-downmain-title dd .m-hover{ background: #f55656; color: #fff; border-radius: 22px; }
.con-center .g-azd-like .g-like-cont{ width: 100%; height: auto; display: block; overflow: hidden; }
.con-center .g-azd-like .g-like-cont dl{ width: 100%; height: auto; margin: 3px 0 0; display: block; overflow: hidden; }
.con-center .g-azd-like .g-like-cont dl dt{ width: 150px; height: 100px; float: left; margin: 13px 0 0; display: inline; overflow: hidden; }
.con-center .g-azd-like .g-like-cont dl dt img{ width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
.con-center .g-azd-like .g-like-cont dl dd{ width: 475px; height: 100px; float: left; margin: 13px 0 0 14px; display: inline; overflow: hidden; }
.con-center .g-azd-like .g-like-cont dl dd>a{ width: 100%; height: 18px; line-height: 18px; font-size: 16px; font-weight: normal; color: #444; margin: 5px 0 0; display: block; overflow: hidden; }
.con-center .g-azd-like .g-like-cont dl dd p{ width: 100%; height: 58px; line-height: 20px; font-size: 13px; color: #888; margin: 8px 0 0; display: block; overflow: hidden; }

.g-like-cont>ul{ overflow: hidden; }
.g-like-cont>ul>li{ float: left; width: 207px; padding: 3px; margin: 0px; overflow: hidden; }
.g-like-cont>ul>li>a{ float:left; display:block; }
.g-like-cont>ul>li .img_down img{ display: block; width: 32px; height: 32px; border-radius: 7px; overflow: hidden; }
.g-like-cont>ul>li .img_down b{ display: block; width: 32px; height: 18px; line-height: 18px; font-size: 12px; font-weight: normal; color: #fff; text-align: center;background: #f60; margin: 4px 0 0; overflow: hidden; }
.g-like-cont>ul>li .g-like-cont-R{ float:left; margin-left:15px; }
.g-like-cont>ul>li .g-like-cont-R div:nth-child(1) span{display:block; width: 100%; height: 16px; line-height: 16px; font-size: 14px; font-weight: normal; color: #333; overflow: hidden; }
.g-like-cont>ul>li .g-like-cont-R div:nth-child(2){ display: block; width: 100%; height: 14px; line-height: 14px; font-size: 12px; font-weight: normal; color: #888; margin: 9px 0 0; overflow: hidden;}
.g-like-cont>ul>li .g-like-cont-R div:nth-child(2) ul{float:right; width:90px; padding-left: 16px;overflow: hidden;}
.g-like-cont>ul>li .g-like-cont-R div:nth-child(2) ul li{ float: left; list-style: none; width: 16px; height: 13px; background: url(../images/icon_01.gif) no-repeat; background-size:15px 30px; }
.g-like-cont>ul>li .g-like-cont-R div:nth-child(2) ul li a{ display: block; width: 100%; padding-top: 27px; overflow: hidden; }
.g-like-cont>ul>li .g-like-cont-R div:nth-child(2) ul li.light{ background-position: 0 -15px; }



/*评分*/
.con-center .g-azd-cms{ margin: 10px 0 0; }
.con-center .g-azd-cms ul{ width: 100%; height: auto; display: block; overflow: hidden; }
.con-center .g-azd-cms ul li{ width: 50%; height: 16px; float: left; margin: 12px 0 3px; display: inline; overflow: hidden; }
.con-center .g-azd-cms ul li i{ width: 4px; height: 4px; background: #ccc; float: left; margin: 6px 9px 0 0; display: inline; overflow: hidden; }
.con-center .g-azd-cms ul li a{ width: 280px; height: 16px; line-height: 16px; float: left; font-size: 14px; color: #555; padding: 0 0 0 0; display: inline; overflow: hidden; }

.g-azd-center .g-azd-downlist{ margin-top: 10px; padding: 0 0 10px 0; }
.g-azd-downlist .g-gz-cont{ width: auto; height: auto; display: block; overflow: hidden; margin: 0 0 0; }
.g-azd-downlist .g-gz-cont li{ width: 106px; height: auto; float: left; margin: 16px 0 0 0; display: inline; overflow: hidden; }
.g-azd-downlist .g-gz-cont li a{ width: 78px; height: auto; margin: auto; display: block; overflow: hidden; }
.g-azd-downlist .g-gz-cont li a img{ width: 100%; height: 78px; border-radius: 16px; display: block; overflow: hidden; }
.g-azd-downlist .g-gz-cont li a strong{ width: 100%; height: 16px; line-height: 16px; font-size: 14px; font-weight: normal; color: #444; text-align: center; margin: 9px 0 0; display: block; overflow: hidden; }
.g-azd-downlist .g-gz-cont li a b{ width: 76px; height: 28px; line-height: 28px; font-size: 12px; font-weight: normal; color: #555; text-align: center; background: #fff; border: 1px solid #dedede; margin: 10px 0 0; display: block; overflow: hidden; border-radius: 3px; }
.g-azd-downlist .g-gz-cont li a:hover strong{ color: #f60; }
.g-azd-downlist .g-gz-cont li a:hover b{ background: #f60; color: #fff; border-color: #ff4939; }


.con-right{ width:288px; float:left; margin: 0 0 0 10px; overflow: hidden; }
.con-right .g-white-box{ height: auto; background: #fff; display: block; overflow: hidden; }
.con-right .g-azd-regame ul{ width: 100%; height: auto; padding: 5px 0 10px 0; display: block; overflow: hidden; }
.con-right .g-azd-regame ul li{ width: 60px; height: auto; float: left; margin: 13px 2px 0 18px; display: inline; overflow: hidden; }
.con-right .g-azd-regame ul li a{ width: 100%; height: auto; display: block; overflow: hidden; }
.con-right .g-azd-regame ul li a img{ width: 100%; height: 60px; border-radius: 12px; display: block; overflow: hidden; }
.con-right .g-azd-regame ul li a strong{ width: 57px; height: 16px; line-height: 16px; font-size: 12px; font-weight: normal; color: #555; text-align: center; margin: 7px auto 0; display: block; overflow: hidden; }
.con-right .g-azd-crank{ margin: 10px 0 0; }
.con-right .g-azd-crank ul{ width:100%; height: auto; margin: 12px 10px 0; display: block; overflow: hidden; }
.con-right .g-azd-crank ul li{ width: 100%; height: 39px; border-bottom: 1px dashed #e0e0e0; display: block; overflow: hidden; }
.con-right .g-azd-crank ul li a{ width: 100%; height: auto; display: block; overflow: hidden;}
.con-right .g-azd-crank ul li a i{ width: 20px; height: 20px; line-height: 20px; font-size: 12px; font-weight: normal; color: #fff; text-align: center; font-style: normal; background: #b4b4b4; float: left; margin: 9px 0 0; display: inline; overflow: hidden; }
.con-right .g-azd-crank ul .m-rank-color1 a i{ background: #fa4e57; }
.con-right .g-azd-crank ul li a img, .con-right .g-azd-crank ul li a b{ display: none; }
.con-right .g-azd-crank ul li a strong{ width: 128px; height: 39px; line-height: 39px; font-size: 14px; font-weight: normal; color: #333; float: left; margin: 0 0 0 10px; display: inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.con-right .g-azd-crank ul li a em{ width: 52px; height: 39px; line-height: 39px; font-size: 12px; font-weight: normal; color: #999; float: right; margin: 0 0 0 0; display: inline; overflow: hidden; }
.con-right .g-azd-crank ul li a em{ display:none; }
.con-right .g-azd-crank ul .m-rank-color2 a i{ background: #fa7a53; }
.con-right .g-azd-crank ul .m-rank-color3 a i{ background: #fbc258; }
.con-right .g-azd-crank ul .m-hover{ height: auto; padding: 0 0 10px 0; }
.con-right .g-azd-crank ul .m-hover img{ width: 66px; height: 66px; border-radius: 12px; float: left; margin: 9px 0 0 10px; display: inline; overflow: hidden; }
.con-right .g-azd-crank ul .m-hover strong{ width: 104px; height: 16px; line-height: 16px; font-size: 14px; font-weight: normal; margin: 14px 0 0 10px; }
.con-right .g-azd-crank ul .m-hover b{ width: 75px; height: 28px; line-height: 28px; font-size: 12px; font-weight: normal; color: #fff; text-align: center; background: #f60; border-radius: 4px; float: left; margin: 9px 0 0 10px; display: inline; overflow: hidden; }

/*合集详情页*/
.sec-0, .sec-1{ background: #fff; box-shadow: 2px 0 8px 0 rgba(0,0,0,.1); }
.sec-0{ padding: 0px 20px 20px 30px; }
.sec-0 .yui-card1{ float: left; width: 640px; height: 274px; overflow: hidden; }
.yui-card1{ display: inline-block; overflow: hidden; position: relative; }
.yui-card1 .card-img{ left: 50%; min-height: 100%; width: 100%; position: absolute; top: 50%; transform: translate(-50%,-50%); }
.sec-0 .tag{ position: absolute; top: 10px; left: -4px; padding: 0 12px; font-size: 18px; line-height: 30px; color: #fff; background: #f55656; }
.sec-0 .tag:after, .sec-0 .tag:before{ content: ""; position: absolute; right: -10px; width: 0; height: 0; }
.sec-0 .tag:before{ top: 0; border-top: 0; border-right: 0; border-bottom: 15px solid transparent; border-left: 10px solid transparent; border-left-color: #f55656; }
.sec-0 .tag:after{ bottom: 0; border-top: 0; border-right: 10px solid transparent; border-bottom: 15px solid transparent; border-left: 0; border-bottom-color:#f55656; }
.sec-0 .tag:after, .sec-0 .tag:before{  content: ""; position: absolute; right: -10px; width: 0; height: 0; }
.sec-0 .rt{ position: relative; float: right; width: 450px; margin-left: 16px; padding: 0 20px 30px; background: #fafafa; }
.yui-card0halign{ display: table-cell; position: relative; width: 3000px; font-size: 0; vertical-align: middle; }
.sec-0 .rt .yui-card0halign{ padding-top: 60px; }
.yui-card0halign-iconbox{ position: relative; display: inline-block; text-align: center; vertical-align: middle; }
.yui-card0halign .yui-card0halign-iconbox{ margin-right: 8px; }
.sec-0 .rt .yui-card0halign-iconbox{ margin-right: 16px; }
.yui-card0halign-iconbox img{ overflow: hidden; z-index: 0; }
.sec-0 .rt .yui-card0halign-iconbox img{ width: 120px; height: 120px; }
.yui-card0halign-infobox{ display: inline-block; vertical-align: middle; }
.sec-0 .rt .yui-card0halign-infobox{ max-width: 290px;}
.yui-card0halign-infobox .high-layer{ font-size: 20px; color: #323232; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec-0 .rt .high-layer{ font-size: 26px; }
.yui-card0halign-infobox .middle-layer{ position: relative; margin-top: 10px; font-size: 14px; color: #737373; }
.yui-card0halign-infobox .low-layer, .yui-card0halign-infobox .middle-layer{ position: relative; }
.sec-0 .rt .middle-layer{ font-size: 0; color: #898989; }
.yui-card0halign-infobox .low-layer .slot-lft, .yui-card0halign-infobox .middle-layer .slot-lft{ display: inline-block; position: relative; margin-right: 23px; }
.sec-0 .rt .middle-layer span{ font-size: 16px; color: #898989; }
.sec-0 .rt .middle-layer span:nth-child(3){ font-weight:700; }
.yui-card0halign-infobox .low-layer .slot-lft:after, .yui-card0halign-infobox .middle-layer .slot-lft:after{ content: ""; position: absolute; top: 50%; right: -11px; transform: translateY(-50%); width: 0; height: 12px; border-right: 1px solid #d8d8d8; }
.sec-0 .rt .txt{ margin-top: 16px; font-size: 16px; line-height: 24px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;  }

.sec-0 .bottom .title{ margin-top: 15px; font-size: 26px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec-0 .bottom .date{ position: relative; margin-top: 12px; font-size: 16px; color: #323232; }
.sec-0 .bottom .date:after{ content: ""; right: 0; width: 946px; height: 1px; background: #d8d8d8; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }
.sec-0 .bottom .date:after{ width: 900px !important; }
.sec-0 .bottom .txt{ margin-top: 10px; font-size: 16px; line-height: 24px; color: #474747; }

/*合集详情页，列表*/
.collection_container{ padding: 24px 20px; background: #FFF; }
.collections_box{ margin: 0 0 0 -25px; }
.sort_item{ position: relative; float: left; margin: 0 0 12px 12px; width: 186px; padding-bottom: 34px; border: 1px solid #f0f0f0; cursor: default; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
.collections_box .sort_item{ margin: 0 0 25px 37px; width: 198px; }

.collect_scroll .sort_item_content, .collection_container .sort_item_content{ padding: 16px 10px 10px; }
.new_list dt img, .favorite_list dt img, .cp_list dt img, .wl_list_icon, .voucher_list dt img, .app_list img, .sort_item_content img{ border-radius: 16px; border: 1px solid #f0f0f0; box-sizing: border-box; }
.sort_item_content img{ display: block; margin: 0 auto 10px; height: 84px; width: 84px; }
.txt_overflow{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.star_box, .game_type{ height: 20px; font-size: 14px; color: #8f8f8f; line-height: 20px; }
.sort_item_content{ padding: 16px 16px 10px; color: #8f8f8f; text-align: center; border-bottom: 1px solid #f0f0f0; }
.c_bt_body .new_list .star, .sort_item_content .star, .tx_container .star, .c_item_l .star, .c_item_all .star, .d_opts .star{ float: left; margin: 2px 4px 0 0; height: 15px; width: 15px; background: url(../images/sprite.png) -271px 0 no-repeat; }
.c_bt_body .new_list .star_active, .sort_item_content .star_active, .tx_container .star_active, .c_item_l .star_active, .c_item_all .star_active, .d_opts .star_active{ background: url(../images/sprite.png) -289px 0 no-repeat; }
.sort_item_name{ font-size: 14px; color: #333; line-height: 1; }
.sort_item_opts{ margin: 10px 0 6px; font-size: 12px; line-height: 1; }
.sort_item_opts{ line-height:14px; }
.sort_item .star_box{ margin: 0 auto; width: 96px; }
.sort_item_load{ position: absolute; bottom: -1px; left: 0; width: 100%; height: 35px; }
.sort_item_load a{ display: block; width: 100%; height: 100%; color: #e53333; text-align: center; line-height: 34px; transition: all 150ms linear; }
.sort_item:hover{ box-shadow: 0 4px 6px rgb(125,125,125, .5); }
.sort_item:hover .sort_item_load a{ color:#fff; background-color:#e53333; }
/*page*/
.page-c{}
#pages{display:table;margin: 30px auto -10px;}
#pages li{display: inline-block;}
#pages a,#pages span{display: inline-block;width: auto;padding:0 10px;height: 30px;text-align: center;line-height: 30px;color: #f55656;font-size: 14px;border-radius: 5px;border: 1px solid #f55656;margin: 0 5px;}
#pages span{background-color: #f55656!important;color: #fff!important;}
#pages a:hover{background-color: #f55656!important;color: #fff!important;}
.activP{background-color:#f55656!important;color:#fff!important}
.newasp{width:286px}


.upload_link{    width: 152px;height: 30px; float: left; font-size: 14px;color: #898989; position: relative; z-index: 999; top: -4px;}
.upload_link a{display: block;float: right;color: #898989;line-height: 30px;margin-right: 20px;}
.upload_link .downl_tips{float: right;cursor: pointer;}
.downl_tips:hover .downl_tips_wrap{display: block;}
.upload_link .downl_tips span{line-height: 30px;}
.upload_link .downl_tips_wrap{display: none;width: 240px;height: 239px;position: absolute;left: 0;top: 38px;background: url("../images/bg-ewm3.png") no-repeat;background-size:100% 100%;}
.upload_link .downl_tips_wrap .title{text-align: center;margin: 20px 20px 0;border-bottom: 1px solid #f7e9fd;height: 50px;line-height: 50px;color: #333;font-weight: bold;font-size: 16px;}
.upload_link .downl_tips_wrap p{margin: 5px 20px;line-height: 22px;color: #666;font-size: 14px;border-left:none}
.upload_link .downl_tips_wrap u{color: #7cb47b;display: block;text-decoration: none}

.game-list .start{display:inline-block;width:90px;height:13px;line-height:13px;background:url(../images/start_on.jpg) no-repeat;background-size: contain;vertical-align: baseline;}
.on_start{display:block;width:20%;height:13px;background:url(../images/start_off.png) no-repeat;background-size:90px 12px;}

.wid_wrap{ display: none; width: 100%;height: 100vh;z-index: 20198;position: fixed;left: 0;top: 0;}
.wid_wrap .win_mengban{width: 100%;height: 100vh;z-index: 20198;position: absolute;z-index: 1;left: 0;top: 0;background: rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);}
.wid_wrap .win_box{width: 560px;height: 400px;background: #fff;border-radius: 4px;position: absolute;z-index: 2;left: 50%;top: 50%;margin: -200px 0 0 -280px;}
.wid_wrap .win_box .title{color: #f55656;font-size: 22px;font-weight: 600;text-align: center;line-height: 40px;margin-top: 10px;}
.wid_wrap .win_box ul{margin: 15px auto;overflow: hidden;width: 500px;}
.wid_wrap .win_box ul li{font-size: 20px;color: #666;line-height: 36px;margin-bottom: 20px;overflow: hidden;}
.wid_wrap .win_box ul li input{width: 350px;height: 36px;padding: 0 15px;float: left;}
.wid_wrap .win_box ul li span{float: left;width: 110px;display: block;}
.wid_wrap .win_box ul li span i{color: #f00}
.wid_wrap .win_box ul li textarea{width: 372px !important;float: left;padding: 5px;height: 100px !important;}
.wid_wrap .win_box .btn{text-align: center;line-height: 40px; display: block;margin: 10px auto;width: 160px;height: 40px;background: #f55656;border-radius: 6px;color: #fff;font-size: 16px;cursor: pointer;border: none;}

.downlbtn{
    display: block;
    font-size: 14px;
    color: #fff !important;
    background: #f55656;
    text-align: center;
    line-height: 30px;
    margin-top: 14px;
}