@charset "UTF-8";
/************* 颜色定义 **************/
/************* 字体定义 **************/
.ma-0 {
  margin: 0; }

.ma-1 {
  margin: 2px; }

.ma-2 {
  margin: 4px; }

.ma-3 {
  margin: 6px; }

.ma-4 {
  margin: 8px; }

.ma-5 {
  margin: 10px; }

.ma-6 {
  margin: 12px; }

.ma-7 {
  margin: 14px; }

.ma-8 {
  margin: 16px; }

.ma-9 {
  margin: 18px; }

.ma-10 {
  margin: 20px; }

.ma-11 {
  margin: 22px; }

.ma-12 {
  margin: 24px; }

.mv-0 {
  margin-top: 0;
  margin-bottom: 0; }

.mv-1 {
  margin-top: 2px;
  margin-bottom: 2px; }

.mv-2 {
  margin-top: 4px;
  margin-bottom: 4px; }

.mv-3 {
  margin-top: 6px;
  margin-bottom: 6px; }

.mv-4 {
  margin-top: 8px;
  margin-bottom: 8px; }

.mv-5 {
  margin-top: 10px;
  margin-bottom: 10px; }

.mv-6 {
  margin-top: 12px;
  margin-bottom: 12px; }

.mv-7 {
  margin-top: 14px;
  margin-bottom: 14px; }

.mv-8 {
  margin-top: 16px;
  margin-bottom: 16px; }

.mv-9 {
  margin-top: 18px;
  margin-bottom: 18px; }

.mv-10 {
  margin-top: 20px;
  margin-bottom: 20px; }

.mv-11 {
  margin-top: 22px;
  margin-bottom: 22px; }

.mv-12 {
  margin-top: 24px;
  margin-bottom: 24px; }

.mh-0 {
  margin-left: 0;
  margin-right: 0; }

.mh-1 {
  margin-left: 2px;
  margin-right: 2px; }

.mh-2 {
  margin-left: 4px;
  margin-right: 4px; }

.mh-3 {
  margin-left: 6px;
  margin-right: 6px; }

.mh-4 {
  margin-left: 8px;
  margin-right: 8px; }

.mh-5 {
  margin-left: 10px;
  margin-right: 10px; }

.mh-6 {
  margin-left: 12px;
  margin-right: 12px; }

.mh-7 {
  margin-left: 14px;
  margin-right: 14px; }

.mh-8 {
  margin-left: 16px;
  margin-right: 16px; }

.mh-9 {
  margin-left: 18px;
  margin-right: 18px; }

.mh-10 {
  margin-left: 20px;
  margin-right: 20px; }

.mh-11 {
  margin-left: 22px;
  margin-right: 22px; }

.mh-12 {
  margin-left: 24px;
  margin-right: 24px; }

.ml-0 {
  margin-left: 0; }

.ml-1 {
  margin-left: 2px; }

.ml-2 {
  margin-left: 4px; }

.ml-3 {
  margin-left: 6px; }

.ml-4 {
  margin-left: 8px; }

.ml-5 {
  margin-left: 10px; }

.ml-6 {
  margin-left: 12px; }

.ml-7 {
  margin-left: 14px; }

.ml-8 {
  margin-left: 16px; }

.ml-9 {
  margin-left: 18px; }

.ml-10 {
  margin-left: 20px; }

.ml-11 {
  margin-left: 22px; }

.ml-12 {
  margin-left: 24px; }

.mr-0 {
  margin-right: 0; }

.mr-1 {
  margin-right: 2px; }

.mr-2 {
  margin-right: 4px; }

.mr-3 {
  margin-right: 6px; }

.mr-4 {
  margin-right: 8px; }

.mr-5 {
  margin-right: 10px; }

.mr-6 {
  margin-right: 12px; }

.mr-7 {
  margin-right: 14px; }

.mr-8 {
  margin-right: 16px; }

.mr-9 {
  margin-right: 18px; }

.mr-10 {
  margin-right: 20px; }

.mr-11 {
  margin-right: 22px; }

