.bottom-arrow,.centerSwiper,.container-swiper,.progress,.progressBar,.progressBarEnter,.top-arrow{position:absolute}
.alert-success.phone{min-width:260px;max-width:100%}
.alert-success.error{color:#e67b6d;background-color:#f5cec9}
.alert-success.show{opacity:1;-webkit-transform:translate(-50%,15px);-moz-transform:translate(-50%,15px);-ms-transform:translate(-50%,15px);transform:translate(-50%,15px)}
.stage{overflow:hidden}
.progress{z-index:5;border-radius:5px;background:rgba(192,192,192,.15);width:12px;height:5px;bottom:0;right:70px;cursor:pointer}
.progressBar{background:0 0;width:12px;height:12px;right:0;top:0;cursor:pointer}
.progressBarEnter{background:rgba(0,0,0,.35);width:6px;height:100%;right:3px;top:0;border-radius:2px}
.arrow-box,.row{position:relative}
.row{padding:10px 0}
.text-center{text-align:center}
.main-container{width:100%;height:100%;top:0;left:0;bottom:0;right:0;margin:auto}
.two-rows{overflow:hidden;-webkit-line-clamp:2}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arrow-box{display:inline-block;width:10px;height:42px;left:5px}
.top-arrow{left:0;top:13px;border:5px solid #666;border-left-color:transparent;border-right-color:transparent;border-top-width:0;border-left-width:4px;border-right-width:4px}
.top-arrow.active{border-bottom-color:#2b85ea}
.bottom-arrow{left:0;bottom:13px;border:5px solid #666;border-left-color:transparent;border-right-color:transparent;border-bottom-width:0;border-left-width:4px;border-right-width:4px}
.bottom-arrow.active{border-top-color:#2b85ea}
.container-swiper{overflow:hidden;right:0;padding:0 55px;box-sizing:border-box;top:130px;z-index:1}
.centerSwiper{top:0;width:100%;transition:all .3s ease 0s;-webkit-transition:all .25s;transform:translate(0,0);-webkit-transform:translate(0,0)}
.new-detail-shot,.shelf,.shelf .items,.thumbImg{transform:translate(-50%,0)}
.shelf{position:relative;z-index:1;text-align:center;left:50%;transform:translate(-50%,0);width:930px;height:229px;}
.shelfBg{position:absolute;z-index:1;text-align:center;width:100%;height:85px;bottom:-20px}
.shelf-title{position:relative;display:inline-block;max-width:100%}
.shelf-side-border{width:45px;height:1px;top:12px;position:absolute}
.shelf-side-border.left{left:-49px}
.shelf-side-border.right{right:-49px}
.shelf .items{padding-left:75px;position:absolute;z-index:2;text-align:left;height:170px;width:100%;left:50%;bottom:-10px;transform:translate(-50%,0);}
.bookItem{cursor:pointer;text-align:center;position:relative;display:inline-block;margin:6px 50px;bottom:30px;width:108px;height:140px;}
.shelf .items .item{cursor:pointer;position:relative;display:inline-block;margin:6px 20px;bottom:8px;width:86px;height:160px}
.item .backfolder,.item .overFolder{position:absolute;bottom:50px;width:86px}
.item .backfolder{z-index:1;height:116px;background:url(phoneImg/backFolder.png) bottom center no-repeat;background-size:contain}
.item .overFolder{z-index:3;height:116px;background:url(phoneImg/overFolder.png) bottom center no-repeat;background-size:contain}
.newBookContainer .shotBox .markBook{box-shadow:0 4px 12px #666;-webkit-box-shadow:0 4px 12px #666}
.newBookContainer .shotBox:hover .markBook{box-shadow:0 4px 12px #333;-webkit-box-shadow:0 4px 12px #333}
.leftBtn,.rightBtn{transition:all .25s;-webkit-transition:all .25s;opacity:.75}
.wood1 .leftBtn,.wood2 .leftBtn,.wood2 .rightBtn{background-color:#333}
.leftBtn:hover,.rightBtn:hover{opacity:1}
.leftBtn.disabled,.rightBtn.disabled{display:none;opacity:0}
.phone .leftBtn.disabled,.phone .rightBtn.disabled{display:block;opacity:.25}
.list-item:hover{background:rgba(11,11,11,.05)}
.list-icon{position:relative;width:16px;height:16px;float:left;padding:2px}
.book-label-img,.download-mask,.folderShotBox::after,.item-QrBox,.loading-img,.thumbImg{position:absolute}
.collapse .list-icon{background-position:-517px -391px}
.expand .list-icon{background-position:-538px -391px}
.list-search-icon{background-position:-560px -390px}
.list-search-close{background-position:-336px -367px}
.list-search-close:hover{background-position:-336px -385px}
.folderItem .folderImg{transition:all .25s;-webkit-transition:all .25s;box-shadow:0 0 4px #888;-webkit-box-shadow:0 0 4px #888}
.folderItem:hover .folderImg{box-shadow:0 0 8px #666;-webkit-box-shadow:0 0 8px #666}
.bookItem:hover .bookItem-title,.folderItem:hover .bookItem-title{visibility:visible;opacity:1;}
.bookItem:hover .item-QrBox{pointer-events:auto;opacity:1;visibility:visible}
.bookItem-title,.item-QrBox,.thumbImg{transition:all .25s}
.bookItem-title,.download-mask,.item-QrBox{top:0;opacity:0;visibility:hidden}
.item-QrBox{z-index:3;background:rgba(11,11,11,.5)}
.item-QrBox .qrbg{position:relative;width:88px;height:88px;left:0;top:5px;margin:0 auto;padding:0;background:#ffffff;border:5px solid #fff;}
.bookItem-title{-webkit-transition:all .25s;color:rgb(255,255,255);position:absolute;font-size:13px;left:-22px;width:150px;display:block;max-height:90%;overflow:hidden;z-index:3;height:auto;visibility:visible;opacity:1;bottom:0px;top:auto;pointer-events:initial;border-radius:3px;border:1px solid rgb(187,187,187);background:rgba(0,0,0,0.5);}
.bookItem-title .title{position:relative;width:auto;line-height:22px;padding:3px;word-break:break-word;}
.bookItem .downloadBtn{opacity:.75;display:none;z-index:0}
.bookItem:hover .downloadBtn{z-index:1;display:block}
.bookItem .downloadBtn:hover{opacity:1;display:block}
.thumbImg{border-radius:0 5px 5px 0;-webkit-transition:all .25s;cursor:pointer;left:50%;-webkit-transform:translate(-50%,0);z-index:2;bottom:0;box-shadow:#888 0 0 4px 0;-webkit-box-shadow:#888 0 0 4px 0;pointer-events:none;width:120px;height:160px;}
.no-shadow{box-shadow:none}
.shotBox:hover .thumbImg,.shotImgBox:hover .thumbImg{box-shadow:#333 0 0 8px 0;-webkit-box-shadow:#333 0 0 8px 0}
.book-label-img{right:0;top:0;z-index:4;display:block;width:100%;max-width:50px}
.book-download-panel{color:#666;position:relative;padding:20px 4px;text-align:center}
.book-download-content{overflow:hidden}
.book-download-item{position:relative;width:120px;float:left;margin-right:20px}
.book-download-item:last-child{margin:0}
.book-download-item .icon{margin-top:30px;width:42px;height:42px}
.book-download-img,.download-mask{text-align:center;width:120px;height:120px;border-radius:24px}
.book-download-item .pdf{background-position:-266px -233px}
.book-download-item .zip{background-position:-328px -233px}
.book-download-item .exe{background-position:-390px -233px}
.book-download-item .mac{background-position:-452px -233px}
.download-mask .download-icon{background-position:-213px -225px}
.book-download-img{position:relative;cursor:pointer;background-color:#f3f8ff;color:#9cc8f8}
.download-mask{z-index:11;left:0;cursor:pointer;transition:all .25s;-webkit-transition:all .25s;color:#fff;background-color:#4997ee}
.book-download-item .download-mask .icon{margin-top:24px}
.book-download-img:hover .download-mask{opacity:1;visibility:visible}
.book-download-text{font-size:12px;margin-top:10px;line-height:24px}
.book-download-btn{font-weight:700;position:relative;padding:2px 15px;font-size:14px}
.row-label{font-size:13px;position:absolute;line-height:30px;width:50px}
.row-label.l-32{line-height:32px}
.row-content{position:relative;width:100%;padding-left:52px;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.row-content.pd-right{padding-right:52px}
.detailContainer{width:175px;position:relative;float:right;margin-bottom:15px}
.book-detail-book-container{position:relative;float:left;width:140px;height:170px;top:0;left:37px}
.book-detail-book-shelf{z-index:0;width:200px;height:60px;position:absolute;bottom:-10px;left:-56px}
.book-detail-title{max-height:42px;font-weight:700;margin-bottom:5px;overflow:hidden;-webkit-line-clamp:2}
.book-detail-info{margin-bottom:5px;font-size:12px;font-weight:700}
.book-detail-desc{font-size:13px;margin-bottom:5px;max-height:88px;width:100%;overflow:auto}
.book-detail-time{position:absolute;width:100%;bottom:10px;left:0;text-align:center;font-size:12px;color:#666}
.view-button{width:100%;margin:6px 0;position:relative;cursor:pointer;text-align:center}
.glass .toolButton .btn-bg,.metal .toolButton .btn-bg,.skin1 .toolButton .btn-bg{background-color:#fff}
.glass .toolButton .btn-bg:hover,.metal .toolButton .btn-bg:hover,.skin1 .toolButton .btn-bg:hover{background-color:#eee}
.skin1 .book-detail-title,.skin1 .light-box-title{color:#391D0A}
.skin1 .book-detail-desc,.skin1 .book-detail-info{color:#836C5E}
.metalBar .btn{background-color:#fff;color:rgba(131,108,94,1)}
.silvery{background:#FDFDFD}
.wood1 .progress{right:6px}
.wood2 .progress{right:0}
.wood2 .progressBar{right:-3px}
.table-list{position:relative;float:left;z-index:9}
.table-item,.table-opt-item{display:inline-block;text-align:center;line-height:34px;height:34px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:0 5px;box-sizing:border-box;width:100%}
.table-item .active{cursor:default}
.table-top-arrow{width:20px;height:20px;float:right;margin:7px 7px 7px 0;cursor:pointer}
.arrow-icon{width:8px;height:8px;border:2px solid #fff;border-right:none;border-bottom:none;margin-top:3px;display:block;margin-left:5px;transform:rotate(225deg);transition:transform .2s}
.open .arrow-icon{margin-top:8px;transform:rotate(45deg)}
.top-list{height:34px;padding:4px;border-radius:32px;font-size:18px;margin-top:5px;box-shadow:0 0 4px 0 rgba(56,44,36,.35);-webkit-box-shadow:0 0 4px 0 rgba(56,44,36,.35)}
.top-list .table-item{border-radius:32px;font-weight:700}
.opt-outer,.table-opt-list{display:none;margin-top:5px;border-radius:4px;position:relative}
.table-opt-list{color:#333;box-shadow:0 0 4px 0 rgba(56,44,36,.35);-webkit-box-shadow:0 0 4px 0 rgba(56,44,36,.35)}
.table-opt-list .table-item:hover,.top-list .table-item:hover{background:rgba(255,255,255,.3)}
.select .top-list .table-item:hover{background:0 0}
.table-opt-title{border-top-left-radius:4px;border-top-right-radius:4px;font-weight:700;width:100%;height:28px;line-height:28px;text-align:center}
.opt-outer{font-size:14px;box-shadow:0 0 4px 0 rgba(56,44,36,.35);-webkit-box-shadow:0 0 4px 0 rgba(56,44,36,.35)}
.opt-stage{position:relative;background:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.opt-outer .progress{right:0}
.opt-outer .progressBarEnter{background-color:rgba(0,0,0,.25)}
.opt-stage .table-opt-list{display:block;margin-top:0;border-radius:0;box-shadow:none;-webkit-box-shadow:none}
.select .table-item{border-radius:0}
.phone .table-list{position:absolute;font-size:12px;top:20px;text-align:left}
.show-new .table-list{top:70px}
.normal .top-list{background:rgba(223,184,141,.5);color:rgba(117,61,13,.6)}
.normal .table-opt-list{background:#fff;color:rgba(117,61,13,1)}
.normal .table-opt-title{background:rgba(223,184,141,1);color:rgba(117,61,13,1)}
.normal .top-list .active{background:rgba(255,255,255,.6);color:rgba(117,61,13,1)}
.normal .table-opt-list .active{background:rgba(246,242,239,1)}
.white .arrow-icon{border-color:rgba(153,153,153,1)}
.white .top-list{background:rgba(217,217,217,.5);color:rgba(102,102,102,.6)}
.white .table-opt-title{color:rgba(102,102,102,1);background-color:#ECECEC}
.white .table-opt-list{background:#fff;color:rgba(51,57,64,1)}
.white .top-list .active{background:rgba(255,255,255,.6);color:rgba(117,61,13,1)}
.white .table-opt-list .active{background:rgba(245,245,245,1)}
.novelty .top-list{background:rgba(40,62,82,1);color:rgba(255,255,255,.6)}
.novelty .table-opt-title{color:#fff;background-color:rgba(40,62,82,1)}
.novelty .table-opt-list{background:#fff;color:rgba(51,57,64,1)}
.novelty .top-list .active{background:rgba(208,175,93,1);color:rgba(255,255,255,1)}
.novelty .table-opt-list .active{background:rgba(246,242,239,1)}
.yellow .top-list{background:rgba(157,121,87,1);color:rgba(255,255,255,.6)}
.yellow .table-opt-title{color:#fff;background-color:rgba(157,121,87,1)}
.yellow .table-opt-list{background:#fff;color:rgba(117,61,13,1)}
.yellow .top-list .active{background:rgba(205,185,138,1);color:rgba(255,255,255,1)}
.yellow .table-opt-list .active{background:rgba(246,242,239,1)}
.skin1 .table-opt-title{color:#333;background-color:#E7E9EB}
.skin1 .top-list{color:#333}
.skin1 .top-list .active{background:rgba(183,144,102,.5);color:rgba(255,255,255,1)}
.skin1 .table-opt-list .active{background:rgba(246,242,239,1)}
.glass .top-list{background:rgba(221,229,229,.6);color:rgba(42,64,59,1)}
.glass .table-opt-title{color:#fff;background-color:#AFCFCD}
.glass .table-opt-list{background:#fff;color:rgba(42,64,59,1)}
.glass .top-list .active{background:rgba(77,172,147,.5);color:rgba(255,255,255,1)}
.glass .table-opt-list .active{background:rgba(246,242,239,1)}
.metal .top-list{background:#F4EAD1;color:rgba(103,66,51,1)}
.metal .table-opt-title{color:#fff;background-color:rgba(244,230,180,1)}
.metal .table-opt-list{background:#fff;color:rgba(103,66,51,1)}
.metal .top-list .active{background:rgba(237,123,0,.5);color:rgba(255,255,255,1)}
.metal .table-opt-list .active{background:rgba(246,242,239,1)}
.silvery .arrow-icon{border-color:rgba(68,68,68,1)}
.silvery .table-opt-list .active,.silvery .top-list .active{background:rgba(68,68,68,.8);color:rgba(255,255,255,1)}
.pc .more-folder-books{transition:box-shadow .2s}
.pc .more-folder-books:hover{box-shadow:0 0 12px rgba(0,0,0,.12)}
.skin1 .more-folder-books{background:#D9A56B;color:#391D0A}
.glass .more-folder-books{background:#3BAC92;color:#fff}
.yellow .more-folder-books{background:#CDB98A;color:#391D0A}
.white .more-folder-books{background:#7F7F7F;color:#fff}
.novelty .more-folder-books{background:#2A4056;color:#fff}
.metal .more-folder-books{background:#E79533;color:#fff}
.blue .more-folder-books{background:#79A8D5;color:#fff}
.silvery .more-folder-books{background:#444;color:#fff}
.main-container{z-index:1;overflow-y:overlay;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:absolute}
.topIcon{width:18px;height:18px;background-position:-573px -40px}
.topBar-menuBox{z-index:111;position:absolute;top:40px;right:0;width:108px;border-radius:4px;color:#666;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.3)}
.phone .top-share-btn,.topBar-btn{width:16px;border-radius:5px;height:16px}
.topBar-btn{position:relative;left:0;top:0;margin-left:10px;float:right;line-height:16px;padding:10px;text-align:left}
.phone .top-share-btn{line-height:16px;position:absolute;left:auto;right:10px;top:10px;padding:8px}
.topBar-menuBox .topBar-btn{position:relative;height:auto;float:inherit;line-height:16px;width:auto;padding:15px 0;margin:0 10px;background:0 0;border-radius:0}
.topBar-btn .topBar-btn-title{display:none}
.topBar-btn .topBar-menuBox .topBar-btn-title{margin-left:10px;display:inline-block;max-width:62px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:top}
.topBar-icon{position:relative;width:16px;height:16px;display:inline-block;vertical-align:text-top}
.menu-btn,.menu-btn .menuIcon{width:18px;height:18px}
.menu-btn{padding:9px}
.silvery-btn,.silvery-btn .topBar-icon{width:20px;height:20px}
.phone .list-item:hover{background:0 0}
.silvery-btn{padding:8px}
.clear{clear:both;height:0;overflow:hidden}
.searchBox input:-moz-placeholder{color:#fff}
.searchBox input::-moz-placeholder{color:#fff}
.searchBox input:-ms-input-placeholder{color:#fff}
.searchBox input::-webkit-input-placeholder{color:#fff}
.new-pc{border-bottom:0;border-top-left-radius:15px;border-top-right-radius:15px;top:3.75em}
.new-pc::-webkit-scrollbar{width:6px;height:6px;overflow-y:overlay}
.new-pc::-webkit-scrollbar-thumb{background-color:rgba(150,150,150,.2);background-clip:padding-box;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;cursor:pointer}
.new-pc::-webkit-scrollbar-thumb:hover{background-color:rgba(150,150,150,.5)}
.content-blur{filter:blur(15px);-webkit-filter:blur(15px)}
.new-top-btn{cursor:pointer;position:relative;left:0;top:0;margin-left:10px;float:right;line-height:24px;padding:6px;border-radius:5px;overflow:hidden}
.message-icon{background-position:-12px -15px}
.new-share-icon{background-position:-46px -15px}
.advance1,.advance2{background-color:rgba(246,246,246,1)}
.home-about,.home-about-content{color:#444;background-color:#fff;position:relative;border-radius:8px;box-sizing:border-box}
.home-about *{box-sizing:border-box}
.home-about{box-shadow:0 2px 6px 2px rgb(0 0 0/ 10%);padding:20px 25px 0;width:85%;margin:72px auto 0;z-index:3;font-size:1em}
.home-about-content{justify-content:center;display:flex;align-items:center}
.logo-box{width:100%;font-size:16px;line-height:22px;display:flex;margin-bottom:16px;text-align:center}
.new-about-title{width:174px;height:22px;line-height:22px;font-weight:700;flex:4;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.one-type .new-about-title{margin:0}
.new-logo{width:97px;height:22px;flex:2;margin-right:6px}
.one-type .new-logo{margin:0;width:157px;height:34px}
.new-about-desc{height:5.3em;width:100%;padding-top:1.8em}
.about-desc-html{height:3em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;z-index:1;position:relative;margin:0 -5px}
.pop-close{cursor:pointer;background-position:-63px -120px;width:30px;height:30px;position:absolute;top:-36px;z-index:10;right:5px}
.message{box-sizing:border-box;border-radius:8px;padding:30px 30px 20px;position:absolute;width:28em;left:50%;top:50%;background:#fff;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;font-size:1em}
.message *{box-sizing:border-box}
.message .bg{background:rgba(0,0,0,.6);position:absolute;left:0;top:0;bottom:0;right:0}
.concat-us{position:absolute;transform:translate(-50%,-8px);left:50%;top:0}
.concat-us img{height:3em}
.concat-us p{font-size:1.2em;position:absolute;color:#fff;text-align:center;width:100%;line-height:2.22em;letter-spacing:.08em}
.about-msg{padding:0;height:auto;display:inline-block}
.about-msg .item{padding-left:25px;position:relative;margin-top:3px;color:#444;text-decoration:none;display:block;max-width:15em}
.about-msg .item:first-child,.table-box:first-child{margin-top:0}
.num-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.about-icon{width:15px;height:15px;position:absolute;left:0;top:1px}
.about-code{padding-left:20px;border-left:1px solid #eee;display:inline-block;margin-left:20px;margin-right:0}
.only-qrcode{border-left:none;margin-left:0;padding-left:0}
.about-code img{width:80px;height:80px;display:inline-block;top:3px;position:relative}
.aboutWechat{background-position:-10px -81px}
.aboutPhone{background-position:-35px -81px}
.aboutEmail{background-position:-58px -81px}
.aboutAddress{background-position:-82px -81px}
.table-box{background:rgba(246,246,246,1);margin:0;position:relative;padding-left:16px}
.show-detail{padding-right:0}
.table-box .title{font-size:1.5em;font-weight:700;color:#333;padding:20px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.show-detail .title{margin-right:16px}
.markbook{height:12.1em;border-radius:6px}
.markbook .detail-box{margin-left:10.3em;margin-right:1.36em;margin-top:1.3em}
.markbook .newbook-desc{line-height:1.4em}
.markbook .newThumbBox{width:7.8em;height:10.5em;border-radius:4px;position:absolute;left:.8em;top:.8em;box-shadow:0 0 4px #bbb;-webkit-box-shadow:0 0 4px #bbb;background-color:#fff;cursor:pointer}
.advance2 .markbook .newThumbBox{left:1.2em;top:1.2em}
.newbook-title{font-weight:700;color:#29303D;font-size:1.4em;margin-bottom:.5em}
.newbook-desc{color:#7F8798;font-size:1em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.new-read-book{cursor:pointer;margin-top:1em;border-radius:4px;background-color:#505E7C;color:#fff;text-align:center;font-weight:700;width:6em;height:2em;line-height:2em;font-size:1em}
.left-arrow{width:10px;height:10px;background-position:-130px -84px;margin-left:3px}
.new-detial-panel{color:#fff;overflow-y:auto;margin:0 auto}
.new-detail-shot{position:relative;display:inline-block;left:50%;margin-top:11.75em;border-radius:8px;text-align:center}
.new-detail-shot img{border-radius:.68em;max-width:16em;max-height:21.5em;vertical-align:bottom}
.new-detail-info{background-color:rgba(0,0,0,.44);height:1.8em;line-height:1.8em;padding:0 .5em;color:#fff;display:inline-block;border-radius:.6em;margin-bottom:0;position:absolute;bottom:9px;right:7px;font-size:1em}
.new-detail-container{margin-top:1.8em;position:relative;text-align:center}
.detail-view{cursor:pointer;font-size:1.3em;font-weight:700;margin:2em auto 2.6em;line-height:2.6em;width:9.5em;height:2.6em;border-radius:2em;background:#323D53;display:flex;align-items:center;justify-content:center}
.new-book-detail-title{font-weight:700;font-size:1.57em;line-height:1em}
.split-arrow{font-size:1.2em;font-weight:700;margin-bottom:1em}
.new-book-detail-time{font-size:1em;margin-top:.5em}
.new-book-detail-count{font-size:1em;margin-top:1em}
.new-book-detail-desc{text-align:left;font-size:1.2em;line-height:1.4em;padding:0 2.8em;max-height:10em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;margin-bottom:1.42em}
body{line-height:1.5em}
.folder-enter-shot,.new-bookItem,.read-icon,.title-bg,.title-text{display:inline-block}
.read-icon{width:20px;height:20px;background-position:-80px -14px;margin-top:.1em;margin-right:8px}
.new-stage{padding:0 16px}
.new-bookItem{cursor:pointer;z-index:1;position:relative;margin-bottom:20px;background-color:#fff;box-shadow:0 2px 4px rgba(12,26,62,.2);-webkit-box-shadow:0 2px 4px rgba(12,26,62,.2);width:31%;height:13em;margin-right:3.5%}
.new-bookItem:nth-child(3n+3){margin-right:0}
.show-detail .new-bookItem{width:100%;margin-bottom:30px;margin-right:0;box-shadow:none}
.new-bookItem .detail-box{height:100%;top:0;vertical-align:top;padding:12px 0;box-sizing:border-box;position:absolute;right:0;left:9.5em}
.item-detail:last-child{margin-bottom:20px}
.item-detail{width:100%;height:9.5em}
.newbook-shot{width:100%;height:100%}
.item-detail .newbook-shot{width:7.4em;border-radius:4px}
.folder-enter-shot{background-size:contain;background-position:center;box-shadow:0 0 2px #cdcdcd;width:calc(50% - 3px);height:calc(50% - 3px)}
.show-detail .folder-box{padding:0;margin-right:16px}
.folder-icon{width:44px;height:36px;background-position:-11px -110px;box-shadow:none;background-size:auto}
.advance2 .home-about{margin-top:106px}
.advance2 .about-desc-html{height:4.4em;-webkit-line-clamp:3}
.table-box .title{margin-right:16px}
.advance2 .about-icon{width:18px;height:18px;top:0}
.title-bg{position:relative;top:-.2em;width:1em;height:1.2em}
.page-num{color:#AF9D8E}
.advance2 .markbook .newbook-desc{max-height:4.4em;margin-top:3em;color:#896D55}
.advance2 .newbook-desc-enter{max-height:4.4em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;z-index:1}
.advance2 .markbook{height:auto;border-radius:8px}
.advance2 .markbook .newbook-title{color:#896D55}
.advance2 .markbook .detail-box{margin-top:3em}
.shotBox:after{box-sizing:border-box;content:"";z-index:1;position:absolute;top:-13%;right:-11px;display:inline-block;border:1px solid #DEDEDE;border-radius:9px;width:10px;height:100%;background-color:#ECEBEB;}
.shelfBg{position:absolute;z-index:1;text-align:center;width:100%;height:91px;bottom:-13px;}
.leftShelf{position:absolute;left:0;top:0;z-index:1;text-align:center;width:80px;height:91px;background:url(../images/leftShelf.png) right center no-repeat;}
.centerShelf{position:absolute;left:80px;right:80px;z-index:1;text-align:center;height:91px;background:url(../images/centerShelf.png) center center repeat-x;}
.rightShelf{position:absolute;right:0;top:0;z-index:1;text-align:center;width:80px;height:91px;background:url(../images/rightShelf.png) left center no-repeat;}