* {
  box-sizing: border-box;
}
button,hr,input{overflow:visible}
audio,canvas,progress,video{display:inline-block}
progress,sub,sup{vertical-align:baseline}
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
menu,article,aside,details,footer,header,nav,section{display:block}

h1{font-size:2em;margin:.67em 0}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
body {
  height: 100%;
  width: 100%; background: #fff; color:#555; font-size: 14px;
}


header{
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  position: fixed;
  left: 0;
  right: 0;
  padding: 20px 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.is_sticky {
  background-color: white;
  box-shadow: 0 6px 13px rgba(38,78,118,0.1);
  padding: 6px 0;
}
.header{
  max-width: 1400px;
  padding: 0 22px;
  margin:0 auto;
  display: flex; align-items: center; justify-content: space-between;
  height: 58px; line-height: 42px;
}
.humber{ display: none ;}
.logo{
  min-width: 200px !important; color:#333; display: flex; flex-wrap: nowrap; align-items: center; gap: 12px;
}
.logo img{
  width: 260px;height: 50px;
}
.nav{
  display: flex; 
}
.nav a{ text-decoration: none; color: #333;}
.nav li{
  list-style: none; padding: 0 0; cursor: pointer; margin: 0 26px; font-size: 15px; 
  display: block; flex-wrap: none; text-wrap: nowrap; font-weight: 600;
}
.nav .active{
  border-bottom: #1A66FF 2px solid; color:#1A66FF;
}
@media screen and (max-width:900px){
  /* .nav{ display: none;}
  .humber{ display: block;} */
  .header{height: 52px; line-height: 42px;}
}
shadow::before{
  content: '';
  box-shadow: 0 0 16px 1px #333;
  position: fixed;
  width: 100%;z-index: 200;
}
shadow::after{
  content: '';
  width: 100%;
  height: 12px;
  /* background: linear-gradient(to bottom, #fff 50% , transparent); */
  background: #FFF;
  position: absolute;z-index: 200;
}
.btn-down{
  background: #1A66FF; color:#fff; padding:12px 32px; border-radius: 6px; cursor: pointer; text-wrap: nowrap;
}
label{
 display:flex;
  flex-direction:column;
  width:42px;
  cursor:pointer;
}
label span{
  background: #1A66FF;
  border-radius:10px;
  height:5px;
  margin: 5px 0;
  transition: .4s  cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
/* span:nth-of-type(1){width:50%;}
span:nth-of-type(2){
  width:100%;
}
span:nth-of-type(3){
  width:75%; 
} */
input[type="checkbox"]{
  display:none;
}
input[type="checkbox"]:checked ~ span:nth-of-type(1){
  transform-origin:bottom;
  transform:rotatez(45deg) translate(9px,2px)
}
input[type="checkbox"]:checked ~ span:nth-of-type(2){
  transform-origin:top;
  transform:rotatez(-45deg)
}
input[type="checkbox"]:checked ~ span:nth-of-type(3){
  transform-origin:bottom;
  width:55%;
  transform: translate(18px,-9px) rotatez(45deg);
}


.container {
  width: 100%;
  height: 100%;
}
.box{
  width: 100%;
  max-width: 1400px;
  padding: 0 22px;
  margin:0 auto;
}
.box .title{ text-align: center;}
.box .title h2{ font-size: 36px;}
.box .title h5{ font-size: 16px; color:#999}

.mainCard {
  text-align: center;
  display: block;
  margin: 20px auto;
  align-items: center; justify-content: center;
  background-color: white;
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.2);
  width: 100%;
  -webkit-animation-name: mainCard;
          animation-name: mainCard;
  -webkit-animation-duration: .2s;
          animation-duration: .2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.mainCardHeader {
  background-color: #1A66FF;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  height: 160px;
  width: 100%;
}
.mainCardContent {
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: -100px;
  height: 100%;
  width: 100%;
}

.card {
  display: inline-block;
  padding: 32px 12px 32px 12px;
  margin: 12px;
  background-color: white;
  height: auto;
  width: 210px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-animation-name: miniCard;
          animation-name: miniCard;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.162);
}
.card .item{
  height:100%;width:100%; line-height: 30px;
  display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;
}
.card img{width: 50px; height: 50px;}
.cookieHeading {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.cookieDescription {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #888;
  height: 60px; line-height: 22px;
}

@-webkit-keyframes miniCard {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes miniCard {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes mainCardHeader {
  0% {
    transform: scaleY(0);
  }
}
@keyframes mainCardHeader {
  0% {
    transform: scaleY(0);
  }
}
@-webkit-keyframes mainCard {
  0% {
    transform: scale(0);
  }
}
@keyframes mainCard {
  0% {
    transform: scale(0);
  }
}
.el-collapse-item{
  border-bottom: 1px solid #ccc !important;
}
.el-collapse-item:first-child{
  border-top: 1px solid #ccc !important;
}
.el-collapse-item__content{
  text-align: left; font-size: 16px !important; color: #666 !important;
}
.el-collapse-item__header{
  font-size: 18px !important; font-weight: 600 !important;
  padding-top: 36px;padding-bottom: 36px;
  display: flex; justify-content: space-between;
}
.el-collapse-item__header .el-collapse-item__arrow {
  display: none !important;
}
.el-collapse-item__header::after {
  content: '+'; 
  margin-left: 10px; font-size: 26px; font-weight: 500;
}
 
/* 根据折叠状态改变自定义图标 */
.el-collapse .is-active .el-collapse-item__header::after {
  content: '-';  font-size:  28px; font-weight: 500;
}



.swiper {
  width: 100%;
  height: 100%;
  border: 12px solid #000; border-radius: 12px;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(255, 255, 255, 0.9);
}

.swiper-pagination-bullet-active {
  color: #fff;
  background: #007aff;
}
.autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--swiper-theme-color);
}

.autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: var(--swiper-theme-color);
  fill: none;
  stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}

.hljs {
  line-height: 1.8;
  font-family: Menlo,Monaco,Consolas,Courier,monospace;
  font-size: 12px;
  border-radius: 4px;
  -webkit-font-smoothing: auto;
  width: 100%;
  display: block;
  overflow-x: auto;
  padding: 1em;
  background-color: rgb(128, 128, 128, .12); border: 1px solid #ccc;
  background-color: #333; color:#FFF;
}