a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {

	margin: 0;

	padding: 0;

	border: 0;

	vertical-align: baseline

}



article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {

	display: block

}



blockquote,q {

	quotes: none

}



blockquote:after,blockquote:before,q:after,q:before {

	content: '';

	content: none

}



table {

	border-collapse: collapse;

	border-spacing: 0

}



* {

	tap-highlight-color: transparent;

	-webkit-tap-highlight-color: transparent;

	-ms-tap-highlight-color: transparent;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box

}



input,select,textarea {

	-webkit-tap-highlight-color: transparent;

	border: 0;

	border-radius: 0;

	font-family: Microsoft YaHei

}



input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill {

	-webkit-box-shadow: 0 0 0 1000px #fff inset

}



:focus {

	outline: 0

}



li,ul {

	list-style: none

}



body {

	color: #000;

	font-family: Helvetica,'Hiragino Sans GB','Microsoft Yahei','微软雅黑',Arial,sans-serif

}



body,html {

	font-size: 16px;

	-webkit-text-size-adjust: none;

	line-height: 1.4em;

	background: #fff

}



a {

	color: #555;

	text-decoration: none

}



a:hover {

	color: red;

}



.en {

	font-family: arial

}



.wrap {

	min-width: 320px;

	max-width: 640px;

	margin: 0 auto;

	min-height: 100vh

}



.clearfix:after {

	display: block;

	content: '';

	clear: both;

	visibility: hidden

}



.clear {

	clear: both

}



.ui-block {

	width: 100%;

	display: block

}



.ui-header {

	padding: 1rem .6rem;

	background: url(../img/hd_bg.png) 100% 100% repeat;

}



.ui-header .s1-c {

	display: flex;

	display: -webkit-flex;	

}



.ui-header .thumb {

	width: 6rem;

}



.ui-header .rcn {

	flex: 1;

	padding-left: 10px;

	color: #fff;

}



.ui-header .rcn .ti {

	padding-top: .6rem;

	font-weight: bold;

	font-size: 1.1rem;

}



.ui-header .rcn .lable-c {

	padding-top: .6rem;

	font-size: .9rem;

}



.ui-header .rcn .lable-c span {

	margin-right: 2px;

	padding: 0 8px;

	display: inline-block;

	line-height: 1.4rem;

	border: 1px solid #fff;

	border-radius: 15px;

}



.ui-header .des {

	padding-top: .5rem;

	font-size: .8rem;

	line-height: 1.2rem;

	color: #fff;

}



.ui-header .des li {

	padding-top: .4rem;

	text-indent: 24px;

	text-align:justify;

}



.ui-footer {

	background-color: #444;

	padding: 1rem .6rem;

	color: #999;

	text-align: center;

}



.ui-footer a {

	color: #999;

}



.ui-mainer {

	padding: 1rem 0;

}



.ui-tip {

	padding: 0 .6rem;

	color: red;

	text-align: center;

	line-height: 1.4rem;

	font-size: 1.1rem;

	margin-bottom: .8rem;

}



.ui-tyti {

	background: #369;

	line-height: 2.2rem;

	padding: 0 .6rem;

}



.ui-tyti .t1 {

	color: #ffc;

	font-size: 1.05rem;

}



.ui-tyti .t1 a {

	color: #ffc;

}



.ui-tyti .t2 {

	float: right;

	color: #fff;

}



.ui-tyti .t2 a {

	color: #fff;

}



.ui-listb {

	padding: .6rem .8rem;

}



.ui-listb li {

	line-height: 1.6rem;

}



.ui-listb li em {

	width: 5px;

	height: 5px;

	border-radius: 50%;

	background: #aec3d4;

	display: inline-block;

	margin-right: 5px;

	margin-top: .6rem;

	float: left;

}



.ui-listb li .red {

	color: red;

}



.ui-showpage {

	text-align: center;

	margin: .4rem 0;

}



.ui-showpage a{

	display: inline-block;

	padding: 0 .6rem;

	line-height: 1.8rem;

	border-radius: 3px;

	border: 1px solid #ccc;

}



.ui-showpage a.active, .ui-showpage a:hover {

	background: #369;

	border: 1px solid #369;

	color: #fff;

}



.ui-loctxt {

	color: red;

	line-height: 2.2rem;

	padding: 0 .6rem;

	border-bottom: 1px solid #aec3d4;

	font-weight: bold;

}



.ui-loctxt a {

	color: red;

}



.ui-artc {

	padding: 1rem .6rem 0 .6rem;

	line-height: 1.4rem;

	overflow: hidden;

}



.ui-artc p {

	margin-top: .1rem;

}



@media screen and (max-width:480px) {

	.ui-header .thumb {

		width: 4.4rem;

	}

}



@media screen and (max-width:320px) {

	body {

		font-size: 14px

	}

}