/* 防止图片闪一下 */
image{will-change:transform}
/* scroll-view */
.scroll-row{width:100%;white-space: nowrap;}
.scroll-row-item{display: inline-block;}
body{
	--primary:#007bff;
	--secondary:#6c757d;
	--success:#28a745;
	--danger:#dc3545;
	--warning:#ddc107;
	--info:#17a2b8;
	--light:#f8f9fa;
	--dark:#343a40;
	--muted:#6c757d;
	--white:#fff;
	--borderColor:#dee2e6;
	--lightmuted:#b2b2b2;
	--pink:#ff6060;
	--green:#1bc550;
	--orange:#FD6801;
	--light-secondary:#f1f1f1;
	--dark-primary:#004080;
}
/* 阴影 */
.shadow-sm{box-shadow:0 2upx 4upx rgba(114,130,138,.2)!important}
.shadow{box-shadow:0 8upx 16upx rgba(114,130,138,.2)!important}
.shadow-lg{box-shadow:0 16upx 48upx rgba(114,130,138,.2)!important}
/* 定位 */
.position-absolute{position:absolute}
.position-relative{position:relative;}
.position-fixed{position:fixed;}
.top-0{top:0;}.bottom-0{bottom:0;}.right-0{right:0}.left-0{left:0}
.zindex-l{z-index:999}
.zindex-m{z-index:10}
.zindex-s{z-index:1}
/* 宽高 */
.w-100{width:100%}.w-50{width:50%}.h-100{height:1250upx}.h-50{height:625upx}
/* 字体 */
.font{font-size: 25upx;}
.font-sm{font-size: 22upx;}
.font-md{font-size: 30upx;}
.font-md-lg{font-size: 34upx;}
.font-lg{font-size: 40upx;}
.font-big{font-size: 60upx;}
.font-big-lg{font-size: 80upx;}
.font-weight{font-weight: bold !important;}
.line-h0{line-height: 0!important;}
.line-h{line-height: 1!important;}
.line-h-sm{line-height: 1.2!important;}
.line-h-md{line-height: 1.5!important;}
.line-h-lg{line-height: 1.8!important;}
.line-h-big{line-height: 3!important;}

