@charset "utf-8";
@import url("base.css");/* 重置&常用样式 */
@import url("fonts/custom.css"); /* 字体 */

/* 全局变量 */
:root{
   --max-width: 1440;
   --background-cover: no-repeat center center / cover;
   --background-contain: no-repeat center center / contain;
   --primary-color__rgb: 0,0,0; /*#1d78fa*/
   --primary-color: rgba(var(--primary-color__rgb), 1);
   --f-family: 'ArtifaktElement', 'syht',sans-serif;
   --white-color__rgb: 255,255,255; /*#FFFFFF*/
   --white-color: rgba(var(--white-color__rgb), 1);
   --black-color__rgb: 0,0,0; /*#000000*/
   --black-color: rgba(var(--black-color__rgb), 1);
   --main_line_height: 1;
   --button_height: 0.4rem;
   --font-weight__l: 100;
   /* --font-weight__r: 400; */
   --font-weight__m: 500;
   --font-weight__sb: 600;
   --font-weight__b: 700;
   --transition: 0.3s;
   --header-height:0.84rem;
   --border:1px solid #e8e8e8;
   --layui-color:#000;
   --layui-color2:#222;
}

/* 比例要求 */
/*基于屏幕尺寸自适应字体大小*/
/*超过1920px时，继续按比例增长*/ 
html{font-size: calc(100 / 1920 * 100vw);}
.container {max-width: calc(var(--max-width) / 100 * 1rem);}
@media (min-width:1441px) and (max-width: 1920px) {
   html{font-size: 100px;} 
}
@media (max-width: 1440px) {
   html:not(.view){font-size: calc(100 / 1600 * 100vw);}
}
@media (max-width: 1024px) {
   html:not(.view){font-size: calc(100 / 1000 * 100vw);}
}
@media (max-width: 480px) {
   html:not(.view){font-size: calc(100 / 500 * 100vw);}
   :root{
      --header-height:0.7rem;
   }
}

body{font-size: var(--font-size__16); font-family:var(--f-family); line-height:  var(--main_line_height); color: var(--black-color); font-weight: var(--font-weight__l);}
b,strong{font-weight: var(--font-weight__b);}

.container {width: 87.6%;margin: 0 auto;}
@media (max-width: 1024px) {
   .container { width: 94%; }
}

main:not(.no-overflow){overflow: hidden;}

/* Start
   ========================================================================== */
header{position: absolute;left: 0;top: 0;width: 100%;z-index: 100; border-bottom: 1px solid rgba(var(--white-color__rgb), 0.2);font-size: var(--font-size__14); font-weight: var(--font-weight__m); color: var(--white-color);}
header .container{height: var(--header-height);transition: 0.5s; position: relative;z-index: 90;}
header .logo img{max-height: 0.42rem;}

