/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
/*::-webkit-scrollbar-track {*/
/*box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
/*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
/*border-radius: 10px;*/
/*background-color: #F5F5F5;*/
/*}*/

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    /*border-radius: 10px;*/
    /*box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);*/
    /*background-color: #c8c8c8;*/
    background-color: #d7d7d7;
}

::-webkit-scrollbar-thumb:active {
    background-color: #b1b1b1;
}

.mt0{
    margin-top: 0px;
}
.mt10{
    margin-top: 10px;
}
.mt20{
    margin-top: 20px;
}
.mr0{
    margin-right: 0px;
}
.mr10{
    margin-right: 10px;
}
.mr20{
    margin-right: 20px;
}
.mb0{
    margin-bottom: 0px;
}
.mb10{
    margin-bottom: 10px;
}
.mb20{
    margin-bottom: 20px;
}
.ml0{
    margin-left: 0px;
}
.ml10{
    margin-left: 10px;
}
.ml20{
    margin-left: 20px;
}
.pb-15{
    padding-bottom: 15px;
}
.pr-5{
   padding-right: 15px;
}
.pl-15{
    padding-left: 15px;
}
/*.btn {
    border-width: 0;
    padding: 7px 14px;
    font-size: 14px;
    outline: none !important;
    background-image: none !important;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}*/

.red{
    color: red;
}

.blue.btn {
    color: white;
    background-color: #4b8df8;
}

.cursor-pointer{
    cursor: pointer;
}

.display-none{
    display: none;
}
.display-block{
    display: block;
}
.navbar-custom-menu>.navbar-nav>li> .dropdown-left{
    right: auto;
}
/*.dropdown-menu>li>a {
    padding: 3px 14px;
}*/
.dropdown-menu{
    min-width: 100px;
}
.dropdown-menu .divider {
    margin: 1px 0;
}
.navbar-nav>.user-menu>.dropdown-menu {
    width: auto;
}
.form-group label{
    font-weight: 500;
    color:#353535;
}
.control-sidebar{
    min-height: 100%;
}
.fixed .content-wrapper, .fixed .right-side {
    padding-top: 0 !important;
    margin-top: 50px !important;
}
.content-wrapper{
    padding-bottom: 15px;
    margin-bottom: -50px;
}
.fixed .control-sidebar{
    position: fixed;
    max-height: 100%;
    overflow: auto;
    padding-bottom: 50px;
}

/*旋转*/
.icon-spin {
    display: inline-block;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}