.line-through{text-decoration: line-through;}
.text-center{text-align:center;}.text-left{text-align:left;}.text-right{text-align:right;}
.text-overflow{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
/* 布局 */
.row{box-sizing:border-box !important;display: flex !important;flex-direction: row;flex-wrap: wrap;}
[class*='col-'],[class*='span-'],[class*='span24-']{min-height: 1px;box-sizing: border-box !important;}
/* 栅栏1------ */
.col-1{width:62.5upx;}
.col-2{width:125upx;}
.col-3{width:187.5upx;}
.col-4{width:250upx;}
.col-5{width:312.5upx;}
.col-6{width:375upx;}
.col-7{width:437.5upx;}
.col-8{width:500upx;}
.col-9{width:562.5upx;}
.col-10{width:625upx;}
.col-11{width:687.5upx;}
.col-12{width:750upx;}
/* 栅栏2------ */
.span-1{width:5%;}
.span-2{width:10%;}
.span-3{width:15%;}
.span-4{width:20%;}
.span-5{width:25%;}
.span-6{width:30%;}
.span-7{width:35%;}
.span-8{width:40%;}
.span-9{width:45%;}
.span-10{width:50%;}
.span-11{width:55%;}
.span-12{width:60%;}
.span-13{width:65%;}
.span-14{width:70%;}
.span-15{width:75%;}
.span-16{width:80%;}
.span-17{width:85%;}
.span-18{width:90%;}
.span-19{width:95%;}
.span-20{width:100%;}
/* 栅栏3----- */
.span24-1{width: 4.17% !important;}
.span24-2{width: 8.33% !important;}
.span24-3{width: 12.5% !important;}
.span24-4{width: 16.67% !important;}
.span24-5{width: 20.83% !important;}
.span24-6{width: 25% !important;}
.span24-7{width: 29.17% !important;}
.span24-8{width: 33.33% !important;}
.span24-9{width: 37.5% !important;}
.span24-10{width: 41.67% !important;}
.span24-11{width: 45.83% !important;}
.span24-12{width: 50% !important;}
.span24-13{width: 54.17% !important;}
.span24-14{width: 58.33% !important;}
.span24-15{width: 62.5% !important;}
.span24-16{width: 66.67% !important;}
.span24-17{width: 70.83% !important;}
.span24-18{width: 75% !important;}
.span24-19{width: 79.17% !important;}
.span24-20{width: 83.33% !important;}
.span24-21{width: 87.5% !important;}
.span24-22{width: 91.67% !important;}
.span24-23{width: 95.83% !important;}
.span24-24{width: 100% !important;}
/* flex布局 */
.d-flex{display: flex;}
.d-block{display: block;}
.d-none{display: none;}
.d-inline-block{display: inline-block;}
.flex-1{flex: 1;}
.flex-column{flex-direction: column;}
.flex-row{flex-direction: row ;}
.flex-wrap{flex-wrap: wrap ;}
.flex-nowrap{flex-wrap: nowrap;}
.flex-shrink{flex-shrink: 0;}
.j-start{justify-content:flex-start}
.j-center{justify-content:center}
.j-end{justify-content:flex-end}
.j-sb{justify-content:space-between}
.a-center{align-items: center;}
.a-start{align-items:flex-start;}
.a-end{align-items:flex-end;}
.a-strech{align-items:stretch;}
.a-self-start{align-self: flex-start;}
.a-self-end{align-self:flex-end;}
.a-self-auto{align-self:auto;}
.a-self-stretch{align-self:stretch;}
.a-self-baseline{align-self:baseline;}

/* 边框 */
.border{border-width: 1upx;border-style: solid;border-color: var(--borderColor);}
.border-top{border-top-width: 1upx;border-top-style: solid;border-top-color: var(--borderColor);}
.border-bottom{border-bottom-width: 1upx;border-bottom-style: solid;border-bottom-color: var(--borderColor);}
.border-left{border-left-width: 1upx;border-left-style: solid;border-left-color: var(--borderColor);}
.border-right{border-right-width: 1upx;border-right-style: solid;border-right-color: var(--borderColor);}
.border-0{border-width: 0;}
.border-top-0{border-top-width: 0;}
.border-bottom-0{border-bottom-width: 0;}
.border-left-0{border-left-width: 0;}
.border-right-0{border-right-width: 0;}

.border-primary{border-color: var(--primary)!important;}
.border-secondary{border-color: var(--secondary)!important;}
.border-success{border-color: var(--success)!important;}
.border-danger{border-color: var(--danger)!important;}
.border-warning{border-color: var(--warning)!important;}
.border-info{border-color: var(--info)!important;}
.border-light{border-color: var(--light)!important;}
.border-dark{border-color: var(--dark)!important;}
.border-white{border-color: var(--white)!important;}
.border-light-secondary{border-color: var(--light-secondary)!important;}
.border-green{border-color: var(--green)!important;}
.border-orange{border-color:var(--orange)!important;}
.border-dark-primary{border-color:var(--dark-primary) !important;}

.rounded{border-radius: 5upx;}
.rounded-circle{border-radius: 100%;}
.rounded-0{border-radius:0}
.rounded-15{border-radius:15px;}
/* 颜色 */

.text-primary{color: var(--primary)!important;}
.text-secondary{color: var(--secondary)!important;}
.text-success{color: var(--success)!important;}
.text-danger{color: var(--danger)!important;}
.text-warning{color: var(--warning)!important;}
.text-info{color: var(--info)!important;}
.text-light{color: var(--light)!important;}
.text-muted{color: var(--muted)!important;}
.text-light-muted{color: var(--lightmuted)!important;}
.text-dark{color: var(--dark)!important;}
.text-white{color: var(--white)!important;}
.text-pink{color: var(--pink)!important;}
.text-green{color: var(--green)!important;}
.text-orange{color: var(--orange)!important;}
.text-dark-primary{color: var(--dark-primary) !important;}

.bg-black-a8{background-color:rgba(0,0,0,.8);}
.bg-black-a6{background-color:rgba(0,0,0,.6);}
.bg-black-a4{background-color:rgba(0,0,0,.4);}
.bg-black-a2{background-color:rgba(0,0,0,.2);}
.bg-primary{background-color: var(--primary)!important;}
.bg-secondary{background-color: var(--secondary)!important;}
.bg-success{background-color: var(--success)!important;}
.bg-danger{background-color: var(--danger)!important;}
.bg-warning{background-color: var(--warning)!important;}
.bg-info{background-color: var(--info)!important;}
.bg-light{background-color: var(--light)!important;}
.bg-muted{background-color: var(--muted)!important;}
.bg-light-muted{background-color: var(--lightmuted)!important;}
.bg-dark  {background-color: var(--dark)!important;}
.bg-white{background-color: var(--white)!important;}
.bg-light-secondary{background-color:var(--light-secondary) !important;}
.bg-dark-primary{background-color:var(--dark-primary)!important;}
.bg-green{background-color: var(--green)!important;}
.bg-orange{background-color: var(--orange)!important;}


/* margin */
.m-0{margin:0}
.m{margin:5upx}
.m-1{margin: 10upx;}.m-2{margin:20upx;}.m-3{margin:30upx;}.m-4{margin: 40upx;}.m-5{margin: 50upx;}
.mx-0{margin-left:0;margin-right:0;}.mx-auto{margin-left:auto;margin-right:auto;}
.mx{margin-left:5upx;margin-right:5upx;}
.mx-1{margin-left:10upx;margin-right:10upx;}
.mx-2{margin-left:20upx;margin-right:20upx;}
.mx-3{margin-left:30upx;margin-right:30upx;}
.mx-4{margin-left:40upx;margin-right:40upx;}
.mx-5{margin-left:50upx;margin-right:50upx;}
.my-0{margin-top:0;margin-bottom:0;}.my-auto{margin-top:auto;margin-bottom:auto;}
.my{margin-top:5upx;margin-bottom:5upx;}
.my-1{margin-top:10upx;margin-bottom:10upx;}
.my-2{margin-top:20upx;margin-bottom:20upx;}
.my-3{margin-top:30upx;margin-bottom:30upx;}
.my-4{margin-top:40upx;margin-bottom:40upx;}
.my-5{margin-top:50upx;margin-bottom:50upx;}
.mt-0{margin-top:0}.mt-auto{margin-top:auto}
.mt-1{margin-top: 10upx;}.mt-2{margin-top:20upx;}.mt-3{margin-top:30upx;}.mt-4{margin-top:40upx;}.mt-5{margin-top:50upx;}
.mb-0{margin-bottom:0}.mb-auto{margin-bottom:auto}
.mb-1{margin-bottom: 10upx;}.mb-2{margin-bottom:20upx;}.mb-3{margin-bottom:30upx;}.mb-4{margin-bottom:40upx;}.mb-5{margin-bottom:50upx;}
.ml-0{margin-left:0}.ml-auto{margin-left:auto}
.ml-1{margin-left: 10upx;}.ml-2{margin-left:20upx;}.ml-3{margin-left:30upx;}.ml-4{margin-left:40upx;}.ml-5{margin-left:50upx;}
.mr-0{margin-right:0}.mr-auto{margin-right:auto}
.mr-1{margin-right: 10upx;}.mr-2{margin-right:20upx;}.mr-3{margin-right:30upx;}.mr-4{margin-right:40upx;}.mr-5{margin-right:50upx;}
/* padding */
.p-0{padding:0}
.p{padding:5upx}
.p-1{padding: 10upx;}.p-2{padding:20upx;}.p-3{padding:30upx;}.p-4{padding: 40upx;}.p-5{padding: 50upx;}
.px-0{padding-left:0 !important;padding-right:0 !important;}
.px{padding-left:5upx;padding-right:5upx;}
.px-1{padding-left:10upx;padding-right:10upx;}
.px-2{padding-left:20upx;padding-right:20upx;}
.px-3{padding-left:30upx;padding-right:30upx;}
.px-4{padding-left:40upx;padding-right:40upx;}
.px-5{padding-left:50upx;padding-right:50upx;}
.py-0{padding-top:0;padding-bottom:0;}
.py{padding-top:5upx;padding-bottom:5upx;}
.py-1{padding-top:10upx;padding-bottom:10upx;}
.py-2{padding-top:20upx;padding-bottom:20upx;}
.py-3{padding-top:30upx;padding-bottom:30upx;}
.py-4{padding-top:40upx;padding-bottom:40upx;}
.py-5{padding-top:50upx;padding-bottom:50upx;}

.pt-0{padding-top:0}
.pt-1{padding-top: 10upx;}.pt-2{padding-top:20upx;}.pt-3{padding-top:30upx;}.pt-4{padding-top:40upx;}.pt-5{padding-top:50upx;}
.pb-0{padding-bottom:0}
.pb-1{padding-bottom: 10upx;}.pb-2{padding-bottom:20upx;}.pb-3{padding-bottom:30upx;}.pb-4{padding-bottom:40upx;}.pb-5{padding-bottom:50upx;}
.pl-0{padding-left:0}
.pl-1{padding-left: 10upx;}.pl-2{padding-left:20upx;}.pl-3{padding-left:30upx;}.pl-4{padding-left:40upx;}.pl-5{padding-left:50upx;}
.pr-0{padding-right:0}
.pr-1{padding-right: 10upx;}.pr-2{padding-right:20upx;}.pr-3{padding-right:30upx;}.pr-4{padding-right:40upx;}.pr-5{padding-right:50upx;}