/*css重置 */
/* CSS重置 */
/* A simple CSS reset */
* {margin: 0;padding: 0;box-sizing: border-box;}

html{overflow-x:hidden;}

body {font-family: Arial, sans-serif;padding:0;margin:0;overflow-x:hidden;}

h1, h2, h3, h4, h5, h6 {font-weight: normal;}

ul {list-style: none;}

button {background-color: transparent;border: none;cursor: pointer;}

/*滚动样式*/
#sidebar {
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
#skin-tab-titles {
    transition: top 0.3s ease;
    background: #fff;
    width: 100%;
}
.nav-container {
    transition: transform 0.3s ease;
    z-index: 999;
    position: fixed;
    width: 100%;
    top: 0;
}
/* 移动端菜单激活状态 */
#skin-nav.layui-nav-tree.active {
    display: block;
    transform: translateY(0);
    transition: transform 0.3s ease;
    top: 45px;
    position: absolute;
}

/* 非激活状态隐藏 */
#skin-nav.layui-nav-tree {
    transform: translateY(-100%);
    transition: transform 0.3s ease;
    position: absolute;
    margin-left: -15px;
    padding: 20px 0;
}

/* 阻止背景滚动 */
.body-menu-active {
    overflow: hidden;
}

.skin-sn{display:block;}

