@charset "UTF-8";
/* css 初始化 */
* { box-sizing: border-box; }
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: PingFangSC-Regular, PingFang SC;}
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; } /*防止拖动*/
img {border:0; vertical-align:middle; width: 100%; /*height: 100%;*/}  /*  去掉图片低测默认的3像素空白缝隙 */
table { border-collapse:collapse; }
body {
font:16px PingFangSC-Regular, PingFang SC,"\5b8b\4f53";
background:#F7F7F7;
position: relative;
}
.clearfix:before,.clearfix:after{
content:"";
display:table;
}
.clearfix:after{clear:both;}
.clearfix{
*zoom:1;/*IE/7/6*/
}
a{color:#666; text-decoration:none; }
a:hover{color: var(--main-color);}
h1,h2,h3,h4,h5,h6{text-decoration:none;font-weight:normal;font-size:100%;}
s,i,em{font-style:normal;text-decoration:none;}

/* 公共类 */

.container{
    /* height: 3000px; */
    margin-top: 80px;
    /* padding-top: 8vh; */
}

/* 轮播图 */
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide > a > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
}

/* 返回上一级按钮 */
.goback{
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 400;
  color: #333333;
  cursor: pointer;
}
.goback .iconfont{
  transform: rotate(180deg);
  font-weight: bold;
  font-size: 1rem;
}

/* 按钮 */
.btn {
  font-size: 1vw;
  text-align: center;
  font-weight: 400;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  cursor: pointer;
  transition: all 0.1s ease-in;
  padding: 0.5vw 1.5vw;
  display: inline-block;
  border-radius: 3px;
}
.btn:hover {
  background-color: var(--color-primary);
  color: #ffffff;
}
