@charset "utf-8";
.fill-light-wrapper { fill: var(--light);}
.fill-white-wrapper,.fill-gy-wrapper { fill: var(--white);}
[data-animate],[data-caption-animate]{opacity:0;}
.animated[data-animate],.animated[data-caption-animate]{opacity: 1}
.bg-red{background-color: var(--red)!important}
.bg-primary{background-color: var(--primary)!important}
.bg-orange{background-color: var(--orange)!important}
.bg-green{background-color: var(--green)!important}
.bg-gray{background-color: var(--gray) !important}
.X-online,.X-onlinetel,[data-scrollto]{cursor: pointer}
.x-sticker.sticky{z-index: 10}
@media(min-width:992px){
.fill-gy-wrapper{fill:var(--light)}
}
/*-----
按钮、标题等组件
----*/
.breadcrumb {background-color: transparent!important; padding: 0;  font-size: 12px;  color: var(--gray);}
.breadcrumb>.breadcrumb-item:nth-child(+n+3) { max-width: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.breadcrumb-item + .breadcrumb-item::before{ color: inherit; opacity: .8}
.btn-circle{border-radius: .8rem}
.btn-lg.btn-circle{border-radius: 1.6rem}
.price,.yp-price{color: var(--orange)}
.price>span,.yp-price{font-weight: 700}
.price.yes>span:after{content: "\5143\8d77";font-size: 10px; margin-left: 2px;font-weight: 400}
.yp-price>span:after{content: "\5143";font-size: 10px; margin-left: 2px;font-weight: 400}
.label{display: inline-flex; background-color: var(--primary-gray); color: var(--white); height: 20px; font-size: 12px; padding: 0 6px; border-radius: 10px; line-height: 1; border:1px solid transparent; justify-content: center; align-items: center}
.label + .label{margin-left: 6px;}
.x-title-side{margin-bottom: 20px; position: relative}
.x-title-side:after{content: ""; position: absolute; z-index: 0; left: 0; right: 0; bottom:10px;height: 10px; background: linear-gradient(90deg,rgba(101,229,181,0),rgba(101,229,181,.1),rgba(101,229,181,.6)); border-radius: 4px;}
.x-title-side>.title{font-size: 18px; font-weight: 700; margin-bottom: 0; line-height: 1.5; position: relative; z-index: 1; color: var(--primary-dark)}
@media (min-width: 992px) {
.breadcrumb { font-size: 16px; font-weight: 300}	
.breadcrumb>.breadcrumb-item:nth-child(+n+3){max-width: none}
.x-title-side>.title{font-size: 22px; font-weight: 500}
}


/*-----
顶部区域
----*/
.Apage-header{background-color: var(--white); box-shadow: 0px 0px 10px rgba(0,0,0,0.04); position: relative;z-index: 9}
.Apage-header>.top-wrap{background-color: var(--primary);  color: var(--white); padding-top: 8px; padding-bottom:8px; overflow: hidden}
.Apage-header>.top-wrap .container{display: flex; align-items: center; justify-content: space-between}
.Apage-header>.top-wrap .tel-num{background-color: var(--secondary); line-height: 1.0; padding: 4px 8px; border-radius: 13px; margin-left: auto; font-size: 14px; position: relative; }
.Apage-header>.top-wrap .tel-num span{font-weight: 700}
.Apage-header>.top-wrap .tel-num:before,.Apage-footer .f-telwrap .tel-num:before{content: "\e7a2"; font-family: iconfont; margin-right: 3px;}
.Apage-header>.top-wrap .web-ts{display: flex; font-size: 12px;}
.Apage-header>.top-wrap .web-ts>li:before{content: "\e635"; font-family: iconfont; margin-right: 2px; color: var(--secondary)}
.Apage-header>.top-wrap .web-ts>li + li{margin-left: 10px;}
.header-wrap{display: flex; align-items: center; position: relative}
.header-wrap>.logos a{display: flex; padding-top: 12px; padding-bottom: 12px;}
.header-wrap>.logos .img img{height: 30px; width: auto!important}
.header-wrap>.nav-wrap{display: none}
.header-wrap>.others{margin-left: auto; display: flex; align-items: center}
.topsearch>a{display: block; line-height: 38px; padding:0 10px;}
.dropdown-menu.search-dropdown-menu{border: none; padding: 0; box-shadow:0 0 12px 0 rgba(var(--rgb-black),.08);}
.search-dropdown-menu input[type="text"] { height: 48px; line-height: 48px; font-size: 14px; background: none !important; box-shadow: none; border:0}
.dropdown-menu.search-dropdown-menu .dropdown-close {position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;  transition: all 200ms ease-in-out; font-size: 18px;right:14px;}
.top-menu-icon{position: relative;padding:10px 15px;margin-right: -14px; margin-left: 2px;}
.top-menu-icon .navbar-toggler-icon{width: 16px;height: 18px;position: relative; display: block; padding: 0; margin: 0; margin-right: 7px; border-bottom: 2px solid var(--dark); transform: translateX(8px);}
.top-menu-icon .navbar-toggler-icon:before,.top-menu-icon .navbar-toggler-icon:after{width: 16px;position: absolute; height: 2px;background-color:var(--dark);top: 0;left: 0; content: ''; z-index: 2; transform: translateX(-8px); transition: transform 200ms linear;}
.top-menu-icon .navbar-toggler-icon:after{top: 8px; width: 24px;left: 0;}
.top-menu-icon.open .navbar-toggler-icon{border-color: transparent; transition: all 300ms linear;}
.top-menu-icon.open .navbar-toggler-icon:before{ transform: translate(-8px,8px) rotate(-45deg);  width: 24px; }
.top-menu-icon.open .navbar-toggler-icon:after{transform: translateX(-8px) rotate(45deg); }
.mobile-nav__wrapper {position: fixed;top: 0; left: 0; width: 100vw;height: 100vh;-webkit-transform: scale(0, 1);transform: scale(0, 1); -webkit-transform-origin: left center;transform-origin: left center;  -webkit-transition: -webkit-transform 500ms ease;  transition: -webkit-transform 500ms ease;transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; z-index: 999; opacity: 0;}
.mobile-nav__content {width: 315px;background-color:var(--white);z-index: 10;position: relative;height: 100%;overflow-y: auto; padding-top: 15px;padding-bottom:15px;padding-left: 15px;padding-right: 15px;}
.mobile-nav__wrapper.expanded { -webkit-transform: scale(1, 1);transform: scale(1, 1);opacity: 1;}
.mobile-nav__overlay {position: absolute; top: 0;left: 0;right: 0;bottom: 0; background-color:#000; opacity: 0.8; cursor: pointer;}
.mobile-nav__close {position: absolute;top: 15px;right: 15px;font-size:20px;cursor: pointer;}
.mobile-nav__content .logo-box { margin-bottom:20px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.mobile-nav__content .logo-box a { display: block;}
.mobile-nav__content .logo-box a img{height: 30px; width: auto;}
.mobile-nav__content .navs{margin-left: 10px; margin-right: 10px;}
.mobile-nav__content .navs li:not(:last-child){border-bottom: 1px solid rgba(125,125,125,0.15);}
.mobile-nav__content .navs li>a {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify;-ms-flex-pack: justify;  justify-content: space-between; line-height: 30px; font-weight: 500; height: 42px; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  -webkit-transition: 500ms;transition: 500ms;}
.mobile-nav__content .navs li.active>a{font-weight: 700; color: var(--primary)}
.mobile-nav__content .navs li a button {width: 30px; height: 30px; background-color: var(--gray);border: none; outline: none; color: var(--white); display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: -webkit-transform 500ms ease;transition: -webkit-transform 500ms ease; transition: transform 500ms ease;transition: transform 500ms ease,-webkit-transform 500ms ease;border-radius: 4px; font-size: 12px;}
.mobile-nav__content .navs ul { display: none; border-top: 1px solid rgba(125,125,125,0.15); margin-left: 10px;}
.mobile-nav__content .navs ul>li>a{font-size: 14px; padding-left: 12px; position: relative}
.mobile-nav__content .navs ul>li>a:before{content:"\e60a"; font-family: iconfont; position: absolute; left:-5px}
.mobile-nav__content .navs li a button.expanded {-webkit-transform: rotate(90deg);transform: rotate(90deg); background-color: var(--primary);color: var(--light);}
.mobile-nav__content .mobile-nav__telwrap{margin-top: 20px; }
.mobile-nav__content .mobile-nav__telwrap a{display: block; font-size: 18px;color: var(--white); background-color: var(--primary); padding: 5px 12px; border-radius: 4px;}
.mobile-nav__content .mobile-nav__telwrap a:hover{background-color: var(--red); }
.mobile-nav__content .mobile-nav__telwrap a:before{content: "\e636"; font-family: iconfont; margin-right:8px;font-weight: 400!important}
@media (min-width: 992px) {
.Apage-header>.top-wrap .web-ts{font-size: 15px;}
.Apage-header>.top-wrap .web-ts>li{letter-spacing: 1.2px;}
.Apage-header>.top-wrap .web-ts>li:before{margin-right: 4px;}
.Apage-header>.top-wrap .web-ts>li + li{margin-left: 15px;}
.Apage-header>.top-wrap .tel-num{font-size: 18px; letter-spacing: .6px; width: 158px}
.Apage-header>.top-wrap .tel-num span{font-weight: 500}
.Apage-header>.top-wrap .tel-num:after{content: ""; position: absolute; bottom: -9px; width: 80px; height: 50px; background-image: url("../images/Apage-topimg_1.png"); background-repeat: no-repeat; right: 105%}
.header-wrap>.logos a{padding-top: 13px; padding-bottom: 13px;}
.header-wrap>.logos .img img{height: 44px;}
.header-wrap>.nav-wrap{display: block; margin-left: auto}
.header-wrap>.nav-wrap .navs{ display: flex !important; align-items: center;}
.header-wrap>.nav-wrap .navs>li{}
.header-wrap>.nav-wrap .navs>li>a{ display: block; font-size: 17px; padding: 10px; position: relative; z-index: 1}
.header-wrap>.nav-wrap .navs>li.active>a{color: var(--primary)}
.header-wrap>.nav-wrap .navs>li.active>a:before{content: ""; height: 10px; width: 70%; left: 15%; bottom:10px; background-color: rgba(var(--rgb-secondary),.3); position: absolute; border-radius: 6px; z-index: -1}	
.header-wrap>.nav-wrap .navs>li.dropdown>ul{position: absolute;top: 100%; left: 50%; margin-left: -70px; width: 140px; background-color: var(--white);  opacity: 0; visibility: hidden; -webkit-transition:opacity 500ms ease; transition:opacity 500ms ease; z-index: 99; border-bottom-left-radius:6px;border-bottom-right-radius:6px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,.1); box-shadow: 0px 0px 30px 0px rgba(0,0,0,.1);padding: 5px 10px}	
.header-wrap>.nav-wrap .navs>li.dropdown>ul>li>a{display: block; line-height: 36px; text-align: center; font-size: 14px;}
.header-wrap>.nav-wrap .navs>li.dropdown:hover>ul{opacity: 1; visibility: visible}
.header-wrap>.nav-wrap .navs>li.dropdown>ul:after{content:""; height:3px; width:50%; position: absolute; bottom: 0; left: 25%; background-color: var(--primary)}
.top-menu-icon,.mobile-nav__wrapper{display: none!important}	
.topsearch>a{background-color: rgba(var(--rgb-primary),.05); border-radius: 4px;}
}
@media (min-width: 1200px) {
.header-wrap>.nav-wrap .navs>li>a{font-size: 18px;}	
}
@media (max-width: 767.98px) {
.Apage-header>.top-wrap .container{padding-left: 10px; padding-right:10px}	
}
/*-----
底部区域
----*/
.Apage-footer{background-color: #032215; position: relative; padding-top:20px; padding-bottom: 70px; border-top:1px dashed var(--white); box-shadow: 0px -6px 10px rgba(0,0,0,0.04);background-image:url("../images/Apage-footerimg-1.jpg"); background-size: 300px; background-position: 120% 100%; background-repeat: no-repeat; color: var(--white)}
.Apage-footer .f-title{font-size: 18px; font-weight: 700; margin-bottom: 15px; line-height: 1.3}
.Apage-footer .f-desc{color: var(--gray); font-size: 14px;}
.Apage-footer .f-telwrap{text-align: center; padding: 10px; border-radius: 4px; margin-top: 15px; background-color: var(--white)}
.Apage-footer .f-telwrap .tel-num{font-size: 22px;  color: var(--primary); line-height: 1.3}
.Apage-footer .f-telwrap .tel-num>span{font-weight: 700;}
.Apage-footer .f-telwrap .tips{font-size: 14px; margin-top: 6px; color:rgba(var(--rgb-primary),.75);}
.Apage-footer .copy-wright{margin-top: 20px;font-size: 13px; color: rgba(var(--rgb-white),.68)}
.Apage-footer .weixin{border:1px dashed rgba(var(--rgb-primary),.15); padding: 5px;text-align: center;position: relative; max-width: 132px; margin: auto; background-color: var(--white)}
.Apage-footer .weixin:hover{border-color: var(--primary)}
.Apage-footer .weixin .img img{width: 120px;}
.Apage-footer .weixin .tips{font-size: 12px; margin-top: 5px; color: var(--gray)}
.Apage-footer a{color: rgba(var(--rgb-white),.4)}
.Apage-footer a:hover{color: var(--secondary)}
.Afooter-Msticky{position: fixed; left: 0; right: 0; bottom: 0; z-index:9; background-color: rgba(var(--rgb-white),.9);display: flex; padding-left: 60px; padding-right: 10px; align-items: center; border-radius: 14px 14px 0  0; box-shadow: 0 -4px 8px 0 rgba(var(--rgb-black),.15)}
.Afooter-Msticky>.kefu-img{width: 55px; height: 55px; background-image: url("../images/wanghan.png"); background-repeat: no-repeat; background-size: cover; position: absolute; bottom: 0;left: 0;}
.Afooter-Msticky>.txt{text-align: center; margin-right: 0; min-width: 108px}
.Afooter-Msticky>.txt .num{font-size: 14px; font-weight: 700; line-height: 1.2; color: var(--red)}
.Afooter-Msticky>.txt .tips{font-size: 12px; transform: scale(.75); transform-origin: center; color: var(--gray)}
.Afooter-Msticky>.btn-wrap{flex-grow: 1; min-width: 0; display: flex; justify-content: space-between;padding-top:5px; padding-bottom: 5px;}
.Afooter-Msticky>.btn-wrap .f-btn{display: flex; height: 40px; align-items: center; justify-content: center; flex:0 0 48.5%; min-width: 0; border-radius: 22px; font-size: 14px;}
.Afooter-Msticky>.btn-wrap .f-btn.online{background-color: var(--white); border: 1px solid var(--primary); color: var(--primary)}
.Afooter-Msticky>.btn-wrap .f-btn.tel{background-color: var(--red); color: var(--white)}
.Afooter-PCsticky{display: none!important}
@media (min-width: 992px) {
.Apage-footer{padding-top: 40px; padding-bottom: 100px; background-position: 60% 100%; background-size: auto}
.Apage-footer .f-title{font-size: 28px;font-weight: 500 }
.Apage-footer .f-desc{font-size: 16px;}	
.Apage-footer .f-telwrap{ padding: 12px;  max-width: 280px; margin-top: 30px;}
.Apage-footer .f-telwrap .tel-num{font-size: 26px;}
.Apage-footer .f-telwrap .tel-num>span{font-weight: 500;}
.Apage-footer .f-telwrap .tips{font-size: 16px;}
.Apage-footer .copy-wright{margin-top: 40px;}	
.Afooter-Msticky{display: none!important}	
.Afooter-PCsticky{display: block!important; position: fixed; z-index: 9; left:15px; right:15px; bottom: 0;  background-color: rgba(var(--rgb-primary-dark),.9); color: var(--white); border-radius:12px 12px 0 0; transition: background-color .3s ease-in-out}
.Afooter-PCsticky.active{opacity: 1; visibility: visible;}	
.Afooter-PCsticky:hover{background-color: rgba(var(--rgb-primary-dark),.8)}
.Afooter-PCsticky .container{ display: flex; align-items: center; position: relative}	
.Afooter-PCsticky .title{font-size: 18px; margin-bottom: 0; padding-top: 12px; padding-bottom: 12px; line-height: 1}
.Afooter-PCsticky .kefu-img{position: absolute; bottom: 0; left: 46%;  background-image: url("../images/wanghan-b.png"); width: 64px; height: 88px; background-repeat: no-repeat; background-size: cover; transition: transform .1s ease-in-out}
.Afooter-PCsticky:hover .kefu-img{}
.Afooter-PCsticky .btn-wrap{margin-left: auto; display: flex; align-items: center;}
.Afooter-PCsticky .btn-wrap .tel-num{font-size: 20px; line-height: 1;}
.Afooter-PCsticky .btn-wrap .tel-num:before{content: "\e7a2";font-family: iconfont; margin-right: 4px;}
.Afooter-PCsticky .btn-wrap .btn-b{margin-left: 15px; position: relative; transition: all .2s ease-in-out}
.Afooter-PCsticky .btn-wrap .btn-b .subdiv{position: absolute; bottom:100%; color: var(--gray); left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden;}
.Afooter-PCsticky .btn-wrap .btn-b:hover .subdiv{opacity: 1; visibility: visible}
.Afooter-PCsticky .btn-wrap .btn-b span,.Afooter-PCsticky .btn-wrap .btn-b a{display: flex; align-items: center; height: 36px; padding: 0 12px; border-radius: 20px; cursor: pointer}
.Afooter-PCsticky .btn-wrap .btn-b.online span{color: var(--white); background-color: var(--secondary)}
.Afooter-PCsticky .btn-wrap .btn-b.online span:before{content: "\e6a6"; font-family: iconfont; margin-right: 4px}
.Afooter-PCsticky .btn-wrap .btn-b.online:hover span{background-color: var(--white);color: var(--secondary)}
.Afooter-PCsticky .btn-wrap .btn-b.weixin a{background-color: var(--white);color: var(--primary)}
.Afooter-PCsticky .btn-wrap .btn-b.weixin a:before{content: "\e608"; font-family: iconfont; margin-right: 4px}
.Afooter-PCsticky .btn-wrap .btn-b.weixin:hover a{color: var(--white); background-color: var(--primary)}
.Afooter-PCsticky .btn-wrap .btn-b.weixin .subdiv{background-color:var(--white);padding: 5px; width: 132px; border: 1px solid rgba(var(--rgb-primary),.15); margin-bottom: 10px; text-align: center}
.Afooter-PCsticky .btn-wrap .btn-b.weixin .subdiv .img{width: 120px; height: 120px; background-image: url("../images/weixin.jpg"); background-size: cover;}
.Afooter-PCsticky .btn-wrap .btn-b.weixin .subdiv .tips{font-size: 12px;}
}
@media (min-width: 1200px) {
.Afooter-PCsticky .title{font-size: 22px; padding-top: 14px; padding-bottom: 14px;}
.Afooter-PCsticky .btn-wrap .btn-b{margin-left: 20px;}
.Afooter-PCsticky .btn-wrap .btn-b span,.Afooter-PCsticky .btn-wrap .btn-b a{padding: 0 20px; font-size: 17px }
}

/*-----
通用架构
----*/
.Apage-body{min-height: 50vh; overflow: hidden;position: relative; width: 100%; margin-left: auto; margin-right: auto; background-color: var(--white);}
.general-container{margin-left: auto; margin-right: auto; width: 100%; max-width: 1200px;}
.general-blockwrap{padding-top: 20px; padding-bottom: 20px;}
.divider svg { vertical-align: bottom;}
.page-title-wrap{background-color:var(--primary-dark); position: relative}
.page-title-wrap:before{content: ""; display: block; position: absolute;top: 0;left: 0;z-index: 1; width: 100%;height: 100%; background: rgba(var(--rgb-black),0.5);}
.page-title-wrap .divider{position: absolute; z-index: 3; left: 0; right: 0; bottom:-1px;}
.page-title-wrap .container{padding-top: 50px; padding-bottom: 60px; position: relative; z-index: 2;text-align: center;}
.page-title-wrap .title{color: var(--white); font-size: 28px; font-weight: 700; letter-spacing: 2px; margin-bottom: 15px;}
.page-title-wrap .sub-title{font-size: 14px; color: rgba(var(--rgb-white),.8)}
.bg-image{background-position: 50%; background-repeat: no-repeat; background-size: cover;}
.page-sidebar{width: 100%;}
.gutters-10{margin-left: -10px; margin-right: -10px}
.gutters-10 > .col, .gutters-10 > [class*="col-"] {padding-right: 10px; padding-left: 10px;}
.gutters-7{margin-left: -7px; margin-right: -7px}
.gutters-7 > .col, .gutters-7 > [class*="col-"] {padding-right: 7px; padding-left: 7px;}
.x-zixun-list>li{border-bottom: 1px dashed rgba(var(--rgb-black),.1); padding-top: 14px; padding-bottom: 14px;}
.x-zixun-list.no-lasline>li:last-child{border-bottom: none !important;}
.x-zixun-list_b>li{padding-top: 10px; padding-bottom: 10px;}
.page-title-wrap_b{position: relative; padding-top: 30px; padding-bottom: 40px; text-align: center}
.page-title-wrap_b .title{font-size: 28px; font-weight: 700; letter-spacing: 2px; margin-bottom: 15px; color: var(--primary-gray)}
.page-title-wrap_b .sub-title{font-size: 14px; color: rgba(var(--rgb-dark),.8)}

@media (min-width: 992px) {
.Apage-body{min-height: 80vh; max-width: 1920px;}	
.general-container{}
.general-blockwrap{padding-top: 40px; padding-bottom: 40px;}	
.page-title-wrap .container{padding-top: 80px; padding-bottom: 100px; }
.page-title-wrap .title,.page-title-wrap_b .title{font-size: 42px; }
.page-title-wrap .sub-title,.page-title-wrap_b .sub-title{font-size: 16px;}
.page-sidebar{width: 300px;}
.page-sidebar>* + *{margin-top: 30px;}	
.x-zixun-list>li{ padding-top: 19px; padding-bottom: 19px;}
.x-zixun-list_b>li{padding-top: 12px; padding-bottom: 12px;}
.page-title-wrap_b{padding-top: 60px; padding-bottom: 60px;}	
}

@media (min-width: 1200px) {
.page-title-wrap .container{padding-top: 100px; padding-bottom: 120px; }	
.page-title-wrap .title,.page-title-wrap_b .title{font-size: 48px; letter-spacing: 4px }
.page-title-wrap .sub-title,.page-title-wrap_b .sub-title{font-size: 18px;letter-spacing: 1px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}	
}
@media (max-width:991.98px){
.side-col{border-top: 5px solid var(--light); padding-top: 20px;}
.page-sidebar>* {margin-bottom: 25px;}	
}
@media (max-width:767.98px){
.general-container{padding-left: 6px; padding-right: 6px;}	
.general-container>.container{padding-left: 0; padding-right: 0;}
.general-container>.container>.row{margin-left: 0; margin-right: 0}
.general-container>.container>.row>.col,.general-container>.container>.row>[class*="col-"]{padding-left: 0; padding-right: 0}	
.mobile-row{margin-left: -5px; margin-right: -5px}
.mobile-row > .col, .mobile-row > [class*="col-"] {padding-right: 5px; padding-left: 5px; }
}

/*-----
图文
----*/
.muxing-show{border-radius: 4px; overflow: hidden; position: relative;background-color: var(--white);box-shadow:0 1px 0 1px rgba(var(--rgb-black),.06); transition: box-shadow .3s ease-in-out}
.muxing-show:hover{box-shadow:0 1px 0 1px rgba(var(--rgb-primary),.4) }
.muxing-show>.img{position: relative;overflow: hidden;}
.muxing-show>.img .label-wrap{position: absolute; left: 6px; top:6px; z-index: 2}
.muxing-show>.img img{width: 100%; transition: all .4s ease-in-out}
.muxing-show:hover>.img img{transform: scale(1.05)}
.muxing-show>.txt{padding:10px 8px; text-align: center}
.muxing-show>.txt .title,.muxing-show_b>.txt .title{font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; line-height: 1.3; }
.muxing-show>.txt .price,.muxing-show_b>.txt .price{margin-top: 4px;}
.muxing-show>.txt .for-cemetery{display: flex; align-items: center; width: 100%; text-align: left; padding-top: 6px; margin-top: 6px; border-top:1px dashed rgba(var(--rgb-black),.12); justify-content: space-between;position: relative; z-index: 2}
.muxing-show>.txt .for-cemetery .thumbnail{flex:0 0 28px; min-width: 0;}
.muxing-show>.txt .for-cemetery .thumbnail img{border-radius: 50%;}
.muxing-show>.txt .for-cemetery .name{ min-width: 0; padding-left: 6px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.muxing-show>.txt .for-cemetery .name a{color: var(--gray)}
.muxing-show>.txt .for-cemetery .name a:hover{color: var(--primary)}
.muxing-show_b{display: flex;}
.muxing-show_b>.img{flex:0 0 100px; min-width: 0; position: relative; margin-right: 12px;}
.muxing-show_b>.img img{border-radius: 4px;}
.muxing-show_b>.txt{flex-grow: 1; min-width: 0;display: flex; flex-direction: column}
.muxing-show_c{position: relative;}
.muxing-show_c>.img{position: relative; overflow: hidden; border-radius: 4px;}
.muxing-show_c>.img:before{content:"\e6af"; position: absolute; left: 0; top:0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); transition: all .4s ease-in-out; pointer-events: none; opacity: 0; visibility: hidden; display: flex; align-items: center; justify-content: center; color: var(--white); font-family: iconfont; font-size: 22px;}
.muxing-show_c>.img img{width: 100%;}
.muxing-show_c:hover>.img:before{opacity: 1; visibility: visible}
.muxing-show_c>.txt{text-align: center; padding-top: 10px;}
.muxing-show_c>.txt .title{font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.zixun-show-a{position: relative}
.zixun-show-a>.img{overflow: hidden; border-radius: 4px; position: relative}
.zixun-show-a>.img img{width: 100%}
.zixun-show-a>.img:before{content:"\e6af"; position: absolute; left: 0; right: 0; top:0; bottom: 0; background-color: rgba(var(--rgb-black),.4); opacity: 0; visibility: hidden; transition: opacity .5s ease-in-out; display: flex; align-items: center; justify-content: center; line-height: 1; color: var(--white); font-family: iconfont; font-size: 28px;}
.zixun-show-a:hover>.img:before{opacity: 1;visibility: visible}
.zixun-show-a>.txt{padding-top: 10px;}
.zixun-show-a>.txt .title{font-size: 14px; line-height: 20px}
.zixun-show-b,.zixun-show-side{position: relative; display: flex;}
.zixun-show-b>.img,.zixun-show-side>.img{position: relative;flex:0 0 116px; min-width: 0; order: 13; margin-left: 12px;}
.zixun-show-b>.img img,.zixun-show-side>.img img{border-radius: 4px;}
.zixun-show-b>.txt,.zixun-show-side>.txt{flex-grow: 1; min-width: 0; }
.zixun-show-b>.txt .title,.zixun-show-side>.txt .title{font-size: 16px; line-height: 1.4; margin-bottom: 0}
.zixun-show-b>.txt .desc{display: none}
.zixun-show-b>.txt .meta,.zixun-show-side>.txt .meta{display: flex; font-size: 12px; margin-top: 10px; color: var(--gray); align-items: center;}
.zixun-show-b>.txt .meta>li + li,.zixun-show-side>.txt .meta>li + li{margin-left: 10px}
.zixun-show-b>.txt .meta .lanmu{display: block; line-height: 22px; background-color: rgba(var(--rgb-dark),.1); padding: 0 8px; border-radius: 12px;}

.zixun-show-c{position: relative; display: flex;background-color: var(--white); box-shadow: 0px 0 0 1px rgba(var(--rgb-dark),.1); border-radius: 4px; overflow: hidden}
.zixun-show-c>.img{flex:0 0 120px;}

.zixun-show-c>.txt{flex-grow: 1; min-width: 0; padding: 8px 12px;}
.zixun-show-c>.txt .title{ font-size: 14px;}
.zixun-show-c>.txt .title a{text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.linyuan-show-side{display: flex;position: relative}
.linyuan-show-side>.img{flex:0 0 80px; min-width: 0; margin-right: 15px;}
.linyuan-show-side>.img img{width: 100%; border-radius: 50%;}
.linyuan-show-side>.txt{flex-grow: 1; min-width: 0; display: flex; flex-direction: column}
.linyuan-show-side>.txt .title{font-size: 17px; font-weight: 500; margin-bottom: 5px;}
.linyuan-show-side>.txt .desc{font-size: 12px; color: var(--gray); white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.linyuan-show-side>.txt .price{margin-top: auto}
.lingyuan-show-a{border-radius: 4px; overflow: hidden; position: relative; box-shadow: 0 0 0 1px rgba(var(--rgb-black), 0.05)}
.lingyuan-show-a>.img{position: relative;}
.lingyuan-show-a>.txt{padding-top: 10px;padding-left: 8px; padding-right: 8px; padding-bottom: 12px; text-align: center}
.lingyuan-show-a>.txt .title{font-size:17px; margin-bottom: 4px; }
.lingyuan-show-a>.txt .price-wrap{display: flex; justify-content: space-between; align-items: center;}
.yongping-show-a{position: relative; overflow: hidden; border-radius: 4px; background-color: var(--white); box-shadow: 0px 0 0 1px rgba(var(--rgb-dark),.1)}
.yongping-show-a .img{position: relative; }
.yongping-show-a .img .label{position: absolute; right: 4px; bottom: 4px; z-index: 2}
.yongping-show-a .img .hot-sale{position: absolute; left: 4px; top:4px; z-index: 2; display: flex; align-items: center; justify-content: center; font-size: 11px; color: var(--white); background-color: var(--red); width: 36px; height: 36px; border-radius: 50%}
.yongping-show-a .img img:first-child{transition: all 300ms ease-in-out 0.05s}
.yongping-show-a .img img + img{width: 100%;height: 100%; backface-visibility: hidden; opacity: 0;position: absolute; top: 0; left: 0; transition: all 300ms ease-in-out 0.05s;}
.yongping-show-a:hover .img img+img {opacity: 1;}
.yongping-show-a .txt{ padding: 10px 6px; text-align: center}
.yongping-show-a .txt .title{font-size: 14px;  margin-bottom: 5px;}
.yongping-show-a .txt .title a{display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


@media (min-width: 992px) {	
.muxing-show{border-radius: 6px; }
.muxing-show>.txt{padding:12px 8px; }
.muxing-show>.txt .for-cemetery .name{padding-left: 10px; font-size: 14px;}
.muxing-show_b>.img{flex-basis: 125px; margin-right: 15px;}
.muxing-show_b>.img img{border-radius: 6px;}
.muxing-show_b>.txt .title{font-weight: 500; font-size: 18px;}	
.zixun-show-a>.txt{padding-top: 15px;}
.zixun-show-a>.txt .title{font-size: 16px; line-height: 24px;}
.zixun-show-b>.img{flex-basis: 210px;order: -1; margin-left: 0; margin-right: 20px;}
.zixun-show-b>.txt{display: flex; flex-direction: column}
.zixun-show-b>.txt .title{font-size: 18px; line-height: 1.5; }

.zixun-show-b>.txt .meta{ margin-top: auto;letter-spacing: .5px }
.zixun-show-b>.txt .meta>li + li{margin-left: 10px}		
.zixun-show-c{flex-direction: column!important}
.zixun-show-c>.img{flex-basis: auto;}
.zixun-show-c>.txt{padding:12px;}
.zixun-show-c>.txt .title{ font-size: 16px;}
.zixun-show-c>.txt .title a{line-height: 24px; height: 48px}	
.yongping-show-a{border-radius: 6px;}
.yongping-show-a .img .label{right: 8px; bottom: 8px; }
.yongping-show-a .img .hot-sale{left: 8px; top:8px; font-size: 14px; width:44px; height: 44px;}
.yongping-show-a .txt{ padding: 12px 10px; }
.yongping-show-a .txt .title{font-size: 16px; }
.yongping-show-a .txt .title a{}
.lingyuan-show-a{border-radius: 4px;}
.lingyuan-show-a>.txt{padding-left: 12px; padding-right: 12px;}
.lingyuan-show-a>.txt .title{font-size:18px;font-weight: 500}		
}

@media (min-width: 1200px) {
.zixun-show-b>.txt .title{font-size: 20px; }
.zixun-show-b>.txt .desc{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;   -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-line-clamp: 2;   color: var(--gray); font-size: 12px; line-height: 18px;  max-height: 36px; margin-top: 10px;}
}

@media (max-width: 767.98px) {
.yongping-show-a.c-s{box-shadow: none}
.yongping-show-a.c-s .txt .title{font-size: 12px;}
.yongping-show-a.c-s .txt{padding: 10px 0}
}
/*-----
专题栏目
----*/
.zt-item{position: relative; overflow: hidden; border-radius: 4px;}
.zt-item>.img{position: relative;}
.zt-item>.img:after{content: ""; position: absolute; z-index: 1; left: 0; right: 0; top:0; bottom: 0; background: linear-gradient(0deg,rgba(var(--rgb-black),.6),rgba(var(--rgb-black),0)); transition: background .3s eas-in-out}
.zt-item>.txt{position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; top:0; display: flex; flex-direction: column; justify-content: center; padding-top: 30px; transition: padding-top .3s ease-in-out}
.zt-item>.txt .title{font-size: 22px;text-align: center; letter-spacing: 2px; font-weight: 700;}
.zt-item>.txt  a{color: var(--white); display: block}
.zt-item:hover>.img:after{background:rgba(var(--rgb-primary),.9)}
.zt-item:hover>.txt{padding-top: 0}
@media (min-width: 992px) {	
.zt-item{ border-radius: 8px;}
.zt-item>.txt .title{font-size: 32px;font-weight: 500;}
.zt-item.side>.txt .title{font-size:24px;}
}
@media (min-width: 1200px) {
.zt-item>.txt .title{font-size: 38px;}
}

/*-----
资讯类
----*/
.Apage-body.baike-xiangqing{background-image: url("../images/pagearticle-background.jpg"); background-repeat: no-repeat; background-size:100% auto; background-position: top center; max-width: none}
.x-article-content{position: relative; max-width: 800px;}
.article-title{font-size: 22px; line-height: 1.4; margin-bottom: 20px;}
.article-meta{display: flex; align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed rgba(var(--rgb-dark),.3)}
.article-meta>li + li{margin-left: 10px;}
.article-meta>.author-img{flex:0 0 42px; min-width: 0;}
.article-meta>.author-img img{border-radius: 50%}
.article-meta>.author-name .date{font-size: 12px; color: var(--gray)}
.article-body { font-size: 16px; line-height: 1.8;  margin-top: 20px;}
.article-body a{color: var(--red)}
.article-body h3{font-size: 18px; font-weight: 700; margin-bottom: 20px;margin-top: 20px;}
.article-body img{display: block; border-radius: 6px; width: 100%}
.article-body .news-pic-title{display: block; font-size: 12px; text-align: center; margin-top: 10px; font-style: normal; color: var(--gray)}
.article-tags{display: flex; flex-wrap: wrap; border-top: 1px dashed rgba(var(--rgb-dark),.2); padding-top: 20px; margin-top: 20px; padding-bottom: 20px}
.article-tags a{display: block; margin-right: 5px; margin-bottom: 10px; background-color: rgba(var(--rgb-primary),.1); white-space: nowrap; overflow: hidden;text-overflow: ellipsis; color: var(--primary); font-size: 12px; line-height: 24px; border-radius: 12px; padding: 0 8px; max-width: 120px;}
.article-tags a:hover{color: var(--white); background-color: rgba(var(--rgb-primary),1);}
.baike-liebiao-content{padding-bottom: 20px;}
.baike-nav{display: flex; margin-bottom: 15px; border-bottom: 2px solid rgba(var(--rgb-primary),.5);background-color: var(--white); justify-content: space-between}
.baike-nav>li>a{display: block; padding:10px 8px; font-size: 16px; background-color: var(--white); border-radius: 4px 4px 0 0; font-weight: 700}
.baike-nav>li>a:hover{background-color:rgba(var(--rgb-primary),.05)}
.baike-nav>li>a span{font-size: 12px; color: var(--gray); margin-left: 2px;font-weight: 400}
.baike-nav>li.active>a{color: var(--white); background-color: var(--primary)}
.baike-nav>li.active>a span{color: rgba(255,255,255,.5)}
.side-ban{overflow: hidden;border-radius: 4px;}
.side-ban a{display: block;position: relative; }
.side-ban a:before{content: ""; position: absolute; left: 0; right:0; top:0; bottom: 0; background-color: rgba(var(--rgb-black),.3); transition: opacity .2s ease-in-out; opacity: 0;}
.side-ban img{width: 100%; transition: opacity .3s ease-in-out}
.side-ban a img:first-child{display: none!important}
.side-ban a:hover:before{opacity:1}
@media (min-width: 992px) {	
.article-title{font-size: 32px;}	
.article-body { font-size: 18px; }
.article-body h3{font-size: 20px; font-weight: 600; }	
.article-tags{padding-top: 30px;margin-top: 30px; padding-bottom: 0}
.article-tags a{margin-right: 10px; margin-bottom: 10px;font-size: 14px; line-height: 30px; border-radius: 16px; padding: 0 12px; max-width: 168px;}
.baike-liebiao-content{max-width: 800px; padding-bottom: 0}
.baike-nav{ justify-content:flex-start}
.baike-nav>li + li{ margin-left: 10px;}
.baike-nav>li>a{padding:10px 15px; font-size: 18px;}
.baike-nav>li>a span{font-size: 14px; margin-left: 5px;}
.side-ban{border-radius: 6px;}
.side-ban a img:first-child{display:inline-block!important}
.side-ban a img:last-child{display: none!important}
}

@media (min-width: 1200px) {	
.article-title{font-size: 36px; margin-bottom: 30px; line-height: 1.48 }	
}

/*-----
墓地价格、分布
----*/
.jiage-title{margin-bottom: 20px;}
.jiage-title>span{color: var(--red)}
.jiage-contentwrap{max-width: 800px}
.jiage-contentwrap>.item {background-color: #f8f8f8; padding: 12px; margin-bottom: 12px; border-radius: 8px;}
.jiage-contentwrap>.item:nth-child(even){background-color: #eefff9}
.jiage-contentwrap .district-name{font-size: 18px; font-weight: 700; margin-bottom: 20px; text-align: center; color: var(--primary)}
.jiage-contentwrap .jiage-table>li + li{border-top: 1px dashed rgba(var(--rgb-primary),.5); padding-top: 15px; margin-top: 10px;}
.jiage-contentwrap .jiage-table>li .table-a>.img img{border-radius: 50%;}
.jiage-contentwrap .jiage-table>li .table-a>.txt{position: relative}
.jiage-contentwrap .jiage-table>li .table-a>.txt .desc{font-size: 12px; color: var(--gray); margin-top: 5px;}
.jiage-contentwrap .jiage-table>li .table-b{display: flex; margin-right: -8px; padding-bottom: 10px}
.jiage-contentwrap .jiage-table>li .table-b>li{flex:0 0 33.3333%; min-width: 0; padding-right: 8px;}

@media (min-width: 768px) {
.jiage-contentwrap .jiage-table>li{display: flex;}
.jiage-contentwrap .jiage-table>li .table-a{flex:0 0 30%; text-align: center; min-width: 0; margin-right: 15px;}
.jiage-contentwrap .jiage-table>li .table-a>.img{width: 80px; margin: 0 auto 12px;}
.jiage-contentwrap .jiage-table>li .table-a>.txt .desc{margin-bottom: 10px;}
.jiage-contentwrap .jiage-table>li .table-b{flex-grow: 1; min-width: 0}
}

@media (min-width: 992px) {	
.jiage-title{font-size: 18px;}
.jiage-contentwrap .district-name{font-size: 22px; font-weight: 500;}
.jiage-contentwrap .jiage-table>li .table-b{ margin-right: -12px;}
.jiage-contentwrap .jiage-table>li .table-b>li{padding-right: 12px;}
.jiage-contentwrap>.item{padding: 20px}
.jiage-contentwrap .jiage-table>li .table-a>.txt .title{font-size: 18px;}
}
@media (max-width:767.98px){
.jiage-contentwrap .jiage-table>li .table-a{display: flex; align-items: center; margin-bottom: 10px;}
.jiage-contentwrap .jiage-table>li .table-a>.img{flex:0 0 64px; margin-right: 15px; min-width: 0}
.jiage-contentwrap .jiage-table>li .table-a>.txt{padding-right: 80px; flex-grow: 1; min-width: 0}
.jiage-contentwrap .jiage-table>li .table-a>.txt .btn{position: absolute; right: 0; top:14px;}	
	
}

/*-----
大全
----*/
.discount{background-color: var(--orange); padding: 3px 6px; position: relative; border-radius: 4px; overflow: hidden;}
.discount:before, .discount:after{content: ""; height: 6px; width: 6px; border-radius: 50%; background: var(--white); position: absolute;top: 50%; margin-top: -3px;left: -3px;}
.discount:after {left: auto; right: -3px;}
.discount>span {  display: block; font-size: 11px; color: var(--white);  line-height: 1;  position: relative;}
.daquan-liebiao-content{max-width: 800px; padding-bottom: 20px}
.daquan-list>li{position: relative}
.daquan-list>li + li{border-top: 1px solid rgba(var(--rgb-black),.1); padding-top: 14px; margin-top: 14px;}
.daquan-item{display: flex;}
.daquan-item>.img{position: relative; flex:0 0 112px; min-width: 0; margin-right: 12px;}
.daquan-item>.img img,.daquan-liebiao-ban img{width: 100%; border-radius: 4px;}
.daquan-item>.img a,.daquan-liebiao-ban a{display: block}
.daquan-item>.img a img:first-child,.daquan-liebiao-ban a img:first-child{display: none!important}
.daquan-item>.txt{flex-grow:1; min-width: 0; display: flex; flex-direction: column}
.daquan-item>.txt .title-wrap{display: flex; align-items: center}
.daquan-item>.txt .title{font-size: 17px; font-weight: 700; margin-bottom: 0}
.daquan-item>.txt .district{font-size: 13px; margin-left: 8px; color: var(--gray)}
.daquan-item>.txt .price-wrap{margin-top: 4px; display: flex; align-items: center; justify-content: space-between}
.daquan-item>.txt .desc{font-size: 12px; color: var(--gray); margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.daquan-item>.txt .meta{display: flex; font-size: 12px; margin-top:auto;}
.daquan-item>.txt .meta>li + li{margin-left: 6px;}
.daquan-item>.txt .meta>li span{display: block; background-color: rgba(var(--rgb-dark),.1); padding: 0 6px; border-radius: 3px;}
.daquan-item>.txt .meta>li span.free{background-color: rgba(var(--rgb-primary),.5); color: var(--white)}
.zixun-show-a.dq>.txt .title{font-size: 16px}
.daquan-nav-wrap{ margin-bottom: 15px; border-bottom: 1px dashed #efefef; padding-bottom: 10px;}
.daquan-nav-wrap>.fenlei,.Yp-nav{display: flex; flex-wrap: wrap; margin-right: -6px;}
.daquan-nav-wrap>.fenlei>li,.Yp-nav>li{padding-right: 6px; padding-bottom: 6px; flex:0 0 25%; min-width: 0}
.daquan-nav-wrap>.fenlei>li a,.Yp-nav>li a{display:flex; align-items: center;  height: 32px; font-size: 14px; background-color: rgba(var(--rgb-primary),.08); border-radius: 16px; justify-content: center; color: var(--primary)}
.daquan-nav-wrap>.fenlei>li a:hover,.Yp-nav>li a:hover{background-color: rgba(var(--rgb-primary),.8); color: var(--white)}
.daquan-nav-wrap>.fenlei>li.active a,.Yp-nav>li.active a{color: var(--white); background-color: var(--primary)}
.daquan-nav-wrap>.fenlei>li a>span{font-size: 12px; margin-left: 3px;}
.daquan-liebiao-ban{position: relative}
.daquan-liebiao-ban a:before{content: ""; position: absolute;left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(var(--rgb-black),.3); transition: opacity .2s ease-in-out;opacity: 0;border-radius: 6px;}
.daquan-liebiao-ban a:hover:before{opacity: 1;}
@media (min-width: 768px) {	
.daquan-list>li + li{padding-top: 18px; margin-top: 18px;}
.daquan-item>.img{flex-basis: 240px;margin-right: 20px;}
.daquan-item>.img a img:first-child,.daquan-liebiao-ban a img:first-child{display: inline-block!important}
.daquan-item>.img a img:nth-child(2),.daquan-liebiao-ban a img:nth-child(2){display: none!important}
.daquan-item>.txt .title{font-size: 22px; font-weight: 500;}
.daquan-item>.txt .district{font-size: 14px; margin-left: 10px;}
.daquan-item>.txt .price-wrap{margin-top:6px; justify-content: flex-start}
.daquan-item>.txt .price-wrap .discount{margin-left: 20px;}
.daquan-item>.txt .price-wrap .price>span{font-size: 22px;font-weight: 500}
.daquan-item>.txt .desc{font-size: 14px; margin-top: 10px; }
.daquan-item>.txt .meta{font-size: 14px;}
.daquan-item>.txt .meta>li + li{margin-left: 12px;}
.daquan-item>.txt .meta>li span{ padding: 2px 10px; }

}

@media (min-width:992px){
.daquan-nav-wrap{margin-bottom: 30px; padding-bottom: 20px;}
.daquan-nav-wrap>.fenlei{ margin-right: -10px;}
.daquan-nav-wrap>.fenlei>li{flex-basis: 16.6667%; padding-right: 10px; padding-bottom: 10px;}	
.daquan-nav-wrap>.fenlei>li a{font-size: 16px;}
.daquan-nav-wrap>.fenlei>li a>span{font-size: 14px;}
}
/*-----
选墓专车
----*/
.zche-tongji{text-align: center; position: relative; width:70%; margin:-40px auto 30px; background-color: var(--white); padding: 10px; border-radius: 6px; z-index: 9; box-shadow: 0 0 8px 0 rgba(var(--rgb-black),.12)}
.zche-tongji>.tips{font-size: 16px;}
.zche-tongji>.num{font-size: 28px;color: var(--orange); line-height: 40px; height: 40px;}
.zche-tongji>.num>span{font-size: 50%; font-weight: 300; margin-left: 4px;}
.zche-route{position: relative;margin-left: -5px; margin-right: -5px; margin-bottom: 20px;}
.zche-route .zche-wh{position: relative; background-color:#e6f8f1; border-radius: 12px; width:60%; height: 260px;}
.zche-route .zche-wh .home{position: absolute; left: 40%; top:-30px; z-index: 2; font-size: 13px; width: 72px; height: 72px; border-radius: 50%; background-color: var(--orange); color: var(--white); display: flex; align-items: center; justify-content: center}
.zche-route .zche-wh:after{content: ""; position: absolute; right: 0; top:0; bottom: 0; width: 30%; border-radius: 12px; border-right: 2px solid var(--primary);border-top: 2px solid var(--primary)}
.zche-route .zche-wh img{display: block; position: absolute; width: 140px; bottom: 0; left:10px;z-index: 1 }
.zche-route .zche-zd{position: absolute; top:20px; right: 0; width: calc(100% - 160px); z-index: 8; }
.zche-route .zche-zd .item{position: relative;}
.zche-route .zche-zd .item + .item{margin-top: 12px;}
.zche-route .zche-zd .item .name{font-size: 16px; line-height: 30px; background-color:#c5ecdd; color: var(--primary-dark);  border-radius: 4px; width: 85px; text-align: center}
.zche-route .zche-zd .item .detail{background-color: var(--white); opacity: 0;visibility: hidden; position: absolute;  top:0; left: 95px; padding:2px 6px; right: -5px; border-radius: 4px; box-shadow: 0 0 0 1px rgba(var(--rgb-primary),.9);}
.zche-route .zche-zd .item .detail:before{content: ""; position: absolute; width: 6px; height: 6px; top:10px; right: 100%; border-right: 6px solid var(--primary); border-bottom: 6px solid transparent}
.zche-route .zche-zd .item .detail>ul{}
.zche-route .zche-zd .item .detail>ul>li + li{border-top: 1px dashed rgba(var(--rgb-primary),.3)}
.zche-route .zche-zd .item .detail>ul>li a{font-size: 13px; display: block;line-height: 1.4; padding: 8px 0}
.zche-route .zche-zd .item.active .detail{opacity: 1;visibility: visible; z-index: 9}
.zche-route .zche-zd .item.active .name{color: var(--white); background-color: var(--primary)}
.zche-telwrap{text-align: center; margin-bottom: 20px;}
.zche-telwrap .text{position: relative}
.zche-telwrap .text:after{content: ""; position: absolute; left: 0; width: 100%; height: 2px; top:48%; background-color: #ececec}
.zche-telwrap .text>span{display: inline-block; padding: 4px 10px; background-color: var(--white); position: relative; z-index: 1}
.zche-telwrap .tel-num{color: var(--orange); font-size: 20px; font-weight: 700}
.zche-advantage{color: #ffeeaa; background-color: var(--primary);padding:20px; font-size: 18px; font-weight: 700; border-radius: 6px; text-align: center; margin-bottom: 20px;}
.zche-liucheng>li + li{ margin-top: 10px;}
.liucheng-item{display: flex}
.liucheng-item>.img{flex:0 0 120px; min-width: 0; order: 13; margin-left: 15px}
.liucheng-item>.img img{border-radius: 4px;}
.liucheng-item>.txt{flex-grow: 1; min-width: 0; border-bottom: 1px dashed rgba(var(--rgb-black),.08); position: relative}
.liucheng-item>.txt .num{position: absolute; right: 0; top:2px; font-size: 22px; line-height: 1; color:#f3eac6}
.liucheng-item>.txt .title{margin-bottom:6px; font-size: 17px; font-weight: 700}
.liucheng-item>.txt .desc{font-size: 12px; color: var(--gray);}
.zche-yuyue{text-align: center; margin-top: 30px;}
.zche-yuyue>span{display: inline-flex; height: 36px; background-color: var(--red); color: var(--white); align-items: center; padding: 0 20px; border-radius: 18px;}
.zche-yuyue>span:hover{background-color: #eb4656}
@media (min-width:768px){
.zche-tongji{width:400px;padding: 10px; }
.zche-route{margin-left: 0; margin-right:0 }
.zche-route .zche-wh{ width:220px;}
.zche-route .zche-zd .item .name{ cursor: pointer}
.zche-route .zche-zd .item .detail>ul{display: flex; flex-wrap: wrap;}
.zche-route .zche-zd .item .detail>ul>li + li{border-top:none}
.zche-route .zche-zd .item .detail>ul>li a{font-size: 14px;padding: 8px}	
}
@media (min-width:992px){
.zche-tongji{margin:-70px auto 15px;}
.zche-tongji>.tips{font-size: 18px; letter-spacing: 1.5px; font-weight: 300}
.zche-tongji>.num{font-size: 32px; line-height: 48px; height: 48px;}
.zche-route{margin-bottom: 30px;}
.zche-route .zche-wh{ width:380px; height: 340px}
.zche-route .zche-wh .home{ left: 52%; top:-41px;font-size: 17px; width: 82px; height: 82px; font-weight: 600}
.zche-route .zche-wh img{width: 218px; left: 60px;}
.zche-route .zche-zd{ width: calc(100% - 320px); top:40px;}
.zche-route .zche-zd .item + .item{margin-top: 20px;}
	.zche-route .zche-zd .item:first-child{margin-bottom: 50px;}
.zche-route .zche-zd .item .name{font-size: 22px; line-height: 42px; width: 120px;}
.zche-route .zche-zd .item .detail{left: 135px;opacity: 1!important; visibility: visible!important; right:1px}
.zche-route .zche-zd .item.active .detail{background-color: rgba(var(--rgb-primary),.05)}	
.zche-route .zche-zd .item .detail>ul>li a{font-size: 16px; line-height: 1.3}	
.zche-telwrap{margin-bottom: 40px;}
.zche-telwrap .text>span{font-size: 18px;}
.zche-telwrap .tel-num{font-size: 28px; font-weight: 500}
.zche-advantage{padding:38px 12px; font-size: 36px; font-weight: 500; margin-bottom: 30px;}
.zche-liucheng{display: flex; margin-left: -8px; margin-right: -8px}
.zche-liucheng>li{flex:0 0 20%;padding-left: 8px; padding-right: 8px;}
.zche-liucheng>li + li{ margin-top:0;}
.liucheng-item{flex-direction: column}
.liucheng-item>.img{flex-basis: auto; order:-1; margin-left: 0}
.liucheng-item>.img img{border-radius: 4px;}
.liucheng-item>.txt{border-bottom:none; padding-top: 10px; text-align: center}
.liucheng-item>.txt .title{ font-size: 22px; font-weight: 500}
.liucheng-item>.txt .desc{font-size: 13px;}	
.liucheng-item>.txt .num{ right:auto;left: 0; top:-15px; font-size: 38px; }
.zche-yuyue{ margin-top: 60px;}
.zche-yuyue>span{ height: 44px; padding: 0 30px; border-radius: 22px; font-size: 22px;}	
}

/*-----
陵园详情
----*/
.ly-top{ height: 120px;background-position: 50% 100%; background-size: cover;background-repeat: no-repeat; background-image: url("../images/Alingyuan-pagetop.jpg")}
.ly-basicwrap{position: relative; z-index: 2; margin-top:-105px; padding-left: 12px; padding-right: 12px; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
.ly-basicwrap>.img-wrap{margin-bottom: 15px;border-radius: 4px; position: relative; overflow: hidden}
.ly-basicwrap>.img-wrap .function{position: absolute; bottom: 10px; right: 10px; z-index: 2}
.ly-basicwrap>.img-wrap .function span{display: inline-flex; height: 36px; padding: 0 15px; border-radius: 20px; color: var(--white);font-size: 13px; background-color: rgba(var(--rgb-black),.8); align-items: center; cursor: pointer}
.ly-basicwrap>.img-wrap .function span:hover{opacity: .8}
.ly-basicwrap>.info-wrap .info_a {position: relative; padding-right: 75px}
.ly-basicwrap>.info-wrap .info_a .title{font-size: 26px; letter-spacing: .5px; color: var(--primary); margin-bottom: 5px; line-height: 1.2; font-weight: 700}
.ly-basicwrap>.info-wrap .info_a .desc{font-size: 13px; color: var(--gray); margin-bottom: 10px; }
.ly-basicwrap>.info-wrap .info_a .price{position: absolute; right: 0; top:0}
.ly-basicwrap>.info-wrap .info_a .price>span{font-size: 20px;}
.ly-basicwrap>.info-wrap .info_a .zx-num{position:absolute; right:0; top:32px;padding:1px; background-color:#4eb09f; text-align: center; border-radius: 4px;}
.ly-basicwrap>.info-wrap .info_a .zx-num .num{ background-color: var(--white); border-radius: 4px; padding: 2px; color: #4eb09f}
.ly-basicwrap>.info-wrap .info_a .zx-num .num>span{font-weight: 700;}
.ly-basicwrap>.info-wrap .info_a .zx-num .tips{font-size: 11px; color: var(--white); padding: 4px; line-height: 1.2}
.ly-basicwrap>.info-wrap .info_b{margin-top: 15px;}
.ly-basicwrap>.info-wrap .info_b .tongji-wrap{margin-top: 10px;border-top: 1px dashed rgba(var(--rgb-dark),.15); padding-top: 10px; }
.ly-basicwrap>.info-wrap .info_b .tongji-wrap .t-a{display: flex; align-items: center; justify-content: space-between}
.ly-basicwrap>.info-wrap .info_b .tongji-wrap .t-a .txt{font-size: 14px; color: var(--gray)}
.ly-basicwrap>.info-wrap .info_b .tongji-wrap .t-a .num{font-size: 18px; color: var(--red)}
.ly-basicwrap>.info-wrap .info_b .tongji-wrap .t-b{margin-top: 8px;}
.ly-basicwrap>.info-wrap .info_b .tongji-wrap .t-b>span{display: flex; height: 38px; align-items: center; border-radius: 20px; color: var(--white); background: linear-gradient(120deg,#fe6969,var(--red)); justify-content: center; font-size: 18px;font-weight: 700; box-shadow: 0 0 12px 0 rgba(var(--rgb-black),.2)}
.ly-basicwrap>.info-wrap .info_b .tongji-wrap .t-c{margin-top: 10px; display:flex; justify-content: center; font-size: 14px;}
.ly-basicwrap>.info-wrap .info_b .tongji-wrap .t-c .num>span{font-weight: 700; color: var(--red)}
.ly-basicwrap .item-list{display:flex;font-size:12.5px; margin-bottom: 6px;}
.ly-basicwrap .item-list>.name{flex:0 0 auto; margin-right:5px; color: var(--gray)}
.ly-basicwrap .item-list>.detail{flex-grow: 1;}
.ly-basicwrap .cemetery-a span{display: inline-flex; height: 26px; align-items: center; background-color: #f4f4f4; padding: 0 8px; border-radius: 14px; font-size: 13px; margin-right: 4px;}
.ly-maincontent{min-height: 80vh; background-color:#f8f8f8; padding-bottom: 20px}
.ly-maincontent .ly-navwrap{background-color: var(--white); border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; margin-bottom: 10px;}
.ly-maincontent .ly-navwrap.sticky{ box-shadow: 0 3px 18px 0 rgba(0,0,0,.06); border-top-color: var(--white)}
.ly-maincontent .ly-navwrap .navbar{margin-left: auto; margin-right: auto; max-width: 1170px; padding: 10px 12px}
.ly-maincontent .ly-navwrap .navbar a{display: block;}
.ly-maincontent .ly-navwrap .navbar a.mPS2id-highlight-first{font-weight: 700; color: var(--red)}
.ly-maincontent .ly-container{padding-left: 4px; padding-right: 4px; margin-left: auto; margin-right: auto; width: 100%; max-width: 1200px;}
.ly-white-box{background-color: var(--white); padding: 15px 12px;border-radius: 4px; min-height: 100px; position: relative; overflow: hidden}
.ly-white-box:before{content: ""; position: absolute; width: 120px;height: 120px; border-radius: 50%; left: -60px; top:-60px; background: linear-gradient(135deg,#8ee7e0,rgba(255,255,255,0))}
.ly-maincontent .ly-container>*{margin-top: 6px;}
.ly-muxing-ul{display: flex; flex-wrap: wrap;margin-left: -6px; margin-right: -6px;}
.ly-muxing-ul>li{flex:0 0 33.3333%; min-width: 0; max-width: 33.3333%; padding-left: 5px; padding-right: 5px; padding-bottom: 10px;}
.ly-detail-titel{margin-bottom: 20px; display: flex; align-items: center; position: relative}
.ly-detail-titel>.title{font-size: 20px; font-weight: 600; margin-bottom: 0}
.ly-detail-titel>.desc{font-size: 14px;}
.ly-zixun-ul>li{border-bottom: 1px dashed rgba(var(--rgb-dark),.12); padding-bottom: 15px; margin-bottom: 15px;}
.ly-zixun-ul>li:last-child{}
.ly-dianping-item{margin-bottom: 12px; display: flex; align-items: flex-start}
.ly-dianping-item>.user-img{flex:0 0 40px; margin-right: 12px; border-radius: 50%; overflow: hidden}
.ly-dianping-item>.txt{flex-grow: 1; min-width: 0}
.ly-dianping-item>.txt>.user-info{margin-bottom:3px; font-size: 12px;  display: flex; align-items: center;}
.ly-dianping-item>.txt>.user-info .date{color: var(--gray); margin-left: 15px;}
.ly-dianping-item>.txt>.desc{font-size: 14px; color:#555; position: relative; padding:10px; border-radius: 4px;line-height: 1.8; background-color: #eff9f8}
.ly-dianping-item>.txt>.desc:before{content: ""; position: absolute; right:100%; width: 10px; height: 12px; border-right: 6px solid #eff9f8; border-top: 6px solid transparent;border-bottom: 6px solid transparent; top:8px}
.ly-mapwrap{position: relative;}
.ly-mapwrap .baidu-map{position: relative; height: 240px; border-radius: 4px; overflow: hidden}
.ly-mapwrap .info{margin-top: 12px;}
.ly-mapwrap .info>ul>li{display: flex; margin-bottom: 6px;font-size: 14px;}
.ly-mapwrap .info>ul>li .name{flex:0 0 auto; margin-right: 6px; color: var(--gray)}
.ly-mapwrap .info>ul>li .detail{flex-grow: 1; min-width: 0}
.ly-mapwrap .info>ul>li .detail.tel{color: var(--red); font-weight: 700}
.ly-zc{position: relative; margin-top: 15px;}
.ly-zc>.img{width:84px; position: absolute; right: 10px; bottom: 0; pointer-events: none;}
.ly-zc>span{display: flex; height: 42px; border-radius: 22px; background-color: var(--red); color: var(--white);align-items: center; justify-content: center; cursor: pointer}
.ly-mapwrap .baidu-map .BMap_Marker {animation: 2.5s cubic-bezier(0.25,0.25,0.75,0.75) 0s infinite alternate none running bounce; color: var(--primary)}
.bd-maptxt .title {font-weight: 700; font-size: 20px;}
.bd-maptxt .add {color: var(--gray); font-size: 14px;}
.bd-maptxt .tel {color: var(--red);  font-size: 1rem;}
.pingjia-table tbody>tr{display: none}
.pingjia-table .pag{text-align: center;}
.pingjia-table .pag .btn {background-color: rgba(var(--rgb-primary), .12); color: var(--primary);padding: 0.5rem .8rem 0.5rem;}
.pingjia-table .pag .btn.active {color: var(--white); background-color: var(--primary); box-shadow: none;}
.ly-jieshaowrap>.view{margin-bottom: 15px}
.ly-jieshaowrap>.info{position: relative; overflow: hidden; max-height: 320px;}
.ly-jieshaowrap>.info.open{max-height: none!important}
.ly-jieshaowrap>.info .mudi-jieshao-body{ font-size: 14px; line-height: 1.8; color: #666}
.ly-jieshaowrap>.info .mudi-jieshao-body p{text-align: justify}
.article-more-btn { position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 60%);padding-top:40px;text-align: center; z-index:1; cursor:pointer; padding-bottom: 4px}
.article-more-btn.open {position: static; background: transparent;padding-top: 20px;}
.article-more-btn .btn:before {content: "\5c55\5f00\770b\5168\90e8";}
.article-more-btn.open .btn:before { content: "\6536\8d77\6765";}
.mudi-photo-swiper .swiper-slide{border-radius: 6px; overflow: hidden}
.mudi-photo-swiper .swiper-slide .img{position: relative}
.mudi-photo-swiper .swiper-slide .title{position: absolute; left: 0; right: 0; bottom: 0; color: var(--white); font-size: 14px; padding: 5px 15px; background-color: rgba(var(--rgb-black),.4)}
.mudi-photo-thumb{margin-top: 5px;}
.mudi-photo-thumb .swiper-slide{width: 100px; opacity: .65; cursor: pointer; border-radius: 4px; overflow: hidden}
.mudi-photo-thumb .swiper-slide.swiper-slide-thumb-active { opacity: 1;}
.ly-title-b{text-align: center; margin-bottom: 20px;position: relative}
.ly-title-b .title{font-size: 17px; font-weight: 700; color: var(--primary-gray)}
.ly-title-b .desc{margin-top: 5px; font-size: 14px;}
.ly-teamwrap{display: flex;margin-right: -10px;}
.ly-teamwrap>.item{flex:0 0 33.333%; padding-right: 10px; text-align: center}
.ly-teamwrap>.item .img{margin: 0 auto 5px; max-width: 80px;}
.ly-teamwrap>.item .img img{width: 100%; border-radius: 50%}
.ly-teamwrap>.item .title{}
.ly-teamwrap>.item .desc{font-size: 11px; color: var(--gray); margin-bottom: 10px}
.ly-dp-wrapper>.img{display: none}
.ly-dp-wrapper>.info{padding: 20px 15px}
.ly-dp-wrapper>.info .title{font-size: 20px; font-weight: 700; margin-bottom: 20px;}
.ly-dp-wrapper .custom-select{font-size: .8rem}
.modal button.close {position: absolute; z-index: 1; right: 10px !important;  top: 10px !important; padding: 0; color: rgba(var(--rgb-black),0.7);}
button.close:before { font-family:iconfont; content: "\e693"; vertical-align: middle;  display: table-cell;  font-size: 16px;  }
button.close span { display: none;}
.ly-maidian{background-color: var(--white); position: relative; border-radius: 6px; display: flex; padding: 16px 0; overflow: hidden;border-top: 2px solid var(--red)}
.ly-maidian:after{content: ""; position: absolute; top:-30px; right: -40px; width: 80px;height: 80px; background: linear-gradient(-120deg,#fae2df,#fff); border-radius: 50%; z-index: 1}
.ly-maidian>.item{flex:0 0 33%; justify-content: space-between; text-align: center; min-width: 0; position: relative;z-index: 2}
.ly-maidian>.item .img{margin: auto; max-width: 24px;}
.ly-maidian>.item .txt{font-size: 14px; padding-top: 10px; line-height: 1.3; color: var(--primary); font-weight: 700}
@media (min-width:768px){
}

@media (min-width:992px){
.ly-top{height: 200px;}
.ly-basicwrap{ margin-top:-160px; display: flex; padding-left: 15px; padding-right: 15px; margin-bottom: 40px;}
.ly-basicwrap>.img-wrap{flex:0 0 50%; min-width: 0; margin-right: 20px; margin-bottom: 0; border-radius: 6px;}	
.ly-basicwrap>.info-wrap{flex-grow: 1; display: flex; flex-direction: column;}
.ly-basicwrap>.info-wrap .info_a{padding-right: 110px;}
.ly-basicwrap>.info-wrap .info_a .title{font-size: 38px; color:#ffedb5; margin-bottom: 10px}
.ly-basicwrap>.info-wrap .info_a .desc{font-size: 14px;color: var(--white); margin-bottom: 10px }
.ly-basicwrap>.info-wrap .info_a .price{color: var(--white); top:5px}
.ly-basicwrap>.info-wrap .info_a .price>span{font-size: 32px;font-weight: 500}	
.ly-basicwrap>.info-wrap .info_a .zx-num{ top:60px;}
.ly-basicwrap>.info-wrap .info_a .zx-num .num{ padding: 4px; }
.ly-basicwrap>.info-wrap .info_a .zx-num .num>span{font-weight:500;}
.ly-basicwrap>.info-wrap .info_a .zx-num .tips{font-size: 12px;padding: 4px 8px}	
.ly-basicwrap .cemetery-a span{margin-right: 8px; padding: 0 12px}
.ly-basicwrap>.info-wrap .info_b{margin-top: auto;}	
.ly-basicwrap .item-list{font-size: 14px;margin-bottom: 8px}	
.ly-basicwrap>.info-wrap .info_b .tongji-wrap{display: flex; align-items: center}
.ly-basicwrap>.info-wrap .info_b .tongji-wrap .t-a{flex:0 0 auto; margin-right: 20px; }
.ly-basicwrap>.info-wrap .info_b .tongji-wrap .t-b{margin-top:0; flex-grow: 1;}
.ly-basicwrap>.info-wrap .info_b .tongji-wrap .t-c{margin-top: 0;margin-left: 15px;}
.ly-maincontent .ly-container{padding-left: 15px; padding-right: 15px;}
.ly-white-box{ padding: 15px;border-radius:6px;transition: box-shadow .3s ease-in-out}
.ly-white-box:hover{box-shadow: 0 0 24px rgba(var(--rgb-dark),.06)}	
.ly-maincontent .ly-container>*{margin-top: 15px;}
.ly-maincontent .ly-navwrap{margin-bottom:20px}
.ly-maincontent .ly-navwrap .navbar a{font-size: 18px; letter-spacing: 2px}
.ly-muxing-ul{margin-left: -10px; margin-right: -10px;}
.ly-muxing-ul>li{flex-basis: 25%; max-width: 25%; padding-left: 10px; padding-right: 10px; padding-bottom: 20px;}
.ly-detail-titel{margin-bottom: 30px;}
.ly-detail-titel>.title{font-size: 28px; font-weight:500; }	
.ly-detail-titel>.desc{font-size: 16px;}
.ly-zixun-ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.ly-zixun-ul>li{flex:0 0 49%; min-width: 0; border-bottom: none}	
.ly-zixun-ul .zixun-show-b>.img{flex-basis: 150px !important}
.ly-zixun-ul .zixun-show-b>.txt .title{font-size: 16px !important}
.ly-dianping-item{margin-bottom: 20px; }
.ly-dianping-item>.user-img{flex-basis: 50px; margin-right: 20px; }
.ly-dianping-item>.txt>.user-info{margin-bottom:3px; font-size: 14px; }
.ly-dianping-item>.txt>.user-info .name{font-size: 17px; font-weight: 600}
.ly-dianping-item>.txt>.desc{font-size: 16px; padding:15px 20px; border-radius: 6px;}
.ly-mapwrap .baidu-map{ height: 360px; border-radius: 6px;}
.ly-mapwrap .info{margin-top: 0;background-color: var(--white); border-radius: 8px; padding:20px 16px; position: absolute; right: 20px; top:80px; width: 360px; bottom: 20px; box-shadow: 0 0 16px 0 rgba(0,0,0,.2); border-top: 2px solid var(--primary); display: flex; flex-direction: column}
.ly-mapwrap .info>ul>li{font-size: 16px;}
.ly-mapwrap .info>ul>li .name{margin-right: 6px; }
.ly-zc{margin-top: auto}
.ly-zc>.img{width:84px; right: 10px; bottom: 0; pointer-events: none;}	
.ly-jieshaowrap{display: flex; align-items: flex-start}
.ly-jieshaowrap>.view{flex:0 0 50%; min-width: 0; margin-right: 20px; margin-bottom: 0}
.ly-jieshaowrap>.info{flex-grow: 1; min-width: 0; max-height: 490px;}
.ly-jieshaowrap>.info .mudi-jieshao-body{ font-size: 16px;}
.mudi-photo-thumb .swiper-slide{width: 120px; }	
.ly-title-b{margin-bottom: 30px;}
.ly-title-b .title{font-size: 22px; font-weight:500}
.ly-title-b .desc{font-size: 18px;font-weight: 300}
.ly-teamwrap>.item .img{margin: 0 auto 10px; max-width: 120px;}
.ly-teamwrap>.item .title{font-size: 18px}
.ly-teamwrap>.item .desc{font-size: 13px; }		
.ly-dp-wrapper{display: flex; min-height: 500px}
.ly-dp-wrapper>.img{display: block; flex:0 0 50%; min-width: 0}
.ly-dp-wrapper>.img .image-block-bg{width: 100%; height: 100%; border-radius: .3rem  0 0 .3rem}
.ly-dp-wrapper>.info{padding: 30px 25px; flex-grow: 1; min-width: 0}
.ly-dp-wrapper>.info .title{font-size: 24px; font-weight: 500; margin-bottom: 20px;}	
.ly-maidian:after{width: 100px;height: 100px;}
.ly-maidian>.item:nth-child(2){border-left: 1px solid #fae2df; border-right: 1px solid #fae2df}
.ly-maidian>.item .img{ max-width: 48px;}
.ly-maidian>.item .txt{font-size: 17px; padding-top: 15px;}
}

@media (min-width:1200px){
.ly-top{height: 250px;}
.ly-basicwrap{ margin-top:-210px; margin-bottom: 50px}
.ly-basicwrap>.img-wrap{flex-basis: 600px;margin-right: 30px;}	
.ly-basicwrap>.info-wrap .info_a .title{font-size: 46px;letter-spacing: 1px }
.ly-basicwrap>.info-wrap .info_a .desc{font-size: 16px; letter-spacing: .5px}
.ly-basicwrap>.info-wrap .info_a .price>span{font-size: 36px;}
.ly-basicwrap>.info-wrap .info_b .tongji-wrap{padding-top: 15px;}
.ly-basicwrap>.info-wrap .info_b .tongji-wrap .t-a{display:block}
.ly-basicwrap>.info-wrap .info_b .tongji-wrap .t-a .txt{letter-spacing: 4.8px}
.ly-basicwrap>.info-wrap .info_b .tongji-wrap .t-a .num{font-size: 23px; line-height: 1.2}
.ly-muxing-ul>li{flex-basis: 20%; max-width: 20%; }	
.ly-white-box{padding:20px 30px 30px;}
.ly-dianping-item>.txt>.desc{padding:15px 30px;}
.ly-jieshaowrap>.view{flex-basis: 600px; margin-right: 30px;}
}

/*地图看墓*/
.xian-ditu-body{overflow: hidden!important}
.xian-ditu-body ul{list-style: none; padding-left: 0; margin-bottom: 0}
.xian-ditu-body .btn{ margin-bottom: 0; margin-right: 0; display: inline-flex; align-items: center; padding: 0 .6rem; height: 28px}
.ditu-content{position:relative; height: calc(100vh - 92px)}
.ditu-content .map-ly-left{position: absolute; z-index: 2; left: 0; top:0; right: 0; background-color: var(--white)}
.ditu-content .map-ly-left>.map-c-filter{padding: 12px 10px 12px 0; display: flex; border-bottom: 1px solid #ececec;}
.ditu-content .map-ly-left>.map-c-filter>li{font-size: 13px;padding: 5px 6px; margin-left:8px; white-space: nowrap; background-color: var(--light); border-radius: 3px; line-height: 1.6}
.ditu-content .map-ly-left>.map-c-filter>li:hover{background-color: var(--gray); color: var(--white)}
.ditu-content .map-ly-left>.map-c-filter>li.active{color: var(--white); background-color: var(--primary)}
.ditu-content .map-ly-left>.map-lylist-wrap{display: none!important}
.ditu-content .bd-map-container{width: 100%; height: 100%}
.ditu-content .cemetery-map-detail{display: none!important}
.lymaplabel{padding: 0 8px;text-align: center;position: relative;z-index: 0; cursor: pointer;background:var(--green); color: #fff; box-shadow:0 2px 4px 0 rgba(0,0,0,.2); border-radius: 3px;}
.lymaplabel.youhui{background:var(--red);}
.lymaplabel.youhui:before{content: "";width: 30px; height: 30px; background-size: cover; background-image:url("../images/youhui_icon.png");position: absolute;left:-25px; bottom: 1px;}
.BMapLabel{z-index: 2!important}
.BMapLabel.open{z-index: 3 !important}
.lymaplabel:hover{ background-color:var(--orange);}
.lymaplabel.active{ background-color:var(--primary); z-index: 9;animation: .2s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s alternate none running backInUp;}
.lymaplabel>.detailwrap{ position:absolute; top:-170px; left:-130px;}
.lymaplabel>.detailwrap .detail-con{ background-color:rgba(255,255,255,.98); padding:12px; width:380px;border-radius:8px; display:none; position:relative; text-align:left; line-height:1.5; white-space:normal; cursor:default;box-shadow: 0 0 12px rgba(0,0,0 ,.15); color: #606060}
.lymaplabel>.detailwrap .detail-con.active{ display:flex; flex-wrap: wrap}
.lymaplabel>.detailwrap .detail-con:after{position: absolute;bottom:-8px;left: 181px;content: ''; display: block; border-top: 8px solid #fff; border-right: 8px solid transparent;  border-left: 8px solid transparent;}
.lymaplabel>.detailwrap .detail-con .img-wrap,.cemetery-map-detail .cemetery-img{ flex:0 0 100px}
.lymaplabel>.detailwrap .detail-con .img-wrap img,.map-lylist-item .img img,.cemetery-map-detail .cemetery-img img{ border-radius:4px;}
.lymaplabel>.detailwrap .detail-con .con-wrap,.cemetery-map-detail .cemeter-desc{ flex-basis:calc(100% - 100px); flex-grow: 0; flex-shrink: 0;padding-left: 10px; min-width: 0}
.lymaplabel>.detailwrap .detail-con h3,.ly-map-con .con-wrap h3,.cemetery-map-detail .cemeter-desc h3,.map-lylist-item .item-con h3{ margin-bottom:10px; line-height:1.2; font-size:17px; font-weight:700}
.lymaplabel>.detailwrap .detail-con p,.ly-map-con p,.cemetery-map-detail .cemeter-desc p{max-height:40px;margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  -webkit-line-clamp: 2;font-size: 14px; line-height: 20px;}
.lymaplabel>.detailwrap .detail-con .meta,.cemetery-map-detail .cemeter-desc .meta,.map-lylist-item .item-con .meta{display: flex; justify-content: space-between; align-items: center; font-size: 14px;}
.lymaplabel>.detailwrap .detail-con .wy-local,.cemetery-map-detail .cemeter-desc .wy-local,.map-lylist-item .item-con .wy-local{max-width: 120px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.lymaplabel>.detailwrap .detail-con .wy-local:before,.cemetery-map-detail .cemeter-desc .wy-local:before,.map-lylist-item .item-con .wy-local:before {content:"\e625";font-family:iconfont;}
.lymaplabel>.detailwrap .detail-con .close,.cemetery-map-detail .close{ position:absolute; right:10px; top:10px; cursor:pointer; font-size: 16px}
.lymaplabel>.detailwrap .detail-con .close:hover{ color:#af8a33}
.lymaplabel>.detailwrap .detail-con .btnwrap,.cemetery-map-detail .cemeter-btn{ flex:0 0 100%; min-width: 0; padding-top: 10px; display: flex; justify-content: space-between}
.lymaplabel>.detailwrap .detail-con .price>span,.map-lylist-item .item-con .price>span,.cemetery-map-detail .price>span{font-size: 16px;}
@media (min-width: 992px) {	
.ditu-content {height: calc(100vh - 113px);}
.ditu-content .map-ly-left{ right:auto; width: 320px; display: flex; flex-direction: column; height: 100%; box-shadow: 0 4px 8px 0 rgba(0,0,0,.35); border-top: 1px solid #ececec}
.ditu-content .map-ly-left>.map-c-filter{padding:15px 10px 10px;flex-wrap: wrap;}
.ditu-content .map-ly-left>.map-c-filter>li{cursor: pointer;font-size: 14px;flex:0 0 24%; margin-left: 1%;text-align: center; margin-bottom: 2px}	
.ditu-content .map-ly-left .map-lylist-wrap{ overflow-y:auto; position:relative;display: block!important}	
.ditu-content .map-ly-left .map-lylist-wrap::-webkit-scrollbar { width: 8px;}
.ditu-content .map-ly-left .map-lylist-wrap::-webkit-scrollbar-thumb {border-radius: 8px; background: #acacac;}
.ditu-content .map-ly-left .map-lylist-wrap::-webkit-scrollbar-track {background: #f5f5f5;}	
.map-lylist-item{ border-bottom:1px dotted #ddd; padding:10px;  cursor:pointer; display: flex}
.map-lylist-item .img{flex:0 0 100px; min-width: 0;}
.map-lylist-item .item-con{flex-grow: 1; min-width: 0; padding-left: 10px;}
.map-lylist-item .item-con .renzheng-a{color:var(--orange)}
.map-lylist-item .item-con .wy-local{max-width: 100px}	
.map-lylist-item .btn{ visibility:hidden; height: 28px; color: var(--white)}
.map-lylist-item:hover{ background-color:#f6f6f6;}
.map-lylist-item:hover .btn{ visibility:visible; color: var(--white)}
}
@media (min-width: 1200px) {.ditu-content .map-ly-left{width: 330px}}
@media (max-width: 991.98px) {
.ditu-content .map-ly-left>.map-c-filter{overflow-x: scroll; ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch; touch-action: manipulation;}
.ditu-content .cemetery-map-detail.active{ display:block !important; position: fixed; z-index: 19; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,.95); padding:12px;border-radius:10px 10px 0 0;border-top: 2px solid var(--primary); }	
}

/*-----
墓型详情
----*/
.muxing-detail-basic,.yongping-detail-basic { margin-bottom: 20px;padding-bottom: 20px; border-bottom: 2px solid var(--light)}
.muxing-detail-basic>.img{position: relative; overflow: hidden; border-radius: 4px; margin-bottom: 10px}
.muxing-detail-basic>.img img{width: 100%;}
.muxing-detail-basic>.txt a{color: var(--primary)}
.muxing-detail-basic>.txt a:hover{color: var(--red)}
.muxing-detail-basic>.txt .title{font-size: 22px;line-height: 1.4; margin-bottom:6px;}
.muxing-detail-basic>.txt .price>span,.yongping-detail-basic>.txt .yp-price>span{font-weight: 500; font-size: 20px}
.muxing-detail-basic .item-list{display: flex;font-size: 14px; margin-bottom: 5px}
.muxing-detail-basic .item-list .name{color: var(--gray);margin-right: 5px;}
.muxing-detail-basic .muxing-ban-a,.yongping-detail-basic .yongpin-ban-a{margin-bottom: 10px; margin-top: 15px;}
.muxing-detail-basic .muxing-ban-a img,.yongping-detail-basic .yongpin-ban-a img{border-radius: 6px;}
.muxing-detail-basic .tips,.yongping-detail-basic .tips{font-size: 14px; color: var(--primary-gray); margin-bottom: 10px;text-align: center}
.muxing-detail-basic .tel-num,.yongping-detail-basic .tel-num{text-align: center; margin-bottom: 10px; padding: 5px; border-radius: 4px; box-shadow: 0 0 0 1px rgba(var(--rgb-dark),.1)}
.muxing-detail-basic .tel-num p,.yongping-detail-basic .tel-num p{margin-bottom: 0; font-size: 12px; letter-spacing: 2px;}
.muxing-detail-basic .tel-num span,.yongping-detail-basic .tel-num span{display: block; color: var(--red); font-size: 22px;}
.muxing-detail-basic>.other,.yongping-detail-basic>.other{display: flex; margin-top: 20px }
.muxing-detail-basic>.other .img,.yongping-detail-basic>.other .img{flex:0 0 85px; border: 1px solid rgba(var(--rgb-dark),.1); padding: 2px;}
.muxing-detail-basic>.other .txt,.yongping-detail-basic>.other .txt{padding-left: 15px;}
.muxing-detail-basic>.other .txt p,.yongping-detail-basic>.other .txt p{font-size: 12px; color: var(--gray); margin-bottom: 10px}
@media (min-width: 768px) {
}

@media (min-width: 992px) {
.muxing-detail-basic{display: flex; margin-bottom: 30px; padding-bottom: 30px;}
.muxing-detail-basic>.img{flex:0 0 400px; margin-right: 20px; margin-bottom: 0}
.muxing-detail-basic>.txt{flex-grow: 1; min-width: 0;}
.muxing-detail-basic .muxing-ban-a,.yongping-detail-basic .yongpin-ban-a{margin-bottom: 20px;}
.muxing-detail-basic>.other{flex:0 0 140px; min-width: 0; margin-left: 20px; flex-direction: column!important}
.muxing-detail-basic>.other .img{flex-basis: auto}
.muxing-detail-basic>.other .txt{padding-left: 0; padding-top: 10px}
.muxing-detail-basic>.txt .title{font-size: 32px;margin-bottom:12px;}
.muxing-detail-basic>.txt .price>span{ font-size: 22px}
.muxing-detail-basic .item-list{font-size: 16px; margin-bottom: 10px}
.muxing-detail-basic .tips{font-size: 18px;margin-bottom: 20px;}
.muxing-detail-basic .tel-num,.yongping-detail-basic .tel-num{margin-bottom: 0}
}

@media (min-width: 1200px) {
.muxing-detail-basic>.img{margin-right: 30px}
.muxing-detail-basic>.other{margin-left: 30px;}
.muxing-detail-basic>.txt .title{font-size: 36px}
}
/*-----
殡葬用品
----*/
.Apage-body.yongping-list {background-image: url("../images/pageyongping-background.jpg"); background-repeat: no-repeat; background-size: 100% auto;background-position: top center; max-width: none!important}
.yp-fenlei{display: flex; margin-right: -5px; margin-left: -5px}
.yp-fenlei>li{flex:0 0 33.3333%; padding-right:5px; padding-left: 5px;}
.yp-fenlei .item{text-align: center; position: relative; padding: 5px; border-radius: 4px; transition: all .3s ease-in-out; background-color: var(--light)}
.yp-fenlei .item:hover{}
.yp-fenlei .item .img{max-width: 60px; margin: auto; overflow: hidden; border-radius: 50%}
.yp-fenlei .item .txt{padding-top:4px;}
.yp-fenlei .item .txt .title{}
.yp-fenlei .item .txt .num{font-size:12px; color:var(--gray); letter-spacing: 1px;}
.yp-fenlei .item .txt .num>span{color: var(--red);margin-right: 3px;font-weight: 700}
.yongping-title{margin-bottom: 20px; text-align: center}
.yongping-title>.title{font-size: 20px; font-weight: 700; margin-bottom: 5px}
.yongping-title>.sub-title{font-size: 14px;color: var(--gray)}
.yongping-detail-basic>.img{margin-bottom: 10px}
.yongping-detail-basic>.img img{border-radius: 4px; width: 100%}
.yongping-detail-basic>.txt .title{font-size: 22px; margin-bottom: 15px}
.yongping-detail-basic .item-list{font-size: 14px; margin-bottom: 5px; padding: 5px; box-shadow: 0 0 0 1px rgba(var(--rgb-dark),.1); border-radius: 4px}
.yongping-detail-basic .item-list .name{color: var(--gray)}
.yongping-swiper-thumb{margin-top:6px;}
.yongping-swiper-thumb .swiper-slide{opacity: .65; cursor: pointer; }
.yongping-swiper-thumb .swiper-slide.swiper-slide-thumb-active { opacity: 1;}
.yongping-article-wrap{overflow: hidden; position: relative; max-height: 160vh; max-width: 800px; margin-bottom: 15px}
.yongping-article-wrap.open{max-height: none!important}
.yongping-article-body p{margin-bottom: 0!important}
.yongping-article-body img{display: block;}
.Yp-nav{margin-bottom: 15px;}
.yongping-home-zhishi{background-color: var(--light)}

.yongping-top{position: relative; background-image: url("../images/yongping-top-ghh.jpg"); background-repeat: no-repeat; background-position:36% 100%;background-size: cover; padding-top:50px; padding-bottom: 50px; margin-bottom:20px;}	
.yongping-top.shouyi{background-image: url("../images/yongping-top-sy.jpg"); }
.yongping-top.mudiyongpin{background-image: url("../images/yongping-top-mdyp.jpg"); }
.yongping-top .txtwrap{display: inline-block; text-align: center}
.yongping-top .title{font-size: 24px; font-weight: 700; color: var(--primary); display:inline-flex; position: relative; margin-left: 20px; margin-right: 20px}
.yongping-top .title:before,.yongping-top .title:after{content: ""; position: absolute; top:48%; width: 20px;height: 2px;}
.yongping-top .title:before{background: linear-gradient(270deg,rgba(var(--rgb-primary),.8),rgba(var(--rgb-primary),0)); right: 100%;}
.yongping-top .title:after{background: linear-gradient(90deg,rgba(var(--rgb-primary),.8),rgba(var(--rgb-primary),0)); left: 100%;}
.yongping-top .title span{display:flex;height: 34px;width: 34px; border-radius: 50%; border: 1px solid var(--primary); justify-content: center;align-items: center}
.yongping-top .sub-title{font-size: 12px;display: none}
@media (min-width:768px){
.yongping-top{min-height: 220px; padding-top: 60px; background-position: 50% 100%; }
}

@media (min-width:992px){	
.yp-fenlei{margin-right: -15px; margin-left: -15px}
.yp-fenlei>li{padding-right:15px; padding-left: 15px;}
.yp-fenlei .item{ border-radius: 6px; display: flex; align-items: center; padding: 5px 5px 5px 30px}
.yp-fenlei .item .img{margin: 0 20px 0 0; flex:0 0 auto}
.yp-fenlei .item .txt .title{font-size: 22px;}	
.yongping-title{margin-bottom: 30px;}
.yongping-title>.title{font-size: 24px; font-weight: 700;}
.yongping-title>.sub-title{font-size: 16px; letter-spacing: 1px}
.yongping-detail-basic{display: flex; margin-bottom: 30px; padding-bottom: 30px;}
.yongping-detail-basic>.img{flex:0 0 400px; margin-right: 20px; margin-bottom: 0; min-width: 0;}
.yongping-detail-basic>.img img{border-radius: 6px;}
.yongping-detail-basic>.txt{flex-grow: 1; min-width: 0}
.yongping-detail-basic>.txt .title{font-size: 28px; margin-bottom: 20px}
.yongping-detail-basic>.txt .yp-price>span{font-size: 22px}
.yongping-detail-basic .tips {font-size: 18px;margin-bottom: 25px;}
.yongping-detail-basic .item-list{display: flex; padding: 8px 5px;}
.yongping-detail-basic .item-list .name{margin-right: 5px;}
.yongping-detail-basic>.other{flex:0 0 140px; min-width: 0; margin-left: 20px; flex-direction: column!important; margin-top: 0}
.yongping-detail-basic>.other .img{flex-basis: auto}
.yongping-detail-basic>.other .txt{padding-left: 0; padding-top: 10px}	
.yongping-article-wrap{border-right:1px solid rgba(var(--rgb-dark),.12)}
.Yp-nav{margin-bottom: 30px; margin-right: -10px;}
.Yp-nav>li{padding-right: 10px; flex-basis: 10%}
	
.yongping-top{padding-top: 80px}
.yongping-top .title{font-size: 28px; margin-left: 40px; margin-right: 40px;}
.yongping-top .title:before,.yongping-top .title:after{width: 40px}
.yongping-top .title span{height: 42px;width:42px; }
.yongping-top .sub-title{font-size: 14px;font-weight: 300;text-align: center; display: block}
.yongping-top .sub-title p{margin-bottom: 0;}
	
}
@media (min-width:1200px){
.yongping-title>.title{font-size: 28px; font-weight: 500;}
.yongping-title>.sub-title{font-size: 16px; letter-spacing: 1px}
.yongping-detail-basic>.img{flex-basis: 480px; margin-right: 30px}
.yongping-detail-basic>.other{margin-left: 40px;}
.yongping-detail-basic>.txt .title{font-size: 28px}
	
.yongping-top{padding-bottom: 120px; padding-top: 140px; min-height: 380px}	
.yongping-top .txtwrap{margin-left: auto; margin-right: auto; max-width: 1200px}
.yongping-top .title{font-size: 42px; margin-left: 60px; margin-right: 60px }
.yongping-top .title:before,.yongping-top .title:after{width: 60px}
.yongping-top .title span{height: 62px;width: 62px;}
.yongping-top .sub-title{font-size: 18px;}
}

/*-----
搜索、tag、404、关于
----*/
.f0f{padding: 20px 12px;width: 100%; margin-left: auto; margin-right: auto}
.f0f .img{border-radius: 6px; overflow: hidden}
.f0f .img img:nth-child(2){display: none}
.f0f .txt{text-align: center; position: relative; top:-30px}
.f0f .txt .title{font-size: 48px; color: var(--secondary); font-weight: 700; font-style: italic}
.f0f .txt .desc{font-size: 16px;margin-bottom: 20px; line-height: 2; color: var(--gray)}
.f0f .txt .desc>span{color: var(--red)}
.search-box{margin-left: auto; margin-right: auto; padding-bottom: 20px;}
.guanyu-title{text-align: center; margin-bottom: 20px;}
.guanyu-title .title{font-size: 20px; font-weight: 700; position: relative; z-index: 1}
.guanyu-title .title:after{content: ""; display: block; height: 4px; width: 60px; margin: 5px auto 0; background-color: var(--secondary)}
.guanyu-desc{font-size: 14px; line-height: 1.8; color: var(--gray)}
.guanyu-desc-img img{border-radius: 6px;}
.guanyu-desc-num{background-color: rgba(var(--rgb-secondary),.1); height: 100%; border-radius: 6px; padding: 15px;}
.guanyu-desc-num ul{display: flex;}
.guanyu-desc-num ul>li{flex:0 0 50%; min-width: 0; text-align: center}
.guanyu-desc-num p{margin-bottom: 5px; font-size: 14px; color: var(--secondary)}
.guanyu-desc-num .num{color: rgba(var(--rgb-secondary),.7)}
.guanyu-desc-num .num>span{font-size: 32px;margin-right: 3px; line-height: 1.2}
.guanyu-desc-num .desc{font-size: 12px; color: var(--gray); margin-bottom: 10px; text-align: center}
.guanyu-box{margin-bottom: 30px;}
.guanyu-ditu{border-radius: 6px; overflow: hidden; box-shadow: 0 0 0 1px rgba(var(--rgb-dark),.1)}
.guanyu-dizhi>li{display: flex; font-size: 14px; line-height: 1.8}
.guanyu-dizhi>li .name{flex:0 0 auto; margin-right: 15px; color: var(--gray)}
.guanyu-dizhi>li .desc{flex-grow: 1; min-width: 0}
.guanyu-dizhi>li + li{border-top: 1px solid rgba(var(--rgb-dark),.1); padding-top: 10px; margin-top: 10px;}
.guanyu-dizhi>li .wx{max-width: 126px;border: 1px solid rgba(var(--rgb-dark),.08); padding: 2px; }
.guanyu-fuwu{padding: 15px; border-radius:6px; margin-bottom: 10px; position: relative;text-align: center}
.guanyu-fuwu .title{font-size: 17px; margin-bottom: 10px;font-weight: 700}
.guanyu-fuwu .desc{font-size: 14px;}
.guanyu-fuwu.xuanmu{background-color: #e8faec}
.guanyu-fuwu.yongpin{background-color: #fff8f4}
.guanyu-fuwu.fuwu{background-color:#fcf0fe}
.tags-list{display: flex; flex-wrap: wrap}
.tags-list a{display: inline-flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: var(--white); background-color: var(--primary-gray); line-height: 1.2; height: 28px; padding: 0 12px; border-radius: 14px; margin-right: 8px; margin-bottom: 8px; max-width: 150px;}
.tags-list a:hover{background-color: var(--primary)}
@media (min-width:992px){
.search-box{max-width: 830px; padding-left: 20px; padding-right: 20px; background-color: var(--white); border-radius: 6px;box-shadow: 0 0 24px 0 rgba(var(--rgb-black),.08)}	
.f0f{max-width: 750px; display: flex;background-color: var(--white); border-radius: 6px; box-shadow:0 0 24px 0 rgba(var(--rgb-black),.08); padding: 0; margin-top: 30px; align-items: center}
.f0f .img{flex:0 0 350px;border-radius: 6px 0 0 6px;}
.f0f .img img:nth-child(1){display: none!important}
.f0f .img img:nth-child(2){display:inline-block}
.f0f .txt{top:0; flex-grow: 1; min-width: 0; padding: 20px;}
.f0f .txt .title{font-size: 68px;}
.f0f .txt .desc{font-size: 18px;margin-bottom: 30px;}	
.Apage-body.guanyu{background-color: var(--light)}
.guanyu-box{ padding: 20px; border-radius: 6px; background-color: var(--white); min-height: 200px; margin-left: auto; margin-right: auto; max-width: 1200px; margin-bottom: 10px;}
.guanyu-title{margin-bottom: 30px;}
.guanyu-title .title{font-size: 28px; }
.guanyu-title .title:after{height: 6px; width: 80px;}
.guanyu-desc{font-size: 16px;}	
.guanyu-desc-num{ padding: 20px;}
.guanyu-desc-num ul{flex-direction: column}
.guanyu-desc-num ul>li{flex-basis: auto}
.guanyu-desc-num ul>li + li{margin-top: 15px;}
.guanyu-desc-num p{ font-size: 18px;}
.guanyu-desc-num .num>span{font-size: 48px;}
.guanyu-desc-num .desc{font-size: 14px;  margin-bottom: 30px;}	
.guanyu-dizhi>li{font-size: 16px;}
.guanyu-dizhi>li + li{ padding-top: 15px; margin-top: 15px;}
.guanyu-fuwu{padding:20px; margin-bottom:0; height: 100%}
.guanyu-fuwu .title{font-size: 22px; margin-bottom: 15px;}
.guanyu-fuwu .desc{font-size: 16px;}
}

@media (min-width:1200px){
.guanyu-box{ padding: 30px;}
}
/*-----
首页
----*/
.Apage-body.x-home,.Apage-body.x-ditu,.Apage-body.x-mudi{max-width: none!important}
.x-home-swiperwrap{margin-left: auto; margin-right: auto; max-width: 1170px;}
.x-home-quickmenu{padding-top: 15px; padding-left: 10px; padding-right: 10px; padding-bottom: 20px;display: flex;}
.x-home-quickmenu>.item{flex:0 0 20%; min-width: 0; text-align: center; position: relative}
.x-home-quickmenu>.item>i{display: block; height: 45px; width: 45px;margin: 0 auto ; background-image: url("../images/x-home-menu.png");background-repeat: no-repeat; background-size: 100% auto;}
.x-home-quickmenu>.item:nth-child(2)>i{background-position: 0 -45px;}
.x-home-quickmenu>.item:nth-child(3)>i{background-position: 0 -90px;}
.x-home-quickmenu>.item:nth-child(4)>i{background-position: 0 -135px;}
.x-home-quickmenu>.item:nth-child(5)>i{background-position: 0 -180px;}
.x-home-quickmenu>.item .title{font-size: 12px;}
.x-home-title-wrap{display: flex; margin-bottom: 20px; align-items: center}
.x-home-title-wrap .title{font-size: 22px; position: relative; z-index: 1}
.x-home-title-wrap .title:after{ position: absolute; width:70%; bottom: 0; left: 50%; height: 20%; background: linear-gradient(90deg,rgba(var(--rgb-secondary),.3),rgba(255,255,255,0)); z-index: -1; border-radius: 4px;}
.x-home-title-wrap .title:before{content: ""; position: absolute; left: -5px; width: 20px; height: 20px;border-radius: 50%; background: linear-gradient(315deg,rgba(101,229,181,0),rgba(101,229,181,.1),rgba(101,229,181,.6)); top:0; z-index: -1}
.x-home-title-wrap .desc{color: var(--gray); font-size: 13px; font-style: italic}
.x-home-title-wrap .line{margin-left: 12px; margin-right: 12px; flex-grow: 1; min-width: 0; height: 1px; background-color: rgba(var(--rgb-black),.08)}
.x-home-contentwrap{position: relative}
.x-home-contentwrap>*{margin-bottom: 6px;}
.x-home-block{background-color: var(--white); width: 100%; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 20px; border-radius: 6px; min-height: 150px;}
.x-home-contentwrap{background-color: var(--light); padding-top: 5px; padding-bottom: 10px;}
.x-home-best>li{background-color: var(--white); padding: 12px 8px; border-radius: 4px; margin-left: -8px; margin-right: -8px; box-shadow: 0 0 0 1px rgba(var(--rgb-black), 0.05); }
.x-home-best>li + li{margin-top:12px;}
.x-home-best .item{}
.x-home-best .item>.ly-part{display: flex;position: relative}
.x-home-best .item>.ly-part>.img{flex:0 0 150px; min-width: 0;position: relative; overflow: hidden}
.x-home-best .item>.ly-part>.img .area{position: absolute; left: 0; bottom: 0; color: var(--white); background-color: rgba(var(--rgb-black),.6); padding:6px;font-size: 12px; border-top-right-radius: 8px; line-height: 1.2}
.x-home-best .item>.ly-part>.img img{border-radius: 6px;}
.x-home-best .item>.ly-part>.txt{flex-grow: 1; min-width: 0; padding-left: 14px; display: flex; flex-direction: column}
.x-home-best .item>.ly-part>.txt .title{font-size: 18px; margin-bottom: 6px; font-weight: 700}
.x-home-best .item>.ly-part>.txt .title a{color: var(--primary)}
.x-home-best .item>.ly-part>.txt .desc{font-size: 11px; color: var(--gray)}
.x-home-best .item>.ly-part>.txt .price-wrap{display: flex; justify-content: space-between; align-items: center; margin-top: auto}
.x-home-best .item>.ly-part>.txt .price-wrap .price>span{font-size: 18px;}

.x-home-best .item>.dt-part>li a{font-size: 12px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; color: var(--gray)}
.x-home-best .item>.dt-part>li a:hover{color: var(--primary)}
.x-home-best .item>.dt-part>li + li{ margin-top: 5px;}
.x-home-best .item>.mx-part,.x-home-best .item>.dt-part{padding-top: 10px; border-top: 1px dashed #ececec; margin-top: 10px;}
.x-home-best .item>.mx-part .recommand{display: flex; margin-left: -4px; margin-right: -4px}
.x-home-best .item>.mx-part .recommand>li{flex:0 0 33.3333%; padding-left: 4px; padding-right: 4px;min-width: 0; max-width: 33.3333%}
.x-home-miniban{border-radius: 4px;background-repeat:no-repeat; background-size:cover; position: relative; background-color: var(--gray); overflow: hidden; }
.x-home-miniban:before{content: ""; position: absolute; left: 0; right: 0; top:0; bottom: 0; background-color: rgba(0,0,0,.2); opacity: 0; transition: opacity .3s ease-in-out}
.x-home-miniban:hover:before{opacity: 1}
.x-home-miniban  a{padding:12px 14px; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 1}
.x-home-miniban .title{color: var(--white); font-weight: 500; font-size: 20px; letter-spacing: 1.5px}
.x-home-miniban .desc{font-size: 12px; color: rgba(var(--rgb-white),.8); position: relative; z-index: 1}
.x-home-miniban.ditu{background-image: url("../images/home-mini-banaM.jpg")}
.x-home-miniban.jiage{background-image: url("../images/home-mini-banbM.jpg")}
.x-home-btn{min-width: 150px; height: 36px; border-radius: 18px;}
.x-home-minititle{ margin-bottom: 15px;}
.x-home-minititle .title{font-weight: 700;display: inline-flex;margin-bottom: 0; position: relative; z-index: 1; letter-spacing: 1px;font-size: 18px;}
.x-home-minititle .title a{color: var(--primary-gray)}
.x-home-minititle .title a:hover{color: var(--primary)}
.x-home-minititle .title:after{position: absolute; width:100%; bottom:20%; left: 50%; height: 40%; background: linear-gradient(90deg,rgba(var(--rgb-secondary),.3),rgba(255,255,255,0)); z-index: -1; border-radius: 4px; content: ""}
.x-home-baikelist>li{position: relative;border-bottom: 1px dashed #ececec}
.x-home-baikelist>li>.title{padding-left: 8px;}
.x-home-baikelist>li>.title:before{content: "\e60a"; font-family: iconfont; position: absolute; left:-5px; top:14px; line-height: 1; font-size: 12px;}
.x-home-baikelist>li>.title a{display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; padding-top: 10px; padding-bottom: 10px;}
.x-home-toutiao{display: flex;margin-bottom: 10px; }
.x-home-toutiao>.img{flex:0 0 120px;min-width: 0}
.x-home-toutiao>.img img{border-radius: 4px; width: 100%}
.x-home-toutiao>.txt{flex-grow: 1; min-width: 0; padding-left: 14px; display: flex; flex-direction: column}
.x-home-toutiao>.txt .title{margin-top: -3px;}
.x-home-toutiao>.txt .title a{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;}
.x-home-toutiao>.txt .date{font-size: 12px; color: var(--gray); margin-top: auto}
.x-home-qita{padding-top: 12px; padding-bottom: 12px; background-color: var(--white); border-radius: 6px;}
.x-home-qita .container{padding-left: 10px; padding-right: 10px;}
.x-homg-yongpinglist{display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px;}
.x-homg-yongpinglist>li{flex:0 0 33.3333%; min-width: 0; max-width: 33.3333%; padding-left: 4px; padding-right: 4px; margin-bottom: 8px;}
.x-home-advantage{padding-left: 6px;display: flex; padding-bottom: 10px; justify-content: space-between; padding-right: 6px;margin-left: auto; margin-right: auto;}
.x-home-advantage>li{flex:0 0 25%; min-width: 0; padding-left: 8px}
.x-home-advantage>li:nth-child(1){flex-basis:50%; }
.x-home-advantage>li .item{background-size: cover;border-radius:6px; height: 80px; color: var(--white); padding: 6px; text-align: center; position: relative}
.x-home-advantage>li .item .txt{font-size: 11px;position: absolute; bottom: 8px; left:0px; right: 0px}
.x-home-advantage>li .item.youhui{background-image: url("../images/home-youshi-aM.jpg");}
.x-home-advantage>li .item.peitong{background-image: url("../images/home-youshi-bM.jpg");}
.x-home-advantage>li .item.zhuanche{background-image: url("../images/home-youshi-cM.jpg");}
.x-home-advantage>li .item.youhui .txt{font-size: 16px; left: 10px; bottom:50%; right: 50%; line-height: 1.3; text-align: left; transform: translateY(50%)}
.x-home-zhuanyuan{background-color: var(--white); border-radius: 4px; padding:20px 12px;background-image: url("../images/home-team-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%}
.x-home-zhuanyuan>.title{font-size: 18px; font-weight: 700; text-align: center; margin-bottom: 20px; color: var(--primary-gray)}
.x-home-linkwrap{ padding-top: 15px;}
.x-home-linkwrap>.name{display: none}
.x-home-linkwrap>.link-contaier{display: flex; flex-wrap: wrap; margin-right: -10px;}
.x-home-linkwrap>.link-contaier>div{padding-right: 10px; padding-bottom: 5px;}
.x-home-linkwrap>.link-contaier>div a{display: block}
@media (min-width:992px){
.x-home-swiperwrap{margin-bottom: 20px;}
.x-home-contentwrap>*{margin-bottom: 20px;}
.x-home-quickmenu{display: none!important}
.x-home-contentwrap{background-color: var(--white)!important}	
.x-home-block{max-width: 1200px; padding-top: 20px; padding-bottom: 20px}
.x-home-title-wrap{margin-bottom: 30px;}
.x-home-title-wrap .title{font-size: 28px; letter-spacing: 1.5px}
.x-home-title-wrap .title:before{width: 28px;height: 28px;}
.x-home-title-wrap .line{margin-left: 30px; margin-right: 30px;}
.x-home-title-wrap .desc{font-size: 15px; font-weight: 300; letter-spacing: 1.2px}
.x-home-best{display: flex;justify-content: space-between}
.x-home-best>li{flex:0 0 32.3333%; min-width: 0; padding: 12px; border-radius: 6px; margin-left: 0; margin-right: 0;transition: box-shadow .3s ease-in-out;border-top: none}
.x-home-best>li:hover{box-shadow:0 4px 22px 0 rgba(var(--rgb-black),.1); }
.x-home-best>li + li{margin-top:0;}
.x-home-best .item>.ly-part{display: block;}
.x-home-best .item>.ly-part>.img .area{font-size: 14px; letter-spacing: 1px}
.x-home-best .item>.ly-part>.txt{padding-top: 15px; padding-left: 0}	
.x-home-best .item>.ly-part>.txt .price-wrap{margin-top: 5px;}
.x-home-best .item>.mx-part{padding-top: 14px; margin-top: 14px}
.x-home-best .item>.mx-part .recommand{ margin-left: -6px; margin-right: -6px}
.x-home-best .item>.mx-part .recommand>li{ padding-left: 6px; padding-right: 6px;}	
.x-home-minititle{ margin-bottom: 20px;}
.x-home-minititle .title{font-size: 22px;font-weight: 500}	
.x-home-baikelist>li>.title{padding-left:10px;}
.x-home-baikelist>li>.title:before{top:15px;font-size: 14px;}
.x-home-baikelist>li>.title a{ font-size: 18px; }
.x-home-toutiao{margin-bottom: 15px; }
.x-home-toutiao>.img{flex-basis: 180px;}
.x-home-toutiao>.txt{ padding-left: 20px;}
.x-home-toutiao>.txt .title a{font-size: 18px; line-height: 30px; max-height: 60px;}
.x-home-toutiao>.txt .date{font-size: 14px;}	
.x-home-qita{padding-top: 30px; padding-bottom: 30px; background-image:linear-gradient(90deg,#ddfaed,#fff,#e8fff5); border-top:1px solid #e8fff5;}
.x-home-qita .container{padding-left: 15px; padding-right: 15px;}	
.x-home-miniban{}
.x-home-miniban a{height: 100px; padding: 0 40px;  }
.x-home-miniban .title{font-size: 28px;}
.x-home-miniban .desc{font-size: 17px;}
.x-home-miniban.ditu{background-image: url("../images/home-mini-bana.jpg")}
.x-home-miniban.jiage{background-image: url("../images/home-mini-banb.jpg")}
.x-homg-yongpinglist>li{padding-left: 10px; padding-right: 10px;margin-bottom: 20px}
.x-home-advantage{ max-width: 1200px; padding-left: 15px; padding-right: 15px; display: none!important}
.x-home-zhuanyuan{padding:20px 50px; margin-left: auto; margin-right: auto; max-width: 1170px;}
.x-home-zhuanyuan>.title {font-size: 22px; font-weight: 500;  text-align: left;  margin-bottom:0;}
.x-home-zhuanyuan .youshi{ margin-top: 30px;justify-content: space-between}	
.x-home-zhuanyuan .youshi>li{display: flex; align-items: center; margin-top: 15px; color: var(--primary-gray)}
.x-home-zhuanyuan .youshi>li .img{flex:0 0 40px; margin-right: 10px;}
.x-home-zhuanyuan .youshi>li .img img{border-radius: 50%}
.x-home-zhuanyuan .youshi>li .stitle{font-size: 18px; margin-right: 20px;}
.x-home-zhuanyuan .youshi>li .desc{font-size: 14px; letter-spacing: .68px}
.x-home-zhuanyuan .youshi>li:nth-child(2){ margin-left: 60px;}
	
.x-home-linkwrap{ border-top: 1px dashed #ccc; display: flex; padding-top: 25px;}
.x-home-linkwrap>.name{display:block; flex:0 0 100px;}
.x-home-linkwrap>.link-contaier{flex-grow: 1; min-width: 0; margin-right: -15px;}
.x-home-linkwrap>.link-contaier>div{padding-right: 15px;}
.x-home-linkwrap>.link-contaier>div a{}
}
@media (min-width:1200px){
.Apage-body.x-home{padding-top: 15px; background-image: url(../images/pagearticle-background.jpg);background-repeat: no-repeat; background-size: 100% auto;
background-position: top center;}
.x-home-swiper .img-item img{border-radius: 6px;}
.x-home-title-wrap .title{font-size: 34px;font-weight: 500}
.x-home-title-wrap .title:before{width: 36px;height: 36px; left: -10px}	
}

/*-----
结束 西安选墓网为天顺祥旗下站点
----*/