press-pix/toast/css/index.less

.popup-container{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  z-index: 99;
}
.popup-content{
  position: relative;
  font-size: .2rem;
  color: #82A0CC;
  &::before{
    content: '';
    position: absolute;
    top: 0;
    left: -.42rem;
    width: .42rem;
    height: .52rem;
    background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/toast-left.png);
    background-size: 100%;
    background-repeat: no-repeat;
  }
  &::after{
    content: '';
    position: absolute;
    top: 0;
    right: -.6rem;
    width: .6rem;
    height: .52rem;
    background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/toast-right.png);
    background-size: 100%;
    background-repeat: no-repeat;
  }
}
.popup-content-left{
  position: absolute;
  top: 0;
  left: -.42rem;
  width: .42rem;
  height: .52rem;
  background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/toast-left.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.popup-content-center{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 .4rem;
  padding-top: .1rem;
  height: .52rem;
  background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/toast-center.png);
  background-size: .85rem .52rem;
  background-repeat: repeat;
}
.popup-content-right{
  position: absolute;
  top: 0;
  right: -.6rem;
  width: .6rem;
  height: .52rem;
  background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/toast-right.png);
  background-size: 100%;
  background-repeat: no-repeat;
}