.skin-body{background: #f5f8fa;}

.skin-card img,.skin-tab img,.skin-tab .skin-tabs,#skindome img{border-radius: 5px;}

.skin-section{
    padding: 10px;
    margin: 10px auto;
    background-color: #fff;
    border-radius: 8px;
}
.skin-sectionc{
    padding: 10px;
    margin: 20px auto;
    background-color: #fff;
    border-radius: 8px;
}

.skin-section .skin-title{text-align: center;margin-bottom: 10px;}

.skin-section h2{font-size: 2em;margin-bottom: 10px;}

.layui-anim {animation-duration: 1s;animation-fill-mode: both;}

.skin-style .skin-text,.skin-tab .skin-text{text-align:center;}

.skin-slider img{width: 100%;}

.skin-slider .skin-text{position: inherit;bottom: 0;width: 100%;padding: 10px 10%;background-color: rgb(0 0 0 / 30%);color: #fff;}

.skin-slider .skin-text a{background-color: rgb(0 0 0 / 30%);color: #fff;}

.skin-slider img{animation-duration: 3s;}

.skin-slider .skin-item img {width: 100%;height: 100%;object-fit: cover;position: absolute;}

.skin-slider .layui-carousel>[carousel-item]>*{display: block;opacity: 0;-webkit-transition-timing-function:ease-in-out;transition-timing-function: ease-in-out;-webkit-transition-duration:1s;transition-duration:1s;}

.skin-slider .layui-carousel>[carousel-item]>.layui-this{  display: block;opacity: 1;}

.skin-slider .layui-carousel{height: 0!important;padding-bottom: 30%;}

.skin-slider-index{padding-bottom: 30%;}

.skin-slider-det .layui-carousel{padding-bottom: 72%;}

.skin-slider-demo{padding-bottom: 72%!important;}

.skin-slider .layui-carousel-ind{top: -25px;}

.skin-item h3{font-size: 30px;font-weight: 700;}

.skin-item h3,.skin-item p,.skin-item a{padding: 10px 0;}



.skin-style img,.skin-tab img{width: 100%;}

.skin-style .grid-demo{padding: 10px;}

.skin-tab h3,.skin-style h3{font-size:1.25em;}

.skin-style img,.skin-style .grid-demo{border-radius: 50%;}

.skin-style .grid-demo{overflow: hidden;}

.skin-tab .layui-tab-title{display: flex;justify-content: center;}

.skin-nlist,.skin-right-background .skin-grid-demo,.skin-right-list .grid-demo,.skin-img,.skin-products .skin-products-list,.skin-products .skin-products-list a,.skin-tab .skin-tabs,.skin-tab .skin-tabs h3,.skin-nlist img,.skin-products .skin-products-list img,.skin-tab .skin-tabs img,.skin-style img,.news-card,.news-card img,.skin-right-list .grid-demo img{transition: all 0.5s;}/*图片动画用时0.5秒*/

.skin-tab .skin-tabs:hover img,.skin-style .grid-demo:hover img,.news-card:hover img,.skin-products .skin-products-list:hover img,.skin-nlist:hover img{transform: scale(1.03);}/*图片放大*/

#skin-page a:hover,.skin-slider a:hover,.skin-style a:hover,.vod-module-main a:hover,.skin-searchh2 a:hover{background-color: #f8f8f8!important;color: #ff6b6b!important;}

.skin-sminav{padding: 0 10px;}
.skin-sminav a:hover{color: #ff6b6b !important;}

.vod-module-class-items {padding: 0;margin: 0;display: flex;}

.vod-scroll-box,.art-scroll-box {overflow-y: auto;}

.vod-module-item-title {position: relative;font-size: 16px;font-weight: 700;display: inline-block;width: 45px;white-space: nowrap;min-height: 40px;line-height: 44px;margin-right: 20px;}

.vod-module-item-title i {margin-left: 15px;vertical-align: initial;}

.vod-module-class{padding: 5px 0;}

.vod-scroll-content{display: inline-flex;}

.vod-module-item-box a {position: relative;box-shadow:0px 0px 1px 1px #e2e2e2;}

.vod-module-item-box {display: inline-flex;align-items: center;}

.vod-module-class-item {display: inline-flex;}

.vod-module-item-box .active {background-color: #fff !important;color: #ff6b6b !important;font-weight: 700;}

.vod-module-item-box a {padding: 6px 12px;font-size: 14px;margin: 5px;white-space: nowrap;display: inline-block;border-radius: 5px;}

.art-module-item-box a{padding:10px 20px;font-size:1.25em;font-weight: 500;transition: all 0.5s;}

.art-module-item-box .active{border-radius: 5px;color: #ff6b6b !important;/*box-shadow: 0px 0px 1px 1px #ff6b6b;*/}

.art-module-main .art-module-item-box a:hover{border-radius: 5px;color: #ff6b6b !important;}

.art-module-item-box{display:flex;flex-wrap: wrap;padding:3px;}

.art-module-class-item{border-bottom: 2px solid #ffb800;}

.news-image{overflow: hidden;}

.skin-tab .skin-tabs{overflow: hidden;border: 1px solid #dee2e6;position: relative;}

.skin-tab .skin-tabs img{width: 100%;height: 100%;object-fit: cover;}

.skin-tab .skin-text{padding: 10px 0;}

.skin-tab .skin-text h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis; line-height: 26px;height: 24px;}

.news-card:hover,.skin-tab .skin-tabs:hover{box-shadow:0px 0px 20px 5px #e2e2e2;}

.skin-tab .skin-tabs h3 {padding: 15px 0;background-color: #fafafa;}

.skin-tab .skin-tabs:hover h3{color: #ff6b6b;}

.skin-tab .skin-croll-box{overflow-y: auto;display: flex;justify-content: center;}

.skin-tab .skin-croll-content{display: inline-flex;height: 100%;}

.skin-tab .layui-tab-title .layui-this {color: #ff6b6b;}

.skin-tab .layui-tab-title li {font-size: 18px;padding: 0 10px;}

.skin-tab .layui-tab-title .layui-this:after {border-width: 0px;border-bottom-width: 4px;border-bottom-color: #ff6b6b;}

.skin-section .layui-bg-orange {background-color: #f8f8f8 !important;color: #ff6b6b !important;}

.skin-container{background-image: url(/template/wokou/imges/banner3.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;}

.skin-container .skin-box{display: flex;width: 80%;height: 400px;margin-right: auto;margin-left: auto;position: relative;align-items: center;}

.skin-container .skin-box .skin-text h2{font-size:2em;display: inline-flex;margin-bottom: 0px;}

.skin-container .skin-box .skin-text p{font-size: 1.25em;text-align: justify;}

.skin-container .skin-box a:hover{color: #ff6b6b!important;}

.skin-container .skin-box .skin-text{display: inline-flex;flex-direction: column;justify-content: space-between;height: 350px;}

.skin-time{font-size: 2em;font-weight: 700;display: inline-flex;}

.skin-hz{display: inline-flex;}

.skin-hz p{background-color:#fff;color:#333;border-radius: 5px;padding: 10px 20px;}

/* 新闻卡片样式 */
.news-card {background: #fff;border-radius: 8px;overflow: hidden;box-shadow: 0 0px 5px rgba(0,0,0,0.1);}

.news-image {position: relative;height: 200px;}

.news-image img {width: 100%;height: 100%;object-fit: cover;}

.news-date {position: absolute;top: 5px;left: 5px;background: #fff;padding: 5px;text-align: center;border-radius: 5px;line-height: 15px;}

.news-date .day {display: block;font-size: 1em;color: #ff6b6b;}

.news-date .month {display: block;font-size: 14px;color: #666;}

.skin-news-foot{display:flex;justify-content: space-between;align-items: center;}

.skin-news-foot span{color: #ff6b6b;}

.news-content {padding: 10px;}

.news-content h3 {margin-bottom: 10px;font-size: 1.2em;}

.news-content p {color: #666;margin-bottom: 15px;}

.read-more {color: #ff6b6b;text-decoration: none;}

footer{background-color:rgb(255 255 255 / 100%);}

footer .skin-footer{color:#5f5f5f;padding: 10px;}

.skin-foot-item{display:flex;justify-content: space-between;flex-direction: column;}

.skin-foot-item li{padding:10px;}

.skin-footer-zl{text-align:center;}

.skin-footer-map{display:flex;justify-content: center;}

.skin-footer-map li{padding:0 10px;}

.skin-wx img{width:100px;text-align:center;}

.skin-wx{text-align:center; padding:0 50px;}

.skin-link{display:flex; border-bottom: 1px solid #dee2e6;margin-bottom:10px;color:#5f5f5f;}

.skin-link li{padding:10px;}

.news-content p{display:none;}

.skin-lx{display:flex;justify-content: space-between;}

.layui-icon-share{display:none;}

.skin-top{height: 60px;}

.skin-padding-top{padding:20px 0 0 0;}

.skin-nlist-inne{display:flex;}

.skin-artlr-name{display: flex;justify-content: space-between;}

.skin-nlist{border: 1px solid #dee2e6;border-radius: 5px;padding: 15px;}

.skin-nlist img{border-radius: 5px;}

.skin-right-list .skin-right-inne{display:flex;flex-direction: column;}

.skin-right-inne .skin-inne{padding: 0;}

.skin-right-inne .skin-img{height: 175px;}

.skin-right-inne .skin-inne .skin-nlist-title{display: -webkit-box;text-align: justify;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;font-size: 1em;}

.skin-right-inne .skin-inne h3{height: 2.75em;}

.skin-main{border: 1px solid #dee2e6;}

.skin-nlist .skin-img{height: 170px;max-width: 28%;width: 75%;}

.skin-nlist:hover{box-shadow:0px 0px 20px 5px #e2e2e2;}

.skin-nlist:hover h2{color:#ff5722;}

.skin-right{padding-left:10px;}

.skin-right-background .skin-grid-demo{border: 1px solid #dee2e6;border-radius: 5px;padding: 5px;}

.skin-right-list .grid-demo{border-radius: 5px;padding: 5px;}

.skin-right-list .grid-demo:hover{box-shadow:0px 0px 20px 5px #e2e2e2;}

.skin-right-list .grid-demo:hover h3{color:#ff5722;}

.skin-right-list .grid-demo img{overflow: hidden;border: 1px solid #f0f0f0;border-radius: 5px;}

.skin-right-list .grid-demo:hover img{transform: scale(1.025);}

.skin-left,.skin-right .skin-right-background{background: #fff;}

.skin-img{overflow: hidden;border: 1px solid #f0f0f0;border-radius: 5px;}

.skin-inne{display:flex;flex-direction: column;justify-content: space-between;padding:0 15px;width:100%;}

.skin-inne h2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}

.skin-inne p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;    text-align: justify;}

.skin-innes{display:flex;justify-content:flex-end;align-items: center;}

.skin-innes span{padding:0 10px;}

.skin-innes-time{line-height: 22px;height: 19.2px;}

.skin-number li{padding:10px;}

.skin-artlr-tit .artlr-t{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;    text-align: justify;}

.skin-artlr-tit:hover .artlr-t{color:#ff5722;}

.skin-number li{display:flex;align-items: center;width:100%;}

.skin-number li a{width:100%;}

.skin-number{list-style-type:none;counter-reset:sectioncounter;}

.skin-number li:before {content:counter(sectioncounter) "、"; counter-increment:sectioncounter;}

.skin-right hr{margin:0px;}

.skin-article-title{text-align:center;font-size:1.75em;}

.skin-article-meta{display:flex;justify-content: center;}

.skin-article-content{overflow: hidden;text-align: justify;}

.skin-article-content .skin-vod-articles{text-indent: 2em;}

.skin-article-content h2{padding-top:20px;}

.skin-article-content p{overflow: hidden;}

.skin-article-content img{width: 90%;height: 100%;object-fit: cover;}

.skin-arttext{text-indent: 2em;}

.skin-arttext p{font-size: 1.15em;line-height: 1.5em;letter-spacing: 1px;text-align: justify;}

.skin-arttext p:has(img) {display: flex;justify-content: center;}
.skin-arttext p img{max-height: 500px;max-width: 500px;}

.skin-nlist img,.skin-right-list img{width: 100%;height: 100%;object-fit: cover;}

.skin-fd{position:fixed;width:322.5px;top:60px;}

#skin-page{display: flex;justify-content: center;align-items: center;padding: 20px 0;}

#skin-page a,#skin-page .page-link{padding:12px;line-height: 10px;border: 1px solid #dee2e6;background-color: #fff;}

#skin-page .page-current{background-color: #f8f8f8;color: #ff6b6b;font-weight: 700;}

.news-content h3,.news-content p{display: -webkit-box;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;text-align: justify;}

.news-content p{height:40px;}

.news-content h3{font-size: 1.25em;height: 47px;}

.sidebar{position: relative;z-index: 9;}

.skin-fixed-top{position: fixed;top:60px;width:322px;background-color:rgb(255, 255, 255);}

.skin-fixed-bottom{position: fixed;width:322px;background-color:rgb(255, 255, 255);}

.slin-products-nav .layui-nav-tree{width:100%;}

.skin-products .skin-products-list{padding: 5px;border: 1px solid #dee2e6;border-radius: 5px;}

.skin-products .skin-products-list .skin-inne{display: flex;padding: 10px 0;align-items: center;justify-content: center;}

.skin-products .skin-products-list img{width: 100%;height: 100%;object-fit: cover;}

.skin-products .skin-products-list a{font-size: .75em;}

.skin-products .skin-products-list .skin-inne h2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;text-overflow: ellipsis;height: 22px;}

.skin-products .skin-products-list:hover{box-shadow:0px 0px 20px 5px #e2e2e2;}

.skin-products .skin-products-list:hover a{color: #ff6b6b;}

.skin-parameter{padding-left:20px;display: flex;flex-direction: column;justify-content: space-between;height:480px;}

.skin-parameter h2{font-weight: 700;margin-bottom: 0px;}

.skin-parameter .skin-gm{display: flex;justify-content: space-evenly;padding-top: 10px;}

.skin-parameter .skin-gm button{border-radius: 5px;padding: 0 35px;}

.skin-parameter .skin-Price{background-color:#ff5000;color:#fff;padding:10px;border-radius: 12px;}

.skin-parameter .layui-tab{margin:0px;}

.skin-parameter .layui-tab .layui-tab-content{padding:5px 0;}

.skin-parameter .skin-Price .module-info-item-content{min-width: 140px;}

.skin-parameter .layui-tab-brief>.layui-tab-title .layui-this{color: #ff5000;}

.skin-parameter .layui-tab-brief>.layui-tab-title .layui-this:after {border-bottom: 2px solid #ff5000;}

.skin-parameter .layui-tab-title .module-info-item{min-width: 50%;font-weight: 700;font-size: 20px;}

.skin-article-content .layui-tab-title .layui-this{color: #ff5000;}

.skin-article-content  .layui-tab-brief>.layui-tab-title .layui-this:after {border-bottom: 2px solid #ff5000;}

#skin-artmain .skin-article-content{font-size: 1.25em;}

.skin-parameter .skin-Price .module-info-item-title{display: flex;justify-content: flex-end;min-width: 45px;font-weight: 700;align-items: flex-end;font-size: 1em;margin-bottom: 4px;}

.skin-parameter .skin-Price .module-info-item-content span{font-size:2em;font-weight: 700;}

.skin-parameter .skin-Price .skin-sm{padding-left: 10px;}

.module-info-item{display:flex;}

.module-info-item-title {display:flex;justify-content: flex-end;min-width: 70px;font-weight: 700;}

.slash {padding: 0 3px;color: #c2c6d0;font-size: 12px;/*vertical-align: top;*/}

.slash:last-child {display: none;}

.layui-elem-quote {border-left: 5px solid #ff5000;}

.skin-cptt .skin-inne{padding:0;}

.skin-cptt .skin-inne h2{-webkit-line-clamp: 1;font-size:1em;text-align: center;padding: 3px 0;}

.skin-cptt .skin-ttsp{display:flex;justify-content: space-between;padding: 0 10px;}

.skin-cptt .skin-products-inne{padding:5px;}

.skin-cptt .skin-ttsp span{color: #999;}

.skin-cptt .skin-ttsp .skin-ttmone{color: #ff5722;}

.skin-products-list .skin-tab-active{position: fixed;}

.skin-article-content .skin-tab-titles{
    background-color: rgb(255, 255, 255); /* 根据实际背景色修改 */
    transition: top 0.3s ease; /* 平滑过渡效果 */
    z-index: 998;
    position: relative;
}

.skin-article-content .layui-tab .layui-tab-title{-webkit-transition: none;}
/*图片自适应*/
.module-item-cover {
    transition: box-shadow .15s ease;
    position: relative;
    height: 0;
    padding-top: 120%;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
    border-radius: 8px;
}
.index-module-item-cover {
    transition: box-shadow .15s ease;
    position: relative;
    height: 0;
    padding-top: 140%;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
    border-radius: 8px;
}
.module-item-pic{
    height: 100%;
    width: 100%;
}
.module-item-pic img {
    top: 0;
    left: 0;
    object-fit: cover;
    position: absolute;
}
.skin-card .skin-text{position:absolute;bottom:0;padding: 2%;}

.skin-card .layui-col-space1>*{padding:5px;}

.skin-card .skin-card-list{
    transition: box-shadow .15s ease;
    position: relative;
    height: 0;
    padding-top: 60%;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
    border-radius: 8px;
}
.skin-card .skin-card-list .grid-demo{
    height: 100%;
    width: 100%;
}
.skin-card .skin-card-list .grid-demo img{
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    position: absolute;
}
.skin-tab .layui-tab-brief>.layui-tab-title .layui-this{color: #ff6b6b;}
.skin-tab .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #ff6b6b;}
.skin-tab .layui-tab-content{position: relative;overflow: visible;}
.skin-tab .layui-tab-item{opacity: 0;display: block;position: absolute;width: 100%;-webkit-transition-timing-function:ease-in-out;transition-timing-function: ease-in-out;-webkit-transition-duration:1s;transition-duration:1s;}
.skin-tab .layui-show{opacity: 1;}

.skin-search-main{display:flex;flex-direction: column;background-color: #f5f8fa;padding-bottom: 20px;}

.skin-search-main .skin-products-list{width: calc(33%);display: flex;padding: 10px 0;}

.skin-search-main .skin-products-inne{width:180px;min-width: 180px;}

.skin-search-main .skin-searchh2{margin: 20px 0px;padding: 0 10px;display: inline-flex;flex-direction: column;justify-content: space-evenly;background-color: #fff;border-radius: 8px;width: 100%;}

.skin-search-main .skin-search-type{display: inline-flex;flex-direction: row-reverse;}

.skin-search-main .skin-search-type span{background-color: #ff6b6b;padding: 3px;border-radius: 3px;color: #fff;}

.skin-search-main .skin-searchh2 .skin-search-xan,.skin-search-main .skin-searchh2 .skin-search-fen,.skin-search-main .skin-searchh2 h2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;}

.skin-search .module-prompt{display: flex;flex-direction: column;align-items: center;height: 500px;justify-content: center;}

.skin-search .module-prompt .nofound{font-size:2em;}

.skin-search .module-prompt-info{text-align: center;}

.skin-search-flex{display:flex;flex-wrap: wrap;justify-content: space-between;}

.skin-searchfix form{display:flex;align-items: center;}

.skin-searchfix form input{height: 30px;}

.skin-searchfix form .imgbt{height: 30px;padding: 0 10px;}

.skin-vod-articles{font-size:1.25em;}

.skin-cptt-h2{padding:0 10px;}

.skin-cptts{padding-bottom: 15px;}

.skin-about-text{font-size:1.25em;line-height: 35px;padding: 10px;text-indent: 2em;}

.skin-about .module-item-pic{position: relative;padding: 20px;}

.skin-about h2{font-weight: 700;text-align: center;padding-top:20px;padding-bottom:10px;}

.mac_total,.search-textd{color:#ff6b6b;}

.skin-about-container .art-module-item-box{justify-content: center;}

.skin-about-logo{height:50px;}

.skin-logo h1{font-size: 1.75em;}

.skin-bagcolor{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.skin-bagcolor1{
    background-image: url(https://h.stsql.com/template/wokou/imges/banner1.jpg);
}
.skin-bagcolor2{
    background-image: url(https://h.stsql.com/template/wokou/imges/banner2.jpg);
}
.skin-bagcolor3{
    background-image: url(https://h.stsql.com/template/wokou/imges/banner3.jpg);
}
.skin-bagcolor4{
    background-image: url(https://h.stsql.com/template/wokou/imges/banner4.jpg);
}
.skin-type-box{
    display: flex;
    justify-content: center;
    padding: 70px 0;

}
.skin-bagcolor .skin-type-h1{
    text-align: center;
}

/*导航栏*/
/* nav基础样式 */
.nav-container {background-color:rgb(255 255 255 / 100%);position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 1000;transition: transform 0.3s ease;}
.skin-nav .layui-nav{background-color:rgb(0 0 0 / 0);color: rgba(255, 255, 255, 1);display: flex;align-items: center;}
/*.skin-nav .layui-nav .layui-nav-child{background-color:rgb(0 0 0 / 50%);color: rgba(255, 255, 255, 1);}*/
.skin-nav .layui-nav .layui-nav-item a{font-weight: 500;color:rgb(0 0 0);border-bottom: 2px solid #fff;font-size: 16px;}
.skin-nav .layui-nav .layui-nav-item:hover>a{color: #ff6b6b!important;border-bottom: 2px solid #ff6b6b;}
.skin-nav .layui-nav li dl dd a:hover{color: #ff6b6b!important;}
.skin-nav .layui-nav .active>a{/*background-color:rgb(0 0 0 / 50%)!important;*/color: rgb(255 107 107);border-bottom: 2px solid #ff6b6b;}
.skin-nav .layui-nav-item {-webkit-transition: all .3s;}
.skin-nav .skin-logo{position: relative;display: flex;align-items: center;}
.skin-nav .layui-container{display: flex;height: 60px;align-items: center;justify-content: space-between;}
.skin-nav .layui-icon{font-size:24px;}
/* 滚动隐藏状态 */
.nav-container.scroll-down {transform: translateY(-100%);}
/* 滚动显示状态 */
.nav-container.scroll-up {transform: translateY(0);box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.nav-logo {height: 30px;float: left;}
.mobile-menu-btn {display: none;right: 20px;color: #000;z-index: 1000;}
/*.skin-nav .layui-icon {font-size: 30px;line-height: 45px;}*/
.skin-nav .layui-nav .layui-nav-more {display: none;}
.skin-nav .layui-nav-child {top: 62px;border-radius: 5px;}
.skin-nav .layui-this,.skin-nav .layui-this>a,.skin-nav .layui-nav-tree .layui-this>a,.skin-nav .layui-nav .layui-this:after,.skin-nav .layui-nav-bar,.skin-nav .layui-nav-tree .layui-nav-bar{background-color: rgb(255 255 255 / 0%);}
/* 导航栏过渡动画 */
.skin-nav {
    transition: transform 0.3s ease;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.skin-searchfix form{display: flex;}
.skin-searchfix .layui-btn{background-color: rgb(255 255 255 / 70%);line-height: 30px;border: 1px solid #2f363c;padding: 0 10px;color: #2f363c;}


.skin-About-us{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60%;
}

/*小说*/
.skin-xs h2{padding: 5px 10px;}
.skin-xs-title{
    padding: 5px 10px;
}
.skin-xs-tielesm{
    font-size: 16px;
    padding-top: 15px;
    text-align: center;
}
.skin-xs-content{
    padding:10px;
}
.skin-xs-content p{
    text-indent: 2em;
    font-size: 1.5em;
    line-height: 2.25em;
    letter-spacing: 5px;
    text-align: justify;
}
.skin-xs-pege{
    display: flex;
    justify-content: space-evenly;
}
.skin-xs-fj{
    text-align: center;
}
.skin-hr{
    border-bottom: 0px solid rgb(0 0 0 / 0%);
    border-width: 0px;
}

/*小说自定义字体颜色*/
.control-panel {
    padding: 5px;
    border-radius: 8px;
    box-shadow: 0 0px 5px rgba(0,0,0,0.1);
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
}

.control-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

.control-group button {
    padding: 6px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s;
}

button:hover {
    filter: brightness(0.9);
}

.control-group .color-btn {
    width: 24px;
    height: 24px;
    /*border-radius: 50%;*/
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
}

#custom-color {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#current-size {
    min-width: 60px;
    display: inline-block;
    text-align: center;
}
/* 新增字号指示样式 */
#current-size {
    min-width: 70px;
    font-weight: bold;
    color: #333;
}
/*小说自定义字体颜色*/

/* 移动端样式 */
@media (max-width: 768px) {
	.skin-nav .layui-container{display: flex;height: 45px;align-items: center;justify-content: space-between;}
	.nav-container {height: 45px;}
	.mobile-menu-btn {display: block;}
	.skin-nav .layui-nav-tree .layui-nav-more {display: none;}
	#main-nav {display: none;position: fixed;top: 45px;left: 0;right: 0;background-color: #2f363c;z-index: 999;}
	#main-nav.active {display: block;}
	/* 强制垂直排列 */
	.layui-nav-tree {width: 100% !important;}
	.layui-nav-tree .layui-nav-item {display: block !important;text-align: left !important;padding: 0 20px;}
	/*.layui-nav-item{transform: scale(0.9);}*/
	.layui-nav-tree .layui-nav-item a {color: #fff;}
    .skin-nav .layui-this,.skin-nav .layui-this>a,.skin-nav .layui-nav-tree .layui-this>a,.skin-nav .layui-nav .layui-this:after,.layui-nav-bar,.skin-nav .layui-nav-tree .layui-nav-bar{background-color: rgb(255 255 255 / 0%);}
    .skin-nav .layui-nav-tree{background-color: rgb(0 0 0 / 70%);}
    .skin-slider .layui-carousel{height: 0!important;padding-bottom: 72%;}
    .skin-slider-index{padding-bottom: 72%;}
    .skin-slider .skin-text p {display: none;}
    #sidebar {
        position: static !important;
        width: 100% !important;
        bottom: auto !important;
        left: auto !important;
    }
    
    /* 隐藏占位元素 */
    #sidebar + div {
        display: none !important;
    }
    .skin-right {
        padding-left: 0;
    }
    .skin-sectionc {
        margin: 10px auto;
    }
    .skin-croll-box::-webkit-scrollbar {display: none;}
    .skin-tab .skin-croll-box {justify-content: flex-start;}
    .skin-About-us{max-width: 80%;}
    .skin-nav .layui-nav .layui-nav-item a {padding: 0 10px;}
    .skin-logo h1{font-size: 1.5em;}
}
/*导航栏end*/

@media screen and (max-width: 380px) {
    .skin-foot-gy{display:none;}
    .skin-nlist .skin-img{width: 200%;max-width: 35%;height: 150px;}
    .skin-inne p{-webkit-line-clamp: 2;}
    .slin-products-nav{display:none;}
    .skin-innes-time{display:none;}
    .vod-module-item-title {margin-right: 12px;width: 40px;line-height: 40px;font-size: 14px;}
    .vod-module-class {padding: 7px 10px;}
    .vod-scroll-box::-webkit-scrollbar {display: none;}
    .skin-top{height: 45px;}
    .skin-padding-top{padding:10px 0 0 0;}
    .skin-nlist{padding: 5px;}
    .skin-inne{padding:0 5px;}
    .art-module-item-box {justify-content: space-around;}
    .skin-slider .skin-text h3{font-size:1em;padding:0;}
    .skin-slider .skin-text p{padding:0;}
    .skin-slider .skin-text{bottom:0;padding:10px 5% 25px;background-color: rgb(0 0 0 / 30%);color: #fff;}
    .skin-slider .skin-text h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;text-overflow: ellipsis;}
    .skin-slider .skin-text p{display:none;}
    .layui-carousel-ind {top: -20px;}
    .skin-parameter{padding-left:10px;padding-right:10px;}
    .skin-container .skin-box {width: 90%;}
    .skin-parameter .skin-Price .module-info-item-content{min-width: 100px;}
    .skin-parameter .skin-Price .module-info-item-content span{font-size:1.25em;}
    .skin-vod-detailin{display:flex;flex-direction: column-reverse;}
    .skin-search-main .skin-products-list{width: calc(100%);}
    .skin-search .module-prompt .nofound{font-size:1.5em;}
    .skin-parameter h2 {margin-top: 10px;}
    .art-module-item-box a {padding: 10px 10px;}
    .skin-type-box {padding:20px 0;}
}
@media screen and (min-width: 380px) and (max-width: 430px) {
    .skin-foot-gy{display:none;}
    .skin-nlist .skin-img{width: 200%;max-width: 35%;height: 150px;}
    .skin-inne p{-webkit-line-clamp: 2;}
    .slin-products-nav{display:none;}
    .skin-innes-time{display:none;}
    .vod-module-item-title {margin-right: 12px;width: 40px;line-height: 40px;font-size: 14px;}
    .vod-module-class {padding: 7px 10px;}
    .vod-scroll-box::-webkit-scrollbar {display: none;}
    .skin-top{height: 45px;}
    .skin-padding-top{padding:10px 0 0 0;}
    .skin-nlist{padding: 5px;}
    .skin-inne{padding:0 5px;}
    .art-module-item-box {justify-content: space-around;}
    .skin-slider .skin-text h3{font-size:1.25em;padding:0;}
    .skin-slider .skin-text p{padding:0;}
    .skin-slider .skin-text{bottom:0;padding:10px 5% 25px;background-color: rgb(0 0 0 / 30%);color: #fff;}
    .skin-slider .skin-text h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;text-overflow: ellipsis;}
    .skin-slider .skin-text p{-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;}
    .layui-carousel-ind {top: -20px;}
    .skin-parameter{padding-left:10px;padding-right:10px;}
    .skin-container .skin-box {width: 90%;}
    .skin-parameter .skin-Price .module-info-item-content{min-width: 110px;}
    .skin-parameter .skin-Price .module-info-item-content span{font-size:1.5em;}
    .skin-vod-detailin{display:flex;flex-direction: column-reverse;}
    .skin-search-main .skin-products-list{width: calc(100%);}
    .skin-search .module-prompt .nofound{font-size:1.5em;}
    .skin-parameter h2 {margin-top: 10px;}
    .art-module-item-box a {padding: 10px 10px;}
    .skin-type-box {padding:20px 0;}
}
@media screen and (min-width: 430px) and (max-width: 480px) {
    .skin-foot-gy{display:none;}
    .skin-nlist .skin-img{width: 140%;max-width: 30%;height: 140px;}
    .skin-inne p{-webkit-line-clamp: 2;}
    .slin-products-nav{display:none;}
    .vod-module-item-title {margin-right: 12px;width: 40px;line-height: 40px;font-size: 14px;}
    .vod-module-class {padding: 7px 10px;}
    .vod-scroll-box::-webkit-scrollbar {display: none;}
    .skin-top{height: 45px;}
    .skin-padding-top{padding:10px 0 0 0;}
    .skin-nlist{padding: 5px;}
    .skin-inne{padding:0 5px;}
    .art-module-item-box {justify-content: space-around;}
    .skin-slider .skin-text h3{font-size:1.25em;padding:0;}
    .skin-slider .skin-text p{padding:0;}
    .skin-slider .skin-text{bottom:0;padding:10px 5% 25px;background-color: rgb(0 0 0 / 30%);color: #fff;}
    .skin-slider .skin-text h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;text-overflow: ellipsis;}
    .skin-slider .skin-text p{-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;}
    .layui-carousel-ind {top: -20px;}
    .skin-parameter{padding-left:10px;padding-right:10px;}
    .skin-container .skin-box {width: 90%;}
    .skin-parameter .skin-Price .module-info-item-content{min-width: 120px;}
    .skin-parameter .skin-Price .module-info-item-content span{font-size:1.5em;}
    .skin-vod-detailin{display:flex;flex-direction: column-reverse;}
    .skin-search-main .skin-products-list{width: calc(100%);}
    .skin-search .module-prompt .nofound{font-size:1.5em;}
    .skin-parameter h2 {margin-top: 10px;}
    .art-module-item-box a {padding: 10px 15px;}
    .skin-type-box {padding:20px 0;}
}

@media screen and (min-width: 480px) and (max-width: 576px) {
    .skin-foot-gy{display:none;}
    .skin-nlist .skin-img{width: 95%;}
    .skin-inne p{-webkit-line-clamp: 2;}
    .slin-products-nav{display:none;}
    .vod-module-item-title {margin-right: 12px;width: 40px;line-height: 40px;font-size: 14px;}
    .vod-module-class {padding: 7px 10px;}
    .vod-scroll-box::-webkit-scrollbar {display: none;}
    .skin-top{height: 45px;}
    .skin-padding-top{padding:10px 0 0 0;}
    .skin-nlist{padding: 5px;}
    .skin-inne{padding:0 5px;}
    .art-module-item-box {justify-content: space-around;}
    .skin-slider .skin-text h3{font-size:1.5em;padding:0;}
    .skin-slider .skin-text{bottom:0;padding:10px 5% 25px;background-color: rgb(0 0 0 / 30%);color: #fff;}
    .skin-slider .skin-text h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;}
    .skin-slider .skin-text p{-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;}
    .layui-carousel-ind {top: -20px;}
    .skin-parameter{padding-left:10px;padding-right:10px;}
    .skin-parameter .skin-Price .module-info-item-content{min-width: 120px;}
    .skin-parameter .skin-Price .module-info-item-content span{font-size:1.5em;}
    .skin-vod-detailin{display:flex;flex-direction: column-reverse;}
    .skin-search-main .skin-products-list{width: calc(100%);}
    .skin-search .module-prompt .nofound{font-size:1.5em;}
    .skin-parameter h2 {margin-top: 10px;}
    .art-module-item-box a {padding: 10px 15px;}
    .skin-type-box {padding:20px 0;}
}

@media screen and (min-width: 576px) and (max-width: 768px) {
    .skin-sn{display:none;}
    .skin-nlist .skin-img{width: 75%;max-width: 19%;}
    .skin-nlist{padding: 7px;}
    .skin-inne,.skin-innes span{padding: 0 7px;}
    #skin-page a, #skin-page .page-link {padding: 10px;}
    .skin-right-inne .skin-inne .skin-nlist-title {padding-top: 7px;height: 45px;}
    .skin-inne h2 {font-size: 1.3em;}
    .skin-foot-gy{display:none;}
    .skin-right{padding-left:0px;}
    .skin-padding-top {padding: 5px 0 0 0;}
    .skin-top {height: 46px;}
    .skin-right-inne .skin-img{height: 220px;}
    .news-content p{display:none;}
    .skin-slider .skin-text{bottom:0;padding:10px 5% 25px;background-color: rgb(0 0 0 / 30%);color: #fff;}
    .skin-slider .skin-text a{background-color: rgb(0 0 0 / 30%);color: #fff;}
    .skin-slider .skin-text h3,.skin-slider .skin-text p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;}
    .skin-slider .skin-text h3{font-size:1.5em;padding:0;}
    .skin-slider .skin-text p{padding:0;}
    .layui-carousel-ind {top: -20px;}
    .slin-products-nav{display:none;}
    .vod-module-item-title {margin-right: 12px;width: 40px;line-height: 40px;font-size: 14px;}
    .vod-module-class {padding: 7px 10px;}
    .vod-scroll-box::-webkit-scrollbar {display: none;}
    .skin-top{height: 45px;}
    .skin-padding-top{padding:10px 0 0 0;}
    .skin-nlist{padding: 5px;}
    .skin-inne{padding:0 5px;}
    .art-module-item-box {justify-content: space-around;}
    .skin-parameter{padding-left:10px;padding-right:10px;}
    .skin-parameter .skin-Price .module-info-item-content{min-width: 120px;}
    .skin-parameter .skin-Price .module-info-item-content span{font-size:1.5em;}
    .skin-vod-detailin{display:flex;flex-direction: column-reverse;}
    .skin-search-main .skin-products-list{width: calc(100%);}
    .skin-search .module-prompt .nofound{font-size:1.5em;}
    .skin-parameter h2 {margin-top: 10px;}
    .art-module-item-box a {padding: 10px 15px;}
    .skin-type-box {padding:20px 0;}


}

@media screen and (min-width: 769px) and (max-width: 992px) {
    .skin-container .skin-box{width:60%;padding: 60px 0;}
    .news-content {padding: 20px;}
    .skin-foot-gy{display:none;}
    .skin-nlist .skin-img{width: 50%;max-width: 19%;}
    footer .skin-footer{padding: 40px 0;}
    .slin-products-nav{display:none;}
    .vod-scroll-box::-webkit-scrollbar {display: none;}
    .skin-parameter{padding-left:10px;padding-right:10px;}
    .skin-vod-detailin{display:flex;flex-direction: column-reverse;}
    .skin-search-main .skin-products-list{width: calc(100%);}
    .skin-parameter h2 {margin-top: 10px;}
    .art-module-item-box a {padding: 10px 15px;}
    .skin-slider .skin-text h3{font-size:1.5em;padding:0;}
    .skin-slider .skin-text p{padding:0;}
    .skin-slider .layui-carousel{height: 0!important;padding-bottom: 40%;}
    .skin-slider-index{padding-bottom: 40%;}
    .skin-nav .layui-nav .layui-nav-item a {padding: 0 10px;}
    .skin-logo h1{font-size: 1.5em;}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .skin-foot-item{flex-direction: row;}
    .skin-nlist .skin-img{width: 20%;}
    .skin-right-inne .skin-img{height: 120px;}
    .vod-scroll-box::-webkit-scrollbar {display: none;}
    .skin-search-main .skin-products-list{width: calc(49%);}
    .skin-slider .layui-carousel{height: 0!important;padding-bottom: 40%;}
    .skin-slider-index{padding-bottom: 40%;}
    

}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .skin-foot-item{flex-direction: row;}
    .skin-nlist .skin-img{width: 17%;}
    .skin-right-inne .skin-img{height: 175px;}
    .skin-search-main .skin-products-list{width: calc(49%);}
    
}

@media screen and (min-width: 1400px){
    .skin-foot-item{flex-direction: row;}
    .skin-nlist .skin-img{width: 15%;}
    .skin-right-inne .skin-img{height: 175px;}
    
}