.bottom-body{
  z-index: 99;
  width: 100%;
  height: 50px;
  font-size: 0;
  bottom: 0%;
  position: fixed;
  text-align: center;
  //background-color: #2C2E34;
}

@media (max-width: 767px){
  .bottom-body{
    height: 30px;
  }
  .bottom-left-container{
    position: absolute;
    height: 30px;
    left: 4%;
    font-size: 0px;
    width: 92%;
  }
  .bottom-right-container{
    position: absolute;
    height: 30px;
    right: 4%;
    font-size: 0px;
    width: 40%;
  }
  .bottom-left{
    position: relative;
    height: 30px;
    text-align: center;
    //left: 0%;
    width: 100%;
    font-size: 0px;
  }
  .bottom-left p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-family: "AritaHeiti-Light";
    font-size: 8px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 1px;
    vertical-align: center;
  }

  .bottom-right{
    visibility: hidden;
    position: relative;
    height: 30px;
    right: 0%;
    text-align: center;
    font-size: 0px;
  }
  .bottom-right p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    line-height: 30px;
    text-align: right;
    vertical-align: center;
    font-family: "AritaHeiti-Light";
    font-size: 10px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 1px;
  }
}

@media (min-width: 768px){
  .bottom-left-container{
    position: absolute;
    height: 50px;
    left: 4%;
    font-size: 0px;
  }
  .bottom-right-container{
    position: absolute;
    height: 50px;
    right: 4%;
    font-size: 0px;
  }
  .bottom-left{
    position: relative;
    height: 50px;
    text-align: center;
    left: 0%;
    font-size: 0px;
    width:46vw;
  }
  .bottom-left p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-family: "AritaHeiti-Light";
    font-size: 13px;
    width: 100%;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 1px;
    vertical-align: center;
  }

  .bottom-right{
    position: relative;
    height: 50px;
    right: 0%;
    text-align: center;
    font-size: 0px;
    width:46vw;
  }
  .bottom-right p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 50px;
    width: 100%;
    line-height: 50px;
    text-align: right;
    vertical-align: center;
    font-family: "AritaHeiti-Light";
    font-size: 13px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 1px;
  }
}

@media (min-width: 992px){
  .bottom-left-container{
    position: absolute;
    height: 50px;
    left: 4%;
    font-size: 0px;
  }
  .bottom-right-container{
    position: absolute;
    height: 50px;
    right: 4%;
    font-size: 0px;
  }
  .bottom-left{
    position: relative;
    height: 50px;
    text-align: left;
    left: 0%;
    font-size: 0px;
    width:46vw;
  }
  .bottom-left p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:100%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-family: "AritaHeiti-Light";
    font-size: 13px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 1px;
    vertical-align: center;
  }

  .bottom-right{
    position: relative;
    height: 50px;
    right: 0%;
    text-align: center;
    font-size: 0px;
    width:46vw;
  }
  .bottom-right p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:100%;
    height: 50px;
    line-height: 50px;
    text-align: right;
    vertical-align: center;
    font-family: "AritaHeiti-Light";
    font-size: 13px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 1px;
  }
}

@media (min-width: 1200px){
  .bottom-left-container{
    position: absolute;
    height: 50px;
    left: 4%;
    font-size: 0px;
  }
  .bottom-right-container{
    position: absolute;
    height: 50px;
    right: 4%;
    font-size: 0px;
  }
  .bottom-left{
    position: relative;
    height: 50px;
    text-align: left;
    left: 0%;
    font-size: 0px;
    width:46vw;
  }
  .bottom-left p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:100%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-family: "AritaHeiti-Light";
    font-size: 13px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 1px;
    vertical-align: center;
  }

  .bottom-right{
    position: relative;
    height: 50px;
    right: 0%;
    width:46vw;
    text-align: center;
    font-size: 0px;
  }
  .bottom-right p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 50px;
    width:100%;
    line-height: 50px;
    text-align: right;
    vertical-align: center;
    font-family: "AritaHeiti-Light";
    font-size: 13px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 1px;
  }
}