.mr-12 {
  margin-right: 24px; }

.mt-0 {
  margin-top: 0; }

.mt-1 {
  margin-top: 2px; }

.mt-2 {
  margin-top: 4px; }

.mt-3 {
  margin-top: 6px; }

.mt-4 {
  margin-top: 8px; }

.mt-5 {
  margin-top: 10px; }

.mt-6 {
  margin-top: 12px; }

.mt-7 {
  margin-top: 14px; }

.mt-8 {
  margin-top: 16px; }

.mt-9 {
  margin-top: 18px; }

.mt-10 {
  margin-top: 20px; }

.mt-11 {
  margin-top: 22px; }

.mt-12 {
  margin-top: 24px; }

.mb-0 {
  margin-bottom: 0; }

.mb-1 {
  margin-bottom: 2px; }

.mb-2 {
  margin-bottom: 4px; }

.mb-3 {
  margin-bottom: 6px; }

.mb-4 {
  margin-bottom: 8px; }

.mb-5 {
  margin-bottom: 10px; }

.mb-6 {
  margin-bottom: 12px; }

.mb-7 {
  margin-bottom: 14px; }

.mb-8 {
  margin-bottom: 16px; }

.mb-9 {
  margin-bottom: 18px; }

.mb-10 {
  margin-bottom: 20px; }

.mb-11 {
  margin-bottom: 22px; }

.mb-12 {
  margin-bottom: 24px; }

.pa-0 {
  padding: 0; }

.pa-1 {
  padding: 2px;
  box-sizing: border-box; }

.pa-2 {
  padding: 4px;
  box-sizing: border-box; }

.pa-3 {
  padding: 6px;
  box-sizing: border-box; }

.pa-4 {
  padding: 8px;
  box-sizing: border-box; }

.pa-5 {
  padding: 10px;
  box-sizing: border-box; }

.pa-6 {
  padding: 12px;
  box-sizing: border-box; }

.pa-7 {
  padding: 14px;
  box-sizing: border-box; }

.pa-8 {
  padding: 16px;
  box-sizing: border-box; }

.pa-9 {
  padding: 18px;
  box-sizing: border-box; }

.pa-10 {
  padding: 20px;
  box-sizing: border-box; }

.pa-11 {
  padding: 22px;
  box-sizing: border-box; }

.pa-12 {
  padding: 24px;
  box-sizing: border-box; }

.pv-0 {
  padding-top: 0;
  padding-bottom: 0; }

.pv-1 {
  padding-top: 2px;
  padding-bottom: 2px;
  box-sizing: border-box; }

.pv-2 {
  padding-top: 4px;
  padding-bottom: 4px;
  box-sizing: border-box; }

.pv-3 {
  padding-top: 6px;
  padding-bottom: 6px;
  box-sizing: border-box; }

.pv-4 {
  padding-top: 8px;
  padding-bottom: 8px;
  box-sizing: border-box; }

.pv-5 {
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box; }

.pv-6 {
  padding-top: 12px;
  padding-bottom: 12px;
  box-sizing: border-box; }

.pv-7 {
  padding-top: 14px;
  padding-bottom: 14px;
  box-sizing: border-box; }

.pv-8 {
  padding-top: 16px;
  padding-bottom: 16px;
  box-sizing: border-box; }

.pv-9 {
  padding-top: 18px;
  padding-bottom: 18px;
  box-sizing: border-box; }

.pv-10 {
  padding-top: 20px;
  padding-bottom: 20px;
  box-sizing: border-box; }

.pv-11 {
  padding-top: 22px;
  padding-bottom: 22px;
  box-sizing: border-box; }

.pv-12 {
  padding-top: 24px;
  padding-bottom: 24px;
  box-sizing: border-box; }

.ph-0 {
  padding: 0; }

.ph-1 {
  padding-left: 2px;
  padding-right: 2px;
  box-sizing: border-box; }

.ph-2 {
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box; }

.ph-3 {
  padding-left: 6px;
  padding-right: 6px;
  box-sizing: border-box; }

