@import 'app/style/default.scss';

#PriceList {
  margin-top: 0;
  background: $price-list-bg-color;
  padding: 0 pxToRem(30) 0 pxToRem(30);
  .li-border {
    &:after {
      position: absolute;
      bottom: 0;
      left: pxToRem(1);
      right: 0;
      height: 1px;
      background: #eaeaea;
      content: '';
      -webkit-transform: scaleY(.5);
      transform: scaleY(.5);
    }
  }
  li {
    position: relative;
    overflow: hidden;
    padding: pxToRem(10) 0;
    // border-bottom: 1px solid #d8d8d8;
    .coin-cp {
      width: 30%;
      // position: absolute;
      font-size: pxToRem(30);
      float: left;
      line-height: pxToRem(40);
      overflow: hidden;
      .chineseName, .englishName {
        display: inline-block;
        width: 100%;
        // height: pxToRem(50);
        float: left;
      }
      .chineseName {
        color: $price-currency-color;
        position: relative;
      }
      .englishName {
        color: #999999;
        font-size: pxToRem(26);
      }
    }
    .sell-price, .buy-price {
      color: $price-primary-color;
      width: 32.5%;
      height: pxToRem(75);

      text-align: center;
      font-size: pxToRem(45);
    }
    .sell-price {
      float: left;
    }
    .buy-price {
      float: right;
    }
    .up {
      color: $white;
      background-color: $price-bg-up;
      border-radius: pxToRem(5);;
    }
    .down {
      color: $white;
      background-color: $price-bg-down;
      border-radius: pxToRem(5);
    }
    .disable-status {
      color: $white;
      background-color: #999999;
      border-radius: pxToRem(5);

    }
  }
}