/*   设置面包屑图标   */
.icon-index {
    background-image: url(../../img/index/index.png);
}
.page-content a:visited,.page-content a:hover,.page-content a:active,.page-content a:focus{
    text-decoration: none;
}
.custom-date{
    display: none;
}
table tr td a {
    color: #FDC587 !important;
}
table tr td a:hover{
    text-decoration: underline;
}
/*系统公告*/
.system-announce{
    float: right;
    width: 271px;
    margin-right:20px ;
    background: #fff;
    margin-top: 20px;
}

.system-announce ul li a{
    font-size: 12px;
    color: #666666;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 20px;
    display:block;
}
.system-announce .waitting-title h4{
    background:url("/static/app/1.0.0/img/index/announce.png") no-repeat left;
    background-size: 20px;
}
.system-announce .car-status h4{
    background:url("/static/app/1.0.0/img/index/car-status.png") no-repeat left;
    background-size: 20px;
}
.car-status{
    margin-left: 12px;
}
.car-status h4{
    float: left;
    padding-left: 28px;
    font-size: 16px;
    color: #797979;
    line-height: 40px;
    font-weight: 800;
     width: 93%;
    display: inline-block;
}
.system-announce ul li.readed{
    color: rgba(102,102,102,0.50);
}
.system-announce ul li span:first-child{
    float: left;
    display: inline-block;
    width: 155px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.system-announce ul li span:last-child{
    float: right;
}
.system-announce ul li:hover{
    background: rgba(252,171,83,0.10);
/*    cursor:pointer;*/
}
.system-announce ul li a:hover:before{
    content: '';
    display: inline-block;
    position: relative;
    height: 40px;
    border-left: 4px solid #FCAB53;
    left: -165px;
}
/*页面主体内容*/
.main-box{
    float: left;
    width: -moz-calc(100% - 300px);
    width: -webkit-calc(100% - 300px);
    width: calc(100% - 300px);
    min-width: 500px;
}
/*业务员信息*/
.personal-info{
    background: url("/static/app/1.0.0/img/index/bg.png") no-repeat;
    height: 102px;
    width: 100%;
    padding-left: 20px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 102px;
    padding-top: 14px;
    background-size: 100% 102px;
}
.personal-info ul{
    margin-top:10px;
}
.personal-info img,ul.info-name{
    float: left;
}
.personal-info img{
    width:75px ;
    height:75px ;
}
ul.info-name{
    margin-left: 20px;
}
.personal-info ul{
    line-height: 102px;
}
.personal-info ul li{
    height: 27px;
    line-height: 40px;
}
.personal-info ul li:last-child{
    : right;
}
 .info-apply{
    float: right;
     padding-right: 15%;
}
 .info-apply ul{
     float: left;
 }
.info-apply>div{
    float: left;
    height: 45px;
    width: 2px;
    border-left: 1px solid #fff;
    margin: 20px 30px;
}
/* apply num start*/
a.apply-num-hidden{
    background:url("/static/app/1.0.0/img/index/info_nor.png") no-repeat ;
    color: #FFFFFF;
    padding-right: 20px;
    display: block;
    background-position:right;
    line-height: 50px;
    height: 38px;
    position: relative;
}
a.apply-num-hidden:hover{
    background:url("/static/app/1.0.0/img/index/info_sel.png") no-repeat ;
    background-position: right;
    color: #FCAB53;
    width: 56px;
}
.info-apply ul li span{
    font-size: 12px;
}
.info-apply ul li span:nth-child(1){
    font-size: 20px;
}
.info-apply ul li a.apply-num-hidden span{
    font-size: 12px;
}
a.apply-num-hidden > span{
    display: none;
    width: 70px;
    height: 22px;
    line-height: 22px;
    background: rgba(252,171,82,0.40);
    border: 1px solid #A45A08;
    border-radius:2px;
    color: #A45A08;
    padding: 0 6px;
    position: relative;
    top: -68px;
    left:20px;
    z-index: 5;
}
a.apply-num-hidden:hover > span{
    display: block;
}
a.apply-num-hidden:hover:after{
    content: "";
    position: absolute;
    display: block;
    width: 88px;
    height: 30px;
    top: -22px;
    left:20px;
}
.info-apply ul:first-child{
   text-align: right;
}
.info-apply ul:last-child li:first-child{
    text-align: right;
}
.info-apply ul:last-child li:last-child{
    text-align: left;
}
.set-none{
    display: none;
}

/* 关键字图片 展示*/
/*keyWord-card */

.keyWord-card {
    margin: 0 auto;
    margin-top: 4px;
    background: #fff;
    border: 1px solid #EDEDED;
    padding: 0 11px;
}
.keyWord-card a{
    color: #FFFFFF;
}
.keyWord-card ul{
    height: 88px;
    padding-top: 15px;
}
.keyWord-card ul li{
 float: left;
 margin-left: 22px;
}
.keyWord-card ul li .show-box{
    width: 178px;
    height:60px;
    border-radius: 8px !important;
    padding:0 13px ;
}
.waitting-box{
    background: #50D2C2;
}
.risk-box{
    background: #8C88FF;
}
.driver-box{
    background: #e588ff;
}
.car-box{
    background: #ff8888;
}
.user-box{
    background: #88cbff;
}
.keyWord-card .show-box img{
    float: left;
    margin-top: 35px;
}
.keyWord-card .show-box div{
    float: right;
}
.keyWord-card h5{
    font-size: 36px;
}
span{
    font-size: 12px;

}
.risk-load-data img{
    display: block;
}
.risk-load-data >div img:nth-child(1){
    float: left;
}
.risk-load-data >div img:nth-child(2){
    float: right;
}
.risk-load-data  dl{
    position: absolute;
    z-index: 5;
    margin-top: -255px;
    margin-left: 18%;
}
.risk-load-data dt{
    margin-left: 10px;
}
.risk-load-data dd{
    background: #fdc587;
    border-radius: 4px;
    width: 102px;
    height: 37px;
    text-align: center;
    line-height: 37px;
}
.risk-load-data dd a{
    font-size: 14px;
    color: #BE680B;
}
/*keyWord-card end*/

/*waitting-table start*/
.waitting{
    background: #fff;
    border: 1px solid #EDEDED;
    margin-top: 6px;
}
.statistics{
    background: #fff;
    border: 1px solid #EDEDED;
    margin-top: 30px;
}
.waitting-table-nodata{
    min-height: 350px;
}
.waitting .table-pager {
    background-color: #fff;
}
.waitting .row {
    margin: 0px;
    padding-bottom: 10px;
}
.waitting-title{
    height: 40px;
    padding-left: 20px;
    border-bottom: 1px solid #F2F2F2;
}
.waitting-title h4{
    float: left;
    padding-left: 28px;
    font-size: 16px;
    color: #797979;
    line-height: 40px;
    font-weight: 800;
  /*  width: 93%;*/
    display: inline-block;
}
.waitting-img h4{
    background:url("/static/app/1.0.0/img/index/task.png") no-repeat left;
}
.count-img h4{
    background:url("/static/app/1.0.0/img/index/account.png") no-repeat left;
}
.risk-title h4{
    background:url("/static/app/1.0.0/img/index/risk.png") no-repeat left;
}
.calendar .waitting-title h4{
    background:url("/static/app/1.0.0/img/index/calendar.png") no-repeat left;
}
.waitting-title a{
    display: block;
    float: right;
    color: #666;
    line-height: 40px;
    padding-right: 20px;
}

.table-hover>tbody>tr:hover>td:first-child{
    padding-left: 8px;
}
/*waitting-table end*/

/* waitting-count start*/
.waitting-count-nodata{
    min-height: 350px;
}
.myEcharts{
    width:100%;
    height:350px;
    float: left;
}
ul.case-list{
    float: left;
    margin-top: 30px;
}
ul.case-list li{
    font-size: 12px;
    color: #666666;
    line-height: 38px;
}
ul.case-list li span{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 9px;
    vertical-align: middle;
}
ul.case-list li:nth-child(2) span{
    background: #FDC587;
}
ul.case-list li:nth-child(3) span{
    background: #FFA5C5;
}
ul.case-list li:nth-child(4) span{
    background: #CFA0FF;
}
ul.case-list li:nth-child(5) span{
    background: #A6C7FF;
}
ul.case-list li:nth-child(6) span{
    background: #A1DFF5;
}
ul.case-list li:nth-child(7) span{
    background: #DBEEBE;
}
/* waitting-count end*/


/*risk start*/
.risk-title h4{
    width: 60%;
}
.risk-nodata{
    min-height: 350px;
}
.float-left{
    float: left;
}
.risk{
    width:  calc(100% - 368px);
}
.reset-risk {
    float: right;
    width: 100%;
    background: #fff;
    margin-right: 0px;
    height: 319px;
    overflow: hidden;
}

.reset-risk ul li{
    padding-left: 0;
}
.risk-nodata{
    min-height: 350px;
}
.reset-risk ul li a:hover:before{
    content: '';
    display: inline-block;
    position: relative;
    height: 40px;
    border-left: 4px solid #FCAB53;
    left: -70%;
}
.reset-risk ul li a {
    padding-left: 0;
}
.reset-risk ul li span:first-child {
    float: left;
    display: inline-block;
    width:70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 20px;
}
  /*calendar*/
.calendar{
    width: 360px;
    margin-left: 8px;
}
.calendar-nodata{
    min-height: 350px;
}
   /*canlender style*/
#pickadate{
    display: none;
}
.picker {
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    min-width: 256px;
    max-width: 420px;
}
.picker__holder {
    display: none;
}
.picker--opened .picker__holder {
    display: block;
}
.picker--frozen {
    position: relative;
}
.picker--frozen:after {
    content: "";
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.picker__input {
    display: block;
    width: 420px;
    margin: 0;
    border: 1px solid #ccc;
    padding: 8px 10px;
}
.picker__button--prev:after {
    content: "<";
}
.picker__button--next:after {
    content: ">";
}
.picker__button--scope {
    width: 80%;
}
.picker__button--disabled {
    color: #ccc;
    opacity: .75;
}
.picker__box:focus {
    background: #f8f8f8;
    outline: none;
}
.picker__box--body {
    position: relative;
    height: 264px;
    overflow: hidden;
}
.picker__container {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    max-height: 100%;
    transition: opacity 0.125s 0.125s ease-out;
    -webkit-transform-origin: 50% 50%;
}
.picker__container[hidden] {
    z-index: 5;
    display: block;
    opacity: 0;
    max-height: 0;
    transition: -webkit-transform 0.125s ease-out, opacity 0.125s ease-out, max-height 0 0.125s;
    -webkit-transform: scale(1.125);
}
.picker__grid {
    width: 100%;
    height: 100%;
    border-spacing: 0;
    table-layout: fixed;
}
.picker__grid-title {
    font-size: 13px;
    color: #999;
    padding-bottom: .5em;
    text-align: center;
}
.picker__grid-cell {
    text-align: center;
    border: 1px solid transparent;
    padding: .5em .25em;
    line-height: 1;
}
.picker__grid-cell:hover:not(.picker__grid-cell--disabled):not(.picker__grid-cell--selected) {
    background: #b1dcfb;
    cursor: default;
}
.picker__grid-cell--highlighted {
    border-color: #0089ec;
    background: #b1dcfb;
}
.picker__grid-cell--now {
    position: relative;
}
.picker__grid-cell--now:before {
    content: " ";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: 0.5em solid #0059bc;
    border-left: .5em solid transparent;
}
.picker__grid-cell--disabled {
    color: #ccc;
    opacity: .75;
}
.picker__grid-cell--outfocus {
    opacity: .25;
}

.picker__grid-cell--now:before {
   display: none;
}
.picker__grid-cell--highlighted {
    border:none;
    background:#ED7C8C;
    border-radius:50% !important;
    background-size: 39px;
    color: #fff;
}
.picker__grid-cell:hover:not(.picker__grid-cell--disabled):not(.picker__grid-cell--selected) {
    background:#ED7C8C;
    border-radius:50% !important;
    color: #fff;
}
.picker__box--header{
    line-height: 35px;
    padding: 0 18px;
}
.picker__button{
    border:none;
    background: #fff;
}
.picker__button--prev{
    float: left;
}
.picker__button--next{
    float: right;
}
footer.picker__box--footer{
    display: none;
}
.picker__grid-cell--now {
    background: #ED7C8C;
    border-radius: 50% !important;
    background-size: 39px;
    color: #fff;
    position: static;
}
/*risk end*/

#dispatchMap {
    width: 100%;
    height: 500px;
}