﻿/* 重置&默认(reset&base)(tags) */
*[hidefocus],input,textarea,a{outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
fieldset,img,html,body,iframe{border:0;}
table{border-collapse:collapse;border-spacing:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
caption,th{font-weight:normal;font-style:normal;text-align:left;}
em,strong{font-weight:bold;font-style:normal;}
body,textarea,select,input,pre{font-family:arial,microsoft yahei,helvetica,sans-serif;font-size:14px;color:#555;}
body{background:#f8f8f8;line-height:1.5em;-webkit-text-size-adjust:none;}
a,button{cursor:pointer;}
textarea{resize:none;overflow:auto;}
pre{white-space:pre-wrap;}
a{color:#333;text-decoration:none;}
input{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-modify: read-write-plaintext-only;
}
/* 布局(grids)(.g-) */
/* 页面 */
html{width:100%;height: 100% ;overflow-x:hidden;}
body{position:relative;text-align:left;width:100%;height:100%;-webkit-tap-highlight-color: rgba(0,0,0,.05);-webkit-touch-callout:none;-webkit-user-select:none;}

.g-bd{padding:10px;}
.g-pft{position:fixed;width:100%;z-index:10;bottom: 0;}

.u-tab{margin: 8px 0;}
﻿/* 统一调用背景图 */
.u-aimg a,.u-slide .cnt li,.m-special .banner{background:#e5e5e5 url(../images/default.png?c2d0c8122f21391f71927c58e3a04f71) center no-repeat;background-size:60px;}
.m-nav li em,.icn-male,.icn-female{background:url(../images/nav_icon.png?5e0a2f006b101585bc1deac3b6ae4d40) center no-repeat;background-size:36px;}
.u-note:after{background:url(../images/note-bg.png?6d24ee9b825c349121b375206f8f2663) no-repeat;}
.u-flex-nav .more{background:url(../images/icn-arr-bottom2.png?26f22e405063014235e1e7ca356d418a) right center no-repeat;background-size:14px;}
.u-more-arr{background:url(../images/icn-arr-right.png?688afc1a85e19d24c7f269fc365211db) center no-repeat;background-size:7px;}
.icn-review,.icn-fav,.icn-fav-chk{background:url(../images/icn-small.png?37af2eb3899d10fad065c05848322475) no-repeat;background-size:18px;}
.u-toggle-open em{background:url(../images/icn-arr-bottom.png?4b6532056671f6762f1d34c2c450de0b) center no-repeat;background-size:14px;}
.icn-like,.icn-gift,.icn-share,.icn-quan{background:url(../images/icn-small.png?37af2eb3899d10fad065c05848322475) center no-repeat;background-size:16px;}
.icn-chart{background: url(../images/icn-cart.png?2bb7d53ca579de7066054cedcae8336e) no-repeat;background-size:18px;}
.icn-speaker{background: url(../images/icn-speaker.png?05422e010141fdc532bb0b842092287b) no-repeat;background-size:18px;}
.u-avatar{background:url(../images/avatar.png?d3e454fe44f7d660eb3ea9f3e1e7b620) no-repeat;background-size:contain;}
.icn-limit-free{background:url(../images/icn-free-flag.png?09f50aa4c419987d34bd927f171f7c45) no-repeat;background-size:26px;}
.u-loading i{background:url(../images/loading.png?0aaef7fd1122d8fdb5220b1192e1863b) left center no-repeat;background-size:16px;}
.u-grade .grade{background:url(../images/grade.png?ac397601b72156a23e583af104a640f2) no-repeat;background-size:90px;}
.icn-tag{display:inline-block;width:30px;height:46px;background:url(../images/tag.png?8e0bfa4fa3e086a79dd19137a62e3f94) center no-repeat;background-size:30px 46px;}
.icn-avatar2{background:url(../images/avatar2.png?a5573f0ce53d67915e463e5c7fae794e) no-repeat;background-size:84px;}
.icn-tag-free,.icn-tag-read,.icn-tag-sale,.icn-tag-buy,.icn-tag-two{background:url(../images/icn-tag.png?632b06f89561e286f0320419a0078bcc) no-repeat;background-size:34px;}
.icn-catagory1,.icn-catagory2,.icn-catagory3,.icn-catagory4,.icn-arr-top{background:url(../images/icn-tiny.png?27e9b9dc16176416007a002da23ea374) no-repeat;background-size:16px;}
.icn-refresh{background:url(../images/icn-refresh.png?019ddd70a091016cd4178de61d796fd2) center center no-repeat;background-size:12px;}
.icn-arr-right{background:url(../images/icn-arr-right2.png?cce3281046955cf50c614c3487a25d3f) center center no-repeat;background-size:6px;}
.u-title1,.u-title2{background:url(../images/title.png?da75a98381c275b79faa7a1c094ce3e6) no-repeat;background-size:186px;}
.u-book-coupon .itm .img{background:url(../images/coupon.png?a019a9609c48ab1dd28045d7d9c9a523) no-repeat;background-size:86px;}
.u-book-coupon .itm .wrap{background:url(../images/line.png?19dc65ad7f71a7401f3e168c0c5c956c) repeat-y;background-size:1px;}
.u-radio{background:url(../images/coupon-form.png?50d795269b4c1e140b47457879509485) no-repeat;background-size:26px;}
.icn-coupon{background:url(../images/icn-coupon.png?b09fbef891bbd11dabee55dc3e4ef4af) no-repeat;background-size:32px;}
.icn-hot,.icn-good,.icn-free,.icn-male-hot,.icn-male-new,.icn-female-hot,.icn-female-new,.icn-magazine{background:url(../images/rank-title.png?03883de66ee759f0d6c08d02bfb6a008) no-repeat;background-size:24px;}
.icn-duokan,.icn-new,.icn-dangdang,.icn-jd{background:url(../images/shop-logo1.png?37b364be94423c7caedc6d399ed5e6e2) no-repeat;background-size:40px;}
.icn-amazon,.icn-douban{background:url(../images/shop-logo2.png?a175f09f74fa2287143c717ab87c55ae) no-repeat;background-size:60px;}
.icn-all,.icn-sale,.icn-city,.icn-love,.icn-magic,.icn-time{background:url(../images/rank.png?3b14474e699f1ba54a9e1e121c4ca55b) no-repeat;background-size:40px;}
.icn-cryface{background:url(../images/cryface.png?1a96f330088a5dc9a66efe8f45771123) no-repeat;background-size:100px;}
.u-cover-series{background:url(../images/book-series-bg.png?32918a6eb08a10fa4df8caa232077cce) no-repeat;background-size:96px;}
.icn-arr-right2{display:inline-block;width:6px;height:12px;background:url(../images/icn-arr-right3.png?9318966c02c22d1f587a760b5d03d49a) no-repeat;background-size:6px;}
.icn-gift2{display:inline-block;height:16px;width:16px;background:url(../images/gift.png?e6b9100ba37c3a43143ba0f3ad531f43) no-repeat;background-size:13px;}
.icn-reminder{display:inline-block;height:16px;width:16px;background:url(../images/reminder.png?c26e8478fd4eaecc07762bda65ea4c16) no-repeat;background-size:13px;}
.like-icon{display:inline-block;height: 13px;width: 13px;background: url(../images/like.png?3fbf5b46dfcfe6678f8e3d34e44e9f88) center no-repeat;background-size: 13px;}
.like-icon.-active{background-image:url(../images/like-active.png?2780fb3eeac92049449af06997ff2e53);}

.star-icon{display:inline-block;height: 11px;width: 11px;background: url(../images/icon-star.png?0192235a84a792528a95f720bf78482e) center no-repeat;background-size: 11px;}
.reply-icon{display:inline-block;height: 11px;width: 11px;background: url(../images/icon-reply.png?f1772a8b9a205895e7eca057d5022340) center no-repeat;background-size: 11px;}

.icn-review,.icn-fav,.icn-fav-chk,.icn-speaker{display:inline-block;width:18px;height:18px;}
.icn-fav{background-position:0 -18px;}
.icn-fav-chk{background-position:0 -126px;}
.icn-like,.icn-gift,.icn-share,.icn-chart,.icn-quan{display:inline-block;width:16px;height:16px;margin:-3px 3px 0 0;}
.icn-like{background-position:0 -32px;}
.icn-gift{background-position:0 -48px;}
.icn-share{background-position:0 -64px;}
.icn-quan{background-position:0 -80px;}
.icn-chart{width:18px;height:17px;}
.icn-limit-free{width:26px;height:35px;color:#fff;font-size:10px;line-height:32px;}
.icn-avatar2{display:inline-block;width:84px;height:84px;border-radius:84px;}
.icn-hot,.icn-good,.icn-male-hot,.icn-male-new,.icn-female-hot,.icn-female-new,.icn-magazine{display:inline-block;width:24px;height:24px;}
.icn-hot{background-position:0 0;}
.icn-good{background-position:0 -24px;}
.icn-male-hot{background-position:0 -48px;}
.icn-male-new{background-position:0 -72px;}
.icn-female-hot{background-position:0 -96px;}
.icn-female-new{background-position:0 -120px;}
.icn-magazine{background-position:0 -144px;}
.icn-tag-read,.icn-tag-sale,.icn-tag-buy,.icn-tag-free,.icn-tag-two{display:block;height:34px;width:34px;}
.icn-tag-read{background-position:0 0;}
.icn-tag-sale{background-position:0 -34px;}
.icn-tag-buy{background-position:0 -68px;}
.icn-tag-free{background-position:0 -102px;}
.icn-tag-two{background-position:0 -136px;}
.icn-catagory1,.icn-catagory2,.icn-catagory3,.icn-catagory4,.icn-arr-top{display:inline-block;width:16px;height:16px;}
.icn-catagory1{background-position:0 -48px;}
.icn-catagory2{background-position:0 0;}
.icn-catagory3{background-position:0 -32px;}
.icn-catagory4{background-position:0 -16px;}
.icn-arr-top{background-position:0 -64px;}
.icn-refresh{display:inline-block;width:12px;height:1.7em;}
.icn-arr-right{display:inline-block;width:7px;height:1.7em;}
.icn-coupon{display:inline-block;width:32px;height:22px;}
.icn-duokan,.icn-new,.icn-dangdang,.icn-jd,.icn-all,.icn-sale,.icn-city,.icn-love,.icn-magic,.icn-time{display:inline-block;width:40px;height:40px;}
.icn-duokan{background-position:0 0;}
.icn-new{background-position:0 -40px;}
.icn-dangdang{background-position:0 -120px;}
.icn-jd{background-position:0 -80px;}
.icn-all{background-position:0 0;}
.icn-sale{background-position:0 -40px;}
.icn-city{background-position:0 -80px;}
.icn-love{background-position:0 -120px;}
.icn-magic{background-position:0 -160px;}
.icn-time{background-position:0 -200px;}
.icn-amazon,.icn-douban{display:inline-block;width:60px;height:39px;}
.icn-amazon{background-position:0 0;}
.icn-douban{background-position:0 -40px;}
.icn-clock{display:inline-block;width:15px;height:15px;background:url(../images/clock.png?9b3e984534ec6a1db87a67b0f40eff5d) no-repeat;background-size:15px;}
/* 统一清除浮动 */
.f-cb:after,.u-list-col:after,.u-slide .cnt:after,.u-btn1:after,.u-list-col2:after,.u-bookitm:after,.u-bookitm .book:after,.u-reviewitm:after,.u-tag:after, .u-link-group:after,.u-ttl-img:after,.u-list-2col:after{clear:both;content:'.';display:block;height:0;overflow:hidden;visibility:hidden;}

.m-nav{padding:0 10px;}
.m-nav ul{display:-webkit-box;-webkit-box-pack:justify;}
.m-nav li{padding-right:5px;-webkit-box-flex:1;}
.m-nav li:last-child{padding:0;}
.m-nav li a{display:block;padding:8px 0 0;color:#888;line-height:1.8em;font-size:12px;border-radius:4px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.05);text-align:center;}
.m-nav li a em,.icn-male,.icn-female{display:inline-block;width:36px;height:36px;border-radius:18px;}
.m-nav li:nth-child(1) em,.icn-male{background-color:#42a0db;background-position:0 0;border:1px solid #2b8ecd;}
.m-nav li:nth-child(2) em,.icn-female{background-color:#ee6d6e;background-position:0 -36px;border:1px solid #e65a5b;}
.m-nav li:nth-child(3) em{background-color:#ffbb38;background-position:0 -72px;border:1px solid #f3ad26;}
.m-nav li:nth-child(4) em{background-color:#13b8b1;background-position:0 -108px;border:1px solid #0ab0a9;}
.m-nav li:nth-child(5) em{background-color:#7f79b5;background-position:0 -144px;border:1px solid #6f6aa4;}
.m-nav li em{margin:0 auto}

.m-category .u-area,.m-rank-itm .u-area,.m-channel-free .u-area{padding-top:50px;}
.m-category .u-area-top,.m-rank-itm .u-area-top{padding-top:0}

.m-channel-free2 .u-area{padding-top: 0px;}
.m-channel-free2>section:first-child .u-ttl{margin-top: 0px}
/* fiction rank */
.m-rank article{position:relative;padding:5px 5px 5px 20px;border-bottom:1px solid #dcdcdc;}
.m-rank h2{padding-left:28px;font-weight:400;font-size:15px;line-height:1.8em;}
.m-rank .u-more-arr{position:absolute;top:50%;right:5px;margin-top:-7px;}
.m-rank .u-area-male .u-txtlist li:nth-child(1) em{background:#42a0db;}
.m-rank .u-area-male .u-txtlist li:nth-child(2) em{background:#8bc3e7;}
.m-rank .u-area-male .u-txtlist li:nth-child(3) em{background:#badaee;}
.m-rank .u-area-female .u-txtlist li:nth-child(1) em{background:#ee6d6e;}
.m-rank .u-area-female .u-txtlist li:nth-child(2) em{background:#f2a5a5;}
.m-rank .u-area-female .u-txtlist li:nth-child(3) em{background:#f5c9c9;}

.u-icon-text *{vertical-align: middle;}
.u-icon-text em{margin-right: 6px;}
.u-icon-text-hot{color:#ffa626;}
.u-icon-text-good{color:#469fe4;}
.u-icon-text-male-hot{color:#009595;}
.u-icon-text-male-new{color:#4dcd70;}
.u-icon-text-female-hot{color:#f36e5d;}
.u-icon-text-female-new{color:#b479eb;}
.u-icon-text-magazine{color:#f36e5d;}

/* shop rank list */
/*.m-rank-shop,.m-rank-fiction,.m-rank-store{padding:0 0 15px;}*/
.m-rank-shop .free{background:#ffdac2;color:#ff7d03;font-size:12px;}
.m-rank-shop .new{background:#cddcf2;color:#6395c4;}
.m-rank-shop .douban{background:#d9eee1;color:#34984a;font-size:12px;}
.m-rank-shop .douban h3{margin-left:3px;}
.m-rank-shop .dangdang{background:#ffdadd;color:#ea1020;}
.m-rank-shop .amazon{background:#dcdcdc;color:#4a4a4a;font-size:12px;}
.m-rank-shop .amazon h3{margin-left:3px;}
.m-rank-shop .jd{background:#ffffff;color:#c9141b;}
/* store rank list */
.m-rank-store .duokan{background:#ffdac2;color:#ff7d03;font-size:12px;}
.m-rank-store .new{background:#cddcf2;color:#6395c4;}
.m-rank-store .douban{background:#d9eee1;color:#34984a;font-size:12px;}
.m-rank-store .douban h3{margin-left:3px;}
.m-rank-store .dangdang{background:#ffdadd;color:#ea1020;}
.m-rank-store .amazon{background:#dcdcdc;color:#4a4a4a;font-size:12px;}
.m-rank-store .amazon h3{margin-left:3px;}
.m-rank-store .jd{background:#ffffff;color:#c9141b;}
/* fiction rank list */
.m-rank-fiction .u-rank-item h3{margin-left:6px;color:#fff;}
.m-rank-fiction .all{background:#81decc}
.m-rank-fiction .sale{background:#f06c76;}
.m-rank-fiction .city{background:#7a8fa6;}
.m-rank-fiction .love{background:#b793b7;}
.m-rank-fiction .magic{background:#cfcfbf;}
.m-rank-fiction .time{background:#f3bba7;}

/* sepcial */
.m-special .banner,.m-special .banner img,.m-combo .banner,.m-combo .banner img{display:block;width:100%;min-height: 129px;}
.m-special .detail,.m-combo .detail{color:#707070;padding: 12px 0 0;}
.m-special .detail pre{margin-bottom: 10px;}
.m-special .detail p{padding: 8px 0;color:#999;font-size: 13px;}
.m-special .nested pre{font-size: 13px;margin-top: 6px;}
.m-special .u-ttl{margin-top: 0;}
.m-special .u-ttl h1:nth-child(2){float: right;}
.m-special .u-sale-itm .summary{display: none;}
.m-special .u-sale-itm .u-btn{top: 80px;}
.m-special .u-sale-itm .u-btn.disable{background: none;color: #999;}
.m-special .u-sale-itm .u-price{margin-top: 16px;}

/* combo */
.m-combo .detail{color:#555;line-height:1.4em;padding:8px 0;}
.m-combo h1{font-size:15px;margin-bottom:6px;}

/* book detail page */
.m-book .u-area{padding-bottom:0;}
.m-book .u-tag-auto{max-height:4.4em;overflow: hidden;margin: 8px 0;}
.m-book .intro p{margin-bottom: 10px;}
.m-book .intro p:last-child{margin-bottom: 0px;}
/* book data in top */
.m-bookitm{padding:10px 10px 0px;}
.m-bookitm .u-bookitm .title{display:table;color:#26313a;height:2.6em;margin-bottom:10px;line-height:1.3em;white-space:normal;}
.m-bookitm .u-bookitm .title span{display:table-cell;vertical-align:middle;}
.m-bookitm .u-bookitm .u-cover{width:90px;height:120px;}
.m-bookitm .u-bookitm .book{min-height:130px;}
.m-bookitm .u-bookitm .info{min-height:122px;margin-left:108px;color:#555;font-size:12px;padding-top:8px;}
.m-bookitm .u-bookitm .static{color:#63bd6e;margin-left:10px;}
.m-bookitm .u-bookitm .static.finish{color:#4a90b1;}
.m-bookitm .u-btn{margin-top:15px;}
.m-bookitm-1 .other{position:relative;min-height: 1em;}
.m-bookitm-1 .other div:first-child{left:0;}
.m-bookitm-1 .other .price del{margin-left:6px;}
.m-bookitm-1 .other.-discount .price{text-decoration: line-through;}
.m-bookitm-1 .other .status{position:absolute;right:0;top:0;}
.m-bookitm-1 .other .status .size{margin-right:6px;}
.m-bookitm-1 .discount{color: #f35d02; margin-top: 3px; margin-bottom: 5px;}
.m-bookitm-1 .u-bookitm{border:none;}
.m-bookitm-1 .u-bookitm .title{margin-bottom:12px;}
/* book series */
.m-book-series{padding-top:10px;}
.m-book-series .u-list-col2 li{width:25%;height:3em;line-height:3em;}
.m-book-series .u-list-col2 li a{display:block;}
.m-book-series .u-list-col2 li:nth-child(3n+3){width:25%;}

.m-limitinfo{margin:0 10px;font-size:12px;padding-left:5px;padding-bottom:3px;}
.m-limitinfo *{vertical-align:middle;}
.m-limitinfo .icn-clock{margin-right:8px;margin-top:-2px;}
.m-bookact{margin:0 10px;padding-top:5px;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.m-bookact .u-ctrl-group{padding:15px 0 10px;}

.m-review{padding:0 10px;}
.m-review .u-ttl .num{display:inline-block;margin-left:5px;color:#aaa;}
.m-review .u-btn{margin:10px;}
.m-review .u-list-col1 li:last-child{border:none;}

.m-author .act{padding-top:7px;text-align:center;}
.m-author-detail .u-ttl-img, .m-tag .u-ttl-img{margin:10px 0;}
.m-publisher .top{margin-bottom:12px;text-align:center;color:#999;}
.m-publisher .top h1{line-height:2em;color:#4b79c2;font-size:18px;font-weight:400;}
.m-publisher .u-list-col2{line-height:54px;height:100%;}
.m-publisher .u-list-col2 img{max-width:100%;max-height:100%;vertical-align:middle;}
.m-publisher-detail .publisher-intro{padding:10px 0 15px;border-bottom:1px solid #dedede;}

.m-page{padding-bottom: 10px;}
.m-tag{padding-top:1px;}
.m-bookinfo{padding:0 10px;}
.m-bookinfo .content{padding:10px 0 20px;}

.m-book-series{padding-top:10px;}
.m-book-series .u-list-col2 li{width:25%;height:40px;line-height:40px;}
.m-book-series .u-list-col2 li a{display:block;}
.m-book-series2 .author{display: none;}
.m-book-series2 .u-bookitm3{height: auto;}

.m-coupon .u-area{padding-top:15px;}
.m-coupon-top{padding-top:0px;}
.m-coupon .bookinfo{padding-bottom:15px;line-height:18px;}
.m-coupon .intro{position:relative;height:50px;background:#466aa3;padding:0 12px;color:#fff;line-height:50px;}
.m-coupon .intro .act{position:absolute;right:12px;top:50%;margin-top:-14px;}
.m-coupon .intro .act a{display:block;height:28px;padding:0 12px;border:1px solid #6b88b5;color:#fff;border-radius:15px;-webkit-tap-highlight-color:rgba(255, 0, 0, 0);line-height:28px;font-size:12px;}

.m-coupon-new{}
.m-coupon-new .intro{background:#E5E3E3;}
.m-coupon-new .intro .itm{color:#8d8d8d;}
.m-coupon-new .intro .act a{color: #0073C8;border: none;font-size: 14px;}


.m-combo-tips{position:relative;margin: 0 10px 5px;padding:10px 15px;background:#ffe7d8;color:#f35d02;font-size:12px;border-radius:4px;line-height:1.3em;}
.m-combo-tips a{float: right;color:#f35d02;padding-left:15px;border-left:1px solid #f35d02;}
.m-combo-tips a *{vertical-align:middle;}
.m-combo-tips a em{margin-left:5px;}
.m-combo-tips p{text-align:center;margin-right: 80px;}
.m-combo-tips .arr{position:absolute;top:-16px;left:115px;border:8px solid #ffe7d8;border-color:transparent transparent #ffe7d8;line-height:0;}

.m-magazine-editor{margin:0 10px 4px;padding-bottom:10px;border-bottom:1px solid #dedede;}
.m-magazine-editor .title{padding:24px 0;text-align:center;}
.m-magazine-editor .title h1{font-size:20px;line-height:2em;}
.m-magazine-editor .title img{display:inline-block;}
.m-magazine-editor .desc{position:relative;}
.m-magazine-editor .u-toggle-open{position:absolute;right:0;bottom:0;}
.m-magazine-editor .u-btn{position:absolute;right:10px;top:30px;line-height: 30px;padding: 0 10px;height: auto;}
.m-magazine .u-bookitm .info{padding-top: 24px;}
.m-magazine .u-bookitm .author{height: 5px;visibility: hidden;}

.u-empty{padding-top:100px;text-align:center;}
.u-empty .icn-cryface{width: 100px;height: 100px;display:inline-block;}

.u-ttl{position:relative;line-height:2.4em;border-bottom:1px solid #dedede;color:#8A8D8E;-webkit-box-sizing:border-box;}
.u-ttl h1,.u-ttl1 h1{display:inline-block;font-size:15px;font-weight:400;}
.u-ttl .more,.u-ttl .act{position:absolute;right:0;top:50%;margin-top:-11px;}
.u-ttl .act{position:absolute;right:0;top:12px;}

.u-ttl-fixed{position:fixed;top:0;left:0;width:100%;padding:0 10px;margin:0;background:#f8f8f8;z-index:1;border-bottom:none;}
.u-ttl-fixed .wrap{border-bottom:1px solid #dedede;}
.u-ttl-fixed .wrap .more{right:10px;}

/*.u-ttl1{height:36px;margin-top:8px;line-height:30px;}
.u-ttl1-male{color:#42a0db;}
.u-ttl1-female{color:#ee6d6e;}
.u-ttl1-recommend{color:#eca95a;}
*/
/*.u-ttl2{position:relative;height:2.8em;padding:8px 0;line-height:2.8em;border-bottom:1px solid #dfdfdf;}
.u-ttl2 h1{display:inline-block;margin-left:6px;}
.u-ttl2 *{vertical-align:middle;}
.u-ttl2 .more{position:absolute;right:0;top:50%;margin-top:-5px;}
*/
/* author list title */
.u-ttl-img .icn{float:left;}
.u-ttl-img .info{padding:10px 0 0 100px;}
.u-ttl-img h1{font-size:18px;line-height:2em;font-weight:400;}
.u-ttl-img .name{font-size:16px;line-height:1.4em;font-weight:400;}
.u-ttl-img .summary{height: 2.8em; overflow: hidden; font-size: 13px; line-height: 1.4em; color: #999;}

/* tag list title */
.u-ttl-img.-tag .info{padding:0 0 10px 45px;}
.u-ttl-img.-tag .icn{padding:10px 0 10px 5px}

.u-ttl-icn *{vertical-align:middle;}
.u-ttl-icn h1{margin-left:5px;}

.u-title1,.u-title2{width:186px;height:23px;line-height:60px;overflow:hidden;}
.u-title2{width:106px;background-position:0 -23px;}

.u-area{margin:0 10px;}
.u-area .content{position:relative;padding:10px 0 0;}
.u-area .u-more{margin:10px 0;}
.u-area .u-link-group{margin:10px 0;}
.u-area .u-more-arr{position:absolute;top:50%;right:5px;margin-top:-7px;}
.u-area-male h1,.u-area-male h2{color:#42a0db;}
.u-area-female h1,.u-area-female h2{color:#ee6d6e;}

.u-area1{background:#f8f8f8;border:1px solid #e2e2e2;border-width:1px 0;text-align:left;}
.u-area1 .wrap{padding:0 10px;}
.u-area1 .u-ttl{padding:0 5px;}
.u-area1 .u-bookitm .book{padding:10px 5px;}

.u-area2 .u-ttl{margin-right:10px;margin-left:10px;}
.u-area2 .u-btn{margin:10px 20px;}
.u-area2 .u-note{margin: 10px 10px 0 10px;}

.u-area-padding{padding-top: 50px;}
.u-area-padding2{padding-top: 42px;}

.u-area-layer{padding:20px;background:#f8f8f8;border-top:1px solid #d4d4d4;}
.u-area-layer .u-btn,.u-area-layer .u-btn4{width:100%;}
.u-area-layer li{margin-bottom:10px;}
.u-area-layer li:last-child{margin:0;}

.u-txtlist li{position:relative;display:-webkit-box;width:100%;height:2.3em;padding-right:16px;line-height:2.3em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;}
.u-txtlist li em{display:inline-block;width:1.5em;height:1.5em;margin-right:10px;font-weight:400;color:#fff;background:#95c5f2;line-height:1.5em;text-align:center;border-radius:10px;font-size:12px;font-family: Arial}
.u-txtlist li p{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-flex:1;color:#999;}
/* 3列图书 */
.u-list-col{font-size:0;margin: 14px 0;}
.u-list-col li{width:33.3%;display:inline-block;vertical-align:top;line-height: 1;}
.u-list-col li:nth-child(3n+1){text-align:left;}
.u-list-col li:nth-child(3n+2){text-align:center;}
.u-list-col li:nth-child(3n+3){text-align:right;}
/* 图书列表 */
.u-list-col1{margin-bottom:14px;}
.u-list-col1, .u-list-col1>li{margin-top:14px;}
.u-list-col1 .u-bookitm .act{right:5px;top:28px;}
/* 原创图书榜单详情 */
.u-list-col1-1{padding-top:0;}
.u-list-col1-1 li{padding-left:30px;border-bottom:1px solid #ebebeb;}
.u-list-col1-1 li em{position:absolute;top:50%;left:-30px;display:block;width:1.5em;height:1.5em;margin-top:-.75em;border-radius:9px;font-weight:400;background:#bcbcbc;color:#fff;line-height:1.5em;text-align:center;font-size:12px;}
.u-list-col1-1 li:nth-child(1) em{background:#ff7200;}
.u-list-col1-1 li:nth-child(2) em{background:#fc8d33;}
.u-list-col1-1 li:nth-child(3) em{background:#ffb05b;}
.u-list-col1-1 .u-bookitm1 .title{font-weight:400;}
.u-list-col1-1 .u-bookitm{padding-bottom:6px;}

/* 3 col */
.u-list-col2 li{float:left;width:33%;height:54px;margin-top:-1px;margin-right:-1px;-webkit-box-sizing:border-box;border:1px solid #ddd;line-height:52px;text-align:center;background:#f4f4f4}
.u-list-col2 li:nth-child(3n+3){width:34%;}
.u-list-col2 li a{display:block;font-size:14px;color:#7c7c7c;}
/* 2 col */
.u-list-2col{margin-bottom: 2%;}
.u-list-2col li{float:left;width:49%;margin:2% 0 0 0;}
.u-list-2col li:nth-child(2n+1){margin-right:2%;}

.u-list-col3 li{border-bottom:1px solid #ebebeb;}
.u-list-col3 li:last-child{border:none;}

/* 2col */
.u-flex-2{display: flex; display: -webkit-flex;}
.u-flex-2 .expand{flex:1;-webkit-flex: 1;}

.u-cat-item{width:100%;height:66px;padding:21px 6px 0;background-color:#eee;background-size:100%;background-position:right bottom;background-repeat:no-repeat;color:#515151;-webkit-box-sizing:border-box;}
.u-cat-item h3{font-size:13px;line-height:16px;}
.u-cat-item .num{font-size:11px;line-height:1em;color:#999;}

.u-rank-item{display:block;height:60px;line-height:60px;border-radius:2px;text-align:center;overflow:hidden;}
.u-rank-item h3{display:inline-block;}
.u-rank-item *{vertical-align:middle;}
/* cover left & info right */
.u-bookitm .book,.u-bookitm1 .book,.u-bookitm2 .book{position:relative;display:block;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.05);}
.u-bookitm .info,.u-bookitm1 .author,.u-bookitm1 .summary,.u-bookitm2 .summary{color:#999;font-size:13px;line-height:1.4em;}
.u-bookitm .title{height:1.3em;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#333;font-weight:400;}
.u-bookitm .title .u-status{float: right;margin-left: 2px;}
.u-bookitm .cover .tag, .u-bookitm3 .cover .tag{position:absolute;top:2px;right:2px;}
.u-bookitm .u-cover{float: left;}
.u-bookitm .info{margin:0 0 0 100px;padding-top:12px;}
.u-bookitm .info .summary{max-height:2.8em;overflow:hidden;}
.u-bookitm .author{width:100%;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-sizing:border-box;color:#555;}
.u-bookitm .author span{margin-right:10px;}
.u-bookitm .author span:last-child{margin-right:0;}
.u-bookitm .u-grade{margin-bottom:4px;}
.u-bookitm .act{position:absolute;right:0;top:16px;}
.u-price{display:inline-block;line-height:1.3em;margin-top:5px;text-align:left;color:#999;}
.u-price del{font-size: 12px;}
.u-price b{margin-right:8px;color:#f35d02;}
/* book item (include book control ) */
.u-bookitm-1 .title{height:2.6em;white-space:normal;}
.u-bookitm-1 .info{padding-right:60px;}
.u-bookitm-1 .info .price{margin-top:4px;color:#555;}
.u-bookitm-1 .ctrl{position:absolute;width:48px;top:50%;right:0;margin-top:-2.1em;}
.u-bookitm-1 .ctrl .u-btn2{margin-bottom:6px;}
.u-bookitm-1 .ctrl .u-btn2,.u-bookitm-1 .ctrl .u-btn3{height:2.2em;line-height:2.2em;font-size:12px;}
/* book item (no cover) */
.u-bookitm1 .book{display:block;padding:12px 5px;}
.u-bookitm1 .title{position:relative;display:inline-block;padding-right:50px;height:1.4em;overflow:hidden;}
.u-bookitm1 .title h3{display:inline-block;font-weight:400;font-size:15px;}
.u-bookitm1 .title .act{position:absolute;top:-1px;right:0;width:44px;}
.u-bookitm1 .author{margin-bottom:4px;color:#555;}
.u-bookitm1 .summary{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/* book item for subscribe */
.u-bookitm-sale{position: relative;border-bottom: 1px solid #ddd;padding: 0 4px 8px;}
.u-bookitm-sale .info{margin: 0 100px 0 0;}
.u-bookitm-sale .ctrl{position: absolute;right: 0;top : 50%;margin-top: -1em;}
.u-bookitm-sale .u-btn{padding: 0 10px;display: inline-block;line-height: 2em;height: 2em;}
.u-bookitm-sale .u-btn-2{color: #fff;background: rgb(118, 172, 201);border: none;}
.u-bookitm-sale .summary{height: 1.4em;line-height: 1.4em;margin-top: 10px;}
/* cover top & info bottom  */
.u-bookitm3{display:inline-block;width:84px;height:160px;}
.u-bookitm3 .cover,.u-bookitm3 .cover img{width:84px;height:112px;}
.u-bookitm3 .cover{position:relative;padding:2px 2px 9px 2px;}
.u-bookitm3 .cover{background-position:center 43%;position: relative;}
.u-bookitm3 .info{padding-top:4px;font-size:12px;line-height:1.4em;text-align:left;}
.u-bookitm3 .title{max-height:2.8em;margin-bottom:2px;overflow:hidden;font-weight:400;line-height:1.4em;color:#333;white-space:normal;}
.u-bookitm3 .author{width:100%;overflow:hidden;white-space:nowrap;color:#555;text-overflow:ellipsis;}
.u-bookitm3 .rank{position:absolute;left:5px;bottom:7px;display:block;width:84px;height:20px;background:#ffb05b;z-index:1;text-align:center;color:#fff;line-height:20px;font-size:12px;}
.u-bookitm3 .rank1{background:#ff7200;}
.u-bookitm3 .rank2{background:#fc8d33;}

.u-sale-itm{position: relative;border-bottom: 1px solid #eee;padding-bottom: 10px;overflow: hidden;}
.u-sale-itm .u-btn2{position: absolute;top: 82px;right: 2px;padding: 0 20px;height: 2.4em;line-height: 2.4em;}
.u-sale-itm .info{margin-left:106px;padding: 3px 0;}
.u-sale-itm .title{height:1.3em;margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#333;font-weight:400;}
.u-sale-itm .summary{color:#999;font-size:13px;line-height:1.4em;}
.u-sale-itm .info .summary{height:2.8em;overflow:hidden;}
.u-sale-itm .u-price{margin-top: 12px;}
/*.m-combo .u-sale-itm .u-price del{text-decoration: none;}*/
/*.m-combo .u-sale-itm .num{margin:18px 0 6px;color:#555;}*/
.u-sale-itm .u-cover-series{float:left;line-height: 0;}

.u-operate-itm{position: relative;}
.u-operate-itm .u-bookitm{padding-right: 80px;}
.u-operate-itm .act{position: absolute;right: 0;top:26px;}

.u-cover-series{padding:3px;width: 88px;height: 116px;background: rgb(219,219,219);border-radius: 8px;  box-shadow: 0px 6px 5px -3px #aaa;}
.u-cover-series img{width:42px;height:56px;padding: 1px;}
.u-sale-itm-1 .u-btn{top : 13px;}

/*.u-reviewitm{margin:10px 0;border-bottom:1px solid #ebebeb;}*/
.u-reviewitm{margin:10px 0 0;}
.u-reviewitm .u-avatar{float:left;}
.u-reviewitm .info{position:relative;margin-left:46px;color:#707070;}
.u-reviewitm .author{padding:8px 0 0;color:#1391fc;}
.u-reviewitm .cnt{padding:4px 0 6px;overflow: hidden;}
.u-reviewitm .title{font-weight:400;overflow: hidden;}
.u-reviewitm .other{position:relative;color:#999;font-size:12px;margin: 4px 0;}
.u-reviewitm .other1{position:absolute;right:0;top:8px;}
.u-reviewitm .act{position:absolute;right:0;top:0;}
.u-reviewitm .act li{position:relative;display:inline-block;padding:0 10px 0 22px;border:none;}
.u-reviewitm .act li:last-child{padding-right:0;}
.u-reviewitm .act li em{position:absolute;left:0;top:1px;}
.u-reviewitm .u-quote{margin-bottom:8px;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}

/* small book */
.u-bookitm4 .book{display:block;}
.u-bookitm4 .cover,.u-bookitm4 .cover img{display:block;width:63px;height:84px;}
.u-bookitm4 .cover{float:left;padding:1px 1px 6px;}
.u-bookitm4 .info{margin:0 0 0 76px;padding-top:20px;}
.u-bookitm4 .wrap{display:block;height:57px;}
.u-bookitm4 .title{max-height:2.6em;font-size:13px;color:#26313a;line-height:1.3em;}
.u-bookitm4 .u-btn3{display:inline-block;width:46%;height:2.1em;margin-right:4%;line-height:2.1em;font-size:12px;}
.u-bookitm4 .u-btn3:last-child{margin-right:0;}
.u-bookitm4 .u-author{color:#4e4f51;margin:4px 0;}

.u-book-coupon{padding:0 5px;}
.u-book-coupon .itm{position:relative;margin-bottom:14px;border:1px solid #ddd9d8;padding:0 85px 0 20px;font-size:12px;color:#555;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.05);background:#fff;}
.u-book-coupon .itm .img{position:absolute;top:0;right:0;width:86px;height:85px;}
.u-book-coupon .itm .wrap{padding:9px 0 12px 20px;-webkit-box-sizing:border-box;line-height:1.4em;}
.u-book-coupon .itm h2{font-size:21px;font-weight:400;line-height:32px;}
.u-book-coupon .time{color:#b2b2b2;}
.u-book-coupon .itm0 h2{color:#4bc28e;}
.u-book-coupon .itm0 .img{background-position:0 0;}
.u-book-coupon .itm1 h2{color:#a5aebe;}
.u-book-coupon .itm1 .img{background-position:0 -85px;}
.u-book-coupon .itm2 h2{color:#e9bb4c;}
.u-book-coupon .itm2 .img{background-position:0 -170px;}
.u-book-coupon .itm3 h2{color:#8cb0f7;}
.u-book-coupon .itm3 .img{background-position:0 -255px;}
.u-book-coupon-select{padding-left:15px;padding-bottom: 120px;}
.u-book-coupon-select .u-radio{position:absolute;left:-10px;top:50%;margin-top:-16px;}
.u-book-coupon-select .itm{padding-left:24px;}

.u-series-list{width:100%;font-size:0;}
.u-series-list li{display:inline-block;width:17.6%;margin:10px 3% 0 0;}
.u-series-list li a{display:block;height:28px;border:1px solid #d3d3d3;background:#fff;color:#737373;border-radius:4px;line-height:28px;font-size:12px;text-align:center;}
.u-series-list li:nth-child(5n){margin-right:0;}
.u-series-list .crt a{background:#608acc;border-color:#608acc;color:#fff;}

.u-slide{position:relative;margin:10px;}
.u-slide .cnt{min-height:90px;white-space:nowrap;}
.u-slide .cnt li{float:left;width:100%;min-height:90px;border-radius:4px;}
.u-slide .cnt li img{width:100%;}
.u-slide .dot{position:absolute;right:0;bottom:8px;font-size:0;line-height:0;text-align:right}
.u-slide .dot li{display:inline-block;width:8px;height:8px;margin-right:6px;background:rgba(255,255,255,.5);border-radius:4px;}
.u-slide .dot li.chk{background:#fff;}

.u-more{display:block;height:48px;background:#f0f0f0;border-top:1px solid #dfdfdf;line-height:48px;text-align:center;color:#666;-webkit-tap-highlight-color:rgba(0,0,0,.1);}
.u-more-arr{display:block;width:7px;height:14px;}
.u-more2{color:#898989;}

.u-avatar{display:block;width:36px;height:36px;border-radius:18px;overflow:hidden;}
.u-avatar img{width:100%;height:100%;}

.u-link{color:#1391fc;}
.u-gift-tips{margin-top:5px;color:#999;font-size:12px;}
.u-gift-tips *{vertical-align:middle;}
.u-gift-tips em{margin-right:3px;}
.u-quote{min-height:90px;padding:8px 7px 4px;background:#e6e9ed;}

.u-paperback{height:15px;border:1px solid #00a0e9;color:#55b4ec;padding:0 3px;border-radius:4px;font-size:10px;line-height:16px;display: inline-block;}
.u-null{height:60px;line-height:60px;text-align:center;color:#b2b2b2;}
.u-tag{width:100%;display:-webkit-box;-webkit-box-pack:justify;}
.u-tag li{padding-right:5px;-webkit-box-flex:1;-webkit-box-sizing:border-box;text-align:center;line-height:2em;}
.u-tag li:last-child{padding:0;}
.u-tag li a{display:block;border-radius:4px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0.05);background:#909da8;color:#fff;}
.u-tag li:nth-child(8n+1) a,.icn-tag1{background-color:#ffa200;}
.u-tag li:nth-child(8n+2) a,.icn-tag2{background-color:#23c7b2;}
.u-tag li:nth-child(8n+3) a,.icn-tag3{background-color:#a4dd40;}
.u-tag li:nth-child(8n+4) a,.icn-tag4{background-color:#6d93d7;}
.u-tag li:nth-child(8n+5) a,.icn-tag5{background-color:#ab6566;}
.u-tag li:nth-child(8n+6) a,.icn-tag6{background-color:#4dd0b1;}
.u-tag li:nth-child(8n+7) a,.icn-tag7{background-color:#7f79b5;}
.u-tag li:nth-child(8n+8) a,.icn-tag8{background-color:#42a0db;}

.u-tag-fix{-webkit-box-pack:justify;display: block;}
.u-tag-fix li{padding:0 2.5px 5px;display: inline-block;width: 25%;}
.u-tag-fix li:last-child{padding:0 2.5px 5px;}

.u-tag-auto,.u-author .u-tag{display:block;}
.u-tag-auto li,.u-author .u-tag li{float:left;margin-bottom:.4em;padding-right:.4em;}
.u-tag-auto li a,.u-author .u-tag li a{padding:0 10px;}

.u-author .u-tag{margin-top:0;}
.u-author .u-tag li a{background:#909da8;}

.u-aimg{display:block;width:100%;margin:0 auto;border-radius:4px;overflow:hidden;background: #8c96a5;position: relative;}
.u-aimg .cover{position: absolute;top:0;left: 0;}
.u-aimg img{display:block;width:100%;border-radius:4px;}
.u-aimg-single{background:#666;}
.u-aimg-single img{width:100%;}

.u-status,.u-status-he{display:inline-block;padding:0 3px;line-height:16px;border-radius:4px;font-size:12px;border:1px solid #6b92ce;color:#6b92ce;-webkit-box-sizing:border-box;}
.u-status-he{border-color:#79ce6b;color:#79ce6b;}

.u-radio{display:block;width:26px;height:32px;background-position:0 -32px;}
.u-radio.chk{background-position:0 0;}

.u-link-group li{float:left;width:49%;margin:0 2% 10px 0;}
.u-link-group li:nth-child(2n+2){margin-right:0;}
.u-link-group li a{display:block;height:50px;line-height:50px;color: #fff;text-align:center;-webkit-box-flex:1;-webkit-box-sizing:border-box;}
.u-link-group li a:last-child{margin-right:0;}
.u-link-group li:nth-child(1) a{background:#b1d33a}
.u-link-group li:nth-child(2) a{background:#fbab4a}
.u-link-group li:nth-child(3) a{background:#81a0d7}
.u-link-group li:nth-child(4) a{background:#df88ab}
.u-link-group li:nth-child(5) a{background:#a0e1cb}
.u-link-group li:nth-child(6) a{background:#a286c0}

.u-grade .grade,.u-grade .txt{display:inline-block;color:#b8b8b8;vertical-align:middle;}
.u-grade .grade{height:18px;width:90px;margin:0 5px 0 0;background-position:0 1px;}
.u-grade .grade0{background-position:0 1px;}
.u-grade .grade1{background-position:0 -17px;}
.u-grade .grade2{background-position:0 -36px;}
.u-grade .grade3{background-position:0 -54px;}
.u-grade .grade4{background-position:0 -73px;}
.u-grade .grade5{background-position:0 -91px;}
.u-grade .grade6{background-position:0 -109px;}
.u-grade .grade7{background-position:0 -128px;}
.u-grade .grade8{background-position:0 -146px;}
.u-grade .grade9{background-position:0 -165px;}
.u-grade .grade10{background-position:0 -183px;}

.u-tab{height:2.5em;border:1px solid #d3d3d3;line-height:2.5em;-webkit-border-radius:0.3em;font-size:13px;overflow:hidden;}
.u-tab .wrap{font-size:0;white-space:nowrap;}
.u-tab .itm{display:inline-block;width:50%;font-size:13px;border-right:1px solid #d3d3d3;-webkit-box-sizing: border-box;text-align:center;color:#999;}
.u-tab .itm:last-child{border-right:0;}
.u-tab .itm.chk{background:#ececec;color:#333;}

.u-tab-three .itm{width :33%;}
.u-tab-three .itm:last-child{width :34%;}

.u-flex-nav,.u-switch-tab{position:fixed;top:0px;left:0;width:100%;height:50px;padding:0 50px 10px 12px;overflow:hidden;background:#466aa3;-webkit-box-sizing:border-box;z-index:10;text-align:left;}
.u-flex-nav li,.u-switch-tab li{display:inline-block;height:40px;padding:10px 0 0;-webkit-box-sizing:border-box;line-height:28px;}
.u-flex-nav li a,.u-switch-tab li a{display:inline-block;color:#fff;border:1px solid #466aa3;padding:0 10px;border-radius:14px;-webkit-tap-highlight-color: rgba(255, 0, 0, 0);}
.u-flex-nav li.chk a{border:1px solid #6b88b5;}
.u-flex-nav .more{position:absolute;right:10px;top:15px;color:#90a6c8;line-height:20px;height:20px;padding-right:18px;}
.u-flex-nav.open{padding:0 12px 10px;height:auto;z-index: 11;}
.u-flex-nav.open .more{display:none;}

.u-switch-tab{padding:0 20px;}
.u-switch-tab ul{width:100%;font-size:0;white-space:nowrap;}
.u-switch-tab li{width:33%;font-size:14px;text-align:center;}
.u-switch-tab li:first-child{text-align:left}
.u-switch-tab li:last-child{text-align:right;}
.u-switch-tab li a{color:#a6bae1;text-align:center;padding:0 12px;}
.u-switch-tab li.chk a{border:1px solid #6b88b5;color:#fff;}

.u-switch-tab2{position: fixed; width: 100%; padding: 0px 10px; -webkit-box-sizing: border-box;top:0px;left:0;z-index:10;background: #f8f8f8;}

.u-toggle-open{position:relative;display:inline-block;padding-left:22px;color:#898989;}
.u-toggle-open em{position:absolute;left:0;display:block;width:14px;height:18px;}

.u-btn,.u-btn-segmented .wrap,.u-btn2,.u-btn3,.u-btn4, .u-btn-small{display:block;height:2.8em;line-height:2.8em;text-align:center;color:#737373;border:1px solid #ddd;background:#fff;border-radius:4px;font-size:14px;-webkit-box-sizing:border-box;}
.u-btn,.u-btn4, .u-btn-small{border-radius:20px;}
.u-btn1{display:inline-block;height:1.7em;padding:0 8px;background:#909da8;color:#fff;border-radius:12px;font-size:12px;line-height:1.7em;}
.u-btn1 em{margin-right:4px;}
.u-btn1 b{margin-left:2px;}
.u-btn1 span,.u-btn1 b,.u-btn1 em{float:left;}
.u-btn1.hover{background:#7D8B98;}

.u-btn2,.u-btn4{background:#f35d02;border:1px solid #e35109;color:#fff;padding: 0 10px;}
.u-btn2.disable{background:#f5aa7d;border-color:#eda480;}
.u-btn2 .icn-coupon{margin-right:5px;vertical-align:middle;}
.u-btn2,.u-btn3{position:relative;}
.u-btn2 .icn-limit-free, .u-btn3 .icn-limit-free{position:absolute;top:-1px;right:5%;}
.u-btn5{display:inline-block;height:1.5em;padding:0 .5em;color:#909da8;border:1px solid #909da8;border-radius:1em;line-height:1.5em;font-size:12px;}

.u-btn-small{padding: 0 10px; display: inline-block; line-height: 2em; height: 2em;}
.u-btn-small.disable{color: #fff; background: rgb(118, 172, 201); border: none;}

.u-btn-segmented{width:100%;padding:10px;font-size:0;-webkit-box-sizing:border-box;white-space:nowrap;}
.u-btn-segmented .wrap{border-radius:19px;}
.u-btn-segmented .itm{display:inline-block;width:49%;font-size:14px;border-right:1px solid #d3d3d3;-webkit-box-sizing: border-box;color:#666;}
.u-btn-segmented .itm:last-child{border-right:0;}

.u-btn-group{width:100%;font-size:0;white-space:nowrap;}
.u-btn-group li{display:inline-block;width:49%;}
.u-btn-group li:first-child{margin-right:2%;}
.u-btn-group-one li{width:100%;}

.u-ctrl-group ul{width:100%;display:-webkit-box;-webkit-box-pack:justify;}
.u-ctrl-group li{width:25%;-webkit-box-flex:1;-webkit-box-sizing:border-box;border-right:1px solid #aaa;text-align:center;color:#999;font-size:12px;}
.u-ctrl-group li:last-child{border:none;}
.u-ctrl-group li *{vertical-align:middle;}
.u-ctrl-group li.add{color:#f35d02;}
.u-ctrl-group li.add .icn-chart{background-position:0 -17px;}
.u-ctrl-group li.add .icn-like{background-position:0 -96px;}

.u-mask{opacity: .5;background: #000;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;}
.u-loading{border:none;text-align:center;color:#999;font-size:13px;line-height:4em;}
.u-loading i{
    display:inline-block;width:16px;height:16px;vertical-align:middle;
    -webkit-animation:rotate .8s linear infinite;
}
@-webkit-keyframes rotate
{
    0% {-webkit-transform:rotate(0);}
    100% {-webkit-transform:rotate(360deg);}
}

.u-loading span{margin-left:8px;}

.u-note{position:relative;height:40px;line-height:40px;margin:0 10px;padding:0 12px;border:1px solid #ebcaba;background:#ffeccf;}
.u-note a{display:block;width:100%;color:#a67f66;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-box-sizing:content-box;text-align:left;font-size:15px;}
.u-note a *{vertical-align:middle;}
.u-note .icn-speaker{margin-right:8px;}
.u-note:after{content:'';position:absolute;bottom:-1px;right:-1px;display:block;width:10px;height:10px;background-size:contain;}

.u-timer span{background: #999;color: #fff;padding: 4px 3px;border-radius: 4px;margin: 0 3px;}
.u-timer-active{color: #f35d02;}
.u-timer-active span{background: #f35d02;}

.u-tip{text-align: center;margin:0 10px;padding-top:10px;}
.u-tip.-center{margin-top: 50%;}

.u-cover{margin-bottom: 3px;box-shadow: 0px 6px 5px -3px #aaa; background-color: #eeece9;width: 84px;height: 112px;position: relative;}
.u-cover img{width: 100%;height: 100%;}
.u-cover .tag{position: absolute;top:0;right: 0}


/* 脚本控制样式 */
.ng-content-view{overflow: hidden;height: 7.5em;}
.ng-content-act{text-align: center;padding-top: 7px;}
.ng-open{height: auto;}
    .clearfix:after{clear:both;content:'.';display:block;height:0;overflow:hidden;visibility:hidden;}
    .fl-l { float: left;}
    .feed-book {background: #e6e9ed;margin-bottom: 5px;}
    .feed-book div{padding: 12px;}
    .feed-book div {float: left}
    .feed-book .feed-book-content { margin-left:0px;padding-left: 0px; width: 50%}
    .img-container {height:100px}
    .img-container img{box-shadow:0 2px 5px rgba(0,0,0,.5);}
    .feed-book-content h4 {font-size: 12px; font-weight: normal;margin-top: 3px;}
    .feed-book-content h3 {font-size: 16px; margin-top: 10px;}
    .second-info .author{ float: left; padding-top: 1px;padding-right: 5px;}
    .second-info .u-grade{ float: left;}
    .m-feed-detail {padding-bottom: 0px; background: #f8f8f8;}
    .m-feed-detail-act{ position: fixed; bottom: 0px;left:0px;width:100%; background: #fff;border-top:1px solid #dfdfdf;}
    .m-feed-detail-act ul .frist {border-right:1px solid #dfdfdf;}
    .m-feed-detail-act li {width:49%; display: inline-block; text-align: center;}
    .m-feed-detail-act li div{padding: 15px}
    .m-feed-detail-act li em{vertical-align: -3px;}
    .m-feed-detail-act li span{padding-left: 5px; }
    .u-list-useful li{width: 16.66%; display: inline-block;margin-top:3px;}
    .u-list-useful li div{margin: 0 auto;}
    .m-feed-act {padding:5px 0;border-top:1px solid #dfdfdf;padding-top: 20px; }
    .m-feed-act .crt{ background: #909da8; color: #fff; padding:3px 8px;border-radius:13px;}
    .u-reviewitm .other2{position:absolute;right:0;top: 22px;color: #999}
    .m-feed-detail .cnt-2 { background: #fff;padding:10px;border:1px solid #dadada;border-radius:8px;position: relative;}
    .m-feed-detail .icon-arrow{background: url(../images/arrow-left.png?e0e4c42d47bb53472d70aab3d5de1ff8) no-repeat;background-size:15px; position: absolute;top:10px;left:-14px;height: 20px; width: 20px;display: block;}

.f-ios-background{background: #fff;}
.f-ios-background #root{padding: 0;}

.Lazy_waiting img, .Lazy_loading img{opacity: 0}
.Lazy_loaded img{opacity: 1;-webkit-transition:all .4s;}

.Fixed_bar_active{}
.Fixed_bar_active .u-ttl-fixed2{position:fixed;top:0;left:0;display: block;margin-top: 0;}

.u-ttl-fixed2{width:100%;padding:0 10px;margin:0;background:#f8f8f8;z-index:1;border-bottom:none;display: none;}
.u-ttl-fixed2 .wrap{border-bottom:1px solid #dedede;}
.u-ttl-fixed2 .wrap .more{right:10px;}

#root{padding-bottom: 60px;}
.Loading_init .u-btn{display: none}
.Loading_complete .u-btn{display: block;}
.Loading_complete .u-loading{display: none;}

.track-day .track-day-hide{display: none;}

/* 页面刷新模块 */
.Loading-page {position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.Loading-page__bd {position: absolute; left: 50%; top: 50%; margin: -55px 0 0 -116px; width: 232px; height: 110px; }
.Loading-page__reload {display: block; height: 40px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 20px; font: 12px/40px a; color: rgba(0, 0, 0, 0.7); text-align: center; background: rgba(255, 255, 255, 0.5); }
.Loading-page p{font: 12px/50px a; color: rgba(0, 0, 0, 0.7); text-align: center; }

.book-free li:first-child{display: none;}
.book-free li:nth-child(2){width: 100%;}


.m-speciallist .u-bookitm{padding: 12px 0 8px; border-bottom: 1px solid #ebebeb;}

.m-search .u-list-col1 li:last-child{margin:0;}

.u-tab{margin:8px 0;}
.u-block{margin: 10px 0;}

/* 书籍详情 */
.m-hd{position:relative;width:100%;height:56px;background:#1dabc5;box-sizing:border-box;z-index: 10;}
.m-hd .act{position:absolute;top:0;right:0;height:56px;z-index:1}
.m-hd .act ul{font-size:0;}
.m-hd .act li{float:left;}
.m-hd .act li,.m-pagenav li{height:56px;box-sizing:border-box;line-height:56px;}
.m-hd .act a{display:block;padding:0 15px;color:#fff;font-size:14px;}
.m-hd .act .help{line-height:56px;color:#a1d5e2;}
.m-hd .act .help span{display:inline-block;width:18px;height:18px;border:1px solid #a1d5e2;border-radius:12px;line-height:18px;text-align:center;}

.m-pagenav .itm{padding:0 18px;}
.m-pagenav li{display:inline-block;vertical-align:top}
.m-pagenav .icn-arrow{margin-top:19px;}
.m-pagenav h1{font-size:18px;color:#fff;}

.icn-arrow{position:relative;display:inline-block;line-height:0!important;font-size:0!important;overflow:hidden;}
.icn-arrow .arrow0,.icn-arrow .arrow1{position:absolute;top:0;border:10px solid transparent;}
.icn-arrow .arrow0{z-index:1;}
.icn-arrow-left{width:10px;height:20px;}
.icn-arrow-left .arrow0,.icn-arrow-left .arrow1{left:-10px;border-right-color:#fff;}
.icn-arrow-left .arrow0{left:-7px;border-right-color:#1dabc5;}

.u-sep b{display:inline-block;height:28px;margin:14px 0 0;border-left:1px solid #61c4d7;font-size:0;}

.m-corp .u-bookitm3{height: auto;}
.m-corp .u-bookitm3 .u-cover{height: 84px;}

.m-booklist-act .u-bookitm .u-cover{width: 66px;height: 88px;}
.m-booklist-act .u-bookitm .info{margin-left: 74px;padding-top: 3px;}
.m-booklist-act .u-bookitm .summary{display: none;}
.m-booklist-act .u-list-col1 li{border-bottom: 1px solid #eee;padding-bottom: 7px;}

.m-booklist-act.-coupon .act{display: none;}
.m-booklist-act.-coupon.-show .act{display: block;}


.m-rank1 .m-rank-block{margin-bottom: 30px;}
.m-rank1 .m-rank-block>article{margin-bottom: 24px;}

/* global settings */
.u-ttl{margin-top: 10px;}


/*

font-color: #8d8d8d, #585858;
*/
.single-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.new-page{background: #f5f5f5;width: 100%;height: 100%;}
.new-page.-input{padding-bottom: 51px;}
.new-page .main-card{margin-bottom: 10px;}
.new-page .main-card:last-child{margin-bottom: 0;}


/* global settings */
.main-card{background: #fff;}
.main-card>.u-title, .main-card>.cnt, .main-card>ul li, .main-card .list li, .main-card .tail{padding-left: 16px;padding-right: 16px;}
.main-card>ul li, .main-card .list li{border-bottom:1px solid #f0f0f0;}
.main-card .tail{border-top:1px solid #f0f0f0;}
.main-card .u-title{margin-bottom: 8px;}

.u-title{padding-top: 15px;font-size: 15px;color:#8d8d8d;}
.u-title h1{font-size:15px;font-weight:400;}

.comment-list li{margin-top: 11px;}
.comment-list li{padding: 16px 0 13px 0;}
.comment-list li:first-child{padding-top: 0;}
.comment-list li:last-child{border-bottom: none;}

/* 图书 */
.u-book{overflow: hidden;}
.u-book .book-cover{float: left;}
.u-book .info{margin-left: 100px;padding-top: 8px;}
.u-book .title{margin-bottom: 4px;font-size: 15px;font-weight: 400;color: #585858;}
.u-book .author, .u-book .read{margin-top: 4px;font-size: 12px;color: #8d8d8d;}
.u-book .price{color: #6e6e6e;font-size: 12px;}
.u-book .price del{margin-left: 18px}
/* --- */
.u-book.-single{padding-top: 16px;padding-bottom: 16px;}
.u-book.-single .info{padding-top: 24px;}
.u-book.-single .author{font-size: 13px;}

.u-book.-detail{padding: 40px;}
.u-book.-detail .book-cover{width: 100px; height: 134px;}
.u-book.-detail .info{margin-left: 133px;padding-top: 0;}
.u-book.-detail .title{margin-bottom: 13px; font-size: 16px;height: 2.4em;overflow: hidden;}
.u-book.-detail .u-grade{margin: 3px 0 6px 0;}


/* 图书封面 */
.book-cover{position: relative;width: 75px;height: 100px; background-color: #eeece9;}
.book-cover img{width: 100%;height: 100%;}
.book-cover .tag{position: absolute;top:0;right: 0}

/* 评论 */
.u-comment{overflow: hidden;color: #8d8d8d;}
.u-comment .u-avatar{float:left;}
.u-comment .info{position:relative;margin-left:46px;/* color: #d8d8d8; */}
.u-comment .author{color: #4b99a7;line-height: 34px;}
.u-comment .u-grade{margin-bottom: 8px;}
.u-comment .cnt{overflow: hidden;color: #585858;margin-bottom: 2px;}
.u-comment .cnt pre{color: #585858;}
.u-comment .title{font-weight:400;overflow: hidden;color: #343434;font-size: 15px;margin-bottom: 5px;}
.u-comment .other{position:relative;/* color:#999; */font-size:12px;/* margin: 4px 0; */}
.u-comment .split{margin: 0 6px;}
.u-comment .split.-dark{color : #585858;}
.u-comment .like{position:absolute;right: 5px;top:32px;font-size:12px;}
.u-comment .like .like-icon{margin-right: 3px;}
.u-comment .like.-active{color: #ff8223;}

.u-comment .u-avatar {display: block; width: 34px; height: 34px; border-radius: 17px; overflow: hidden;}
.u-comment .u-avatar {background: url(../images/avatar.png?d3e454fe44f7d660eb3ea9f3e1e7b620) no-repeat; background-size: contain;}
.u-comment .u-avatar img{width: 100%;height: 100%;}

.new-page .u-grade{line-height:1;height: 12px;}
.new-page .u-grade .grade{background-size: 78px;}
.new-page .u-grade .grade,.u-grade .txt{display:inline-block;vertical-align:middle;line-height:1em;}
.new-page .u-grade .grade{height: 12px;width:90px;margin:0 5px 0 0;background-position:0 1px;}
.new-page .u-grade .grade0{background-position:0 0px;}
.new-page .u-grade .grade1{background-position:0 -16px;}
.new-page .u-grade .grade2{background-position:0 -32px;}
.new-page .u-grade .grade3{background-position:0 -48px;}
.new-page .u-grade .grade4{background-position:0 -64px;}
.new-page .u-grade .grade5{background-position:0 -80px;}
.new-page .u-grade .grade6{background-position:0 -96px;}
.new-page .u-grade .grade7{background-position:0 -112px;}
.new-page .u-grade .grade8{background-position:0 -128px;}
.new-page .u-grade .grade9{background-position:0 -144px;}
.new-page .u-grade .grade10{background-position: 0 -160px;}

/* --- */
.u-comment.-pad{padding-top: 16px;padding-bottom: 16px;}
.u-comment.-detail .like{top: 8px;}

.u-comment.-input{position:fixed;bottom:0;left:0;right:0;background: #f5f5f5;padding: 8px 16px;border-top: 1px solid #ececec;}
.u-comment.-input .info{margin-top: 0px;line-height: 34px;white-space: nowrap;}
.u-comment.-input .u-grade{display: inline-block;margin: 0 4px;}
.u-comment.-input .send{float: right;color: #4b99a7;border-left: 1px solid #ececec;padding-left: 16px;}

/* Topic books */
.u-bookitm .info { padding-top: 12px; }
.u-bookitm .info .title { font-size: 16px; margin-bottom: 4px; font-weight: 400; }
.u-bookitm .info .summary { margin: 12px 0 4px;font-size: 13px;line-height: 1.6em;color: #888;overflow: hidden;text-overflow: ellipsis;height: 3.2em;display: -webkit-box;-webkit-line-clamp: 2;   -webkit-box-orient: vertical; }
.u-bookitm .info .author { padding-top: 4px; font-size: 12px; color: #8d8d8d; }

/* full cut */
.u-bookitm.-fullcut .info { position: relative; height: 102px; }
.u-bookitm.-fullcut .info .summary {  }
.u-bookitm.-fullcut .info .author { position: absolute; bottom: 0; margin-bottom: 0; width: 139px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color: #8d8d8d; }
.u-bookitm.-fullcut .u-btn2 { position: absolute; right: 0; bottom: 0; display: inline; background: none;  height: 1.8em; line-height: 1.8em; margin-bottom: 1px; font-size: 13px; }
.u-bookitm.-fullcut .u-btn2.-addable { border-color: #e35109; color: #e35109; }
.u-bookitm.-fullcut .u-btn2.-unaddable { border-color: #999; color: #999; }
.u-bookitm.-item-btn .book:after { clear: none; }
.u-bookitm.-item-btn .info { padding: 0; line-height: 1em; }
.u-bookitm.-item-btn .info .title { line-height: 1em; height: 1em; }
.u-bookitm.-item-btn .info .summary { margin: 10px 0 0; }
.u-bookitm.-item-btn .info .author { min-height: 17px; }
.u-bookitm.-item-btn .btn-group { margin: 5px 0 0 100px; }
.u-bookitm.-item-btn .u-btn2 { display: inline-block; height: 2em; line-height: 2em; width: 6em; margin-right: 10px; }
.u-bookitm.-item-btn .u-btn2.-add { border: 1px solid #e35109; color: #e35109; background-color: #fff; }
.u-bookitm.-item-btn .u-btn2.-add.-unaddable { border: 1px solid #b2b2b2; color: #b2b2b2; }
﻿/* all.css */
