body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
header{
	border-radius: 0;border: none;background: #fff;height:70px; box-shadow: 0px 0px 7px 0px rgba(12, 3, 6, 0.1);;
}
.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
	content: "";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}
.clearfix{
	*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.txt-center{
	text-align: center;
	width: 60%;
	margin: 0 auto;
}
.flex-wrap{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.flex-wrap-between{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex-wrap-around{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-around;
}
.flex-column-around{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}
.flex-column-centerH{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.flex-wrap-column-center{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.flex-row-start{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.flex-wrap-center{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}


.pop-box,.pop-box-hall{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.6);
	z-index: 99;
}
.popup-content{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 300px;
	padding: 20px;
	background-color: #fff ;
	text-align: center;
}

.close{
	position: absolute;
	top: -20px;
	right: -20px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;

}
.wx-icon img{
	width: 100%;
}
.txt-center img{
	width: 100%;
}
.wx-img{
	position: relative;
}
.wx-tip{
	font-size: 16px;
	color: #666;
}
.navbar-nav{
    margin-left: 150px;
	padding-top: 10px;
}
.dropdown-menu>li>a {
    padding: 10px 20px;
    font-size: 16px;
}
.wx-box-pc{
	display: block;
}
.wx-box-wap{
	display: none;
}
.wx-icon{
	position:fixed;
	right:30px;
	top:200px;
	width:80px;
	height:60px;
	z-index: 99;
	text-align: center;
}
.wx-icon img{
	width:60px;
	height:60px;
	animation: wx 2s infinite ;
}
.wx-icon .kf-txt{
	font-size: 14px;
	font-weight: bold;
	color: #50B674;
	text-align: center;
}
.b-wx-img{
	display: none;
	position:fixed;
	right:80px;
	top:100px;
	width:326px;
	height:436px;
	background: url(../../images/wx-img.png) no-repeat;
	background-size: 100% 100%;
	z-index: 999;
}
.wxImg{
	position: absolute;
    bottom: 85px;
    left: 53px;
    width: 220px;
    height: 220px;
}
.wx-wap-box{
	width: 310px;
	height: 427px;
	margin: 0 auto;
	background:url(../../images/wchat_kefu1.png);
	background-size: 100% 100%;
}
.pop-wx-img{
	position: absolute;
	left: 50%;
	bottom: 20px;
	width: 170px;
	height: 170px;
	transform: translateX(-50%);
}

.close-img{
	margin-top: 20px;
	width: 40px;
	height: 40px;
}
.modal-dialog{
	text-align: center;
}
.work-info{
	width: 280px;
	position: absolute;
	top: 110px;
	left: 16px;
	text-align: left;
}
.work-wx{
	width: 280px;
	position: absolute;
	top: 136px;
	left: 16px;
	text-align: left;
}
.copy-wx{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 280px;
	height: 40px;
	position: absolute;
	top: 175px;
	left: 16px;
	border: 2px solid #50b674;
	border-radius: 3px;
}
#contWx{
	width: 60%;
	text-align: center;
	height: 38px;
	line-height: 38px;
	background: #f1f1f1;
	border:none;
}
.copytext{
	width: 41%;
	background: #50b674;
	text-align: center;
	height: 38px;
	line-height: 38px;
	color: #fff;
	border:none;
	cursor:pointer;
}
.wx-tip-pop{
	width: 300px;
}
.close-btn{
	width: 80%;
    height: 30px;
    border: none;
    background: #fff;
}
.pop-content{
	padding: 20px;
    height: 80px;
    display: flex;
    align-items: center;
}
.modal-bottom{
	border-top: 1px solid #efefef;
    padding: 10px;
}
.modal-dialog {
    position: absolute !important;
    top:50% !important;
    left:47.5% !important;
    transform:translate(-50%,-50%) !important;
    -webkit-transform:translate(-50%,-50%) !important;
    -moz-transform:translate(-50%,-50%) !important;
    -ms-transform:translate(-50%,-50%) !important;
    -o-transform:translate(-50%,-50%) !important;
}
.com1 {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

.header{
	border-radius: none;
	border: none;
	background: #fff;
}
.logo{
	display: block;
	margin-top: 10px;
    margin-left: 10px;
	height: 50px;
	line-height: 50px;
}
.logo img{
	width: 120px;
	height: 50px;
}

.open>.news-cate {
	display: flex !important;
	flex-wrap: wrap;
}

.open>.news-cate li {
	width: 100px;
}


.creat-container{
	position: fixed;
	z-index: 999;
	left: 50%;
	top: 50%;
	transform: translate(-50% , -50%);
	width: 920px;
	/* display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center; */
	display: none;
}
.creat-container iframe{
	width: 100%;
	height: 540px;
	border: 0;
}
.creat-container img{
	margin-left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 40px;
}


.create-hall-pop{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url(https://www.xinjidian.com/static/images/creat2.jpg) no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	width: 920px;
	height: 540px;
	box-shadow: 0 0 30px #333;
	border-radius: 10px;
	justify-content: flex-end;
	z-index:999;
}
.create-hall-pop.d_flex{
	 display: flex;
}
.pop-input-box{
	width: 460px;
	padding: 30px 50px;
	box-sizing: border-box;
	position: relative;
	background: url(/static/images/create1.jpg) no-repeat;
}
.create-pop-title{
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 30px;
}
.hall-pop-int{
	flex: 1;
	width: 100%;
	height: 40px;
	padding: 0 15px;
	box-sizing: border-box;
	font-size: 16px;
	background-color: #f4f4f4;
	border-radius: 5px;
	border: solid 1px #dcdfe6;
	margin-bottom: 20px;
}
.code-box{display:flex;}
#page-code,#a-page-code{
	flex: 1;
	margin-right: 10px;
}
.page-code-btn,.a-page-code-btn{
	display: inline-block;
	height: 45px;
	line-height: 45px;
	text-align: center;
	margin-left: 10px;
	flex: 1;
	width: 100%;
	color: #d53427;
	border-radius: 5px;
	border: solid 1px #d53427;
	font-size: 16px;
	cursor: pointer;
}

.a-page-code-btn{
	background-color: transparent;
	margin-left: 0;
	padding: 0 10px;
}
.create-btn,.a-create-btn{
	width: 100%;
	height: 50px;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	background-image: linear-gradient(to right, #ED733E ,#D02A28);
	border-radius: 5px;
	cursor: pointer;
	font-size: 24px;

}
.close-create-pop{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
}

.creat-hall-success{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 460px;
	padding: 30px 40px;
	background: #fff;
	z-index:999;
	box-shadow: 0 0 12px #999;
	border-radius: 10px;
	text-align:center;
}
.suc-img{
	width:250px;
	height: 250px;
	margin-bottom:20px
}
.success-tip,.desc{
	font-size: 18px;
	text-align: left;
	margin-bottom: 30px;
	line-height: 1.5;
}
.sc-txt,.user-phone{
	font-weight: bold;
	color: #0c80fe;
	padding: 0 5px;
}
.nav-item{
	display: none;
}
.wap-box-block{
	display: none;
}


@media (max-width: 1200px){
	.navbar-nav{
		margin-left: 50px;
	}
}
@media screen and (min-width: 960px){

	.navbar-default  .create-hall a {
		background:#6587e6 !important;
		color: #fff !important;
		border-radius: 50px;
		padding: 10px 20px;
		font-size: 18px;
	}
	.navbar-default  .hall a{
		background: #f5f6ff!important;
		color: #6587e6!important;
		border-radius: 50px;
		padding: 10px 20px ;
		font-size: 18px;
	}

	.open>.news-cate {
		width: 500px;
	}

	.open>.news-cate li {
		width: 150px;
	}
}
@media screen and (max-width: 960px){
	.create-hall-pop{
		display: flex;
		position: fixed;
		left: 0;
		top: auto;
		transform: translate(0,110%);
		bottom: 0;
		width:100%;
		height: 4.2rem;
		background: url(https://www.xinjidian.com/static/images/creat1.jpg) no-repeat;
		background-size: 100% 100%;
		animation: all 0.8s linear ;
		border-radius: 10px 10px 0 0;
		box-shadow: 0 0 5px #333;
	}
	.create-hall-pop.active{
		transform: translate(0,0);
	}

	.pop-input-box{
		width:100%;
		padding:0.2rem;
	}
	.create-pop-title{
		font-size: 0.24rem;
		font-weight: bold;
		text-align: center;
		padding-bottom: 0.15rem;
		color:#000;
	}
	.hall-pop-int{
		width: 100%;
		height: 0.45rem;
		padding: 0 0.1rem;
		box-sizing: border-box;
		font-size: 0.16rem;
		margin-bottom: 0.2rem;
	}
	#page-code, body .x-pop-form .code-input{
		width: 1.5rem;
	}
	.page-code-btn{
		height: 0.45rem;
		line-height: 0.45rem;
		margin-left: 0.1rem;
		font-size: 0.16rem;
	}
	.create-btn{
		height: 0.45rem;
		font-size: 0.2rem;
	}

	.creat-hall-success{
		width: 3.4rem;
		padding: 0.3rem;
		text-align:center;
	}

	.success-tip,.desc{
		font-size: 0.16rem;
		text-align: left;
		margin-bottom: 0.2rem;
		line-height: 1.5;
	}
	.sc-txt,.user-phone{
		font-size: 0.16rem;
		font-weight: bold;
		color: #0c80fe;
		padding: 0 5px;
	}

	.suc-img{
		width:2rem;
		height: 2rem;
		margin-bottom:0.2rem;
	}
	.copyright{
		display: block;
		color: #444444;
	}
	.navbar-nav{
		margin-left: 0px;
	}
	.navbar-default  .create-hall a {
		background:#6587e6 !important;
		color: #fff !important;
		border-radius: 50px;
		padding: 5px 10px;
		font-size: 15px!important;
	}
	.navbar-default  .hall a{
		background: #f5f6ff!important;
		color: #6587e6!important;
		border-radius: 50px;
		padding: 5px 10px ;
		box-sizing: border-box;
		font-size: 15px!important;
	}
	
	.creat-container{
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50% , -50%);
		width: 3.5rem;
		height: 4.4rem;
	}
	
	.creat-container iframe{
		width: 100%;
		height: 4rem;
		border: 0;
	}
	.creat-container img{
		width: 0.3rem;
		height: 0.3rem;
	}


}
@media (min-width: 768px){

	.navbar-nav>li {
		float: left;
		height: 70px;
		/*line-height: 70px;*/
	}
	.navbar-default .navbar-nav a {
		color: #777;
		display: inline-block;
		font-size: 20px;
	}
	.hall{
		margin-right: 10px;
	}
	.navbar-nav-right {
		float: right;
	}

}
@media (max-width: 767px){
	.logo img {
		width: 1rem;
		height: 0.42rem;
	}
	.navbar-nav{
		margin-left: 0px;
		width: 100%;
	}
	.nav>li {
		border-bottom: 1px solid #eaeaea;
	}
	.navbar-nav-right{
		display: flex;
		justify-content: space-between;
	}
	.navbar-nav .hall,.navbar-default .create-hall{
		margin-bottom: 0.1rem;
		border-bottom: none;
	}
	.navbar-collapse{
		background: rgb(255, 255, 255);
		position: relative;
		z-index: 999;
	}
	.wx-box-pc{
		display: none;
	}
	.wx-box-wap{
		display: block;
	}
	.navbar-default .hall a,.navbar-default .create-hall a{
		width: 150px;
		text-align: center;
		line-height: 30px;
		font-size: 14px!important

	}
	.nav-item{
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		border: none;
		color: #fff;
		width: 0.8rem;
		height: 0.3rem;
		border-radius: 4px;
		text-align: center;
		line-height: 0.3rem;
	}

	#created{
		left: 39%;
		background:-moz-linear-gradient(right,#12BA91,#3C9BFF);
		background:-ms-linear-gradient(right,#12BA91,#3C9BFF);
		background:-o-linear-gradient(right,#12BA91,#3C9BFF);
		background:-webkit-linear-gradient(right,#12BA91,#3C9BFF);
	}
	#down-app{
		left: 63%;
		background:-moz-linear-gradient(right,#E92621,#FEA610);
		background:-ms-linear-gradient(right,#E92621,#FEA610);
		background:-o-linear-gradient(right,#E92621,#FEA610);
		background:-webkit-linear-gradient(right,#E92621,#FEA610);
	}
	.wap-bottom{
		text-align: center;
	}
	.wap-bottom img{
		width: 1.8rem;
	}
	.navbar.navbar-default{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background:-moz-linear-gradient(top,#FFFFFF,#F5F5F5);
		background:-ms-linear-gradient(top,#FFFFFF,#F5F5F5);
		background:-o-linear-gradient(top,#FFFFFF,#F5F5F5);
		background:-webkit-linear-gradient(top,#FFFFFF,#F5F5F5);
		z-index: 99;
		box-shadow: 0 0 20px #bbb;
		padding: 0 0.05rem;
	}
	.x-plac-box{
		width: 100%;
		height: 70px;
	}
	.b-created-box{
		width: 1.5rem;
		padding: 0.1rem;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0.4rem auto 0.2rem auto;
		background-color: rgb(240 244 247);
	}
	.b-created-box img{
		width: 100%;
	}
	.b-created-box p{
		margin-top: 0.05rem;
		font-size: 0.16rem;
		letter-spacing: 0.2em;
		color: #444444;
	}
	.link-item{
		margin-top: 0.3rem;
		display: flex;
		justify-content: space-around;
	}
	.link-item li a{
		color: #888888;
		font-size: 0.16rem;
	}
	.wap-box-block{
		display: block;
	}
}

@keyframes wx {
	40% {
		transform:rotate(0deg)
	}
	50% {
		transform:rotate(-20deg)
	}
	60% {
		transform:rotate(20deg)
	}
	70% {
		transform:rotate(-20deg)
	}
	80% {
		transform:rotate(20deg)
	}
	90% {
		transform:rotate(-20deg)
	}
	100% {
		transform:rotate(0deg)
	}
}
.d_flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.j_c{justify-content: center;}
.j_b{justify-content: space-between;}
.a_c{align-items: center}
.flex{flex:1;}
.limit_width{
	width: 100%;
	height: auto;
}
.limit_height{
	width: 100%;
	height: 100%;
}

.navbar-toggle{
	border: none;
	margin-right: 0;
	margin-top: 12px;
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 5px;
}
.navbar-toggle .icon-bar {
	width: 30px;
	height: 5px;
	border-radius: 4px;
}

.breadcrumb{
	margin-bottom:0;
}
.mt70{
	margin-top: 70px;
}



.main-content{
	padding: 0.7rem 0.15rem 0 ;
}
.list-head{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 0.2rem;

}
.list-title{
	display: flex;
	align-items: center;
	font-weight: bold;
	font-size: 0.24rem;
	font-family: "SimSun";
	z-index: 2;
	color: #000000;
}
.list-title h1{
	font-weight: bold;
	position: relative;
	z-index: 3;
}

.list-title .title-icon{
	position: relative;
	top: -0.05rem;
	left: -0.1rem;
}

.part a{
	display: inline-block;
	margin-left: 0.1rem;
	width: 0.6rem;
	height: 0.3rem;
	text-align: center;
	line-height: 0.28rem;
	background-color: #f3f3f3;
	border: 1px solid #eaeaea;
	color: #333333;
	border-radius: 0.05rem;
}
.part a.active{
	background-color: #cd3c39;
	border: 1px solid #cd3c39;
	color: #FFFFFF;
}
.hall-list{
	padding: 0.15rem 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.hall-item{
	width: 48%;
	margin-bottom: 0.15rem;
	box-shadow: 0 0 4px #bbbbbb;
	border-radius: 0.06rem;
	overflow: hidden;
}
.single-block-top.img-box{
	width: 100%;
	height: 1.8rem;
	position: relative;
	overflow: hidden;
}
.single-block-bottom{
	padding:0.06rem 0.1rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.single-block-bottom .hall_title{
	font-size: 0.18rem;
	font-weight: bold;
	color: #000;
	margin-bottom: 0.06rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.single-block-bottom p{
	font-size: 0.1rem;
	color: #999999;
	padding-top: 0.04rem;
}
.single-block-bottom p span{
	font-size: 0.15rem;
	font-weight: bold;
	color: #cd3c39;
}
.com2{
	text-align: center;
}
.com2 .pagination{
	margin: 0 auto 0.2rem auto;
}
.crumbs {
	background-color: #E2E2E2;
	padding: 0.15rem;
}
.fb_name{
	line-height: 40px;
}
/*讣告列表*/
.con-box2{
	background-color: #fff;
	padding: 40px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.con-box2 .title{
	position: relative;
	font-size: 24px;
	padding-bottom: 20px;
}
.con-box2 .title span{
	position: relative;
	z-index: 2;
}
.con-box2 .title .tit-icon{
	position: absolute;
	top: 0px;
	transform: translateX(-15px);
	width: 20px;
	height: 20px;
}
.con-box2 .jp-list{
	flex-wrap: wrap;
	justify-content: space-between;
}
.con-box2 .jp-list .jp-item{
	width: 415px;
	padding: 20px;
	background-color: #ffffff;
	box-shadow: 0px 10px 15px 0px rgba(3, 0, 0, 0.03);
	border-radius: 5px;
	border: solid 2px #dadada;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.con-box2 .jp-list .jp-item .d-ava{
	width: 100px;
	height: 125px;
	margin-right: 20px;
	overflow: hidden;
	position: relative;
}

.con-box2 .jp-list .jp-item .intro{
	height: 125px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.con-box2 .jp-list .jp-item .intro h3{
	font-size: 14px;
}
.con-box2 .jp-list .jp-item .intro p{
	font-size: 12px;
	color: #888888;
}
.con-box2 .jp-list .jp-item .intro p span{
	color: #700000;
	font-weight: bold;
	font-size: 20px;
}
.fg-con-btn{
	justify-content: center;
	font-size: 14px;
	color: #FFFFFF;
	cursor: pointer;
	width: 106px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-image: linear-gradient(-90deg,
	#d02a28 0%,
	#ed733e 100%),
	linear-gradient(
			#b18017,
			#b18017);
	background-blend-mode: normal,
	normal;
	border-radius: 18px;
}