@import "./common.wxss";
@import "./reset.wxss";
.pin{
  display: inline-block;
  color: #fff;
  font-size: 2.6vmin;
  width: 4.8vmin;
  height: 4.2vmin;
  border-radius: 1vmin;
  opacity: 1;
  margin-left: 1vmin;
  border: 0 solid rgba(0.5920000076293945, 0.5920000076293945, 0.5920000076293945, 1);
  background: rgba(240,181,95,1);
  text-align: center;
  line-height: 4.2vmin;
}
.normal-wrapper {
  width:  100vmin;
  padding-top: 12.5vmin;
}
.elive-controls-bottom {
  width: 100%;
  background-color: #F5F6F9;
  box-sizing: border-box;
  /* animation: popping ease 300ms; */
  backdrop-filter: blur(2.1vmin);
}
.elive-controls-bottom.vertical{
  height: 112.5vmin;
  overflow: hidden;
}
.elive-controls-bottom.horizontal{
  height: calc(100vmin - 12.5vmin);
  overflow-y: auto;
  border-radius: 0;
}
.red_packet_mp{
  position: relative;
  width: 18.13vmin;
  height: 18.13vmin;
  color: #ffffff;
}
.red_packet_mp .new{
  width: 10.66vmin;
  height: 4.2vmin;
  position: absolute;
  background: #FF2929;
  right: -1.3vmin;
  top: 1.3vmin;
  border-radius: 2.1vmin;
  font-size: 3.2vmin;
  text-align: center;
}
.red_packet_mp .red_packet{
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.red_packet_mp .red_packet .controls-item_icon {
  width: 7.46vmin;
  height: 7.46vmin;
}
.red_packet_mp .red_packet .controls-item_text {
  font-size: 2.67vmin;
  padding-top: 1.07vmin;
}
.red-packet-top{
  border-radius: 1.6vmin 1.6vmin 0 0;
  position: absolute;
  top: 0;
  box-sizing: border-box;
  padding: 0 4.2vmin;
  width: 100%;
  height: 12.8vmin;
  line-height: 12.8vmin;
  display: flex;
  justify-content: space-between;
  background-image: url("https://wechatapppro-1252524126.cos.ap-shanghai.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/kxssojce0gz9.png?imageView2/2/w/200/q/60");
  background-size: cover;
  color: #fff;
}
.red-packet-top.horizontal{
  border-radius: 0;
}
.red-packet-top .record{
  font-size: 4.8vmin;
}
.red-packet-top .left-operate{
    font-size: 3.7vmin;
    display: flex;
    align-items: center;
    justify-content: center;
}
.red-packet-top .close{
    display: flex;
    align-items: center;
    justify-content: center;
}
.red-packet-top .close .close_icon{
  width: 4.2vmin;
  height: 4.2vmin;
}
.red-packet-top .back_icon{
  width: 5.3vmin;
  height: 5.3vmin;
}