.ph-4 {
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box; }

.ph-5 {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box; }

.ph-6 {
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box; }

.ph-7 {
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box; }

.ph-8 {
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box; }

.ph-9 {
  padding-left: 18px;
  padding-right: 18px;
  box-sizing: border-box; }

.ph-10 {
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }

.ph-11 {
  padding-left: 22px;
  padding-right: 22px;
  box-sizing: border-box; }

.ph-12 {
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box; }

.pl-0 {
  padding-left: 0; }

.pl-1 {
  padding-left: 2px;
  box-sizing: border-box; }

.pl-2 {
  padding-left: 4px;
  box-sizing: border-box; }

.pl-3 {
  padding-left: 6px;
  box-sizing: border-box; }

.pl-4 {
  padding-left: 8px;
  box-sizing: border-box; }

.pl-5 {
  padding-left: 10px;
  box-sizing: border-box; }

.pl-6 {
  padding-left: 12px;
  box-sizing: border-box; }

.pl-7 {
  padding-left: 14px;
  box-sizing: border-box; }

.pl-8 {
  padding-left: 16px;
  box-sizing: border-box; }

.pl-9 {
  padding-left: 18px;
  box-sizing: border-box; }

.pl-10 {
  padding-left: 20px;
  box-sizing: border-box; }

.pl-11 {
  padding-left: 22px;
  box-sizing: border-box; }

.pl-12 {
  padding-left: 24px;
  box-sizing: border-box; }

.pr-0 {
  padding-right: 0; }

.pr-1 {
  padding-right: 2px;
  box-sizing: border-box; }

.pr-2 {
  padding-right: 4px;
  box-sizing: border-box; }

.pr-3 {
  padding-right: 6px;
  box-sizing: border-box; }

.pr-4 {
  padding-right: 8px;
  box-sizing: border-box; }

.pr-5 {
  padding-right: 10px;
  box-sizing: border-box; }

.pr-6 {
  padding-right: 12px;
  box-sizing: border-box; }

.pr-7 {
  padding-right: 14px;
  box-sizing: border-box; }

.pr-8 {
  padding-right: 16px;
  box-sizing: border-box; }

.pr-9 {
  padding-right: 18px;
  box-sizing: border-box; }

.pr-10 {
  padding-right: 20px;
  box-sizing: border-box; }

.pr-11 {
  padding-right: 22px;
  box-sizing: border-box; }

.pr-12 {
  padding-right: 24px;
  box-sizing: border-box; }

.pt-0 {
  padding-top: 0; }

.pt-1 {
  padding-top: 2px;
  box-sizing: border-box; }

.pt-2 {
  padding-top: 4px;
  box-sizing: border-box; }

.pt-3 {
  padding-top: 6px;
  box-sizing: border-box; }

.pt-4 {
  padding-top: 8px;
  box-sizing: border-box; }

.pt-5 {
  padding-top: 10px;
  box-sizing: border-box; }

.pt-6 {
  padding-top: 12px;
  box-sizing: border-box; }

.pt-7 {
  padding-top: 14px;
  box-sizing: border-box; }

.pt-8 {
  padding-top: 16px;
  box-sizing: border-box; }

.pt-9 {
  padding-top: 18px;
  box-sizing: border-box; }

.pt-10 {
  padding-top: 20px;
  box-sizing: border-box; }

.pt-11 {
  padding-top: 22px;
  box-sizing: border-box; }

.pt-12 {
  padding-top: 24px;
  box-sizing: border-box; }

.pb-0 {
  padding-bottom: 0; }

.pb-1 {
  padding-bottom: 2px;
  box-sizing: border-box; }

.pb-2 {
  padding-bottom: 4px;
  box-sizing: border-box; }

.pb-3 {
  padding-bottom: 6px;
  box-sizing: border-box; }

.pb-4 {
  padding-bottom: 8px;
  box-sizing: border-box; }

.pb-5 {
  padding-bottom: 10px;
  box-sizing: border-box; }

