@font-face {
  font-family: 'AlibabaPuHuiTi';
  src: url('/fonts/AlibabaPuHuiTi-Regular.woff2') format('woff2'),
       url('/fonts/AlibabaPuHuiTi-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat-Regular.woff2') format('woff2'),
       url('/fonts/Montserrat-Regular.woff') format('woff');
  font-style: normal;
  font-display: swap;
}

* {
	margin: 0;
	padding: 0;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
  	font-family: 'Montserrat', 'AlibabaPuHuiTi', sans-serif;
}

table {
	border-collapse: collapse;
	table-layout: fixed;
}

input {
	vertical-align: middle;
}

img {
	border: 0;
	vertical-align: middle;
}

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

a {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	color: inherit;
}

a:hover {
	text-decoration: none;
}

.tc {
	text-align: center;
}

.tj {
	text-align: justify;
}

.tl {
	text-align: left;
}

.tr {
	text-align: right;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.cl {
	clear: both;
}

.fb {
	font-weight: bold;
}

input:focus,
textarea:focus,
select:focus {
	outline: none;
}

input,
textarea {
	font: inherit
}

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

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

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

.four {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	overflow: hidden;
	-webkit-box-orient: vertical;
}

.five {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	overflow: hidden;
	-webkit-box-orient: vertical;
}

.rel {
	position: relative;
}

.abs {
	position: absolute;
}

h3 {
	font-weight: normal;
}

em {
	font-style: normal;
}

.grid {
	display: grid;
}

.flex1 {
	flex: 1;
}

.flex {
	display: flex;
	display: -webkit-flex;
}

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

.around {
	justify-content: space-around;
}

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

.center {
	align-items: center;
}

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

.flexcenter {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}

.flexend {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
}

.wrap {
	flex-wrap: wrap;
}

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

.wrap_box {
	line-height: 1.7;
	color: #48484C;
	font-size: .16rem;
}

.content {
	width: 14.4rem;
	margin: 0 auto;
}

.bigimg img {
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}

.bigimg:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.w100 {
	width: 100% !important;
}

.h100 {
	height: 100%;
}

.hidden {
	overflow: hidden;
}

.wid70 {
	width: 70%;
}

.wid80 {
	width: 80%;
}

.f72 {
	font-size: .72rem;
}

.f64 {
	font-size: .64rem;
}

.f60 {
	font-size: .6rem;
}

.f48 {
	font-size: .48rem;
}

.f40 {
	font-size: .4rem;
}

.f36 {
	font-size: .36rem;
}

.f34 {
	font-size: .34rem;
}

.f32 {
	font-size: .32rem;
}

.f30 {
	font-size: .3rem;
}

.f24 {
	font-size: .24rem;
}

.f22 {
	font-size: .22rem;
}

.f20 {
	font-size: .2rem;
}

.f18 {
	font-size: .18rem;
}

.f14 {
	font-size: 14px;
}

.cover {
	object-fit: cover;
}

.gray {
	color: #505050 !important;
}

.gray6 {
	color: #666 !important;
}

.gray9 {
	color: #999 !important;
}

.white {
	color: #fff;
}

.mar_t10 {
	margin-top: .1rem;
}

.mar_t20 {
	margin-top: .2rem;
}

.mar_t30 {
	margin-top: .3rem;
}

.mar_t40 {
	margin-top: .4rem;
}

.mar_t50 {
	margin-top: .5rem;
}

.mar_t70 {
	margin-top: .7rem;
}

.mar_r10 {
	margin-right: .1rem;
}

.mar_r20 {
	margin-right: .2rem;
}

.main {
	padding: .6rem 0 1rem;
}

.hand {
	cursor: pointer;
}

@blue: #0936B2;

.hide {
	display: none;
}

.blue {
	color: @blue !important;
}

.green {
	color: #00B5A4 !important;

}

.title {
	line-height: 1.2;
}

.phone {
	display: none;
}