@charset "utf-8";

/* CSS Document */

/*
 * 全局公共样式
 * 头部/底部/以及公用模块样式
 * 
 */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input,li,ul,a,span{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body{font:14px/1.5 'Times New Roman',Times,Arial,"Microsoft Yahei","微软雅黑",sans-serif;}
img{border:none;pointer-events: none;}
li{list-style:none;}
input,select,textarea{outline:none;}
html,
body {
	max-width: 640px;
	margin: 0 auto;
}
a, a:focus, a:hover{text-decoration:none;}
* {
	-webkit-backface-visibility: hidden;
	margin: 0;
	padding: 0;
}

a {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
/*
 *清楚浮动
 */
.clearfix:before,.clearfix:after { content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

#main{
	width: 100%;
	max-width: 640px;
	min-height: 100vh;
	margin: 0 auto;
	overflow-x: hidden;
	position: relative;
	z-index: 9;
	/* background-color: #0009af; */
	background-color: #0493f3;
	background-image: url(../img/bg.png);
	background-size: 100% auto;
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 20%;
}
#main::-webkit-scrollbar {
    display: block;
}
#main::-webkit-scrollbar {
    width: 0;
    background: transparent !important;
    display: block;
}
#main::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: transparent;
    -webkit-box-shadow: none;
}
.banner{
	position: relative;
	padding-top: 64%;
}
.banner img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

/* 吐司样式 */
.toast_box {
	width: 100%;
	position: fixed;
	top: 50%;
	left: 0;
	justify-content: center;
	z-index: 99999;
}

.toast_box p {
	box-sizing: border-box;
	padding: 10px 30px;
	max-width: 72%;
	width: max-content;
	background: #fff;
	color: #333;
	font-size: 16px;
	text-align: center;
	border-radius: 6px;
	text-indent: 0;
	margin: 0 auto;
}


.page-title{
	text-align: center;
	margin-bottom: 0.5rem;
}
.page-title div{
	display: inline-block;
	max-width: 90%;
	background: -webkit-linear-gradient(left, #12c4f0 0%, #3540ea 100%);
	background: -moz-linear-gradient(left, #12c4f0 0%, #3540ea 100%);
	background: -o-linear-gradient(left, #12c4f0 0%, #3540ea 100%);
	background: linear-gradient(to right, #12c4f0 0%, #3540ea 100%);
	font-size: 0.30rem;
	border-radius: 0.1rem;
	position: relative;
	padding: 2% 6%;
	color: #fff;
	font-weight: bold;
	font-family: 'Times New Roman',Times,Arial,"Microsoft Yahei","微软雅黑",sans-serif;
	z-index: 1;
	transform-style: preserve-3d;
}
.page-title div:after{
	content: "";
	border-radius: 0.1rem;
	width: 100%;
	height: 100%;
	position: absolute;
	border: 0.02rem solid #fff;
	z-index: -3;
	left: 0.06rem;
	top: 0.03rem;
	transform: translateZ(-1px)
}