ul{
    padding-left: 0;
    margin-bottom: 0;
}
body,ul,li{
    list-style:none;
}
button{
    outline:none;
}
.clearfix:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0
}
.clearfix{
    zoom:1;
}
.ITD-padding-common{
    padding: 0 9px!important;
}


/*
    ================================
    @主题样式
    浮动 公共
    ================================
*/
.float-right{
    float: right;
}
.float-left{
    float: left;
}
.float-none{
    float: none;
}
/*
    ================================
    @主题样式
    overflow 公共
    ================================
*/
.ITD-overflowhidden{
    overflow: hidden;
}
.ITD-overflowhidden-y{
    overflow-y:auto;
}
/*不换行 省略号*/
.ITD-hidden-nowrap{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ITD-displayinline{
    display: inline-block;
}
/*
    ================================
    @主题样式
    定位 公共
    ================================
*/
.pos-rel{
    position: relative;
}
.pos-abs{
    position: absolute;
}
.theme-abspos{
    top: 1px;
    right: 10px;
    color: rgba(0,0,0,.7);
}
/*
    ================================
    @主题样式
    input placeholder样式重写 公共
    ================================
*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color:rgba(0,0,0,0.45);
}
input:-moz-placeholder, textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color:rgba(0,0,0,0.45);
}
input::-moz-placeholder, textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color:rgba(0,0,0,0.45);
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color:rgba(0,0,0,0.45);
}
/*
    ================================
    @主题样式
    目录名称 公共
    ================================
*/
.ITD-directory-name{
    margin: -18px -44px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #f6f5f5;
    height: 18px;
    line-height: 18px;
}
.ITD-directory-name span{
    height: 16px;
    line-height: 16px;
    display: inline-block;
    padding-left: 10px;
    margin-left: 36px;
    border-left: 3px solid #1E95CD;
}
/*
    ================================
    @主题样式
    flex  公共
    ================================
*/
.ITD-common-display-flex{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}
.ITD-common-perflex{
    flex:1;
}
/*
    ================================
    @主题样式
    鼠标  公共
    ================================
*/
.ITD-cursor-pointer{
    cursor: pointer;
}
.display-inlineblock{
    display: inline-block;
}
.ITD-vertical-align-middle{
    vertical-align: middle;
}
/*
    ==========================================
    @主题样式
    @page-content右侧内容样式
    ==========================================
*/
/*
    ==========================================
    @主题样式
    @page-content
    @重写min-width下page-content上边距
    ==========================================
*/
@media (min-width: 992px) {
    /* Page content */
    .page-content-wrapper .page-content {
        padding: 44px 44px ;
    }
}

/*
    ==========================================
    @主题样式
    @page-content
    @背景色
    ==========================================
*/
.page-container-bg-solid .page-content {
    border-left:12px solid #F1F1F3 ;
    background:#fff;
}
/*
    ================================
    @主题样式
    ================================
*/


/*
    ================================
    @主题样式
    内外边距 公共
    ================================
*/

.padding0-14{
    padding-left:  14px;
    padding-right:  14px;
}
.padding0-20{
    padding-left:  24px;
    padding-right:  24px;
}
.padding20-0{
    padding: 20px 0;
}
.paddingleft-10{
    padding-left: 10px;
}
.ITD-padding-24{
    padding: 24px 24px;
}
.ITD-padding9-8{
    padding: 9px 8px;
}
.ITD-padding22-24{
    padding: 22px 24px;
}
.ITD-paddingtop20{
    padding-top:20px;
}
.ITD-paddingbottom20{
    padding-bottom:20px;
}
.margin-bottom-5{
    margin-bottom:5px;
}
.margin-bottom-24{
    margin-bottom: 24px;
}
.margin-bottom-12{
    margin-bottom: 12px!important;
}
.margin-bottom-18{
    margin-bottom: 18px!important;
}
.margin-right-15{
    margin-right: 15px;
}
.margin-right-12{
    margin-right: 12px;
}
.margin-left-12{
    margin-left: 12px;
}
.margin-right-17{
    margin-right: 17px;
}
.margin-right-24{
    margin-right: 24px;
}
.margin-bottom-10{
    margin-bottom: 10px;
}
.margin-bottom-16{
    margin-bottom: 16px;
}
.margin-bottom-80{
    margin-bottom: 80px;
}
.margin-top-5{
    margin-top: 5px;
}
.margin-top-9{
    margin-top: 9px;
}
.margin-top-18{
    margin-top: 18px;
}
.margin-top-24{
    margin-top: 24px;
}
.ITD-paddintop-6{
    padding-top: 6px;
}
.ITD-marginright-15{
    margin-right: 15px;
}
.ITD-marginleft-5{
    margin-left: 5px;
}
.ITD-padding-15{
    padding: 15px;
    padding-bottom: 0px !important;
}
.ITD-border-bottom1{
    border-bottom: 1px solid #d8e2e5;
}
.ITD-padding0-24{
    padding: 0 24px 24px 24px;
}
.ITD-paddingbottom-24{
    padding-bottom:24px;
}


.card-parking-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/card-parking-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-outorder-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../../pages/css/home/img/general-li-5.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-parkingin-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/card-parkingin-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-parkingout-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/card-parkingout-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-parkingzzl-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/card-parkingzzl-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-roadside-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/card-roadside-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-goe-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/card-geo-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-berth-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url(../../img/card-berth-icon.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-berth-iconl{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url(../../img/card-berth-iconl.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-measure-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/card-measure-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-parkingtime-icon{
    width: 55px;
    height: 55px;
    background: url("../../img/card-parkingtime-icon.png") no-repeat;
    margin-right: 10px;
}
.card-berttime-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/card-berttime-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-rate-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/card-rate-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-wifi-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/card-wifi-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
/*停车次数 icon*/
.park-num-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/park-num-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
/*收费次数 icon*/
.pay-num-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/pay-num-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
/*实收金额 icon*/
.pay-money-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/pay-money-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
/*收费lv icon*/
.pay-acount-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/pay-acount-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
/*总收入 icon*/
.card-money-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/card-money-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
/*问好 icon*/
.question-money-icon{
    display: inline-block;
    height: 18px;
    width: 18px;
    background: url(../../img/question-money-icon.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 10px;
}
/*微信总收入 icon*/
.card-wxmoney-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/card-wxmoney-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
/*支付宝总收入 icon*/
.card-alimoney-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/card-alimoney-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
/*余额总收入 icon*/
 .card-baltomoney-icon{
     display: inline-block;
     height: 24px;
     width: 24px;
     background: url("../../img/card-baltomoney-icon.png") no-repeat;
     background-size: 100% 100%;
     vertical-align: bottom;
     margin-right: 10px;
 }
/*临停收入 icon*/
.card-ltmoney-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../../pages/scripts/incomereportFile/incomeParking/img/incomecasier-li-4.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
/*vip收入 icon*/
.card-vipmoney-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../../pages/scripts/incomereportFile/incomeParking/img/incomestates-li-5.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
/*收费员 icon*/
.card-caiser-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../../pages/scripts/incomereportFile/incomeCasier/img/incomecasier-li-2.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-caiserperson-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../../pages/scripts/incomereportFile/incomeCasier/img/card-caiserperson-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
/*异常订单笔数 icon*/
.card-abnormalNum-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../../pages/scripts/incomereportFile/incomeCasier/img/incomecasier-li-4.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
/*异常订单金额 icon*/
.card-abnormalTotal-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../../pages/scripts/incomereportFile/incomeCasier/img/incomecasier-li-5.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}

.card-received-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/card-received-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-discount-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/card-discount-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-clearing-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/card-clearing-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-unclearing-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/card-unclearing-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-other-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/card-other-icon.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-apphyd-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/apphyd_ico.png") no-repeat;
    background-size: 24px 24px;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-appuser-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/appUser_ico.png") no-repeat;
    background-size:24px 24px;
    vertical-align: bottom;
    margin-right: 10px;
}
.card-todayuser-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/todayUser_ico.png") no-repeat;
    background-size: 24px 24px;
    vertical-align: bottom;
    margin-right: 10px;
}

/*收入差异黄色*/
.srcy-yellow-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/srcy-yellow-icon.png) no-repeat;
}
/*退款黄色*/
.tk-yellow-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/tk-yellow-icon.png) no-repeat;
}
/*退款差异黄色*/
.tkcy-yellow-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/tkcy-yellow-icon.png) no-repeat;
}
/*收入差异绿色*/
.srcy-green-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/srcy-green-icon.png) no-repeat;
}
/*退款绿色*/
.tk-green-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/tk-green-icon.png) no-repeat;
}
/*退款差异绿色*/
.tkcy-green-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/tkcy-green-icon.png) no-repeat;
}
/*收入差异蓝色*/
.srcy-blue-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/srcy-blue-icon.png) no-repeat;
}
/*退款蓝色*/
.tk-blue-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/tk-blue-icon.png) no-repeat;
}
/*退款差异蓝色*/
.tkcy-blue-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/tkcy-blue-icon.png) no-repeat;
}
/*收入差异橙色*/
.srcy-orange-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/srcy-orange-icon.png) no-repeat;
}
/*退款橙色*/
.tk-orange-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/tk-orange-icon.png) no-repeat;
}
/*退款差异橙色*/
.tkcy-orange-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/tkcy-orange-icon.png) no-repeat;
}
/*欠费车主人数*/
.person-park-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/person_park.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
/*欠费车主人数*/
.card-remnum-icon{
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url("../../img/remnum_park.png") no-repeat;
    background-size: 100% 100%;
    vertical-align: bottom;
    margin-right: 10px;
}
/*
    =========================
    卡列表
    =========================
*/
.ITD-cardnew-wrap>li:nth-of-type(2){
    padding-top:10px ;
    padding-bottom:10px ;
}
.ITD-cardlist-wrap {
    height: 105px;
}
.ITD-cardlist-wrap ul{
    padding-top: 26px;
    padding-left: 24px;
}
.ITD-cardlist-wrap ul>li:nth-of-type(1){
    height: 24px;
    line-height: 24px;
}
.ITD-cardlist-wrap-1{
    background-color: #fff1db;
}
.ITD-cardlist-wrap-2{
    background-color: #dff9eb;
}
.ITD-cardlist-wrap-3{
    background-color: #fff9db;
}
.ITD-cardlist-wrap-4{
    background-color: #dff3f4;
}
/*
    =========================
    卡列表 上部汇总
    =========================
*/
.count-icon{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    vertical-align: sub;
    margin-right: 5px;
    background-image: url(../../img/count-parking.png);
}
.count-parking{
    background-position: 0 0;
}
.count-roadside{
    background-position: -16px 0;
}
.count-seal{
    background-position: -32px 0;
}
.count-berth{
    background-position: -48px 0;
}
/*
       =========================

       =========================
   */
