/* 防止图片闪一下 */
/* #ifdef APP-PLUS */


image{will-change:transform}
/* scroll-view */
.scroll-row{width:100%;white-space: nowrap;}
.scroll-row-item{display: inline-block;}
body{
	--primary:#197fee;
	--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;
	--green5:#03ad92;
	--orange:#FD6801;
	--orange5:#ff3a34;
	--light-secondary:#f1f1f1;
	--gray3:#333;
	--dark-primary:#004080;
}
/* 阴影 */
.shadow-sm{box-shadow:0 2px 4px rgba(114,130,138,.2)!important}
.shadow{box-shadow:0 8px 16px rgba(114,130,138,.2)!important}
.shadow-lg{box-shadow:0 16px 48px 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}
/* 宽高 */
.w-100{width:100%}.w-50{width:50%}.h-100{height:100vh}.h-50{height:50vh}
/* 字体 */
.font{font-size: 100%;}
.font-sm{font-size: 80% !important;}
.font-md{font-size: 110%;}
.font-lg{font-size: 120%;}
.font-big{font-size: 150%;}
.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;}

/* 布局 */
.row{flex-direction:row;flex-wrap: wrap;}

/* 栅栏1------ */
.col-1{width:62.5px;}
.col-2{width:125px;}
.col-3{width:187.5px;}
.col-4{width:250px;}
.col-5{width:312.5px;}
.col-6{width:375px;}
.col-7{width:437.5px;}
.col-8{width:500px;}
.col-9{width:562.5px;}
.col-10{width:625px;}
.col-11{width:687.5px;}
.col-12{width:750px;}
/* 栅栏2------ */

/* 栅栏3----- */

/* flex布局 */
/* .d-flex{display: flex;}
.d-block{display: block;}
.d-inline-block{display: inline-block;} */
.d-none{display: none;}
.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: 1px;border-style: solid;border-color: var(--borderColor);}
.border-top{border-top-width: 1px;border-top-style: solid;border-top-color: var(--borderColor);}
.border-bottom{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: var(--borderColor);}
.border-left{border-left-width: 1px;border-left-style: solid;border-left-color: var(--borderColor);}
.border-right{border-right-width: 1px;border-right-style: solid;border-right-color: var(--borderColor);}
.border-0{border-width: 0!important;}
.border-top-0{border-top-width: 0!important;}
.border-bottom-0{border-bottom-width: 0!important;}
.border-left-0{border-left-width: 0!important;}
.border-right-0{border-right-width: 0!important;}
.border-width-3{border-width: 3px;}

.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: #f1f1f1!important;}
.rounded{border-radius: 2px;}
.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-orange5{color: var(--orange5)!important;}
.text-gray{color: var(--gray3)!important;}

.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-orange5{background-color: var(--orange5)!important;}
.bg-green5{background-color: var(--green5)!important;}
.bg-light-secondary{background-color: #f1f1f1 !important;}
/* margin */
.m-0{margin:0!important}
.m{margin:5px}
.m-1{margin: 10px;}.m-2{margin:20px;}.m-3{margin:30px;}.m-4{margin: 40px;}.m-5{margin: 50px;}
.mx-0{margin-left:0;margin-right:0;}
/* .mx-auto{margin-left:auto;margin-right:auto;} */
.mx{margin-left:5px;margin-right:5px;}
.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;}
.my-0{margin-top:0;margin-bottom:0;}
/* .my-auto{margin-top:auto;margin-bottom:auto;} */
.my{margin-top:5px;margin-bottom:5px;}
.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;}
.mt-0{margin-top:0}.mt-auto{margin-top:auto}
.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-auto{margin-bottom:auto}.mb{margin-bottom: 5px !important;}
.mb-1{margin-bottom: 10px!important;;}.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-auto{margin-left:auto} */
.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-auto{margin-right:auto}
/* padding */
.p-0{padding:0 !important;}/*2020-0302*/
.p{padding:5px}
.p-1{padding: 10px !important;}.p-2{padding:20px !important;}.p-3{padding:30px !important;}.p-4{padding: 40px;}.p-5{padding: 50px;}
.px-0{padding-left:0 !important;;padding-right:0 !important;}
.px{padding-left:5px !important;;padding-right:5px !important;}
.px-1{padding-left:10px !important;;padding-right:10px !important;}
.px-2{padding-left:20px !important;padding-right:20px !important;}
.px-2-5{padding-left:25px !important;;padding-right:25px !important;}
.px-3{padding-left:30px;padding-right:30px;}
.px-4{padding-left:40px;padding-right:40px;}
.px-5{padding-left:50px;padding-right:50px;}
.py-0{padding-top:0;padding-bottom:0;}
.py{padding-top:5px !important;padding-bottom:5px !important;}
.py-1{padding-top:10px !important;padding-bottom:10px !important;}
.py-2{padding-top:20px !important;padding-bottom:20px !important;}
.py-3{padding-top:30px;padding-bottom:30px;}
.py-4{padding-top:40px;padding-bottom:40px;}
.py-5{padding-top:50px;padding-bottom:50px;}

.pt-0{padding-top:0}.pt{padding-top:5px;}
.pt-1{padding-top: 10px!important;}.pt-2{padding-top:20px!important;}.pt-3{padding-top:30px!important;}.pt-4{padding-top:40px!important;}.pt-5{padding-top:50px;}
.pb-0{padding-bottom:0}.pb{padding-bottom:5px;}
.pb-1{padding-bottom: 10px;}.pb-2{padding-bottom:20px;}.pb-3{padding-bottom:30px;}.pb-4{padding-bottom:40px;}.pb-5{padding-bottom:50px;}
.pl-0{padding-left:0}
.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 !important}
.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;}
.pr-15{padding-right:15px !important;}.pl-15{padding-left:15px !important;}