@charset "utf-8";
:root {
	--dark:#222222;
	--black:#000000;
	--rgb-black:0,0,0;
	--white:#ffffff;
	--rgb-white:255,255,255;
	--green: #0a8359;	
	--primary: #00a692;
	--rgb-primary:15,144,116;
	--primary-dark:#10614f;
	--primary-light:#49bda3;
	--secondary: #f34718;
	--rgb-secondary:210,173,120;
	--secondary-light:#fff8ed;
	--secondary-light-b:#f9d49f;
	--secondary-dark:#9a733b;
	--red:#a5222c;
	--rgb-red:165,34,44;
	--red-light:#f03752;
	--reb-red-light:226,43,60;
	--red-dark:#721c25;
	--gray:#888888;
	--gray-b:#a8a8a8;
	--light:#f8f9fa;
	--light-b:#f6fffb;
	--body-color:#4a4a4a;
	--body-bg:#fff;
	--orange:#fb8b05;
	--gold:#ffdc80;
}
*,
*::before,*::after { box-sizing: border-box;}
html{font-size: 20px; }
body {
  margin: 0;
  font-family:"Microsoft YaHei";
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--body-color);   
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
a {
  color: #2a2a2a;
  transition: color .2s ease-in-out;
  text-decoration: none;
  background-color: transparent;
  outline: none;
}

