article,aside,blockquote,body,button,code,dd,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}body{color:#333;outline:0;font-family:pingfangsc,Lantinghei SC,Open Sans,Arial,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;font-size:14px;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background-color:#fff}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}table{border-spacing:0;border-collapse:collapse}caption,th{text-align:left}fieldset,img{border:0;-webkit-user-select:none}li{list-style:none}ins{text-decoration:none}del{text-decoration:line-through}button,input,optgroup,option,select,textarea{outline:0;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit}button{border:0;background:none;-webkit-appearance:none}a{cursor:pointer;text-decoration:none;-webkit-touch-callout:none;color:#333}:focus{outline:0;-webkit-tap-highlight-color:transparent}em,i{font-style:normal}a:hover{color:#ff2f39}.ipad a:hover{color:inherit}.ico{display:inline-block;vertical-align:middle}.ui-nowrap{max-width:100%;white-space:nowrap}.ui-nowrap,.ui-nowrap-multi{overflow:hidden;text-overflow:ellipsis}.ui-nowrap-multi{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ui-clfx:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.ui-clfx{zoom:1}.pc-main-cnt{margin:0 auto;margin-top:30px}.pc-main-wrap{position:relative;z-index:10}.pc-main-bg{position:fixed;top:0;right:0;width:100%;padding-top:64.8%;background:#fff url(../images/bg-index.70b6a8675eb3f941.jpg) no-repeat;background-size:100% auto;background-position:top}.mercury-wrapper{position:fixed;color:#f2f2f2;z-index:-1}.cnt-no-data{background-image:url(../images/no-data.721a7bcdd4d177d7.png);background-size:251px auto}.cnt-loading,.cnt-no-data{background-repeat:no-repeat;background-position:50%;height:1100px}.cnt-loading{background-image:url(../images/data-loading.a775829a5d00761a.png);background-size:162px auto}@font-face{font-family:DIN;src:url(/9ea155b54fd7590840dda1b94af40067.eot);src:url(/9ea155b54fd7590840dda1b94af40067.eot?#iefix) format("embedded-opentype"),url(/d3f4e91ea2c8cbc830d967a26463c4af.woff) format("woff"),url(/f957bf4258546dae77afb534d6a3c936.ttf) format("truetype"),url(data:image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICI3N2Y4ZGNkOTM0ZjNjMjk3N2MxMmJjMTdkNzA0ZjZkMS5zdmciOw==#DIN) format("svg");font-style:normal;font-weight:400}@media (min-width:1200px){.pc-main-cnt{width:1160px}}@media (max-width:1199px){.pc-main-cnt{width:924px}}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-wrapper{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-slide,.swiper-wrapper{position:relative;width:100%;height:100%}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-pagination{text-align:center;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-bullet{width:7px;height:7px;margin-right:5px;display:inline-block;border-radius:100%;background:#000;opacity:.2}body,html{width:100%;height:100%}.wrapper-index .mod-vitem-ugc .item-audio,.wrapper-index .mod-vitem-ugc .item-video{padding-top:122px}.wrapper-index .media .ugc-tips .author{bottom:3px}.wrapper-index .mod-detail-info .detail-title{margin-right:150px}.wrapper-index .biz-ugc{max-height:3000px;overflow:hidden}.wrapper-index .index-title{text-indent:999em;opacity:0;display:none}.wrapper-index .pc-main-cnt{position:relative;margin-top:0}.wrapper-index .pc-main-cnt:before{content:"";display:block;width:99px;height:860px;background:url(../images/line-l.213895e21fabd799.png) no-repeat;background-size:100% auto;position:absolute;left:-110px;top:148px}.wrapper-index .pc-main-cnt:after{content:"";display:block;width:67px;height:719px;background:url(../images/line-r.f69d1f4f97ea24ce.png) no-repeat;background-size:100% auto;position:absolute;right:-50px;top:5px}.wrapper-index .panel-anime,.wrapper-index .panel-comic,.wrapper-index .panel-ugc{padding:30px 42px;background-color:#fff;-webkit-box-shadow:0 0 20px rgba(0,0,0,.06);box-shadow:0 0 20px rgba(0,0,0,.06);border-radius:4px;position:relative;z-index:1}.wrapper-index .mod-banner,.wrapper-index .panel-anime,.wrapper-index .panel-comic{margin-bottom:40px}@media (min-width:1200px){.wrapper-index .pc-main-cnt{width:1244px}}@media (max-width:1199px){.wrapper-index .pc-main-cnt{width:988px}.wrapper-index .panel-anime,.wrapper-index .panel-comic,.wrapper-index .panel-ugc{padding:30px 32px}}@media (max-width:1024px){.wrapper-index .pc-main-cnt{overflow:hidden;margin-left:4px}}
.pc-topbar{position:relative;z-index:20;padding-top:20px;-webkit-transform:scale(.95);transform:scale(.95)}.pc-topbar h1{height:1px;margin-top:-1px;text-indent:-99999px}.pc-topbar .cnt{margin:0 auto;width:1253px;height:133px;background:url(../images/bar.9d22517ac4dc0428.png) no-repeat;background-size:100% auto;position:relative}.pc-topbar .logo,.pc-topbar .logo img{display:block;width:93px;height:45px}.pc-topbar .logo{position:absolute;left:25px;top:43px}.pc-topbar .topbar-search{width:540px;position:absolute;left:198px;top:50px}.pc-topbar .topbar-search input[type=text]{width:450px;padding:13px 92px 12px 20px;background-color:transparent;font-size:18px;border:none}.pc-topbar .topbar-search input[type=submit]{position:absolute;right:0;top:0;display:block;appearance:button;-moz-appearance:button;-webkit-appearance:button;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0;width:70px;height:50px;font-size:0;opacity:0;cursor:pointer}.pc-topbar .layer-search-all{width:538px;background-color:#fff;border-radius:2px;padding-top:25px;position:relative;margin-top:10px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.06);box-shadow:0 0 20px rgba(0,0,0,.06)}.pc-topbar .layer-search-all h4{font-size:16px;color:#999;margin-left:22px}.pc-topbar .layer-search-all .search-more{font-size:16px;color:#999;position:absolute;right:25px;top:25px;padding:0}.pc-topbar .layer-search-all .link-more{position:relative}.pc-topbar .layer-search-all .link-more a{padding-bottom:0;padding-top:0}.pc-topbar .layer-search-all .link-more a>div{line-height:56px;height:56px;border-top:1px solid #e5e5e5}.pc-topbar .layer-search-all .link-more .icon-arrow{width:13px;height:16px;background:url(../images/arrow.b09c8db119c90069.png) no-repeat;background-size:100% auto;position:absolute;right:22px;top:20px}.pc-topbar .layer-search-all .icon-refresh{width:22px;height:19px;background:url(../images/refresh.ada2f1d3c5e71b2f.png) no-repeat;background-size:100% auto;position:absolute;right:25px;top:25px}.pc-topbar .layer-search-all .icon-refresh:hover{cursor:pointer}.pc-topbar .layer-search-all a{display:block;padding:10px 22px;font-size:18px}.pc-topbar .layer-search-all a:hover{background-color:#f8f8f8}.pc-topbar .topbar-nav{width:400px;height:30px;position:absolute;right:30px;top:67px}.pc-topbar .topbar-nav li{float:right;margin-left:35px;position:relative}.pc-topbar .topbar-nav a{font-size:18px;color:#fff;line-height:30px;position:relative}.pc-topbar .topbar-nav a:hover{color:#ff2f39}.pc-topbar .topbar-nav a:active{color:#000}.pc-topbar .topbar-nav a:after{content:"";display:block;left:-8px;right:-8px;top:-12px;bottom:-12px;position:absolute}.pc-topbar .login-avatar>div{width:36px;height:36px;display:block;margin-top:-5px}.pc-topbar .login-avatar img{width:100%;height:100%;border:1px solid #20c3ff;border-radius:36px}.pc-topbar .layer-has-login{width:200px;border-radius:2px;-webkit-box-shadow:0 2px 9px hsla(0,0%,81%,.5);box-shadow:0 2px 9px hsla(0,0%,81%,.5);background-color:#fff;position:absolute;left:-80px;top:40px;color:#333;padding:20px 0 15px}.pc-topbar .layer-has-login p{text-align:center;font-size:12px;color:#666}.pc-topbar .layer-has-login .name{font-size:14px;color:#333;font-weight:500;margin-bottom:6px}.pc-topbar .layer-has-login .info{margin-bottom:15px}.pc-topbar .layer-has-login .logout{font-size:12px;color:#999;text-align:center;display:block}.pc-topbar .layer-has-login .logout:hover{color:#ff2f39}.pc-topbar .layer-has-login .icon-wechat-s{background-image:url(../images/icon-login.24b35c979eb2076d.png);background-position:-19px -53px}.pc-topbar .layer-has-login .icon-qq-s,.pc-topbar .layer-has-login .icon-wechat-s{background-size:101px 67px;width:14px;height:14px;margin-right:5px;position:relative;top:-1px}.pc-topbar .layer-has-login .icon-qq-s{background-image:url(../images/icon-login.24b35c979eb2076d.png);background-position:0 -53px}.pc-topbar .download .icon-phone{width:16px;height:26px;background:url(../images/icon-phone.4ebbc1589f0440bf.png) no-repeat;background-size:100% auto}.pc-topbar .download a{color:#20c3ff}.pc-topbar .layer-login{left:50%;padding:4px 0 16px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pc-topbar .layer-collect,.pc-topbar .layer-login{border-radius:2px;-webkit-box-shadow:0 2px 9px hsla(0,0%,81%,.5);box-shadow:0 2px 9px hsla(0,0%,81%,.5);background-color:#fff;position:absolute;top:40px;color:#333}.pc-topbar .layer-collect{width:250px;left:-80px}.pc-topbar .layer-collect.collect-empty{padding:20px 0}.pc-topbar .layer-collect.collect-empty .pic-empty{width:116px;height:126px;background:url(../images/empty.9cf186373f0126d5.png) no-repeat;background-size:100% auto;margin:0 auto}.pc-topbar .layer-collect.collect-empty p{margin-top:15px;font-size:14px;color:#9daac5;text-align:center}.pc-topbar .layer-collect .layer-collect-item{display:block;padding-top:18px;margin-left:18px;overflow:hidden}.pc-topbar .layer-collect .layer-collect-item .collect-book{position:relative;width:70px;height:92px;float:left}.pc-topbar .layer-collect .layer-collect-item .ui-color-tag{position:absolute;left:0;bottom:0}.pc-topbar .layer-collect .layer-collect-item img{display:block;width:100%;height:100%}.pc-topbar .layer-collect .layer-collect-item .collect-info{float:left;width:144px;margin-left:10px}.pc-topbar .layer-collect .layer-collect-item .collect-info h2{font-size:14px;margin-bottom:8px;margin-top:10px;color:#333;line-height:18px}.pc-topbar .layer-collect .layer-collect-item .collect-info p{color:#666;font-size:12px;line-height:18px;margin-bottom:8px}.pc-topbar .layer-collect .layer-collect-item .collect-info .txt-hl{color:#ff2f39}.pc-topbar .layer-collect .collect-all{height:45px;line-height:45px;border-top:1px solid #d8d8d8;text-align:center;margin-top:14px}.pc-topbar .layer-collect .collect-all a{font-size:14px;color:#333}.pc-topbar .collect-login{width:186px;padding:16px 0;left:-80px}.pc-topbar .collect-login p{font-size:14px;text-align:center;line-height:1.5}.pc-topbar .link-login{margin-top:16px;display:-webkit-box;white-space:nowrap;-webkit-box-align:center;-webkit-box-pack:center}.pc-topbar .link-login .login-item{display:inline-block;width:88px;text-align:center;font-size:14px;color:#333;font-weight:500}.pc-topbar .link-login .login-item p{margin-top:5px}.pc-topbar .link-login .icon-qq{background-image:url(../images/icon-login.24b35c979eb2076d.png);background-position:0 0}.pc-topbar .link-login .icon-qq,.pc-topbar .link-login .icon-wechat{display:block;margin:0 auto;background-size:101px 67px;width:48px;height:48px}.pc-topbar .link-login .icon-wechat{background-image:url(../images/icon-login.24b35c979eb2076d.png);background-position:-53px 0}.pc-topbar .collect>div,.pc-topbar .login-avatar>div,.pc-topbar .login>div{font-size:18px;color:#fff;line-height:30px;position:relative}.pc-topbar .collect>div:hover,.pc-topbar .login-avatar>div:hover,.pc-topbar .login>div:hover{cursor:pointer}.pc-topbar .collect>div:after,.pc-topbar .login-avatar>div:after,.pc-topbar .login>div:after{content:"";display:block;left:-8px;right:-8px;top:-12px;bottom:-12px;position:absolute}.pc-topbar .collect>div .hover-class,.pc-topbar .login-avatar>div .hover-class,.pc-topbar .login>div .hover-class{display:none}.pc-topbar .collect>div .hover-class:after,.pc-topbar .login-avatar>div .hover-class:after,.pc-topbar .login>div .hover-class:after{position:absolute;top:-15px;left:0;content:"";display:block;width:100%;height:20px}.pc-topbar .collect>div:hover,.pc-topbar .login-avatar>div:hover,.pc-topbar .login>div:hover{color:#ff2f39}.pc-topbar .collect>div:hover .hover-class,.pc-topbar .login-avatar>div:hover .hover-class,.pc-topbar .login>div:hover .hover-class{display:block}.ipad .pc-topbar{padding-top:84px}@media (max-width:1199px){.pc-topbar .cnt{width:996px;height:104px;background-image:url(../images/bar-s.2cb1eba3dcff6748.png)}.pc-topbar .logo{left:21px;top:33px}.pc-topbar .logo,.pc-topbar .logo img{width:73px;height:36px}.pc-topbar .topbar-search{width:460px;left:158px;top:38px}.pc-topbar .topbar-search input[type=text]{width:350px;padding:11px 70px 9px 20px;font-size:16px}.pc-topbar .topbar-nav{width:320px;height:30px;right:26px;top:50px}.pc-topbar .topbar-nav li{margin-left:23px}.pc-topbar .topbar-nav .collect>div,.pc-topbar .topbar-nav .login-avatar>div,.pc-topbar .topbar-nav .login>div,.pc-topbar .topbar-nav a{font-size:16px}.pc-topbar .login-avatar>div{width:26px;height:26px;margin-top:1px}.pc-topbar .layer-search-all{width:425px}.pc-topbar .layer-search-all a{font-size:16px}.pc-topbar .icon-phone{-webkit-transform:scale(.9);transform:scale(.9)}}@media (max-width:1024px){.pc-topbar .layer-has-login .name{font-size:18px}.pc-topbar .collect-login p,.pc-topbar .layer-collect .layer-collect-item .collect-info h2,.pc-topbar .layer-has-login .logout{font-size:16px}.pc-topbar .layer-collect .layer-collect-item .collect-info p{font-size:14px;margin-bottom:6px}.pc-topbar .layer-collect .collect-all a,.pc-topbar .layer-collect.collect-empty p{font-size:16px}.pc-topbar .topbar-search input[type=text]{padding:8px 70px 9px 20px;font-size:18px}.pc-topbar .topbar-nav{right:50px}.pc-topbar .topbar-nav .collect>div,.pc-topbar .topbar-nav .login-avatar>div,.pc-topbar .topbar-nav .login>div,.pc-topbar .topbar-nav a{font-size:18px}.pc-topbar .topbar-nav li{margin-left:40px}.pc-topbar .login-avatar>div{width:28px;height:28px}}
.wrapper-index .mod-banner{position:relative;height:0;padding-right:32%;padding-top:33.3%;margin-top:37px;overflow:hidden;background-color:#fff;z-index:1}.wrapper-index .mod-banner .left-part{position:absolute;top:0;left:0;width:68%;height:100%;overflow:hidden}.wrapper-index .mod-banner .left-part .swiper-container{border-radius:2px}.wrapper-index .mod-banner .left-part .swiper-container .banner-left,.wrapper-index .mod-banner .left-part .swiper-container .banner-right{display:none}.wrapper-index .mod-banner .left-part .swiper-container:hover .banner-left,.wrapper-index .mod-banner .left-part .swiper-container:hover .banner-right{display:block}.wrapper-index .mod-banner .left-part .swiper-slide{position:relative}.wrapper-index .mod-banner .left-part img{display:block;width:100%;height:100%}.wrapper-index .mod-banner .left-part .figure{position:absolute;left:0;top:0;z-index:1}.wrapper-index .mod-banner .left-part .ui-slider-indicators{position:absolute;right:15px;bottom:10px;z-index:3;font-size:0;text-indent:100%;cursor:pointer}.wrapper-index .mod-banner .left-part .ui-slider-indicators li{margin-left:5px;float:left;background-image:url(../images/point.5a3f4449c99ca51e.png);background-size:100% auto;width:19px;height:18px}.wrapper-index .mod-banner .left-part .ui-slider-indicators li.current{background-image:url(../images/point-hover.c5b0fed982b8ba56.png)}.wrapper-index .mod-banner .left-part .banner-left,.wrapper-index .mod-banner .left-part .banner-right{display:block;width:46px;height:51px;background-size:100% auto;z-index:3;position:absolute;top:50%;margin-top:-25px}.wrapper-index .mod-banner .left-part .banner-left{background-image:url(../images/left.e6e0d3c66081bfa1.png);position:absolute;left:-1px}.wrapper-index .mod-banner .left-part .banner-right{background-image:url(../images/right.f20a918a0b195cb7.png);position:absolute;right:-1px}.wrapper-index .mod-banner .right-part{position:absolute;top:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:6px;width:32%;height:100%;border-top-right-radius:2px;overflow:hidden}.wrapper-index .mod-banner .right-part .latest{height:50%;margin-bottom:7px}.wrapper-index .mod-banner .right-part .latest img{display:block;width:100%;height:100%;border-radius:2px}.wrapper-index .mod-banner .right-part .latest-cover{width:39.47%;height:100%}.wrapper-index .mod-banner .right-part .latest-info{position:absolute;top:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:14px;padding-right:14px;width:60%;height:50%;overflow:hidden}.wrapper-index .mod-banner .right-part .title{font-size:18px;margin-bottom:5px;margin-top:8%}.wrapper-index .mod-banner .right-part .info{font-size:14px;color:#666;margin-bottom:5px}.wrapper-index .mod-banner .right-part .btn-goon{margin-top:17px}.wrapper-index .mod-banner .right-part .banner-s{height:50%;border-radius:2px;overflow:hidden}.wrapper-index .mod-banner .right-part .banner-s>a,.wrapper-index .mod-banner .right-part .banner-s>a img{width:100%;height:100%;display:block}@media (max-width:1199px){.wrapper-index .mod-banner .right-part .btn-goon{margin-top:3px}}@media (max-width:1024px){.wrapper-index .mod-banner .right-part .btn-goon{font-size:16px}}
.latest-cover img,.latest-info .title{cursor:pointer}
.ui-btn{position:relative;border-radius:4px}.ui-btn:before{bottom:-5px;left:-5px}.ui-btn:after,.ui-btn:before{content:"";position:absolute;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1}.ui-btn:after{top:-5px;right:-5px}.ui-btn.redline{border:1px solid #ff2f39;color:#ff2f39}.ui-btn.redline:hover{color:#fff;background-color:#ff2f39}.ui-btn.redline:before{border-right:1px solid #ff2f39;background-color:#fff}.ui-btn.redline:after{border-left:1px solid #ff2f39;background-color:#fff}.ui-btn.white{border:1px solid #ccc;color:#333}.ui-btn.white:hover{opacity:.7}.ui-btn.white:before{border-right:1px solid #ccc;background-color:#fff}.ui-btn.white:after{border-left:1px solid #ccc;background-color:#fff}.ui-btn.done{border:1px solid #ebebeb;background-color:#ebebeb;color:#999}.ui-btn.done:before{border-right:1px solid #ebebeb;background-color:#fff}.ui-btn.done:after{border-left:1px solid #ebebeb;background-color:#fff}.ui-btn.red{border:1px solid #ff2f39;background-color:#ff2f39;color:#fff}.ui-btn.red:hover{color:#fff;background-color:#c11018}.ui-btn.red:hover,.ui-btn.red:hover:after,.ui-btn.red:hover:before{border-color:#c11018}.ui-btn.red:before{border-right:1px solid #ff2f39;background-color:#fff}.ui-btn.red:after{border-left:1px solid #ff2f39;background-color:#fff}.ui-btn.blue{border:1px solid #20c3ff;background-color:#20c3ff;color:#fff}.ui-btn.blue:hover{color:#fff;background-color:#10a5dc}.ui-btn.blue:hover,.ui-btn.blue:hover:after,.ui-btn.blue:hover:before{border-color:#10a5dc}.ui-btn.blue:before{border-right:1px solid #20c3ff;background-color:#fff}.ui-btn.blue:after{border-left:1px solid #20c3ff;background-color:#fff}.ui-btn-m{display:inline-block;font-size:16px;line-height:20px;padding:9px 15px}.ui-btn-m:after,.ui-btn-m:before{width:9px;height:10px}.ui-btn-s{display:inline-block;font-size:12px;line-height:20px;padding:2px 12px;border-radius:3px}.ui-btn-s:before{width:6px;height:8px;bottom:-4px;left:-3px}.ui-btn-s:after{width:6px;height:8px;top:-4px;right:-3px}@media (max-width:1024px){.ui-btn-m{font-size:20px;line-height:24px;padding:7px 12px}.ui-btn-s{font-size:14px}}
.mod-title{margin-bottom:30px;position:relative}.mod-title span{font-size:30px;color:#333;font-weight:500;position:relative;z-index:1}.mod-title.tit-anime:before,.mod-title.tit-comic:before,.mod-title.tit-ugc:before{content:"";display:block;width:205px;height:22px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM0AAAAWCAYAAABjRRiFAAAAZklEQVR4nO3TIQGAQAAEQaDIxyMTeQgG9iUrMDCjTp7ZdZzXscB/7dN+1ML20hH4LNFAJBqIRAORaCASDUSigUg0EIkGItFAJBqIRAORaCASDUSigUg0EIkGItFAJBqIRAORaCC6AZzEA6YtFUWzAAAAAElFTkSuQmCC) no-repeat;background-size:100% auto;position:absolute;left:16px;top:17px}.mod-title.tit-anime:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM0AAAAWCAYAAABjRRiFAAAAaklEQVR4nO3ToQGDABDAwKfDotimNbAsrEBEDdxNEJPl/O7nwHsts60zv2Nm5tYLn//2wPOYBiLTQGQaiEwDkWkgMg1EpoHINBCZBiLTQGQaiEwDkWkgMg1EpoHINBCZBiLTQGQaiEwD0QUtxgZWScGVDQAAAABJRU5ErkJggg==)}
.mod-typebar{font-size:0;margin-bottom:20px;width:100%;height:21px;overflow:hidden;position:relative}.mod-typebar .cnt{margin-right:87px;overflow:hidden}.mod-typebar .typebar-item{line-height:21px;font-size:14px;color:#333;margin-right:39px;display:block;float:left}.mod-typebar .typebar-item a{display:block;height:21px;line-height:21px}.mod-typebar .typebar-all{margin-right:0;position:absolute;top:0;right:0;bottom:0}.mod-typebar .typebar-all a{display:block;height:21px;color:#ff2f39}.mod-typebar .typebar-all a:after{content:"";display:table;clear:both}.mod-typebar .typebar-all .text{float:left}.mod-typebar .typebar-all .icon-type-all{float:left;margin-left:12px;width:20px;height:20px;background-image:url(../images/icon-type-all.13658547bbaac593.png);background-size:contain;background-position:50%;background-repeat:no-repeat}@media (max-width:1199px){.pc-main-cnt{width:924px}}@media (max-width:1024px){.mod-typebar .typebar-item{font-size:18px;margin-bottom:6px}.mod-typebar{height:26px}}
.wrapper-index .mod-comic{overflow:hidden}.wrapper-index .mod-comic .panel-comic-l{float:left;width:446px;height:597px}.wrapper-index .mod-comic .panel-comic-l .list-book a,.wrapper-index .mod-comic .panel-comic-l .list-book img{display:block;width:100%;height:100%}.wrapper-index .mod-comic .panel-comic-l .list-book .swiper-slide-active{-webkit-box-shadow:0 3px 57px #fff;box-shadow:0 3px 57px #fff}.wrapper-index .mod-comic .panel-comic-l .list-book .swiper-slide{width:262px;height:351px;float:left;border-radius:6px;overflow:hidden}.wrapper-index .mod-comic .panel-comic-l .list-book .book-pagination{margin-top:16px}.wrapper-index .mod-comic .panel-comic-l .list-book .book-pagination .swiper-pagination-bullet{background-color:#ccc;opacity:1;margin-right:7px}.wrapper-index .mod-comic .panel-comic-l .list-book .book-pagination .swiper-pagination-bullet-active{background-color:#7f7f7f}.wrapper-index .mod-comic .book-hd-cnt{margin-top:16px}.wrapper-index .mod-comic .book-hd-cnt .mod-detail-info .detail-title{font-size:22px;padding-bottom:10px}.wrapper-index .mod-comic .book-hd-cnt .mod-detail-info .detail-info-btags,.wrapper-index .mod-comic .book-hd-cnt .mod-detail-info .detail-info-btips{margin-bottom:10px}.wrapper-index .mod-comic .book-hd-cnt .mod-detail-info .detail-desc{max-height:88px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}.wrapper-index .mod-comic .book-hd-cnt .mod-detail-info .detail-btn{position:absolute;top:0;right:0}.wrapper-index .mod-comic .book-hd-cnt .mod-detail-info .detail-btn .ui-btn{padding-left:30px;padding-right:30px}.wrapper-index .mod-comic .panel-comic-r{overflow:hidden;max-height:616px;font-size:0}.wrapper-index .mod-comic .panel-comic-r>li{display:inline-block;margin-left:20px;margin-bottom:20px}@media (max-width:1024px){.wrapper-index .mod-comic .book-hd-cnt .mod-detail-info .detail-title{font-size:24px}.wrapper-index .mod-comic .book-hd-cnt .mod-detail-info .detail-desc{-webkit-line-clamp:3;font-size:16px}.mod-vitem-comic-mask .comic-info{bottom:-1px}}
.mod-detail-info{position:relative}.mod-detail-info .detail-title{font-size:30px;padding-bottom:16px}.mod-detail-info .detail-info{font-size:0}.mod-detail-info .detail-info .author{display:inline-block;color:#979797;margin-right:10px;font-size:14px;vertical-align:middle}.mod-detail-info .detail-info .tag-list{display:inline-block;font-size:12px;vertical-align:middle}.mod-detail-info .detail-info .tips{display:inline-block;font-size:12px;color:#999;margin-right:20px}.mod-detail-info .detail-info .tips b{margin-left:4px;font-size:14px;font-weight:500;color:#000}.mod-detail-info .detail-info .icon{display:inline-block;vertical-align:middle;margin-bottom:3px}.mod-detail-info .detail-info .icon.icon-time{background-image:url(../images/icon-detail-info.48d258861a8f24fa.png);background-position:-39px -18px;background-size:67px 34px;width:12px;height:13px}.mod-detail-info .detail-info .icon.icon-hot{background-image:url(../images/icon-detail-info.48d258861a8f24fa.png);background-position:-57px 0;background-size:67px 34px;width:10px;height:14px}.mod-detail-info .detail-info .icon.icon-collection{background-image:url(../images/icon-detail-info.48d258861a8f24fa.png);background-position:-39px 0;background-size:67px 34px;width:13px;height:13px}.mod-detail-info .detail-info .icon.icon-like{background-image:url(../images/icon-detail-info.48d258861a8f24fa.png);background-position:0 0;background-size:67px 34px;width:34px;height:34px}.mod-detail-info .detail-info .ui-tag.blue{color:#428096;background-color:#def6ff;border:none;padding:1px 5px;border-radius:2px}.mod-detail-info .detail-info .ui-tag.gray{color:#666;background-color:#f3f3f3;border:none;padding:1px 5px;border-radius:2px}.mod-detail-info .detail-info .ui-tag.red{background-color:rgba(255,47,57,.06);color:#cb666b;border:none;padding:1px 5px;border-radius:2px}.mod-detail-info .detail-info .detail-info-stips{margin-bottom:14px}.mod-detail-info .detail-info .detail-info-btips{margin-bottom:20px}.mod-detail-info .detail-info .detail-info-stags{margin-bottom:14px;position:relative}.mod-detail-info .detail-info .detail-info-stags .tag-list{float:left;margin-top:8px;margin-right:150px;height:18px;overflow:hidden}.mod-detail-info .detail-info .detail-info-stags .tips{float:right;position:absolute;right:0;bottom:-9px}.mod-detail-info .detail-info .detail-info-stags .tips b{font-family:DIN}.mod-detail-info .detail-info .detail-info-btags{margin-bottom:20px}.mod-detail-info .detail-desc{margin-bottom:17px;font-size:13px;color:#333;line-height:22px}.mod-detail-info .detail-desc .desc-btn{cursor:pointer;color:#20c3ff}.mod-detail-info .detail-desc .desc-btn:hover{color:#10a5dc}@media (max-width:1024px){.mod-detail-info .detail-info .tips{font-size:14px;margin-right:10px}.mod-detail-info .detail-info .tips b{font-size:14px}.mod-detail-info .detail-desc{font-size:16px}.mod-detail-info .detail-info .author{font-size:18px}.mod-detail-info .detail-title{font-size:34px;padding-bottom:13px}}
.ui-tag{padding:0 3px;border:1px solid #979797;border-radius:2px;line-height:16px;height:16px}.ui-tag,.ui-tag-activity{float:left;margin-right:8px;font-size:12px;color:#333}.ui-tag-activity{padding:0;height:18px;line-height:18px;padding:0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;position:relative;border-radius:3px}.ui-tag-activity:before{content:"";position:absolute;top:0;left:0;width:29px;height:100%;background-color:#3785e2;z-index:1;color:#fff;font-style:italic}.ui-tag-activity:after{content:"";position:absolute;top:0;right:5px;bottom:0;left:20px;border-radius:0 3px 3px 0;-webkit-transform:skew(-18deg);transform:skew(-18deg);background-color:#deedfc;z-index:2}.ui-tag-activity .deco{display:block;position:absolute;top:4px;left:6px;width:8px;height:9px;background-image:url(../images/tag.973f5885f26e6455.png);background-size:contain;background-position:50%;background-repeat:no-repeat;z-index:3}.ui-tag-activity .text{display:-webkit-box;-webkit-box-align:center;position:relative;top:0;left:0;padding:0 12px 0 20px;width:100%;height:100%;color:#3785e2;z-index:4;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:1024px){.ui-tag{font-size:14px}}

.mod-vitem-comic-mask{position:relative;display:inline-block;width:216px;height:288px;border-radius:4px;overflow:hidden}.mod-vitem-comic-mask a,.mod-vitem-comic-mask img{display:block;width:100%;height:100%}.mod-vitem-comic-mask .comic-info{width:100%;height:74px;position:absolute;left:0;bottom:0;z-index:2;background-color:hsla(0,0%,100%,.92)}.mod-vitem-comic-mask .comic-info h4{font-size:16px;font-weight:500;margin-top:10px;margin-left:6px}.mod-vitem-comic-mask .comic-info p{font-size:12px;color:#666;margin-left:6px;margin-top:2px}.mod-vitem-comic-mask .comic-info .ui-tag{color:#333;margin-left:0}.mod-vitem-comic-mask .comic-info .tag-wrap{margin-top:5px;height:20px;overflow:hidden;margin-left:5px}.mod-vitem-comic-mask .comic-mask{width:100%;height:45px;opacity:.9;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(76,84,103,0)),to(#191d29));background-image:linear-gradient(-180deg,rgba(76,84,103,0),#191d29);position:absolute;left:0;bottom:74px}.mod-vitem-comic-mask .comic-mask p{font-size:14px;color:#fff;position:absolute;right:10px;bottom:10px}@media (max-width:1024px){.mod-vitem-comic-mask .comic-info h4{font-size:18px}.mod-vitem-comic-mask .comic-mask p{font-size:16px}.mod-vitem-comic-mask .comic-info p{font-size:14px}}
.mod-anime{margin-bottom:20px}.mod-anime .list-anime{overflow:hidden;margin-left:-10px;margin-right:-10px;max-height:1480px}.mod-anime .item-anime{float:left;margin-left:10px;margin-right:10px;height:370px;overflow:hidden}
.mod-vitem-anime a{display:block;width:216px}.mod-vitem-anime .anime-img{width:216px;height:288px;border-radius:4px;overflow:hidden;position:relative}.mod-vitem-anime .anime-img img{display:block;width:100%;height:100%}.mod-vitem-anime .anime-mask{width:100%;height:32px;position:absolute;left:0;bottom:0;background:-webkit-gradient(linear,left bottom,left top,from(#4c5467),to(rgba(76,84,103,0)));background:linear-gradient(0deg,#4c5467,rgba(76,84,103,0))}.mod-vitem-anime .anime-mask p{font-size:14px;color:#fff;position:absolute;right:10px;bottom:10px}.mod-vitem-anime .anime-mask .icon-video{width:12px;height:0;position:relative;vertical-align:middle}.mod-vitem-anime .anime-mask .icon-video:after{content:"";display:block;position:absolute;top:-12px;width:12px;height:17px;background:url(../images/icon-anime-play.8415e43cda7342cb.png) no-repeat;background-size:100% auto;margin-right:5px}.mod-vitem-anime .anime-info{margin-top:10px;margin-bottom:30px}.mod-vitem-anime .anime-info h4{font-size:16px}.mod-vitem-anime .anime-info p{font-size:12px;color:#666}@media (max-width:1024px){.mod-vitem-anime .anime-info h4{font-size:18px}.mod-vitem-anime .anime-info p,.mod-vitem-anime .anime-mask p{font-size:16px}}
.biz-ugc{position:relative;overflow:hidden}.biz-ugc .mask-waterfall{width:100%;height:380px;text-align:center;position:absolute;left:0;bottom:0;display:none}.biz-ugc .mask-waterfall.show{display:block}.biz-ugc .mask-waterfall .mask{width:100%;height:380px;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.1)),to(#fff));background:linear-gradient(180deg,hsla(0,0%,100%,.1),#fff);text-align:center;position:absolute;left:0;bottom:0;z-index:9;pointer-events:none}.biz-ugc .mask-waterfall .btn-more{display:inline-block;margin-top:320px;padding:9px 30px;position:relative;z-index:9}.biz-ugc ul{overflow:hidden;margin-left:-10px;margin-right:-10px}.biz-ugc .list-waterfall{width:216px;float:left;margin-left:10px;margin-right:10px}@media (max-width:1199px){.biz-ugc .waterfall5{display:none}}
.dialog-ugc{position:fixed;width:100%;height:100%;left:0;top:0;z-index:100;display:none;background-color:rgba(0,0,0,.6)}.dialog-ugc.show{display:block}.dialog-ugc .dialog-ugc-cnt{width:558px;height:572px;background:url(../images/bg-dialog.7aa260c766e699be.png) no-repeat;background-size:100% auto;position:absolute;left:50%;top:50%;margin-left:-279px;margin-top:-286px;overflow:hidden}.dialog-ugc .title{width:102px;height:36px;background:url(../images/hot-ugc.ee9c986edb223902.png) no-repeat;background-size:100% auto;margin:0 auto;margin-top:40px}.dialog-ugc .main-dialog-ugc{margin-bottom:8px;overflow-x:hidden}.dialog-ugc .dialog-bd{margin:18px auto 0;padding:0 19px 0 39px;width:520px;height:440px;overflow-y:scroll;-webkit-box-sizing:border-box;box-sizing:border-box}.dialog-ugc .dialog-bd h3{margin-bottom:20px}.dialog-ugc .dialog-bd .list-dialog-ugc{overflow:hidden;margin-right:-23px;width:465px}.dialog-ugc .dialog-bd .list-dialog-ugc li{float:left;margin-right:23px;margin-bottom:20px}.dialog-ugc .dialog-bd .list-dialog-ugc li a{display:block;width:70px}.dialog-ugc .dialog-bd .list-dialog-ugc li img{width:70px;height:70px;border-radius:4px;overflow:hidden}.dialog-ugc .dialog-bd .list-dialog-ugc li p{font-size:13px;height:38px;text-align:center}
.wrapper-index .pc-footer{background-color:transparent}.pc-footer{width:100%;height:292px;position:relative;z-index:9}.pc-footer .list-contact{margin:0 auto;padding-top:40px;width:600px;position:relative;z-index:9}.pc-footer .list-contact li{float:left;width:300px;position:relative}.pc-footer .list-contact li i{display:block;margin:0 auto}.pc-footer .list-contact li p{font-size:16px;margin-top:12px;text-align:center}.pc-footer .list-contact li:hover .qrcode{display:block}.pc-footer .list-contact .icon-weibo{width:110px;height:85px;background:url(../images/icon-footer.177cf654bbc6cba6.png) no-repeat;background-size:330px 85px;background-position:0 0}.pc-footer .list-contact .icon-wechat{width:110px;height:85px;background:url(../images/icon-footer.177cf654bbc6cba6.png) no-repeat;background-position:-110px 0;background-size:330px 85px}.pc-footer .list-contact .icon-download{background:url(../images/icon-footer.177cf654bbc6cba6.png) no-repeat;background-position:-220px 0;background-size:330px 85px;width:110px;height:85px}.pc-footer .qrcode{width:126px;height:134px;background:url(../images/bg-qrcode.9d4d34ed3f5f0a15.png);background-size:100% auto;position:absolute;left:50%;margin-left:-63px;top:-145px;overflow:hidden;display:none;z-index:2}.pc-footer .qrcode img{width:102px;height:102px;margin-top:13px;margin-left:12px}.pc-footer .text-site{margin-top:30px;position:relative}.pc-footer .text-site p{font-size:12px;color:#999;text-align:center}.pc-footer .tactics{margin-bottom:12px;text-align:center;font-size:12px;color:#666}.pc-footer .tactics i{margin:0 .4em}

.ui-dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:center;background:rgba(0,0,0,.4);display:none}.ui-dialog.show{display:-webkit-box}.ui-dialog-cnt{border-radius:3px;width:296px;-webkit-background-clip:padding-box;pointer-events:auto;background-color:#fff;position:relative;border-top:4px solid #12b7f5;-webkit-box-sizing:border-box;color:#000}.ui-dialog-hd{width:100%;text-align:center;min-height:45px;overflow:hidden}.ui-dialog-bd,.ui-dialog-hd{display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;border-top-left-radius:3px;border-top-right-radius:3px}.ui-dialog-bd{min-height:46px;padding:18px 28px;-webkit-box-orient:vertical}.ui-dialog-bd h2,.ui-dialog-bd h3{font-size:20px;width:auto;margin:1px auto 5px}.ui-dialog-bd>p{font-size:16px;width:auto;margin:2px auto}.ui-dialog-ft{border-bottom-left-radius:3px;border-bottom-right-radius:3px;display:-webkit-box;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;border-top:1px solid #e9e9e9;height:45px;line-height:45px}.ui-dialog-ft button{font-size:18px;text-align:center;width:100%;line-height:45px;display:block;margin:0;-webkit-box-flex:1}.ui-dialog-ft button:active{background-color:rgba(0,0,0,.1)}.ui-dialog-ft button:first-child{border-bottom-left-radius:3px}.ui-dialog-ft button:last-child{border-bottom-right-radius:3px}.ui-dialog-ft button:first-child:nth-last-child(2){position:relative}.ui-dialog-ft button:first-child:nth-last-child(2):after{content:"";position:absolute;right:0;top:0;display:block;width:1px;height:100%;border-right:1px solid #e9e9e9}@media screen and (-webkit-min-device-pixel-ratio:2){.ui-dialog-ft{position:relative;border:0;background-position:0 0;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.5,transparent),color-stop(.5,#e9e9e9));background-repeat:repeat-x;-webkit-background-size:100% 1px}.ui-dialog-ft button:first-child:nth-last-child(2):after{content:"";position:absolute;right:0;top:0;display:block;width:1px;height:100%;border-right:0;background-position:100% 0;background-image:-webkit-gradient(linear,left top,right top,color-stop(.5,transparent),color-stop(.5,#e9e9e9));background-repeat:repeat-y;-webkit-background-size:1px 100%}}

/* 幻灯片*/
        .carousel ul{
            width: 100%;
            height: 100%;
        }
        .carousel ul li a img{
            width: 500px;
            height: 300px;
        }
        .bullet{
            position: absolute;
            font-size: 0;
            bottom: 20px;
            left: 50%;
            margin-left: -42px;
        }
        .bullet span{
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	margin-left: 15px;
	border-radius: 10px;
        }
        .bullet span:first-child{
            margin-left: 0;
        }
        .switch{

        }
        .switch span{
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: rgba(0,0,0,.1);
	font-size: 20px;
	color: #ffffff;
	top: 50%;
	margin-top: -25px;
	cursor: pointer;
	font-family: "宋体";
        } 
		.switch span:hover{

	background-color: rgba(0,0,0,.5);

        }
        .prev{
            left: 0;
        }
        .next{
            right: 0;
        }
        .active{
            background-color: red !important;
        }
        
 /*设置轮播图的边框相对定位*/
/* flexslider */
.flexslider{position:relative;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../img/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../img/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.flex-viewport .img{width: 845px;height: 414px;}
/*返回顶部*/
#shape{

	background: url("../images/rocket.png") no-repeat scroll 0 0  transparent;
	display: block;
	height: 250px;
	width: 149px;
	overflow: hidden;
	border-color: red;
	position: fixed;
	margin:-125px 0 0;
	right: 0;
	top:80%;
	z-index: 12;
}
#shape .shapeColor{
	background: url("../images/rocket.png") no-repeat scroll -149px 0;
	display:none; 
    height:250px;
    width: 149px;
    z-index:11;
    overflow: hidden;
    position: absolute;
}

#shape .shapeColor .shapeFly{
	background: url("../images/rocketFly.gif") no-repeat;
	display:none; 
    height:250px;
    width: 149px;
    z-index:10;
    overflow: hidden;
    position: absolute;
}