@font-face {
  font-family: 'iconfont';  /* project id 1082036 */
  src: url('//at.alicdn.com/t/font_1082036_ngs21ax8hjq.eot');
  src: url('//at.alicdn.com/t/font_1082036_ngs21ax8hjq.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1082036_ngs21ax8hjq.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1082036_ngs21ax8hjq.woff') format('woff'),
  url('//at.alicdn.com/t/font_1082036_ngs21ax8hjq.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1082036_ngs21ax8hjq.svg#iconfont') format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display:inline-block;
  line-height:1;
  position:relative;
}

.icon-like:before { content: "\e644"; }

.icon-bookmark:before { content: "\e64c"; }

.icon-comment:before { content: "\e667"; }

.icon-evaluate:before { content: "\e672"; }

.icon-shop:before { content: "\e676"; }

.icon-discover:before { content: "\e67e"; }

.icon-home:before { content: "\e6b8"; }

.icon-share:before { content: "\e6f3"; }

.icon-search:before { content: "\e6e6"; }

.icon-hot:before { content: "\e758"; }

.icon-link:before { content: "\e91d"; }

.icon-notification:before { content: "\e63c"; }

.icon-stacks:before { content: "\e689"; }

.icon-new:before { content: "\e64a"; }

.icon-top:before { content: "\e63d"; }

.icon-setting:before { content: "\e60b"; }

.icon-follow:before { content: "\e651"; }

.icon-gift:before { content: "\e60c"; }

.icon-space:before { content: "\e98b"; }

.icon-me:before { content: "\e62a"; }

.icon-earth:before { content: "\e6ad"; }

.icon-down:before { content: "\e62b"; }

.icon-apple:before { content: "\e609"; }

.icon-cknot:before { content: "\e637"; }



