@charset "UTF-8";@import url(https://at.alicdn.com/t/c/font_3686537_6uxz51nhvx4.css);@import url(https://at.alicdn.com/t/c/font_3860064_d92w4zcuegc.css);:root {--main-bg-color: #eff2f6;--primary: #007bff;--nav-bg-color: #2997f7;--secondary: #5A6169;--success: #17c671;--info: #00b8d8;--warning: #ffb400;--danger: #c4183c;--light: #f8f9fa;--black: #000;--white: #fff}
:focus {box-shadow: none!important;outline: 0}
.iconfont {vertical-align: -.1em}
img {-webkit-user-drag: none}
a {color: var(--dark);transition: all .2s}
.divide {height: 1px;border-bottom: 1px solid var(--gray-200)}
a:hover {text-decoration: none;transition: all .2s}
tox-editor-header {top: 100px}
html {scroll-behavior: smooth}
body {background: var(--main-bg-color)}
#body {padding-top: 75px}
.navbar {padding: 0;position: fixed;width: 100%;z-index: 100;background-color: var(--white);backdrop-filter: blur(10.5px);-webkit-backdrop-filter: blur(10.5px);border: 0 solid rgba(255,255,255,.07);box-shadow: rgba(142,142,142,.07) 0 6px 15px 0;-webkit-box-shadow: rgba(142,142,142,.07) 0 6px 15px 0;border-radius: 0;-webkit-border-radius: 0}
li {list-style: outside none none}
.navbar>.container {padding-right: 0}
.navbar-light .navbar-toggler {border-color: transparent!important;padding: 1rem}
.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link {color: var(--primary)}
.navbar-light .navbar-toggler:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f0c9"}
.navbar-light .navbar-toggler-icon {display: none}
.navbar-light .navbar-nav .nav-link {padding: 1rem}
.card {background: var(--white);border-radius: 5px;border: none;}.card>.card-header {background-image: none;background-color: transparent}.card>.card-footer {background-image: none;background-color: transparent}
.card-header-tabs {margin-top: -.25rem}
.card-header-tabs>.nav-item>.nav-link {border-width: 0}
.card-header-tabs>.nav-item>.nav-link:hover:not(.active) {border-width: 0}
.card-header-tabs>.nav-item>.nav-link.active {background-image: none;background: 0 0;font-weight: 700}
.card-header-tabs>.nav-item>.nav-link.active::after {content: "";display: block;margin: auto;height: 4px;line-height: 14px;background-color: var(--primary);margin-bottom: -6px;margin-top: 6px}
.card.card-threadlist>.card-body {padding: .25rem 1rem}
.breadcrumb {background-color: var(--white)!important;font-size: 14px;border: none;box-shadow: 0 0 0 0 rgba(0,0,0,.08)!important}
.nav_tag_list {display: flex;flex-direction: column}
.user_page_header {margin-top: -70px;position: relative}
.list-group-flush .list-group-item::after {font-family: FontAwesome;content: "\f054";float: right;text-align: left}
.list-group-flush .list-group-item {text-align: left}
@media (min-width: 992px) {#user_aside {    flex:0 0 25%!important;    max-width: 25%!important;    padding-right: 0}
    #my_aside {    flex: 0 0 25%!important;    max-width: 25%!important;    padding-right: 0}
    #my_main {    flex: 0 0 75%;    max-width: 75%}
    #user_main {    flex: 0 0 75%;    max-width: 75%}}
@media (max-width: 576px) {.user_header {    margin-bottom:0}#user_mobile_nav {    display: none;    margin: 0;    padding: 0}#body {    padding-top: 55px}
    .style1_subject_body {    margin-left: -45px;    word-break: break-all;    word-wrap: break-word}
    #my_mobile_nav {    display: none;    margin: 0;    padding: 0}
    .user_profile_right {    position: absolute}}
@media (min-width: 576px) {#user_mobile_nav {    display:none;    margin: 0;    padding: 0}
    #body {    padding-top: 75px}
    #my_mobile_nav {    display: none;    margin: 0;    padding: 0}}
@media (max-width: 768px) {.user_profile_right {    position:absolute}}
@media (min-width: 1200px) {#body {    padding-top:75px}
    .user_page_avatar {    width: 10rem;    height: 10rem;    border-radius: 1rem}}
#user_aside .card-body {display: none}
#my_aside .card-body {display: none}
#my_aside>.card>.list-group {padding: 10px}
#user_aside>.card>.list-group {padding: 10px}
#user_main .col-md-2 {display: none}
#mobile_nav .navbar-nav {flex-direction: row}
#mobile_nav .navbar-nav .nav-link {margin-right: 10px;border-radius: 3px;background-color: var(--light)}
.MobilemenuBtn {padding: 1rem;font-size: 1.25rem;line-height: 1;background-color: transparent;border: 1px solid transparent;border-radius: .25rem}
.postInfo {font-size: 5px!important}
.forumlist-bg {background-color: var(--light)!important}
.forumBrief {cursor: pointer;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2}
.alert {border-radius: 5px;border: none}
.list-group-flush .list-group-item {border-radius: 3px;border: none}
.list-group-horizontal>.list-group-item:first-child {border-top-right-radius: 3px}
.list-group-horizontal>.list-group-item:last-child {border-bottom-left-radius: 3px}
.user_page_avatar {border: 3px solid var(--white)}
#footer {background-color: var(--light)!important}
.subject {display: -webkit-box!important;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.thread-forum-name {padding: 2px 10px;border-radius: 10px;text-decoration: none}
.thread-forum-name:hover {background-color: #bebebe}
.style3-thread-forum-name {padding: 1px 4px;border-radius: 2px;text-decoration: none}
.style3-thread-forum-name:hover {background-color: #bebebe}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link {color: var(--nav-bg-color);background-color: rgba(41,151,247,.1);}
.list-group-item.active {z-index: 2;color: var(--nav-bg-color);background-color: rgba(41,151,247,.1)}
.func_left {position: sticky;top: 75px}
.forumList {overflow: auto;min-height: 0;margin-top: 20px;}
.badge {vertical-align: 2px}
.subject_img_box {max-width: 200px;max-height: 200px;overflow: hidden;display: flex;align-items: center}
.subject_img_box>img {width: 100%;height: 100%;object-fit: cover}
.right_btn_group {right: 0;bottom: 0}
.user-background {background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));background-color: rgba(0,0,0,.3)}
.sidebar--nav li.active {color: var(--nav-bg-color)!important;background-color: rgba(41,151,247,.1);border-radius: 5px}
.js-sidebar,.js-sidebar--background {top: 0;left: 0;width: 100%;height: 100%}
.js-sidebar--background {-moz-transition: all .3s ease;-o-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease}
.js-sidebar {position: fixed;z-index: 9999;-moz-transform: translate(-100%,0);-ms-transform: translate(-100%,0);-webkit-transform: translate(-100%,0);transform: translate(-100%,0);-moz-transition: -moz-transform 0s ease .3s;-o-transition: -o-transform 0s ease .3s;-webkit-transition: -webkit-transform 0s ease;-webkit-transition-delay: .3s;transition: transform 0s ease .3s}
.js-sidebar--background {position: absolute;background: 0 0}
.js-sidebar--container {position: relative;z-index: 1;width: 80%;max-width: 300px;height: 100%;background: var(--main-bg-color);display: -webkit-flex;-webkit-flex-direction: column;display: flex;flex-direction: column;-moz-box-shadow: 2px 0 20px rgba(0,0,0,.2),1px 0 10px rgba(0,0,0,.1);-webkit-box-shadow: 2px 0 20px rgba(0,0,0,.2),1px 0 10px rgba(0,0,0,.1);box-shadow: 2px 0 20px rgba(0,0,0,.2),1px 0 10px rgba(0,0,0,.1);-moz-transform: translate(-100%,0);-ms-transform: translate(-100%,0);-webkit-transform: translate(-100%,0);transform: translate(-100%,0);overflow: auto}
.js-sidebar.is-visible {-moz-transform: translate(0,0);-ms-transform: translate(0,0);-webkit-transform: translate(0,0);transform: translate(0,0);-moz-transition: -moz-transform 0s ease 0s;-o-transition: -o-transform 0s ease 0s;-webkit-transition: -webkit-transform 0s ease;-webkit-transition-delay: 0s;transition: transform 0s ease 0s}
.js-sidebar.is-visible .js-sidebar--background {background: rgba(0,0,0,.2)}
.btn {font-weight: 300;font-family: Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;border: 1px solid transparent;padding: .375rem .75rem!important;font-size: .875rem;line-height: 1.1;border-radius: .375rem;transition: all 250ms cubic-bezier(.27,.01,.38,1.06)}
.btn.hover,.btn:hover {cursor: pointer}
.btn.disabled,.btn:disabled {box-shadow: none}
.btn.btn-squared {border-radius: 0}
.btn.btn-pill {border-radius: 50px}
.btn-primary {background-color: var(--primary);border-color: var(--primary);box-shadow: none;color: var(--white)}
.btn-primary:hover {color: var(--white);background-color: #006fe6;border-color: var(--primary);box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(0,123,255,.25)}
.btn-primary.focus,.btn-primary:focus {box-shadow: 0 0 0 3px rgba(0,123,255,.15),0 3px 15px rgba(0,123,255,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-primary.disabled,.btn-primary:disabled {background-color: var(--primary);border-color: var(--primary);box-shadow: none;cursor: not-allowed}
.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle {background-color: #006fe6;background-image: none;border-color: #0062cc;box-shadow: inset 0 .1875rem .625rem 0 #0062cc,inset 0 .0625rem .125rem 0 #0056b3}
.btn-secondary {background-color: var(--secondary);border-color: var(--secondary);box-shadow: none;color: var(--white)}
.btn-secondary:hover {color: var(--white);background-color: #4e545b;border-color: var(--secondary);box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(90,97,105,.25)}
.btn-secondary.focus,.btn-secondary:focus {box-shadow: 0 0 0 3px rgba(90,97,105,.15),0 3px 15px rgba(90,97,105,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-secondary.disabled,.btn-secondary:disabled {background-color: var(--secondary);border-color: var(--secondary);box-shadow: none;cursor: not-allowed}
.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle {background-color: #4e545b;background-image: none;border-color: #42484e;box-shadow: inset 0 .1875rem .625rem 0 #42484e,inset 0 .0625rem .125rem 0 #373b40}
.btn-success {background-color: var(--success);border-color: var(--success);box-shadow: none;color: var(--white)}
.btn-success:hover {color: var(--white);background-color: #14af64;border-color: var(--success);box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(23,198,113,.25)}
.btn-success.focus,.btn-success:focus {box-shadow: 0 0 0 3px rgba(23,198,113,.15),0 3px 15px rgba(23,198,113,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-success.disabled,.btn-success:disabled {background-color: var(--success);border-color: var(--success);box-shadow: none;cursor: not-allowed}
.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle {background-color: #14af64;background-image: none;border-color: #129857;box-shadow: inset 0 .1875rem .625rem 0 #129857,inset 0 .0625rem .125rem 0 #0f814a}
.btn-info {background-color: var(--info);border-color: var(--info);box-shadow: none;color: var(--white)}
.btn-info:hover {color: var(--white);background-color: #00a2bf;border-color: var(--info);box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(0,184,216,.25)}
.btn-info.focus,.btn-info:focus {box-shadow: 0 0 0 3px rgba(0,184,216,.15),0 3px 15px rgba(0,184,216,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-info.disabled,.btn-info:disabled {background-color: var(--info);border-color: var(--info);box-shadow: none;cursor: not-allowed}
.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle {background-color: #00a2bf;background-image: none;border-color: #008da5;box-shadow: inset 0 .1875rem .625rem 0 #008da5,inset 0 .0625rem .125rem 0 #00778c}
.btn-warning {background-color: var(--warning);border-color: var(--warning);box-shadow: none;color: #000}
.btn-warning:hover {color: #000;background-color: #e6a200;border-color: var(--warning);box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(255,180,0,.25)}
.btn-warning.focus,.btn-warning:focus {box-shadow: 0 0 0 3px rgba(255,180,0,.15),0 3px 15px rgba(255,180,0,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-warning.disabled,.btn-warning:disabled {background-color: var(--warning);border-color: var(--warning);box-shadow: none;cursor: not-allowed}
.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle {background-color: #e6a200;background-image: none;border-color: #cc9000;box-shadow: inset 0 .1875rem .625rem 0 #cc9000,inset 0 .0625rem .125rem 0 #b37e00}
.btn-danger {background-color: var(--danger);border-color: var(--danger);box-shadow: none;color: var(--white)}
.btn-danger:hover {color: var(--white);background-color: #ad1535;border-color: var(--danger);box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(196,24,60,.25)}
.btn-danger.focus,.btn-danger:focus {box-shadow: 0 0 0 3px rgba(196,24,60,.15),0 3px 15px rgba(196,24,60,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-danger.disabled,.btn-danger:disabled {background-color: var(--danger);border-color: var(--danger);box-shadow: none;cursor: not-allowed}
.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle {background-color: #ad1535;background-image: none;border-color: #97122e;box-shadow: inset 0 .1875rem .625rem 0 #97122e,inset 0 .0625rem .125rem 0 #801027}
.btn-light {background-color: var(--light);border-color: var(--light);box-shadow: none;color: #3b4651}
.btn-light:hover {color: #3b4651;background-color: #dadfe4;border-color: var(--light);box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(233,236,239,.25)}
.btn-light.focus,.btn-light:focus {box-shadow: 0 0 0 3px rgba(233,236,239,.15),0 3px 15px rgba(233,236,239,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-light.disabled,.btn-light:disabled {background-color: var(--light);border-color: var(--light);box-shadow: none;cursor: not-allowed}
.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle {background-color: #dadfe4;background-image: none;border-color: #cbd3da;box-shadow: inset 0 .1875rem .625rem 0 #cbd3da,inset 0 .0625rem .125rem 0 #bdc6cf}
.btn-dark {background-color: #212529;border-color: #212529;box-shadow: none;color: var(--white)}
.btn-dark:hover {color: var(--white);background-color: #16181b;border-color: #212529;box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(33,37,41,.25)}
.btn-dark.focus,.btn-dark:focus {box-shadow: 0 0 0 3px rgba(33,37,41,.15),0 3px 15px rgba(33,37,41,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-dark.disabled,.btn-dark:disabled {background-color: #212529;border-color: #212529;box-shadow: none;cursor: not-allowed}
.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle {background-color: #16181b;background-image: none;border-color: #0a0c0d;box-shadow: inset 0 .1875rem .625rem 0 #0a0c0d,inset 0 .0625rem .125rem 0 #000}
.btn-white {background-color: var(--white);border-color: var(--white);box-shadow: none;color: #595959}
.btn-white:hover {color: #595959;background-color: #f2f2f2;border-color: var(--white);box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(255,255,255,.25)}
.btn-white.focus,.btn-white:focus {box-shadow: 0 0 0 3px rgba(255,255,255,.15),0 3px 15px rgba(255,255,255,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-white.disabled,.btn-white:disabled {background-color: var(--white);border-color: var(--white);box-shadow: none;cursor: not-allowed}
.btn-white.active,.btn-white:active,.show>.btn-white.dropdown-toggle {background-color: #f2f2f2;background-image: none;border-color: #e6e6e6;box-shadow: inset 0 .1875rem .625rem 0 #e6e6e6,inset 0 .0625rem .125rem 0 #d9d9d9}
.btn-black {background-color: var(--black);border-color: var(--black);box-shadow: none;color: var(--white)}
.btn-black:hover {color: var(--white);background-color: #000;border-color: var(--black);box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(0,0,0,.25)}
.btn-black.focus,.btn-black:focus {box-shadow: 0 0 0 3px rgba(0,0,0,.15),0 3px 15px rgba(0,0,0,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-black.disabled,.btn-black:disabled {background-color: var(--black);border-color: var(--black);box-shadow: none;cursor: not-allowed}
.btn-black.active,.btn-black:active,.show>.btn-black.dropdown-toggle {background-color: #000;background-image: none;border-color: #000;box-shadow: inset 0 .1875rem .625rem 0 #000,inset 0 .0625rem .125rem 0 #000}
.btn-outline-primary {background-color: transparent;background-image: none;border-color: var(--primary)}
.btn-outline-primary:hover {background-color: var(--primary);border-color: var(--primary);box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(0,123,255,.25);color: var(--white)}
.btn-outline-primary.focus,.btn-outline-primary:focus {box-shadow: 0 0 0 3px rgba(0,123,255,.15),0 3px 15px rgba(0,123,255,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-outline-primary.disabled,.btn-outline-primary:disabled {color: var(--primary);background-color: transparent;box-shadow: none}
.btn-outline-primary.active,.btn-outline-primary:active,.show>.btn-outline-primary.dropdown-toggle {color: var(--white);background-color: var(--primary);border-color: var(--primary)}
.btn-outline-secondary {background-color: transparent;background-image: none;border-color: var(--secondary)}
.btn-outline-secondary:hover {background-color: var(--secondary);border-color: var(--secondary);box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(90,97,105,.25);color: var(--white)}
.btn-outline-secondary.focus,.btn-outline-secondary:focus {box-shadow: 0 0 0 3px rgba(90,97,105,.15),0 3px 15px rgba(90,97,105,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {color: var(--secondary);background-color: transparent;box-shadow: none}
.btn-outline-secondary.active,.btn-outline-secondary:active,.show>.btn-outline-secondary.dropdown-toggle {color: var(--white);background-color: var(--secondary);border-color: var(--secondary)}
.btn-outline-success {background-color: transparent;background-image: none;border-color: var(--success)}
.btn-outline-success:hover {background-color: var(--success);border-color: var(--success);box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(23,198,113,.25);color: var(--white)}
.btn-outline-success.focus,.btn-outline-success:focus {box-shadow: 0 0 0 3px rgba(23,198,113,.15),0 3px 15px rgba(23,198,113,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-outline-success.disabled,.btn-outline-success:disabled {color: var(--success);background-color: transparent;box-shadow: none}
.btn-outline-success.active,.btn-outline-success:active,.show>.btn-outline-success.dropdown-toggle {color: var(--white);background-color: var(--success);border-color: var(--success)}
.btn-outline-info {background-color: transparent;background-image: none;border-color: var(--info)}
.btn-outline-info:hover {background-color: var(--info);border-color: var(--info);box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(0,184,216,.25);color: var(--white)}
.btn-outline-info.focus,.btn-outline-info:focus {box-shadow: 0 0 0 3px rgba(0,184,216,.15),0 3px 15px rgba(0,184,216,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-outline-info.disabled,.btn-outline-info:disabled {color: var(--info);background-color: transparent;box-shadow: none}
.btn-outline-info.active,.btn-outline-info:active,.show>.btn-outline-info.dropdown-toggle {color: var(--white);background-color: var(--info);border-color: var(--info)}
.btn-outline-warning {background-color: transparent;background-image: none;border-color: var(--warning)}
.btn-outline-warning:hover {background-color: var(--warning);border-color: var(--warning);box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(255,180,0,.25);color: #000}
.btn-outline-warning.focus,.btn-outline-warning:focus {box-shadow: 0 0 0 3px rgba(255,180,0,.15),0 3px 15px rgba(255,180,0,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-outline-warning.disabled,.btn-outline-warning:disabled {color: var(--warning);background-color: transparent;box-shadow: none}
.btn-outline-warning.active,.btn-outline-warning:active,.show>.btn-outline-warning.dropdown-toggle {color: var(--white);background-color: var(--warning);border-color: var(--warning)}
.btn-outline-danger {background-color: transparent;background-image: none;border-color: var(--danger)}
.btn-outline-danger:hover {background-color: var(--danger);border-color: var(--danger);box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(196,24,60,.25);color: var(--white)}
.btn-outline-danger.focus,.btn-outline-danger:focus {box-shadow: 0 0 0 3px rgba(196,24,60,.15),0 3px 15px rgba(196,24,60,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-outline-danger.disabled,.btn-outline-danger:disabled {color: var(--danger);background-color: transparent;box-shadow: none}
.btn-outline-danger.active,.btn-outline-danger:active,.show>.btn-outline-danger.dropdown-toggle {color: var(--white);background-color: var(--danger);border-color: var(--danger)}
.btn-outline-light {background-color: transparent;background-image: none;border-color: var(--light);color: #3b4651}
.btn-outline-light:hover {background-color: var(--light);border-color: var(--light);box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(233,236,239,.25);color: #3b4651}
.btn-outline-light.focus,.btn-outline-light:focus {box-shadow: 0 0 0 3px rgba(233,236,239,.15),0 3px 15px rgba(233,236,239,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-outline-light.disabled,.btn-outline-light:disabled {color: var(--light);background-color: transparent;box-shadow: none}
.btn-outline-light.active,.btn-outline-light:active,.show>.btn-outline-light.dropdown-toggle {color: var(--white);background-color: var(--light);border-color: var(--light);color: #3b4651}
.btn-outline-dark {background-color: transparent;background-image: none;border-color: #212529}
.btn-outline-dark:hover {background-color: #212529;border-color: #212529;box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(33,37,41,.25);color: var(--white)}
.btn-outline-dark.focus,.btn-outline-dark:focus {box-shadow: 0 0 0 3px rgba(33,37,41,.15),0 3px 15px rgba(33,37,41,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-outline-dark.disabled,.btn-outline-dark:disabled {color: #212529;background-color: transparent;box-shadow: none}
.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle {color: var(--white);background-color: #212529;border-color: #212529}
.btn-outline-white {background-color: transparent;background-image: none;border-color: var(--white);color: var(--white)}
.btn-outline-white:hover {background-color: var(--white);border-color: var(--white);box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(255,255,255,.25);color: #595959}
.btn-outline-white.focus,.btn-outline-white:focus {box-shadow: 0 0 0 3px rgba(255,255,255,.15),0 3px 15px rgba(255,255,255,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-outline-white.disabled,.btn-outline-white:disabled {color: var(--white);background-color: transparent;box-shadow: none}
.btn-outline-white.active,.btn-outline-white:active,.show>.btn-outline-white.dropdown-toggle {color: var(--white);background-color: var(--white);border-color: var(--white)}
.btn-outline-white:active {color: #595959}
.btn-outline-black {background-color: transparent;background-image: none;border-color: var(--black);color: var(--black)}
.btn-outline-black:hover {background-color: var(--black);border-color: var(--black);box-shadow: 0 5px 15px rgba(0,0,0,.05),0 4px 10px rgba(0,0,0,.25);color: var(--white)}
.btn-outline-black.focus,.btn-outline-black:focus {box-shadow: 0 0 0 3px rgba(0,0,0,.15),0 3px 15px rgba(0,0,0,.2),0 2px 5px rgba(0,0,0,.1)}
.btn-outline-black.disabled,.btn-outline-black:disabled {color: var(--black);background-color: transparent;box-shadow: none}
.btn-outline-black.active,.btn-outline-black:active,.show>.btn-outline-black.dropdown-toggle {color: var(--black);background-color: var(--black);border-color: var(--black)}
.btn-outline-black:active {color: var(--white)}
.btn-link {font-weight: 300;color: var(--primary)}
.btn-link:focus,.btn-link:hover {color: #0056b3;text-decoration: underline}
.btn-link:disabled {color: #868e96}
.btn-group-lg>.btn,.btn-lg {padding: .75rem 1.75rem;font-size: 1.125rem;line-height: 1.5;border-radius: .5rem}
.btn-group-sm>.btn,.btn-sm {padding: .35rem 1rem;font-size: .75rem;line-height: 1.5;border-radius: .2rem}
.btn-block+.btn-block {margin-top: .5rem}
.close {font-size: 1.5rem;font-weight: 500;color: #8c949d;text-shadow: none;transition: all 250ms cubic-bezier(.27,.01,.38,1.06)}
.close:focus,.close:hover {color: #8c949d}
.modal.fade .modal-dialog {transition: -webkit-transform .3s ease-out;transition: transform .3s ease-out;transition: transform .3s ease-out,-webkit-transform .3s ease-out}
.modal-dialog {margin: .625rem}
.modal-content {background-color: var(--white);border: none;border-radius: .5rem;box-shadow: 0 .46875rem 2.1875rem rgba(90,97,105,.1),0 .9375rem 1.40625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1)}
.modal-backdrop {z-index: 1040;background-color: var(--secondary)}
.modal-backdrop.show {opacity: .12}
.modal-header {padding: .9375rem 2.1875rem;border-bottom: 1px solid #dfe1e3}
.modal-title {line-height: 1.5}
.modal-body {padding: 1.875rem 2.1875rem}
.modal-footer {padding: .9375rem 2.1875rem;border-top: 1px solid #dfe1e3}
@media (min-width: 576px) {.modal-dialog {    max-width:500px;    margin: 1.875rem auto}
    .modal-content {    box-shadow: 0 .46875rem 2.1875rem rgba(90,97,105,.1),0 .9375rem 1.40625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1)}
    .modal-sm {    max-width: 300px}}
@media (min-width: 992px) {.modal-lg {    max-width:800px}
    .style3_subject {    font-size: 15px}}
.tooltip {z-index: 1070;margin: 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight: 300;line-height: 1.5;font-size: .875rem}
.tooltip.show {opacity: 1}
.tooltip .arrow {width: 5px;height: 5px}
.tooltip.bs-tooltip-auto[x-placement^=top],.tooltip.bs-tooltip-top {padding: 5px 0}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,.tooltip.bs-tooltip-top .arrow::before {margin-left: -3px;border-width: 5px 5px 0;border-top-color: var(--white)}
.tooltip.bs-tooltip-auto[x-placement^=right],.tooltip.bs-tooltip-right {padding: 0 5px}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,.tooltip.bs-tooltip-right .arrow::before {margin-top: -3px;border-width: 5px 5px 5px 0;border-right-color: var(--white)}
.tooltip.bs-tooltip-auto[x-placement^=bottom],.tooltip.bs-tooltip-bottom {padding: 5px 0}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.tooltip.bs-tooltip-bottom .arrow::before {margin-left: -3px;border-width: 0 5px 5px;border-bottom-color: var(--white)}
.tooltip.bs-tooltip-auto[x-placement^=left],.tooltip.bs-tooltip-left {padding: 0 5px}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,.tooltip.bs-tooltip-left .arrow::before {margin-top: -3px;border-width: 5px 0 5px 5px;border-left-color: var(--white)}
.tooltip-inner {max-width: 200px;padding: 7px 13px;color: var(--secondary);background-color: var(--white);border-radius: .375rem;box-shadow: 0 3px 15px rgba(90,97,105,.1),0 2px 3px rgba(90,97,105,.2)}
.popover {z-index: 1060;max-width: 276px;padding: 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight: 300;line-height: 1.5;font-size: .875rem;background-color: var(--white);border: none;border-radius: .5rem;box-shadow: 0 3px 15px rgba(90,97,105,.1),0 2px 3px rgba(90,97,105,.2)}
.popover .arrow {width: 10px;height: 5px}
.popover .arrow::before {border-width: 11px}
.popover .arrow::after {border-width: 11px}
.popover.bs-popover-auto[x-placement^=top],.popover.bs-popover-top {margin-bottom: 10px}
.popover.bs-popover-auto[x-placement^=top] .arrow::before,.popover.bs-popover-top .arrow::before {bottom: -11px;margin-left: -6px;border-top-color: rgba(0,0,0,.05)}
.popover.bs-popover-auto[x-placement^=top] .arrow::after,.popover.bs-popover-top .arrow::after {bottom: -10px;margin-left: -6px;border-top-color: var(--white)}
.popover.bs-popover-auto[x-placement^=right],.popover.bs-popover-right {margin-left: 10px}
.popover.bs-popover-auto[x-placement^=right] .arrow::after,.popover.bs-popover-auto[x-placement^=right] .arrow::before,.popover.bs-popover-right .arrow::after,.popover.bs-popover-right .arrow::before {margin-top: -8px}
.popover.bs-popover-auto[x-placement^=right] .arrow::before,.popover.bs-popover-right .arrow::before {left: -11px;border-right-color: rgba(0,0,0,.05)}
.popover.bs-popover-auto[x-placement^=right] .arrow::after,.popover.bs-popover-right .arrow::after {left: -10px;border-right-color: var(--white)}
.popover.bs-popover-auto[x-placement^=bottom],.popover.bs-popover-bottom {margin-top: 10px}
.popover.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover.bs-popover-auto[x-placement^=bottom] .arrow::before,.popover.bs-popover-bottom .arrow::after,.popover.bs-popover-bottom .arrow::before {margin-left: -7px}
.popover.bs-popover-auto[x-placement^=bottom] .arrow::before,.popover.bs-popover-bottom .arrow::before {top: -11px;border-bottom-color: rgba(0,0,0,.05)}
.popover.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover.bs-popover-bottom .arrow::after {top: -10px;border-bottom-color: var(--white)}
.popover.bs-popover-auto[x-placement^=bottom] .popover-header::before,.popover.bs-popover-bottom .popover-header::before {border-bottom: 1px solid #f5f5f6}
.popover.bs-popover-auto[x-placement^=left],.popover.bs-popover-left {margin-right: 10px}
.popover.bs-popover-auto[x-placement^=left] .arrow::after,.popover.bs-popover-auto[x-placement^=left] .arrow::before,.popover.bs-popover-left .arrow::after,.popover.bs-popover-left .arrow::before {margin-top: -8px}
.popover.bs-popover-auto[x-placement^=left] .arrow::before,.popover.bs-popover-left .arrow::before {right: -11px;border-left-color: rgba(0,0,0,.05)}
.popover.bs-popover-auto[x-placement^=left] .arrow::after,.popover.bs-popover-left .arrow::after {right: -10px;border-left-color: var(--white)}
.popover-header {padding: 14px 20px;font-size: 14px;line-height: 14px;color: #212529;background-color: #f5f5f6;border-bottom: 1px solid #e7e9ea;border-top-left-radius: calc(.5rem - 1px);border-top-right-radius: calc(.5rem - 1px)}
.popover-body {padding: 15px 20px;color: var(--secondary)}
.dropdown-menu {min-width: 10rem;padding: .5rem 0;margin: 0 0 0;font-size: 1rem;color: var(--secondary);border: 1px solid rgba(0,0,0,.05);border-radius: .375rem;box-shadow: 0 .5rem 4rem rgba(0,0,0,.11),0 10px 20px rgba(0,0,0,.05),0 2px 3px rgba(0,0,0,.06)}
.dropdown-divider {height: 0;margin: .75rem 0;overflow: hidden;border-top: 1px solid var(--light)}
.dropdown-item {padding: .5rem 1.25rem;font-weight: 300;color: #212529;font-size: .9375rem;transition: background-color 250ms cubic-bezier(.27,.01,.38,1.06),color 250ms cubic-bezier(.27,.01,.38,1.06)}
.dropdown-item:focus,.dropdown-item:hover {color: #16181b;background-color: #eceeef}
.dropdown-item.active,.dropdown-item:active {color: #16181b;background-color: #c3c7cc}
.dropdown-item.disabled,.dropdown-item:disabled {color: #868e96}
.dropdown-header {padding: .5rem 1.25rem;font-size: .875rem;color: #868e96}
.btn+.dropdown-toggle-split {padding-right: .75rem;padding-left: .75rem}
.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {padding-right: .75rem;padding-left: .75rem}
.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {padding-right: 1.3125rem;padding-left: 1.3125rem}
.btn-group.show .dropdown-toggle {box-shadow: inset 0 3px 5px rgba(0,0,0,.125)}
.badge-success {color: #18a52a;background-color: rgba(18,185,40,.1)}
.badge-warning {color: #ff6f06;background-color: rgba(255,111,6,.1)}
.badge-info {color: #5c7cff;background-color: rgba(77,130,249,.1)}
.badge-primary {color: var(--nav-bg-color);background-color: rgba(41,151,247,.1)}
.badge-danger {color: #d6064c;background-color: rgba(194,41,46,.1)}
.badge-success {color: #18a52a;background-color: rgba(18,185,40,.1)}
.badge-secondary {color: #888;background: rgba(136,136,136,.1)}
.alert-secondary {color: #888;background: rgba(136,136,136,.1);border: none}
.alert-warning {color: #ff6f06;background-color: rgba(255,111,6,.1)}
.alert-info {color: #5c7cff;background-color: rgba(77,130,249,.1)}
.alert-primary {color: var(--nav-bg-color);background-color: rgba(41,151,247,.1)}
.alert-danger {color: #d6064c;background-color: rgba(194,41,46,.1)}
.alert-success {color: #18a52a;background-color: rgba(18,185,40,.1)}
.subject_body_img {width: 100px;height: 70px;min-width: 184px;object-fit: cover;flex: 1}
.threadlist_brief {word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1}
.user-group-icon {width: 40px;margin-top: -5px}
.b-blue,.b-blue-2,.b-cyan,.b-gray,.b-green,.b-purple,.b-red,.b-theme,.b-yellow,.jb-blue,.jb-cyan,.jb-green,.jb-pink,.jb-purple,.jb-red,.jb-vip1,.jb-vip2,.jb-yellow {color: var(--this-color);background: var(--this-bg);--this-color: var(--white)}
.jb-blue,.jb-cyan,.jb-green,.jb-pink,.jb-purple,.jb-red,.jb-vip1,.jb-vip2,.jb-yellow {border: none}
.b-theme {--this-bg: var(--focus-color)}
.b-gray {--this-bg: #818b95}
.b-red {--this-bg: #ff5473}
.b-yellow {--this-bg: #ff6f06}
.b-cyan {--this-bg: #08c4c1}
.b-blue {--this-bg: var(--nav-bg-color)}
.b-blue-2 {--this-bg: #5c7cff}
.b-green {--this-bg: #12b928}
.b-purple {--this-bg: #d448f5}
.pay-tag,.vip-tag {--this-color: var(--white);--this-bg: linear-gradient(135deg, #ff74cd 10%, #ec7d0b 100%)}
.pay-tag.badg-sm {border: 0;padding: 1px 4px}
.jb-red,.order-type-9 .pay-tag {--this-bg: linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%)}
.jb-pink,.order-type-2 .pay-tag {--this-bg: linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%)}
.jb-yellow,.order-type-3 .pay-tag {--this-bg: linear-gradient(135deg, #f59f54 10%, #ff6922 100%)}
.jb-blue,.order-type-7 .pay-tag {--this-bg: linear-gradient(135deg, #59c3fb 10%, #268df7 100%)}
.jb-cyan {--this-bg: linear-gradient(140deg, #039ab3 10%, #58dbcf 90%)}
.jb-green,.order-type-5 .pay-tag {--this-bg: linear-gradient(135deg, #60e464 10%, #5cb85b 100%)}
.jb-purple,.order-type-6 .pay-tag {--this-bg: linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%)}
.jb-gold,.order-type-4 .pay-tag {--this-bg: linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%);--this-color: #866127}
.jb-black,.order-type-8 .pay-tag {--this-bg: linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%);--this-color: #ddd}
.jb-dark {background: #485563;background: -webkit-linear-gradient(to right,#29323c,#7895b3);background: linear-gradient(to right,#29323c,#7895b3)}
.avatar-3-5 {width: 3.5rem;height: 3.5rem}
.bottom-nav {background-color: #fff}
.thread-nav {background-color: #fff;width: 100%;height: 45px;bottom: 0;z-index: 1000;border-top: 1px solid #efefef}
.thread-nav .iconfont {font-size: 25px;line-height: 45px}
.nav_font {font-size: 12px;color: #8590a6}
.bottom-nav {position: relative;display: inline-block;line-height: 20px;color: #9e9e9e;cursor: pointer}
.bottom-nav .active {color: var(--primary)}
.card .nav.flex-column:not(.nav-sidebar)>li:hover {background-color: #f6f6f6}
.card .thread-left-nav.flex-column:not(.nav-sidebar)>li:hover {background-color: #f6f6f6;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px}
.card .nav.flex-column:not(.nav-sidebar)>li {border-bottom: 0;margin: 0}
.index-siteInfo-bg {width: 100%;height: 80px;background-repeat: no-repeat;background-size: cover;background-position: center}
[class^=icon-top-]:before {content: "\f0aa"}
.icon-top-1 {color: #ff6922}
.icon-top-2 {color: #ff6922}
.icon-top-3 {color: #ff5e7f}
.navbar-nav>.nav-item>.nav-link>.iconfont {width: 25px;height: 25px;display: block;text-align: center;background: var(--light);border-radius: 50%}
.forumList>li:hover {background-color: #f6f6f6;border-radius: 5px}
.userOnline {margin-top: -.2rem;margin-left: 1.3rem;transform: scale(.5);border: 5px solid #fff;border-radius: 50%;color: #1cd991}
.dropdown-menu-items>.col-6>.dropdown-item:hover {border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px}
.subject_body_img:hover {filter: brightness(.5);-webkit-filter: brightness(.5);transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s}
.user-info-count {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important}
.user-page-username {text-shadow: 5px 5px 5px rgba(0,0,0,.2);white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.my-mobile-btn-group>a {background-color: transparent;border-color: transparent;color: #6c757d!important;font-weight: 700}
.my-mobile-btn-group>a.btn-secondary:not(:disabled):not(.disabled).active {background-color: var(--primary);border-color: transparent;color: var(--white)!important;font-weight: 700;box-shadow: none;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px}
.user-page-background {width: 100%;height: 200px;background-repeat: no-repeat;background-size: cover;background-position: center}
.thread_comment_input {height: 32px;line-height: 32px;padding: 0 12px;margin-top: -2px;border-radius: 10px;overflow: hidden;background: #f5f5f5!important}
.thread_nav_pop_count {position: absolute;font-size: 10px;top: -12px}
.modal_reply_text {position: fixed;z-index: 999;width: 100%;right: 0;bottom: 30px}
.thread_btm_func a {color: #6c757d}
.avatar-6 {width: 130px;height: 130px}
.bottom-nav-bt {width: 100%;height: 55px;bottom: 0;z-index: 1000;border-top: 1px solid #efefef}
.search_form_input {background-color: var(--light)}
.search_form_input:focus {background-color: var(--light)}
.background {background-size: cover;background-position: center}
.mm-background {margin-top: -7px}
.mp-background {height: 230px}
.sidebar-bg {height: 50px}
.discovery-rank-list {max-height: 256px;overflow: auto}
.site-list-ul {list-style: outside none none;margin: 0;padding: 0}
.site-reply ul li,.site-top ul li {border-bottom: 1px dashed #dadada;clear: both;margin: 0}
.site-top ul li {height: 31px;line-height: 31px;overflow: hidden}
.site-brief li:last-child,.site-reply li:last-child,.site-top li:last-child {border-bottom: 0 none}
.site-info li {border-right: 1px solid #e6e6e6}
.site-info li:last-child {border-right: 0 none}
.discovery_forum {border: 1px solid #f5f5f5}
.discovery_forum:hover {border-color: var(--primary)}
.discovery_forum:hover .into_forum_link {background-color: var(--primary);padding: 2px 5px;color: #fff!important}
.into_forum_link {padding: 2px 5px}
.discovery_forum a {text-decoration: none}
.discovery-forum-brief {word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.hot-forum-breif {word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.site-info-logo {margin-top: -25px;border: 3px solid #fff}
.haya-post-info-at {color: var(--primary)}
.forum-avatar {position: absolute;right: -60px;top: -50px;opacity: .3}
.disc-forum-avatar {position: absolute;right: -30px;top: -20px;opacity: .3}
.tt-license {font-size: 12px;font-weight: 600;padding: 1rem;background: repeating-linear-gradient(135deg,#f6f6f6,#f6f6f6 12px,var(--white) 0,var(--white) 24px);background-color: #f3f5f7;border-left: 3px solid #dde6e9;margin-bottom: 20px}
.tt-license-icon {align-items: center;position: relative;float: left;margin: -10px -10px -10px 0;margin-right: 10px;overflow: hidden;text-align: center;display: flex;height: 40px;color: #ff5722}
.tt-license a {color: #337ab7;text-decoration: underline;margin: 0 5px}
.goTop {position: fixed;right: 0;bottom: 150px;background-color: var(--white);width: 50px;height: 25px;line-height: 25px;cursor: pointer;border-top-left-radius: 15px;border-bottom-left-radius: 15px}
.qqFace {margin-top: 4px;height: 145px;overflow: auto}
.qqFace img {cursor: pointer}
.qqFace img:hover {transform: scale(1.5);transition: all .3s;-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-ms-transform: scale(1.5);-o-transform: scale(1.5)}
.contact>a {font-size: 20px;border-radius: 50%}
.nav-item.usernotice.current>.header_notice>.unread {display: inline-block!important;top: -1px;left: 3px;transform: scale(.5);-webkit-transform: scale(.5);-moz-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5)}
.popover {max-width: 800px;}
.navbar-brand{margin-right: .5rem !important;}
.webname{font-size: 18px;    margin-right: 25px;}