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

.cnav-main {
	width:25%;
	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;
}


.main {
	width:6.78rem;
	margin-left:auto;
	margin-right:auto;
}

.mc {
	width:6.78rem;
	height: 1.05rem;
	background: #FAFAFA;
	border-radius: .05rem;
	margin-top:.46rem;
}

.mc-input {
	width:98%;
	height:1.05rem;
	font-size: .3rem;
	font-weight: 400;
	color: #1D1D1D;
	border:none;
	outline:none;
	background-color:transparent;
	padding-left:.32rem;
}

.mc2 {
	width:6.78rem;
	height: 3.64rem;
	background: #FAFAFA;
	border-radius: .05rem; 
	margin-top:.46rem;
}


.mc2-textarea {
    width: 100%;
    height: 3rem;
    font-size: .3rem;
    color: #1D1D1D;
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: .05rem; 
	outline:none;
	padding-left:.32rem;
	padding-right:.32rem;
	padding-top:.32rem;
	padding-bottom:.32rem;
}


.fb-btn {
	width:100%;
	height:1rem;
	line-height:1rem;
	text-align:Center;
	background-color:#D96C56;
	font-size: .36rem;
	font-weight: 600;
	color: #FFFFFF;
	position:fixed;
	bottom:0;
	left:0;
	z-index:81;
}





input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #5B5B5B;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #5B5B5B;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #5B5B5B;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #5B5B5B;
}