.ITD-statistics-count{
    height: 32px;
    line-height: 32px;
    background: #fafafa;
    margin-bottom: 17px;
    margin-top: 17px;
    width: 100%;
    padding-right: 20px;
}
.ITD-statistics-count-main li{
    margin-left: 30px;
}

/*
       =========================
       table排名1 2 3  样式
       =========================
   */
.ITD-popNo-origin{
    width:20px;
    height:20px;
    line-height: 20px;
    font-size:12px;
    text-align: center;
    display: inline-block;
}
.ITD-popNo-one{
    width:20px;
    height:20px;
    line-height: 20px;
    font-size:12px;
    text-align: center;
    display: inline-block;
    border-radius: 50% !important;
    border: 1px solid #fe944d;
}
.ITD-popNo-two{
    width:20px;
    height:20px;
    line-height: 20px;
    font-size:12px;
    text-align: center;
    display: inline-block;
    border: 1px solid #fed64d;
    border-radius: 50% !important;
}
.ITD-popNo-three{
    width:20px;
    height:20px;
    line-height: 20px;
    font-size:12px;
    text-align: center;
    display: inline-block;
    border: 1px solid #5fe98f;
    border-radius: 50% !important;
}
/*
    =========================
    table底部pagefooter样式更新
    =========================
*/
.page-footer .page-footer-inner {
    color: #a1b2cf !important;
    text-align: center !important;
    float: none;
    display: block;
}