a:hover,a:focus {
  color: var(--primary);
  text-decoration:none;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
a.stretched-link::after,.title a::after{position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";}

img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
}
/*======
基础架构
======
*/
.page-all-wrap{margin-left: auto; margin-right: auto; width: 100%; max-width: 1920px; overflow: hidden;min-height: 100vh; background-color: #f5f5f7; position: relative}

.container{margin-left: auto; margin-right: auto; width: 100%; max-width: 1224px; padding-left: 12px; padding-right: 12px;}
.gslide-external{border-radius: 6px;}
@media (min-width:769px){
	
}

@media (min-width:992px){
	
}
@media (min-width:1200px){
	
}
@media (max-width:991.99px){
	.gslide-external{max-height: 80vh!important; height: 80vh}
	.gslide iframe{height: 100%}
	
}
/*======
页面通用
======
*/
.page-list-banwrap{background-image: url("../images/page-top-bg_info.jpg"); background-repeat: no-repeat; background-position: 50%; background-size: cover;}
.page-list-banwrap .txt{padding-top: 40px; padding-bottom: 40px;text-align: center;}
.page-list-banwrap .txt .title{ margin-top: 0; margin-bottom: 0; font-size: 22px; font-weight: 700; letter-spacing: 1px}
.page-list-banwrap .txt .subtitle{font-size: 12px;}
.page-list-banwrap.jiage{background-image: url("../images/page-top-bg_muxing.jpg")}
.page-list-banwrap.huanjing{background-image: url("../images/page-top-bg_jingguan.jpg")}
.page-list-banwrap.guanyu{background-image: url("../images/page-top-bg_guanyu.jpg")}
.pagination{display: flex; flex-wrap: wrap; justify-content: center; margin-right: -2px; padding-top: 10px;}
.pagination>li{padding-right: 2px;}
.pagination>li a{display: flex; align-items: center; height: 38px; padding: 0 15px; background-color: #f7fbf9;}
.pagination>li a:hover,.pagination>li.active a{background-color: var(--primary); color: var(--white)}
.page-detail-banwrap{background-image: url("../images/page-top-bg_infodetail.jpg");background-repeat: no-repeat;background-size: cover; padding-bottom: 40px;background-position: 50%; min-height: 126px}
.breadcrumb-pc{display: none}
.breadcrumb-M{padding-top: 15px;}
.breadcrumb-M a{display: inline-flex; align-items: center; height: 28px; padding: 0 12px 0 6px; border-radius: 14px; background-color: rgba(255,255,255,.5); font-size: 13px;}
.breadcrumb-M a::before{content: "\e800"; font-family: iconfont; font-size: 11px; margin-right: 3px}
.tsx-breadcrumb{display: flex; flex-wrap: wrap; color: var(--gray) }
.tsx-breadcrumb>li + li{padding-left: 15px; position: relative}
.tsx-breadcrumb>li + li::before{content: "";position: absolute; left: 4px; top: 48%;  width: 5px;  height: 1px;  background-color: rgba(0,0,0,.4);}
.normal-title-wrap{margin-bottom: 20px;}
.normal-title-wrap .title{position: relative; padding-left: 24px;margin-bottom: 0; font-size: 18px; font-weight: 700; line-height: 20px; letter-spacing: 1px;}
.normal-title-wrap .title::before{content: ""; position: absolute; background-image: url("../images/side-title-icon_a.png"); width: 18px;height: 12px; left: 0; background-size: cover; top:6px;}
.btn{display: inline-flex; height: 36px; align-items: center; justify-content: center; padding-left: 16px; padding-right: 16px; font-size: 14px; background: linear-gradient(90deg,#e2271e,#fd6a62); cursor: pointer; color: var(--white); transition: all .2s ease-in-out; border-radius: 20px}
.btn:hover{background:linear-gradient(120deg,#e2271e,#fd6a62,#e2271e); color: var(--white)!important}

.btn-online{background: linear-gradient(90deg,var(--primary),var(--primary-light))}
.btn-online:hover{background: var(--primary-dark)}
.glightbox-mobile .glightbox-container .gslide-description{width: 100%; text-align: center; bottom: 0}
@media (min-width:992px){
.page-list-banwrap{height: 500px; position: relative; top:-100px}
.page-list-banwrap .txt{padding-top: 190px;}
.page-list-banwrap .txt .title{font-size: 36px; letter-spacing: 2px;}
.page-list-banwrap .txt .subtitle{font-size: 18px;}	
.pagination{padding-top: 20px;}
.pagination>li a{height: 40px;}
.breadcrumb-M{display: none}
.breadcrumb-pc{display: block; padding-top: 20px; padding-bottom: 30px;}
.page-detail-banwrap{height: 600px;position: relative; top:-100px; padding-top: 100px;}	
.normal-title-wrap{margin-bottom: 30px;}
.normal-title-wrap .title{ padding-left: 40px;font-size: 32px;line-height: 40px;}
.normal-title-wrap .title::before{width: 30px;height: 20px; top:10px;}	
.btn{padding-left: 20px; padding-right: 20px;}
}
@media (min-width:1200px){
.page-list-banwrap .txt .title{font-size: 48px; letter-spacing: 4px;}
.page-list-banwrap .txt .subtitle{font-size: 22px; letter-spacing: 1px;}
}


/*======
墓型价格
======
*/
.muxing-list-wrap{padding-bottom: 0}
.muxing-more-wrap{background-color: #fdf4e0; background-position: 50%; background-image: url("/static/images/footer-ask-more.jpg");background-size: cover; background-repeat: no-repeat; text-align: center; }
.muxing-more{padding: 12px}
.muxing-more .title{font-size: 17px; font-weight: 700}
.muxing-more .fuction{background-color: var(--white); margin-top: 8px;padding: 10px; border-radius: 8px;}
.muxing-more .fuction .info{}
.muxing-more .fuction .btn-a{display:inline-flex; height: 32px; width: 50%; border-radius: 16px; background: linear-gradient(90deg,#e2271e,#fd6a62); color: var(--white); align-items: center; justify-content: center;margin-top:8px}
.muxing-tips-a{font-size: 15px; margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center}
.muxing-tips-a>.more span{color: var(--primary);font-weight: 700; margin-left: 5px;}
.muxing-list-ul{display: flex; flex-wrap: wrap; margin-left: -6px; margin-right: -6px;}
.muxing-list-ul>li{flex:0 0 50%; min-width: 0; padding-left: 6px; padding-right: 6px; padding-bottom: 12px}
.muxing-item{position: relative}
.muxing-item>.img{position: relative}
.muxing-item>.img img{width: 100%;border-radius: 4px 4px 0 0 }
.muxing-item>.txt{text-align: center; padding-top: 8px; padding-bottom: 8px}
.muxing-item>.txt .title{font-size: 16px; font-weight: 700; white-space: nowrap; overflow: hidden;text-overflow: ellipsis}
.muxing-item>.txt .mx-price>span,.muxing-detail-content .mx-price>span{color: var(--orange); font-size: 16px}
.muxing-item>.txt .mx-price>span::after,.muxing-detail-content .mx-price>span::after{content: "\5143\8d77"; font-size: 12px; color: var(--gray); margin-left: 3px;}

.muxing-detail-content{margin-top: 12px; margin-bottom: 15px;background-color: var(--white);}
.muxing-detail-content .img-wrap{}
.muxing-detail-content .info-wrap{padding: 15px 12px}
.muxing-detail-content .info-wrap .title-wrap{display: flex; align-items: center;justify-content: space-between; margin-bottom: 15px;}
.muxing-detail-content .info-wrap .title-wrap .title{font-size: 18px; font-weight: 700}
.muxing-detail-content .info-wrap .meta{display: flex; justify-content: space-between; flex-wrap: wrap}
.muxing-detail-content .info-wrap .meta>li{flex:0 0 49%; min-width: 0; display: flex; margin-bottom: 5px;}
.muxing-detail-content .info-wrap .meta>li .name{flex:0 0 auto; margin-right: 10px; color: var(--gray)}
.muxing-detail-content .info-wrap .meta>li .detail{flex-grow: 1; min-width: 0;}
.muxing-detail-content .info-wrap .meta>li .detail.yh{color: var(--red-light)}
.muxing-detail-content .info-wrap .zixun{margin-top: 10px; text-align: center}
.muxing-detail-content .info-wrap .zixun .txt{margin-bottom: 8px;}
.muxing-detail-content .info-wrap .zixun .btn-wrap{display: flex; justify-content: center}
.muxing-detail-content .info-wrap .zixun .btn-wrap .btn{width: 40%;}
.muxing-detail-content .info-wrap .zixun .btn-wrap .btn:nth-child(2){margin-left: 10%}

#ECHAT_icon{cursor: pointer; transition: all .2s ease-in-out}
#ECHAT_icon:hover{transform: translateY(-6px)}
.jiage-xq-body #ECHAT_icon,#ECHAT_mini_icon{display: none!important}

@media (min-width:992px){
.muxing-list-wrap{position: relative; margin-top: -190px;padding-bottom: 30px}	
.muxing-list-wrap .content-block{padding: 20px;}	
.muxing-more-wrap{height: 90px;}
.muxing-more{display: flex;justify-content: flex-end;max-width: 1200px; margin-left: auto; margin-right: auto; align-items: center; padding: 20px 12px 15px}
.muxing-more .title{font-size: 20px; white-space: nowrap; margin-right: 20px;}
.muxing-more .fuction{ margin-top: 0; display: flex; align-items: center; border-radius: 28px; padding: 8px 16px}
.muxing-more .fuction .info{white-space: nowrap; margin-right: 20px;}
.muxing-more .fuction .btn-a{ width: auto; margin-top:0; padding: 0 20px}
.muxing-list-ul>li{flex-basis: 25%}
	
.muxing-detail-content{display: flex;}
.muxing-detail-content .mx-price>span{font-size: 22px}
.muxing-detail-content .mx-price>span::after{ font-size: 14px;}
.muxing-detail-content .img-wrap{flex:0 0 600px; min-width: 0}
.muxing-detail-content .info-wrap{flex-grow: 1; min-width: 0; padding:20px 25px}
.muxing-detail-content .info-wrap .title-wrap{margin-bottom: 30px;}
.muxing-detail-content .info-wrap .title-wrap .title{font-size:24px; }
.muxing-detail-content .info-wrap .meta>li{font-size: 16px;}
.muxing-detail-content .info-wrap .zixun{margin-top: 20px;}
.muxing-detail-content .info-wrap .zixun .txt{font-size: 17px; font-weight: 600}
.muxing-detail-content .info-wrap .zixun .btn-wrap .btn:nth-child(2){margin-left:0; display: none}
}
@media (min-width:1200px){		
.muxing-list-wrap .content-block{padding: 30px;}
.muxing-more-wrap{background-size: auto}
.muxing-more .title{font-size: 32px}
.muxing-list-ul{margin-left: -10px; margin-right: -10px}
.muxing-list-ul>li{padding-left: 10px; padding-right: 10px;}
.muxing-item>.img img{border-radius: 6px 6px 0 0 }	
.muxing-item>.txt{ padding-top:10px; padding-bottom: 12px; margin-top: 2px; border: 1px solid transparent; transition: background-color .2s ease-in-out, border-color .2s ease-in-out}
.muxing-item:hover>.txt{background-color: #f7fbf9; border-color: #c5ebdf}
.muxing-item>.txt .title{font-size: 20px;margin-bottom: 5px;}
.muxing-item>.txt .mx-price>span{font-size: 18px}
.muxing-item>.txt .mx-price>span::after{ font-size: 14px;}	
.muxing-item.small>.txt{ padding-top:6px; padding-bottom: 10px; margin-top: 2px; }
.muxing-item.small>.txt .title{font-size: 14px;font-weight: 500}
.muxing-item.small>.txt .mx-price>span{font-size: 16px}	
.muxing-tips-a{font-size: 22px; margin-bottom:20px;letter-spacing: 1px;}
.muxing-tips-a>.more{height: 40px; background-image: url("/static/images/icon-sdxm.png"); background-repeat: no-repeat; background-position: 100% 50%; min-width: 440px; line-height: 40px;}
.muxing-tips-a>.more span{font-weight: 500}
}