@font-face {
 font-family: 'Jost';
 src: url('https://fonts.gstatic.com/s/jost/v12/92zPtBhPNqw79Ij1E865zBUv7myjJTVBNIg.woff2'); /* IE9 Compat Modes */
}
body{background:#e2e2e2;color:#525252;}
a{text-decoration:none;-moz-transition:color 300ms linear;-webkit-transition:color 300ms linear;color:var(--dark);color:#555;}
a:hover{color:#1E90FF;text-decoration:underline;}
.ul{list-style:none;padding:0;}
.border{border-color:#efefef!important;}
.mb-4-2{margin-bottom:2rem!important;}
.clear{clear:both;width:100%!important;}
img{vertical-align:middle;border-style:none;max-width:100%;}
*{box-shadow:none!important}
[class^="icon-top-"]:before{content:"\f0aa";}
.display-5{font-size:1.8rem;font-weight:300;line-height:1.2;}
.display-6{font-size:1.5rem;font-weight:300;line-height:1.2;}
.fox-lead{font-size:1.1rem;font-weight:300;}
.overflow-hidden{overflow:hidden!important}
.btn-outline-light{color:#555;background-color:transparent;background-image:none;border-color:#e2e6ea;}
.btn-outline-light:hover{color:#555;background-color:#e2e6ea;border-color:#e2e6ea;}
.form-control:focus{border-color:#868e96;}
.tools:hover .header_tools{display:block;}
.header_tools{display:none;position:absolute;background-color:#343a40!important;min-width:82px;padding:5px 0;z-index:9999;}
.header_tools a{padding:5px 0px;display:flex;}
.nav-link{position:relative;}
.active .nav-link.one:before{width:100%;}
.nav-link.one:hover:before{width:100%;}
.nav-link:before{content:"";position:absolute;left:50%;bottom:0px;transform:translate(-50%);width:0px;height:2px;background:#37f;transition:all .3s;}
.navbar-dark .navbar-nav .nav-link{padding:0.5rem;}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color:rgba(255,255,255,1);}
.nav-tabs .nav-item {margin-bottom: 2px;}
.message a{position:relative;}
.message a:hover{text-decoration:none!important}
/*.message a:before{content:"";position:absolute;left:50%;bottom:0px;transform:translate(-50%);width:0px;height:2px;background:#37f;transition:all .5s;}*/
.message a:hover:before{width:100%;}
.thread-tags a:hover:before{display:none}
.attachlist{margin:0;padding:0px;}
.attachlist .table{margin-top:0rem;}
.attachlist .table th{padding:0 0 0.75rem 0;}
.attachlist .table td{padding:0.75rem 0;}
.attachlist .table td .attach_num{font-size:18px;font-weight:bold}
.attachlist a img{border:0px;vertical-align:middle;margin-bottom:2px!important;}
.breadcrumb{border:0px;box-shadow:#ddd 0 0 20px;border-radius:6px;background-color:#fff!important;}
.card{border:0px;background:#fff;box-shadow:none!important;border-radius:0.25rem!important;}
.card > .card-header{background-image:none;border-bottom:1px solid rgba(0,0,0,0.04);}
.card-header:first-child{border-radius:6px 6px 0 0;}
.card-footer{background-color:transparent}
.card-footer:last-child{border-radius:0 0 6px 6px;}
.card-header{background-color:inherit;padding: 0.6rem 1.25rem;}
.card-threadlist .fox-body{padding:0.25rem;}
.thread.top_1 a.link{color:#0e990b;}
.thread.top_3 a.link{color:#007ef7;}
.avatar-3{width:40px!important;height:40px!important;/*border-radius:0.25rem*/}
.avatar-3:hover {border-radius: 50%;opacity: 1;transform: rotateZ(180deg);transition: all 0.5s ease 0s;}
.avatar-5 {width: 6rem;height: 6rem;border-radius: 0.5rem;}
.thread .media-body{min-height:50px;/*padding-top:5px;margin-bottom:4px;*/box-sizing:content-box;}
.threadlist li.thread:last-child .media-body{border-bottom:0px}
.thread{padding: 0.2rem 0px;border-bottom:1px solid #e9ecef;}
.thread:hover{background-color:#F8F9FA}
.left_nav{background-color:#FFF}
.fox_icon{border-radius:2px;width:0.64rem;height:0.64rem;display:inline-block;margin-right:5px;}
.icon-1{background-color:#E92725;}
.icon-2{background-color:#F27B21;}
.icon-3{background-color:#F2A61F;}
.icon-4{background-color:#5AAF4A;}
.icon-5{background-color:#42C4F5;}
.icon-6{background-color:#0099CC;}
.icon-7{background-color:#3365AE;}
.icon-8{background-color:#2A3591;}
.icon-9{background-color:#592D8E;}
.icon-10{background-color:#DB3191;}
.icon-11{background-color:#BE5281;}
.icon-12{background-color:#88BEE3;}
.icon-13{background-color:#444444;}
.icon-14{background-color:#AB9364;}
.icon-15{background-color:#912CEE;}
.icon-16{background-color:#0B6138;}
.icon-17{background-color:#8B0000;}
.icon-18{background-color:#008B8B;}
.icon-19{background-color:#F781BE;}
.icon-20{background-color:#A9BCF5;}
.icon-g1{color:#3DC7F5;}
.icon-g2{color:#FE8E8E;}
.icon-g3{color:#FE8E8E;}
.icon-g4{color:#6B8E23;}
.icon-g5{color:#548B54;}
.icon-g6{color:#8B8989;}
.icon-g7{color:#177f2e;}
.icon-g10{color:#F00;}
.icon-g101{color:#EEB422;}
.icon-g102{color:#0000CD;}
.icon-g103{color:#8A2BE2;}
.icon-g104{color:#76EE00;}
.icon-g105{color:#CD3700;}
.icon-g106{color:#CD0000;}
.originalImg{background-image:url(../img/original.png);background-size:64px;width:64px;height:64px;position:absolute;left:0;top:0;border-radius:6px 0 0 0;z-index:999}
.originalImg_1{background-position:0 0;}
.originalImg_2{background-position:0 -64px;}
.originalImg_3{background-position:0 -128px;}
.originalImg_4{background-position:0 -192px;}
.originalImg_5{background-position:0 -256px;}
.originalImg_6{background-position:0 -320px;}
.originalImg_7{background-position:0 -384px;}
.originalImg_8{background-position:0 -448px;}
.originalImg_9{background-position:0 -512px;}
.originalImg_10{background-position:0 -576px;}
.originalImg_11{background-position:0 -640px;}
.detail-path{font-size:14px;color:#9199a1;line-height:24px;border-bottom:1px solid rgba(0,0,0,0.04);padding-bottom:5px;}
.detail-path.ml-0{padding-left:1rem!important;}
.detail-path .oddfox{position:relative;z-index:2;cursor:pointer;text-decoration:none}
.detail-path i{font-size:18px;line-height:15px;vertical-align:text-bottom;}
.detail-path .icon-home{speak:none;font-weight:400;font-variant:normal;text-transform:none;}
.detail-path a.active{color:#37f}
.detail-path i.icon-diamond{font-size:15px;}
.btn-orange{color:#FFF;background-color:#ff9500;border-color:#ff9500;}
.btn-orange:hover{color:#FFF;background-color:#ec8a01;border-color:#ec8a01;}
.btn-orange:focus,.btn-orange.focus{box-shadow:none!important;}
.btn-orange.disabled,.btn-orange:disabled{color:#FFF;background-color:#ff9500;border-color:#ff9500;}
.btn-orange:not(:disabled):not(.disabled):active,.btn-orange:not(:disabled):not(.disabled).active,.show > .btn-orange.dropdown-toggle{color:#FFF;background-color:#ec8a01;border-color:#ec8a01;}
.btn-orange:not(:disabled):not(.disabled):active:focus,.btn-orange:not(:disabled):not(.disabled).active:focus,.show > .btn-orange.dropdown-toggle:focus{box-shadow:none!important;}
.btn-skyblue{color:#FFF;background-color:#158FED;border-color:#158FED;}
.btn-skyblue:hover{color:#FFF;background-color:#0066CC;border-color:#0066CC;}
.btn-skyblue:focus,.btn-skyblue.focus{box-shadow:none!important;}
.btn-skyblue.disabled,.btn-skyblue:disabled{color:#FFF;background-color:#158FED;border-color:#158FED;}
.btn-skyblue:not(:disabled):not(.disabled):active,.btn-skyblue:not(:disabled):not(.disabled).active,.show > .btn-skyblue.dropdown-toggle{color:#FFF;background-color:#0066CC;border-color:#0066CC;}
.btn-skyblue:not(:disabled):not(.disabled):active:focus,.btn-skyblue:not(:disabled):not(.disabled).active:focus,.show > .btn-skyblue.dropdown-toggle:focus{box-shadow:none!important;}
.btn-blue{color:#fff;background-color:#1f4977;border-color:#1f4977;}
.btn-blue:hover{color:#fff;background-color:#173659;border-color:#14304f;}
.btn-blue:focus,.btn-blue.focus{box-shadow:0 0 0 0.2rem rgba(31,73,119,0.5);}
.btn-blue.disabled,.btn-blue:disabled{color:#fff;background-color:#1f4977;border-color:#1f4977;}
.btn-blue:not(:disabled):not(.disabled):active,.btn-blue:not(:disabled):not(.disabled).active,.show > .btn-blue.dropdown-toggle{color:#fff;background-color:#14304f;border-color:#122a44;}
.btn-blue:not(:disabled):not(.disabled):active:focus,.btn-blue:not(:disabled):not(.disabled).active:focus,.show > .btn-blue.dropdown-toggle:focus{box-shadow:0 0 0 0.2rem rgba(31,73,119,0.5);}
.btn-warning{color:#FFF;background-color:#ff5722;border-color:#ff5722;}
.btn-warning:hover{color:#FFF;background-color:#ff784e;border-color:#ff784e;}
.btn-warning:focus,.btn-warning.focus{box-shadow:none!important;}
.btn-warning.disabled,.btn-warning:disabled{color:#FFF;background-color:#ff5722;border-color:#ff5722;}
.btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active,.show > .btn-warning.dropdown-toggle{color:#FFF;background-color:#ff5722;border-color:#ff5722;}
.btn-warning:not(:disabled):not(.disabled):active:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.show > .btn-warning.dropdown-toggle:focus{box-shadow:none!important;}
.btn-warm{color:#FFF;background-color:#ffb800;border-color:#ffb800;}
.btn-warm:hover{color:#FFF;background-color:#ffc632;border-color:#ffc632;}
.btn-warm:focus,.btn-warm.focus{box-shadow:none!important;}
.btn-warm.disabled,.btn-warm:disabled{color:#FFF;background-color:#ffb800;border-color:#ffb800;}
.btn-warm:not(:disabled):not(.disabled):active,.btn-warm:not(:disabled):not(.disabled).active,.show > .btn-warm.dropdown-toggle{color:#FFF;background-color:#ffc632;border-color:#ffc632;}
.btn-warm:not(:disabled):not(.disabled):active:focus,.btn-warm:not(:disabled):not(.disabled).active:focus,.show > .btn-warm.dropdown-toggle:focus{box-shadow:none!important;}
.btn-outline-secondary:focus,.btn-outline-secondary.focus{box-shadow:none;}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-secondary.dropdown-toggle:focus{box-shadow:none;}
.btn-info{color:#FFF!important;}
.badge{padding:0.3em 0.5em;font-size:12px;border-radius:2px;font-weight:normal!important;vertical-align:middle;}
.badge-green{color:#5FB878;background-color:#FFF;border:1px solid #5FB878;padding:0.1em 0.4em;text-decoration:none}
.badge-pill{font-weight:normal!important;line-height:1!important;text-decoration:none}
.badge-orange{color:#FFF;background-color:#ff9500;text-decoration:none}
.badge-orange[href]:hover,.badge-orange[href]:focus{color:#FFF;text-decoration:none;background-color:#ff9500;}
.badge-blue{color:#fff;background-color:#1f4977;text-decoration:none}
.badge-warm{color:#FFF;background-color:#ffb800;text-decoration:none}
.badge-skyblue{color:#FFF;background-color:#158FED;text-decoration:none}
.badge-skyblue:hover{color:#FFF;background-color:#0066CC;text-decoration:none}
.badge-light{color:#212529;background-color:#f8f9fa;}
.badge-light[href]:hover,.badge-light[href]:focus{color:#212529;text-decoration:none;background-color:#dae0e5;}
input,.btn:focus,.btn.focus{box-shadow:none!important;}
.btn-primary{color:#FFF;background-color:#37f;border-color:#37f;}
.btn-primary:hover{color:#FFF;background-color:#0066CC;border-color:#0066CC;}
.btn-primary:focus,.btn-primary.focus{box-shadow:none;}
.btn-primary.disabled,.btn-primary:disabled{color:#FFF;background-color:#37f;border-color:#37f;}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show > .btn-primary.dropdown-toggle{color:#FFF;background-color:#0066CC;border-color:#0066CC;}
.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-primary.dropdown-toggle:focus{box-shadow:none;}
.form-control:focus{color:#495057;background-color:#fff;border-color:#9BC9EF;outline:0;box-shadow:0px 1px 5px 0px #E2F1FF inset;}
.custom-select:focus{border-color:#9BC9EF;outline:0;box-shadow:inset 0 1px 5px 0px #E2F1FF;}
.blockquote{background-color:#e5ecf2;border-radius:6px;}
.right-header{font-size:14px;padding:10px 14px 5px 14px!important;border-left:0px solid #37f;border-bottom:1px solid #dee2e6;background:#fff;border-radius:6px 6px 0 0;padding:0.75rem 1.25rem!important;}
#footer{background-color:#fff !important;box-shadow:0 0 4px 1px rgba(0,0,0,0.1);}
.fieldset{margin:10px 0;}
.btn:focus,.btn.focus{outline:0;box-shadow:0 0 0 0rem #fff!important;}
button:focus{outline:0px dotted;outline:0px auto -webkit-focus-ring-color;}
.alert-white{color:#6c757d;background-color:#f8f9fa;border-color:#f1f1f1;}
.alert-white hr{border-top-color:#dddfe2;}
.alert-white .alert-link{color:#6c757d;}
.fox_fieldset hr{margin-top:8px;margin-bottom:0rem;}
.fox_fieldset .btn-sm{padding:0.08rem 0.5rem!important;}
.fox_fieldset ul{padding:0;margin:0;list-style:none;}
.fox_fieldset ul li{border-bottom:1px #f9e9b5 solid;padding:.4rem 0}
.fox_fieldset.alert-success ul li{border-bottom:1px #aed2b5 solid;}
.fox_fieldset ul li small{margin-top:2px;}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-size:1.25rem;font-weight:bold;margin:30px 0;padding:0 0 0 10px;}
.article-content h1:nth-child(6n+0),.article-content h2:nth-child(6n+0),.article-content h3:nth-child(6n+0),.article-content h4:nth-child(6n+0),.article-content h5:nth-child(6n+0){border-left:5px solid #DE4387}
.article-content h1:nth-child(6n+1),.article-content h2:nth-child(6n+1),.article-content h3:nth-child(6n+1),.article-content h4:nth-child(6n+1),.article-content h5:nth-child(6n+1){border-left:5px solid #AE74EC}
.article-content h1:nth-child(6n+2),.article-content h2:nth-child(6n+2),.article-content h3:nth-child(6n+2),.article-content h4:nth-child(6n+2),.article-content h5:nth-child(6n+2){border-left:5px solid #4527A0}
.article-content h1:nth-child(6n+3),.article-content h2:nth-child(6n+3),.article-content h3:nth-child(6n+3),.article-content h4:nth-child(6n+3),.article-content h5:nth-child(6n+3){border-left:5px solid #4AD868}
.article-content h1:nth-child(6n+4),.article-content h2:nth-child(6n+4),.article-content h3:nth-child(6n+4),.article-content h4:nth-child(6n+4),.article-content h5:nth-child(6n+4){border-left:5px solid #63CEEF}
.article-content h1:nth-child(6n+5),.article-content h2:nth-child(6n+5),.article-content h3:nth-child(6n+5),.article-content h4:nth-child(6n+5),.article-content h5:nth-child(6n+5){border-left:5px solid #EC8E4A}
.message a{color:#37F;}
.post_message p a{color:#37F;}
#fox_postlist .message img{max-width:300px;}
.all-read{position:absolute!important;float:right!important;bottom:8px!important;right:0px!important;}
.alert-success .border-top-5{border-top:5px #177f2e solid;}
.alert-warning .border-top-5{border-top:5px #ff5722 solid;}
.alert-gray{color:#868e96;background-color:#f8f9fa;border-color:#e9ecef;}
.alert-gray hr{border-top-color:#e9ecef;}
.alert-gray .alert-link{color:#37F;font-weight:normal;font-size:1rem;}
.text-green{color:#8bca1d !important;}
a.text-green:hover,a.text-green:focus{color:#0f541e !important;}
.post_message .blockquote{background-color:aliceblue;}
.media-body h4.title{font-size:1.3rem!important;}
.list-ul .border-bottom{}
.list-ul li:last-child{border-bottom:0!important;}
.card-header .card-header-tabs .nav-link:before{display:none}
.nav-tabs .nav-link{border-width:0 0 1px 0;}
.nav-tabs .nav-link:hover:not(.active){border-width:0 0 1px 0;}
.card > .card-header{background-image:none;background-color:#fff;border-color:var(--gray-200);}
.card-header-tabs > .nav-item > .nav-link{color:#37f;}
.card-header-tabs > .nav-item > .nav-link.active{color:#FFA500;background:none;border-bottom-color:#FFA500;}
.card-header-tabs > .nav-item > .nav-link.active:hover{border-bottom-color:#F00;color:#F00;}
.card-header-tabs > .nav-item > .nav-link:hover:not(.active){border-width:0 0 1px 0;border-bottom-color:#37f;color:#37f;}
@media screen and (max-width:1024px){}
@media (max-width:992px){}
@media screen and (max-width:768px){}
@media screen and (max-width:767px){.sub-logo,.sub-new{display:none}}@media screen and (max-width:600px){}
@media screen and (max-width:576px){.card-body{padding:.5rem;}
#body{padding-top:0.5rem;}
#body > .container > .row > div{padding:0 0.5rem;}
#my_main{padding:0 0.7rem!important;}
.subject{max-height:40px;overflow:hidden;}
html,body,table{font-size:13px!important;}
.error-404{font-size:1.8rem;}}@media screen and (max-width:375px){}
@media screen and (min-width:1288px){.container{max-width:1280px;width:1280px}
.badge{font-size:12px}
.badge-pill{padding-right:.4em;padding-left:.4em;}}@media (min-width:1024px){#header .text-truncate{display:none;}
#nav{background-color:#07111b!important;}
.ml-xl-auto,.mx-xl-auto{margin-left:auto !important;}
.mr-xl-auto,.mx-xl-auto{margin-right:auto !important;}}@media (min-width:768px){}
@media (min-width:576px){#body{padding-top:1rem;}
.container{max-width:100%;}}
@media (max-width:992px){
#mobile_nav .mobile-nav-close{position:absolute;top:10px;right:10px;z-index:99;display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;font-size:15px;color:red;}
#mobile_nav .mobile-nav-close:hover,#mobile_nav .mobile-nav-close:focus,#mobile_nav .mobile-nav-close:active{outline:none;text-decoration:none;}
#mobile_nav_dropdown{position:fixed;z-index:88;top:0;right:0px;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;-webkit-transform:translateX(1024px);-moz-transform:translateX(1024px);-ms-transform:translateX(1024px);-o-transform:translateX(1024px);transform:translateX(1024px);bottom:0;width:100%;padding:0 20px 20px 20px;background:#343a40;-webkit-box-shadow:0 0 9px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 9px 0 rgba(0,0,0,0.3);-ms-box-shadow:0 0 9px 0 rgba(0,0,0,0.3);box-shadow:0 0 9px 0 rgba(0,0,0,0.3);}
#mobile_nav_dropdown.show{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px);display:block;}
}

/*板块列表样式*/
.card {background: #FFF;margin-bottom: 1rem;width: 100%;}
.card, .border-shadow {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);border: 1px solid #e0e0e0;border-radius: 0.5rem;}
.card > .card-header {color: #454d55;text-shadow: 1px 1px 1px #fff;font-size: 14px;padding: 0.6rem 1rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);border-bottom: 1px solid #E0E0E0;background-image: linear-gradient(0deg, #F4F4F4, #FAFAFA);}
/*侧边栏登录*/
.containerwb {width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.backgrwbguest {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.guesttext {font-weight: bold;margin-top: 15px;}
p.guestdesc {padding: 15px;margin-top: -10px;text-align: center;margin-bottom: -3px;}
.contentwb {width: 100%;max-width: 600px;padding: 5px 40px;box-sizing: border-box;text-align: center;}
.ingwbox {width: 120px;height: 200px;}
.avatarwb .Avatar {margin-top: 20px;margin-bottom: 8px;width: 100px;height: 100px;box-sizing: border-box;border: 5px #fff solid;border-radius: 50%;overflow: hidden;box-shadow: 0 5px 15px 0px rgb(0 0 0 / 60%);transform: translatey(0px);}
.textinfo {color: #667c99;}
.circletop {margin-top: 8px;}
.menuicon {color: #69f;padding: 5px;}
.ulwb {list-style-type: none;}
.edit-body {position: relative;}
.edit-textarea {box-sizing: border-box;padding: 10px;width: 100%;height: 90px;border: 1px solid #e5e5e5;background-color: #fff;resize: vertical;font-size: 14px;line-height: 1.5;}
.edit-tip {border-color: #E5E5E5;background-color: #F5F7FA;font-weight: 500;}
.edit-tip {position: absolute;left: 0;top: 0;box-sizing: border-box;width: 100%;height: 100%;border: 1px solid rgba(157,157,157,.18);background-color: #f7f8fa;font-size: 16px;line-height: 22px;text-align: center;color: #999;}
.edit-tip:before {content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
.edit-tip a {color: #00a4ff;font-weight: 600;}
/*板块分类css*/
dl.row, dl.row > dt, dl.row > dd, ul.row, ul.row > li {margin: 0px;padding: 0px;}
dl.row, ul.row {display: table;width: 100% !important;clear: both;}
dl.row.vtop > dt, dl.row.vtop > dd, dl.row > dt.vtop, dl.row > dd.vtop {vertical-align: top;}
dl.row > dt {font-weight: normal;}
dl.row > dt, dl.row > dd {width: auto;}
dl.row > dt, dl.row > dd, ul.row > li {list-style: none;min-height: 1.6rem;}
dl.row > dt, dl.row > dd, ul.row > li {display: table-cell;vertical-align: middle;}
dl.row, dl.row > dt, dl.row > dd, ul.row, ul.row > li {margin: 0px;padding: 0px;}
.forum_icon {width: 48px;height: 48px;border-radius: 5px;}
li {list-style: outside none none;}

.avatar-1:hover {transform: scale(1.15) rotate(720deg);}
.avatar-1{border-radius: 50%;animation: light 4s ease-in-out infinite;transition: 0.5s;}
@keyframes light {
    0% {
        box-shadow: 0 0 4px #f00;
    }
    25% {
        box-shadow: 0 0 16px #0f0;
    }
    50% {
        box-shadow: 0 0 4px #00f;
    }
    75% {
        box-shadow: 0 0 16px #0f0;
    }
    100% {
        box-shadow: 0 0 4px #f00;
    }
}
.avatar-5:hover {
  -webkit-animation-name: avatar;
  animation-name: avatar;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@-webkit-keyframes avatar {
	16.65% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}

	33.3% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}

	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
	}

	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}

	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes avatar {
	16.65% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}

	33.3% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}

	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
	}

	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}

	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}



:root {
  --gold: #ffb338;
  --light-shadow: #77571d;
  --dark-shadow: #3e2904;
}
body {
  margin: 0;
}
.wrapper {
  display: grid;
  grid-template-areas: 'overlap';
  place-content: center;
  text-transform: uppercase;
}
.wrapper > div {
  background-clip: text;  
  -webkit-background-clip: text;
  color: #363833;
  font-family: 'Jost', sans-serif;
  font-weight: 900;
  font-size: clamp( 3em, 1vw, 5rem);
  grid-area: overlap;
  letter-spacing: 1px;
  -webkit-text-stroke: 4px transparent;
}
div.bg {
  background-image: repeating-linear-gradient( 105deg, 
    var(--gold) 0% , 
    var(--dark-shadow) 5%,
    var(--gold) 12%);
  color: transparent;
  filter: drop-shadow(5px 15px 15px black);
  transform: scaleY(1.05);
  transform-origin: top;
}
div.fg{
  background-image: repeating-linear-gradient( 5deg,  
    var(--gold) 0% , 
    var(--light-shadow) 23%, 
    var(--gold) 31%);
  color: #1e2127;
  transform: scale(1);
}

ul{
    list-style: none;
}
.zt{
    position: relative;
    padding-left: 15px;
    height: 36px;
}
.zt:after{
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 20px;
    text-align: center;
    color: #FFF;
    background: #999999;
    position: absolute;
    left: 0;
    top: 12px;
    border-radius: 2px;
}
.zt:first-child:after {background-color:#E92725;}
.zt:nth-child(2):after {background-color:#F27B21;}
.zt:nth-child(3):after {background-color:#F2A61F;}
.zt:nth-child(4):after {background-color:#5AAF4A;}
.zt:nth-child(5):after {background-color:#42C4F5;}
.zt:nth-child(6):after {background-color:#0099CC;}
.zt:nth-child(7):after {background-color:#3365AE;}
.zt:nth-child(8):after {background-color:#2A3591;}
.zt:nth-child(9):after {background-color:#592D8E;}
.zt:nth-child(10):after {background-color:#DB3191;}
.zt:nth-child(11):after {background-color:#BE5281;}
.zt:nth-child(12):after {background-color:#88BEE3;}
.zt:nth-child(13):after {background-color:#444444;}
.zt:nth-child(14):after {background-color:#AB9364;}
.zt:nth-child(15):after {background-color:#912CEE;}
.zt:nth-child(16):after {background-color:#0B6138;}
.zt:nth-child(17):after {background-color:#8B0000;}
.zt:nth-child(18):after {background-color:#008B8B;}
.zt:nth-child(19):after {background-color:#F781BE;}
.zt:nth-child(20):after {background-color:#A9BCF5;}
.zt:nth-child(21):after {content: "21";}

.ztlog-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

/*个人中心*/
.btn-orange{color:#FFF;background-color:#ff9500;border-color:#ff9500;}
.btn-orange:hover{color:#FFF;background-color:#ec8a01;border-color:#ec8a01;}
.btn-orange:focus,.btn-orange.focus{box-shadow:none!important;}
.btn-orange.disabled,.btn-orange:disabled{color:#FFF;background-color:#ff9500;border-color:#ff9500;}
.btn-orange:not(:disabled):not(.disabled):active,.btn-orange:not(:disabled):not(.disabled).active,.show > .btn-orange.dropdown-toggle{color:#FFF;background-color:#ec8a01;border-color:#ec8a01;}
.btn-orange:not(:disabled):not(.disabled):active:focus,.btn-orange:not(:disabled):not(.disabled).active:focus,.show > .btn-orange.dropdown-toggle:focus{box-shadow:none!important;}
.btn-skyblue{color:#FFF;background-color:#158FED;border-color:#158FED;}
.btn-skyblue:hover{color:#FFF;background-color:#0066CC;border-color:#0066CC;}
.btn-skyblue:focus,.btn-skyblue.focus{box-shadow:none!important;}
.btn-skyblue.disabled,.btn-skyblue:disabled{color:#FFF;background-color:#158FED;border-color:#158FED;}
.btn-skyblue:not(:disabled):not(.disabled):active,.btn-skyblue:not(:disabled):not(.disabled).active,.show > .btn-skyblue.dropdown-toggle{color:#FFF;background-color:#0066CC;border-color:#0066CC;}
.btn-skyblue:not(:disabled):not(.disabled):active:focus,.btn-skyblue:not(:disabled):not(.disabled).active:focus,.show > .btn-skyblue.dropdown-toggle:focus{box-shadow:none!important;}
.btn-blue{color:#fff;background-color:#1f4977;border-color:#1f4977;}
.btn-blue:hover{color:#fff;background-color:#173659;border-color:#14304f;}
.btn-blue:focus,.btn-blue.focus{box-shadow:0 0 0 0.2rem rgba(31,73,119,0.5);}
.btn-blue.disabled,.btn-blue:disabled{color:#fff;background-color:#1f4977;border-color:#1f4977;}
.btn-blue:not(:disabled):not(.disabled):active,.btn-blue:not(:disabled):not(.disabled).active,.show > .btn-blue.dropdown-toggle{color:#fff;background-color:#14304f;border-color:#122a44;}
.btn-blue:not(:disabled):not(.disabled):active:focus,.btn-blue:not(:disabled):not(.disabled).active:focus,.show > .btn-blue.dropdown-toggle:focus{box-shadow:0 0 0 0.2rem rgba(31,73,119,0.5);}
.btn-warning{color:#FFF;background-color:#ff5722;border-color:#ff5722;}
.btn-warning:hover{color:#FFF;background-color:#ff784e;border-color:#ff784e;}
.btn-warning:focus,.btn-warning.focus{box-shadow:none!important;}
.btn-warning.disabled,.btn-warning:disabled{color:#FFF;background-color:#ff5722;border-color:#ff5722;}
.btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active,.show > .btn-warning.dropdown-toggle{color:#FFF;background-color:#ff5722;border-color:#ff5722;}
.btn-warning:not(:disabled):not(.disabled):active:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.show > .btn-warning.dropdown-toggle:focus{box-shadow:none!important;}
.btn-warm{color:#FFF;background-color:#ffb800;border-color:#ffb800;}
.btn-warm:hover{color:#FFF;background-color:#ffc632;border-color:#ffc632;}
.btn-warm:focus,.btn-warm.focus{box-shadow:none!important;}
.btn-warm.disabled,.btn-warm:disabled{color:#FFF;background-color:#ffb800;border-color:#ffb800;}
.btn-warm:not(:disabled):not(.disabled):active,.btn-warm:not(:disabled):not(.disabled).active,.show > .btn-warm.dropdown-toggle{color:#FFF;background-color:#ffc632;border-color:#ffc632;}
.btn-warm:not(:disabled):not(.disabled):active:focus,.btn-warm:not(:disabled):not(.disabled).active:focus,.show > .btn-warm.dropdown-toggle:focus{box-shadow:none!important;}
.btn-outline-secondary:focus,.btn-outline-secondary.focus{box-shadow:none;}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-secondary.dropdown-toggle:focus{box-shadow:none;}
.btn-info{color:#FFF!important;}
.badge{padding:0.3em 0.5em;font-size:12px;border-radius:2px;font-weight:normal!important;vertical-align:middle;}
.badge-green{color:#5FB878;background-color:#FFF;border:1px solid #5FB878;padding:0.1em 0.4em;text-decoration:none}
.badge-pill{font-weight:normal!important;line-height:1!important;text-decoration:none}
.badge-orange{color:#FFF;background-color:#ff9500;text-decoration:none}
.badge-orange[href]:hover,.badge-orange[href]:focus{color:#FFF;text-decoration:none;background-color:#ff9500;}
.badge-blue{color:#fff;background-color:#1f4977;text-decoration:none}
.badge-warm{color:#FFF;background-color:#ffb800;text-decoration:none}
.badge-skyblue{color:#FFF;background-color:#158FED;text-decoration:none}
.badge-skyblue:hover{color:#FFF;background-color:#0066CC;text-decoration:none}
.badge-light{color:#212529;background-color:#f8f9fa;}
.badge-light[href]:hover,.badge-light[href]:focus{color:#212529;text-decoration:none;background-color:#dae0e5;}
input,.btn:focus,.btn.focus{box-shadow:none!important;}
/* 2022-04-15 */
.user-icon-round{width:2.4rem;height:2.4rem;border-radius:2.4rem;}
.input-group-text{padding:0.5rem 0.75rem;}
select.form-control:not([size]):not([multiple]){height:calc(2.25rem + 6px);}
.list-group-fox{flex-direction:row;ms-flex-direction:row;}
.user_banner{position:relative;}
.user_banner:before{content:" ";width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background-color:rgba(0,0,0,.4);border-radius:0.25rem!important;}
.user_banner_bg_box{width:100%;height:100%;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;}
.user_banner_bg_box .user_banner_bg{background-size:100% 100%;background-repeat:no-repeat;filter:url(blur.svg#blur);-webkit-filter:blur(60px);-moz-filter:blur(60px);-ms-filter:blur(60px);filter:blur(60px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=60,MakeShadow=false);}
.user_banner_detail{position:relative;margin:0 auto;width:auto;z-index:1;}
.user_banner_detail .cover{float:left;width:128px;height:128px;overflow:hidden;box-shadow:0 0 5px #444;position:relative;z-index:2}
.user_banner_detail .cover img{width:128px;height:128px;}
.user_banner_detail .detail{float:left;width:auto;min-width:50%;min-height:128px;position:relative;z-index:2}
.user_banner_detail .detail .box{position:absolute;bottom:0;left:0;}
.user_banner_detail .detail h1{font-size:30px;color:#252525;margin-top:15px;display:inline-block;}
.user_banner_detail .detail .subtitle{font-size:13px;color:#666;}
.user_banner_detail .detail .subtitle a{color:#fff;}
.user_banner_detail .detail .subtitle i.icon{text-align:center;vertical-align:middle;border-radius:50%;}
.user_banner_detail .detail .subtitle [class^="icon-"]:before,.user_banner_detail .detail .subtitle[class*=" icon-"]:before{width:14px!important;height:14px!important;vertical-align:revert;border-radius:50%;}
.user_banner_detail .detail .subtitle.signature{background-image:-webkit-linear-gradient(left,#147B96,#E6D205 25%,#147B96 50%,#E6D205 75%,#147B96);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200% 100%;-webkit-animation:masked-animation 4s infinite linear;position:relative;z-index:2}
@-webkit-keyframes masked-animation{0%{background-position:0 0;}100%{background-position:-100% 0;}}
#user_main .card-body.fox-body-thread{padding:0.7rem 0.25rem 0.25rem 0.25rem}
#user_main .card-body.fox-body-thread input{display:none}
#user_main .card-body.fox-body-post{padding:0.25rem 1.2rem;}
#my_main .card-body.fox-body-thread{padding:0.7rem 0.25rem 0.25rem 0.25rem}
#my_main .card-body.fox-body-thread input{display:none}
#my_main .card-body.fox-body-post{padding:0.25rem 1.2rem;}
#my_main .card-body.fox-body-favorite{padding:0.7rem 0.25rem 0.25rem 0.25rem}
#my_main .card-body.fox-body-purchased{padding:0.7rem 0.25rem 0.25rem 0.25rem}
@media(min-width:768px){.container{max-width:100%;}}
@media(min-width:1280px){.container{max-width:1230px;}}
@media(max-width:576px){.user_banner_detail .cover,.user_banner_detail .cover img{width:100px;height:100px;}.user_banner_detail .detail{min-width:260px;max-width:260px;min-height:100px;margin-left:12px!important;}.user_banner_detail .detail h1{font-size:16px;margin-top:0px;margin-bottom:0px;}}
@media(max-width:375px){.user_banner_detail .detail{min-width:220px;}}
@media(max-width:320px){.user_banner_detail .detail{min-width:166px;}}
#my_aside.fox-aside{padding-right:0!important;}