@charset "utf-8";

body{
	width:100%;
	max-width:750px;
	margin:0 auto;
	background:#fff;
}
.tabBox .hd {
	width:100%;
	height:auto; 
	font-size: .28rem;
	background: #f5f6f8; 
	overflow:hidden;
}
.tabBox .hd li {
	float: left;
	width:33.33%;
	color: #666;
	padding:.2rem 0;
}
.tabBox .hd ul li a{
	display:block;	
	height:1rem;
	text-align:center;
}
.tabBox .hd ul li i{
	width:100%;
	height:.54rem;
	display: block;
}
.tabBox .hd ul li span{
	display:block;
	text-align:center;
	font-size:.28rem;
	line-height:.36rem;
	height:.36rem;
	white-space:nowrap;
	color:#666;
	padding-top:.1rem;
}
.tabBox .hd ul li .orders i{
	background:url(../images/whdd_icon_01.png) center no-repeat;
	-o-background-size:.54rem .54rem;
	-o-background-size:.54rem .54rem;
	-moz-background-size:.54rem .54rem;
	-webkit-background-size:.54rem .54rem;
	background-size:.54rem .54rem;
}
.tabBox .hd ul li .reply i{
	background:url(../images/whdd_icon_02.png) center no-repeat;
	-o-background-size:.54rem .54rem;
	-o-background-size:.54rem .54rem;
	-moz-background-size:.54rem .54rem;
	-webkit-background-size:.54rem .54rem;
	background-size:.54rem .54rem;
}
.tabBox .hd ul li .myindex i{
	background:url(../images/whdd_icon_03.png) center no-repeat;
	-o-background-size:.54rem .54rem;
	-o-background-size:.54rem .54rem;
	-moz-background-size:.54rem .54rem;
	-webkit-background-size:.54rem .54rem;
	background-size:.54rem .54rem;
}
.tabBox .hd ul li.on span{
	color:#0099ff;
}
.tabBox .hd ul li.on .orders i{
	background:url(../images/whdd_icon_01a.png) center no-repeat;
	-o-background-size:.54rem .54rem;
	-o-background-size:.54rem .54rem;
	-moz-background-size:.54rem .54rem;
	-webkit-background-size:.54rem .54rem;
	background-size:.54rem .54rem;
}
.tabBox .hd ul li.on .reply i{
	background:url(../images/whdd_icon_02a.png) center no-repeat;
	-o-background-size:.54rem .54rem;
	-o-background-size:.54rem .54rem;
	-moz-background-size:.54rem .54rem;
	-webkit-background-size:.54rem .54rem;
	background-size:.54rem .54rem;
}
.tabBox .hd ul li.on .myindex i{
	background:url(../images/whdd_icon_03a.png) center no-repeat;
	-o-background-size:.54rem .54rem;
	-o-background-size:.54rem .54rem;
	-moz-background-size:.54rem .54rem;
	-webkit-background-size:.54rem .54rem;
	background-size:.54rem .54rem;
}
 
.tabBox .bd li img{
	width:100%;
	display:block;
}
.tabBox .bd li a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}  /* 去掉链接触摸高亮 */

