@charset "utf-8";
/* Restrain
-------------------------------------------------------------------------------------------------------*/
html,body{background-color: #f8f8f8; font-size: 100px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,input,fieldset,table,td,img,div{margin: 0; padding: 0; border: 0;}
html{-webkit-text-size-adjust: none;-webkit-font-smoothing: antialiased;}
body{font-family: "Microsoft YaHei",SimSun; color: #111;}
ul,ol{list-style-type: none;}
select,input,img,select{vertical-align: middle; display: block;}
img{max-width: 100%; max-height: 100%;}
a{text-decoration: none;}
a:hover,a:active,a:focus{text-decoration: none;}
input[type=button],input[type=submit],input[type=file],button{cursor: pointer;-webkit-appearance: none;} 

/* 以下部分是Validform必须的
------------------------------------*/
.Validform_checktip{height:20px;line-height:20px;font-size:12px;color:#a7a7a7;margin-left:4px;overflow:hidden;}
.Validform_right{color:#71b83d; padding-left:20px; background:url(../images/right.png) no-repeat left center;}
.Validform_wrong{color: #ff0000;white-space:nowrap; padding-left:20px; background:url(../images/error.png) no-repeat left center;}
.Validform_loading{padding-left:20px;background:url(../images/onload.gif) no-repeat left center;}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999;
background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #bbb; border-top:none; text-align:left;}

/* Abbr
-------------------------------------------------------------------------------------------------------*/
.fl{
	float: left
}

.fr{
	float: right
}

.mt20{
	margin-top: 0.266667rem;
}

.mt30{
	margin-top: 0.4rem;
}

.mt40{
	margin-top: 0.533333rem;
}

.mt50{
	margin-top: 0.666667rem;
}

.mt60{
	margin-top: 0.8rem;
}

.inaline,.intwoline{
	overflow: hidden;
	text-overflow: ellipsis;
}

.inaline{
	white-space: nowrap;
}

.intwoline{

	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.clearfix,.clearfix:after{
	display: block;
}

.clearfix:before,.clearfix:after{
	content: " ";
	height: 0;
	visibility: hidden;
	clear: both;
}

/* Public
------------------------------------*/
.ui-hd{
	height: 1.946667rem;
	border-bottom: 1px solid #ddd;
	background: -webkit-linear-gradient(#2b2a31, #3b3b3e);
	background: -moz-linear-gradient(#2b2a31, #3b3b3e);
	background: -o-linear-gradient(#2b2a31, #3b3b3e);
	background: linear-gradient(#2b2a31, #3b3b3e);
}

.ui-hd .ico,.ui-hd .txt{
	margin-top: 0.213333rem;
	margin-left: 0.32rem;
	/*border-radius: 0.266667rem;*/
	overflow: hidden;
}

.ui-hd .ico{
	width: 1.52rem;
	height: 1.52rem;
}

.ui-hd .ico img{
	width: 100%;
}

.ui-hd .txt{
	max-width: 4.0rem;
}

.ui-hd .txt em,.ui-hd .txt p{
	color: #fff;
}

.ui-hd .txt em{
	display: block;
	font-size: 0.453333rem;
	padding-top: 0.15rem;
}

.ui-hd .txt p{
	font-size: 0.346667rem;
	margin-top: 0.1rem;
}

.ui-hd .down,.ui-hd .close{
	margin-right: 0.32rem;
}

.ui-hd .down{
	font-size: 0.346667rem;
	color: #2b2a31;
	line-height: 0.373333rem;
	padding: 0.213333rem 0.32rem;
	background-color: #fff;
	border-radius: 0.106667rem;
	margin-top: 0.573333rem;
}

.ui-hd .close{
	width: 0.586667rem;
	height: 0.586667rem;
	margin-top: 0.68rem;
}

.ui-bd{
	padding-bottom: 0.4rem;	
}

.ui-lg{
	height: 4.373333rem;
	line-height: 4.373333rem;
	text-align: center;
}

.ui-lg img{
	width: 6rem;
	height: 1.5rem;
	margin: 0 auto;
	padding-top: 0.75rem;
}

.ui-wc{
	width: 8.72rem;
	margin-left: auto;
	margin-right: auto;
}

.ui-hr{
	height: 0.4rem;
	line-height: 0.4rem;
	text-align: center;
}

.ui-hr i{
	width: 3.76rem;
	height: 1px;
	background-color: #ddd;
	margin-top: 0.193333rem;
}

.ui-hr span{
	font-size: 0.346667rem;
	color: #999;
}

.ui-lgn-dl dd{
	position: relative;
	margin-top: 0.32rem;
}

.ui-lgn-dl dd.act{
	margin-top: 0;
	position: relative;
}

.ui-lgn-dl input,.ui-act-all p{
	width: 6.373333rem;
	font-size: 0.426667rem;
	line-height: 0.586667rem;
	color: #999;
}

.ui-lgn-dl input{
	height: 0.586667rem;
	padding: 0.293333rem 1.173333rem;
	border-radius: 0.213333rem;
}

.ui-lgn-dl .ico{
	width: 0.586667rem;
	height: 0.586667rem;
	display: block;
	position: absolute;
	top: 0.293333rem;
}

.ui-lgn-dl span.ico{
	left: 0.293333rem;
}

.ui-lgn-dl a.ico{
	right: 0.293333rem;
}

.ui-act-all{
	border-left: 1px solid #3b589e;
	border-bottom: 1px solid #3b589e;
	border-right: 1px solid #3b589e;
	border-bottom-left-radius: 0.213333rem;
	border-bottom-right-radius: 0.213333rem;
	background-color: #fff;
	position: absolute;
	top: 1.173333rem;
	z-index: 9;
	display: none;
}

.ui-act-all p{
	padding: 0.293333rem 0;
}

.ui-act-all li{
	height: 1.173333rem;
	line-height: 1.173333rem;
	margin-left: 0.32rem;
	margin-right: 0.32rem;
	border-top: 1px solid #ddd;
	cursor: pointer;
}

.ui-act-all .text{
	opacity: .7;
	filter:alpha(opacity=70);
}

.ui-act-all .close{
	width: 0.586667rem;
	height: 0.586667rem;
	margin-top: 0.293333rem;
}

.ui-lgn-dl .act.active input{
	border-top: 1px solid #3b589e;
	border-left: 1px solid #3b589e;
	border-right: 1px solid #3b589e;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-top: -1px;
	margin-left: -1px;
}

.ui-lgn-dl .act.active a.ico{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
}

.ui-lgn-dl .act.active .ui-act-all{
	display: block;
	margin-left: -1px;
}

.ui-lgn-ipt,.ui-lgn-a{
	height: 1.173333rem;
	display: block;
	font-size: 0.48rem;
	color: #fff;
	background-color: #3b589e;
	border-radius: 0.213333rem;
	margin-top: 0.32rem;
	cursor: pointer;
}

.ui-lgn-a{
	text-align: center;
	line-height: 1.173333rem;
}

.ui-other a{
	width: 4.0rem;
	height: 1.093333rem;
	line-height: 1.093333rem;
	font-size: 0.426667rem;
	text-align: center;
	color: #3b589e;
	display: block;
	border: 3px solid #3b589e;
	border-radius: 0.213333rem;
}

.ui-other a.a2{
	background-color: #3b589e;
	color: #fff;
}

.ui-tips p{
	font-size: 0.346667rem;
	line-height: 0.533333rem;
	color: #999;
}

.ui-modify a{
	font-size: 0.426667rem;
	color: #007aff;
}

.ui-loca{
	height: 1.173333rem;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	text-align: center;
	position: relative;
}

.ui-loca a{
	display: block;
	position: absolute;
}

.ui-loca .ico{
	width: 0.32rem;
	height: 0.56rem;
	left: 0.32rem;
	top: 0.306667rem;
}

.ui-loca .ico img{
	width: 100%;
}

.ui-loca .text{
	font-size: 0.48rem;
	line-height: 1.173333rem;
	color: #111;
}

.ui-loca .out{
	font-size: 0.426667rem;
	line-height: 1.173333rem;
	color: #3b589e;
	right: 0.32rem;
	top: 0;
}

.ui-mif-yes{
	height: 5.146667rem;
	background-color: #fff;
}

.ui-mif-yes .ico{
	width: 1.6rem;
	height: 1.6rem;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.933333rem;
}

.ui-mif-yes .ico img{
	width: 100%;
}

.ui-mif-yes .txt{
	text-align: center;
	margin-top: 0.4rem;
}

.ui-mif-yes .txt em{
	font-size: 0.48rem;
	color: #3b589e;
}

.ui-mif-yes .txt p{
	font-size: 0.373333rem;
	color: #999;
	margin-top: 0.08rem;
}

.ui-mif-info{
	padding: 0.4rem 0.32rem;
	background-color: #fff;
	border-top: 1px dotted #ddd;
}

.ui-mif-info p{
	font-size: 0.346667rem;
	line-height: 0.48rem;
	color: #999;
}

.ui-layt-2{
	display: none;
}

.ui-layt-2 .ui-lgn-a{
	margin-top: 0.8rem;
}

.ui-role li,.ui-rech-mode li{
	font-size: 0.453333rem;
	padding-left: 0.32rem;
	padding-right: 0.32rem;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}

.ui-role li{
	height: 1.16rem;
	line-height: 1.16rem;
}

.ui-role li.gap{
	height: 0.32rem;
	background-color: transparent;
}

.ui-role em{
	float: left;
}

.ui-role .text{
	max-width: 5.4rem;
	color: #8e8e93;
	float: left;
}

.ui-role .act .text{
	max-width: 6.0rem;
}

.ui-role .ico{
	width: 0.213333rem;
	height: 0.346667rem;
	display: block;
	float: right;
	margin-top: 0.426667rem;
	margin-left: 0.266667rem;
}

.ui-rech{
	background-color: #fff;
}

.ui-rech .title{
	height: 0.933333rem;
	font-size: 0.346667rem;
	line-height: 0.933333rem;
	color: #6e6e70;
	padding-top: 0.226667rem;
	padding-left: 0.32rem;
	padding-right: 0.32rem;
	border-bottom: 1px solid #ddd;
}

.ui-rech-mode li{
	height: 1.36rem;
	line-height: 1.36rem;
	cursor: pointer;
}

.ui-rech-mode .ico{
	width: 0.906667rem;
	height: 0.906667rem;
	border: 2px solid #ddd;
	border-radius: 0.106667rem;
	float: left;
	margin-top: 0.2rem;
}

.ui-rech-mode .text{
	max-width: 6.0rem;
	float: left;
	margin-left: 0.32rem;
}

.ui-rech-mode .rio{
	width: 0.586667rem;
	height: 0.586667rem;
	float: right;
	margin-top: 0.386667rem;
	border-radius: 50%;
	overflow: hidden;
}

.ui-rech-mode .rio1{
	display: block;
}

.ui-rech-mode .rio2{
	display: none;
}

.ui-rech-mode .active .rio1{
	display: none;
}

.ui-rech-mode .active .rio2{
	display: block;
}

.ui-rech-sum{
	padding-bottom: 0.213333rem;
	padding-left: 0.106667rem;
	border-bottom: 1px solid #ddd;
	display: none;
}

.ui-rech-sum li{
	width: 2.88rem;
	height: 2.5rem;
	border: 1px solid #ddd;
	margin-left: 0.213333rem;
	margin-top: 0.213333rem;
	display: block;
	float: left;
	text-align: center;
	cursor: pointer;
}

.ui-rech-sum li em{
	display: block;
	font-size: 0.453333rem;
	padding-top: 0.213333rem;
}

.ui-rech-sum li p{
	font-size: 0.346667rem;
	line-height: 0.533333rem;
	color: #999;
}

.ui-rech-sum li span{
	font-size: 0.4rem;
	color: #3b589e;
}

.ui-rech-sum li.defaul em{
	padding-top: 0.533333rem;
}

.ui-rech-sum li.active{
	background-color: #3b589e;
	border-color: #3b589e;
}

.ui-rech-sum li.active em,.ui-rech-sum li.active p,.ui-rech-sum li.active span{
	color: #fff;
}

/*======微信提示盒子======*/
.wxtip{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	text-align: center;
	vertical-align: middle;
	position: fixed;
	left:0;
	top: 0;
	z-index: 999;
	display: none;
}

.wxtip-icon{
	width: 0.7rem;
	height: 0.9rem;
	display: block;
	position: absolute;
	right: 30px;
	top: 20px;
}
.wxtip-txt{
	display: inline-block;
	font-size: 0.4rem;
	line-height: 0.56rem;
	color: #fff;
	margin-top: 1.5rem;
}


/*======mobile======*/
@media screen and (max-width: 600px){

}


/*======平板======*/
@media screen and (min-width: 600px) and (max-width: 960px){

}


/*======PC======*/
@media screen and (min-width: 960px){

}