@charset "utf-8";
/* CSS Document */
html{ height:100%;}
body{ margin:0px; padding:0px; font-size:12px; color:#2c3e50; background:#f2f4f5; width:100%; height:100%; line-height:18px; zoom:1; font-weight:normal; font-size:12px; font-family:"微软雅黑",Arial;}
ul,li,form,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px; font-weight:normal; font-family:"微软雅黑",Arial;}
ul,li,i{ font-style:inherit; list-style:none;}
table{ max-width:inherit;}
h1,h2,h3,h4,h5,h6{ font-size:12px;}
em{ font-style:normal; padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#2c3e50; font-size:12px;}
input:focus { outline:none;}
input,button,select,textarea{ outline:none; background:none; border:none; margin:0; padding:0; font-size:12px; font-family:"微软雅黑",Arial; /*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
input[type="radio"], input[type="checkbox"]{ margin:0;}
.radio{ margin:0 2px; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
img{ border:none; max-width:100%; vertical-align:top;}
table{ border-collapse:collapse; border-spacing:0;}
a{ color:#2c3e50; text-decoration:none;}
a:focus { outline:none; -moz-outline:none; text-decoration:none; color:#2c3e50;}
a:hover{ text-decoration:none;}

.clear{ display:block; height:0; overflow:hidden; clear:both }
.space5{ clear:both; height:5px; overflow:hidden;}
.space10{ clear:both; height:10px; overflow:hidden;}
.space15{ clear:both; height:15px; overflow:hidden;}
.space20{ clear:both; height:20px; overflow:hidden;}
.space30{ clear:both; height:30px; overflow:hidden;}
.space40{ clear:both; height:40px; overflow:hidden;}
.space50{ clear:both; height:50px; overflow:hidden;}
.space60{ clear:both; height:60px; overflow:hidden;}
.space70{ clear:both; height:70px; overflow:hidden;}
.space80{ clear:both; height:80px; overflow:hidden;}
.space90{ clear:both; height:90px; overflow:hidden;}
.space100{ clear:both; height:100px; overflow:hidden;}

/*字体大小*/
.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;}
.f17{ font-size:17px!important;}
.f18{ font-size:18px!important;}
.f19{ font-size:19px!important;}
.f20{ font-size:20px!important;}
.f22{ font-size:22px!important;}
.f24{ font-size:24px!important;}
.f26{ font-size:26px!important;}
.f28{ font-size:28px!important;}
.f30{ font-size:30px!important;}
.f32{ font-size:32px!important;}
.f34{ font-size:34px!important;}
.fmy{ font-family:'Microsoft Yahei',Verdana,"\u5fae\u8f6f\u96c5\u9ed1","\5b8b\4f53",Arial;}
.far{ font-family:Arial,"\5b8b\4f53", sans-serif;}

/*显示隐藏*/
.hide{ display:none;}
.show{ display:block;}
.di{ display:inline;}
.dib{ display:inline-block;}

/*圆角*/
.rdu{ -webkit-border-radius:1000px; -ms-border-radius:1000px; border-radius:1000px;}
.rdu3{ -webkit-border-radius:3px; -ms-border-radius:3px; border-radius:3px;} 
.rdu4{ -webkit-border-radius:4px; -ms-border-radius:4px; border-radius:4px;} 
.rdu5{ -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}  
.rdu10{ -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.rdu15{ -webkit-border-radius:15px; -ms-border-radius:15px; border-radius:15px;}
.rdu20{ -webkit-border-radius:20px; -ms-border-radius:20px; border-radius:20px;}
.rdu25{ -webkit-border-radius:25px; -ms-border-radius:25px; border-radius:25px;}

/*左右对齐*/  
.fl{ float:left;}
.fr{ float:right;}

/*定位*/
.jeovh{ overflow:hidden;}
.jepor{ position:relative;}
.jepoa{ position:absolute;}
.jepof{ position:fixed!important;}

/*文本对齐*/
.tc{ text-align:center;}
.tr{ text-align:right;}
.tl{ text-align:left;}  

/*字体下划线*/
.tdu{text-decoration:underline;}
.tdn,.tdn:hover,.tdn a:hover,a.tdu:hover{text-decoration:none;}

/*左右自动*/
.jeauto{ margin-left:auto; margin-right:auto;}
.jew100{ width:100% !important;}


/*margin*/
.ml0{ margin-left:0;}
.ml5{ margin-left:5px;}
.ml8{ margin-top:8px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}

.mr0{ margin-right:0;}
.mr5{ margin-right:5px;}
.mr8{ margin-right:8px;}
.mr10{ margin-right:10px;}
.mr12{ margin-right:12px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}

.mt0{ margin-top:0;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}

.mb0{ margin-bottom:0;}
.mb5{ margin-bottom:5px;}
.mb8{ margin-top:8px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}

.m0{ margin:0;}
.m5{ margin:5px;}
.m8{ margin:8px;}
.m10{ margin:10px;}
.m15{ margin:15px;}
.m20{ margin:20px;}
.m25{ margin:25px;}
.m30{ margin:30px;}

/*padding*/
.pl0{ padding-left:0;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}

.pt0{ padding-top:0;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}

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

.pb0{ padding-bottom:0;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pb30{ padding-bottom:30px;}
.pb35{ padding-bottom:35px;}
.pb40{ padding-bottom:40px;}

.p0{ padding:0;}
.p5{ padding:5px;}
.p10{ padding:10px;}
.p15{ padding:15px;}
.p20{ padding:20px;}
.p25{ padding:25px;}
.p30{ padding:30px;}

/*背景色*/
.bg-no{ background-color: transparent;} /*w无色*/ 
.bg-wh{ background-color:#ffffff;} /*白色*/  
.bg-gray{ background-color:#f6f9fb;} /*默认-灰色*/
.bg-blue{ background-color:#4394ff;} /*蓝色*/
.bg-green{ background-color:#5EB95E;} /*绿色*/ 
.bg-orange{ background-color:#F37B1D;} /*橙色*/ 
.bg-red{ background-color:#f74c31;} /*红色*/
.bg-purple{ background-color:#8E488E;} /*紫色*/
.bg-F8{ background-color:#f8f8f8;} /*灰色*/
.bg-F9{ background-color:#f9f9f9;} /*灰色*/
.bg-F2{ background-color:#f2f2f2;}
.bg-black{ background-color:#000;}

/*字体颜色*/
.g0{ color:#000;}
.g3{ color:#333;}
.g6{ color:#666;}
.g9{ color:#999;}
.ga{ color:#aaa;}
.gb{ color:#bbb;}
.gc{ color:#ccc;}
.gd{ color:#ddd;}
.ge{ color:#eee;}

.red{ color:#e74c3c;}
.blue{ color:#4394ff;}
.green{ color:#27ae60;}
.orange{ color:#e74c3c;}
.white{ color:#fff;}
.purple{ color:#8E488E;}
.gray{ color:#7f8c8d;}

a.red{ color:#e74c3c;}
a.blue{ color:#4394ff;}
a.green{ color:#27ae60;}
a.orange{ color:#e74c3c;}
a.white{ color:#fff;}
a.purple{ color:#8E488E;}
a.gray{ color:#7f8c8d;}

/*height 高度*/
.jeh16{ line-height:16px;}
.jeh18{ line-height:18px;}
.jeh20{ line-height:20px;}
.jeh22{ line-height:22px;}
.jeh24{ line-height:24px;}
.jeh26{ line-height:26px;}
.jeh28{ line-height:28px;}
.jeh30{ line-height:30px;}
.jeh36{ line-height:36px;}
.jeh40{ line-height:40px;}
.jeh44{ line-height:44px;}
.jeh48{ line-height:48px;}
.jeh50{ line-height:50px;}
.jeh55{ line-height:55px;}
.jeh60{ line-height:60px;}
.jehp100{ line-height:100%;}

/*z-index:2;*/
.zI100{z-index:100;}
.zI200{z-index:200;}
.zI300{z-index:300;}
.zI400{z-index:400;}

/*字体加粗*/
.fontBold{ font-weight:bold;}

/*投影 inset为内投影，默认外投影*/
.bshad-b15{ box-shadow:0px 0px 15px 0px rgba(204,204,204,0.3);}
.bshad15{ box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.3);}
.bshad10{ box-shadow: 0px 0px 10px 3px rgba(204,204,204,0.3)}

/*1px Line*/
.jecell-bottom{ border-bottom:solid 1px #eee;}
.jecell-top{ border-top:solid 1px #f8f8f8;}
.jecell-right:after{ content:''; position:absolute; right:0; top:50%; margin-top:-5px; width:1px; height:10px; background:#e1e5ec;}
.jecell-left:after{ content:''; position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; background:#e1e5ec;}
.jecell-all{ border:solid 1px #eee;}

/*三角箭头*/
.Triangle-bottom:after{ content:''; position:absolute; left:20px; bottom:-12px; width:0px; height:0px; border:6px solid transparent; border-top:6px solid #fff;}
.Triangle-top:after{ content:''; position:absolute; left:20px; bottom:-12px; width:0px; height:0px; border:6px solid transparent; border-bottom:6px solid #fff;}
.Triangle-left:after{ content:''; position:absolute; left:20px; bottom:-12px; width:0px; height:0px; border:6px solid transparent; border-right:6px solid #fff;}
.Triangle-right:after{ content:''; position:absolute; left:20px; bottom:-12px; width:0px; height:0px; border:6px solid transparent; border-left:6px solid #fff;}


/*截取字符*/
.txtFlow{display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*手型*/
.handType{ cursor:pointer;}
.handStyle{ cursor:pointer;}

/*字符出现省略号*/
.textOverFlow{ display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*文本垂直居中*/
.text-vertical{ display:flex; align-items:left; justify-content:space-around; flex-direction:column;}

/*按钮样式*/
.btnStyle-blueLine{ border:solid 1px #3399ff; color:#3399ff !important; height:30px; line-height:28px; display:inline-block; padding:0 15px; cursor:pointer;}
.btnStyle-blueLine .downMenu{ display:none; margin-top:1px; min-width:80px; background:#fff; right:0; top:100%; box-shadow:0px 0px 5px 0px rgba(204,204,204,0.5);}
.btnStyle-blueLine:hover{ background:#3399ff; color:#fff !important;}
.btnStyle-blueLine:hover .downMenu{ display:block;}
.btnStyle-blueLine:hover .downMenu a{}
.btnStyle-blueLine:hover .downMenu a:hover{ color:#3399ff;}

.btnStyle-grayLine{ border:solid 1px #e1e5ec; color:#666 !important; height:30px; line-height:28px; display:inline-block; padding:0 15px; cursor:pointer;}
.btnStyle-grayLine .downMenu{ display:none; margin-top:1px; min-width:80px; background:#fff; right:0; top:100%; box-shadow:0px 0px 5px 0px rgba(204,204,204,0.5);}
.btnStyle-grayLine:hover{ border-color:#3399ff; color:#3399ff !important;}
.btnStyle-grayLine:hover .downMenu{ display:block;}
.btnStyle-grayLine:hover .downMenu a{}
.btnStyle-grayLine:hover .downMenu a:hover{ color:#3399ff;}


.btnStyle-blueBg{ border:solid 1px #3399ff; background:#3399ff; color:#fff !important; height:30px; line-height:28px; display:inline-block; padding:0 15px; cursor:pointer;}
.btnStyle-blueBg:hover{ opacity:0.8;}

/*文本框，下拉框样式*/
.inputStyle-blueLine{ border:solid 1px #3399ff; color:#3399ff !important; height:30px; line-height:28px; padding:0 10px;}
.inputStyle-grayLine{ border:solid 1px #e1e5ec; color:#333 !important; height:30px; line-height:28px; padding:0 10px;}

.textareaStyle-blueLine{ border:solid 1px #3399ff; color:#3399ff !important; height:100px; line-height:20px; padding:5px 10px;}
.textareaStyle-grayLine{ border:solid 1px #e1e5ec; color:#333 !important; height:100px; line-height:20px; padding:5px 10px;}

.buttonStyle-blueLine{ border:solid 1px #3399ff; color:#3399ff !important; height:30px; line-height:28px; padding:0 10px;}
.buttonStyle-blueLine:hover{ border:solid 1px #3399ff; background:#3399ff; color:#fff !important;}
.btnStyle-blueBg{ border:solid 1px #3399ff; background:#3399ff; color:#fff !important; height:30px; line-height:28px; display:inline-block; padding:0 15px; cursor:pointer;}
.btnStyle-blueBg:hover{ opacity:0.8;}
.buttonStyle-grayLine{ border:solid 1px #e1e5ec; color:#666 !important; height:30px; line-height:28px; padding:0 10px; position:relative;}
.buttonStyle-grayLine:hover{ border:solid 1px #3399ff; color:#3399ff !important; z-index:55;}

.selectStyle-blueLine{ border:solid 1px #3399ff; color:#3399ff !important; padding:5px;}
.selectStyle-blueLine option{ }
.selectStyle-grayLine{ border:solid 1px #e1e5ec; color:#333 !important; padding:4px 5px;}
.selectStyle-grayLine option{ }

/*按钮往左移动1像素*/
.btnStyle-mlF1{ margin-left:-1px;}

/*按钮组合*/
.btnGroup-box{ overflow:hidden;}
.btnGroup-box .btnStyle-grayLine{ position:relative;}
.btnGroup-box .btnStyle-grayLine:first-child{ border-radius:2px 0 0 2px;}
.btnGroup-box .btnStyle-grayLine:last-child{ border-radius:0 2px 2px 0;}
.btnGroup-box .btnStyle-grayLine:hover{ z-index:4;}

.tableStyle{ border:solid 1px #eee; border-collapse:collapse; text-align:center; font-size:12px;}
.tableStyle td{ border:solid 1px #eee; border-collapse:collapse; padding:10px;}
.tableStyle thead{ background:#fafafa;}

/*英文或者数字强制换行*/
.wordWrap{ word-wrap:break-word;}