/*orders*/
.orderul{ 
	overflow:hidden;
}
.orderul li{ 
	position:relative;
	padding-right:.3rem;
	margin-left:.3rem;
	border-bottom: 1px solid #ebebeb;
}
.orderul li.noborder{
	border-bottom: 0 none;
}
.orderul li label{
	display:block;
	width:auto;
	height:.9rem;
	line-height:.9rem;
	font-size:.3rem;
	color:#333;
	position:absolute;
	left:0;
	top:0;
}
.orderul li label em{
	font-style:normal;
	padding-right:.06rem;
	font-size:.3rem;
	color:#f00;
}
.orderul .frcon{
	display:block;
	padding:0 0 0 1.35rem;
	overflow:hidden;
}
.orderul .frcon a{
	display:block;
	float:left;
	width:18%;
	height:.56rem;
	margin:.17rem 1%;
	line-height:.54rem;
	text-align:center;
	border:1px solid #ebebeb;
	font-size:.3rem;
	color:#666; 
	-moz-border-radius:.08rem;
	-webkit-border-radius:.08rem;
	border-radius:.08rem;
	cursor: pointer;
}
.orderul .frcon a.selected{
	border:1px solid #0099ff;
	color:#0099ff;
}
.orderul .frcon input{
	width:100%;
	height:.9rem;
	line-height: .9rem;
	border:0 none;
	background:none;
	color:#333;
	font-size: .3rem;
}
.orderul .suggest{
	margin-top:.8rem;
	margin-bottom: .1rem;
	line-height: .46rem;
	height: 1.38rem;
	overflow:hidden;
	overflow-y: auto;
	border:0 none;
	width:100%; 
	font-size: .3rem;
	resize: none;
}
.orderul .graybg{
	width:100%;
	height:0; 
	border-bottom: .16rem solid #f5f6f8;
}
.orderul .redcolor{
	padding:.2rem .3rem 0;
	font-size:.24rem;
	color:#f00;
	line-height: .4rem;
}
.orderul .banners{
	width:100%;
	height:auto;
	overflow:hidden;
}
.orderul .banners img{
	width:100%;
	height:auto;
	display:block;
}
.orderul h3{
	font-size:.3rem;
	font-weight: normal;
	padding-top:.17rem;
	line-height: .56rem;
	text-align: center;
}
.orderul .submitdiv{
	padding:.6rem.3rem 0;
	overflow:hidden;
}
.orderul .submitdiv .submitbtn{
	width:100%;
	height:.88rem;
	line-height:.86rem;
	text-align: center;
	background:#0099ff;
	color:#fff;
	font-size: .36rem;
	-moz-border-radius:.1rem;
	-webkit-border-radius:.1rem;
	border-radius:.1rem;
	border:0 none;
}
/*答复中心*/
.replyul{
	overflow:hidden;
}
.replyul li{
	padding:.2rem .3rem;
	border-bottom:.16rem solid #f5f6f8;
}
.replyul li:last-of-type{
	border-bottom:0 none;
}
.replyul li .time{
	height:.38rem;
	line-height: .38rem;
	margin-top: .14rem;
}
.replyul li .time em{
	font-style: normal;
	padding:0 .15rem;
	display:block;
	float:left;
	border:1px solid #0099ff;
	color:#0099ff;
	text-align: center;
	height:.38rem;
	line-height: .36rem;
	font-size: .26rem;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.replyul li .time span{
	display:block;
	float:right;
	color:#999;
	font-size: .26rem;
}
.replyul li .message_p{
	font-size: .3rem;
	color:#333;
	line-height: .46rem;
	padding-top: .2rem;
	margin-bottom:.2rem;
}
.replyul li .message_p strong{
	font-weight: bold;
}
.replyul li .replydiv{
	width:100%;
	padding:.2rem .1rem .2rem .2rem;
	background:#f5f6f8;
	overflow:hidden;
	line-height: .46rem;
	min-height:1.32rem; 
	color:#0099ff;
	text-align: left;
	overflow:hidden;
	-moz-border-radius:.08rem;
	-webkit-border-radius:.08rem;
	border-radius:.08rem; 
}
.replyul li p{
	line-height: .46rem; 
}
.replyul li .reply_default{ 
	line-height: .46rem;
	height:1.32rem; 
	padding:.43rem .2rem;
	text-align: center;
	color:#f00;
}
.replyul li .replydiv strong{
	font-weight: bold;
}
/*我的主页*/ 
.tabBox .bd ul{
	min-height:100%; 
}
.selectdiv{
	clear: both;
	min-height: 100%;
}
.selectnav{
	width:100%; 
	position:relative;
	height:.8rem;
} 
.selectnav .nLi{ 
	width:33.33%;
	float:left;  
	display:block;   
}
.selectnav .nLi h3{ 
	height:.8rem;
	line-height: .8rem;
	font-size: .26rem;
	color:#333;
	text-align: center;
}
.selectnav .nLi h3 i{
	display:inline-block;
	width:.21rem;
	height:.1rem;
	background:url(../images/arrowrt.png) center no-repeat;
	margin-left:5px;
	vertical-align: middle;
	-o-background-size:100% 100%;
	-ms-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
} 
.selectnav li .sub{ 
	display:none; 
	width:100%; 
	left:0; 
	top:.8rem;  
	position:absolute;  
	line-height:.8rem;  
	background:rgba(0, 0, 0, 0.6); 
	z-index:999;
	padding:.1rem .3rem;
}
.selectnav li.on .sub{
	display:block;
	
}
.selectnav .sub li{ 
	zoom:1; 
	line-height:.8rem; 
	text-align: center;
	color:#fff;
	font-size: .26rem;
	padding:.1rem .3rem;
}
.selectnav .sub a{ 
	display:block;  
	color:#fff;
	font-size: .26rem;
	cursor:pointer;
	background:#fff;
	color:#666;
	-moz-border-radius:.06rem;
	-webkit-border-radius:.06rem;
	border-radius:.06rem;
}
.selectnav .on h3 a{ 
	background:#4E4E4E; 
	color:#fff;   
}
.myindexcon{
	padding-left:.3rem;
	overflow:hidden;
}
.myindexcon li{
	width:100%;
	border-bottom:1px solid #efeff4;
	overflow:hidden;
	padding:.3rem 0;
	padding-right:.3rem;
	position:relative;
}
.myindexcon li:first-of-type{
	padding-top:0;
}
.myindexcon li a{
	display:block;
}
.myindexcon li .myindexpic{
	width:2.52rem;
	height:1.9rem;
	position:absolute;
	left:0;
	top:.3rem;
}
.myindexcon li:first-of-type .myindexpic{
	top:0;
}
.myindexcon li .myindexpic img{
	height:100%;
	width:100%;
	display:block;
}
.myindexcon li .textfr{
	width:100%;
	padding-left:2.78rem; 
	overflow:hidden;
	height: 1.9rem;
}
.myindexcon li .textfr h3{
	width:100%;
	max-width: 3.8rem;
	font-size:.3rem;
	color:#333;
	font-weight:normal;
	height:.48rem;
	line-height:.46rem;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom:.08rem;
}
.myindexcon li .textfr p{
	font-size:.24rem;
	color:#666;
	font-weight:normal;
	height:.38rem;
	line-height:.38rem;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width: 3.8rem;
}
.myindexcon li .textfr .states{
	margin-top:.12rem;
	height:.44rem;
	line-height:.44rem;
	overflow:hidden;
}
.myindexcon li .textfr .states span{
	display:block;
	float:left;
	height:.44rem;
	line-height:.42rem;
	padding:0 .2rem;
	text-align:center;
	font-size:.26rem;
	margin-right:.3rem;
	-moz-border-radius: .22rem;
	-webkit-border-radius: .22rem;
	border-radius: .22rem;
}
.myindexcon li .textfr .states span.yellow{
	background:#fdb834;
	color:#fff;
}
.myindexcon li .textfr .states span.yellowline{ 
	color:#fdb834;
	border:1px solid #fdb834;
}
.myindexcon li .textfr .states span.red{
	background:#fc6a6a;
	color:#fff;
}
.myindexcon li .textfr .states span.gray{
	background:#ccc;
	color:#fff;
}
.myindexcon li .textfr .states span.green{
	background:#2bdd87;
	color:#fff;
}
.opacitybg{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:1.4rem;
	background:rgba(0,0,0,.5);
	z-index: 998;
	display:none;
}

/*
* @Author: GaoYuan
* @Date:   2019/8/29
* @Description: 方向
*/
.Dir{
	position: relative;
	padding-right: .3rem;
	margin-left: .3rem;
}
.Dir  label{
	padding-top: 5px;
	padding-right: 20px;
}
.Dir  label em{
	font-style:normal;
	padding-right:.06rem;
	font-size:.3rem;
	color:#f00;

}
.Dir label{
	float: left;

}
.Dir .pk-field{
padding: 5px;
}
.Dir .pk-arrow:before{    margin: 0px 0 0 13px;}
.Dir .form-group{
	min-width: 40%;
}


.Dir .pk-arrow.-clean{
	background: #f5f6f8;
}
.pk-modal.-clean>.head{
	width: 100%;
	background:#f5f6f8;
}

.pk-option.-clean.-selected, .pk-option.-clean:hover{
	width: 100%;
	background:#f5f6f8;
}