.acgn-model-index-banner .banner-container .banner-pagination .swiper-pagination-switch,.acgn-model-index-banner .banner-container .banner-pagination .swiper-pagination-switch.swiper-active-switch,.icon-home-banner-love,.icon-home-btn-love,.icon-home-btn-small,.icon-home-dynamic,.icon-home-hot,.icon-home-lb,.icon-home-lbd,.icon-home-link,.icon-home-rank-hot,.icon-home-renqi,.icon-home-triangle-left,.icon-home-triangle-right,.icon-home-update{display:inline-block;background-image:url(../images/home.55842.png);background-repeat:no-repeat;-ms-behavior:url(../images/backgroundsize.min.htc)}.icon-home-banner-love{width:19px;height:20px;background-position:-164px -56px}.icon-home-btn-love{width:130px;height:32px;background-position:0 0}.icon-home-btn-small{width:64px;height:24px;background-position:-106px -92px}.icon-home-dynamic{width:52px;height:52px;background-position:0 -36px}.icon-home-hot{width:52px;height:52px;background-position:-56px -36px}.acgn-model-index-banner .banner-container .banner-pagination .swiper-pagination-switch.swiper-active-switch,.icon-home-lb{width:26px;height:26px;background-position:-134px -56px}.acgn-model-index-banner .banner-container .banner-pagination .swiper-pagination-switch,.icon-home-lbd{width:26px;height:26px;background-position:0 -148px}.icon-home-link{width:52px;height:52px;background-position:-134px 0}.icon-home-rank-hot{width:18px;height:18px;background-position:-112px -67px}.icon-home-renqi{width:52px;height:52px;background-position:0 -92px}.icon-home-triangle-left{width:13px;height:27px;background-position:-112px -36px}.icon-home-triangle-right{width:13px;height:27px;background-position:-190px 0}.icon-home-update{width:46px;height:35px;background-position:-56px -92px}@media(-o-min-device-pixel-ratio:2/1),(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.acgn-model-index-banner .banner-container .banner-pagination .swiper-pagination-switch,.acgn-model-index-banner .banner-container .banner-pagination .swiper-pagination-switch.swiper-active-switch,.icon-home-banner-love,.icon-home-btn-love,.icon-home-btn-small,.icon-home-dynamic,.icon-home-hot,.icon-home-lb,.icon-home-lbd,.icon-home-link,.icon-home-rank-hot,.icon-home-renqi,.icon-home-triangle-left,.icon-home-triangle-right,.icon-home-update{display:inline-block;background-repeat:no-repeat;background-image:url(../images/home.51312@2x.png);-webkit-background-size:203px 174px;-moz-background-size:203px 174px;background-size:203px 174px}}.acgn-model-index-banner{position:relative}.acgn-model-index-banner .banner-wrapper{position:relative;z-index:2;background-position:top;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-repeat:no-repeat}.acgn-model-index-banner .banner-logo{padding:47px 0 26px}.acgn-model-index-banner .banner-logo-inner{float:right;width:130px;height:45px}.acgn-model-index-banner .swiper{min-height:329px;overflow:hidden;zoom:1;position:relative;z-index:99}.acgn-model-index-banner .banner-container{height:552px;margin:0;overflow:hidden}.acgn-model-index-banner .banner-container .swiper-wrapper{height:552px;overflow:hidden;z-index:1}.acgn-model-index-banner .banner-container .banner-inner{height:552px;width:100%;background:#fff}.acgn-model-index-banner .banner-container .banner-inner .pic-img{position:relative;z-index:130;display:block;height:552px!important;width:100%;-webkit-background-size:100% auto;-moz-background-size:100% auto;background-size:100% auto;background-repeat:no-repeat;background-position:top}.acgn-model-index-banner .banner-container .swiper-slide{position:relative}.acgn-model-index-banner .banner-container .swiper-slide-mask{display:block;position:absolute;height:208px;left:0;right:0;bottom:0;z-index:160;background-color:hsla(0,0%,93%,0) 0;background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,93%,0)),to(rgba(0,0,0,.62)));background-image:-webkit-linear-gradient(top,hsla(0,0%,93%,0) 0,rgba(0,0,0,.62) 100%);background-image:-moz- oldlinear-gradient(top,hsla(0,0%,93%,0) 0 0,rgba(0,0,0,.62) 100% 100%);background-image:-o-linear-gradient(top,hsla(0,0%,93%,0) 0 0,rgba(0,0,0,.62) 100% 100%);background-image:linear-gradient(180degdeg,hsla(0,0%,93%,0) 0,rgba(0,0,0,.62) 100%)}.acgn-model-index-banner .banner-container .swiper-slide-mask-inner{position:absolute;bottom:14px;right:14px;z-index:161;font-family:SimHei;text-align:right}.acgn-model-index-banner .banner-container .swiper-slide-mask .name{font-size:24px;font-weight:500;color:#fff;line-height:33px}.acgn-model-index-banner .banner-container .swiper-slide-mask .desc{font-size:16px;font-weight:400;color:#fff;line-height:22px}.acgn-model-index-banner .banner-container .banner-pagination{position:absolute;height:26px;bottom:22px;width:100%;text-align:center;z-index:160}.acgn-model-index-banner .banner-container .banner-pagination .swiper-pagination-switch{margin-left:3px;cursor:pointer}.acgn-model-index-banner .banner-container .banner-pagination .swiper-pagination-switch:first-child{margin-left:0}.acgn-model-index-banner .banner-container .swiper-menu-box{position:absolute;left:0;top:0;height:100%;width:100%;cursor:pointer}.acgn-model-index-banner .banner-container .swiper-menu-box .swiper-menu{position:absolute;top:0;left:50%;margin-left:-600px;width:1200px;height:539px;z-index:159}.acgn-model-index-banner .banner-container .swiper-menu-box .swiper-menu__list{width:271px;height:100%;background:url(../images/banner-bg.png) no-repeat top;-webkit-background-size:271px 539px;-moz-background-size:271px 539px;background-size:271px 539px;padding:35px 70px 0 67px}.acgn-model-index-banner .banner-container .swiper-menu-box .swiper-menu__list-item{position:relative;margin-top:45px}.acgn-model-index-banner .banner-container .swiper-menu-box .swiper-menu__list-item:nth-child(3){margin-top:65px}.acgn-model-index-banner .banner-container .swiper-menu-box .swiper-menu__list-item:first-child{margin-top:45px}.acgn-model-index-banner .banner-container .swiper-menu-box .swiper-menu__list-item .icon-home-banner-love{position:absolute;left:-22px;top:-2px;display:none}.acgn-model-index-banner .banner-container .swiper-menu-box .swiper-menu__list-item.active .swiper-menu__item-title,.acgn-model-index-banner .banner-container .swiper-menu-box .swiper-menu__list-item:hover .swiper-menu__item-title{color:#ca9dff}.acgn-model-index-banner .banner-container .swiper-menu-box .swiper-menu__list-item.active .swiper-menu__item-info,.acgn-model-index-banner .banner-container .swiper-menu-box .swiper-menu__list-item:hover .swiper-menu__item-info{color:#ca9dff}.acgn-model-index-banner .banner-container .swiper-menu-box .swiper-menu__list-item.active .icon-home-banner-love,.acgn-model-index-banner .banner-container .swiper-menu-box .swiper-menu__list-item:hover .icon-home-banner-love{display:block}.acgn-model-index-banner .banner-container .swiper-menu-box .swiper-menu__item-title{white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;display:block;font-size:16px;color:#333;margin-bottom:6px}.acgn-model-index-banner .banner-container .swiper-menu-box .swiper-menu__item-info{white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;display:block;font-size:12px;color:#666}.acgn-model-index-banner .banner-container .swiper-master{z-index:1;position:absolute;bottom:0;width:100%;height:60px;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#ffcad0));background:-webkit-linear-gradient(top,hsla(0,0%,100%,0),#ffcad0);background:-moz- oldlinear-gradient(top,hsla(0,0%,100%,0) 0,#ffcad0 100%);background:-o-linear-gradient(top,hsla(0,0%,100%,0) 0,#ffcad0 100%);background:linear-gradient(180deg,hsla(0,0%,100%,0),#ffcad0)}.acgn-model-index-banner .banner-container .swiper-master-wave{z-index:160;position:absolute;bottom:-1px;background:url(../images/wave.png) repeat;-webkit-background-size:386px 17px;-moz-background-size:386px 17px;background-size:386px 17px;height:17px;width:100%}.acgn-row div.acgn-model-index-links1{margin:28px 0 0}.acgn-model-index-links1{position:relative;margin-bottom:16px;background:#fff7f8;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.acgn-model-index-links1 .link-box{background:#fff;border:1px solid #ca9dff;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;padding:2px;overflow:hidden}.acgn-model-index-links1 .link-box-wrap{padding-right:0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;position:relative;background:#f9f4ff}.acgn-model-index-links1 .acgn-model .model-head{padding-left:8px;height:auto;margin:0}.acgn-model-index-links1 .acgn-model .model-head .icon-home-btn-small{font-size:12px;color:#fff;font-style:normal;text-align:center;line-height:24px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.acgn-model-index-links1 .acgn-model .model-head .icon-home-btn-small:hover{-webkit-box-shadow:0 0 2px 0 #ca9dff;-moz-box-shadow:0 0 2px 0 #ca9dff;box-shadow:0 0 2px 0 #ca9dff}.acgn-model-index-links1 .acgn-model .model-head .has-more{position:absolute;top:20px;display:inline-block;height:40px;width:auto;padding-left:15px;font-size:14px;line-height:40px;right:10px}.acgn-model-index-links1 .menu{display:block;height:63px;margin-right:50px;font-size:0;color:#333;line-height:63px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:normal}.acgn-model-index-links1 .menu .item{display:inline-block;height:63px;width:auto;font-size:0;line-height:63px;vertical-align:middle}.acgn-model-index-links1 .menu .item a{color:inherit}.acgn-model-index-links1 .menu .item .item-icon{font-size:24px;max-height:32px;margin-right:10px;vertical-align:middle}.acgn-model-index-links1 .menu .item .item-text{display:inline-block;font-size:14px;margin-right:34px;color:#333}.acgn-model-index-links1 .menu .item .item-text:hover{color:#ca9dff}.acgn-model-index-update .brace-x{zoom:1}.acgn-model-index-update .brace-x:after{content:"";display:table;clear:both}.acgn-model-index-update{margin-bottom:16px;background-color:#fff}.acgn-model-index-update div.model-head{height:auto;padding:20px 0 15px}.acgn-model-index-update div.model-head .title{color:#333}.acgn-model-index-update div.model-head .mask{margin-right:3px}.acgn-model-index-update .week-tabs-rabbit{height:35px;font-size:0;line-height:35px}.acgn-model-index-update .week-tabs-rabbit .tab{position:relative;z-index:2;display:inline-block;height:22px;margin:5px 54px 0 0;font-size:16px;line-height:22px;text-align:center;color:#333;cursor:pointer}.acgn-model-index-update .week-tabs-rabbit .tab:hover{color:#ca9dff}.acgn-model-index-update .week-tabs-rabbit .tab.active{color:#ca9dff;font-weight:500}.acgn-model-index-update .week-tabs-rabbit .tab.active .icon-comm-berry{position:absolute;top:-18px;left:50%;margin-left:-11px}.acgn-model-index-update .tab-space{position:relative;display:inline-block;height:35px;margin-left:51px;vertical-align:middle}.acgn-model-index-update .model-content{position:relative}.acgn-model-index-update .brace-wrap{overflow:hidden}.acgn-model-index-update .brace-x{margin-right:0}.acgn-model-index-update .comic-cell{position:relative;width:100%;padding:0}.acgn-model-index-update .comic-cell .adapt-adpter{overflow:hidden;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}.acgn-model-index-update .comic-cell .adapt-adpter:hover{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;-ms-filter:"alpha(opacity=$opacity)";filter:alpha(opacity=65);opacity:.65}.acgn-model-index-update .comic-cell .pic .bg-wave{position:absolute;width:100%;bottom:0}.acgn-model-index-update .comic-cell .pic .bg{-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;display:block;height:100%;width:100%}.acgn-model-index-update .comic-cell .name{font-size:14px;margin-top:10px;color:#333;font-weight:400;margin-bottom:4px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;height:25px;line-height:25px}.acgn-model-index-update .comic-cell .name a{color:#333}.acgn-model-index-update .comic-cell .name a:hover{color:#ca9dff}.acgn-model-index-update .comic-cell .desc{font-size:12px;color:#999;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.acgn-model-index-update .size-cell{float:left;width:16.666666%;padding-bottom:0}.acgn-model-index-update .blocks{overflow:hidden}.acgn-model-index-update .blocks .block{display:none;margin-left:0}.acgn-model-index-update .blocks .block.active{display:block}.acgn-model-index-update .size-bottom{position:relative;margin-right:0;clear:both;text-align:center}.acgn-model-index-update .size-bottom .icon-home-btn-love{cursor:pointer;line-height:32px;color:#fff;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.acgn-model-index-update .size-bottom .icon-home-btn-love:hover{-webkit-box-shadow:0 0 2px 0 #ca9dff;-moz-box-shadow:0 0 2px 0 #ca9dff;box-shadow:0 0 2px 0 #ca9dff}.acgn-model-index-update.acgn-space-none .brace-x{margin-right:-2px}.acgn-model-index-update.acgn-space-none .comic-cell{padding:0 2px 2px 0}.acgn-model-index-update.acgn-space-none .size-cell{padding-bottom:30px}.acgn-model-index-update.acgn-space-none .size-bottom{margin-right:2px}.acgn-model-index-update.acgn-space-small .brace-x,.acgn-model-index-update .brace-x{margin-right:-8px}.acgn-model-index-update.acgn-space-small .comic-cell,.acgn-model-index-update .comic-cell{padding:0 8px 8px 0}.acgn-model-index-update.acgn-space-small .size-cell,.acgn-model-index-update .size-cell{padding-bottom:24px}.acgn-model-index-update.acgn-space-small .size-bottom,.acgn-model-index-update .size-bottom{margin-right:8px}.acgn-model-index-update.acgn-space-normal .brace-x{margin-right:-16px}.acgn-model-index-update.acgn-space-normal .comic-cell{padding:0 16px 16px 0}.acgn-model-index-update.acgn-space-normal .size-cell{padding-bottom:16px}.acgn-model-index-update.acgn-space-normal .size-bottom{margin-right:16px}.acgn-model-index-update.acgn-space-big .brace-x{margin-right:-28px}.acgn-model-index-update.acgn-space-big .comic-cell{padding:0 28px 28px 0}.acgn-model-index-update.acgn-space-big .size-cell{padding-bottom:4px}.acgn-model-index-update.acgn-space-big .size-bottom{margin-right:28px}.acgn-model-index-category .brace-x{zoom:1}.acgn-model-index-category .brace-x:after{content:"";display:table;clear:both}.acgn-model-index-category div.model-head{height:auto;padding:30px 0 10px;text-align:left}.acgn-model-index-category div.model-head .title{color:#333;margin-right:59px}.acgn-model-index-category div.model-head .mask{margin-right:3px}.acgn-model-index-category .func-list{position:absolute;right:0;top:50%;height:0;margin-top:2px}.acgn-model-index-category .func-list-more{display:block;width:64px;height:24px;font-size:12px;font-weight:400;color:#fff;line-height:24px;text-align:center;position:relative;z-index:0;top:-6px}.acgn-model-index-category .func-list-more-bg{position:absolute;z-index:-1;top:0;left:0;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;font-style:normal}.acgn-model-index-category .func-list-more-bg:hover{-webkit-box-shadow:0 0 2px 0 #ca9dff;-moz-box-shadow:0 0 2px 0 #ca9dff;box-shadow:0 0 2px 0 #ca9dff}.acgn-model-index-category .week-tabs-cat{height:32px;font-size:0;line-height:32px}.acgn-model-index-category .week-tabs-cat .tab{position:relative;z-index:2;display:inline-block;height:32px;width:91px;margin:5px 13px 0 0;font-size:18px;line-height:32px;text-align:center;color:#333;vertical-align:middle;background:#f9f4ff;cursor:pointer;-webkit-border-radius:21px;-moz-border-radius:21px;border-radius:21px}.acgn-model-index-category .week-tabs-cat .tab.active{-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;position:relative;top:-3px;height:39px;line-height:44px;background:url(../images/bg-category.png) repeat;-webkit-background-size:91px 39px;-moz-background-size:91px 39px;background-size:91px 39px;color:#fff}.acgn-model-index-category .model-head{text-align:center}.acgn-model-index-category .tab-space{position:relative;display:inline-block;height:49px;font-size:0;vertical-align:middle}.acgn-model-index-category .model-content{position:relative}.acgn-model-index-category .brace-wrap{padding:5px;overflow:hidden}.acgn-model-index-category .brace-x{margin-right:0}.acgn-model-index-category .size-cell{float:left;width:14.285714%}.acgn-model-index-category .comic-cell{position:relative;width:100%;padding:0}.acgn-model-index-category .comic-cell .adapt-adpter{-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}.acgn-model-index-category .comic-cell .pic .bg-wave{position:absolute;width:100%;bottom:0}.acgn-model-index-category .comic-cell .pic .bg{-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;display:block;height:100%;width:100%}.acgn-model-index-category .comic-cell .name{font-size:16px;margin-top:10px;color:#333;font-weight:400;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.acgn-model-index-category .block-item{position:relative;display:none}.acgn-model-index-category .block-item.active{display:block}.acgn-model-index-category .paper{position:relative;padding:12px 16px 12px 0;margin-right:16px}.acgn-model-index-category .paper .cell-left{position:relative;display:block;width:50%}.acgn-model-index-category .paper .cell-right{position:absolute;left:50%;top:12px;right:0;bottom:12px;display:block;padding:0 16px}.acgn-model-index-category .paper .title{height:32px;padding:8px 0 4px;font-size:14px;font-weight:400;line-height:20px;color:#333;cursor:pointer}.acgn-model-index-category .paper .desc,.acgn-model-index-category .paper .title{white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.acgn-model-index-category .paper .desc{height:24px;margin-bottom:4px;font-size:12px;line-height:24px;color:#999}.acgn-model-index-category .paper .tags{display:block;height:auto;font-size:0;line-height:24px}.acgn-model-index-category .paper .tags .tag{display:inline-block;height:16px;width:auto;min-width:24px;margin-right:10px;font-size:12px;color:#999;line-height:14px;text-align:center;vertical-align:middle}.acgn-model-index-category .paper .tags .tag:hover{color:#ca9dff}.acgn-model-index-category .paper .tags .tag a{color:inherit}.acgn-model-index-category .paper .bt{position:absolute;left:16px;right:16px;bottom:0;display:block;height:auto}.acgn-model-index-category .paper .hot{height:24px;padding:2px 0;font-size:12px;line-height:20px;color:#999;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.acgn-model-index-category .paper .hot .imp{color:#d8d8d8;font-size:14px}.acgn-model-index-category .paper .new{height:24px;font-size:12px;line-height:24px;color:#999;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.acgn-model-index-category .paper .new .imp{font-weight:400;color:#ca9dff;cursor:pointer}.acgn-model-index-category .paper .new .imp:hover{color:#ca9dff}.acgn-model-index-category.acgn-space-none .brace-x{margin-right:-2px}.acgn-model-index-category.acgn-space-none .comic-cell{padding:0 2px 2px 0}.acgn-model-index-category.acgn-space-small .brace-x,.acgn-model-index-category .brace-x{margin-right:-8px}.acgn-model-index-category.acgn-space-small .comic-cell,.acgn-model-index-category .comic-cell{padding:0 8px 8px 0}.acgn-model-index-category.acgn-space-normal .brace-x{margin-right:-16px}.acgn-model-index-category.acgn-space-normal .comic-cell{padding:0 16px 16px 0}.acgn-model-index-category.acgn-space-big .brace-x{margin-right:-28px}.acgn-model-index-category.acgn-space-big .comic-cell{padding:0 28px 28px 0}.acgn-model-index-book-nor .brace-x{zoom:1}.acgn-model-index-book-nor .brace-x:after{content:"";display:table;clear:both}.acgn-model-index-book-nor div.model-head{height:auto;padding:20px 0 15px}.acgn-model-index-book-nor div.model-head .title{color:#333}.acgn-model-index-book-nor div.model-head .mask{margin-right:3px}.acgn-model-index-book-nor .func-list{position:absolute;right:0;top:50%;height:0;margin-top:2px}.acgn-model-index-book-nor .func-list-more{display:block;width:64px;height:24px;font-size:12px;font-weight:400;color:#fff;line-height:24px;text-align:center;position:relative;z-index:0;top:-6px}.acgn-model-index-book-nor .func-list-more-bg{position:absolute;z-index:-1;top:0;left:0;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;font-style:normal}.acgn-model-index-book-nor .func-list-more-bg:hover{-webkit-box-shadow:0 0 2px 0 #ca9dff;-moz-box-shadow:0 0 2px 0 #ca9dff;box-shadow:0 0 2px 0 #ca9dff}.acgn-model-index-book-nor .model-content{position:relative}.acgn-model-index-book-nor .brace-wrap{overflow:hidden}.acgn-model-index-book-nor .brace-x{margin-right:0}.acgn-model-index-book-nor .comic-cell{position:relative;width:100%;padding:0}.acgn-model-index-book-nor .comic-cell .adapt-adpter{overflow:hidden;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}.acgn-model-index-book-nor .comic-cell .adapt-adpter:hover{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;-ms-filter:"alpha(opacity=$opacity)";filter:alpha(opacity=65);opacity:.65}.acgn-model-index-book-nor .comic-cell .pic .bg-wave{position:absolute;width:100%;bottom:0}.acgn-model-index-book-nor .comic-cell .pic .bg{-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;display:block;height:100%;width:100%}.acgn-model-index-book-nor .comic-cell .name{font-size:14px;margin-top:10px;color:#333;font-weight:400;margin-bottom:4px;position:relative;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;padding-right:40px;height:25px;line-height:25px}.acgn-model-index-book-nor .comic-cell .name a{color:#333}.acgn-model-index-book-nor .comic-cell .name a:hover{color:#ca9dff}.acgn-model-index-book-nor .comic-cell .num{position:absolute;right:0;top:0;text-align:center;background:url(../images/score-bg.png) no-repeat top;-webkit-background-size:37px 23px;-moz-background-size:37px 23px;background-size:37px 23px;width:37px;height:23px;line-height:23px;color:#ca9dff}.acgn-model-index-book-nor .comic-cell .desc{font-size:12px;color:#999;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.acgn-model-index-book-nor .size-cell{float:left;width:16.666666%;padding-bottom:0}.acgn-model-index-book-nor .blocks{overflow:hidden}.acgn-model-index-book-nor .blocks .block{display:none;margin-left:0}.acgn-model-index-book-nor .blocks .block.active{display:block}.acgn-model-index-book-nor.acgn-space-none .brace-x{margin-right:-2px}.acgn-model-index-book-nor.acgn-space-none .comic-cell{padding:0 2px 2px 0}.acgn-model-index-book-nor.acgn-space-none .size-cell{padding-bottom:30px}.acgn-model-index-book-nor.acgn-space-none .size-bottom{margin-right:2px}.acgn-model-index-book-nor.acgn-space-small .brace-x,.acgn-model-index-book-nor .brace-x{margin-right:-8px}.acgn-model-index-book-nor.acgn-space-small .comic-cell,.acgn-model-index-book-nor .comic-cell{padding:0 8px 8px 0}.acgn-model-index-book-nor.acgn-space-small .size-cell,.acgn-model-index-book-nor .size-cell{padding-bottom:24px}.acgn-model-index-book-nor.acgn-space-small .size-bottom,.acgn-model-index-book-nor .size-bottom{margin-right:8px}.acgn-model-index-book-nor.acgn-space-normal .brace-x{margin-right:-16px}.acgn-model-index-book-nor.acgn-space-normal .comic-cell{padding:0 16px 16px 0}.acgn-model-index-book-nor.acgn-space-normal .size-cell{padding-bottom:16px}.acgn-model-index-book-nor.acgn-space-normal .size-bottom{margin-right:16px}.acgn-model-index-book-nor.acgn-space-big .brace-x{margin-right:-28px}.acgn-model-index-book-nor.acgn-space-big .comic-cell{padding:0 28px 28px 0}.acgn-model-index-book-nor.acgn-space-big .size-cell{padding-bottom:4px}.acgn-model-index-book-nor.acgn-space-big .size-bottom{margin-right:28px}.acgn-model-index-split-bottom .pic{display:block;height:auto;width:100%;margin-bottom:16px}.acgn-model-index-rank{margin-bottom:16px}.acgn-model-index-rank.acgn-model .abnormal{padding:61px 32px}.acgn-model-index-rank div.model-head{height:70px;padding:0 0 5px;line-height:1}.acgn-model-index-rank div.model-head .mask{margin-right:3px}.acgn-model-index-rank div.model-head .title{color:#333;height:40px;line-height:40px;padding:0}.acgn-model-index-rank .week-tabs-rabbit{height:35px;font-size:0;line-height:35px}.acgn-model-index-rank .week-tabs-rabbit .icon-comm-berry{position:absolute;width:23px;margin-left:-11px;top:-17px;left:50%;display:none}.acgn-model-index-rank .week-tabs-rabbit.acgn-space-none .comic-cell{padding:0 2px 2px 0}.acgn-model-index-rank .week-tabs-rabbit.acgn-space-small .comic-cell,.acgn-model-index-rank .week-tabs-rabbit .comic-cell{padding:0 8px 8px 0}.acgn-model-index-rank .week-tabs-rabbit.acgn-space-normal .comic-cell{padding:0 16px 16px 0}.acgn-model-index-rank .week-tabs-rabbit.acgn-space-big .comic-cell{padding:0 28px 28px 0}.acgn-model-index-rank .week-tabs-rabbit .tab{position:relative;z-index:2;display:inline-block;height:24px;padding:0 10px;margin:5px 5px 0 0;font-size:14px;line-height:24px;text-align:center;color:#333;vertical-align:middle;cursor:pointer;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}.acgn-model-index-rank .week-tabs-rabbit .tab:hover{color:#ca9dff}.acgn-model-index-rank .week-tabs-rabbit .tab.active{color:#ca9dff}.acgn-model-index-rank .week-tabs-rabbit .tab.active .icon-comm-berry{display:block}.acgn-model-index-rank .func-list{position:absolute;right:0;top:50%;height:0;margin-top:2px}.acgn-model-index-rank .func-list-more{display:block;width:64px;height:24px;font-size:12px;font-weight:400;color:#fff;line-height:24px;text-align:center;position:relative;z-index:0;top:-14px}.acgn-model-index-rank .func-list-more-bg{font-style:normal;position:absolute;z-index:-1;top:-8px;left:0;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.acgn-model-index-rank .func-list-more-bg:hover{-webkit-box-shadow:0 0 2px 0 #ca9dff;-moz-box-shadow:0 0 2px 0 #ca9dff;box-shadow:0 0 2px 0 #ca9dff}.acgn-model-index-rank .comic-cell{width:100%;position:relative;padding-right:16px}.acgn-model-index-rank .tab-space{position:relative;display:inline-block;height:35px;margin-left:25px;vertical-align:middle}.acgn-model-index-rank .model-content{position:relative}.acgn-model-index-rank .model-content .content-row{display:none}.acgn-model-index-rank .model-content .content-row.checked,.acgn-model-index-rank .model-content .content-row .group.active{display:block}.acgn-model-index-rank .model-content .groups{display:block;height:290px}.acgn-model-index-rank .model-content .groups .group{height:100%;width:100%;float:left;font-size:0;line-height:40px;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.acgn-model-index-rank .model-content .top{float:left;width:36%;height:100%;padding:40px 0 0}.acgn-model-index-rank .model-content .top .size-cell{float:left;width:33.333333%}.acgn-model-index-rank .model-content .top .comic-cell{position:relative;width:100%;padding:0 16px 8px 0}.acgn-model-index-rank .model-content .top .comic-cell .pic{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.acgn-model-index-rank .model-content .top .sort-num{position:absolute;left:0;top:0;right:0;height:31px}.acgn-model-index-rank .model-content .top .sort-num .trophy{position:absolute;left:-6px;top:-26px;width:56px;height:56px;z-index:80}.acgn-model-index-rank .model-content .top .sort-num .trophy-1{background:url(../images/rank-top-1.png) 50%/cover no-repeat}.acgn-model-index-rank .model-content .top .sort-num .trophy-2{background:url(../images/rank-top-2.png) 50%/cover no-repeat}.acgn-model-index-rank .model-content .top .sort-num .trophy-3{background:url(../images/rank-top-3.png) 50%/cover no-repeat}.acgn-model-index-rank .model-content .top .sort-num .sort-hot{position:absolute;top:7px;right:8px;width:auto;min-width:62px;height:24px;background:rgba(0,0,0,.703);-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;z-index:80;padding:0 8px;text-align:center}.acgn-model-index-rank .model-content .top .sort-num .sort-hot .icon-home-rank-hot{margin-bottom:-4px}.acgn-model-index-rank .model-content .top .sort-num .sort-hot span{font-size:12px;font-weight:400;color:#fff;line-height:24px}.acgn-model-index-rank .model-content .list{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;display:inline-block;width:25%;padding-left:28px;margin-bottom:11px;font-size:0;color:#666;vertical-align:middle;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}.acgn-model-index-rank .model-content .list-under{margin-bottom:0}.acgn-model-index-rank .model-content .list a{color:inherit}.acgn-model-index-rank .model-content .list .mask{position:absolute;left:0;top:50%;display:block;height:19px;width:190px;padding-right:170px;margin-top:-9px;font-size:12px;line-height:19px;text-align:right}.acgn-model-index-rank .model-content .list .name{position:relative;display:block;height:19px;font-size:0;line-height:19px}.acgn-model-index-rank .model-content .list .name .name-inner{width:auto;width:72%;vertical-align:middle;position:relative}.acgn-model-index-rank .model-content .list .name .name-inner.active,.acgn-model-index-rank .model-content .list .name .name-inner:hover{color:#ca9dff}.acgn-model-index-rank .model-content .list .name .text{display:inline-block;height:19px;width:auto;max-width:100%;font-size:14px;line-height:19px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.acgn-model-index-rank .model-content .list .name .hot{position:absolute;left:72%;top:0;height:100%;min-width:35%;text-align:left;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.acgn-model-index-rank .model-content .list .name .hot .icon-home-rank-hot{vertical-align:middle}.acgn-model-index-rank .model-content .list .name .hot span{vertical-align:middle;font-size:12px;font-weight:400;color:#999;line-height:17px}.acgn-model-index-rank .model-content .list .name .point{position:relative;z-index:13;display:inline-block;height:0;width:0;font-size:14px;vertical-align:middle}.acgn-model-index-rank .model-content .list .name .floater{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:82;left:100%;top:50%;display:none;width:475px;height:279px;padding:91px 38px 57px 209px;margin:-222px 24px 0}.acgn-model-index-rank .model-content .list .name .floater.travel-right{padding:91px 38px 57px 291px}.acgn-model-index-rank .model-content .list .name .floater.travel-right .face{left:122px}.acgn-model-index-rank .model-content .list .name .floater.travel-right .floater-bg{left:40px}.acgn-model-index-rank .model-content .list .name .floater .floater-bg{position:absolute;bottom:-30px;left:-42px;width:100%;z-index:-1}.acgn-model-index-rank .model-content .list .name .floater .triangle{position:absolute;z-index:83;left:-24px;top:188px;display:block}.acgn-model-index-rank .model-content .list .name .floater .triangle.icon-home-triangle-left{left:-8px}.acgn-model-index-rank .model-content .list .name .floater .triangle.icon-home-triangle-right{left:auto;right:-8px}.acgn-model-index-rank .model-content .list .name .floater .face{position:absolute;left:40px;top:94px;width:139px;height:185px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.acgn-model-index-rank .model-content .list .name .floater .title{height:26px;padding:4px 0 2px;font-size:14px;font-weight:400;line-height:20px;color:#333;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.acgn-model-index-rank .model-content .list .name .floater .title:hover{color:#ca9dff}.acgn-model-index-rank .model-content .list .name .floater .desc{width:90%;height:16px;font-size:12px;line-height:16px;color:#999;text-align:left;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.acgn-model-index-rank .model-content .list .name .floater .tags{height:auto;padding:8px 0;font-size:0;line-height:18px}.acgn-model-index-rank .model-content .list .name .floater .tags .tag{display:inline-block;height:16px;width:auto;margin-right:10px;font-size:12px;line-height:16px;color:#999;text-align:center;cursor:pointer;vertical-align:middle}.acgn-model-index-rank .model-content .list .name .floater .tags .tag:hover{color:#ca9dff;border-color:#ca9dff}.acgn-model-index-rank .model-content .list .name .floater .floater-bottom{height:auto;margin-top:57px}.acgn-model-index-rank .model-content .list .name .floater .floater-bottom .floater-hot{width:100%;height:18px;padding-top:2px;font-size:12px;line-height:16px;color:#999;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.acgn-model-index-rank .model-content .list .name .floater .floater-bottom .floater-hot .imp{color:#d8d8d8;font-size:16px;vertical-align:middle}.acgn-model-index-rank .model-content .list .name .floater .floater-bottom .floater-hot .imp+span{vertical-align:middle}.acgn-model-index-rank .model-content .list .name .floater .floater-bottom .desc{width:90%;height:22px;padding:4px 0;font-size:12px;line-height:18px;color:#999;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.acgn-model-index-rank .model-content .list .name .floater .floater-bottom .desc .imp{font-weight:400;color:#ca9dff;cursor:pointer}.acgn-model-index-rank .model-content .list .name .floater .floater-bottom .desc .imp:hover{color:#ca9dff}.acgn-model-index-rank .model-content .list .name .point-reverse{position:absolute;left:-32px;top:50%}.acgn-model-index-rank .model-content .list .name .point-reverse .floater{left:auto;right:100%}.acgn-model-index-rank .model-content .list .name .point-reverse .floater .triangle{left:auto;right:-24px}.acgn-model-index-book-nor .brace-x{zoom:1}.acgn-model-index-book-nor .brace-x:after{content:"";display:table;clear:both}.acgn-model-index-book-nor div.model-head{height:auto;padding:20px 0 15px}.acgn-model-index-book-nor div.model-head .title{color:#333}.acgn-model-index-book-nor div.model-head .mask{margin-right:3px}.acgn-model-index-book-nor .func-list{position:absolute;right:0;top:50%;height:0;margin-top:2px}.acgn-model-index-book-nor .func-list-more{display:block;width:64px;height:24px;font-size:12px;font-weight:400;color:#fff;line-height:24px;text-align:center;position:relative;z-index:0;top:-6px}.acgn-model-index-book-nor .func-list-more-bg{position:absolute;z-index:-1;top:0;left:0;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;font-style:normal}.acgn-model-index-book-nor .func-list-more-bg:hover{-webkit-box-shadow:0 0 2px 0 #ca9dff;-moz-box-shadow:0 0 2px 0 #ca9dff;box-shadow:0 0 2px 0 #ca9dff}.acgn-model-index-book-nor .model-content{position:relative}.acgn-model-index-book-nor .brace-wrap{overflow:hidden}.acgn-model-index-book-nor .brace-x{margin-right:0}.acgn-model-index-book-nor .comic-cell{position:relative;width:100%;padding:0}.acgn-model-index-book-nor .comic-cell .adapt-adpter{overflow:hidden;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}.acgn-model-index-book-nor .comic-cell .adapt-adpter:hover{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;-ms-filter:"alpha(opacity=$opacity)";filter:alpha(opacity=65);opacity:.65}.acgn-model-index-book-nor .comic-cell .pic .bg-wave{position:absolute;width:100%;bottom:0}.acgn-model-index-book-nor .comic-cell .pic .bg{-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;display:block;height:100%;width:100%}.acgn-model-index-book-nor .comic-cell .name{font-size:14px;margin-top:10px;color:#333;font-weight:400;margin-bottom:4px;position:relative;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;padding-right:40px;height:25px;line-height:25px}.acgn-model-index-book-nor .comic-cell .name a{color:#333}.acgn-model-index-book-nor .comic-cell .name a:hover{color:#ca9dff}.acgn-model-index-book-nor .comic-cell .num{position:absolute;right:0;top:0;text-align:center;background:url(../images/score-bg.png) no-repeat top;-webkit-background-size:37px 23px;-moz-background-size:37px 23px;background-size:37px 23px;width:37px;height:23px;line-height:23px;color:#ca9dff}.acgn-model-index-book-nor .comic-cell .desc{font-size:12px;color:#999;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.acgn-model-index-book-nor .size-cell{float:left;width:16.666666%;padding-bottom:0}.acgn-model-index-book-nor .blocks{overflow:hidden}.acgn-model-index-book-nor .blocks .block{display:none;margin-left:0}.acgn-model-index-book-nor .blocks .block.active{display:block}.acgn-model-index-book-nor.acgn-space-none .brace-x{margin-right:-2px}.acgn-model-index-book-nor.acgn-space-none .comic-cell{padding:0 2px 2px 0}.acgn-model-index-book-nor.acgn-space-none .size-cell{padding-bottom:30px}.acgn-model-index-book-nor.acgn-space-none .size-bottom{margin-right:2px}.acgn-model-index-book-nor.acgn-space-small .brace-x,.acgn-model-index-book-nor .brace-x{margin-right:-8px}.acgn-model-index-book-nor.acgn-space-small .comic-cell,.acgn-model-index-book-nor .comic-cell{padding:0 8px 8px 0}.acgn-model-index-book-nor.acgn-space-small .size-cell,.acgn-model-index-book-nor .size-cell{padding-bottom:24px}.acgn-model-index-book-nor.acgn-space-small .size-bottom,.acgn-model-index-book-nor .size-bottom{margin-right:8px}.acgn-model-index-book-nor.acgn-space-normal .brace-x{margin-right:-16px}.acgn-model-index-book-nor.acgn-space-normal .comic-cell{padding:0 16px 16px 0}.acgn-model-index-book-nor.acgn-space-normal .size-cell{padding-bottom:16px}.acgn-model-index-book-nor.acgn-space-normal .size-bottom{margin-right:16px}.acgn-model-index-book-nor.acgn-space-big .brace-x{margin-right:-28px}.acgn-model-index-book-nor.acgn-space-big .comic-cell{padding:0 28px 28px 0}.acgn-model-index-book-nor.acgn-space-big .size-cell{padding-bottom:4px}.acgn-model-index-book-nor.acgn-space-big .size-bottom{margin-right:28px}.acgn-model-index-friends .list{zoom:1}.acgn-model-index-friends .list:after{content:"";display:table;clear:both}.acgn-model-index-friends{margin-bottom:16px}.acgn-model-index-friends div.model-head{height:70px;padding:0 0 15px;line-height:1}.acgn-model-index-friends div.model-head .mask{margin-right:3px}.acgn-model-index-friends div.model-head .title{color:#333;height:40px;line-height:40px;padding:0}.acgn-model-index-friends .func-list{position:absolute;right:0;top:50%;height:0;margin-top:2px}.acgn-model-index-friends .func-list-more{display:block;width:64px;height:24px;font-size:12px;font-weight:400;color:#fff;line-height:24px;text-align:center;position:relative;z-index:0;top:-6px}.acgn-model-index-friends .func-list-more-bg{position:absolute;z-index:-1;top:0;left:0;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;font-style:normal}.acgn-model-index-friends .func-list-more-bg:hover{-webkit-box-shadow:0 0 2px 0 #ca9dff;-moz-box-shadow:0 0 2px 0 #ca9dff;box-shadow:0 0 2px 0 #ca9dff}.acgn-model-index-friends .model-content{position:relative}.acgn-model-index-friends .list{position:relative;z-index:11;height:auto}.acgn-model-index-friends .list .item{float:left;display:block;height:32px;width:16.666666%;padding:0 32px 0 0;margin-bottom:8px}.acgn-model-index-friends .list .item .text{display:block;font-size:14px;color:#666;line-height:32px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.acgn-model-index-friends .list .item a{color:inherit}.acgn-model-index-friends .list .item a:hover{color:#ca9dff}

/*.diyhead{
    width: 100%;
}
.diyhead .top{
   	width: 1400px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}
.diyhead .top .left{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    flex: 1;
}
.diyhead .top .left .logo{
    display: block;
    width: 144px;
    height: 48px;
}
.diyhead .top .right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.diyhead .top .right .search{
    width: 300px;
    height: 32px;
    background: #f9f4ff;
    border: 1px solid #ca9dff;
    border-radius: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 50px;
}
.diyhead .top .right .search .search-input{
    display: block;
    height: 32px;
    width: 100%;
    margin: 0;
    padding: 0 10px;
    outline: 0;
    font-size: 16px;
    line-height: 32px;
    color: #ca9dff;
    background-color: transparent;
    border: 1px solid transparent;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    flex: 1;
}
.diyhead .top .right .search .icon-header-search{
    width: 28px;
    height: 28px;
    margin: 0 10px;
}
.diyhead .top .right .user {
    position: relative;
    display: inline-block;
    height: 64px;
    width: 39px;
    margin-right: 24px;
    text-align: center;
    vertical-align: middle
}
.diyhead .top .right .user .face {
    position: absolute;
    z-index: 104;
    left: 50%;
    top: 12px;
    height: 40px;
    width: 40px;
    margin-left: -20px;
    background-color: #fff
}
.diyhead .top .right .user .face,.diyhead .top .right .user .face img {
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}
.diyhead .top .right .user .face img {
    height: 100%;
    width: 100%;
    cursor: pointer
}
.diyhead .top .right .user .user-inner {
    line-height: 0;
    position: absolute;
    z-index: 103;
    left: 0;
    top: 46px;
    display: none;
    height: auto;
    width: 248px;
    margin-left: -132px
}
.diyhead .top .right .user .user-inner .user-inner-main {
    margin-left: 24px;
    position: relative;
    top: -16px;
    z-index: -1;
    width: 248px;
    border: 1px solid #ffd4d4;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px 0 #ffd4d4 inset;
    -moz-box-shadow: 0 0 3px 0 #ffd4d4 inset;
    box-shadow: inset 0 0 3px 0 #ffd4d4
}
.diyhead .top .right .user .user-inner .user-inner-main .header-mask-offset {
    padding: 15px;
    padding-top: 0
}
.diyhead .top .right .user .user-inner .user-inner-main .name {
    height: 18px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    font-weight: 400;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}
.diyhead .top .right .user .user-inner .user-inner-main .name:hover {
    color: #ca9dff
}
.diyhead .top .right .user .user-inner .user-inner-main .uid {
    color: #666;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    font-weight: 400;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}
.diyhead .top .right .user .user-inner .user-inner-main .assets {
    height: 76px;
    max-width: 210px;
    padding: 6px 0;
    margin: 0 auto
}
.diyhead .top .right .user .user-inner .user-inner-main .assets tr td:first-child {
    padding-right: 20px
}
.diyhead .top .right .user .user-inner .user-inner-main .assets .asset {
    position: relative;
    height: 32px;
    max-width: 130px;
    font-size: 0;
    line-height: 32px;
    text-align: left;
    overflow: hidden
}
.diyhead .top .right .user .user-inner .user-inner-main .assets .asset .mask {
    display: inline-block;
    height: 24px;
    width: 24px;
    margin-right: 2px;
    vertical-align: middle
}
.diyhead .top .right .user .user-inner .user-inner-main .assets .asset .type {
    display: inline-block;
    height: 20px;
    width: 28px;
    margin-right: 2px;
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle
}
.diyhead .top .right .user .user-inner .user-inner-main .assets .asset .num {
    display: inline-block;
    height: 20px;
    max-width: 65px;
    min-width: 50px;
    font-size: 12px;
    line-height: 20px;
    color: #999;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer
}
.diyhead .top .right .user .user-inner .user-inner-main .assets .asset .num:hover {
    color: #ca9dff
}
.diyhead .top .right .user .user-inner .user-inner-main .status .status-login {
    padding-top: 10px
}
.diyhead .top .right .user .user-inner .user-inner-main .status .status-login .login-btn {
    font-size: 14px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-bottom: 16px
}
.diyhead .top .right .user .user-inner .user-inner-main .status .status-login .login-btn .icon-header-btn-login {
    line-height: 32px;
    font-style: normal;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}
.diyhead .top .right .user .user-inner .user-inner-main .status .status-login .login-btn .icon-header-btn-login:hover {
    -webkit-box-shadow: 0 0 2px 0 #ca9dff;
    -moz-box-shadow: 0 0 2px 0 #ca9dff;
    box-shadow: 0 0 2px 0 #ca9dff
}
.diyhead .top .right .user .user-inner .user-inner-main .status .status-login .login-hint {
    display: block;
    height: 24px;
    font-size: 12px;
    color: #999;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}
.diyhead .top .right .user .user-inner .user-inner-main .status .status-exit {
    height: 53px;
    padding-top: 15px
}
.diyhead .top .right .user .user-inner .user-inner-main .status .status-exit .exit-btn {
    position: relative;
    display: block;
    height: 32px;
    width: 200px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: #ca9dff;
    background-color: #fff7f8;
    cursor: pointer
}
.diyhead .top .right .user .user-inner .user-inner-main .status .status-exit .exit-btn:hover {
    color: #ca9dff
}
.diyhead .top .right .user:hover .avator {
    position: absolute;
    z-index: 110;
    top: 4px;
    left: 13px;
    height: 80px;
    width: 80px;
    border: 1px solid #ffd4d4;
    margin-left: -40px;
    background-color: #fff!important
}
.diyhead .top .right .user:hover .user-inner {
    display: block
}
.diyhead .top .right .book {
    position: relative;
    display: inline-block;
    height: 64px;
    line-height: 64px;
    margin-right: 25px;
    text-align: center;
    color: #333;
    font-size: 0;
    vertical-align: middle
}
.diyhead .top .right .book .book-none {
    display: none;
    padding: 20px 12px;
    border: 1px solid #ffd4d4;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px 0 #ffd4d4 inset;
    -moz-box-shadow: 0 0 3px 0 #ffd4d4 inset;
    box-shadow: inset 0 0 3px 0 #ffd4d4
}
.diyhead .top .right .book .book-none .mascot {
    display: block;
    height: auto;
    width: 80px;
    margin: 0 auto 20px
}
.diyhead .top .right .book .book-none .explain {
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #999
}
.diyhead .top .right .book .book-none .explain,.diyhead .top .right .book .book-none .link {
    display: block;
    text-align: center;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}
.diyhead .top .right .book .book-none .link {
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    color: #ca9dff;
    cursor: pointer
}
.diyhead .top .right .book .book-main {
    display: none;
    padding: 12px 4px 4px;
    border: 1px solid #ffd4d4;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px 0 #ffd4d4 inset;
    -moz-box-shadow: 0 0 3px 0 #ffd4d4 inset;
    box-shadow: inset 0 0 3px 0 #ffd4d4
}
.diyhead .top .right .book .book-main .book-list {
    padding: 0 8px
}
.diyhead .top .right .book .book-main .book-list.shelf .desc-box .title {
    margin-bottom: 26px
}
.diyhead .top .right .book .book-main .book-list .desc-box {
    text-align: left
}
.diyhead .top .right .book .book-main .book-list .desc-box .title {
    font-size: 14px;
    padding-top: 8px;
    margin-bottom: 10px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    font-weight: 400;
    padding-right: 2px
}
.diyhead .top .right .book .book-main .book-list .desc-box .title .desc {
    color: #333
}
.diyhead .top .right .book .book-main .book-list .desc-box .title .desc:hover {
    color: #ca9dff
}
.diyhead .top .right .book .book-main .book-list .desc-box .info {
    display: inline-block;
    min-width: 130px;
    position: relative;
    color: #999;
    font-size: 12px
}
.diyhead .top .right .book .book-main .book-list .desc-box .info:hover {
    color: #ca9dff
}
.diyhead .top .right .book .book-main .book-list .desc-box .info .desc-hint {
    position: relative;
    top: -3px
}
.diyhead .top .right .book .book-main .book-list .desc-box .info .info-content {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    max-width: 126px
}
.diyhead .top .right .book .book-main .book-list .desc-box .info .info-content.more-content {
    max-width: 148px
}
.diyhead .top .right .book .book-main .book-list .desc-box .info .icon-header-new {
    position: absolute;
    top: -5px;
    right: -24px
}
.diyhead .top .right .book .book-main .book-list .book-item {
    height: 80px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ffd4d4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 16px;
    -webkit-box-shadow: 0 0 3px 0 #ffd4d4;
    -moz-box-shadow: 0 0 3px 0 #ffd4d4;
    box-shadow: 0 0 3px 0 #ffd4d4
}

.diyhead .top .right .book .book-main .book-list .book-item.collect-item .book-info {
    padding: 8px 0 8px 68px
}
.diyhead .top .right .book .book-main .book-list .book-item .acgn-cursor {
    color: #333;
    font-weight: 400;
    font-size: 14px;
    width: 60px;
    height: 79px;
    display: block;
    float: left;
    margin-right: 8px
}
.diyhead .top .right .book .book-main .book-list .book-item .acgn-cursor .img {
    width: 100%;
    height: 100%
}
.diyhead .top .right .book .book-main .book-list .book-info {
    position: relative;
    z-index: 102;
    display: block;
    height: 80px;
    padding: 0 0 0 68px;
    text-align: left
}
.diyhead .top .right .book .book-main .book-list .book-info .img {
    position: absolute;
    z-index: 103;
    left: 0;
    top: 0;
    display: block;
    height: 80px;
    width: 60px;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    overflow: hidden
}
.diyhead .top .right .book .book-main .book-list .book-info .img img {
    display: block;
    height: 100%;
    width: 100%
}
.diyhead .top .right .book .book-main .book-list .book-info .img:hover {
    border: 1px solid #ca9dff
}
.diyhead .top .right .book .book-main .book-list .book-info .title {
    height: 30px;
    color: #333;
    font-weight: 400;
    line-height: 30px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}
.diyhead .top .right .book .book-main .book-list .book-info .title:hover {
    color: #ca9dff
}
.diyhead .top .right .book .book-main .book-list .book-info .collect-desc,.diyhead .top .right .book .book-main .book-list .book-info .desc {
    position: relative;
    height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 18px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}
.diyhead .top .right .book .book-main .book-list .book-info .collect-desc.isnew,.diyhead .top .right .book .book-main .book-list .book-info .desc.isnew {
    height: 28px;
    padding: 10px 28px 0 0
}
.diyhead .top .right .book .book-main .book-list .book-info .collect-desc .desc-hint,.diyhead .top .right .book .book-main .book-list .book-info .desc .desc-hint {
    position: absolute;
    right: 0;
    bottom: 10px;
    display: block;
    height: 20px;
    width: 20px
}
.diyhead .top .right .book .book-main .book-list .book-info .collect-desc .desc-hint i,.diyhead .top .right .book .book-main .book-list .book-info .desc .desc-hint i {
    font-size: 18px;
    text-align: center;
    line-height: 20px;
    color: #ca9dff
}
.diyhead .top .right .book .book-main .book-list .book-info .collect-desc.isnew {
    height: 60px;
    padding: 40px 28px 0 0
}
.diyhead .top .right .book .book-main .book-list .book-read {
    position: absolute;
    right: 2px;
    bottom: 4px;
    display: block;
    height: 18px;
    width: 48px;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    color: #ff9c82;
    cursor: pointer
}
.diyhead .top .right .book .book-main .book-count {
    height: 32px;
    margin: 0 8px 12px;
    font-size: 0;
    color: #ca9dff;
    line-height: 32px;
    text-align: center;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    background-color: #fff7f8
}
.diyhead .top .right .book .book-main .book-count .all,.diyhead .top .right .book .book-main .book-count .bar {
    display: inline-block;
    height: 28px;
    width: auto;
    padding: 0 3px;
    color: inherit;
    font-size: 12px;
    line-height: 28px;
    vertical-align: middle;
    cursor: pointer
}
.diyhead .top .right .book .book-main .book-count .bar {
    max-width: 35px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}
.diyhead .top .right .book .book-main .book-count:hover {
    color: #ca9dff
}
.diyhead .top .right .book .book-nav-split {
    width: 1px;
    background: #d8d8d8;
    height: 16px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-bottom: -4px
}
.diyhead .top .right .book .book-nav-item {
    display: inline-block;
    font-size: 14px;
    padding: 0 6px;
    color: #333;
    position: relative;
    cursor: pointer
}
.diyhead .top .right .book .book-nav-item:hover {
    color: #ca9dff
}
.diyhead .top .right .book .book-nav-item:hover .book-nav-item-bd {
    color: #333;
    display: block
}
.diyhead .top .right .book .book-nav-item .book-nav-item-bd {
    display: none;
    position: absolute;
    z-index: 104;
    left: 50%;
    top: 54px;
    width: 248px;
    margin-left: -132px;
    cursor: auto;
    line-height: normal
}
.diyhead .top .right .book .book-nav-item .book-nav-item-bd .icon-comm-flower1 {
    position: relative;
    z-index: 1
}
.diyhead .top .right .book .book-nav-item .book-nav-item-bd .book-main,.diyhead .top .right .book .book-nav-item .book-nav-item-bd .book-none {
    position: relative;
    top: -18px;
    left: 24px
}
.diyhead .top .right .download {
    position: relative;
    display: inline-block;
    height: 64px;
    font-size: 14px;
    line-height: 64px;
    text-align: right;
    color: #333;
    vertical-align: middle;
    cursor: pointer
}
.diyhead .top .right .download .phone {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 2px
}
.diyhead .top .right .download .download-inner {
    display: none;
    position: absolute;
    z-index: 105;
    right: 0;
    top: 49px;
    height: 157px;
    width: 128px;
    padding: 28px 12px 0 15px;
    background: url(../images/header-code.png) no-repeat 50%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}
.diyhead .top .right .download .download-inner .text {
    font-size: 12px;
    color: #666;
    line-height: 18px;
    text-align: center;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}
.diyhead .top .right .download .download-inner .qr-code {
    display: block;
    height: 96px;
    width: 96px
}
.diyhead .top .right .download:hover {
    color: #ca9dff
}
.diyhead .top .right .download:hover .download-inner {
    display: block
}
.diybox{
    width: 1400px;
    margin: 0 auto;
}
.diyhead .nav{
    width: 100%;
    height: 50px;
    background: #ca9dff;
}
.diyhead .nav .diybox{
    display: flex;
    justify-content: flex-start;
    align-content: center;
}
.diyhead .nav .diybox .nav-item{
    height: 50px;
    padding: 0 20px;
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    line-height: 50px;
}
.diyhead .nav .diybox .nav-item a{
    color: #fff;
}
.diyhead .nav .diybox .nav-item.active{
    background: #fff;
    color: #ca9dff;
}
.diyhead .nav .diybox .nav-item.active a{
    color: #ca9dff;
}
.diyhead .nav .diybox .nav-item.active:hover{
    background: #fff;
    color: #ca9dff;
}
.diyhead .nav .diybox .nav-item.active:hover a{
    color: #ca9dff;
}*/