html,body,h1,h2,p,span,a,div,ol,ul,li,table,tbody,tfoot,thead,tr,th,td,canvas{margin:0;padding:0}
body{text-align:center;font-size-adjust:none;-webkit-text-size-adjust:none;font-family: Arial,"Microsoft YaHei",sans-serif;background:rgb(245,245,245);float:left;width:100%;position:relative;	-webkit-user-select:none;-webkit-text-size-adjust:none;}
ol,ul{list-style:none}
a{text-decoration:none;color:#545164}
header{float:left;height:40px;line-height:40px;width:100%;font-size:15px;border-bottom:1px solid rgb(202,202,202);box-shadow: 0px 1px 1px rgb(202,202,202);background:rgb(233,233,233);}
header ul{float:left;width:100%;}
header ul li{float:left;width:33.33%;font-size:14px;color:rgb(0,0,0);}
header ul li span.cur{padding:2px 13px;background:rgb(213,213,213);color:rgb(255,120,0);border-radius:10px;}

.wrap{position:relative;float:left;width:100%;overflow:hidden;-webkit-transform:translate3d(0,0,0); -webkit-backface-visibility: hidden;}
.content{position:relative;float:left;width:100%;-webkit-transform:translate3d(0,0,0); -webkit-backface-visibility: hidden;}
.content  .rank .box{float:left;width:100%;}
.content  .rank{margin-bottom:10px;}
.content  .rank  .bar{float:left;height:30px;line-height:30px;text-align:left;font-size:12px;position:relative;width:100%;background:rgb(233,233,233);}
.content  .rank  .box:first-child .bar{height:28px;line-height:28px;}
.content  .rank  .bar .tit{position:absolute;left:13px;right:70px;display:block;}
.content  .rank  .bar .more{display:block;border-bottom:3px solid rgb(151,151,151);border-right:3px solid rgb(151,151,151);position:absolute;right:13px;width:7px;height:7px;top:8px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.content  .rank .box .contentList{float:left;width:100%;}
.content  .rank .box ul,.content  .rank .box ul li{float:left;width:100%;}
.content  .rank .box ul li{height:80px;float:left;width:100%;position:relative;background:url(line.png) repeat-x left bottom;}

.content  .rank .box .contentList ul{display:none;}
.content  .rank .box .contentList ul:first-child{display:block;}
.content  .rank .box ul li .textDesc{position:absolute;left:13px;right:13px;height:60px;text-align:left;top:10px;}
.content  .rank .box ul li .textDesc .tit{height:20px;float:left;width:100%;line-height:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.content  .rank .box ul li .textDesc .tit .name{font-size:16px;margin-right:4px;}
.content  .rank .box ul li .textDesc .tit .author{font-size:12px;margin-left:4px;}
.content  .rank .box ul li .textDesc .kindT{height:24px;line-height:24px;float:left;width:100%;font-size:12px;color:rgb(135,135,135);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.content  .rank .box ul li .textDesc .likes{height:16px;line-height:16px;font-size:10px;float:left;width:100%;color:rgb(120,120,120);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.content  .rank .box ul li .textDesc .likes span.nums{color: rgb(253,151,23);}

.content  .rank .box ul li:first-child{height:90px;position:relative;}
.content  .rank .box ul li:first-child .imgShow{position:absolute;left:0px;top:0px;width:70px;height:90px;text-align:left;}
.content  .rank .box ul li:first-child .imgShow .imgWrapper{position: absolute;width: 53px;height: 65px;left: 9px;top: 15px;background:url(cover_shadow.png) no-repeat center center;background-size:100% 100%;}
.content  .rank .box ul li:first-child .imgShow img{position: absolute;width: 48px;height: 60px;left: 5px;top: 0px;box-shadow: -3px 2px 5px rgba(0,0,0,0.5);}
.content  .rank .box ul li:first-child .textDesc{position:absolute;left:70px;right:13px;height:60px;text-align:left;top:15px;}
.content  .rank .box ul li:first-child .textDesc .tit{height:20px;float:left;width:100%;line-height:20px;}
.content  .rank .box ul li:first-child .textDesc .kindT{height:24px;line-height:24px;float:left;width:100%;font-size:12px;color:rgb(135,135,135);}
.content  .rank .box ul li:first-child .textDesc .likes{height:16px;line-height:16px;font-size:10px;float:left;width:100%;color:rgb(120,120,120);}
.content  .rank .box ul li:first-child .textDesc .likes span.nums{color: rgb(253,151,23);}

.content  .rank .box .channels{float: left;width: 100%;margin: 13px 0 3px 0;position: relative;height: 31px;line-height: 31px;}
.content  .rank .box .channels ul{position: absolute;height: 29px;left: 13px;right: 13px;font-size: 13px;width:auto;}
.content  .rank .box .channels ul li{float:left;width:25%;border-top: 1px solid rgb(210,210,210);border-bottom:1px solid rgb(210,210,210);height:27px;line-height:27px;background:none;}
.content  .rank .box .channels ul.rexiao li{width:50%;}
.content  .rank .box .channels ul.zishu li{width:33.33%;}
.content  .rank .box .channels ul li:last-child span{border-right: 1px solid rgb(210,210,210);}
.content  .rank .box .channels ul li span{border-left: 1px solid rgb(210,210,210);width: 99%;float: left;height: 100%;font-size:12px;}
.content  .rank .box .channels ul li.cur{border-top:none;border-bottom:none;}
.content  .rank .box .channels ul li.cur span{color: rgb(255,120,0);border: 1px solid rgb(255,120,0);overflow: hidden;z-index: 10;}
.content  .rank .box .channels ul li.cur +li span{border-left:none;}
.content  .rank .box section.more{height:40px;line-height:40px;background:url(line.png) repeat-x left bottom;float:left;width:100%;font-size:13px;color:rgb(100,100,100);}

.content  .subjectList .box ul li{height:90px;position:relative;background:url(line.png) repeat-x left bottom;}
.content  .subjectList .box ul li .imgShow{position:absolute;left:0px;top:0px;width:70px;height:90px;text-align:left;}
.content  .subjectList .box ul li .imgShow .imgWrapper{position: absolute;width: 53px;height: 65px;left: 9px;top: 15px;background:url(cover_shadow.png) no-repeat center center;background-size:100% 100%;}
.content  .subjectList .box ul li .imgShow img{position: absolute;width: 48px;height: 60px;left: 5px;top: 0px;box-shadow: -3px 2px 5px rgba(0,0,0,0.5);}
.content  .subjectList .box ul li .textDesc{position:absolute;left:70px;right:13px;height:60px;text-align:left;top:15px;}
.content  .subjectList .box ul li .textDesc .tit{height:20px;float:left;width:100%;line-height:20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.content  .subjectList .box ul li .textDesc .kindT{height:24px;line-height:24px;float:left;width:100%;font-size:12px;color:rgb(135,135,135);}
.content  .subjectList .box ul li .textDesc .likes{height:16px;line-height:16px;font-size:10px;float:left;width:100%;color:rgb(120,120,120);}
.content  .subjectList .box ul li .textDesc .likes span.nums{color: rgb(253,151,23);}


.content  .rankListMore .box ul li{height:90px;position:relative;background:url(line.png) repeat-x left bottom;}
.content  .rankListMore .box ul li .imgShow{position:absolute;left:0px;top:0px;width:70px;height:90px;text-align:left;}
.content  .rankListMore .box ul li .imgShow .imgWrapper{position: absolute;width: 53px;height: 65px;left: 9px;top: 15px;}
.content  .rankListMore .box ul li .imgShow img{position: absolute;width: 48px;height: 60px;left: 5px;top: 0px;box-shadow: 0px 2px 8px rgba(0,0,0,0.5);}
.content  .rankListMore .box ul li .textDesc{position:absolute;left:70px;right:13px;height:60px;text-align:left;top:15px;}
.content  .rankListMore .box ul li .textDesc .tit{height:20px;float:left;width:100%;line-height:20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.content  .rankListMore .box ul li .textDesc .kindT{height:24px;line-height:24px;float:left;width:100%;font-size:12px;color:rgb(135,135,135);}
.content  .rankListMore .box ul li .textDesc .likes{height:16px;line-height:16px;font-size:10px;float:left;width:100%;color:rgb(120,120,120);}
.content  .rankListMore .box ul li .textDesc .likes span.nums{color: rgb(253,151,23);}


.content  .kind  .box{float: left;width: 100%;text-align: left;}
.content  .kind .box{margin:4px 0;}
.content  .kind .box:first-child{margin-top:13px;}
.content  .kind .box:last-child{margin-bottom:13px;}
.content  .kind  .box .tit{float: left;width: 100%;height: 34px;line-height: 34px;position: relative;}
.content  .kind  .box .tit  .attr{position: absolute;left: 13px;right: 13px;}
.content  .kind  .box .tit  .attr .name{float: left;margin-left: 13px;font-size: 14px;}
.content  .kind  .box .tit  .attr .allCounts{float: right;margin-right: 12px;font-size: 9px;}
.content  .kind  .box .kindList{margin:0 13px;position: relative;}
.content  .kind  .box .kindList ul{float: left;position: relative;width: 100%;}
.content  .kind  .box .kindList ul li{float: left;width: 25%;height:40px;line-height:40px;text-align: center;font-size:12px;}
.content  .kind  .box .kindList ul li em{width: 1px;height: 12px;float: right;vertical-align: middle;position: relative;top: 14px;}
.content  .kind  .box .kindList ul li:nth-child(4n+4) em{display:none;}

.content  .kind  .box:nth-child(4n+1){color:rgb(165,95,45);}
.content  .kind  .box:nth-child(4n+1) .attr{background:rgb(250,195,131);border-top-left-radius:5px;border-top-right-radius:5px;}
.content  .kind  .box:nth-child(4n+1) ul{background:rgb(248,216,178);border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.content  .kind  .box:nth-child(4n+1) .kindList ul li em{background:rgb(255,182,90);}

.content  .kind  .box:nth-child(4n+2){color:rgb(60,128,191);}
.content  .kind  .box:nth-child(4n+2) .attr{background:rgb(192,228,250);border-top-left-radius:5px;border-top-right-radius:5px;}
.content  .kind  .box:nth-child(4n+2) ul{background:rgb(214,235,248);border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.content  .kind  .box:nth-child(4n+2) .kindList ul li em{background:rgb(142,212,255);}

.content  .kind  .box:nth-child(4n+3){color:rgb(157,80,165);}
.content  .kind  .box:nth-child(4n+3) .attr{background:rgb(245,193,250);border-top-left-radius:5px;border-top-right-radius:5px;}
.content  .kind  .box:nth-child(4n+3) ul{background:rgb(245,214,248);border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.content  .kind  .box:nth-child(4n+3) .kindList ul li em{background:rgb(242,166,250);}

.content  .kind  .box:nth-child(4n+4){color:rgb(108,142,31);}
.content  .kind  .box:nth-child(4n+4) .attr{background:rgb(213,238,144);border-top-left-radius:5px;border-top-right-radius:5px;}
.content  .kind  .box:nth-child(4n+4) ul{background:rgb(226,241,186);border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.content  .kind  .box:nth-child(4n+4) .kindList ul li em{background:rgb(159,229,2);}

.subject{float:left;width:100%;}
.subject .loading{float: left;width: 100%;min-height: 40px;line-height: 40px;font-size: 10px;color: rgb(135,135,135);}
.subject .loading img{width: 22px;height: 22px;margin-right: 2px;}
.subject ul{float:left;width:100%;margin-top:8px;}
.subject ul li{float:left;width:50%;}
.subject ul li:nth-child(odd) .node{margin: 5px 5px 5px 13px;box-shadow: 1px 1px 4px #cecece;min-width:46%;position: relative;min-height: 104px;}
.subject ul li:nth-child(even) .node{margin: 5px 13px 5px 5px;box-shadow: 1px 1px 4px #cecece;position: relative;min-height: 104px;}
.subject ul li .node .img{float: left;width: 100%;box-shadow: 0px -1px 4px #cecece;}
.subject ul li .node .img img{width:100%;float:left;box-shadow: -1px 0px 4px #cecece;min-height:81px;}
.subject ul li .node .text{float: left;width: 100%;text-align: center;font-size: 13px;height: 24px;line-height: 24px;background: rgb(255,255,255);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;box-shadow: -1px 0px 4px #cecece;}

.subject .more,.subject .flip{font-color:#666;font-size:12px;height:40px;line-height:40px;float:left;width:100%;}

.moreNovelList{line-height: 50px;height: 50px;font-size: 14px;float: left;width: 100%;position: relative;}
.moreNovelList span{display: inline-block;height: 30px;line-height: 30px;position: absolute;top: 10px;left: 14px;right: 14px;bottom: 10px;font-size: 12px;color: rgb(45,45,45);}
.moreNovelList span:before{content:" ";width:20px;height:20px;background:url(loading.gif) no-repeat center center; background-size:100% 100%;display: inline-table;position: relative;top: 4px;right: 8px;}

@-moz-keyframes spin {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(-360deg); }
}
.ball { 
	background-color: rgba(0,0,0,0);
	width: 20px;
	height: 20px;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	top: 5px;
	right: 5px;
	-moz-animation: spinoff 1.3s infinite linear;
	-webkit-animation: spinoff 1.3s infinite linear;
}