@media (max-width: 1024px) {
header .logo img{max-height: 0.38rem;}
}

 .nav-sub{ transition: 0.5s;opacity: 0; clip-path: polygon(0 0,100% 0,100% 0,0 0); font-weight: var(--font-weight__l);}
 .nav-sub dd{ line-height: calc(34 / 16);}
 .nav-sub dd a{display: block;background: no-repeat right center; background-size: auto 0.1rem;color: var(--black-color);}
 .nav-sub dd  em{font-style: normal;display: block;}
 .nav-sub dd a:hover em{text-decoration: underline; }
 .nav-sub dd a:hover{background-image: url(../images/sub-aon.svg);}

 .main-nav li{position: relative;z-index: 100;}
 .main-nav li span{position: relative;display: block;}
 .main-nav li span a{ transition: 0.5s; color: var(--white-color); display: flex;align-items: center;}
 .main-nav li span a:after{display: block; content: '';width: 0.09rem;height: 0.05rem; background: url(../images/select.svg) no-repeat center center; background-size: contain; filter: brightness(0) invert(1); margin-left: 0.06rem; transition: 0.3s;}
 .main-nav li.show  span a:after{transform: rotate(-180deg);}

 @media (min-width: 1025px) {
 .main-nav{margin-left: var(--pm__80);}
 .main-nav li:not(:last-child){margin-right: var(--pm__60);}
 .main-nav li span a{height: var(--header-height); }
 .nav-sub{position: absolute; width: 1.9rem;top: 100%;left: -0.25rem; padding: 0 0.05rem 0.1rem;}
 .nav-sub dl{border-radius: 0 0 0.06rem 0.06rem;background-color: var(--white-color); padding: var(--pm__20);  box-shadow: 0 0.05rem 0.05rem rgba(var(--black-color__rgb), 0.1);}
 .show .nav-sub{opacity: 1;clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
 }

 @media (min-width: 1025px) and  (max-width: 1600px){
   .main-nav{margin-right: var(--pm__100);}
   .main-nav li:not(:last-child){margin-right: var(--pm__50);}
 }
 @media (max-width: 1024px) {
   .menu-show{overflow: hidden;}
   .main-nav{position: fixed;top: var(--header-height); bottom: 0; width: 3rem; background-color: var(--black-color); box-shadow: 0 0.14rem 0.14rem rgba(26, 79, 154, 0.06); left: -100%;opacity: 0;transition: 0.5s ease-in-out;border-top: 1px solid rgba(var(--white-color__rgb), 0.2);}
   .menu-show .main-nav{left: 0;opacity: 1;}
   .main-nav ul{height: 100%; overflow: auto;}
   .main-nav li:not(:last-child){border-bottom: 1px solid rgba(var(--white-color__rgb), 0.2);}
   .main-nav li span a{padding: 1em 1em 1em 3em; font-size: var(--font-size__20); justify-content: space-between;}
   .main-nav li .ani-icon{left: 0.4em;top: 50%;transform: translateY(-50%);}
   .open-menu{display: flex;flex-direction: column;align-items: center;justify-content: space-between; width: 0.4rem; height: 0.32rem;padding: 0.06rem 0; margin-left: 0.2rem;}
   .open-menu i{display: block; width: 100%; height: 2px;background-color: var(--white-color);}
   .wap-op{position: absolute;z-index: 10;right: 0;top: 0;width: 0.4rem;height: 100%;display: flex;align-items: center;justify-content: center;}
   .nav-sub{visibility: hidden; height: 0;overflow: hidden; padding:0 0 0 calc(60 / 18 * 1em);border-top: 1px solid rgba(var(--white-color__rgb), 0.2);font-size: var(--font-size__18);}
   .nav-sub dl{padding: 1em 0;}
   .nav-sub dd a{color: var(--white-color);  line-height: 2;}
   .wap-show .nav-sub{opacity: 1;clip-path: polygon(0 0,100% 0,100% 100%,0 100%);visibility: visible; height: auto;}
 }

 .open-search{width: 0.18rem; height: 0.18rem;display: block;background: url(../images/search.svg) var(--background-contain);cursor: pointer; margin-right: 0.18rem; filter: brightness(0) invert(1);}
 .search-show .open-search{background-image: url(../images/close.svg);}
 .top-search{position: absolute; width: 100%;top: var(--header-height);left: 0;transition: 0.5s;opacity: 0; clip-path: polygon(0 0,100% 0,100% 0,0 0);z-index: 99; padding-bottom: 0.28rem;}
 .top-search .container{ border-radius: 0 0 0.06rem 0.06rem;background-color: var(--white-color); padding: var(--pm__60); box-shadow: 0 0.04rem 0.14rem 0.02rem rgba(26, 79, 154, 0.06);}
.search-show .top-search{opacity: 1;clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
 .top-search .tips{text-align: center; font-size: var(--font-size__20);font-weight: var(--font-weight__m); margin-bottom: 0.5em;}
.top-search .inner{margin: 0 auto; max-width: 6rem;width: 90%;position: relative;}
.top-search .form-input{line-height: 2; padding-left: 0.2rem;padding-right: 0.8rem;}
.top-search .btn{position: absolute;right: 0;top: 0;width: 0.7rem;height: 100%; background: url(../images/search.svg) var(--background-contain); background-size: auto 50%;cursor: pointer;}

.h-log a{color: var(--white-color);}
.h-log .before-log:before{display: block; content: '';width: 0.01rem;height: 0.16rem;	background-color: rgba(var(--white-color__rgb), 0.26); margin-right: 0.18rem;}
.h-log .after-log a.logout,
.h-log .before-log a{display: flex;align-items: center; line-height: 2;}
.h-log .after-log a.logout:before,
.h-log .before-log a:before{display: block; content: '';width: 0.16rem; height: 0.16rem; margin-right: 0.07rem; background:  var(--background-contain);}
.h-log .before-log a:before{background-image: url(../images/user.svg);}
.h-log .after-log a.logout:before{background-image: url(../images/member/logout.svg);filter: brightness(0) invert(1);}
.h-log .user{text-decoration: underline;margin: 0 0.5em;}
@media (max-width:750px) {
.h-log .after-log .in{font-size: 0;}
.h-log .user{width: 0.16rem; height: 0.16rem;background: url(../images/user.svg) var(--background-contain);margin: 0 0.2rem 0 0;}
.h-log .after-log a.logout:before{margin-right: 0;}
}

footer{background-color: #f8f8f8; padding-top: var(--pm__70); }
footer .f-bottom{border-top: var(--border); padding: 0.4rem 0 0.3rem 0; line-height: 1.5;}
.f-top{padding-bottom: var(--pm__40);}
.f-nav .item{max-width: 1.8rem;}
.f-nav .item .name{font-size: var(--font-size__18);font-weight: var(--font-weight__m); margin-bottom: 1em;}
.f-nav .item dd{line-height: calc(32 / 14);}
footer a:hover{text-decoration: underline;}
footer .copyright a{display: inline-block; vertical-align: middle;}
footer .copyright a.recode{display: inline-flex;align-items: center;}
footer .copyright a.recode:before{display: block; content: '';width: 0.16rem;height: 0.16rem; background: url(../images/record.png) var(--background-contain); margin: 0 0.2em;}

.f-media .f-code{width: 1.2rem; margin-right: 0.24rem;}
.f-media .list p{font-size: var(--font-size__18);font-weight: var(--font-weight__m); }
.f-media .list li a{display: flex;align-items: center;justify-content: center;width: 0.4rem;height: 0.4rem; border-radius: 50%; cursor: pointer;}
.f-media .list li a:before{display: block; content: ''; background: var(--background-contain);}
.f-media .list li a.wx:before{width: 0.2rem;height: 0.16rem; background-image: url(../images/wx.svg);}
.f-media .list li a.douyin:before{width: 0.16rem;height: 0.2rem; background-image: url(../images/douyin.svg);}
.f-media .list li a.bilibili:before{width: 0.3rem;height: 0.13rem; background-image: url(../images/bilibili.svg);}
.f-media .list li.active a{background-color: var(--black-color);}
.f-media .list li.active a::before{filter: brightness(0) invert(1);}

footer .other a{display: inline-flex;align-items: center;}
footer .other a:not(:last-child):after{content: '|'; margin: 0 0.5em;color: #848484;}
footer .other a:hover:after{text-decoration: none;}

@media (min-width: 1025px){
   .f-nav .item:not(:last-child){margin-right: 1.37rem;}
   footer{font-size: var(--font-size__14);}
}
@media (max-width:1024px) {
   .f-media{justify-content: center;}
   footer .copyright{text-align: center; margin-bottom: 0.2rem;}
}
@media (max-width:480px) {
   .f-nav{display: block;border-bottom: var(--border); padding-bottom: 0.4rem;margin-bottom: 0.4rem;}
   .f-nav .item{display: flex; max-width: none;}
   .f-nav .item .name{flex-shrink: 0;margin: 0;line-height: calc(32 / 18);}
   .f-nav .item dl{flex: 1; margin-left: 0.2rem;display: flex;flex-wrap: wrap;}
   .f-nav .item dd{margin-right: 0.2rem;}
}

.home-ban .txt{color: var(--white-color);}
.home-ban .logo img{max-height: 0.51rem;}
.home-ban .tit{ font-size: var(--font-size__44);line-height: calc(54 / 44);margin: 0.37rem 0 0.31rem 0;}
.home-ban .info{line-height: calc(28 / 16); text-align: justify; margin-bottom: 0.33rem;}
.home-ban .inner{max-width: 5.3rem;}
.home-ban .controls{bottom: calc(46 / 760 * 100%);--swiper-pagination-bullet-width:0.4rem;--swiper-pagination-bullet-size:0.03rem;--swiper-pagination-bullet-inactive-opacity:0.4;--swiper-pagination-bullet-inactive-color:var(--white-color);--swiper-pagination-color:var(--white-color);}
.home-ban .controls-page span{border-radius: 0; margin: 0 0.1rem;}
.home-ban .controls-page span svg{display: none;}
.home-ban .logo,
.home-ban .tit,
.home-ban .info,
.home-ban .all-more{ 
    transform: translateY(0.3rem); opacity: 0; transition: 0.8s ease 0.3s;
}
.home-ban .tit{transition-delay: 0.5s;}
.home-ban .info{transition-delay: 0.7s;}
.home-ban .all-more{transition-delay: 0.9s;}
.home-ban .swiper-slide-active *{transform: translateY(0); opacity: 1;}
@media (max-width:480px) {
   .home-ban{--font-size__44:0.32rem}
   .home-ban .logo img{max-height: 0.24rem;}
   .home-ban .inner{width: 60%;;}
   .home-ban .info{display: none;}
}

[data-more]{ line-height: 0.4rem; border-radius: 0.03rem; border: solid 1px var(--black-color); display: inline-flex;align-items: center; padding: 0 0.2rem;color: var(--black-color); transition: 0.3s; font-weight: var(--font-weight__m);justify-content: center;}
[data-more='s']{ line-height: 0.3rem;padding: 0 0.1rem;}
a:hover [data-more],
[data-more]:hover{background-color: var(--black-color);color: var(--white-color);}
[data-more='white']{border-color: var(--white-color);color: var(--white-color);}
[data-more='white']:hover{background-color: var(--white-color);color: var(--black-color);}
[data-more='black']{background-color: var(--black-color);color: var(--white-color);}

[data-icona]{display: inline-flex;align-items: center; line-height: calc(20 / 16); font-weight: var(--font-weight__l);}
[data-icona]:before{display: block;content: '';width: 0.19rem; height: 0.19rem; margin-right: 0.08rem; background: var(--background-contain); transition: 0.3s;}
[data-icona]:hover{font-weight: var(--font-weight__m);}

[data-icona='more']{font-weight: var(--font-weight__m);}
[data-icona='more']:before{background-image: url(../images/more.svg);}
[data-icona='more']:hover:before{background-image: url(../images/more-on.svg);}

[data-icona='download']:before{background-image: url(../images/download.svg);}
[data-icona='download-soon']:before{background-image: url(../images/download2.svg);width: 0.12rem; height: 0.15rem;}

[data-icona='collect']:before{background-image: url(../images/collect.svg);width: 0.16rem; height: 0.16rem;}
[data-icona='collect']:hover:before,
[data-icona='collect'].on:before{background-image: url(../images/collect-on.svg);}
[data-icona='collect'].on,
[data-icona='collect']:hover{color: var(--black-color);}

[data-icona='share']:before{background-image: url(../images/share.svg);width: 0.18rem; height: 0.18rem;}
[data-icona='add']:before{background-image: url(../images/add.svg);width: 0.12rem; height: 0.12rem;}
[data-icona='upload']:before{background-image: url(../images/upload.svg);width: 0.21rem; height: 0.24rem;}
[data-icona='delete']:before{background-image: url(../images/delete.svg);width: 0.18rem; height: 0.16rem;}
[data-icona='upload-ppt']:before{background-image: url(../images/upload-ppt.svg);width: 0.21rem; height: 0.24rem;}

.all-title{margin-bottom: var(--pm__30);}
.all-title b{font-size: var(--font-size__30);}
.all-title .more{float: right;}
.all-title .more:before{order: 2;margin-left: 0.08rem; margin-right: 0}

.label{display: flex;align-items: center;}
.label span{display: block; padding: 0.08rem;font-size: var(--font-size__14);background-color: #feff00;}

.status-label .in{background-color: #f5f5f5;}
.status-label .in [data-label]{display: block; line-height: calc(30 / 14); background-color: var(--black-color); color: #fff; font-size: var(--font-size__14); padding: 0 1em 0 0.09rem; clip-path: polygon(0 0, calc(100% - 0.08rem) 0, 100% 100%, 0 100%);}
.status-label .in [data-label='yellow']{background-color: #feff00;color: var(--black-color);}
.status-label .in time{padding: 0 0.12rem;display: block;}
.status-label .in .add{display: flex;align-items: center; padding-right: 0.12rem;}
.status-label .in .add:before{width: 0.01rem; height: 0.12rem; background-color: #d5d5d5; margin-right: 0.12rem;display: block; content: '';}
.status-label .in > *{white-space: nowrap;}
@media (min-width:1025px) and (max-width:1600px){
.status-label .in,
.status-label .in [data-label]{font-size: var(--font-size__12);}
}

[data-arrows]{display: block;--wh:0.32rem;width: var(--wh);height: var(--wh); background: url(../images/arrow.svg) var(--background-contain); opacity: 0.4; transition: 0.5s;}
[data-arrows]:not([class*='-disabled']){cursor: pointer;}
[data-arrows]:hover{opacity: 1;}
[data-arrows].prev{transform: rotate(180deg);}
.arrows{display: flex;align-items: center;}
.arrows [data-arrows] + [data-arrows]{margin-left: 0.08rem;}

.home-laster h3 a:hover{text-decoration: underline;}
.home-laster .list-top{margin-bottom: var(--pm__40);background-color: #f8f8f8; position: relative;z-index: 2;}
.home-laster .list-top .item .pic{position: relative;z-index: 1;}
.home-laster .list-top .item .figure{padding-bottom: calc(405 / 720 * 100%);display: block;border: 1px solid #f8f8f8;}
.home-laster .list-top .item .pic:hover .img{transform: scale(1.15);}
.home-laster .list-top .txt{padding: 0 var(--pm__80);}
.home-laster .list-top .txt h3{font-size: var(--font-size__26); line-height: calc(34 / 26);margin: 0.11rem 0 0.19rem 0;}
.home-laster .list-top .txt p{line-height: calc(28 / 16); margin-bottom: 0.44rem;}
.home-laster .list-top .txt .label{margin-bottom: 0.24rem;}
.home-laster .list .item{background-color: #f8f8f8; position: relative; padding: 0.28rem var(--pm__30) 0.09rem;display: flex;flex-direction: column;justify-content: space-between;}
.home-laster .list .option{ height: var(--pm__60); flex-shrink: 0;}
.home-laster .list .label{position: absolute; right: 0;top: 0;}
.home-laster .list .info{border-bottom: var(--border); padding-bottom: calc(var(--pm__40) + 0.05rem);}
.home-laster .list .pic{width: calc(110 / 405 * 100%); margin-right: 0.26rem;flex-shrink: 0;}
.home-laster .list .figure{padding-bottom: calc(147 / 110 * 100%);display: block;}
.home-laster .list .txt{flex: 1;}
.home-laster .list .txt p{line-height: calc(26 / 16); min-height:  calc(26 / 16 * 2em);}
.home-laster .list .cate-name{ font-size: var(--font-size__14);}
.home-laster .list h3{ font-size: 0.21rem; line-height: calc(28 / 21); margin: 0.145rem 0 0.115rem 0;}
.home-laster .list .option time{color: #555;}
.home-laster .controls{position: absolute;right: var(--pm__80); bottom: calc(55 / 405 * 100%);z-index: 5;}
@media (min-width: 751px) {
   .home-laster .list-top .item > div{width: 50%;flex-shrink: 0;}
   .home-laster .list .item{--lin:3;--limr:0.23rem;}
   .home-laster .list .item:not(:nth-child(3n)){margin-right: var(--limr);}
   .home-laster .list .item:nth-child(3) ~ .item{margin-top: var(--limr);}
}
@media (max-width: 750px) {
   .home-laster .list-top .txt{padding: var(--pm__40);}
   .home-laster .controls{bottom: var(--pm__40);}
   .home-laster .list .pic{max-width: 1.1rem;}
   .home-laster .list .item:not(:last-child){margin-bottom: var(--pm__40);}
}
@media (min-width:751px) and (max-width: 1024px){
   .home-laster .list-top .txt h3{font-size: var(--font-size__20);}
   .home-laster .list-top .txt p{--clamp:1; margin-bottom: 1em;}
   .home-laster .controls{bottom: calc(20 / 405 * 100%);}
}
@media (max-width: 480px) {
   .home-laster .list .option{height: 0.4rem;}
   .home-laster .list-top .txt h3{--font-size__26:0.2rem}
}

.home-hot{background-color: #f8f8f8;}
.home-hot > .container{padding-top:var(--pm__80)}
.home-hot .top-activing{margin-bottom: var(--pm__80);}
.home-hot .top-activing +  .container{padding-top:0}
.home-hot .top-activing +  .container .all-title{display: none;}
.home-hot .txt-swiper .all-title{margin-bottom: var(--pm__50);}
.home-hot .txt-swiper p{line-height: calc(28 / 16); margin-bottom: 0.44rem;}
.home-hot .txt-swiper h3{font-size: var(--font-size__28); line-height: calc(34 / 28); margin: 0.21rem 0 0.19rem 0; }
.home-hot .txt-swiper h3 a:hover{text-decoration: underline;}
.home-hot .txt-swiper .controls{position: absolute;right: 0; bottom: 0;z-index: 10;}
.home-hot .txt-swiper .controls .arrows{height: 0.42rem;}
.home-hot .txt-swiper .controls [data-arrows]:not(:hover){opacity: 0.5;}
.home-hot .txt-swiper .swiper-slide > *{transform: translateX(0.3rem); opacity: 0; transition: 0.8s 0.3s;}
.home-hot .txt-swiper .swiper-slide h3{transition-delay: 0.5s;}
.home-hot .txt-swiper .swiper-slide p{transition-delay: 0.7s;}
.home-hot .txt-swiper .swiper-slide .all-more{transition-delay: 0.9s;}
.home-hot .txt-swiper .swiper-slide-active > *{transform: translateX(0); opacity: 1;}
@media (min-width: 751px) {
   .home-hot .txt-swiper{color: var(--white-color);}
.home-hot .txt-swiper h3 a{color: var(--white-color);}
.home-hot .txt-swiper .status-label .in [data-label='yellow']{font-weight: var(--font-weight__m);}
.home-hot .txt-swiper .status-label .in{background-color: rgba(var(--white-color__rgb), 0.16);}
.home-hot .txt-swiper .swiper{margin: 0; max-width: 5.6rem;}
.home-hot .txt-swiper .controls [data-arrows]{filter: brightness(0) invert(1);}
}
@media (max-width: 750px) {
   .home-hot .txt-swiper{position: relative; padding-top: var(--pm__80);padding-bottom: var(--pm__40);}
   .home-hot .txt-swiper p{max-width: 90%;}
   .home-hot  [data-more='white']{border-color: var(--black-color); color: var(--black-color);}
   .home-hot  [data-more='white']:hover{background-color: var(--black-color); color: var(--white-color);}
   .home-hot .imgs-swiper img{max-width: none;margin-left: -50vw;width: 150vw;}
   .home-hot .txt-swiper .status-label .in{background-color: var(--white-color);}
}

.home-hot .list .item{background-color: #fff; }
.home-hot .list .item .t-top{flex: 1;}
.home-hot .list .item a{height: 100%;}
.home-hot .list .figure{padding-bottom: calc(256 / 456 * 100%);flex-shrink: 0;}
.home-hot .list .txt{padding: var(--pm__30); flex: 1;}
.home-hot .list h3{font-size: var(--font-size__26); line-height: calc(32 / 26); margin: 0.17rem 0;}
.home-hot .list p{ line-height: calc(26 / 16);}
.home-hot .list .all-more{margin-top: 0.35rem;}
.home-hot .list .item a:hover h3{text-decoration: underline;}
.home-hot .list .item a:hover .figure .img{transform: scale(1.15);}
@media (min-width: 1025px) {
.home-hot .list .item{--lin:3;--limr:0.36rem;}
.home-hot .list .item:not(:nth-child(3n)){margin-right: var(--limr);}
.home-hot .list .item:nth-child(3) ~ .item{margin-top: var(--limr);}
}
@media(max-width: 1024px) {
   .home-hot .list .item:not(:last-child){margin-bottom: var(--pm__40);}
}
@media(min-width: 481px) and (max-width: 1024px) {
   .home-hot .list .item a{flex-direction: row-reverse;align-items: center;}
   .home-hot .list .figure{width: 48%;}
   .home-hot .list .txt{flex: 1; margin-left: 0.2rem;}
   .home-hot .list .figure{padding-bottom: 27%;}
}
@media(max-width: 480px) { 
   .home-hot .list h3{--font-size__26:0.2rem}
}

.home-news .container{overflow: hidden;position: relative;z-index: 1;}
.home-news .swiper-slide a{background-color: #f8f8f8;border-radius: 0.06rem;overflow: hidden;display: block;}
.home-news .txt{padding: var(--pm__30);}
.home-news .txt p{line-height: calc(26 / 16); margin: 0.16rem 0 0.42rem 0;}
.home-news .txt h3{margin: 0.17rem 0 0 0; font-size: 0.21rem; line-height: calc(28 / 21);}
.home-news .swiper-slide a:hover h3{text-decoration: underline;}
.home-news .swiper-slide a:hover .figure .img{transform: scale(1.15);}
.home-news .label{left: 0.1rem;top: 0.1rem;}
.home-news .controls{position: absolute;right: 0;left: calc(640 / var(--max-width) * 100%); bottom: 1px;z-index: 10;}
.home-news .controls .scrollbar{flex: 1; position: relative; height: 2px;background-color: #efefef;}
.home-news .controls .scrollbar span{background-color: #333;}
.home-news .controls .arrows{flex-shrink: 0;width: 0.9rem;}
@media (min-width:1025px) {
.home-news .swiper{overflow: inherit;}
.home-news .swiper-main{width: var(--mainW);}
.home-news .swiper-slide{height: 5.7rem; overflow: hidden;}
.home-news .swiper-slide a{display: block; margin-right: 0.32rem;}
.home-news .swiper-slide .figure{height: 2.16rem; transition: 0.5s;}
.home-news .swiper-slide-active .figure{height: 3.42rem; transition-delay: 0.3s;}
.home-news .swiper-slide-active .txt  h3{--clamp:1;font-size: var(--font-size__24); line-height: calc(28 / 24); margin-top: 0.14rem;}
.home-news .swiper-slide-active .txt p{margin: 0.1rem 0 0.25rem 0;}
}
@media(max-width: 1024px) {
.home-news .controls{left: 0!important;}
.home-news .swiper-main{padding-bottom: 0.5rem;}
}
@media(min-width: 481px) and (max-width: 1024px) {
   .home-news .swiper-slide a{display: flex;}
   .home-news .swiper-slide .figure{width: 48%;}
   .home-news .txt{flex: 1;margin-left: 0.2rem;}
}
@media (max-width:480px) {
   .home-news .swiper-slide .figure{padding-bottom: 56%;}
}

.page-ban{overflow: hidden;}
.page-ban .txt{ top:var(--header-height); height: auto; bottom: 0;color: var(--white-color);}
.page-ban .txt h2{font-size: var(--font-size__32);flex-shrink:0;width:6em;}
.page-ban .txt .desc{flex:1; max-width:4.5rem;line-height:1.5;text-align: justify;}
@media(max-width: 1024px) {
   .page-ban img{max-width: none;width: 160vw;margin-left: -20vw;}
}
@media(max-width: 750px) {
.page-ban .txt .container{flex-direction: column; align-items: flex-start;}
.page-ban .txt .desc{max-width: none;}
}
@media(max-width: 480px) {
   .page-ban{--font-size__32:0.24rem;}
}

@media (min-width:1025px) {
   .layout-main .left{width: calc(280 / var(--max-width) * 100%); flex-shrink: 0;}
   #details-layout .left{width: calc(300 / var(--max-width) * 100%); }
   #training-details .left{width: calc(320 / var(--max-width) * 100%); }
   .layout-main .right{width: calc(1124 / var(--max-width) * 100%);}
   #details-layout .right{width: calc(1080 / var(--max-width) * 100%); }
   #training-details .right{width: calc(1080 / var(--max-width) * 100%); }
}
@media(max-width: 1024px) {
   .layout-main .left{margin-bottom: var(--pm__40);}
   #details-layout .left{margin-top: var(--pm__40); margin-bottom: 0;}
}

.nav-filter{background-color: #f8f8f8; padding: var(--pm__30);}
.nav-filter.white{background-color: var(--white-color);}
.nav-filter .name{display: flex;justify-content: space-between;align-items: center;  cursor: pointer; font-weight: var(--font-weight__m); line-height: 1.2;}
.nav-filter .name:after{display: block; content: '';width: 0.12rem;height: 0.06rem; background: url(../images/select.svg) var(--background-contain); margin-left: 0.1rem;transition: 0.3s;flex-shrink: 0;}
.nav-filter .item.hide .name:after{transform: rotate(-180deg);}
.nav-filter .item.hide ul{display: none;}
.nav-filter li{font-size: var(--font-size__14);display: flex; line-height: calc(24 / 14); padding: calc(5 / 14 * 1em);cursor: pointer; align-items: center;}
.nav-filter li span{flex: 1; line-height: 1em;}
.nav-filter li .checkbox{margin-right: var(--pm__10);	width: 0.14rem;height: 0.14rem;border-radius: 0.02rem;border: solid 0.01rem #b0b0b0;}
.nav-filter li.active .checkbox{background-color: var(--black-color); background-image: url(../images/checked.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; border-color: var(--black-color);}
@media (min-width:1025px) {
.nav-filter li:not(:last-child){margin-bottom: 0.1rem;}
.nav-filter .name{margin-bottom: 0.22rem;}
.nav-filter .item:not(:last-child){margin-bottom: var(--pm__40);}
}
@media(max-width: 1024px) {
   .nav-filter{display: flex;flex-wrap: wrap;justify-content: space-between;}
   .nav-filter .item{width: calc((100% - 0.2rem) / 2); position: relative;z-index: 10;border: var(--border);}
   .nav-filter .item:nth-child(2) ~ .item{margin-top: 0.1rem;}
   .nav-filter ul{position: absolute; top: 100%;width: 100%;left: 0; overflow: auto; max-height: 10em; background-color: var(--white-color); box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.1); padding: 0.2rem;}
   .nav-filter ul li{margin-bottom: 0.1rem;}
   .nav-filter .item.hide{z-index: 1;}
   .nav-filter .item .name{padding: 0.1rem 0.2rem;}
   .wap-nav-filter  ul{display:none;}
}

.label-groups{margin-bottom: 0.22rem;}
.label-groups a{font-size: var(--font-size__14);cursor: pointer;background-color: #e8e8e8;border-radius: 0.03rem;display: block; padding: 0 0.12rem; line-height: calc(30 / 14); margin-right: 0.1rem;margin-bottom: 0.1rem;}
.label-groups a.on,
.label-groups a:hover{color: var(--white-color); background-color: var(--black-color);}

[data-samep]{ line-height: calc(24 / 14); font-size: var(--font-size__14);}
[data-sameh3]{font-weight: var(--font-weight__m); line-height: calc(26 / 18); margin: 0; font-size: var(--font-size__18);}
[data-sameh4]{font-weight: var(--font-weight__m); line-height: calc(26 / 16); margin: 0; font-size: var(--font-size__16);}

.list-items .cate-name{display: flex;flex-wrap: wrap;}
.list-items .cate-name span{display: block; padding: 0.06rem 0.07rem;font-size: var(--font-size__14); background-color: #f6f6f6;border-radius: 0.02rem; margin-right:0.1rem;}
.list-items .figure{padding-bottom: calc(202 / 360 * 100%);display: block;}
.list-items .pic{flex-shrink: 0;border: solid 0.01rem #e8e8e8; }
.list-items .pic a:hover .img{transform: scale(1.15);}
.list-items .txt{flex: 1;border: solid 0.01rem #e8e8e8; padding: 0.17rem 0.26rem 0.26rem;border-top:0}
.list-items .info{flex: 1;}
.list-items .info a:hover{text-decoration: underline;}
.list-items .info h3{margin: 0 0 0.08rem 0;}
.list-items .cate-name + h3{margin-top: 0.08rem;}
.list-items .option{flex-shrink: 0;font-size: var(--font-size__14); padding-top: 0.22rem;}
.list-items .option [data-icona]:before{width: 0.15rem; height: 0.15rem;}
.list-items .option [data-icona='collect']:not(.on):not(:hover){color: #555555; }
.list-items .option [data-icona='collect']:not(.on):not(:hover){opacity: 0.4;}
.list-items .status-label{font-size: var(--font-size__14); margin-bottom: 0.12rem;}
.list-items.style-2 .item{flex-direction: column-reverse; padding: 0.26rem;}
.list-items.style-2 .item .txt{border: 0;padding: 0; margin-bottom: var(--pm__30);}
.list-items.style-2 .item [data-sameh3]{font-size: var(--font-size__18); line-height: calc(26 / 18);}
.list-items .item .date{ font-size: var(--font-size__14); margin-bottom: 0.12rem;}
.list-items.style-3 .item{flex-direction: column-reverse;margin: 0 0 var(--pm__20) 0;border: solid 0.01rem #e8e8e8; padding: var(--pm__20);}
.list-items.style-3 .txt{margin-bottom: 0.25rem;border: 0; }

.list-items.style-4 .item:not(:nth-child(3n)){margin: 0;}
.list-items.style-4 .item:not(:last-child){margin-bottom: var(--pm__20);}
.list-items.style-4 .txt{padding: var(--pm__20);}
.list-items.style-4 .txt h3{line-height: calc(24 / 16);}
.list-items.style-4 .info{min-height: auto;}


.list-items .txt-pic{ border: solid 0.01rem #e8e8e8;border-bottom: 0;padding: 0.17rem 0.26rem 0;}
.list-items .txt-pic .pic{width: 0.48rem;flex-shrink: 0;}
.list-items .txt-pic .pic .figure{padding-bottom: 100%;}
.list-items .txt-pic h3{margin-left: 0.2rem;flex: 1;}

@media (min-width:751px) {
.list-items{--lin:3;--limr:0.22rem;}
.list-items[data-listrows] .item:not(:nth-child(3n)){margin-right: var(--limr);}
.list-items .item:nth-child(3) ~ .item{margin-top: var(--limr);}
.list-items .info{min-height: calc(116 / 16  * 1em);}
.list-items.style-3 .info{min-height: auto;}
.list-items.style-3 .txt{padding: 0;}
.list-items.style-3.pictxt .item{flex-direction:column}
.list-items.style-3.pictxt .txt{margin-top: 0.25rem;margin-bottom:0;}
}
@media (min-width:1200px) {
.list-items[data-type="row4"]{--lin:4;}
.list-items[data-type="row4"] .item:nth-child(3n){margin-right: var(--limr);}
.list-items[data-type="row4"] .item:nth-child(4n){margin-right: 0;}
.list-items[data-type="row4"] .item:nth-child(4){margin-top: 0;}
.list-items[data-type="row4"] .item:nth-child(4) ~ .item{margin-top: var(--limr);}
}
@media (max-width: 750px) {
   .list-items .item:not(:last-child){margin-bottom: 0.2rem;}
.list-items.style-3 .item{flex-direction: row; align-items: center;}
.list-items.style-3 .item .pic{width: 45%;}
.list-items.style-3 .item .txt{margin-bottom: 0; padding-top: 0; padding-bottom: 0;}
.list-items.style-3 .item .txt p{--clamp:1;}
}
@media(min-width: 481px) and (max-width: 750px) {
   .list-items .item{display: flex; flex-direction: row;}
   .list-items .pic{width: 45%;}
   .list-items.style-2 .item{flex-direction: row-reverse;align-items:center;}
   .list-items.style-2 .item .txt{margin-bottom: 0; margin-right: 0.2rem;}
}
@media (max-width: 480px) {
   .list-items.style-4 .item{flex-direction: row; align-items: center; background-color: #f6f6f6;}
   .list-items.style-4 .item .pic{width: 45%;}
   .list-items.style-4 .item .txt{margin-bottom: 0; padding-top: 0; padding-bottom: 0; border: 0;}
   .list-items.style-4 .item .txt p{--clamp:1;}
}

.page-nav{margin-bottom: var(--pm__20);}
.page-nav ul{padding: 0.1rem;}
.page-nav li{margin: 0.02rem 0;flex: 1;}
.page-nav li:not(:nth-child(2n+1)){margin-left:0.2rem;}
.page-nav li a{display: flex;justify-content: space-between;align-items: center; height: 0.46rem;background-color: #f0f0f0;padding: 0 1em; transition: 0.3s; justify-content: center;}
/* .page-nav li a:after{width: 0.12rem;height: 0.06rem;display: block;content: '';background: url(../images/select.svg) var(--background-contain); } */
.page-nav li.aon a,
.page-nav li a:hover{background-color: var(--black-color);color: var(--white-color); font-weight: var(--font-weight__m);}
.page-nav li.aon a:after,
.page-nav li a:hover:after{filter: brightness(0) invert(1);}

.filter-select{margin-bottom: 0.15rem;}
.filter-select .item{position: relative;z-index: 1; margin-bottom: 0.11rem;}
.filter-select .show{z-index: 10;}
.filter-select .item .cur-option{display: flex;align-items: center; justify-content: space-between;height: 0.46rem;padding: 0 1em;border: solid 0.01rem #e1e1e1;cursor: pointer; line-height: 0.46rem;}
.filter-select .item .cur-option:after{width: 0.12rem;height: 0.06rem;display: block;content: '';background: url(../images/select.svg) var(--background-contain); transition: 0.5s;}
.filter-select .show .cur-option:after{transform: rotate(180deg);}
.filter-select .hover-select{position: absolute; top:100%;left: 0;width: 100%; background-color: var(--white-color); box-shadow: 0 0.05rem 0.05rem rgba(var(--black-color__rgb), 0.1); padding: 0.1rem 0;transition: 0.5s;opacity: 0; visibility: hidden;transform: translateY(0.2rem);}
.filter-select .hover-select ul{overflow: auto; max-height: 20em;padding:0 0.1rem;}
.filter-select .hover-select li{cursor: pointer;padding: 0 0.06rem;line-height: 2; transition: 0.3s;}
.filter-select .hover-select li:hover{background-color: rgba(var(--black-color__rgb), 0.1);}
.filter-select .show .hover-select{opacity: 1;visibility: visible; transform: translateY(0);}
@media(min-width: 481px){
.filter-select .item{width: calc((100% - 0.11rem * 3) / 4);max-width: 2.4rem;}
.filter-select .item:not(:nth-child(4n)){margin-right: 0.11rem;}
}
@media(max-width: 480px) {
   .filter-select{justify-content: space-between;}
   .filter-select .item{width: calc((100% - 0.11rem) / 2);}
}

.filter-area .filter-select{flex: 1;}
.filter-area .options-btn{flex-shrink: 0;}
.filter-area .options-btn .btn{ background-color: var(--black-color);color: var(--white-color);display: flex;align-items: center;height: 0.46rem; padding: 0 0.27rem;border-radius: 0.03rem; }
@media (max-width:1024px){
   .filter-area .options-btn{display: flex;justify-content: flex-end; margin-bottom: 0.2rem;}
   .filter-area .filter-select{margin-bottom: 0;}
}

.space-header{background-color: var(--black-color); height: var(--header-height);}

.location{font-size: var(--font-size__14);margin: var(--pm__30) 0;}
.location a:hover{text-decoration: underline;}
#details-layout {margin-top: var(--pm__70);}
#details-layout  .sub-tit{border-bottom: var(--border); margin-bottom: var(--pm__30);display: flex;}
#details-layout  .sub-tit span{font-weight: var(--font-weight__m);display: block; padding-bottom: 1em; border-bottom: 2px solid var(--black-color);}

.prism-player{padding-bottom:calc(610 / 1080 *100%)}
.tech-details .prism-player{padding-bottom:calc(405 / 720 *100%)}
.prism-player .prism-big-play-btn .outter,
.prism-player .prism-big-play-btn{width:0.64rem!important;height:0.64rem!important;}
@media (max-width:750px) {
   .prism-player .prism-big-play-btn{    left: 0.3rem!important;bottom: 0.3rem!important;}
}

.share{position: relative;z-index: 20;margin-left: 0.27rem;}
.share > a{line-height: 2;}
.share > a:not(:hover){color: #555;}
.share-area{position: absolute; top: 100%;right: 0; background-color: var(--white-color); padding: 0.1rem; border-radius: 0.06rem; box-shadow: 0 0 0.1rem rgba(var(--black-color__rgb), 0.1); transform: translateY(0.3rem); opacity: 0; visibility: hidden; transition: 0.3s;}
.share-area::before{position: absolute; content: '';border: 5px solid transparent; border-bottom-color: #fff; left: 50%; transform: translateX(-50%); bottom: 100%;}
.share .social-share{display: flex;flex-direction: column;}
.share:hover .share-area{opacity: 1; visibility: visible; transform: translateY(0);}

.details-info .title{padding-bottom: var(--pm__30); margin-bottom: var(--pm__40);border-bottom: var(--border);}
.details-info .title h1{margin: 0 0 1em 0;font-size: var(--font-size__30); line-height: 1.2;}
.details-info .title .options li{line-height: 1.5;}
.details-info .title .options li span{color: #848484;}
.details-info .title .options ul{justify-content: flex-start;}
.details-info .title .options ul + div{flex-shrink: 0;}
.details-video .figure{padding-bottom: calc(607 / 1080 * 100%);}
.details-info .content{line-height: calc(28 / 16);text-align: justify;}
.details-info .content p{margin: 2em 0;}
.details-info .content h4{font-size: var(--font-size__18);}
.details-info .content ul{padding: 0;margin: 0;list-style-position: inside;}

.details-page{margin-top: var(--pm__50);}
.details-page a{width: calc((100% - 0.2rem) / 2);border: solid 1px #e8e8e8; padding: calc(var(--pm__20) + 0.04rem);}
.details-page b{font-weight: var(--font-weight__m);}
.details-page .url{margin-top: 0.2rem; padding-right: 0.2rem; position: relative;}
.details-page .url:after{position: absolute; right: 0;top: 50%;width: 0.12rem;height: 0.06rem; margin-top: -0.03rem; content: '';background: url(../images/select.svg) var(--background-contain); transform: rotate(-90deg);}
.details-page a:hover p{text-decoration: underline;}
@media(min-width: 1025px){
.details-info .title .options li{margin-right: var(--pm__30);}
}
@media (max-width: 1024px) {
   .details-info .title .options ul{margin-bottom: 0.1rem;}
   .details-info .title .options li{width: 50%; }
}
@media (max-width: 480px) {
   .details-info .title{--font-size__30:0.24rem;}
   .details-page .url p{--clamp:2; line-height: 1.3;}
   .details-info .title .options > [data-flex='aic']{justify-content: flex-end;}
}

#training-details .box{padding: 0.27rem 0.27rem 0.1rem 0.27rem; background-color: #f8f8f8;margin-bottom: 0.1rem;}
#training-details .title{padding: 0;margin: 0;border: 0;}
#training-details .title h1{font-size: var(--font-size__18); line-height: calc(28 / 18); margin: 0 0 1em 0;}
#training-details .content{line-height: calc(28 / 14);font-size: var(--font-size__14);  margin-bottom: 0.12rem;}
#training-details .content p{margin: 0;}
#training-details .options{font-size: var(--font-size__14);color: #555555;}
#training-details .sub-tit{margin-bottom: 0.05rem;}
#training-details .list li a{line-height: calc(49 / 14);font-size: var(--font-size__14); }
#training-details .list li:not(:last-child){border-bottom: 1px dashed #cfcfcf;}
#training-details .list li a:hover{font-weight: var(--font-weight__m);}
#training-details .all-more{margin: var(--pm__30) 0 var(--pm__40) 0;}
@media (max-width: 1024px) {
   #training-details{flex-direction: column;}
   #training-details .left{margin-top: 0.2rem; margin-bottom: 0;}
}

#pdf-iframe{height: 7.5rem;width: 100%;}
@media (max-width: 1024px) {
   #pdf-iframe{height: 5rem;}
}


.saleSupport .details-title{padding: var(--pm__50); margin-bottom: var(--pm__50);}
.saleSupport .details-title .title{border-bottom: var(--border); padding-bottom: var(--pm__20); margin-bottom: var(--pm__20);}
.saleSupport .details-title .title h1{margin: 0; font-size: var(--font-size__30); line-height: 1.4;}
.saleSupport .details-title .desc{ line-height: calc(34 / 16); margin-top: 0.04rem; }
.saleSupport .options li span{color: #848484;}
.saleSupport .options li + li{margin-left: 4em;}
.saleSupport .options [data-icona='collect']:not(.on):not(:hover){color: #848484;}
.saleSupport .options [data-icona='collect']:not(.on):not(:hover)::before{opacity: 0.7;}
.saleSupport .options .share > a{line-height: calc(20 / 16);}
.saleSupport .sub-tit{font-size: var(--font-size__20);margin-bottom: 1em;}
.saleSupport .details{line-height: calc(28 / 16); }
.saleSupport .content:not(:last-child){margin-bottom: var(--pm__40);}
.saleSupport .side-nav{ position: sticky; top:0;}
.saleSupport .side-nav li{ line-height: calc(36 / 16);color: #555555; cursor: pointer;}
.saleSupport .side-nav li.on{color: var(--black-color); font-weight: var(--font-weight__m);}
@media(min-width: 1025px){
   .saleSupport .left{flex-shrink: 0; max-width: calc(200 / var(--max-width) * 100%);}
   .saleSupport .right{width: calc(1200 / var(--max-width) * 100%);flex-shrink: 0;}
   .saleSupport .side-nav li{padding-left: 0.2rem; border-left: 2px solid transparent; margin-left: -1px; margin-bottom: 0.1rem; }
   .saleSupport .side-nav li.on{border-left-color:var(--black-color);}
   .saleSupport .side-nav{border-left: var(--border);}
}
@media (max-width: 1024px) {
   .saleSupport .side-nav{display: flex;margin-bottom: 0.2rem;}
   .saleSupport .side-nav{border-bottom: var(--border);background-color: var(--white-color);}
   .saleSupport .side-nav li{border-bottom: 2px solid transparent; margin-right:2em;}
   .saleSupport .side-nav li.on{border-bottom-color:var(--black-color);}
   .saleSupport .left{ position: sticky; top:0;}
}
@media (max-width: 480px) {
.saleSupport .list-items .item{flex-direction: row;  }
.saleSupport .list-items .item .pic{width: 45%;}
.saleSupport .list-items .item .txt{margin-bottom: 0; padding-top: 0.1rem; padding-bottom: 0.1rem;}
.saleSupport .list-items .item .txt p{display: none;}
.saleSupport .list-items .option{padding-top: 0;}
.saleSupport .details-title .options >  [data-flex='aic']{justify-content: flex-end; margin-top: 0.2rem;}
}

.list-download li{ border-bottom: 1px dashed #cfcfcf; }
.list-download li a{height: calc(65 / 16 * 1em); transition: 0.3s;}
.list-download li span{flex-shrink: 0;}
.list-download li p{flex: 1; margin-right: 0.2rem;}
.list-download li a{padding-left: 0.22rem;background: url(../images/file.svg) no-repeat left center; background-size:0.14rem auto;}
.list-download li a:hover{font-weight: var(--font-weight__b);}

.page-activity-declare{position: relative;z-index: 1; }
.page-activity-declare > .figure{z-index: -1;}
.page-activity-declare .all-title{color:var(--white-color); margin-bottom: var(--pm__60);}
.activity-declare{max-width: 8.8rem; margin: 0 auto; width: 80%;}
.activity-declare .item{background-color: rgba(var(--white-color__rgb),0.9);border-radius: 0.05rem;text-align: center; padding: calc(var(--pm__80) - 0.03rem) 0; transition: 0.3s;}
.activity-declare .item:hover{background-color: var(--white-color);}
.activity-declare .item h3{margin: var(--pm__40) 0 0 0; font-size: var(--font-size__26); font-weight: var(--font-weight__m);}
.activity-declare .item [class*=icon-]{display: flex;justify-content: center;align-items: center; width: 1.26rem;height: 1.26rem;border-radius: 50%; border: 1px dashed var(--black-color); margin: auto;}
.activity-declare .item [class*=icon-]:before{display: block; background: var(--background-contain);width: 0.5rem;height: 0.5rem; content: ''; transition: 0.5s;}
.activity-declare .item:hover [class*=icon-]:before{transform: rotateY(360deg);}
.activity-declare .item .icon-1:before{background-image: url(../images/hdsb.png);}
.activity-declare .item .icon-2:before{background-image: url(../images/hdfp.png);}
.activity-declare .item .all-more{margin-top: var(--pm__40);}
@media(min-width: 481px){
   .activity-declare .item{--lin:2;--limr:var(--pm__80); }
.activity-declare .item:not(:nth-child(2n)){margin-right: var(--pm__80);}
}
@media(min-width: 1025px){
   .page-activity-declare{min-height: 100vh;}
   .page-activity-declare .all-title{padding-top: calc(205 / 960  * 100vh);}
}
@media (max-width:1024px) {
   .page-activity-declare{padding-top: var(--header-height);}
   .page-activity-declare .all-title{padding-top: var(--pm__60);}
}
@media (max-width:768px){
   .page-activity-declare{min-height: 65vh;}
}
@media (max-width:480px){
   .activity-declare .item:not(:last-child){margin-bottom: var(--pm__40);}
}

.table-list  table td{border-bottom: 1px dashed #d5d5d5; line-height: calc(22 / 16); padding: var(--pm__30) var(--pm__20);}
.table-list  table .tr-top td{font-weight: var(--font-weight__b);background-color: #f0f0f0;border-bottom: 0; padding: 0;height: 0.5rem;}
.table-list  table td:nth-child(3){text-align: left; }
.table-list  table .tr-top td:nth-child(3){text-align: center;}
.table-list  table td.opreate a:not(:last-child):after{content: '|';margin: 0 0.5em;color: #d5d5d5;}
@media(min-width: 481px){
.table-list  table td{text-align: center;}
.table-list  table td:nth-child(5){width: calc(170 / var(--max-width) * 100%);}
.table-list  table td.opreate{width: 1.5rem}
.table-list  table tr:hover td{background-color: #f9f9f9;}
.table-list  table td:nth-child(3){width: calc(344 / var(--max-width) * 100%);}
.table-list  .table-fupan td:nth-child(3){width: calc(610 / var(--max-width) * 100%);}
}
@media (max-width:480px){
   .table-list  table tr{display: flex;flex-wrap: wrap; margin-bottom: 0.2rem;border: 1px dashed #d5d5d5; }
   .table-list  table tr td:last-child{border-bottom: 0;}
   .table-list  table tr td{display: flex;padding: var(--pm__20) var(--pm__20) var(--pm__20) 0;width: 100%;}
   .table-list  table tr td:nth-child(1),
   .table-list  table tr td:nth-child(2){width: 50%;}
   .table-list  table .tr-top{display: none;}
   .table-list  table td::before{flex-shrink: 0; min-width: 6em;font-weight: var(--font-weight__b);background-color: #f9f9f9;margin: calc(var(--pm__20) * -1) 0;display: flex;align-items: center; padding-left: var(--pm__20); margin-right: var(--pm__20);}
   .table-list  table td:nth-child(1):before{content: '所属周期：';}
   .table-list  table td:nth-child(2):before{content: '活动ID：';}
   .table-list  table td:nth-child(3):before{content: '活动名称：';}
   .table-list  table td:nth-child(4):before{content: '活动日期：';}
   .table-list  table td:nth-child(5):before{content: '活动城市：';}
   .table-list  table td:nth-child(6):before{content: '审批状态：';}
   .table-list  table td:nth-child(7):before{content: '操作：';}
  .table-list  td.opreate a.view{ background-color: var(--black-color); border-radius: 0.03rem; padding: 0.03rem 0.1rem;color: var(--white-color);}
}

.cate-swiper .pic .figure{padding-bottom: calc(259 / 460 * 100%);}
.cate-swiper .name{height: calc(66 / 16 * 1em);display: flex;align-items: center; justify-content: space-between; border-bottom: var(--border);transition: 0.3s;}
.cate-swiper .name:after{display: block; content: '';flex-shrink: 0; margin-left: 0.1rem; width: 0.12rem; height: 0.06rem;background: url(../images/select.svg) var(--background-contain); transform: rotate(-90deg); }
.cate-swiper .name p{font-size: 0.21rem; font-weight: var(--font-weight__m); line-height: 1.2;}
.cate-swiper a:hover .figure .img{transform: scale(1.15);}
.cate-swiper a:hover .name{padding-left: 0.1rem;}
@media (max-width:480px){
   .cate-swiper .name p{font-size: var(--font-size__16);--clamp:2;}
}

.tabs-details .tabs-nav{border-bottom: var(--border); margin-bottom: var(--pm__40);}
.tabs-details .tabs-nav li{border-bottom: 2px solid transparent;color: #848484; line-height: 1.2; height: calc(30 / 16 * 1em);cursor: pointer; font-weight: var(--font-weight__m); margin-right: calc(50 / 16 * 1em);}
.tabs-details .tabs-nav li.on{border-bottom-color:var(--black-color);color:var(--black-color);}
.edit-con{line-height: calc(28 / 16); text-align: justify;}
.edit-con h3{font-size: var(--font-size__18);}
.edit-con h4{font-size: var(--font-size__16);font-weight: var(--font-weight__m);margin: 0;}
.edit-con ul{padding: 0;margin: 0;list-style-position: inside;}
.edit-con ul li::marker{font-size: 0.6em;}

.tech-details .txt h3{margin: 0.2rem 0; font-size: var(--font-size__26); line-height: calc(34 / 26);}
.tech-details .options [data-icona='collect']:not(:hover){color: #848484;}
.tech-details .options-cate ul{margin-bottom: var(--pm__40);}
.tech-details .options-cate li{width: 48%; line-height: calc(26 / 16);margin: 0.05rem 0;}
.tech-details .options-cate li span{color: #848484;}
@media (min-width:1025px) {
   .tech-details .details-video{width:50%;}
   .tech-details .txt{flex: 1; padding: 0 var(--pm__80);}
}
@media (max-width:1024px){
   .tech-details .txt{padding: var(--pm__40);}
}
@media (max-width:480px){
   .tech-details .txt{--font-size__26:0.2rem}
}

.mem-nav{padding: var(--pm__40) var(--pm__30) var(--pm__40);}
.mem-nav h3{margin: 0 0 var(--pm__40); font-size: var(--font-size__22); font-weight: var(--font-weight__m);}
.mem-nav dd a{display: flex;align-items: center;color: #555555;}
.mem-nav dd a:after,
.mem-nav dd a:before{display: block; content: ''; background:var(--background-contain);}
.mem-nav dd a:before{width: 1em; height: 1em;  opacity: 0.7;}
.mem-nav dd a.ico-user:before{background-image: url(../images/member/info.svg);}
.mem-nav dd a.ico-collect:before{background-image: url(../images/member/collect.svg);}
.mem-nav dd a.ico-safe:before{background-image: url(../images/member/safe.svg);}
.mem-nav dd a.ico-logout:before{background-image: url(../images/member/logout.svg);}
.mem-nav dd a:after{width: 0.09rem; height: 0.05rem; background-image: url(../images/select.svg); opacity: 0; transition: 0.3s;}
.mem-nav dd span{flex: 1;}
@media (min-width:481px) {
   .mem-nav dd a:before{margin-right: 0.09rem;}
   .mem-nav dd a:after{transform: rotate(-90deg); }
}
@media (min-width:1025px) {
   .mem-nav dd:not(:last-child){margin-bottom: var(--pm__30);}
}
@media (max-width:1024px){
   .mem-nav dl{display: flex;flex-wrap: wrap;}
   .mem-nav dl dd{width: calc(100% / 4); padding-right: 0.2rem;}
}
@media (max-width:480px){
   .mem-nav dl dd{padding-right: 0;}
   .mem-nav dl dd:not(:last-child){border-right: var(--border);}
   .mem-nav dl dd a{flex-direction: column;align-items: center;}
   .mem-nav dd a:after{display: none;}
   .mem-nav dd a:before{margin-bottom: 0.1rem;}
}

.mem-nav dd.aon a,
.mem-nav dd a:hover{color: var(--black-color);}
.mem-nav dd.aon a:before,
.mem-nav dd a:hover:before,
.mem-nav dd.aon a:after,
.mem-nav dd a:hover:after{opacity: 1;}

.mem-title{border-bottom: var(--border); padding: var(--pm__40) 0 var(--pm__20) 0; margin-bottom: var(--pm__40);}
.mem-title .tit{font-size: var(--font-size__20);}

.mem-form{max-width: 9.6rem; margin: 0 auto;}

.form-group[data-listrows]{justify-content: space-between;}
.form-group[data-listrows] .form-item{--lin:2;--limr:var(--pm__40);}
.form-item{margin-bottom: 0.26rem;}
.form-item[data-flex] .label-name{flex-shrink: 0; width: 0.85rem;}
.form-item[data-flex] .form-input{flex: 1;}
.form-group .getcode-btn{position: absolute; right: 0;z-index: 10;top: 0; bottom: 0;display: flex;align-items: center; padding: 0 0.2rem;}
.form-group .getcode-btn:before{position: absolute; content: ''; left: 0;top: 50%;margin-top: -0.07rem;	width: 0.01rem;height: 0.14rem;background-color: #e1e1e1;}
.form-group .getcode-btn.disabled{pointer-events: none;}
.form-group[data-listrows] .label-name{margin-bottom: 0.2rem;}
.form-group .form-input .text{height: 0.46rem; line-height: 0.46rem;padding: 0 0.17rem;}
.form-group .form-input textarea.text{height: auto;}
.form-group .form-input .select-base{width: 100%; padding-left: 0.17rem;height: 0.46rem; line-height: 0.46rem;}
.form-group .err{color: #de1919;}
.form-group [class*=label-icon-]{position: absolute; left: 0;top: 0;width: 0.38rem; height: 100%; display: flex;align-items: center;z-index: 10; justify-content: center;}
.form-group [class*=label-icon-]:before{width: 0.16rem; height: 0.16rem;background-repeat:no-repeat;background-position: center center;background-size: contain;display: block; content: '';}
.label-icon-phone:before{background-image: url(../images/member/log-phone.svg);}
.label-icon-email:before{background-image: url(../images/member/log-email.svg);}
.label-icon-code:before{background-image: url(../images/member/log-code.svg);}
.label-icon-psw:before{background-image: url(../images/member/log-psw.svg);}
.label-icon-name:before{background-image: url(../images/member/log-name.svg);}
.label-icon-unit:before{background-image: url(../images/member/log-unit.svg);}
.label-icon-ind:before{background-image: url(../images/member/log-ind.svg);}
.label-icon-card:before{background-image: url(../images/member/log-card.svg);}
.label-icon-gm:before{background-image: url(../images/member/log-gm.svg);}
.label-icon-area:before{background-image: url(../images/member/log-area.svg);}
.label-icon-job:before{background-image: url(../images/member/log-job.svg);}

.mem-table .collect-table  td p{margin: 0;}
@media (min-width:481px) {
.mem-table .collect-table  td:nth-child(4){width: 2rem;}
.mem-table .collect-table  td:nth-child(1){width: 0.58rem;padding: 0;}
.mem-table .collect-table  td:nth-child(2){text-align: left;padding-left: 0;}
.mem-table .collect-table  td:nth-child(3){text-align: center;width: 2.8rem;}
.mem-table .collect-table  td:last-child{width: 1.5rem;}
}
@media (max-width:480px){
   .mem-table .table-list table tr td:nth-child(1), 
   .mem-table .table-list table tr td:nth-child(2) {width: 100%;}
   .mem-table .table-list table tr td:nth-child(1){padding-left: 0.1rem;}
   .mem-table .table-list table tr td:nth-child(1):before{display: none;}
   .mem-table .table-list table tr td:nth-child(2):before{content: '标题：';}
   .mem-table .table-list table tr td:nth-child(3):before{content: '所属分类：';}
   .mem-table .table-list table tr td:nth-child(4):before{content: '收藏时间：';}
   .mem-table .table-list table tr td:nth-child(5):before{content: '操作：';}

}

label.checkbox{position: relative;z-index: 1; display: inline-flex;align-items: center;}
label.checkbox input{position: absolute;opacity: 0;left: 0;top: 0;width: 0;height: 0;}
label.checkbox span{	border-radius: 0.02rem;border: solid 0.01rem #cccccc;display: block; width: 1em; height: 1em;flex-shrink: 0;}
label.checkbox input:checked + span{background: var(--black-color) url(../images/checked2.svg) no-repeat center center;background-size: 80% auto;border-color: var(--black-color);}
label.checkbox input:disabled + span{background-color: #ccc;}
label.checkbox i{font-style: normal; margin-left: 0.1rem;display: block; line-height: 1.2;}
label.checkbox input:disabled ~ i{color: #999;}

.all-opreate{margin-top: 0.24rem;}
.all-opreate .all-more{margin-left: 0.3rem;}
@media (max-width:480px){
   .all-opreate{margin-top: 0;margin-bottom: 0.4rem;}
}

.safe-items{margin-top: calc(var(--pm__40) * -1);}
.safe-items .item{border-bottom: 1px dashed #d5d5d5; padding:var(--pm__30) 0;}
.safe-items .item .tit{font-weight: var(--font-weight__m); margin-bottom: 0.1rem;}
.safe-items .item p{line-height: calc(22 / 16); margin: 0;}
.safe-items [class*=icon-]{width: 0.67rem;flex-shrink: 0;display: flex;justify-content: center; align-items: center;}
.safe-items [class*=icon-]:after{display: block; content: '';width: 0.26rem;height: 0.3rem; background: var(--background-contain);}
.safe-items .item .icon-psw:after{background-image: url(../images/member/password.svg);}
.safe-items .item .icon-phone:after{background-image: url(../images/member/phone.svg);}
.safe-items .item .icon-email:after{background-image: url(../images/member/email.svg);}
.safe-items .item .icon-wx:after{background-image: url(../images/member/wxicon.svg); width: 0.32rem;}
.safe-items .btn{flex-shrink: 0; margin-left: 0.3rem;}
.safe-items .btn [data-more]{font-weight: var(--font-weight__l);}

[data-popup='con']{left: -100%; opacity: 0; transition:opacity 0.5s;}
[data-popup='con'].show{left: 0; opacity: 1;}
[data-popup='con'] .inner{background-color: var(--white-color); padding: var(--pm__50) var(--pm__60);}
[data-popup='con'] .tips{text-align: center;font-size: var(--font-size__20); margin-bottom: var(--pm__40);}
.popup-tit{font-size: var(--font-size__26);text-align: center; margin: 0 0 var(--pm__30) 0;}
.safe-popup .inner{max-width: 6rem;}
.safe-popup .form-item{margin-bottom: 0.16rem;}

#needLogin .form-btn [data-button] + [data-button]{margin-left: 0.2rem;}

.agree-popup .inner{max-width: 9rem;}
.agree-popup .edit-con{overflow: auto; max-height: calc(90vh -  var(--pm__140) - (26 / 16 * 1em)); width: calc(100% + var(--pm__50)); padding-right: var(--pm__50);}

.reset-password{background-color: #f8f8f8;max-width: 8rem; margin: 0 auto; padding: var(--pm__50) 0 var(--pm__60) 0;}
.reset-password h3{text-align: center; font-size: var(--font-size__30);text-align: center; margin: 0 0 var(--pm__40) 0;}
.reset-password .mem-form{max-width: 5.7rem; width: 90%;margin: 0 auto;}
.reset-password  .form-item[data-flex] .label-name{text-align: justify; line-height: 1.2; height: 1.2em; overflow: hidden; margin-right: 0.15rem; width: 5em;position: relative; padding-right: 0.5em;}
.reset-password  .form-item[data-flex] .label-name .err{position: absolute;right: 0;}
.reset-password  .form-item[data-flex] .label-name:after{display: inline-block;content: '';width: 100%;}
.reset-password  .form-input .text:not(:focus){border-color: var(--white-color);}
@media (max-width:480px){
   .reset-password{--font-size__30:0.24rem}
}

.login-index{position: fixed; left: 0;top: 0;width: 100%;height: 100%; overflow: hidden;}
.login-index .back{position: fixed; left:  var(--pm__50);top: var(--pm__40);}
.login-index .back a{display: flex;align-items: center;height: 0.42rem;border-radius: 0.21rem;border: solid 0.01rem rgba(var(--white-color__rgb), 0.4); color: var(--white-color); padding: 0 0.27rem; transition: 0.3s;}
.login-index .back a:before{display: block; content: '';width: 0.14rem;height: 0.12rem; margin-right: 0.1rem; background: url(../images/back.svg) var(--background-contain); filter: brightness(0) invert(1);}
.login-index .back a:hover{background-color: var(--white-color); color: var(--black-color);}
.login-index .back a:hover:before{filter: none;}
.login-index.type-register{overflow: auto;align-items: flex-start; padding:calc(116 / 960 * 100vh) 0;}
.login-index .bg-img{z-index: -1;position: fixed;}
.login-index .bg-img .figure{height: 100%;}
.login-index .main-box{background-color: var(--white-color);border-radius: 0.1rem; max-width: 5rem;width: 95%; padding: var(--pm__40) var(--pm__60); min-height: 4.6rem; position: relative;z-index: 10;}
.login-index [data-button]{width: 100%;display: block;}
.login-tit{text-align: center;margin: 0 0 var(--pm__30) 0;font-size: 2em;}
.role-label-name{position: absolute;right: 0; top: 0.2rem;	background-color: #f2f2f2;border-radius: 0.12rem 0 0 0.12rem; font-size: var(--font-size__14); line-height: calc(24 / 14); padding: 0 0.11rem; display: flex;align-items: center; cursor: pointer;}
.role-label-name:before{display: block; content: '';width: 0.16rem; height: 0.16rem; background: url(../images/switch-role.svg) var(--background-contain);margin-right: 0.1rem;}
.role-box{justify-content: space-between; margin: var(--pm__60) 0 var(--pm__50) 0;}
.role-box .box{--lin:2;--limr:0.4rem; height: 1.8rem;border-radius: 0.06rem;border: solid 0.02rem #e8e8e8;display: flex;flex-direction: column;align-items: center;justify-content: center; position: relative;}
.role-box .box.active{border-color: var(--black-color);}
.role-box .box.active:after{position: absolute; content: '';	width: 0.34rem;height: 0.34rem;border-radius: 50%; right: -0.1rem;bottom: -0.1rem;background: var(--black-color) url(../images/checked2.svg) no-repeat center center;background-size: 50% auto;z-index: 10;}
.role-box .box p{margin: 0.2rem 0 0 0;color: #999999; font-size: var(--font-size__18);font-weight: var(--font-weight__m);}
.role-box .box.active p{color: var(--black-color);}
.role-box .box [class*=ico-]{height: 0.38rem;background: no-repeat center center;background-size: contain;width: 100%;}
.role-box .box .ico-regular{background-image: url(../images/member/role-1.svg);}
.role-box .box .ico-partner{background-image: url(../images/member/role-2.svg);}
.role-box .box.active .ico-regular{background-image: url(../images/member/role-1-on.svg);}
.role-box .box.active .ico-partner{background-image: url(../images/member/role-2-on.svg);}
@media (max-width:480px) {
   .login-index:not(.type-register) .main-box{display: flex;flex-direction: column; justify-content: center;}
}

.login-area{margin-top: 0.39rem;}
.login-area ul{margin-bottom: 0.28rem;}
.login-area li{cursor: pointer; font-size: var(--font-size__18); font-weight: var(--font-weight__m);display: flex;align-items: center;}
.login-area li:not(.active) a{opacity: 0.5;}
.login-area li:not(:last-child):after{display: block;margin: 0 0.27rem;	width: 0.01rem;height: 0.16rem;background-color: #dedede;content: '';}
.login-area .go-reg{text-align: center;color: #848484;font-size: var(--font-size__14); margin-top: var(--pm__30);}
.login-area .go-reg a{color: var(--black-color);}
.login-area .go-reg a:hover{text-decoration: underline;}
.login-area .form-btn{ margin-top: var(--pm__30);}
.login-area .form-item{margin-bottom: 0.18rem;}
.login-area .form-item[data-parent] .form-input .select-base,
.login-area .form-item[data-parent] .form-input .text{padding-left: 0.38rem;}
.login-area .form-item[data-parent] .form-input .select-base{background-size: auto 0.06rem;}
.login-area .form-checkbox{font-size: var(--font-size__14);line-height: 1.4;}
.login-area .form-checkbox-text{margin: 0.1rem 0;}
.login-area .form-checkbox-text .tip{margin-bottom: 0.5em;}
.login-area .form-checkbox label.checkbox{align-items: flex-start;margin-top: 0.1rem;}
.login-area .form-checkbox label.checkbox span{margin-top: 0.1em;}
.login-area .form-checkbox label.checkbox i{margin-left: 0.06rem;line-height: 1.4;}
.login-area .form-checkbox-text  label.checkbox{display: flex;margin-top: 0.05rem;}
.login-area .rules-url{font-size: var(--font-size__14);color: #eee;line-height: 1.4;}
.login-area .rules-url a{color: blue;}
.login-area .rules-url a:hover{color: #000;}

.webchat-code{margin-bottom: var(--pm__30);}
.webchat-code .img{border-radius: 0.03rem;border: solid 0.01rem #e8e8e8;width: 2.2rem;margin: 0 auto 0.2rem;}
.webchat-code p{margin: 0;text-align: center;}

.user-agree{color: var(--black-color);}
.user-agree:hover{text-decoration: underline;}

.activing-apply{background-color: #f8f8f8; max-width: 12rem; padding: var(--pm__50); margin: 0 auto; position: relative;}
.activing-apply .id{background-color: #e6e6e6;  line-height: calc(40 / 16); font-weight: var(--font-weight__m);position: absolute; left: 0;top: 0;padding: 0 0.24rem 0 0.18rem; clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0% 100%);}
.activing-apply .step{margin: 0 auto var(--pm__50);width: 90%;max-width: 5rem; position: relative;}
.activing-apply .step .states{position: absolute; left: 0;width: 100%;top: 0.11rem;text-align: center;}
.activing-apply .step .item{text-align: center;}
.activing-apply .step .item:before{position: absolute; top: 0.4rem;width: calc(50% - 0.8rem);height: 2px;border-top: 2px solid var(--black-color); content: '';}
.activing-apply .step .item:nth-child(1):before{left: 0.8rem;}
.activing-apply .step .item:nth-child(2):before{right: 0.8rem;}
.activing-apply .step:not(.pass) .item:nth-child(2):before{border-top-style: dashed; border-top-color: #d8d8d8;}
.activing-apply .step p{font-weight: var(--font-weight__m); font-size: var(--font-size__18); margin: 0.13rem 0 0 0;}
.activing-apply .step [class*=ico-]{width: 0.8rem; height: 0.8rem; border-radius: 50%;display: flex;align-items: center; justify-content: center; background: var(--black-color);}
.activing-apply .step [class*=ico-]:before{display: block; content: ''; width: 0.3rem; height: 0.3rem;background: var(--background-contain);}
.activing-apply .step .ico-1:before{background-image: url(../images/hdsb-white.png);}
.activing-apply .step .ico-2:before{background-image: url(../images/hdfp-white.png);}
.activing-apply .step:not(.pass) .ico-2:before{background-image: url(../images/hdfp-gray.png);}
.activing-apply .step:not(.pass) .item:nth-child(2)  [class*=ico-]{	background-color: #f8f8f8;border: solid 1px #e1e1e1;}
.activing-apply .step:not(.pass) .item:nth-child(2) p{color: #999999;}
@media (max-width:480px){
   .activing-apply .step{margin-top: 0.3rem;}
}

.apply-from .form-item{ margin-bottom: 0.2rem;}
.apply-from .label-name{ line-height: calc(22 / 16);margin-bottom: 0.1rem; }
.apply-from .form-item[data-flex] .label-name{display: flex;align-items: center; min-height: 0.46rem; margin-bottom: 0; padding-right: 0.1rem;}
.apply-from .label-name .err{position: relative;}
.apply-from .form-input .text:not(:focus){border-color: transparent;}
.apply-from .select-base{background-color: var(--white-color); border: 0; background-size: auto 0.06rem; background-position: right 0.16rem center;padding-right: 0.3rem;}
.apply-from .form-input textarea.text{height: 0.96rem;}
.apply-from .radio-groups{min-height: 0.46rem; margin-bottom: 0.04rem;padding-left: 0.16rem; padding-top: 0.14rem;}
.apply-from .radio-groups label + label{margin-left: 0.28rem;}
.apply-from .checkbox-groups label{margin:0.03rem 0.25rem 0.03rem 0;}
.apply-from label.checkbox span{background-color: var(--white-color);}
.apply-from .form-btn{margin-top: 0.38rem;}
.apply-from .form-btn .btn{margin: 0 0.1rem; min-width: 1.4rem;}
.apply-from .upload-box{background-color: #f2f2f2;border-radius: 0.03rem;border: dashed 1px #cbcbcb; margin-bottom: 0.1rem;}
.apply-from .upload-btn-area{position: relative; padding: 0.24rem 0 0.22rem 0;}
.apply-from .upload-btn-area .btn{position: absolute; left: 0;top: 0;width: 100%;height: 100%; opacity: 0;z-index: 10; cursor: pointer;}
.apply-from .upload-btn-area [data-icona*='upload']{font-weight: var(--font-weight__m);}
.apply-from .select-groups .select-base{width: 48%;}
@media (min-width: 1025px) {
   .apply-from .form-item{--lin:2;--limr:0.47rem;} 
.apply-from .form-item:not(:nth-child(2n)){margin-right: var(--limr);}
}

.preview-area li{padding: 0 0.17rem 0.2rem;}
.preview-area li .txt{opacity: 0.5;flex: 1; margin-right: 0.2rem;}
.preview-area li .file-size{color: #555; margin-top: 0.08rem;}
.preview-area li .option{flex-shrink: 0;}
.preview-area li .option [data-icona='delete']::before{margin: 0;}


.layui-form-select .layui-input{height:0.46rem; line-height: 0.46rem; border-radius: .04rem;}
.layui-form-select .layui-input::placeholder{font-weight: var(--font-weight__l);color: #848484;}
.layui-form-select .layui-edge{width: 0.11rem;height: 0.06rem; right: 0.16rem; background: url(../images/select.svg) no-repeat center center;background-size: contain; margin-top: -0.03rem; border: 0;}
.apply-from .layui-form-select .layui-input{padding-left: 0.17rem; padding-right: 0.3rem;}
.layui-form-select .layui-input:hover,
.layui-form-select .layui-input:not(:focus){border-color: transparent;}
.layui-form-selected .layui-input{border-color: var(--black-color); box-shadow:0 0 0 2px rgba(var(--primary-color__rgb),.2);}

.fold-content{margin-top: var(--pm__40);}
.fold-content .open-option{display: flex;justify-content: center; overflow: hidden; margin-bottom: var(--pm__30);}
.fold-content .open-option span{display: flex;align-items: center; position: relative;z-index: 1;cursor: pointer;}
.fold-content .open-option span i{margin-left: 0.07rem;display: block; width: 0.11rem; height: 0.11rem; background: url(../images/drop.svg) var(--background-contain);transition: 0.3s;}
.fold-content.hide .open-option span i{transform: rotate(180deg);}
.fold-content .open-option span:before,
.fold-content .open-option span:after{position: absolute; content: ''; height: 1px;border-top: 1px dashed #cbcbcb; top: 50%; width: 100vw;}
.fold-content .open-option span:before{right: calc(100% + 0.2rem);}
.fold-content .open-option span:after{left: calc(100% + 0.2rem);}
.fold-content.hide .apply-from{display: none;}
.fold-content .preview-area li{padding-top: 0.08rem;padding-bottom: 0.08rem;}

.show-input,
.show-textarea{background-color: #f2f2f2;border-radius: 0.03rem;color: rgba(var(--black-color__rgb),0.8);}
.show-input{min-height: 0.46rem;display: flex;align-items: center;padding: 0 0.15rem;}
.show-textarea{padding: 0.16rem;}
.show-textarea .inside{ line-height: calc(24 / 16);max-height: calc(24 / 16 * 3em); overflow: auto; padding-right: 0.2rem;}
.show-textarea .inside::-webkit-scrollbar{width:.02rem;height:.02rem}

.list-news li{padding: var(--pm__20) 0; border-bottom: var(--border);}
.list-news li a:after{display: block; content: ''; width: 0.3rem; height: 0.3rem;background: url(../images/more.svg) var(--background-contain);flex-shrink: 0; margin-left: 0.1rem;}
.list-news li .txt{flex: 1;}
.list-news li h3{margin: 0.2rem 0 0.1rem 0;}
.list-news li a:hover h3{text-decoration: underline;}
.list-news li time{font-size: var(--font-size__14);}
.list-news li p{color: #555;}
.load-state-container {
    text-align: center;
    padding: 20px 0;
}
.no-more {
    color: #999;
    font-size: 14px;
    padding: 20px 0;
}
.empty-state {
    padding: 60px 20px;
    color: #999;
    font-size: 16px;
    text-align: center;
}
.loading.full-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    gap: 12px;
}

    .loading.full-loading i {
        width: 32px;
        height: 32px;
        border: 3px solid #f3f3f3;
        border-top: 3px solid #1291a0;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }

    .loading.full-loading span {
        color: #666;
        font-size: 14px;
    }

.load-more-container {
    margin-top: 20px;
}

.load-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #000000;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(18, 145, 160, 0.2);
}

    .load-more-btn:hover:not(:disabled) {
        background: #0f7a8a;
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(18, 145, 160, 0.3);
    }

    .load-more-btn:active:not(:disabled) {
        transform: translateY(0);
        box-shadow: 0 2px 4px rgba(18, 145, 160, 0.2);
    }

    .load-more-btn:disabled {
        background: #a0d1d9;
        cursor: not-allowed;
        transform: none;
        box-shadow: none;
    }

.loading-icon {
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    border-top: 2px solid currentColor;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.fixed-loginTip{position: fixed;left: 0;width: 100%; background: url(../images/fixed-bg.jpg) var(--background-cover); color: var(--white-color); bottom: 0; z-index: 600;visibility: hidden; opacity: 0; transition:opacity 0.3s; transform: translateY(100%);}
.fixed-loginTip.show{visibility: visible; opacity: 1; transform: translateY(0);}
.fixed-loginTip .close{position: absolute; top:0;right:0; width: 0.4rem; height: 0.4rem; background: url(../images/close2.svg) rgba(var(--white-color__rgb), 0.1) no-repeat center center;background-size: calc(16 / 40 * 100%) auto;}
.fixed-loginTip .container{--max-width:1130;height: 1rem;}
.fixed-loginTip .img{flex-shrink: 0;width:calc(208 / var(--max-width) * 100%); height: 1rem;position: relative;}
.fixed-loginTip .img:before{position: absolute; bottom: 0; left: 0; width: 100%; height: 1.42rem; background: url(../images/img.png) no-repeat center top;background-size: 100% auto; content: '';}
.fixed-loginTip .text{flex: 1; font-size: var(--font-size__24); letter-spacing: 0.02rem;  font-weight: var(--font-weight__m); line-height: 1.1;}
.fixed-loginTip .text .mark{position: relative;z-index: 1;}
.fixed-loginTip .text .mark span{position: relative;z-index: 3;}
.fixed-loginTip .text .mark::before{height: 0.06rem; z-index: 1; position: absolute; left: 0; bottom: 0;background-color: #feff00;opacity: 0.4; content: ''; width:calc(100% - 1.1em);}
.fixed-loginTip .btn{flex-shrink: 0;}
.fixed-loginTip .btn a{display: block; line-height: calc(40 / 16); color: #272727;background-color: #feff00;border-radius: 0.02rem; padding: 0 calc(44 / 16 * 1em); position: relative;}
.fixed-loginTip .btn a:hover{background-color: rgba(255, 255, 0, 0.8);}
    @media (max-width:1024px) {
      .fixed-loginTip{padding: 0 var(--pm__30);}
      .fixed-loginTip .text{font-size: var(--font-size__20);}
      .fixed-loginTip .btn a{padding: 0 2em;}
    }
    @media (max-width:480px) {
      .fixed-loginTip{padding-top: 0.3rem;}
      .fixed-loginTip .img{position: absolute; left: var(--pm__30); bottom: 75%; height: 0.5rem;}
      .fixed-loginTip .img:before{height: 150%;}
      .fixed-loginTip .btn a{padding: 0 1em;}
      .fixed-loginTip .text{flex-wrap: wrap;justify-content: flex-start;}
      .fixed-loginTip .text .mark{display: inline-block; margin-bottom: 0.3em;}
      .fixed-loginTip .text{font-size: var(--font-size__18);}
    }

    

        /* 企业下拉选择器样式 */
   /* .company-dropdown {position: relative;z-index: 1;}*/
   .company-dropdown.open{z-index: 10;} 
   .company-dropdown div.text { background: url(../images/select.svg) no-repeat right 0.1rem center transparent;padding-right: 0.2rem; background-size: auto 0.06rem; cursor: default;}

   .company-dropdown .selected-text {
         color: #333;
         flex: 1;
     }

     .company-dropdown .placeholder {
         color: #949494;
         flex: 1;
     }

     .company-dropdown .dropdown-arrow {
         color: #666;
         font-size: 12px;
         transition: transform 0.2s;
         margin-left: 8px;
     }

     .company-dropdown .dropdown-arrow.rotated {
         transform: rotate(180deg);
     }

     .company-dropdown .dropdown-menu {
         position: absolute;
         top: 100%;
         left: 0;
         right: 0;
         background: white;
         border: 1px solid #000;
         border-top: none;
         border-bottom-left-radius: 4px;
         border-bottom-right-radius: 4px;
         z-index: 1000;
         padding: 0.1rem;
         box-shadow: 0 2px 8px rgba(0,0,0,0.1);
     }
     .company-dropdown .dropdown-menu .text{padding: 0 1em 0 0.26rem !important;}


     .company-dropdown .dropdown-menu .suggestions-list {
         max-height: 2rem;
         overflow-y: auto;
     }


     #wranTips h3{margin-bottom: 0.29rem;}
     #wranTips .icon{width: 0.6rem;height: 0.6rem; background: url(../images/warn.svg) var(--background-contain);margin: 0 auto  0.1rem;}
     #wranTips .tips{line-height: 2.4;margin-bottom: 0;}
     #wranTips .tips span{color: #ff7200;}

[class*=step-cate-]{  background-color: #f8f8f8;padding: var(--pm__30);}
[class*=step-cate-] h2{margin: 0 0 0.5em 0;font-size: var(--font-size__18); padding-bottom: 0.5em;border-bottom: 1px solid rgba(var(--black-color__rgb), 0.1);}
.news-cate li a{line-height: calc(24 / 14);
padding: calc(5 / 14 * 1em);display: flex;align-items: center;}
.step-cate-2 .select-base{ background-color: var(--white-color); padding-left: 1em;    height: 0.4rem;line-height: 0.4rem; width: 100%;}

@media (max-width:1024px) {
.step-cate-1{position: relative;z-index: 10;}
.step-cate-1 h2{display: flex;align-items: center;justify-content: space-between;border: 1px solid rgba(var(--black-color__rgb), 0.1);margin: 0;padding: 0.1rem 0.2rem; font-weight: var(--font-weight__m); line-height: 1.2;}
.step-cate-1 h2:after{display: block;  content: ''; width: 0.12rem; height: 0.06rem; background: url(../images/select.svg) var(--background-contain); margin-left: 0.1rem;  transition: 0.3s;flex-shrink: 0;}
.news-cate{background-color: var(--white-color);padding: 0.2rem 0;}
.news-cate ul{padding:0 0.2rem;overflow: auto; max-height: 10em;}
.step-cate-1 .news-cate{   position: absolute; top: calc(100% - var(--pm__30)); right: var(--pm__30); left: var(--pm__30);box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1); display: none;}
}

.fliter-result{border-bottom: 1px solid rgba(var(--black-color__rgb), 0.1);margin-bottom: 0.1rem;}
.fliter-result li{display: flex;align-items: center;padding: 5px 10px;border-radius: 0.15rem;background-color: #e8e8e8; padding: 0 0.12rem;  line-height: calc(30 / 14); font-size: var(--font-size__14); margin: 0 2px 2px 0;}
.fliter-result li a{display: block;width: 0.12rem;height: 0.12rem; background: url(../images/close.svg) var(--background-contain); margin-left: 0.1rem; background-size: auto 70%;}
.filter-btn{margin: 0.1rem 0;}
.filter-btn a{display: inline-block;padding: 0 0.5em; line-height: 1.5; background-color: var(--black-color);color: var(--white-color); font-size: var(--font-size__14); border-radius: 0.15rem;}
.fliter-nav .name{display: flex;justify-content: space-between;align-items: center; cursor: pointer;font-weight: var(--font-weight__m);line-height: 1.2; margin-bottom: 0.5em;}
.fliter-nav .name:after{display: block;  content: ''; width: 0.12rem; height: 0.06rem; background: url(../images/select.svg) var(--background-contain); margin-left: 0.1rem;  transition: 0.3s;flex-shrink: 0;}
.fliter-nav li{font-size: var(--font-size__14);display: flex;line-height: calc(24 / 14);padding: calc(5 / 14 * 1em);cursor: pointer;align-items: baseline;}
.fliter-nav li i{margin-right: var(--pm__10);width: 0.14rem;height: 0.14rem;border: solid 0.01rem #b0b0b0;flex-shrink: 0;}
.fliter-nav .checkbox{border-radius: 0.02rem;}
.fliter-nav .radiobox{border-radius:50%;position: relative;}
.fliter-nav li.active i{background-position: center center;background-repeat: no-repeat;background-size: contain;border-color: var(--black-color); background-color: var(--black-color);}
.fliter-nav li.active .checkbox{background-image: url(../images/checked.svg); }
.fliter-nav li.active .radiobox:after{position: absolute; content: '';width: 50%;top: 25%;left: 25%; height: 50%; background-color: var(--white-color);border-radius: 50%;}
.fliter-nav .item:not(:last-child){margin-bottom: 0.2rem;}
@media (min-width:1025px) {
.fliter-nav li:nth-child(5) ~ li{display: none;}
.fliter-nav .list-checkbox.show li:nth-child(5) ~ li{display: flex;}
.fliter-nav .name:after{transform: rotate(-180deg);}
.fliter-nav .item.show .name:after{transform: rotate(0deg);}
.fliter-nav .item.show .list-checkbox{display: none;}
.fliter-nav .item:not(:last-child){border-bottom: 1px solid rgba(var(--black-color__rgb), 0.1); }
}
@media (max-width:1024px) {
   .fliter-nav{display: flex;flex-wrap: wrap;}
   .fliter-nav .item{width: calc((100% - 0.2rem) / 2); position: relative;z-index: 10;}
   .fliter-nav .item.wap-show{z-index: 20;}
   .fliter-nav .item:not(:nth-child(2n)){margin-right: 0.2rem;}
   .fliter-nav .item .name{border: 1px solid rgba(var(--black-color__rgb), 0.1);margin: 0;padding: 0.1rem 0.2rem;}
   .fliter-nav .item.wap-show .name:after{transform: rotate(180deg);}
   .fliter-nav .list-checkbox{position: absolute; position: absolute; top: 100%; right: 0; left:0;box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1); background-color: var(--white-color);padding: 0.2rem 0;display: none;}
   .fliter-nav .item.wap-show .list-checkbox{display: block;}
   .fliter-nav .list-checkbox ul{overflow: auto; max-height: 10em; padding: 0 0.2rem;}
   .fliter-nav .filter-btn{display: none;}
}

.filter-search{padding: 0.1rem; background-color: #f8f8f8; margin-bottom: 0.2rem;}
.filter-search .inner{max-width: 7rem;position: relative;z-index: 1;}
.filter-search .btn-search{height: 100%;width: 0.6rem;position: absolute;z-index: 10;right: 0; top: 0;display: flex;align-items: center; justify-content: center; background-color: var(--black-color);border-radius: 0 0.04rem 0.04rem 0;}
.filter-search .btn-search:before{width: 0.18rem;height: 0.18rem;display: block;content: '';background: url(../images/search.svg)  var(--background-contain); filter: brightness(0) invert(1);}