/* 中间区域 */
  .main-view{
   width: 100%;
   background-color: #f5f5f5;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   
  }
 .bread {
    padding: 20px 0;
    width: 1200px;
    height: 57px;
}
.bread .container {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    width: 100%;
    height: 57px;
    font-size: 12px;
    color: #333;
   
}
.con {
    width: 1200px;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}
.con .left {
    width: 290px;
    background-color: #ffffff;
    height: 246px;
}
.con .left ul {
    list-style: none; 
    color: #989898;
}
.con .left .left-li {
    border: none;
    width: 290px;
    height: 61px;
    text-align: center;
    line-height: 61px;
    font-size: 20px;
  

    border-top: 1px solid #f2f2f2;
}
.con .left .left-li-one {
    border: none;
    width: 290px;
    height: 61px;
    text-align: center;
    line-height: 61px;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    border-top: 1px solid #f2f2f2;
}
.con .left .left-li:hover {
    background-color: red;
    color: white;
}
.active {
    color: red ;

}
.right {
    width: 887px;
    margin-left: 20px;
    background-color: #ffffff;
    
}
.right .title {
 padding: 21px 19px 0 20px;
}

.right .title .title-text {
    font-size: 20px;
    font-weight: 800;
    color: #cf0d0d;
}
.right .title .segmentation {
    display: flex;
    margin-top: 9px;
}
.right .title .segmentation .square{
    margin-right: 2px;
    width: 5px;
    height: 5px;
    border: 1px solid #cf0d0d;
}
.right .order-list{
    padding-bottom: 20px;
}
.right .order-list ul{
    list-style: none; 
}
.right .order-list .list-item{
    height: 43px;
    width: 94%;
    margin-left:35px;
    text-align: left;
    border-bottom: 1px dashed #dedede;
}

.right li .p1 {
    float: left;
    position: relative;
    width: 700px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.right li p {
    line-height: 43px;
    color: #757575;
    font-size: 15px;
}
.right li .p1 i {
    position: absolute;
    height: 6px;
    width: 6px;
    background: #cf2534;
    left: -15px;
    top: 50%;
    margin-top: -2px;
}
.right li .p2 {
    float: right;
}

.right .el-pagination {
    white-space: nowrap;
    text-align: center;
    color: #303133;
    font-weight: 700;
    margin-top: 20px;
    padding: 2px 5px;
    width: 887px;
}

/* .el-pagination.is-background .btn-next.disabled, .el-pagination.is-background .btn-next:disabled, .el-pagination.is-background .btn-prev.disabled, .el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .el-pager li.disabled {
    color: #c0c4cc;
}

.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
    margin: 0 5px;
    background-color: #f4f4f5;
    color: #606266;
    min-width: 30px;
    border-radius: 2px;
}
.el-pagination .el-pager li.disabled {
    color: #c0c4cc;
    cursor: not-allowed;
} */





 /* 底部区域 */
 
  .footer-footer {
    width: 100%;
    height: 140px;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
  }
  .footer-desc {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    color: #4e4e4e;
  }
  .footer-desc .layui-row {
    height: 77px;
    display: flex;
  }
  .footer-desc .layui-row .col-sm25 {
    width: 25%;
    display: flex;
  }
  .col-sm25 .imgs_box_0 {
    display: inline-block;
    width: 70px;
    height: 55px;
    background: url(data:image/png;base64,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) no-repeat 50%;
    background-size: 100%;
  }
  .col-sm25 .imgs_box {
    display: inline-block;
    width: 110px;
    height: 55px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAA3CAYAAADt2n/EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNDgwNTMzRTE3NEVFNjExOEE2RTkyREE0MTA0MDE2NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERjVBQUFEMTRFMTkxMUU2QTZFREU2NEMzMDI4QUMwOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERjVBQUFEMDRFMTkxMUU2QTZFREU2NEMzMDI4QUMwOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY0ODA1MzNFMTc0RUU2MTE4QTZFOTJEQTQxMDQwMTY2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY0ODA1MzNFMTc0RUU2MTE4QTZFOTJEQTQxMDQwMTY2Ii8+IDwvcmRmOkRlc2NyaXB0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) no-repeat 50%;
    background-size: 100% auto;
  }
  
  .footer-desc .layui-row .col-sm75 {
    width: 88%;
  
  }
  .col-sm75 .inline-box {
    text-align: left;
    display: flex;
    flex-direction: column;
  }
  .col-sm75 .inline-box .text {
    font-size: 13px;
  }
  .col-sm75 .inline-box .text span {
    padding: 0% 10px;
  }
  .col-sm75 .inline-box .text-sec {
    font-size: 14px;
  }
  .col-sm75 .inline-box .text-sec .num {
    margin-right: 140px;
    vertical-align: top;
    color: #4e4e4e;
  }
   .footer-desc .layui-col-sm75 .layui-row .layui-col-sm12 .inline-box .text-sec .relative_top_2{
      position: relative;
      top: -2px;
  }
  
  .footer-desc .layui-col-sm75 .layui-row .layui-col-sm12 .inline-box .text-sec .num_top{
      vertical-align: top;
  }