@charset "utf-8";

/*
 * 主色调 #409eff
 * 灰色值 rgba(0, 0, 0, .1)
 * 背景值 #f4f4f4
 * 颜色值 #333333
*/

* {
	padding: 0;
	margin: 0;
	font-family: "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;
}

html {
	margin: auto;
	background: #f4f4f4;
	/*隐藏滚动条，当IE下溢出，仍然可以滚动*/
	-ms-overflow-style: none;
	/*火狐下隐藏滚动条*/
	overflow: -moz-scrollbars-none;
}


/*超出不显示滚动条*/

::-webkit-scrollbar {
	width: 0;
	height: 0;
}

body,
a {
	color: #333333;
}

body,
html,
img,
table,
a {
	width: 100%;
}

.clearfloat:after {
	content: '';
	display: block;
	clear: both;
}

.container {
	padding: 15px;
}

.contain {
	padding: 0 15px;
}

.cont {
	padding: 15px 0;
}

a {
	text-decoration: none;
}

li {
	list-style: none;
}

img {
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	text-align: center;
}


/*垂直居中对齐*/

.space-around-center {
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	align-items: center;
}


/*左右两端居中对齐*/

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


/*依次靠左居中对齐*/

.flex-start-center {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-items: center;
}


/*依次靠右居中对齐*/

.flex-end-center {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	align-items: center;
}


/*stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度*/


/*左右两端居中对齐 AND 容器内文本顶部对齐*/

.align-items-stretch {
	align-items: stretch;
}


/*左右两端居中对齐 AND 容器内文本底部对齐*/

.align-items-flex-end {
	align-items: flex-end;
}


/*baseline: 项目的第一行文字的基线对齐*/

.align-items-baseline {
	align-items: baseline;
}


/*多行文本溢出显示省略号*/

.line-clamp {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	/*默认设置了两行*/
	-webkit-line-clamp: 2;
}


/*文本两端对齐*/

.justify {
	direction: ltr;
	text-align: justify;
	text-justify: inter-ideograph;
}


/*回到顶部*/

#gotop {
	width: 2rem;
	height: 2rem;
	background: rgba(0, 0, 0, .1);
	padding: 4px;
	position: fixed;
	bottom: 13%;
	right: 15px;
	display: none;
}

#gotop img {
	height: 100%;
	object-fit: scale-down;
}


/*反转*/

.direction-rtl {
	direction: rtl;
}


/*撑满可用空间高度*/

.fill-available {
	height: -webkit-fill-available;
	height: -moz-fill-available;
	height: -moz-available;
	/* FireFox目前这个生效 */
	height: fill-available;
}


/*form 类重置*/

input[type=text],
input[type=tel],
input[type=password],
input[type=search],
input[type=url],
input[type=number],
input[type=email],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=time],
input[type=submit],
input[type=button],
input[type=reset],
input[type=radio],
input[type=checkbox],
button,
textarea,
select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

input[type=text],
input[type=tel],
input[type=password],
input[type=search],
input[type=url],
input[type=number],
input[type=email],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=time],
input[type=submit],
input[type=button],
input[type=reset],
button,
textarea,
select {
	/*border: 1px solid #409EFF;*/
	border: none;
	outline: none;
	resize: none;
	box-sizing: border-box;
	padding: 0 10px;
	border-radius: 0;
	font-size: .8rem;
	height: 2.2rem;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

textarea {
	white-space: normal;
	overflow: overlay;
	min-height: 6rem;
	max-height: 8rem;
	padding: 10px;
	direction: ltr;
	text-align: justify;
	text-justify: inter-ideograph;
}

select {
	background: url(../img/more.png) right center no-repeat white;
	background-size: .7rem;
	background-origin: content-box;
}

input[type=submit],
input[type=button],
input[type=reset],
input[type=radio],
input[type=checkbox],
button,
select,
label,
#gotop {
	cursor: pointer;
}

input[type=submit],
input[type=button],
input[type=reset],
input[type=checkbox],
textarea,
button,
select {
	border-radius: 4px;
}

input[type=submit],
input[type=button],
input[type=reset],
button {
	color: white;
}

input[type=submit],
input[type=button],
button {
	background: #409EFF;
}

input[type=reset],
input[type=submit]:disabled,
input[type=button]:disabled,
button:disabled {
	background: lightgray;
}

input[type=submit]:disabled,
input[type=button]:disabled,
input[type=reset]:disabled,
button:disabled {
	cursor: not-allowed;
}

input[type=submit]:not(:disabled):hover,
input[type=button]:not(:disabled):hover,
input[type=reset]:not(:disabled):hover,
button:not(:disabled):hover {
	opacity: .8;
}

input[type=submit]:not(:disabled):active,
input[type=button]:not(:disabled):active,
input[type=reset]:not(:disabled):active,
button:not(:disabled):active {
	opacity: .9;
}

input[type=url]:invalid,
input[type=email]:invalid {
	color: #fd2059;
}

input[type=radio],
input[type=checkbox] {
	width: 1rem;
	height: 1rem;
	border: 1px solid lightgray;
	outline: none;
	background: white;
}

#gotop,
#gotop img,
input[type=radio] {
	border-radius: 50%;
}

input[type=radio]:checked,
input[type=checkbox]:checked {
	border-color: #409EFF;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

input[type=radio]:checked {
	background-image: url(../img/radio.png);
}

input[type=checkbox]:checked {
	background-image: url(../img/checkbox.png);
}

.fieldset {
	border: none;
	text-align: center;
	font-size: .75rem;
}

.fieldset legend {
	padding: 0 15px;
	margin: auto;
}


/*小于等于 640px 尺寸*/

@media only screen and (min-width: 100px) and (max-width: 640px) {}


/*针对 iphone X*/

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {}