body{
	font-size: .24rem;
}
.mask{
	background: rgba(0, 0, 0, 0.3);
}
.banner_contact{
	background: url(../../Images/Public/contact/banner.png) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 3.18rem;
	position: relative;
	padding: .4rem .8rem 0 2rem;
	color: #fff;
}
.banner_contact i{
	background: url(../../Images/Public/contact/wd_img_xcj.png) no-repeat;
	background-size: 100% 100%;
	width: 1.76rem;
	height: 1.64rem;
	position: absolute;
	top: .62rem;
	left: .18rem;
}
.banner_contact .hed_kefu{
	background: rgba(68, 193, 196, .6);
	width: 2.28rem;
	height: .64rem;
	line-height: .64rem;
	text-align: center;
	border-radius: 32px;
	font-size: .28rem;
	display: block;
	margin-top: .16rem;
}
.banner_contact .list_nav{
	display: flex;
	display: -webkit-flex;
	background: #fff;
	width: 6.86rem;
	height: 1.84rem;
	border-radius: 8px;
	position: absolute;
	left: .32rem;
	bottom: -.9rem;
	text-align: center;
	color: #333;
}
.banner_contact .list_nav a{
	flex: 1;
	-webkit-flex: 1;
	position: relative;
}
.banner_contact .list_nav img{
	width: .4rem;
	height: .4rem;
	margin-top: .48rem;
	margin-bottom: .06rem;
}
.banner_contact .list_nav em{
	width: .32rem;
	height: .32rem;
	line-height: .32rem;
	border-radius: 50%;
	overflow: hidden;
	background: #FE7467;
	position: absolute;
	right: .66rem;
	top: .2rem;
	color: #fff;
	font-size: .22rem;
}
.padd_box{
	padding: 1.08rem .32rem .6rem .32rem;
}
.list_help{
	width: 100%;
	background: #FFFFFF;
	border-radius: 8px;
	padding: .4rem 0;
}
.title_fix{
	font-size: .28rem;
	padding-left: .24rem;
	font-weight: bold;
}
.list_help a{
	display: block;
	float: left;
	color: #333;
	width: 25%;
	text-align: center;
	padding-top: .64rem;
}
.list_help img{
	width: .7rem;
	height: .7rem;
}
/**/
.hot_list{
	background: #fff;
	padding:.4rem 0.32rem 0.24rem 0.24rem;
	margin-top: .16rem;
	border-radius: 8px;
}
.hot_list .title_fix{
	padding-left: 0;
}
.hot_list ul li{
	overflow: hidden;
	position: relative;
	margin-top: 0.32rem;
	border-bottom: solid 1px #EEEEEE;
	padding-bottom: .3rem;
}
.hot_list ul li:last-child{
	padding-bottom: 0;
	border: none;
}
.hot_list .portr,
.hot_list .img_bot{
	width: 0.8rem;
	height: 0.8rem;
	float: left;
	border-radius: 50%;
	overflow: hidden;    
	margin-top: .1rem;
}
.hot_list .img_bot{
	width: .4rem;
	height: .4rem;
	margin-top: 0;
}
.hot_list .portr img{
	vertical-align: middle;
}
.hot_list .htext{
	float: left;
	width: 5.2rem;
	padding-left: 0.16rem;
	padding-bottom: 0.32rem;
}
.hot_list ul li:last-child .htext{
	border-bottom: none;
}
.hot_list .hed_sex h3{
	font-size: .28rem;
	padding-top: .06rem;
	padding-bottom: .11rem;
}
.hot_list .hed_sex p{
	color: #999;
}
.hot_list .con_text{
	font-size: 0.28rem;
	text-align: justify;
	width: 100%;
	overflow: hidden;
}
.hot_list .bom_her{
	background: #F7F7F7;
	padding: 0.24rem;
    border-radius: 8px;
	margin-top: 0.24rem;
}
.hot_list .name_bot{
	padding-left: 0.2rem;
	font-size: 0.24rem;
	color: #999;
	float: left;
	width: 5.3rem;
}
.hot_list .name_bot h4{
	font-size: 0.24rem;
	color: #666666;
	/* font-weight: normal; */
	padding-bottom: 0.05rem;
}
.hot_list .name_bot p{
	font-size: .28rem;
	color: #333;
	text-align: justify;
}
.hot_list .name_bot img{
	width: 0.24rem;
	height: 0.24rem;
	vertical-align: middle;
	margin-right: 0.1rem;
}
.btn_sex {
	text-align: center;
	display: flex;
	display: -webkit-flex;
}
.btn_sex p{
	padding: .3rem 0 0 0;
	flex: 1;
	-webkit-flex: 1;
	color: #999;
}
.btn_sex p.evtBtn.on{
	color: #01B2B6;
}
.btn_sex p em{
	color: #999;
}
.btn_sex p .icon_zan{
	background: url(../../Images/Index/icon_dz.png?=1) no-repeat;
	background-size: 100% 100%;
	width: .4rem;
	height: .4rem;
	vertical-align: middle;
	display: inline-block;
}
.btn_sex p.on i{
	background: url(../../Images/Index/dz.gif) no-repeat;
	background-size: 100% 100%;
	width: .4rem;
	height: .4rem;
	display: inline-block;
	vertical-align: middle;
}
.btn_sex p .icon_msg{
	background: url(../../Images/Index/syht_icon_msg.png?=1) no-repeat;
	background-size: 100% 100%;
	width: .4rem;
	height: .4rem;
	display: inline-block;
	vertical-align: middle;
}
.btn_sex p span,
.btn_sex p em{
	position: relative;
	left: -.1rem;
	top: -.05rem;
	background: #fff;
	z-index: 333;
}
.btn_sex p span{
	left: -.15rem;
}
.btn_age{
	text-align: center;
	padding-top: .3rem;
	color: #01B2B6;
	font-size: .28rem;
}
.btn_age i{
	background: url(../../Images/Public/contact/sy_icon_details.png) no-repeat;
	background-size: 100% 100%;
	width: .28rem;
	height: .28rem;
	display: inline-block;
	margin-left: .1rem;
	position: relative;
	top: .04rem;
}
.wenti{
	background: #FFFFFF;
	border-radius: 8px;
	padding: .4rem 0 0;
	margin-top: .16rem;
}
.wenti ul {
	margin-top: .24rem;
	padding: 0 .24rem;
}
.wenti ul li{
	border-top: solid 1px #EEEEEE;
}
.wenti ul li a{
	display: block;
	padding: .36rem 0;
	font-size: .28rem;
	color: #333;
}
.wenti ul li a i{
	background: url(../../Images/Public/contact/color.png) no-repeat;
	background-size: 100% 100%;
	width: .12rem;
	height: .2rem;
	display: inline-block;
	vertical-align: middle;
	float: right;
	margin-top: .1rem;
}

