* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: "Microsoft YaHei", Arial, sans-serif;
	font-size: 14px;
	color: #333;
	background-color: #f5f5f5;
	line-height: 1.5;
	width: 100%;
}

li {
	list-style: none;
}

.hide {
	display: none
}

a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

input {
	outline: none;
	border: none;
}

img {
	display: block;
}

.fs17 {
	font-size: 17px;
}

.fs13 {
	font-size: 13px;
}

.lh2 {
	line-height: 1.7;
}

.clearfix:before,
.clearfix:after {
	content: '';
	display: table
}

.clearfix:after {
	clear: both;
	overflow: hidden
}

.mr10 {
	margin-right: 10px !important;
}

.mr5 {
	margin-right: 5px !important;
}

.df {
	display: flex;
}

.flex-1 {
	flex: 1;
}

.ac {
	align-items: center;
}

.js {
	justify-content: space-between;
}

.jc {
	justify-content: center;
}

.center {
	text-align: center;
}

.fs-12 {
	font-size: 12px;
}

.fs-16 {
	font-size: 16px;
}

.fs-18 {
	font-size: 18px;
}

.fs-20 {
	font-size: 20px;
}

.fs-22 {
	font-size: 26px;
}

.fs-26 {
	font-size: 26px;
}

.fs-28 {
	font-size: 28px;
}

.fs-34 {
	font-size: 34px;
}

.fs-42 {
	font-size: 42px;
}

.ls-1 {
	letter-spacing: 1px;
}

.ls-2 {
	letter-spacing: 2px;
}

.ls-7 {
	letter-spacing: 7px;
}

.mt-4 {
	margin-top: 4px;
}

.mt-6 {
	margin-top: 6px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-12 {
	margin-top: 12px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-90 {
	margin-top: 90px;
}

.ml-6 {
	margin-left: 6px;
}

.ml-30 {
	margin-left: 30px;
}

.mr-6 {
	margin-right: 6px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-14 {
	margin-right: 14px;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.main-color {
	color: #12a8fe;
}

.main-bgcolor {
	background-color: #12a8fe;
}

.sec-bgcolor {
	background-color: #009bf2;
}

.bold {
	font-weight: bold;
}

.co-ff {
	color: #fff;
}

.co-52 {
	color: #525252;
}

.co-99 {
	color: #999999;
}

.co-727 {
	color: #727c82;
}

.co-ff5 {
	color: #ff5d79;
}

.bg-ff {
	background-color: #fff;
}

.lh158 {
	line-height: 1.58;
}

.lh18 {
	line-height: 1.8;
}

.fw {
	flex-wrap: wrap;
}

.fc {
	flex-direction: column
}

.cursor {
	cursor: pointer;
}

.co-66 {
	color: #666666;
}

.ml4 {
	margin-left: 4px;
}

.mt15 {
	margin-top: 15px;
}

.hidden {
	overflow: hidden;
}

.mt15 {
	margin-top: 15px !important;
}

.fs15 {
	font-size: 15px;
}

.cob4 {
	color: #b4b6b8;
}

.pd15 {
	padding: 15px;
}

.left {
	text-align: left;
}

.yc3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.yc2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.ml-12 {
	margin-left: 12px;
}

/* 移动端 */
.popup_tip {
	margin-bottom: 15px;
	margin-top: 10px;
}

.popup_btn {
	display: block;
	width: 44.6%;
	float: left;
	background-color: #12a8fe;
	border-radius: 24px;
	text-align: center;
	padding: 6px 0;
	font-size: 13px;
	color: white !important;
}

.popup_btn_ok {
	margin: 0 30%
}

.popup {
	margin-bottom: 30px;
	text-align: center;
}

.popup_bottom {
	text-align: center;
	display: flex;
	align-items: center;
}

.popup_or {
	display: inline-block;
	/* padding: 3.8% 0; */
	float: left;
	min-width: 25px;
	text-align: center;
	color: #c9c9c9;
	font-size: 14px;
	flex: 1;
}


.radius6 {
	border-radius: 6px;
}
.mg10{
	margin: 10px 0;
}