﻿/*******************************************************
***********css reset*********************************
*********************************************************/
@charset "UTF-8";
* {word-wrap: break-word;}
/** 重置表格元素 **/
/*字体大小*/
.f0{font-size:0;}
.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f38{font-size:38px;}
.f32_impott{font-size:32px !important;}
input[type=file].dn{display:none;}
.vm{vertical-align:middle;}
.vtb{vertical-align:text-bottom;}
.vt{vertical-align:top;}
.vn{vertical-align:-2px;}
.vimg{margin-bottom:-3px;}

/*宽度设置*/
.w10{width: 10px;}
.w16{width:16px;}
.w20{width: 20px;}
.w25{width: 25px;}
.w30{width: 30px;}
.w35{width: 35px;}
.w40{width: 40px;}
.w50{width: 50px;}
.w58{width: 58px;}
.w60{width: 60px;}
.w65{width: 65px;}
.w70{width: 70px;}
.w80{width: 80px;}
.w90{width: 90px;}
.w100{width: 100px !important;}
.w105{width: 105px !important;}
.w115{width: 115px !important;}
.w120{width: 120px;}
.w140{width: 140px;}
.w145{width: 145px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w174{width: 174px;}
.w180{width: 180px;}
.w200{width: 200px;}
.w210{width: 210px;}
.w220{width: 220px;}
.w245{width:245px;}
.w250{width: 250px;}
.w300{width: 300px;}
.w350{width: 350px;}
.w370{width: 370px;}
.w380{width: 380px;}
.w390{width: 390px;}
.w400{width: 400px;}
.w420{width: 420px;}
.w450{width: 450px;}
.w530{width: 530px;}
.w550{width: 550px;}
.w575{width: 575px;}
.w500{width: 500px;}
.w600{width: 600px;}
.w650{width: 650px;}
.w700{width: 700px;}
.w800{width: 800px;}
.w850{width: 850px;}
.w900{width: 900px;}
.w980{width: 980px;}
.w1000{width: 1000px;}
.w1100{width: 1100px;}
.w1200{width: 1200px;}
.w1234{width: 1234px;}
.maxw150{max-width:150px;}
.maxw100{max-width:100px;}
.maxw110{max-width:110px !important;}
.minw200{min-width:200px;}
.w10p{width: 10%;}
.w20p{width: 20%;}
.w25p{width: 25%;}
.w30p{width: 30%;}
.w40p{width: 40%;}
.w50p{width: 50%;}
.w60p{width: 60%;}
.w67p{width: 67%;}
.w70p{width: 70%;}
.w75p{width: 75%;}
.w80p{width: 80%;}
.w85p{width: 85%;}
.w90p{width: 90%;}
.w96p{width: 96%;}
.w97p{width: 97%;}
.w100p{width: 100%;}

.mw130{max-width:130px;}
.mh220{max-height:220px;overflow:hidden;}
.mh30{max-height:30px;overflow:hidden;}
/*高度设置*/
.h10{height: 10px;}
.h16{height:16px;}
.h20{height: 20px}
.h25{height: 25px}
.h30{height: 30px}
.h35{height: 35px}
.h36{height: 36px}
.h40{height: 40px}
.h50{height: 50px}
.h60{height: 60px}
.h70{height: 70px}
.h80{height: 80px}
.h90{height: 90px}
.h100{height: 100px}
.h120{height: 120px}
.h140{height: 140px}
.h160{height: 160px}
.h180{height: 180px}
.h190{height: 190px}
.h200{height: 200px}
.h220{height: 220px}
.h250{height: 250px}
.h260{height: 260px}
.h270{height: 270px}
.h280{height: 280px}
.h285{height: 285px}
.h300{height: 300px}
.h320{height: 320px}
.h330{height: 330px}
.h340{height: 340px}
.h350{height: 350px}
.h380{height: 380px}
.h400{height: 400px}
.h500{height: 500px}
.h520{height: 520px}
.h592{height: 592px}
.h795{height: 795px}
.h800{height: 800px}

.h400auto{height:400px;overflow: auto;}
.h10p{height: 10%;}
.h20p{height: 20%;}
.h25p{height: 25%;}
.h30p{height: 30%;}
.h40p{height: 40%;}
.h50p{height: 50%;}
.h60p{height: 60%;}
.h67p{height: 67%;}
.h70p{height: 70%;}
.h80p{height: 80%;}
.h85p{height: 85%;}
.h90p{height: 90%;}
.h96p{height: 96%;}
.h97p{height: 97%;}
.h100p{height: 100%;}

/*外边距*/
.m0{margin:0;}
.ml-70{margin-left:-70px;}
.ml-60{margin-left:-60px;}
.ml-50{margin-left:-50px;}
.ml-40{margin-left:-40px;}
.ml-35{margin-left:-35px;}
.ml-30{margin-left:-30px;}
.ml-25{margin-left:-25px;}
.ml-20{margin-left:-20px;}
.ml-15{margin-left:-15px;}
.ml-12{margin-left:-12px;}
.ml-10{margin-left:-10px;}
.ml-9{margin-left:-9px;}
.ml-4{margin-left:-4px;}
.ml-3{margin-left:-3px;}
.ml-1{margin-left:-1px;}
.ml0{margin-left:0px;}
.ml1{margin-left:1px;}
.ml2{margin-left:2px;}
.ml3{margin-left:3px;}
.ml5{margin-left:5px;}
.ml7{margin-left:7px;}
.ml8{margin-left:8px;}
.ml10{margin-left:10px;}
.ml12{margin-left:12px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml53{margin-left:53px;}
.ml65{margin-left:65px;}
.ml68{margin-left:68px;}
.ml75{margin-left:75px;}
.ml80{margin-left:80px;}
.ml82{margin-left:82px;}
.ml100{margin-left:100px;}
.ml140{margin-left:140px;}
.ml-5p{margin-left:-5%;}

.mr1{margin-right:1px;}
.mr2{margin-right:2px;}
.mr3{margin-right:3px;}
.mr4{margin-right:4px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

.mt-10{margin-top:-10px;}
.mt-3{margin-top:-3px;}
.mt-2{margin-top:-2px;}
.mt-1{margin-top:-1px;}
.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt3{margin-top:3px;}
.mt4{margin-top:4px;}
.mt5{margin-top:5px;}
.mt7{margin-top:7px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt15{margin-top:15px;}
.mt16{margin-top:16px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt100{margin-top:100px;}
.mt-4{margin-top:-4px;}
.mt2p{margin-top: 2%}

.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}

.mlr10{margin-left:10px;margin-right:10px;}

/*******************************************************
***********通用css样式*********************************
*********************************************************/
.fg{font-family:Georgia;}
.ft{font-family:Tahoma;}
.fl{font-family:Lucida Console;} 
.l{float:left;}
.r{float:right;}
.cl{clear:both;}
.n{font-weight:normal;font-style:normal;}
.b{font-weight:bold;}
.i{font-style:italic;}
.fs{font-family:'宋体';}
.fw{font-family:'微软雅黑';}
.tc{text-align:center;}
.tr{text-align:right !important;}
.tl{text-align:left;}
.tdl{text-decoration:underline;}
.tdn,.tdn:hover,a.tdl:hover{text-decoration:none;}
.g0{color:#000000;}
.g3{color:#333333;}
.g6{color:#666666;}
.g9{color:#999999;}

.red{color:red;}
.green{color:green;}
.purple{color:purple;}
.gray{color:gray;}
.orange{color:orange;}
.yellow{color:yellow;}
.wh{color:white;}
/*字体颜色*/
.c_blue{color:#1E9FFF} /*用于超链接等*/
.c_success{color:#5cb85c;}/*绿色，成功色 */
.c_danger{color:#d9534f;}/*红色，警告色*/
.c_gray{color:#bbb;}/*灰色，备注、告示等*/
.c_warm{color:#FFB800;}/*橙黄，暖色*/
.c_pink{color:#F5716D}/*粉色，用于标注如 金额等*/
.c_impott{color:#e67e22;}/*深橙色*/
.c_default{color: #505050}/*深灰色，平台默认字体颜色*/
/*背景色*/
.bg_blue{background-color:#1E9FFF} /*导航选中等*/
.bg_success{background-color:#5cb85c;}/*绿色，成功色 */
.bg_danger{background-color:#d9534f;}/*橙色，警告色*/
.bg_gray{background-color:#7b7b7b;}/*灰色，备注、告示等*/
.bg_pink{background-color:#dc4e4f}/*深粉色，用于标注如 金额等*/
.bg_warm{background-color:#7b7b7b}/*橙黄，暖色*/
.bg_impott{background-color:#e67e22;}/*深橙色*/
.bg_fff{background-color:#fff;}/*白色*/

.f0{font-size:0;}
.f10{font-size:10px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}

.f_yh{font-family: "Microsoft YaHei" !important;}

.vm{vertical-align:middle;}
.vtb{vertical-align:text-bottom;}
.vt{vertical-align:top;}
.vn{vertical-align:-2px;}
.vimg{margin-bottom:-3px;}
/*内边距*/
.p1{padding:1px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p30{padding:30px;}
.pl1{padding-left:1px;}
.pl2{padding-left:2px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl13{padding-left:13px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pt1{padding-top:1px;}
.pt2{padding-top:2px;}
.pt5{padding-top:5px;}
.pt7{padding-top:7px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}

.pr1{padding-right:1px;}
.pr2{padding-right:2px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}

.pb1{padding-bottom:1px;}
.pb2{padding-bottom:2px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

.p2{padding:2px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}

.plr10{padding:0 10px;}

.rel{position:relative;}
.abs{position:absolute;}

.dn{display:none;}
.db{display:block;}
.dib{-moz-inline-stack:inline-block; display:inline-block;}
.di{display:inline;}
.ovh{overflow:hidden;}
.ovs{overflow:scroll;}
.ova{overflow:auto;}
.vh{visibility:hidden;}
.vv{visibility:visible;}
.lh14{line-height:14px;}
.lh15{line-height:15px;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.lh30{line-height:30px;}
.lh36{line-height:36px;}
.lh40{line-height:40px;}
.lh50{line-height:50px;}
.lh60{line-height:60px;}
.lh80{line-height:80px;}
.fix{*zoom:1;}
.fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
.z{_zoom:1;}
.w120{width:120px;}

.mih200{min-height:200px;}
.mih300{min-height:300px;}
.mh400{min-height:400px;}
.mih500{min-height:500px;}
.mih600{min-height:600px;}
/*边框*/
.bdn{border:none;}
.bdbox{border: 1px solid #ececec;}
.bdbtn_default{border: 1px solid #e1dfdf;}
/*盒子阴影*/


.vtasub{vertical-align:sub;}
/********************  自定义样式  ************************************
*********************************************************************/
/*盒子水平居中*/
.a_lrc{margin:0 auto;}
/*hover变色样式*/
.textTransition{color:#333;}
.textTransition:hover{color:#de544e;transition:.4s ease all;}

/**多余的文字用省略号代替**/
.overflow_sl{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/**展示7行后多余的内容再隐藏**/
.line_clamp7{-webkit-line-clamp:7 !important;}

/**表格超出长度出现水平滚动条，在dataTable的父级盒子使用*/
.overflow_a{overflow: auto;}
/*旋转*/
.rotate90{transform:rotate(90deg);}
.rotate180{transform:rotate(180deg);}
.rotate270{transform:rotate(270deg);}

.p_textarea{width:100%;border:none;background: none;resize:none;}


/*asAlert CSS*/
.as-alertModal.as-needWidth{width: 500px;height: 250px;margin: 0 auto;}
.as-alertModal .modal-header{border-bottom:none;}
.as-alertModal .modal-footer{border-top:none;}