@font-face {
	font-family: "DINCond-Bold";
	src: url("../font/DINCond-Bold.otf");
}

@font-face {
	font-family: "SourceHanSansCN-Regular";
	src: url("../font/SourceHanSansCN-Regular.otf");
}

/* 默认有边距，都要清除 */
* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 16px;
	/*--primary-color: #2376B7;*/
	--primary-color: #20a8cb;
	--primary-he-color: #1a9fc2;
}

body {
	background: #ffffff;
	/*font-family: "DINCond-Bold","SourceHanSansCN-Regular", serif;*/
	font-family: "SourceHanSansCN-Regular", serif;
}


div,a,p,span {
	font-size: 14px;
	color: #666666;
	/* font-family: "SourceHanSansCN-Regular"; */
	font-family: "SourceHanSansCN-Regular" !important;
}

input,
img {
	width: 100%;
	border: 0 none;
	outline-style: none;
	vertical-align: middle;
}

a:hover,
a:hover .color-main,
a:hover .color-content,
a:hover .color-tips {
	text-decoration: none;
	color: #333;
}

form button:focus {
	box-shadow: none;
}

/*pointer*/
.pointer,
.cursor-pointer {
	cursor: pointer;
}

/*pre-line*/
.pre-line {
	white-space: pre-line;
}

/*container*/
.container-xl {
	max-width: 1800px !important;
}

.container {
	max-width: 1430px !important;
}


/*badge-primary*/

/*bg*/
.bg-page {
	background: #f3f3f3;
}

.bg-primary {
	background: var(--primary-color) !important;
}

.bg-primary-he {
	background: var(--primary-he-color);
}

/*radius*/
.radius-base {
	border-radius: 18px;
}

.radius-big {
	border-radius: 30px;
}

.border,
.border-top,
.border-right,
.border-bottom,
.border-left {
	border-color: #dddddd !important;
}


/*btn-primary*/
.btn-primary {
	transition: all 0.3s;
	background: var(--primary-color);
	border-color: transparent !important;
}

.btn-outline-secondary,
.btn-outline-secondary:visited,
.btn-outline-secondary:focus {
	border-color: #E0E0E0;
	color: #666666;
	box-shadow: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-outline-secondary:hover {
	background: var(--primary-he-color);
	border-color: transparent !important;
	color: #ffffff !important;
	box-shadow: none;
}

.btn-primary.btn:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-light:focus {
	box-shadow: none;
}

.btn-outline-primary {
	color: var(--primary-color);
	border-color: var(--primary-color) !important;
}

.btn-outline-primary:hover {
	background: var(--primary-color);
}

/*color*/
.color-primary {
	color: var(--primary-color);
}

.color-primary-he {
	color: var(--primary-he-color);
}

.color-red {
	color: #d81b00;
}

.color-main {
	color: #333333;
}

.color-content {
	color: #666666;
}

.color-tips {
	color: #999999;
}

.color-white-30 {
	color: rgba(255, 255, 255, 0.3);
}

.color-white-50 {
	color: rgba(255, 255, 255, 0.5);
}

.color-white-60 {
	color: rgba(255, 255, 255, 0.6);
}

.color-white-70 {
	color: rgba(255, 255, 255, 0.7);
}

.color-white-80 {
	color: rgba(255, 255, 255, 0.8);
}

/*font-weight*/
.font-weight-500 {
	font-weight: 500;
}

.font-weight-600 {
	font-weight: 600;
}

/*font-family*/
.font-family-song {
	font-family: '宋体';
}

.font-family-dincond {
	font-family: "DINCond-Bold";
}

/*text-indent-0*/
.text-indent-0 {
	text-indent: 0 !important;
}

.flex-1 {
	flex: 1;
}


/*font-size-12 ……*/
.font-size-12 {
	font-size: 12px;
}

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

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

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

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

.font-size-46 {
	font-size: 46px;
}

/*line-height*/
.line-height-h6 {
	line-height: 1.4;
}

.line-height-h5 {
	line-height: 1.6;
}

.line-height-h4 {
	line-height: 1.8;
}

.line-height-h3 {
	line-height: 2;
}

.line-height-h2 {
	line-height: 2.4;
}

/*p-4d5*/
.p-4d5 {
	padding: 2.0rem !important;
}

.py-4d5 {
	padding-top: 2.0rem !important;
	padding-bottom: 2.0rem !important;
}

.px-4d5 {
	padding-left: 2.0rem !important;
	padding-right: 2.0rem !important;
}

.pt-4d5 {
	padding-top: 2.0rem !important;
}

.pr-4d5 {
	padding-right: 2.0rem !important;
}

.pb-4d5 {
	padding-bottom: 2.0rem !important;
}

.pl-4d5 {
	padding-left: 2.0rem !important;
}

.page-padding-top {
	padding-top: 65px;
}

.page-padding-bottom {
	padding-bottom: 65px;
}

/*mb-4d5*/
.mb-4d5 {
	margin-bottom: 2.0rem !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

input[type="number"] {
	-moz-appearance: textfield;
}

.ellipsis-1,
.ellipsis-2,
.ellipsis-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

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

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