.breadcrumb-box{
    display: flex;
    align-items: center;
    width:1200px;
    margin:0 auto;
    margin-top:-20px;
    height:40px;
}
.breadcrumb-box>*:last-child{
    color:#2882FF;
}
.titleMain-box{
    height:240px;
    min-width:1200px;
    width:100%;
    background:url(/newdefault/image/bgColor001.png) center ;
    background-size:100% 240px;
}
.titleMain-box>.width1200{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width:1200px;
    margin:0 auto;
}
.titleMain-box>.width1200>div:nth-child(1){
    height:240px;
}
.titleMain-box>.width1200>div:nth-child(2){
    width:312px;
    height:220px;
    background:url(/newdefault/image/gbColor_image001.png) center ;
    background-size:100% 100%;
}
.titleMain-box>.width1200>div:nth-child(1){
    width:calc(100% - 380px);
}
.titleMain-box.isRegister{
    background:url(/newdefault/image/bgColor002.png) center ;
    background-size:100% 240px;
}
.titleMain-box.isRegister>.width1200>div:nth-child(2){
    width:380px;
    height:196px;
    background:url(/newdefault/image/gbColor_image002.png) center ;
    background-size:100% 100%;
}
.titleMain-box .titleMain-box-left>h2{
    font-family:Alimama_shuHeiTi_Bold;
    line-height:42px;
    margin-top: 38px;
    font-size:42px;
    color:#FF6424;
    font-weight: bold;
}
.titleMain-box .titleMain-box-left>h3{
    line-height:32px;
    margin-top:10px;
    font-size:24px;
    color:#FF6424;
    font-weight:400;
}
.titleMain-box .titleMain-box-left>div{
    margin-top:20px;
    display: flex;
}
.titleMain-box .titleMain-box-left>div>span{
    height:36px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:124px;
    color:#fff;
    background-color: #FF6424;
    font-size:18px;
    line-height:26px;
    cursor: pointer;
    box-sizing: border-box;
}
.titleMain-box .titleMain-box-left>div>span>a{
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:100%;
    color:#fff;
    padding:0 16px;
    box-sizing: border-box;
}
.titleMain-box .titleMain-box-left>div>span:hover{
    background-color:#f78554;
} 
.titleMain-box.isRegister .titleMain-box-left>h2,
.titleMain-box.isRegister .titleMain-box-left>h3{
    color:#2C60DE;
}
.titleMain-box.isRegister .titleMain-box-left>div>span{
    background-color: #2C60DE;
}
.titleMain-box.isRegister .titleMain-box-left>div>span:hover{
    background-color: #67AAFC;
}
.mainBody-box{
    min-height:500px;
    background-color: #fff;
    margin-top:2px;
    padding:20px 0px 30px;
    box-sizing: border-box;
}
.mainBody-box-title{
    height: 40px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding:0 18px;
}
.mainBody-box-title>.labelBox{
   display: flex;
   align-items: center;
   height:32px;
   padding:0 4px;
   background-color: #FFF0ED;
   border-radius:4px;
   overflow: hidden;
   margin-right:18px;
}
.mainBody-box-title>.labelBox>img{
   height:28px;
   width:28px; 
}
.mainBody-box-title>.labelBox>span{
   padding:0 4px;
   box-sizing: border-box;
   display: flex;
   align-items:flex-end;
   font-size:14px;
   height:24px;
   color:#F03333;
}
.mainBody-box-title>.labelBox b{
   font-size:18px;
   color:#F03333;
}
.mainBody-box-title>.endDateBox{
   height:32px;
   display: flex;
   align-items:flex-end;
   padding:4px;
   box-sizing: border-box;
}
.mainBody-box-title>.endDateBox>span{
   color:#666666;
   height:24px;
   display: flex;
   align-items:flex-end;
}
.mainBody-box-title>.endDateBox>div{
   height:24px;
   display: flex;
   align-items:flex-end;
}
.mainBody-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-text{
    display: flex;
    align-items: flex-start;
    flex-wrap:wrap;
    padding:8px 10px 50px;
    box-sizing: border-box;
}
.listItem-box-text>div{
    width:33.33%;
    min-height:28px;
    display: flex;
    align-items: flex-start;
    margin-bottom:8px;
}
.listItem-box-text>div>span{
    line-height:28px;
}
.listItem-box-text>div>span:nth-child(1){
    width:100px;
    min-width:100px;
    text-align:right;
}
.listItem-box-text>div>span:nth-child(2){
    width:calc(100% - 120px);
    overflow: hidden;
    padding:0 8px;
    box-sizing: border-box;
}
.listItem-box-text>div>span:nth-child(2).listItem-box-text-status{
    color:rgb(45, 129, 246);
}
.listItem-box-text>div>span.bgInput{
    min-height:28px;    
    background-color: #F3F6F7;
    border-radius:4px;
}
.mainBody-box-table{
    min-height:400px;
    border-top:1px solid #F3F6F7;
    padding:10px 16px;
    box-sizing: border-box;
}
.mainBody-box-table-text{
    height:40px;
    display: flex;
    align-items: center;
    justify-content:space-between;
}
.mainBody-box-table-text>span{
    color:#F03333;
    font-size:12px;
}
.mainBody-box-table-text>div>div:nth-child(1)>span{
    font-size:12px;
}
.mainBody-box-table-text>div{
    display: flex;
    align-items: center;
}
.mainBody-box-table-text>div>*:nth-child(2).el-button{
     background-color: #2FABE1;
     border-color:#2FABE1;
}
.mainBody-box-table-text>div>*:nth-child(3).el-button{
     background-color: #FE714B;
     border-color:#FE714B;
}
.mainBody-box-table-text>div>.el-button:hover{
    opacity:0.8;
}
.mainBody-box-table-body .coll{
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    width: 100%;
    padding:12px 10px;
}
.mainBody-box-table-body{
    padding:20px 0 0;
}
.mainBody-box-table-body thead{
    background-color: #F5F5F5;
}
.mainBody-box-table-body thead .coll{
    width:100%;
    font-size:12px;
    color:#333333;
    height:46px;
    display: flex;
    align-items: center;
}
.mainBody-box-table-body tbody .coll{
    font-size:12px;
}
.mainBody-box-table-body thead th:nth-child(1) .coll,
.mainBody-box-table-body tbody td:nth-child(1) .coll{
    width:46px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mainBody-box-table-body thead>tr th,
.mainBody-box-table-body tbody>tr td{
  border-bottom:1px solid #E1E6EC;
}
.mainBody-box-table-body thead th{
    border-top:1px solid #E1E6EC;
}
.mainBody-box-table-body thead th:nth-child(1),
.mainBody-box-table-body tbody td:nth-child(1){
    border-left:1px solid #E1E6EC;
}
.mainBody-box-table-body thead th:last-child,
.mainBody-box-table-body tbody td:last-child{
    border-right:1px solid #E1E6EC;
}
.mainBody-box-table-footer{
    height:40px;
    margin-top:15px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.mainBody-box-table-footer .el-button:last-child{
    background-color: #2882FF;
    border-color: #2882FF;
}
.mainBody-box-table-footer .el-button:hover{
    opacity:.8;
}
.listItem-box-text .sendmsgBox{
    display: flex;
    align-items:center;
    width:220px;
    margin-top:4px;
    
}
.listItem-box-text .sendmsgBox .el-button {
    color:#409EFF !important;
    border-color:#409EFF !important;
    padding:0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    height:27px;
}
.listItem-box-text .sendmsgBox .el-button span{
    color:#409EFF !important;
}
.listItem-box-text .sendmsgBox .el-button:hover span{
    color:#FFF !important;
    background-color:#409EFF !important;
    
}

.redModeBox .mainBody-box-table-text .el-button--primary{
   border-color:#E72134;
   background-color: #E72134;
   opacity:1;
   transition:.5s;
}
.redModeBox .mainBody-box-table-text .el-button--primary:hover{
    opacity:.6;
}
.redModeBox .listItem-box-text .sendmsgBox .el-button{
   border-color: #E72134 !important;
   color:#E72134 !important;
   background-color: #f0c3c7;
   opacity:1;
   transition: .5s;
}
.redModeBox .listItem-box-text .sendmsgBox .el-button:hover{
    opacity:.6;
}
.redModeBox .listItem-box-text .sendmsgBox .el-button>span{
    color:#E72134 !important;
    background-color: rgba(0,0,0,0) !important;
}