/*
    ================================
    @主题样式
    页面title 公共
    ================================
*/
.ITD-border-bottom{
    border-bottom: 1px solid #f0f0f2;
}
.ITD-common-title{
    height: 44px;
    line-height:44px;
    font-size: 14px;
    border-bottom: 1px solid #f0f0f2;
}
.ITD-common-title em{
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    background-repeat:no-repeat ;
    margin-top:-3px;
}
.ITD-common-paytitle{
    height: 55px;
    line-height: 55px;
    color: #000;
    font-size: 16px;
    padding-left: 55px;
    border-bottom: 1px solid #f1f1f3;
    background: url("../../img/common_payico.png") no-repeat 27px center;
}

/*
    ===错误信息提示样式 公共   ===
*/
.ITD-model-contbody{
    max-height: 540px;
    padding: 0 !important;
    overflow-y: auto;
}
.ITD-model-errormsg{
    height: 20px;
    line-height: 20px;
    /*background-color: #fddbdb;*/
    color: #f83955;
    font-size: 12px;
    text-align: center;
}
/*---------------删除弹窗------------------*/
.ITD-deletemodel-content{
    margin-left: 127px;
    height:96px;
    width: 96px;
    background: url("../../img/delete_Rule.png") no-repeat;
}
.ITD-deletemodel-contentmsg{
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%;
    margin-top: 8px;
}
/*---------------提示弹窗------------------*/
.ITD-alertmodel-contentmsg {
    height: 100px;
    line-height: 100px;
    text-align: center;
    width: 100%;
    margin-top: 8px;
}
/*---------------成功弹窗---------------*/
.ITD-successmodel-content{
    margin-left: 120px;
    height:96px;
    width: 96px;
    background: url("../../img/success-icon.png") no-repeat;
}
.ITD-successmodel-contentmsg{
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%;
    margin-top: 8px;
}
/*
    width：380px
*/
.blue-modal{
    width:380px;
}
.ITD-model380-body{
    padding-top: -3px;
}
/*
    width：1020px
*/
.ITD-model-1020{
    width:1020px;
}
/*
    width：712px
*/
.ITD-model-712{
    width:712px;
}
.ITD-model-512{
    width:512px;
}
.ITD-model-773{
    width:773px;
}
.ITD-model-1034{
    width:1034px;
}
.modal-header-title{
    height: 16px;
    line-height: 16px;
    display: inline-block;
    padding-left: 10px;
    border-left: 3px solid #1E95CD;
    color: #1E95CD;
}
.ITD-modal-body{
    padding: 0 38px 30px!important;
}
/*弹窗公共 border-radius4px */
.modal-content{
    border-radius: 4px !important;
}
.ITD-model-header{
    line-height: 67px;
    height: 67px;
    padding: 0 15px 0 38px;
}
.ITD-model-close{
    margin-top: 10px !important;
}
.ITD-model-footer{
    text-align: center !important;
    border-top:none !important;
    padding: 15px 24px 24px !important;
}
.ITD-model-btn{
    border-radius: 4px!important;
    cursor: pointer;
    width: 72px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.ITD-modelall-btn{
    border-radius: 4px!important;
    cursor: pointer;
    width: 90px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.ITD-form-group{
    height: 35px;
    line-height: 35px;
}
.ITD-form-padleft25-read{
    height: 35px;
    line-height: 35px;
    padding-left: 25px;
}
.ITD-form-padleft5-read{
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.ITD-pop-panel-wid100{
    width: 100px;
}
.ITD-pop-panel-wid120{
    width: 120px;
}
.ITD-pop-panel-wid80{
    width: 80px;
}
.ITD-pop-panel-paddingtop90{
    padding-top: 9px;
}
/*
    ================================
    @主题样式
    表格样式 公共
    ================================
*/
.ITD-new-table-title{
    padding: 20px 0;
    height: 60px;
}
.ITD-new-table thead{
    font-size: 14px;
    color: rgba(0,0,0,.45) !important;
    border-bottom: 0!important;
}
.ITD-new-table thead>tr>th{
    height: 28px!important;
    line-height: 28px!important;
    background-color: #fafafa!important;
    padding-top: 0!important;
    padding-right: 0!important;
    padding-bottom: 0!important;
    /*padding-left: 24px!important;*/
    border-bottom: 0!important;
}
.ITD-new-table tbody tr{
    height: 70px;
    line-height: 70px;
}
.ITD-new-table tbody tr td{
    padding-left: 15px;
}
/*其他table 新版样式*/
.ITD-fix-table-title{
    padding: 20px 0;
    height: 60px;
}
.ITD-fix-table thead{
    font-size: 14px;
    color: rgba(0,0,0,.45) !important;
    border-bottom: 0!important;
}
.ITD-fix-table thead>tr>th{
    height: 28px!important;
    line-height: 28px!important;
    background-color: #fafafa!important;
    padding-top: 0!important;
    padding-right: 0!important;
    padding-bottom: 0!important;
    /*padding-left: 24px!important;*/
    border-bottom: 0!important;
}
.fixed-table-column table{
    box-shadow: 5px 0px 5px -5px rgba(50, 50, 50, 0.2);
}
.formatNoMatches{
    background: url(../../img/formatNoMatches.png) no-repeat center center;
    height: 45px;
    margin-top: 24px;
}
.common-tableh47>tbody>tr>td{
    height: 47px;
    line-height: 47px;
}
/*
    ==卡片 icon 公共==
*/
.card-incomedifference-icon{

}

/*
    ==table头部 icon 公共==
*/
.information-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/information-icon.png) no-repeat ;

}
.status-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/status-icon.png) no-repeat ;

}
.time-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/time-icon.png) no-repeat;
}
.person-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/person-icon.png) no-repeat ;
}
.money-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align:text-bottom;
    margin-right: 4px;
    background: url(../../img/money-icon.png) no-repeat ;
}
/*办事处*/
.office-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align:text-bottom;
    margin-right: 4px;
    background: url(../../img/office-icon.png) no-repeat ;
}
/*微信*/
.weixin-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align:text-bottom;
    margin-right: 4px;
    background: url(../../img/weixin-icon.png) no-repeat ;
}
/*支付宝*/
.zhifubao-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align:text-bottom;
    margin-right: 4px;
    background: url(../../img/zhifubao-icon.png) no-repeat ;
}
/*现金*/
.xianjin-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align:text-bottom;
    margin-right: 4px;
    background: url(../../img/xianjin-icon.png) no-repeat ;
}
/*收入差异笔数*/
.moneydifferencenum-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align:text-bottom;
    margin-right: 4px;
    background: url(../../img/moneydifferencenum-icon.png) no-repeat ;
}
/*退款差异金额*/
.tkmoneynum-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align:text-bottom;
    margin-right: 4px;
    background: url(../../img/tkmoneynum-icon.png) no-repeat ;
}
/*交易笔数*/
.business-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align:text-bottom;
    margin-right: 4px;
    background: url(../../img/business-icon.png) no-repeat ;
}
/*收入差异金额*/
.moneydifference-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align:text-bottom;
    margin-right: 4px;
    background: url(../../img/moneydifference-icon.png) no-repeat ;
}
.discount-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align:text-bottom;
    margin-right: 4px;
    background: url(../../img/discount-icon.png) no-repeat ;
}
.mold-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align:text-bottom;
    margin-right: 4px;
    background: url(../../img/mold-icon.png) no-repeat ;
}
.feature-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align:text-bottom;
    margin-right: 4px;
    background: url(../../img/feature-icon.png) no-repeat ;
}
.money-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/money-icon.png) no-repeat ;
}
/*白天*/
.day-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/day-icon.png) no-repeat ;
}
/*夜间*/
.night-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/night-icon.png) no-repeat ;
}
.opration-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/opration-icon.png) no-repeat ;
}
.type-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/type-icon.png) no-repeat ;
}
/*周转次数*/
.zzl-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/zzl-icon.png) no-repeat ;
}
/*签到状态*/
.sign-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/sign-icon.png) no-repeat ;
}
/*手机*/
.mobile-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/mobile-icon.png) no-repeat ;
}
/*码*/
.code-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/code-icon.png) no-repeat ;
}
/*卡*/
.card-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/card-icon.png) no-repeat ;
}
/*备注*/
.remarks-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/remarks-icon.png) no-repeat ;
}
/*总数*/
.total-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/total-icon.png) no-repeat ;
}
/*管理方式*/
.manage-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/manage-icon.png) no-repeat ;
}
/*收费组名称*/
.collect-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/collect-icon.png) no-repeat ;
}
/*平均*/
.average-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/average-icon.png) no-repeat ;
}
/*排行*/
.ranking-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/ranking-icon.png) no-repeat ;
}
/*性别*/
.sex-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/sex-icon.png) no-repeat ;
}
/*年龄*/
.agelonge-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/agelonge-icon.png) no-repeat ;
}
/*系统*/
.system-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/system-icon.png) no-repeat ;
}
/*系统*/
.personemail-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/email-icon.png) no-repeat ;
}
/*ID*/
.id-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/id-icon.png) no-repeat ;
}
/*职能名称*/
.function-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/function-icon.png) no-repeat ;
}
/*ip*/
.ip-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/ip-icon.png) no-repeat ;
}
/*字典*/
.dictionary-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/dictionary-icon.png) no-repeat ;
}
/*车牌号*/
.carnum-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/carnum-icon.png) no-repeat ;
}
/*进场*/
.parkingin-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/parkingin-icon.png) no-repeat ;
}
/*出场*/
.parkingout-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/parkingout-icon.png) no-repeat ;
}
/*周转次数*/
.zzl-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/zzl-icon.png) no-repeat ;
}
/*占有率*/
.zyl-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/zyl-icon.png) no-repeat ;
}
/*停车场*/
.parking-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/parking-icon.png) no-repeat ;
}
.mobile-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/phone-icon.png) no-repeat ;
}
.carnumber-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/carnumber-icon.png) no-repeat ;
}
.state-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 4px;
    background: url(../../img/state-icon.png) no-repeat ;
}
.device-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-top: -3px;
    margin-right: 10px;
    background-image: url(../../img/index-card-title.png);
    background-repeat: no-repeat;
    background-position: -54px 0 ;
}
.carflow-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-top: -3px;
    margin-right: 10px;
    background-image: url(../../img/index-card-title.png);
    background-repeat: no-repeat;
    background-position: 0 -36px ;
}
.berth-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-top: -3px;
    margin-right: 10px;
    background-image: url(../../img/index-card-title.png);
    background-repeat: no-repeat;
    background-position: -18px 0;
}
.screen-icon{
    display: inline-block;
    width: 17px;
    height: 12px;
    /*margin-top: -3px;*/
    margin-right: 10px;
    background-image: url(../../img/popScreenBtn.png);
    background-repeat: no-repeat;
    /*background-position: -18px 0;*/
}
/*
    不换行 td
*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    /*border-top: 0!important;*/
    white-space: nowrap;
}
/*
    表头 样式
*/
.table thead{
    background: #FAFAFA !important;
    font-size: 14px;
    color: rgba(0,0,0,0.7);
    border-bottom: 1px solid rgba(232,232,232,1);

}
/*
    table 无border
*/
.fixed-table-container{
    border:none;
}
/*
    table 样式
*/
.bootstrap-table .table:not(.table-condensed), .bootstrap-table .table:not(.table-condensed)>tbody>tr>td, .bootstrap-table .table:not(.table-condensed)>tbody>tr>th, .bootstrap-table .table:not(.table-condensed)>tfoot>tr>td, .bootstrap-table .table:not(.table-condensed)>tfoot>tr>th, .bootstrap-table .table:not(.table-condensed)>thead>tr>td{
    padding: 0 0 0 24px !important;
    /*height: 47px;*/
    /*line-height: 47px;*/
    color: rgba(0,0,0,0.65);
    font-size: 12px;
}

