@font-face {
  font-family: 'hml';
  src: url('fonts/HarmonyOS/Light.woff') format('woff');
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'hmr';
  src: url('fonts/HarmonyOS/Regular.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'hmm';
  src: url('fonts/HarmonyOS/Medium.woff') format('woff');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'hmb';
  src: url('fonts/HarmonyOS/Bold.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}

ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address,ol{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}

body{font-family: 'sans-serif';--hover-color:#fcc000;--white:#fff; --black:#000; --grey:#666; --grey2:#999; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size: 14px;--radius: .1rem;overflow-x: hidden}

a:hover{color: var(--hover-color)}
.overflow {overflow: hidden;}
select {appearance: none; color:#999999;-moz-appearance: none;-webkit-appearance: none;background: #fff url(../images/icon-down.svg) no-repeat right 0.12rem center;background-size: .18rem auto;padding-left: 12px;padding-right: 14px;}
select::-ms-expand {display: none;}


.Header{position: relative;z-index: 100;background: #fff;}
.Header:after{content: '';position: absolute;width: 100%;height: calc(100% + .8rem);left: 0;top: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 100%);z-index: 1;display: none}


.Header .Header-top{background:var(--hover-color);height: 33px ;color: #fff;z-index: 10;position: relative}
.Header .Header-top .right {display: flex;;}
.Header .Header-top .right .item{display: flex;position: relative;margin-left: 20px}
.Header .Header-top .right .item span{color: #fff;display: block;line-height: 0.33rem; font-size: 0.14rem;}
.Header .Header-top .right .item a{color: #fff;display: inline-block;position: relative;line-height: 0.33rem; font-size: 0.14rem; cursor: pointer}
.Header .Header-top .right .item a.mb{padding-right: .15rem;}
.Header .Header-top .right .item a.mb::before{content: '';position: absolute;width: 7px;height: 7px;background: url(../images/icon-jt2-w.svg)no-repeat center;background-size: 12px auto;transform: rotate(90deg);right: 0;top: 50%;margin-top: -3px;}
.Header .Header-top .right .item .hover{position: absolute;top: 100%;left: 0;background: #fff;width: 100%;display: none;padding: 10px 0;border: 1px solid #eee}
.Header .Header-top .right .item .hover a{display: block;line-height: 30px;text-align: center;color: #333}
.Header .Header-top .right .item .hover a:hover{background: #f5f5f5;color: var(--hover-color)}
.Header .Header-top .right .item a.mb:hover::before{transform: rotate(-90deg);}
.Header .Header-top .right .item:hover .hover{display: block}
.Header .Header-top .right .item i{display: flex;justify-content: center;align-items: center;font-style: italic;margin: 0 .02rem}
.Header .Header-bottom{padding: .2rem 0}

.Header .logo img{max-height: .8rem;transition: .3s all}
.Header .logo img.black{display: none;}

.Header .menu{display: flex;justify-content: space-between;}
.Header .menu span a{color: #fff;transition: .3s all;position: relative;text-transform: uppercase;}
.Header .menu span a{font-size: var(--font-size18);}
.Header .menu span a::before{content: '';position: absolute;width: 0;height: 2px;background:var(--hover-color);left: 50%;bottom: -.1rem;transform: translateX(-50%);transition: .3s all;}





.Header .open-search { display: block; width: 0.2rem; height: .2rem; background: url(../images/search.svg) no-repeat center center ; background-size: .18rem auto; cursor: pointer;transition: .3s all;}
.Header .top-search { position: relative;width: 5.8rem;padding-right: 1rem; background-color: var(--white); display: flex; align-items: center; justify-content: center;transition: 0.3s;border: 2px solid var(--hover-color); }
.Header .top-search .search-select{position: relative}
.Header .top-search .search-select .tit{ background: #f8f8f8 ;display: flex;align-items: center;justify-content: space-between;cursor: pointer;height: 38px;padding: 0 0.12rem;width: 1.04rem;font-size: 0.14rem;}
.Header .top-search .search-select .tit::after{ content: '';width: .1rem;height: .1rem;background: url(../images/icon-jt2.svg);transform: rotate(90deg);background-size: .1rem auto;}
.Header .top-search .search-select ul{position: absolute; top: 100%; left: 0; z-index: 99; width: 100%; background: #fff; box-shadow: 2px 2px 2px rgba(0, 0, 0, .05);display: none}
.Header .top-search .search-select li {display: block;height: 30px;line-height: 30px;padding: 0 12px; cursor: pointer;font-size: 0.14rem;}
.Header .top-search .search-select:hover ul{display: block}
.Header .top-search .search-select li:hover {background: #f8f8f8;color: var(--hover-color);}
.Header .top-search .text { flex: 1; border: 0; height: 38px; line-height: 38px; padding: 0 10px; font-size: 0.14rem;}
.Header .top-search .text:not(.focus) { color: rgba(var(--rgb-999),1);}
.Header .top-search .btn { width: 1rem; height: 38px;line-height: 36px; display: flex;align-items: center;justify-content: center; background:var(--hover-color) ; cursor: pointer;color: #fff;font-size: 0.16rem}
.search-show .Header .open-search {}
.search-show .Header .top-search { opacity: 1; visibility: visible;transform: translateY(0);}

.Header .hottip{margin-top: .1rem;}
.Header .hottip a{font-size: 12px;margin-right: 10px;}
.Header .hottip a:not(:hover){color: #999;}

.Header .top-right .top-right-ri{display: flex;justify-content: space-between;margin-left: .6rem;}
.Header .top-right .top-right-ri a{display: flex;align-items: center;justify-content: center;width:1rem;height: 0.42rem;background:#0a64c3;color: #fff; font-size: 0.16rem;margin-left: .15rem }


@media(min-width:1025px){
    .Header .autoCon-1800{width: 90%}
    .Header .top-mid{width: 60%;}
    .Header .menu li span{}
    .Header .top-right {display: flex;}
    
    menu ul li.active .sub{transform:translateY(0);visibility:visible;opacity:1}
    menu li .sub{width:14em;position:absolute;left:50%;top:100%;transform:translateY(0.3rem);opacity:0;visibility:hidden;margin-left:-7em}
    menu li .sub dl dl{position:absolute;left:100%;top:-1em;width:14em;transform:translateX(0.3rem);visibility:hidden;opacity:0;}
    menu li .sub dl .active > dl{transform:translateX(0);visibility:visible;opacity:1}
}
@media (min-width:1025px) and (max-width:1400px) {
.Header .top-search{width: 4.8rem;}
}
@media(max-width:1024px){
    .Header .Header-top{height: auto;}
    .Header .Header-top .left{display: none;}
    .Header .Header-top .right{flex-wrap: wrap;}
    .Header .Header-top .right .item{margin: 0 15px 0 0}
    .Header .Header-top .right .item.grzx{z-index: 10}
    
    .Header .Header-bottom .autoCon-1180{position: relative;}
    .Header .logo{width: 20%;margin-bottom: 20px}
    .Header .top-right .top-right-ri{position: absolute;top: 20px;right: 0;margin-left: 0;width: 72%;}
    .Header .top-right .top-right-ri a{margin-left: 0.1rem;}
    .Header .top-search {width: 100%;}
	.Header .top-search .search-select .tit{font-size: 0.16rem;width: 1.2rem;}
	.Header .top-search .text{font-size: 0.16rem;}
	.Header .top-search .search-select li{font-size: 0.16rem;}
}
@media(max-width:768px){
.Header .top-right .top-right-ri a{flex: auto;width: auto}
}



.Banner003223{position:relative;z-index:1;--white:#fff; }
.Banner003223 .swiper-wrapper{height: auto;}


.Banner003223 .txt{position:absolute;left:0;bottom:0;width:100%;height: 100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;align-items:center;z-index:13;color:var(--white);}
.Banner003223 .txt :where(.tit1,.tit2,p,.index_more){opacity:0;transform:translateY(1rem);transition:0.5s;}
.Banner003223 .txt .tit1{font-size: .64rem;color: #fff;text-align: center;font-weight: bold}
.Banner003223 .txt .tit2{margin:0;font-size:0.72rem;line-height:1.5;transition-delay:0.5s;font-family: 'hmb';/*background: linear-gradient(to right, #71ba37, #11847d);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;*/}
/*.Banner003223 .txt h3 span{text-shadow: 1px 1px 1px rgba(17,132,125,.05),1px 2px 1px rgba(17,132,125,.15),1px 3px 1px rgba(17,132,125,.25);}*/

.Banner003223 .txt p{padding:.2rem 0 0 0;font-size:var(--font-size22);line-height:1.2;max-width:6.8rem;transition-delay:0.8s;line-height: 1.5;}
.Banner003223 .txt .index_more{transition-delay:1.1s;margin-top: .5rem;opacity:0;transform:translateX(1rem);}


.Banner003223 .imgbox{overflow: hidden; position: relative;}
.Banner003223 .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex;align-items: center;justify-content: center;}

.Banner003223 .controls-btn a{position: absolute;width: .5rem;height: .5rem;border-radius: 50%;border: 1px solid #fff;display: flex;justify-content: center;align-items: center;top: 50%;margin-top: -.25rem;z-index: 10}
.Banner003223 .controls-btn a::before{content: '';width: .2rem;height: .2rem;background: url(../images/icon-jt2-w.svg)no-repeat center;background-size: .2rem auto;}
.Banner003223 .controls-btn a.prev{left: 1rem;transform: rotate(180deg)}
.Banner003223 .controls-btn a.next{right: 1rem;}
.Banner003223 .controls-page{bottom:6.06826802%;position: absolute;z-index: 10;text-align: center;}
.Banner003223 .controls-page span{width: 0.14rem;height: 0.14rem; border: 1px solid rgba(255, 255, 255, 0.4); margin: 0 0.13rem; display: block; border-radius: 50%;opacity: 1; background: none;}
.Banner003223  .controls-page span.swiper-pagination-bullet-active {border-color: #fff;background-color: #fff;}
.Banner003223 .swiper-slide-active .txt :where(.tit1,.tit2,p,.index_more){opacity:1;transform:translateY(0)}
.Banner003223 .swiper-slide img{transform: scale(1) rotate(0deg);}
.Banner003223 .swiper-slide-active img{/*transform: scale(2) rotate(20deg);transition: transform 50s cubic-bezier(0.25, 0.46, 0.45, 0.94);*/}


@media (max-width:1024px) {
    .Banner003223 .txt .tit1{font-size: .3rem;}
    .Banner003223 .controls-btn a.prev{left: 20px;}
    .Banner003223 .controls-btn a.next{right:20px;}
	.Banner003223 .pc{display: none}
}



.indexbg{background: #f5f5f5}

.category{padding: .5rem 0}

.category .category_tab{display: flex;justify-content: center;padding-bottom: .4rem}
.category .category_tab .item{display: flex;align-items: center;margin-right: 0.4rem;opacity: .5;border-radius: 36px;padding: 0 0.3rem;height:0.5rem;cursor: pointer}
.category .category_tab .icon{margin-right: 0.15rem}
.category .category_tab .icon img{max-height: .3rem;filter: grayscale(0) brightness(0);}
.category .category_tab .tit{font-size: 0.24rem;}
.category .category_tab .item.on{opacity: 1;background:var(--hover-color) }
.category .category_tab .item.on .icon img{filter: grayscale(100) brightness(100);}
.category .category_tab .item.on .tit{color: #fff;}

@media(max-width:1024px){
    .category{padding-bottom: 20px}
    .category .category_tab{flex-wrap: wrap;padding-bottom: 20px}
    .category .category_tab .item{padding: 0 0.18rem;margin-right: 0;margin-bottom: .1rem}
    .category .category_tab .tit{font-size: 0.18rem;}
	.category .category_tab .icon{margin-right: 0.08rem}
	.category .category_tab .icon img{max-height: .24rem;}
}


.category .box1{padding:30px 25px 20px;background: #fff;display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%}
.category .box1 .item{width: calc((100% - 20px*3)/4)}
.category .box1 .item .item_top{height: 105px;background: #eee;}
.category .box1 .item .item_top a{display: flex;justify-content: flex-end;align-items: center;height: 100%;position: relative;padding-right: 20px}
.category .box1 .item .item_top a .txt {position: relative;z-index: 10}
.category .box1 .item .item_top a .txt .tit{font-size: 0.24rem;color: #000}
.category .box1 .item .item_top a .txt span{height: 22px;border: 1px solid #aaa;display: flex;align-items: center; font-size: 12px;border-radius: 36px;padding: 0 .1rem;margin-top: .1rem;transition: .3s all}
.category .box1 .item .item_top a .txt span::after{content: '';width: 8px;height: 9px;background: url(../images/icon-jt1.png);margin-left: 4px;transition: .3s all}
.category .box1 .item .item_top a img{position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;top: 0}
.category .box1 .item .item_top a:hover .txt span{background: var(--hover-color);border-color: var(--hover-color);color: #fff;}
.category .box1 .item .item_top a:hover .txt span::after{filter: grayscale(100) brightness(100);}

.category .box1 .item .item_bottom{border: 1px solid #ececec;border-top: 0;padding: 16px }
.category .box1 .item .item_bottom ul{display: flex;flex-wrap: wrap;gap:10px;}
.category .box1 .item .item_bottom ul li{width: calc((100% - 10px*2)/3)}
.category .box1 .item .item_bottom ul li a{display: flex;align-items: center;justify-content: center;width: 100%;background: #f3f6f9;height: 38px;text-align: center;line-height: 20px;transition: .3s all}
.category .box1 .item .item_bottom ul li a:hover{background: var(--hover-color);color: #fff;}
.category .box1 .item .item_bottom .more{margin-top: 10px;}
.category .box1 .item .item_bottom .more a{display: flex;justify-content: center;align-items: center; width: 100%;background: #f3f6f9;height: 38px;transition: .3s all}
.category .box1 .item .item_bottom .more a::after{content: '';width: 8px;height: 9px;background: url(../images/icon-jt1.png);margin-left: 4px;transition: .3s all}
.category .box1 .item .item_bottom .more a:hover{background: var(--hover-color);color: #fff;}
.category .box1 .item .item_bottom .more a:hover::after{filter: grayscale(100) brightness(100);}

@media(max-width:1024px){
    .category .box1{flex-wrap: wrap;padding: 20px}
    .category .box1 .item{width: 100%;}
    .category .box1 .item:not(:last-child){margin-bottom: 20px}
}


.category .box2{padding:0 25px 30px;background: #fff;display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%}
.category .box2 .item{width: calc((100% - 20px*3)/4);background: #eee;height: 200px}
.category .box2 .item a{position: relative;display: block;padding: 40px 23px;height: 100%;background: #fff;}
.category .box2 .item a::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: linear-gradient(135deg, rgba(255, 255, 255, .9) 30%,rgba(255, 255, 255, 0.3) 90%,rgba(0, 0, 0, 0) 100%);z-index: 2}
.category .box2 .item a .txt {position: relative;z-index: 10}
.category .box2 .item a .txt .tit{font-size: 0.24rem;color: #000;height: .62rem;}
.category .box2 .item a .txt span{display: flex;justify-content: center;align-items: center; border-radius: 36px;height: 30px;line-height: 28px;transition: .3s all;border: 1px solid #aaa;width: 100px;color: #333;margin-top: 20px}
.category .box2 .item a .txt span::after{content: '';width: 8px;height: 9px;background: url(../images/icon-jt1.png);margin-left: 4px;transition: .3s all}
.category .box2 .item a img{position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;top: 0;}
.category .box2 .item a:hover .txt span{background: var(--hover-color);border-color: var(--hover-color); color: #fff;}
.category .box2 .item a:hover .txt span::after{filter: grayscale(100) brightness(100);}

@media(max-width:1366px){
    .category .box2 .item a .txt .tit{height: .92rem;}
}
@media(max-width:1024px){
    .category .box2{padding:0 20px 20px}
    .category .box2 .item{width: 100%;}
    .category .box2 .item:not(:last-child){margin-bottom: 20px}
}


.index_about{padding-bottom: .5rem;}
.index_about .autoCon-1180{background: #fff;padding: .3rem}
.index_about .box1 .left .tit1{font-size: 0.2rem;color: #000;padding-bottom: 5px}
.index_about .box1 .left .tit2{font-size: 0.26rem;color: var(--hover-color);padding-bottom: .2rem}
.index_about .box1 .left .desc{line-height: 24px;}

.index_about .box2{padding-top: .5rem;border-top: 1px solid #ebebeb;margin-top: .5rem;display: flex;}
.index_about .box2 .item {position: relative;width: 32%;margin-right: 2%;}
.index_about .box2 .item:nth-child(3n){margin-right: 0;}
.index_about .box2 .item .pic{position: relative;}
.index_about .box2 .item .pic figure{padding-bottom: 60%;}
.index_about .box2 .item .pic a{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/icon-play2.png)no-repeat center rgba(0,0,0,0.25);background-size: .6rem auto }
.index_about .box2 .item .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.index_about .box2 .item .video_files video{width:100%; height:100%; background-color:#000;}
.index_about .box2 .item .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;}
.index_about .box2 .item .video_files .close::before,
.index_about .box2 .item .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.index_about .box2 .item .video_files .close::before{ transform:rotate(45deg);}
.index_about .box2 .item .video_files .close::after{ transform:rotate(-45deg);}
.index_about .box2 .item .tit{ text-align: center;font-size: 16px;padding-top: 10px}

@media(min-width:1025px){
    .index_about .box1 .left{flex: 1;padding-right: .5rem;}
    .index_about .box1 .right{width: 50%;flex: 0 0 auto;}
}
@media(max-width:1024px){
    .index_about .box1 .right{margin-top: 20px;}
    .index_about .box2{padding-top: 20px;margin-top: 20px;flex-wrap: wrap}
    .index_about .box2 .item {width: 100%;margin-right: 0;}
    .index_about .box2 .item:not(:last-child){margin-bottom: 20px;}
}




.Bottom{background:#fff;padding-top: .5rem; padding-bottom: 0.3rem;--white:#fff;--white-rgb:255,255,255;--white-opacity-10:rgba(var(--white-rgb),0.1);--white-opacity-30:rgba(var(--white-rgb),0.3);--white-opacity-50:rgba(var(--white-rgb),0.5);--white-opacity-75:rgba(var(--white-rgb),0.55);}
.Bottom,
.Bottom a:not(:hover){}
.Bottom .logo{margin-bottom: .5rem}
.Bottom .logo img{max-height: .7rem;}

.Bottom .f-top{padding-bottom: 0.3rem;margin-bottom: .3rem; border-bottom: 1px solid rgba(0,0,0,.1)}
.Bottom .f-top dt{margin-bottom: .1rem;display: block;padding-left: .24rem}
.Bottom .f-top dd {line-height: 1.5;font-size: 0.18rem;color: #000;font-weight: bold}
.Bottom .f-top dd .tit{padding-left: .28rem;margin-bottom: .05rem;display: block}
.Bottom .f-top dt.tel{background: url(../images/icon-tel.svg)no-repeat center left;background-size: .2rem auto}
.Bottom .f-top dt.mail{background: url(../images/icon-mail.svg)no-repeat center left;background-size: .2rem auto}
.Bottom .f-top dt.dy{background: url(../images/icon-dy.svg)no-repeat center left;background-size: .2rem auto}
.Bottom .f-top dd.wx{display: flex;align-items: center}
.Bottom .f-top dd.wx span{margin-left: .1rem;font-weight: normal;font-size: 0.16rem}
.Bottom .f-top dd img.code{max-width: 100px}
.Bottom .f-top dd a{display: block;}
.Bottom .f-top dd a:not(:last-child){margin-bottom: 10px;}
.Bottom .f-top dd a img{max-width: 150px;}

.Bottom .f-bottom dt{margin-bottom: 12px;color: #000;font-size: 0.18rem;font-weight: bold}
.Bottom .f-bottom dd{display: flex;flex-wrap: wrap;}
.Bottom .f-bottom dd a{width: calc(100%/8);margin-bottom: 8px;font-size: 0.16rem}
.Bottom .f-bottom dd a:not(:hover){color: #333}


.Bottom .copyright{line-height: 1.5;text-align: center;font-size: 12px;color: #999;margin-top: .8rem}
.Bottom .copyright a:not(:hover){color: #999}

.Bottom .icp{display: flex;align-items: center;}
.Bottom .icp a{display: flex;}



@media (min-width:1025px) {
    .Bottom .f-top{display: flex;align-items: center;justify-content: space-between}
    .Bottom .f-mid{display: flex;justify-content: space-between}
    .Bottom .f-mid nav{display: flex;justify-content: space-between}
    .Bottom .f-bottom{border-top: 1px solid var(--white-opacity-10);}
    .Bottom .contact{width: calc(400 / 1500 * 100%);}
    .Bottom nav{}
    .Bottom nav dt{/*margin-bottom: 0.2rem;*/}
    .Bottom nav dd{display: block!important;}
    .Bottom .form-ul .row-3 {display: flex;justify-content: space-between;}
    .Bottom .form-ul .row-3 li{width:calc((100% - .2rem)/3);}
    .Bottom .follow-us{position: absolute;bottom: .1rem;right: 0}
}
@media (max-width:1024px) {
    .Bottom .f-top{flex-wrap: wrap}
    .Bottom .f-top dl{width: 50%;margin-bottom: 30px}
    .Bottom .f-top dl:nth-child(3){width: 100%;}
    .Bottom .f-bottom dd a{width: auto;margin-right: 0.1rem}
	.Bottom .copyright{margin-top: .3rem;}
}




.Other{position: fixed;right: .2rem;top: 50%;transform: translateY(-50%);z-index: 100;}
.Other ul{}
.Other li:not(:last-child) a{margin-bottom: .08rem;}
.Other li.black a{background: #333;}
.Other li a{display: flex;width: .54rem;height: .54rem;background: #fff;justify-content: center;flex-wrap: wrap;align-items: center;align-content: center;border-radius: 50%;box-shadow: 0 1.71px 6.86px 0 rgba(0, 0, 0, .1);}
.Other li a span{font-size: .14rem;color: #333;width: 100%;text-align: center;line-height: 1}
.Other li a.zx::before{content: ''; width: .3rem;height: .2rem;background: url(../images/icon-zx.svg)no-repeat center;background-size: .2rem auto;}
.Other li a.kf::before{content: ''; width: .3rem;height: .3rem;background: url(../images/icon-kf.svg)no-repeat center;background-size: .26rem auto;}
.Other li a.wx::before{content: ''; width: .3rem;height: .2rem;background: url(../images/icon-wx.svg)no-repeat center;background-size: .2rem auto;}
.Other li a.mail::before{content: ''; width: .3rem;height: .2rem;background: url(../images/icon-mail.svg)no-repeat center;background-size: .2rem auto;}
.Other li a.message::before{content: ''; width: .3rem;height: .3rem;background: url(../images/icon-message.svg)no-repeat center;background-size: .26rem auto;}
.Other li a.gotop{background:var(--hover-color) }
.Other li a.gotop::before{content: ''; width: .3rem;height: .2rem;background: url(../images/icon-top.svg)no-repeat center;background-size: .2rem auto;}

.Other li a:hover{background:var(--hover-color)}
.Other li a:hover span{color: #fff;}
.Other li a:hover::before{filter: grayscale(100) brightness(100);}




.popbox{position: fixed;height: 100%;width: 100%;left: 0;top: 0;background: rgba(0,0,0,.5);z-index: 100;display: none}
.popbox .con{display: flex;justify-content: center;align-items: center;height: 100%}
.popbox .main{width: 4.5rem;background: #fff;padding: .5rem .3rem;position: relative}
.popbox .close{position: absolute; right: 20px;top: 20px;width: 20px;height: 20px;z-index: 10;cursor:pointer;}
.popbox .close:before,
.popbox .close:after{position: absolute;content: ''; width: 100%;height: 2px;background-color: #000; top: 50%;margin-top: -1px;transform: rotate(-45deg);}
.popbox .close:after{transform: rotate(45deg);}
.popbox .main .title{text-align: center;font-size: var(--font-size32);color: #000;padding-bottom: .3rem}

.popbox .form li {position: relative;z-index: 1;margin-bottom: 10px;}
.popbox .form li label.tit {position: absolute;left: .2rem;top: 0;line-height: .5rem;}
.popbox .form li .text {border: solid 1px rgba(139,139,139,0.2);width: 100%;height: .5rem;line-height: .5rem; border-radius: 0.625em; padding: 0 .2rem;}
.popbox .form li.code dl dd a {display: block;cursor: pointer;color: #fff;line-height: .5rem;text-align: center;}
.popbox .form ol .btn {display: block;width: 100%;background:var(--hover-color);border: 0;cursor: pointer;border-radius: 0.625em;height: .5rem;color: #fff;}
.popbox .tip {text-align: center;margin-top: .3rem;font-size: 14px;color: #999}
.popbox .tip a{color: #000}




.location{background: #f5f5f5;}
.location .autoCon-1180{display: flex;height: .4rem;align-items: center;font-size: 12px;color: #999}
.location a:not(:hover){color: #999}
.location i{width: 12px;height: 12px;background: url(../images/icon-jt2.svg)no-repeat center;background-size: 10px auto;margin: 0 5px}



.shops{padding: .5rem 0}



.shops_category{display: flex;padding-bottom: 50px;}
.shops_category .item a{display: flex;align-items: center;margin-right: 0.4rem;opacity: .5;border-radius: 36px;padding: 0 0.3rem;height: 0.5rem}
.shops_category .item a .icon{margin-right: 0.15rem}
.shops_category .item a .icon img{max-height: 0.3rem;filter: grayscale(0) brightness(0);}
.shops_category .item a .tit{font-size: 0.24rem;}
.shops_category .item.on a,
.shops_category .item:hover a{opacity: 1;background:var(--hover-color) }
.shops_category .item.on a .icon img,
.shops_category .item:hover a .icon img{filter: grayscale(100) brightness(100);}
.shops_category .item.on a .tit,
.shops_category .item:hover a .tit{color: #fff;}

@media(max-width:1024px){
    .shops_category{flex-wrap: wrap;justify-content: center;padding-bottom: 20px}
    .shops_category .item a{margin-right: 0;margin-bottom: .1rem;padding: 0 0.2rem}
    .shops_category .item a .icon{margin-right: 0.1rem}
	.shops_category .item a .icon img{max-height: 0.24rem;}
    .shops_category .item a .tit{font-size: 0.18rem;}
}



.shops_menu{margin-bottom: 20px}
.shops_menu ul{border-bottom: 1px solid #f3f3f3;display: flex;}
.shops_menu li{margin-right: .4rem;line-height: .4rem}
.shops_menu li a{color: #000;font-size: 0.16rem}
.shops_menu li.aon a{color: var(--hover-color);font-weight: bold}


.shops_filter{margin-bottom: 20px}
.shops_filter .item{display: flex;}
.shops_filter .item .le_tit{min-width: 46px;color: #888;line-height: 30px}
.shops_filter .item .ri_box{flex: 1;}
.shops_filter .item .ri_box .ri_box_tab {display: flex; flex-wrap: wrap; margin-bottom: 10px}
.shops_filter .item .ri_box .ri_box_tab a{margin-right: 0.3rem;color: #000;display: flex;align-items: center;cursor: pointer;line-height: 30px}
.shops_filter .item .ri_box .ri_box_tab a::after{content: '';width: 10px;height: 10px;background: url(../images/icon-jt2.svg)no-repeat center;background-size: 10px auto;transform: rotate(90deg);margin-left: 10px}
.shops_filter .item .ri_box .ri_box_tab a.on,
.shops_filter .item .ri_box .ri_box_tab a:hover{color: var(--hover-color);}
.shops_filter .item .ri_box .ri_box_tab a.all::after{display: none}
.shops_filter .item .ri_box .ri_box_tab a.all span{margin-right: 0}
.shops_filter .item .ri_box .ri_box_list .ri_box_list_con{display: none;}
.shops_filter .item .ri_box .ri_box_list .on{display: block;}
.shops_filter .item .ri_box .con{display: flex;flex-wrap: wrap;}
.shops_filter .item .ri_box .con a {margin: 0 20px 9px 0;line-height: 30px;cursor: pointer;}
.shops_filter .item .ri_box .con a:not(:hover){color: #333;}
.shops_filter .item .ri_box .con a.on{color: var(--hover-color);}
.shops_filter .item .ri_box .con .inputbox{display: flex;align-items: center;height: 30px;margin-bottom: 9px}
.shops_filter .item .ri_box .con .inputbox .text{border: 1px solid #dedede;height: 20px;line-height: 18px;width: 58px;padding-left: 5px;font-size: 13px;color: #000}
.shops_filter .item .ri_box .con .inputbox span{margin: 0 3px;font-size: 14px;color: #333}
.shops_filter .item .ri_box .con .inputbox .btn{cursor: pointer; border: 1px solid #dedede; border-radius: 6px; margin-left: .05rem}
.shops_filter .item .ri_box .con .inputbox .btn:hover{background: var(--hover-color); color: #fff}
.shops_filter .item .ri_box .con .l-check{position: relative;display: inline-flex;align-items: center;height: 30px;margin:0 20px 10px 0}
.shops_filter .item .ri_box .con .l-check input[type="checkbox"]{margin: 0;padding: 0;opacity: 0;width: .14rem;height: .14rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.shops_filter .item .ri_box .con .l-check label{display: inline-flex;align-items: center;cursor: pointer;margin-right: .15rem;color: #333;}
.shops_filter .item .ri_box .con .l-check label::before {content: '';display: inline-block;width: .14rem;height: .14rem;border: 1px solid #ccc;border-radius: 3px;margin-right: 5px; background-color: white;transition: all 0.3s ease;}
.shops_filter .item .ri_box .con .l-check input[type="checkbox"]:checked + label::before {background:url(../images/tick.svg) no-repeat center var(--hover-color); background-size: 70%; border-color: var(--hover-color);}
.shops_filter .item .ri_box .ri_box_btn{display: inline-block;height: 30px;margin-left: 10px}
.shops_filter .item .ri_box .ri_box_btn span{height: 18px;width: 50px;line-height: 18px;border: 1px solid #dedede;text-align: center;display: inline-block}
.shops_filter .item .ri_box .ri_box_btn span.active{border: var(--hover-color);color: var(--hover-color);background: #fff7f0}
.shops_filter .item .ri_box .select_item{background: #fff;float: left; margin-right: 10px;margin-top: 0; position: relative; width: 96px;top: 5px}
.shops_filter .item .ri_box .select_item .select_title{background: #fff;border: 1px solid #dedede; display: block; height: 20px;line-height: 20px; overflow: hidden; position: relative; width: 96px;}
.shops_filter .item .ri_box .select_item .select_title::after{content: '';position: absolute;width: 10px;height: 10px;background: url(../images/icon-jt2.svg)no-repeat center;background-size: 10px auto;right: 4px;top: 50%;margin-top: -3px;transform: rotate(90deg)}
.shops_filter .item .ri_box .select_item .select_title span{padding: 0 9px;color: #888}
.shops_filter .item .ri_box .select_item .select_list{background-color: #fff;border: 1px solid #dedede;left: 0;position: absolute;visibility: hidden;width: 96px;z-index: 999;}
.shops_filter .item .ri_box .select_item:hover .select_list {visibility: visible;border-top-width: 0;top: 20px}
.shops_filter .item .ri_box .select_item .select_list a {display: block;line-height: 30px;padding-left: 8px;}
.shops_filter .item .ri_box .select_item .select_list a:not(:hover){color: #333;}
.shops_filter .item .ri_box .select_item .select_list a.on{color:var(--hover-color) }
.shops_filter .item .ri_box .select_item .select_list a:hover{background: #f9f9f9}


.shops_Filtered{border-top: 1px solid #f3f3f3;padding-bottom: 30px;padding-top: 16px;}
.shops_Filtered .barct{display: flex;}
.shops_Filtered .condition{padding-right: 12px;color: #888;height: 20px;line-height: 20px;}
.shops_Filtered .con a{border: 1px solid #dedede;color: #888;display: inline-block;font-size: 14px;height: 20px;line-height: 18px;margin-right: 10px;padding: 0 6px 0 5px;position: relative;}
.shops_Filtered .con a::after{content: '×';margin-left: 9px}
.shops_Filtered .con a:hover{color: var(--hover-color);border-color: var(--hover-color)}


.shops_list{}
.shops_list li a{display: flex;align-items: center;padding: 20px 0;border-bottom: 1px solid #f3f3f3;}
.shops_list li a .pic{height: 130px; margin-right: 20px; position: relative; width: 174px;flex: 0 0 auto;}
.shops_list li a .pic img{height: 100%;width: 100%;object-fit: cover}
.shops_list li a .pic .icon-wrapper {bottom: 8px;font-size: 0;width: 24px;height: 24px;position: absolute;right: 8px;background: url(../images/icon-play.png)0 0/100% 100% no-repeat;}
.shops_list li a .pic .picNum { background: #000; color: #fff; filter: alpha(opacity=50); left: 0; -moz-opacity: .5; opacity: .5;padding: 4px 8px;position: absolute; top: 0;font-size: 12px}
.shops_list li a .txt{flex: 1;display: flex;align-items: center}
.shops_list li a .txt .list_info{width: 60%;display: flex;flex-direction: column;justify-content: space-around}
.shops_list.zhuz li a .txt .list_info{width: 80%;}
.shops_list li a .txt .list_info .title{color: #333;font-size: 0.18rem;}
.shops_list li a .txt .list_info .baseinfo { color: #666; font-size: 12px;margin-top: 14px;display: flex;flex-wrap: wrap}
.shops_list li a .txt .list_info .baseinfo span{font-size: 12px;line-height: 12px;max-width: 250px;overflow: hidden;text-overflow: ellipsis;vertical-align: top; white-space: nowrap;position: relative;}
.shops_list li a .txt .list_info .baseinfo span:not(:last-child){padding-right: 15px;margin-right: 15px}
.shops_list.zhuz li a .txt .list_info .baseinfo span:not(:last-child){padding-right: 0;margin-right: 18px}
.shops_list li a .txt .list_info .baseinfo span:not(:last-child)::after{content: '';position: absolute;background: #e3e3e3;height: 12px;width: 2px;right: 0;top: 50%;transform: translateY(-50%);}
.shops_list.zhuz li a .txt .list_info .baseinfo span:not(:last-child)::after{display: none}
.shops_list li a .txt .list_info .baseinfo span.dt{padding-left: 18px;background: url(../images/dt.png)no-repeat center left;}
.shops_list li a .txt .list_info .tag-wrap {display: flex;height: 20px;max-width: 520px;overflow: hidden;margin-top: 10px}
.shops_list li a .txt .list_info .tag-wrap span {font-size: 12px;margin-right: 8px;padding:0 10px;height: 20px;line-height: 20px}
.shops_list li a .txt .area {width: 20%;text-align: center}
.shops_list li a .txt .area .num{color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.shops_list li a .txt .area .num span{font-size: 0.18rem;letter-spacing: 0}
.shops_list li a .txt .area .num .unit{font-size: 14px;}
.shops_list li a .txt .area .down{ color: #999;font-size: 12px;margin-top: 5px;}
.shops_list li a .txt .price {width: 20%;text-align: center}
.shops_list li a .txt .price .up{color:var(--hover-color);letter-spacing: 0 }
.shops_list li a .txt .price .up .num{font-size: 0.24rem; }
.shops_list.zhuz li a .txt .price .up .num{font-size: 0.28rem; }
.shops_list li a .txt .price .up .unit{font-size: 14px; }
.shops_list.zhuz li a .txt .price .up .unit{font-size: 0.16rem; }
.shops_list li a .txt .price .down{ color: #999;font-size: 12px;margin-top: 5px;}

.shops_list li a:hover{ background: #f5f5f5;}
.shops_list li a:hover .pic img{ opacity: .8;}
.shops_list li a:hover .txt .list_info .title{ color:var(--hover-color);}

@media(max-width:1024px){
    .shops{padding: .5rem 0 0}
    .shops_list li a .pic{height: 94px;width: 120px;}
    .shops_list li a .txt{flex-wrap: wrap;width: calc(100% - 140px);}
    .shops_list li a .txt .list_info{width: 100%}
    .shops_list li a .txt .list_info .title{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 1;}
    .shops_list li a .txt .list_info .baseinfo{margin-top: 10px;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 1;}
    .shops_list li a .txt .list_info .baseinfo:not(:nth-child(2)){display: none}
    .shops_list li a .txt .list_info .baseinfo span:not(:last-child){padding-right: 10px;margin-right: 10px}
    .shops_list li a .txt .list_info .tag-wrap{display: none;}
    .shops_list li a .txt .area{display: none}
    .shops_list li a .txt .price{width: 100%;text-align: left;display: flex;align-items: baseline;margin-top: 10px}
    .shops_list li a .txt .price .up{margin-right: 20px;}
    .shops_list li a .txt .price .up .num{font-size: 16px;font-weight: bold;}
    .shops_list.zhuz li a .txt .price .up .num{font-size: 16px;}
}




.Page001913{ text-align:center; padding:40px 0;}
.Page001913 *{ vertical-align:middle;}
.Page001913 .Pages .p_cur,
.Page001913 .Pages .p_count,
.Page001913 .Pages .p_total{ display:none;}
.Page001913 .Pages a{ border:1px solid #eee; display:inline-block; padding:0 14px; line-height:36px; color:#555; }
.Page001913 .Pages a:hover,
.Page001913 .Pages a.a_cur{ color:#fff; background-color:#555;}
.Page001913 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;}
.Page001913 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;}
.Page001913 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;}
.Page001913 .Pages .p_jump b{font-weight:normal; margin:0 5px;}
@media(max-width:1000px){
.Page001913 .Pages em{ display:none;}
}
@media(max-width:640px){
.Page001913 .Pages a.a_first,
.Page001913 .Pages a.a_end{ display:none;}
.Page001913 .Pages a{ padding:0 10px;}
}




.shops_detail{padding: .5rem 0}


.shops_detail .shops_detail_title{position: relative;z-index: 5;margin-bottom: 12px}
.shops_detail .shops_detail_title h1{font-size: 0.2rem;color: #000;line-height: 24px;}
.shops_detail .shops_detail_title .house-update-info {color: #999;margin: 11px 0 0;}
.shops_detail .shops_detail_title .house-update-info span{display: inline-block; font-size: 12px; line-height: 24px; margin-right: 6px; padding: 0 6px;}
.shops_detail .shops_detail_title .house-update-info .up{border: 1px solid #e6e6e6;color: #999;line-height: 20px;}

@media(max-width:1024px){
    .shops_detail .shops_detail_title .house-update-info span{margin-bottom: 5px}
}


.shops_detail .house-basic-info{margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #f3f3f3;}
.shops_detail .house-basic-pic .big-pic{}
.shops_detail .house-basic-pic .big-pic .play{position: absolute;width: 100%;height: 100%;background: url(../images/icon-play2.png)no-repeat center;background-size: .75rem auto;cursor: pointer}
.shops_detail .house-basic-pic .big-pic .files{position: absolute;background-color: #000; z-index: 10; top: 0;width: 100%;height: 100%; display: none;}
.shops_detail .house-basic-pic .big-pic .files video{width: 100%;height: 100%;}
.shops_detail .house-basic-pic .big-pic figure{padding-bottom: 67.799%;}
.shops_detail .house-basic-pic .small-pic{position: relative;padding: 0 35px;margin-top: 10px}
.shops_detail .house-basic-pic .small-pic figure{padding-bottom: 61.799%;}
.shops_detail .house-basic-pic .small-pic .swiper-slide::before{content: '';width: 100%;height: 100%;position: absolute;background: #000;opacity: .5}
.shops_detail .house-basic-pic .small-pic .swiper-slide.cur::before{opacity: 0}

.shops_detail .house-basic-pic .small-pic .controls a{position: absolute;top: 0;width: 25px;height: 100%;background: rgba(0,0,0,.75);display: flex;justify-content: center;align-items: center;cursor: pointer}
.shops_detail .house-basic-pic .small-pic .controls a::before{content: ''; width: .12rem;height: .12rem;background: url(../images/icon-jt2-w.svg)no-repeat center;background-size: 12px auto}
.shops_detail .house-basic-pic .small-pic .controls a.prev{left: 0;transform: rotate(180deg)}
.shops_detail .house-basic-pic .small-pic .controls a.next{right: 0;}
.shops_detail .house-basic-pic .small-pic .controls a:hover{background: #000;}


.shops_detail .house-basic-right{position: relative;}
.shops_detail .house-basic-right .house_basic_title_money {margin-top: 23px;display: flex;align-items: baseline}
.shops_detail .house-basic-right .house_basic_title_money .house_basic_title_money_num {color: var(--hover-color);font-size: 0.38rem;font-weight: 700;letter-spacing: 0;line-height: 30px;}
.shops_detail .house-basic-right .house_basic_title_money .house_basic_title_money_unit {color: var(--hover-color);font-size: 16px;line-height: 16px;margin-right: 10px;margin-left: 5px}
.shops_detail .house-basic-right .house_basic_title_money .house_basic_title_money_num_second {color: #666;}
.shops_detail .house-basic-right .house_basic_title_money .instructions {margin-left: 40px;color: #888}

.shops_detail .house-basic-right .house_basic_title_info {margin-top: 37px;display: flex;border-bottom: 1px solid #f3f3f3;padding-bottom: 20px;}
.shops_detail .house-basic-right .house_basic_title_info .item{width: 33%;display: flex;flex-direction: column}
.shops_detail .house-basic-right .house_basic_title_info .item span{color: #666;}
.shops_detail .house-basic-right .house_basic_title_info .item .up{color: #000;font-size: 0.22rem; font-weight: 600;margin-bottom: 10px;line-height: 22px}

.shops_detail .house-basic-right .house_basic_title_info_2 {border-bottom: 1px solid #f3f3f3;margin-top: 20px;padding-bottom: 20px;}
.shops_detail .house-basic-right .house_basic_title_info_2 .item{display: flex;color: #000;align-items: baseline}
.shops_detail .house-basic-right .house_basic_title_info_2 .item:not(:last-child){margin-bottom: 14px}
.shops_detail .house-basic-right .house_basic_title_info_2 .item span{color: #999;flex: 0 0 auto}
.shops_detail .house-basic-right .house_basic_title_info_2.mr .item span{margin-right: 15px;}
.shops_detail .house-basic-right .house_basic_title_info_2 .item em{color: #888;margin-left: 20px;font-size: 12px;font-style: normal;}
.shops_detail .house-basic-right .house_basic_title_info_2 .item .map{display: inline-flex;margin-left: 17px;text-decoration: underline;color: #555;}
.shops_detail .house-basic-right .house_basic_title_info_2 .item .map::before{content: '';width: 25px;height: 20px;background: url(../images/icon-map.png)no-repeat center left;margin-right: 4px}
.shops_detail .house-basic-right .house_basic_title_info_2.mr .item .map{color: #0091d7;font-size: 12px}
.shops_detail .house-basic-right .house_basic_title_info_2.mr .item .map::before{display: none}

.shops_detail .house-basic-right .house-basic-poster-wrapper{margin-top: 38px;display: flex;}
.shops_detail .house-basic-right .house-basic-poster-wrapper a{display: flex;align-items: center;width: auto}
.shops_detail .house-basic-right .house-basic-poster-wrapper a .pic{width: 66px;height: 66px;border-radius: 50%;margin-right: 21px}
.shops_detail .house-basic-right .house-basic-poster-wrapper a .pic img{width: 100%;height: 100%;object-fit: cover}
.shops_detail .house-basic-right .house-basic-poster-wrapper a .txt .name{font-size: 16px;color: #333;margin-bottom: 10px}
.shops_detail .house-basic-right .house-basic-poster-wrapper a .txt .poster{font-size: 12px;color: #333}

.shops_detail .house-basic-right .house-chat-phone{display: flex;align-items: center;justify-content: center;width: calc(100% - 40px);height: 75px;background: var(--hover-color);position: absolute;right: 0;bottom: 0;cursor: default;}
.shops_detail .house-basic-right .house-chat-phone::before{content: '';width: 30px;height: 30px;background: url(../images/icon-tel.svg)no-repeat center;background-size: 30px auto;filter: grayscale(100) brightness(100);margin-right: 10px}
.shops_detail .house-basic-right .house-chat-phone span{color: #fff;font-size: 22px;font-weight: bold}


@media(max-width:1024px){
    .shops_detail .house-basic-info{padding-bottom: 0;border-bottom: 0}
    .shops_detail .house-basic-right .house_basic_title_info{flex-wrap: wrap;margin-top: 17px}
    .shops_detail .house-basic-right .house_basic_title_info .item{width: 50%;margin-top: 20px}
    .shops_detail .house-basic-right .house-chat-phone{position: relative;width: 100%;margin-top: 20px;height: 60px;}
}


.house-float-nav{position: fixed;background-color: #fff;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .05);color: #333;height: 128px;left: 0;right: 0;top: 0;z-index: 1000;display: none}
.house-float-nav .float-nav-left .float-nav-info{display: flex;font-size: 22px;line-height: 76px;overflow: auto;white-space: nowrap;width: 100%;}
.house-float-nav .float-nav-left .float-nav-info li:not(:last-child){margin-right: .4rem}
.house-float-nav .float-nav-left .float-nav-info .float-nav-info-title{font-size: 26px;}
.house-float-nav .float-nav-left .float-nav-info .float-nav-price{font-size: 26px;color: var(--hover-color)}
.house-float-nav .float-nav-left .float-nav-info .float-nav-price-unit{font-size: 16px;color: var(--hover-color)}

.house-float-nav .float-nav-left .float-nav-list{line-height: 48px;overflow: auto;position: relative;white-space: nowrap;width: 100%;display: flex;}
.house-float-nav .float-nav-left .float-nav-list li{cursor: pointer;font-size: 16px;color: #333}
.house-float-nav .float-nav-left .float-nav-list li:not(:last-child){margin-right: .6rem;}
.house-float-nav .float-nav-left .float-nav-list li.on{color:var(--hover-color);position: relative;}
.house-float-nav .float-nav-left .float-nav-list li.on::after{content: ''; background:var(--hover-color);position: absolute;width: 100%;height: 2px;bottom: 0;left: 0}

.house-float-nav .float-nav-right {display: flex;align-items: center;justify-content: space-between}
.house-float-nav .float-nav-right .poster-wrapper{display: flex;}
.house-float-nav .float-nav-right .poster-wrapper a{display: flex;align-items: center;width: auto}
.house-float-nav .float-nav-right .poster-wrapper a .pic{width: 66px;height: 66px;border-radius: 50%;margin-right: 21px}
.house-float-nav .float-nav-right .poster-wrapper a .pic img{width: 100%;height: 100%;object-fit: cover}
.house-float-nav .float-nav-right .poster-wrapper a .txt .name{font-size: 16px;color: #333;margin-bottom: 10px}
.house-float-nav .float-nav-right .poster-wrapper a .txt .poster{font-size: 12px;color: #333}

.house-float-nav .float-nav-right .float-nav-btn{display: flex;align-items: center;justify-content: center;height: 60px;background: var(--hover-color);padding: 0 .2rem}
.house-float-nav .float-nav-right .float-nav-btn::before{content: '';width: 30px;height: 30px;background: url(../images/icon-tel.svg)no-repeat center;background-size: 30px auto;filter: grayscale(100) brightness(100);margin-right: 10px}
.house-float-nav .float-nav-right .float-nav-btn span{color: #fff;font-size: 22px;font-weight: bold}

@media(max-width:1024px){
    .house-float-nav{height: auto;}
    .house-float-nav .autoCon-1180{position: relative}
    .house-float-nav .float-nav-left .float-nav-list{padding-top: 100px}
    .house-float-nav .float-nav-left .float-nav-list li:not(:last-child){margin-right: .4rem;}
    .house-float-nav .float-nav-right{position: absolute;top: 100px;left: 0;width: 100%}
    .house-float-nav .float-nav-right .float-nav-btn span{font-size: 20px;}
}


.house-detail-info:not(.nt) .house-detail-left{}
.house-detail-info .house-detail-left .general-intro, 
.house-detail-info .house-detail-left .general-loupan {margin-top: 20px;}
.house-detail-info .house-detail-left .general-item h3{color: #000;font-size: 0.22rem;}
.house-detail-info .house-detail-left .general-item h3 a{color: #0e8ed8;font-size: 14px; font-weight: 400; margin-left: 10px;}
.house-detail-info .house-detail-left .general-item h4{color: #000;font-size: 0.16rem;padding-top: 20px;}
.house-detail-info .house-detail-left .general-intro .general-item-wrap{margin: 20px 0 40px;flex-wrap: wrap;display: flex;}
.house-detail-info .house-detail-left .general-intro .general-item-wrap li{width: 50%;line-height: 34px;display: flex;}
.house-detail-info .house-detail-left .general-intro .general-item-wrap li.single{width: 100%;}
.house-detail-info .house-detail-left .general-intro .general-item-wrap li .title{color: #999;width: 60px;margin-right: 10px;flex: 0 0 auto}
.house-detail-info .house-detail-left .general-intro .general-item-wrap li .content{color: #333;}
.house-detail-info .house-detail-left .general-intro .general-item-wrap li .content a{color: #0e8ed8;margin-left: 10px;}
.house-detail-info .house-detail-left .general-intro .general-item-wrap li .tip-text-icon {background: url(../images/tiw.jpg);cursor: pointer;height: 14px;vertical-align: middle;width: 14px;margin-top: 10px;margin-left: 5px}
.house-detail-info .house-detail-left .general-intro .report-text { background: #fffaf8; color: #555; font-size: 12px; line-height: 20px; margin-top: 20px; padding: 12px 7px; width: 100%;}

.house-detail-info .house-detail-left .general-intro .district-info-header{display: flex;margin-top: 40px;}
.house-detail-info .house-detail-left .general-intro .district-info-header .district-pic{width: 70px;}
.house-detail-info .house-detail-left .general-intro .district-info-header .district-pic img{width: 100%;}
.house-detail-info .house-detail-left .general-intro .district-info-header .district-decs{margin-left: 15px;}
.house-detail-info .house-detail-left .general-intro .district-info-header .district-decs .tit{font-size: 18px;;}
.house-detail-info .house-detail-left .general-intro .district-info-header .district-decs p{margin: 6px 0 7px;}

.house-detail-info .house-detail-left .general-intro .house-disposal{display: flex;flex-wrap: wrap;margin-top: 40px}
.house-detail-info .house-detail-left .general-intro .house-disposal li{width: calc(100%/6);text-align: center;margin-bottom: 27px;}
.house-detail-info .house-detail-left .general-intro .house-disposal li .icon img{max-height: 38px;}
.house-detail-info .house-detail-left .general-intro .house-disposal li .tit{color: #555;line-height: 18px;margin-top: 10px}
.house-detail-info .house-detail-left .general-intro .house-disposal li.peitao-off{opacity: .4;text-decoration: line-through;}

.house-detail-info .house-detail-left .general-item .miaoshu-item-wrap {margin: 30px 0 50px;}
.house-detail-info .house-detail-left .general-item .miaoshu-item-wrap .item{display: flex;margin-bottom: 30px;line-height: 24px}
.house-detail-info .house-detail-left .general-item .miaoshu-item-wrap .item .title{width: 72px;color: #999;flex: 0 0 auto;}
.house-detail-info .house-detail-left .general-item .miaoshu-item-wrap .item .detail{color: #333;}
.house-detail-info .house-detail-left .general-item .miaoshu-item-wrap .item .detail em{font-style: normal;display: inline-block;margin-right: 30px;}

.house-detail-info .house-detail-left .general-peitao {margin-bottom: 50px}
.house-detail-info .house-detail-left .general-peitao .peitao-icon{display: flex;flex-wrap: wrap;}
.house-detail-info .house-detail-left .general-peitao .peitao-icon li{color: #333;font-size: 16px;line-height: 24px; margin-right: 34px;margin-top: 21px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 114px;display: flex;align-items: center;}
.house-detail-info .house-detail-left .general-peitao .peitao-icon li.peitao-off{opacity: .4;text-decoration: line-through;}
.house-detail-info .house-detail-left .general-peitao .peitao-icon li i{width: 24px;height: 24px;margin-right: 9px;}
.icon-elevator {background-position: -48px 0;}
.icon-freight {background-position: -29px -29px;}
.icon-airCondition {background-position: 0 0;}
.icon-parkingLot {background-position: -88px 0;}
.icon-gas {background-position: -59px -29px;}
.icon-net {background-position: -29px -87px;}
.icon-heating {background-position: 0 -58px;}
.icon-escalator {background-position: -59px -29px;}
.icon-waterUp {background-position: -87px 0;}
.icon-waterDown {background-position: -58px -87px;}
.icon-ejectSmoke {background-position: -58px -58px;}
.icon-sewage {background-position: -29px -58px;}
.icon-coal {background-position: 0 -29px;}
.icon-380 {background-position: 0 0;}
.icon-flame {background-position: -58px 0;}
.icon-putOut { background-position: 0 -87px;}
.icon-network { background-position: -88px -29px;}
.icon-tv {background-position: -59px 0;}
.icon-water {background-position: -88px -58px;}
.icon-power {background-position: 0 -29px;}
.icon-centralHeating {background-position: -58px -58px;}
.icon-furniture {background-position: 0 -58px;}
.icon-parkingLot { background-position: -88px 0;}
.icon-diningRoom {background-position: -30px 0;}
.icon-monitor {background-position: -29px -58px;}

.icon-380, .icon-airCondition, .icon-coal, .icon-ejectSmoke, .icon-elevator, .icon-escalator, .icon-flame, .icon-freight, .icon-gas, .icon-heating, .icon-net, .icon-parkingLot, .icon-putOut, .icon-sewage, .icon-waterDown, .icon-waterUp, .sprite-business-detail-icon-peitao-cg {background-image: url(../images/icon-pic2.png);background-repeat: no-repeat;background-size: 138px auto;}
.icon-canopy, .icon-diningRoom, .icon-dormitory, .icon-elevator, .icon-office, .icon-parkingLot, .icon-platform, .sprite-detail-plant{background-image: url(../images/icon-pic1.png);background-repeat: no-repeat;background-size: 72px auto;display: inline-block;}
.icon-airCondition, .icon-centralHeating, .icon-diningRoom, .icon-escalator, .icon-furniture, .icon-monitor, .icon-network, .icon-parkingLot, .icon-phone, .icon-power, .icon-tv, .icon-water, .sprite-business-detail-icon-peitao-office {background-image: url(../images/icon-pic3.png);background-repeat: no-repeat;background-size: 112px auto;}

.house-detail-info .house-detail-left .general-tupian {margin-bottom: 50px;}
.house-detail-info .house-detail-left .general-tupian .general-pic-list{display: flex;flex-wrap: wrap;gap:18px;margin-top: 24px}
.house-detail-info .house-detail-left .general-tupian .general-pic-list li {width: calc((100% - 18px)/2);}
.house-detail-info .house-detail-left .general-tupian .general-pic-list li figure{padding-bottom: 67%;}
.house-detail-info .house-detail-left .general-tupian .general_max_pic_button{background: #f5f5f5;border: 1px solid #e0e0e0; color: #555;cursor: pointer;font-size: 14px;height: 48px;letter-spacing: 0;line-height: 48px;margin-top: 10px;text-align: center;}
.house-detail-info .house-detail-left .general-tupian .general_max_pic_button .tit{display: inline-flex;align-items: center;}
.house-detail-info .house-detail-left .general-tupian .general_max_pic_button .tit::after{content: '';width: 20px;height: 14px;background: url(../images/icon-jt2.svg)no-repeat center;background-size: 11px auto;transform: rotate(90deg);margin-left: 5px}
.house-detail-info .house-detail-left .general-tupian .general_max_pic_button.expanded .tit::after{transform: rotate(-90deg);}


.house-detail-info .house-detail-left .general-loupan{margin-bottom: 50px}
.house-detail-info .house-detail-left .general-loupan .loupan-item-wrap{margin-top: 24px}
.house-detail-info .house-detail-left .general-loupan .loupan-item-wrap .item{display: flex;margin-bottom: 10px;line-height: 24px}
.house-detail-info .house-detail-left .general-loupan .loupan-item-wrap .item .title{color: #333;flex: 0 0 auto;margin-right: 20px}
.house-detail-info .house-detail-left .general-loupan .loupan-item-wrap .item .detail{color: #333;}


.house-detail-info .house-detail-left .general-weizhi .mapTap-wrap {margin-top: 20px;}
.house-detail-info .house-detail-left .general-weizhi .mapTap-wrap #allmap{height: 380px;z-index: 2; position: relative;}


.house-detail-info .house-detail-right .guess-title{font-size: 0.22rem;color: #333;margin: 20px 0 15px}
.house-detail-info .house-detail-right .guess-recommend-list li {margin-bottom: 24px}
.house-detail-info .house-detail-right .guess-recommend-list li a{display: flex;align-items: center;justify-content: space-between}
.house-detail-info .house-detail-right .guess-recommend-list li a .pic{width: 34.38%;height: 92px;position: relative;flex: 0 0 auto}
.house-detail-info .house-detail-right .guess-recommend-list li a .pic img{width: 100%;height: 100%;object-fit: cover;;}
.house-detail-info .house-detail-right .guess-recommend-list li a .pic .icon-wrapper {bottom: 8px;font-size: 0;width: 24px;height: 24px;position: absolute;right: 8px;background: url(../images/icon-play.png)0 0/100% 100% no-repeat;}
.house-detail-info .house-detail-right .guess-recommend-list li a .detail-info{width: 65.62%; padding-left: 16px}
.house-detail-info .house-detail-right .guess-recommend-list li a .detail-info h3{font-size:  16px;color: #333}
.house-detail-info .house-detail-right .guess-recommend-list li a .detail-info .house-type{margin: 14px 0;color: #333}
.house-detail-info .house-detail-right .guess-recommend-list li a .detail-info .price{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.house-detail-info .house-detail-right .guess-recommend-list li a .detail-info .price .jiage{font-size: 18px;color: var(--hover-color);}
.house-detail-info .house-detail-right .guess-recommend-list li a .detail-info .price .danwei{font-size: 12px;color: var(--hover-color);}
.house-detail-info .house-detail-right .guess-recommend-list li a .detail-info .price .area{font-size: 12px;color: #999;}

@media(min-width:1025px){
    .shops_detail .house-basic-info{display: flex;justify-content: space-between}
    .shops_detail .house-basic-info .house-basic-pic{width: 50%;flex: 0 0 auto}
    .shops_detail .house-basic-info .house-basic-right{width: 50%;padding-left: 40px;padding-bottom: 120px;}
    
    .house-float-nav .autoCon-1180{display: flex;}
    .house-float-nav .float-nav-left{width: 60%;flex: 0 0 auto}
    .house-float-nav .float-nav-right{flex: 1;padding-left: .4rem}
    
    .house-detail-info{display: flex;justify-content: space-between;}
    .house-detail-info .house-detail-left{width: 55%;}
    .house-detail-info .house-detail-right{width: 36%}
    
    .house-detail-info .house-detail-left .general-intro .general-item-wrap li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    
}
@media(max-width:1024px){
    .house-detail-info .house-detail-left .general-intro .general-item-wrap li{line-height: 24px;margin-bottom: 10px;padding-right: 10px}
    .house-detail-info .house-detail-left .general-peitao .peitao-icon li{width: 45%}
    .house-detail-info .house-detail-left .general-peitao .peitao-icon li:nth-child(2n){margin-right: 0}
    .house-detail-info .house-detail-right .guess-title{margin-top: 50px}
}



.member{padding: .5rem 0}
.member .member_menu {border-bottom: 1px solid #ebebeb;margin-bottom: 0.3rem}
.member .member_menu .con h3{font-size: 0.24rem;color: #333;padding-bottom: 15px;margin-right: 50px}

.member .member_menu .con ul{display: flex;}
.member .member_menu .con li{margin-right: .4rem}
.member .member_menu .con li a{font-size: 0.16rem;}
.member .member_menu .con li a:not(:hover){;color: #333}
.member .member_menu .con li.aon a{color: var(--hover-color);}

.member .member_con .fy_category{display: flex;margin-bottom: 0.3rem;}
.member .member_con .fy_category a{font-size: 0.16rem;margin-right: 0.2rem;border: 1px solid #ebebeb;line-height: 0.4rem;padding: 0 0.2rem}
.member .member_con .fy_category a.aon{background: var(--hover-color);color: #fff;border-color:var(--hover-color) }

.member .member_con .fy_top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px}
.member .member_con .fy_top .fy_search{width: 40%;position: relative}
.member .member_con .fy_top .fy_search .text{width: 100%;border: 1px solid #ebebeb;height: 0.46rem;line-height: 0.48rem;padding: 0 0.2rem;font-size: 0.16rem;}
.member .member_con .fy_top .fy_search .btn{position: absolute;width: 0.46rem;height: 0.46rem;right: 0;top: 0;background: url(../images/search-on.svg)no-repeat center;background-size: 0.16rem auto;border: 0}
.member .member_con .fy_top .fy_btn{}
.member .member_con .fy_top .fy_btn a{display: block;height: 0.46rem;padding: 0 30px;line-height: 0.46rem;background:var(--hover-color);color: #fff;font-size: 0.16rem; }




.member .member_con .list .td_pic{display: flex;align-items: center;}
.member .member_con .list .checkbox{position: relative;margin-right: .1rem;height: .16rem;width: .16rem;flex: 0 0 auto}
.member .member_con .list .checkbox input{width: .16rem;height: .16rem;z-index: 2;opacity: 0;position: relative;margin: 0;padding: 0}
.member .member_con .list .checkbox .checkboxicon{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #a5a5a5;}
.member .member_con .list .checkbox [type='checkbox']:checked + .checkboxicon{ background:url(../images/tick.svg) no-repeat center var(--hover-color); background-size: 60%; border-color: var(--hover-color);}
.member .member_con .list .pic{width: 1.5rem;height: 1rem;position: relative}
.member .member_con .list .pic img{width: 100%;height: 100%;object-fit: cover}

.member .member_con .list td em{font-style: normal;display: none}
.member .member_con .list .td_2{line-height: 24px;font-size: 16px;text-align: left}
.member .member_con .list .td_3 .ss{ display: flex;flex-wrap: wrap;justify-content: center}
.member .member_con .list .td_3 span{ position: relative;padding-right: 10px;margin-right: 10px;line-height: 24px}
.member .member_con .list .td_3 span:not(:last-child)::after{content: '';width: 1px;height: 10px;background: #ddd;right: 0;top: 50%;position: absolute;transform: translateY(-50%)}
.member .member_con .list .td_5 a{display: flex;align-items: center;justify-content: center;line-height: 24px }
.member .member_con .list .td_5 a.bj{color:#0e8ed8; }
.member .member_con .list .td_5 a.ck{color:#2ca961; }
.member .member_con .list .td_5 a.sc{color:#9b1c0b; }

.member .member_con .fy_mid{margin: 30px 0;display: flex;justify-content: space-between;align-items: center}
.member .member_con .other_op{padding: 0 15px;display: flex;align-items: center}
.member .member_con .other_op a{padding: 0 10px;line-height: 24px;border: 1px solid #ddd;margin-right: 10px;display: inline-flex;align-items: center;}
.member .member_con .other_op a .sort-icon{display:inline-flex;flex-direction:column;line-height:1;margin-left: 10px}
.member .member_con .other_op a .sort-icon span:first-child{width:0;height:0;border-left:4px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #666;margin-bottom: 1px}
.member .member_con .other_op a .sort-icon span:last-child{width:0;height:0;border-left:4px solid transparent;border-right:5px solid transparent;border-top:5px solid #666;margin-top: 1px}
.member .member_con .other_op a:hover{border-color:var(--hover-color) }
.member .member_con .other_op .qx{display: flex;align-items: center;margin-right: 30px}
.member .member_con .other_op .checkbox{position: relative;margin-right: .1rem;height: .16rem;width: .16rem}
.member .member_con .other_op .checkbox input{width: .1rem;height: .1rem;z-index: 2;opacity: 0;position: relative;}
.member .member_con .other_op .checkbox .checkboxicon{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #a5a5a5;}
.member .member_con .other_op .checkbox [type='checkbox']:checked + .checkboxicon{ background:url(../images/tick.svg) no-repeat center var(--hover-color); background-size: 60%; border-color: var(--hover-color);}

.member .member_con .fy_menu a{padding: 0 10px;line-height: 24px;border: 1px solid #ddd;margin-left: 10px;display: inline-flex;align-items: center;}
.member .member_con .fy_menu a.aon{background:var(--hover-color);border-color: var(--hover-color);color: #fff }

@media(min-width:1025px){
    .member .member_menu .con{display: flex;align-items: baseline}
    
    .member .member_con .list tr{border-bottom: 1px dotted #ddd}
    .member .member_con .list tr:hover{background: #f8f8f8}
    .member .member_con .list th,
    .member .member_con .list td{ padding:15px;position: relative;color: #333;text-align: center}
    .member .member_con .list th{ font-weight:normal;background: #f0f0f0;color: #000}

    .member .member_con .list .th_1,
    .member .member_con .list .td_1{ width: 1.85rem;padding: 15px 0 15px 15px}

    .member .member_con .list .th_2,
    .member .member_con .list .td_2{ width: 3rem;text-align: left}

    .member .member_con .list .th_4,
    .member .member_con .list .td_4{ width: 1.7rem;}

    .member .member_con .list .th_5,
    .member .member_con .list .td_5{ width: 1rem;}
}
@media(max-width:1024px){
	.member .member_con .fy_category a{font-size: 0.18rem;}
    .member .member_con .fy_top{flex-wrap: wrap;}
    .member .member_con .fy_top .fy_search{width: 100%}
    .member .member_con .fy_top .fy_btn{margin-top: 15px;width: 100%;text-align: center}
	.member .member_con .fy_top .fy_btn a{font-size: 0.18rem;}
    
    .member .member_con .fy_mid{flex-wrap: wrap;flex-direction: column;flex-direction: column-reverse;align-items: flex-start}
    .member .member_con .other_op{width: 100%;margin-top: 15px}
    
    .member .member_menu .con li a{font-size: 0.18rem;padding-bottom: 10px;display:block}
	
	.member .member_con .fy_menu a{font-size: 0.16rem;}

    
    /* 表格响应式样式 */
    .member .member_con .list table {}
    .member .member_con .list .thead {display: none;}
    .member .member_con .list tr { display: block; margin-bottom: 20px; border: 1px solid #eee;overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
    .member .member_con .list td { display: block; width: 100%; text-align: left; padding: 10px; border: none;}
    .member .member_con .list .td_1 { display: flex; align-items: center; gap: 10px; background: #f5f5f5;}
    .member .member_con .list .td_2 {font-weight: bold;font-size: 0.18rem; padding: 10px;}
    .member .member_con .list .td_3 {padding: 10px; }
    .member .member_con .list .td_3 .ss { display: flex; flex-wrap: wrap; gap: 10px;justify-content: flex-start}
    .member .member_con .list .ss span {background: #f0f0f0;padding: 4px 8px; border-radius: 4px; font-size: 0.14rem}
    .member .member_con .list .td_4 { font-size: 0.16rem;color: #666; padding: 5px 10px;}
    .member .member_con .list td em{display: inline-block}
    .member .member_con .list .td_5 {background: #f5f5f5;padding: 0;margin-top: 10px}
    .member .member_con .list .op {display: flex; gap: 10px; flex-wrap: wrap;}
    .member .member_con .list .op a { flex: 1; min-width: 80px; text-align: center; padding: 6px 12px; border-radius: 4px; font-size: 14px;}
}



.fymb{}
.fymb .title{font-size: 0.22rem;color: #333;margin-bottom: 0.3rem}
.fymb .form{width: 70%;margin: 0 auto}
.fymb .form li{display: flex;margin-bottom: 20px}
.fymb .form li .tit{margin-right: 15px;flex: 0 0 auto;line-height: 40px;width: 70px;text-align: right}
.fymb .form li .tit i{color: #fe0000}
.fymb .form li .box{width: 100%}
.fymb .form li .box .tip{color: #999;margin-top: 5px}
.fymb .form li .text,
.fymb .form li select{width: 100%;max-width: 440px; height: 40px;line-height: 38px;border: 1px solid #ebebeb;padding: 0 10px;border-radius: 3px}
.fymb .form li textarea.text{height: 100px;max-width: 100%}
.fymb .form li .text::placeholder{color: #999}
.fymb .form li .btn{color: #fff;border-radius: 3px;border: 0;background:var(--hover-color);height: 40px;line-height: 40px;width: 120px; }
.fymb .form li .toux{display: flex;align-items: center;margin-bottom: 20px}
.fymb .form li .toux .pic{width: 130px;height: 130px;border-radius: 50%;overflow: hidden;margin-right: 20px}
.fymb .form li .toux .pic img{width: 100%;height: 100%;object-fit: cover;}
.fymb .form li .toux a{color:#0e8ed8;}
.fymb .form li .mm{color:#0e8ed8;margin-left: 20px}

@media(max-width:1024px){
    .fymb .form{width: 100%}
    .fymb .form li .mm{margin: 10px 0 0;display: inline-block}
}


.fbfy_title{font-size: 30px;color: #333;padding-bottom: 30px}

.fbfy_tab{border-bottom: 5px solid #f8f8f8;display: flex;justify-content: space-around;margin-bottom: 30px;position: sticky;top: 0;background: #fff;padding-top: 20px;z-index: 100;overflow: auto;text-overflow: ellipsis;white-space: nowrap;}
.fbfy_tab span{font-size: 20px;color: #333;padding-bottom: 15px;position: relative;cursor: pointer}
.fbfy_tab span.on::after{content: '';position: absolute;width: 40px;height: 6px;background:var(--hover-color);left: 50%;bottom: 0;transform: translateX(-50%);}


.fbfy .fbfy_box:not(:last-child){border-bottom: 1px solid #ebebeb;margin-bottom: 30px;padding-bottom: 15px}
.fbfy .title{font-size: 22px;color: #333;margin-bottom: 30px}
.fbfy .title span{color: #666;margin-bottom: 30px;margin-top: 10px;display: block;font-size: 14px;line-height: 24px;}

.fbfy .form li{margin-bottom: 15px}
.fbfy .form li .tit{line-height: 40px;}
.fbfy .form li .tit i{color: #fe0000}
.fbfy .form li .box{width: 100%;position: relative}
.fbfy .form li .box .tip{color: #999;margin-top: 5px}
.fbfy .form li .box .tip2{margin-top: 5px}
.fbfy .form li .box .date-placeholder{position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #999; background: #fff;width: 200px}
.fbfy .form li .tip{color: #F56C6C;font-size: 12px;margin-top: 5px;line-height: 1.2;}
.fbfy .form li .text,
.fbfy .form li input[type="text"]
.fbfy .form li select{width: 100%;max-width: 300px; height: 40px;line-height: 38px;border: 1px solid #ebebeb;padding: 0 10px;border-radius: 3px}
.fbfy .form li .w100 .text,
.fbfy .form li .w100 select{max-width: 100%;}
.fbfy .form li textarea,
.fbfy .form li textarea.text{height: 100px;max-width: 100%;line-height: 24px;padding: 12px 10px}
.fbfy .form li .edit_title .el-form-item{width: 100%; display: flex;}
.fbfy .form li .edit_title .el-form-item__content{flex: 1;}
.fbfy .form li .use_template{position: relative;}
.fbfy .form li .use_template .btns{position: absolute; left: 130px; z-index: 10}
.fbfy .form li .use_template textarea{height: 200px;}
.fbfy .form li .use_template .el-form-item__content{ padding-top: 50px}
.fbfy .form li .el-radio__input.is-checked .el-radio__inner,
.fbfy .form li .el-checkbox__input.is-checked .el-checkbox__inner{ border-color: var(--hover-color);  background: var(--hover-color);}
.fbfy .form li .el-radio__input.is-checked+.el-radio__label,
.fbfy .form li .el-checkbox__input.is-checked+.el-checkbox__label{color:#333}
.fbfy .form li .box .el-form-item{width: 100%; display:flex}
.fbfy .form li .box .el-form-item__label{ white-space: nowrap;}
.fbfy .form li .box .el-form-item__content{flex: 1;}

.fbfy .form li .el-form-item{width: 100%; display:flex}
.fbfy .form li .el-form-item__label{ white-space: nowrap;}
.fbfy .form li .el-form-item__content{flex: 1;}

.fbfy .form li .text::placeholder{color: #999}
.fbfy .form li .l-radio input[type="radio"]{margin: 0;padding: 0;opacity: 0;width: .16rem;height: .16rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.fbfy .form li .l-radio{position: relative;display: inline-flex;height: 40px}
.fbfy .form li .l-radio label{display: inline-flex;align-items: center;cursor: pointer;margin-right: .2rem;color: #333;}
.fbfy .form li .l-radio label::before {content: '';display: inline-block;width: .16rem;height: .16rem;border: 1px solid #ccc;border-radius: 50%;margin-right: 5px; background-color: white;transition: all 0.3s ease;}
.fbfy .form li .l-radio input[type="radio"]:checked + label::before {border-color: var(--hover-color);background-color: var(--hover-color);box-shadow: inset 0 0 0 2px white;}

.fbfy .form li .check{display: inline-flex;height: 40px;align-items: center;}
.fbfy .form li .check .checkbox{position: relative;margin-right: .1rem;height: .16rem;width: .16rem}
.fbfy .form li .check .checkbox input{width: .16rem;height: .16rem;z-index: 2;opacity: 0;position: relative;margin: 0;padding: 0}
.fbfy .form li .check .checkbox .checkboxicon{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid var(--hover-color);}
.fbfy .form li .check .checkbox [type='checkbox']:checked + .checkboxicon{ background:url(../images/tick.svg) no-repeat center var(--hover-color); background-size: 60%; border-color: var(--hover-color);}

.fbfy .form .box-3 .item{margin-right: .2rem;display: inline-flex;align-items: center}
.fbfy .form .box-3 .item.nm{margin-left: 0}
.fbfy .form .box-3 select{margin-right: .2rem}
.fbfy .form .box-3 .item .text{width: 100px}
.fbfy .form .box-3 .item span{margin: 0 5px}

.fbfy .form li .unitbox{position: relative;max-width: 300px}
.fbfy .form li .unitbox .text{padding-right: .5rem;}
.fbfy .form li .unit{position: absolute;right: .1rem;top: 0;height: 40px;line-height: 40px}

.fbfy .form li .card{width: 100%;height: 40px;line-height: 40px}
.fbfy .form li.jjfs .box{display:flex; justify-content: space-between}
.fbfy .form li.zujin .box{display:flex; justify-content: space-between}

.fbfy .form .box-check{display: flex;flex-wrap: wrap;}
.fbfy .form .box-check .l-check{position: relative;display: inline-flex;align-items: center;height: 40px;width: calc((100% - .1rem)/6)}
.fbfy .form .box-check .l-check input[type="checkbox"]{margin: 0;padding: 0;opacity: 0;width: .16rem;height: .16rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.fbfy .form .box-check .l-check label{display: inline-flex;align-items: center;cursor: pointer;margin-right: .1rem;color: #333;}
.fbfy .form .box-check .l-check label::before {content: '';display: inline-block;width: .16rem;height: .16rem;border: 1px solid #ccc;border-radius: 3px;margin-right: 5px; background-color: white;transition: all 0.3s ease;flex: 0 0 auto}
.fbfy .form .box-check .l-check input[type="checkbox"]:checked + label::before {background:url(../images/tick.svg) no-repeat center var(--hover-color); background-size: 60%; border-color: var(--hover-color);}

.fbfy .form .btns a{color:#0e8ed8;line-height: 40px;display: inline-flex;position: relative;align-items: center}
.fbfy .form .btns a:hover{color: #ff0000}
.fbfy .form .btns a:not(:last-child)::after{content: '';width: 1px;height: 14px;background: #ebebeb;margin: 0 10px }


.fbfy .pic_con:not(:last-child){margin-bottom: 50px}
.fbfy .pic_con .ts{display: inline-block;width: 16px;height: 16px;background: url(../images/tips.svg)no-repeat center;background-size: 16px auto;margin-right: 5px;transform: translateY(3px)}
.fbfy .pic_con .pic_con_right{line-height: 24px}
.fbfy .pic_con .pic_con_right a{color:#0e8ed8;display: inline-block;margin-top: 8px}
.fbfy .pic_con .pic_file {display: flex;flex-wrap: wrap;gap: 10px; margin-top: 20px;}
.fbfy .pic_con .pic_file .upload-btn {width: 100px;height: 100px;background-color: #f0f0f0;border: 2px dashed #ccc;border-radius: 4px;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;}
.fbfy .pic_con .pic_file .upload-btn:hover {background-color: #e0e0e0;border-color: #999;}
.fbfy .pic_con .pic_file .upload-icon { font-size: 40px;color: #999;line-height: 1;margin-bottom: 5px;}
.fbfy .pic_con .pic_file .upload-text {font-size: 12px;color: #666; text-align: center;}
.fbfy .pic_con .pic_file .upload-text span {color: #999;}
.fbfy .pic_con .pic_file .image-item {width: 100px;height: 100px;position: relative;border-radius: 4px;overflow: hidden;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.fbfy .pic_con .pic_file .image-item img {width: 100%;height: 100%;object-fit: cover;}
.fbfy .pic_con .pic_file .delete-btn {position: absolute;top: 2px;right: 2px;width: 20px;height: 20px;background-color: rgba(0,0,0,0.6);color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 14px;line-height: 1;}
.fbfy .pic_con .pic_file .delete-btn:hover {background-color: rgba(0,0,0,0.8);}

.fbfy .form li .btn{color: #fff;border-radius: 3px;border: 0;background:var(--hover-color);height: 40px;line-height: 40px;width: 120px; }
.fbfy .form li .btn2{background:#999;}

@media(min-width:1025px){
    .fbfy .form{width: 79%;margin-left: 5vw}
    .fbfy .form li{display: flex;}
    .fbfy .form li .tit{margin-right: 15px;flex: 0 0 auto;width: 130px;text-align: right}
    .fbfy .form .row-2{display: flex;justify-content: space-between}
    .fbfy .form .row-2 li{width: 49%}
    
    .fbfy .form .row-3{display: flex;}
    .fbfy .form .row-3 li{width: 30%;margin-right: 1%;}
    
    
    .fbfy .form .box-2{display: flex;}
    .fbfy .form .box-2 input,
    .fbfy .form .box-2 select{width: 49%}
    .fbfy .form .box-2 input:not(:last-child),
    .fbfy .form .box-2 select:not(:last-child){margin-right: .2rem}
    
    .fbfy .form .box-3{display: flex;}
    .fbfy .form .box-3 select{width: 25%}
    
    .fbfy .form .box-4{display: flex;}
    .fbfy .form .box-4 .text{width: 28%;}
    .fbfy .form .box-4 .text:not(:last-child){margin-right: .2rem}
	

	.fbfy .form li.jjfs .card{position: absolute;top: 58%; left: 1.3rem;} 
    
    .fbfy .pic_con{display: flex;width: 70%;margin-left: 6vw}
    .fbfy .pic_con .pic_con_left{margin-right: 15px;flex: 0 0 auto;line-height: 40px;width: 111px;text-align: right}
	
}
@media(max-width:1024px){
    .fbfy .form li .text,
    .fbfy .form li select{max-width: 100%;}
    .fbfy .form .box-2 .text,
    .fbfy .form .box-2 select{margin-bottom: 10px}
    
    .fbfy .form .box-3 .item,
    .fbfy .form .box-4 .text{margin-top: 10px}
	
    
    .fbfy .form li .unitbox{max-width: 100%}
	
	.fbfy .form li.zujin {padding-left: 1rem}
	.fbfy .form li.ya {padding-left: 1.05rem}
    
    .fbfy .form .box-check .l-check{width: calc((100% - .1rem) / 3);}

    
    .fbfy_tab span:not(:last-child){margin-right: 30px}
    
    .fbfy .form li .box .date-placeholder{height: 38px;top: 1px;line-height: 40px;transform: translateY(0)}
}



.ts_box{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.5);display: none;z-index: 100}
.ts_box .con{display: flex;justify-content: center;align-items: center;height: 100%}
.ts_box .con .main{background: #fff;padding: .5rem;width: 90%;max-width: 4.5rem;text-align: center}
.ts_box .con .main .title{font-size: 20px;color: #333;padding-bottom: .1rem;}
.ts_box .con .main .title::before{content: '';display: block;width: .4rem;height: .4rem;background: url(../images/icon-tip.svg)no-repeat center;background-size: .4rem auto;margin: 0 auto .3rem;}
.ts_box .con .main .desc{color: #666;}
.ts_box .con .main a{color: #fff;background:var(--hover-color);width:120px;height: 36px;line-height: 36px;display: block;margin: .3rem auto 0}



.ts_box2{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.5);z-index: 100;display: none}
.ts_box2 .con{display: flex;justify-content: center;align-items: center;height: 100%}
.ts_box2 .con .main{background: #fff;padding: .5rem;width: 90%;max-width: 4.5rem;text-align: center}
.ts_box2 .con .main .title{font-size: 20px;color: #333;padding-bottom: .1rem;}
.ts_box2 .con .main .title::before{content: '';display: block;width: .4rem;height: .4rem;background: url(../images/icon-tip.svg)no-repeat center;background-size: .4rem auto;margin: 0 auto .3rem;}
.ts_box2 .con .main .desc{color: #666;}
.ts_box2 .con .main .desc h3{color: #333;padding-bottom: 20px}
.ts_box2 .con .main .btns{display: flex;justify-content: center;margin: .3rem auto 0}
.ts_box2 .con .main a{color: #fff;background:var(--hover-color);width:120px;height: 36px;line-height: 36px;display: block;margin: 0 10px}
.ts_box2 .con .main a.btn2{background:#999;}



.mb_box{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.5);display: none; z-index: 100}
.mb_box .con{display: flex;justify-content: center;align-items: center;height: 100%}
.mb_box .con .main{background: #fff;width: 90%;max-width: 5.2rem;max-height: 50vh;overflow: auto;}
.mb_box .con .main .title{padding:.24rem .2rem;font-size: 18px;color: #333;position: relative;border-bottom: 1px solid #ebebeb}
.mb_box .con .main .title .close{position: absolute; right: 20px;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;z-index: 10;cursor:pointer;}
.mb_box .con .main .title .close:before,
.mb_box .con .main .title .close:after{position: absolute;content: ''; width: 100%;height: 2px;background-color: #000; top: 50%;margin-top: -1px;transform: rotate(-45deg);}
.mb_box .con .main .title .close:after{transform: rotate(45deg);}
.mb_box .con .main .list{padding: .2rem;}
.mb_box .con .main .list .item {border: 1px solid #ebebeb;}
.mb_box .con .main .list .item:not(:last-child){margin-bottom: 20px;}
.mb_box .con .main .list .item .it{border-bottom: 1px solid #ebebeb;display: flex;padding: .2rem;justify-content: space-between}
.mb_box .con .main .list .item .it span{font-size: 18px;color: #333}
.mb_box .con .main .list .item .it a{line-height: 24px}
.mb_box .con .main .list .item .ip{padding: .2rem;line-height: 24px;}




.mm-box{position: fixed;height: 100%;width: 100%;left: 0;top: 0;background: rgba(0,0,0,.5);z-index: 100;display: none}
.mm-box .con{display: flex;justify-content: center;align-items: center;height: 100%}
.mm-box .main{width: 4.5rem;background: #fff;padding: .5rem .3rem;position: relative}
.mm-box .close{position: absolute; right: 20px;top: 20px;width: 20px;height: 20px;z-index: 10;cursor:pointer;}
.mm-box .close:before,
.mm-box .close:after{position: absolute;content: ''; width: 100%;height: 2px;background-color: #000; top: 50%;margin-top: -1px;transform: rotate(-45deg);}
.mm-box .close:after{transform: rotate(45deg);}
.mm-box .main .title{text-align: center;font-size: var(--font-size32);color: #000;padding-bottom: .3rem}

.mm-box .form li {position: relative;z-index: 1;margin-bottom: 10px;}
.mm-box .form li label.tit {position: absolute;left: .2rem;top: 0;line-height: .5rem;}
.mm-box .form li .text {border: solid 1px rgba(139,139,139,0.2);width: 100%;height: .5rem;line-height: .5rem; border-radius: 0.625em; padding: 0 .2rem;}
.mm-box .form li.code dl dd a {display: block;cursor: pointer;color: #fff;line-height: .5rem;text-align: center;}
.mm-box .form ol .btn {display: block;width: 100%;background:var(--hover-color);border: 0;cursor: pointer;border-radius: 0.625em;height: .5rem;color: #fff;}





.contact{padding: .5rem 0}
.contact .banner{position: relative;}
.contact .banner .txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;font-size: 30px;}

.contact .contact_box:not(:last-child){padding-bottom: .8rem}
.contact .contact_box .title{font-size: 0.3rem;color: #000;border-bottom: 1px solid #ebebeb;padding-bottom: .2rem;margin-bottom: .3rem}
.contact .contact_box1 .list .item .tit{font-size: 0.2rem;color: #000;padding-bottom: .2rem}
.contact .contact_box1 .list .item .tit:not(:first-child){padding-top: .3rem}
.contact .contact_box1 .list .item .desc{line-height: 24px}
.contact .contact_box1 .list .item .tip{border-top: 1px solid #ebebeb;margin-top: .3rem;padding-top: .3rem}
.contact .contact_box1 .list .item .tip dl:not(:last-child){padding-bottom: .3rem}
.contact .contact_box1 .list .item .tip dt{font-size: 0.2rem;color: #000;padding-bottom: .1rem}
.contact .contact_box1 .list .item .tip dd{display: flex;flex-wrap: wrap}
.contact .contact_box1 .list .item .tip dd span{line-height: 24px;position: relative;margin-right: .2rem;padding-right: .2rem}
.contact .contact_box1 .list .item .tip dd span:not(:last-child)::before{content: '';position: absolute;width: 1px;height: 10px;background: #ebebeb;right: 0;top: 50%;transform: translateY(-50%);}
.contact .contact_box1 .list .item .pic figure{padding-bottom: 100%;}

.contact .contact_box2 .list{display: flex;flex-wrap: wrap;}
.contact .contact_box2 .list .item{width: 15.833%;margin-right: 1%;margin-bottom: 3%;border: 1px solid #ebebeb;padding: .4rem .2rem;text-align: center}
.contact .contact_box2 .list .item:nth-child(6n){margin-right: 0}
.contact .contact_box2 .list .item .num{font-size: 18px;color: var(--hover-color);font-weight: bold;margin-bottom: .2rem}
.contact .contact_box2 .list .item .tit{font-size: 16px;color: #333;}
.contact .contact_box2 .list .item .tit::after{content: '';display: block;width: .3rem;height: 3px;background:var(--hover-color);margin: .2rem auto }
.contact .contact_box2 .list .item .desc{line-height: 24px}
.contact .contact_box2 .tip{display: flex;justify-content: space-between}
.contact .contact_box2 .tip dl{width: 48%;}
.contact .contact_box2 .tip dt{font-size: 0.2rem;color: #000;padding-bottom: .1rem}
.contact .contact_box2 .tip dd{display: flex;flex-wrap: wrap}
.contact .contact_box2 .tip dd span{line-height: 24px;position: relative;margin-right: .2rem;padding-right: .2rem}
.contact .contact_box2 .tip dd span:not(:last-child)::before{content: '';position: absolute;width: 1px;height: 10px;background: #ebebeb;right: 0;top: 50%;transform: translateY(-50%);}

.contact .contact_box3 .con{position: relative;border-radius:0;overflow: hidden}
.contact .contact_box3 .con .list{position: absolute;width: 100%;left: 0;bottom: 0;padding: 0 .9rem;display: flex;gap:.3rem}
.contact .contact_box3 .con .list .item{background: rgba(200,200,200,.4);border-radius: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;backdrop-filter: blur(6px);padding: .3rem;flex: 1}
.contact .contact_box3 .con .list .item.tel::before{content: '';width: .52rem;height: .52rem;background: url(../images/contact-tel.png)no-repeat center;margin-bottom: .2rem;background-size: .52rem auto}
.contact .contact_box3 .con .list .item.mail::before{content: '';width: .52rem;height: .52rem;background: url(../images/contact-mail.png)no-repeat center;margin-bottom: .2rem;background-size: .52rem auto}
.contact .contact_box3 .con .list .item.dy::before{content: '';width: .52rem;height: .52rem;background: url(../images/contact-dy.png)no-repeat center;margin-bottom: .2rem;background-size: .52rem auto}
.contact .contact_box3 .con .list .item .tit{color: #fff;font-size: var(--font-size18);}
.contact .contact_box3 .con .list .item.code img{max-width: 1rem}
.contact .contact_box3 .con .list .item.code p{color: #fff;padding-top: 5px}
.contact .contact_box3 .con .bg{padding-bottom: 33.899%;}

.contact .contact_box4 .title_tab{border-bottom: 1px solid #ebebeb;padding-bottom: .2rem;margin-bottom: .3rem;display: flex;}
.contact .contact_box4 .title_tab span{font-size: 0.3rem;color: #999;margin-right: .4rem;cursor: pointer}
.contact .contact_box4 .title_tab span.on{color: #000;}
.contact .contact_box4 .item{display: none}
.contact .contact_box4 .form{width: 50%;}
.contact .contact_box4 .form li{display: flex;margin-bottom: 15px}
.contact .contact_box4 .form li .tit{margin-right: 15px;flex: 0 0 auto;line-height: 40px;width: 70px;text-align: right}
.contact .contact_box4 .form li .tit i{color: #fe0000}
.contact .contact_box4 .form li .box{width: 100%}
.contact .contact_box4 .form li .box label{height: 40px;line-height: 38px;display: inline-block;}
.contact .contact_box4 .form li .text,
.contact .contact_box4 .form li select{width: 100%;height: 40px;line-height: 38px;border: 1px solid #ebebeb;padding: 0 10px;border-radius: 3px}
.contact .contact_box4 .form li textarea.text{height: 100px;max-width: 100%}
.contact .contact_box4 .form li .text::placeholder{color: #999}
.contact .contact_box4 .form li .l-radio input[type="radio"]{margin: 0;padding: 0;opacity: 0;width: .16rem;height: .16rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.contact .contact_box4 .form li .l-radio{position: relative;display: inline-flex;height: 40px}
.contact .contact_box4 .form li .l-radio label{display: inline-flex;align-items: center;cursor: pointer;margin-right: .2rem;color: #333;}
.contact .contact_box4 .form li .l-radio label::before {content: '';display: inline-block;width: .16rem;height: .16rem;border: 1px solid #ccc;border-radius: 50%;margin-right: 5px; background-color: white;transition: all 0.3s ease;}
.contact .contact_box4 .form li .l-radio input[type="radio"]:checked + label::before {border-color: var(--hover-color);background-color: var(--hover-color);box-shadow: inset 0 0 0 2px white;}
.contact .contact_box4 .form li .btn{color: #fff;border-radius: 3px;border: 0;background:var(--hover-color);height: 40px;line-height: 40px;width: 120px; }

.contact .contact_box5 .con{position: relative;background: #000}
.contact .contact_box5 .con .txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10}
.contact .contact_box5 .con .txt .tit{font-size: 0.3rem;color: #fff;padding-bottom: .3rem;;}
.contact .contact_box5 .con .txt .btn{color: #fff;border-radius: 3px;border: 0;background:var(--hover-color);height: 40px;line-height: 40px;width: 120px;display: block;text-align: center}
.contact .contact_box5 .con .bg{padding-bottom: 25%;opacity: .7;background-size: cover;background-position: center;background-repeat: no-repeat}

@media(min-width:1025px){
    .contact .contact_box1 .list .item{display: flex;justify-content: space-between;align-items: center}
    .contact .contact_box1 .list .item .pic{width: 50%;flex: 0 0 auto;}
    .contact .contact_box1 .list .item .txt{flex: 1;padding-right: 5%}
}

@media(max-width:1024px){
    .contact .contact_box1 .list .item .pic{margin-top: 30px;}
    
    .contact .contact_box2 .list .item{width: 49%;margin-right: 2%;margin-bottom: 10px}
    .contact .contact_box2 .list .item:nth-child(2n){margin-right: 0}
    .contact .contact_box2 .tip{flex-wrap: wrap;}
    .contact .contact_box2 .tip dl{width: 100%;margin-top: 30px;}
    
    .contact .contact_box3 .con .list{position: relative;flex-wrap: wrap;padding: 0;gap:0;}
    .contact .contact_box3 .con .list .item{width: 50%;margin-bottom: 1px;background: #f5f5f5;}
    .contact .contact_box3 .con .list .item .tit{color: #333}
    .contact .contact_box3 .con .list .item.code p{color: #333}
    
    .contact .contact_box4 .form{width: 100%}
    
    .contact .contact_box5 .con .bg{padding-bottom: 47%;}
}



.Recruitment{padding:.5rem 0}

.Recruitment .list .litop { background: var(--hover-color); color: #fff; margin-bottom: 10px; }
.Recruitment .list .litop .dl { border-radius: 20px 0; }
.Recruitment .list .li { cursor: pointer; border-bottom: 1px dashed rgba(0,0,0,.1);background: #f7f9fb;}
.Recruitment .list .li dl { color: #333; overflow: hidden;}
.Recruitment .list .lion { overflow: hidden; }
.Recruitment .list dl.dl { margin: 0; line-height: 1.75; position: relative;display: flex }
.Recruitment .list dl.dl .btn { display: inline-block; padding: 0 10px; border: 1px solid rgba(255,255,255,0.1); color: #aaa; position: relative; width: 22px; height: 22px; border-radius: 50%; }
.Recruitment .list dl.dl .btn::before, 
.Recruitment .list dl.dl .btn::after { position: absolute; content: ''; background: #333; }
.Recruitment .list dl.dl .btn::before { left: 25%; width: 50%; height: 1px; top: 50%; margin-top: -1px; }
.Recruitment .list dl.dl .btn::after { left: 50%; margin-left: -1px; width: 1px; top: 25%; height: 50%; }
.Recruitment .list .lion dl.dl .btn::after { display: none; }
.Recruitment .list dl.dl dd { width: 80%; text-align: center;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0.15rem 0.2rem; display: inline-block; vertical-align: top;font-size: 0.16rem ; }
.Recruitment .list dl.dl .dd1 { text-align: left; position: relative; }
.Recruitment .list dl.dl .dd6 { width: 20%; text-align: center; }
.Recruitment .list dl.dl .dd5, 
.Recruitment .list dl.dl .dd4, 
.Recruitment .list dl.dl .dd3, 
.Recruitment .list dl.dl .dd2 { display: none; }
.Recruitment .list .liConBox { background: rgba(255,255,255,0.02); padding:0 20px 20px; overflow: hidden; display: none; }
.Recruitment .list .liConBox .txt { line-height: 26px; color: #333; margin-bottom: 10px; }
.Recruitment .list .liConBox .txt .h4 { font-weight: normal; font-size: 14px; color: #333; padding-bottom: 5px; }
.Recruitment .list .liConBox .txt p { }
.Recruitment .list .Fmore { text-align: left; }
.Recruitment .list .Fmore .btnBottom { text-align: left; }
.Recruitment .job-email a{ color: #005895; }

@media screen and (min-width:768px) {
    .Recruitment .list dl.dl dd { width: 40%; padding: 15px; }
    .Recruitment .list dl.dl .dd6, 
    .Recruitment .list dl.dl .dd5, 
    .Recruitment .list dl.dl .dd3, 
    .Recruitment .list dl.dl .dd4, 
    .Recruitment .list dl.dl .dd2 { display: inline-block; width: 15%; }
    .Recruitment .list dl.dl .btn { margin-top: 12px;}
}

@media screen and (min-width:1000px) {
    .Recruitment .list li dl.dl .dd1 { padding-left: .5rem; }
    .Recruitment .list dl.dl dd {line-height: .46rem ;padding: .1rem .15rem; }
    .Recruitment .list .liConBox { padding:0 .5rem .2rem; position: relative; }
    .Recruitment .list .liConBox .txt { line-height: .3rem;margin-bottom: .35rem; }
    .Recruitment .list .btnBottom .btnA { width: 1.4rem; line-height: .4rem; }
}

@media screen and (min-width:1280px) {
    .Recruitment .list .liConBox .txt .h4 { font-size: 20px; }
    .Recruitment .list .liConBox .txt { line-height: 30px; }
    .Recruitment .list .btnBottom .btnA { font-size: 18px; }
    .Recruitment .list .liConBox .txt .h4 { padding-bottom: 15px; }
}

@media(max-width:1024px){
.Recruitment .list dl.dl dd{ font-size: 0.18rem; padding: 0.12rem;}
}


.tip-text-popper { background: #fff;font-size: 12px; line-height: 1.4; position: absolute; top: 0; z-index: 1;}
.tip-text-popper .arrow { background: #fff; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; bottom: -8px; height: 15px; left: 50%; margin-left: -8px; position: absolute; transform: rotate(-45deg); transform-origin: center; width: 15px;}
.tip-text-popper .tip-inner { border: 1px solid #d3d3d3; border-radius: 0; color: #666; max-width: 240px; padding: 10px 8px; text-decoration: none;word-wrap: break-word;
    word-break: break-all;
    white-space: normal;}

/* index.css */

.upload_icon {
    display: flex !important;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    line-height: 1.2 !important;
    height:100%;
}

.upload_icon span {
    font-size: 14px;
    margin-top: 40px;
    min-height: auto !important;
    padding: 0 !important;
}

.el-form-item.is-required:not(.is-no-asterisk) .upload_icon span.placeholder:before {
    content: '*';
    color: #F56C6C;
    margin-right: 4px
}

.member .member_con .other_op a .sort-icon span:first-child.aon {
    border-bottom: 5px solid #fcc000;
}

.member .member_con .other_op a .sort-icon span:last-child.aon {
    border-top: 5px solid #fcc000;
}