.clear:before,.clear:after{content:"";display:table;}
.clear:after{clear:both;}
.clear{zoom:1;}
.fl{float:left;}
.fr{float:right;}


.fn-clear:before,.fn-clear:after{content:"";display:table;}
.fn-clear:after{clear:both;}
.fn-clear{zoom:1;}
.fn-fl{float:left;}
.fn-fr{float:right;}

.fn-flex{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;flex-flow:row;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;}
.fn-flex-baseline{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;}
.fn-flex-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.fn-flex-item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.fn-flex-item[flexsize="2"]{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;}
.fn-flex-item[flexsize="3"]{-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3;}
.fn-flex-item[flexsize="4"]{-webkit-box-flex:4;-webkit-flex:4;-ms-flex:4;flex:4;}
.fn-flex-item[flexsize="5"]{-webkit-box-flex:5;-webkit-flex:5;-ms-flex:5;flex:5;}
.fn-flex-item[flexsize="6"]{-webkit-box-flex:6;-webkit-flex:6;-ms-flex:6;flex:6;}
.fn-flex-item[flexsize="7"]{-webkit-box-flex:7;-webkit-flex:7;-ms-flex:7;flex:7;}
.fn-flex-item[flexsize="8"]{-webkit-box-flex:8;-webkit-flex:8;-ms-flex:8;flex:8;}
.fn-flex-item[flexsize="9"]{-webkit-box-flex:9;-webkit-flex:9;-ms-flex:9;flex:9;}
.fn-flex-wrap{flex-wrap:wrap}/*多行*/
.justify-between{justify-content: space-between;}
.justify-center{justify-content:center;}
/*layout display*/
.block{display:block;}
.inline-block{display:inline-block;}
.fn-hide{display:none !important;}
.overflowhidden{overflow:hidden;}
.scroll-x{overflow-x:auto;}
.scroll-y{overflow-y:auto;}

/*layout position*/
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.top-0{top:0;}
.left-0{left:0;}
.bottom-0{bottom:0;}
.right-0{right:0;}

.z-index--1{z-index:-1!important;}
.z-index-0{z-index:0;}
.z-index-1{z-index:1;}
.z-index-2{z-index:2;}
.z-index-3{z-index:3;}
.z-index-4{z-index:4;}
.z-index-10{z-index: 10;}
.box-center-middle{top:50%;left:50%;transform:translate(-50%,-50%);}
.box-middle{top:50%;transform:translate(0,-50%);}
.box-center{left:50%;transform:translate(-50%,0);}


.box-border{box-sizing: border-box;}

// html,body{height:100%;background: #f0f0f0;}
// #stage{min-height:100%;_display:table;_height:100%;min-width:1200px;}
// #main{overflow:auto;padding-bottom:145px;padding-top:60px;}
// #footer{position:relative;margin-top:-145px;height:145px;clear:both;}
// body:before{content:"";height:100%;float:left;width:0;margin-top:-32767px;}
.wp10{width:10%;box-sizing:border-box;}
.wp20{width:20%;box-sizing:border-box;}
.wp25{width:25%;box-sizing:border-box;}
.wp30{width:30%;box-sizing:border-box;}
.wp33{width:33%;box-sizing:border-box;}
.wp40{width:40%;box-sizing:border-box;}
.wp45{width:45%;box-sizing:border-box;}
.wp48{width:48%;box-sizing:border-box;}
.wp49{width:49%;box-sizing:border-box;}
.wp50{width:50%;box-sizing:border-box;}
.wp60{width:60%!important;box-sizing:border-box;}
.wp65{width:65%!important;box-sizing:border-box;}
.wp70{width:70%!important;box-sizing:border-box;}
.wp80{width:80%!important;box-sizing:border-box;}
.wp90{width:90%;box-sizing:border-box;}
.wp100{width:100%;box-sizing:border-box;}

.w10vw{width: 22vw;}
.w100vw{width: 100vw;}
.h100vh{height: 100vh;}

.transition-all{transition: all ease .2s;}

.op90{opacity: .9;}
.op70{opacity: .7;}
.op50{opacity: .5;}
.op40{opacity: .4;}
.op20{opacity: .2;}
.op0{opacity: 0;}

.bg-size-cover{background-size: cover;}
.bg-size-fullwidth{background-size: 100% auto;}
.bg-size-fullheight{background-size: auto 100%;}
.bg-no-repeat{background-repeat: no-repeat;}
.bg-repeat-x{background-repeat:repeat-x;}
.bg-repeat-y{background-repeat: repeat-y;}
.bg-pos-top{background-position: top center;}
.bg-pos-bottom{background-position: bottom center;}
.bg-pos-center{background-position: center;}

.box-shadow-darkGray{box-shadow:0 0 10px rgba(0,0,0,.1);}
.box-shadow-lightGray{box-shadow:0 0 20px rgba(0,0,0,.08);}
.box-shadow-green{box-shadow:0 0 20px rgba(55,190,77,.15);}
.box-shadow-darkGreen{box-shadow:0 0 20px rgba(55,190,77,.25);}