body{ background: #f6f5f8; }
/* ::-webkit-scrollbar { 滚动条
  width: 15px;
  height: 15px;
} */
i{display: inline-block;}
/*字体*/
h2.title{ color: #666; font-size:20px;line-height: 64px; font-weight: 500}
.b{font-weight: bold;}
.n{font-weight: normal;}
.f12{ font-size: 12px !important;}
.f13{ font-size: 13px !important;}
.f14{ font-size: 14px !important;}
.f15{ font-size: 15px !important;}
.f16{ font-size: 16px !important;}
.f18{ font-size: 18px !important;}
.f20{ font-size: 20px !important;}
.f24{ font-size: 24px !important;}
.f28{ font-size: 28px !important;}
.f35{ font-size: 35px !important;}

/*边距*/
.m0{margin:0;}
.m5{margin:5px;}
.m10{margin:10px;}

.mt0{margin-top: 0px !important;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}

.mb0{margin-bottom: 0px !important;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}

.ml0{margin-left:0;}
.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml15{ margin-left: 15px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px !important;}
.ml35{ margin-left: 35px;}
.ml40{ margin-left: 40px !important;}
.ml45{ margin-left: 45px;}
.ml50{margin-left: 50px !important;}
.ml65{margin-left: 65px !important;}
.ml100{margin-left: 100px;}
.ml110{ margin-left: 110px;}

.mr0{margin-right: 0px !important;}
.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}
.mr20{ margin-right: 20px;}
.mr30{ margin-right: 30px;}
.mr35{ margin-right: 35px;}
.mr210{margin-right: 210px;}



/*内边距*/
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding: 20px;}
.p30{padding: 30px;}


