/* background-color */
.bg-light{background-color: #f2f2f2;}
.bg-white{background-color: white;}

/* text-align */
.text-right{text-align: right;}
.text-left{text-align: left;}

/* color */
.text-orange{color: #f90;}
.text-white{color: #fff;}
.text-white-50{color: rgba(255,255,255,.5);}
.text-black{color: #36383a;}
.text-black-50{color:#a8abae;}

/* margin */
.m-0{margin: 0;}
.mt-0{margin-top: 0;}
.mt-1{margin-top: 10px!important;}
.mt-2{margin-top: 20px;}
.mt-3{margin-top: 30px;}
.mt-5{margin-top: 50px;}
.mt-10{margin-top: 100px;}
.mt-11{margin-top: 140px;}
.mr-1{margin-right: 10px;}
.mr-2{margin-right: 20px;}
.mr-3{margin-right: 30px;}
.mb-0{margin-bottom: 0;}
.mb-1{margin-bottom: 10px;}
.mb-2{margin-bottom: 20px;}
.mb-3{margin-bottom: 30px;}
.mb-5{margin-bottom: 50px;}
.mb-10{margin-bottom: 100px;}
.ml-1{margin-left: 10px;}
.ml-2{margin-left: 20px;}
.ml-3{margin-left: 30px;}
.mx-0{margin-left: 0;margin-right: 0;}
.mx-1{margin-left: 10px;margin-right: 10px;}
.mx-2{margin-left: 20px;margin-right: 20px;}
.my-2{margin-top: 20px;margin-bottom: 20px;}
.my-3{margin-top: 30px;margin-bottom: 30px;}
.my-5{margin-top: 50px;margin-bottom: 50px;}

/* padding */
.p-1{padding: 10px;}
.p-2{padding: 20px;}
.p-3{padding: 30px;}
.p-4{padding:5px;}
.pt-2{padding-top: 20px;}
.pt-3{padding-top: 30px;}
.pt-5{padding-top: 50px;}
.pr-3{padding-right: 30px;}
.pb-1{padding-bottom: 10px;}
.pb-2{padding-bottom: 20px;}
.pb-3{padding-bottom: 30px;}
.pl-3{padding-left: 30px!important;}
.pl-5{padding-left: 50px!important;}.pl-6{padding-left: 65px!important;}
.pl-10{padding-left: 100px;}
.px-2{padding-left: 20px;padding-right: 20px;}
.px-3{padding-left: 30px;padding-right: 30px;}
.px-5{padding-left: 50px;padding-right: 50px;}
.py-1{padding-top: 10px;padding-bottom: 10px;}
.py-2{padding-top:40px;padding-bottom:40px;}
.py-3{padding-top: 30px;padding-bottom: 30px;}
.py-4{padding-top:20px;padding-bottom:20px;}

/* width */
.w-25{width: 25%;}
.w-50{width: 50%;}

/* height */
.h-100{height: 100%;}

/* border */
.border{border: 1px solid #f0f0f0;}
.border-right{border-right: 1px solid #f0f0f0;}
.border-bottom{border-bottom: 1px solid #f0f0f0;}

/* position */
.position-relative{position: relative;}
.position-absolute{position: absolute;}

/* display */
.d-inline-block{display: inline-block;}

.line1{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 768px) {
    .mt-xs-2{margin-top: 20px!important;}
    .mt-xs-5{margin-top: 50px;}
    .mb-xs-2{margin-bottom: 20px;}
    .mb-xs-3{margin-bottom: 30px;}
}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {

}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
    .mt-md-10{margin-top: 100px;}
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
	.mt-lg-0{margin-top: 0!important;}
    .mt-lg-5{margin-top: 50px;}
	.mb-lg-5{margin-bottom: 50px;}
	.my-lg-5{margin-top: 50px;margin-bottom: 50px;}
    .pb-lg-3{padding-top: 30px;padding-bottom: 30px;}
}