.table tbody tr:hover{
    background-color:rgba(240,250,255,1) !important;
}
.table td{
    vertical-align: middle!important;
}
.fixed-table-container thead th {
    border-left: none !important;
}
.fixed-table-container thead th {
    border-left: none !important;
}

.fixed-table-container tbody td {
    border-left: none !important;
}
/*复合表头样式*/
.ITD-complex-table thead  tr th{
    border-left: 1px solid #e7ecf1!important;
}
.ITD-complex-table thead  tr th:nth-of-type(1){
    border-left: none!important;
}
.table-striped>tbody>tr:nth-of-type(even){
    white-space: nowrap;
}
.table-striped>tbody>tr:nth-of-type(odd){
    background-color: #fff;
}
.fixed-table-pagination .pagination-detail{
    margin-left: 24px !important;
}
.fixed-table-pagination div.pagination{
    margin-right: 24px !important;
}
.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination {
    margin-top: 16px !important;
}
.bootstrap-table .table>thead>tr>th {
    height: 53px;
    line-height: 53px;
    vertical-align: middle !important;
    border-bottom: 1px solid rgba(232,232,232,1);
    border-top: 1px solid #fafafa!important;

}
.bootstrap-table .table{
    border-bottom: 1px solid rgba(232,232,232,1) !important;
}
.pagination-detail{
    color: rgba(0,0,0,0.65);
}
.fixed-table-pagination .pagination a {
    min-width:32px;
    height:32px;
    background:rgba(255,255,255,1);
    border-color: #D9D9D9;
    border-radius: 6px !important;
    margin-right: 8px;
    color:rgba(0,0,0,0.65);
    padding:6px !important;
}
.pagination>li>a, .pagination>li>span{
    padding: 6px !important;
    text-align: center;
    min-width:32px;
    height:32px;
}
.fixed-table-pagination .pagination .active a{
    background:rgba(30,149,205,1) !important;
    border-color: rgba(30,149,205,1);
    color: #fff;
}
/*
    ================================
    @主题样式
    搜索栏   公共
    ================================
*/
.ITD-graynav-topbar{
    padding: 4px 21px;
    /*width: 112px;*/
    /*height:34px;*/
    background:rgba(255,255,255,1);
    border-radius: 4px !important;
    /*line-height: 34px;*/
    border: 1px solid #d8e2e5;
    text-align: center;
    float: left;
    color: rgba(0,0,0,0.7);
    margin-right: 6px;
    cursor: pointer;
}
.ITD-graynav-topbaractive{
    background:rgba(97,181,220,1) !important;
    color: #fff !important;
    border: 1px solid rgba(97,181,220,1) !important;
}
.ITD-common-input{
    width: 100%;
    height: 34px;
    line-height: 34px;
}
.ITD-parkinput78{
    width: 60%;
    height: 34px;
    line-height: 34px;
}
.ITD-common-parking-l {
    float: left;
    width: 70px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
.common-parking-l {
    float: left;
    width: 70px;
    height: 34px;
    line-height: 34px;
}
.ITD-daterange-btn {
    float: left;
    width: 180px;
    height: 34px;
    line-height: 34px;
}
.ITD-borderradius-4{
    border-radius: 4px !important;
}
.ITD-height-dashed-2{
    border-top: 2px dashed #E9E9E9;
}
/*
    搜索栏 input
*/
.ITD-input-wid180{
    padding-left: 12px;
    width: 180px;
    height: 34px;
    line-height: 34px;
}
.ITD-input-wid88{
    padding-left: 12px;
    width: 88px;
    height: 34px;
    line-height: 34px;
}
.ITD-input-055{
    width: 55%;
    height: 34px;
    line-height: 34px;
}
.ITD-input-bordercolor{
    color:rgba(0,0,0,0.45);
    border: 1px solid #d8e2e5 !important;
    border-radius: 4px !important;
}
.ITD-input-bordernone{
    border:none !important;
}
/*
    ===== 时间插件背景图片 位置 ====

 */
.ITD-daterange-bg{
    width: 55%;
    text-align: left;
    background: url(../../img/dataicon.png) no-repeat 94% 9px;
    background-color: #fff;
    padding-right: 25px;
    border-radius: 4px !important;
}
/*
    ===page-bar 公共   ===
*/
.ITD-ztree-headername{
    border-left: 3px solid #1E95CD;
    padding-left: 12px;
    height: 16px;
    color: #1E95CD;
    line-height: 16px;
    display: inline-block;
}
/*
    ================================
    @主题样式
    panel下拉框样式 公共
    ================================
*/
.ITD-title-panel {
    background-color:#FFF;
    border-radius:4px !important;
}
.ITD-title-panel >.panel-heading{
    color:#4f5052;font-size:16px;
    background-color:#FFF;
    border:0;
    border-radius:4px !important;
    position:relative;
    padding:15px 10px;

}
.ITD-title-panel >.panel-heading .panel-title{
    position:relative;padding-left:15px;
}
.ITD-title-panel >.panel-heading .panel-title:before{
    content:"";left:0px;top:1px;
    height:16px;width:4px;
    background-color:#26be96;
    position:absolute;
}

/*
    ================================
    @主题样式
    bottom按钮样式 公共
    ================================
*/
/*.btn:hover,*/
.ITD-panelbtn-icon:hover,.ITD-handle-btn:hover,.ITD-export-btn:hover,.geo-export-btn:hover,.ITD-panelbtn-iconedit:hover,.ITD-panelbtn-iconpl:hover{
    color: #1E95CD;
    border: 1px solid #1E95CD !important;
}

/*不带icon*/
.ITD-panelbtn {
    cursor:pointer;
    display:inline-block;
    font-size:14px;
    text-align:center;
    padding:5px 12px;
    border-radius:4px !important;
    width:72px;height:32px;
}
/*不带icon*/
.ITD-panelbtn-icon {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    /* padding: 5px 12px; */
    border-radius: 4px !important;
    color: rgba(89,87,87,0.6);
    width: 71px;
    height: 25px;
    line-height: 14px !important;
    background: rgba(255,255,255,1);
    border: 1px solid #b1b1b1;
}
/*导出icon hover 背景*/
.ITD-export-btn:hover,.geo-export-btn:hover{
    background: url(../../img/ITD-export-btnhover.png) no-repeat 10px center;
}
/*新增icon hover 背景*/
.ITD-panelbtn-icon:hover .ITD-panelicon-add:before,.ITD-panelbtn-iconpl:hover .ITD-panelicon-add:before{
    background-image: url(../../img/theme_btn_addhover.png);
}
/*导入icon hover 背景*/
.ITD-panelbtn-icon:hover .ITD-panelicon-enter:before{
    background-image:url(../../img/themes_Icoenterhover.png);
}
/*删除icon hover 背景*/
.ITD-panelbtn-icon:hover .ITD-panelicon-delete:before{
    background-image:url(../../img/themes_Icodeletehover.png);
}
/*修改icon hover 背景*/
.ITD-panelbtn-iconedit:hover .ITD-panelicon-edit:before{
    background-image:url(../../img/themes_Icoedithover.png);
}
/*详情icon hover 背景*/
.ITD-panelbtn-icon:hover .ITD-panelicon-detail:before{
    background-image:url(../../img/themes_Icosavehover.png);
}
/*保存icon hover 背景*/
.ITD-panelbtn-icon:hover .ITD-panelicon-export:before{
    background-image:url(../../img/themes_Icosavehover.png);
}
.ITD-panelbtn-iconedit {
    cursor:pointer;
    display:inline-block;
    font-size:12px;
    text-align:center;
    color: rgba(89,87,87,0.6);
    /*padding:5px 12px;*/
    border-radius:4px !important;
    width:103px;
    height:25px;
    line-height: 14px !important;
    border: 1px solid #b1b1b1;
}
/*不带icon*/
.ITD-panelbtn-iconpl {
    cursor:pointer;
    display:inline-block;
    font-size:12px;
    text-align:center;
    padding:5px 12px;
    border-radius:4px !important;
    width:90px;height:28px;
    border: 1px solid #b1b1b1;
}
.ITD-panelbtn {
    transition:all .3s;
}
.ITD-panelbtn:hover {
    color:#fff;
}
/*green*/
.ITD-panelbtn-green {
    background-color:#26be96;
    border-color:#26be96;
    color:#fff;
}
.ITD-panelbtn-green:hover {
    background-color:#1ea783;
}
/*带ICON*/
/*灰色按钮*/
.ITD-panelbtn-icon-gray {
    position:relative;
}
.ITD-panelbtn-icon-gray >i{
    position:relative;
    width:14px;margin-right:6px;
    text-align:left;
}
.ITD-panelbtn-icon-gray >i:before{
    -webkit-background-size:cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:14px;width:100%;
    position:absolute;
    content:"";top:-12px;
}
/*
    ================================
    @主题样式
    daterangepicker时间插件样式替换 公共
    ================================
*/
.daterangepicker td.active, .daterangepicker td.active:hover,.datetimepicker td.active, .datetimepicker td.active:hover{
    background-color: rgba(30,149,205,0.8) !important;
    border-radius: 2px !important;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background: rgba(30,149,205,0.8)!important; }
.daterangepicker td.in-range {
    background-color: rgba(230,247,255,1);
    border-color: rgba(230,247,255,1);
    border-radius: 2px !important;
}
.btn-success {
    color: #fff;
    background-color: rgba(30,149,205,0.8) !important;
    border-color:  rgba(30,149,205,0.8) !important;
}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: rgba(30,149,205,0.8) !important;
    border: 1px solid rgba(30,149,205,0.8) !important;
    color: #fff;
    border-radius: 2px !important;
}
.daterangepicker .input-mini.active {
    border: 1px solid rgba(30,149,205,0.8) !important;
    border-radius: 2px !important;
}
.datetimepicker .active {
    background-color: rgba(30,149,205,0.8) !important;
    border-radius: 2px !important;
}
.datetimepicker td:hover{
    background-color: rgba(230,247,255,1) !important;
    border-radius: 2px !important;
}


