/*常用类*/
.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;}


/*弹性盒子*/
.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;}


/* body{background:#f00;} */
/*弹窗*/
[alert] .el-popup-content{background:#fff;border-radius:5px;max-width:100%;min-width:350px;min-height:150px;margin:30px}
[alert] .at-move{bottom:auto;height:42px;z-index:3;right:80px}
[alert] .at-title{color:#666;z-index:2;font-size:16px;padding:20px 20px 17px}
[alert] .at-title.null{padding:20px 20px 0}
[alert] .at-close{cursor:pointer;z-index:99;right:20px;top:20px}
[alert] .at-close .svg{width:14px;fill:#666}
[alert] .at-contents{font-size:13px;line-height:1.7;color:#666;flex:1 1 100%;padding:20px}
[alert] .at-bottom{padding:20px}
[alert] .at-cancel,
[alert] .at-confirm{line-height:30px;font-size:14px;color:#2196f3;border-radius:34px;padding:0 22px;cursor:pointer}
[alert] .at-confirm{color:#fff;background:#2196f3}

[alert].loading{background:rgba(0,0,0,0)}

[alert].simple .el-popup-content{background:rgba(0,0,0,.67);min-width:inherit;min-height:inherit;margin-top:8%}
[alert].simple .at-contents{color:#fff;padding:5px 20px}
[alert].simple .at-bottom,[alert].simple .at-close,[alert].simple .at-title{display:none}

[alert].border .at-title{border-bottom:1px solid #e0e3e5}
[alert].border .at-close .svg{width:18px}
[alert].border .at-contents{padding:20px}
[alert].border .at-bottom{border-top:1px solid #e0e3e5;padding-left:20px;padding-right:20px}
[alert].border .at-confirm{border-radius:30px;color:#fff;background:#2196f3}

[alert][s='B'] .at-body{min-width:350px}
[alert][s='B'] .at-confirm{color:#2196f3;background:0 0;padding-right:0}
[alert][s='B'] .at-cancel{color:#777}
[alert][s='C'] .at-close{height:30px;width:30px;border:4px solid #0899ea;border-radius:50%;text-align:center;background:#fff;right:-10px;top:-10px}
[alert][s='C'] .at-close .svg{width:12px;position:relative;top:1px;left:1px;fill:#0899ea}

@media screen and (max-width:750px){
	[alert] .at-cancel,[alert] .at-confirm{line-height:46px;font-size:20px;border-radius:3px;padding:0 32px;cursor:pointer}
	[alert] .at-cancel{background:#eee;margin-right:12px;color:#333}
	[alert] .at-tip{font-size:16px;line-height:46px}
	[alert] .at-title{line-height:28px;font-size:24px;padding-bottom:26px}
	[alert] .at-close{color:#333;font-size:20px}
	[alert] .at-contents{font-size:20px}
	[alert][s='C'] .at-close{height:40px;width:40px;right:-16px;top:-16px}
	[alert][s='C'] .at-close .svg{width:16px}
}

[alertside] ._nav_{background:#fff;display:none}
[alertside] ._nav_>*{line-height:48px;width:100%;text-align:center;cursor:pointer;font-size:15px}
[alertside] ._nav_>.cur{color:#0899ea}

[alertside].is-array ._nav_{display:block}
[alertside].is-array [position="4"] ._nav_{width:48px;right:0;border-left:1px solid #eee}
[alertside].is-array [position="4"] ._ifr_{right:48px}
[alertside].is-array [position="6"] ._nav_{width:48px;left:0;border-right:1px solid #eee}
[alertside].is-array [position="6"] ._ifr_{left:48px}
[alertside].is-array [position="2"] ._nav_{bottom:0;border-top:1px solid #eee}
[alertside].is-array [position="2"] ._ifr_{bottom:48px}
[alertside].is-array [position="8"] ._nav_{top:0;border-bottom:1px solid #eee}
[alertside].is-array [position="8"] ._ifr_{top:48px}
[alertside].is-array [position="4"] ._nav_>*,
[alertside].is-array [position="6"] ._nav_>*{padding:66px 0;writing-mode:vertical-rl;writing-mode:tb-rl;letter-spacing:2px;border-bottom:1px solid #eee}


/*弹窗*/
.popup{background: rgba(0,0,0,0);overflow: auto;z-index: 90;position:  fixed;top:  0;left:  0;height:  100%;width:  100%;}
.popup *{pointer-events: initial;}
.popup .el-popup-box{pointer-events: none;opacity: 0;}
.popup .el-popup-content{max-width: 100%;}
.popup:not(.el-side) [position="1"].el-popup-box,
.popup:not(.el-side) [position="2"].el-popup-box,
.popup:not(.el-side) [position="3"].el-popup-box,
.popup:not(.el-side) [position="5"].el-popup-box{-webkit-transform: translate(0,-20px);transform: translate(0,-20px);min-height: 75%;}
.popup:not(.el-side) [position="4"].el-popup-box{-webkit-transform: translate(-20px,0);transform: translate(-20px,0);min-height: 75%;}
.popup:not(.el-side) [position="6"].el-popup-box{-webkit-transform: translate(20px,0);transform: translate(20px,0);min-height: 75%;}
.popup:not(.el-side) [position="7"].el-popup-box,
.popup:not(.el-side) [position="8"].el-popup-box,
.popup:not(.el-side) [position="9"].el-popup-box{-webkit-transform: translate(0,20px);transform: translate(0,20px);min-height: 100%;}
.popup.el-side .el-popup-box{width:  100%;height:  100%;opacity:  1;}
.popup.el-side .el-popup-box .el-popup-content{transition: .3s;background:  #fff;}
.popup.el-side [position="2"] .el-popup-content{-webkit-transform: translate(0,-110%);transform: translate(0,-110%);width: 100% !important;}
.popup.el-side [position="4"] .el-popup-content{-webkit-transform: translate(-110%,0);transform: translate(-110%,0);height: 100% !important;}
.popup.el-side [position="6"] .el-popup-content{-webkit-transform: translate(110%,0);transform: translate(110%,0);height: 100% !important;}
.popup.el-side [position="8"] .el-popup-content{-webkit-transform: translate(0,110%);transform: translate(0,110%);width: 100% !important;}
.popup.cur{background: rgba(0,0,0,.2);}
.popup.cur [position].el-popup-box,
.popup.cur .el-popup-box{-webkit-transform: translate(0,0);transform: translate(0,0);opacity: 1;}
.popup.cur.el-side .el-popup-content{-webkit-transform: translate(0,0);transform: translate(0,0);}
.popup.notbg{background: none;pointer-events: none;}
.popup.notbg .el-popup-bg,
.popup.not-close .el-popup-bg{pointer-events: none;}


/*九宫格*/
.flex[position]{justify-content: center;align-items: center;}
.flex[position='1']{justify-content: start;align-items: start;}
.flex[position='2']{align-items: start;}
.flex[position='3']{justify-content: flex-end;align-items: flex-start;}
.flex[position='4']{justify-content: flex-start;}
.flex[position='6']{justify-content: flex-end;}
.flex[position='7']{justify-content: flex-start;align-items: flex-end;}
.flex[position='8']{align-items: flex-end;}
.flex[position='9']{justify-content: flex-end;align-items: flex-end;}


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

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