.reset {
  background: white;
}

.other {
  font-size: 20px;
}

.EC1 {
  color: #333;
}

.EC2 {
  color: #CCCCCC;
}

.EC3 {
  color: #999999;
}

.EC4 {
  color: #F0B55F;
}

/* @keyframes popping {
    from {
        transform: translateY(11.2rpx);
        opacity: 0.5;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
} */
.reset {
  background: white;
}

.normal-wrapper {
  width: 100vmin;
  padding-top: 12.53333vmin;
}

.normal-wrapper .red-packet-top {
  position: absolute;
  top: 0;
  box-sizing: border-box;
  padding: 0 4.26667vmin;
  width: 100%;
  height: 12.8vmin;
  line-height: 12.8vmin;
  display: flex;
  justify-content: space-between;
  background-image: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kxssojce0gz9.png?imageView2/2/w/200/q/60");
  background-size: cover;
  color: #fff;
}

.normal-wrapper .red-packet-top .left-operate {
  font-size: 3.73333vmin;
  display: flex;
  align-items: center;
  justify-content: center;
}

.normal-wrapper .red-packet-top .left-operate .back_icon {
  width: 5.33333vmin;
  height: 5.33333vmin;
}

.normal-wrapper .red-packet-top .record {
  font-size: 4.8vmin;
}

.normal-wrapper .red-packet-top .close {
  display: flex;
  align-items: center;
  justify-content: center;
}

.normal-wrapper .red-packet-top .close .close_icon {
  width: 4.26667vmin;
  height: 4.26667vmin;
}

.normal-wrapper .red-packet-top.vertical {
  border-radius: 0;
}

.normal-wrapper .elive-controls-bottom {
  width: 100%;
  background-color: #F5F6F9;
  box-sizing: border-box;
  /* animation: popping ease 300ms; */
  backdrop-filter: blur(2.13333vmin);
  height: 112.53333vmin;
}

.normal-wrapper .elive-controls-bottom.vertical {
  height: 100%;
  overflow: hidden;
}

.normal-wrapper .elive-controls-bottom.horizontal {
  height: 100%;
  overflow-y: auto;
  border-radius: 0;
}

.verTiHeight {
  height: calc(100% - 56.26667vmin);
}

.normal-height-ver {
  width: 100%;
  height: calc(100% - 12.8vmin);
}