.icon-spin-music {
    display: inline-block;
    -webkit-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.bootstrap-table .table thead>tr>th {
    background-color: #f5f5f5;
}
.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {
    margin-left: 10px;
}
/*layer弹出框自定义样式示例*/
body .demo-class .layui-layer-title{background:#c00; color:#fff; border: none;}
body .demo-class .layui-layer-btn{border-top:1px solid #E9E7E7}
body .demo-class .layui-layer-btn a{background:#2e8ded;}
body .demo-class .layui-layer-btn .layui-layer-btn1{background:#f1f1f1;}

.fontawesome-icon-list div i{
    color: #4969b3;
}

.table thead>tr>th{
    background-color: #ecf0f5!important;
}

.grid-table-toolbar{
    margin-top: 10px;
    margin-bottom: 10px;
}

/*.jax-table .fixed-table-toolbar .bs-bars, .fixed-table-toolbar .columns, .fixed-table-toolbar .search {
    margin-top: 0px!important;
}*/

.nav-tabs-custom>.nav-tabs>li.active.danger{
    border-top-color: #dd4b39
}
.nav>li>.jax-tab-a {
    padding: 8px 15px;
}

.jax-nav-tabs{
    background-color: #f9f9f9;
}
/*菜单*/
.sidebar-menu li.li-close>a>.fa-angle-left, .sidebar-menu li.li-close>a>.pull-right-container>.fa-angle-left {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.sidebar-menu li a{
    -webkit-transition: all 0.2s ;
    -ms-transition: all 0.2s ;
    -o-transition: all 0.2s ;
    transition: all 0.2s;
}
.sidebar-menu li.li-open>a>.fa-angle-left, .sidebar-menu li.li-open>a>.pull-right-container>.fa-angle-left {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.sidebar-menu>li.li-open>a:hover {
    color: #fff;
    background: #1e282c;
}

.skin-blue-light .sidebar-menu>li.li-open>a:hover {
    color: #000;
    background: #f4f4f5
}
.skin-black-light .sidebar-menu>li.li-open>a:hover {
    color: #000;
    background: #f4f4f5
}
.skin-purple-light .sidebar-menu>li.li-open>a:hover {
    color: #000;
    background: #f4f4f5
}
.skin-green-light .sidebar-menu>li.li-open>a:hover {
    color: #000;
    background: #f4f4f5
}
.skin-red-light .sidebar-menu>li.li-open>a:hover {
    color: #000;
    background: #f4f4f5
}
.skin-yellow-light .sidebar-menu>li.li-open>a:hover {
    color: #000;
    background: #f4f4f5
}
.upload-music-div,.upload-img-div{
    margin-bottom: 20px;
}
.upload-div1{
    padding-left: 8px;
}
.upload-div2{
    padding-left: 15px;
}
.jax-upload-btn{
    font-size: 20px;
    padding: 3px 0;
    color: #5d5d5d;
}
.upload-music-btn:hover,.upload-img-btn:hover{
    cursor: pointer;
    color: #3d78e2;
}

.jax-box{
    border-radius: 3px;
    background: #ffffff;
    border: 1px solid #e6e7e7;
    border-bottom: none;
    margin-bottom: 10px;
    width: 100%;
    padding: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.jax-box .form-group{
    margin-bottom: 0px;
}
.jax-box .form-group label{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 7px;
}
.jax-box .control-label{
    text-align: left;
}

.jax-box-table{
    padding-top: 0px;
    margin-top: 15px;
}

.table-btn{
    margin: 0 2px;
    border-radius: 10px;
    padding: 2px 5px;
    font-size: 12px;
}
.table-btn.table-btn-info{
    color: #00c0ef;
    border: 1px solid #00c0ef;
}
.table-btn.table-btn-info:hover{
    color: #00acd6;
    border: 1px solid #00acd6;
}
.table-btn.table-btn-success{
    color: #00a65a;
    border: 1px solid #00a65a;
}
.table-btn.table-btn-success:hover{
    color: #008d4c;
    border: 1px solid #008d4c;
}
.table-btn.table-btn-warning{
    color: #ec971f;
    border: 1px solid #ec971f;
}
.table-btn.table-btn-warning:hover{
    color: #dc8d1e;
    border: 1px solid #dc8d1e;
}
.table-btn.table-btn-danger{
    color: #dd4b39;
    border: 1px solid #dd4b39;
}
.table-btn.table-btn-danger:hover{
    color: #d73925;
    border: 1px solid #d73925;
}

.treegrid-tbody tr :first-child.table-btn-info{
    border-left: 1px solid #00c0ef!important;
}
.treegrid-tbody tr :first-child.table-btn-danger{
    border-left: 1px solid #dd4b39!important;
}

@media (max-width: 767px){
    .dropdown-menu li.divider {
        background-color: #eee!important;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 16px;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 20px;
    }
    .upload-div1,.upload-div2{
        padding-left: 0px;
    }
}
@media (max-width: 991px) {
    .dropdown-li {
        position: relative!important;
    }
    .dropdown-left a{
        color: #777!important;
    }
}
.modal-body{
    padding: 15px 0;
}


/**
    btn-customize
 */
.white{
    color: #fff;
}

.btn-customize{
    padding: 3px 10px 5px 10px;
    font-size: 14px;
    margin-bottom: 2px;
    margin-right: 10px;
    color: #fff;
}

.btncus a{
    color: #fff;
}

.btncus a:hover{
    color: #fff;
}

.mr5px{
    margin-right: 5px;
}


/**
    form
 */

.content .box-main .box-header{
    padding: 0;
    height: 40px;
    line-height: 40px;
    margin-top: -5px;
}

.box-main>.box-header{
    border-bottom: 1px solid #eee;
    padding-right: 10px;
    color: #444;
}

.box-main>.box-header .box-tools {
    position: relative;
    top: -5px;
    right: 0;
}

.mrt5px{
    margin-top: 5px !important;
}

.box-main>.box-header .box-tools .btn {
    /*padding: 3px 10px 5px 10px;
    font-size: 14px;
    margin-bottom: 2px;*/
    padding: 5px 10px 3px 10px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 2px;
}

.form-unit {
    font-size: 15px;
    font-style: oblique;
    color: #6379bb;
    border-bottom: 1px solid #ddd;
    margin: 8px 5px 25px 5px;
    padding-bottom: 5px;
}

.form-horizontal .row {
    margin: 0 55px 0 -15px;
}

.form-group .control-label .required {
    color: #e02222;
}

.form-group .control-label i {
    vertical-align: middle;
}

.form-group .input-group{
    width: 100%;
}

#page-loading, .box-main, .nav-main {
    animation-duration: .2s;
    animation-name: fadeIn;
}

.form-inline {
    padding-left: 5px;
    margin: 3px;
}

.form-inline .row{
    padding-right: 3%;
}

.form-inline .form-group {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;
    margin-right: 6px;
    /*height: 35px !important;*/
}

.form-inline .form-group input{
    height: 34px !important;
}

.form-inline .control-label {
    text-align: right;
    font-size: 13px;
    vertical-align: baseline;
}

.form-inline .control-inline {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
}

.form-inline, .form-horizontal {
    animation-duration: .2s;
    animation-name: fadeInDown;
}

.form-inline .btn {
    margin-right: 3px;
}

.width-90 {
    width: 90px!important;
}

.width-60 {
    width: 60px!important;
}

.width-120{
    width: 120px!important;
}

.width-160{
    width: 160px!important;
}

.form-group .control-label {
    font-weight: normal;
    padding-top: 3px;
    text-align: right;
    padding-right: 0;
}


@keyframes fadeIn {
    from {
        opacity:0
    }
    to {
        opacity:1
    }
}
@keyframes fadeInUp {
    from {
        opacity:0;
        transform:translate3d(0,100%,0)
    }
    to {
        opacity:1;
        transform:translate3d(0,0,0)
    }
 }
@keyframes fadeInDown {
  0% {
      transform:translateY(-20px)
  }
  100% {
      transform:translateY(0)
  }
}
@keyframes fadeInLeft {
   from {
       opacity:0;
       transform:translate3d(-100%,0,0)
   }
   to {
       opacity:1;
       transform:translate3d(0,0,0)
   }
}
@keyframes fadeInRight {
    from {
        opacity:0;
        transform:translate3d(100%,0,0)
    }
    to {
        opacity:1;
        transform:translate3d(0,0,0)
    }
}

.table-tool i{
    display: inline-block;
    width: 15px;
    float: none;
    position: static;
    text-align: center;
    opacity: .85;
    -webkit-transition: all .12s;
    -o-transition: all .12s;
    transition: all .12s;
    margin: 0 0 2px 3px;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
}

.table-tool i.fa-pencil{
    color: #69aa46;
}

.table-tool i.glyphicon-ban-circle{
    color: #dd5a43;
}

.table-tool i.fa-trash-o{
    color: #dd5a43;
}

.table-tool i.fa-plus-square{
    color: #3c8dbc;
}


.ztree{
    padding: 20px 0 0 10px;
}

.ztree.roleTree{
    padding-left: 85px;
}

.treebtnWrapper{
    padding-left: 30px;
    margin-bottom: 20px;
}

.treebtn{
    margin-left: 50px;
    display: inline-block;
}

.treebtn a{
    color: #97a0b3;
}


/*icons*/
.simplelineicons::after{
    width: 100%;
    height: 0;
    content: '';
    display: block;
    visibility: hidden;
    clear: both;
}
.nav-tabs-custom{margin-bottom:0;box-shadow:none;border-radius:0;}
.simplelineicons div,.fontawesome-icons div,.bs-glyphicons li{cursor:pointer;line-height:34px;}
.simplelineicons div:hover,.fontawesome-icons div:hover,.bs-glyphicons li:hover{background:#eee;}
.simplelineicons div i,.fontawesome-icons div i,.bs-glyphicons li i{font-size:20px;}
.bs-glyphicons {padding-left:0;padding-bottom:1px;margin-bottom:20px;list-style:none;overflow:hidden;}
.bs-glyphicons li {float:left;width:25%;height:95px;margin:0 -1px -1px 0;font-size:14px;line-height:1.4;text-align:center;border:1px solid #ddd;}
.bs-glyphicons .glyphicon {margin-top:5px;margin-bottom:10px;font-size:24px;}
.bs-glyphicons .glyphicon-class {display:block;text-align:center;word-wrap:break-word;}
@media (min-width:768px) {.bs-glyphicons li {width:12.5%;}}

.bt_cus{
    color: red !important;
    background-color: #fff !important;
    border: none !important;
    margin-top: 15px;
    margin-left: 10px;
}

.tree-grid-icon{ margin-right: 8px; font-size: 12px;}
.tree-grid-icon.undefined{ margin-right: 0;font-size: 0;}

.iconcus{
    width: 8px;
    color: #247ac4;
    opacity: .85;
    margin-right: 8px;
}

.leaf-node{
    background-image: url('../img/ui-icons.png');
    background-position: -96px -146px;
    width: 18px;
    height: 10px;
    line-height: 28px;
    opacity: .35;
}

.layui-table-cell.laytable-cell-1-name p{
    /*color:#3c8dbc;*/
}

/*
.laytable-cell-1-0{
    display: none;
}*/


/*user*/
.content.user{
    padding-left: 0 !important;
    padding-top: 0 !important;
}
.content.user .box-main .box-header{
     margin-top: 0;
}
.content.user .box-main .box-header .box-title{
    font-size: 16px;
    margin-left: 10px;
}
.content.user .box-main .box-header .box-title i{
    font-size: 14px;
}

.left-icon{
    display: inline-block;
}

.content.user .box-main>.box-header .box-tools{
    top: -2px;
}

.layout-left{
    position: absolute;
    margin: 0px;
    left: 0;
    right: auto;
    top: 5px;
    bottom: 10px;
    z-index: 0;
    /*overflow: hidden;*/
    overflow: scroll;
    width: 220px;
    display: block;
    visibility: visible;
}

.layout-center{
    position: absolute;
    padding: 0;
    margin: 0;
    font-size: 1px;
    text-align: left;
    overflow: hidden;
    z-index: 2;
    /*cursor: w-resize;*/
    left: 224px;
    width: 8px;
    top: 0;
    bottom: 0;
    /*background: #ededed;*/

    transition: all .5s;
    -moz-transition: all .5s;	/* Firefox 4 */
    -webkit-transition: all .5s;	/* Safari 和 Chrome */
    -o-transition: all .5s;
}

.layout-center.layout-center-close{
    position: absolute;
    padding: 0;
    margin: 0;
    font-size: 1px;
    text-align: left;
    overflow: hidden;
    z-index: 2;
    left: 0;
    width: 8px;
    top: 0;
    bottom: 0;
    background: #ededed;

    transition: all .5s;
    -moz-transition: all .5s;	/* Firefox 4 */
    -webkit-transition: all .5s;	/* Safari 和 Chrome */
    -o-transition: all .5s;
}

.layout-toggler{
    width: 8px;
    height: 50px;
    position: absolute;
    display: block;
    padding: 0px;
    overflow: hidden;
    text-align: center;
    font-size: 1px;
    cursor: pointer;
    z-index: 1;
    visibility: visible;
    top: 50%;
    left: 0px;
    margin-top: -25px;
}

.layout-right{
    position: absolute;
    left: 228px;
    right: 15px;
    top: 5px;
    bottom: 10px;
    z-index: 0;
    overflow: hidden;
    display: block;
    visibility: visible;

    transition: all .5s;
    -moz-transition: all .5s;	/* Firefox 4 */
    -webkit-transition: all .5s;	/* Safari 和 Chrome */
    -o-transition: all .5s;
}

.layout-right.layout-center-close{
    position: absolute;
    left: 8px;
    right: 15px;
    top: 5px;
    bottom: 15px;
    z-index: 0;
    overflow: hidden;
    display: block;
    visibility: visible;
}

.togger-contr{
    margin-top: 18px;
    display: inline-block;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    line-height: 8px;
    width: 100%;
    padding-bottom: .35ex;
}

.skin-blue-light .sidebar-menu > li > a > span {
    font-size: 15px !important;
    color: #555;
}

.skin-blue-light .sidebar-menu .treeview-menu > li > a {
    color: #555;
    font-size: 14px;
}

.sidebar-menu .treeview-menu > li > a {
    padding: 7px 5px 8px 30px !important;
}

.ztree li span{
    line-height: 21px;
    margin-right: 2px;
}

.ztree *{
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: Verdana,Arial,Helvetica,AppleGothic,sans-serif;
}

.nav.navbar-nav, .dropdown.user.user-menu, .dropdown.user.user-menu .dropdown-toggle, .navbar-custom-menu > .navbar-nav > li{
    height: 50px;
}

.attrtable .ui-jqgrid tr.jqgrow td{
    padding: 0 6px !important;
    text-align: center;
}

.attrtable .ui-jqgrid .ui-jqgrid-view input, .attrtable_select .ui-jqgrid .ui-jqgrid-view input{
    height: 100%;
    border: 0;
    text-align: center;
}

.attrTabRow {
    margin-bottom: 35px !important;
}

.attrtable_select .ui-jqgrid tr.jqgrow td{
    padding: 0 !important;
    text-align: center;
}

.attrtable_select .ui-jqgrid tr.jqgrow td select{
    height: 100%;
    width: 100%;
    border: 0;
    padding: 0 10px;
}

.attrtable_select .ui-jqgrid tr.jqgrow td select option{
    height: 100%;
    width: 100%;
    border: 0;
    padding: 0 10px;
}

.ui-jqgrid .ui-userdata {
    border-left: 0 none !important;
    border-right: 0 none !important;
    border-top: 0 none !important;
    height: 45px !important;
    overflow: hidden !important;
    line-height: 45px !important;
}

.tabAdd{
    background: skyblue;
    color: #fff;
    width: 40px;
    height: 22px;
    display: inline-block;
    line-height: 22px;
    text-align: center;
    border-radius: 3px;
    margin-left: 5px;
}

.tableBtn{
    display: inline-block;
    margin: 0 0 0 6px;
    /*float: right;*/
    padding: 4px 5px !important;
}

.btnAttr{
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 8px !important;
    margin-top: -8px !important;
    margin-right: 0 !important;
}

.hcenter{
    height: 194px;
    line-height: 194px;
}

.hcenter.left{
    text-align: end;
}

.form-horizontal .radio-inline.pr-5 {
    margin-left: 0 !important;
}

.layui-form[wid100] .layui-form-label {
    width: 100px
}

.layui-form[wid100] .layui-input-block {
    margin-left: 130px
}

@media screen and (max-width:450px) {
    .layui-form[wid100] .layui-form-item .layui-input-inline {
        margin-left: 132px
    }

    .layui-form[wid100] .layui-form-item .layui-input-inline + .layui-form-mid {
        margin-left: 130px
    }
}

.layui-form-item .layui-input-company {
    width: auto;
    padding-right: 10px;
    line-height: 38px
}


/**
   覆盖皮肤样式
 */
.main-header .navbar {
    margin-left: 0 !important;
}

.main-header .logo {
    width: auto !important;
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .main-header .logo {
        width: auto !important;
    }

    .sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 0 !important;
    }

}

.companyName{
    font-size: 22px;
}

@media (max-width: 767px) {
    .main-header .logo/*, .main-header .navbar*/ {
        width: auto !important;
        float: left !important;
    }

    .main-sidebar, .left-side{
        padding-top: 50px !important;
    }

    .fixed .content-wrapper, .fixed .right-side{
        padding-top: 50px !important;
        padding-bottom: 0!important;
        min-height: 100% !important;
    }

    .companyName{
        font-size: 18px !important;
    }
}


@media (max-width: 650px) {
    .companyName{
        display: none;
    }
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    width: 100%;
    text-align: center;
}

.dropdown-menu>li>a{
    line-height: 32px;
}

/*.fileBox{*/
    /*display: inline-block;*/
/*}*/

.fileUpload{
    float: left;
    width: 100px;
    background-color: #e9dede;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 8%;
}

.fileInfo{
    line-height: 35px;
    margin-left: 10px;
}

.fileUp{
    float: right;
    margin-top: 2px;
}

.filebtn{
    display: inline-block;
}

.fileBox::after{
    width: 100%;
    height: 0;
    display: block;
    clear: both;
    content: '';
    visibility: hidden;
    margin-bottom: 25px;
}

.section{margin-bottom: 15px;}
.mt20{margin-top: 20px;}
.sec{line-height: 35px;}
.sec .w2{width: 50%;float: left;padding: 0 10px;}
.sec::after{width: 100%;height: 0;content: '';clear: both;display: block;visibility: hidden;}
.nop{padding: 0 !important;}
.fontwe{font-weight: bold;font-size: 14px;}
.secTab{border: 1px solid #eaeaea;padding-bottom: 15px;}
.secTab .t{height: 35px;background: #eaeaea;line-height: 35px;padding: 0 10px;padding: 0 10px;margin-bottom: 10px;}
.tt{border: 1px solid #eaeaea;margin: 15px;}
.tt .ti{padding-left: 10px;border: 1px solid #f2f2f2;cursor: pointer;border-top: none;}
.tt .cel{height: 50px; line-height: 50px;}
.tt .cel span{width: 12.5%;float: left;text-align: center;height: 50px; line-height: 50px;}
.tt .cel::after{width: 100%;height: 0;content: '';clear: both;display: block;visibility: hidden;}
.pr{margin-right: 10px;}
.lin{width: 92%;height: 1px;margin: auto;border: 1px dashed #eaeaea;}

.layui-table-view .layui-table td, .layui-table-view .layui-table th{border-left: solid 1px #eaeaea !important;}

.avgform.form-inline .form-group{width: 100%;}

.pobtn {
    cursor: pointer;
    background: #fff;
    border: 1px solid #bfcbd9;
    color: #1f2d3d;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 6px 10px;
    line-height: 50px;
}

.pobasic{position: relative;}
.potool{ position: absolute; top: 65px; right: 50px; z-index: 999; }
.surrender{ background: rgb(255, 73, 73); text-align: center; line-height: 30px; font-size: 14px; color: #fff; border-radius: 4px; display: inline-block; padding: 0 10px; cursor: pointer;}
.printpo{ text-align: center; line-height: 30px; font-size: 14px; border-radius: 4px; border: 1px solid #bfcbd9; display: inline-block; margin-left: 15px; padding: 0 10px; cursor: pointer;}


.accountSpe{
    min-width: 730px;
}

.accountBox{
    width: 35%;
    height: 203px;
    min-width: 195px;
    max-width: 320px;
    float: left;
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .accountBox {
        width: 25% !important;
    }
}

.accountTr{
    width: 15%;
    height: 203px;
    margin: 0 20px;
    float: left;
}

.accountTr .trtop{
    margin: 3px auto 0;
    height: 100px;

}

.accountTr .trtop .trtex{
    width: 80%;
    min-width: 80px;
    max-width: 120px;
    line-height: 30px;
    margin: 20px auto 0;
    text-align: center;
    background-color: red;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
}

.accountTr .trtop .trtex.trout{
    margin-top: 10px;
    background-color: #0095ff;
}

.accountTr .trbottom{
    height: 100px;
    margin: 0 auto;
}

.accountTr .trbottom .ycbf{
    margin: 30px auto 0;
    color: red;
    border: 1px solid red;
    width: 80%;
    min-width: 80px;
    max-width: 120px;
    padding: 2px 3px;
    text-align: justify;
    cursor: pointer;
}

.applyPremium{
    margin-right: 3px;
}

.accountInfo {
    border: 1px solid #00b3ee;
    border-radius: 4px;
    padding-bottom: 8px;
}

.accountLZ{
    height: 203px;
}

.accountInfo.accountLZ .tit{
    margin-bottom: 25px;
}

.accountYC{
    margin-top: 15px;
}

.accountInfo .tit{
    text-align: center;
    background-color: #00b3ee;
    line-height: 30px;
    border-radius: 4px 4px 0 0;
    color: #fff;
}

.accountInfo .txt{
    padding: 0px 20px;
    margin-top: 8px;
}

.accountInfo .txt.red{
    color: orangered;
}

#transferLayer p{
    height: 30px;
    line-height: 30px;
}

#transferLayer p #transferPrice{
    height: 25px;
}

.box-body {
    padding-bottom: 0 !important;
}

.layui-table td, .layui-table th{
    font-size: 12px !important;
}

.form-group .control-inline .input-group-btn{
    display: inline-block;
    margin-left: -4px;
}
.mybrea-work{
    word-wrap:break-word;
}
/*.layui-table.complex-table .layui-table td, .layui-table th{*/
    /*padding: 3px 15px !important;*/
/*}*/
.layui-layer-btn1{
    background-color: #FF7670 !important;
    color: #fff !important;
}