/* @font-face {
  font-family: 'MyFont';
  src: url('../font/Myfont.otf') format('truetype');
}
body {
  font-family: 'MyFont', sans-serif;
} */
/*  -- flex弹性布局 -- */
.flex {
	display: flex;
}

.relative{
	position: relative;
}

.basis-xs {
	flex-basis: 20%;
}

.basis-sm {
	flex-basis: 40%;
}

.basis-df {
	flex-basis: 50%;
}

.basis-lg {
	flex-basis: 60%;
}

.basis-xl {
	flex-basis: 80%;
}

.flex-sub {
	flex: 1;
}

.flex-twice {
	flex: 2;
}

.flex-treble {
	flex: 3;
}

.flex-row-reverse{
	flex-direction: row-reverse;
}


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

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

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

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

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

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

.align-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

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

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

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

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

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

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

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

/* -- margin外边距布局 -- */

/* margin */
.margin-tb-20 {
	margin: 1.04vw 0;
}

.margin-tb-24 {
	margin: 1.25vw 0;
}

.margin-tb-26 {
	margin: 1.35vw 0;
}

.margin-tb-30 {
	margin: 1.56vw 0;
}

/* margin-top */
.margin-top-12 {
	margin-top: .62vw;
}

.margin-top-14 {
	margin-top: .72vw;
}

.margin-top-20 {
	margin-top: 1.04vw;
}

.margin-top-24 {
	margin-top: 1.25vw;
}

.margin-top-26 {
	margin-top: 1.35vw;
}

.margin-top-28 {
	margin-top: 1.45vw;
}

.margin-top-30 {
	margin-top: 1.56vw;
}

.margin-top-36 {
	margin-top: 1.87vw;
}

.margin-top-60 {
	margin-top: 3.12vw;
}

.margin-top-72 {
	margin-top: 3.74vw;
}

/* margin-bottom */
.margin-bottom-20{
	margin-bottom: 1.04vw;
}

.margin-bottom-30{
	margin-bottom: 1.56vw;
}

.margin-bottom-60 {
	margin-bottom: 3.12vw;
}


/* margin-left */
.margin-left-16 {
	margin-left: .83vw;
}

.margin-left-20 {
	margin-left: 1.04vw;
}

.margin-left-30 {
	margin-left: 1.56vw;
}

.margin-left-60 {
	margin-left: 3.12vw;
}

/* margin-right */
.margin-right-20 {
	margin-right: 1.04vw;
}

.margin-right-30 {
	margin-right: 1.56vw;
}

.margin-right-60 {
	margin-right: 3.12vw;
}

.margin-right-auto {
	margin-right: auto;
}


/* -- padding内边距样式布局 -- */

/* padding-top */
.padding-top-30 {
	padding-top: 1.56vw;
}

/* padding-bottom */

.padding-bottom-0 {
	padding-bottom: 0;
}

.padding-bottom-30 {
	padding-bottom: 1.56vw;
}

.padding-bottom-60 {
	padding-bottom: 3.12vw;
}

/* padding */
.padding-tb-60 {
	padding: 3.12vw 0;
}

/* -- border样式布局  -- */
.divider {
	width: 100%;
	height: 1px;
	background: #ECECF2;
}

.border{
	border-style: solid;
	border-width: 1px;
}


/* -- 文本样式布局 -- */
.text-12 {
	font-size: 12px;
}

.text-14 {
  font-size: .73vw;
}

.text-16 {
	font-size: .83vw;
}

.text-18 {
	font-size: .93vw;
}

.text-20 {
	font-size: 1.04vw;
}

.text-24 {
	font-size: 1.25vw;
}

.text-26 {
	font-size: 1.35vw;
}

.text-28 {
	font-size: 1.46vw;
}

.text-30 {
	font-size: 1.56vw;
}

.text-32 {
	font-size: 1.66vw;
}

.text-36 {
	font-size: 36px;
}

.text-38 {
	font-size: 1.98vw;
}

.text-40 {
	font-size: 40px;
}

.text-42 {
	font-size: 2.18vw;
}

.text-center {
	text-align: center;
}

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

.text-bold {
	font-weight: bold;
}

.text-medium {
	font-weight: 500;
}

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

.text-more-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

/* -- 文本颜色样式布局 --  */
.color-success {
	color: #15A39D;
}
.color-danger {
	color: #DB503F;
}
.color-gray {
	color: #888;
}

.color-grayish {
	color: rgba(0, 0, 0, .25);
}

.color-black {
	color: #000;
}

.color-white {
	color: #fff;
}

.color-red {
	color: #DB503F;
}

.color-yellow {
	color: yellow;
}

.color-blue{
	color: #2390D7;
}

.color-green{
	color: #15A39D;
}

.color-333{
	color: #333;
}

.color-999{
	color:#999;
}

.color-666 {
	color: #666;
}

.color-lightwhite {
	color: rgba(255,255,255,.5);
}

.color-gray {
	color: rgba(255, 255, 255, .4);
}

.color-hover{
	color: #1976E1;
}

.color-lightgrey{
	color: #899194;
}

.w-full{
	width:100%;
}

/* -- input样式布局 -- */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

input[type="number"] {
	-moz-appearance: textfield;
}

::-webkit-input-placeholder {
	font-size: 1.04vw;
	color: #fff;
}

/* 鼠标滑过 */
.mouse-pointer:hover{
	cursor: pointer;
}
.mouse-text:hover{
	cursor: pointer;
	color: #1976E1;
}

@media screen and (min-width:750px){
	.mobile-show{
		display:none !important;
	}
	
}
@media screen and (max-width:750px) {
	.text-14{
		font-size:1.2rem;
	}
	.text-16{
		font-size:1.2rem;
	}
	.text-18{
		font-size:1.2rem;
	}
	.text-20{
		font-size:1.4rem;
	}
	.text-28{
		font-size:1.6rem;
	}
	.text-24{
		font-size:1.4rem;
	}
	.text-30 {
		font-size:1.7rem;
	}
	.text-32{
		font-size:2.1rem;
	}
	.text-38{
		font-size:2.1rem;
	}

	.mobile-text-center{
		text-align:center;
	}

	.margin-top-14 {
		margin-top: 1.44vw;
	}
	.margin-top-20{
		margin-top: 2vw;
	}

	.text-medium {
		font-weight: 600;
	}

	.mobile-hide{
		display: none !important;
	}
}