@media screen and (min-width: 768px) and (orientation: portrait) {
  .normal-wrapper {
    width: 48.82812vmin;
    padding-top: 6.11979vmin;
  }
  .normal-wrapper .red-packet-top {
    position: absolute;
    top: 0;
    box-sizing: border-box;
    padding: 0 2.08333vmin;
    width: 100%;
    height: 6.25vmin;
    line-height: 6.25vmin;
    display: flex;
    justify-content: space-between;
    background-image: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kxssojce0gz9.png?imageView2/2/w/200/q/60");
    background-size: cover;
    color: #fff;
  }
  .normal-wrapper .red-packet-top .left-operate {
    font-size: 1.82292vmin;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .normal-wrapper .red-packet-top .left-operate .back_icon {
    width: 2.60417vmin;
    height: 2.60417vmin;
  }
  .normal-wrapper .red-packet-top .record {
    font-size: 2.34375vmin;
  }
  .normal-wrapper .red-packet-top .close {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .normal-wrapper .red-packet-top .close .close_icon {
    width: 2.08333vmin;
    height: 2.08333vmin;
  }
  .normal-wrapper .red-packet-top.vertical {
    border-radius: 0;
  }
  .normal-wrapper .elive-controls-bottom {
    width: 100%;
    background-color: #F5F6F9;
    box-sizing: border-box;
    /* animation: popping ease 300ms; */
    backdrop-filter: blur(1.04167vmin);
    height: 54.94792vmin;
  }
  .normal-wrapper .elive-controls-bottom.vertical {
    height: 100%;
    overflow: hidden;
  }
  .normal-wrapper .elive-controls-bottom.horizontal {
    height: 100%;
    overflow-y: auto;
    border-radius: 0;
  }
  .verTiHeight {
    height: calc(100% - 27.47396vmin);
  }
  .normal-height-ver {
    width: 100%;
    height: calc(100% - 6.25vmin);
  }
}

@media screen and (min-height: 630px) and (orientation: landscape) {
  .normal-wrapper {
    width: 59.52381vmin;
    padding-top: 7.46032vmin;
  }
  .normal-wrapper .red-packet-top {
    position: absolute;
    top: 0;
    box-sizing: border-box;
    padding: 0 2.53968vmin;
    width: 100%;
    height: 7.61905vmin;
    line-height: 7.61905vmin;
    display: flex;
    justify-content: space-between;
    background-image: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kxssojce0gz9.png?imageView2/2/w/200/q/60");
    background-size: cover;
    color: #fff;
  }
  .normal-wrapper .red-packet-top .left-operate {
    font-size: 2.22222vmin;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .normal-wrapper .red-packet-top .left-operate .back_icon {
    width: 3.1746vmin;
    height: 3.1746vmin;
  }
  .normal-wrapper .red-packet-top .record {
    font-size: 2.85714vmin;
  }
  .normal-wrapper .red-packet-top .close {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .normal-wrapper .red-packet-top .close .close_icon {
    width: 2.53968vmin;
    height: 2.53968vmin;
  }
  .normal-wrapper .red-packet-top.vertical {
    border-radius: 0;
  }
  .normal-wrapper .elive-controls-bottom {
    width: 100%;
    background-color: #F5F6F9;
    box-sizing: border-box;
    /* animation: popping ease 300ms; */
    backdrop-filter: blur(1.26984vmin);
    height: 66.98413vmin;
  }
  .normal-wrapper .elive-controls-bottom.vertical {
    height: 100%;
    overflow: hidden;
  }
  .normal-wrapper .elive-controls-bottom.horizontal {
    height: 100%;
    overflow-y: auto;
    border-radius: 0;
  }
  .verTiHeight {
    height: calc(100% - 33.49206vmin);
  }
  .normal-height-ver {
    width: 100%;
    height: calc(100% - 7.61905vmin);
  }
}

@media screen and (min-height: 768px) and (orientation: landscape) {
  .normal-wrapper {
    width: 48.82812vmin;
    padding-top: 6.11979vmin;
  }
  .normal-wrapper .red-packet-top {
    position: absolute;
    top: 0;
    box-sizing: border-box;
    padding: 0 2.08333vmin;
    width: 100%;
    height: 6.25vmin;
    line-height: 6.25vmin;
    display: flex;
    justify-content: space-between;
    background-image: url("https://wechatapppro-1252524126.cdn.xiaoeknow.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kxssojce0gz9.png?imageView2/2/w/200/q/60");
    background-size: cover;
    color: #fff;
  }
  .normal-wrapper .red-packet-top .left-operate {
    font-size: 1.82292vmin;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .normal-wrapper .red-packet-top .left-operate .back_icon {
    width: 2.60417vmin;
    height: 2.60417vmin;
  }
  .normal-wrapper .red-packet-top .record {
    font-size: 2.34375vmin;
  }
  .normal-wrapper .red-packet-top .close {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .normal-wrapper .red-packet-top .close .close_icon {
    width: 2.08333vmin;
    height: 2.08333vmin;
  }
  .normal-wrapper .red-packet-top.vertical {
    border-radius: 0;
  }
  .normal-wrapper .elive-controls-bottom {
    width: 100%;
    background-color: #F5F6F9;
    box-sizing: border-box;
    /* animation: popping ease 300ms; */
    backdrop-filter: blur(1.04167vmin);
    height: 54.94792vmin;
  }
  .normal-wrapper .elive-controls-bottom.vertical {
    height: 100%;
    overflow: hidden;
  }
  .normal-wrapper .elive-controls-bottom.horizontal {
    height: 100%;
    overflow-y: auto;
    border-radius: 0;
  }
  .verTiHeight {
    height: calc(100% - 27.47396vmin);
  }
  .normal-height-ver {
    width: 100%;
    height: calc(100% - 6.25vmin);
  }
}