:root{
	--fontColor: #f00;
	--fontColor1: #333333;
	--fontColor2: #666666;
	--btnColor: #081a43;
	--btnColor1: #081a43;
	--btnColor2: #081a43;
	--bgColor: #081a43;
	--bgColor1: #081a43;
	--bgColor2: #081a43;
}


/*最大宽度*/
.cw750{max-width: 750px;width: 92%;margin: auto;}
.cw850{max-width: 850px;width: 92%;margin: auto;}
.cw900{max-width: 900px;width: 92%;margin: auto;}
.cw1000{max-width: 1000px;width: 92%;margin: auto;}
.cw1100{max-width: 1100px;width: 92%;margin: auto;}
.cw1200{max-width: 1200px;width: 92%;margin: auto;}
.cw1240{max-width: 1240px;width: 92%;margin: auto;}
.cw1300{max-width: 1300px;width: 92%;margin: auto;}
.cw1360{max-width: 1360px;width: 92%;margin: auto;}
.cw1400{max-width: 1450px;width: 92%;margin: auto;}
.cw1440{max-width: 1440px;width: 92%;margin: auto;}
.cw1600{max-width: 1600px;width: 92%;margin: auto;}
.cw1680{max-width: 1680px;width: 92%;margin: auto;}
.cw1720{max-width: 1720px;width: 92%;margin: auto;}
.cw1800{max-width: 1800px;width: 92%;margin: auto;}
.cw{width: 92%; margin: auto;}
.cw96{width: 96%; margin: auto;}
.cw94{width: 94%; margin: auto;}
.cw92{width: 92%; margin: auto;}
.cw90{width: 90%; margin: auto;}
.cw-{width: calc(100% - 80px); margin: auto;}
.cw-0{width: 100%; margin: auto;}
.cw-10,.cw10{width: calc(100% - 20px); margin: auto;}
.cw-20,.cw20{width: calc(100% - 40px); margin: auto;}
.cw-30,.cw30{width: calc(100% - 60px); margin: auto;}
.cw-40,.cw40{width: calc(100% - 80px); margin: auto;}
.cw-50,.cw50{width: calc(100% - 100px); margin: auto;}
.cw-60,.cw60{width: calc(100% - 120px); margin: auto;}
.cw-70,.cw70{width: calc(100% - 140px); margin: auto;}



/*===================下面必须要统一规范的==========================================*/
/*常用类*/
.fl,[fl]{float: left;}
.fr,[fr]{float: right;}
.relative,[relative],[dragsort]{position: relative;}
.absolute,[absolute]{position: absolute;}
.absolute.max,[absolute][max]{left: 0;top: 0;right: 0;bottom: 0;}
.absolute.goaway,[absolute][goaway]{left: -999999px;top: -999999px;width: 100%;margin: -999999px auto auto -999999px;position: absolute !important;}
.relative.goaway,[relative][goaway]{margin: -999999px auto auto -999999px !important;}
.absolute.goaway.need-static,[absolute][goaway].need-static{position: static !important;}
.fixed,[fixed]{position: fixed;}
.fixed.max,[fixed][max]{left: 0;top: 0;right: 0;bottom: 0;}
.fixed.alert{visibility: hidden;transition:  .3s;}
.sticky{position: -webkit-sticky;position: sticky;top:  0;}
.fz0,[fz0],.fz,[fz]{font-size: 0;}
.over,[over],[text-line]{overflow: hidden;}
/*旋转180度，常用于箭头*/
.rotate-180,[rotate-180]{transform:  rotate(180deg) !important;}



[class^="cw"][absolute],[class*=" cw"][absolute],
[class^="cw"].absolute,[class*=" cw"].absolute{left: 50%;transform: translate(-50%,0)}
[class^="cw"][absolute][max],[class*=" cw"][absolute][max],
[class^="cw"].absolute.max,[class*=" cw"].absolute.max{left: 50%;top: 50%;transform: translate(-50%,-50%);bottom: auto;right: auto;}

