*{ margin: 0; padding: 0;list-style: none;}

a{text-decoration: none;cursor: pointer;}

a:link{color: #000000;}

img{display: block; width: 100%;}

input{border: none; background: none;}

::-webkit-scrollbar {

  width:0px; /* 竖向滚动条宽度 */

  height:0px; /* 横向滚动条高度 */

}

::-webkit-scrollbar-thumb {

  border-radius: 10px; /* 滚动条样式 */

 /* -webkit-box-shadow: inset 0 0 3px #00f6ff */  /* 内阴影 */

  background-color:#ACACAC; /* 滚动条颜色 */

}

::-webkit-scrollbar-thumb:hover {

  background-color: #ACACAC; /* 滚动条悬浮颜色 */

}

::-webkit-scrollbar-track-piece {

  background:#ACACAC; /* 滚动条背景颜色 */

}

::-webkit-scrollbar-button {

  background-color:#ACACAC; /* 定义两端按钮的样式 */

}

::-webkit-scrollbar-corner {

  background:#ACACAC; /* 右下角重合处的样式*/

} 

/* 单独设置悬浮颜色 */

::-webkit-scrollbar-thumb:vertical {

  background: #ACACAC;  /* 竖向滑块颜色 */

}

::-webkit-scrollbar-thumb:horizontal {

  background: #ACACAC; /* 横向滑块颜色 */

}

/* 单独设置滚动条背景色 */

/*::-webkit-scrollbar-track-piece:vertical {

  background: #001235;

}

::-webkit-scrollbar-track-piece:horizontal {

  background: #001235;

}*/



/*宽度*/

.w50{width: 50px;}

.w60{width: 60px;}

.w70{width: 70px;}

.w80{width: 80px;}

.w90{width: 90px;}

.w100{width: 100px;}

.w110{width: 110px;}

.w120{width: 120px;}

.w150{width: 150px;}

.w200{width: 200px;}

.w250{width: 250px;}

.w300{width: 300px;}

.w400{width: 400px;}

.w500{width: 500px;}

.w600{width: 600px;}

.w700{width: 700px;}

.w800{width: 800px;}

.w900{width: 900px;}

.w950{width: 950px;}

.w1000{width: 1000px;}

.w1100{width: 1100px;}

.w1200{width: 1200px;}

.w1300{width: 1300px;}

.w1400{width: 1400px;}

.w1500{width: 1500px;}

.w1600{width: 1600px;}





/**/

.w-20{ width: 20%;}

.w-25{ width: 25%;}

.w-50{ width: 50%;}

.w-100{width: 100%;}

/**/

/*flex布局*/

.d-flex{ display: flex;flex-direction: row!important; }

.d-block{ display: block; }

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

.flex-1{ flex: 1; }

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

.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!important; }

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

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

.a-center{ align-items:center!important; }

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

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

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

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

.a-self-auto{ align-self: auto; }

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

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

.a-self-baseline{ align-self:baseline; }



/*定位&偏移*/

.posF{position: fixed;}

.posA{position: absolute;}

.posR{position: relative;}

.z-1{z-index: 1;}

.z-9{z-index: 9;}

/**/

.l-0{left: 0;}

.b-0{bottom: 0;}

.r-0{right: 0;}

.t-0{top: 0;}

/* 阴影 --需要根据项目调整颜色*/

.shadow{box-shadow: 0 8px 16px rgba(114, 130, 138, 0.2)!important;}

.shadow-sm{box-shadow: 0 2px 4px rgba(114, 130, 138, 0.2)!important;}

.shadow-lg{box-shadow: 0 16px 48px rgba(114, 130, 138, 0.2)!important;}

/* 字体 */

.font12{font-size: 12px;}

.font14{font-size: 14px;}

.font16{font-size: 16px;}

.font18{font-size: 18px;}

.font20{font-size: 20px;}

.font22{font-size: 22px;}

.font24{font-size: 24px;}

.font30{font-size: 30px;}

.font32{font-size: 32px;}

.font36{font-size: 36px;}

.font48{font-size: 48px;}

