body{ color:#676a6c; font-size:13px;}

::-webkit-scrollbar-track {
    background-color: #F5F5F5
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5
}

::-webkit-scrollbar-thumb {
    background-color: #999
}

input,select,textarea{color:#333;}
.bg{ width:100%; height:100%; position:absolute; background:url(/statics/admin/images/login-bg.jpg); background-size: cover; }
.panel{background:#fff;}
form .form-group:last-child{padding-bottom:0;}
.passcode{position:absolute;right:0;bottom:0;height:32px;margin:1px;border-left:solid 1px #ddd;text-align:center;line-height:32px;border-radius:0 4px 4px 0;}
ul,li{ list-style-type:none;}

.lefter{position:relative;float:left;width:180px;margin-right:-180px;background:#e6f2fb;text-align:center;}
.righter{float:right;width:100%;padding-top:15px;background:#e6f2fb;}
.mainer{margin-left:180px;}
.field-icon-right .icon{ bottom:0px; top:auto}
.logo{ float:left; color:#999c9e; margin-top:10px; line-height:45px;}
.logo img{ float:left; margin-right:10px;}
.login_form .loginbox {
    padding:30px;
    border:0px;
    border-radius:6px;
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#F7F7F7,endcolorstr=#ffffff,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#F7F7F7,endcolorstr=#ffffff,gradientType=0);/*IE8*/	
    background:#fff; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, #F7F7F7, #ffffff);  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F7F7F7), to(#ffffff));  
    background:-o-linear-gradient(top, #F7F7F7, #ffffff);
}
/********头部******/
.header{height:70px; overflow:hidden;border-bottom: 1px solid #d5d5d5;background-color: #f6f6f6;color: #999c9e;}
.fadein-top a{color: #999c9e;}
.head-l{ float:right;height: 100%;display: flex;align-items: center;justify-content: flex-end;padding-right: 20px;}
.head-l .button{ padding:8px 15px;}
.head-l .bg-blue:hover{ background-color:#03b6fd;}
.head-l>a{display: inline-flex;align-items: center;position: relative;text-align: center;padding: 8px 10px;color: #C2C2C2;cursor: pointer;min-width: auto;height: auto;white-space: nowrap;}
.head-l>a:hover{background: #f1f1f1;color: #C2C2C2;}
.head-l>a>span{display: inline-block;margin-right: 3px;}
.head-l>a>font{position: absolute;top: -2px;right: 2px;padding: 0px 4px;color: white;border-radius: 3px;font-size: 11px;min-width: 16px;text-align: center;}
.leftnav{width:230px; height:100%; position:fixed; top:70px; left:0px;background: #131E26;}
.leftnav-title { height:50px; background:url(/statics/admin/images/bg.jpg) no-repeat 0 -1000px;  color:#FFF; padding-left:22px;  font-size:14px; line-height:50px;}
.leftnav-title span{ margin-right:10px;}
.leftnav h2{line-height: 45px; transition:all .1s ease-in-out; display:block; cursor:pointer; font-weight:bold; font-size:14px;padding: 0 20px;color: #869FB1;border-left: 2px solid #4E5465;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;}
.leftnav h2.on{ color:#fff;background-color: #131E26!important; border-left: 2px solid #19A9D5;}
.leftnav .border-bottom{ border-bottom:1px solid #b5cfd9;}
.leftnav h2 span{ margin-right:10px;vertical-align: middle}
.leftnav h2:hover{ color:#fff;background: #131E26;border-left: 2px solid #19A9D5;}
.leftnav>ul {display:none; padding:5px 0; opacity:1; background-color: #131E26; border-left: 2px solid #19A9D5;}
.addUseful{width:12px;margin-right: 20px;float: right;margin-top: 11px;}
.xzAdd{transform: rotate(45deg)}
.xlImg{width:25px;position: absolute;right: 20px;top: 10px;}
@keyframes xz180deg{
    0%{}
    100%{transform: rotate(180deg)}
}
.on .xlImg{animation: xz180deg 1s forwards}
.leftnav ul li{ list-style-type:none;}
.leftnav ul li a{ display:block;padding-left:30px;line-height:40px;color: #869FB1; }
.leftnav ul li span{ margin-right:8px;}
.leftnav ul li a:hover{ color:#fff;}
.leftnav ul li a.on{color:#fff;}

/*2017-10-23David待处理事项页面*/
.head-l a.top-nav{ cursor: pointer;}
.leftnav h2 .message-total{font-weight: 500; color: #ff9600;font-size: 12px;}
.theme-white .widget {
    /* padding: 10px 20px 13px; */
    padding-top: 10px;
    background-color: #fff;
    border-radius: 4px;
    color: #000;
}
.widget {
    width: 100%;
    min-height: 148px;
    margin-bottom: 20px;
    border-radius: 0;
    position: relative;
}
.theme-white .widget-head {
    border-bottom: 1px solid #eef1f5;
}
.widget-head {
    width: 100%;
    padding: 0 0 10px 10px;
}
.theme-white .widget-title {
    font-size: 16px;
    font-weight: bold;
}
.refresh {
    font-size: 15px;
    color: #f00;
    margin-left: 20px;
    cursor: pointer;
    text-decoration: underline;
}
[class*=am-u-]+[class*=am-u-]:last-child {
    float: right;
}
@media screen and (min-width: 641px){
    [class*=am-u-] {
        padding-left: 10px;
        padding-right: 10px;
    }
}
    .am-u-sm-12 {
        width: 100%;
    }
.am-table-radius {
    border-radius: 2px;
}
.am-table-bordered {
    border: 1px solid #ddd;
}
.am-table {
    width: 100%;
    margin-bottom: 1.6rem;
    border-spacing: 0;
    border-collapse: separate;
}
.am-table {
    margin-bottom: 7px!important;
}
.am-table thead {
    background: #cfd6e1;
}
    .theme-white .tpl-table-black thead > tr > th {
        padding: 10px 0!important;
    }
    .am-table-bordered>thead+tbody>tr:first-child>td, .am-table-bordered>thead+tbody>tr:first-child>th {
        border-top: 1px solid #ddd;
    }
    .theme-white .tpl-table-black tbody > tr > td {
        padding: 7px 4px;
        font-size: 12px;
        text-align: center;
        vertical-align: inherit;
    }
    .am-table-striped>tbody>tr:nth-child(odd)>td, .am-table-striped>tbody>tr:nth-child(odd)>th {
        background-color: #f9f9f9;
    }
    .am-table-radius>tbody>tr>td:last-child, .am-table-radius>tbody>tr>th:last-child {
        border-right: none;
    }
    .am-table-radius>tbody>tr>td:first-child, .am-table-radius>tbody>tr>th:first-child {
        border-left: none;
    }
    table tbody tr td {
        border-top: 1px solid #dddddd;
    }
    .am-table a {
        font-size: 14px;
        color: #027FEE;
        text-align: center;
        cursor: pointer;
    }

    .list-remind{ padding: 0px 20%;}
    .list-remind a{ padding:5px; margin: 0 20%; width: 60%; display: block; font-size: 12px; color: #666; background: #eee;}
    .list-remind a:hover{  border-bottom: 1px solid #999;}
.widget-body {
    padding: 10px 0px 5px;
    width: 100%;
}
.am-fr {
    float: right;
}
/***主要内容***/
.admin{background:#fff;min-width:844px;position:fixed;border-left:solid 1px #e7eaec;right:0;bottom:0;top:110px;left:230px; padding:15px; padding-right:0px; padding-bottom:0px; overflow:auto; border-top:2px solid #838383; padding-right:15px;}
.content{width:100%;}
.body-content{padding:20px 0; overflow:hidden;}
.content .title{ border-bottom:1px solid #dfdfdf; line-height:35px; font-size:14px; font-weight:bold; color:#09c}
.form-x .form-group .label{ width:20%;}
.form-x .form-button { margin-left:10%;}
.w50 { width:40%; float:left;}
.form-x .tipss{ float:left; padding-left:10px; color:#888; line-height:42px;}
.input-help { float:left; line-height:30px;}
.input-help li{ float:left;margin-left:10px;}
.bread{ margin-left:190px; margin-top:4px;}
.bread li{ float:left;}
.label label{ font-weight:normal; color:#333;}
.form-group{ margin-bottom:12px;}
.button{ padding:10px 15px;}
.form-group .field .file{ background:#FFF; border:0px;}
.form-group .field input[type=radio]{ vertical-align:middle; line-height:35px; margin-right:5px;}
.form-group .radio { line-height:35px;}
.table th{ text-align:center;}
.table td { vertical-align:middle;}
.tip img{width:100px; height:100px;}
.clear{ clear:both; overflow:hidden;}
.pagelist {padding:10px 0; text-align:center;}
.pagelist span,.pagelist a{ border-radius:3px; border:1px solid #dfdfdf;display:inline-block; padding:5px 12px;}
.pagelist a{ margin:0 3px;}
.pagelist span.current{ background:#09F; color:#FFF; border-color:#09F; margin:0 2px;}
.pagelist a:hover{background:#09F; color:#FFF; border-color:#09F; }
.pagelist label{ padding-left:15px; color:#999;}
.pagelist label b{color:red; font-weight:normal; margin:0 3px;}

.search{ overflow:hidden;}
.search li{float:left; margin-right:15px; line-height:35px; margin-bottom: 15px;}

.button.bg-main.icon-check-square-o{ padding:10px 30px;}
.button.bg-main.icon-check-square-o:hover{ background:#08bbe1;}
input[type="checkbox"], input[type="radio"]{ width:15px; height:15px; vertical-align:-3px; margin-right:5px;}

textarea[name=content]{width:100%; height:500px; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px;}

/**新增**/
.yp-tabNav {
    margin-left: 230px;
    overflow: hidden;
    position: relative;
}
.title-list {
    position: relative;
    overflow: hidden;
    height: 40px;
    background: #fafafa;
}
.yp-tabNav ul {
    padding-left: 0px;
    position: absolute;
}
.yp-tabNav ul li {
    position: relative;
    height: 42px;
    background-color: #f2f2f2;
    float: left;
    color: #999;
    text-align: center;
    line-height: 42px; 
    margin-left: 1px;
    padding: 0px 10px;
    padding-right: 30px;
    min-width: 90px;
}
.yp-tabNav ul li:first-child{
    padding-right: 10px;
}
.yp-tabNav ul li .close{
    font-size: 20px;
    position: absolute;
    top: 6px;
    right: 4px;
    cursor: pointer;
}
.yp-tabNav ul li:hover, .yp-tabNav .active{
    background-color: #131E26;
    color: #fff;
    cursor: pointer;
}
.yp-tabNav ul li .close:hover{
    color: red;
}
.guna{
    position: absolute;
    right: 0;    
    top: 0px;
    height: 100%;
    width: 110px;
    background: #edeeec;
}
.yp-tabNav-more {
    position: absolute;
    top: 7px;
    right: 5px;
    background-color: #eaeaea;
    width: 100px;
    text-align: center;
    border-radius: 6px;
    overflow: auto;
    border: 1px solid #b1b2b0;
}
.yp-tabNav-more span {
    font-size: 20px;
    color: #ababab;
    float: left;
    width: 50%;
}
.yp-tabNav-more span:first-child{border-right: 1px solid #b1b2b0;}
.yp-tabNav-more span:hover {
   cursor: pointer; 
   background: #fff;
}

.admin{ padding: 0; overflow: hidden;}