/* doer-base
   v1.0 | 2017-1-18  
*/

/*  rest  
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
} */
/* HTML5 rest */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1; 
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*{ box-sizing:border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

a {/*color: #337ab7;*/text-decoration: none;}
a:hover,a:focus {/*color: #23527c;*/text-decoration: none;}
a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}

/*卡片布局*/
.wrapper-main{padding-bottom:10px;}
.wrapper-main .main-box{ width:100%;margin-top:10px;}
.bloack-fff,/*老版兼容*/
.card-base{ background:#fff; box-shadow:0 1px 2px #AAAAAA;}
.index_980,/*老版兼容*/
.web980{width:980px; margin:0 auto;}
.web1280{width:1280px; margin:0 auto;}

/*补位*/
.pd-l-5,.pd-l-5_span .span{padding-left:5px;}
.pd-l-10,.pd-l-10_span .span{padding-left:10px;}
.pd-l-15,.pd-l-15_span .span{padding-left:15px;}
.pd-l-20,.pd-l-20_span .span{padding-left:20px;}
.pd-l-25,.pd-l-25_span .span{padding-left:25px;}
.pd-l-30,.pd-l-30_span .span{padding-left:30px;}
.pd-r-5,.pd-r-5_span .span{padding-right:5px;}
.pd-r-10,.pd-r-10_span .span{padding-right:10px;}
.pd-r-15,.pd-r-15_span .span{padding-right:15px;}
.pd-r-20,.pd-r-20_span .span{padding-right:20px;}
.pd-r-25,.pd-r-25_span .span{padding-right:25px;}
.pd-r-30,.pd-r-30_span .span{padding-right:30px;}
.pd-t-5,.pd-t-5_span .span{padding-top:5px;}
.pd-t-10,.pd-t-10_span .span{padding-top:10px;}
.pd-t-15,.pd-t-15_span .span{padding-top:15px;}
.pd-t-20,.pd-t-20_span .span{padding-top:20px;}
.pd-t-25,.pd-t-25_span .span{padding-top:25px;}
.pd-t-30,.pd-t-30_span .span{padding-top:30px;}
.pd-b-5,.pd-b-5_span .span{padding-bottom:5px;}
.pd-b-10,.pd-b-10_span .span{padding-bottom:10px;}
.pd-b-15,.pd-b-15_span .span{padding-bottom:15px;}
.pd-b-20,.pd-b-20_span .span{padding-bottom:20px;}
.pd-b-25,.pd-b-25_span .span{padding-bottom:25px;}
.pd-b-30,.pd-b-30_span .span{padding-bottom:30px;}
.pd-tb-5,.pd-tb-5_span .span{ padding-top:5px  ; padding-bottom:5px  ;}
.pd-tb-10,.pd-tb-10_span .span{ padding-top:10px  ; padding-bottom:10px  ;}
.pd-tb-15,.pd-tb-15_span .span{ padding-top:15px  ; padding-bottom:15px  ;}
.pd-tb-20,.pd-tb-20_span .span{ padding-top:20px  ; padding-bottom:20px  ;}
.pd-tb-25,.pd-tb-25_span .span{ padding-top:25px  ; padding-bottom:25px  ;}
.pd-tb-30,.pd-tb-30_span .span{ padding-top:30px  ; padding-bottom:30px  ;}
.pd-lr-5,.pd-lr-5_span .span{ padding-left:5px  ; padding-right:5px  ;}
.pd-lr-10,.pd-lr-10_span .span{ padding-left:10px  ; padding-right:10px  ;}
.pd-lr-15,.pd-lr-15_span .span{ padding-left:15px  ; padding-right:15px  ;}
.pd-lr-20,.pd-lr-20_span .span{ padding-left:20px  ; padding-right:20px  ;}
.pd-lr-25,.pd-lr-25_span .span{ padding-left:25px  ; padding-right:25px  ;}
.pd-lr-30,.pd-lr-30_span .span{ padding-left:30px  ; padding-right:30px  ;}
.pd-all-5,.pd-all-5_span .span{ padding:5px  ;}
.pd-all-10,.pd-all-10_span .span{ padding:10px  ;}
.pd-all-15,.pd-all-15_span .span{ padding:15px  ;}
.pd-all-20,.pd-all-20_span .span{ padding:20px  ;}
.pd-all-25,.pd-all-25_span .span{ padding:25px  ;}
.pd-all-30,.pd-all-30_span .span{ padding:30px  ;}
.pd-all1,.pd-all1_span .span{ padding:3px 6px ;}
.pd-all2,.pd-all2_span .span{ padding:6px 10px ;}
.mg-l-5,.mg-l-5_span .span{margin-left:5px;}
.mg-l-10,.mg-l-10_span .span{margin-left:10px;}
.mg-l-15,.mg-l-15_span .span{margin-left:15px;}
.mg-l-20,.mg-l-20_span .span{margin-left:20px;}
.mg-l-25,.mg-l-25_span .span{margin-left:25px;}
.mg-l-30,.mg-l-30_span .span{margin-left:30px;}
.mg-r-5,.mg-r-5_span .span{margin-right:5px;}
.mg-r-10,.mg-r-10_span .span{margin-right:10px;}
.mg-r-15,.mg-r-15_span .span{margin-right:15px;}
.mg-r-20,.mg-r-20_span .span{margin-right:20px;}
.mg-r-25,.mg-r-25_span .span{margin-right:25px;}
.mg-r-30,.mg-r-30_span .span{margin-right:30px;}
.mg-t-5,.mg-t-5_span .span{margin-top:5px;}
.mg-t-10,.mg-t-10_span .span{margin-top:10px;}
.mg-t-15,.mg-t-15_span .span{margin-top:15px;}
.mg-t-20,.mg-t-20_span .span{margin-top:20px;}
.mg-t-25,.mg-t-25_span .span{margin-top:25px;}
.mg-t-30,.mg-t-30_span .span{margin-top:30px;}
.mg-b-5,.mg-b-5_span .span{margin-bottom:5px;}
.mg-b-10,.mg-b-10_span .span{margin-bottom:10px;}
.mg-b-15,.mg-b-15_span .span{margin-bottom:15px;}
.mg-b-20,.mg-b-20_span .span{margin-bottom:20px;}
.mg-b-25,.mg-b-25_span .span{margin-bottom:25px;}
.mg-b-30,.mg-b-30_span .span{margin-bottom:30px;}
.mg-tb-5,.mg-tb-5_span .span{ margin-top:5px  ; margin-bottom:5px  ;}
.mg-tb-10,.mg-tb-10_span .span{ margin-top:10px  ; margin-bottom:10px  ;}
.mg-tb-15,.mg-tb-15_span .span{ margin-top:15px  ; margin-bottom:15px  ;}
.mg-tb-20,.mg-tb-20_span .span{ margin-top:20px  ; margin-bottom:20px  ;}
.mg-tb-25,.mg-tb-25_span .span{ margin-top:25px  ; margin-bottom:25px  ;}
.mg-tb-30,.mg-tb-30_span .span{ margin-top:30px  ; margin-bottom:30px  ;}
.mg-lr-5,.mg-lr-5_span .span{ margin-left:5px  ; margin-right:5px  ;}
.mg-lr-10,.mg-lr-10_span .span{ margin-left:10px  ; margin-right:10px  ;}
.mg-lr-15,.mg-lr-15_span .span{ margin-left:15px  ; margin-right:15px  ;}
.mg-lr-20,.mg-lr-20_span .span{ margin-left:20px  ; margin-right:20px  ;}
.mg-lr-25,.mg-lr-25_span .span{ margin-left:25px  ; margin-right:25px  ;}
.mg-lr-30,.mg-lr-30_span .span{ margin-left:30px  ; margin-right:30px  ;}
.mg-all-5,.mg-all-5_span .span{ margin:5px  ;}
.mg-all-10,.mg-all-10_span .span{ margin:10px  ;}
.mg-all-15,.mg-all-15_span .span{ margin:15px  ;}
.mg-all-20,.mg-all-20_span .span{ margin:20px  ;}
.mg-all-25,.mg-all-25_span .span{ margin:25px  ;}
.mg-all-30,.mg-all-30_span .span{ margin:30px  ;}
.clear-pd-all,.clear-pd-all_span .span{ padding:0;}
.clear-mg-all,.clear-mg-all_span .span{ margin:0;}
.clear-mp-all,.clear-mp-all_span .span{ margin:0; padding:0;}
.clear-mp-t,.clear-mp-t_span .span{  padding-top:0  ; margin-top:0  ;}
.clear-mp-b,.clear-mp-b_span .span{  padding-bottom:0  ; margin-bottom:0  ;}
.clear-mp-r,.clear-mp-r_span .span{  padding-right:0  ; margin-right:0  ;}
.clear-mp-l,.clear-mp-l_span .span{  padding-left:0  ; margin-left:0  ;}

/*宽度类*/
.width-xs,.width-xs_span .span{ width:2em;}
.width-sm,.width-sm_span .span{ width:4em;}
.width-normal,.width-normal_span .span{ width:6em;}
.width-lg,.width-lg_span .span{ width:8em;}
.width-xl,.width-xl_span .span{ width:10em;}
.width-xxl,.width-xxl_span .span{ width:14em;}

/*高度类*/
.height-xs,.height-xs_span .span{ height:2em;}
.height-sm,.height-sm_span .span{ height:4em;}
.height-normal,.height-normal_span .span{ height:6em;}
.height-lg,.height-lg_span .span{ height:8em;}
.height-xl,.height-xl_span .span{ height:10em;}
.height-xxl,.height-xxl_span .span{ height:14em;}

/*行高类*/
.l-height-xs,.l-height-xs_span .span{ line-height:2em}
.l-height-sm,.l-height-sm_span .span{ line-height:4em}
.l-height-normal,.l-height-normal_span .span{ line-height:6em}
.l-height-lg,.l-height-lg_span .span{ line-height:8em}
.l-height-xl,.l-height-xl_span .span{ line-height:10em}
.l-height-xxl,.l-height-xxl_span .span{ line-height:14em}

/*链接样式*/
.a-blue,.a-blue_span .span{ color:#2A93C7;}
.a-blue:hover,.a-blue_span .span:hover{ color:#088043;}
.a-green,.a-green_span .span{ color:#088043;}
.a-green:hover,.a-green_span .span:hover{ color:#E94144;}
.a-orange,.a-orange_span .span{ color:#E87C12;}
.a-orange:hover,.a-orange_span .span:hover{ color:#45506c;}
.a-red,.a-red_span .span{color:#E94144;}
.a-red:hover,.a-red_span .span:hover{ color:#990000; }
.a-aaa,.a-aaa_span .span{color:#aaa;}
.a-aaa:hover,.a-aaa_span .span:hover{ color:#088043; }
/*幽灵按键*/
.a-border-info,.a-border-info_span .span{ padding:3px 6px; border:1px solid #5bc0de; color:#5bc0de; display:inline-block;}
.a-border-info:hover,a-border-info:hover_span .span{ color:#fff; background:#5bc0de;}
.a-border-success,.a-border-success_span .span{ padding:3px 6px; border:1px solid #5cb85c; color:#5cb85c; display:inline-block; }
.a-border-success:hover,.a-border-success:hover_span .span{ color:#fff; background:#5cb85c; }
.a-border-warning,.a-border-warning_span .span{ padding:3px 6px; border:1px solid #f0ad4e; color:#f0ad4e; display:inline-block; }
.a-border-warning:hover,.a-border-warning:hover_span .span{ color:#fff; background:#f0ad4e; }
.a-border-danger,.a-border-danger_span .span{ padding:3px 6px; border:1px solid #d9534f; color:#d9534f; display:inline-block; }
.a-border-danger:hover,.a-border-danger:hover_span .span{ color:#fff; background:#d9534f; }

/*字体大小*/
.font12,.font12_span .span{font-size:12px  ;}
.font14,.font14_span .span{font-size:14px  ;}
.font16,.font16_span .span{font-size:16px  ;}
.font18,.font18_span .span{font-size:18px  ;}
.font20,.font20_span .span{font-size:20px  ;}
.font26,.font26_span .span{font-size:26px  ;}
.font32,.font32_span .span{font-size:32px  ;}
.font-rem-0_5,.font-rem-0_5_span .span{ font-size:0.5rem;}
.font-rem-0_75,.font-rem-0_75_span .span{ font-size:0.75rem;}
.font-rem-1_25,.font-rem-1_25_span .span{ font-size:1.25rem;}
.font-rem-1_5,.font-rem-1_5_span .span{ font-size:1.5rem;}
.font-rem-1_75,.font-rem-1_75_span .span{ font-size:1.75rem;}
.font-rem-2,.font-rem-2_span .span{ font-size:2rem;}
/*常用字体*/
.T-black{ font-family:"黑体";}
.T-song{ font-family:"宋体";}
.T-yablack{ font-family:"微软雅黑";}
.T-Arial{ font-family:Arial;}
/*字体样式*/
.font-weight,.font-weight_span .span{ font-weight:700;}
.font-normal,.font-normal_span .span{ font-style:normal  ; font-weight:normal  ;}
.text-clip,.text-clip_span .span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.text-indent,.text-indent_span .span{ text-indent:2em;}
.text-shadow0,.text-shadow0_span .span{ text-shadow: 0px 1px 0px #fff;}
.text-shadow1,.text-shadow1_span .span{ text-shadow: 1px 1px 2px #333;}
.text-shadow2,.text-shadow2_span .span{ text-shadow: 0px 1px 0px #777;}
.text-shadow3,.text-shadow3_span .span{ text-shadow: 1px 1px 0px #ccc;}
.text-center{ text-align:center;}
.text-left{ text-align:left;}
.text-right{ text-align:right;}
/*webkit 超过行数...*/
.textarea-clip,.textarea-clip_span .span{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}

/*字体颜色*/
.text-green-1,
.text-green-1_span .span,
.hover-text-green-1:hover,
.hover-text-green-1_span .span:hover
{ color:#b5e9bd}
.text-green-2,
.text-green-2_span .span,
.hover-text-green-2,
.hover-text-green-2_span .span:hover
{ color:#67b733}
.text-green-3,
.text-green-3_span .span,
.hover-text-green-3,
.hover-text-green-3_span .span:hover
{ color:#10a956}
.text-green-4,
.text-green-4_span .span,
.hover-text-green-4,
.hover-text-green-4_span .span:hover
{ color:#088043}
.text-green-5,
.text-green-5_span .span,
.hover-text-green-5,
.hover-text-green-5_span .span:hover
{ color:#496F67}
.text-green-6,
.text-green-6_span .span,
.hover-text-green-6,
.hover-text-green-6_span .span:hover
{ color:#224a32}
.text-blue-1,
.text-blue-1_span .span,
.hover-text-blue-1:hover,
.hover-text-blue-1_span .span:hover
{ color:#B3EDFF}
.text-blue-2,
.text-blue-2_span .span,
.hover-text-blue-2:hover,
.hover-text-blue-2_span .span:hover
{ color:#64B4DC}
.text-blue-3,
.text-blue-3_span .span,
.hover-text-blue-3:hover,
.hover-text-blue-3_span .span:hover
{ color:#457cc1}
.text-blue-4,
.text-blue-4_span .span,
.hover-text-blue-4:hover,
.hover-text-blue-4_span .span:hover
{ color:#0772A8}
.text-blue-5,
.text-blue-5_span .span,
.hover-text-blue-5:hover,
.hover-text-blue-5_span .span:hover
{ color:#44506C}
.text-yellow-1,
.text-yellow-1_span .span,
.hover-text-yellow-1:hover,
.hover-text-yellow-1_span .span:hover
{ color:#ffc952}
.text-orange-1,
.text-orange-1_span .span,
.hover-text-orange-1:hover,
.hover-text-orange-1_span .span:hover
{ color:#E87C12}
.text-red-1,
.text-red-1_span .span,
.hover-text-red-1:hover,
.hover-text-red-1_span .span:hover
{ color:#E94144}
.text-red-2,
.text-red-2_span .span,
.hover-text-red-2:hover,
.hover-text-red-2_span .span:hover
{ color:#990000}
.text-fff,
.text-fff_span .span,
.hover-text-fff:hover,
.hover-text-fff_span .span:hover
{ color:#fff;}
.text-f0,
.text-f0_span .span,
.hover-text-f0:hover,
.hover-text-f0_span .span:hover
{ color:#f0f0f0;}
.text-aaa,
.text-aaa_span .span,
.hover-text-aaa:hover,
.hover-text-aaa_span .span:hover
{ color:#aaa;}
.text-777,
.text-777_span .span,
.hover-text-777:hover,
.hover-text-777_span .span:hover
{ color:#777;}
.text-ddd,
.text-ddd_span .span,
.hover-text-ddd:hover,
.hover-text-ddd_span .span:hover
{ color:#ddd;}
.text-000,
.text-000_span .span,
.hover-text-000:hover,
.hover-text-000_span .span:hover
{ color:#000;}

/*背景颜色*/
.bg-green-1,
.bg-green-1_span .span,
.hover-bg-green-1:hover,
.hover-bg-green-1_span .span:hover
{ background-color:#b5e9bd}
.bg-green-2,
.bg-green-2_span .span,
.hover-bg-green-2,
.hover-bg-green-2_span .span:hover
{ background-color:#67b733}
.bg-green-3,
.bg-green-3_span .span,
.hover-bg-green-3,
.hover-bg-green-3_span .span:hover
{ background-color:#10a956}
.bg-green-4,
.bg-green-4_span .span,
.hover-bg-green-4,
.hover-bg-green-4_span .span:hover
{ background-color:#088043}
.bg-green-5,
.bg-green-5_span .span,
.hover-bg-green-5,
.hover-bg-green-5_span .span:hover
{ background-color:#496F67}
.bg-green-6,
.bg-green-6_span .span,
.hover-bg-green-6,
.hover-bg-green-6_span .span:hover
{ background-color:#224a32}
.bg-blue-1,
.bg-blue-1_span .span,
.hover-bg-blue-1:hover,
.hover-bg-blue-1_span .span:hover
{ background-color:#B3EDFF}
.bg-blue-2,
.bg-blue-2_span .span,
.hover-bg-blue-2:hover,
.hover-bg-blue-2_span .span:hover
{ background-color:#64B4DC}
.bg-blue-3,
.bg-blue-3_span .span,
.hover-bg-blue-3:hover,
.hover-bg-blue-3_span .span:hover
{ background-color:#457cc1}
.bg-blue-4,
.bg-blue-4_span .span,
.hover-bg-blue-4:hover,
.hover-bg-blue-4_span .span:hover
{ background-color:#0772A8}
.bg-blue-5,
.bg-blue-5_span .span,
.hover-bg-blue-5:hover,
.hover-bg-blue-5_span .span:hover
{ background-color:#44506C}
.bg-yellow-1,
.bg-yellow-1_span .span,
.hover-bg-yellow-1:hover,
.hover-bg-yellow-1_span .span:hover
{ background-color:#ffc952}
.bg-orange-1,
.bg-orange-1_span .span,
.hover-bg-orange-1:hover,
.hover-bg-orange-1_span .span:hover
{ background-color:#E87C12}
.bg-red-1,
.bg-red-1_span .span,
.hover-bg-red-1:hover,
.hover-bg-red-1_span .span:hover
{ background-color:#E94144}
.bg-red-2,
.bg-red-2_span .span,
.hover-bg-red-2:hover,
.hover-bg-red-2_span .span:hover
{ background-color:#990000}
.bg-fff,
.bg-fff_span .span,
.hover-bg-fff:hover,
.hover-bg-fff_span .span:hover
{ background-color:#fff;}
.bg-f0,
.bg-f0_span .span,
.hover-bg-f0:hover,
.hover-bg-f0_span .span:hover
{ background-color:#f0f0f0;}
.bg-aaa,
.bg-aaa_span .span,
.hover-bg-aaa:hover,
.hover-bg-aaa_span .span:hover
{ background-color:#aaa;}
.bg-777,
.bg-777_span .span,
.hover-bg-777:hover,
.hover-bg-777_span .span:hover
{ background-color:#777;}
.bg-ddd,
.bg-ddd_span .span,
.hover-bg-ddd:hover,
.hover-bg-ddd_span .span:hover
{ background-color:#ddd;}
.bg-eee,
.bg-eee_span .span,
.hover-bg-eee:hover,
.hover-bg-eee_span .span:hover
{ background-color:#eee;}
.bg-000,
.bg-000_span .span,
.hover-bg-000:hover,
.hover-bg-000_span .span:hover
{ background-color:#000;}
.bg-none,
.bg-none_span .span,
.hover-bg-none:hover,
.hover-bg-none_span .span:hover
{background:none;}

/*边框类*/
.border-1,
.border-1_span .span{border:1px solid #dddddd;}
.border-3,
.border-3_span .span{border:1px solid #44506c;}
.border-top,
.border-top_span .span{ border-top:1px solid #aaa}
.border-bottom,
.border-bottom_span .span{ border-bottom:1px solid #aaa;}
.border-left,
.border-left_span .span{ border-left:1px solid #aaa}
.border-right,
.border-right_span .span{ border-right:1px solid #aaa}
.border-s,
.border-s_span .span{ border-style: solid;}
.border-d,
.border-d_span .span{ border-style: dashed;}
.border-radius-4,
.border-radius-4_span .span{ border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; }
.border-radius-8,
.border-radius-8_span .span{ border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; }
.border-radius-12,
.border-radius-12_span .span{ border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; -webkit-border-radius:12px; }
.border-radius-max,
.border-radius-max_span .span{ border-radius:999px; -moz-border-radius:999px; -ms-border-radius:999px; -o-border-radius:999px; -webkit-border-radius:999px; }
.border-aaa,
.border-aaa_span .span,
.honver-border-aaa:hover,
.honver-border-aaa_span .span:hover
{ border-color:#aaa;}
.border-ccc,
.border-ccc_span .span,
.honver-border-ccc:hover,
.honver-border-ccc_span .span:hover
{ border-color:#ccc;}
.border-eee,
.border-eee_span .span,
.honver-border-eee:hover,
.honver-border-eee_span .span:hover
{ border-color:#eee;}
.border-green-2,
.border-green-2_span .span,
.honver-border-green-2:hover,
.honver-border-green-2_span .span:hover
{ border-color:#67b733;}
.border-green-5,
.border-green-5_span .span,
.honver-border-green-5:hover,
.honver-border-green-5_span .span:hover
{ border-color:#496F67;}
.border-blue-3,
.border-blue-3_span .span,
.honver-border-blue-3:hover,
.honver-border-blue-3_span .span:hover
{ border-color:#457cc1;}
.border-fff,
.border-fff_span .span,
.honver-border-fff:hover,
.honver-border-fff_span .span:hover
{ border-color:#fff;}

/*分隔符*/
.separate-1:after,
.separate-1_span .span:not(:last-child):after{ content:"|"; padding:0 8px; color:#aaa;}
.separate-2:after,
.separate-2_span .span:not(:last-child):after{ content:"，"; padding:0 5px; color:#aaa;}

/*项目符*/
.sign-1,
.sign-1_span .span,
.sign-2,
.sign-2_span .span{ position:relative;}
.sign-1:before,
.sign-1_span .span:before{ content:"●"; position:absolute; top:0; left:-15px; color:#aaa;}
.sign-2:before,
.sign-2_span .span:before{ content:"◆"; position:absolute; top:0; left:-15px; color:#aaa;}
.sign-green-1:before,
.sign-green-1_span .span:before{ color:#b5e9bd;}
.sign-green-3:before,
.sign-green-3_span .span:before{ color:#10a956;}
.sign-green-5:before,
.sign-green-5_span .span:before{ color:#10a956;}
.sign-blue-1:before,
.sign-blue-1_span .span:before{ color:#B3EDFF;}
.sign-blue-3:before,
.sign-blue-3_span .span:before{ color:#457cc1;}
.sign-blue-5:before,
.sign-blue-5_span .span:before{ color:#44506C;}
.sign-orange-1:before,
.sign-orange-1_span .span:before{ color:#E87C12;}
.sign-red-1:before,
.sign-red-1_span .span:before{ color:#E87C12;}

/*过渡*/
.tra-all0_3,
.tra-all0_3_span .span{-webkit-transition: all .3s ;-o-transition: all .3s ;transition: all .3s ;}
.tra-all0_8,
.tra-all0_8_span .span{-webkit-transition: all .8s ;-o-transition: all .8s ;transition: all .8s ;}
.opa-0{ opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;}
.opa-0_25{ opacity:.25; filter:alpha(opacity=25); -moz-opacity:.25; -khtml-opacity:.25;}
.opa-0_5{ opacity:.5; filter:alpha(opacity=50); -moz-opacity:.5; -khtml-opacity:.5;}
.opa-0_75{ opacity:.75; filter:alpha(opacity=75); -moz-opacity:.75; -khtml-opacity:.75;}
.opa-1{ opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}

/*其他类*/
.hidden,
.hidden_span .span{ display:none !important;}
.block,
.block_span .span{ display:block;}
.inline-block,
.inline-block_span .span{ display: inline-block;}
.table-cell,
.table-cell_span .span{ display: table-cell; }
.position-rel,
.position-rel_span .span{ position: relative;}
.position-abs,
.position-abs_span .span{ position: absolute;}
.position-fix,
.position-fix_span .span{ position: fixed;}
.over-hid{ overflow: hidden;}
.over-scr{ overflow: scroll;}
.over-scr-x{ overflow-x: scroll;}
.over-scr-y{ overflow-y: scroll;}

/*flex 容错类*/
.flex-box .cell-fixde{ flex:0 0 auto;}		
/*flex 布局*/
.flex-box,.flex-form{ display:flex;display: -webkit-flex;/*新版本*/ }
.flex-item-center{align-items:center; }
.flex-justify-center{justify-content:center;}
.flex-baseline{ align-items:baseline;}
.flex-center{align-items:center; justify-content:center;}/*容器中部居中*/
.flex-column{ flex-direction:column;}
.flex-wrap{ flex-wrap:wrap; }/*容器换行*/
.flex-box .cell-grow{ flex:1 0 auto;}/*能放大，不能缩小*/
.flex-box .cell-shrink{ flex:0 1 auto;}/*不能放大，能缩小*/
.flex-box .cell-fixed{ flex:0 0 auto;}/*不能放大，也不能缩小*/
.flex-box .cell-all{ flex:1 1 auto}/*可以放大，也能缩小*/
.flex-box .cellwrap{ display:inline-block;word-break:break-all;overflow:auto;}/*兼容英文换行*/
.flex-box .cell-text-clip{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:0;}/*moz text-clip */
/*flex 表单*/
.flex-form .flex-box,
.flex-form-column .flex-box,
.flex-form-line .flex-box{ align-items:center;}
.flex-form > .flex-box > div,
.flex-form-column > .flex-box > div,
.flex-form-line > .flex-box > div{ padding:0 12px;}
.flex-form > .flex-box label,
.flex-form-column > .flex-box label,
.flex-form-line > .flex-box label{ display:inline-block; text-align:right; margin:0; white-space:nowrap; padding-right:5px; }
.flex-form-column > .flex-box label,
.flex-form-line > .flex-box label{ width:100px;}
.flex-form-column.label-md > .flex-box label,.flex-form-line.label-md > .flex-box label{  width:140px;}
.flex-form-column.label-lg > .flex-box label,.flex-form-line.label-lg > .flex-box label{  width:180px;}
.flex-form-column.label-xl > .flex-box label,.flex-form-line.label-xl > .flex-box label{  width:220px;}
.flex-form-column.label-xxl > .flex-box label,.flex-form-line.label-xxl > .flex-box label{  width:260px;}
/*flex 表单验证*/
.form-check{ padding-bottom:20px;}
.form-check .has-error,.form-check .has-success { position:relative; }
.form-check .has-error:after,.form-check .has-success:after {  display: inline-block;font: normal normal normal 16px/1 FontAwesome;    text-rendering: auto;-webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;position:absolute; right:10px; top:8px;}
.form-check .has-error:after{content:"\f00d";color: #990000 ; }
.form-check .has-success:after{ content:"\f00c";color: #088403 ; }
.form-check .has-error label{ color: #990000 ;}
.form-check .has-success label{ color: #088403 ;}
.form-check .info-no{ position: absolute; right:0; bottom:-15px;}

/*flex 等份宽度 1~20 与 cell连用*/
.flex-box .cell{ flex:1;}.flex-box .cell2{ flex:2;}.flex-box .cell3{ flex:3;}.flex-box .cell4{ flex:4;}.flex-box .cell5{ flex:5;}.flex-box .cell6{ flex:6;}.flex-box .cell7{ flex:7;}.flex-box .cell8{ flex:8;}.flex-box .cell9{ flex:9;}.flex-box .cell10{ flex:10;}.flex-box .cell11{ flex:11;}.flex-box .cell12{ flex:12;}.flex-box .cell13{ flex:13;}.flex-box .cell14{ flex:14;}.flex-box .cell15{ flex:15;}.flex-box .cell16{ flex:16;}.flex-box .cell17{ flex:17;}.flex-box .cell18{ flex:18;}.flex-box .cell19{ flex:19;}.flex-box .cell20{ flex:20;}
.flex-box .cell21{ flex:21;}.flex-box .cell22{ flex:22;}.flex-box .cell23{ flex:23;}.flex-box .cell24{ flex:24;}.flex-box .cell25{ flex:25;}.flex-box .cell26{ flex:26;}.flex-box .cell27{ flex:27;}.flex-box .cell28{ flex:28;}.flex-box .cell29{ flex:29;}.flex-box .cell30{ flex:30;}.flex-box .cell31{ flex:31;}.flex-box .cell32{ flex:32;}.flex-box .cell33{ flex:33;}.flex-box .cell34{ flex:34;}.flex-box .cell35{ flex:35;}.flex-box .cell36{ flex:36;}.flex-box .cell37{ flex:37;}.flex-box .cell38{ flex:38;}.flex-box .cell39{ flex:39;}.flex-box .cell40{ flex:40;}
/*flex 固定宽度 1~50 与 cell-fixed*/
.cell-1{ width:2%;}.cell-2{ width:4%;}.cell-3{ width:6%;}.cell-4{ width:8%;}.cell-5{ width:10%;}.cell-6{ width:12%;}.cell-7{ width:14%;}.cell-8{ width:16%;}.cell-9{ width:18%;}.cell-10{ width:20%;}.cell-11{ width:22%;}.cell-12{ width:24%;}
.cell-13{ width:26%;}.cell-14{ width:28%;}.cell-15{ width:30%;}.cell-16{ width:32%;}.cell-17{ width:34%;}.cell-18{ width:36%;}.cell-19{ width:38%;}.cell-20{ width:40%;}.cell-21{ width:42%;}.cell-22{ width:44%;}.cell-23{ width:46%;}.cell-24{ width:48%;}.cell-25{ width:50%;}.cell-26{ width:52%;}.cell-27{ width:54%;}.cell-28{ width:56%;}.cell-29{ width:58%;}.cell-30{ width:60%;}.cell-31{ width:62%;}.cell-32{ width:64%;}.cell-33{ width:66%;}.cell-34{ width:68%;}.cell-35{ width:70%;}.cell-36{ width:72%;}.cell-37{ width:74%;}.cell-38{ width:76%;}.cell-39{ width:78%;}.cell-40{ width:80%;}.cell-41{ width:82%;}.cell-42{ width:84%;}.cell-43{ width:86%;}.cell-44{ width:88%;}.cell-45{ width:90%;}.cell-46{ width:92%;}.cell-47{ width:94%;}.cell-48{ width:96%;}.cell-49{ width:98%;}.cell-50{ width:100%;}

/*flex表格容错类*/
.modal-table .table-body .flex-box .cell-fixde{ background:#f5f5f5; padding:5px;}
.modal-table .table-body .flex-box .cell-fixde:not(:last-child){ border-right:2px solid #fff;}
/*flex 表格*/
.modal-table .table-tt{ border-bottom:2px solid #ccc;  font-weight:700;}
.modal-table .table-tt .cell-fixde,
.modal-table .table-tt .cell-fixed,
.modal-table .table-tt .cell,
.modal-table .flex-box .cell,
.modal-table .flex-box .cell-fixed{ padding:5px;}
.modal-table .table-body .flex-box:not(:last-child),.modal-table .table-body a:not(:last-child) .flex-box{ border-bottom:1px solid #ddd;}
.modal-table .table-body .flex-box.active .icon:before{ content:"\f058"; display: inline-block;font: normal normal normal 16px/1 FontAwesome;    text-rendering: auto;-webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;color: #088043 ;    padding: 0 5px;}
/*(new) icon*/
.modal-table .table-body .cell-newtag{ border-right:none !important;}
/*单行排列 span 块*/
.modal-table .table-body .label-span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.modal-table .table-body .label-span span{ color:#aaa;}
.modal-table .table-body .label-span span:not(:last-child):after{ content:"，";}
/*modal-table + style-big 宽大表格*/
.modal-table.style-big .table-body .flex-box .cell,.modal-table.style-big .table-body .flex-box .cell-fixed,.modal-table.style-big .table-body .flex-box .cell-fixde{ padding:10px 5px;}
.modal-table.style-big .table-body .info .cell,.modal-table.style-big .table-body .info .cell-fixed,.modal-table.style-big .table-body .info .cell-fixde{ padding-top:0px;}
.modal-table.style-big .table-tt{ padding:5px 0;}
/*modal-table + table-img 或 table-remarks*/
.modal-table.table-img .table-tt > .flex-box > .cell-fixed,
.modal-table.table-img .table-body > .flex-box > .cell-fixed,
.modal-table.table-img .table-tt > .flex-box > .cell,
.modal-table.table-img .table-body > .flex-box > .cell,
.modal-table.table-remarks .table-body > .flex-box > .cell-fixed,
.modal-table.table-remarks .table-body > .flex-box > .cell{ padding:0 !important;}
.modal-table.table-img .table-body > .flex-box .flex-box,
.modal-table.table-remarks .table-body li > .flex-box{ border:none !important; }
.modal-table.table-remarks .table-body li > .remarks{ border-bottom:1px solid #ddd !important; }
.modal-table.table-img .table-body .remarks .cell,
.modal-table.table-remarks .table-body .remarks .cell,
.modal-table.table-img .table-body .remarks .cell-fixed,
.modal-table.table-remarks .table-body .remarks .cell-fixed{ padding-top:0; color:#aaa;  }
.modal-table.table-img .cell-img{ width:85px;}
.modal-table.table-img .cell-img img{ width:65px; height:65px;}
/*添加 排序 sm(小号) md(中号)*/
.modal-table .table-tt .table-sort-md{ font-size:14px;}
.modal-table .table-tt .table-sort-sm{ font-size:12px;}
.modal-table .table-tt .table-sort-md span.sortClass,.modal-table .table-tt .table-sort-sm span.sortClass{ position:relative; cursor:pointer;}
.modal-table .table-tt .table-sort-md span.sortClass:before,.modal-table .table-tt .table-sort-sm span.sortClass:before{ color:#bbb; right:-15px; top:0px;position:absolute; content:"\f0d8";display: inline-block; font: normal normal normal 12px/1 FontAwesome;text-rendering: auto;    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;  }
.modal-table .table-tt .table-sort-md span.sortClass:after,.modal-table .table-tt .table-sort-sm span.sortClass:after{ color:#bbb ;right:-15px; top:8px;position:absolute; content:"\f0d7";display: inline-block; font: normal normal normal 12px/1 FontAwesome;text-rendering: auto;    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;  }
.modal-table .table-tt .table-sort-md span.sortClass.increasing:before,.modal-table .table-tt .table-sort-sm span.sortClass.increasing:before{  color:#009BC9;}
.modal-table .table-tt .table-sort-md span.sortClass.decline:after,.modal-table .table-tt .table-sort-sm span.sortClass.decline:after{  color:#E87C12;}
.modal-table .table-tt .table-sort-sm span.sortClass:after{ top:6px;}
/*状态*/
.state-normal:before{ content:"●"; padding-right:5px; color:#66B632;}
.state-warning:before{ content:"●"; padding-right:5px; color:#FFD06B;}
.state-danger:before{ content:"●"; padding-right:5px; color:#E94144;}
/*select-btn 纠正*/
.modal-table .select-btn-sm{ align-self:center; line-height:0.8em;}
.modal-table .select-btn-sm input{ margin:0; }
/*带滚动条*/
.modal-table.overflow-x{ overflow-x:scroll;}
.modal-table.overflow-y .table-tt{padding-right:15px;}
.modal-table.overflow-y .table-body{ overflow-y:scroll; height:410px;}
/*table hover*/
.modal-table.table-hover .table-body li:hover{ background:#f0f0f0;}

/*flex 分页*/
.paging li{ font-size:12px; width:32px; height:32px; line-height:32px; text-align:center; cursor:pointer; margin-right:5px;transition:all 0.5s; -webkit-transition:all 0.5s; color:#777;}
.paging li.none{ cursor:default;}
.paging li:not(.none):hover{ background:#eee;}
.paging li.active:not(.left):not(.right):not(.none){ background:#64B4DC; font-size:14px; color:#fff;}

/*自定义radio checkbox*/
.radioClass input[type='radio'],.checkboxClass input[type='checkbox']{ display:none;}
.radioClass span:not(:last-child),.checkboxClass span:not(:last-child){ margin-right:12px;}
.radioClass span,.checkboxClass span{ width:28px; height:28px; line-height:28px; background:#eee; display:inline-block; text-align:center; cursor:pointer;}
.radioClass span:hover,.checkboxClass span:hover{ background:#E4F1EE;}
.radioClass span.active,.checkboxClass span.active{ background:#496F67; color:#fff;}
.radioClass.lg span,.checkboxClass.lg span{ width:56px; }
.radioClass.xl span,.checkboxClass.xl span{ width:84px; }
.radioClass.xxl span,.checkboxClass.xxl span{ width:112px; }

/*180度切换*/
.caretClass i,
.caretClass.toggleSort i{ -moz-transition: -moz-transform 0.3s ease;-webkit-transition: -webkit-transform 0.3s ease;-o-transition: -o-transform 0.3s ease;transition: transform 0.3s ease;}
.caretClass.toggleSort i{ -moz-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
		
/*提示工具*/
.tooltip-danger div{ background:#f2dede; border-radius:6px; color:#a94442;}
.tooltip-warning div{ background:#fcf8e3; border-radius:6px; color:#8a6d3b;}
.tooltip-info div{ background:#d9edf7; border-radius:6px; color:#31708f;}
.tooltip-success div{ background:#dff0d8; border-radius:6px; color:#3c763d;}

/*switch开关*/
.custom-switch{ position: relative;}
.custom-switch-label{display: block;width: 62px; height: 34px;background: #f0f0f0;border-radius: 30px;border: solid 1px #fff;cursor: pointer;transition: all 0.2s ease-in-out;}
.custom-switch-label:before{ content: ''; position: absolute; left: 2px; top: 2px; width: 30px; height: 30px; border-radius: 50%; background: #fff; box-shadow: 0 0 2px rgba(0,0,0,.1); transition: all 0.2s ease-in-out; }
.custom-control-input:checked ~ .custom-switch-label{ background: #5cb85c;}
.custom-control-input:checked ~ .custom-switch-label:before{ left:30px;}
.custom-control-input{ position: absolute; z-index: -1; opacity: 0; }

.custom-switch.switch-sm .custom-switch-label{width: 42px;height: 24px;border-radius: 20px;}
.custom-switch.switch-sm .custom-switch-label:before{width: 20px;height: 20px;}
.custom-switch.switch-sm .custom-control-input:checked ~ .custom-switch-label:before{left:20px;}

.tips-box {
	overflow: hidden;
}

.tips-box .content {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 300px;
	height: 598px;
	background-color: rgba(0, 0, 0, 0.8);
	transform: translateX(-100%);
	transition: transform .3s ease-out;
}

.tips-box .content.open {
	transform: none;
}

.tips-box .content .left,
.tips-box .content .right {
	float: left;
}

.tips-box .content .left {
	width: 270px;
	padding: 25px;
}

.tips-box .content .right {
	line-height: 598px;
}

.tips-box .content .left .list .bd {
	font-size: 16px;
	margin-top: 5px;
	color: #ddd;
}

.tips-box .content .left .list .hd {
	font-size: 12px;
	color: #aaa;
}

.tips-box .content .left .list + .list {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dashed #777;
}

.tips-box .content .left .left-top {
	height: 500px;
	overflow-y: auto;
	padding-right: 5px;
}

.tips-box .content .left .left-bottom {
	text-align: center;
	margin-top: 15px;
}

.tips-box ::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.tips-box ::-webkit-scrollbar-thumb {
	background-color: #337ab7;
}

/*bs常用类*/
.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-1{margin-top:5px}.mt-2{margin-top:10px}.mt-3{margin-top:15px}.mt-4{margin-top:20px}.mb-1{margin-bottom:5px}.mb-2{margin-bottom:10px}.mb-3{margin-bottom:15px}.mb-4{margin-bottom:20px}.ml-1{margin-left:5px}.ml-2{margin-left:10px}.ml-3{margin-left:15px}.ml-4{margin-left:20px}.mr-1{margin-right:5px}.mr-2{margin-right:10px}.mr-3{margin-right:15px}.mr-4{margin-right:20px}.m-1{margin:5px}.m-2{margin:10px}.m-3{margin:15px}.m-4{margin:20px}.pt-1{padding-top:5px}.pt-2{padding-top:10px}.pt-3{padding-top:15px}.pt-4{padding-top:20px}.pb-1{padding-bottom:5px}.pb-2{padding-bottom:10px}.pb-3{padding-bottom:15px}.pb-4{padding-bottom:20px}.pl-1{padding-left:5px}.pl-2{padding-left:10px}.pl-3{padding-left:15px}.pl-4{padding-left:20px}.pr-1{padding-right:5px}.pr-2{padding-right:10px}.pr-3{padding-right:15px}.pr-4{padding-right:20px}.p-1{padding:5px}.p-2{padding:10px}.p-3{padding:15px}.p-4{padding:20px}.align-baseline{vertical-align:baseline !important}.align-top{vertical-align:top !important}.align-middle{vertical-align:middle !important}.align-bottom{vertical-align:bottom !important}.align-text-bottom{vertical-align:text-bottom !important}.align-text-top{vertical-align:text-top !important}.bg-white{background-color:#fff !important}.bg-transparent{background-color:transparent !important}.border{border:1px solid #e6e6e6 !important}.border-top{border-top:1px solid #e6e6e6 !important}.border-right{border-right:1px solid #e6e6e6 !important}.border-bottom{border-bottom:1px solid #e6e6e6 !important}.border-left{border-left:1px solid #e6e6e6 !important}.border-dashed{border:1px dashed #e6e6e6 !important}.border-dashed-top{border-top:1px dashed #e6e6e6 !important}.border-dashed-right{border-right:1px dashed #e6e6e6 !important}.border-dashed-bottom{border-bottom:1px dashed #e6e6e6 !important}.border-dashed-left{border-left:1px dashed #e6e6e6 !important}.border-0{border:0 !important}.border-top-0{border-top:0 !important}.border-right-0{border-right:0 !important}.border-bottom-0{border-bottom:0 !important}.border-left-0{border-left:0 !important}.rounded{border-radius:4px !important}.rounded-top{border-top-left-radius:4px !important;border-top-right-radius:4px !important}.rounded-right{border-top-right-radius:4px !important;border-bottom-right-radius:4px !important}.rounded-bottom{border-bottom-right-radius:4px !important;border-bottom-left-radius:4px !important}.rounded-left{border-top-left-radius:4px !important;border-bottom-left-radius:4px !important}.rounded-circle{border-radius:50% !important}.rounded-0{border-radius:0 !important}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block,.doer-warning .warning-update,.doer-warning .warning-update a{display:inline-block !important}.d-block{display:block !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.fixed-top,.doer-warning{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.dark-link{color:#333}.dark-link:hover{color:#428bca;text-decoration:none}.light-link{color:#fff}.light-link:hover{color:#428bca;text-decoration:none}.red-link{color:#c9302c}.red-link:hover{color:#d9534f;text-decoration:none}.secondary-link{color:#2b2b2b}.secondary-link:hover{color:#444;text-decoration:none}.pointer{cursor:pointer}.lh-lg{line-height:2}.lh-sm{line-height:1}.fz-xxlg{font-size:32px}.fz-xlg{font-size:22px}.fz-lg{font-size:18px}.fz-md{font-size:16px}.fz-base{font-size:14px}.fz-sm{font-size:12px}.fw-lg{font-weight:bold}.ti-2{text-indent:28px}.overflow-hide{overflow:hidden}.gap-x+.gap-x{margin-left:20px}.gap-y+.gap-y{margin-top:10px}.gap-p p+p{margin-top:5px}.doer-warning{bottom:0;z-index:9999;color:#fff;background:#428bca;padding:20px;text-align:center;font-size:18px}.doer-warning .warning-title{font-size:36px}.doer-warning .warning-img{width:300px;height:300px;margin:0 auto;background-repeat:no-repeat;background-position:center center;background-image:url("../images/warning_browser.png")}.doer-warning .warning-text{padding:30px 0px}.doer-warning .warning-update{background:#fff;border:solid 8px #3071a9;padding:20px}.doer-warning .warning-update a{width:160px}.doer-warning .warning-icon{width:80px;height:80px;margin:0 auto;background-repeat:no-repeat;background-position:center center}.doer-warning .browser-qq{background-image:url("../images/browser_qq.png")}.doer-warning .browser-360{background-image:url("../images/browser_360.png")}.doer-warning .browser-google{background-image:url("../images/browser_google.png")}.doer-warning .browser-firefox{background-image:url("../images/browser_firefox.png")}.doer-warning .browser-ie{background-image:url("../images/browser_ie.png")}.no-msg{text-align:center;color:#999;padding:20px;background:#f0f0f0;font-size:18px}.no-msg:before{content:'';display:block;width:100px;height:100px;margin:0 auto;background-image:url("../images/no_msg.png");background-repeat:no-repeat;background-position:center center;background-size:contain}.content-bg{width:100%;min-width:1200px}.content{width:1200px;margin:0 auto}.box-header{padding-top:20px;padding-left:20px;padding-right:20px}.box-body{padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px}.box-footer{padding-bottom:20px;padding-left:20px;padding-right:20px}