@charset "UTF-8";
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:after {clear: both;}
body, html {
  width: 100%;
  height: 100%;
}
fieldset, img, a img {border: none;}
address, cite, dfn, em, var {font-style: normal;}

/* 将斜体扶正 */
code, kbd, pre, samp {font-family: courier new, courier, monospace;}

/* 统一等宽字体 */
body, button, input, select, textarea, small {font: 12px/1.5 Arial,Microsoft YaHei,SimHei,Heiti SC,tahoma;}

/** 重置列表元素 **/
ul, ol {list-style: none;}


i {font-style: normal;}

/** 重置表单元素 **/
button, input, select, textarea {font-size: 100%;outline: none;}

/** 重置表格元素 **/
table {border-collapse: collapse;border-spacing: 0;}




/*************			常用样式预设			*************/
/**弹性盒子**/
.flex, .flex-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}

.flex2, .flex, .flex-c2, .flex-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex-c2, .flex-c {
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}
.flex .one,.flex2 .one,.flex-c .one,.flex-c2 .one{
	flex: 1;
	-ms-flex: 1;
	-webkit-flex:1;
}
.flex .two,.flex2 .two,.flex-c .two,.flex-c2 .two{
	flex: 2;
	-ms-flex: 2;
	-webkit-flex:2;
}

/* 展现消失  */
.none {display: none;}
.show {display: block;}
.inb{display: inline-block;}

/* 字体粗细 */
.fb {font-weight: bold;}
.fn {font-weight: normal;}

/* 部分其他功能 */
.pad12{padding:0 .12rem;}
.pr {position: relative;}
.pa {position: absolute;}
.pf {position: fixed;}
.fl {float: left;}
.fr {float: right;}
.cent {text-align: center;}
.f-le {text-align: left;}
.f-ri {text-align: right;}
.v-cent {vertical-align: middle;}
.cb {clear: both;}

/*			按钮基本样式：大小、背景色自设 			*/
.btn{
	font-size: .14rem;
	padding: .05rem .1rem;
	display: inline-block;
	border:0;
	border-radius:.05rem;
	font-weight:500;
	color:white;
}
.btn.white{background-color:#fff; color:#444 !important;}
.btn.black{background-color:#222;}
.btn.off{background-color:#d4d4d4;	box-shadow: 0 0 0 rgba(0,0,0,0);}
.btn.blue{background-color:#1b86ce;}
.btn.red{background-color:#fb2b2b}
.btn.yellow{background-color:#f7ca30;}
.btn.pink{background-color:#ea3a64}
.btn.green{background-color:#2dbc7a}
.btn.silvery{background-color:#c2e3fb}
.btn.purple{background-color:#d04dbf;}
.btn.orange{background-color:#f9a410;}

/*		一般UL		*/
.first.ul-box{margin-top:0rem ;}
.ul-box{margin-top:.1rem ;}
.ul-box li{
	font-size: .13rem;
	height: .5rem;
	width: 100%;
	background-color: white;
	border-bottom:1px #ccc solid;
	line-height: .5rem;
	padding:0 .15rem;
}
.ul-box li input{border:0;}
.ul-box h3{
	font-weight: normal;
	padding-left:.15rem ;
	height: .35rem;
	line-height: .35rem;
	font-size: .14rem;
	border-bottom: 1px #ccc solid;
}
.ul-box h3 i{
	font-size: .18rem;
	vertical-align: middle;
	height: .6rem;
}

/*		两	个TAB-UL		*/
.twoUl li{
	width: 50%;
	float: left;
	height: .45rem;
	line-height: .45rem;
	text-align: center;
	font-size: .13rem;
	position: relative;
	border-bottom:1px #ccc solid;
	background-color: white;
	transition: all .2s;
}
.twoUl li:first-child:after{
	content: "";
	width: 1px;
	height: .2rem;
	position: absolute;
	top: 50%;
	margin-top: -.1rem;
	right: 0;
	background-color: #ccc;
	display: inline-block;
}
.twoUl li.active{
	border-bottom:4px #4399d6 solid;	
}