
body {
    --dz-BG-body:#f5f6f7;/*全局body背景*/
    --dz-BG-fff:#ffffff;
    --dz-BG-qs1:rgba(92,124,255,0.1);/*蓝色背景1*/
    --dz-BG-qs2:rgba(41,151,247,0.1);/*蓝色背景2*/
    --dz-BG-qs3:rgba(24,165,42,0.1);/*绿色背景*/
    --dz-BG-qs4:rgba(255,111,6,0.1);/*橘色背景*/
    --dz-BG-qs5:rgba(255,84,115,0.1);/*红色背景*/
    --dz-FC-color:#FA4D4A ;/*主色调*/
    --dz-FC-fff:#fff;
    --dz-FC-3:#343440;
    --dz-FC-4:#4e5358;
    --dz-FC-7:#777777;
    --dz-FC-8:#888888;
    --dz-FC-9:#999999;
    --dz-FC-b:#b1b1b1;
    --dz-FC-red:#FA4D4A;
    --dz-BG-color:#5C7CFF;
    --dz-FC-blue:#2997F7;
    --dz-FC-blue1:#5C7CFF;
    --dz-FC-green:#18A52A;
    --dz-FC-orange:#FF6F06;
    --dz-BOR-main:rgba(50, 50, 50, 0.06);/*主色边框*/
    --dz-BOR-muted:rgba(0, 0, 0, 0.03);/*浅色边框*/
    --dz-jb-fb:linear-gradient(140deg, #039ab3 10%, #58dbcf 90%);
    --dz-jb-blue:linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
    --dz-jb-yellow:linear-gradient(135deg, #f59f54 10%, #ff6922 100%);
    --dz-jb-red:linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%);
    --dz-jb-redd:linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%);
    --dz-jb-green:linear-gradient(135deg, #60e464 10%, #5cb85b 100%);
}
body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd { margin: 0px; padding: 0px;font-weight: normal; }
button{border: 1px solid transparent;outline: none; }
a{color: #4e5358;}
a:hover, a:visited, a:link, a:active {text-decoration: none;}
a:hover{opacity: .8}
a:focus{outline:none;-moz-outline:none;}
input:focus,select:focus,textarea:focus{outline:none;border: 1px solid #FA4D4A;}
input,select{background: none;}
button{cursor: pointer;}
ul { list-style: none; }
ul li{list-style-type:none;}
img {border-style: none;vertical-align: middle;}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background: #F6F6F8;}
body{background-position: center top;background-repeat: no-repeat;background-attachment: scroll;background-size: 100%;}
input[type=checkbox], input[type=radio] {border: 1px solid var(--dz-FC-b);border-radius: 3px;background: var(--dz-BG-fff);clear: none;cursor: pointer;display: inline-block;line-height: 0;height: 1em;outline: 0;padding: 0 !important;text-align: center;width: 1em;min-width: 1em;-webkit-appearance: none;box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1);transition: border-color .3s, background .3s, opacity .2s;vertical-align: -.15em;position: relative;}
input[type=checkbox]:checked {background: var(--dz-FC-color);border-color: var(--dz-FC-color);box-shadow: none;}
input[type=checkbox]::before {font-family: 'iconfont';content: '\e616';opacity: 0;color: #fff;position: absolute;top: 50%;transform: translateY(-50%) scale(0);z-index: 1;left: -5%;transition: .2s;text-align: center;width: 100%;}
input[type=checkbox]:checked::before {opacity: 1;transform: translateY(-50%) scale(1);}
input[type=radio]::before {
    content: '';
    border-radius: 50%;
    width: .5em;
    height: .5em;
    margin: .18em;
    background-color: var(--dz-FC-color);
    line-height: 1.14285714;
    float: left;
    opacity: 0;
    transition: opacity .2s
}

input[type=radio]:checked::before {
    opacity: 1
}

input[type=checkbox]:hover,input[type=radio]:hover {
    opacity: .8
}

input[type=radio]:checked,input[type=radio]:focus,input[type=radio]:hover {
    border-color: var(--dz-FC-color)
}
.xs-12{font-size: 12px !important;}
.xs-13{font-size: 13px !important;}
.xs-14{font-size: 14px !important;}
.xs-15{font-size: 15px !important;}
.xs-16{font-size: 16px !important;}
.xs-18{font-size: 18px !important;}
.xs-20{font-size: 20px !important;}
.xs-24{font-size: 24px !important;}

.pt30{padding-top: 30px;}
.pl30{padding-left: 30px;}
.mt0{margin-top:30px;}
.mt30{margin-top:30px;}
.mb30{margin-bottom:30px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom: 20px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mb15{margin-bottom: 15px;}
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.mt8{margin-top: 8px;}
.mb8{margin-bottom: 8px;}
.mt5{margin-top: 5px;}
.mb5{margin-bottom: 5px;}

.xc-4e5{color: #4e5358;}
.xc-777{color: #777777;}
.xc-888{color: #888888;}
.xc-999{color: #999999;}
.xc-fff{color: #ffffff !important;}
.xc-main{color: var(--dz-FC-color) !important;}
.xc-red{color: #ff5473 !important;}
.xc-blue{color: var(--dz-FC-blue) !important;}
.xc-blue1{color: var(--dz-FC-blue1) !important;}
.xc-orange{color: var(--dz-FC-orange) !important;}
.xc-green{color: var(--dz-FC-green) !important;}

.b-btn{display:inline-block;padding:0 12px;height:30px;line-height:30px;font-size: 14px;text-align: center;border-radius: 4px;}
.b-jbbtn-fb{background: var(--dz-jb-fb);color:#fff;}
.b-jbbtn-blue{background: var(--dz-jb-blue);color:#fff;}
.b-jbbtn-yellow{background: var(--dz-jb-yellow);color:#fff;}
.b-jbbtn-red{background: var(--dz-jb-red);color:#fff;}
.b-jbbtn-redd{background: var(--dz-jb-redd);color:#fff;}
.b-jbbtn-green{background: var(--dz-jb-green);color:#fff;}
.b-btn-red{background: var(--dz-FC-color);color:#fff}
.b-btn:hover{opacity: .8}

.btn-icon1{background-color: rgba(41,151,247,0.1) !important;color: var(--dz-FC-blue) !important;}
.btn-icon2{background-color: rgba(92,124,255,0.1) !important;color: var(--dz-FC-blue1) !important;}
.btn-icon3{background-color: rgba(24,165,42,0.1) !important;color: var(--dz-FC-green) !important;}
.btn-icon4{background-color: rgba(255,111,6,0.1) !important;color: var(--dz-FC-orange) !important;}
.btn-icon5{background-color: rgba(255,84,115,0.1) !important;color: var(--dz-FC-red) !important;}

.inline-block{display: inline-block;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.list-inline{display: inline-block;}
.xm-flex{display:flex;}
.xm-justify-between{justify-content: space-between;}
.xm-align-center{align-items: center;}
.v-middle{vertical-align: middle;}
.xm-bold{font-weight: bold;}
.xm-relative{position: relative;}
.bg-white{background-color: #fff;}

.radius-main{-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;-ms-border-radius: 8px;}
.radius-round{-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;}
.shadow-main{box-shadow: 0 4px 10px rgba(116, 116, 116, 0.08);}
.blur-bg {-webkit-backdrop-filter: saturate(5) blur(20px);backdrop-filter: saturate(5) blur(20px);background: rgba(255, 255, 255, 0.9);}

.hide-over{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;}
.hide-over-n{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.hide-over-2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* 空内容样式 */
.empty-div{padding:40px 0 44px 0;width:100%;text-align: center;}
.empty-div img{width: 60px;}
.empty-div .enquiry-empty{color:#999;font-size:1.2rem;margin-top: 20px;}
/* end 空内容样式 */
.title-theme {position: relative;padding-left: 15px;font-size: 15px;}
.title-theme:before {position: absolute;content: '';width: 4px;background: var(--dz-FC-color);top: 10%;left: 2px;bottom: 10%;border-radius: 5px;box-shadow: 1px 1px 3px -1px var(--dz-FC-color);}

.header{background-color: #fff;color: var(--dz-FC-3);border-bottom: 1px solid #EDEDF1;}
.header i{color: var(--dz-FC-3);}

.xm-header{color: var(--dz-FC-3);position: fixed;z-index: 999;width: 100%;top: 0;box-sizing: border-box;height: 52px;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;}
.xm-header i{color: var(--dz-FC-3);}
.xm-header .split{    height: 20px;
    width: 1px;
    background-color: #EDEDF1;
    display: inline-block;
    margin: 0 12px;}


.footer{background-color: #fff;color: var(--dz-FC-4);}
.footer-nv a{color: var(--dz-FC-4);}

.foot a.foot-post span.foot-ico em.mc{background-image: url(../../static/image/add.png);}
.foot .iconfont{color: var(--dz-FC-9);}
.foot .mon .iconfont{color: var(--dz-FC-color);}

/* .forumlist{padding: 0 12px;}
.forumlist .title-theme {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.forumlist .title-theme .op-icon {color: var(--dz-FC-9);}

.forumlist .swiper {width: 100%;height: 100%;margin-left: auto;margin-right: auto;position: relative;overflow: hidden;overflow: clip;list-style: none;padding: 0;z-index: 1;display: block;}
.forumlist .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);box-sizing: content-box;}
.forumlist .swiper-slide {text-align: center;background: #fff;border-radius: 8px;width: auto;}

.forumlist .swiper-slide .contnt {width: 90px;padding: 15px 10px;}
.forumlist .swiper-slide .contnt .b-jbbtn-red {height: 26px;display: inline-block;line-height: 26px;padding: 0 30px;border-radius: 20px;color: #fff;}

.forumlist .sub-forum{background-color: transparent;}
.mlist2 ul{display: grid;grid-template-columns: 1fr 1fr;gap: 6px;}
.forumlist .mlist1 li{background: #fff;border-radius: 8px;margin-bottom: 6px;border-bottom: 0;box-shadow: 0 0 10px rgba(116, 116, 116, 0.08);padding: 15px 12px;}
.forumlist .mlist2 li{width: 100%;background: #fff;border: 0;border-radius: 8px;box-shadow: 0 0 10px rgba(116, 116, 116, 0.08);padding: 15px 12px;}
.forumlist .sub-forum li .mtit{font-size: 14px;}
.forumlist .sub-forum li .mtxt{font-size: 12px;}
.forumlist .sub-forum li .micon{height: 40px;}
.forumlist .sub-forum li .micon img, .forumlist .sub-forum li .micon svg{width: 40px;height: 40px;border-radius: 50%;} */

.threadlist{padding: 0 10px;}
.threadlist li.list{border: 0;}
.threadlist li.list .muser a{display: inline-block;}
.threadlist_top .muser h3 .mmc{font-size: 14px;color: var(--dz-FC-4);}
.threadlist_top .muser .mtime{color: var(--dz-FC-9);}
.threadlist_tit{font-size: 16px;font-weight: 500;}
.threadlist_mes{color: var(--dz-FC-4);}
.threadlist_tit .jh-btn,.list_top .jh-btn{display: inline-block;border-radius: 6px 2px;height: 20px;font-size: 13px;line-height: 22px;text-align: center;padding: 0 4px;}
.threadlist_imgs1 li{border-radius: 8px;}
.threadlist_imgs2 li{padding-bottom: 48%;}
.icon-spot::before{content: '';width: 4px;height: 4px;margin: 0 .5em;border-radius: 50%;display: inline-block;vertical-align: middle;background: var(--dz-FC-4);opacity: .3;vertical-align: .2em;}

.wenda-list {display: flex;margin-right: 10px;flex-wrap: wrap;}
.wenda-list a {border-radius: 20px;
    border: 1px solid var(--dz-FC-blue);
    color: var(--dz-FC-blue);
    padding: 3px 12px;
    display: inline-block;}
.bottom-wrap {display: flex;align-items: center;justify-content: space-between;padding: 5px 0 12px;}
.auxiliary {color: var(--dz-FC-7);font-size: 14px;}
.auxiliary .div {margin-left: 20px;display: flex;align-items: center;font-size: 12px;}
.auxiliary .div i {font-size: 20px;}

.introduce-warp{border-radius: 8px;overflow: hidden;position: relative;    margin: 20px 10px 20px;}
.introduce-warp .abs-blur-bg {position: absolute;left: -50px;top: -50px;width: calc(100% + 100px);height: calc(100% + 100px);-webkit-filter: blur(30px);filter: blur(30px);}
.introduce-warp .fit-cover{width: 100%;height: 100%;transition: all .2s;overflow: hidden;-o-object-fit: cover;object-fit: cover;}
.introduce-warp .absolute{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.introduce-warp .forum-mask {background: rgba(76, 80, 87, .6);}
.fix-iconwrap{position: absolute;right: 15px;top: 10px;z-index: 1;}
.fix-iconwrap i{margin-left: 10px;}
.introduce-warp .contnt-wrap{position: relative;padding: 60px 15px 30px;justify-content: space-between;width: 100%;box-sizing: border-box;}
.introduce-warp .contnt-wrap .fqbtn{height: 20px;line-height: 20px;padding: 0 5px;border-radius: 3px;font-size: 10px;color: #fff;}
.introduce-warp .contnt-wrap .muted{color: #ddd;font-size: 12px;}
.introduce-warp .contnt-wrap .muted span{margin-right: 10px;}
.introduce-warp .contnt-wrap .right-item .logo{width: 105px;height: 105px;margin-left: 10px;object-fit: cover;border-radius: 4px;}
.introduce-warp .contnt-wrap .sub-btn{background-color: rgba(255,255,255,0.1);display: inline-block;height: 34px;line-height: 34px;padding: 0 10px;border-radius: 4px;color: #fff;font-weight: 500;font-size: 13px;}

.plc{border-bottom: 1px solid var(--dz-BOR-main);}
.user_avatar .avatar_m img{border: 2px solid #fff;}


.tab-nav-theme{display: flex;justify-content: space-evenly;}
.tab-nav-theme li>a {display: block;text-align: center;font-size: 12px;padding: 0;position: relative;}
.tab-nav-theme li>a>img {width: 44px;height: 44px;display: block;margin: auto;margin-bottom: 6px;border-radius: 100px;}
.tab-nav-theme li.active>a>p{color: var(--dz-FC-color);}
badge.top {position: absolute;top: 5px;right: -3px;font-size: 10px;line-height: 1.2;padding: 1px 4px;min-width: 5px;min-height: 5px;display: inline-block;border-radius: 50px;background: #fe3459;color: #fff;text-align: center;z-index: 1;}
.imglist{margin: 0 10px;border-radius: 8px;box-shadow: 0 0 10px rgba(116, 116, 116, 0.08);}
.imglist .edit-btn{margin: 0 15px;border-bottom: 1px solid var(--dz-BOR-main);padding: 15px 0;}
.imglist .edit-btn a{background-color: rgba(136, 136, 136, 0.1);color: #888;height: 30px;line-height: 30px;padding: 0 10px;border-radius: 4px;display:inline-block;}
.imglist ul{padding: 0px 15px;}
.imglist li{padding: 15px 0;border-bottom: 1px solid var(--dz-BOR-main);}
.imglist li:last-child{border-bottom: 0;}


.pblbox {
    border-bottom: 0;
    overflow: hidden;
    margin: 10px 10px 0;
    border-radius: 8px;}
.post_btn {
    padding: 10px;
}
.post_btn .xg1,.post_btn .xg1 a{background: #eee;}
.pbl li{border-left: 1px solid var(--dz-BOR-main);}
.pbl li .pbls a{background: var(--dz-FC-color);}




.filter-tag li {width: auto;margin-right: 10px;}
.filter-tag li a {font-size: 16px;color: var(--dz-FC-9);}
.filter-tag li a.on {color: var(--dz-FC-color);font-weight: bold;position: relative;}
.filter-tag li a.on::before {position: absolute;content: '';width: 20px;height: 2px;bottom: -6px;background: var(--dz-FC-color);left: 0;right: 0;margin: auto;border-radius: 5px;box-shadow: 1px 1px 3px -1px var(--dz-FC-color);}


.scrolltop{background-color: rgba(200, 200, 200, 0.4);-webkit-backdrop-filter: saturate(2) blur(10px);backdrop-filter: saturate(2) blur(10px);opacity: 1;}
.scrolltop:before{border-bottom-color: #999;}
.scrolltop:after{background: #999;}
.scrolltop.bottom:before{border-top-color: #999;}


/*论坛版块列表*/
.dz-ad{height: 70px;padding: 20px 10px;}
.dz-ad .col-50{width: 50%;box-sizing: border-box;padding: 0 5px;}
.dz-ad .col-50 img{object-fit: cover;border-radius: 4px;}
.fix-top{position: fixed;top: 44px;left: 0;}
.d-fq-list{width: 25%;overflow: auto;background-color: #f6f6f6;}
.d-bk-list{width: 75%;min-height: calc(100vh - 106px);}
.d-fq-list ul{padding:10px 0;height: calc(100vh - 126px);}
.d-fq-list ul li{text-align: center;font-size: 1.2rem;padding: 1.2rem 0;position: relative;color: #666;}
.d-fq-list ul li.active{background-color: #fff;color: #333;font-weight: 600;}
.d-fq-list ul li.active::before{content: '';width: 8px;
    height: 12px;
    position: absolute;
    left: 0;
    top: calc(50% - 6px);
    background-color: var(--dz-FC-color);
    border-radius: 0 20px 20px 0;}
.d-bk-list ul li{padding: 15px 0;}
.d-bk-list ul li img{width: 40px;height: 40px;border-radius: 4px;}
.d-bk-list ul li .title{font-size: 1.2rem;color: #333;font-weight: 600;}
.d-bk-list ul li .desc{font-size: 1rem;color: #999;width: calc((100vw * 0.75) - 124px);}
.f-list-item{margin:10px 0;}
.f-list-item .part{margin:0 12px;background-color: #fff;padding:16px 12px;}
.f-list-item .part .title{font-size: 1.2rem;color: #333;position: relative;padding-left: 10px;}
.f-list-item .part .title::before{content: '';width: 3px;height: 100%;margin-right: 10px;background-color: #666;position: absolute;left: 0;top:0;}
.f-list-item .part i{font-size: 1.2rem;color: #999;}
.f-list-item .list{margin:10px 0px;}
.f-list-item .list li{float:left;padding:12px;width: 50%;box-sizing:border-box;position: relative;border-bottom: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;}
.f-list-item .list li img,.f-list-item .list li a{height: 44px;}
.f-list-item .list li a{display: block;}
.f-list-item .list li img{position: absolute;right:12px;top:18px;}
.f-list-item .list li p{font-size: 1.6rem;color:#333;margin-bottom: 5px;}
.f-list-item .list li em{font-size: 1rem;color:#999;}
/*end 论坛版块列表*/

.dhnv a.mon,#dhnav_li li.mon{border-bottom-color: var(--dz-FC-color);}