/*弹性盒子*/
.flex-between,
.flex-around,
.flex-reverse,
.flex-wrap,
.flex-nowrap,
.flex-reverse2,
.flex-row,
.flex-column,
.flex-line,
.flex-left,
.flex-right,
.flex-center,
.flex-middle,
.flex-top,
.flex-bottom,
.flex-middle2,
.flex-top2,
.flex-bottom2,
.flex-max,
.flex-max2,
.flex-height,
.flex{display: box;display: -webkit-flex;display: -ms-flex;display: -webkit-box;display: -moz-box;display: flex;justify-content: flex-start;align-content: flex-start;}
.flex-column{flex-direction: column;}
.flex-height{align-content: flex-start;}
.flex-left:not(.flex-column){justify-content: flex-start;}
.flex-center:not(.flex-column){justify-content: center;}
.flex-right:not(.flex-column){justify-content: flex-end;}
.flex-between{justify-content: space-between;}
.flex-around{justify-content: space-around;}
.flex-wrap{flex-wrap: wrap;}
.flex-nowrap>*{-webkit-flex-shrink: 0;flex-shrink: 0;}
.flex-reverse2{flex-wrap: wrap-reverse;}
.flex-row{flex-direction: row;}
.flex-reverse{flex-direction: row-reverse;}
.flex-top:not(.flex-column){align-content: flex-start;}
.flex-middle:not(.flex-column){align-content: center;}
.flex-bottom:not(.flex-column){align-content: flex-end;}
.flex-top2{align-items: flex-start;}
.flex-middle2{align-items: center;}
.flex-bottom2{align-items: flex-end;}
.flex-line{align-content: baseline;}
.flex-column.flex-center{align-items: center;}
.flex-column.flex-right{align-items: flex-end;}
.flex-column.flex-left{align-items: flex-start;}
.flex-column.flex-top{justify-content: flex-start;}
.flex-column.flex-middle{justify-content: center;}
.flex-column.flex-bottom{justify-content: flex-end;}
.flex-max{justify-content: center;align-items: center;flex-direction: column;}
.flex-max2{justify-content: center;align-items: center;}







/*图片在div居中*/
.m-pic,[m-pic]{position: relative;text-align: center;font-size: 0;line-height: 1;background:  url() no-repeat center / contain;}
.m-pic.absolute,[m-pic][absolute]{position: absolute;}
.m-pic.fixed,[m-pic][fixed]{position: fixed;}
.m-pic:before,[m-pic]:before{display: inline-block;height: 100%;vertical-align: middle;content: '';}
.m-pic:after,[m-pic]:after{display: inline-block;vertical-align: middle;content: '';padding-top: 0px;}
.m-pic svg,[m-pic] svg,
.m-pic img,[m-pic] img{max-width: 100%; max-height: 100%; vertical-align: middle;}
.m-pic svg[absolute],[m-pic] svg[absolute],
.m-pic svg.absolute,[m-pic] svg.absolute,
.m-pic img[absolute],[m-pic] img[absolute],
.m-pic img.absolute,[m-pic] img.absolute{top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.m-pic .v-top,.m-pic [v-top],[m-pic] [v-top],[m-pic] .v-top,
.m-pic .v-middle,.m-pic [v-middle],[m-pic] [v-middle],[m-pic] .v-middle,
.m-pic .v-bottom,.m-pic [v-bottom],[m-pic] [v-bottom],[m-pic] .v-bottom{display: inline-block;max-width: 100%;}
.m-pic .v-top,.m-pic [v-top],[m-pic] [v-top],[m-pic] .v-top{vertical-align: top;}
.m-pic .v-bottom,.m-pic [v-bottom],[m-pic] [v-bottom],[m-pic] .v-bottom{vertical-align: bottom;}
/*最大宽度*/
.max-img img,.m-img img{max-width: 100%;}
/*鼠标移过图片放大*/
.b-pic,[b-pic]{overflow: hidden;}
.b-pic img,[b-pic] img{-webkit-transition: 0.5s;transition: 0.5s;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.b-pic:hover img,[b-pic]:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
@media (max-width: 751px){
	.b-pic:hover img,[b-pic]:hover img{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}}
/*图片占满div*/
.i-pic,[i-pic]{overflow: hidden;font-size: 0;position: relative;text-align: center;background:  url() no-repeat center / cover;}
.i-pic.absolute,[i-pic][absolute]{position: absolute;}
.i-pic.fixed,[i-pic][fixed]{position: fixed;}
.i-pic:before,[i-pic]:before,
.i-pic:after,[i-pic]:after{content: '';display: inline-block;}
.i-pic img,[i-pic] img{width: 100%;min-height: 100%;}
.i-pic img.center{left: 50%;top: 50%;transform: translate(-50%,-50%);position: relative;}
.i-pic .absolute,[i-pic] [absolute],.i-pic [absolute],[i-pic] .absolute{position: absolute;}

/*强行不换行*/
.nowrap,[nowrap]{white-space: nowrap;}
/*强行换行*/
.break,[break]{white-space: normal;word-break: break-all;}
/*垂直对齐方式*/
.v-middle,[v-middle]{vertical-align: middle;}
.v-top,[v-top]{vertical-align: top;}
.v-bottom,[v-bottom]{vertical-align: bottom;}
/*.v-bottom: not(td),[v-bottom]: not(td),
.v-top: not(td),[v-top]: not(td),
.v-middle: not(td),[v-middle]: not(td){display: inline-block;}*/

/*对齐方式*/
.text-left,[text-left]{text-align: left;}
.text-right,[text-right]{text-align: right;}
.text-center,[text-center]{text-align: center;}

/*当前行超出，显示省略号*/
.text-over,[text-over],[text-line="1"]{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.text-line,
.text-line2,
.text-line3,
.text-line4,
.text-line5,
.text-line6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.text-line3{-webkit-line-clamp: 3;}
.text-line4{-webkit-line-clamp: 4;}
.text-line5{-webkit-line-clamp: 5;}
.text-line6{-webkit-line-clamp: 6;}