.phone_contact{
	background: #fff;
	z-index: 3;
	/* position: fixed; */
	left: 0;
	bottom: 0;
	width: 100%;
	height: .98rem;
	line-height: .98rem;
	text-align: center;
	color: #333333;
	font-size: .32rem;
}
.phone_contact i{
	background: url(../../Images/Public/contact/wd_icon_bz_d.png) no-repeat;
	background-size: 100% 100%;
	width: .4rem;
	height: .4rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: .1rem;
}
/**/
.fed_banner{
	background: url(../../Images/Public/contact/banner_yijian.png) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 2.56rem;
	text-align: center;
}
.fed_form{
	padding: .38rem .32rem;
}
.fed_form .title{
	color: #333;
	font-size: .28rem;
	font-weight: bold;
	padding-top: .5rem;
}
.fed_form .title:first-child{
	padding-top: 0;
}
.fed_form ul {
	overflow: hidden;
	padding-top: .3rem;
}
.fed_form ul li{
	width: 1.58rem;
	padding: 8px 0;
	background: #FFFFFF;
	border-radius: 12px;
	border: 1px solid #DDDDDD;
	float: left;
	margin-right: .16rem;
	margin-bottom: .16rem;
	text-align: center;
	font-size: .24rem;
}
.fed_form ul li:nth-child(4n+4){
	margin-right: 0;
}
.fed_form ul li.on{
	border: solid 1px #01B2B6;
	background: #01B2B6;
	color: #fff;
}
.con_tex{
	margin: .2rem 0;
	background: #F7F7F7;
	overflow: hidden;
	padding-bottom: .2rem;
    border-radius: 8px;
}
.con_tex textarea{
	font-size: .32rem;
	color: #666;
	width: 100%;
	height: 2rem;
	padding: .2rem;
}
#fileBox{
	margin-top:.4rem;
} 
#fileBox label{
	display:block;
	float:left;
	height:60px;
	width:60px;
	background:#fff url(../../Images/Master/opinion/tool_icon_add32x.png) no-repeat center;
	background-size: .19rem;
	margin-left: .2rem;
} 
#fileBox .file-btn{
	height:60px;
	width:60px;
	opacity:0;
} 
#fileBox .review-box{
	display:block;
	float:left;
	margin-left: .17rem;
} 
#fileBox .review-box img{
	height:60px;
	width:60px;
	margin:0 .1rem .2rem 0;
} 
#fileBox .prev-item{
	position:relative;display:inline-block;
} 
#fileBox .prev-item .closebtn {
	position: absolute;
	right: 7px; 
	top: -4px;
	display: block;
	height: 14px;
	width: 14px;
	color: #fff;
	font-size: 16px;
	line-height: 14px;
	text-align: center;
	background: #8E8E93;
	border-radius: 10px;
	z-index: 3;
}
.input_text{
	margin-top: .2rem;
	width: 100%;
	height: .88rem;
	background: #F7F7F7;
	border-radius: 8px;
	text-indent: 10px;
	font-size: .32rem;
}
.fen_btn{
	width: 100%;
	height: .88rem;
	line-height: .88rem;
	text-align: center;
	color: #fff !important;
	font-size: .32rem;
	background: #0FABAF;
	border-radius: 44px;
	font-weight: bold;
	display: block;
	margin-top: .5rem;
	opacity: .5;
}
.fen_btn.on{
	opacity: 1;
}
/**/
.reply_concter{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1001;
	width: 100%;
	height: 10rem;
	background: #fff;
    border-radius: 12px 12px 0px 0px;
	/* overflow: scroll; */
	padding-bottom: 1.6rem;
}
.reply_concter .hot_list{
	position: relative;
}
.reply_concter .rap_list .name_bot h4 span{
	display: none;
}
.icon_close{
	position: absolute;
	right: .24rem;
	top: 0;
	width: .8rem;
	height: .8rem;
	z-index: 1003;
	text-align: center;
}
.icon_close span{
	height:.24rem;
	width:.24rem;
	background:#fff url(../../Images/Public/contact/tool_icon_close.png) no-repeat center;
	background-size: 100% 100%;
	margin-top: .25rem;
}
.guan_lit{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
.yong_lit{
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.guan_lit,
.yong_lit{
	background: #F7F7F7;
}
.rap_title{
	padding-top: .35rem;
	color: #333333;
	font-size: .28rem;
	font-weight: bold;
	position: relative;
	text-indent: 10px;
}
.rap_title::after{
	content: "";
	position: absolute;
	left: 0;
	top: .41rem;
	width: .08rem;
	height: .28rem;
	background: #01B2B6;
}
.rap_list{
	padding: 0 .32rem;
}
.rap_list.hot_list .bom_her{
	margin-top: 0;
	padding-bottom: 0;
}
.rap_list .name_bot{
	width: 5.8rem;
	border-bottom: solid 1px #eee;
	padding-bottom: .3rem;
}
.yong_lit .bom_her:last-child .name_bot{
	border: none;
}
.rap_list .name_bot h4{
	padding-bottom: .16rem;
	padding-top: .02rem;
	color: #666;
}
.rap_list .name_bot h4 span{
	float: right;
	color: #999999;
}
.rap_list .name_bot h4 em{
	color: #999;
	padding: 0 .05rem;
}
.guan_lit .name_bot h4{
	color: #01B2B6;
}
.guan_lit .img_bot, .yong_lit .img_bot{
	margin-top: .01rem;
}
.rea_int{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9001;
	width: 100%;
	height: 1rem;
	background: #fff;
	display: flex;
	border-top: solid 1px #EEEEEE;
}
.guan_lit{
	margin-top: .2rem;
}
.rea_int img{
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	float: left;
	margin-left: .32rem;
	margin-top: .1rem;
}
.rea_int p{
	flex: 1;
	height: .8rem;
	line-height: .8rem;
	margin-top: .1rem;
	background: #F7F7F7;
	border-radius: 20px;
	float: left;
	margin-left: .24rem;
	margin-right: .24rem;
}
.rea_int p i{
	background: url(../../Images/Public/contact/sy_icon_edit.png) no-repeat;
	background-size: 100% 100%;
	width: .28rem;
	height: .28rem;
	vertical-align: middle;
	display: inline-block;
	margin-left: .2rem;
	margin-right: .1rem;
}
.rea_int p input{
	width: 78%;
	display: inline-block;
	height: 100%;
	font-size: .28rem;
}
.rea_int a{
	width: .8rem;
	height: .8rem;
	line-height: .8rem;
	float: right;
	color: #01B2B6;
	margin-top: .1rem;
	font-size: .28rem;
	display: block;
}
.btn_fankui{
	position: fixed;
	bottom: .1rem;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 998;
}
.btn_fankui a{
	width: 4.4rem;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	background: #01B2B6;
	border-radius: 22px;
	font-size: .32rem;
	color: #fff;
	display: inline-block;
}
.reply_no{
	text-align: center;
	padding-top: 2rem;
	color: #999999;
	font-size: .28rem;
}
.reply_no i{
	background: url(../../Images/Public/contact/sy_icon_com_default.png) no-repeat;
	background-size: 100% 100%;
	width: .72rem;
	height: .72rem;
	display: inline-block;
	margin-bottom: .1rem;
}
/**************************/
.record_no{
	text-align: center;
	color: #666666;
	font-size: .28rem;
}
.record_no img{
	width: 2.42rem;
	height: 2.4rem;
	margin-top: 2.4rem;
}
.record_list{
	height: 100%;
}
.record_list ul{
	background: #fff;
}
.record_list ul li{
	position: relative;
	color: #999999;
	padding: .2rem .32rem;
	overflow: hidden;
	font-size: .24rem;
}
.record_list ul li::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: .32rem;
	height: 1px;
	width: 6.86rem;
	background: #EEEEEE;
}
.record_list ul li:last-child::after{
	height: 0;
}
.record_list ul li a{
	display: block;
}
.record_list ul li h3{
	font-size: .32rem;
	color: #404040;
	font-weight: normal;
	width: 80%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.record_list ul li span{
	font-size: .28rem;
	position: absolute;
	right: .32rem;
	top: .25rem;
}
.record_list ul li.str_chuli{
	background: #F7F7F7;
}
.record_list ul li .c_record_3{
	color: #01B2B6;
}
.record_list ul li .c_record_1 {
	color: #FEA967;
}
/*******************************/
.quetioDeta{
	padding: .2rem .32rem;
}
.quetioDeta .title_help{
	color: #333;
	font-size: .32rem;
}
.quetioDeta .span_text{
	font-size: .24rem;
	color: #999;
}
.quetioDeta p{
	font-size: .28rem;
	/* color: #333; */
	padding-top: .2rem;
}
.quetioFoter{
	text-align: center;
	display: flex;
	display: -webkit-flex;
	padding: .6rem .82rem 0 .82rem;
	margin-bottom: .4rem;
}
.quetioFoter a{
	display: inline-block;
	width: 2.7rem;
	height: .88rem;
	line-height: .88rem;
	background: #FFFFFF;
	color: #666666;
	font-size: .32rem;
	border-radius: 22px;
	border: 1px solid #EEEEEE;
	flex: 1;
	-webkit-flex: 1;
	margin-right: .4rem;
}
.quetioFoter a:last-child{
	margin-right: 0;
}
.quetioFoter a i{
	width: .32rem;
	height: .32rem;
	background: url(../../Images/Public/contact/wd_icon_dz1.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	margin-right: .12rem;
	position: relative;
	top: .03rem;
}
.quetioFoter a:last-child i{
	background: url(../../Images/Public/contact/wd_icon_dz2.png) no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	top: 0;
}
.quetioFoter a.on{
	border: solid 1px #01B2B6;
	color: #01B2B6;
}
.quetioFoter a.btn_jue.on i{
	background: url(../../Images/Public/contact/wd_icon_dz1_1.png) no-repeat;
	background-size: 100% 100%;
}
.quetioFoter a.btn_wei.on i{
	background: url(../../Images/Public/contact/wd_icon_dz2_2.png) no-repeat;
	background-size: 100% 100%;
}
/**/
.kefu .con{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1001;
	transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	width: 6.4rem;
	background: #FFFFFF;
	border-radius: 12px;
	text-align: center;
	color: #333333;
	font-size: .32rem;
	padding-bottom: .4rem;
}
.kefu .con .title{
	padding: .25rem 0;
	background: #F7F7F7;
	border-radius: 8px 8px 0px 0px;
	font-weight: bold;
}
.kefu .con img{
	width: 2.8rem;
	height: 2.8rem;
	margin-top: .6rem;
}
.kefu .con p{
	padding-top: .1rem;
	padding-bottom: .2rem;
	font-weight: bold;
}
.kefu .con p i{
	background: url(../../Images/Member/card/sy_icon_cop.png) no-repeat;
	background-size: 100% 100%;
	width:  .28rem;
	height: .28rem;
	display: inline-block;
	position: relative;
	top: .03rem;
	margin-left: .1rem;
}
.kefu .con span{
	color: #999999;
	font-size: .28rem;
	padding: 0 1rem;
}
.kefu .con a{
	margin-top: .6rem;
	display: inline-block;
	width: 5.6rem;
	height: .88rem;
	line-height: .88rem;
	background: #FFFFFF;
	border-radius: 44px;
	border: 1px solid #DDDDDD;
	color: #666666;
}
/**/
.button_down{
	text-align: center;
	padding: .3rem 0;
	color: #999;
	font-size: 0.26rem;
	position: relative;
	background: #F7F7F7;
}
.button_down::after,
.button_down::before{
	content: "";
	width: 10%;
	height: 1px;
	background: #ddd;
	position: absolute;
	top: .45rem;
}
.button_down::after{
	left: 22%;
}
.button_down::before{
	right: 22%;
}
.multiselect{
	height: 60px;
	width: 60px;
	margin: 0 .1rem .2rem 0;
	float: left;
	overflow: hidden;
	position: relative;
}
.multiselect img{
	height: 60px;
	width: 60px;
}
.multiselect i{
	position: absolute;
	right: -.12rem;
	top: -.12rem;
	background:#fff url(../../Images/Index/toollist/tool_icon_close12x.png) no-repeat;
	background-size: 100% 100%;
	width: .32rem;
	height: .32rem;
	border-radius: 50%;
}
.file-box label{
	display:block;
	float:left;
	height:60px;
	width:60px;
	line-height: 60px;
	text-align: center;
	background:#fff;
	margin-left: .2rem;
	border-radius: 8px;
}
.file-box label i{
	background:  url(../../Images/Master/opinion/tool_icon_add32x.png) no-repeat;
	background-size: 100% 100%;
	width: .24rem;
	height: .24rem;
	display: inline-block;
}
.upl_num{
	position: absolute;
	left: 0;
	bottom: -.4rem;
	font-size: .2rem;
	color: #bbb;
	text-align: center;
	width: 100%;
}

.reply .rap_list.hot_list{
	height: 7.6rem;
	overflow: scroll;
}
.footer_de_mask{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 9000;
	display: none;
}
.app_comments_hed{
	color: #333333;
	font-size: .32rem;
	font-weight: bold;
	text-align: center;
	height: 1rem;
	line-height: 1rem;
	border-bottom: solid 1px #EEEEEE;
}

.reply_concter .yong_lit {
	border-radius: 8px;
}