/*
    需去掉的旧样式
    ===查询条件单个div 公共   ===
*/
.blue-top-width88{
    width: 88%;
}
/*
 查询条件 下拉框字体颜色
*/
.btn-default{
    color:rgba(0,0,0,0.7) !important;
}
.dropdown-menu>li>a{
    color:rgba(0,0,0,0.7) !important;
}
.modal-content{
    color: rgba(0,0,0,.7);
}
.bs-checkbox{
    padding-left: 24px !important;
}
.bootstrap-table .table:not(.table-condensed)>tbody>tr>td.bs-checkbox{
    padding-left: 18px !important;
}
/**/
/*弹窗css*/
.ITD-alert-tab-wrap{
    padding-top: 7px;
}
.ITD-alert-tab-wrap li{
    cursor: pointer;
    float: left;
    height: 60px;
    line-height: 60px;
    padding: 0 10px;
    margin-right: 70px;
}
.ITD-alert-tab-active{
    border-bottom: 3px solid #5fe98f;
}

.caryard-basic-ino-name{
    height: 57px;
    line-height: 57px;
}
.caryard-basic-borderbototm{
    border-bottom: 1px solid #f0f0f0;
}
.caryard-basic-ifo-park-height{
    height: 34px;
    line-height: 34px;
}
.ITD-alertcon-tab-wrap{
    height: 400px;
}
/*个人信息*/
div.checker, div.radio {
    margin-right: 0 !important;
    margin-top: -8px !important;
    margin-left: 3px !important;
}
.pwdStyle{
    display: inline-block;
    padding-left: 50px;
}
.pwdStyle:before{
    content: '!';
    position: absolute;
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    top: 10px;
    border: 1px solid red;
    opacity: .5;
    text-align: center;
    /* background: #676869; */
    color: red;
    left: 34px;
    border-radius: 100%;
}
.perMsguploadImg{
    width: 695px;
    height: 400px;
    background-color: #fafafa;
    border-radius: 4px !important;
    border: 1px dashed #d4d4d4;
    /*background-image: url("../../img/permsg_Plus.png");*/
    background-size: 61px 60px;
    background-repeat: no-repeat;
    background-position:317px 120px;
    cursor: pointer;
}
.perMsg-text{
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 100%;
    margin-top: 200px;
}