.pb-6 {
  padding-bottom: 12px;
  box-sizing: border-box; }

.pb-7 {
  padding-bottom: 14px;
  box-sizing: border-box; }

.pb-8 {
  padding-bottom: 16px;
  box-sizing: border-box; }

.pb-9 {
  padding-bottom: 18px;
  box-sizing: border-box; }

.pb-10 {
  padding-bottom: 20px;
  box-sizing: border-box; }

.pb-11 {
  padding-bottom: 22px;
  box-sizing: border-box; }

.pb-12 {
  padding-bottom: 24px;
  box-sizing: border-box; }

.sp-header {
  min-height: 49px;
  width: 1250px;
  background-color: #D8D8D8;
  font-size: 20px;
  padding-left: 10px; }
  .sp-header div {
    height: 28px;
   /*  width: 80px; */
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    margin-bottom:5px;
    margin-right: 78px; }
  .sp-header .div-selected {
    color: #C13F3F;
    border-bottom: 2px solid #C13F3F;
    padding-bottom: 2px; }

.sp-category-container {
  min-height: 49px;
  width: 1260px; }
  .sp-category-container div {
    height: 30px;
    width: 82px;
    background-color: #D8D8D8;
    cursor: pointer;
    display: inline-block;
    margin-top: 8px;
    margin-right: 27px;
    margin-bottom:5px;
    text-align: center;
    line-height: 30px; }
  .sp-category-container .div-selected {
    background-color: #C13F3F;
    color: #ffffff; }

.sp-filter-container {
  height: 32px;
  width: 1260px;
  background-color: #D8D8D8;
  font-size: 14px; }
  .sp-filter-container div {
    margin-top: 3px;
    cursor: pointer;
    display: inline-block;
    margin-left: 12px;
    margin-right: 53px; }
  .sp-filter-container .sorted-container {
    margin-left: 0;
    margin-right: 0; }
    .sp-filter-container .sorted-container .div-selected {
      color: #C13F3F; }
  .sp-filter-container .price-container div {
    margin-right: 0;
    margin-left: 0;
    text-align: center; }
  .sp-filter-container .price-container .minus {
    width: 18px;
    height: 22px;
    background: #F6F6F7;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    color: #979797; }
  .sp-filter-container .price-container .plus {
    width: 18px;
    height: 22px;
    background: #F6F6F7;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px; }
  .sp-filter-container .price-container .price {
    margin-right: 0;
    width: 62px;
    height: 20px;
    min-height: 20px;
    line-height:20px;
    border:none;
    text-align: center;
    background-color: white; }
  .sp-filter-container .price-container .to {
    width: 14px;
    height: 4px;
    background: #D8D8D8;
    border-top: 1px solid #979797;
    margin-top: -1px; }
  .sp-filter-container .button-container {
    cursor: default; }
    .sp-filter-container .button-container .button {
      cursor: pointer;
      width: 36px;
      height: 22px;
      background-color: #C13F3F;
      font-size: 14px;
      font-weight: 400;
      color: #FFFFFF;
      line-height: 20px;
      text-align: center;
      margin-right: 24px;
      margin-left: 0;
      border-radius: 2px; }

.commodity-grid .commodity-grid-cell {
  width: 230px;
  margin-left: 27px;
  margin-top: 10px;
  margin-bottom: 10px; }
  .commodity-grid .commodity-grid-cell:nth-child(5n+1) {
    margin-left: 0; }

.sp-page {
  height: 80px;
  margin-left: 481px;
  margin-top: 50px; }
  .sp-page div {
    display: inline-block;
    cursor: pointer; }
  .sp-page .page-no {
    margin-left: 22px;
    margin-right: 22px; }
    .sp-page .page-no .page-div {
      margin-left: 4px;
      margin-right: 4px;
      width: 15px;
      text-align: center; }
    .sp-page .page-no .current-page {
      color: #C13F3F; }
  .sp-page .btn-forbidden {
    cursor: not-allowed; }
.layui-input{ width: 40px!important;}