.cnav {
	width:100%;
	height:.8rem;
	background: #F3F3F3;
}

.cnav-main {
	width:33%;
	float:left;
	height:.8rem;
	line-height:.8rem;
	position:relative;
	text-align:Center;
}

.cnav-main-span {
	font-size: .3rem;
	font-weight: 400;
	color: #5B5B5B;
}

.cm-active {
	background: linear-gradient(180deg, #E5E5E5 0%, #FFFFFF 100%);
}
.cm-active  .cnav-main-span {
	font-size: .32rem;
	font-weight: 600;
	color: #1D1D1D;
}

.cm-active-hr {
	width: .4rem;
	height: .06rem;
	background: #D96C56;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-.2rem;
	z-index:1;
}


.title {
	width:6.78rem;
	margin-left:auto;
	margin-right:auto;
	margin-top:.62rem;
	font-size: .36rem;
	font-weight: 600;
	color: #1D1D1D;
}


.content {
	width:6.78rem;
	margin-left:auto;
	margin-right:auto;
	margin-top:.4rem;
	font-size: .28rem;
	color: #1D1D1D;
	line-height: .4rem;
}

.code {
	width:6rem;
	margin-top:.56rem;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.code-title-p {
	font-size: .28rem;
	font-weight: 600;
	color: #5B5B5B;
}

.code-img {
	width:2.08rem;
	height:auto;
	margin-top:.45rem;
}

.code-p {
	font-size: .28rem;
	font-weight: 600;
	color: #5B5B5B;
	margin-top:.3rem;
}





.modal-backdrop {
	filter: alpha(opacity=80)!important;
	opacity: 0.8!important;
}

.codetc-main {
	width:4.74rem;
	height:6.2rem;
	position:Absolute;
	top:50%;
	left:50%;
	margin-top:-3.1rem;
	margin-left:-2.37rem;
	z-index:8;
}

.codetc-main-img {
	width:100%;
	height:auto;
}

.codetc-main-title {
	width:3.94rem;
	margin-top:.45rem;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	font-size: .28rem;
	font-weight: 600;
	color: #C1C1C1;
	line-height: .4rem;
}





.icon {
	width:100%;
	background: #FFFFFF;
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.11);
	position:fixed;
	bottom:0;
	left:0;
	z-index:81;
}

.icon-main {
	width:25%;
	text-align:center;
	float:left;
}

.icon-main-img {
	width:.44rem;
	height:.44rem;
}

.icon-main-p {
	font-size: .2rem;
	font-weight: 400;
	color: #5B5B5B;
	margin-top:.28rem;
}