.btn-file {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}
.btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 23px;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;

    direction: ltr;
}
.fileinput {
    display: inline-block;
    margin-bottom: 9px;
}
.fileinput .form-control {
    display: inline-block;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: text;
}
.fileinput .thumbnail {
    display: inline-block;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}
.fileinput .thumbnail > img {
    max-height: 100%;
}
.fileinput .btn {
    vertical-align: middle;
}
#uploadFormPicter .fileinput-exists .fileinput-new,
#uploadFormPicter .fileinput-new .fileinput-exists {
    display: none;
}
.fileinput-inline .fileinput-controls {
    display: inline;
}
.fileinput-filename {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
.form-control .fileinput-filename {
    vertical-align: bottom;
}
.fileinput.input-group {
    display: table;
}
.fileinput.input-group > * {
    position: relative;
    z-index: 2;
}
.fileinput.input-group > .btn-file {
    z-index: 1;
}
.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
    border-radius: 0 4px 4px 0;
}
.fileinput-new.input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new.input-group .btn-file.btn-sm,
.fileinput-new .input-group .btn-file.btn-sm {
    border-radius: 0 3px 3px 0;
}
.fileinput-new.input-group .btn-file.btn-lg,
.fileinput-new .input-group .btn-file.btn-lg {
    border-radius: 0 6px 6px 0;
}
.form-group.has-warning .fileinput .fileinput-preview {
    color: #8a6d3b;
}
.form-group.has-warning .fileinput .thumbnail {
    border-color: #faebcc;
}
.form-group.has-error .fileinput .fileinput-preview {
    color: #a94442;
}
.form-group.has-error .fileinput .thumbnail {
    border-color: #ebccd1;
}
.form-group.has-success .fileinput .fileinput-preview {
    color: #3c763d;
}
.form-group.has-success .fileinput .thumbnail {
    border-color: #d6e9c6;
}
.input-group-addon:not(:first-child) {
    border-left: 0;
}
/*table 复选框样式更改*/
.bs-checkbox input[type=checkbox]{
    -webkit-appearance: none;
    width: 15px!important;
    height: 15px!important;
    border: 0!important;
    background-image: url(../../img/input-checkexActive.png) !important;
}
.bs-checkbox input[type=checkbox]:checked{
    -webkit-appearance: none;
    width: 15px!important;
    height: 15px!important;
    border: 0!important;
    background-image: url(../../img/input-checkbox.png) !important;
}
.bs-checkbox input[type=checkbox]:focus{
    outline: none;
}
/*头像 input 样式*/
.btn-primary {
    color: #fff;
    background-color:rgba(30,149,205,1) !important;
    border-color:rgba(30,149,205,1) !important;
}
/*头像 input submit */
.btn-info {
    border-radius: 4px!important;
    cursor: pointer;
    width: 72px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #1E95CD !important;
    border-color: #1E95CD !important;
}
/*密码 修改 样式*/
.hideShowPswIco{
    width: 20px;
    height: 35px;
    left: 255px;
    top: 0;
}
.hideShowPswIco img{
    width: 20px;
    height: 12.5px;
}
/*个人信息性别*/
.radio input[type=radio]{
    margin-left: -9px !important;
}
/*表格加载动画*/
.spinner {
    margin: 10px auto;
    width: 30px;
    height: 30px;
    position: relative;
}

.container1 > div, .container2 > div, .container3 > div {
    width: 6px;
    height: 6px;
    background-color: rgba(0,0,0,0.45);

    border-radius: 100%!important;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .spinner-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.container2 {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.container3 {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.container3 .circle1 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.container1 .circle2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.container2 .circle2 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.container3 .circle2 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.container1 .circle3 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.container2 .circle3 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.container3 .circle3 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.container1 .circle4 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.container2 .circle4 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.container3 .circle4 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

/* 消息中心 style*/
.badge{
    top: -10px;
    left: 10px;
    font-size: 11px!important;
    font-weight: 300;
    height: 18px;
    color: #fff;
    background-color: #f3173b;
    padding: 3px 6px;
    -webkit-border-radius: 12px!important;
    -moz-border-radius: 12px!important;
    border-radius: 12px!important;
    text-shadow: none!important;
    text-align: center;
/*    top: -10px;
    left: 14px;
    padding:0px 4px 0px 2px;
    border-radius: 10px !important;
    background-color: #f3173b;
    color: #fff;
    font-size: 12px;*/
}

/*加载*/
.loading-wrap{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
    background: rgba(0,0,0,0);
}
.loading-wrap .spinner{
    margin: 200px auto;
}