.font60{font-size: 60px;}

.font72{font-size: 72px;}

.fontB{font-weight: bold!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: 2!important; }

.line-h-big{ line-height: 3!important; }

.line-through{ text-decoration: line-through; }

/*文本对齐*/

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

.text-l{text-align: left; }

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

.text-j{text-align: justify;}

.text-nowarp{white-space: nowrap;}

/*文本换行*/

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

.text-warp2{display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.text-warp3{display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.text-warp4{display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}

/*文本颜色 */



.textColor_8d{color:#8d8d8d;}

.textColor_3{color: #333333;}



.word_breakAll{word-break: break-all;}





/*背景颜色*/



.back-f1{background-color: #f1f1f1;}

.back-f9{background-color: #f9f9f9;}

.back_white{background-color:#fff}

.back_active{background-color: #018242; color: #FFFFFF;}

/* Spacing */

.mx-auto{margin:auto;}

.my-auto{margin:auto;}

.m-0 { margin:0;}

.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 { 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 { 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{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;}

.mt-6 { margin-top: 60px;}

.mt-7 { margin-top: 70px;}

.mt-8 { margin-top: 80px;}

.mt-9 { margin-top: 90px;}

.mt-10{ margin-top:100px;}

.mt-20{ margin-top:200px;}



.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;}

.mb-6 { margin-bottom: 60px;}

.mb-7 { margin-bottom: 70px;}

.mb-8 { margin-bottom: 80px;}

.mb-9 { margin-bottom: 90px;}

.mb-10{ margin-bottom: 100px;}

.mb-20{ margin-bottom: 200px;}







.ml { margin-left: 5px;}

.ml-0 { margin-left: 0;}

.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 { margin-right: 5px;}

.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;}

.mr-10{ margin-right:100px;}



.p-0 {padding-left: 0;padding-right: 0;padding-top: 0;padding-bottom: 0;}

.p {padding-left: 5px;padding-right: 5px;padding-top: 5px;padding-bottom:5px;}

.p-1 {padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 10px;}

.p-2 {padding-left: 20px;padding-right: 20px;padding-top: 20px;padding-bottom: 20px;}

.p-3 {padding-left: 30px;padding-right: 30px;padding-top: 30px;padding-bottom: 30px;}

.p-4 {padding-left: 40px;padding-right: 40px;padding-top: 40px;padding-bottom: 40px;}

.p-5 {padding-left: 50px;padding-right: 50px;padding-top: 50px;padding-bottom: 50px;}



.px-0 { padding-left: 0;padding-right: 0;}

.px { padding-left: 5px;padding-right: 5px;}

.px-1 { padding-left: 10px;padding-right: 10px;}

.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;}



.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;}



.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;}

.pt-6 { padding-top: 60px;}

.pt-7 { padding-top: 70px;}

.pt-8 { padding-top: 80px;}



.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;}

.pb-10 { padding-bottom: 100px;}



.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;}



/*圆角*/

.border_r{ border-radius: 50%;}

.border5{border-radius: 5px;}

.border10{border-radius: 10px;}

.border15{border-radius: 15px;}

.border20{border-radius: 20px;}

.border25{border-radius: 25px;}

.border30{border-radius: 30px;}

.border35{border-radius: 35px;}

.border40{border-radius: 40px;}

/*左上圆角半径*/

.border_t_l-5{border-top-left-radius:5px}

/*右上圆角半径*/

.border_t_r-5{border-top-right-radius:5px}

/*右下圆角半径*/

.border_b_r-5{border-bottom-right-radius:5px}

/*左下圆角半径*/

.border_b_l-5{border-bottom-left-radius:5px}







/**/

.over_hide{overflow: hidden;}

/*边框*/

.border1{border-width: 1px;}

.border2{border-width: 2px;}

.border4{border-width: 4px;}

.border6{border-width: 6px;}



/**/

.cur-p{cursor: pointer;}





.back





/*icon????*/

.icon-w15{width: 15px;}

.icon-w20{width: 20px;}

.icon-w25{width: 25px;}

.icon-w30{width: 30px;}