body{background-color:#fafafa;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1.6;}
ul li{list-style: none;}

.radius{border-radius:12px;}
.text-center{text-align:center;}
.page__title{font-size:28px;padding:20px 0 0 20px;}
.page__title a{color:#000;}

.container,.home,body,html{height:100%;}

/* rewrite */
.weui-cells_checkbox>.weui-cell>*{pointer-events:none}
.weui-cell__hd i.iconfont{font-size:20px;margin-right:10px;padding:5px;}
.weui-grid span{color:#ccc;font-size:12px;text-align:center;display:block;margin:10px auto 0;}
.weui-search-bar{background-color:transparent;}
.weui-search-bar:before{border-top:none;}
.weui-search-bar:after{border-bottom:none;}
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon, .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i, .weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{color:#e64340;}
.weui-switch:checked, .weui-switch-cp__input:checked ~ .weui-switch-cp__box{border-color:#e64340;background-color:#e64340;}
.weui-search-bar__cancel-btn{color:#e64340;}

/* tab nav rewrite */
.weui_tab{position:relative;height:100%}
.weui_tab_nav{display:box;display:-webkit-box;display:-webkit-flex;display:display:flex}
.weui_tab_nav .weui_tab_nav_item{position:relative;display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:13px 0;text-align:center;font-size:15px;-webkit-tap-highlight-color:transparent}
.weui_tab_nav .weui_tab_nav_item:first-child{border-width:1px;border-top-left-radius:5px;border-bottom-left-radius:5px;background-clip:padding-box}
.weui_tab_nav .weui_tab_nav_item:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;background-clip:padding-box}
.weui_tab_nav .weui_tab_nav_item_red{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;height:30px;padding:0;font-size:14px;line-height:31px;text-align:center;border:1px solid #ef4f4f;border-width:1px 1px 1px 0;color:#ef4f4f;white-space:nowrap;background:#fdfdfd}
.weui_tab_nav .weui_tab_nav_item_red.weui_tab_nav_item_red_on{border-color:#EF4F4F;color:#fff;background:#EF4F4F}



.weui-btn_loadmore{color:#000;border:none;margin:20px;}

/*loading*/
.pagination__next{display:none;}
.scroller-status{display:none;width:98%;margin:20px auto;padding:20px 0;/* border-top:1px solid #191A1B; */text-align:center;color:#999;font-size:14px;}
.scroller-status img{width:24px;height:24px;}
.scroller-status a{color:#19F;}

.loading{display:inline-block;position:relative;width:40px;height:40px;}
.loading div{box-sizing:border-box;display:block;position:absolute;width:32px;height:32px;margin:6px;border:3px solid #fff;border-radius:50%;animation:loading 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}
.loading div:nth-child(1){animation-delay:-.45s}
.loading div:nth-child(2){animation-delay:-.3s}
.loading div:nth-child(3){animation-delay:-.15s}
@keyframes loading{
	0%{transform:rotate(0)}
	100%{transform:rotate(360deg)}
}
/*加载中提醒*/
.loading-box{text-align:center;margin:40px auto;}
.loading-box img{margin:0 0 2px}
.loading-box p{color:#c9c9c9;;font-size:14px;}

/*page*/
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px;font-size:14px;}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:3;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}

.pagination>li{display:none;}
.pagination>li.previous,.pagination>li.disabled,.pagination>li.active,.pagination>li.next,.pagination>li:first-child,.pagination>li:last-child{display:inline}

/* top */
.charts-fliter{background:#FFF;margin:0 auto;border:1px solid #e5e5e5;border-left:none;border-right:none;}
.charts-fliter-wrapper{font-size:14px;padding:15px;}
.charts-fliter-wrapper dl{ display:inline-block;padding:5px 0;width:100%;margin:0;}
.charts-fliter-wrapper dt{float:left;width:55px;padding-left:5px; text-align:left;color:#ababab;line-height:22px;}
.charts-fliter-wrapper dd{margin-left:50px;line-height:22px;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;-webkit-backface-visibility:hidden;-webkit-perspective:1000;-webkit-overflow-scrolling:touch;text-align:justify}
.charts-fliter-wrapper dd::-webkit-scrollbar{display:none}
.charts-fliter-wrapper dd a{color:#666;margin-right:10px;}
.charts-fliter-wrapper dd a:hover{color:#f30; text-decoration:none;}
.charts-fliter-wrapper dd a.selected{color:#f30;font-weight:bold;}


.charts-fliter-navbar-nav{list-style:none;display:inline-block;}
.charts-fliter-navbar-nav .charts-fliter-nav-item{float:left;line-height:20px;position:relative;}
.charts-fliter-navbar-nav .charts-fliter-nav-item{margin-left:20px;}
.charts-fliter-navbar-nav .charts-fliter-nav-link{color:#999;font-size:16px;}
.charts-fliter-navbar-nav .charts-fliter-nav-link.active{color:#fff;}

ul li ul{width:120px;position:absolute;top:40px;display:none;font-size:14px;z-index:1000;background-color:#fafafa;border-radius:12px;border:1px solid #e5e5e5; -webkit-transform: translateZ(0);
 -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);}
ul li ul li{float:none;border-bottom:1px solid #e5e5e5;display:block;padding:10px 10px 10px 20px;line-height:20px;}
ul li ul li.active{background-color:#e5e5e5;}
ul li ul li:last-child{border-bottom:none;}
ul li ul li a{color:#b2b2b2;display:block;width:100%;}





/*user profile*/
.profile{border-bottom:1px solid #e5e5e5;}
.profile .background{display:block;height:160px;background-position:50%;background-size:100%;position:relative;clear:both;background-color:#d9d9d9;margin:0}
.profile .avatar-wrap{display:block;position:relative;background-color:grey}
.profile .user-avatar{display:block;position:absolute;border-radius:50%;border:solid 3px #fff;width:60px;height:60px;left:0;right:0;margin:auto;bottom:-30px;display:inline-block;border-radius:50%}
.profile .user-avatar-content{position:relative;width:100%;padding-top:100%;background:center center no-repeat;background-size:cover;border-radius:50%}
.profile .user{background-color:#fff;clear:both;text-align:center}
.profile .name{font-family:PingFangSC;font-size:20px;font-weight:600;line-height:1.2;text-align:center;padding-top:45px;color:#404040}
.profile .name a{color:#404040}
.profile .bio{padding-top:8px;padding-left:40px;padding-right:40px;font-family:PingFangSC;font-size:13px;line-height:1.23;text-align:center;color:grey}
.profile .center{text-align:center;padding:16px 0 16px 0}






/* node topic*/
.half-px-bottom::after{display:block;position:absolute;left:0;bottom:0;height:1px;background-color:#e5e5e5;width:100%;content:" ";-webkit-transform:scaleY(.5);transform:scaleY(.5)}
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased}
.topic-message-header{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}
ul.topic-message-header{list-style-type:none}
.topic-message-header .underbar{width:0;height:2px;z-index:20;bottom:0;position:absolute;-webkit-transition:all .5s ease;transition:all .5s ease}
.topic-message-header li{width:50vw;float:left;cursor:pointer}
.active-type .message-type-content{color:#e64340}
.topic-message-header li:nth-of-type(1).active-type~.underbar{left:calc(17% - 19px);width:38px;background:#e64340}
.topic-message-header li:nth-of-type(2).active-type ~ .underbar{left:calc(50% - 19px);width:38px;background:#e64340;}
.topic-message-header li:nth-of-type(3).active-type ~ .underbar{left:calc(83% - 19px);width:38px;background:#e64340;}


.topic-wrap{min-height:100vh;-webkit-overflow-scrolling:touch;overflow-y:scroll;margin:auto;}
.content-wrap{position:relative;overflow:hidden}
.official-topic-brief{text-align:center;min-height:16px;font-size:16px;line-height:24px;color:rgba(255,255,255,.8)}
.custom-info{overflow:hidden;position:relative}
.custom-info-bg{position:absolute;z-index:0;width:100vw;-o-object-fit:contain;object-fit:contain}
.custom-info-content{position:relative;z-index:1;background:rgba(0,0,0,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;padding:15px;padding-bottom:30px}
.custom-top{width:100%;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}
.custom-status{border:1px solid;border-radius:4px;padding:4px 10px;text-decoration:none;color:#fff;}
.custom-pic{width:80px;height:80px;border-radius:18px;border:1px rgba(255,255,255,.3) solid;background:rgba(255,255,255,.3);margin-bottom:20px}
.custom-title{min-height:20px;font-size:20px;font-weight:700;margin-bottom:15px}
.maintainer-info{width:100%;font-size:14px;margin-bottom:20px}
.message-type{display:inline-block;width:50%;color:grey;font-size:16px;padding:12px 0;text-align:center;height:50px;line-height:26px;}