* {
	list-style: none;
	font-style: normal;
	padding: 0;
	margin: 0;
}

div,
span,
em,
p,
ul,
li {
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

html,
body {
	height: 100%;
	overflow: hidden;
}

body {
	font-size: 0.24rem;
	font-family: Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
	box-sizing: border-box;
}

.container {
	width: 100%;
	height: 100%;
	max-width: 750px;
	margin: auto;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.container .scrollview {
	flex: 1;
	overflow-y: auto;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}

.scrollbar-Beautify::-webkit-scrollbar {
	width: 0;
	background-color: #001236;
}

.less-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.less-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.no-select {
	user-select: none;
	/* 禁止用户选中图片 */
	-webkit-user-select: none;
	/* Safari 浏览器支持 */
	-moz-user-select: none;
	/* Firefox 浏览器支持 */
	-ms-user-select: none;
	/* IE/Edge 浏览器支持 */
}

/*公共样式*/
.flex {
	display: flex;
}

.flex1 {
	flex: 1;
}

.flex-column {
	flex-direction: column;
}

.flex-align-center {
	align-items: center;
}

.flex-justify-center {
	justify-content: center;
}

.flex-justify-between {
	justify-content: space-between;
}

.yellow-color {
	color: #eee325 !important;
}

.red-color {
	color: #c50c23 !important;
}

.white-color {
	color: #fff !important;
}

.black-color {
	color: #000 !important;
}



.fontstyle-italic {
	font-style: italic !important;
}

.fontB {
	font-weight: bold !important;
}

.font20 {
	font-size: 0.2rem !important;
}

.font24 {
	font-size: 0.24rem !important;
}

.font30 {
	font-size: 0.3rem !important;
}

.font32 {
	font-size: 0.32rem !important;
}

.font34 {
	font-size: 0.34rem !important;
}

.font40 {
	font-size: 0.4rem !important;
}

.font50 {
	font-size: 0.5rem !important;
}

.mt5 {
	margin-top: 0.05rem !important;
}


.mt10 {
	margin-top: 0.1rem !important;
}

.mt15 {
	margin-top: 0.15rem !important;
}

.mt20 {
	margin-top: 0.2rem !important;
}

.mt50 {
	margin-top: 0.5rem !important;
}

.mt90 {
	margin-top: 0.9rem !important;
}

.mt100 {
	margin-top: 1rem !important;
}

.pl30 {
	padding-left: 0.3rem;
}

.pl50 {
	padding-left: 0.5rem;
}

.pl100 {
	padding-left: 1rem;
}

.pl150 {
	padding-left: 1.5rem;
}



.myframe {
	animation: myframe 1.5s infinite;
}

@keyframes myframe {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.88);
	}

	100% {
		transform: scale(1);
	}
}


.myframe1 {
	animation: myframe1 0.5s infinite;
}

@keyframes myframe1 {
	0% {
		left: 0px;
	}

	50% {
		left: 10px;
	}

	100% {
		left: 0px;
	}
}