@charset "utf-8";
/* 设pc端为769 M端为768 */
/*字体大小*/
.fs-32{font-size: 32px !important}
.fs-28{font-size: 28px !important}
.fs-24{font-size: 24px !important}
.fs-22{font-size: 22px !important}
.fs-20{font-size: 20px !important}
.fs-18{font-size: 18px !important}
.fs-17{font-size: 17px !important}
.fs-16{font-size: 16px !important}
.fs-15{font-size: 15px !important}
.fs-14{font-size: 14px !important}
.fs-13{font-size: 13px !important}
.fs-12{font-size: 12px !important}
.fs-bold{font-weight: 600 !important}

/*色彩 边线 投影*/
:root{--primary-color:#0e9247;--secondary-color:#fb8b05;--white:#fff;--red-color:#ee3f4d;--orange:#ff6800;--fenbai:#fbf2e3;--yuebai:#eef7f2;--hongbai:#fff0f1;--gray:#888;--gray-1:#ddd;--gray-2:#505050;--gray-3:#ececec;--light-gray:#f4f4f4; --text-color:#404040;--qingbai:#e5f8f9;--shilv:#57c3c2;--yellow:#fbd105;--box-shadows:0 0 12px rgba(0,0,0,.1);--light-white:rgba(255,255,255,.8)}
a{color:#404040}
a:hover,.primary-color,a.special{color:var(--primary-color) }
.secondary-color{color: var(--secondary-color)!important}
.red-color,a.special:hover{color: var(--red-color)!important}
.gray-color{color:var(--gray) !important}
.white-color{color: #fff !important}
.lightwhite-color{color: var(--light-white) !important}
.bg-white{background-color: var(--white) !important}
.bg-yuebai{background-color: var(--yuebai) !important}
/*按钮 label*/
.btn{border-radius: 4px;height: 40px;font-weight: 500;-webkit-transition: all 200ms linear !important;transition: all 200ms linear !important;padding: 0 20px;letter-spacing: 0.2px;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;align-items: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content:center;justify-content: center;-ms-flex-pack: center;text-align: center;border: none;}
.btn.btn-circle{border-radius: 20px}
.btn-fluid{	width: 100%;}
.btn-primary{color: var(--white); background-color: var(--primary-color);}
.btn-primary:hover{	color: var(--white) !important;  background-color: var(--primary-color) !important;	box-shadow: 0 6px 15px 0 rgba(89, 253, 223,.4) } 
.btn-secondary{background-color: var(--secondary-color);color:  var(--white)}
.btn-secondary:hover{background-color: var(--secondary-color) !important;color: var(--white) !important;box-shadow:0 6px 15px 0 rgba(251, 139, 5,.4) }
.btn-gray{background-color: var(--gray-3); color: var(--text-color)}
.btn-gray:hover{ color: var(--text-color) !important; background-color:  var(--gray-3) !important; box-shadow:0 6px 15px 0 rgba(118, 118, 118,.4)  }
.btn-fenbai{background-color: var(--fenbai);color: var(--secondary-color)}
.btn-fenbai:hover{background-color: var(--fenbai) !important;color: var(--secondary-color) !important;box-shadow:0 6px 15px 0 rgba(251, 139, 5,.4) }
.label{display:inline-flex;align-items: center;padding:3px 4px; border-radius:3px;line-height: 1; font-weight: 400; background-color:var(--yuebai); color: var(--primary-color); font-size: .2rem}
.label-primary{color: #fff !important; background-color: var(--primary-color);}
.label-gray{color: #fff !important; background-color: var(--gray);}
.label-red{color: #fff !important; background-color: var(--red-color)}
.label-orange{color: #fff !important; background-color: var(--orange)}
.label-circle{border-radius: 12px; padding:4px 6px}
a.label:hover{opacity: .8}
.online::before{content: "\e662";font-family: iconfont; margin-right: 3px}
.mtel::before{content: "\e7a2"; font-family: iconfont;margin-right: 3px}



/*圆角 边框*/
.border-radius-4{border-radius: 4px;}
.border-all{border-style: solid; border-width: 1px; border-color: var(--gray-1)}
.box-shadows{box-shadow: var(--box-shadows);}
/*面包屑*/
.breadcrumbs-wrap{padding-left:5px;position: relative}
.breadcrumbs-wrap>.breadcrumb li {line-height: 44px; position: relative}
.breadcrumb li .title{margin-bottom: 0;display: inline-block;font-size: inherit;line-height: inherit;}
/*标题*/
.ptitle-wrap{display: flex; display: -ms-flexbox; align-items: center; margin-bottom: 20px}
.ptitle-wrap .title{font-size: 26px; margin-bottom: 0; line-height: 1; letter-spacing: 1px; position: relative; padding-left:16px; padding-right:15px}
.ptitle-wrap .title:before,.ptitle-wrap .title:after{content: ""; position: absolute; background-repeat: no-repeat;width: 14px; height: 20px; background-size: cover}
.ptitle-wrap .title:before{ background-image: url("../img/ptitle-bg-a.png");  left: 0; top:0}
.ptitle-wrap .title:after{background-image: url("../img/ptitle-bg-b.png"); right: 0; bottom:-6px}
.ptitle-wrap .more{margin-left: auto}
/*图文 文字列表 基本*/
.meta{ display: flex; display: -ms-flexbox; align-items: center;}
.img-txt-item{display:flex;display: -ms-flexbox; align-items: flex-start; position: relative}
.img-txt-item .img-wrap{flex:0 0 180px; margin-right: 15px; border-radius: 6px; overflow: hidden;position: relative; min-width: 0}
.img-txt-item .img-wrap.video:before{content: "\e611";font-family: iconfont; position: absolute; left: 0;right: 0;bottom: 0;top:0; background-color: rgba(0,0,0,.2); z-index:1; color: rgba(255,255,255,.9); font-size:40px;display: flex;justify-content: center;align-items: center;}
.img-txt-item .img-wrap.img-w-auto{flex:0 0 auto;}
.img-txt-item .img-wrap img{width: 100%; height: auto; transition: transform .4s ease-in-out}
.img-txt-item .img-wrap .meta{position: absolute; z-index: 1; left: 5px; bottom: 5px}
.img-txt-item .img-wrap .rainbow{position: absolute; z-index: 1;left: 0;top:0;}
.img-txt-item .txt-wrap{flex-grow:1; min-width: 0;}
.img-txt-item .txt-wrap .title,.normal-info .title{font-size: 17px; margin-bottom: 0; line-height: 1.4}
.img-txt-item .txt-wrap .title .label{position: relative; top:-2px}
.img-txt-item .txt-wrap .desc,.normal-info .desc{ margin-top:8px; line-height: 1.4; color: var(--gray)}
.img-txt-item .txt-wrap .meta,.normal-info .meta{margin-top:8px; line-height: 1.1; font-size: 11px;}
.meta>li:not(:last-child){margin-right: 10px;}
.meta>li{min-width: 0}
.img-txt-item.img-right .img-wrap{margin-right: 0; margin-left: 15px; order: 13 !important }
.img-txt-item.img-left .img-wrap{margin-right:15px; margin-left:0; order:-1 !important }
.img-txt-item.img-top{flex-wrap: wrap;-ms-flex-wrap: wrap; align-content: flex-start}
.img-txt-item.img-top .img-wrap{ margin-right: 0}
.img-txt-item.img-top .img-wrap{ flex:0 0 100%; max-width: 100%}
.img-txt-item.img-top .txt-wrap{padding-top: 8px}

/*价格\其他元素*/
.price{color: var(--gray)}
.price>span{color: var(--red-color); font-size: 20px;line-height: 1; font-weight: 600}
.price:before{content: "\ffe5"; font-size: 11px}
.price:after{content: "\8d77";font-size: 11px; margin-left: 2px;}
.price.pm:after{content: "/\5e73\7c73"}
.price.no>span{font-weight: 400!important; color: var(--gray)}
.price.no:before,.price.no:after{display: none !important}
.local:before{content: "\e771"; font-family: iconfont; margin-right:1px}
dl{display: flex; flex-wrap: wrap}
dl>dt,dl>dd{min-width: 0}

/*===仅针对pc端===*/
@media (min-width: 769px){
/*字体大小 PC*/
.fs-lg-32{font-size: 32px !important}
.fs-lg-28{font-size: 28px !important}
.fs-lg-24{font-size: 24px !important}
.fs-lg-22{font-size: 22px !important}
.fs-lg-20{font-size: 20px !important}
.fs-lg-18{font-size: 18px !important}
.fs-lg-17{font-size: 17px !important}
.fs-lg-16{font-size: 16px !important}
.fs-lg-15{font-size: 15px !important}
.fs-lg-14{font-size: 14px !important}
.fs-lg-13{font-size: 13px !important}
.fs-lg-12{font-size: 12px !important}
/*按钮 PC*/
.btn.btn-mini-lg{height: 32px; padding:0 12px}
.btn.w-lg-120{min-width: 120px}
.btn.w-lg-150{min-width: 150px}
.btn.w-lg-180{min-width: 180px}
/*价格\其他元素*/
.price.no>span{font-size: 16px;}
.label{padding:3px 4px;font-size: 12px}
/*描述限高 PC*/
.t-2x-s-lg,.t-2x-lg{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 2;}
.t-2x-s-lg{font-size: 12px; height: 32px}
.t-2x-lg{font-size: 14px; height: 38px}
/*背景色 PC*/
.bg-white-pc{background-color: var(--white)!important}
.bg-yuebai-pc{background-color: var(--yuebai)!important}
.bg-fenbai-pc{background-color: var(--fenbai)!important}
.bg-hongbai-pc{background-color: var(--hongbai)!important}
.bg-lightgray-pc{background-color: var(--light-gray)!important}
.bg-qingbai-pc{background-color: var(--qingbai) !important}
/*图文 基本 PC*/
.img-txt-item:hover .img-wrap img{transform: scale(1.04)}
.img-txt-item .img-wrap.img-w-auto-lg{flex:0 0 auto;}
.img-txt-item .img-wrap.img-w-100-lg{flex:0 0 100px;}
.img-txt-item .img-wrap.img-w-120-lg{flex:0 0 120px;}
.img-txt-item .img-wrap.img-w-135-lg{flex:0 0 135px;}
.img-txt-item .img-wrap.img-w-150-lg{flex:0 0 150px;}
.img-txt-item.img-top-lg{flex-wrap: wrap;-ms-flex-wrap: wrap;}/*pc端 图片在顶部*/
.img-txt-item.img-top-lg .txt-wrap{padding-top:10px;}
.img-txt-item.img-top-lg .img-wrap,.img-txt-item.img-top-lg .txt-wrap{ flex:0 0 100%; max-width: 100%}	
.img-txt-item.img-top-lg .img-wrap{margin-right: 0}
.img-txt-item.img-left-lg .img-wrap{margin-right:20px; margin-left:0; order:-1 !important }
.img-txt-item.hidden-desc-lg .txt-wrap .desc{display: none}	
.img-txt-item .txt-wrap .meta,.normal-info .meta{font-size: 12px;}
}
/*===仅针对M端===*/
@media (max-width:768.99px) {
body{font-size:.24rem;background-color: #eef7f2 }

:root{}
/*字体大小 M*/
.fs-32,.fs-sm-32{font-size: .64rem !important}
.fs-28,.fs-sm-28{font-size: .56rem !important}
.fs-24,.fs-sm-24{font-size: .48rem !important}
.fs-22,.fs-sm-22{font-size: .44rem !important}
.fs-20,.fs-sm-20{font-size: .40rem !important}
.fs-18,.fs-sm-18{font-size: .36rem !important}
.fs-17,.fs-sm-17{font-size: .34rem !important}
.fs-16,.fs-sm-16{font-size: .32rem !important}
.fs-15,.fs-sm-15{font-size: .30rem !important}
.fs-14,.fs-sm-14{font-size: .28rem !important}
.fs-13,.fs-sm-13{font-size: .26rem !important}
.fs-12,.fs-sm-12{font-size: .24rem !important}
.fs-sm-bold{font-weight: 600 !important}
/*按钮 M*/
.btn{height: .68rem; font-size: .28rem}
.btn.md-sm{height: .8rem}
.btn.btn-circle{border-radius: .34rem}
.btn.md-sm.btn-circle{border-radius: .4rem}
/*图文 基本 M*/
.meta>li:not(:last-child){margin-right:.1rem;}
.img-txt-item .img-wrap{flex:0 0 34%; margin-right:.2rem;}
.img-txt-item .img-wrap.video:before{font-size:.6rem;}
.img-txt-item .img-wrap.img-w-auto-sm{flex:0 0 auto;}
.img-txt-item .txt-wrap .title{ font-size:.32rem; }
.img-txt-item.img-top .txt-wrap .title{margin-top: 0}
.img-txt-item .txt-wrap .meta{margin-top: .16rem}
.img-txt-item .txt-wrap .desc,.normal-info .desc{display: none;margin-top: .16rem}
.img-txt-item.img-right .img-wrap,.img-txt-item.img-left-lg .img-wrap{margin-left:.2rem;}
.img-txt-item.img-left .img-wrap{ margin-right: .2rem}
.img-txt-item.img-left-lg .img-wrap{margin-right: 0}
.img-txt-item.show-desc-sm .txt-wrap .desc{font-size:.24rem;display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 2;}
.img-txt-item.img-top-sm{flex-wrap: wrap;-ms-flex-wrap: wrap;}
.img-txt-item.img-top-sm .img-wrap{ margin-right: 0; margin-left: 0}
.img-txt-item.img-top-sm .img-wrap,.img-txt-item.img-top-sm .txt-wrap{flex:0 0 100%;}
.img-txt-item.img-top-sm .txt-wrap{ padding-top:.2rem;}
.normal-info .title{ font-size:.32rem }
/*面包屑*/
.breadcrumbs-wrap{ overflow:hidden; padding-left: 0;}
.breadcrumbs-wrap>.breadcrumb li {line-height: .88rem;}
.breadcrumbs-wrap:before{content: ""; position: absolute;right: 0;top:0; bottom: 0;width: .3rem; background: linear-gradient(-90deg,rgba(238,247,242),rgba(238,247,242,0))}
/*价格\其他元素*/
.price>span{ font-size:.32rem}
.price:before{font-size:.22rem}
/*标题 M*/
.ptitle-wrap{margin-bottom: .3rem}
.ptitle-wrap .title{font-size: .4rem;font-weight: 600; }
}