:root {
	--c-background: #ffffff;
	--c-blue: #57a0ff;
	--c-darkblue: #1a85ff;
	--c-black: #353535;
	--c-advblack: #000000;
	--c-red: #f42c4d;
	--c-rhodo: #fa5150;
	--c-orange: #fe8201;
	--c-gray: #888888;
	--c-lgray: #b2b2b2;
}

/* 定义 dark 模式的颜色 */
@media (prefers-color-scheme: dark) {
	:root {
		--c-background: #ffffff;
		--c-blue: #57a0ff;
		--c-darkblue: #1a85ff;
		--c-black: #353535;
		--c-advblack: #000000;
		--c-red: #f42c4d;
		--c-rhodo: #fa5150;
		--c-orange: #fe8201;
		--c-gray: #888888;
		--c-lgray: #b2b2b2;
	}
}

html {
	font-size: 16px;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	overflow-x: hidden;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	cursor: pointer;
}

.animated.fast {
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
}

.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/

.dl-horizontal dt {
	white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */

input,
select,
textarea {
}

a:hover {
	text-decoration: none;
}

.btn-danger {
	background-color: #ff5500;
	border-color: #ff5500;
}

.btn-danger.focus,
.btn-danger:focus {
	box-shadow: 0 0 0 1px #ff7700;
}

.btn-danger:hover,
.btn-danger:active {
	background-color: #ff7700;
	border-color: #ff7700;
}

.btn-danger.disabled,
.btn-danger:disabled {
	background-color: #aaaaaa;
	border-color: #aaaaaa;
}

.no-wrap {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.highlight {
	color: #ff5500;
}

.select-100 .highlight {
	color: #fac000;
}

.navbar {
	line-height: 1;
	font-size: 0.875rem !important;
	box-shadow: 0px 1px 8px gainsboro;
	padding: 0.5rem;
}

.navbar-back {
	position: absolute;
	left: 0.5rem;
	z-index: 110;
	transition: all ease 0.2s;
}

.navbar-back:active {
	color: orange;
}

.navbar-menu {
	position: absolute;
	right: 0.5rem;
	z-index: 110;
}

.top {
	padding-top: 38px;
}

.dropdown-menu.show {
	right: 0;
	left: unset;
	box-shadow: 1px 1px 8px gainsboro;
	min-width: 7rem !important;
}

.main-title {
	position: relative;
	z-index: 100;
	line-height: 1.5;
}

.layui-m-layer0 .layui-m-layerchild:not(.layui-m-layer-msg) {
	width: 75% !important;
}

.layui-m-layer0 .layui-m-layerchild:not(.layui-m-layer-msg) .layui-m-layercont {
	padding: 1.5rem;
}

.dropdown-item {
	padding: 0.25rem 0.5rem;
}

.dropdown-item i {
	margin-right: 0.5rem;
}

input::-webkit-input-placeholder {
	color: #888888;
	padding-left: 0;
}

.menu-top {
	padding: 0.5rem 0;
}

.img-icon {
	height: 18px;
	width: 18px;
}

.navbar.search {
	padding-top: 0.5rem;
	padding-bottom: 0.375rem;
}

.title-search {
	width: calc(100% - 4rem);
	margin-left: 0.5rem;
	appearance: none;
	border: none;
	border-radius: 0.25rem;
	background: url("../images/放大镜.png") no-repeat 0.25rem 50%;
	background-size: auto 64%;
	background-color: #f1f2f6;
	padding-left: 1.5rem;
}

input::-webkit-input-placeholder {
	color: #aaa;
}

*[v-cloak] {
	display: none !important;
}

.nav-link {
	position: relative;
}

.nav-link.active::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #ff5500;
}

.row-more {
	position: relative;
}

.row-more::before {
	position: absolute;
	content: "";
	background: url("../images/sr.png") no-repeat center center;
	background-size: auto 30%;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1.5rem;
}

.btn-fade {
	border: none;
	background: #f45b29;
	background-image: linear-gradient(to right, #f45b29, #fd931e);
	border-radius: 0.25rem !important;
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
}

.btn-fade.disabled {
	background: lightgray;
	background-image: linear-gradient(to right, lightgray, gray);
}

.btn-fade.select-100,
.select-100 .btn-fade {
	background: #2e3244 !important;
	color: #f5ca3a;
	background-image: linear-gradient(to right, #2e3244, #2e3244) !important;
}

a:not(.btn-fade).select-100 {
	color: #f5ca3a;
}

.btn-danger.focus,
.btn-danger:focus {
	box-shadow: none;
}

.btn-fade:active {
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
	background: #bd2130 !important;
	background-image: linear-gradient(to right, #ff5500, #bd2130) !important;
}

a.btn-fade {
	color: white !important;
}

.fixed-bottom > .btn-fade {
	border-radius: 0 !important;
}

.btn-fade.disabled {
	background-color: gray !important;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
}

.btn-fade.disabled:active {
	background-color: lightgray;
}

.btn-fade.disabled:focus {
	box-shadow: 0 0 0 1px gray;
}

.btn.btn-outline-secondary {
	border-color: #999;
	color: #999;
}

.btn.btn-outline-secondary:hover {
	color: white;
}

.select-100 .navbar-back,
.select-100 .navbar-menu {
	color: #fac000;
}

.fade-enter-active,
.fade-leave-active {
	transition: opacity 0.3s ease-in-out;
}

.fade-enter,
.fade-leave-to {
	opacity: 0;
}

.por {
	font-size: 0.625rem;
	color: #b2b2b2;
	position: absolute;
	padding-top: calc(100vh * 0.0239880059970015);
	bottom: 3vmax;
	left: 0;
	right: 0;
	transition: all 0.2s ease;
}

.por.rel {
	position: unset;
	transition: all 0.2s ease;
}

.por a {
	font-size: 0.625rem !important;
	color: #b2b2b2;
}

.icon-menu2 {
	position: relative;
	height: 1rem;
	width: 1rem;
}

.icon-menu2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("../images/menu.png") no-repeat center center;
	background-size: contain;
}

.blur {
	filter: blur(0.25rem);
	overflow: hidden;
}

.fixed-bottom .btn {
	border-radius: 0;
}

.borderless {
	border: none;
	background-color: transparent;
}

.btn.btn-blue {
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
	background: linear-gradient(
			360deg,
			rgba(87, 160, 255, 1) 0%,
			rgba(70, 185, 255, 1) 100%
	) !important;
	color: white;
	transition: all ease 0.2s;
	border-radius: 0.625rem;
	border-width: 0;
}

.btn.btn-blue.disabled {
	background: linear-gradient(to bottom, #b2dffb, #b8d6fb) !important;
}

.btn.btn-blue:active {
	box-shadow: 0px 1px 6px #46b9ff;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin-bottom: 0 !important;
}

.layui-m-layercont p {
	color: white;
}

.mt1375 {
	margin-top: 1.375rem;
}

.c-white {
	color: white;
}

.c-a1,
.c-blue {
	color: #57a0ff;
}

.c-darkblue {
	color: #1a85ff;
}

.c-a2,
.c-black {
	color: #353535;
}

.c-advblack {
	color: #000;
}

.c-red {
	color: #f42c4d;
}

.c-rhodo {
	color: #fa5150;
}

.c-orange {
	color: #fe8201;
}

.h35 {
	font-size: 1.125rem;
}

.c-gray {
	color: #888888;
}

.c-lgray {
	color: #b2b2b2;
}

.h7 {
	font-size: 0.625rem;
}

.px30 {
	padding-left: 30px;
	padding-right: 30px;
}

.pb12 {
	padding-bottom: 0.75rem;
}

.mt20 {
	margin-top: 1.25rem;
}

.mt24 {
	margin-top: 1.5rem;
}

.mt12 {
	margin-top: 0.75rem;
}

.mt14 {
	margin-top: 0.875rem;
}

.mt18 {
	margin-top: 1.125rem;
}

.mt40 {
	margin-top: 2.5rem;
}

.mt56 {
	margin-top: 3.5rem;
}

.mt04 {
	margin-top: 0.25rem;
}

.mt84 {
	margin-top: 5.25rem;
}

.mt02 {
	margin-top: 0.125rem;
}

.mh42 {
	min-height: 2.625rem;
}

.h45 {
	font-size: 1.125rem;
}

.h24 {
	font-size: 1.5rem;
}

.mt05 {
	margin-top: 0.25rem;
}

.mt44 {
	margin-top: 2.75rem;
}

.h-22 {
	font-size: 1.375rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: normal;
}

.weui-areapicker a.weui-btn.weui-btn_primary {
	background-color: #20a8d8 !important;
}

.c-black4a {
	color: #4a4a4a;
}