﻿@charset "utf-8";
/* CSS Document */
html{ height:100%;}
body{ margin:0px; padding:0px; font-size:14px; color:#2c3e50; background:#fff; width:100%; height:100%; line-height:18px; zoom:1; font-weight:normal;  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;}
ul,li,form,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px; font-weight:normal; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale;}
ul,li,i{ font-style:inherit; list-style:none;}
table{ max-width:inherit;}
h1,h2,h3,h4,h5,h6{ }
em{ font-style:normal; padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#2c3e50; font-size:14px;}
input:focus { outline:none;}
input,button,select,textarea{ outline:none; background:none; border:none; margin:0; padding:0; font-size:14px; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif; /*-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; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus { outline:none; -moz-outline:none; text-decoration:none; color:#2c3e50;}
a:hover{ text-decoration:none; color:#2c63f6;}

.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;}


/*字体大小*/
.f12{ font-size:14px!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;}
.f36{ font-size:36px!important;}
.f38{ font-size:38px!important;}
.f40{ font-size:40px!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;}

/* flex box */
.boxsiz{ -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.flexbox{ display:-webkit-box; display:box;}
.jeflex{ position:relative; -webkit-box-flex:1; -ms-box-flex:1; box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1;}
.je-text-left{ -webkit-box-pack:start; box-pack:start;}
.je-text-center{ -webkit-box-pack:center; box-pack:center; }
.je-text-right{ -webkit-box-pack:end; box-pack:end; }
.je-align-left{ -webkit-box-align:start; box-align:start; }
.je-align-center{ -webkit-box-align:center; box-align:center; }
.je-align-right{ -webkit-box-align:end; align:end; }
.je-orient-ver{ -webkit-box-orient:vertical; box-orient:vertical; }
.je-orient-hor{ -webkit-box-orient:horizontal; box-orient:horizontal; }
.je-box-left{ -webkit-box-pack:start; box-pack:start; -webkit-box-align:center; box-align:center; }
.je-box-right{ -webkit-box-pack:end; box-pack:end; -webkit-box-align:center; box-align:center; }
.je-box-center{ -webkit-box-pack:center; box-pack:center; -webkit-box-align:center; box-align:center; }
.je-vercent{ -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center; -webkit-box-align:center; box-align:center;}

/*圆角*/
.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:25x; -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%;}


/*margin*/
.ml0{ margin-left:0;}
.ml5{ margin-left:5px;}
.ml8{ margin-left: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;}

.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;}

.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:#E6E6E6;} /*默认-灰色*/
.bg-blue{ background-color:#00a4ff;} /*蓝色*/
.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;} /*紫色*/

/*字体颜色*/
.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:#00a4ff;}
.blue2{ color:#0f73ff;}
.green{ color:#27ae60;}
.orange{ color:#e74c3c;}
.white{ color:#fff;}
.purple{ color:#8E488E;}
.gray{ color:#7f8c8d;}

a.red{ color:#e74c3c;}
a.blue{ color:#00a4ff;}
a.blue2{ color:#0f73ff;}
a.green{ color:#27ae60;}
a.orange{ color:#e74c3c;}
a.white{ color:#fff;}
a.purple{ color:#8E488E;}
a.gray{ color:#7f8c8d;}

/*height 高度*/
.jeh16{ min-height:16px; line-height:16px;}
.jeh18{ min-height:18px; line-height:18px;}
.jeh20{ min-height:20px; line-height:20px;}
.jeh22{ min-height:22px; line-height:22px;}
.jeh24{ min-height:24px; line-height:24px;}
.jeh25{ min-height:25px; line-height:25px;}
.jeh28{ min-height:28px; line-height:28px;}
.jeh30{ min-height:30px; line-height:30px;}
.jeh32{ min-height:32px; line-height:32px;}
.jeh34{ min-height:34px; line-height:34px;}
.jeh36{ min-height:36px; line-height:36px;}
.jeh38{ min-height:38px; line-height:38px;}
.jeh40{ min-height:40px; line-height:40px;}
.jeh42{ min-height:42px; line-height:42px;}
.jeh44{ min-height:44px; line-height:44px;}
.jeh46{ min-height:46px; line-height:46px;}
.jeh48{ min-height:48px; line-height:48px;}
.jeh50{ min-height:50px; line-height:50px;}
.jehp100{ line-height:100%;}

/*z-index*/
.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.5);}
.bshad15{ box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.5);}
.bshad10{ box-shadow: 0px 0px 10px 5px rgba(204,204,204,0.5);}

/*手型*/
.handStyle{ cursor:pointer;}

/*1px Line*/
.jecell-bottom{ border-bottom:solid 1px #e1e5ec;}
.jecell-top{ border-bottom:solid 1px #e1e5ec;}
.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 #e1e5ec;}

/*字符出现省略号*/
.textOverFlow{ display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*字符显示行数*/
.lineClamp2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.lineClamp3{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.lineClamp4{ display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;}

/*文本垂直居中*/
.text-vertical{ display:flex; align-items:left; justify-content:space-around; flex-direction:column;}



