.show-msg {
    position: fixed;
    left: 0;
    bottom: 60px;  
    z-index: 90;
    
    &-show {
      position: absolute;
      top: 0;
      height: 80px;    
      z-index: 100;    
	  width: 412rpx;
    }
    &-cont {
      height: 80px;
	   width: 412rpx;
    }
  
    &-ul {
      height: 80px;
    }
  
    &-list {
      flex-direction: row;
      margin-bottom: 10px;
      margin-left: 10px;
      height: 30px;
      &-active {
        opacity: 0.6;
      }
      &-cont {
        background-color: #000000;
        height: 30px;
        border-radius: 30px;
        @include  flexRowCenter;
        position: relative;
  
        &-link {
          position: absolute;
          top: 0;
          right: 0;
          height: 12px;
          width: 12px;
          z-index: 909;
          background-color: #ff5365;
          border-radius: 50%;
          align-items: center;
          justify-content: center;          
        }
  
        &-left {
			@include styleFont(#ffffff,12);
          margin-left: 10px;
        }
  
        &-right {
          position: relative;
          left: 0.3px;
          margin-left: 10px;
          height: 30px;
          padding: 0 15px;
          line-height: 30px;
          border-radius: 30px;
		  @include styleFont(#ffffff,12);
        }
        &-buy {
          background-image: linear-gradient(to right, #fb2f60, #ff0911);
        }
        &-beingBuy {
          background-image: linear-gradient(to right, #fb7130, #ffb808);
        }
        &-share {
          margin-left: 0;
          padding-left: 10px;
        }
      }
    }
  }