@charset "utf-8";
/*
    Document: CSS样式初始化
    Description:CSS样式表的初始化，全局样式设置。部分样式属性请根据具体页面重置其属性
*/
/*css reset --------------------*/

*{font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
*:focus {outline: none;}
*, :after, :before{box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}  /* 初始化标签在所有浏览器中的margin、padding值 */
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/
input,select,textarea,button {vertical-align:middle;}  /* 重置表单控件垂直居中*/
button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */ 
a {color:#495060;text-decoration:none}  /* 重置链接a标签 */
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */
caption {display:none;}    /* 重置表格标题为隐藏 */
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 重置table属性 */

/* 取消a标签点击后的虚线框 */
a {outline: none;}
a:hover,a:focus{color: #4493ef;}
a:active {star:expression(this.onFocus=this.blur());}
*:focus {outline: none;}
/* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */ 
/* 
::selection {color: #fff;background-color: #4C6E78;}    
::-moz-selection {color: #fff;background-color: #4C6E78;} 
*/

/*左右浮动样式*/
.f-left {float: left;}
.f-right {float: right;}
.clear {clear: both;}
.clear{clear: both;}

/*Color色彩*/
.blue {color: #4381e6!important;;}
.light-blue {color: #4493ef!important;}
.dark-blue {color: #3a77da!important;;}

.green {color: #37bda2!important;;}
.light-green {color: #3dccb3!important;}
.dark-green {color: #33a49e!important;;}

.info{color: #4493ef!important;;}
.success{color:#26be6b!important;;}
.warning{color:#fd9802!important;;}
.danger{color:#ed3f14!important;;}

.title-text{color:#1c2438!important;;}
.content-text{color:#495060!important;;}
.sub-text{color:#80848f!important;;}
.disabled-color{color:#bbbec4!important;;}
.border-color{color:#dddee1!important;;}
.divider-color{color:#e9eaec!important;;}
.background-color{color:#f8f8f9!important;;}

/*图片圆角*/
.img-circle{border-radius: 50%;}

/*边距、字号、宽度*/
.p5{padding: 5px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.m5{margin: 5px;}
.m10{margin: 10px;}
.m15{margin: 15px;}
.m20{margin: 20px;}
.w100{width: 100px;}
.w200{width: 200px;}
.w300{width: 300px;}
.w400{width: 400px;}
.f18{font-size: 18px;}
.f16{font-size: 16px;}
.f14{font-size: 14px;}
.f12{font-size: 12px;}
.fbold{font-weight: 700;}

/*css reset end --------------------------------------------------*/

body{background: #f0f0f0;}

/*导航*/
.logo{float: left;padding-right: 15px;line-height: 10px;}
.logo img{display: block;}
.top{z-index:2;background:#4381e6;}

/*主导航*/
.menu{height:60px;padding-left:15px;_overflow:hidden}
.menu>li{float:left;position:relative;padding:0 20px;height: 60px;text-align: center;}
.menu li a{color:#c1e4fc;float:left;position:relative}
.menu>li a p{font-size: 14px;line-height: 60px;display: inline-block;padding-left:5px;}
.menu>li a i{color: #c1e4fc;font-size: 18px;display:inline-block;}
.menu>li a i.arrow{font-size: 12px;margin: 0;}
.menu>li:hover{background-color:#3a77da;}
.menu>li:hover a,.menu>li:hover a i{color:#fff}
.menu>li.active{background-color:#fff;}
.menu>li.active a,.menu>li.active a i{color:#428bca}
.menu ul{width:110px;border:1px solid #f5f5f5;border-top:none;position:absolute;left:0;top:-999em;z-index:99999;display:none;background: #fff;overflow: hidden;border-radius: 0 0 3px 3px;}
.menu>li ul li a>i{font-size: 14px;padding-right: 10px;}
.menu li:hover ul{top:60px;display:block}
.menu li:hover ul li{border:none;width:100%;display: block;overflow: hidden;}
.menu li:hover ul li a{color:#333;display:block;text-align: left;font-size:12px;line-height: 36px;padding-left: 21px;}
.menu li:hover ul li:hover,.menu li:hover ul li.active{background: #fafafa;}
.menu li:hover ul li:hover a{color: #4493ef;}

/*消息提示*/
.message{position: absolute;right:200px;top:0;}
.message a{display: block;padding:0 10px;height: 60px;}
.message a i{font-size: 20px;color: #fff;display: inline-block;padding-top: 18px;}
.message a span{font-size: 10px;color: #fff;background: #ff0000;border-radius: 50%;width: 14px;height: 14px;position: absolute;top:15px;right:0;}

/*登录用户*/
.user-info{height: 60px;position: absolute;right: 0;top:0;}
.user{width: 190px;background: #3a77da;}
.user>li>a{position: relative;color: #fff;display: block;padding: 10px;overflow: hidden;}
.user>li>a span{line-height: 20px;float: left;font-size: 12px;}
.user>li>a i{padding: 12px 0 0 15px;}
.user img{width: 40px;margin-right: 15px;}
.user ul{width:188px;border:1px solid #fafafa;border-top:none;border-bottom:none;position:absolute;right:0;top:-999em;z-index:99999;display:none;background: #fff;overflow: hidden;border-radius: 0 0 3px 3px;}
.user>li ul li a>i{font-size: 14px;}
.user li:hover ul{top:60px;display:block;padding-top: 10px;}
.user li:hover ul li{border:none;width:50%;float:left;display: inline;}
.user li:hover ul li a{color:#333;display:block;font-size:12px;padding-left: 15px;line-height: 36px;}
.user li:hover ul li a i{color: #c1d7fc;}
.user li:hover ul li.exit{width: 100%;margin-top: 10px;}
.user li:hover ul li.exit a{background: #4381e6;color: #fff;text-align: center;border-radius: 0 0 3px 3px;}
.user li:hover ul li:hover,.menu li:hover ul li.active{background: #fafafa;}

/*主区域*/
#main{overflow:hidden;}
.sidebar{float:left;width:210px;background:#fff;border-right: solid 1px #e9eaec;}
.content{overflow:hidden;_float:left;min-height:500px;}/*兼容IE6*/
.row{margin-bottom:-10000px;padding-bottom:10000px;}/*内外补丁是关键*/
/*底部版权*/
#footer{clear:both;line-height:40px;background:#fafafa;text-align: center;color: #80848f;font-size: 12px;}

/*左侧导航*/
.none{display:none;}
.sidebar ul li{display:inline;}
.sidebar ul li a{padding-left:30px;text-decoration:none;font-size:14px;color:#555;display:block;height:43px;line-height:43px;}
.sidebar ul li a:hover{color:#4493ef;}
.sidebar ul li a.selected:hover{color:#fff;}
.sidebar ul li{display:inline-block;width:100%;position: relative;min-height:50px;_height:50px;z-index: 10;zoom:1}
.sidebar ul li h4{cursor:pointer;padding-left:20px;text-decoration:none;font-size:14px;color:#1c2438;display:block;line-height:50px;font-weight:normal;}
.sidebar ul li h4:hover{color:#4493ef;}
.sidebar ul li.selected h4{color:#4493ef;border-bottom:1px solid #f0f0f0;}
.sidebar ul li h4 i{margin-right: 10px;}
.sidebar ul li h4 i.arrow{float: right;margin-right: 15px;}
.sidebar ul li .on a{color:#4493ef;font-weight:bold;}
.sidebar ul li a:hover{color:#4493ef;text-decoration:underline;}
.sidebar li .list-item{padding:5px 0;position:relative;zoom:1}
.sidebar li .list-item p{padding-left:8px;}
.sidebar li .list-item a{color: #495060;border:0;display:block;padding-left:47px;height:40px;line-height:40px;font-size: 12px;border-left: solid 3px #fff;}
.sidebar li .list-item a:hover{background:#f0f0f0;color:#4493ef;text-decoration:none;border-left: solid 3px #4493ef;}

/*tags页面标签切换*/
.tags-list{background: #fff;padding: 5px 10px;border-bottom: solid 1px #e2e2e2;box-shadow: 2px 0px 2px #c3bdbd;}
.tags-list a{line-height: 22px;border: 1px solid #e9eaec;color: #495060;background: #fff;padding: 0 5px;display: inline-block;font-size: 12px;}
.tags-list a .tags-dot{display: inline-block;width: 10px;height: 10px;margin-right: 5px;border-radius: 50%;background: #e9eaec;position: relative;top: 1px;}
.tags-list a .tags-text{color:#1c2438;}
.tags-list a i{color: #666; opacity: 0.3;top: 2px;position: relative;}
.tags-list a:hover{background: #fdfdfd;}
.tags-list a:hover i{opacity: 1;}
.tags-list a:hover .tags-dot{background: #4493ef;}
.tags-list a:hover .tags-text{color: #4493ef;}
.tags-list a.active{background: #4493ef;border-color: #4493ef;}
.tags-list a.active .tags-dot{background: #fff;}
.tags-list a.active .tags-text{color: #fff;}
.tags-list a.active i{opacity: 1;color: #fff;}

/*主内容区域*/
.content-box{background: #fff;margin:10px;min-height: 640px;overflow: hidden;}
.content-text>p{line-height: 30px;font-size: 14px;margin-bottom: 15px;border-radius: 5px;}
.Breadcrumb{border-bottom: solid 1px #e9eaec;padding-bottom:10px;clear: both;margin-bottom: 10px;}

/*色彩列表*/
.color-list li{width: 25%;float: left;}
.color-list li p{margin: 15px;text-align: center;height: 80px;color: #fff;padding-top: 20px;}
.bg-blue {background: #4381e6;}
.bg-light-blue {background: #4493ef!important;}
.bg-dark-blue {background: #3a77da;}

.bg-green {background: #37bda2;}
.bg-light-green {background: #3dccb3!important;}
.bg-dark-green {background: #33a49e;}

.bg-info{background: #4493ef;}
.bg-success{background:#26be6b;}
.bg-warning{background:#fd9802;}
.bg-danger{background:#ed3f14;}

.bg-title-text{background:#1c2438;}
.bg-content-text{background:#495060;}
.bg-sub-text{background:#80848f;}
.bg-disabled-color{background:#bbbec4;}
.bg-border-color{background:#dddee1;}
.bg-divider-color{background:#e9eaec;}
.bg-background-color{background:#f8f8f9;}

/*警告提示*/
.alert{position: relative;padding: 8px 48px 8px 16px;border-radius: 6px;color: #495060;font-size: 12px;line-height: 16px;margin-bottom: 10px;}
.alert i{font-size: 12px;}
.alert-info{border: 1px solid #d5e8fc;background-color: #eaf4fe;}
.alert-success{border: 1px solid #d1f2e1;background-color: #e8f9f0;}
.alert-warning{border: 1px solid #ffebcc;background-color: #fff5e6;}
.alert-error{border: 1px solid #fbd9d0;background-color: #fdece8;}
.alert-close{color: #999;position: absolute; top: 9px;right: 8px;color: #999;}
.alert-big{overflow: hidden;}
.alert-big i.icon-big{float: left;font-size: 20px;padding: 20px 20px 20px 10px;}
.alert-big .alert-content{float: left;padding-top: 12px;}

/*按钮*/
.btn{display: inline-block;font-weight: 400;text-align: center;vertical-align: middle;border: 1px solid #dddee1;white-space: nowrap;line-height: 1.5;padding: 6px 15px;font-size: 12px;border-radius: 4px;color: #495060;background-color: #f7f7f7;}
.btn:hover{color: #4381e6;background-color: #fff;border-color: #4381e6;}
.btn-primary{color: #fff;background-color: #4381e6;border-color: #4381e6;}
.btn-primary:hover{color: #fff;background-color: #4493ef;border-color: #4493ef;}
.btn-ghost{color: #495060;background-color: transparent;border-color: #dddee1;}
.btn-info{color: #fff;background-color: #4381e6;border-color: #4381e6;}
.btn-info:hover{color: #fff;background-color: #4493ef;border-color: #4493ef;}
.btn-success{color: #fff;background-color: #19be6b;border-color: #19be6b;}
.btn-success:hover{color: #fff;background-color: #47cb89;border-color: #47cb89;}
.btn-warning{color: #fff;background-color: #f90;border-color: #f90;}
.btn-warning:hover{color: #fff;background-color: #ffad33;border-color: #ffad33;}
.btn-error{color: #fff;background-color: #ed3f14;border-color: #ed3f14;}
.btn-error:hover{color: #fff;background-color: #f16543;border-color: #f16543;}
.btn>.btn-icon {line-height: 1;font-size: 12px;}
.btn-circle {border-radius: 32px;}
.btn-large{padding: 6px 15px 7px;font-size: 14px;border-radius: 4px;}
.btn-small{padding: 2px 7px;font-size: 12px;border-radius: 3px;}
.btn-disabled,.btn-disabled:hover{color: #bbbec4;background-color: #f7f7f7;border-color: #dddee1;cursor: not-allowed;}
.btn-group{position: relative; display: inline-block; vertical-align: middle;}
.btn-group>.btn{position: relative; float: left;margin-left: -1px;}
.btn-group .btn:not(:first-child):not(:last-child){border-radius: 0;}
.btn-group>.btn:first-child:not(:last-child){border-bottom-right-radius: 0; border-top-right-radius: 0;}
.btn-group>.btn:last-child:not(:first-child){border-bottom-left-radius: 0; border-top-left-radius: 0;}

/*表格*/
.table{width: inherit;height: 100%;width: 100%;overflow: hidden;color: #495060;font-size: 12px;background-color: #fff;box-sizing: border-box;border: 1px solid #dddee1;border-bottom: 0;}
.table td, .table th{min-width: 0;height: 36px;box-sizing: border-box;text-align: left;text-overflow: ellipsis;vertical-align: middle;border-bottom: 1px solid #e9eaec;}
.table th{white-space: nowrap;overflow: hidden;background-color: #f8f8f9;}
.table th .table-cell{display: inline-block;word-wrap: normal;vertical-align: middle;}
.table-cell{padding-left: 18px;padding-right: 18px;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-break: break-all;box-sizing: border-box;}
.table tr:hover td{background-color: #ebf7ff;}
.table-border{border-right: 0;}
.table-border td, .table-border th{border-right: 1px solid #e9eaec;}
.table-stripe tr:nth-child(2n) td{background-color: #f8f8f9;}
.table-large td, .table-large th{height: 48px;}
.table-small td, .table-small th{height: 24px;}
.table-dark th{background-color: #4493ef;color: #fff;}

/*输入框*/
.input{display: inline-block; height: 32px; line-height: 1.5; padding: 4px 7px; font-size: 12px; border: 1px solid #dddee1; border-radius: 4px; color: #495060; background-color: #fff; background-image: none; position: relative; cursor: text;}
.input-large{font-size: 14px;padding: 6px 7px;height: 36px;}
.input-small{padding: 1px 7px; height: 24px; border-radius: 3px;}
textarea.input{height: auto;min-height: 32px;vertical-align: bottom;font-size: 14px;}
.input[disabled]{background-color: #f3f3f3; opacity: 1; cursor: not-allowed; color: #ccc;}

/*标签页*/
.tabs{width: 45%;margin-bottom: 20px;}
.tabs .tabpanel{border:solid 1px #e9eaec;border-top: none;padding: 10px;font-size: 12px;min-height: 200px;}
.tabs ul.horizontal{list-style: none outside none;margin: 0;border-bottom:solid 1px #e9eaec;}
.tabs li{background: #f8f8f9;margin: 0 5px -1px 0;display: inline-block;border:solid 1px #e9eaec;}
.tabs a{color: #80848f;display: block;font-size: 12px;padding: 6px 15px;}
.tabs_default li:hover{background: #4381e6;border:solid 1px #4381e6;}
.tabs_default li:hover a{color:#fff;}
.tabs_default li.active{background: #4381e6;border:solid 1px #4381e6;}
.tabs_default li.active a{color:#fff;}

.tabs_white li:hover{background: #fff;border-bottom: solid 1px #fff;}
.tabs_white li:hover a{color:#4381e6;}
.tabs_white li.active{background: #fff;border-bottom: solid 1px #fff;}
.tabs_white li.active a{color:#4381e6;}

.tabs_line .tabpanel{border: none;}
.tabs_line li{border:none;background: #fff;}
.tabs_line li:hover{background: #fff;border-bottom: solid 2px #4381e6;}
.tabs_line li:hover a{color:#4381e6;}
.tabs_line li.active{background: #fff;border-bottom: solid 2px #4381e6;}
.tabs_line li.active a{color:#4381e6;}

/*单选、复选框*/
.radio-group{display: inline-block; font-size: 12px; vertical-align: middle;}
.radio-wrapper{font-size: 12px; vertical-align: middle; display: inline-block; position: relative; white-space: nowrap; margin-right: 8px; cursor: pointer;}
.radio{display: inline-block; margin-right: 4px; white-space: nowrap; position: relative; line-height: 1; vertical-align: middle; cursor: pointer;}
.radio-checked .radio-inner{border-color: #4493ef;}
.radio-inner{display: inline-block; width: 14px; height: 14px; position: relative; top: 0; left: 0; background-color: #fff; border: 1px solid #dddee1;border-color: #fff\0;/*IE8支持*/border-radius: 50%; transition: all .2s ease-in-out;}
:root .radio-inner{border-color: #dddee1;}
.radio-inner:after{position: absolute; width: 8px; height: 8px; left: 2px; top: 2px; border-radius: 6px; display: table; border-top: 0; border-left: 0; content: " "; background-color: #4493ef;background-color: #fff\0;/*IE8支持*/ opacity: 0; transition: all .2s ease-in-out; -webkit-transform: scale(0); transform: scale(0);}
:root .radio-inner:after{background-color: #4493ef;}
.radio-input{position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: 0; cursor: pointer;}
.radio-checked .radio-inner{border-color: #4493ef;border-color: #fff\0;/*IE8支持*/}
:root .radio-checked .radio-inner{border-color: #4493ef;}
.radio-checked .radio-inner:after{opacity: 1; -webkit-transform: scale(1); transform: scale(1); transition: all .2s ease-in-out;}

.radio-group-button{font-size: 0; -webkit-text-size-adjust: none;}
.radio-group-button .radio{width: 0; margin-right: 0;}
.radio-group-button .radio-wrapper .radio-inner, .radio-group-button .radio-wrapper input{opacity: 0; width: 0; height: 0;}
.radio-group-button .radio-wrapper{display: inline-block; height: 32px; line-height: 30px; margin: 0; padding: 0 15px; font-size: 12px; color: #495060; transition: all .2s ease-in-out; cursor: pointer; border: 1px solid #dddee1; border-left: 0; background: #fff; position: relative;}
.radio-group-button .radio-wrapper:first-child{border-radius: 4px 0 0 4px; border-left: 1px solid #dddee1;}
.radio-group-button .radio-wrapper:last-child{border-radius: 0 4px 4px 0;}
.radio-group-button .radio-wrapper:hover{position: relative; color: #4493ef;}
.radio-group-button .radio-wrapper:after, .radio-group-button .radio-wrapper:before{content: ""; display: block; position: absolute; width: 1px; height: 100%; left: -1px; top: 0;transition: all .2s ease-in-out;}
.radio-group-button .radio-wrapper-checked{background: #fff; border-color: #4493ef; color: #4493ef; box-shadow: -1px 0 0 0 #4493ef; z-index: 1;}
.radio-group-button .radio-wrapper-checked:before{background: #4493ef;opacity: .1;}
.radio-group-button .radio-wrapper-checked:first-child{border-color: #4493ef; box-shadow: none;}
.radio-group-button .radio-wrapper>span{margin-left: 0;}

.checkbox-group{font-size: 14px;}
.checkbox-wrapper{cursor: pointer;font-size: 12px;display: inline-block;margin-right: 8px;}
.checkbox{display: inline-block;vertical-align: middle;white-space: nowrap;cursor: pointer;line-height: 1;position: relative;}
.checkbox-inner{display: inline-block;width: 14px;height: 14px;position: relative;top: 0;left: 0;border: 1px solid #dddee1;border-radius: 2px;background-color: #fff;transition: border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;}
.checkbox-inner:after{content: "";display: table;width: 4px;height: 8px;position: absolute;top: 1px;left: 4px;border: 2px solid #fff;border-top: 0;border-left: 0;-webkit-transform: rotate(45deg) scale(0);transform: rotate(45deg) scale(0);transition: all .2s ease-in-out;}
.checkbox-input{width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;cursor: pointer;opacity: 0;}
.checkbox+span, .checkbox-wrapper+span{margin-right: 4px;}
.checkbox-checked .checkbox-inner{border-color: #fff\0;/*IE8支持*/background-color: #fff\0;/*IE8支持*/}
:root .checkbox-checked .checkbox-inner{border-color: #4493ef;background-color: #4493ef;}
.checkbox-checked .checkbox-inner:after{content: "";display: table;width: 4px;height: 8px;position: absolute;top: 1px;left: 4px;border: 2px solid #fff;border-top: 0;border-left: 0;-webkit-transform: rotate(45deg) scale(1);transform: rotate(45deg) scale(1);transition: all .2s ease-in-out;}

/*分页*/
.page-next, .page-prev{background-color: #fff;}
.page-disabled{cursor: not-allowed;}
.page-item-jump-next, .page-item-jump-prev, .page-next, .page-prev{display: inline-block;vertical-align: middle;min-width: 32px;height: 32px;line-height: 30px;list-style: none;text-align: center;cursor: pointer;color: #666;font-family: Arial;border: 1px solid #dddee1;border-radius: 4px;transition: all .2s ease-in-out;}
.page-prev{margin-right: 8px;}
.page-next a, .page-prev a{color: #666;font-size: 14px;}
.page-disabled a{color: #ccc;}
.page-item{display: inline-block;vertical-align: middle;min-width: 32px;height: 32px;line-height: 30px;margin-right: 4px;text-align: center;list-style: none;background-color: #fff;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;font-family: Arial;border: 1px solid #dddee1;border-radius: 4px;transition: border .2s ease-in-out,color .2s ease-in-out;}
.page-item-active{background-color: #4493ef;border-color: #4493ef;}
.page-item a{margin: 0 6px;text-decoration: none;color: #495060;font-size: 12px;}
.page-item-jump-next, .page-item-jump-prev{margin-right: 4px;}
.page-item-jump-next, .page-item-jump-prev, .page-next, .page-prev{display: inline-block;vertical-align: middle;min-width: 32px;height: 32px;line-height: 30px;list-style: none;text-align: center;cursor: pointer;color: #666;font-family: Arial;border: 1px solid #dddee1;border-radius: 4px;transition: all .2s ease-in-out;}
.page-next a, .page-prev a{color: #666;font-size: 14px;}
.page:after{content: "";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.page-item:hover{border-color: #4493ef;}
.page-item:hover a{color: #4493ef;}
.page-item-active:hover a, .page-item-active a{color: #fff;}
.page-options{display: inline-block; vertical-align: middle; margin-left: 15px;}
.page-options-elevator{display: inline-block; vertical-align: middle; height: 32px; line-height: 32px;font-size: 12px;}
.page-options-elevator input{display: inline-block; width: 100%; height: 32px; line-height: 1.5; padding: 4px 7px; font-size: 12px; border: 1px solid #dddee1; color: #495060; background-color: #fff; background-image: none; position: relative; cursor: text; transition: border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out; border-radius: 4px; margin: 0 8px; width: 50px;}
.page-mimi .page-next, .page-mimi .page-prev{margin: 0;min-width: 24px;height: 24px;line-height: 24px;border: 0;}
.page-mimi .page-item{border: 0;margin: 0;min-width: 24px;height: 24px;line-height: 24px;border-radius: 3px;}
.page-mimi .page-options-elevator{height: 24px; line-height: 24px;}
.page-mimi .page-options-elevator input{padding: 1px 7px; height: 24px; border-radius: 3px; width: 44px;}

/*日期和时间组件 - layui.laydate*/
.date{width: 150px;position: relative;}
.date .input{width: 100%;}
.date i{position: absolute;right:10px;top:8px;font-size: 14px;color: #4493ef;}

/*文字提示*/
.js-mytooltip{width:100px;background: #eee;font-size: 12px;text-align: center;line-height: 32px;margin: 20px;float: left;}
.mytooltip{min-width: 100px;padding: 5px;position: absolute;background: #495060;color: #FFF;font-size: 12px;border-radius: 3px;}
.mytooltip:after,.mytooltip:before{content: " ";height: 0;position: absolute;width: 0;border: 7px solid #495060;}
.mytooltip:before{border-width: 9px;}
.mytooltip--cursor-help{cursor: help !important;}
.mytooltip-backing{position: absolute;width: 100%;}
.mytooltip.mytooltip-theme-default:before{display: none;}
.mytooltip.mytooltip-theme-danger{background: #ed3f14;}
.mytooltip.mytooltip-theme-danger:after{border-color: #ed3f14;}
.mytooltip.mytooltip-theme-danger:before{display: none;}
.mytooltip.mytooltip-theme-warning{background: #fd9802;}
.mytooltip.mytooltip-theme-warning:after{border-color: #fd9802;}
.mytooltip.mytooltip-theme-warning:before{display: none;}
.mytooltip.mytooltip-theme-info{background: #4493ef;}
.mytooltip.mytooltip-theme-info:after{border-color: #4493ef;}
.mytooltip.mytooltip-theme-info:before{display: none;}
.mytooltip.mytooltip-theme-success{background: #26be6b;}
.mytooltip.mytooltip-theme-success:after{border-color: #26be6b;}
.mytooltip.mytooltip-theme-success:before{display: none;}
.mytooltip.mytooltip-theme-light{background: #FFF;color: #495060;border: 1px solid #E4E4E4;}
.mytooltip.mytooltip-theme-light:after{border-color: #FFF;}
.mytooltip.mytooltip-theme-light:before{border-color: #E4E4E4;}
.mytooltip.mytooltip--top:after,
.mytooltip.mytooltip--top:before{border-left-color: transparent;border-right-color: transparent;border-bottom: 0;bottom: -7px;top: auto;left: 50%;margin: 0 0 0 -7px;}
.mytooltip.mytooltip--top:before{bottom: -9px;margin: 0 0 0 -9px;}
.mytooltip.mytooltip--right:after,
.mytooltip.mytooltip--right:before{border-top-color: transparent;border-bottom-color: transparent;border-left: 0;left: -7px;margin-top: -7px;top: 50%;}
.mytooltip.mytooltip--right:before{left: -9px;margin-top: -9px;}
.mytooltip.mytooltip--bottom:after,
.mytooltip.mytooltip--bottom:before{border-left-color: transparent;border-right-color: transparent;border-top: 0;margin: 0 0 0 -7px;left: 50%;top: -7px;}
.mytooltip.mytooltip--bottom:before{margin: 0 0 0 -9px;top: -9px;}
.mytooltip.mytooltip--left:after,
.mytooltip.mytooltip--left:before{border-top-color: transparent;border-bottom-color: transparent;border-right: 0;margin-top: -7px;left: auto;right: -7px;top: 50%;}
.mytooltip.mytooltip--left:before{margin-top: -9px;right: -9px;}

/*步骤条*/
.steps{font-size: 0;width: 100%;line-height: 1.5;}
.steps-item{display: inline-block;position: relative;vertical-align: top;}
.steps .steps-tail{width: 100%;padding: 0 10px;position: absolute;left: 0;top: 13px;}
.steps .steps-tail>i{display: inline-block;width: 100%;height: 1px;vertical-align: top;background: #e9eaec;border-radius: 1px;position: relative;}
.steps-item.steps-status-finish .steps-tail>i:after{width: 100%;background: #4493ef;transition: all .2s ease-in-out;opacity: 1;}
.steps .steps-tail>i:after{content: "";width: 0;height: 100%;background: #e9eaec;opacity: 0;position: absolute;top: 0;}
.steps .steps-head, .steps .steps-main{position: relative;display: inline-block;vertical-align: top;}
.steps .steps-head{background: #fff;}
.steps-item.steps-status-finish .steps-head-inner{background-color: #fff;border-color: #4493ef;}
.steps .steps-head-inner{display: block;width: 26px;height: 26px;line-height: 24px;margin-right: 8px;text-align: center;border: 1px solid #ccc;border-radius: 50%;font-size: 14px;transition: background-color .2s ease-in-out;}
.steps .steps-head-inner>.steps-icon.icon-ios-checkmark-empty, .steps .steps-head-inner>.steps-icon.icon-ios-close-empty{font-weight: 700;}
.steps .steps-head-inner>.steps-icon.icon{font-size: 24px;}
.steps-item.steps-status-finish .steps-head-inner>.steps-icon, .steps-item.steps-status-finish .steps-head-inner span{color: #4493ef;}
.steps .steps-head-inner>.steps-icon{line-height: 1;position: relative;}
.steps .steps-head, .steps .steps-main{position: relative;display: inline-block;vertical-align: top;}
.steps .steps-main{margin-top: 2.5px;display: inline;}
.steps-item.steps-status-finish .steps-content, .steps-item.steps-status-finish .steps-title{color: #999;}
.steps .steps-title{display: inline-block;margin-bottom: 4px;padding-right: 10px;font-size: 14px;font-weight: 700;color: #666;background: #fff;}
.steps-item.steps-status-finish .steps-content, .steps-item.steps-status-finish .steps-title{color: #999;}
.steps-horizontal .steps-content{padding-left: 35px;}
.steps .steps-content{font-size: 12px;color: #999;}
.steps-item.steps-status-process .steps-tail>i{background-color: #e9eaec;}
.steps-horizontal .steps-item:not(:first-child) .steps-head{padding-left: 10px;margin-left: -10px;}
.steps-item.steps-status-process .steps-head-inner{border-color: #4493ef;background-color: #4493ef;}
.steps-item.steps-status-process .steps-head-inner>.steps-icon, .steps-item.steps-status-process .steps-head-inner span{color: #fff;}
.steps-item.steps-status-wait .steps-tail>i{background-color: #e9eaec;}
.steps-item.steps-status-wait .steps-head-inner{background-color: #fff;}
.steps-item.steps-status-wait .steps-head-inner>.steps-icon, .steps-item.steps-status-wait .steps-head-inner span{color: #ccc;}
.steps-item:last-child .steps-tail{display: none;}

.steps.steps-small .steps-head-inner{width: 18px;height: 18px;line-height: 16px;margin-right: 10px;text-align: center;border-radius: 50%;font-size: 12px;}
.steps.steps-small .steps-head-inner>.steps-icon.icon{font-size: 16px;top: 0;}
.steps.steps-small .steps-main{margin-top: 0;}
.steps.steps-small .steps-title{margin-bottom: 4px;margin-top: 0;color: #666;font-size: 12px;font-weight: 700;}
.steps.steps-small .steps-tail{top: 8px;padding: 0 8px;}
.steps.steps-small .steps-tail>i{height: 1px;width: 100%;border-radius: 1px;}

/*进度条*/
.progress{display: inline-block;width: 50%;font-size: 12px;position: relative;margin-bottom: 20px;}
.progress-outer{display: inline-block;width: 100%;margin-right: 0;padding-right: 0;}
.progress-show-info .progress-outer{padding-right: 55px;margin-right: -55px;}
.progress-inner{display: inline-block;width: 100%;background-color: #f3f3f3;border-radius: 100px;vertical-align: middle;}
.progress-bg{border-radius: 100px;background-color: #4493ef;transition: all .2s linear;position: relative;}
.progress-text{display: inline-block;margin-left: 5px;text-align: left;font-size: 1em;vertical-align: middle;}
.progress-wrong .progress-bg{background-color: #ed3f14;}
.progress-wrong .progress-text{color: #ed3f14;}
.progress-success .progress-bg{background-color: #26be6b;}
.progress-success .progress-text{color: #26be6b;}

/*时间轴*/
.timeline{list-style: none;margin: 0;padding: 0;}
.timeline-item{margin: 0!important;padding: 0 0 12px;list-style: none;position: relative;}
.timeline-item-tail{height: 100%;border-left: 1px solid #e9eaec;position: absolute;left: 6px;top: 0;}
.timeline-item-head{width: 13px;height: 13px;background-color: #fff;border-radius: 50%;border: 1px solid transparent;position: absolute;}
.timeline-item-head-blue{border-color: #4493ef;color: #4493ef;}
.timeline-item-head-green{border-color: #26be6b;color: #26be6b;}
.timeline-item-head-red{border-color: #ed3f14;color: #ed3f14;}
.timeline-item-content{padding: 1px 1px 10px 24px;font-size: 12px;position: relative;top: -3px;}
.time-article p{margin: 5px;font-size: 14px;}
.timeline-time{font-size: 14px;font-weight: 700;margin: 0;}
.time-content{padding-left: 5px;margin: 5px;font-size: 14px;}
.timeline-item:last-child .timeline-item-tail{display: none;}

/*弹层/弹窗*/
.confirm-action-modal-icon{font-size: 60px;display: block;}

/*消息*/
.message-panel{border-radius: 5px;overflow: hidden;}
.message-panel h5{background: #4493ef;color: #fff;position: relative;line-height: 36px;padding-left: 10px;font-weight: 400;}
.message-panel h5 a{position: absolute;display: inline-block;padding:0 5px;right:5px;top:0px;color: #fff;}
.message-panel .message-list{padding: 5px 10px;}
.message-panel .tabs{width: 100%;margin: 0;}
.message-panel .table-cell{padding: 0;}
.message-panel table td{border-bottom: dashed 1px #dddee1;line-height: 30px;}
.popup{position:fixed;z-index:9999;top:100px;left:50%;width:50%;height:310px;box-shadow:0px 3px 6px #ccc;background: #fff;border:solid 1px #dddee1;}
.js__slide_top{height:0;overflow:hidden;top:0;}
.js__fadeout{height:0;overflow:hidden;opacity:0;}

/*目录树*/
.jstree-default .jstree-anchor {font-size: 12px;}

/*下拉框*/
.selectric-wrapper{position: relative;cursor: pointer;}
.selectric-responsive{width: 100%;}
.selectric{border: 1px solid #dddee1;border-radius: 4px;background: #fff;position: relative;overflow: hidden;}
.selectric .label{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0 30px 0 10px;font-size: 12px;line-height: 30px;color: #444;height: 30px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.selectric .button{display: block;position: absolute;right: 0;top: 0;width: 30px;height: 30px;line-height: 30px;background-color: #fff;color: #BBB;text-align: center;font: 0/0 a;*font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;}
.selectric .button:after{content: " ";position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 0;height: 0;border: 4px solid transparent;border-top-color: #BBB;border-bottom: none;}
.selectric-focus .selectric{border-color: #aaaaaa;}
.selectric-hover .selectric{border-color: #c4c4c4;}
.selectric-hover .selectric .button{color: #a2a2a2;}
.selectric-hover .selectric .button:after{border-top-color: #a2a2a2;}
.selectric-open{z-index: 9999;}
.selectric-open .selectric{border-color: #c4c4c4;}
.selectric-open .selectric-items{display: block;}
.selectric-disabled{filter: alpha(opacity=50);opacity: 0.5;cursor: default;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.selectric-hide-select{position: relative;overflow: hidden;width: 0;height: 0;}
.selectric-hide-select select{position: absolute;left: -100%;}
.selectric-hide-select.selectric-is-native{position: absolute;width: 100%;height: 100%;z-index: 10;}
.selectric-hide-select.selectric-is-native select{position: absolute;top: 0;left: 0;right: 0;height: 100%;width: 100%;border: none;z-index: 1;box-sizing: border-box;opacity: 0;}
.selectric-input{position: absolute !important;top: 0 !important;left: 0 !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;margin: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;outline: none !important;border: none !important;*font: 0/0 a !important;background: none !important;}
.selectric-temp-show{position: absolute !important;visibility: hidden !important;display: block !important;}
.selectric-items{display: none;position: absolute;top: 100%;left: 0;background: #fff;border: 1px solid #dddee1;z-index: -1;box-shadow: 0 0 10px -6px;}
.selectric-items .selectric-scroll{height: 100%;overflow: auto;}
.selectric-above .selectric-items{top: auto;bottom: 100%;}
.selectric-items ul, .selectric-items li{list-style: none;padding: 0;margin: 0;font-size: 12px;line-height: 20px;min-height: 20px;}
.selectric-items li{display: block;padding: 6px;color: #666;cursor: pointer;}
.selectric-items li.selected{background: #4493ef;color: #fff;}
.selectric-items li.highlighted{background: #4493ef;color: #fff;}
.selectric-items li:hover{background: #4493ef;color: #fff;}
.selectric-items .disabled{filter: alpha(opacity=50);opacity: 0.5;cursor: default !important;background: none !important;color: #666 !important;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.selectric-items .selectric-group .selectric-group-label{font-weight: bold;padding-left: 10px;cursor: default;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: none;color: #444;}
.selectric-items .selectric-group.disabled li{filter: alpha(opacity=100);opacity: 1;}
.selectric-items .selectric-group li{padding-left: 25px;}

/*表单*/
.form-example .form-list{margin-bottom: 10px;position: relative;padding-left: 100px;}
.form-example label{font-size: 12px;width: 100px;text-align: right;display: inline-block;padding-right: 10px;position: absolute;top:7px;left:0;}
.form-example .alert{display: inline-block;padding: 7px 10px;border: none;border-radius: 4px;}
.form-example .error{border-color: #ed3f14;}