@font-face {
  font-family: 'biaoti';
  src: url(../img/ysbth_subset.ttf);
}
@font-face {
  font-family: 'scr';
  src: url(../img/SourceHanSansSC-Regular.ttf);
}

/* reset.css  重置样式 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	
	/* font: inherit; */
	vertical-align: baseline;
    font-family: 'scr';
    /* font-style: normal; */
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color:transparent;
    /* -webkit-user-select:none; */
    /* user-select:none;  */
}
img{
    width: 100%;
	  display: block;
    pointer-events: none;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	position: relative;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
a{text-decoration:none;color:#000;}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h2,strong{
    font-weight: bold;
}


/* 居中 */
.center{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

/* flex定位 */
.flex{ display: flex;display: -webkit-flex;width:100%;}

/* 重置按钮、输入框的样式 */
button,input,textarea,select{border: 0;background: none;outline: none;cursor: pointer;resize:none;}

/* 遮罩层 */
.mask{display: none;position: fixed;top: 0;left: 0;width:100vw;height: 100vh;background: rgba(0,0,0,.8);z-index: 200;}


/* 提交中 */
.uping{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}
.uping p{
    font-size:28px;
    color: #fff;
}
.uping p::before{
    content:'';
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-bottom:-14px;
    margin-right:20px;
    background: url(../img/loading.png) no-repeat center / contain;
    transition: 0.3s rotate;
    animation: uping 1s linear infinite;
}
@keyframes uping{
    to{
        transform:rotate(360deg);
    }
}

.confirm{position: absolute;top: 0;left: 0;width: 100%;height: 100vh;z-index: 200;background: rgba(0, 0, 0, .3);}
.confirm .center{width: 350px;background-color: #fff;border-radius: 8px;top: 45%;}
.confirm-text{line-height: 1.5;font-size: 16px;color: #333;text-align: center;height: 120px;padding: 8px;justify-content: center;align-items: center;}
.confirm-btns{border-top: 1px solid #ddd;justify-content: center;}
.confirm-btns > div{width: 50%;font-size: 14px;text-align: center;line-height: 40px;}
.confirm-cancle{border-left: 1px solid #ddd;cursor: pointer;}
.confirm-sure{color: #9A744F;cursor: pointer;}

.relative{position: relative;}
.absolute{position: absolute;}
.absolute.top{top:0;}
.absolute.bottom{bottom:0;}
.hidden{display: none;}
.zimg{position: relative;z-index: 1;}
.z20{z-index: 20;}
.opacity{opacity: 0;}
.ellip{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.transition{transition: transform .3s ,opacity .3s;}
.loopmove{animation: loopMove 1s linear infinite forwards;}
@keyframes loopMove {
  50%{
    transform: translate3d(0,0,0) scale(1) rotate(0);
    opacity: 1;
  }
}
.oncemove{animation: onceMove 1s linear forwards;}
@keyframes onceMove {
  100%{
    transform: translate3d(0,0,0) scale(1) rotate(0);
    opacity: 1;
  }
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .3s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}
[v-cloak]{display: none;}



.tc .center{width: 80%;top: 48%;}
.tc .close{width: 25px;top: -28px;right: 0;}

.tc-share .share-tip{right: 25px;top: 15px;text-align: right;}
.tc-share .share-tip.on{right: 75px;}
.tc-share .share-tip img{width: 75px;display: inline-block;}
.tc-share .share-tip p{font-size: 14px;color: #fff;margin: 20px 0;width: 250px;text-align: right;}

.tc-loading{background: none;}
.tc-loading .center{top: 45%;width: 40%;background-color: rgba(0, 0, 0, .5);border-radius: 5px;padding: 25px 0;text-align: center;}
.tc-loading .center img{width: 28%;margin: 0 auto 8px;animation: musicRotate 2s infinite linear;}
.tc-loading .center p{font-size: 14px;text-align: center;color: #fff;}

.container{width: 100%;height: 100vh;position: relative;overflow: hidden scroll;background-color: #f8fbff;}

/* 页面最大宽度 */
.main-width{min-width: 1200px;margin: 0 auto;max-width: 1600px;width: 70%;}
.text-color{color: #9A744F;}
.text-color2{
    font-weight: bold;
    background: linear-gradient( 121deg, #EFC69E 0%, #ffe6bd 100%);
  
  /* 兼容 Safari/Chrome 旧版 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
  /* 兼容 Firefox/标准 */
  background-clip: text;
  color: transparent; /* 降级方案：如果不支持 clip，文字会透明，但至少不会显示错误的纯色 */
}
.bg-color{background-color: #9A744F;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}

/* 页面通用顶部导航 */
.header {height: 70px;background-color: transparent;position: fixed;z-index: 100;top: 0;left: 0;z-index: 100;width: 100%;}
.header.shadow{box-shadow: 1px 0 6px #ddd;background-color: #fff;}
.header .main-width{justify-content: space-between;height: 100%;align-items: center;}
.header .logo{width: 150px;cursor: pointer;}
.header .nav{height: 70px;}
.header .nav-item{display: inline-block;margin-left: 50px;cursor: pointer;position: relative;height: 100%;}
.header .nav-item::after{content:'';position: absolute;width: 0%;height: 2px;background-color: #9A744F;left: 50%;transform: translateX(-50%);bottom: 2px;opacity: 0;transition: all .5s;}
.header .nav-item > span{font-size: 16px;color: #fff;transition: all .3s;display: flex;height: 100%;align-items: center;}
.header .nav-item.black > span{color: #333;}
.header .nav-item:hover::after,.header .nav-item.on::after{opacity: 1;width: 100%;}
.header .nav-item:hover span,.header .nav-item.on span{color: #9A744F;}
.header .nav-item .classify{width: 200%;top:100%;left: -50%;background-color: #fff;display: none;padding-top: 0px;box-shadow: 1px 1px 5px #ddd;opacity:0;transform: translate3d(0,-10px,0);animation-duration: .35s;animation-timing-function: ease;}
.header .nav-item .classify p{color:#666;padding: 10px 0 ;cursor: pointer;line-height: 1.3;}
.header .nav-item .classify p:hover{color:#9A744F;}
.header .nav-item.nav-1:hover .classify{display: block;z-index: 5;}
.header .nav-item.nav-2:hover .classify{display: block;z-index: 5;}
.header .nav-item .classify .item{font-size: 14px;color: #333;padding: 15px 10px;text-align: center;}
.header .nav-item .classify .item{border-bottom:1px solid #f5f5f5;}

.header .nav-item.nav-2 .classify{width: 300%;left: -100%;
  /* max-height: 400px;overflow: hidden scroll; */
  display: none;}
.header .nav-item.nav-2 .classify .item{display: flex;align-items: center;justify-content: space-between;position: relative;height: 50px;}
.header .nav-item.nav-2 .classify .item i{transform: rotate(90deg);font-size: 30px;color: #666;transition: all .25s;transition: 50% 0;font-style: normal;}
.header .nav-item.nav-2 .classify .item.on{background-color: #FFF6EC;}
.header .nav-item.nav-2 .classify .item.on p,
.header .nav-item.nav-2 .classify .item:hover p{color: #9A744F;}
.header .nav-item.nav-2 .classify .item.on i,
.header .nav-item.nav-2 .classify .item:hover i{color: #9A744F;}
.header .nav-item.nav-2 .classify .item.on i{transform: rotate(0);}
.header .nav-item.nav-2 .classify::-webkit-scrollbar {
  width: 4px;   /* 垂直滚动条宽度 */
  height: 4px;  /* 水平滚动条高度 */
}
.header .nav-item.nav-2 .classify::-webkit-scrollbar-track {
  background: #f9f9f9; 
  border-radius: 10px;
}
.header .nav-item.nav-2 .classify::-webkit-scrollbar-thumb  {
  background: #999; 
  border-radius: 10px;
}
.header .nav-item.nav-2 .lv1{font-size: 14px;font-weight: bold;color: #333;text-align: left;margin-left:10px;padding: 0;}
.header .nav-item.nav-2 .lv2{font-size: 14px;font-weight: normal;color: #333;text-align: left;margin-left:10px;padding: 0;}
.header .nav-item.nav-2 .lv3{font-size: 12px;font-weight: normal;color: #666;text-align: left;margin-left:10px;padding:0px;}
.header .nav-item.nav-2 .second-classify{background-color: #fff;left:100%;width: 100%;display: block;top: 0;min-height: 100%;}
.header .nav-item.nav-2 .third-classify{background-color: #fff;left:200%;width: 100%;display: block;top: 0;min-height: 100%;}


.header .search-box{display: inline-block;vertical-align: middle;margin-left: 50px;}
.header .nav-item .classify .item:hover{color: #9A744F;}
.header .search-box input{width: 0px;height: 30px;font-size: 14px;color: #333;border: 0px solid #ddd;transition: all .25s;border-radius: 5px;position:relative;top: -3px;}
.header .search-box input.on{width: 180px;border: 1px solid #fff;padding:0 5px;margin-left: 20px;}
.header .search-box input::placeholder{color: #ddd;}
.header .search-box.black input.on{border: 1px solid #333;}
.header .search-box .btn-search{display: inline-block;cursor: pointer;margin-left: 10px;width: 16px;}
.pt-head{padding-top: 70px;}

/* 页面通用底部 */
.footer{background: url(../img/1.png) no-repeat center / cover;padding: 30px 0;height: 360px;box-sizing: border-box;position: relative;z-index: 50;}
.footer .main-width{justify-content: space-between;}
/* .footer .left{} */
.footer .left .logo{width: 200px;margin-bottom: 30px;}
/* .footer .left .social-media{} */
.footer .left .social-media .item{width: 36px;margin-right: 20px;}
.footer .left .social-media .item .pop{min-width: 120px;min-height: 50px;top: -245px;left: 0;background-color: #fff;border-radius: 10px;display: none;z-index: 5;padding: 10px 10px;height: 240px;flex-direction: column;justify-content: flex-end;}
.footer .left .social-media .item .pop::after{content:'';
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #fff; /* 指向方向的反向有颜色 */
  position: absolute;bottom: -6px;left: 0px;
}
.footer .left .social-media .item.wx .pop{height:170px;top:-176px}
.footer .left .social-media .item.weibo .pop{height:280px;top:-286px}
.footer .left .social-media img{pointer-events: auto;cursor: pointer;}
.footer .left .social-media .item:hover .pop{display: flex;}
.footer .left .social-media .item .pop p{font-size: 14px;color: #333;margin-top: 5px;}
.footer .left .social-media .item .pop .code{width: 150px;margin: 0 auto;}
.footer .left .social-media .item.weibo .pop .code{width:280px;}
.footer .left .map{margin: 26px 0 20px;width: 360px;cursor: pointer;}
.footer .left .info{color: #fff;white-space: nowrap;margin-bottom: 40px;}
.footer .left .info .address{margin-right: 10px;}
.footer .left .info .icon{height: 20px;margin-right: 5px;}
.footer .left .info .icon img{width: auto;height: 100%;}
.footer .left .info .text h2{font-size: 14px;margin-bottom: 3px;}
.footer .left .info .text p{font-size: 14px;}

/* .footer .right{}
.footer .right .nav{} */
.footer .right .nav-item{display: inline-block;color: #fff;margin-left: 40px;cursor: pointer;}
.footer .right .nav-item span{font-size: 16px;}
.footer .right .nav-item span:not(.nojump):hover{text-decoration: underline;}
.footer .right .nav-item .classify{margin-top: 5px;}
.footer .right .nav-item .classify .item{font-size: 14px;padding: 10px 0;color: #ddd;}
.footer .right .nav-item .classify .item:hover{color: #fff;text-decoration: underline;}

.footer .filing{text-align: center;}
.footer .filing span{cursor: pointer;font-size: 12px;color: #ddd;display: inline-block;}
.footer .filing span a{font-size: inherit;color: inherit;}
.footer .filing span:hover{text-decoration: underline;}
.footer .filing span:nth-of-type(1){margin-right: 20px;}
.footer .filing span:nth-of-type(2){margin-right: 10px;}

.page-content{min-height: calc(100vh - 70px - 360px);}
.btn--zixun{position: fixed;top: 60vh;z-index: 100;right: 12px;width: 36px;border-radius: 10px 0 0 10px;padding: 5px 5px;background-color: #fff;box-shadow: 1px 1px 5px #ddd;}
.top-nav span:not(.not-link){cursor: pointer;}
.top-nav span:not(.not-link):hover{text-decoration: underline;color:#333;}

.swiper-default-height{height: 780px;}

/* 动画 */
.ani-el{opacity: 0;}
.ani-el.showed{opacity: 1;}
.ani-el.delay-1{animation-delay: 1s;}

.van-tab__text{font-size: 14px;}

/* =======================页面宽度固定750的兼容适配====================== */

/* 640 */
@media screen and (max-height:1280px){
}

/* 620 */
@media screen and (max-height:1240px){
 
}
/* 589 */
@media screen and (max-height:1178px){
 
}
/* 560 */
@media screen and (max-height:1120px){

}

/* 672 i8p */
@media screen and (max-height:1344px){

}

/* 700 */
@media screen and (min-height:1400px){

}


/* =======================兼容适配====================== */

/* 小屏安卓 */
@media screen and (max-height:620px) and (min-width:359px){
  
}
/* 小屏安卓 */
@media screen and (max-height:589px) and (min-width:359px){
  
}
/* 小屏安卓 */
@media screen and (max-height:560px) and (min-width:359px){
   
}

/* 大屏安卓 */
@media screen and (min-height:700px) and (min-width:360px){
  
}

/* ip6/7/8p  414 * 736  wx:414 * 672 wx+:414 * 622 */
@media screen and (min-width:400px) and (min-height:600px) and (max-height:700px){  
}

/* ipxr  414 * 808  wx:414 * 808 wx+:414 * 759 */
@media screen and (min-width:400px) and (min-height:700px){

}