.tab_wrap { overflow: hidden; background: #fff; margin-top:8px;}


.Brdnav{overflow: hidden;height: 40px;line-height: 40px;margin: 0 12px;font-size: 14px;color: #999;}
.Brdnav a{color: #999;}
.Brdnav span{margin: 0 6px;font-family: initial;}

.tabbtn_style { overflow: hidden; margin: 0 12px; display: flex; height: 40px; line-height: 40px; }
.tabbtn_style a{ flex: 1; font-size: 16px; text-align: center; color: #777; font-weight: bold; }
.tabbtn_style span{padding:0 10px;font-size: 16px; text-align: center; color: #777; font-weight: bold; }
.tabbtn_style .on { color: #333; border-bottom: 2px solid #47b751; position: relative; }
.tabbtn_style .on:before { display: inline-block; position: absolute; left: 45%; bottom: 0; width: 0; height: 0; content: ''; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #47b751; }


.collection_item { overflow: hidden; background: #fff;margin-top:0; }
.collection_item .collections { overflow: hidden; }
.collection_item .item + .item { display: none;}
.collection_item .collections a { margin-bottom: 6px; position: relative; display: block; overflow: hidden; }
.collection_item .collections a img { position: relative; z-index: 1; width: 100%; display: block; }
.collection_item .collections a .title { width: 100%; position: absolute; height: 60px; left: 0; bottom: 0; z-index: 2; background: -webkit-linear-gradient(bottom, #000000 0%, transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); background: linear-gradient(to top, #000000 0%, transparent 100%); display: flex; }
.collection_item .collections a .title p { font-size: 16px; color: #fff; font-weight: bold; overflow: hidden; flex: 1; height: 60px; line-height: 60px; margin: 0 12px; }
.collection_item .collections a .title span { height: 60px; line-height: 60px; margin: 0 32px; font-size: 14px; color: #ff9900; font-weight: 600; }

.collection_top { overflow: hidden; background: #fff; margin-bottom: 6px; }
.collection_top .info { margin-bottom: 6px; position: relative; display: block; overflow: hidden; }
.collection_top .info img { position: relative; z-index: 1; width: 100%; display: block; }
.collection_top .info .title { width: 100%; position: absolute; height: 60px; left: 0; bottom: 0; z-index: 2; background: -webkit-linear-gradient(bottom, #000000 0%, transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); background: linear-gradient(to top, #000000 0%, transparent 100%); display: flex; }
.collection_top .info .title p { font-size: 16px; color: #fff; font-weight: bold; overflow: hidden; flex: 1; height: 60px; line-height: 60px; margin: 0 12px; }
.collection_top .info .title span { height: 60px; line-height: 60px; margin: 0 12px; font-size: 14px; color: #ff9900; font-weight: 600; }
.collection_top .text { overflow: hidden; padding: 12px; line-height: 20px; font-size: 14px; color: #666; }
.collection_top .text span { color: #ff9900; }
.more_href{ width: 100%; height: 35px; line-height: 35px;text-align: center;text-decoration: none; color: #969696; outline: 0}

.Game_list { overflow: hidden;margin-top: 0; }
.Game_list .item + .item { display: none; }
.Game_list .item .list:last-child { border: none; }
.Game_list .item { overflow: hidden; }
.Game_list .item .list {padding: 15px 0; height: 70px; margin: 0 12px; border-bottom: 1px solid #f5f5f5; display: flex; }
.Game_list .item .list .img { display: block; margin-right: 12px;position: relative; }
.Game_list .item .list .img p{position: absolute;left: -10px;width: 40px;top: -10px;background: #ff4c88;font-size: 12px;color: #fff;text-align: center;line-height: 20px;height: 20px;border-radius: 10px;}
.Game_list .item .list .img, .Game_list .item .list .img img { width: 70px; height: 70px; border-radius: 6px; }
.Game_list .item .list .info { flex: 1; margin-right: 12px; }
.Game_list .item .list .info .bt { display: block; width: 100%; height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: 600; color: #333; }
.Game_list .item .list .info p { height: 20px; line-height: 20px; font-size: 10px; color: #999; margin: 4px 0; overflow:hidden;}
.Game_list .item .list .info p span { margin-left: 10px; }
.Game_list .item .list .info ul { overflow: hidden; width: 100%; height: 24px; }
.Game_list .item .list .info ul li { float: left; height: 18px; border-radius: 10px; padding: 0 10px; border: 1px solid #c5dcfc; text-align: center; font-size: 12px; color: #47b751; margin: 2px 4px 10px 0; }
.Game_list .item .list .info ul li a{ color: #47b751; }
.Game_list .item .list .downl_btn { width: 60px; height: 26px; box-shadow: 0 0 12px #9fcee5; background: -webkit-linear-gradient(left, #47b751 0%, #1ab2ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47b751', endColorstr='#1ab2ff',GradientType=1 ); background: linear-gradient(to right, #47b751 0%, #1ab2ff 100%); color: #fff; text-align: center; border-radius: 4px; line-height: 26px; margin-top: 22px; }

.game-hj{height: auto;margin-bottom: 10px;overflow: hidden;display:block;}
.game-hj ul{height:auto;margin:0 8px;overflow:hidden;}
.game-hj ul li{display: block;float: left;width:48%;height:100px;margin: 15px 1% 5px 1%;position: relative;overflow: hidden;border-radius: 10px;}
.game-hj ul li img{border-radius: 10px;width: 100%;height: 100px;}
.game-hj ul li p{position: absolute;width: 100%;height: 26px;left: 0;bottom: 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;background: rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);text-align: center;color: #fafafa;font-size: 14px;transition: all .1s linear;-webkit-transition: all .1s linear;}


.tabbtn_style { overflow: hidden; margin: 0 12px; display: flex; height: 40px; line-height: 40px; }
.tabbtn_style a { flex: 1; font-size: 16px; text-align: center; color: #777; font-weight: bold; }
.tabbtn_style .on { color: #333; border-bottom: 2px solid #47b751; position: relative; }
.tabbtn_style .on:before { display: inline-block; position: absolute; left: 45%; bottom: 0; width: 0; height: 0; content: ''; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #47b751; }


.page { background: #fff; border-top: 1px solid #f5f5f5; padding: 10px 20px; display: flex; justify-content: space-between; }
.page > a { width: 22%; margin: 14px 0; display: inline-block; line-height: 30px; border-radius: 4px; background: #f6f6f6; text-align: center; color: #333;font-size:14px; }
.page > a:active, .page span .cbtn a:active { background: #ddd; }
.page > a:nth-child(2) { width: 14%; }
.page > a:nth-child(4) { width: 14%; }
.page > a.over { color: #bbb; }
.page > span { width: 22%; margin: 14px 0; display: inline-block; line-height: 30px; border-radius: 4px; text-align: center; background: #47b751; color: #fff; font-size: 14px; position: relative; }
.page > span .cbtn { width: 100%; position: absolute; top: -62px; left: 0; z-index: 10; height: 92px; overflow-y: scroll; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 0 3px #bbb; -moz-box-shadow: 0 30 3px #bbb; box-shadow: 0 0 3px #bbb; }
.page > span .cbtn a { display: inline-block; text-align: center; line-height: 30px; margin-bottom: 1px; float: left; width: 100%; background: #f6f6f6; font-size: 14px; color: #666; }
/* new */
.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.hot_strategy ul{padding:0 10px 5px;}
.hot_strategy li{height: 40px;line-height: 40px;border-bottom:1px solid #e1e8f0;}
.hot_strategy li:last-child{border-bottom:none;}
.hot_strategy li i{display:inline-block;width:10px;height:20px;position:relative;margin-right:3px;background-position:0 -36px;position: relative;top: 3px;}
.hot_strategy li a{width: 0%;height: 40px;line-height:40px;font-size: 14px;color: #333;overflow:hidden;white-space:nowrap;    text-overflow: ellipsis;}
.hot_strategy li span{margin-left: 10px;font-size: 12px;color: #ababab;}
.icon_i {
    background-image: url(/static/images/index_icon.png);
    background-size: 328px 328px;
    display: block;
}
.flex_grow {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.game_info .cont img {
    display: block;
    max-width: 60%;
    height: auto;
    margin: 0 auto .1rem auto;
}
.spec_desc{
	font-size:14px;
	color:#a6a6a6;
	text-indent: 2em;
  padding:5px 10px;
	box-shadow: 0px 4px 6px #ddd;
	    margin-bottom: 20px;
}
div.footer{
	bottom:inherit;
}