html,
body,
div,
p,
ul,
li,
span,
a,
img,
input {
	margin: 0;
	padding: 0;
	outline: none;
}

a,
img,
input,
textarea {
	border: none;
}

a {
	text-decoration: none;
}

ul,
li {
	list-style: none;
}

html,
body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: var(--bgColor);
	color: #000;
	font-family: "Microsoft YaHei", Arial;
	font-size: 16px;
	/*iso婊氬姩鏉℃儻鎬�*/
	-webkit-overflow-scrolling: touch;
	/*娑堥櫎杈撳叆妗嗗拰鎸夐挳鐨勫師鐢熷瑙�*/
	-webkit-appearance: none;
	/* 绂佺敤闀挎寜椤甸潰鏃剁殑寮瑰嚭鑿滃崟(iOS涓嬫湁鏁�) ,img鍜宎鏍囩閮借鍔�*/
	-webkit-touch-callout: none;
	/*鐐瑰嚮闃村奖*/
	-webkit-tap-highlight-color: transparent;
	/*寰俊IOS绂佹鏀惧ぇ*/
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
	/*鏂囧瓧鎶楅敮榻�*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body:before {
	width: 100%;
	height: 100%;
	content: ' ';
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	background: var(--bgColor);
}

img {
	vertical-align: middle;
	/* pointer-events: none; */
	outline: none;
	width: 100%;
}

.chosenImg {
	-webkit-touch-callout: default;
	pointer-events: auto;
	-webkit-user-select: none;
	user-select: none;
	touch-callout: none;
	-webkit-touch-callout: none;
}


input,
textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-modify: read-write-plaintext-only;
	outline: none;
	border: none;
	-webkit-appearance: none;
	background: none;
}

.imgposition {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
}

.img100 {
	width: 100% !important;
}

.disabled {
	pointer-events: none;
}

.hide {
	display: none;
}

.hedden {
	visibility: hidden;
}

.opacity {
	opacity: 0;
}

.fixedpages {
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 9;
}

.pages100 {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.x50 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.y50 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.xy50 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

:root {
	--bgColor: #FFF9F3;
}


#app {
	position: relative;
	width: 100%;
	height: 100%;
	min-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	overflow-y: auto;
	background: var(--bgColor);
}

.filter {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

/*alert Css   GO*/
.al_box {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .8);
	z-index: 99999;
	text-align: center;
}

.al_box .al_bor {
	position: absolute;
	width: 5rem;
	height: 2.5rem;
	border-radius: .1rem;
	background: white;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.al_box .al_text {
	position: absolute;
	width: 100%;
	height: 1.7rem;
	left: 0;
	top: 0;
	box-sizing: border-box;
	padding: 0 .2rem;
	border-top-left-radius: .1rem;
	border-top-right-radius: .1rem
}

.al_box .al_text p {
	position: absolute;
	width: 4.6rem;
	font-size: .28rem;
	font-weight: bold;
	color: black;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.al_box .al_close {
	position: absolute;
	width: 100%;
	height: .8rem;
	font-size: .28rem;
	font-weight: bold;
	color: #084f7c;
	line-height: .8rem;
	border-top: .01rem solid #ccc;
	left: 0;
	bottom: 0;
	border-bottom-left-radius: .1rem;
	border-bottom-right-radius: .1rem
}

/*alert Css  End*/


/*alertTip*/
.alertTip {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	min-width: 50%;
	background: rgba(0, 0, 0, .7);
	padding: 0.2rem 0;
	color: #fff;
	font-size: 0.24rem;
	border-radius: 0.1rem;
	text-align: center;
}


.blue {
	color: #1677FF;
}

.red {
	color: #FF3B30;
}