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:#ffffff;float:left;width:100%;position:relative;}
ol,ul{list-style:none}
.barnner{height:149px;width:100%;overflow:hidden;}
.barnner .show_list{height:149px;width:100%;overflow:hidden;}
.barnner .show_list ul{height:149px;width:600%;overflow:hidden;}
.barnner .show_list ul li{float:left;display:inline-block;height:149px;width:16.67%;overflow:hidden;}
.barnner .show_list ul li{float:left;display:inline-block;height:149px;width:16.67%;overflow:hidden;}
.barnner .show_list ul li .bg{width:100%;height:100%;background:url(../imgs/backdrop.png) no-repeat center center;background-size:100% 100%;}
.barnner .show_list ul li .bg .book{width:282px;height: 101px;margin: 0 auto;position: relative;top: 48px;}
.barnner .show_list ul li .bg .book img{width:100%;height:100%;}

.barnner .spanner_index ul{width:100%;height:10px;}
.barnner .spanner_index ul li{float:left;width:10px;height:10px;text-align:center;}
.barnner .spanner_index ul li span{margin:0 auto;display:inline-block;width:4px;height:4px;border-radius:8px;-webkit-border-radius:8px;background:rgba(255,255,255,0.5);}
.barnner .spanner_index ul li.cur span{border:none;background:#fff;width:6px;height:6px;border-radius:8px;-webkit-border-radius:8px;background:rgba(255,255,255,1);margin-top:-1px;}

.tips{font-size: 10px;color: #555555;text-align: left;padding: 8px 12px;border-bottom: 1px solid #e8e8e8;}
.channels{height:62px;width:100%;}
.channels ul{width:100%;height:62px;}
.channels ul li{float:left;width:20%;height:100%;}
.channels ul li .node{width:54px;height:40px;margin:0 auto;position:relative;top:10px;}
.channels ul li .node .img{width:26px;height:23px;margin:auto}
.channels ul li .node .tit{font-size: 13px;color: #787878;margin-top: 4px;height: auto;}
.channels ul li .node .img img{width:100%;height:100%;}
.channels ul li:active{background:#f6f6f6;}

.tit{height:22px;width:100%;position:relative;}
.tit div{display:inline-block;float:left;}
.tit .tag{width:6px;height:22px;background:#caa965;}
.tit .name{margin-left:7px;height:22px;line-height:22px;}
.tit .name .chinese{font-size:16px;color:#323232;}
.tit .name .english{font-size:10px;color:#555555;}
.tit .more{float:right;width:30px;height:22px;background:url(../imgs/morearrow.png) no-repeat center center;background-size:100% 100%;}

.switch_line{height:12px;background:#f7f7f7;}
.boy{padding-top:15px;}
.listBooks{padding:0;}
.listBooks ul li .node{height:100px;position:relative;margin-left: 13px;padding:13px 0;}
.listBooks ul li .node:after{content:" ";position:absolute;height:1px;bottom:0px;left:0px;right:13px;background:#e8e8e8;}
.listBooks ul li .node .img{left: 0;  top: 0;  width: 80px;  height:100px;float: left;}
.listBooks ul li .node .img img{width:80px;height:100px;}
.listBooks ul li .node .text{position:absolute;left:90px;right:10px;text-align:left;}
.listBooks ul li .node .text .name{height:24px;line-height:24px;margin-top:6px;}
.listBooks ul li .node .text .name div{display:inline-block;height:24px;line-height:24px;overflow:hidden;text-overflow: ellipsis;  white-space: nowrap;}
.listBooks ul li .node .text .name .t{color:#323232;font-size:15px;max-width:102px;}
@media only screen and (min-width: 340px) and (max-width: 380px){
.listBooks ul li .node .text .name .t{max-width:140px;}
}
@media only screen and (min-width: 380px) and (max-width: 600px){
.listBooks ul li .node .text .name .t{max-width:160px;}
}
.listBooks ul li .node .text .name .count{font-size:12px;color:#787878;margin-left:10px;}
.listBooks ul li .node .text .name .count .num{}
.listBooks ul li .node .text .attr{font-size: 13px;color: #323232;margin: 2px 0 9px 0;padding-left: 1px;}
.listBooks ul li .node .text .desc{font-size: 13px;color: #787878;height: 40px;line-height: 20px;overflow: hidden;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-left: 1px;}}
.listBooks ul li:active{background:#fafafa;}
.tags{margin:13px;max-height:28px;overflow:hidden;text-align:left;}
.tags span{height:28px;line-height:28px;padding:0 6px;margin:auto 3px;display:inline-block;border-radius:3px;-webkit-border-radius: 3px;color:#FFF;font-size:14px;}
.boy .tags span.boy_tag1{background:rgba(30,139,195,0.7);}
.boy .tags span.boy_tag1:active{background:rgba(30,139,195,1);}
.boy .tags span.boy_tag2{background:rgba(58,83,155,0.7);}
.boy .tags span.boy_tag2:active{background:rgba(58,83,155,1);}
.boy .tags span.boy_tag3{background:rgba(37,116,169,0.7);}
.boy .tags span.boy_tag3:active{background:rgba(37,116,169,1);}
.boy .tags span.boy_tag4{background:rgba(68,108,179,0.7);}
.boy .tags span.boy_tag4:active{background:rgba(68,108,179,1);}

.girl{padding-top:15px;}

.girl .tags span.girl_tag1{background:rgba(246,71,71,0.7);}
.girl .tags span.girl_tag1:active{background:rgba(246,71,71,1);}
.girl .tags span.girl_tag2{background:rgba(210,82,127,0.7);}
.girl .tags span.girl_tag2:active{background:rgba(210,82,127,1);}
.girl .tags span.girl_tag3{background:rgba(245,154,142,0.7);}
.girl .tags span.girl_tag3:active{background:rgba(245,154,142,1);}
.girl .tags span.girl_tag4{background:rgba(231,76,60,0.7);}
.girl .tags span.girl_tag4:active{background:rgba(231,76,60,1);}

.listBooks ul li:active{background:#f6f6f6;}

.discuss{padding-top:15px;}
.discuss .show{height:310px;}
.discuss .show ul{margin: 0 13px;}
.discuss .show ul li{float:left;width:33.33%;margin-top:15px;}
.discuss .show ul li .img{text-align:center;height:100px;}
.discuss .show ul li:nth-child(3n+1) .img{text-align:left;}
.discuss .show ul li:nth-child(3n+1) .info{width:80px;float:left;}
.discuss .show ul li:nth-child(3n+3) .img{text-align:right;}
.discuss .show ul li:nth-child(3n+3) .info{width:80px;float:right;}
.discuss .show ul li .img img{width:80px;height:100px;}
.discuss .show ul li .info{text-align:left;}
.discuss .show ul li .info .bookname{padding:4px 0;width: 80px;margin: 0 auto;font-size:14px;color:#323232;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;height:24px;line-height:24px;}
.discuss .show ul li:active .info .bookname{background:#f6f6f6;}

.hot{padding-top:15px;}
.hot ul li{float:left;width:33.33%;height:40px;margin: 4px 0;}
.hot ul li .classic{position:relative;height:100%;background-size:100% 100%;border-radius:3px;color:#FFF;text-align:center;line-height:40px;font-size:15px;}
.hot ul li .classic .n{background: rgba(0,0,0,0.5);border-radius: 3px;width: 100%;height: 100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hot .show{margin:0 13px;}
.hot ul li:nth-child(3n+1) .classic{margin-right:6px;}
.hot ul li:nth-child(3n+2) .classic{margin:0 3px;}
.hot ul li:nth-child(3n+3) .classic{margin-left:6px;}
.hot ul{height:96px;margin:13px 0;}
.hot ul li .classic:active .n{background: rgba(0,0,0,0.8);}