.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(/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(/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{padding-bottom:20px;margin-bottom:20px;width:100%;background:#fcfcfc}.explore-page .more_explore_title{padding:16px;text-align:center}.explore-page .more_explore_title .icon{background-position:-20px 1px}.explore-banner{position:relative;overflow:hidden;width:100%;color:#fff;font-size:14px}.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{z-index:2;margin:0 auto 20px auto;text-align:center;overflow:hidden}.explore-banner .title{margin:25px 0 3px 0;font-size:32px;font-family:"\5FAE\8F6F\96C5\9ED1","helvetica neue",arial,sans-serif;font-weight:500;text-shadow:none}.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-explore{margin-bottom:15px}.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(/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}.explore-category-image-box .category-image .text{position:absolute;left:0;top:50%;width:100%;height:50px;line-height:50px;margin-top:-25px;font-size:24px;color:#fff;text-align:center}.explore-category-image-box{margin-top:0;height:178px}.explore-category-image-box .category-image .title{position:absolute;left:0;top:0;width:100%;height:170px;line-height:170px;font-size:48px;font-weight:900;color:#fff;text-align:center;font-family:"\5FAE\8F6F\96C5\9ED1","helvetica neue",arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 2.5px 0 rgba(0,0,0,.3)}.explore-category-image-box .category-image .blur{opacity:.9}.explore-category-image-box .category-image:hover .blur{opacity:1}.explore-category-image-box .category-image img{display:inline-block;width:244px;margin-left:-4px;margin-top:-4px}