@charset "utf-8";
/* CSS Document */
body,p,ul,dl,h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;}
body{text-align:left;font-size: 12px; padding-bottom:8px;background:#f2f2f2; font-family:arial,"Microsoft YaHei","\5fae\8f6f\96c5\9ed1";}
img{border:none;}
li{list-style:none}
input {-webkit-appearance:none;}
a,a:visited{text-decoration:none;color:#2a2a2a;}
.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"."}
em{ font-style:normal;}
* {-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box;	-webkit-tap-highlight-color: rgba(0,0,0,0);	-webkit-text-size-adjust: none;	-webkit-touch-callout: none}
body,html{ max-width:640px; margin:0 auto;}
/*头部*/
.top{ width:100%; height:44px; background:#358ff0; box-sizing:border-box;overflow:hidden; position:relative; zoom:1; padding:0 44px 0 122px;}
.top .logo{ width:100px; height:auto; display:block; overflow:hidden; position:absolute; left:10px; top:12px;}
.top .logo img{ width:100%; height:auto; display:block; overflow:hidden}
.top form div{width:auto; height:auto; display:-webkit-box; overflow:hidden; margin-top:8px;}
.top div .search-input{ width:auto; height:28px; line-height:28px; font-size:14px; font-weight:normal; color:#666; text-indent:10px; background:#f7ffef; display:block; overflow:hidden; -webkit-box-flex:1; border:0; padding:0; margin:0; border-radius:4px 0 0 4px;}
.top div .search-button{ width:28px; height:28px; display:block; overflow:hidden; border:0; padding:0; background:url(../images/home-icon.png) no-repeat 0 -60px #f7ffef; background-size:400px; border-radius:0 4px 4px 0;}
.top .tbtn{ width:44px; height:44px; display:block; overflow:hidden; position:absolute; right:0; top:0; background:url(../images/home-icon.png) no-repeat 14px 13px; background-size:400px;}


/*导航*/
.nav{ width:100%; height:40px; border-bottom:1px solid #dcdcdc; background:#fff;box-sizing:border-box; padding-right:44px; display:-webkit-box;}
.nav a{ width:auto; height:40px; line-height:40px; font-size:14px;color:#333; text-align:center; display:block; overflow:hidden; -webkit-box-flex:1}
.NavFloat{ position:fixed; top:0; left:0; z-index:9999}

/*内容宽度*/
.Contentbox{ width:100%; height:auto; padding:10px 10px 0;overflow:hidden; box-sizing:border-box;}

.RLinkNav{ width:100%; height:40px; background:#fff; display:-webkit-box; overflow:hidden}
.RLinkNav li{ width:auto; height:40px;  border-right:1px solid #eee; overflow:hidden;-webkit-box-flex:1;}
.RLinkNav li a{ width:100%; height:40px;line-height:40px; font-size:14px;color:#333; text-align:center; display:block; overflow:hidden; margin:auto;}
.RLinkNav li .m-hover{ width:100%; border-bottom:2px solid #358ff0; color:#358ff0}

/*筛选条件*/
.RankTitle{ padding:10px 10px 0;}
.RankTitle p{ width:100%; height:auto; padding:10px; box-sizing:border-box; font-size:16px; color:#f42946; background:#fff;overflow:hidden; border-bottom:2px solid #eee}
.RankTitle p span{ padding:0 0 0 10px; color:#358ff0}


/*排行列表*/
.RankTab{ padding:0 10px;}
.RankTUl{ width:100%; height:auto;overflow:hidden; padding-bottom:10px; box-sizing:border-box;}
.RankTUl li{ width:100%; height:auto; display:-webkit-box; overflow:hidden; background:#fff; padding:0 10px; box-sizing:border-box; position:relative; zoom:1}
.RankTUl li i{ width:27px; height:40px; line-height:32px; font-size:14px;font-style:normal; color:#fff; text-align:center; background:url(../images/home-icon.png) no-repeat -377px 0; background-size:496px; display:block; overflow:hidden; position:absolute; left:10px; top:12px;}
.RankTUl li .RLeft{ width:100%; height:auto; display:-webkit-box; overflow:hidden; padding:10px 36px 10px 0px; box-sizing:border-box; border-bottom:1px solid #eee;}
.RankTUl li .RLeft img{ width:66px; height:66px; margin:0 10px; display:block; overflow:hidden;border-radius: 1rem}
.RankTUl li .RLeft p{ width:auto; height:auto;overflow:hidden; -webkit-box-flex:1}
.RankTUl li .RLeft p>span{ width:100%; height:20px; line-height:20px; font-size:16px;color:#333; margin-top:4px; display:block; overflow:hidden;}
.RankTUl li .RLeft p b{ width:100%; height:18px; line-height:18px; font-size:14px; font-weight:normal; color:#bbb; margin-top:4px; display:block; overflow:hidden;}
.RankTUl li .RLeft p b span{ float:left; margin-left:4px; display:inline; overflow:hidden}
.RankTUl li .RLeft p img{ width:auto; height:14px; display:block; overflow:hidden; margin-top:4px;}
.RankTUl li .RRight{ width: 36px; height: 36px; line-height: 36px; font-size: 16px;color:#358ff0; text-indent: 38px;background:url(../images/home-icon.png) no-repeat -120px -162px; background-size:382px; display:block; overflow:hidden; position:absolute; right:10px; top:25px;}
.RankTUl li .RRight:active{ color:#fff; background:url(../images/home-icon.png) no-repeat -170px -162px; background-size:382px}
.RankTUl .Rank1 i{background:url(../images/home-icon.png) no-repeat -287px 0; background-size:496px;}
.RankTUl .Rank2 i{background:url(../images/home-icon.png) no-repeat -287px -101px; background-size:496px;}
.RankTUl .Rank3 i{background:url(../images/home-icon.png) no-repeat -287px -201px; background-size:496px;}

.RankTUl .g-rank-more a{ width:100%; height:auto; font-size:14px;color:#999; text-align:center; display:block; overflow:hidden;}

.RankTUl li{ padding:0}

.RankTUl li .RLeft:active{ background:#E0E0E0}
.none{display:none !important}

/*分类*/
.RankClass{ padding:10px;}
.RankClass p{ color:#333; font-size:14px; padding:10px 10px 10px 18px;}
.RankClass ul{ width:100%; height:auto; padding:4px 0; background:#fff;overflow:hidden}
.RankClass ul li{ width:25%; height:auto; padding:8px 5px 0 5px; box-sizing:border-box; float:left; display:inline; overflow:hidden; position:relative; zoom:1}
.RankClass ul li a{ width: auto; height:26px; line-height:26px; font-size:14px;color:#333; padding: 0; display:block; overflow:hidden;text-align: center;}
.RankClass ul li i{ width:1px; height: 18px; background:#eee; display:block; overflow:hidden; position:absolute; right:0; top: 14px; }
.RankClass ul li .m-hover{ background:#358ff0; color:#fff;}


/*底部*/
.CFootNav{ width:100%; height:40px; background:#EAEAEA; margin-top:20px; border-top:1px solid #ccc;overflow:hidden;}
.CFootNav ul{ width:100%; height:40px;overflow:hidden;}
.CFootNav ul li{ width:33%; height:40px; border-right:1px solid #ccc;  float:left; box-sizing:border-box; display:inline; overflow:hidden;}
.CFootNav ul li a{ width:100%; height:40px;line-height:40px; font-size:12px;color:#333; text-align:center; display:block; overflow:hidden; text-decoration:none}
.CFootNav ul li a:active{ color:#fff; background:#358ff0}
footer{ width:100%; height:46px; line-height: 46px; background:#EAEAEA;font-size:18px;border-top: 1px solid #ccc; color: #ccc; text-align: center;position: relative}
footer a{padding: 0 6px; color: #302f2d; font-size:14px; text-decoration:none}
#Cbacktop{width:40px; height:40px; background:url(../images/index-icon.png) no-repeat 0 -143px; background-size:600px; display:none; overflow:hidden; position:fixed; right:10px; bottom:100px; z-index:500}


/*安卓、苹果软件导航*/
.CWebNav{ width:100%; height:auto; padding:0; background:#fff; display:none; overflow:hidden; box-sizing:border-box; position:absolute; left:0; top:44px; box-shadow:1px 2px 2px #ccc; z-index:9999;}
.CWebNav .CNavBtn{ width:auto; height:40px; margin:14px; border:1px solid #358ff0; border-radius:4px; display:-webkit-box; overflow:hidden}
.CWebNav .CNavBtn li{ width:auto; height:40px; line-height:40px; font-size:15px;color:#60C505; text-align:center;overflow:hidden; border-right:1px solid #358ff0; -webkit-box-flex:1;overflow:hidden; cursor:pointer}
.CWebNav .CNavBtn li:nth-child(4){ border:0;}
.CWebNav .CNavBtn .m-hover{ background:#60C505; color:#fff;}
.CWebNav .CNavUl{ width:100%; height:auto; padding-right:14px; box-sizing:border-box;overflow:hidden;}
.CWebNav .CNavUl li{ width:33.33%; height:auto; float:left; padding:0 0 14px 14px; display:inline; overflow:hidden; box-sizing:border-box;}
.CWebNav .CNavUl li a{ width:100%; height:auto; padding:10px; box-sizing:border-box; border:1px solid #d6d6d6; display:block; overflow:hidden;}
.CWebNav .CNavUl li a p{ width:100%; height:20px; line-height:20px; font-size:14px;color:#333; text-align:center; margin-top:2px;overflow:hidden}
.CWebNav .CNavUl li a b{ width:100%; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#999; text-align:center; margin-top:2px; display:block; overflow:hidden}
.CWebNav .CNavUl li a:active{ background:#60C505; color:#fff; border:1px solid #60C505}
.CWebNav .CNavUl li a:active p{ color:#fff;}
.CWebNav .CNavUl li a:active b{ color:#fff;}
.CSurBtm1{ width:100%; height:auto; font-size:14px;color:#aaa; text-align:center; background:#fff; padding:10px; box-sizing:border-box; display:block; overflow:hidden; border-top:1px solid #f7f7f7}