.cartoon-item.normal-list h3,.cartoon-item.recommend h3{cursor:pointer}
.cartoon-item.normal-list h3:hover,.cartoon-item.recommend h3:hover{opacity:.75}
.cartoon-item.normal-list>p:after{content:"";clear:both;display:block}
.cartoon-item.normal-list>p .author,.cartoon-item.normal-list h3,.cartoon-item.recommend>p,.cartoon-item.recommend h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cartoon-item.normal-list,.cartoon-item.recommend{position:relative}
.cartoon-item.normal-list .img-box,.cartoon-item.recommend .img-box{position:relative;transition:transform .2s ease 0s;transform-origin:center center;cursor:pointer}
.cartoon-item.normal-list .img-box:hover,.cartoon-item.recommend .img-box:hover{transform:scale(1.05)}
.cartoon-item.normal-list .img-box>img,.cartoon-item.recommend .img-box>img{width:100%;-o-object-fit:cover;object-fit:cover;display:block;border:none;border-radius:4px}
.cartoon-item.normal-list{width:140px;padding:10px 0}
.cartoon-item.normal-list .img-box>img{height:190px}
.cartoon-item.normal-list .img-box .hot-value{display:none}
.cartoon-item.normal-list h3{margin-top:5px;width:100%;line-height:20px;font-size:14px;color:#232227}
.cartoon-item.normal-list>p{width:100%;font-size:12px;line-height:18px;color:#999;position:relative}
.cartoon-item.normal-list>p .author{float:left;width:60%}
.cartoon-item.normal-list>p .hot-value{float:right;width:40%;white-space:nowrap;text-align:right}
.cartoon-item.normal-list>p .hot-value:before{content:"";display:inline-block;width:10px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYBAMAAAAMkBB4AAAAKlBMVEVHcEyZmZmWlpaZmZmZmZmampqZmZmampqZmZmZmZmZmZmampqZmZmZmZm5PBcDAAAADXRSTlMA0gjrU4yjMGW4Qh18SalxbQAAAL1JREFUGNNNzzEKwkAQBdBvjFGDRS4QCFgFLG0FwTpHELyAEPACaS0ELyDYWAqCiG08gEUMiVH5d3HGxOgWy9vP7OwsAOwOqFc//x26HNZukfHXPbL4y7mtbImdyk1xcVYZ2IsfS/UArpjuWBycyKy6sZH4tSKfgK0FN2mbAwu1Y7hMPczJZBojIEOMyLvvoUFGkIpZOUekeSg21S4TfbGt0VWbqVPgyExt6xfMMu9wLfvkU2/lns580Ql92d5SBl41lHBQ2gAAAABJRU5ErkJggg==) no-repeat 50%;background-size:100%}
.cartoon-item.recommend{width:192px}
.cartoon-item.recommend .img-box>img{height:272px}
.cartoon-item.recommend .img-box>.hot-value{position:absolute;top:0;right:0;padding:4px 8px 4px 14px;color:#fff;border-radius:0 4px 0 20px;background-color:#ff8f55}
.cartoon-item.recommend .img-box>.hot-value:before{content:"";display:inline-block;width:10px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAMAAADJYP15AAAARVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////9X1DS3AAAAFnRSTlMALkXf+gfvo4ZT0wNoH8u+XpGxN3URaAps0QAAALtJREFUKM9tkFcWhCAMRYNSBKRZsv+lDobAjKP5gdyT8vIAKKYS4CWUluZ84QlRT09csMbxwMuFcX3Hcv/DhjA6f8dzw5iDGOqqbqaY1sT0XMDHjqVD27CVoS1cJD2x4Q1dqwy5vXTWGIuKZZpKhe7U1eXUp9UQHAudbikRXbAUaqs14CnNAHKM+5pQrdG9jdVyNR0yDxP2K925a8wAwUXhmlIGnrrr9la9Im68Rf/MNmhUt/CI7Br41H4fA+ESEX/VzyMAAAAASUVORK5CYII=) no-repeat 50%;background-size:100%}
.cartoon-item.recommend h3{margin-top:10px;font-size:18px;color:#232227}
.cartoon-item.recommend>p{font-size:14px;color:#999}
.cartoon-item.recommend>p .author{width:100%}
.cartoon-item.recommend>p .hot-value{display:none}
.cartoon-item-update .cartoon-info .main-title,.cartoon-item-update .cartoon-info .tag-box span,.cartoon-item-update .poster-box .poster,.cartoon-item-update .tips a,.cartoon-item-update .tips span{cursor:pointer}
.cartoon-item-update .cartoon-info .main-title:hover,.cartoon-item-update .cartoon-info .tag-box span:hover,.cartoon-item-update .poster-box .poster:hover,.cartoon-item-update .tips a:hover,.cartoon-item-update .tips span:hover{opacity:.75}
.cartoon-item-update .cartoon-info:after{content:"";clear:both;display:block}
.cartoon-item-update .cartoon-info .main-title,.cartoon-item-update .cartoon-info .tag-box span,.cartoon-item-update .poster-box .cartoon-title,.cartoon-item-update .tips{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cartoon-item-update .poster-box{width:100%;height:163px;margin:0 auto;border-radius:5px;overflow:hidden;position:relative}
.cartoon-item-update .poster-box .poster{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}
.cartoon-item-update .poster-box .cartoon-title{position:absolute;width:100%;left:0;bottom:0;padding:10px 10px 8px;color:#fff;background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}
.cartoon-item-update .poster-box .hot-value{position:absolute;top:0;right:0;padding:4px 8px 4px 14px;color:#fff;border-radius:0 4px 0 20px;background-color:#ff8f55}
.cartoon-item-update .poster-box .hot-value:before{content:"";display:inline-block;width:10px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAMAAADJYP15AAAARVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////9X1DS3AAAAFnRSTlMALkXf+gfvo4ZT0wNoH8u+XpGxN3URaAps0QAAALtJREFUKM9tkFcWhCAMRYNSBKRZsv+lDobAjKP5gdyT8vIAKKYS4CWUluZ84QlRT09csMbxwMuFcX3Hcv/DhjA6f8dzw5iDGOqqbqaY1sT0XMDHjqVD27CVoS1cJD2x4Q1dqwy5vXTWGIuKZZpKhe7U1eXUp9UQHAudbikRXbAUaqs14CnNAHKM+5pQrdG9jdVyNR0yDxP2K925a8wAwUXhmlIGnrrr9la9Im68Rf/MNmhUt/CI7Br41H4fA+ESEX/VzyMAAAAASUVORK5CYII=) no-repeat 50%;background-size:100%}
.cartoon-item-update .cartoon-info{padding:8px 0 0}
.cartoon-item-update .cartoon-info .main-title{float:left;max-width:160px;font-size:14px;color:#232227}
.cartoon-item-update .cartoon-info .tag-box{float:right;height:25px}
.cartoon-item-update .cartoon-info .tag-box span{display:inline-block;padding:0 10px;color:#00b798;border:1px solid #00b798;border-radius:2px;max-width:50px;margin-left:4px}
.cartoon-item-update .tips{padding:5px 0 0;color:#999}
.cartoon-item-update .tips a{color:#00b798}
.rank-item .rank-list li .detail .detail-box .author,.rank-item .rank-list li .detail .detail-box .tag-box span,.rank-item .rank-list li .detail .detail-box .update-status,.rank-item .rank-list li .detail .detail-box h3,.rank-item .rank-list li .detail .poster-box,.rank-item>dt{cursor:pointer}
.rank-item .rank-list li .detail .detail-box .author:hover,.rank-item .rank-list li .detail .detail-box .tag-box span:hover,.rank-item .rank-list li .detail .detail-box .update-status:hover,.rank-item .rank-list li .detail .detail-box h3:hover,.rank-item .rank-list li .detail .poster-box:hover,.rank-item>dt:hover{opacity:.75}
.rank-item .rank-list li .simple:after{content:"";clear:both;display:block}
.rank-item.page-cartoon-detail .rank-list li .detail .detail-box>h3,.rank-item .rank-list li .detail .detail-box .update-status,.rank-item .rank-list li .simple .author,.rank-item .rank-list li .simple .reward,.rank-item .rank-list li .simple .title,.rank-item .rank-list li .simple .update-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-item{padding:0 10px;list-style:none}
.rank-item>dt{font-size:24px;color:#232227;font-weight:700}
.rank-item>dt .get-more{float:right;font-size:12px;line-height:36px;color:#00b798}
.rank-item>dt .get-more:after{content:"";margin-left:5px;display:inline-block;width:6px;height:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUBAMAAABL3sEiAAAAIVBMVEVHcEwxs5kwtJotsZkxtJkxtJoxs5kxtJozs4AxtZoxs5kwWfYdAAAACnRSTlMA8DkX1W3+rwWPShEeuQAAAFBJREFUCNdjYC5UYAACk2VCIKpq1UIQV2rVKhBXcRWYy4STuwRIca5alQikwlatWs7AwJq1apUzmLPEAJUDMhPIYZgF5jC0gzkMHOEgDhQAAEAaIVIs2WckAAAAAElFTkSuQmCC) no-repeat 50%;background-size:100%}
.rank-item .rank-list{padding:15px 0 0}
.rank-item .rank-list li:first-child .simple .index,.rank-item .rank-list li:nth-child(2) .simple .index,.rank-item .rank-list li:nth-child(3) .simple .index{color:#00b798}
.rank-item .rank-list li:first-child .simple .reward,.rank-item .rank-list li:nth-child(2) .simple .reward,.rank-item .rank-list li:nth-child(3) .simple .reward{color:#e99d33}
.rank-item .rank-list li:first-child .detail .detail-box h3 .index{font-size:0;text-indent:-9999px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAAz1BMVEVHcEz80D3/6jz8zkPyyy3/wz/uyiv/+FD600/40WD51mf/zTn3wjv73EP82EL6v0P9zEb6vD795Xv810f7y0D70VD1xTb8xUH82EL2y1j/vz7/vD752lf730P94Ur840X/vT74uDv+xj/71kL80kH7303740T64kX9yD/81UL74kT5ylD/74j631r9xD/tySr72EL/uz771EL63EP9x0D+vj775UX+wT/9ykD630T64UTyuT/95Xz/7YbzvUX833L1xlH0wkzxtDj640X82VnNCbxrAAAALnRSTlMAEAEZT/uVAiX+/ggz+/vMdurhkENUvZ+y/or2ocQ5YmKv29j9hffi7e3tsVrPZr9MZQAAAiVJREFUSMft1tt2ojAUBuAQdAjICKig9Xw+th4QFBkVrH3/Z5qdqC2o1LRrLmatmd874WOzE1YShBJCSiWCvhahXPHsfl74ApGaxsL1bH81bki8pqAtIBQdVy91LiK2FiztDqDjasXRWqZcYaSiZzK9/pGm38t8SjA0w1IUEYaiVaaOgwZONqp2Ipp6fgau15jya0mtiUV34QIxmhi9P1lqDI4+ZFMV7zWjV1zIolK+6kDo9anyx/pNa6m2y9Ii9z6ODcT3B2Z8AKw1I1ohYeY6lC03teiASIwYzcT5lxpjyjbRG6Q1pBz70kRCyEcTWBLyN8hdu2kUmwxrNpulYtV+LpfL60rp+At9CxWsbyD0459E0+n0L0LZ+Xz+H/055DhXCIuqKjxEjnmlriqbWdu2Y8ihuSys5/960TvUmj2HXwwNmXKKkWVUlZ8ji2/XphlJ8Z0vzdTwYxltyTnpsviOGMne7IxkAsbzvPZ5yNRXeXcqleowYt/bqHChTZHnWexiCxAtRUpMdDsJi6+kD5ny4DXUV0C7ZyHf7dJ2Rnry5isUgTjTqWEZDO2C4O0NyjzY5om1/8VyQluaXB19vsljZBpnJl8MzyFE1Pb7CAKDHyMsgILI222wDXK8hx2mDnIA4TYI6wfIk6IEQZX/cFQ8HMLwSZYV5YX/QKWF4Rkp3CcqiZmJTBVvT5iAqRIk5gGZvJXMcHIqIFYVnbdSQX2fT3Kv0m9w/XZj1z4uYwAAAABJRU5ErkJggg==) no-repeat 50%;background-size:100%}
.rank-item .rank-list li:nth-child(2) .detail .detail-box h3 .index{font-size:0;text-indent:-9999px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAAt1BMVEVHcEy/0d+5zNrP3vHs//+/0eDB0uTg7/TR4PO2yda0yNTP3/C4zt2zyNezx9S91Oa6zNuzxtPL2u3B1eXR4vPU5POyyNXQ4PC9z+Czx9S90ODP4POzxtOyxdLU4vTC1ea2ydbU4vXI1+i81ObW5fSuydvq9P3D1OSiyOGzxtO4ytjP3u/J2erK3O67zdvT4vS9zt2szuWxxdHk8PrG1ue10ubW5fbe7Pi/0N+71+qkyeLO4vHt9v6sJeo8AAAAKXRSTlMAJzf6ARcMA/7+oWltgvBA+uL72ORQXpNNrZPPyfd+wbin7+i30cq4vgWbOiYAAAJzSURBVEjHpdbZeqowEABglgAqIFI2FfeliiAREGyl7/9cJwm2ZVOgZ7zSzz+TyU5RT4Je7WiqUwBenvddaPEdjGCqYdh3k0QXhbZpmFkYZiiBttLKcJPQwUjVE5hACNfNpaFisAiHssAvehhBdvG6NGCqDkkz4EjSNSShG+C5YWaOg9GMyZoAFGNnzGaeFTNwSKhmrl0g6hD2UKy5umKkISFzuVQBv2Ax6tWUNlb7xEwqYwUAvSbK1Y3C7/Sq38doXz8rgmIT5e5ypQl9EkMpN/88o9A/X4Eg6i4OVigiZ5rrM5DmeEhyfeUsFqsSKhTDZAO5L6z7GlQoUnaclYQmutAS+xpRaMpMauU4TGc0e41Op1MR8Rwn0PMqOr9CeJRRoiHfDeEeOlLhF/Z8bkAyXlPFHfHWhMbIzEortAlxaMmr5c1QRaNy58LKvmtCaBRk6g/IrCLP8/4X+b5fQeoEBd0RkWA6oWEWndDPCvwLorohoBjN6DItrZr9e+kAtrwq8kf5EwwoQWTkd5e48bxrHoGVj9lFG//+7RhEuVRj7epdkTnkR0bRLij8y4H+TnQPoi/j+wA+YHL18o2SHkrbC4nHkXnEKEvFT68kNjUXMDcl6GMrm/Jxf8fo631niYtNZiyu/ulwQCYOguCOA6PoK4puNxeR5ZNbDQAw1j6Iwi7A4mE049WdK8ijLFdwj7M0yGwaXxPc4JErTm43YlAxoOnpQTHLOECfOEEqcVExgGoRQIpRfKYQPVnEVoJMNTaf53OaQqWtoSREUCCUiq3RFBPNxqms1miJiAGAYafprjXabskuwXe63tbwvxtLEOteYP8AP5Nw91LLUUAAAAAASUVORK5CYII=) no-repeat 50%;background-size:100%}
.rank-item .rank-list li:nth-child(3) .detail .detail-box h3 .index{font-size:0;text-indent:-9999px;background:url(../images/0be92e9.png) no-repeat 50%;background-size:100%}
.rank-item .rank-list li.detail .simple{display:none}
.rank-item .rank-list li.detail .detail{display:block}
.rank-item .rank-list li .simple .index{float:left;width:20px;font-size:16px;line-height:37px}
.rank-item .rank-list li .simple .title{float:left;font-size:14px;line-height:37px}
.rank-item .rank-list li .simple .author,.rank-item .rank-list li .simple .reward,.rank-item .rank-list li .simple .update-status{float:right;text-align:right;color:#999;line-height:37px}
.rank-item .rank-list li .simple .author span,.rank-item .rank-list li .simple .reward span,.rank-item .rank-list li .simple .update-status span{color:#00b798}
.rank-item .rank-list li .detail{width:100%;height:163px;position:relative;display:none}
.rank-item .rank-list li .detail .poster-box{position:absolute;top:0;left:0;overflow:hidden}
.rank-item .rank-list li .detail .poster-box>img{width:120px;height:163px;display:block;-o-object-fit:cover;object-fit:cover;border-radius:4px}
.rank-item .rank-list li .detail .poster-box .index{position:absolute;top:0;left:0;width:30px;height:30px;border-radius:4px 0 4px 0;font-size:14px;text-align:center;line-height:30px;color:#fff;background-color:#00b798}
.rank-item .rank-list li .detail .detail-box{padding-left:130px}
.rank-item .rank-list li .detail .detail-box h3{font-size:20px;line-height:26px;max-height:51px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;text-overflow:ellipsis;overflow:hidden;word-break:break-all;color:#232227}
.rank-item .rank-list li .detail .detail-box h3 .index{display:inline-block;vertical-align:top;width:26px;height:26px;margin-right:3px;background-color:#232227;color:#fff;border-radius:2px;text-align:center;line-height:26px;font-size:16px}
.rank-item .rank-list li .detail .detail-box .author{padding:10px 0;color:#232227}
.rank-item .rank-list li .detail .detail-box .reward-value{color:#e99d33}
.rank-item .rank-list li .detail .detail-box .tag-box{padding:10px 0}
.rank-item .rank-list li .detail .detail-box .tag-box span{display:inline-block;padding:0 10px;color:#00b798;border:1px solid #00b798;border-radius:2px;margin-right:5px}
.rank-item .rank-list li .detail .detail-box .summary{font-size:12px;color:#999;height:36px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;text-overflow:ellipsis;overflow:hidden;word-break:break-all}
.rank-item .rank-list li .detail .detail-box .update-status{margin-top:20px}
.rank-item .rank-list li .detail .detail-box .update-status a{color:#00b798}
.rank-item.page-rank .rank-list li{margin:10px 0;padding:0 5px}
.rank-item.page-rank .rank-list li .detail,.rank-item.page-rank .rank-list li:nth-child(2n){background-color:#fbfbfb}
.rank-item.page-cartoon-detail{margin-top:30px;padding:0}
.rank-item.page-cartoon-detail .rank-list li .detail .poster-box .index{background-color:#e99d33}
.rank-item.page-cartoon-detail .rank-list li .detail .detail-box{height:100%;position:relative}
.rank-item.page-cartoon-detail .rank-list li .detail .detail-box>h3{height:auto;display:block}
.rank-item.page-cartoon-detail .rank-list li .detail .detail-box .summary{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;box-orient:vertical;text-overflow:ellipsis;overflow:hidden;word-break:break-all;height:auto;max-height:90px}
.rank-item.page-cartoon-detail .rank-list li .detail .detail-box .author,.rank-item.page-cartoon-detail .rank-list li .detail .detail-box .reward-value{padding:0 0 5px}
.rank-item.page-cartoon-detail .rank-list li:first-child .simple .index,.rank-item.page-cartoon-detail .rank-list li:first-child .simple .reward,.rank-item.page-cartoon-detail .rank-list li:nth-child(2) .simple .index,.rank-item.page-cartoon-detail .rank-list li:nth-child(2) .simple .reward,.rank-item.page-cartoon-detail .rank-list li:nth-child(3) .simple .index,.rank-item.page-cartoon-detail .rank-list li:nth-child(3) .simple .reward{color:#e99d33}
#page-index .banner-position,#page-index .classify-nav,#page-index .free-cartoon,#page-index .kuman-recommend,#page-index .kuman-recommend .recommend-card-swiper,#page-index .recommend-cartoon-box,#page-index .update{width:1140px;margin:0 auto}
#page-index .classify-nav li,#page-index .free-cartoon .get-more,#page-index .recommend-cartoon-box .recommend-cartoon .get-more,#page-index .update .title-group>ul li{cursor:pointer}
#page-index .classify-nav li:hover,#page-index .free-cartoon .get-more:hover,#page-index .recommend-cartoon-box .recommend-cartoon .get-more:hover,#page-index .update .title-group>ul li:hover{opacity:.75}
#page-index .free-cartoon .free-cartoon-list:after,#page-index .free-cartoon:after,#page-index .recommend-cartoon-box .recommend-cartoon .recommend-cartoon-list:after,#page-index .recommend-cartoon-box:after,#page-index .update .title-group:after,#page-index .update .title-group>ul:after{content:"";clear:both;display:block}
#page-index .classify-nav{position:relative;z-index:10}
#page-index .classify-nav li{display:inline-block;padding:20px 15px;line-height:20px;font-size:14px;color:hsla(0,0%,100%,.5)}
#page-index .classify-nav li.select{color:#00b798}
#page-index .banner-wrap{padding:0;background-color:rgba(35,34,39,.9);position:relative}
#page-index .banner-wrap:after,#page-index .banner-wrap:before{content:"";display:block;position:absolute;top:0;z-index:3;width:400px;height:100%}
#page-index .banner-wrap:before{left:0;background-image:linear-gradient(90deg,rgba(0,0,0,.65),transparent)}
#page-index .banner-wrap:after{right:0;background-image:linear-gradient(270deg,rgba(0,0,0,.65),transparent)}
#page-index .banner-wrap:hover .banner-prev{opacity:1;transform:translateX(0)}
#page-index .banner-wrap:hover .banner-prev.swiper-button-disabled{opacity:.2!important}
#page-index .banner-wrap:hover .banner-next{opacity:1;transform:translateX(0)}
#page-index .banner-wrap:hover .banner-next.swiper-button-disabled{opacity:.2!important}
#page-index .banner-box{padding:20px 0;height:425px;position:relative;min-width:1140px;width:100%;overflow:hidden}
#page-index .banner-box .banner-swiper-center,#page-index .banner-box .banner-swiper-left,#page-index .banner-box .banner-swiper-right{border-radius:10px;overflow:hidden}
#page-index .banner-box .banner-swiper-center .swiper-slide>img,#page-index .banner-box .banner-swiper-left .swiper-slide>img,#page-index .banner-box .banner-swiper-right .swiper-slide>img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#page-index .banner-box .banner-swiper-left{width:690px;height:357px;position:absolute;top:33px;left:50%;margin-left:-1080px}
#page-index .banner-box .banner-swiper-center{width:744px;height:385px;margin:0 auto}
#page-index .banner-box .banner-swiper-right{width:690px;height:357px;position:absolute;top:33px;right:50%;margin-right:-1080px}
#page-index .banner-box .banner-next,#page-index .banner-box .banner-prev{position:absolute;top:150px;z-index:10;width:40px;height:120px;text-align:center;line-height:120px;background-color:rgba(35,34,39,.5);cursor:pointer;transition:all .2s ease 0s}
#page-index .banner-box .banner-prev{left:50%;margin-left:-540px;opacity:0;transform:translateX(-40px)}
#page-index .banner-box .banner-prev .ivu-icon{transform:rotate(-90deg)}
#page-index .banner-box .banner-next{right:50%;margin-right:-540px;opacity:0;transform:translateX(40px)}
#page-index .banner-box .banner-next .ivu-icon{transform:rotate(90deg)}
#page-index .kuman-recommend{margin-top:50px}
#page-index .kuman-recommend .title-group>h3{width:125px;height:31px;font-size:0;background:url(../images/795b57f.png) no-repeat 50%;background-size:100%;text-indent:-9999999px}
#page-index .kuman-recommend .title-group hr{margin:10px 0 5px;width:569px;height:2px;background-color:#232227;border:none}
#page-index .kuman-recommend .title-group>p{font-size:14px;color:#232227}
#page-index .kuman-recommend .title-group>p span{color:#999}
#page-index .kuman-recommend .recommend-swiper-box{position:relative}
#page-index .kuman-recommend .recommend-swiper-box .recommend-next,#page-index .kuman-recommend .recommend-swiper-box .recommend-prev{position:absolute;top:45px;z-index:5;width:40px;height:120px;text-align:center;line-height:120px;background-color:rgba(35,34,39,.5);cursor:pointer;transition:all .2s ease 0s}
#page-index .kuman-recommend .recommend-swiper-box .recommend-prev{left:0;opacity:0;transform:translateX(-40px)}
#page-index .kuman-recommend .recommend-swiper-box .recommend-prev .ivu-icon{transform:rotate(-90deg)}
#page-index .kuman-recommend .recommend-swiper-box .recommend-next{right:0;opacity:0;transform:translateX(40px)}
#page-index .kuman-recommend .recommend-swiper-box .recommend-next .ivu-icon{transform:rotate(90deg)}
#page-index .kuman-recommend .recommend-swiper-box:hover .recommend-prev{opacity:1;transform:translateX(0)}
#page-index .kuman-recommend .recommend-swiper-box:hover .recommend-prev.swiper-button-disabled{opacity:.2!important}
#page-index .kuman-recommend .recommend-swiper-box:hover .recommend-next{opacity:1;transform:translateX(0)}
#page-index .kuman-recommend .recommend-swiper-box:hover .recommend-next.swiper-button-disabled{opacity:.2!important}
#page-index .kuman-recommend .recommend-card-swiper .recommend-swiper{padding:20px 0}
#page-index .recommend-cartoon-box{margin-top:20px}
#page-index .recommend-cartoon-box .recommend-cartoon{float:left;width:780px;position:relative}
#page-index .recommend-cartoon-box .recommend-cartoon .recommend-title{font-size:24px;color:#232227}
#page-index .recommend-cartoon-box .recommend-cartoon .get-more{position:absolute;top:0;right:0;line-height:36px;color:#00b798}
#page-index .recommend-cartoon-box .recommend-cartoon .get-more:after{content:"";margin-left:5px;display:inline-block;width:6px;height:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUBAMAAABL3sEiAAAAIVBMVEVHcEwxs5kwtJotsZkxtJkxtJoxs5kxtJozs4AxtZoxs5kwWfYdAAAACnRSTlMA8DkX1W3+rwWPShEeuQAAAFBJREFUCNdjYC5UYAACk2VCIKpq1UIQV2rVKhBXcRWYy4STuwRIca5alQikwlatWs7AwJq1apUzmLPEAJUDMhPIYZgF5jC0gzkMHOEgDhQAAEAaIVIs2WckAAAAAElFTkSuQmCC) no-repeat 50%;background-size:100%}
#page-index .recommend-cartoon-box .recommend-cartoon .recommend-cartoon-list{list-style:none;padding:5px 0}
#page-index .recommend-cartoon-box .recommend-cartoon .recommend-cartoon-list>li{float:left;margin-right:20px}
#page-index .recommend-cartoon-box .recommend-cartoon .recommend-cartoon-list>li:nth-child(5n){margin-right:0}
#page-index .recommend-cartoon-box .recommend-type-rank{float:right}
#page-index .recommend-cartoon-box .recommend-type-rank .rank-item{width:342px}
#page-index .update{margin-top:20px;margin-bottom:20px}
#page-index .update .title-group>h2{float:left;font-size:24px;color:#232227}
#page-index .update .title-group>ul{float:left;margin-left:15px;list-style:none;line-height:36px}
#page-index .update .title-group>ul li{float:left;padding:0 15px;font-size:16px;color:#232227}
#page-index .update .title-group>ul li.selected{color:#00b798}
#page-index .update .update-cartoon-list{padding:15px 0 10px}
#page-index .update .update-cartoon-list:hover .update-prev{left:0;opacity:1;transform:translateX(0)}
#page-index .update .update-cartoon-list:hover .update-next{right:0;opacity:1;transform:translateX(0)}
#page-index .update .update-cartoon-list .update-next,#page-index .update .update-cartoon-list .update-prev{position:absolute;top:150px;z-index:1;width:40px;height:120px;text-align:center;line-height:120px;background-color:rgba(35,34,39,.5);cursor:pointer;transition:all .2s ease 0s}
#page-index .update .update-cartoon-list .update-next.swiper-button-disabled,#page-index .update .update-cartoon-list .update-prev.swiper-button-disabled{opacity:.2}
#page-index .update .update-cartoon-list .update-prev{left:0;transform:translateX(-40px)}
#page-index .update .update-cartoon-list .update-prev .ivu-icon{transform:rotate(-90deg)}
#page-index .update .update-cartoon-list .update-next{right:0;transform:translateX(40px)}
#page-index .update .update-cartoon-list .update-next .ivu-icon{transform:rotate(90deg)}
#page-index .free-cartoon{margin-top:20px;position:relative}
#page-index .free-cartoon>h2{font-size:24px;color:#232227}
#page-index .free-cartoon .get-more{position:absolute;top:0;right:0;line-height:36px;color:#00b798}
#page-index .free-cartoon .get-more:after{content:"";margin-left:5px;display:inline-block;width:6px;height:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUBAMAAABL3sEiAAAAIVBMVEVHcEwxs5kwtJotsZkxtJkxtJoxs5kxtJozs4AxtZoxs5kwWfYdAAAACnRSTlMA8DkX1W3+rwWPShEeuQAAAFBJREFUCNdjYC5UYAACk2VCIKpq1UIQV2rVKhBXcRWYy4STuwRIca5alQikwlatWs7AwJq1apUzmLPEAJUDMhPIYZgF5jC0gzkMHOEgDhQAAEAaIVIs2WckAAAAAElFTkSuQmCC) no-repeat 50%;background-size:100%}
#page-index .free-cartoon .free-cartoon-list{list-style:none;margin-top:20px;padding:5px 0}
#page-index .free-cartoon .free-cartoon-list>li{float:left;margin-right:45px;margin-bottom:30px}
#page-index .free-cartoon .free-cartoon-list>li:nth-child(5n){margin-right:0}
#page-index .banner-position{margin:30px auto}
#page-index .banner-position>img{width:100%;max-height:140px;-o-object-fit:cover;object-fit:cover;cursor:pointer}
#page-index .guide-download-footer-box{position:fixed;left:0;right:0;bottom:0;margin:auto;z-index:100;width:100vw;height:28.14vw;background:url(../images/footer-bg.png) 50% no-repeat;background-size:100% 100%}
#page-index .guide-download-footer-box .newkuman-qr-code{position:absolute;left:3vw;top:0;bottom:0;margin:auto;width:16vw;height:16vw}
#page-index .guide-download-footer-box .newkuman-kuwoman{position:absolute;right:0;bottom:1vw;margin:auto;width:24vw;height:32.39vw;background:url(../images/ku-woman.png) 50% no-repeat;background-size:100% 100%}
#page-index .guide-download-footer-box .newkuman-gift{position:absolute;right:12vw;bottom:-4vw;margin:auto;width:24vw;height:25.88vw;background:url(../images/gift.png) 50% no-repeat;background-size:100% 100%}
#page-index .guide-download-footer-box .newkuman-logo{position:absolute;left:21.61vw;top:3.17vw;width:4.79vw;height:4.8vw;background:url(../images/logo.png) 50% no-repeat;background-size:100% 100%}
#page-index .guide-download-footer-box .newkuman-update{position:absolute;left:26.71vw;top:2.08vw;width:15vw;height:5.78vw;background:url(../images/update.png) 50% no-repeat;background-size:100% 100%}
#page-index .guide-download-footer-box .newkuman-new-logo{position:absolute;left:42.76vw;top:1.56vw;width:6.25vw;height:6.25vw;background:url(../images/logo-new.png) 50% no-repeat;background-size:100% 100%}
#page-index .guide-download-footer-box .newkuman-text-1{position:absolute;left:21.61vw;top:9vw;font-size:1.4vw;line-height:1;color:#212a3c;font-weight:700}
#page-index .guide-download-footer-box .newkuman-text-2{position:absolute;left:21.61vw;top:12vw;font-size:2.23vw;color:#37445f;font-weight:700}
#page-index .guide-download-footer-box .newkuman-text-3{position:absolute;left:21.61vw;top:20.88vw;font-size:1.25vw;color:#384660;opacity:.8}
#page-index .guide-download-footer-box .newkuman-button{position:absolute;top:0;right:0;width:3vw;height:3vw;background:url(../images/close.png) 50% no-repeat;background-size:100% 100%;outline:none;border:none;cursor:pointer}
#page-index .guide-download-footer-box .newkuman-button:active{opacity:.5}