/*!
 * KX_css v1.0
 * Author:ZKFan
 */
/* reset */ 
body,button,input,select,textarea{font: 14px/1.125 '微软雅黑','Microsoft Yahei',Arial,Helvetica,sans-serif;_font-family:"SimSun";color: #333;}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;color: #333;line-height: 24px;}
table{border-collapse:collapse;border-spacing:0}
li{list-style:none}
q:before,q:after{content:''}
a:focus,input,textarea{outline-style:none}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none}
textarea{resize:none}
address,caption,cite,code,dfn,em,i,th,var,b{font-style:normal;font-weight:normal}
abbr,acronym{border:0;font-variant:normal}
img{border: 0;display: block;}
h1{font-size:18px}
h2{font-size:17px}
h3,h4{font-size:16px}
a {text-decoration: none;color: #666;}
.clearfix{*zoom: 1;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;visibility: hidden;}
.fl{float:left;}
.fr{float:right;}

a,a:hover{color: #333;} 
::-ms-clear{display: none;}

/*
    ===== 布局 ============================================================
    ===== 布局 ============================================================
    ===== 布局 ============================================================
*/

.g-wrap{width: 1200px;margin: 0 auto;}





/*
    ===== 模块 ============================================================
    ===== 模块 ============================================================
    ===== 模块 ============================================================
*/

/*----- 弹出层 ---------------*/
.m-poplayer,.m-poplayer .layer-bg{top: 0;left: 0;right:0;bottom:0;width: 100%;height: 100%;}
.m-poplayer{display: none;overflow-y: auto;overflow-x: hidden;position: fixed;_position: absolute;z-index: 900;}
.m-poplayer .layer-bg{position: fixed;background: #000;opacity: 0.5;filter: alpha(opacity=50);}
.m-poplayer .layer-table{table-layout: fixed;width: 100%;height: 100%;}
.m-poplayer .layer-td{width: 100%;height: 100%;vertical-align: middle;}
.m-poplayer .layer-wrap{position: relative;width: 400px; margin: 10px auto;border-radius: 10px;box-shadow: 0 2px 10px rgba(0,0,0,0.2); }
.m-poplayer .layer-tt{position: relative;padding: 10px;height: 20px;line-height: 20px;border-bottom: 1px solid #ddd;border-radius: 4px 4px 0 0;background: #fafafa;}
.m-poplayer .layer-tt h2{float: left;font-size: 14px;}
.m-poplayer .layer-close{float: right;font-weight: bold;font-family: arial;font-size: 24px;_font-size: 16px;color: #ccc;text-shadow: 0 1px #fff;cursor: pointer;}
.m-poplayer .layer-close:hover{color: #aaa;}
.m-poplayer .layer-ct:last-child,.m-poplayer .layer-bt{border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.m-poplayer .layer-ct:first-child{border-top-left-radius: 4px;border-top-right-radius: 4px;}
.m-poplayer .layer-ct{padding: 20px;background: #fff;overflow-y: auto;line-height: 24px;}
.m-poplayer .layer-bt{height: 30px;line-height: 30px;padding: 10px;border-top: 1px solid #ddd;background: #f7f7f7;}
.m-poplayer .layer-other{float: left;color: #999;}
.m-poplayer .layer-btns{float: right;}
.m-poplayer .layer-btns .u-btn{float: left;margin-left: 10px;}
.m-poplayer.s-show{display:  block;}



/*----- 分页 ---------------*/

.m-page{margin:10px 0 0;text-align:center;line-height:28px;font-size:0;letter-spacing:-0.307em;*letter-spacing:normal;*word-spacing:-1px;word-wrap:normal;white-space:nowrap;color:#999;}
.m-page a,.m-page i,.m-page .m-page-text{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding:0 11px;margin-left:-1px;border:1px solid #ddd;font-size:12px;letter-spacing:normal;word-spacing:normal;text-shadow:0 1px #fff;background:#fff;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;-ms-transition:background-color 0.3s;-o-transition:background-color 0.3s;transition:background-color 0.3s;}
.m-page a,.m-page a:hover{text-decoration:none;color:#B81C22;/*#18bc9c;*/}
.m-page a.first{margin-left:0;border-top-left-radius:2px;border-bottom-left-radius:2px;}
.m-page a.last{margin-right:0;border-top-right-radius:2px;border-bottom-right-radius:2px;}
.m-page a .page-arrow{font-weight:bold;font-family:\5b8b\4f53;vertical-align:top;*vertical-align:middle;}
.m-page a.pageprve .page-arrow{margin-right:3px;}
.m-page a.pagenext .page-arrow{margin-left:3px;}
.m-page a:hover{background:#f6f6f6;}
.m-page a:active{background:#f0f0f0;}
.m-page a.s-current,.m-page a.s-current:hover,.m-page a.s-current:active{cursor:default;color:#999;background:#f6f6f6;}
.m-page a.s-disabled,.m-page a.s-disabled:hover,.m-page a.s-disabled:active{cursor:default;color:#ccc;background:#fff;}
.m-page .m-page-text{border: 0;text-shadow:none;margin-left: 0;padding: 0 5px;}
.m-page .m-page-input{width: 30px;line-height: 20px;height: 20px;padding: 4px 0; vertical-align: middle;text-align: center;color: #ddd;margin: 0 5px;border: 1px solid #ddd;}
/* 左对齐 */
.m-page-lt{text-align:left;}
/* 右对齐 */
.m-page-rt{text-align:right;}
/* 小尺寸 */
.m-page-sm{line-height:22px;}
.m-page-sm a,.m-page-sm i{padding:0 8px;}
.m-page-sm .m-page-input{height: 10px;line-height: 10px;padding: 6px 0;}
/* 分离 */
.m-page-sr a,.m-page-sr i{margin:0 3px;border-radius:2px;}
.m-page-sr i{border:0;}
.m-page-sr a.first,.m-page-sr a.last{border-radius:2px;}
/* 无边框 */
.m-page-nb a,.m-page-nb i{border: 0;}
/* 红色 */
.m-page-error a,.m-page-error a:hover{color: #ca3223;}
/* 橙色 */
.m-page-warning a,.m-page-warning a:hover{color: #d6880c;}
/* 蓝色 */
.m-page-info a,.m-page-info a:hover{color: #2981bd;}


/*----- tab ---------------*/

.m-tab{height:35px;line-height:35px;padding:1px 0 0;border-bottom:1px solid #ddd;}
.m-tab h2,.m-tab ul,.m-tab li{float:left;display:inline;}
.m-tab h2{margin:0 20px 0 0;font-size:16px;}
.m-tab ul{margin-left:-2px;}
.m-tab li{position:relative;margin:-1px 0 0 2px;}
.m-tab li a,.m-tab li a:hover{text-decoration:none;color:#666;}
.m-tab li a{float:left;padding:0 15px;border:1px solid #ddd;border-bottom:0;border-radius:5px 5px 0 0;text-align:center;font-size:14px;background:#f2f2f2;}
.m-tab li a:hover{background:#fff;}
.m-tab li.s-current a{position:relative;padding-bottom:1px;margin-bottom:-1px;background:#fff;}
.m-tab .more{float:right;margin-left:10px;}
/* 有背景 */
.m-tab-bg{padding:11px 10px 0;border-radius:5px 5px 0 0;background:#f7f7f7;}
/* 无缝 */
.m-tab-sl li{margin-left:-1px;}
.m-tab-sl li a{border-radius:0;}
.m-tab-sl li:first-child a{border-top-left-radius:5px;}
.m-tab-sl li:last-child a{border-top-right-radius:5px;}
/* 右浮动 */
.m-tab-rt h2{margin-right:0;}
.m-tab-rt ul{float:right;}
/* 小尺寸 */
.m-tab-sm{height:25px;line-height:25px;}
.m-tab-sm h2{font-size:14px;}
.m-tab-sm li a{padding:0 10px;font-size:12px;}
/* 固定宽度 */
.m-tab-fw li a{width:78px;padding:0;}
/* 直角 */
.m-tab-ra,.m-tab-ra li a,.m-tab-ra li:first-child a,.m-tab-ra li:last-child a{border-radius:0;}
/* 非当前无边框 */
.m-tab-nb li a{border-width: 0;background: none;}
.m-tab-nb li a:hover{background-color: #eee;border-bottom: 1px solid #eee;}
.m-tab-nb li.s-current a{border-width: 1px;}
.m-tab-nb li.s-current a:hover{border-bottom: 0;background-color: #fff;}

/*----- 表格 ---------------*/

.m-table{table-layout:fixed;width:100%;line-height:1.5;}
.m-table th,.m-table td{padding:10px;border:1px solid #ddd;}
.m-table th{font-weight:bold;}
/* 只有“行”线 */
.m-table-row th{border-width: 0 0 2px;}
.m-table-row td{border-width:0 0 1px;}

/* 固定宽度 */
.m-table .col20{width:20px;}
.m-table .col50{width:50px;}
.m-table .col100{width:100px;}
.m-table .col200{width:200px;}


/* 圆角 (gt IE 8) */
.m-table-rds{border-collapse:separate;border:1px solid #ddd;border-width:0 1px 1px 0;border-radius:5px;}
.m-table-rds th,.m-table-rds td{border-width:1px 0 0 1px;}
.m-table-rds > :first-child > :first-child > :first-child{border-top-left-radius:5px;}
.m-table-rds > :first-child > :first-child > :last-child{border-top-right-radius:5px;}
.m-table-rds > :last-child > :last-child > :first-child{border-bottom-left-radius:5px;}
.m-table-rds > :last-child > :last-child > :last-child{border-bottom-right-radius:5px;}


/*----- 输入框组 ---------------*/
/*.m-input-gp .u-input{height: 18px;line-height: 18px;font-size: 12px;}*/
.m-input-gp .u-btns{margin-left: -1px;}
.m-input-gp .u-btn:last-child{margin-left: -1px;border-radius: 0 2px 2px 0 !important;}
.m-input-gp-a .u-input{margin-left: -1px;}
.m-input-gp-a .u-btn:first-child{border-radius: 2px 0 0 2px !important;}


/*----- 下拉盒子 ---------------*/
.m-dropdown{border: 1px solid #ddd;background-color: #fff;}
.m-dropdown-t{padding: 10px;background: #f7f7f7;}
.m-dropdown-t span{color: #999;font-weight: normal;}
.m-dropdown-c{padding: 10px;border-top: 1px solid #ddd;display: none;}
/* 圆角 (gt IE 8) */
.m-dropdown-rds,.m-dropdown-rds .m-dropdown-t{border-radius: 4px;}



 
/*
    ===== 元件 ============================================================
    ===== 元件 ============================================================
    ===== 元件 ============================================================
*/



/*----- 按钮 ---------------*/

.u-btn{display: inline-block;*display: inline;*zoom: 1;*overflow: visible;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;padding: 0 12px;height: 28px;line-height: 28px;border: 1px solid #B81C22;/*#09a385;*/border-radius: 2px;font-size: 12px;letter-spacing: 1px;word-spacing: normal;text-align: center;vertical-align: middle;cursor: pointer;color: #fff;background-color: #B81C22;/*#18bc9c;*/}
button.u-btn{*height: 30px;_line-height: 25px;}
.u-btn,.u-btn:hover{color: #fff;text-decoration: none;}
.u-btn:hover{background-color: #B81C22;/*#29b196;*/}
.u-btn:active{box-shadow: inset 0 1px 4px rgba(0,0,0,0.2);}
.u-btn::-moz-focus-inner{padding: 0;margin: 0;border: 0;}
.u-btn .btn-text{margin-right: 3px;_vertical-align: middle;}
.u-btn .btn-select{display: inline-block;*display: inline;*zoom: 1;width: 0;height: 0;overflow: hidden;vertical-align: middle;border-style: solid dashed dashed;border-width: 4px 4px 0;border-color: rgba(255,255,255,0.8) transparent transparent;}
.u-btn:hover .btn-select{border-top-color: rgba(255,255,255,1);}
/* 大尺寸 */
.u-btn-lg{padding: 0 15px;height: 34px;line-height: 34px;font-size: 14px;}
button.u-btn-lg{*height: 38px;_line-height: 33px;}
.u-btn-lg .btn-select{border-width: 5px 5px 0;}
/* 小尺寸 */
.u-btn-sm{padding: 0 10px;height: 22px;line-height: 22px;}
button.u-btn-sm{*height: 24px;_line-height: 19px;}
/* 红色 */
.u-btn-error{background-color: #B81C22;border-color: #ca3223;}
.u-btn-error:hover{background-color: #B81C22;}
/* 橙色 */
.u-btn-warning{background-color: #B81C22;/*#f39c12;*/border-color: #B81C22;/*#d6880c;*/}
.u-btn-warning:hover{background-color: #B81C22;/*#e09722;*/}
/* 蓝色 */
.u-btn-info{background-color: #3498db;border-color: #2981bd;}
.u-btn-info:hover{background-color: #348ecc;}
/* 灰色 */
.u-btn-default{text-shadow: 0 1px rgba(255,255,255,0.8);background-color: #f2f2f2;border-color: #d0d0d0;}
.u-btn-default,.u-btn-default:hover{color: #333;}
.u-btn-default:hover{background-color: #e7e7e7;}
.u-btn-default .btn-select{border-top-color: rgba(0,0,0,0.6);}
.u-btn-default:hover .btn-select{border-top-color: rgba(0,0,0,1);}

/* 只有边框线 */
.u-btn-outline{background-color: #fff;text-shadow:none;padding: 3px 40px;font-size: 14px;}
.u-btn.u-btn-outline{color: #09a385;}
.u-btn.u-btn-outline:hover{color: #fff;background-color: #18bc9c;}
.u-btn-warning.u-btn-outline{color: #d6880c;}
.u-btn-warning.u-btn-outline:hover{color: #fff;background-color: #f39c12;}
.u-btn-info.u-btn-outline{color: #2981bd;}
.u-btn-info.u-btn-outline:hover{color: #fff;background-color: #2981bd;}
.u-btn-error.u-btn-outline{color: #ca3223;}
.u-btn-error.u-btn-outline:hover{color: #fff;background-color: #e74c3c;}
.u-btn-default.u-btn-outline{color: #999;}
.u-btn-default.u-btn-outline:hover{color: #666;background-color: #f2f2f2;}



/*----- 按钮组 ---------------*/

.u-btns{display:inline-block;*display:inline;*zoom:1;position:relative;padding-left:1px;}
.u-btns .u-btn{float:left;margin-left:-1px;border-radius:0;}
.u-btns .u-btn:first-child{border-radius:2px 0 0 2px;}
.u-btns .u-btn:nth-last-of-type(1){border-radius:0 2px 2px 0;}
.u-btns .u-btn:only-of-type{border-radius:2px;}


.u-textarea{display: block;box-sizing:border-box;width: 100%;padding: 6px;background-color:#fff;border:1px solid #ddd;color:#777;}

/*----- 输入框 ---------------*/
.u-input{box-sizing:inherit;}
.u-input,.u-select{width:200px;padding:5px;height:18px;line-height:18px;background-color:#fff;border:1px solid #ddd;color:#777;font-size:12px;}
.u-input-error,.u-select-error{border-color:#ca3223 #ca3223 #ca3223;}
.u-input-warning,.u-select-warning{border-color:#d6880c #d6880c #d6880c;}
.u-input-info,.u-select-info{border-color:#2981bd #2981bd #2981bd;}
.u-input-success,.u-select-success{border-color:#09a385 #09a385 #09a385;}
.u-input:focus{box-shadow: inset 0 1px 4px rgba(0,0,0,0.12);}
/* 小尺寸 */
.u-input-sm{height: 18px;line-height: 18px;padding: 2px 5px;}

/*----- 单选及多选 ---------------*/
.u-radio,.u-checkbox{vertical-align: middle;}

/*----- 选择菜单 ---------------*/
.u-select{height: 30px;line-height: 30px;}
/* 小尺寸 */
.u-select-sm{height: 24px;line-height: 24px;padding: 2px;}

/* 带清除按钮的输入框 */
.u-input-clear .close{margin-left:-24px; width: 24px;height: 24px;line-height: 24px;display: inline-block;text-align: center; color:#999;cursor:pointer;background-color: #fff;position: relative;top: 3px;left: -4px;}

/*----- 下拉菜单 ---------------*/
.u-menu{display:none;position:absolute;z-index:100;top:100%;left:0;margin:1px 0 0;border:1px solid #ddd;border-radius:4px;line-height:1.5;font-size:12px;letter-spacing:normal;word-spacing:normal;box-shadow:0 5px 15px rgba(0,0,0,0.05);background:#fff;}
.u-menu li a{display:block;padding:6px 12px;border-top:1px solid #e8e8e8;overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;color:#333;}
.u-menu li:first-child a{border:0;border-radius:4px 4px 0 0;}
.u-menu li:last-child a{border-radius:0 0 4px 4px;}
.u-menu li a:hover{color:#333;background:#f7f7f7;}
.u-menu li a:active{background:#f0f0f0;}
/* 显示 */
.u-menu.s-show{display:block;}
/* 下拉分组 */
.u-menu-gp li:empty{border-top:1px solid #ddd;margin:5px 0;}
.u-menu-gp li a{border:0;}
.u-menu-gp li.menusep .menuline {display: block;border: 0;border-top: 1px solid #e8e8e8;}
.u-menu-gp .u-menu-gp-t{color: #333; background: #f7f7f7;}
/* 宽度限定 */
.u-menu-min,.u-menu-max{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.u-menu-min{min-width:100%;}
.u-menu-max{max-width:100%;}
/* 列表右对齐 */
.u-menu-rt{left:auto;right:0;}



/*----- 面包屑导航 ---------------*/

.u-crumb{overflow:hidden;line-height:1.5;}
.u-crumb ul{margin-left:-20px;}
.u-crumb li{float:left;word-wrap:normal;white-space:nowrap;display: inline-block;}
.u-crumb li:before{display:inline-block;width:20px;text-align:center;content:'|';font-size:12px;color:#ccc;font-family:\5b8b\4f53;}
/* 箭头 */
.u-crumb-arrow li:before{content:'\3E';}
/* 空格 */
.u-crumb-blank ul{margin-left:-10px;}
.u-crumb-blank li:before{width:10px;content:'';}


/*----- 提示框 ---------------*/
/*.u-tips-ctrl{display: inline-block;}*/
.u-tips-box{position: relative;}
.u-tips{position: absolute;display: none;z-index: 100;}
.u-tips.s-show{display: block;}
.u-tips-c{background-color: #18bc9c;border-radius: 6px;width: 250px;color: #fff;line-height: 150%;position: relative;box-shadow: 0 0 10px rgba(0,0,0,0.4);}
.u-tips-c .u-tips-tt{background-color: #0d967b;border-bottom: 1px solid #0e816b;border-radius: 6px 6px 0 0;padding: 6px 12px;}
.u-tips-c .u-tips-cc{padding: 12px;}
.u-tips-c .u-tips-cc a{text-decoration: underline;color: #fff;}
.u-tips-click-t,.u-tips-click-r,.u-tips-click-l,.u-tips-click-b{cursor: pointer;}
.u-tips-hover-t,.u-tips-hover-r,.u-tips-hover-l,.u-tips-hover-b{cursor: default;}

/* 居中 */
.u-tips-tc{text-align: center;}
/* 右对齐 */
.u-tips-tr{text-align: right;}
/* 箭头 */
.u-tips-arrow{display: inline-block;width: 0;height: 0;overflow: hidden;vertical-align: middle;position: absolute;}

/* 绿色 (默认) */
.u-tips .u-tips-c{background-color: #18bc9c;}
.u-tips.u-tips-top .u-tips-arrow{border-style: solid dashed dashed;border-width: 6px 6px 0;bottom: -6px;margin-left: -6px;left: 50%;border-color: #18bc9c transparent transparent transparent;}
.u-tips.u-tips-right .u-tips-arrow{border-style: dashed solid dashed dashed;border-width: 6px 6px 6px 0;top: 50%;margin-top: -6px;left: -6px;border-color: transparent #18bc9c transparent transparent;}
.u-tips.u-tips-bottom .u-tips-arrow{border-style: dashed dashed solid dashed;border-width: 0 6px 6px 6px;top: -6px;margin-left: -6px;left: 50%;border-color: transparent transparent #18bc9c transparent;}
.u-tips.u-tips-left .u-tips-arrow{border-style: dashed dashed dashed solid;border-width: 6px 0 6px 6px;top: 50%;margin-top: -6px;right: -6px;border-color: transparent transparent transparent #18bc9c;}
.u-tips .u-tips-c .u-tips-tt{background-color: #0d967b;border-color: #0e816b;}

/* 橙色 */
.u-tips-warning .u-tips-c{background-color: #f39c12;}
.u-tips-warning.u-tips-top .u-tips-arrow{border-color: #f39c12 transparent transparent transparent;}
.u-tips-warning.u-tips-right .u-tips-arrow{border-color: transparent #f39c12 transparent transparent;}
.u-tips-warning.u-tips-bottom .u-tips-arrow{border-color: transparent transparent #f39c12 transparent;}
.u-tips-warning.u-tips-left .u-tips-arrow{border-color: transparent transparent transparent #f39c12;}
.u-tips-warning .u-tips-c .u-tips-tt{background-color: #c47e10;border-color: #af6f0a;}
/* 红色 */
.u-tips-error .u-tips-c{background-color: #e74c3c;}
.u-tips-error.u-tips-top .u-tips-arrow{border-color: #e74c3c transparent transparent transparent;}
.u-tips-error.u-tips-right .u-tips-arrow{border-color: transparent #e74c3c transparent transparent;}
.u-tips-error.u-tips-bottom .u-tips-arrow{border-color: transparent transparent #e74c3c transparent;}
.u-tips-error.u-tips-left .u-tips-arrow{border-color: transparent transparent transparent #e74c3c;}
.u-tips-error .u-tips-c .u-tips-tt{background-color: #cc3424;border-color: #c02818;}
/* 蓝色 */
.u-tips-info .u-tips-c{background-color: #3498db;}
.u-tips-info.u-tips-top .u-tips-arrow{border-color: #3498db transparent transparent transparent;}
.u-tips-info.u-tips-right .u-tips-arrow{border-color: transparent #3498db transparent transparent;}
.u-tips-info.u-tips-bottom .u-tips-arrow{border-color: transparent transparent #3498db transparent;}
.u-tips-info.u-tips-left .u-tips-arrow{border-color: transparent transparent transparent #3498db;}
.u-tips-info .u-tips-c .u-tips-tt{background-color: #2175ad;border-color: #0f6ba8;}
/* 灰色 */
.u-tips-default .u-tips-c{background-color: #555;color: #fff;}
.u-tips-default.u-tips-top .u-tips-arrow{border-color: #555 transparent transparent transparent;}
.u-tips-default.u-tips-right .u-tips-arrow{border-color: transparent #555 transparent transparent;}
.u-tips-default.u-tips-bottom .u-tips-arrow{border-color: transparent transparent #555 transparent;}
.u-tips-default.u-tips-left .u-tips-arrow{border-color: transparent transparent transparent #555;}
.u-tips-default .u-tips-c .u-tips-tt{background-color: #444;border-color: #333;}


/*----- 上传按钮 ---------------*/

.u-upload{display:inline-block;*display:inline;*zoom:1;position:relative;overflow:hidden;}
.u-upload button{height:32px;padding:0 12px;border:1px solid #09a385;overflow:visible;font-size:14px;color:#fff;background:#18bc9c;}
.u-upload input{position:absolute;top:0;right:-1px;font-size:100px;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.u-upload:hover button{border-color:#09a385;background:#29b196;}
.u-upload,.u-upload:hover{text-decoration:none;}
.u-upload-warning button{background:#f39c12;border-color:#d6880c;}
.u-upload-warning:hover button{border-color:#d6880c;background:#e09722;}
.u-upload-error button{background:#e74c3c;border-color:#ca3223;}
.u-upload-error:hover button{border-color:#ca3223;background:#e03928;}
.u-upload-info button{background:#3498db;border-color:#2981bd;}
.u-upload-info:hover button{border-color:#2981bd;background:#348ecc;}
.u-upload-info button{background:#3498db;border-color:#2981bd;}
.u-upload-info:hover button{border-color:#2981bd;background:#348ecc;}
.u-upload-info button{background:#3498db;border-color:#2981bd;}
.u-upload-info:hover button{border-color:#2981bd;background:#348ecc;}
.u-upload-default button{background:#f2f2f2;border-color:#ddd;color: #333;}
.u-upload-default:hover button{border-color:#ddd;background:#e7e7e7;}
/* 圆角 */
.u-upload-rds button{border-radius: 4px;}


/*----- 消息提示 ---------------*/

.u-msg{padding: 6px 8px;border-width: 2px;border-style: solid;display: block;}
.u-msg-success{background-color: #e6efc2;border-color: #c6d880;color: #264409;}
.u-msg-warning{background-color: #fff6bf;border-color: #ffd324;color: #6b5912;}
.u-msg-info{background-color: #d5edf8;border-color: #92cae4;color: #205791;}
.u-msg-error{background-color: #fbe3e4;border-color: #fbc2c4;color: #8a1f11;}
.u-msg-default{background-color: #f2f2f2;border-color: #ddd;color: #666;}
.u-msg-sm{padding: 4px;border-width: 1px;}


/*标签*/
.u-tag{display: inline-block;line-height: 30px;height: 30px;padding: 0 15px;border: 1px solid #e0e0e0;border-radius: 15px;font-size: 14px;}
.u-tag:active{background-color: #f3f2f2;box-shadow: 0 0 3px rgba(0,0,0,.2);}
.u-tag-checked{background-color: #18bc9c;color: #fff;border: 1px solid #09a385;}
.u-tag-checked:active{background-color: #26ccab;}
.u-tag-s{display: inline-block;line-height: 16px;font-size: 14px;padding: 0 1px;color: #09a385;border: 1px solid #09a385;border-radius: 2px;}


/*----- /消息提示 ---------------*/




.u-placeholder{position: relative;}
.u-ph-txt{position: absolute;left: 1px;top: 1px;line-height: 18px;color: #999;white-space: nowrap;overflow: hidden;font-size: 12px;padding: 5px;}


/*
    ===== 功能 ============================================================
    ===== 功能 ============================================================
    ===== 功能 ============================================================
*/

.color-red{color:#e4393c}
.color-green{color:#35AA47}
.color-orange{color:#ff9805;}
.color-blue{color:#3498DB;}
.color-gray{color:#999}
/*边距*/
.f-p-0{padding: 0;}
.f-p-5{padding: 5px;}
.f-p-0-5{padding: 0 5px;}
.f-p-5-0{padding: 5px 0;}
.f-pl-5{padding-left: 5px;}
.f-pr-5{padding-right: 5px;}
.f-pt-5{padding-top: 5px;}
.f-pb-5{padding-bottom: 5px;}
.f-p-10{padding: 10px;}
.f-p-0-10{padding: 0 10px;}
.f-p-10-0{padding: 10px 0;}
.f-pl-10{padding-left: 10px;}
.f-pr-10{padding-right: 10px;}
.f-pt-10{padding-top: 10px;}
.f-pb-10{padding-bottom: 10px;}
.f-pt-20{}

.f-m-0{margin: 0;}
.f-m-5{margin: 5px;}
.f-m-0-5{margin: 0 5px;}
.f-m-5-0{margin: 5px 0;}
.f-ml-5{margin-left: 5px;}
.f-mr-5{margin-right: 5px;}
.f-mt-5{margin-top: 5px;}
.f-mb-5{margin-bottom: 5px;}
.f-m-10{margin: 10px;}
.f-m-0-10{margin: 0 10px;}
.f-m-10-0{margin: 10px 0;}
.f-ml-10{margin-left: 10px;}
.f-mr-10{margin-right: 10px;}
.f-mt-10{margin-top: 10px;}
.f-mb-10{margin-bottom: 10px;}
/*浮动*/
.f-fl{float: left;}
.f-fr{float: right;}
.f-clearfix:after{content: '.';height: 0;display: block;clear: both;visibility: hidden;}
/*字体颜色*/
.f-txt-orange{color:#B81C22;/*#ff8c0f;*/}
.f-txt-gray{color:#666;}
.f-txt-white{color: #fff;}
.f-txt-default{color: #000;}
.f-txt-success{color: #09a385;}
.f-txt-warning{color: #d6880c;}
.f-txt-error{color: #e74c3c;}
.f-txt-blue{color: #2981bd;}
.f-txt-muted{color: #999;}
.f-fsz-12{font-size: 12px;}
.f-fsz-14{font-size: 14px;}
.f-fsz-16{font-size: 16px;}
.f-fsz-17{font-size: 17px;}
.f-fsz-18{font-size: 18px;}
.f-fsz-20{font-size: 20px;}
.f-fsz-22{font-size: 22px;}
.f-fsz-24{font-size: 24px;}
.f-txt-c{text-align: center;}
.mid-box{margin:0px auto;}
/*背景*/
.f-bg-f8{background: #f8f8f8;}
.f-bg-b{background: #fff;}
.f-bg-orange{background: #ff8c0f;}
/*边框*/
.f-border-0{border:0 !important;}
.f-border{border: 1px solid #e0e0e0;}
.f-border-b{border-bottom: 1px solid #e0e0e0;}
.f-border-t{border-top: 1px solid #e0e0e0;}
.f-border-l{border-left: 1px solid #e0e0e0;}
.f-border-r{border-right: 1px solid #f0f0f0}
.f-border-radius{border: 1px solid #e0e0e0;border-radius: 4px;}
.f-border-info{border-color:#2981bd;}
.f-border-success{border-color:#09a385;}
.f-border-error{border-color:#e74c3c;}
.f-border-warning{border-color:#d6880c;}
.f-border-circle{border-radius: 50%;}
.f-va-m{vertical-align: middle;}
.f-va-t{vertical-align: top;}
.f-w50{width: 50px;}
.f-w100{width: 100px;}
.f-w150{width: 150px;}
.f-w200{width: 200px;}
.f-w250{width: 250px;}
.f-w300{width: 300px;}




/*
    ===== 状态 ============================================================
    ===== 状态 ============================================================
    ===== 状态 ============================================================
*/

.s-current{}
.s-show{}
.s-hide{display: none;}
.s-open{}
.s-close{}
.s-error{}
.s-warning{}
.s-success{}
.s-disabled{cursor: not-allowed;}