@charset "UTF-8";
/*----------------------------------
  Copyright 短视cms.
----------------------------------*/
:root {
    /*圆角*/
    --ds-radius: 18px;
    --ds-radius-bnt:50px;
    /*普通文字大小*/
    --ds-font:14px;
    /*标题文字大小*/
    --ds-font-title:16px;
    /*边距*/
    --ds-margin:12px;
}
:root.theme1{
    /*普通文字颜色*/
    --ds-color:#1a1a1a;
    /*副标题文字颜色*/
    --ds-sub:#888;
    /*高亮文字颜色*/
    --ds-high-color:#09aa5c;
    /*边线颜色*/
    --ds--border:#d2d2d7;
    /*背景颜色*/
    --ds--background:#fff;
    /*盒子颜色*/
    --ds-box:#f5f6f7;
    /*普盒子 内盒子颜色*/
    --ds-box2:#f5f6f7;
    /*登录边线颜色*/
    --ds--suer-border:#e1e3e5;
}
:root.theme2{
    /*普通文字颜色*/
    --ds-color:hsla(0,0%,100%,.9);
    /*副标题文字颜色*/
    --ds-sub:#adb7be;
    /*高亮文字颜色*/
    --ds-high-color:#09aa5c;
    /*边线颜色*/
    --ds--border:rgba(59,59,59,.502);
    /*背景颜色*/
    --ds--background:#111214;
    /*盒子颜色*/
    --ds-box:#262626;
    /*普盒子 内盒子颜色*/
    --ds-box2:#1c1d1f;
    /*登录边线颜色*/
    --ds--suer-border:rgba(59,59,59,.502);
}
body{font-family:-apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size:var(--ds-font);color:var(--ds-color);background-color:var(--ds--background)}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a {border:0;}
ol,ul,li {margin:0; padding:0; list-style:none;}
a,button,input,select,textarea{background-color:transparent;-webkit-tap-highlight-color:transparent}
a,a:link,a:visited,a:active,a:hover,button {outline: none;text-decoration: none;cursor: pointer;}
a:focus {text-decoration: none}
a{color:var(--ds-color)}
label{cursor: pointer}
*, ::after, ::before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;margin:0; padding:0;}
input,button,select,textarea{color:var(--ds-color);border:0;background: 0 0;border-radius:0;outline: medium none;font-weight: inherit;font-style: inherit;font-size: inherit;font-family: inherit}
img{border:none;max-width:100%;height:auto;vertical-align:top;overflow:hidden;line-height:0;font-size:0}
i,em{font-style:inherit}
table{border-collapse:collapse;border-spacing:0}
::selection{text-shadow: none;background:var(--ds-high-color);color:hsla(0,0%,100%,.87)}
::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.2);border-radius:6px;-webkit-transition:background 200ms ease;-moz-transition:background 200ms ease;transition:background 200ms ease}
::-webkit-scrollbar{width:8px;border-radius:var(--ds-radius)px;background-color:rgba(0,0,0,.2)}
::-webkit-scrollbar-button{display:none}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none}
textarea{-webkit-appearance:none}
.hide2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all}
.hide{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.radius{border-radius:var(--ds-radius)}
.r3{margin-right:3px}
.r6{margin-right:6px}
.top10{margin-top:10px}
.top20{margin-top:20px}
.top30{margin-top:30px}
.cf:after,.cf:before{content:"";display:table}
.cf:after{clear:both}
.bj-t{z-index:999;background: transparent;position: fixed;top: 0;left: 0;right: 0;bottom: 0}
.no-select{-webkit-user-select:none;user-select:none}
.ok-select{-webkit-user-select:text;user-select:text}
.w-auto{min-width:0;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1}
.rd{border-radius:var(--ds-radius)}
.rb{border-radius:var(--ds-radius-bnt)}
.cor1{color:var(--ds-sub)}
.cor2{color:var(--ds-high-color)}
.cor3{color:#fff}
.no-click {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.6;
    user-select: none;
}
.overflow{
    -ms-overflow-style:none;
    scrollbar-width:none
}
.overflow::-webkit-scrollbar{
    display:none
}
.filter{
    -webkit-backdrop-filter: saturate(5) blur(20px);
    backdrop-filter: saturate(5) blur(20px);
}
.news{position:absolute;right:0;top:4px;display:flex;align-items:center;justify-content:center;padding:0 4px;min-width:16px;height:16px;border-radius:999px;color:#fff;background-color:red;font-size:12px;font-weight:500;transform:translate(calc(100% - 4px),calc(-100% + 4px));z-index:1}


/*网站logo*/
.logo img{display:none}
.theme1 .logo1{display:flex!important;}
.theme2 .logo2{display:flex!important;}
@font-face {
    font-family: "iconfont"; /* Project id 5199746 */
    src: url('//at.alicdn.com/t/c/font_5199746_236mec3vbqf.woff2?t=1789313418253') format('woff2'),
    url('//at.alicdn.com/t/c/font_5199746_236mec3vbqf.woff?t=1789313418253') format('woff'),
    url('//at.alicdn.com/t/c/font_5199746_236mec3vbqf.ttf?t=1789313418253') format('truetype');
}
.fa{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ds-jifen:before{content:"\e618";}
.ds-zhutiyanse:before{content:"\e88c"}
.ds-fanhui:before{content:"\e604"}
.ds-jiantoushang:before{content:"\e607"}
.ds-close:before{content:"\e642"}
.ds-edit:before{content:"\e611"}
.ds-xiangkan:before{content:"\e8bc"}
.ds-yixiangkan:before{content:"\e8bf"}
.ds-lianjie:before{content:"\e629"}
.ds-sousuo:before{content:"\e636"}
.ds-fabu:before{content:"\e643"}
.ds-gengduo:before{content:"\e644"}
.ds-wode:before{content:"\e69b"}
.ds-home:before{content:"\e681"}
.ds-xiaoxi:before{content:"\e632"}
.ds-huati:before{content:"\e634"}
.ds-shezhi:before{content:"\e63d"}
.ds-show:before{content:"\e605"}
.ds-hide:before{content:"\e606"}
.ds-yueliang:before{content:"\e600"}
.ds-shuaxin:before{content:"\e601"}
.ds-taiyang:before{content:"\e602"}
.ds-tishi:before{content:"\e603"}
.ds-security:before{content:"\e67f"}
.ds-wenti:before{content:"\e615"}
.ds-application:before{content:"\eb8f"}
.ds-tuichu:before{content:"\e7e5"}
.ds-wallet:before{content:"\e685"}
.ds-like:before {
    content: "\e885";
}
.ds-vip:before {
    content: "\e98f";
}
.ds-share:before {
    content: "\e6c1";
}

.ds-shoucang:before {
    content: "\e612";
}
.ds-qiandao:before {
    content: "\e65d";
}
.ds-close:before {
    content: "\e642";
}
.ds-fanhui:before {
    content: "\e604";
}

.ds-jiantoushang:before {
    content: "\e607";
}
.ds-mibao:before {
    content: "\e726";
}

.ds-suoding:before {
    content: "\e616";
}

.ds-youxiang:before {
    content: "\e62f";
}
.ds-redu:before {
    content: "\e635";
}

.ds-qi:before {
    content: "\e645";
}

.ds-bangdanpaihang:before {
    content: "\e650";
}
.ds-mutual:before {
    content: "\e620";
}
.ds-chuangjianx:before {
    content: "\e63c";
}
.ds-jiantouyou:before {
    content: "\e608";
}
.ds-emote:before {
    content: "\e690";
}
.ds-vod:before {
    content: "\e60c";
}

.foll .fa:before{content:"\e8bc"}
.followed .fa:before{content:"\e8bf"}
.mutual .fa:before{content:"\e620"}

/*----------------
幻灯片插件
----------------*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.swiper-pagination{position:absolute;right:15px;bottom:30px;z-index:2}
.swiper-pagination-bullet{display:inline-block;width:15px;height:4px;background:hsla(0,0%,100%,.87);border-radius:4px;opacity:.6;margin:0 2px}
.swiper-pagination-bullet-active{background:var(--ds-high-color)!important;width:18px;opacity:.9}
.theme1 .slide-time-img{width:120%;height:120%;margin-left:-10%;margin-top:-10%}
.slide-time-img{-webkit-filter:blur(80px);filter:blur(80px)}
.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}
.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.swiper-vertical>.swiper-wrapper{flex-direction:column}
.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}

/*----------------
表单
----------------*/
.ds-btn,.ds-bnt-b{font-weight:600;border-radius:var(--ds-radius-bnt);background-color:var(--ds-high-color);color:#fff}
.ds-btn{font-size:var(--ds-font-title);line-height:50px;height:50px}
.paw-view{position:absolute;right:16px;top:50%;transform:translateY(-50%);border:none;background:transparent;font-size:18px;cursor:pointer;color:var(--ds-sub);z-index:99}
.code-btn{margin-left:10px;height:52px;line-height:52px;border-radius:var(--ds-radius);background:var(--ds-box);padding:0 15px}

.card{background:var(--ds--background);border:1px solid var(--ds--border);border-radius:var(--ds-radius);padding:24px;margin-bottom:20px}
.card-title{font-size:12px;letter-spacing:1px;margin-bottom:20px}
.form-row{margin-bottom:16px}
.form-row-two{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.form-row label{display:block;font-size:14px;margin-bottom:6px}
.form-row .red-star{color:#ff3b30}
.form-row input[type=date],.form-row input[type=number],.form-row input[type=text],.form-row select,.form-row textarea{width:100%;background:var(--ds-box);border:1px solid var(--ds--border);border-radius:var(--ds-radius);padding:12px 16px;font-size:14px;outline:0}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--ds-high-color);box-shadow:0 0 0 3px rgba(0,113,227,.15)}
.form-row textarea{resize:none;min-height:90px}
.tip-text{font-size:12px;margin-top:4px}
.upload-box{border:1px dashed var(--ds--border);border-radius:var(--ds-radius);padding:30px 10px;text-align:center;cursor:pointer}
.upload-box:hover{border-color:var(--ds-high-color);background-color:var(--ds-box)}
.upload-box i{font-size:28px;color:var(--ds-high-color);margin-bottom:8px;display:block}
.upload-preview{display:none;max-width:100%;border:1px dashed var(--ds--border);border-radius:var(--ds-radius)}
.btn-wrap{display:flex;justify-content:center;gap:16px;margin-top:40px}
.btn-wrap button{padding:12px 36px;border-radius:var(--ds-radius-bnt);font-size:14px;border:1px solid var(--ds--background)}
.btn-wrap .reset-btn{color:var(--ds-color);background:var(--ds-box);border-color:var(--ds--border)}
.checkbox-group{display:flex;flex-wrap:wrap;gap:16px;padding:10px 0}
.checkbox-item{display:flex;align-items:center;gap:6px}
@media (max-width: 767px) {
    .form-row-two{grid-template-columns:1fr 1fr}
    .card{padding:var(--ds-margin);margin-bottom:var(--ds-margin)}
}
/*确定取消按钮*/
.small-button{display:flex;-webkit-justify-content:center;justify-content:center}
.small-button .button{margin:0 10px;height:36px;line-height:36px;font-size:12px;width:80px}
.cancel-button{border-radius:var(--ds-radius-bnt);background-color:var(--ds-box);border:1px solid var(--ds--border)}

/*分类添加删除*/
.cate-add-row button{padding:12px 16px;background:var(--ds-high-color);color:#fff;border:none;border-radius:var(--ds-radius-bnt);margin-left:6px;height:100%;font-weight:600}
.cate-add-row button:active{background:#219a52}
.cate-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cate-item{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--ds-box);border-radius:6px;font-size:13px}
.cate-item .cate-del{color:var(--ds-sub);cursor:pointer;font-size:15px;line-height:1;border:none;background:0 0;padding:0}
.cate-item .cate-del:hover{color:#e74c3c}
.cate-empty{font-size:13px;color:var(--ds-sub);padding:8px 0}
/*---------------
骨架
----------------*/
.gj-w-100{width:100%}
.gj-w-80{width:80%}
.gj-w-50{width:50%}
.gj-w-20{width:20%}
.gj-h-15{height:15px}
.gj-h-22{height:22px}
.gj-h-42{height:42px}
.l-t{margin-bottom:10px;}
.gj-b{display:block;background-color:rgba(255,255,255,.13)}
.theme1 .gj-b{background-color:rgba(0,0,0,.11)}
.MuiSkeleton-pulse{animation:MuiSkeleton-keyframes-pulse 1.5s ease-in-out .5s infinite}
@-webkit-keyframes MuiSkeleton-keyframes-pulse{0%{opacity:1} 50%{opacity:.4} 100%{opacity:1} }
.MuiSkeleton-wave{overflow:hidden;position:relative}
.MuiSkeleton-wave::after{top:0;left:0;right:0;bottom:0;content:"";position:absolute;animation:MuiSkeleton-keyframes-wave 1.6s linear .5s infinite;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}
.theme1 .MuiSkeleton-wave::after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.04),transparent)}
@-webkit-keyframes MuiSkeleton-keyframes-wave{0%{transform:translateX(-100%)} 60%{transform:translateX(100%)} 100%{transform:translateX(100%)} }

/*----------------
空列表
----------------*/
.null{line-height:initial;text-align:center;margin:40px auto;font-size:14px}
.null img{width:200px;margin:auto;display:block;padding-bottom:15px}

/*----------------
布局
----------------*/
.app{display:flex;width:100%}
.box{max-width:1457px;width:calc(100% - 60px);margin:0 auto}
.min-box{max-width:860px;width:calc(100% - 60px);margin:0 auto}
.head-top{margin-top:20px}
@media (max-width: 767px) {
    .head-top{margin-top:5px}
    .box,.min-box{max-width:none;width:auto;margin:0 var(--ds-margin)}
}
.box-width{max-width:2392px;width:calc(100% - 80px);margin:0 auto}
@media (min-width:768px) and (max-width:1200px){
    .box-width{width:auto;margin:0 20px}
}
@media (max-width: 767px) {
    .box-width{width:100%;padding:0 var(--ds-margin);margin:auto !important;overflow:hidden}
}
/*----------------
动画效果插件
----------------*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
/*左边滑出*/
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} 100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} 100%{opacity:1;-webkit-transform:none;transform:none}}
/*右边滑出*/
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} 100%{opacity:1;-webkit-transform:none;transform:none} }
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} 100%{opacity:1;-webkit-transform:none;transform:none} }
/*从顶部落下*/
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} 100%{opacity:1;-webkit-transform:none;transform:none} }
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} 100%{opacity:1;-webkit-transform:none;transform:none} }
/*右边变换形状的滑出*/
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0} 60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1} 80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1} 100%{-webkit-transform:none;transform:none;opacity:1} }
@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0} 60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1} 80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1} 100%{-webkit-transform:none;transform:none;opacity:1} }
/*上滑一点点*/
.topfadeInUp{-webkit-animation-name:topfadeInUp;animation-name:topfadeInUp}
@-webkit-keyframes topfadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)} 100%{opacity:1;-webkit-transform:none;transform:none} }
@keyframes topfadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)} 100%{opacity:1;-webkit-transform:none;transform:none} }
/*左右晃动*/
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} }
@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} }
/*上滑一点点*/
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)} 100%{opacity:1;-webkit-transform:none;transform:none} }
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)} 100%{opacity:1;-webkit-transform:none;transform:none} }
/*----------------
后端框架自带分页
----------------*/
.page{margin:30px 0;text-align:center}
.pagination{display:inline-flex;list-style:none;padding:0;margin:0;gap:6px}
.pagination li{min-width:48px;height:36px;line-height:36px;text-align:center;font-weight:600}
.pagination li a,.pagination li span{display:block;width:100%;height:100%;padding:0 10px;border:1px solid var(--ds--border);border-radius:var(--ds-radius-bnt);text-decoration:none;box-sizing:border-box}
.pagination li a:hover,.pagination li.active span{background-color:var(--ds-high-color);border-color:var(--ds-high-color);color:#fff}
.pagination li.disabled span{background-color:var(--ds-box);color:var(--ds-sub);cursor:not-allowed}
/*----------------
网页页头
----------------*/
.nav-bar{width:100%;display:flex;height:48px;line-height:48px}
.nav-bar .title{width:60%;margin:0 auto;text-align:center;font-size:16px;font-weight:700}
.nav-bar .this-left,.nav-bar .this-right{width:20%}
.nav-bar .fa{cursor:pointer;font-size:20px;height:48px;line-height:48px}
.nav-bar .this-left{display:flex}
.nav-bar .this-right{display:flex;justify-content:flex-end}
.index-nav-bar{justify-content:space-between}
.index-nav-bar .this-left{align-items:center;width:100px}
.head-js{width:100%;position:absolute;top:0;left:0;color:#fff;z-index:998}
.head-js .fa{color:#fff}
.head-b,.head-c{background-color:var(--ds--background);position:relative}
.head-b,.head-b .fa,.head-c,.head-c .fa{color:var(--ds-color)}
@media (max-width: 767px){
    .nav-bar{padding:0 var(--ds-margin)}
    .ds-pop .nav-bar{padding:0}
}
/*----------------
用户中心背景图页头（板块内容也应用部分样式）
----------------*/
.header-bj-box{position:relative;text-shadow:0 0 5px rgba(0,0,0,.2);overflow:hidden;height:0;padding-bottom:38%}
.header-bj-img{width:100%;height:100%;transition:all .2s;overflow:hidden;position:absolute;object-fit:cover;background-size:cover;background-position:right;background-repeat:no-repeat;background-color:#0a0a0a}
.header-bg-bottom{position:absolute;left:0;right:0;bottom:0;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.5))}
.user-header .box{overflow:hidden;border-radius:var(--ds-radius)}
.header-user-info{position:absolute;padding:20px;left:0;right:0;bottom:0;z-index:22}
.header-user-info-box{display:flex}
.header-user-right{position:relative;margin-left:32px;margin-top:15px}
.user-header .user-avatar{position:relative;width:120px;height:120px}
.user-header .user-avatar .user-image,.user-header .user-avatar .this-group{border:2px solid rgba(255,255,255,.4)}
.header-user-name-box{display:flex;align-items:center}
.header-user-name-box .ds-edit{font-size:24px;color:#f1f2f3;margin-left:6px}
.header-user-right .follow-bnt{position:absolute;right:0;top:0;display:inline-block;text-align:center;font-weight:600;height:36px;line-height:36px;padding:0 12px;font-size:13px}
.header-user-right .followed{background-color:#f1f2f3!important;color:#2b333f!important;}
.header-user-name{font-weight:600;font-size:24px;height:28px;line-height:28px;color:#fff;max-width:300px}
.header-user-id{display:flex;height:18px;line-height:18px;font-size:11px;margin-top:8px}
.header-user-id-name{font-size:10px;color:#9499a0;border-radius:4px 0 0 4px;background-color:#f1f2f3;padding:0 6px}
.header-user-id-id{color:#fff;border-radius:0 4px 4px 0;padding:0 10px;background-color:#61666d}
.header-user-desc{width:100%;font-size:14px;line-height:140%;color:#fff;margin-top:16px;white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}
.header-user-interactions{color:#fff;display:flex;align-items:center;margin-top:20px}
.header-user-r{margin-right:16px}
.header-h5-show{display:none}
.count{font-weight:600;font-size:14px;margin-right:6px}
@media (max-width:992px) {
    .user-header .user-avatar{width:80px;height:80px}
    .user-header .user-avatar .this-group{width:20px;height:20px;right:0;bottom:4px}
    .header-user-right{margin-left:15px;margin-top:5px}
    .header-user-name{font-size:16px;height:20px;line-height:20px;}
    .header-user-name-box .ds-edit{font-size:16px}
    .header-user-desc{font-size:13px;-webkit-line-clamp:2}
}
@media (max-width: 767px) {
    .user-header .box{margin:0;border-radius:0}
    .header-user-info{padding:var(--ds-margin)}
    .header-bj-box{padding-bottom:46%}
}
@media (max-width:500px) {
    .header-bj-box{padding-bottom:60%}
    .header-pc-show{display:none}
    .header-h5-show{display:block}
    .header-user-right{margin-top:15px}
    .header-user-name{max-width:200px}
    .header-user-right .follow-bnt{top:16px;line-height:34px;height:34px;font-size:12px}
    .count{font-size:13px}
    .shows{font-size:12px}
}
@media (max-width:400px) {
    .user-header .user-avatar{width:66px;height:66px}
    .header-user-name,.header-user-name-box .ds-edit{font-size:14px}
}
/*----------------
弹出窗口
----------------*/
.drawer-mask{position:fixed;inset:0;background:rgba(12, 16, 20, .7);z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.drawer-mask.show{opacity:1;visibility:visible}
.ds-pop{display:none;margin:0 auto;position:fixed;top:50%;left:50%;z-index:999;transform:translate(-50%) translateY(-50%)}
.ds-pop-box{width:550px;min-height:180px;overflow:hidden;padding:20px;background-color:var(--ds--background);border-radius:var(--ds-radius);max-height:90vh;display:flex;justify-content:flex-start;flex-direction:column}
.ds-pop-body{width:100%;height:calc(100% - 48px);flex:1;min-height:0;overflow-y:auto}
@media (min-width: 768px) {
    .ds-pop-box{border:1px solid var(--ds--border)}
}
@media (max-width: 767px){
    .ds-pop{top:0;bottom:0;left:0;right:0;transform:none}
    .ds-pop-box{width:100%;height:100%;max-height:none;border-radius:0;padding:0 var(--ds-margin)}
    .ds-pop-body{padding-bottom:30px}
}
/*----------------
抽屉插件 支持左右方向
----------------*/
.drawer-wrap{position:fixed;top:0;width:280px;height:100%;background:var(--ds--background);z-index:999;visibility:hidden;pointer-events:none;transition:transform .3s ease,visibility .3s ease}
.drawer-wrap.dir-left{left:0;transform:translateX(-100%)}
.drawer-wrap.dir-left.open{visibility:visible;pointer-events:auto;transform:translateX(0)}
.drawer-wrap.dir-right{right:0;transform:translateX(100%)}
.drawer-wrap.dir-right.open{visibility:visible;pointer-events:auto;transform:translateX(0)}
body.drawer-lock{overflow:hidden}
/*----------------
信息提示插件 加载提示
----------------*/
.message-loading{position:fixed;top:50%;left:50%;z-index:9999;transform:translateX(-50%) translateY(-50%);margin:0 auto}
.message-loading .this-box{border-radius:var(--ds-radius);color:hsla(0,0%,100%,.87);width:120px;height:120px;display:flex;text-align:center;background-color:rgba(0,0,0,.6);justify-content:center;align-content:center;align-items:center;flex-wrap:wrap;padding:10px;line-height:1.4}
.message-loading .fa{font-size:26px;height:38px;width:38px;line-height:38px;display:block;margin:auto;background:hsla(0,0%,100%,.87);border-radius:100%}
.message-loading .msg-text{width:100%;margin-top:10px}
.message-loading span{width:20px;height:20px;overflow:hidden}
.ds-loading-circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}
@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0} 50%{stroke-dasharray:90,150;stroke-dashoffset:-40} to{stroke-dasharray:90,150;stroke-dashoffset:-120} }
/*----------------
信息提示插件 信息提示
----------------*/
.message{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}
.message-item{width:380px;padding:14px 20px;border-radius:var(--ds-radius);box-shadow:0 4px 16px rgba(0,0,0,.12);display:flex;align-items:center;gap:12px;pointer-events:auto;background:#ffffffe6}
/* 图标区域 */
.message-icon{width:22px;height:22px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:700}
.message .msg-text{flex:1;font-size:14px;line-height:1.5}
/* 关闭按钮 */
.message-close{width:22px;height:22px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#888;transition:background .2s}
.message-close:hover{background:rgba(0,0,100,.08);color:#333}
.theme2 .message-item{background:#fff;color:#1a1a1a}
.theme1 .message-item{background:#2b333f;color:#fff}
.theme1 .message-close:hover{background:#0a0c0f;color:#fff}
.message-success .message-icon{background:#00b42a}
.message-error .message-icon{background:#f53f3f}
.message-warning .message-icon{background:#ff7d00}
.message-info .message-icon{background:#1677ff}

/*----------------
tab切换插件
----------------*/
.switch-box .this-b{display:none}
.switch-box .this-b.active{display:block}

/*----------------
分类按钮
----------------*/
.type-nav{display:flex;font-weight:700;line-height:48px}
.type-nav-br{border-bottom:1px solid var(--ds--border);padding-bottom:10px}
.type-nav .this-title{display:block;padding:0 28px;border-radius:var(--ds-radius-bnt);font-size:var(--ds-font-title);font-weight:500;margin-right:15px;line-height:46px;height:46px}
.type-nav .this-title .this-name{padding:0 4px;position:relative}
.type-nav .this-title.active{background:var(--ds-box);font-weight:700}
.type-nav .n{margin-left:6px;}
@media (max-width: 767px){
    .type-nav .this-title{padding:0 20px;margin-right:8px;line-height:38px;height:38px}
}

/*----------------
加载更多按钮
----------------*/
.load-more{width:100%;text-align:center;padding:16px 0;margin-top:16px;font-size:14px;color:var(--ds-sub);border-radius:10px;cursor:pointer;transition:all .24s ease;display:flex;align-items:center;justify-content:center;gap:6px}
.load-more i{display:inline-block;transform:rotate(180deg);transition:transform .24s ease,margin-left .24s ease;font-size:15px}
.load-more:hover{color:var(--ds-color)}
.load-more:hover i{margin-left:8px;transform:rotate(180deg) translateX(3px)}

/*----------------
空提示
----------------*/
.ds-empty{margin:40px auto;text-align:center;font-size:14px;line-height:initial}
.ds-empty .this-icon{display:block;margin:auto;padding-bottom:15px;width:200px}
.ds-empty .this-tip{color:var(--ds-sub)}
/*----------------
反馈列表
----------------*/
.faq-item{margin-bottom:15px;transition:background-color .2s ease;border-bottom:1px solid var(--ds--border);padding-bottom:15px}
.faq-item:last-child{border-bottom:0;margin-bottom:0}
.faq-question{white-space:pre-line;font-weight:500;margin-bottom:12px;word-wrap:break-word;word-break:break-word;line-height:1.7;display:flex;align-items:flex-start;gap:10px}
.faq-answer:before,.faq-question:before{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:12px;flex-shrink:0;margin-top:2px}
.faq-question:before{content:"Q";background-color:#2563eb;color:#fff}
.faq-answer:before{content:"A";background-color:#e0e7ff;color:#2563eb}
.faq-answer{line-height:1.8;word-wrap:break-word;word-break:break-word;display:flex;align-items:flex-start;gap:10px}
.faq-item .empty-tip{color:var(--ds-sub)}

/*----------------
友情链接
----------------*/
.link-card{display:flex;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--ds--border)}
.link-card:last-child{border-bottom:none;margin-bottom:0}
.link-card-img{width:48px;height:48px;border-radius:var(--ds-radius);background:#333;margin-right:15px}
.link-card-title{font-size:var(--ds-font-title);line-height:1.4}
.link-card-desc{color:var(--ds-color);line-height:1.4;margin:5px 0}
.link-card-url{color:var(--ds-sub);font-size:13px}

/*----------------
签到
----------------*/
.reward-details{line-height:1.5;margin-top:10px;display:flex;justify-content:space-evenly;font-size:12px}
.reward-list{display:flex;flex-wrap:wrap;gap:12px}
.reward-item{flex:1;min-width:98px;background:var(--ds-box);border:1px solid var(--ds--border);border-radius:var(--ds-radius);padding:20px 10px;text-align:center;transition:all .3s;position:relative}
.reward-item .icon .fa{margin-bottom:8px;color:var(--ds-sub);font-size:22px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;font-weight:900}
.reward-item .day{color:var(--ds-sub);font-size:12px;margin-bottom:10px}
.reward-item .gift{color:var(--ds-high-color);font-size:14px;font-weight:600}
.reward-item .small{margin-left:4px;font-size:12px;color:var(--ds-color)}

/*----------------
用户头像
----------------*/
.user-avatar .user-image{width:100%;height:100%;border-radius:100%;overflow:hidden;background-color:rgba(0,0,0,.5);border:2px solid #fff}
.user-avatar .this-group{
    width: 25px;
    height: 25px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    overflow: hidden;
    background: black;
    border-radius: 100%;
}

/*----------------
左侧导航
----------------*/
.pc-left-nav-box,.pc-left-nav{z-index:99;width:164px;height:100vh}
.pc-left-nav{position:fixed;top:0;left:0;display:flex;flex-direction:column;padding-top:10px;overflow:visible;padding-left:16px;padding-right:16px;background:var(--ds--background)}
.this-logo-box{display:block;padding-left:16px;margin-bottom:20px;width:99px}
.pc-left-nav .this-center{height:calc(100vh - 68px - 68px - 16px - 72px);-webkit-user-select:none;user-select:none;overflow-y:scroll;padding-bottom:24px}
.pc-nav-list{height:48px;min-height:48px;display:flex;margin-bottom:8px;width:unset;align-items:center;padding-left:16px;padding-right:32px;border-radius:var(--ds-radius-bnt)}
.pc-nav-list.active,.pc-nav-list:hover{background:var(--ds-box)}
.pc-nav-list .fa{position:relative;font-size:25px}
.pc-nav-list img{border-radius:100%;width:24px;height:24px}
.pc-nav-list .this-name{font-size:16px;margin-left:12px;white-space:nowrap}
.nav-eject-box{padding:10px 0;z-index:16;width:220px;position:absolute;bottom:116px;left:16px;background:var(--ds--background);box-shadow:0 4px 32px 0 rgba(0,0,0,.08),0 1px 4px 0 rgba(0,0,0,.04);border-radius:var(--ds-radius);border:1px solid var(--ds--border);transform:translateY(10px);opacity:0;visibility:hidden;transition:all .24s ease}
.nav-eject-box.active{transform:translateY(0);opacity:1;visibility:visible}
.eject-name{display:flex;align-items:center;height:40px;padding:0 var(--ds-margin);font-size:16px;font-weight:400;border-radius:8px}
.eject-name .this-icon{font-size:18px;margin-right:6px}
.eject-name .w-auto{display:flex;justify-content:space-between;align-items:center}
.split-line{display:block;border-bottom:1px solid var(--ds--border);margin:5px var(--ds-margin)}
.multistage-toggle{display:flex;position:relative;background:var(--ds-box);padding:2px;border-radius:var(--ds-radius-bnt);cursor:pointer}
.multistage-toggle .fa{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:100%;background:0 0;color:var(--ds-sub)}
.theme1 .theme-dark,.theme2 .theme-light{background:var(--ds--background);box-shadow:0 2px 8px 0 rgba(0,0,0,.04),0 1px 2px 0 rgba(0,0,0,.02);color:var(--ds-color)}
@media (max-width: 767px){
    .eject-name{height:48px}
    .eject-name .this-icon{font-size:24px;margin-right:10px}
    .eject-name{font-size:15px}
}
/*----------------
登录框底部的密码找回，返回首页按钮
----------------*/
.login-find{padding:20px 0 48px;text-align:center}
.login-find .this-text{position:relative;display:inline-block;line-height:17px;text-decoration:none;color:var(--ds-sub)}
.login-find .sp{padding-left:24px}
.login-find .sp::before{content:'';position:absolute;top:3px;left:12px;width:1px;height:12px;border-radius:5px;background-color:var(--ds--border)}
/*----------------
小页脚 small_foot
----------------*/
.login-footer{line-height:16px;font-family:'Helvetica Neue',sans-serif;color:var(--ds-sub);width:100%;text-align:center;font-size:12px}
.login-footer .this-corp{padding:0 2px;font-weight:500;color:var(--ds-color)}
.pc-bottom-pag{margin-top:30px}
/*----------------
小头部  small_head
----------------*/
.long-header{padding-bottom:48px;box-sizing:border-box}
.long-header .header-inner{position:relative;margin:0 auto;text-align:center;box-sizing:border-box}
.long-header .logo{display:inline-block;margin-top:108px;width:155px}
.long-header .logo img{width:100%}
/*----------------
登录窗口box --ds-sub
----------------*/
.login-box{width:460px;margin:0 auto;box-sizing:border-box}
.login-box .time-menu{display:table;table-layout:fixed;width:100%;border-collapse:collapse}
.login-box .this-item{position:relative;display:table-cell;vertical-align:top}
.login-box .this-item a{color:var(--ds-sub);font-size:var(--ds-font-title);display:block;position:relative;height:61px;line-height:61px;border:1px solid var(--ds--suer-border);border-bottom:0;border-radius:var(--ds-radius) var(--ds-radius) 0 0;background-color:var(--ds-box);text-align:center;box-sizing:border-box;z-index:2}
.login-box .this-item .menu-id{border-top:0;border-left:0;border-right:0;border-radius:var(--ds-radius) 0 0 0}
.login-box .this-item .menu-reg{border-top:0;border-right:0;border-radius:0 var(--ds-radius) 0 0}
.login-box .this-item .menu-id.on,.login-box .this-item .menu-reg.on{color:var(--ds-color);border-color:var(--ds--suer-border);background-color:var(--ds--background);z-index:5;border-top:1px solid var(--ds--suer-border)}
.login-box .this-item .menu-id.on{border-left:1px solid var(--ds--suer-border)}
.login-box .this-item .menu-reg.on{border-right:1px solid var(--ds--suer-border)}
.login-box .this-item .menu-id.on::after,.login-box .this-item .menu-reg.on::after{content:'';position:absolute;top:-1px;background-repeat:no-repeat;width:25px;height:62px;background-size:cover}
.theme1 .login-box .this-item .menu-id.on::after,.theme1 .login-box .this-item .menu-reg.on::after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAB8CAYAAACfZxWiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGCElEQVR4nO2d23KbSBRFt5rmKgn5ovL//9rU1LykPKlYSFyavswDAktOPI5sGh2Usx5TUTew6NNwqPJe/PX3Pw4nCCEQBAIykAhkgEiGEIEA83Wcc2gaBWMMjDXQ2sA5B+deFci3P7LWwlqLttWv/ykIkKQJy/kEzjlUdY22bc+u6Xss3Ikeay20NrDOQbUKTa3QKAVr7fCDJI6QpRmL+YBeRFXVwwoQQiCOIsRJBBlIRGEIIRYQ4vVangl5j7KqcTiUqOp6+LcsS5GlqYdTmT9lVZ2JSOIIeZ4jCuXZxf8VvyWkR2uDl12BQ1kC6Izf5TmvliPWWOyKAtoYAECaJLi/20DK4LfHuEhIj1Itnr9/h9YGi8UC69USURRdOsxN0TQN9ocSzjlIGeDh/h5JfPk1+ZQQoNtvXnYFiv0BwJ9dwsqyQllVAID1aoVNvvqwNL3Hp4X0vOwKvOwKAH+mlFMZm3yNTb7+0nhfLv6nB1GWFZqm+eqQs0EpNaoMYAQhwPnB7A8lrLEf/GL+WGOHcj2WDGAkIUB3UOvVEs457IpirGHJ8mO3g3PuuGeMIwMYUQjQSZEygDZmWMq3SFlWsNZCygCbfDXq2KMKEULg4f4OAFBVNay7vdJljR1utu3j46efpt5j9De6JI6RJgmcc6jr29vgy6p7KV5mGaLwp1bgl/Hyin1/twFwe6vEGou6UQAw6r5xihchUgZI4ujmVonSLQAgTZOL2iGX4K0JlR/voLZtfU0xOXXVNVeXy8zbHN6EdK1lgbbVN1G2rLHQxkAIgSxJvM3jTUjf+we6ZuTc6ctV/ImG4SV47ZvHSXfwWhuf00yCOZ5DEsde5/EqJAy6x8LTL45zRevu82sYhl7n8SvkePD9ycwZc7ypxn4RfIvX0YVYAAC+2OEnQb/Kpeevo56FdMPfgpCeWa8Q5nJYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDFYCDEmE3ILKTtT4F3IEJ4147/HPyQjeAoCO8W7ELHoIivaGWeIGNNHVdyAkDDsYo/mHFhsTJ+u4zd/CphCSNTFHhkz3xyqPiHoJkpWckxqa5TyPZU3VNsJiT0HggETCImiCEIIOOfQtvPbR4w2QzK0j+zbt0zy2LvMUgBAq+eXZ1jVXTJ0HPlfHcBEQtK0S8acY1hxX67W63Fz099jEiFJHM8yrLhuGlhrEUXhJOUKmPBNvQ8rntMqKcuuXK1Wy8nmnEzI3FZJWVbDZr7K/KVDv2XS5mK/SsqyIp3+aY1FWXWr42m7nXTuSYUkcYz1cfnvij3J0uWcw4/dDgCwXq0meRk8ZfL2+yZfQ8oA1lqUh3Lq6T+k2O+HUrXJp3myOmVyIUIIPG23EEKgbtRQGihQlhWUas+OcWqu8oFKygBP20cA3UWgIOX0OJ62j5OXqp6rfTGMohAPD3cAuouxK4qr7CnOORT7/SDj4f4OUeQ3M/3/WLgrRzkr1eLb87+w1kIIgbs8h/Ackd2jteluhOPcT9vHq8oACAgBugvz7fkZWnct+ixLkaWpt/mcc6jqenjx60ro9mpl6hQSQoDuM+nLrkCxPwDoNv8sS5GM2PLuRVRVPWS8r1crbPLVVTbwX0FGSM/b1SKEQBRKJEn66Tu4bTVa3Z6JSOIIeZ4jif1/BbwEckJ69mWJfbEfuq3Aq5xASshAIgjE2Z3tnINzDlprGGthtEGjFE5PkaqIHrJCepRqUewPaFQzrJpLEUJgmWVI04SsiB7yQk5RqkWtGhht0bYK2pifJEkZQCwWCMMQYRQiieKrPzldwqyE/AnQeLRgBlgIMVgIMVgIMVgIMVgIMVgIMVgIMVgIMVgIMVgIMVgIMVgIMVgIMVgIMf4De96bgQRS0n0AAAAASUVORK5CYII=)}
.theme2 .login-box .this-item .menu-id.on::after,.theme2 .login-box .this-item .menu-reg.on::after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAB8CAYAAACfZxWiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEq0lEQVR4nO2d226jMBCGB4ecqr3Z1T5D3//VmgRsgw+rcZpuW6lVSTD8mPmkiF6kwebzcUBM9fz8HGkgMQ7+l6zEGNOnqqr0QWNImercJ5iCCqw8j1D9/vM3vq/Yfrej4/FAdb2Zt2QF4pwnrQ3ZrvtylPnQQ/hLxtr0D/v9jp6OB9psRMyjeO+pZRH2axHfDllJjLHpB1jK09Px4UKtkRiJtDHUtvrH8+63cwj/SNPq1NV+/XoipdRYZS0eHwI1TZsa9RB+dIV5CHt5OZPz/t7yrYreOTqdLoNlMD9u8iyDpfDJhK/p+57O54bcnddp0BgUQqDT6Xz3yUqnYxmXNk3i9zJ4Uggh0ul8Ie/D3SctEeccNY1+SAZz1yzNMs6XBm7HPhc8crStGWXkUI+Mlby2Fin0ttkbg4fWsby+7vt1zyfWdqSNHe33Ht5YtPrnm57SCDF+GwaZRQj3EF5drJHOdtSNNFTdGGXrrdv1zSUhhNfeQXhCeLO4trmk6/osdR4tOMVR4rX0khhjkpGjvmrMFsObxjXgnM8WrRhNCLeWtYRUnHPZAq2jxtN5tbWGYctljHqrsVtO6T68DxQyxvHU2IUtvYeE4NPNp0UIYRm8Pi+ZEPiRo4UIYYoXElkILUdIpLKHLOIaZjQiTy0MJu9DeSIEDBEChggBQ4SAIULAECFgiBAwRAgYIgQMEQKGCAFDhIAhQsAQIWCIEDBECBgiBAwRAoYIAUOEgCFCwBAhYIgQMEQIGCIEDBEChggBQ4SAIULAECFgiBAwRAgYIgQMEQKGCAFDhIAhQsAQIWCIEDBECBgiBAwRAoYIAUOEgCFCwBAhYIgQMEQIGCIEDBEChggBQ4SULqTK/JLI0hn/NbGFv9maMtdv/BcpvyabL5W4uDmkYBmL7SElEzP/vrz7Hax+WYSU2klCiMsTck3OG4vNHRIy59nK0EPiwxmTkVMd5a5blp06Z2wrcenrnM9eryxCbIFCvM+XKi+7kFT4woatvnephyw2uGh0OZk/Y4yTpQTMJoQT93KO3HLy3vbLD7+XkEU6hJDy/E6VVjarEO7m3LqWTJcpK/RsN6harVPCySXi/bV3TNnLswvhlQlLWdrQFWNM5Z46T/wkt3CNsemzJLQ2ZG1X7j31ptWLkWKMJW3mWZBMJoQr17TtLK1uCMZ2qfFMtar6TD3lybiSl6ZNcg6HPSERI5G19lXGfIuQSYUwXFmWwkeWopTC2GsYS62ef980uZD/w5dO8a7j8UDbepZiJDhgqLVNy1sE5rsSHF6xXVrrc0/ZbWvabDaTnZsDoLyk1cZOEsVdhBCGL8bl4mi73dJhv6NtZjE3EdwYOJKAxuxCbnDwru/7JGa/21Jdsxg1yhzDcwT3RJbPoRBEEXBCPotRSqXewvML9xilKqoqRVXFR/7m7XjlOhfHdDc/Bn5YL7zdTuaoM8tYQggHTsj7Vp2Gla5PQup6k44bpahKcqrr31WVFgmel6oxpufC+MKzCO+uN8rmXjkVIeQGX0xu3UgTb07m3wQIHxAhYIgQMEQIGCIEDBEChggBQ4SAIULAECFgiBAwRAgYIgQMEQKGCCEs/gE6HfYNqpQ0WAAAAABJRU5ErkJggg==)}
.login-box .this-item .menu-id.on::after{right:-13px;background-position:0 0}
.login-box .this-item .menu-reg.on::after{left:-13px;background-position:-25px 0}
@media (max-width: 767px) {
    .login-box{width:90%}
}
/*----------------
用户登录输入框
----------------*/
.login-form{position:relative;z-index:3;margin-top:-8px;border:1px solid var(--ds--suer-border);background-color:var(--ds--background);border-radius:0 0 var(--ds-radius) var(--ds-radius);padding:24px}
.login-form .time-input-box{position:relative;padding:27px 15px 8px;border:1px solid var(--ds--suer-border);border-radius:var(--ds-radius);box-sizing:border-box;z-index:1}
.login-form .this-top{border-radius:var(--ds-radius) var(--ds-radius) 0 0}
.login-form .this-center{border-top:0;border-radius:0}
.login-form .this-bottom{border-top:0;border-radius:0 0 var(--ds-radius) var(--ds-radius)}
.login-form .this-all{border-radius:var(--ds-radius)}
.login-form .this-cen{border-top:0}
.login-form .this-input{position:relative;display:block;width:100%;height:22px;font-size:0;font-weight:400;line-height:22px;letter-spacing:-.2px;color:var(--ds-color);z-index:5}
.focus .this-input,.filled .this-input{font-size:var(--ds-font-title)}
.login-form .this-label{display:inline-block;position:absolute;bottom:18px;left:15px;font-size:var(--ds-font-title);font-weight:400;line-height:22px;letter-spacing:-.2px;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--ds-sub);pointer-events:none;box-sizing:border-box;z-index:3}
.login-form .btn-delete{position:absolute;top:10px;right:3px;width:40px;height:40px;z-index:7;display:none}
.login-form .time-input-box.focus .this-label,.login-form .time-input-box.filled .this-label{left:7px;bottom:30px;font-size:12px;padding:0 8px;letter-spacing:-.8px;white-space:nowrap;width:auto}
.login-form .time-input-box.focus::after{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid var(--ds-high-color);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:2}
.login-form .this-top.focus::after{border-radius:var(--ds-radius) var(--ds-radius) 0 0}
.login-form .this-bottom.focus::after{border-radius:0 0 var(--ds-radius) var(--ds-radius)}
.login-form .this-all.focus::after{border-radius:var(--ds-radius)}
/*----------------
自定义勾选按钮
----------------*/
.remember-box{display:flex;align-items:center;justify-content:flex-end}
.custom-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative}
.custom-checkbox input{display:none}
.checkbox-inner{width:16px;height:16px;border:1px solid var(--ds--border);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}
.checkbox-inner::after{content:"✓";color:#fff;font-size:12px;display:none;font-weight:700}
.custom-checkbox input:checked+.checkbox-inner{background:var(--ds-high-color);border-color:var(--ds-high-color)}
.custom-checkbox input:checked+.checkbox-inner::after{display:block}
.checkbox-text{user-select:none}

/*----------------
页头
----------------*/
.center-header{margin-bottom:30px;height:72px;display:flex;align-items:center;justify-content:space-between}
.center-header .this-box{display:flex;justify-content:center}
.center-header .this-search{-webkit-flex:none;flex:0 1 420px;min-width:0;margin-top:0;position:relative}
.search form{display:flex;flex-direction:row;height:45px;line-height:45px;overflow:hidden;background:var(--ds-box);font-size:12px;padding:0 15px;border-radius:var(--ds-radius)}
.center-header .this-search form .w-auto{width:100%;font-size:14px;margin-right:5px}
.center-header .search-input-sub{font-size:22px}
.center-header .ds-bnt-b{display:block;margin-left:15px;width:110px;height:45px;line-height:45px;text-align:center}

/*----------------
面包屑导航
----------------*/
.breadcrumb{display:flex;align-items:center;font-size:13px;position:relative;margin-bottom:18px}
.breadcrumb .bread-item{display:flex;align-items:center;text-decoration:none;transition:all .25s ease;flex-shrink:0;border-radius:8px;position:relative;z-index:2}
.breadcrumb .bread-item:hover{color:var(--ds-high-color);transform:translateY(-1px)}
.breadcrumb .bread-home svg{transition:transform .3s ease}
.breadcrumb .bread-home:hover svg{transform:scale(1.15)}
.breadcrumb .bread-active{color:var(--ds-sub)}
.breadcrumb .divider{margin: 0 12px;color:var(--ds--border);font-weight:700;user-select:none;transform:scaleX(1.2)}

/*----------------
分页
----------------*/
.pages{margin-bottom:20px;text-align:center}
.pages .page-link{background-color:var(--ds-box);display:inline-block;margin-bottom:10px;margin-left:6px;padding:0 20px;height:40px;border-radius:var(--ds-radius-bnt);line-height:40px}
.pages .page-link.active{background-color:var(--ds-high-color);color:#fff;font-weight:600}


/*----------------
板块列表
----------------*/
.forum-module{align-items:center;display:flex;width:100%;margin-bottom:25px}
.forum-module-icon{display:block;margin-right:15px;position:relative;width:80px;height:80px;background:var(--ds-box);border-radius:var(--ds-radius)}
.forum-module-icon img{position:absolute;width:100%;height:100%;border-radius:var(--ds-radius)}
.forum-module-title a{display:inline-block;margin-bottom:4px;line-height:1.4;font-size:var(--ds-font-title)}
.forum-module-desc{font-size:13px}

/*----------------
板块详情页头部
----------------*/
.bbs-header-wrap .box{position:relative;border-radius:var(--ds-radius);overflow:hidden}
.bbs-header-wrap .header-bj-box{padding-bottom:24%}
.bbs-header-color{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:linear-gradient(55deg,rgb(from #141c28 r g b / .25) 0,transparent 50%);filter:saturate(1.5) brightness(.9);height:100%;-webkit-mask-image:radial-gradient(ellipse 127% 130% at 5% 100%,#000 18%,#000 24%,rgba(0,0,0,.66) 32%,transparent 40%),linear-gradient(51deg,#000,hsla(0,0%,100%,0) 55%);mask-image:radial-gradient(ellipse 127% 130% at 5% 100%,#000 18%,#000 24%,rgba(0,0,0,.66) 32%,transparent 40%),linear-gradient(51deg,#000,rgba(255,255,255,0) 55%);position:absolute;top:0;width:100%;z-index:2}
.bbs-header-info{position:absolute;left:0;bottom:0;z-index:2;padding:20px;width:100%;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;box-sizing:border-box}
.bbs-header-info>.bbs-icon-img,.bbs-header-info>.bbs-title-wrap{align-self:center}
.bbs-header-info>div:last-child{display:flex}
.bbs-header-info .bbs-icon-img{border-radius:var(--ds-radius);width:88px;height:88px;margin-right:20px;outline:2px solid rgba(255,255,255,.35);box-shadow:0 4px 14px rgba(0,0,0,.22);flex-shrink:0}
.bbs-header-info .bbs-title{font-size:20px;color:hsla(0,0%,100%,.92);letter-spacing:2px;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.bbs-header-info .bbs-interactions{margin-top:5px;display:flex;color:hsla(0,0%,100%,.76);font-size:13px;gap:20px;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.bbs-header-info .ds-bnt-b{height:40px;padding:0 20px;margin-left:10px;flex-shrink:0;display:flex;align-items:center}
.bbs-header-info .follow-bnt{background-color:#fff;color:#333}
@media (max-width:1140px){
    .bbs-header-info{padding:20px}
    .bbs-header-info .bbs-icon-img{width:66px;height:66px;margin-right:15px}
    .bbs-header-info .ds-bnt-b{height:36px;font-size:12px;padding:0 15px;margin-left:10px}
    .bbs-header-info .ds-bnt-b .fa{font-size:14px}
    .bbs-header-info .bbs-title{font-size:16px}
}
@media (max-width:890px){
    .bbs-header-info .bbs-icon-img{width:60px;height:60px}
    .bbs-header-info .ds-bnt-b{padding:0 10px;margin-left:8px}
    .bbs-header-info .bbs-interactions{font-size:12px;gap:15px}
}
@media (max-width:767px) {
    .bbs-header-wrap .box{border-radius:0;margin:0;width:100%}
    .bbs-header-wrap .header-bj-box{padding-bottom:52%}
    .bbs-header-info{padding:0 var(--ds-margin) 20px var(--ds-margin)}
}
@media (max-width:500px){
    .bbs-header-info .bbs-pub-bnt,.bbs-header-info .item-admin-count{display:none}
}
/*----------------
搜索框
----------------*/
.bbs-search{margin-bottom:10px}
.bbs-search form{width:100%;align-items:center}
.bbs-search .search-input-sub{background:#000;color:#fff;width:30px;height:30px;border-radius:100%;margin-left:10px}
.theme2 .bbs-search .search-input-sub{background:#fff;color:#000}
/*----------------
板块详情
----------------*/
.board-admin-bnt{color:cornflowerblue;text-decoration:underline!important;font-size:12px;font-weight:600}
.theme2 .board-side-card{background:var(--ds-box2)}
.board-side-card .card-header{margin-bottom:10px}
.board-side-card .board-title-wrap{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.board-side-card .board-title{font-size:var(--ds-font-title);font-weight:600;margin:0}
.board-side-card .board-date{font-size:12px;color:var(--ds-sub);margin-bottom:8px}
.board-side-card .board-desc{white-space:pre-line;margin:0;line-height:1.55}
.board-side-card .toggle-btn{background:var(--ds-box);color:var(--ds-sub);display:none;width:100%;margin-top:12px;padding:8px 0;border:none;border-radius:8px;font-size:13px;cursor:pointer;align-items:center;justify-content:center;gap:4px}
.board-side-card .toggle-arrow{transition:transform .2s;display:inline-block}
.board-side-card.is-open .toggle-arrow{transform:rotate(180deg)}
.board-side-card .card-block{border-top:1px solid var(--ds--border);margin-bottom:10px;padding-top:10px}
.board-side-card .block-title{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;margin-bottom:12px}
.board-side-card .count-tag{background:var(--ds-high-color);color:#fff;font-size:12px;padding:1px 7px;border-radius:12px}
.board-side-card .count-tag.tag-zero{background:var(--ds-box);color:var(--ds-sub)}
.board-side-card .user-list{display:flex;flex-wrap:wrap;gap:14px}
.board-side-card .empty-tip{font-size:13px;color:var(--ds-sub)}
.board-side-card .user-item{width:64px}
.board-side-card .user-link{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none}
.board-side-card .user-link:hover .avatar{box-shadow:0 0 0 2px rgba(39,174,96,.25)}
.board-side-card .avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid var(--ds--border);transition:.2s}
.board-side-card .username{font-size:12px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
@media (max-width:992px){
    .board-side-card{width:100%}
    .board-side-card .toggle-btn{display:flex}
    .board-side-card .board-detail-wrap{display:none}
    .board-side-card.is-open .board-detail-wrap{display:block}
    .board-detail-wrap > .card-block:first-of-type{border-top:none}
    .-top20{margin-top: -10px}
}

/*----------------
帖子列表布局
----------------*/
.container-wrap{display:flex;gap:40px}
.post-list-left{flex:1;order:1}
.sidebar-right{width:380px;flex-shrink:0;order:2}
@media (min-width: 1301px) and (max-width: 1491px) {
    .sidebar-right{width:280px}
}
@media (min-width:993px) and (max-width:1300px){
    .sidebar-right{width:320px}
}
@media (max-width:992px){
    .container-wrap{flex-direction:column;gap:16px}
    .sidebar-right{order:0;width:100%}
    .post-list-left{order:1}
}

/*----------------
帖子列表
----------------*/
.forum-item{border-bottom:1px solid var(--ds--border);padding-bottom:10px;margin-bottom:30px}
.forum-item:last-child{border-bottom:none;margin-bottom:0}
.forum-user-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.forum-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}
.forum-user-info{flex:1}
.forum-username-box{display:flex;align-items:center}
.forum-username{font-size:15px;font-weight:500}
.forum-post-time{font-size:12px;color:var(--ds-sub);margin-top:2px}
.forum-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:16px;font-weight:700;margin-bottom:8px;line-height:1.4}
.forum-title h3{margin:0;font-size:inherit;font-weight:inherit}
.badge-top{background:linear-gradient(135deg,#f66,#e33);box-shadow:0 0 6px rgba(255,80,80,.2);color:#fff;font-size:11px;padding:2px 6px;border-radius:4px}
.badge-best{background:linear-gradient(135deg,#fc4,#f81);box-shadow:0 0 6px rgba(255,140,30,.2);color:#fff;font-size:11px;padding:2px 6px;border-radius:4px}
.forum-desc{margin-bottom:15px;line-height:1.8}
.forum-img-wrap{display:flex;gap:8px;margin-bottom:14px;width:100%}
.forum-img-item{max-width:calc((100% - 16px)/ 4);width:100%;border-radius:var(--ds-radius);object-fit:cover}
.forum-bottom-bar{display:flex;gap:40px;color:var(--ds-sub);line-height:26px}
.forum-bottom-bar .fa{font-size:18px}
.forum-bottom-bar span{display:flex;align-items:center;gap:4px;height:40px;line-height:40px}

/*----------------
图片 帖子列表
----------------*/
.bbs-list-img{display:flex;flex-wrap:wrap;padding:10px 0;margin-left:-16px}
.bbs-list-img article{width:calc(20% - 16px);flex-shrink:0;display:flex;flex-direction:column;margin-left:16px;margin-bottom:16px}
.bbs-list-img a{display:block;text-decoration:none}
.bbs-list-img .self-img-box{position:relative;width:100%;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background-color:#f5f5f5;margin-bottom:8px}
.bbs-list-img .self-cover-img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.bbs-list-img a:hover .self-cover-img{transform:scale(1.03)}
.bbs-list-img .self-empty-img{width:100%;height:100%;background:#eee}
.bbs-list-img .self-badge-group{position:absolute;top:8px;right:8px;display:flex}
.bbs-list-img .self-badge-group>*+*{margin-left:4px}
.bbs-list-img .self-badge-top{background:#f53f3f;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px}
.bbs-list-img .self-badge-best{background:#ff9700;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px}
.bbs-list-img .self-title-box{margin-bottom:6px}
.bbs-list-img .self-title{font-size:14px;line-height:1.4;font-weight:400;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bbs-list-img .self-meta-bar{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--ds-sub)}
.bbs-list-img .self-author-link{display:flex;align-items:center;color:var(--ds-sub);width:100%}
.bbs-list-img .self-author-link>*+*{margin-left:5px}
.bbs-list-img .self-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1px solid #eee}
.bbs-list-img .self-like-num{flex-shrink:0}
@media screen and (max-width:1440px){
    .bbs-list-img article{width:calc(25% - 16px)}
}
@media screen and (max-width:992px){
    .bbs-list-img article{width:calc(33.333% - 16px)}
}
@media screen and (max-width:768px){
    .bbs-list-img {margin-left:calc(var(--ds-margin) * -1)}
    .bbs-list-img article{margin-bottom:var(--ds-margin);margin-left:var(--ds-margin)}
}
@media screen and (max-width:560px){
    .bbs-list-img article{width: calc(50% - var(--ds-margin));}
}

/*----------------
文本 帖子列表
----------------*/
.list-txt-list li{padding:18px 20px;background:var(--ds-box);border-radius:var(--ds-radius);margin-bottom:10px;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:flex-start;box-sizing:border-box}
.list-txt-list .self-avatar .img{width:50px;height:50px;border-radius:50%;object-fit:cover;transition:all .35s cubic-bezier(.4, 0, .2, 1)}
.list-txt-list .self-info{margin-left:15px}
.list-txt-list .self-info h2{display:inline;margin:0 3px 0 0;line-height:24px}
.list-txt-list .self-info h2 a{line-height:1.4;font-size:16px;text-decoration:none}
.list-txt-list .self-info h2 a:hover{color:var(--ds-high-color)}
.list-txt-list .self-info .bottom{width:100%;display:flex;justify-content:space-between;margin-top:4px;font-size:13px;color:var(--ds-sub)}
.list-txt-list .self-info .this-r{margin-right:10px}
.list-txt-list .self-info .bottom i{font-size:13px;margin-right:3px}
@media (min-width:992px) and (max-width:1200px){
    .list-txt-list .self-info .bottom{flex-wrap:wrap}
    .list-txt-list .self-info .this-tag{width:100%}
    .list-txt-list .self-info .this-count{display:none}
}
@media screen and (max-width:560px){
    .list-txt-list li{padding:16px 12px}
    .list-txt-list .self-avatar img{width:38px;height:38px}
    .list-txt-list .self-info{margin-left:10px}
    .list-txt-list .self-info h2 a{font-size:14px;font-weight:500}
    .list-txt-list .self-info .bottom,.list-txt-list .self-info .bottom i{font-size:12px}
    .list-txt-list .self-info .this-tag .this-r{display:none}
}

/*----------------
滑动+自动偏移 筛选按钮
----------------*/
.ec-class-list .nav-swiper{position:relative;overflow:hidden}
.ec-class-list ul{display:flex;height:auto}
.ec-class-list .swiper-wrapper{position:static;margin:10px 0!important}
.ec-class-list li{margin-right:10px;width:auto!important}
.ec-class-list li a{display:inline-block;padding:0 15px!important;border-radius:40px;line-height:36px!important;height:36px!important;font-size:15px}
.ec-class-list .nav-dt a{background-color:var(--ds-high-color);color:#fff;font-weight:700}
.ec-class-list .nav-dt a:hover{color:#fff}

/*----------------
最新 赞 评论筛选
----------------*/
.page-whole{line-height:22px}
.site-tabs{display:flex;margin-bottom:10px;border-bottom:1px solid var(--ds--border);gap:40px}
.site-tabs a{position:relative;padding-bottom:10px;font-weight:600;font-size:14px;line-height:28px}
.site-tabs .active{color:var(--ds-high-color)}
.site-tabs .active::after{position:absolute;bottom:-2px;left:50%;margin-left:-10px;width:20px;height:3px;border-radius:4px;content:"";background:var(--ds-high-color)}
.back-post-btn{padding:10px 14px;background:var(--ds-box);border-radius:4px;font-size:13px;margin:5px 0;display:inline-block;font-weight:600}

/*!
 * 帖子详情页用户信息
 */
.post-user-bar{display:flex;align-items:center;justify-content:space-between;margin-top:10px;margin-bottom:14px}
.post-user-bar .this-l{display:flex;align-items:center;gap:10px}
.post-user-bar .this-ava{width:50px;height:50px}
.post-user-bar .this-ava a{position:relative}
.post-user-bar .this-ava .avatar{border-radius:50%;object-fit:cover;border:1px solid var(--ds--border);display:block}
.post-user-bar .this-inf .this-un{display:flex;align-items:center;font-size:15px;font-weight:500}
.post-user-bar .this-inf .this-mt{font-size:12px;color:var(--ds-sub);margin-top:2px}
.post-user-bar .ds-bnt-b{padding:5px 10px;border:none;font-size:13px;cursor:pointer}
.post-user-bar .ds-bnt-b .fa{font-size:13px}
/*!
 * 帖子内容详情
 */
.post-title{font-size:18px;line-height:1.4;margin-bottom:12px;font-weight:600}
.edit-entry{margin-left:5px;font-size:14px;color:#666}
.edit-entry:hover{color:var(--ds-high-color)}
.post-content .update-time{color:var(--ds-sub);text-align:center;font-size:12px;padding:26px 0}
.post-content{line-height:1.5;word-break:break-all}
.post-content ol{padding-left:36px}
.post-content ol li{line-height:1.6;list-style:auto}
.post-content strong{font-weight:600}
.post-content blockquote{color:#2f4f4f;border-radius:var(--ds-radius);overflow:hidden;border-left:none;padding:16px 38px;background:linear-gradient(120deg,#fff0f8,#f0f7ff);position:relative;box-shadow:0 2px 12px rgba(100,140,220,.12)}
.post-content blockquote::before{content:"";position:absolute;left:0;top:0;height:100%;width:6px;background:linear-gradient(180deg,#ff6b9d,#42a5f5,#7986cb)}
.post-content blockquote::after{content:"❝";position:absolute;right:12px;top:6px;font-size:32px;color:#c5cae9;opacity:.45;pointer-events:none}
.post-content h1{font-size:24px}
.post-content h2{font-size:20px}
.post-content h3{font-size:18px}
.post-content h1,.post-content h2,.post-content h3{font-weight:700;line-height:1.4;position:relative;color:#e91e63;background:linear-gradient(90deg,#fff0f6,transparent);padding:6px 16px;border-radius:999px;width:100%;margin:10px 0}
.post-content h1::before,.post-content h2::before,.post-content h3::before{content:'✦ ';color:#ff9800}
.post-content img{margin:2px 0;border-radius:var(--ds-radius)}
/*!
 * 帖子内容TAG
 */
.post-tag-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;flex-wrap:wrap;margin:12px -4px 0 -4px}
.post-tag-wrap .post-tag{display:inline-block;font-size:13px;color:#e64340;text-decoration:none;margin:4px;padding:4px 12px;border:1px solid #e64340;border-radius:999px;background-color:#fff0f2;white-space:nowrap;transition:all .22s ease;-webkit-transition:all .22s ease}
.post-tag-wrap .post-tag:hover{background:linear-gradient(90deg,#e64340,#ff7575);color:#fff;border-color:transparent}
/*!
 * 帖子详情页板块信息
 */
.post-board-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 14px;background:var(--ds-box);border-radius:var(--ds-radius);margin-bottom:40px;margin-top:24px}
.post-board-footer .board-footer-link{display:flex;align-items:center;text-decoration:none}
.post-board-footer img{width:40px;height:40px;border-radius:var(--ds-radius);object-fit:cover;margin-right:10px}
.board-footer-name{font-size:14px;font-weight:600}
.board-footer-desc{font-size:12px;color:var(--ds-sub);margin-top:2px}
/*!
 * 功能按钮
 */
.bar{display:flex;align-items:center;margin-top:40px;justify-content:center}
.bar .this-btn{display:inline-flex;align-items:center;padding:10px 20px;font-size:14px;border-radius:var(--ds-radius);cursor:pointer;transition:all .2s;margin:10px}
.bar .this-btn i{font-size:15px;margin-right:5px}
.key1{color:#e11d48;border:1px solid #fecdd3;background:#fff1f2}
.key1:hover{background:#e11d48;color:#fff}
.key2{color:#f97316;border:1px solid #fed7aa;background:#fff7ed}
.key2:hover{background:#f97316;color:#fff}
.key3{color:#059669;border:1px solid #bbf7d0;background:#f0fdf4}
.key3:hover{background:#059669;color:#fff}

/*!
 * 隐藏内容
 */
.hidden-content-box{margin:20px 0;border:1px dashed var(--ds--border);border-radius:var(--ds-radius);overflow:hidden}
.hidden-content-box .this-item{padding:40px 20px;text-align:center;background:var(--ds-box)}
.hidden-content-box .this-text{display:block;font-size:14px;color:var(--ds-sub);margin-bottom:12px}
.hidden-content-box .this-vip-tip{font-size:13px;color:#c42e39;margin-bottom:14px}
.hidden-content-box .this-price-box{margin-bottom:16px;display:flex;align-items:baseline;justify-content:center;gap:4px}
.hidden-content-box .this-price-num{font-size:32px;font-weight:700;color:#e63946;line-height:1}
.hidden-content-box .this-btn{display:inline-block;padding:7px 22px;background:#673de6;color:#fff;text-decoration:none;border-radius:6px;font-size:13px;transition:.2s}
.hidden-content-box .this-btn:hover{background:#522fd1}
.hidden-content-box .this-buy-btn{background:#e63946}
.hidden-content-box .this-buy-btn:hover{background:#c42e39}
.hidden-content-box .hidden-main{white-space:pre-line;padding:20px}

/*!
 * 标签也标题
 */
.tag‑header{margin-top:28px;margin-bottom:20px}
.tag‑title{font-size:26px;font-weight:600;margin-bottom:4px}
.tag‑count{color:var(--ds-sub)}
@media (max-width: 767px){
    .tag‑header{margin-top:5px}
    .tag‑title{font-size:18px}
    .tag‑count{font-size:13px}
}

/*!
 * 名字后边的用户等级
 */
.level{display:flex;margin:0 4px 1px 6px;height:15px}
.level .this-level-icon{z-index:2;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:17px;height:15px}
.level .this-level-name{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;height:15px;margin-left:-6px;padding:0 4px 0 9px;border-radius:0 4px 4px 0;font-size:10px;line-height:15px;text-align:center;-webkit-clip-path:polygon(3px 0, 6.8px 36%, 7px 48%, 0 100%, 100% 100%, 100% 0);clip-path:polygon(3px 0, 6.8px 36%, 7px 48%, 0 100%, 100% 100%, 100% 0)}
.level4,.level5,.level6{background:rgba(36,211,92,.13);color:#269d58}
.level10,.level11,.level12,.level7,.level8,.level9{background-color:rgba(43,135,255,.13);color:#2b87ff}
.level13,.level14,.level15,.level16,.level17,.level18{background:rgba(255,185,16,.13);color:#ffa32b}
.level19,.level2,.level3{background:rgba(255,126,16,.13);color:#ff792b}
.level-icon4,.level-icon5{display:none}
.level-icon{position:absolute;right:0;bottom:0;width:20px;height:20px}
/*----------------
vip彩色用户名样式
----------------*/
.style3{font-weight:600!important;background:linear-gradient(90deg,#ff4d4f,#ffa940,#ffdd57,#52c41a,#1890ff,#722ed1,#eb2f96,#ff4d4f);background-size:400% 100%;-webkit-background-clip:text;color:transparent!important;animation:vipFlowLight 4s linear infinite;position:relative;cursor:pointer;transition:all .3s ease}
@keyframes vipFlowLight {0% { background-position: 0 50%; } 100% { background-position: 400% 50%}}


/*!
 * 评论
 */
.comment-head{display:flex;align-items:center;padding-bottom:8px;margin-bottom:16px;justify-content:space-between}
.comment-head .this-title{position:relative;height:28px;line-height:28px;font-weight:500;font-size:var(--ds-font-title)}
.comment-head .this-sort{display:flex;padding:2px;background-color:var(--ds-box);color:var(--ds-sub);font-weight:400;cursor:pointer;overflow:hidden;font-size:12px;border-radius:var(--ds-radius-bnt)}
.comment-head .this-sort>div{height:27px;padding:0 10px;line-height:27px}
.comment-head .active{background-color:var(--ds--background);color:var(--ds-color);border-radius:var(--ds-radius-bnt)}
/* 输入框 */
.reply-area{display:flex;margin-bottom:24px}
.reply-avatar{width:40px;height:40px;border-radius:50%;background:var(--ds-box);flex-shrink:0;margin-top:4px;margin-right:10px}
.reply-input-box{border:1px solid var(--ds--border);border-radius:var(--ds-radius);padding:12px 14px;position:relative}
.reply-placeholder{min-width:100%;max-width:100%;display:block;width:100%;height:40px;line-height:20px;margin-bottom:10px}
.reply-toolbar{display:flex;align-items:center;justify-content:space-between}
.tool-icons .ds-emote{font-size:26px;color:darkorange}
.btn-publish{background:var(--ds-high-color);color:#fff;border:none;border-radius:var(--ds-radius-bnt);padding:8px 18px;cursor:pointer;font-weight:600;font-size:12px}
.emoji-panel{position:absolute;bottom:44px;left:0;z-index:99;background:#fff;border:1px solid #ccc;border-radius:6px;padding:10px;width:340px;max-height:220px;overflow-y:auto;line-height:2.2}
.emoji-panel span{cursor:pointer;font-size:20px;padding:2px 4px}
.emoji-panel span:hover{background:var(--ds-box)}
/* 评论列表 */
.comment-list{display:flex;padding-top:16px}
.comment-list .this-avatar-box{position:relative;display:block;width:44px;height:44px;margin-right:10px}
.comment-list .avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--ds-box)}
.comment-list .this-user-row{display:flex;align-items:center;margin-bottom:6px}
.comment-list .uname{line-height:20px;font-weight:400;font-size:14px;color:var(--ds-sub)}
.comment-list .this-text{word-break:break-all;line-height:1.8}
.comment-list .this-foot{display:flex;justify-content:space-between;font-size:13px;color:var(--ds-sub)}
.comment-list .this-foot-left span{margin-right:14px}
.comment-list .this-foot-right{display:flex;gap:20px}
.comment-list .this-foot-right span{cursor:pointer}
.comment-list .this-floor .avatar{width:38px;height:38px}
.comment-list .reply-input-box{margin-top:10px}
.comment-list .this-user-box{border-bottom:1px solid var(--ds--border);padding-bottom:16px}
.comment-list:last-child .this-user-box,.comment-father .this-floor .this-user-box{padding-bottom:0;border-bottom:none}
.comment-launch{cursor:pointer;color:var(--ds-sub);margin-top:8px;font-size:12px;height:20px;line-height:20px}
.comment-launch .fa{font-size:12px}
.comment-launch:hover{color:var(--ds-high-color)}
.comment-launch i{margin:0 2px}
.comment-launch .fa{display:inline-block;transform:scaleY(-1)}
.comment-launch.state3 .fa{transform:scaleY(1)}
.comment-launch .r6{display:none}
.comment-launch.state1 .on1,.comment-launch.state2 .on2,.comment-launch.state3 .on3{display:inline-block}

/*----------------
资料修改
----------------*/
.portrait-edit{width:100%;text-align:center}
.portrait-edit .this-box{background-color:var(--ds-box);border:1px solid var(--ds--border);cursor:pointer;width:108px;height:108px;border-radius:50%;position:relative;overflow:hidden;margin:0 auto;display:block}
.portrait-edit .top10{color:var(--ds-sub)}
.form-group .form-input,.form-group .form-label{height:52px;line-height:52px;display:block;width:100%;font-size:16px}
.form-group .form-input,.form-group .form-text{border-radius:var(--ds-radius);padding:10px;border:1px solid var(--ds--border);background:var(--ds-box)}
.form-group .form-text{height:80px}
.form-group .form-text textarea{width:100%;height:100%;resize:none}
.form-bj-set{height:100%;border-radius:var(--ds-radius)}
#suer-set .no1,#suer-set .no2,#suer-set .no3,.suer-set2 .pc-show,.suer-set3 .pc-show{display:none}
.suer-set1 .no1,.suer-set2 .no2,.suer-set3 .no3{display:block!important}
.suer-set2 .h5-show,.suer-set3 .h5-show{display:block}
.avatar-cropping{display:flex;margin:30px 0}
.avatar-cropping .this-img{width:100%;height:300px;overflow:hidden}
.avatar-cropping .this-preview{width:100px;margin-left:30px;margin-right:30px;text-align:center}
.avatar-cropping .preview-box{width:100px;height:100px;overflow:hidden;border-radius:100%}
.avatar-cropping .this-preview .this-tsp{margin-top:5px;color:var(--ds-sub);font-size:12px}
.user-bj-cropping{margin:30px 0}
.user-bj-cropping .this-img{width:100%;height:280px;overflow:hidden}


/*----------------
视频
----------------*/
.slide-header{margin-bottom:0}
/*----------------
幻灯图
----------------*/
.slide-a{margin-top:20px;width:100%;overflow:hidden;margin-bottom:20px;border-radius:var(--ds-radius);position:relative}
.slide-a .swiper-wrapper{height:auto}
.slide-a .swiper-wrapper .swiper-slide{background:#141517;display:block;width:100%;height:0;padding-top:30%}
.slide-a .swiper-lazy{position:absolute;top:0;left:0;height:100%;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center center}
.slide-a .slide-title-bottom{position:absolute;bottom:0;left:0;z-index:60;padding:20px;width:100%}
.slide-a .slide-info-title{font-size:60px;color:#fff}
.slide-parameter{margin-top:10px}
.slide-info-remarks{height:24px;line-height:24px;border-radius:4px;padding:0 6px;margin-right:8px;font-size:14px;background:rgba(255,255,255,.1);color:#eaeaea;display:inline-block}
.slide-a .slide-info{width:40%;color:#eaeaea;font-size:16px;height:20px;line-height:1.5;margin-top:10px}
.slide-bg{width:100%;height:40%;position:absolute;left:0;bottom:0;background-image:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,#000 100%)}
@media (max-width: 767px) {
    .slide-a{margin-top:10px}
    .slide-a .swiper-wrapper .swiper-slide{padding-top:56%}
    .slide-parameter{display:none}
    .slide-a .slide-info{width:40%;font-size:14px;margin-top:2px}
    .slide-a .slide-title-bottom{;padding:var(--ds-margin)}
    .slide-a .slide-info-title{font-size:22px}
    .slide-info-remarks{height:20px;line-height:20px;font-size:12px}

    .slide-header{height:48px}
    .slide-header .this-home{background:var(--ds-box);width:36px;height:36px;border-radius:100%;text-align:center;line-height:36px;display:block}
    .slide-header .this-home .fa{font-size:20px}
    .slide-header .search form{margin-left:10px;height:36px;line-height:36px}
    .slide-header .search-input-sub{font-size:18px}
}
@media (max-width: 600px) {
    .slide-header .this-search{flex:auto;width:100%}
}
@media (min-width:768px) and (max-width:1200px){
    .slide-a .swiper-wrapper .swiper-slide{padding-top:42%}
    .slide-parameter{margin-top:5px}
    .slide-a .slide-info{margin-top:5px;font-size:15px}
    .slide-a .slide-info-title{font-size:30px}
}
@media (min-width:1201px) and (max-width:1934px){
    .slide-a .swiper-wrapper .swiper-slide{padding-top:34%}
    .slide-a .slide-info-title{font-size:48px}
}
/*----------------
视频列表
----------------*/
.vod-title{margin-top:32px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}
.vod-title h4{font-weight:700;font-size:28px;font-style:normal}
.vod-title a{font-weight:600;height:32px;line-height:32px;padding:0 20px;background:var(--ds-box);border-radius:var(--ds-radius-bnt)}
.vod-title i{font-size:12px;color:var(--ds-sub);margin-left:3px}
.vod-list-box{flex-wrap:wrap;display:flex;margin-right:-18px}
.vod-list{margin-bottom:18px;padding-right:18px;width:14.276666%}
.vod-list .this-box{height:0;overflow:hidden;border-radius:var(--radius-title);position:relative;padding-top:135.74%}
.vod-list a{overflow:hidden;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:var(--ds-radius)}
.vod-list .lazy{position:relative;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;border-radius:var(--radius-title);display:block}
.vod-list .this-info{display:flex;flex-direction:column;-webkit-box-pack:end;justify-content:flex-end;width:100%;height:inherit;top:0;left:0;padding:15px;position:absolute;z-index:1}
.public-bg{width:100%;height:100%;position:absolute;top:0;left:0;background-image:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,#000 100%)}
.vod-list .this-info .this-name{color:#fff;margin-bottom:5px;font-weight:700;font-size:20px;line-height:28px}
.vod-list .this-info .this-remarks{color:rgba(255,255,255,.6);margin-bottom:15px;font-weight:700;font-size:14px;line-height:20px}
.vod-list .this-info .this-bar{display:flex;align-items:center;justify-content:space-between}
.vod-list .this-info .this-year{letter-spacing:.5px;font-size:18px;color:#ff1755;margin-right:2px;white-space:nowrap;font-weight:700}
.vod-list .this-info .this-year i{margin-left:4px;font-size:14px;color:#fff}
.vod-list .this-info .this-area{border:1px solid rgba(255,255,255,.2);color:#f0f8ff;font-size:11px;border-radius:10px;padding:0 10px;line-height:20px;height:20px;font-weight:600;backdrop-filter:blur(40px);background:#0006}
@media (min-width:600px) and (max-width: 1119px) {
    .vod-list{width:33.333333%}
    .vod-module .hide13,.vod-module .hide14{display:none}
}
@media (min-width: 1120px) and (max-width: 1389px) {
    .vod-list{width:25%}
    .vod-module .hide13,.vod-module .hide14{display:none}
}
@media (min-width: 1390px) and (max-width: 1691px) {
    .vod-list{width:20%}
    .vod-module .hide11,.vod-module .hide12,.vod-module .hide13,.vod-module .hide14{display:none}
}
@media (min-width: 1692px) and (max-width: 1934px) {
    .vod-list{width:16.666666%}
    .vod-module .hide13,.vod-module .hide14{display:none}
}
@media (max-width: 900px){
    .vod-list .this-info .this-remarks{margin-bottom:10px}
    .vod-list .this-info .this-name{font-size:16px;line-height:26px}
    .vod-list .this-info .this-year{font-size:16px}
    .vod-list .this-info .this-year i{font-size:12px}
}
@media (max-width: 599px){
    .vod-list{width:50%}
}
@media (max-width: 450px){
    .vod-list .this-info .this-remarks{font-size:12px;line-height:15px;margin-bottom:5px}
    .vod-list .this-info .this-year{font-size:15px}
    .vod-list .this-info .this-year i{font-size:11px}
    .vod-list .this-info .this-name{font-size:15px;line-height:22px}
}
@media (max-width: 767px){
    .vod-title{margin-bottom:0;margin-top:20px;font-size:18px}
    .vod-title h4{font-size:18px}
    .vod-title a{height:25px;line-height:25px;font-size:12px;padding:0 10px}
    .vod-title i{font-size:11px}
    .vod-list-box{margin-right:calc(var(--ds-margin) * -1)}
    .vod-list{margin-bottom:var(--ds-margin);padding-right:var(--ds-margin)}
}

/*----------------
视频详情信息
----------------*/
.title-mini{font-size:14px;font-weight:700}
.player{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;display:flex}
.player-box{position:relative;background:#000;padding-bottom:0;overflow:hidden;height:100%;width:100%}
.player-details{height:100%;overflow-x:auto;width:380px;padding:0 20px}
.player-info .this-name{font-size:24px;font-weight:700;line-height:1.2;margin-bottom:10px}
.player-info .this-remarks{margin-bottom:5px;line-height:1.5}
.player-info .this-tags{color:var(--ds-sub)}
.player-info .this-tags i{margin:0 4px}
.player-info .this-tags>span:last-child i{display:none}
.player-info .this-content{margin-top:10px;line-height:1.5;font-size:14px}
.player-info .this-content .desc-wrap{line-height:1.6em;max-height:4.8em;overflow:hidden}
.player-info .this-content .desc-wrap.open{max-height:none}
.player-info .this-content .expand-btn{display:none;cursor:pointer;margin-top:6px;width:100%;text-align:center;background:var(--ds-box);font-size:12px;padding:5px 10px;border-radius:var(--ds-radius)}
.player-info .this-actor{display:flex;flex-wrap:wrap}
.player-info .this-actor .this-title{padding-top:4px;padding-right:10px;font-size:13px;line-height:16px;font-weight:600}
.player-info .this-actor a{font-weight:500;background:var(--ds-box);font-size:12px;display:inline-block;padding:5px 10px;border-radius:var(--ds-radius);margin-right:4px;margin-bottom:4px}
.player-info .this-link-list{display:flex;flex-wrap:wrap}

/*----------------
选集
----------------*/
.ds-playerInfo .swiper-wrapper{height:auto}
.ds-playerInfo .swiper-slide{cursor:pointer;margin-right:10px;width:auto;background-color:var(--ds-box);border-radius:var(--ds-radius);font-size:12px;line-height:1.2;padding:10px 15px;min-width:115px}
.ds-playerInfo .swiper-slide:last-child{margin-right:0}
.ds-playerInfo .swiper-slide.nav-dt{pointer-events:none;background:var(--ds-high-color);color:#fff}
.ds-playerInfo .swiper-slide .this-name{font-size:14px;font-weight:700;margin-bottom:4px}
.ds-playerInfo .swiper-slide .this-tip{font-size:12px}
.ds-playerList{overflow:hidden}
.ds-playerList .this-bnt{width: 33.333333%}
.playerList-style1 .this-bnt,.playerList-style46 .this-bnt{width:100%}
.ds-playerList .this-sid{transition: all 0.8s ease;flex-wrap:wrap;margin:0 -4px;display:none}
.ds-playerList .active{display:flex}
.ds-playerList .this-within{cursor:pointer;padding:0 5px;margin:4px;position:relative;background-color:#e9ecef;border-radius:var(--ds-radius);text-align:center;height:50px;line-height:50px;border:1px solid transparent}
.ds-playerList .this-within.on{pointer-events:none;border:1px solid var(--ds--border)}
.theme2 .ds-playerList .this-within.on{background-image:linear-gradient(0deg,#0000004d 3%,#0000001a 98%)}
.theme2 .ds-playerList .this-within{background-color:#262626}
.ds-playerList .this-within.on .play-on{display:block}
.play-on{display:none;height:8px;position:absolute;left:calc(50% - 11px);bottom:1px}
.play-on i{backface-visibility:hidden;will-change:height;width:2px;height:6px;border-radius:2px 2px 0 0;background:var(--ds-high-color);position:absolute;bottom:0;left:0}
.play-on i:last-child{animation:playon .8s .5s infinite}
.play-on i:nth-last-child(2){animation:playon .8s .3s infinite;left:6px}
.play-on i:nth-last-child(3){animation:playon .6s .4s infinite;left:12px}
.play-on i:nth-last-child(4){animation:playon 1s .5s infinite;left:18px}
@keyframes playon{ 0%{height:70%} 50%{height:100%} to{height:35%}}
/*----------------
滚动提示
----------------*/
.scroll-tip-wrap{width:100%;overflow:hidden;color:#fff;padding:8px 0;box-sizing:border-box;position:absolute;left:0;top:0;z-index:22;font-weight:600;background:rgba(0,0,0,.38)}
.scroll-tip-text{white-space:nowrap;font-size:14px;animation:scrollLeft 45s linear infinite}
.scroll-tip-wrap:hover .scroll-tip-text{animation-play-state:paused}
@keyframes scrollLeft{0%{transform:translateX(100%)}
    100%{transform:translateX(-100%)}
}

/*----------------
播放器
----------------*/
.player-background .player-background{width:100%;height:100%}

/*----------------
播放器侧边栏开关
----------------*/
.player-switch{position:absolute;top:50%;right:0;z-index:22;background:#111214;border-radius:111px 0 0 111px;height:46px;line-height:46px;width:20px;color:hsla(0,0%,100%,.87);padding-left:6px;margin-top:-23px;font-weight:700;cursor:pointer}
.player-switch:hover{color:var(--ds-high-color)!important}
.player-switch-box .player-details{display:none}
@media (max-width: 767px){
    .player{position:relative;height:auto;width:100%;overflow:auto;display:block}
    .player-box{height:0;padding-bottom:56%}
    .player-background{position:absolute;top:0;left:0;height:100%;width:100%}
    .scroll-tip-text{font-size:12px}
    .player-details{height:auto;overflow-x:auto;width:100%;padding:0 var(--ds-margin)}
    .player-switch{display:none}
    .player-switch-box .player-details{display:block}
}
/*---------------
并排按钮
----------------*/
.ds-tab-bar{text-align:center;margin:20px 0;justify-content:space-around;display:flex}
.ds-tab-bar .this-element{cursor:pointer}
.ds-tab-bar .fa{font-size:28px}
.ds-tab-bar .this-title{margin-top:5px;height:24px;line-height:24px;font-size:14px}

/*---------------
首页
----------------*/
.index-slide{margin-top:20px;width:100%;overflow:hidden;margin-bottom:20px;border-radius:var(--ds-radius);position:relative}
.index-slide .swiper-wrapper,.index-slide .swiper-slide{height:auto}
@media (max-width: 767px){
    .index-slide{margin-bottom:5px;margin-top:10px}
}
@media (min-width: 1439px) {
    .index-bbs-img-list .hide6{display: none}
    .index-vod-list .vod-list{width:20%}
}
@media (min-width:992px) and (max-width: 1440px) {
    .index-bbs-img-list .hide5,.index-bbs-img-list .hide6{display: none}
    .index-vod-list .vod-list{width:25%}
}
@media (min-width:768px) and (max-width: 992px) {
    .index-vod-list .vod-list{width:33.333333%}
}

/*---------------
首页玩域列表
----------------*/
.plate-list{display:flex;padding-bottom:12px;flex-wrap:wrap;margin:0 -5px}
.plate-list a{width:25%}
.plate-list .this-card{margin:5px;border-radius:var(--ds-radius);overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);border:1px solid var(--ds--border)}
.theme2 .plate-list .this-card{background:var(--ds-box)}
.plate-list .this-cover{position:relative;width:100%;height:0;overflow:hidden;border-radius:var(--radius-title);padding-top:48%}
.plate-list .this-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.plate-list .this-footer{display:flex;align-items:center;padding:14px 16px}
.plate-list .this-icon{width:50px;height:50px;border-radius:10px;margin-right:12px}
.plate-list .this-text{flex:1;overflow:hidden}
.plate-list .this-title{font-size:14px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plate-list .this-sub{font-size:12px;color:var(--ds-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plate-list .this-btn{padding:6px 12px;background:#e8f1ff;color:var(--ds-high-color);border-radius:30px;border:none;font-size:11px;cursor:pointer;flex-shrink:0;font-weight:600}
@media screen and (max-width:1440px){
    .plate-list .this-footer{padding:12px 10px}
    .plate-list .this-icon{width:42px;height:42px;margin-right:10px}
    .plate-list .this-btn{padding:5px 10px}
}
@media screen and (max-width:992px){
    .plate-list a{width:33.333333%}
    .plate-list a:last-child{display:none}
}
@media screen and (max-width:560px){
    .plate-list a{width:50%}
    .plate-list a:last-child{display:block}
    .plate-list .this-footer{padding:8px}
    .plate-list .this-icon{width:38px;height:38px;margin-right:6px}
    .plate-list .this-sub{font-size:11px}
    .plate-list .this-btn{display:none}
}

/*---------------
页底tab
----------------*/
.foot-top-height{width:100%;height:58px}
.foot-table-box{background:var(--ds--background);z-index:99;position:fixed;display:block;left:0;right:0;bottom:0;height:58px;width:100%}
.foot-table-box ul{justify-content:space-around;display:flex}
.foot-table-box li{width:100%;height:58px;text-align:center}
.foot-table-box .this-link{color:var(--ds_tab_text_color);flex:1;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;min-height:49px;font-size:0}
.foot-table-box .current{color:var(--ds-high-color)}
.foot-table-box li .fa{font-size:24px;height:24px;line-height:24px;position:relative;margin-top:8px}
.foot-table-box li .time-title{width:100%;font-size:12px;margin-top:4px;height:12px;line-height:12px}
.foot-table-box li img{margin-top:8px;width:24px;height:24px;border-radius:100%}


@media (max-width: 767px) {
    :root {
        --ds-font-title: 15px;
    }
}
.h5-show,.pc-show{display:none}
@media (min-width: 768px) {
    .pc-show{display:block}
    .h-t-10{margin-top:15px}
}

@media (max-width: 767px){
    .h5-show{display:block}
    .h5-show{display:flex}/*兼容移动端头部*/
    .pc-bottom-pag{margin-top:0}
}