@charset "utf-8";
/* CSS Document */
html {
	font-size: 52px;
	max-width: 100%;
	margin: 0 auto;
}
@media only screen and (min-width: 376px) {
	html {
		font-size: 52px;
	}
}
@media only screen and (min-width: 429px) {
	html {
		font-size: 57px;
	}
}

@media only screen and (min-width: 529px) {
	html {
		font-size: 70px;
	}
}

@media only screen and (min-width: 750px) {
	html {
		font-size: 60px;
	}
}
@media only screen and (min-width: 1100px) {
	html {
		font-size: 72px;
	}
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
/* 清除触摸高亮 */
* {
	-webkit-tap-highlight-color: transparent
}

input {
	-webkit-appearance: none
}

img,
a {
	-webkit-touch-callout: none
}

a {
	color: #333;
	text-decoration: none
}

ul {
	margin: 0;
	padding: 0;
	list-style: none
}

img {
	display: block;
}

div {
	box-sizing: border-box
}

.clearfix:after {
	content: "";
	display: block;
	line-height: 0;
	visibility: hidden;
	height: 0;
	clear: both
}

.clearfix {
	*zoom: 1;
}

em,
i {
	font-style: normal
}

textarea {
	resize: none;
}
.dispflex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mrn {
	margin-right: 0.1rem !important;
}
.mrm{
	margin-right: 0.25rem !important;
}
.mbn{
	margin-bottom: 0.1rem !important;
}
.mbm {
	margin-bottom: 0.25rem !important;
}
.mtn {
	margin-top: 0.1rem !important;
}
.width-100{
	width: 100%;
}
/*  */
.boxall{
	box-shadow: 0px 6px 16px -2px rgba(2, 21, 45,0.7);
}

.input-label {
	width: 100%;
	color: #666;
	font-size: 0.26rem;
}

.input {
	padding:0.2rem 0.2rem;
	line-height: 1;
	border-radius: 5px;
	border: 1px solid #e0e5eb;
	background-color: #fff;
	text-align: left;
	font-size: 0.26rem;
}

.custom-select {
	display: inline-block;
	position: relative;
	font-family: Arial, sans-serif;
	width: 100%;
}

.custom-select select {
	display: block;
	width: 100%;
	padding: 0.2rem;
	font-size: 0.28rem;
	border: 1px solid #eee;
	border-radius: 5px;
	appearance: none;
	color: #c2a06c;
	/* Remove default arrow in Firefox */
}

.custom-select select::-ms-expand {
	display: none;
	/* Remove default arrow in IE 10+ */
}

select:focus,input:focus {
	outline: none;
	border-color: #c2a06c;
}

.custom-select select option {
	padding: 0.2rem;
}

.custom-select::after {
	content: '';
	/* Unicode for down arrow */
	position: absolute;
	top: 50%;
	right: 0.2rem;
	transform: translateY(-50%);
	width: 0.28rem;
	height: 0.28rem;
	background: url(../images/jt-down.svg) no-repeat top center;
	background-size: 100% auto;
}
.hide{
	display: none !important;
}
.show{
	display: block !important;
}
.tiptext{
	color: #dd380e;
}
.tiptext-huan{
	color: #edad0c;
}
/* Custom table styles */
table {
	border-collapse: collapse;
	width: 100%;
}

table,
th,
td {
	border: 2px solid #ddd;
}

th,
td {
	border-width: 1px;
	text-align: center;
	padding: 0.15rem 0.08rem;
	color:#666;
	border-color: #eee;
	width: 25%;
}
td{
	font-size: 0.23rem;
}
th {
	background-color: #f5f5f5;
	color: #000;
}

tr:nth-child(even) {
	background-color: #f5f5f5;
}

tr:nth-child(odd) {
	background-color: #fff;
}
.dispflex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.f-w-b{
	font-weight: bold;
}
@font-face {
	font-family: 'Gabar';
	src: url('../font/Gabarito-VariableFont_wght.ttf') format('truetype');
}