.main-box{
    min-height:600px;
    padding-top:20px;
}
/* .main-box h1{
    font-family:Alimama_shuHeiTi_Bold;
    font-size:40px;
    height:60px;
    display:flex;
    align-items: center;
    justify-content: center;
} */

.screen-box{
   background-color:#FFF;
   border:1px solid #EFEFF4;
   border-radius:2px;
   overflow: hidden;
   margin-bottom:8px;
}
.screen-line{
    display: flex;
    
}
.screen-line:not(:last-child){
    border-bottom:1px solid #EFEFF4;
}
.screen-line>div{
   line-height:32px;
}
.screen-line>.screen-label{
    padding:12px 4px 12px 10px;
    background-color: #FAFAFA;
    width:90px;
    text-align: right;
    border-right:1px solid #EFEFF4;
    box-sizing: border-box;
}
.screen-line>.screen-line-box{
    width:calc(100% - 90px);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding:12px 0px 2px 16px;
    box-sizing: border-box;
    min-height:56px;
}
.screen-line-box>span{
   height:30px;
   display: flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
   margin-right:18px;
   margin-bottom:10px;
   overflow: hidden;
   border-radius:4px;
   border:1px solid rgba(0,0,0,0);
}
.screen-line-box>span>a{
   box-sizing: border-box;
   padding:0 10px;
   line-height:30px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size:14px;
   font-weight:500;
   cursor: pointer;
   
}
.screen-line-box>span:hover{
    background-color:rgb(217, 236, 255);
    border-color:#2882FF;
}
.screen-line-box>span:hover>a{
    color:#2882FF;
}
.screen-line-box .active{
   background-color: #2882FF;
   border-color:#2882FF;
}
.screen-line-box .active>a{
    color:#fff;
}
.screen-line-box>span.active:hover{
    background-color:#66b1ff;
    border-color: #66b1ff;
}
.screen-line-box>span.active:hover>a{
    color:#fff;
}

.list-box{
    min-height:400px;
    background-color: #fff;
    padding:0 0 20px;
}
.list-box .list-screen-box{
   height: 60px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding:0 16px;
   border-bottom:1px solid #EFEFF4;
   box-sizing:border-box;
}
.list-box .list-screen-box>div.listLeft{
   width:100px;
}
.list-box .list-screen-box>div.listLeft span{
    display: flex;
    align-items: center;
    font-size:14px;
}
.list-box .list-screen-box>div.listLeft b{
    font-size:14px;
    color:#2882FF;
    padding:0 2px;
}
.list-box .list-screen-box>div.listRight{
   max-width:calc(100% - 100px);
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
.list-box .list-screen-box>div.listRight>span>a{
    font-size:14px;
    padding:0 4px;
    line-height:30px;
    margin-right:12px;
    
}
.list-box .list-screen-box>div.listRight>span.active *{
    color:#2882FF;
}
.list-box .list-screen-box>div.listRight .listRight-date{
    display: flex;
    align-items: center;
}
.list-box .list-screen-box>div.listRight .listRight-date>span{
    font-size:14px;
    padding:0 4px;
    line-height:30px;
}
.list-box .listItem-box{
    padding:10px 18px;
    box-sizing: border-box;
    border-bottom:1px solid #EFEFF4;
}
.list-box .listItem-box .listItem-box-title{
     height: 40px;
     display: flex;
     align-items: center;
}
.list-box .listItem-box .listItem-box-title>.labelBox{
    display: flex;
    align-items: center;
    height:32px;
    padding:0 4px;
    background-color: #FFF0ED;
    border-radius:4px;
    overflow: hidden;
    margin-right:18px;
}
.list-box .listItem-box .listItem-box-title>.labelBox>img{
    height:28px;
    width:28px; 
}
.list-box .listItem-box .listItem-box-title>.labelBox>span{
    padding:0 4px;
    box-sizing: border-box;
    display: flex;
    align-items:flex-end;
    font-size:14px;
    height:24px;
    color:#F03333;
}
.list-box .listItem-box .listItem-box-title>.labelBox b{
    font-size:18px;
    color:#F03333;
}
.list-box .listItem-box .listItem-box-title>.endDateBox{
    height:32px;
    display: flex;
    align-items:flex-end;
    padding:4px;
    box-sizing: border-box;
}
.list-box .listItem-box .listItem-box-title>.endDateBox>span{
    color:#666666;
    height:24px;
    display: flex;
    align-items:flex-end;
}
.list-box .listItem-box .listItem-box-title>.endDateBox>div{
    height:24px;
    display: flex;
    align-items:flex-end;
}
.list-box .listItem-box .listItem-box-title>.endDateBox>div>span{

}
.list-box .listItem-box .listItem-box-title>.endDateBox>div>b{
    display: flex;
    align-items: center;
    justify-content: center;
    width:22px;
    height:22px;
    color:#fff;
    background:url(/newdefault/image/iconBusiness002.png) center ;
    background-size:22px 22px;
    margin:0 4px 0 10px;
    padding-right:1px;
    font-size:13px;
}
.listItem-box{
    display: flex;
}
.listItem-box>div:nth-child(2){
    display: flex;
    align-items: center;
    justify-content: center;
}
.listItem-box>div:nth-child(2)>div{

}
.listItem-box>div:nth-child(2) .faIcon{
    background-color:#fff;
    height:14px;
    width:14px;
    overflow: hidden;
    border-radius:50px;
    color:#FE714B;
    font-size:12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right:4px;
}
.listItem-box>div:nth-child(2) .faIcon *{
    transform: scale(0.9);
}
.listItem-box>div:nth-child(2)  .el-button{
  background-color:#FE714B;
  border-color: #FE714B;
}
.listItem-box>div.isBotBox:nth-child(2) .faIcon{
    color:#409eff;
}
.listItem-box>div.isBotBox:nth-child(2)  .el-button{
  background-color:#409eff;
  border-color: #409eff;
}
.primaryBtnBox{
    display: flex;
    align-items: center;
}
.listItem-box>div:nth-child(2) .primaryBtnBox>span{
    font-size:14px;
    color:#fff;
}
.listItem-box .listItem-box-text{
    display: flex;
    align-items: center;
    flex-wrap:wrap;
    padding:4px 0px;
}
.listItem-box .listItem-box-text>div{
    width:50%;
    height:34px;
    display: flex;
    align-items: center;
}
.listItem-box .listItem-box-text>div>span{
    line-height:34px;
}
.listItem-box .listItem-box-text>div>span:nth-child(2){
    width:calc(100% - 80px);
    overflow: hidden;
}
.page-box{
    width:1200px;
    margin:0 auto;
    height:40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:16px;
}
.page-box .el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li{
   background-color:#fff;
}
.listItem-box-text-status{
    color:#2D81F6;
}
.listRight .el-range-separator{
   min-width:32px;
}