.btn-search {
    background-color   : #32a5e7;
    color              : #fff;
    -webkit-transition : background-color .5s linear;
    -moz-transition    : background-color .5s linear;
    transition         : background-color .5s linear;
}

.btn-search:hover {
    background-color   : #1ece6d;
    color              : #fff;
    -webkit-transition : background-color .5s linear;
    -moz-transition    : background-color .5s linear;
    transition         : background-color .5s linear;
}

.btn-search:active {
    background-color : #1bb394;
    color            : #fff;
}

.btn-search:focus {
    color : #fff;
}

.btn-clear {
    background-color   : #f8ac5a;
    color              : #fff;
    -webkit-transition : background-color .5s linear;
    -moz-transition    : background-color .5s linear;
    transition         : background-color .5s linear;
}

.btn-clear:hover {
    background-color   : #ff0000;
    -webkit-transition : background-color .5s linear;
    -moz-transition    : background-color .5s linear;
    transition         : background-color .5s linear;
}

a {
    color              : #33a5e7;
    -webkit-transition : color .3s linear;
    -moz-transition    : color .3s linear;
    transition         : color .3s linear;
}

a:hover {
    color              : #f00;
    -webkit-transition : color .3s linear;
    -moz-transition    : color .3s linear;
    transition         : color .3s linear;
}

.label_name {
    color              : #5f5f5f;
    -webkit-transition : color .3s linear;
    -moz-transition    : color .3s linear;
    transition         : color .3s linear;
}

.label_name:hover {
    color              : #337ab7;
    -webkit-transition : color .3s linear;
    -moz-transition    : color .3s linear;
    transition         : color .3s linear;
}

.cush {
    font-size     : 15px;
    font-weight   : bold;
    color         : #fff;
    text-align    : left;
    background    : #1ab394;
    margin        : 0;
    border-radius : 6px 6px 0px 0px;
    padding       : 12px 15px;
}

.cush span {
    float         : right;
    padding-right : 8px;
    cursor        : pointer;
}

.cus-div div {
    line-height   : 40px;
    border-bottom : 1px solid #f1f1f1;
    cursor        : pointer;
}

.cus-div div span {
    display : none;
    float   : right;
    cursor  : pointer;
}

.line35 {
    line-height : 35px;
    text-align  : right;
    margin      : 0;
    padding     : 0;
}

.layer {
    display    : none;
    position   : absolute;
    width      : 100%;
    height     : 100%;
    left       : 0;
    top        : 0;
    background : rgba(0, 0, 0, .6);
    z-index    : 100;
}

.layer_box {
    display       : none;
    position      : fixed;
    top           : 20%;
    left          : 50%;
    width         : 800px;
    height        : 60%;
    margin-left   : -400px;
    background    : #fff;
    z-index       : 101;

    border-radius : 5px;
    box-sizing    : border-box;
}

.layer_box h2 {
    border-top-left-radius  : 5px;
    border-top-right-radius : 5px;

    background              : #00C1B3;
    color                   : #fff;
    margin-top              : 0;
    font-weight             : bold;
    font-size               : 18px;
    padding                 : 10px 20px;
}

.item_box {
    box-sizing : border-box;
    padding    : 15px 20px;
}

.item_hover {
    padding : 0 20px;
}

.item_hover:hover {
    background-color : #e9fdff;
}

button { outline : none;}

.sort_data {
    float      : right;
    outline    : none;
    border     : 0;
    background : #f5f5f6;
    text-align : center;
    width      : 30px;
    height     : 19px;
}

.power_box li {
    list-style : none;
}

/**
统计图按钮
 */
.btn-summary-graph {
    color            : #fff;
    background-color : #d72a58;
}

.btn-summary-graph:hover {
    color            : #fff;
    background-color : #d20137;
}

.btn-summary-graph:focus {
    color            : #fff;
    background-color : #c4035b;
}

/**
筛选按钮
 */
.btn-filter {
    color            : #fff;
    background-color : #5fc1f3;
}

.btn-filter:hover {
    color            : #fff;
    background-color : #209bbd;
}

.btn-filter:focus {
    color            : #fff;
    background-color : #03608b;
}

.block_btn-filter {
    position   : absolute;
    border     : 2px #797979 solid;
    width      : 600px;
    z-index    : 1000;
    max-height : 700px;
    left       : 193px;
    background : rgba(255, 240, 190, 0.9);
    padding    : 15px;

}

.filter-overall {
    padding-top    : 10px;
    padding-bottom : 10px;
    border         : 1px #7d7d7d solid;
    margin-bottom  : 10px;
}

.filter-content {
    width         : 100%;
    max-height    : 550px;
    overflow      : auto;
    padding       : 10px;
    margin-bottom : 10px;
    border-top    : 2px #000 solid;
    border-bottom : 2px #000 solid;
}

/**
select 模糊查询
 */
.canvas_search {
    width    : calc(100% - 30px);
    position : absolute;
    border   : 1px solid #9c9c9c;
}

.canvas_search_item {
    position    : relative;
    width       : 100%;
    height      : 24px;
    background  : #e7eaec;
    color       : #999999;
    line-height : 24px;
    padding     : 0 10px;
    z-index     : 100;
}

.canvas_search_item:not(:first-child) {
    margin-top : 2px;
}

.canvas_search_item:hover {
    background-color : #a5a5a5;
    color            : #fff;
}

.canvas_search_item:after {
    content    : '';
    display    : block;
    position   : absolute;
    background : #747474;
    width      : 100%;
    height     : 2px;
    left       : 0;
}

.canvas_search_item:active {
    color            : #fff;
    background-color : #767676;
}

/**
上传进度百分比文字
 */
.upload_progress {
    color       : #fff;
    font-weight : bold;
    font-size   : 16px;
}