.pt0{padding-top:0px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt17{padding-top:17px;}
.pt20{padding-top:20px;}
.pt22{padding-top: 22px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt70{padding-top: 70px;}

.pb0{padding-bottom:0px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}


.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{ padding-left: 30px}
.pl50{padding-left:50px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{ padding-right: 20px}
.pr25{padding-right: 25px;}
.pr30{ padding-right: 30px}
.pr50{padding-right:50px;}


.ptb5{ padding-top:5px; padding-bottom: 5px; }
.ptb10{ padding-top:10px; padding-bottom: 10px; }
.ptb20{ padding-top:20px; padding-bottom: 20px; }
.ptb30{ padding-top:30px; padding-bottom: 30px; }


.plr5{padding-left: 5px;padding-right:5px;}
.plr10{padding-left: 10px;padding-right: 10px;}
.plr15{padding-left: 15px;padding-right: 15px;}
.plr20{padding-left: 20px;padding-right: 20px;}
.plr30{padding-left: 30px;padding-right: 30px;}
.plr40{padding-left: 40px;padding-right: 40px;}
.plr45{padding-left: 45px;padding-right: 45px;}


/*布局*/
.d-container{ height: 100%; min-height: 400px;}
.d-relative{ position: relative; }
.d-absolute{ position: absolute; }
.d-fixed{position: fixed;}
.d-content{padding: 10px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.1); border-radius: 3px; box-sizing: border-box; height: 100%;}
.d-main{ width: 1150px; margin:0 auto; }



/*浮动*/
.fl{float: left;}
.fr{float: right !important}

/*对齐*/
.al{text-align: left;}
.ac{text-align: center;}
.ar{text-align: right;}


/*辅助*/
.d-nowrap{white-space: nowrap;}
.d-elip{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.d-disabled{background: #e8e8e8; color: #999; cursor: not-allowed}
.d-pointer{cursor:pointer;}

.d-show{display: block;}
.d-hide{display: none;}

.d-hidden{overflow: hidden;}
.d-auto-x{overflow-x: auto;}
.d-auto-y{overflow-y: auto;}

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

.d-middle{ vertical-align: middle;}
.d-box{box-sizing: border-box;}
.d-clear{clear: both;}




/*高度*/
.hfull{ height: 100% !important; }
.h20{height:20px !important;}
.h25{ height: 25px; }
.h30{ height: 30px; }
.h40{ height:40px;}
.h50{ height:50px;}
.h60{ height: 60px !important; }
.h70{ height: 70px !important; }
.h80{ height: 80px !important; }
.h100{ height:100px !important;}
.h150{ height: 150px; }
.h165{ height: 165px; }
.h180{ height: 180px !important; }
.h225{height:225px;}
.h250{height:250px;}
.h300{height:300px;}
.h350{height:350px;}

/*宽度*/
.wfull{ width: 100% !important }
.w20{width: 20px !important;}
.w30{width: 30px !important;}
.w40{width: 40px !important;}
.w50{width: 50px !important;}
.w60{width: 60px !important;}
.w70{width: 70px !important;}
.w80{width: 80px !important;}
.w96{width: 96px !important;}
.w100{width: 100px !important;}
.w110{width: 110px !important;}
.w120{width: 120px !important;}
.w130{width: 130px !important;}
.w140{width: 140px !important;}
.w150{width: 150px;}
.w160{width: 160px;}
.w180{width: 180px;}
.w200{width: 200px;}
.w220{width: 220px;}
.w240{width: 240px!important;}
.w250{width: 250px;}
.w260{width: 260px;}
.w280{width: 280px;}
.w290{width: 290px;}
.w300{width: 300px;}
.w320{width: 320px !important;}
.w350{width: 350px; }
.w400{width: 400px; }
.w500{width: 500px; }
.w600{width: 600px; }
.w800{width: 800px; }
.w880{width: 880px; }
.w885{width: 885px; }
.w1200{width: 1200px; }


/* 最小宽度 */
.wmin50{min-width: 50vw;}
.wmin1200{min-width: 1200px;}


/* 最大宽度 */
.wmax50{max-width: 50vw;}
.wmax800{max-width: 800px;}
.wmax1200{max-width: 1200px;}

/* 最小高度 */
.hmin50{min-height:50vh;}
.hmin600{min-height:600px;}
.hmin650{min-height:650px;}
.hmin700{min-height:700px;}

/* 最大高度 */
.hmax60{max-height: 60vh;}
.hmax300{max-height: 300px;}
.hmax800{max-height: 800px;}


/* 边框   */
.bt{border-top:1px solid #dcdfe6 !important;}
.bb{border-bottom:1px solid #dcdfe6 !important;}
.bl{border-left:1px solid #dcdfe6; }
.br{border-right:1px solid #dcdfe6; }
.ba{border:1px solid #dcdfe6;}
.bn{border:none !important;}


/* 圆滑边框 */
.bar4{border-radius: 4px;}
.bar8{border-radius: 8px;}


/*边框颜色*/
.d-border-green{border: 1px solid #67c23a;}



/* 给父元素添加font-size:0属性可以消除5px间距 */
.d-form{ font-size: 0 }


/*圆*/
.d-circle{border-radius:50%; text-align: center; display: inline-block; overflow:hidden; }
.d-round12{width: 12px; height: 12px; line-height: 12px; }
.d-round15{width: 15px; height: 15px; line-height: 15px; }
.d-round20{width: 20px; height: 20px; line-height: 20px; }
.d-round25{width: 25px; height: 25px; line-height: 25px; }
.d-round30{width: 30px; height: 30px; line-height: 30px; }
.d-round35{width: 35px; height: 35px; line-height: 35px; }



/*行高*/
.lh20{line-height: 20px;}
.lh22{line-height: 22px;}
.lh30{line-height: 30px;}
.lh35{line-height: 35px;}
.lh38{line-height: 38px;}
.lh40{line-height: 40px;}
.lh45{line-height: 45px;}
.lh50{line-height: 50px;}
.lh55{line-height: 55px;}
.lh60{line-height: 60px;}
.lh70{line-height: 70px;}



/*筛选*/
.d-status{ color: #189eff !important;cursor:pointer; }

/*鼠标滑过 蓝色底线*/
.d-status:hover{ border-bottom: 1px solid #189eff; }


/*背景色*/
.d-bg-gray{ background:#f2f2f2;}  /*灰色*/
.d-bg-white{ background:#fff !important;}  /*白色*/
.d-bg-black{ background:#aaa; color: #fff;}  /*黑色*/
.d-bg-red{ background:#ff0000;color: #fff;}  /*h*/
.d-bg-pink{ background: #ff6969; color: #fff;}/*粉红主色*/
.d-bg-violet{ background: #9965cc; color: #fff;} /*紫色*/
.d-bg-brown{ background: #f1a85f; color: #fff; }/*棕色*/
.d-bg-crimson{ background: #ac0222; color: #fff; }/*赤红*/
.d-bg-cyan{ background: #33ba9b; color: #fff; }/*青色*/
.d-bg-blue{ background: #189eff; color: #fff !important; }/*蓝色*/
.d-bg-skyblue{ background: #DFF6FA; color: #fff; }/*天空蓝色*/
.d-bg-green{ background: #67c23a !important; color: #fff; }/*绿色*/
.d-bg-orange{ background: #ff9906; color: #fff; }/*橙色*/
.d-bg-yellow{ background: #E6A23C; color: #fff; }/*橙色*/
.d-bg-tred{background: #F56C6C;color: #FFF;} /*A/特级红*/
.d-bg-geblc{background:#48576A;color: #FFF;}
.d-bg-geblcs{background:#2b303e;color: #FFF;} // 偏黑
.d-bg-paleYellow{background:#fff5ed;}
.d-bg-nav{background: #505050;color: #fff;} // 导航
/*字体颜色*/
.d-text-pink{color: #ff6969; } /*粉红主色*/
.d-text-red{color: #ff0000; }  /*红色*/
.d-text-tred{color: #F56C6C;}  /*A/特级红*/
.d-text-violet{color: #9965cc; } /*紫色*/
.d-text-brown{color: #f1a85f; }/*棕色*/
.d-text-crimson{color: #ac0222; }/*赤红*/
.d-text-cyan{color: #33ba9b; }/*青色*/
.d-text-blue{color: #189eff !important; }/*蓝色*/
.d-text-skyblue{color: #00C1DE !important; }/*天空蓝色*/
.d-text-green{color: #67c23a; }/*绿色*/
.d-text-orange{color: #ff9906; }/*橙色*/
.d-text-yellow{color: #f4d248; }/*金色*/
.d-text-gray{color: #666; }/*灰色*/
.d-text-qgray{color: #999; }/*灰色*/
.d-text-silverGray{color: #ccc; }/*银灰色*/
.d-text-qgrays{color: #606266; }/*灰色*/
.d-text-white{color: #fff; }/*白色*/
.d-text-black{color: #333 !important; }/*黑色*/





/*按钮颜色*/
.d-btn-orange{border:1px solid #ff9906; color:#ff9906; padding:0px 8px; }
.d-btn-red{border:1px solid #ff0000; color:#ff0000; padding:0px 8px; }


/*分页*/
.d-page{  padding:10px 15px; }


/*布局*/
.d-flex{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
 }
/* 从左到右垂直居中 */
.d-flex-lr{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    align-items: center;
}
/* 分布两边 */
.d-flex-level{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* 从左到右等份 */
.d-flex-deuce{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    justify-content: space-around;
    align-items: center;
}
/* 上中下分布 */
.d-flex-tcb{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
}
.d-cell{flex: 1}
.d-shrink{flex-shrink:1;}
.d-center{display: flex; flex-flow: wrap; align-items: center; justify-content:center}

/*旧浏览器*/
.old-browser-popup{position: fixed; width: 100%; height: 60px; line-height: 60px; font-size: 16px; background: #444; text-align: center; color: #efefef; bottom: 0; left: 0; z-index: 11;}
.old-browser-popup a{ color: #ff6666; }
.old-browser-popup a:hover{ opacity: .9}
.old-browser-popup a img{ display: inline-block; height: 40px;  vertical-align: -13px; }
.old-close-btn{ position: absolute; right: 15px;  cursor: pointer;}
.old-close-btn i{font-size: 26px;}