.sub-category-page .wrapper{width:1244px}#sub_category{margin-top:20px}#sub_category .top-bar{background:#fff;position:relative;box-shadow:0 0 4px rgba(0,0,0,.2)}#sub_category .top-bar .main{margin-right:385px;padding:20px;height:120px}#sub_category .top-bar .main .title{display:inline-block;font-size:24px;color:#222;margin:0 20px 0 0;padding:0;font-weight:400}#sub_category .top-bar .main .location{display:inline-block;padding-left:18px;background:url(/National_Library/oe_/https://huaban.com/img/location.png) 0 0 no-repeat;line-height:16px;color:#999;font-size:13px}#sub_category .top-bar .main .location a{color:#999;padding:0 4px}#sub_category .top-bar .main .location span{color:#222;padding:0 4px}#sub_category .top-bar .main .description{margin-top:20px;color:#777;line-height:22px;word-wrap:break-word;height:66px;overflow:hidden}#sub_category .top-bar .suggestions{width:365px;height:120px;padding:20px 0 20px 20px;position:absolute;right:0;top:0;background:#fafafa;border-left:1px solid #f6f2f3;overflow:hidden}#sub_category .top-bar .suggestions .title{color:#777;font-weight:700;margin-bottom:10px}#sub_category .top-bar .suggestions a{padding:6px 10px;color:#9d7e6c;display:block;float:left;text-decoration:none;background:#fff;border:1px solid #ededed;margin:0 10px 10px 0}#sub_category .top-bar .suggestions a:hover{color:#9a0000}.blur-shadow{display:none;position:absolute;bottom:0;left:0;width:100%;height:100%;box-shadow:inset 0 -80px 60px -40px rgba(200,200,200,.6);-webkit-box-shadow:inset 0 -80px 60px -40px rgba(200,200,200,.6)}.blur-shadow-chrome{display:none;position:absolute;bottom:-1px;height:50%;width:100%;-webkit-filter:blur(6px);-webkit-mask-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 80%,rgba(0,0,0,1) 100%)}.explores:hover .blur-shadow-chrome,.explores:hover .blur-shadow,.explores:hover .buttom-info{display:block}.icon{display:inline-block;margin-right:6px;width:18px;height:18px;vertical-align:middle;background:url(/National_Library/oe_/https://huaban.com/img/explore/explore_icon.png) 0 28px no-repeat}.explore-page{position:relative}.explore-page .time-state{position:relative;padding-top:20px}.explore-page .time-state a{display:inline-block;font-size:14px;color:#666}.explore-page .time-state a:hover{cursor:pointer}.explore-page .refresh-time{text-align:center}.explore-page .refresh-time:before{content:"";border-top:1px solid #d9d9d9;border-bottom:1px solid #fafafa;display:block;position:absolute;width:45%;top:26px;left:0}.explore-page .refresh-time:after{content:"";border-top:1px solid #d9d9d9;border-bottom:1px solid #fafafa;display:block;position:absolute;width:45%;top:26px;right:0}.explore-page .refresh-time .icon{background-position:-122px 1px}.explore-page .refresh-time button{margin:0;padding:0;border:0;outline:0;background-color:transparent}.explore-page .buttom-info{display:none;position:absolute;bottom:5px;width:100%;font-size:14px;color:#fff;z-index:10}.explore-page .buttom-info a{color:#fff}.explore-page .buttom-info .name{float:left;margin-left:10px}.explore-page .buttom-info .name .icon{background-position:2px 1px}.explore-page .buttom-info .time{float:right;margin-right:10px}.explore-page .buttom-info .time:hover{text-decoration:none}.explore-page .buttom-info .time .icon{background-position:-45px 0}.explore-page .more_explore{margin:20px 0;width:100%}.explore-page .more_explore_title{padding:16px;text-align:center}.explore-page .more_explore_title .icon{background-position:-20px 1px}.explore-page.fixed-banner{padding-top:75px}.explore-page.fixed-banner .explore-banner{position:fixed;top:48px;left:0;width:100%;z-index:1}.explore-page.fixed-banner .explore-banner .explore-info{padding:18px 0;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 4px 8px 0 rgba(0,0,0,.02)}.explore-page.fixed-banner .explore-banner .explore-info .title{font-size:24px}.explore-page.fixed-banner .explore-banner .explore-info .category-link{margin-left:20px}.explore-page.fixed-banner .explore-banner .fix{display:block}.explore-page.fixed-banner .explore-banner .no-fix{display:none}.explore-banner .btn{-webkit-transition:display .2s ease-in-out;transition:display .2s ease-in-out}.explore-banner .follow.no-fix,.explore-banner .followed.no-fix{margin-top:30px;height:30px;line-height:30px}.explore-banner .follow .icon{display:inline-block;width:12px;height:12px;margin-right:8px;background:url(/National_Library/oe_/https://huaban.com/img/icon_add.svg) 0 0 no-repeat}.explore-banner .followed .icon{display:inline-block;width:12px;height:12px;margin-right:8px;background:url(/National_Library/oe_/https://huaban.com/img/icon_check.svg) 0 0 no-repeat}.explore-banner .follow.fix,.explore-banner .followed.fix{position:absolute;top:14px;right:24px;padding:1px 12px;display:none}.explore-banner .follow.fix .icon,.explore-banner .followed.fix .icon{text-align:center;vertical-align:middle;font-size:14px;margin:0}.explore-banner a.category-link{position:absolute;top:14px;left:0;display:block;padding:0 11px;height:32px;border-radius:2px;-webkit-transition:margin .2s ease-in-out;transition:margin .2s ease-in-out}.explore-banner a.category-link:hover,.explore-banner a.category-link:active{background-color:#ededed;color:#444;text-decoration:none}.explore-banner .category-link span{vertical-align:middle;line-height:32px}.explore-banner .category-link .icon{display:inline-block;width:12px;height:12px;margin-right:8px;background:url(/National_Library/oe_/https://huaban.com/img/icon_back_arrow.svg) 0 0 no-repeat;vertical-align:middle}.explore-banner .bg-gradient{position:absolute;overflow:hidden;z-index:2;height:100%;width:100%;min-width:900px;background-color:#999}.explore-banner .bg-img{overflow:hidden;position:absolute;margin-top:-50px;width:38%;min-width:600px;min-height:369px;opacity:0;background-size:cover;-webkit-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}.explore-banner .bg-img.load{opacity:.7}.explore-banner .explore-info{position:relative;z-index:2;padding:40px 0 30px;text-align:center;overflow:hidden;-webkit-transition:padding .2s ease-in-out;transition:padding .2s ease-in-out}.explore-banner .title{margin:0;padding:0;line-height:1;font-size:36px;font-family:"\5FAE\8F6F\96C5\9ED1","helvetica neue",arial,sans-serif;font-weight:400;text-shadow:none;-webkit-transition:font-size .2s ease-in-out;transition:font-size .2s ease-in-out}.explore-banner .explore-ai{position:absolute;top:24px;right:20px;border:0}.explore-banner .info{display:block;padding-bottom:15px;margin:0 auto;width:35%}.explore-banner .explore-bg{position:absolute;width:100%;height:100%;text-align:left;overflow:hidden}.explore-banner .follow-title{position:relative;padding-bottom:15px;width:300px;margin:0 auto}.explore-banner .follow-title:before,.explore-banner .follow-title:after{display:block;position:absolute;top:7px;width:30px;height:1px;background:rgba(255,255,255,.6);content:""}.explore-banner .follow-title:before{left:214px}.explore-banner .follow-title:after{right:214px}.explore-banner .follow-title .icon{margin-right:10px;background-position:-95px 0}.explore-banner .followers{display:inline-block;overflow:hidden;max-width:30%;height:48px}.explore-banner .followers .follower-item{position:relative;display:inline-block;margin-right:10px;width:48px;opacity:0;transition:opacity .2s ease-in-out}.explore-banner .followers .follower-item:last-child{margin-right:0}.explore-banner .followers .follower-item img{width:48px;height:48px;vertical-align:middle;border:0;border-radius:50%}.explore-banner .followers .icon.show,.explore-banner .followers .follower-item.show{opacity:1}.explore-banner .followers .icon{position:absolute;margin-left:-24px;width:21px;height:20px;background-position:1px -73px;opacity:0;z-index:1;transition:opacity .8s ease-in-out}.explore-join .explore-join-btn{position:absolute;z-index:2;right:0;margin-top:-32px;width:64px;height:64px;background:url(/National_Library/oe_/https://huaban.com/img/explore/btn_joinin.png) 0 0 no-repeat}.explore-join .explore-join-btn:hover{background-position:0 -80px}.explore-join .explore-join-btn:active{background-position:0 -160px}.banner-box.explore-images-box{margin-top:0}