.topbox {width: 100%; height: 423px; position: relative;}
.topbox .top_con {position: absolute; width: 100%; height: 100%;top: 0;left: 0;z-index: 1;}
.topbox .top_con a {display: none; background-position: center center; background-repeat: no-repeat; width: 100%; height: 100%;}
.topbox .top_con a.active { display: block;}
.topbox .top_tab { position: absolute; width: 350px;height: 100%;top: 0;right: 0; background: rgba(0, 0, 0, 0.5); box-sizing: border-box;padding: 80px 37px;z-index: 2;}
.topbox .top_tab a {display: block;width: 100%;height: 35px; line-height: 35px;color: #ffffff;font-size: 16px; overflow: hidden;transition: font-size .08s ease;}
.topbox .top_tab a span {display: none; margin-left: 9px;}
.topbox .top_tab a.active { color: #f86c36; font-size: 24px;}
.topbox .top_tab a.active span { display: inline;color: #f86c34;font-size: 16px;}
/*专题*/
.maincon { width: 1200px; margin: auto; padding-top: 20px; position: relative;z-index: 1;}
.tj-game {width: 100%; height: 180px;overflow: hidden;background-color: #ffffff;box-shadow: 0px 0px 18px 0px rgba(168, 130, 123, 0.22);border-radius: 10px; box-sizing: border-box;padding-left: 20px;padding-top: 14px; margin-bottom: 20px;}
.tj-game > div {width: 100%;overflow: hidden;height: 25px; line-height: 25px; margin-top: 10px;}
.tj-game > div span, .tj-game > div li { float: left;}
.tj-game > div > span {width: 96px;height: 25px;background-image: linear-gradient(48deg, #f6715f 0%, #f86c34 100%);border-radius: 13px;color: #ffffff;font-size: 14px;text-align: center;}
.tj-game > div li {width: 131px;border-right: 1px solid #ccc;text-indent: 17px;height: 20px;margin-top: 2.5px;line-height: 20px;}
.tj-game > div li a {font-size: 14px;line-height: 20px;color: #616161;}
.tj-game > div li a:hover {color: rgb(255, 73, 59);}
.tj-game > div li a span {line-height: 26px;}
.tj-game > div li.zt-nav-li-g { display: none;}
.tj-game > div .tj-more { color: #f76341; font-size: 12px;line-height: 25px; margin-left: 1105px;display: block;}
/*列表*/
.gamebox { box-sizing: border-box;width: 1200px; background-color: #ffffff;box-shadow: 0px 0px 18px 0px rgba(168, 130, 123, 0.22); border-radius: 10px;margin-bottom: 36px;padding: 0 13px;padding-bottom: 25px;}
.in_box { overflow: hidden; width: 100%;}
.main_title {width: 100%;height: 60px; position: relative;}
.main_title::after { content: ''; display: block; width: 100%; height: 1px;background: #ededed;bottom: 2px; position: absolute;z-index: 1;}
.main_title span {display: inline-block; padding: 0 6px;color: #404040;font-size: 18px;position: relative;line-height: 58px;height: 60px;font-weight: bold;}
.main_title span::after { z-index: 2;content: '';display: block;position: absolute;height: 5px; background-color: #f35258;border-radius: 3px;width: 50px;margin-left: -25px;left: 50%; bottom: 0;}
.main_title a {line-height: 58px; height: 60px; color: #7d7d7d;font-size: 16px;position: absolute;right: 10px; font-weight: bold;}
.main_title a:hover { color: #f95d4d;}
.dzbox { width: 1109px; margin: auto;}
.dzbox .game_list {float: left;height: 266px;width: 158px; margin-right: 32px;margin-top: 30px;margin-bottom: 10px;}
.dzbox .game_list:nth-child(6n) { margin-right: 0;}
.dzbox .game_list .item-img { border-radius: 8px; display: block; width: 100%; height: 210px;position: relative;}
.dzbox .game_list .item-img img { width: 100%; height: 100%; border-radius: 8px;}
.dzbox .game_list .item-img span {display: block; position: absolute;width: 43px; height: 43px;top: -14px; left: -14px;}
.dzbox .game_list .item-img span em {display: block;width: 50%; height: 100%;float: left; line-height: 43px;text-align: right; color: #666666; font-size: 16px; font-weight: bold;}
.dzbox .game_list .item-img span i {display: block;width: 50%;float: right; height: 41px; line-height: 41px;text-align: left;color: #666666; font-size: 12px;font-style: normal;font-weight: bold;}
.dzbox .game_list .item-img span em.big {margin-left: 7px;}
.dzbox .game_list .item-img span i.none { display: none;}
.dzbox .game_list .item-img span.width10 { background: url(../images/w1.png) no-repeat center center;background-size: 100%;}
.dzbox .game_list .item-img span.width20 { background: url(../images/w2.png) no-repeat center center;background-size: 100%;}
.dzbox .game_list .item-img span.width30 { background: url(../images/w3.png) no-repeat center center; background-size: 100%;}
.dzbox .game_list .item-img span.width40 {background: url(../images/w4.png) no-repeat center center;background-size: 100%;}
.dzbox .game_list .item-img span.width50 {background: url(../images/w5.png) no-repeat center center; background-size: 100%;}
.dzbox .game_list .item-img span.width60 { background: url(../images/w6.png) no-repeat center center; background-size: 100%;}
.dzbox .game_list .item-img span.width70 {background: url(../images/w7.png) no-repeat center center; background-size: 100%;}
.dzbox .game_list .item-img span.width80 { background: url(../images/w8.png) no-repeat center center; background-size: 100%;}
.dzbox .game_list .item-img span.width90 { background: url(../images/w9.png) no-repeat center center;background-size: 100%;}
.dzbox .game_list .item-img span.width100 { background: url(../images/w10.png) no-repeat center center;background-size: 100%;}
.dzbox .game_list .item-title { display: block; width: 100%;text-align: center; color: #404040; font-size: 16px; height: 35px;line-height: 35px;overflow: hidden;}
.dzbox .game_list:hover .item-title {color: #f35258;}
.dzbox .game_list .item-btn a { font-size: 12px;color: #676767; width: 45px;height: 21px; border-radius: 4px; border: solid 1px #b9b9b9;box-sizing: border-box; line-height: 19px;display: inline-block;text-align: center;overflow: hidden;}
.dzbox .game_list .item-btn a:first-child + a { margin: 0 6px;}
.dzbox .game_list .item-btn a:hover {border: 1px solid #f35258;color: #f35258;}
.dzbox .game_list .item-btn a.hover { pointer-events: none; color: #e4e4e4; border: solid 1px #e4e4e4;}