/*head top*/
.m-rank-top3{position: relative; height: 220px;background: #FFF url(/m/static/v1/images/bj_v2.png) 0 0 /100% 166px no-repeat;}
.m-rank-top3-item{width: 96px;position: absolute;text-align: center;}
.m-rank-top3-item .u-logo{width:63px;height:63px;border-radius: 12px; margin: auto;}
.m-rank-top3-item .u-name{font-size: 14px;color: #464646;text-align: center;margin-top: 5px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 5px;}
.m-rank-top3-item .u-download-num{font-size: 12px;color: #AAAAAA;text-align: center;margin-bottom: 3px; white-space: nowrap;overflow: hidden;}
.m-rank-top3-item .u-btn-dl{display: block; width: 58px;height: 22px;margin: auto; border: 1px #3db73d solid;
    border-radius: 15px;color: #3db73d;text-align: center;    line-height: 22px;font-size:14px;}
.m-rank-top3-item .u-btn-dl img{width: 58px;height: 22px;margin: auto;}
.m-rank-top3-item .u-btn-ksyx{width:70px;height: 22px;}
.m-rank-top3-item .u-btn-ksyx img{width: 70px;height: 22px;}

.m-rank-top3-item1{top: 39px; left: 0;right: 0;margin: 0 auto;}
.m-rank-top3-item1 .u-logo{width:72px;height: 72px;}
.m-rank-top3-item1 .u-name{margin-top: 5px;}
.m-rank-top3-item1:before{content:"";display: block;position: absolute;right: -5px;top: -17px; width:41px;height: 33px;background: transparent url(/m/static/v1/images/huangguan.png) 0 0 / 100% 100% no-repeat;}
.m-rank-top3-item2{left: 29px;top:57px;}
.m-rank-top3-item3{right: 29px;top:57px;}

/*rec*/
.m-rec-today{
    margin: 12px auto; 
    background-color: #ffffff;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
}
.m-rec-today .m-top{
    /* overflow: hidden; */
    padding: 6px 0px;
    padding-right: 5px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.m-rec-today .m-top .u-tag{
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 7px;
    box-sizing: border-box;
    font-size: 13px;
    color: #FFFFFF;
    letter-spacing: 2px;
    font-weight: bold;
    background-image: linear-gradient(90deg, #f4d339 0%,   #3db73d 100%), linear-gradient( #ffffff, #ffffff);
    border-radius: 4px 11px 11px 4px;
    margin-left: -3px;
}
.m-rec-today .m-top .u-score{
    line-height: 20px; 
    color: #3db73d;
    letter-spacing: 0;
    font-size: 11px;
}
.m-rec-today .m-top .u-score b{
    font-size: 16px;
    color: #3db73d;
}
.m-rec-today .m-middle-game{
    position: relative;
    height: 72px; 
    overflow: hidden;
    padding: 9px 15px 13px;
    box-sizing: content-box;
}
.m-rec-today .m-middle-game img{float: left; width: 72px;height: 72px;border-radius: 14px;}
.m-rec-today .m-middle-game .m-center-des{overflow: hidden; height: 100%; margin-left: 81px;margin-right: 115px; }
.m-rec-today .m-middle-game .m-center-des-ksyx{overflow: hidden; height: 100%; margin-left: 81px;margin-right: 79px;}
.m-rec-today .m-middle-game .m-center-des .u-name{display: block;height: 26px;line-height: 29px; font-size: 16px;color: #464646; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m-rec-today .m-middle-game .m-center-des .u-type{display: block;height: 24px;line-height: 24px; font-size: 12px;color: #AAAAAA; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m-rec-today .m-middle-game .m-center-des .u-desc{display: block;height: 24px;line-height: 24px; font-size: 12px;color: #464646; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m-rec-today .m-middle-game .m-right{position: absolute;width: 58px;height: 29px; right: 15px;top: 22px;}
.m-rec-today .m-middle-game .m-right-ksyx{position: absolute;width: 126px;height: 29px; right: 15px;top: 22px;}
.m-rec-today .m-middle-game .u-btn-dl{position: absolute; top: 0; left: 0;display: inline-block;width: 58px;text-align: center; height: 29px;    border: 1px #3db73d solid;border-radius: 15px;    color: #3db73d;font-size: 14px;line-height: 29px;}
.m-rec-today .m-middle-game .u-btn-dl img{width: 58px;height: 29px;}
.m-rec-today .m-middle-game .u-btn-ksyx{position: absolute; top: 0; left: 0;display: inline-block;width: 126px;text-align: center; height: 29px;}
.m-rec-today .m-middle-game .u-btn-ksyx img{width: 126px;height: 29px;}
.m-rec-today .m-middle-game .m-game-one{display: block;height: 72px;}

/*ranking*/
.m-rank-item-wrapper{margin: 0 auto;margin-top: 10px; position: relative;background: #FFFFFF;-moz-box-shadow:0px 0px 12px #ededed; -webkit-box-shadow:0px 0px 12px #ededed; box-shadow:0px 0px 12px #ededed;border-radius: 10px;overflow:hidden;}
.m-rank-item-wrapper .u-tag{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 5px; 
    height: 37px;
    
    display: flex;
}

.m-rank-item-wrapper .u-href{
    position: absolute;
    width: 15px;
    height: 15px;
    top: 8px;
    right: 8px;
    background: url(/m/static/v1/images/rank_v2_more.png) no-repeat;
    background-size: 10px 10px;
}

.m-rank-item-wrapper .m-app-item-4:last-child{border-radius: 0 0 10px 10px;}
/* app-item-4 */
.m-app-item-4{position: relative;background-color: #fff;}
.m-app-item-4 a{display: block;height: 100%;padding: 10px 39px 10px 39px;position: relative;}
.m-app-item-4 img{width: 63px;height:63px;float: left;border-radius: 14px;}
.m-app-item-4 .u-rank{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto; 
    left: 8px; 
    display: block;
    width: 20px;
    text-align: center; 
    height: 20px;
    line-height: 20px;
    background-color: #e1b557;
	border-radius: 4px;
    font-weight: bold; 
    font-size: 15px;
    color: #FFFFFF;
    
}
.item-child-box .m-app-item-4:nth-of-type(1) .u-rank{
    background-color: #ff3600;
}
.item-child-box .m-app-item-4:nth-of-type(2) .u-rank{
    background-color: #ff6d34;
}
.item-child-box .m-app-item-4:nth-of-type(3) .u-rank{
    background-color: #ff9c00;
}
.m-app-item-4 .m-center{margin-left: 72px;margin-right: 34px;line-height:18px;}
.m-app-item-4 .m-center .u-name{display: block;font-size: 17px;color: #444444;margin-top: 4px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-app-item-4 .m-center .u-type{display: block;font-size: 11px;color: #B3B3B3;margin-top: 4px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;}
.m-app-item-4 .m-center .u-type .ic-rank-tip{display: inline-block;width: 9px;height: 8px;background: transparent 0 0 /100% 100%;}
.m-app-item-4 .m-center .u-type .ic-thumb-tip.ic-heart-s{bottom:3px;position:absolute;background: transparent url(/m/static/v1/images/ic-heart-s.png) 0 0 /100% 100% no-repeat;display: inline-block;width: 11px;height: 9px;margin-left: 1px;margin-right: 1px;}
.m-app-item-4 .m-center .u-type .ic-rank-tip.ic-up{background-image: url(/m/static/v1/images/ic-up.png);}
.m-app-item-4 .m-center .u-type .ic-rank-tip.ic-down{background-image: url(/m/static/v1/images/ic-down2.png);}
.m-app-item-4 .m-center .u-type .ic-rank-tip-num{font-size: 12px;font-weight: bold;font-style: normal;margin-left: 3px;}
.m-app-item-4 .m-center .u-type .ic-rank-tip-num.ic-up{color: #FF6C47;}
.m-app-item-4 .m-center .u-type .ic-rank-tip-num.ic-down{color: #458CFF}
.m-app-item-4 .m-center .u-type  .ic-thumb-tip-num{margin-left: 12px;}
.m-app-item-4 .m-center .u-desc{display: block;font-size: 12px;color: #979797;margin-top: 3px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-app-item-4 .m-right{position: absolute;top: 27px; right: 20px;font-size: 0;padding: 0;height: auto;}
.m-app-item-4 .m-right .icon-download{display: inline-block;width: 50px;height: 27px;    background: #3db73d;
    border-radius: 3px;color:#FFF;text-align:center;line-height:27px;font-size:14px;}
.m-app-item-4 .m-right .icon-download-hui{display: inline-block;width: 29px;height: 29px;background: url(/m/static/v1/images/rank_v2_dl_hui.png) 0 0 /100% 100%;}
.m-app-item-4:not(:last-child):after{
    position: absolute;
    display: block;
    content: "";
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 327px;
    height: 1px;
    background: #dcdcdc;
    background-size: 100% 100%;
}
/*other*/
.hj_list { background: #fff; padding: 0 10px;overflow: hidden; margin:12px 0;}
#infocon { overflow: hidden; border-top: 1px solid #f2ebeb; }
.infobox { display: block; overflow: hidden; padding: 15px 0 12px; height: 60px; position: relative; overflow: hidden; zoom: 1; border-bottom: 1px solid #f2ebeb; }
.infobox .ginfo { display: block; margin: 0px 75px 0px 70px; }
.infobox .ginfo > a { line-height: 20px; height: 20px; font-size: 15px; display: block; color: #1a1a1a; margin-bottom: 2px; overflow: hidden; }
.infobox .ginfo b { font-weight: 300; line-height: 18px; height: 18px; font-size: 11px; display: block; color: #08c; }
.infobox .ginfo .ginfoset { line-height: 18px; height: 18px; font-size: 12px; display: block; color: #aaa; overflow: hidden; zoom: 1; margin-bottom: 2px; }
.infobox .ginfo .ginfoset a { color: #aaa; display: inline-block; }
.infobox .ginfo .ginfoset i { font-style: normal; margin: 0px 4px; font-size: 10px; line-height: 20px; margin-top: 3px; }
.infobox .ginfo b { font-weight: 300; line-height: 18px; height: 18px; font-size: 12px; display: block; color: #999; overflow: hidden; }
.infobox .gbtn { display: block; width: 70px; height: 28px; line-height: 28px; font-size: 14px; color: #3db73d; overflow: hidden; position: absolute; right: 0; top: 27px; text-align: center; border: 1px #3db73d solid; border-radius: 15px; }

.cont5_lis { padding: 0 12px; }
.cont5_lis a { display: block; background: url(/m/static/v1/images/list-icon.png) no-repeat left center; background-size: 5px auto; padding: 8px 15px; color: #333; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cont5_lis.tis a {position:relative;padding: 8px 67px 8px 15px;}
.cont5_lis.tis span{position:absolute;top:10px;right:0;font-size:12px;color:#999;}

.infoboxs { display: block; overflow: hidden; padding: 15px 0 12px; height: 60px; position: relative; overflow: hidden; zoom: 1; border-bottom: 1px solid #f2ebeb; }
.infoboxs .gimg { float: left; display: inline; width: 60px; height: 62px; overflow: hidden; margin-right: 10px; margin-top: 0px;}
.infoboxs .gimg img { width: 60px; height: 60px; border-radius: 10px; overflow: hidden; }
.infoboxs .ginfo { display: block; margin: 0px 75px 0px 70px; }
.infoboxs .ginfo > a { line-height: 20px; height: 20px; font-size: 15px; display: block; color: #1a1a1a; margin-bottom: 2px; overflow: hidden; }
.infoboxs .ginfo b { font-weight: 300; line-height: 18px; height: 18px; font-size: 11px; display: block; color: #08c; }
.infoboxs .ginfo .ginfoset { line-height: 18px; height: 18px; font-size: 12px; display: block; color: #aaa; overflow: hidden; zoom: 1; margin-bottom: 2px; }
.infoboxs .ginfo .ginfoset a { color: #aaa; display: inline-block; }
.infoboxs .ginfo .ginfoset i { font-style: normal; margin: 0px 4px; font-size: 10px; line-height: 20px; margin-top: 3px; }
.infoboxs .ginfo b { font-weight: 300; line-height: 18px; height: 18px; font-size: 12px; display: block; color: #999; overflow: hidden; }
.infoboxs .gbtn { display: block; width: 70px; height: 28px; line-height: 28px; font-size: 14px; color: #3db73d; overflow: hidden; position: absolute; right: 0; top: 27px; text-align: center; border: 1px #3db73d solid; border-radius: 15px; }

.Q_title{border-bottom:1px solid #eee;height:42px;margin:0;padding:0 10px;position:relative;background: #fff;}
.Q_title h2{float:left;font-size:16px;color:#333;line-height:18px;height:18px;margin-top:12px;border-left:5px solid #3db73d;text-indent:10px;font-weight:normal;}

.basebox {
    background: #fff;
    margin-top: 12px;
}

/*nav*/
.r_ca{
	width:100%;
	background:#FFF;
	border-radius:8px;
	overflow:hidden;
}
.r_ca ul{
	padding:0 4px;
	display:block;
	width:100%;
	margin:10px 0 ;
}
.r_ca ul li {
	display:inline-block;
	float:left;
	width:30%;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:14px;
	border:1px solid #8f8f8f;
	margin:5px 4px;
	border-radius:3px;
}
.r_ca ul li a{
	color:#8f8f8f;
}
.r_ca ul li.Acur{
	font-weight:bold;
	background: -webkit-linear-gradient(left, #3db73d 0%, #f4d339 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3db73d', endColorstr='#f4d339',GradientType=1 );
    background: linear-gradient(to right, #3db73d 0%, #f4d339 100%);
	border:1px solid #3db73d;
}
.r_ca ul li.Acur a,.r_ca ul li.Acur{
	color:#FFF;
}
.hide_r{display:none;}
.tab-active{display:block;}
.check_mor {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
	display:block;
	font-size:14px;
	}
.check_mor a{
	color:#3db73d;
}
/*page*/
.page { background: #fff; border-top: 1px solid #f5f5f5; padding: 10px 20px; justify-content: space-between;     text-align: inherit;}
.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:12px;padding:0;border: none;}
.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: #3db73d; color: #fff; font-size: 14px; position: relative; padding:0;border:none;}
.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; }

.hj_list .Q_title{
	padding:0;
}