/* 侧边栏公共组件 */

/* 组件标题 */
.tit{overflow: hidden;}
.tit p{display: block;float: left; font-size: 20px;color: #222;font-weight: bold;}
.tit>i{float: left;width: 6px;height: 24px;background: #ff4c4c;margin-right: 10px;margin-top: 3px;}
.tit a{float: right; display: block;line-height: 30px;font-size: 15px;color: #ccc;}
.tit a:hover{color: #000;}
.tit a i{float: left;width: 16px;height: 16px;background-position: -24px 0;margin-top: 7px;margin-right: 8px;}

/* 游戏榜单 */
.cont-r .r-rank{padding: 20px 20px 0 20px;background: #fff;}
.cont-r .r-rank ul{overflow: hidden;}
.cont-r .r-rank ul li{width: 320px;border-bottom: 1px solid #f2f2f2;padding: 20px 0;overflow: hidden;}
.cont-r .r-rank ul li a{display: block;}
.cont-r .r-rank ul li a i{float: left; width: 21px;height: 30px;color: #fff;line-height: 30px;font-size: 14px;text-align: center;background-position: -50px 0;margin-top: 11px;}
.cont-r .r-rank ul li:nth-of-type(1) a i{background-position-x: -74px;}
.cont-r .r-rank ul li:nth-of-type(2) a i{background-position-x: -99px;}
.cont-r .r-rank ul li:nth-of-type(3) a i{background-position-x: -124px;}
.cont-r .r-rank ul li a>div{margin-left: 10px;overflow: hidden;float: left;}
.cont-r .r-rank ul li a>div img{display: block;float: left;width: 52px;height: 52px;border-radius: 12px;}
.cont-r .r-rank ul li:hover a>div img{opacity: .9;transition: opacity .1s linear;}
.cont-r .r-rank ul li a>div div{float: left;margin-left: 24px;}
.cont-r .r-rank ul li a>div div p:nth-of-type(1){font-size: 15px;color: #555;max-width: 134px;overflow: hidden;height: 22px;display: inline-block;white-space: nowrap;text-overflow: ellipsis;}
.cont-r .r-rank ul li a>div div p:nth-of-type(2){font-size: 12px;color: #999;margin-top: 10px;}
.cont-r .r-rank ul li a>div div p:nth-of-type(2) span{display: inline-block;}
.cont-r .r-rank ul li a>span{display: block;float: right;width: 60px;height: 28px;line-height: 28px;text-align: center;color: #008cff;border-radius: 3px;border: 1px solid #b8d0e6;margin-top: 12px;}
.cont-r .r-rank ul li:hover a>span{color: #fff;background: #008cff;}

/* 热门攻略 */
.cont-r .r-gl{padding: 20px 20px 30px 20px;margin-top: 30px;background: #fff;}
.cont-r .r-gl ul{border-left: 1px solid #e0e0e0;}
.cont-r .r-gl ul li{position: relative;height: 15px;margin-top: 27px;font-size: 0px;}
.cont-r .r-gl ul li i{display: inline-block;width: 16px;height: 16px;background-position: -149px 0;position: absolute;left: -9px;top: -2px;vertical-align: middle;background-color: #fff;}
.cont-r .r-gl ul li:hover i{background-position-x: -167px;width: 14px;left: -7px;}
.cont-r .r-gl ul li a{display: inline-block;font-size: 15px;line-height: 15px;padding-left: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 320px;color: #333333;}

/* 热门合集 */
.cont-r .r-hj{padding: 20px 20px 0 20px;margin-top: 30px;background: #fff;}
.cont-r .r-hj>div:nth-of-type(2){margin-top: 13px;}
.cont-r .r-hj>div:nth-of-type(2) a{display: block;width: 320px;text-align: center;}
.cont-r .r-hj>div:nth-of-type(2) a img{display: block;width: 320px;height: 160px;border-radius: 6px;}
.cont-r .r-hj>div:nth-of-type(2) a:hover img{opacity: .9;transition: opacity .1s linear;}
.cont-r .r-hj>div:nth-of-type(2) a p{font-size: 15px;color: #555;height: 48px;line-height: 15px;padding: 15px 0 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.cont-r .r-zt{padding: 20px 20px 0 20px;margin-top: 30px;background: #fff;}
.cont-r .r-zt>div:nth-of-type(2){margin-top: 13px;overflow: hidden}
.cont-r .r-zt>div:nth-of-type(2) > a{display: block;width: 155px;text-align: center;}
.cont-r .r-zt>div:nth-of-type(2) > a:nth-child(1){float: left;}
.cont-r .r-zt>div:nth-of-type(2) > a:nth-child(2){float: right;}
.cont-r .r-zt>div:nth-of-type(2) > a > img{display: block;width: 100%;height: 80px;}
.cont-r .r-zt>div:nth-of-type(2) > a > p{font-size: 12px;color: #888;line-height: 16px;margin-top: 10px;overflow: hidden;white-space: nowrap;}
.cont-r .r-zt > ul{/*width:320px;*/margin-top:15px;}
.cont-r .r-zt > ul li{float:left;margin-right: 15px;margin-bottom: 14px;text-align: center;}
.cont-r .r-zt > ul li:nth-child(3n+3){margin-right: 0;}

.cont-r .r-zt > ul li a{display: block;width: 95px;line-height: 32px;border: 1px solid #e6e6e6;color:  #333;text-align: center;border-radius: 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cont-r .r-zt > ul li a:hover{border-color: #008cff;color: #008cff}



/* 攻略页-相关下载 */
.cont-r .r-dload{padding: 20px 20px 30px 20px;margin-bottom: 30px;background: #fff;}
.cont-r .r-dload>a{display: block;overflow: hidden;}
.cont-r .r-dload>a img{display:inline-block;float:left;border-radius: 16px;width: 80px;height: 80px;}
.cont-r .r-dload>a div{display:inline-block;width: 225px;margin-left: 15px;}
.cont-r .r-dload>a div p{color: #555;margin-top: 8px;line-height: 14px;}
.cont-r .r-dload>a div p:nth-of-type(1){display: block;height: 24px;font-size: 16px;color: #333;margin-bottom: 16px;overflow: hidden;font-weight: bold;margin-top: 0;}
.cont-r .r-dload>a > p{height: 75px;font-size: 14px;color: #333;line-height: 24px;margin-top: 20px;overflow: hidden;}
.cont-r .r-dload>a > p span{font-weight: bold;}
.cont-r .r-dload>a > span{display: block;width: 100%;height: 36px;border-radius: 2px;background: #008cff;line-height: 36px;text-align: center;font-weight: bold;color: #FFF;margin-top: 20px;cursor: pointer;}

/*.cont-r .r-dload>p{height: 75px;font-size: 14px;color: #333;line-height: 24px;margin-top: 20px;overflow: hidden;}
.cont-r .r-dload>p span{font-weight: bold;}
.cont-r .r-dload>span{display: block;width: 100%;height: 36px;border-radius: 2px;background: #008cff;line-height: 36px;text-align: center;font-weight: bold;color: #FFF;margin-top: 20px;cursor: pointer;}*/