.app-down {
  width: 100%;
  height: ( 110vw / @base_width ) * 100;
  padding-top: ( 14vw / @base_width ) * 100;
  background-color: rgba(255,255,255,0.9);
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  right: 0;

  .short-logo-icon {
    width: ( 80vw / @base_width ) * 100;
    height: ( 80vw / @base_width ) * 100;
    padding-left: ( 38vw / @base_width ) * 100;
    padding-top: ( 15vw / @base_width ) * 100;
    padding-right:( 30vw / @base_width ) * 100 ;
    background-image: url("img/chunjie/gaoqingLogo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .short-logo-word {
    float: left;
    padding-left: ( 116vw / @base_width ) * 100;
    padding-top: ( 4vw / @base_width ) * 100;

    span {
      display: inline-block;
      font-size: ( 34vw / @base_width ) * 100;
      width:( 155vw / @base_width ) * 100 ;
      height: ( 40vw / @base_width ) * 100;
      padding-left: ( 33vw / @base_width ) * 100;
      padding-top: ( 0vw / @base_width ) * 100;
    }

    p {
      margin: 0;
      color: #444343;
      //transform: translateY(-( 18vw / @base_width ) * 100);
      font-size: ( 21vw / @base_width ) * 100;
      padding-left: ( 36vw / @base_width ) * 100;
      padding-top: ( 0vw / @base_width ) * 100;
      opacity: 0.8;
    }
  }

  .opendown {
    float: right;
    width:( 150vw / @base_width ) * 100 ;
    height: ( 65vw / @base_width ) * 100;
    line-height: ( 65vw / @base_width ) * 100;
    text-align: center;
    color: #fff;
    font-size: ( 26vw / @base_width ) * 100;
    border-radius: ( 8vw / @base_width ) * 100;
    margin: ( 15vw / @base_width ) * 100 0;
    margin-right: ( 40vw / @base_width ) * 100;
    background-color: rgb(213,38,35);
  }
}