/* flex 布局 */
.flex{
	display:flex;
	flex-direction:row;
}
.flex-row{ flex-direction:row!important; }
.flex-column{ flex-direction:column!important; }
.flex-row-reverse{ flex-direction:row-reverse!important; }
.flex-column-reverse{ flex-direction:column-reverse!important; }
.flex-wrap{ flex-wrap:wrap;}
.flex-nowrap{ flex-wrap:nowrap;}
.justify-start{justify-content:flex-start;}
.justify-end{justify-content:flex-end;}
.justify-between{justify-content:space-between;}
.justify-around{justify-content:space-around;}
.justify-center{justify-content:center;}
.align-center{ align-items: center; }
.align-stretch{ align-items: stretch; }
.align-start{ align-items: flex-start; }
.align-end{ align-items: flex-end; }
.red {color: #ff0000;}
.flex-1{ flex: 1; }
.flex-2{ flex: 2; }
.flex-3{ flex: 3; }
.flex-4{ flex: 4; }
.flex-5{ flex: 5; }
.el-scrollbar__bar.is-horizontal>div{
	display: none!important;
}
.pb {padding-bottom: 5px;}
.m-0 { margin: 0; }

.m-1 { margin: 10px; }
.m-2 { margin: 20px; }
.m-3 { margin: 30px; }
.m-4 { margin: 40px; }
.m-5 { margin: 50px; }
.mt { margin-top: 5px; }
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 10px; }
.mt-2 { margin-top: 20px; }
.mt-3 { margin-top: 30px; }
.mt-4 { margin-top: 40px; }
.mt-5 { margin-top: 50px; }
.mb-0 { margin-bottom: 0; }
.mb { margin-bottom: 5px; }
.mb-1 { margin-bottom: 10px; }
.mb-2 { margin-bottom: 20px; }
.mb-3 { margin-bottom: 30px; }
.mb-4 { margin-bottom: 40px; }
.mb-5 { margin-bottom: 50px; }
.ml-0 { margin-left: 0; }
.ml-22{margin-left: 22px;}
.ml-24{margin-left: 24px;}
.ml-1 { margin-left: 10px; }
.ml-2 { margin-left: 20px; }
.ml-3 { margin-left: 30px; }
.ml-4 { margin-left: 40px; }
.ml-5 { margin-left: 50px; }
.mr-0 { margin-right: 0; }

.mr-1 { margin-right: 10px; }
.mr-2 { margin-right: 20px; }
.mr-3 { margin-right: 30px; }
.mr-4 { margin-right: 40px; }
.mr-5 { margin-right: 50px; }
.my-0 { margin-top: 0; margin-bottom: 0; }

.my-1 { margin-top: 10px; margin-bottom: 10px; }
.my-2 { margin-top: 20px; margin-bottom: 20px; }
.my-3 { margin-top: 30px; margin-bottom: 30px; }
.my-4 { margin-top: 40px; margin-bottom: 40px; }
.my-5 { margin-top: 50px; margin-bottom: 50px; }
.mx-0 { margin-left: 0; margin-right: 0; }

.mx-1 { margin-left: 10px; margin-right: 10px;}
.mx-2 { margin-left: 20px; margin-right: 20px;}
.mx-3 { margin-left: 30px; margin-right: 30px;}
.mx-4 { margin-left: 40px; margin-right: 40px;}
.mx-5 { margin-left: 50px; margin-right: 50px;}

.p-0 { padding: 0; }
.p { padding: 5px; }
.p-1 { padding: 10px; }
.p-12 { padding: 12px; }
.p-15 { padding: 15px; }
.p-2 { padding: 20px; }
.p-3 { padding: 30px; }
.p-4 { padding: 40px; }
.p-5 { padding: 50px; }
.pt-0 { padding-top: 0; }
.pt { padding-top: 5px; }
.pt-1 { padding-top: 10px; }
.pt-2 { padding-top: 20px; }
.pt-3 { padding-top: 30px; }
.pt-4 { padding-top: 40px; }
.pt-5 { padding-top: 50px; }
.pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: 10px; }
.pb { padding-bottom: 5px; }
.pb-2 { padding-bottom: 20px; }
.pb-3 { padding-bottom: 30px; }
.pb-4 { padding-bottom: 40px; }
.pb-5 { padding-bottom: 50px; }
.pb-6 { padding-bottom: 60px; }
.pl-0 { padding-left: 0; }
.pl { padding-left: 5px; }
.pl-1 { padding-left: 10px; }
.pl-2 { padding-left: 20px; }
.pl-3 { padding-left: 30px; }
.pl-4 { padding-left: 40px; }
.pl-5 { padding-left: 50px; }
.pr-0 { padding-right: 0; }
.pr { padding-right: 5px; }
.pr-1 { padding-right: 10px; }
.pr-2 { padding-right: 20px; }
.pr-3 { padding-right: 30px; }
.pr-4 { padding-right: 40px; }
.pr-5 { padding-right: 50px; }
.py-0 { padding-top: 0; padding-bottom: 0; }
.py { padding-top: 5px; padding-bottom: 5px; }
.py-1 { padding-top: 10px; padding-bottom: 10px; }
.py-2 { padding-top: 20px; padding-bottom: 20px; }
.py-3 { padding-top: 30px; padding-bottom: 30px; }
.py-4 { padding-top: 40px; padding-bottom: 40px; }
.py-5 { padding-top: 50px; padding-bottom: 50px; }
.px-0 { padding-left: 0; padding-right: 0; }
.px-1 { padding-left: 10px; padding-right: 10px;}
.px { padding-left: 5px; padding-right: 5px;}
.px-2 { padding-left: 20px; padding-right: 20px;}
.px-3 { padding-left: 30px; padding-right: 30px;}
.px-4 { padding-left: 40px; padding-right: 40px;}
.px-5 { padding-left: 50px; padding-right: 50px;}
/* 文字大小 */
.font-s { font-size: 12px;}
.font-sb { font-size: 14px;font-weight: bold;}
.font-smaller { font-size: 14px;}
.font-m { font-size: 15px;}
.font-small { font-size: 16px;}
.font-sm { font-size: 25px;}
.font { font-size: 30px;}
.font-md { font-size: 35px;}
.font-lg { font-size: 40px;}
.h1{font-size:80px; line-height:1.8;}
.h2{font-size:60px; line-height:1.8;}
.h3{font-size:45px; line-height:1.8;}
.h4{font-size:32px; line-height:1.8;}
.h5{font-size:30px; line-height:1.8;}
.h6{font-size:28px; line-height:1.8;}