﻿@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:#66d105; 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 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}



/*中间子导航*/
.CLinkNav{ width:auto; height:40px; background:#fff; box-sizing:border-box; margin:10px; display:-webkit-box; overflow:hidden}
.CLinkNav li{ width:auto; height:40px;  border-right:1px solid #eee;overflow:hidden;-webkit-box-flex:1;}
.CLinkNav li a{ width:100%; height:40px;line-height:40px; font-size:14px; color:#333; text-align:center; display:block; overflow:hidden; margin:auto;}
.CLinkNav .m-hover a{ width:50%; border-bottom:2px solid #66d105; color:#66d105}

/*最新*/
.CollApp{ width:auto; height:auto;overflow:hidden; padding-bottom:10px;box-sizing:border-box;padding:0px 10px ; }
.CollApp li{ width:100%; height:auto; display:-webkit-box; overflow:hidden; background:#fff; padding:0 10px; box-sizing:border-box; position:relative; zoom:1}
.CollApp 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;}
.CollApp li .CRLeft{ width:100%; height:auto; display:-webkit-box; overflow:hidden; padding:10px 36px 10px 0px; box-sizing:border-box; border-bottom:1px solid #eee;}
.CollApp li .CRLeft img{ width:66px; height:66px; margin-right:10px; display:block; overflow:hidden;}
.CollApp li .CRLeft p{ width:auto; height:auto;overflow:hidden; -webkit-box-flex:1}
.CollApp li .CRLeft p>span{ width:100%; height:20px; line-height:20px; font-size:16px; color:#333; margin-top:4px; display:block; overflow:hidden;}
.CollApp li .CRLeft p b{ width:100%; height:18px; line-height:18px; font-size:14px; font-weight:normal; color:#bbb; margin-top:4px; display:block; overflow:hidden;}
.CollApp li .CRLeft p b span{ float:left; margin-left:4px; display:inline; overflow:hidden}
.CollApp li .CRLeft p b span.tColor{color:#f00;}
.CollApp li .CRLeft p img{ width:auto; height:14px; display:block; overflow:hidden; margin-top:4px;}
.CollApp li .CRRight{ width: 36px; height: 36px; line-height: 36px; font-size: 16px;color:#66d105; text-indent: 38px;background:url(../images/home-icon.png) no-repeat -120px -162px; background-size:382px; display:block; overflow:hidden; position:absolute;top:23px;right:10px;}
.CollApp li .CRRight:active{ color:#fff; background:url(../images/home-icon.png) no-repeat -170px -162px; background-size:382px}
.CollApp .CRank1 i{background:url(../images/home-icon.png) no-repeat -287px 0; background-size:496px;}
.CollApp .CRank2 i{background:url(../images/home-icon.png) no-repeat -287px -101px; background-size:496px;}
.CollApp .CRank3 i{background:url(../images/home-icon.png) no-repeat -287px -201px; background-size:496px;}
.CSurBtm{ 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}

/*排行*/
.CollNew{ width:auto; height:auto;overflow:hidden; padding-bottom:10px;box-sizing:border-box;padding:0px 10px ; }
.CollNew li{ width:100%; height:auto; display:-webkit-box; overflow:hidden; background:#fff; padding:0 10px; box-sizing:border-box; position:relative; zoom:1}
.CollNew 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;}
.CollNew li .CRLeft{ width:100%; height:auto; display:-webkit-box; overflow:hidden; padding:10px 36px 10px 0px; box-sizing:border-box; border-bottom:1px solid #eee;}
.CollNew li .CRLeft img{ width:66px; height:66px; margin-right:10px; display:block; overflow:hidden;}
.CollNew li .CRLeft p{ width:auto; height:auto;overflow:hidden; -webkit-box-flex:1}
.CollNew li .CRLeft p>span{ width:100%; height:20px; line-height:20px; font-size:16px; color:#333; margin-top:4px; display:block; overflow:hidden;}
.CollNew li .CRLeft p b{ width:100%; height:18px; line-height:18px; font-size:14px; font-weight:normal; color:#bbb; margin-top:4px; display:block; overflow:hidden;}
.CollNew li .CRLeft p b span{ float:left; margin-left:4px; display:inline;max-width: 120px;overflow:hidden;}
.CollNew li .CRLeft p b span.tColor{color:#f00;}
.CollNew li .CRLeft p img{ width:auto; height:14px; display:block; overflow:hidden; margin-top:4px;}
.CollNew li .CRRight{ width: 36px; height: 36px; line-height: 36px; font-size: 16px;color:#66d105; text-indent: 38px;background:url(../images/home-icon.png) no-repeat -120px -162px; background-size:382px; display:block; overflow:hidden; position:absolute;top:23px;right:10px;}
.CollNew li .CRRight:active{ color:#fff; background:url(../images/home-icon.png) no-repeat -170px -162px; background-size:382px}
.CollNew .CRank1 i{background:url(../images/home-icon.png) no-repeat -287px 0; background-size:496px;}
.CollNew .CRank2 i{background:url(../images/home-icon.png) no-repeat -287px -101px; background-size:496px;}
.CollNew .CRank3 i{background:url(../images/home-icon.png) no-repeat -287px -201px; background-size:496px;}
.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;display: inline-flex;}


/*底部*/
.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:#66d105}
footer{ width:100%; height:46px; line-height: 46px; background:#EAEAEA;font-size:18px; border-top: 1px solid #ccc; color: #ccc; text-align: center;}
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 #66d105; 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 #66d105; -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;}

/*cxx*/
