/*----------------------基础样式-------------------------*/
[v-cloak] {
    display: none;
}
html{
    height: 100%;
    -ms-overflow-style: scrollbar;
}
body{
    height: 100%;
    min-height: 100%;
    color: #676a6c;
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: transparent;
    font-size: 13px;
    -ms-overflow-style: scrollbar;
}
a{
    color: #337ab7;
    text-decoration: none;
    cursor: pointer;
}
a:hover{
    text-decoration: none;
}
button{
    cursor: pointer;
    outline:none!important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 100;
    margin: 0;
    padding: 0;
}
h1 {
    font-size: 30px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 16px;
}
h4 {
    font-size: 14px;
}
h5 {
    font-size: 12px;
}
h6 {
    font-size: 10px;
}
h3,
h4,
h5 {
    margin-top: 5px;
    font-weight: 600;
}
ul,p{
    padding:0;
    margin: 0;
}
ul li {
    list-style: none;
}
.full-width {
    width: 100% !important;
}
.block {
    display: block;
}
.hide{
    display: none;
}
.b-r {
    border-right: 1px solid #e7eaec;
}
.p-0{
    padding: 0!important;
}
.m-0{
    margin: 0!important;
}
.m-b {
    margin-bottom: 15px;
}
.m-t-md{
    margin-top: 15px;
}
.row {
    margin-right: -5px;
    margin-left: -5px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
    padding-right: 5px;
    padding-left: 5px;
}
/*btn*/
.btn-success {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFFFFF;

}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFFFFF;
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #18a689;
    border-color: #18a689;
}
.btn-white {
    color: inherit;
    background: white;
    border: 1px solid #e7eaec;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-color: #fff;
    border-color: #40a9ff;
    color: #40a9ff;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #096dd9;
    background-color: #FFF;
    border-color: #096dd9;
}
.btn-primary {
    background-color: #1890ff;
    border-color: #1890ff;
    color: #FFFFFF;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #40a9ff;
    border-color: #40a9ff;
    color: #FFFFFF;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #096dd9;
    border-color: #096dd9;
}
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow:none;
}
/*input，select*/
.form-control, .single-line {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    font-size: 14px;
}
.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar {
    box-shadow: none;
}
.form-control:focus, .single-line:focus {
    box-shadow: 0 0 5px #2f9dff;
    border-color: #2f9dff !important;
}
.has-success .form-control {
    border-color: #1ab394;
}
.has-warning .form-control {
    border-color: #f8ac59;
}
.has-error .form-control {
    border-color: #ed5565;
}
.has-success .control-label {
    color: #1ab394;
}
.has-warning .control-label {
    color: #f8ac59;
}
.has-error .control-label {
    color: #ed5565;
}
/* jqGrid */
.ui-jqgrid {
    -moz-box-sizing: content-box;
}
.ui-jqgrid-btable {
    border-collapse: separate;
}
.ui-jqgrid-htable {
    border-collapse: separate;
}
.ui-jqgrid-titlebar {
    height: 40px;
    line-height: 15px;
    color: #676a6c;
    background-color: #F9F9F9;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.ui-jqgrid .ui-jqgrid-title {
    float: left;
    margin: 1.1em 1em 0.2em;
}
.ui-jqgrid .ui-jqgrid-titlebar {
    position: relative;
    border-left: 0px solid;
    border-right: 0px solid;
    border-top: 0px solid;
}
.ui-widget-header {
    background: none;
    background-image: none;
    background-color: #f5f5f6;
    text-transform: uppercase;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.ui-jqgrid tr.ui-row-ltr td {
    border-right-color: inherit;
    border-right-style: solid;
    border-right-width: 1px;
    text-align: left;
    border-color: #DDDDDD;
    background-color: inherit;
}
.ui-search-toolbar input[type="text"] {
    font-size: 12px;
    height: 15px;
    border: 1px solid #CCCCCC;
    border-radius: 0px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #F9F9F9;
    border: 1px solid #DDDDDD;
    line-height: 15px;
    font-weight: bold;
    color: #676a6c;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.ui-widget-content {
    box-sizing: content-box;
}
.ui-icon-triangle-1-n {
    background-position: 1px -16px;
}
.ui-jqgrid tr.ui-search-toolbar th {
    border-top-width: 0px !important;
    border-top-color: inherit !important;
    border-top-style: ridge !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: #f5f5f5;
    border-collapse: separate;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #f2fbff;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #dddddd;
    background: #ffffff;
    font-weight: normal;
    color: #212121;
}
.ui-jqgrid .ui-pg-input {
    font-size: inherit;
    width: 50px;
    border: 1px solid #CCCCCC;
    height: 15px;
}
.ui-jqgrid .ui-pg-selbox {
    display: block;
    font-size: 1em;
    height: 25px;
    line-height: 18px;
    margin: 0;
    width: auto;
}
.ui-jqgrid .ui-pager-control {
    position: relative;
}
.ui-jqgrid .ui-jqgrid-pager {
    height: 32px;
    position: relative;
}
.ui-pg-table .navtable .ui-corner-all {
    border-radius: 0px;
}
.ui-jqgrid .ui-pg-button:hover {
    padding: 1px;
    border: 0px;
}
.ui-jqgrid .loading {
    position: absolute;
    top: 45%;
    left: 45%;
    width: auto;
    height: auto;
    z-index: 101;
    padding: 6px;
    margin: 5px;
    text-align: center;
    font-weight: bold;
    display: none;
    border-width: 2px !important;
    font-size: 11px;
}
.ui-jqgrid .form-control {
    height: 10px;
    width: auto;
    display: inline;
    padding: 10px 12px;
}
.ui-jqgrid-pager {
    height: 32px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0;
}
.ui-widget-content {
    border: 1px solid #ddd;
}
.ui-jqgrid .ui-jqgrid-titlebar {
    padding: 0;
}
.ui-jqgrid .ui-jqgrid-titlebar {
    border-bottom: 1px solid #ddd;
}
.ui-jqgrid tr.jqgrow td {
    padding: 6px;
}
.ui-jqdialog .ui-jqdialog-titlebar {
    padding: 10px 10px;
}
.ui-jqdialog .ui-jqdialog-title {
    float: none !important;
}
.ui-jqdialog > .ui-resizable-se {
    position: absolute;
}
.m-b-xs {
    margin-bottom: 5px;
}
.control-label {
    padding-right: 0;
}
.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}
/*----------------------公共样式-------------------------*/
.body-bg{
    background:#001529;
}
.wrapper{
    width: 100%;
    overflow: hidden;
}
.wrapper-content{
    height: 100%;
    background: #f1f4f6;
}
/*----------------------index-wrapper-page-------------------------*/
.arrow {
    float: right;
}
.fa.arrow:before {
    content: "\f104";
}
.active > a > .fa.arrow:before {
    content: "\f107";
}
.navbar-static-side{
    width: 220px;
    position: fixed;
    left: 0;
}
.wrapper-page{
    height: 100%;
}
.wrapper-page .navbar{
    position: static;
}
.navbar-static-side .nav-header{
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
}
.body-bg .nav-side-green{
    background: #00284d;
    color: #fff;
}
.navbar-static-side>.nav > li.active{
    /*border-left: 4px solid #19aa8d;*/
    background: #1890FF;
}
.navbar-static-side .nav > li > a i{
    margin-right: 6px;
}
.navbar-static-side .nav > li.active > a{
    color: #fff;
}
.navbar-static-side .nav > li > ul{
    background:#293846 ;
}
.navbar-static-side .nav > li > a{
    color: #FFFFFF;
    padding: 14px 20px 14px 25px;
    font-weight: 600;
    font-size: 13px;
}
.navbar-static-side .nav > li > a:focus,.navbar-static-side .nav > li > a:hover{
    color: #fff;
    background:#1890FF;
}
.navbar-static-side .nav > li > ul > li:last-child{
    margin-bottom: 10px;
}
.navbar-static-side .nav > li > ul > li > a{
    padding: 7px 10px 7px 10px;
    padding-left: 52px;
}
.navbar-static-side .nav > li > ul > li.active{
    border: 0;
}
.navbar-static-side .nav > li > ul > li.active > a{
    color: #fff;
}
.navbar-static-side .nav > li > ul > li > a:focus,.navbar-static-side .nav > li > ul > li > a:hover{
    color: #fff;
    background:#293846;
}
.nav-second-level{
    display: none;
}
.navbar-small > .nav > li > a > span{
    display: none;
}
.navbar-small > .nav > li > a > i{
    font-size: 16px;
}
.navbar-small > .nav > li > a {
    padding: 16px 20px 16px 25px;
}

