#top>div>a{flex: 0 0 20px;}
.Cont1 ul li a.d_btn{display: block;clear: both;color: #22c3b7;line-height: 27px;width: 56.5px;border: 1px solid #22c3b7;border-radius: 3px;margin: 0 auto 10px auto;}
.Cont1 ul li a.s_btn{display: block;clear: both;color: #3d89e4;line-height: 27px;width: 56.5px;border: 1px solid #3d89e4;border-radius: 3px;margin: 0 auto 10px auto;}
.Cont1 ul li a.a_btn{display: block;clear: both;color: #72c322;line-height: 27px;width: 56.5px;border: 1px solid #72c322;border-radius: 3px;margin: 0 auto 10px auto;}
.zt-ad{width: 100%;height: 0;padding-bottom: 50.1%;background: #555;position: relative;overflow: hidden;}
.swiper-lb .swiper-slide{position: relative;}
.swiper-lb .game-info{display: flex;position: absolute;bottom: 0;left: 0;z-index: 2;width: 100%;height: 50px;background: rgba(0,0,0,.6);}
.swiper-lb .game-info .pic{position: absolute;left: 12px;bottom: 15px;width: 132px;height: 66px;border: 2px solid #fff;border-radius: 18px;overflow: hidden;}
.game-info p{flex: 1;height: 50px;line-height: 50px;font-size: 18px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-indent: 10rem;}
.game-info span{line-height: 50px;font-size: 16px;color: #fff;width: 60px;text-align: center;}
.game-info span i{color: #ff6b38;font-size: 18px;margin: 0 2px;}
.zt-kf{margin-top: 6px;background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
.zt-kf-cont{overflow: hidden;}
.zt-kf-cont li{padding: 10px 12px;overflow: hidden;}
.zt-kf-cont li h4{display: inline-block;width: 64px;margin-right: 6px;text-align: center;float: left;font-size: 12px;color: #fff;line-height: 26px;background: url(../../img/mobile/kf-bg.png) no-repeat left -60px;background-size: 64px auto;}
.zt-kf-cont li.kf-red h4{background: url(../../img/mobile/kf-bg.png) no-repeat left 0;background-size: 64px auto;}
.zt-kf-cont li.kf-blue h4{background: url(../../img/mobile/kf-bg.png) no-repeat left -30px;background-size: 64px auto;}
.zt-kf-cont li dl{display: block;height: 26px;margin: 0 72px 0 6px;overflow: hidden;}
.zt-kf-cont li span{display: inline-block;width: 60px;float: right;font-size: 14px;color: #ddd;line-height: 26px;text-align: right;font-weight: bold;}
.zt-kf-cont li.kf-red span{color: #f25657;}
.zt-kf-cont li.kf-blue span{color: #3aa3f6;}
.zt-kf-cont li dl dd{display: inline-block;float: left;font-size: 12px;color: #333;line-height: 26px;}
.zt-kf-cont li dl dd:nth-child(1){width: 25%;}
.zt-kf-cont li dl dd:nth-child(2){width: 20%;}
.zt-kf-cont li dl dd:nth-child(3){width: 55%;overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis;/*文字隐藏后添加省略号*/ white-space: nowrap;/*强制不换行*/}
.N-skills{margin-top: 6px;background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
.zt-page{margin-top: 6px;background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb; overflow: hidden;}
.zt-edition{margin-top: 6px;background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb; overflow: hidden;} /*按钮*/
.btnwarp{display: flex; height: 63px;margin-top: 6px; background: #fff; -webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb; overflow: hidden; text-align: center;}
.btnwarp a{display: inline-block; text-align: center;height: 40px;width: 40%;line-height: 40px;font-size: 16px;color: #fff;background: #00b377;border-radius: 10px;margin: 10px 12px;flex: 1;}
.btnwarp a img{display: inline-block;width: 18px;
margin-bottom: -2px;
vertical-align: text-bottom;}
.btnwarp .iosbtn{background: #0099e6;} /*标签*/
.bqwrap{margin-top: 6px; background: #fff; -webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb; overflow: hidden; text-align: center; padding: 12px 0;}
.bqwrap ul{width: 100%;display: flex;margin: 0 auto;}
.bqwrap ul li{flex: 1;font-size: 14px;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bqwrap ul li img{margin: 0 4px -4px;}
/*ContA*/
.ContA .ContA-list{overflow: hidden;}
.ContA .ContA-list li{padding: 0 12px;position: relative;border-bottom: 1px solid #f5f5f5;overflow: hidden;}
.ContA .ContA-list li:active{background: #eee;}
.ContA .ContA-list li:nth-last-child(2){border: none;}
.ContA .ContA-list li>a{display: inline-block;float: right;text-align: center;color: #fff;line-height: 28px;width: 57.5px;background: #22c3b7;/*border: 1px solid #22c3b7;*/border-radius: 3px;position: absolute;top: 50%;right: 12px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.ContA .ContA-list li>a.l_btn{background: #FF9D01;}
.ContA .ContA-list li>div{margin: 10px 67.5px 10px 0;}
.ContA .ContA-list li>div a{display: inline-block;background: url(../../img/mobile/l-list.png) no-repeat left center;background-size: auto 12px;padding-left: 18px;margin-bottom: 3px;line-height: 19px;color: #333;font: 14px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma; overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis;/*文字隐藏后添加省略号*/ white-space: nowrap;/*强制不换行*/}
.ContA .ContA-list li>div a.page-icon{font-size: 16px;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;background: url(../../img/mobile/l-package.png) no-repeat left center;background-size: 13px auto;}
.ContA .ContA-list li>div p{display: block;margin-left: 18px;line-height: 16px;color: #888;font-size: 12px;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis;/*文字隐藏后添加省略号*/ white-space: nowrap;/*强制不换行*/}
.ContA .ContA-list li>div dl{margin-left: 18px;overflow: hidden;}
.ContA .ContA-list li>div dl dt{float: left;margin-right: 10px;line-height: 16px;color: #888;font-size: 12px;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;/}
.ContA .ContA-list li>div dl dd{color: #888;font-size: 12px;line-height: 16px;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;}
.more{display: block;text-align: center;padding: 12px 0;margin-top: 8px;color: #222;font: 12px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;border-top: 1px #f5f5f5 solid;}
.zt-goods{margin-top: 6px;background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb; overflow: hidden;}

.goods-list{padding-bottom: 12px;    display: table;}
.goods-list ul{display: block;width: 100%;}
.goods-list ul li{display:block;width: 25%;float: left;text-align: center;}
.goods-list ul li a{clear: both;display:block;font-size: 12px;color: #333;text-align: center;margin-top: 12px;}
.goods-list ul li a img{display: block;height: 57.5px;width: auto;margin: 0 auto;border-radius: 6px;}
.goods-list ul li p{ clear: both;   display: block;  font-size: 12px;color: #333; text-align: center;margin-top: 12px;}

.zt-video{width: 100%;}
.zt-video ul{overflow: hidden;}
.zt-video li{display: inline-block;width: calc(50% - 20px);background: #fff;position: relative;border-radius: 12px;overflow: hidden;margin:6px 0 6px  12px;height: 30vw;max-height: 230px;min-height: 100px;}
.zt-video li a{display: table;width: 100%;}
.zt-video li p{position: absolute;width: 100%;height:30px;line-height: 30px;background: rgba(0,0,0,.7);bottom: 0;left: 0;font-size: 14px;color: #fff;text-indent: 1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
.zt-video li img{width: 100%;display: block;}
.zt-video li .ico-video{position: absolute;
left: calc(50% - 23px);
top: calc(50% - 35px);
width: 46px;height: 46px;
background: url(../../img/comm/ico-video.png) no-repeat;
background-size: 100%;}
.videotab{margin-bottom: 18px;}

/*英雄对比*/
.zt-hero ul,
.zt-hero ul li{width: 100%;margin: 6px 0 12px;}
.zt-hero .img{display: inline-block;float: left;width: 105px;height: 70px;margin:0 12px;overflow: hidden;border-radius: 12px;}
.zt-hero ul li dl dt,.zt-hero ul li dl dd{font-size: 14px;line-height: 19px;overflow: hidden;height: 38px;padding-bottom: 2px;padding-right: 12px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.zt-hero ul li dl dt a{color: #333;}
.zt-hero ul li dl dd{font-size: 12px;height: 30px;line-height: 15px;color: #777;}
.zt-hero .img img{width:100%;height:100%;}
.tj-wrap {background: #fff; margin-top: 6px; }
.tj-wrap .Tjlist { overflow: hidden; padding: 0 12px 12px;  }
.tj-wrap .Tjlist a div.img { display: inline-block; width: 57.5px; height: 57.5px; border-radius: 10px; display: inline-block; position: relative; margin-bottom: 10px; }
.tj-wrap .Tjlist a p.name { color: #333; height: 20px; overflow: hidden; line-height: 20px; }
@keyframes name_d{from {bottom:-40px;}to {bottom:0;}}
@-moz-keyframes name_d{from {bottom:-40px;}to {bottom:0;}}
@-webkit-keyframes name_d{from {bottom:-40px;}to {bottom:0;}}
@-o-keyframes name_d{from {bottom:-40px;}to {bottom:0;}}
.Tjlist .name span{ position: relative;animation: name_d 500ms;-moz-animation: name_d 500ms;-webkit-animation: name_d 500ms;-o-animation: name_d 500ms;}
.Tjlist .name span:nth-child(2){display: none;}

.swiper-tj .mor{
    display: block;
    width: 47px;
    height:47px;
    padding: 5px;
    border-radius: 12px;
    background: #f6f6f6;
    text-align: center;
    line-height: 25px;
    color: #bbb;

}
.swiper-tj .mor i{
    display: block;
    padding-top: 30px;
    background: url(/moban5/static/img/comm/more-icon.png) no-repeat top center;
    background-size: 25px auto;
    margin-top: 10px;
}
.swiper-tj .tj p{
    color: #333;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    width: 57px;
    text-align: center;
    margin-top: 11px;
}
.T_warpdata{ width: 100%; }
.T_warpdata .t_warp_a{ margin-top: 6px;background: #fff;}
.T_warpdata .Cont2 ul li a.l_btn2{background: #589cf6;}

.yymengban{display:none ;width: 100%;height:2000px;position: fixed;z-index: 999;;background: rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);left: 0;top: 0;}
.yywrap{display:none;overflow:hidden;width: 80%;max-width: 700px;height:auto;position: fixed;left: 10%;top: 10%;background: #fff;border-radius: 8px;z-index: 1000;cursor: initial;}
.closebtn{position: absolute;right: 10px;top: 5px;font: 20px/18px microsoft yahei;color: #589cf6;cursor: pointer;}
.closebtn:hover{opacity: 0.88;}
.yywrap .yy_L{width: 90%;height: auto;margin:30px auto 20px;}
.yywrap .yy_L .phone{width: 90%;height:36px;font-size: 14px;line-height: 36px;padding: 0 10px;border:1px solid #ccc ;display: block;margin: 20px auto 0 auto;border-radius: 5px;}
.yywrap .yy_L .phone:focus{border:1px solid #589cf6 ;}
.yywrap .yy_L .tips{width: 90%;text-align: center;line-height:25px;font: 16px/25px;margin: 8px auto;color: #999;}
.yybtn_bs,.yybtn_br{width: 96%;height: 36px;line-height: 36px;text-align: center;border-radius:3px;margin: 5px auto 10px;font-size: 16px;cursor: pointer;}
.yybtn_bs{background: #589cf6;color: #fff;border: 1px solid #589cf6;}
.yybtn_bs:hover,.yybtn_br:hover{opacity: 0.88;}
.yybtn_br{color: #589cf6;border: 1px solid #589cf6;}
.yy_R{width: 150px;height: auto;margin:0 auto;padding-bottom: 20px;}
.yy_R p{width: 100%;text-align: center;font: 14px/30px;color: #666;}
.yy_R img{width: 150px;height: 150px;margin: 10px 5px;}