/*===================下面必须要统一规范的==========================================*/
/*常用类*/
.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;}



/*display快速设置*/
.hide,[hide],[dbs-nav]{display: none;}
.block,[block],for,nav,cty,db,dbx,jxt,txt{display: block;}
.inline,[inline]{display: inline;}
.inline-block,[inline-block]{display: inline-block;*display: inline;zoom: 1;vertical-align: top;}
.table,[table]{display: table;}
.table.max,[table][max]{width: 100%;}
.table-cell,[table-cell]{display: table-cell;vertical-align: middle;}
.table-cell.min,[table-cell][min]{width: 1px;white-space: nowrap;}


/*编辑器*/
.editor,
.detail{line-height: 1.8;font-size: 14px;}
.editor img,
.detail img{max-width: 100%;}
.editor ul li,
.detail ul li{list-style-type: disc;}
.editor ol li,
.detail ol li{list-style-type: decimal;}
.editor .list-paddingleft-2,
.detail .list-paddingleft-2{padding-left: 20px;}
.editor td,
.detail td,
.editor th,
.detail th{/*border: 1px solid #ddd;*/ padding: 5px 10px;}
.editor table.none td,
.detail table.none td,
.editor table.none th,
.detail table.none th{border: none; padding: 0;}
.editor pre,
.detail pre{margin: 10px 0;padding: 10px 12px;border-radius: 8px;background: #f6f6f6;font-size: 13px;font-family: '宋体'}
.editor pre .pre-copy{right: 10px;top: 10px;background: #607d8b;color: #fff;font-size: 12px;line-height: 1;padding: 5px;border-radius: 3px;opacity: 0;visibility: hidden;}
.editor pre:hover .pre-copy{opacity: 1;visibility: visible;}
.editor h1,.detail h1{font-size: 30px;font-weight: bold;}
.editor h2,.detail h2{font-size: 25px;font-weight: bold;}
.editor h3,.detail h3{font-size: 15px;font-weight: bold;}
.editor h4,.detail h4{font-size: 19px;font-weight: bold;}
.editor h5,.detail h5{font-size: 17px;font-weight: bold;}
.editor h6,.detail h6{font-size: 15px;font-weight: bold;}

/*图片在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;}


/*css3变换时间300毫秒*/
.trans,[trans]{-webkit-transition: .3s;transition: .3s;}
.trans5,[trans5]{-webkit-transition: .5s;transition: .5s;}
.trans-inter::before,.trans-inter::after{-webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s;}

/*鼠标手型*/
.pointer,[pointer]{cursor: pointer !important;}
.notallow,.not-allowed{cursor: not-allowed !important;}
/*灰色*/
.gray{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}

/*英文大写*/
.upper,[upper]{text-transform: uppercase;}

/*英文小写*/
.lower,[lower]{text-transform: lowercase;}

/*宽高100%*/
.maxh,[maxh]{height: 100%;}
.maxw,[maxw]{width: 100%;}

/*清浮动*/
.clear,[clear]{margin: 0px auto;clear: both;height: 0px;font-size: 0px;overflow: hidden;position: relative;}
.clear.a,[clear].a{top: -54px;display: block;height: 1px;width: 100%;position: relative;}
.clean,[clean]{zoom: 1;}
.clean:after,.clean:before,[clean]:after,[clean]:before{content: '';display: table;}
.clean:after,[clean]:after{clear: both;}


/*复制*/
.notcopy,[notcopy]{user-select: none;-webkit-user-select: none}

/*细小滚动条*/
.scrollbar{scrollbar-width:  thin;}
.scrollbar *{scrollbar-width:  thin;}
.scrollbar::-webkit-scrollbar,
.scrollbar *::-webkit-scrollbar{height: 5px;width: 5px;background: rgba(0,0,0,0)}
.scrollbar::-webkit-scrollbar:hover,
.scrollbar *::-webkit-scrollbar:hover{background: rgba(0,0,0,0.1)}
.scrollbar::-webkit-scrollbar-thumb,
.scrollbar *::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.3);-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px}
.scrollbar::-webkit-scrollbar-thumb:hover,
.scrollbar *::-webkit-scrollbar-thumb:hover{-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25);-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25);-ms-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25);-o-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25);box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25);background-color: rgba(0,0,0,0.4)}
/*隐藏滚动条*/
.scrollbar-hide,[scrollbar]{scrollbar-width: none;-ms-overflow-style: none;}
.scrollbar-hide::-webkit-scrollbar,[scrollbar]::-webkit-scrollbar{display: none;}