/*reset*/

body,
div,
ul,
ol,
li,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
table,
th,
td,
img,
select,
input,
textarea {
	margin: 0;
	padding: 0;
}

ol,
ul,
li {
	list-style: none;
}

fieldset,
img {
	border: 0;
}

label,
button {
	cursor: pointer;
}

select,
input,
textarea{
	outline: none;
	resize: none;
	/* overflow: hidden; */
	display: block;
	width:100%;
	font-family:"Microsoft Yahei",Arial;
	font-size:14px;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 12px;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


a {
	text-decoration: none;
	color: #3a3a3a;
}

em,
i {
	font-style: normal;
	outline: none;
}

img.block {
	width: 100%;
	height: auto;
}

button{
	border:none;
	outline: none;
}


/*common*/

.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both;
}

.clearfix {
	*zoom: 1;
}


/*IE7/6*/

.overflow {
	overflow: hidden;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

.text-left {
	text-align: left;
}


.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.bgfff {
	background: #fff;
}

.bgred {
	background: #bb2723;
}

.bgdark {
	background: #313437;
}

.colored,.required{
	color: #ff1800;
}

.colorfff {
	color: #fff;
}

.color000 {
	color: #000;
}

.color555 {
	color: #555;
}

.color666 {
	color: #666;
}

.color777 {
	color: #777;
}

.color888 {
	color: #888;
}

.color999 {
	color: #999;
}


.fbold {
	font-weight: bold;
}

.radius3 {
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.radius5 {
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.radius-half {
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.line-two,.line-three,.line-four{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.line-two{
	-webkit-line-clamp: 2;
}

.line-three {
	-webkit-line-clamp: 3;
}

.line-four{
	-webkit-line-clamp: 4;
}

.width-half{
	width:50%;
}


.cursor {
	cursor: pointer;
}

.table-responsive {
	width: 100%;
	overflow-x: auto;
}

.table,
.table td,.table th {
	border: solid 1px #dadada;
}

.table {
	width: 100%;
}

.table td,.table th {
	padding:5px;
	height: 30px;
	line-height: 24px;
	color: #555;
}

.table th{
	background:#f8f7fc;
}

.flex{
	display: flex;
	display: -webkit-flex;
	justify-content:space-between;
}

.rotateY {
	transform: rotateY(180deg);
}