#sub-header {width:100%;height:60px;min-height:60px;background:#fff;box-shadow:0 8px 16px 0 rgba(28,31,33,.1);display:none}
#sub-header input {outline:0}
#sub-header .sub-container {max-width:100%;height:100%;margin:0 auto}
#sub-header .sub-container .operate-area {float:right}
#sub-header .sub-container .operate-area span {display:inline-block;position:relative}
#sub-header .sub-container .operate-area span .btn {width:90px;height:36px;line-height:18px;padding:8px 24px;margin:12px 0;color:#fff;font-size:14px;border-radius:0.25rem;box-sizing:border-box}
#sub-header .sub-container.discovery {width:682px}
#sub-header .sub-container.discovery a.discovery-logo {display:inline-block;padding:12px 0}
#sub-header .sub-container.discovery a.discovery-logo i {width:36px;height:36px;font-size:18px;color:#fff;line-height:18px;padding:9px;background:#383d42;border-radius:50%;margin-right:12px}
#sub-header .sub-container.discovery a.discovery-logo span {font-size:20px;color:#1c1f21;line-height:36px;font-weight:600}
#sub-header .sub-container.discovery ul {display:inline-block;margin-left:160px}
#sub-header .sub-container.discovery ul li {float:left}
#sub-header .sub-container.discovery ul li.follow a {cursor:pointer}
#sub-header .sub-container.discovery ul li a {display:inline-block;height:40px;line-height:40px;margin:10px 24px;font-size:16px;color:#545c63;font-weight:600;position:relative}
#sub-header .sub-container.discovery ul li a:after {content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:3px;border-radius:25%;transform:scaleX(0);background-color:#37f;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
#sub-header .sub-container.discovery ul li a.active,#sub-header .sub-container.discovery ul li a:hover {transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;color:#37f}
#sub-header .sub-container.discovery ul li a.active:after,#sub-header .sub-container.discovery ul li a:hover:after {transform:scaleX(.6)}
.search-warp {float:right;position:relative;width:300px;}
.search_cont {width:120px;position:relative;height:36px;background:#F3F5F6;border-radius:0.25rem;color:#fff;float:left;border:1px #dee2e6 solid;}
.search_cont .in_search {font-size:12px;width:80%;outline:none;background:none;height:36px;line-height:36px;float:left;border:0;color:#9199a1;padding-left:15px;position:absolute;z-index:1;box-shadow:none;}
.search_cont .in_search::-webkit-input-placeholder {color:#9199a1;}
.search_cont i.icon-search {font-size:14px;display:block;height:36px;width:36px;line-height:36px;text-align:center;position:absolute;top:0;right:3px;z-index:0;color:#757a7e}
.search_start {height:36px;padding:8px 0;position:absolute;top:4px;right:0.8rem;}
.search_start .in_submit {display:none;}
.search_start .ser .in_search {font-size:14px;color:#2c3e50;padding-left:15px;width:250px;}
.search_start .ser .in_search::-webkit-input-placeholder {color:#9199a1;}
.search_start .ser {background:#EEE;}
.search_start .ser .icon-search {cursor:pointer;color:#37F;}
.search_start .ser .in_submit {border:0;display:block;width:36px;height:36px;position:absolute;right:0;right:5px;z-index:5;opacity:0;background:none;cursor:pointer;}
.search_start .ser input[type=text]::-ms-clear {display:none;}
.tm-all {padding:0.125rem 0.5rem !important;}

.fox-card {position:relative;display:flex;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,0.125);border-radius:0.25rem;}
.fox-card .card-header {color:#454d55;font-size:14px;border-bottom:1px solid #dee2e6;background-image:linear-gradient(0deg,#e9ecef,#f8f9fa);}
#forum_list ul {display:flex;flex-wrap:wrap;}
#forum_list ul li {display:inline-flex;}
@media screen and (max-width:1024px) {
#sub-header .sub-container {max-width:992px;}
}
@media screen and (max-width:992px) {.fox-card {flex-direction:column!important;}
.fox-card .col-lg-10 {flex:0 0 83.333333%;max-width:83.333333%;}
.fox-card .bt-1 {border-top:1px solid #dee2e6 !important;border-radius:3px 3px 0 0}
}
@media screen and (max-width:768px) {
#sub-header .sub-container {padding:0 10px;}
#sub-header .search-warp {display:none}
}
@media (min-width:768px) {#sub-header {display:inline-block;}}