* {
	padding: 0;
	margin: 0;
}

body {
	background-color: #ebebeb;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
p {
	margin-bottom: 0;
}

body,
input {
	font-size: 100%;
	height: 100%;
	color: #3e4552;
	background-color: #fff;
}


li {
	list-style: none;
}

a {
	color: #000000;
	text-decoration: none !important;
}


/*定义1rem*/

@media screen and (max-width: 360px) {
	html {
		font-size: 24px;
	}
}

@media screen and (min-width: 361px) and (max-width: 375px) {
	html {
		font-size: 24px;
	}
}

@media screen and (min-width: 376px) {
	html {
		font-size: 24px;
	}
}

.mui-btn-blue,
.mui-btn-primary,
input[type=submit] {
	color: #fff;
	border: 0.067rem solid #228ee6;
	background-color: #228ee6;
}








/*主色调及常用颜色*/

.blue {
	color: #228ee6;
}

.blue2 {
	color: #45abfe;
}

.blue-bg {
	background-color: #228ee6;
	color: #fff;
}

.blue2-bg {
	background-color: #45abfe;
	color: #fff;
}

.blue3-bg {
	background-color: #97a9b8;
	color: #fff;
}

.green {
	color: #0c9;
}

.green-bg {
	background-color: #0c9;
	color: #fff;
}

.blue-q {
	color: #97a9b8;
}

.orange {
	color: orange;
}

.orange-bg {
	background-color: orange;
	color: #fff;
}

.gray {
	color: #d8d8d8;
}

.gray-bg {
	background-color: #f6f6f6;
}

.gray-bg2 {
	background-color: #d8d8d8;
	color: #fff;
}

.oym_gray {
	color: #7f7f7f;
}

.oym_gray1 {
	color: #b2b2b2;
}


.red {
	color: red;
}

.red-bg {
	background-color: red;
	color: #fff;
}

.yellow {
	color: #fc0;
}

.align-r {
	text-align: right;
}

.font1 {
	font-size: 1rem;
}

.font1-2 {
	font-size: 1.2rem;
}

.h3 {
	height: 3rem;

}

.white {
	background: white;
}

.black {
	color: #000000;
}


/*圆点*/

.tag {
	display: block;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 100%;
	margin: 0.3rem auto;
}


/*滚动区域*/

.main,
.roll-y {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.content {
	width: 94%;
	overflow: hidden;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0px 0.083rem 1.25rem 0px rgba(0, 0, 0, 0.1);
	border-radius: 0.2rem;
	margin-top: 0.667rem;
}

.content:last-child {
	margin-bottom: 0.667rem;
}

.pad {
	padding: 0.667rem 3%;
}







/*flex布局*/

.flex-box {
	display: flex;
}


/*换行布局*/

.flex-wrap {
	flex-wrap: wrap;
}

.flex-nowrap {
	flex-wrap: nowrap;
}


/*居中*/

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

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


/*竖排*/

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


/*两端对齐*/

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


/*两边同距离*/

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


/*不缩放*/

.flex-none {
	flex: none;
}

/*交叉轴*/

.z-2 {
	z-index: 2;
}

.z-1 {
	position: absolute;
	right: 3%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.border-r {
	border-radius: 0.2rem;
}

.border-t {
	border-top: 0.067rem solid #d8d8d8;

}

.border-b {
	border-bottom: 0.067rem solid #d8d8d8;
}

.margin-l {
	margin-left: 1.5rem;
}

.margin-t {
	margin-top: 1.5rem;
}

.margin-b {
	margin-bottom: 1.5rem;
}

.margin-r {
	margin-right: 1.5rem;
}

.fixed-b {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
}

.width80{
	width: 80%;
}
.width60{
	width: 60%;
}
.width50 {
	width: 100%;
}
.width40{
	width: 40%;
}
.width30{
	width: 30%;
}
.width20{
	width: 20%;
}
.width12{
	width: 15%;
}
.width10{
	width: 100px;
}

.mui-hidden{
	display: none;
}

.BottomNavigation a:hover {
	color: #00aaff !important;
}

.Cy_Products {
	font-weight: 900;
	font-size: 20px;
	margin-bottom: 5px;
}