@theme: #FF6A07;
@border: #E3E3E3;
.nav-total{
  line-height: 50px;
}

.main-wrap{
  .pro-wrap{
    .p-price{
      .price-num{
        font-size: 20px;
      }
    }
    .p-item{
      height: 370px;
      width: 232px;
      font-size: 12px;
      margin-bottom: 20px;
      .p-tag{
        font-size: 12px;
        color:#fff;
      }
      &:nth-child(5n){
        margin-right: 0;
      }
      .des-container{
        padding: 0 12px;
        line-height: 24px;
        min-height: 78px;
        .fl{
          width: auto;
        }
        .gray-text{
          font-size: 12px;
          color:#777777;
        }
        .p-name{
          text-overflow: ellipsis;
          overflow: hidden;
          //white-space: nowrap;
          height: 40px;
          line-height: 20px;
          //white-space: normal;
          a{
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
          }
        }

      }
      .bottom-line-area{
        border-top: 1px solid @border;
        padding: 0 10px;
        line-height: 40px;
        .icons-container{
          span{
            margin-top: 8px;
          }
        }
      }
    }
  }
  .sort-wrap{
    line-height: 30px;
    margin: 15px 0;
    font-size: 14px;
    li{
      float: left;
      position: relative;
      padding: 0 20px;
      .yl-input{
        width: 60px;
      }
      .label{
        margin-right: 15px;
      }
      &+li{
        &:before{
          content: '';
          width: 1px;
          height: 16px;
          background-color: #DFDFDF;
          position: absolute;
          left: 0;
          top:50%;
          margin-top: -8px;
        }
      }
    }
  }
  .filter-wrap{
    background-color: #fff;
    padding: 15px 10px 5px 20px;
    font-size: 14px;
    color:#484848;
    dl{
      line-height: 26px;
      padding-left: 110px;
    }
    dt{
      width: 100px;
      margin-right: 10px;
      float: left;
      margin-left: -110px;
    }
    dd{
      float: left;
      margin-right: 26px;
      cursor: pointer;
      margin-bottom: 15px;
      &.btn-menu{
        float: right;
        border:1px solid @border;
        padding: 0 10px;
        box-sizing: border-box;
        margin-right: 0px;
        margin-left: 8px;
      }
      &:hover{
        color:@theme;
      }
    }
  }
  .pagination-container{
    background-color: #fff;
    padding: 10px 15px;
    margin-bottom: 30px;
    font-size: 14px;
    color:#757575;
    .left-options{
      line-height: 30px;
      a{
        margin-left: 15px;
        &:hover{
          color:#FF6900;
        }
        color:#757575;
        span{
          margin-top: 0px;
          vertical-align: text-bottom;
          margin-right: 5px;

         &.addErp{
           background-position: -185px -240px;
         }
        }
      }
    }
  }
}