.navbar-small > .nav > li:hover > a + ul{
    display: block;
    position: absolute;
    left: 70px;
    top: 0;
    z-index: 50;
    background:#293846;
    border-radius: 0 5px 5px 0;
}
.navbar-small > .nav > li.active:hover > a + ul{
    left: 66px;
}
.navbar-small > .nav > li > ul > li > a{
    /*padding: 7px 10px 7px 10px;*/
    padding:10px 30px;
    white-space:nowrap;
}
/*----------------------index-wrapper-page-------------------------*/
.wrapper-page{
    margin-left: 220px;
}
/*----------------------index-navbar-fixed-top-------------------------*/
.navbar-fixed-top{
    border-bottom: 0;
    margin-bottom: 0;
}
.navbar-left{
    float: left;
    margin: 0;
}
.navbar-right{
    float: right;
    margin: 0;
}
.navbar-left>li,.navbar-right>li{
    float: left;
}
.navbar-nav>li>a{
    padding-top: 15px;
    padding-bottom: 15px;
}
.body-bg .navbg-green{
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}
.body-bg .navbg-green .navbar-nav>li>a{
    color: #333;
    font-weight: bold;
}
.body-bg .navbg-green .navbar-nav>li:hover,.body-bg .navbg-green .navbar-nav>li.active,.body-bg .navbg-green .navbar-nav > .open > a, .body-bg .navbg-green .navbar-nav > .open > a:focus, .body-bg .navbg-green .navbar-nav > .open > a:hover,.body-bg .navbg-green .navbar-nav > li > a:focus, .body-bg .navbg-green .navbar-nav > li > a:hover{
    background: #e6f7ff;
}
.navbar-tabs{
    /*max-width: 700px;*/
}
.navbar-tabs li{
    position: relative;
    border-left: 1px solid #ccc;

}
.navbar-tabs li:last-child a{
    border-right: 1px solid #ccc;
}
.navbar-tabs li a{
    padding-right: 15px;
    padding-left: 15px;
}
.navbar-tabs li button{
    display: none;
    position: absolute;
    color: #fff;
    top: 3px;
    right:2px;
}
.navbar-tabs li:hover button{
    display: inline-block;
}
.dropdown-menu{
    padding: 0;
}
.dropdown-menu li.divider{
    margin: 0;
}
.dropdown-menu > li > a{
    padding: 5px 20px;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
    background-color: #e6f7ff;
}
.fa + .label{
    line-height: 12px;
    padding: 2px 5px;
    position: absolute;
    right: 1px;
    top: 6px;
}
/*----------------------wrapper-content-------------------------*/
.page-content{
    padding: 20px 15px 40px;
    background: #f1f4f6;
    position: relative;
}
.control-bg {
    background-color: #fff ;
    background-image: url(../img/u10.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-btn{
    background: #00cc6626;
    color:#00CC66 ;
    font-size: 16px;
    padding: 5px 10px;
    border: 1px dashed #00CC66;
    border-radius: 5px;
}
.ibox{
    clear: both;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0;
}
.ibox:hover{
    box-shadow: 0 0 10px 1px #dddddd
}
.ibox-title{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px;
}
.ibox-title h5{
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
    font-weight: 600;
}
.ibox-title small{
    margin-left: 15px;
}
.ibox-title small span{
    margin: 0 7px;
    color: #66CC00;
}
.ibox-content {
    clear: both;
}
.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0px;
}
.mailbox-content {
    background: none;
    border: none;
    padding: 10px;
}
.ibox-heading {
    background-color: #f3f6fb;
    border-bottom: none;
}
.ibox-heading h3 {
    font-weight: 200;
    font-size: 24px;
}
.ibox-title .label {
    float: left;
    margin-left: 4px;
}
.ibox-tools {
    display: inline-block;
    float: right;
    margin-top: 0;
    position: relative;
    padding: 0;
}
.ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #c4c4c4;
}
.ibox-tools a.btn-primary {
    color: #fff;
}
.ibox-tools .dropdown-menu > li > a {
    padding: 4px 10px;
    font-size: 12px;
}
.ibox .open > .dropdown-menu {
    left: 0;
    right: 0;
}
.flot-chart{
    display: block;
    height: 200px;
}
.flot-chart-content{
    width: 100%;
    height: 100%;
}
.line-6-6{
    width: 98%!important;
    min-width: 542px!important;
}
.line-2-6{
    width: 30%!important;
    min-width:328px!important;
}
.line-3-6{
    width: 46%!important;
    min-width:545px!important;

}
.line-3-min{
    min-width:545px!important;
}
.inp-nor,
.sel-nor{margin-right:5px;width:200px;display: inline-block}
.sel-nor{
    width:200px;
}
.inp-s,.sel-s{
    width:100px;
}
.search-box{
    margin-bottom:10px ;
    padding:15px 0 15px 0;
    border-bottom: 1px dashed #e7eaec;;
}
.search-box li{
    display: inline-block;
    text-align: left;
    padding: 7px 0;
}
.label-key{
    display: inline-block;
    width:98px;
    height: 24px;
    line-height: 24px;
    text-align: right;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.check-box{
    height: 24px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.check-box input{
    position: relative;
    top: -3px;
    vertical-align: middle;
    margin-right: 3px;
}
.jqgrid-a{
    margin: 0 3px;
}
.btn-box{
    /*margin-top: 15px;*/
    text-align: center;
}
.btn-box button{
    margin: 0 7px;
}
.fa-jqgrid{
    font-size: 14px;
    margin-left: 5px;
    vertical-align: inherit;
}
.nav-tabs{
    border-bottom-color:transparent;
    margin-left: 10px;
    font-size: 12px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
    color: #1890ff;
}
.nav-tabs > li > a{
    margin-right: 4px;
    color: #000;
    background-color: #d8e0e6;
    border: 1px solid #e8edf0;
    border-bottom-color: transparent;
}
.nav-tabs > li > a:hover{
    border: 1px solid #e8edf0;
    color: #7b8a8b;
    background-color: #c9d4dc;
}
.tab-content .ibox-content{
    border-top-color:transparent;
}
.btn .fa{
    margin-right: 5px;
}
.sm-st{
    background:#fff;
    padding:20px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow: 0 1px 0px rgba(0,0,0,0.05);
    box-shadow: 0 1px 0px rgba(0,0,0,0.05);
}
.sm-st-icon {
    width:60px;
    height:60px;
    display:inline-block;
    line-height:60px;
    text-align:center;
    font-size:30px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    float:left;
    margin-right:10px;
}
.sm-st-icon-radius{
    border-radius: 60px;
}
.sm-st-info {
    font-size:13px;
    padding-top:6px;
}
.sm-st-info span {
    display:block;
    font-size:24px;
    font-weight:600;
    margin-top: 5px;
}
.sm-st-b{
    margin-top:10px;
    text-align: right;
    font-size: 13px;
}
.sm-st-b span{
    margin-left: 10px;
}
.st-red {
    color:#fff;
    background-color: #F05050;
}
.st-green {
    color:#fff;
    background-color: #27C24C;
}
.st-violet {
    color:#fff;
    background-color: #7266ba;
}
.st-blue {
    color:#fff;
    background-color: #2f9dff;
}
.progress-mini, .progress-mini .progress-bar{
    height: 5px;
    margin-bottom: 0;
}

/*产品购买*/
.productImg{
    vertical-align: middle;
}
.productImg img{
    width: 100%;
    height: 250px;
    vertical-align: middle;
}
.productText{
    margin-top: 80px;
}
.productText h2,.productText p{
    margin-left: 20px;
    margin-top: 20px;
    font-weight: bold;
}
.product-box{
    padding: 0;
}
.product-box>li{
    height: 54px;
    padding: 6px 0;
}
.product-box>li>.content{
    float: left;
    min-height: 42px;
    line-height: 42px;
    margin-left: 20px;
}
.product-box>li>p{
    float: left;
    width: 87px;
    height: 42px;
    line-height: 42px;
    margin: 0;
    text-align: right;
}
.product-box .btn,.product-box input{
    border: 1px solid #ccc;
}
.product-box .add,.product-box .reduce{
    margin-bottom: 0;
    vertical-align: bottom;
    height:34px;
    width:34px;
    border-radius: 0;
    box-sizing: border-box;
}
.product-box .add{
    border-left: 0;
}
.product-box .reduce{
    border-right: 0;
}
.product-box>li>div .form-control{
    vertical-align: bottom;
    height: 34px;
    display: inline-block;
    width: 50px;
    box-sizing: border-box;
}
.product-time li,.Renewal-time li{
    display: inline-block;
    float: left;
}
.product-time li .btn,.Renewal-time li .btn{
    line-height: 22px;
    box-sizing: border-box;
    margin-bottom: 0;
    width: 50px;
    border-radius: 0;
    border-right: 0;
    position: relative;
    border-color: #ccc;
}
.Renewal-time li .btn{
    background-color: #ccc;
    border-color: #aaa;
    height: 22px;
    line-height: 11px;
    width: 45px;
}
.product-time li:first-of-type .btn,.Renewal-time li:first-of-type .btn{
    border-radius: 3px 0 0 3px;
}
.product-time li:last-of-type .btn,.Renewal-time li:last-of-type .btn{
    border-right: 1px solid #ccc ;
    border-radius:0 3px 3px 0;
}
.Renewal-time li:last-of-type .btn{
    border-color:#aaa;
}
.product-time li .btn.active{
    border:1px solid #00a4ff;
    background-color: #d7e6f8;
    color: #00a4ff;
    box-shadow: none;
}
.label-saffron{
    background-color: #ff7300;
}
.product-time li .btn .label{
    border-radius: 0;
    padding-bottom: 2px;
    padding-top: 2px;
    position: absolute;
    top: -5px;
    right: 0;
}
.border{
    margin: 25px -20px;
    border-top:1px solid #ccc;
}
.price{
    font-size: 18px;
    color:#ff7300;
    font-weight: bold;
    margin-right: 15px;
    vertical-align: middle;
}
.font-blue{
    color:#00a4ff ;
}
.font-red{
    color:#ff7300;
}
.layer-btnBox {
    border-top: 1px solid #eee;
    position: absolute;
    padding-top: 10px;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: right;
}
.layer-btnBox button{
    margin-right: 15px;
}

/*----------------------分页栏 开始-------------------------*/
.page-bar {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: right;
}

.page-button-disabled {
    color:#ddd !important;
}

.page-bar li {
    list-style: none;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    margin: 3px;"
}

.page-bar a {
	border:1px solid #ddd;
    text-decoration: none;
    border-radius:5px;
    position: relative;
    float: left;
    padding: 3px 8px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #1890ff;
    cursor: pointer;
    
}
.page-bar li:first-child > a {
    margin-left: 0px;
    border-radius: 5px 0 0 5px;
}
.page-bar li:last-child > a {
    border-radius:0 5px 5px 0;
    border-right: 1px solid #ddd;
}
.page-bar a:hover {
    background-color: #eee;
}

.page-bar .active a {
    color: #fff;
    cursor: default;
    background-color: #1890ff;
    border-color: #1890ff;
}

.page-bar i {
    font-style: normal;
    color: #d44950;
    margin: 0px 4px;
    font-size: 12px;
}

.page-bar .elps :hover{
	 background-color: transparent;
}
.page-bar .elps a{
	border: 0;
}

.page-bar .form-control{
	width:60px;
	height:26px;
	text-align:center;
	border-radius:5px;
}
.page-bar select.form-control{
	width:90px;
	padding:0 6px;
}
/*---------------------表格圆角-------------------------*/
.table-radius thead tr th,.table-radius tbody tr td{
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 0;
    border-right: 0;
}
.table-radius tr:first-child th:first-child{
    border-radius: 6px 0 0 0;
}
.table-radius tr:first-child th:last-child{
    border-radius: 0 6px 0 0;
}
.table-radius tr:last-child td:first-child{
    border-radius: 0 0 0 6px;
}
.table-radius tr:last-child td:last-child{
    border-radius: 0 0 6px 0;
}
.table-radius{
    border-radius: 6px;
    border-collapse: inherit;
    border-left:0;
}
/*------------------表格居中------------------*/
.table-center tr th,.table-center tr td{
    text-align: center;
}
/*------------------表格筛选--------------------*/
table .fa-filter{
    margin-left: 10px;
    cursor: pointer;
}
.yun-dropdown {
    font-size: 14px;
    display: inline-block;
    position: relative;
}
.yun-dropdown .yun-dropdown-menu{
    display: none;
    position: absolute;
    top: 100%;
    left:0;
    z-index: 1000;
    min-width:100px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    background: #fff;
}
.yun-dropdown .yun-dropdown-list li{
    cursor: pointer;
    padding: 5px 15px;
}
.yun-dropdown .yun-dropdown-list li:hover{
    background: #e6f7ff;
}
.yun-dropdown .yun-dropdown-list li .checkbox{
    margin: 0;
}
.yun-dropdown .yun-dropdown-menu .yun-dropdown-btns{
    overflow: hidden;
    padding: 7px 10px;
    border-top: 1px solid #e8e8e8
}
.yun-dropdown .yun-dropdown-menu .yun-dropdown-btns a{
    color: #1890ff;
    font-weight: normal;
}
.yun-dropdown .yun-dropdown-menu .yun-dropdown-btns a:hover{
    color: #40a9ff;
}
.yun-dropdown .yun-dropdown-menu .yun-dropdown-btns a.confirm{
    float: left;
}
.yun-dropdown .yun-dropdown-menu .yun-dropdown-btns a.clear{
    float: right;
}
/*---------------表单查询左右------------------------*/
.form-left{
    float: left;
}
.form-right{
    float: right;
}
.form-right input,.form-right select{
    width: 120px;
    border-radius: 5px;
}
.form-right>*, .form-left>*{
    margin: 0;
    vertical-align: bottom;
    float: left;
}
/*---------------分页导航------------------------*/
.page-nav{
   padding:0 15px;
}
.page-nav .page-nav-tabs{
    position: relative;
    background: #fff;
}
.page-nav .page-nav-tabs .page-nav-tab{
    padding: 12px 12px;
    display: inline-block;
    cursor: pointer;
}
.page-nav .page-nav-tabs .active{
    color: #40a9ff;
    border-bottom: 2px solid #1890ff;
}
/*---------------loading------------------------*/
.modal {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0, 0);
    z-index: 999;
}
.loading{
    position: absolute;
}
.loading i{
    font-size: 51px;
    color:#82bcec;
}
.table-box thead tr{
    background-color: #fafafa;
}
.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}
/*表格圆点按钮*/
table a{
    margin: 0 4px;
}
.dotted {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
.dotted-green {
    background-color: rgb(82, 196, 26);
}
.dotted-red {
    background: #f5222d;
}
.dotted-default {
    background-color: #d9d9d9;
}
.dotted-act:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: "";
    border: 1px solid;
    -webkit-animation: dotted 1.2s infinite ease-in-out;
    animation: dotted 1.2s infinite ease-in-out;
}
.dotted-green:after{
    border-color:rgb(25, 196, 9);
}
.dotted-red:after{
    border-color: #f5222d;
}
.dotted-default:after{
    border-color: #999;
}
@keyframes dotted {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .5
    }
    to {
        -webkit-transform: scale(2.4);
        transform: scale(2.4);
        opacity: 0
    }
}
.error-icon{
    display: inline-block;
    width: 12.7px;
    height:13px;
    border-radius:50%;
    background: #F15533;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}
.error-icon:before,.error-icon:after{
    border-radius: 40%;
    width: 68%;
    height: 2px;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    content: "";
    text-shadow: none;
    background: #fff;
    border: none;
    color: rgba(0,0,0,1);
    display: inline-block;
    top: 50%;
    left: 50%;
}
.error-icon:before{
    transform: translate(-50%, -60%) rotateZ(45deg);
}
.error-icon:after{
    transform: translate(-50%, -60%) rotateZ(-45deg);
}

.table-hover>tbody>tr:hover {
    background-color: #e6f7ff;
}

.animated {
    animation-duration: 0.75s;
}

/* 开始*********** 鼠标移动到适量图标上放大效果 修改scale(放大的值)*/
.fa {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.btn:hover .fa{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
}

a:hover .fa{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
}

.big:hover{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
}
/* 结束*********** 鼠标移动到适量图标上放大效果 修改scale(放大的值)*/


/**button按钮点击效果    开始**/
.btn{
    position: relative;
}
.btn:after {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 0;
    transition: all .6s;
}
.btn:active:after {
    opacity: .5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0s;
}
.btn-success:after{
    background-color: #18a689;
}
.btn-danger:after{
    background-color: #d9534f;
}
.btn-white:after{
    background-color: white;
}
.btn-default:after{
    background-color: #40a9ff;
    border-radius: 4px;
}
.btn-primary:after{
    background-color: #096dd9;
}

/**button按钮点击效果    结束**/