html, body {
    height: 100%;
}
.redpacketapp {
    background: #F5F6F7;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}
.redpacketapp .base-wrap{
    background: #F5F6F7 url(../redpack2021/redpacket-top.png) no-repeat;
    background-size: 100% 110px;
    background-position: center top;
}
.give-redpacket-content .redpacketapp {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

.close-content {
    width: 3rem;
    height: 3rem;
    padding: .8rem;
    position: absolute;
    top: 0.8rem;
    right: 0.7rem;
    box-sizing: border-box;
    z-index: 990;
}

.close-hb {
    width: 1.4rem;
    height: 1.4rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNGYyNTI2NS1hYmQ4LTA1NGQtOTkyMi0zZGY1MWJhZGUzNTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEJGRTg3MzQzQ0EwMTFFOEI5MzFCNDY1ODZFMTIyNTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEJGRTg3MzMzQ0EwMTFFOEI5MzFCNDY1ODZFMTIyNTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTJBNDVCRDMzNDk2MTFFOEEzMTZCOTcyNTZCMzk1NkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTJBNDVCRDQzNDk2MTFFOEEzMTZCOTcyNTZCMzk1NkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4aYy+PAAABYElEQVR42qzWTU7DMBAF4GQacQn2PQgSB4BFgLDpIZI1sM41INAiwQEq9RpI7LlEaBFvpIlkWY49djzSa5rm54trO0nZtm2BOkf2yAPyXkRU3/fe7V3XXWFxjWyw76kS7ICskVekRHZFhhLsDTnjYL2ppGVr2WeFDPJ9lxHjqpGR8PGEnIx9J7TOiHGNyCeDW+Q+F+rB7tCHHyQ/ZEFDGK+QsWERqsFsMBnVYlylzEO7bpAXwabii2gco1eNuVoY29IojKvydMtWlmZLzXn6G4uFQB/Kd6Q/6/ggpgHnULK6Q4VpQRMdHP1+1GK+QeOqUf5G1zm0F64Gp9FYzZxjwFysc4GuoX+0WrvSopSAjTIXG9c8DaGUgN3yY8Z3c/ChlIgF70hzKC3ApneaKJSWYCkoLcViUcqBxaCUC9OiJC+pWTAF+sjgxniKL8Y86DdyScarw3MuzIF+IRdY//kXYAD2kc2Dfmp7JgAAAABJRU5ErkJggg==)no-repeat;
    background-size: 100% 100%;
    display: block;
}

.red-packetsSlide {
    padding-top: 50px;
    height: 100%;
}

.pd-top-5 {
    padding-top: 5rem;
}

.base-wrap {
    height: 100%;
}

.give-redpacket-content .hd {
    position: absolute;
    height: 50px;
    /*padding:0 1.5rem 0 0;*/
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 992;
    text-align: center;
    background: #FF4D4D;
    /* background: linear-gradient(360deg, #FF6464 0%, #FF4444 100%); */
}

    .give-redpacket-content .hd ul {
        display: inline-flex;
        align-items: center;
        width: 100%;
        overflow-x: auto;
        max-width: 960px;
    }

        .give-redpacket-content .hd ul li {
            /*width:33.33%;
    float: left;*/
            text-align: center;
            font-size: 1.5rem;
            color: #fff;
            width: 18%;
            flex:1;
            line-height: 48px;
        }

            .give-redpacket-content .hd ul li s {
                text-decoration: none;
                color: rgba(255, 235, 188, .6);
            }

            .give-redpacket-content .hd ul li.on s {
                border-bottom: 2px solid #FFEBBC;
                display: inline-block;
                font-weight: bold;
                color: #ffebbc;
            }

.red-packetsSlide .bd {
    padding: 15px 18px 24px;
    min-height: calc(100% - 140px);
}
.red-packetsSlide .bd.scroll{
    height: calc(100% - 103px);
    overflow-y: auto;
    margin: 15px 0;
}
    .red-packetsSlide .bd ul li {
        padding: 0 1.5rem 2rem;
    }

.fill-in-text {
    padding-top: 2rem;
}

.editBox {
    height: 60px;
    padding: 24px 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.editBox.two-row{
    padding: 13px 18px;
    height: auto;
}
.editBox.first-title{
  height: 48px;
  justify-content: space-between;
  width: 100%;
  padding: 0 18px;
}
.editBox.first-title span{
  display: flex;align-items: center;
}
.editBox.first-title span:before{
  content: ' ';
  background: url(../img/turnredbag.png) no-repeat;
  background-size: cover;
  width: 20px;height: 20px;
  margin-right: 4px;
}
.editBox.first-title .del{
  color: #919499;
  font-size: 12px;
  cursor: pointer;
}
.editBox:after{
    position: absolute;
    bottom: 0;left: 18px;
    width: calc(100% - 36px);
    background: #F5F6F7;
    content: ' ';
    height: 1px;
    transform: scaleY(0.5)
}
.editBox.no-border:after{
    content: none;
}

.editBox span {
    font-size: 1.4rem;
    color: #353535;
    flex-shrink: 0;
}
.editBox select{
    font-size: 1.4rem;
    width: 107px;
}
.pin {
    width: 16px;
    height: 16px;
    background: url(../images/new2019-spirite.png)no-repeat 0 -33px;
    background-size: 246px;
    margin-left: .5rem;
}

.fill-in {
    margin-right: 1rem;
    text-align: right;

}
.fill-in.red{
    color: #DD4017;
}
.fill-in.grey{
    color: #bebebe;
}
.fill-in-t {
    margin-right: 0;
}

.fill-in input {
    font-size: 1.4rem;
    width: 100%;
    text-align: right;
    color: #353535;
    height: 3.8rem;
    margin-left: 5px;
}
.fill-in input.fiex{
    margin-left: 4px;
}

.switch-hb {
    font-size: 1.2rem;
    color: #919499;
    margin-bottom: 5px;
}

    .switch-hb s {
        text-decoration: none;
    }

    .switch-hb span {
        color: #FF4444;
        font-size: 12px;
    }

.up-down {
    width: 14px;
    height: 9px;
    background: url(../images/new2019-spirite.png) no-repeat 0 -5px;
    background-size: 233px;
    cursor: pointer;
    margin-left: 1rem;
    transform: rotate(-90deg);
}

.weui_cell_ft {
    margin-top: 6px;
}

.fill-in-text textarea {
    resize: none;
    border: none;
    outline: none;
    background: transparent;
    width: 100%;
    font-size: 1.4rem;
    color: #353535;
}

    .fill-in-text textarea::-webkit-input-placeholder {
        color: #b0b0b0;
    }

    .fill-in-text textarea::-moz-placeholder {
        color: #b0b0b0;
    }

    .fill-in-text textarea:-moz-placeholder {
        color: #b0b0b0;
    }

    .fill-in-text textarea::-ms-input-placeholder {
        color: #b0b0b0;
    }

.hb-sum {
    margin: 3.5rem 0 1rem;
    font-size: 2.5rem;
    color: #dd4017;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.redpacketapp .submit,.send-redpacket-footer .submit {
    display: block;
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 50px;
    background: #FF4444;
}
.redpacketapp .submit.disabled,.send-redpacket-footer .submit.disabled{
    background:rgba(221,64,23,.5);
}
.unreceived {
    margin-top: 6px;
    text-align: center;
    font-size: 1.2rem;
    color: #747474;
}
.unreceived.red{
  color: #FF4444;
}

.add-ad {
    width: 100%;
    border-radius: .2rem;
    background: #fff;
    margin-top: 2rem;
    position: relative;
    padding-bottom: 56.25%;
}

    .add-ad img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .add-ad p {
        font-size: 1.4rem;
        color: #b0b0b0;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

/* 红包记录 */
.redbag-list {
    width: 100%;
    height: 100%;
}

.red-packet-recordSlide {
    width: 100%;
    padding-top: 5rem;
    height: 100%;
    overflow-y: scroll;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

.redbag-list .hd {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 5rem;
    background: #fff;
    z-index: 992;
}

    .redbag-list .hd ul {
        min-width: 320px;
        max-width: 640px;
        margin: 0 auto;
    }

        .redbag-list .hd ul li {
            width: 50%;
            float: left;
            text-align: center;
            line-height: 4.9rem;
            font-size: 1.5rem;
            color: #747474;
            font-weight: bold;
        }

            .redbag-list .hd ul li s {
                text-decoration: none;
            }

            .redbag-list .hd ul li.on s {
                color: #dd4017;
                border-bottom: 2px solid #dd4017;
                display: inline-block;
            }

.user-send {
    background: #f9f9f9;
    padding: 2.5rem 0;
    position: relative;
}

.record-words {
    margin-left: .5rem;
}

.userImg {
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 50%;
    margin: 0 auto 1rem;
    border: 2px solid #fff;
}

    .userImg button {
        display: block;
        width: 6.5rem;
        height: 2.5rem;
        border-radius: 5rem;
        background: #fff;
        text-align: center;
        line-height: 2.5rem;
        color: #dd4017;
        font-size: 1.2rem;
        position: absolute;
        position: absolute;
        top: 40px;
        left: 61%;
        box-shadow: 0px 3px 9px rgba(176,176,176,0.4);
        -webkit-box-shadow: 0px 3px 9px rgba(176,176,176,0.4);
        -moz-box-shadow: 0px 3px 9px rgba(176,176,176,0.4);
        -ms-box-shadow: 0px 3px 9px rgba(176,176,176,0.4);
    }

        .userImg button i {
            width: 4px;
            height: 6px;
            background: url(../images/new2019-spirite.png)no-repeat 0px 0px;
            background-size: 200px;
            display: inline-block;
            position: absolute;
            left: -3px;
            top: 10px;
        }

    .userImg img {
        width: 5.8rem;
        height: 5.8rem;
        border-radius: 50%;
    }

.userName {
    font-size: 1.2rem;
    text-align: center;
    color: #747474;
}

    .userName span {
        color: #dd4017;
    }

.amount-quantity {
    margin-top: 5rem;
}

.number span {
    display: block;
    text-align: center;
    font-size: 1.2rem;
    color: #747474;
}

.number p {
    font-size: 2rem;
    color: #353535;
    font-weight: bold;
    text-align: center;
}

.packet-record {
    padding-left: 1.5rem;
}

    .packet-record ul li {
        padding: 2rem 0;
        position: relative;
    }

        .packet-record ul li:after {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 1px;
            border-bottom: 1px solid #f0f0f0;
            color: #f0f0f0;
            -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            margin-top: 15px;
        }

.record-words p {
    font-size: 1.4rem;
    color: #353535;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.record-words span, .records span {
    font-size: 1.2rem;
    color: #747474;
}

.packet-record ul li p {
    font-size: 1.4rem;
    color: #353535;
    padding-right: 1.5rem;
}

.records p {
    font-size: 1.4rem;
    color: #353535;
}

.records span {
    text-align: right;
    display: block;
    padding-right: 1.5rem;
}

/* 领取红包 */
.newredbag {
    /*height: 100%;*/
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
}

    .newredbag .fixed-tk {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        display: block;
    }

    .newredbag .new-tk {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
    }

.redPackets-bg {
    width: 300px;
    height: 440px;
    background-image: url(../redpack2021/redpack-bg-default.png);
    background-repeat: no-repeat;
    background-size: 100% 78.6%;
    border-radius: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    padding: 0 4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.uesrImg {
    width: 5.2rem;
    height: 5.2rem;
    border: 2px solid #FDD7A7;
    border-radius: 50%;
    margin: 3rem auto .5rem;
}

    .uesrImg img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

.uesrName {
    text-align: center;
    font-size: 1.3rem;
    color: #FDD7A7;
    font-weight: bold;
}

.send-tips {
    text-align: center;
    font-size: 1.3rem;
    color: #FDD7A7;
    margin: .2rem 0 0;
}

.blessings {
    font-size: 22px;
    color: #FDD7A7;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.3;
    margin-top: 4rem;
}

.open-button, .confirm-butt.open-button {
    display: block;
    width: 100px;
    height: 100px;
    background: url(../redpack2021/open-btn.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -5px;
    z-index: 5;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

img.redpack-bg-footer {
    position: absolute;
    left: 0;
    bottom: -3px;
    z-index: 1;
    width: 100%;
}

.hb-close {
    width: 36px;
    height: 36px;
    background: url(../images/new2019-spirite.png) no-repeat -19px 0;
    background-size: 184px;
    display: block;
    position: absolute;
    bottom: -8rem;
    left: 50%;
    transform: translate(-50%, -50%);
}

.question-box .hb-close {
    bottom: 0;
}

.flex-bg {
    position: fixed;
    width: 102px;
    height: 47px;
    bottom: 1rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translateZ(0);
}

.return-live {
    position: absolute;
    width: 102px;
    height: 47px;
    bottom: 1rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}

    .return-live > img {
        width: 100%;
        height: 100%;
    }

    .return-live i {
        background: url(../images/new2019-spirite.png) no-repeat -98px -90px;
        background-size: 200px;
        width: 102px;
        height: 46.5px;
        display: block;
    }
/* 已领完 */
.received {
    font-size: 25px;
    color: #FDD7A7;
    font-weight: bold;
    text-align: center;
    margin-top: 16px;
}

.send-again {
    margin-top: 2rem;
    text-align: center;
}

    .send-again a i {
        width: 16px;
        height: 17px;
        background: url(../images/new2019-spirite.png) no-repeat 0 -96px;
        background-size: 246px;
        display: inline-block;
        margin-right: .5rem;
        vertical-align: middle;
        margin-top: -3px;
    }

    .send-again a span {
        font-size: 1.3rem;
        color: #FDD7A7;
    }

.receive-xq {
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
    color: #FDD7A7;
    position: absolute;
    bottom: 2%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 12;
}
/* 口令红包 */
.password {
    width: 20rem;
    height: 4rem;
    border-radius: 5rem;
    background: rgba(255, 205, 119, 0.3);
    margin: 2rem auto 0;
}

    .password input {
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 14px;
        color: #FDD7A7;
        font-weight: bold;
        background: linear-gradient(135deg, #EE651F, #E12627);
        border-radius: 20px;
    }

        .password input::-webkit-input-placeholder {
            color: #FDD7A7;
        }

        .password input::-moz-placeholder {
            color: #FDD7A7;
        }

        .password input:-moz-placeholder {
            color: #FDD7A7;
        }

        .password input::-ms-input-placeholder {
            color: #FDD7A7;
        }

.kl-tips {
    margin-top: 3rem;
}

.confirm-butt {
    width: 20rem;
    height: 4.5rem;
    border-radius: .2rem;
    background: #FDD7A7;
    text-align: center;
    line-height: 4.5rem;
    font-size: 1.6rem;
    color: #353535;
    font-weight: bold;
    position: absolute;
    bottom: 2%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


/* 图片验证码 */
.yzm-Code {
    width: 15rem;
    height: 6rem;
    margin: 1rem auto 0;
}

    .yzm-Code img {
        width: 100%;
        height: 100%;
    }
/* 区域红包 */
.area-tips {
    font-size: 1.8rem;
    color: #FDD7A7;
    font-weight: bold;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 12%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
/* 商家红包领取 */
.redPackets-bg-a {
    width: 300px;
    height: 440px;
    background: url(../redpack2021/redpack-bg-default.png)no-repeat;
    border-radius: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    padding: 0 2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.redPackets-gotyep {
    background: url(../redpack2021/redpack-bg-opened.png)no-repeat;
    background-size: 100% 100%;
    color: #FFA12A !important;
}
.redPackets-gotyep .uesrName {
    color: #FFA12A !important;
}
.redPackets-gotyep .send-tips {
    color: #FDD7A7!important;
    font-size: 26px;
    position: absolute;
    bottom: 100px;
    width: 100%;
    text-align: center;
    left: 0;
}
.redPackets-gotyep .received {
    color: #FFA12A !important;
    font-size: 33px;
    line-height: 36px;
}
.djs-s {
    width: 4rem;
    height: 2.3rem;
    border-radius: 3rem;
    background: rgba(0, 0, 0, 0.3);
    text-align: center;
    line-height: 2.3rem;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
}

.business-ad {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    border-radius: .2rem;
    border: 2px solid rgba(255, 255, 255, 0.7);
    position: relative;
    bottom: -8%;
    right: 0;
}

    .business-ad img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
/* 定时红包 */
.rb-bg {
    width: 19rem;
    height: 15.6rem;
    background: url(../images/hb-04.png)no-repeat;
    background-size: 100% 100%;
    margin: 1rem auto;
}

.ds-user {
    font-size: 1.6rem;
    color: #FDD7A7;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: center;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 10px;
}

.djs-hb {
    width: 85px;
    height: 85px;
    background: #FDD7A7;
    border-radius: 50%;
    font-size: 1.7rem;
    text-align: center;
    line-height: 85px;
    font-weight: bold;
    position: absolute;
    top: 70%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/* 领取详情 */
.details-box {
    /*position:fixed;
    bottom:0;
    left:0;
    width:100%;*/
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f3f3f3;
    padding-top: 17.5rem;
    box-sizing: border-box;
}

.head-t {
    width: 100%;
    height: 17.5rem;
    background: url(../images/details-bg.jpg)no-repeat;
    background-size: 100% 100%;
    position: absolute;
    padding-top: 12.5rem;
    box-sizing: border-box;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.manImg {
    width: 6rem;
    height: 6rem;
    border: 1px solid #FDD7A7;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

    .manImg img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

.nameUser {
    justify-content: center;
    align-items: center;
}

    .nameUser p {
        font-size: 1.3rem;
        font-weight: bold;
        color: #353535;
        text-align: center;
        margin-right: .3rem;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.4;
        white-space: nowrap;
    }

    .nameUser i {
        width: 16px;
        height: 16px;
        background: url(../images/new2019-spirite.png)no-repeat 0 -33px;
        background-size: 246px;
        display: block;
    }

.message {
    font-size: 1.3rem;
    color: #353535;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.head-b {
    background: #f3f3f3;
    padding-bottom: 1.5rem;
}

.b-sum {
    font-size: 4rem;
    color: #353535;
    font-weight: bold;
    text-align: center;
}

    .b-sum span {
        font-size: 1.3rem;
        font-weight: normal;
    }

.details-xq {
    justify-content: center;
    align-items: center;
}

    .details-xq p {
        font-size: 1.3rem;
        color: #747474;
    }

    .details-xq i {
        width: 1.3rem;
        height: 1.4rem;
        display: inline-block;
        margin-right: .3rem;
    }

        .details-xq i.redbag {
            /* background:url(../images/hb-05.png)no-repeat;
    background-size:100% 100%; */
            width: 13px;
            height: 14px;
            background: url(../images/new2019-spirite.png) no-repeat 0 -40px;
            background-size: 200px;
        }

        .details-xq i.redbag-record {
            /* background:url(../images/hb-06.png)no-repeat;
    background-size:100% 100%; */
            width: 13px;
            height: 14px;
            background: url(../images/new2019-spirite.png) no-repeat 0 -13px;
            background-size: 200px;
        }

.b-bottom {
    width: 60%;
    margin: 1rem auto 0;
}

.hb-record {
    height: 4.5rem;
    border-bottom: .5px solid #f0f0f0;
    padding-left: 1.5rem;
    background: #fff;
}

    .hb-record p {
        font-size: 1.3rem;
        color: #747474;
        line-height: 4.5rem;
    }

        .hb-record p s {
            text-decoration: none;
        }

.receive-record {
    background: #fff;
}

    .receive-record ul li {
        padding: 1rem 1.5rem;
    }

.uImg {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
}

    .uImg img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

.user-words {
    padding: 0 .5rem;
}

    .user-words p {
        font-size: 1.4rem;
        color: #353535;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        margin-bottom: -.6rem;
    }

    .user-words span {
        font-size: 1.2rem;
        color: #747474;
    }
/* git pull origin test
git pull origin liang/feat-company-redpacket-2 */

.jine p {
    font-size: 1.4rem;
    color: #353535;
    text-align: right;
}
p.timing-tips {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 136px;
    color:#FDD7A7;
    z-index: 15;
    font-size: 14px;
}
button.timing-button {
    width: 155px;
    height: 70px;
    background: url(../redpack2021/redpacket-btn.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 24px;
    font-size: 15px;
    font-family: DIN;
    font-weight: bold;
    color: #F26100;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 6rem;
    z-index: 15;
}

.slide-in {
    /*height:35rem;
    overflow-y:scroll;
    background: #f3f3f3;*/
    height: 100%;
    overflow-y: scroll;
    background: #f3f3f3;
    position: relative;
}

.best i {
    /* width:1.3rem;
    height:1.1rem;
    background:url(../images/hb-07.png)no-repeat;
    background-size:100% 100%; */
    width: 15px;
    height: 13px;
    background: url(../images/new2019-spirite.png) no-repeat 0 -62px;
    background-size: 230px;
    display: inline-block;
    margin-right: .3rem;
}

.best span {
    font-size: 1.2rem;
    color:#FDD7A7;
}

/** 服务声明*/

/* 服务条款 */
.clause-tips {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    font-size: 12px;
    color: #353535;
}
.clause-tips .tip-right{
    margin-left: auto;
    display: flex;align-items: center;
    color: #919499;
}

    .clause-tips i {
        display: inline-block;
        width: 15px;
        height: 15px;
        background-image: url('../images/clause-tips-icon.png');
        background-size: 90%;
        background-repeat: no-repeat;
        margin-right: 4px;
    }
/* 弹框区域 */
.pop-up-model {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(0, 0, 0, .5);
}

.clause-wrap {
    position: absolute;
    width: 300px;
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 2px;
}

.clause-con {
    display: block;
    padding: 20px;
    text-align: center;
}

.clause-con-tit {
    font-size: 16px;
    color: rgba(53, 53, 53, 1);
    line-height: 23px;
    margin-bottom: 10px;
}

.clause-con p:last-of-type {
    font-size: 14px;
    color: rgba(53, 53, 53, 1);
    line-height: 23px;
}

.clause-btn {
    height: 50px;
    line-height: 50px;
    border-top: 1px solid rgba(240, 240, 240, 1);
    text-align: center;
    font-size: 16px;
    color: rgba(0, 132, 255, 1);
}

/*@media only screen and (max-width: 360px) and (min-width: 310px) {
    .slide-in{height:78%;}
}
@media only screen and (min-height: 812px){
    .slide-in{height:77%;}
}
@media only screen and (min-height: 680px){
    .slide-in{height:75%;}
}*/



@media only screen and (min-width: 310px) and (max-width: 360px) {
    .open-button, .confirm-butt.open-button{
        width: 75px;height: 75px;bottom: 2px;
    }
    .redPackets-bg {
        width: 260px;
        height: 372px;
        padding: 0 3rem;
    }
    .redPackets-bg.company{
        padding-top: 30px !important;
    }
    .uesrImg, .manImg {
        width: 4.5rem;
        height: 4.5rem;
    }

    .blessings {
        font-size: 22px;
        margin-top: 2rem;
    }

    .send-tips {
        margin: .2rem 0 2rem;
    }
    /*.open-button{width:75px;height:75px;}*/
    .received {
        font-size: 2.5rem;
        line-height: 2.7rem;
        margin-top: 2rem;
    }

    .password {
        width: 15rem;
        height: 3.4rem;
        margin-top: 1rem;
    }

    .rb-bg {
        width: 14rem;
        height: 11.5rem;
    }

    .ds-user {
        font-size: 1.3rem;
    }

    .djs-hb {
        width: 75px;
        height: 75px;
        line-height: 75px;
    }

    .djs-hb {
        font-size: 1.5rem;
    }

    .head-t {
        height: 150px;
    }

    .head-t {
        padding-top: 9.5rem;
    }
    /*.slide-in{height:30rem;}*/
    .confirm-butt {
        width: 18rem;
        height: 4rem;
        line-height: 4rem;
    }

    .yzm-Code {
        width: 12rem;
        height: 3rem;
    }

    .area-tips {
        font-size: 1.8rem;
    }
    .business-ad {
        bottom: 0;
    }
}

/* 红包雨 红包答题 红包优化 start */
.red-input-group{
    margin-bottom: 10px;
    border-radius: 6px;
    background: #fff;
}
.editBox .weui_switch:checked{
    background-color: #FF4444 !important;
    border-color: #FF4444 !important;
}
.red-input-group .editBox:last-of-type:after{
    content: initial;
}
.red-input-group.isend{
    pointer-events: none;
}
.red-input-group.isend .up-down{
    display: none;
}
.send-redpacket-footer{
    padding: 0 18px 24px;
    height: 140px;
}
.send-redpacket-footer.zero{
    padding: 10px 18px 0;
    height: initial;
}
.red-packetsSlide .rain-item{
    background: #ffffff;
    padding: 20px 15px 0;
    font-size: 14px;
    margin-bottom: 15px;
    position: relative;
}
.red-packetsSlide .rain-item:last-of-type{
    margin-bottom: 0;
}
.red-packetsSlide .rain-item h1{
    line-height: 1.5;
    font-weight: bold;
    font-size: 14px;
}
.red-packetsSlide .rain-item.rain{
    padding: 0;
}
.red-packetsSlide .rain-item.rain h1{
    font-size: 12px;
    display: flex;justify-content: space-between;
    align-items: center;
    height: 44px;
    border-bottom: 1px solid #F5F6F7;
    padding: 0 15px;
}
.red-packetsSlide .rain-item.rain h1 .status-content{
    display: flex;align-items: center;
}
.red-packetsSlide .rain-item.rain h1 .rain-status{
    color: #FF4444;
    font-size: 12px;
    /* margin-left: 15px; */
}
.red-packetsSlide .rain-item.rain h1 .rain-status.notbegin{
  color: #FF8300;
}
.red-packetsSlide .rain-item.rain h1 .rain-status.grey{
  color: #B8BABF;
}
.red-packetsSlide .rain-empty{
    text-align: center;font-size: 14px;
    line-height: 1.3;
    width: 80%;
    margin: 0 auto;
    max-width: 440px;
}
.red-packetsSlide .rain-empty img{
    width: 100%;
    margin-bottom: 25px;

}
.red-packetsSlide .rain-empty p{
    margin: 0 auto;
}
.red-packetsSlide .rain-item-money{
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    padding:  14px 0 15px;
}
.red-packetsSlide .rain-item-money span{
    color: #dd3f17;
    font-weight: normal;
}
.red-packetsSlide .rain-item.rain .rain-item-money{
    align-items: center;
    height: 50px;
    margin: 25px 0;
}
.red-packetsSlide .rain-item.rain .rain-item-money .count-item{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;justify-content: center;
    color: #919499;
    font-size: 12px;
}
.red-packetsSlide .rain-item.rain .rain-item-money .line{
    width: 1px;
    height: 30px;
    background: #F5F6F7;
    border-radius: 4px;
}
.red-packetsSlide .rain-item.rain .rain-item-money .count-item span{
    font-size: 20px;
    color: #202124;
    margin-bottom: 4px;
}
/* .red-packetsSlide .rain-item.isend{
    background: #fff url(../images/isend.png) no-repeat;
    background-position: calc(100% - 10px) 10px;
    background-size: 52px 42px;
} */
.red-packetsSlide .rain-foot{
    display: flex;
    padding: 7px 0;
    border-top: 1px solid #F5F6F7;
}
.red-packetsSlide .rain-foot button{
    height: 34px;
    flex: 1;
    color: #006bff;
    border-right: 1px solid #F5F6F7;
}
.red-packetsSlide .rain-foot button.grey{
    color: #afafaf;
}
.red-packetsSlide .rain-item.rain .rain-foot{
    padding: 0;
}
.red-packetsSlide .rain-item.rain .rain-foot button{
    color: #202124;
    height: 50px;
}
.red-packetsSlide .rain-item.rain .rain-foot button.grey{
    color: #919499;
}
.red-packetsSlide .rain-foot button:last-of-type{
    border-right: none;
}

.redpacket-create{
    position: fixed;
    left: 0;top: 0;
    width: 100%;height: 100%;
    background: #f9f9f9;
    z-index: 991;
    padding: 15px 15px 0;
    box-sizing: border-box;
    color: #353535;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.redpacket-create-main{
    min-height: calc(100% - 107px);
    
}
.redpacket-create-main.forbid{
    pointer-events: none;
}
.redpacket-create-main .create-tip{
    font-size: 12px;
    line-height: 1;margin-bottom: 15px;
    color: #919499;

}
.redpacket-create-main .create-tip span{
    color: #FF4444;
    font-size: 12px;
}

.redpacket-create .answer-area{
    border-radius:7px;
    background: #ffffff;
    padding: 0 15px;
    margin-bottom: 15px;
}
.redpacket-create .answer-item{
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #F0F0F0;
    display: flex;align-items: center;
    width: 100%;
}
.redpacket-create .answer-item:last-child{
    border-bottom: none;
}
.redpacket-create .required:before{
    content: '*';
    color: #DB4017;
}
.redpacket-create .answer-area h1{
    font-weight: normal;
    font-size: 14px;
}
.redpacket-create .answer-item input{
    flex: 1;
}
.redpacket-create .answer-item .option{
    margin-right: 4px;
}
.redpacket-create .answer-item .del{
    width: 22px;height: 22px;
    background: #db4017;
    display: flex;align-items: center;justify-content: center;
    border-radius: 50%;
}
.redpacket-create .answer-item .del:before{
    content: ' ';
    width: 10px;height: 2px;
    background: #ffffff;
    border-radius:1px;
}
.redpacket-create .answer-item.add{
    color: #006cff;
    justify-content: center;
    cursor: pointer;
}
.redpacket-create .create-footer{
    display: flex;
    margin-top: 10px;
}
.redpacket-create .create-footer button{
    border: 1px solid #DB4017;
    border-radius:7px;
    height: 45px;
    width: 130px;
    margin-right: 10px;
    color: #dd4017;
    background: transparent;
}
.redpacket-create .create-footer button.light{
    flex: 1;
    margin-right: 0;
    width: auto;
    background: #dd4017;
    color: #ffffff;
    font-size: 16px;font-weight: bold;
    
}


.red-rain-close {
    background: url(../img/rain-close.png) no-repeat;
    background-size: 100%;
    width: 35px;
    height: 35px;
    display: block;
    margin: 15px auto 0;
    cursor: pointer;
  }
  .red-rain-close.rain-close{
    background: url(../img/rain-close2.png) no-repeat;
    background-size: 100%;
  }
  .red-rain-count-box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
  }
  .red-rain-count {
    background: url(../img/rain-countdown-bg.png) no-repeat;
    background-size: 100% 100%;
    /* width: 100%; */
    width: 320px;height: 238px;
    /* height: calc(100vw * 0.746); */
    /* max-width: 375px;
    max-height: 280px; */
    /* display: flex;
    justify-content: center;
    align-items: center; */
    color: #FFFDE0;
    font-weight: bold;
    padding-top: 101px;
    text-align: center;
  }
  .red-rain-count h1 {
    font-size: 30px;
  }
  .red-rain-count-box .result-btn {
    background: url(../img/rain-btn2.png) no-repeat;
    background-size: cover;
    width: 186px;
    height: 58px;
    cursor: pointer;
  }
  @font-face {
    font-family: 'TG-TYPE-Bold';
    src: url('https://static2.weizan.cn/zhibo/userlivecontent/vzan2020/font/TG-TYPE-Bold.otf');
  }
  .vz-font {
    font-family: 'TG-TYPE-Bold';
  }
  /* .red-rain-count .rain-countdown {
    margin-top: 23px;
    font-size: 16px;
    background: url(../img/red-count.png) no-repeat;
    border-radius: 40px;
    background-size: 100%;
    width: 255px;
    height: 55px;
    line-height: 55px;
  } */
  /* .red-rain-count .red-rain-foot {
    margin-top: auto;
    font-size: 15px;
  } */
  .red-answer-box {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -245px;
    z-index: 202;
  }
  .red-answer {
    background: url(../img/redbg.png) no-repeat;
    background-size: 100% 100%;
    width: 300px;
    box-sizing: border-box;
    height: 440px;
    color: #FDD7A7;
    font-weight: bold;
    padding: 26px 26px 30px 26px;
  }
  .red-answer h1 {
    font-size: 15px;
    height: 61px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .red-answer ul {
    width: 240px;
    height: 205px;
    margin: 69px auto 39px;
    font-size: 12px;
  }
  .red-answer li {
    margin-bottom: 15px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(../img/red-answer.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
  }
  .red-answer li:hover {
    color: #E36500;
    background: url(../img/red-active.png) no-repeat;
    background-size: 100% 100%;
  }
  .red-answer li:last-of-type {
    margin-bottom: 0;
  }
  .red-answer .answer-foot {
    font-size: 12px;
    text-align: center;
  }
  .red-answer-correctBox {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -213px;
    z-index: 99;
  }
  .red-answer-correct {
    width: 300px;
    height: 377px;
    padding: 30px 30px 25px;
    box-sizing: border-box;
    background: url(../img/redbg3.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    font-weight: bold;
  }
  .red-answer-correct h1 {
    background: url(../img/correct.png) no-repeat;
    background-size: 100% 100%;
    width: 180px;
    height: 18px;
    margin: 0 auto;
  }
  .red-answer-correct .answer-head {
    height: 170px;
  }
  .red-answer-correct .answer-money {
    color: #E36500;
    font-size: 14px;
    margin: 22px 0 19px;
    line-height: 1;
  }
  .red-answer-correct .answer-money span {
    font-size: 50px;
  }
  .red-answer-correct .tip {
    font-size: 10px;
    line-height: 14px;
    color: #E36500;
  }
  .red-answer-correct .answer-text {
    font-size: 14px;
    color: #FDD7A7;
    line-height: 1.4;
    height: 57px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-align: left;
  }
  .red-answer-correct .answer-item {
    height: 40px;
    line-height: 40px;
    color: #E36500;
    background: url(../img/red-active.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: left;
    padding: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .red-answer-correct .answer-foot {
    color: #FDD7A7;
    font-size: 12px;
    cursor: pointer;
  }
  .red-answer-correct .error {
    display: block;
    width: 76px;
    height: 76px;
    background: url(../img/error.png) no-repeat;
    background-size: cover;
    margin: 0 auto 15px;
  }
  .red-answer-correct .error-text {
    color: #E36500;
    text-align: center;
    font-size: 14px;
  }
  .red-rain-result-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;height: 100%;
    /* margin-left: -150px;
    margin-top: -150px; */
    z-index: 302;
    display: flex;justify-content: center;align-items: center;
    flex-direction: column;
    background: rgba(0,0,0,.8);
    overflow: hidden;
  }
  .red-rain-result {
    width: 300px;
    /* height: 331px; */
    background: url(../img/redbg4new.png) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-bottom: 36px;
    color: #E36500;
    font-weight: bold;
    text-align: center;
    position: relative;
  }
  #svga-get-rain1{
    position: absolute;
    top: -50px;
    left: -100px;
    width: 500px;
    height: 240px;
  }
  #svga-get-rain2{
    position: absolute;
    top: -50px;
    left: -100px;
    width: 500px;
    height: 240px;
  }
  .red-rain-result .result-head {
    display: flex;
    flex-direction: column;
    align-items: center;justify-content: center;
    height: 210px;
    box-sizing: content-box;
    position: relative;
  }
  .red-rain-result .result-head.error-mode h1 {
    background: url(../img/getrainfail.png) no-repeat;
    background-size: 100% 100%;
    width: 140px;height: 54px;
  }
  .red-rain-result .result-head.prev-mode h1 {
    background: url(../img/prevrain.png) no-repeat;
    background-size: 100% 100%;
    width: 120px;height: 54px;
  }
  .red-rain-result .result-money {
    font-size: 14px;
    margin-top: 24px;
    line-height: 1;
  }
  .red-rain-result .result-money span {
    font-size: 40px;margin: 0 5px;
  }
  .red-rain-result h1 {
    background: url(../img/getraintext.png) no-repeat;
    background-size: 100% 100%;
    /* margin: 0 auto; */
    width: 100px;
    height: 54px;
  }
  .red-rain-result-box .result-btn {
    background-image:url(../img/rain-btn2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 186px;
    height: 58px;
    margin: 40px auto 0;
    cursor: pointer;
  }
  .red-rain-result-box .result-btn.happyget{
    background-image: url(../img/happyget.png);height: 75px;
  }
  .red-rain-result-box .result-btn.waitnext{
    background-image: url(../img/waitnext.png);height: 75px;
  }
  .red-rain-result .next-rain{
    color: #FFFDE0;
    font-size: 25px;
    text-align: center;
  }
  .red-rain-result .next-rain h1{
    width: 206px;height: 16px;
    background: url(../img/nextrain.png) no-repeat;
    background-size: 100% 100%;
    margin: 40px auto 10px;
  }
  /* .red-rain-result .error {
    background: url(../img/error.png) no-repeat;
    background-size: cover;
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
  }
  .red-rain-result .error-text {
    font-size: 14px;
    margin: 17px 0 15px;
  } */
  .red-rain-result .tip {
    position: absolute;
    width: 100%;
    left: 0;bottom: 16px;
    text-align: center;
    color: #F45E26;
    font-size: 10px;
  }
  .pc-rain-count-box {
    position: fixed;
    left: 50%;
    top: 50%;
    display: flex;
    margin-left: -210px;
    margin-top: -203px;
    z-index: 99;
  }
  .pc-rain-count-box .red-rain-close {
    width: 42px;
    height: 42px;
    margin-top: 0;
    margin: 0 0 0 20px;
  }
  .pc-rain-count {
    width: 360px;
    height: 407px;
    background: url(../img/pc-redbg.png) no-repeat;
    background-size: cover;
    text-align: center;
    color: #FDD7A7;
    padding-top: 32px;
    box-sizing: border-box;
  }
  .pc-rain-count h1 {
    width: 155px;
    height: 21px;
    background: url(../img/pc-rain.png) no-repeat;
    background-size: cover;
    margin: 0 auto;
  }
  .pc-rain-count .count {
    font-size: 20px;
    margin: 23px 0 91px;
    line-height: 1;
  }
  .pc-rain-count .img-box {
    width: 156px;
    height: 156px;
    border: 1px solid #FDD7A7;
    padding: 8px;
    box-sizing: border-box;
    margin: 0 auto 16px;
    border-radius: 6px;
    background: #ffffff;
    font-weight: bold;
  }
  .pc-rain-count .img-box img,
  .pc-rain-count .img-box canvas {
    width: 100%;
    height: 100%;
  }
  .pc-rain-count .tip {
    font-size: 14px;
  }
  .red-rain-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 300;
  }
  .red-rain-main .rain-item {
    width: 81px;
    height: 81px;
    position: inherit;
    left: 100px;
    top: -20%;
    z-index: 908;
    animation: raindrop 4s infinite linear;
    -webkit-transform:rotate(27deg);
    -moz-transform: rotate(27deg);
    -ms-transform: rotate(27deg);
    -o-transform: rotate(27deg);
    transform: rotate(27deg);
  }
  .red-rain-main .rain-item.back{
    animation-play-state: paused;
  }
  .red-rain-main .rain-item.pause{
    
  }
  @keyframes raindrop {
    from {
        /* top: -20%; */
        -webkit-transform:rotate(27deg);
        -moz-transform: rotate(27deg);
        -ms-transform: rotate(27deg);
        -o-transform: rotate(27deg);
        transform: rotate(27deg);
    }
    to {
      /* top: 120%;
      margin-left: -20vw; */
        -webkit-transform:rotate(27deg) translate3d(120vw, 120vh, 0);
        -moz-transform: rotate(27deg) translate3d(120vw, 120vh, 0);
        -ms-transform: rotate(27deg) translate3d(120vw, 120vh, 0);
        -o-transform: rotate(27deg) translate3d(120vw, 120vh, 0);
        transform: rotate(27deg) translate3d(120vw, 120vh, 0);
    }
  }
  @keyframes rainBack {
    from {
        left: 50%;top: 50%;
    }
    to {
      left: 20px;top: 20px;
      width: 20px;height: 23px;
    }
    /* 100% {
        opacity: 0;
    } */
  }
  .red-rain-main .rain-item.hide {
    opacity: 0;
    pointer-events: none;
  }
  .red-rain-main .rain-item.normal {
    width: 62px;
    height: 68px;
  }
  .red-rain-main .rain-item.mini {
    width: 41px;
    height: 45px;
  }
  .red-rain-main #rain-bg {
    width: 100%;
    height: 100%;
  }
  .red-rain-main .rain-toast{
    width: 250px;
    height: 35px;
    background: linear-gradient(135deg, #FFF1E4 0%, #FFD7B0 100%);
    border-radius: 6px;
    position: inherit;
    color: #F45E26;
    font-size: 14px;
    left: 50%;top: 55px;
    margin-left: -125px;
    line-height: 35px;text-align: center;
    display: none;
  }
  .red-rain-main .red-rain-close {
    width: 35px;
    height: 35px;
    position: inherit;
    top: 15px;
    right: 15px;
    z-index: 909;
    margin: 0;
  }
  .red-rain-main canvas {
    z-index: 901;
  }
  .red-rain-main .count-text {
    position: inherit;
    left: 0;
    top: 18px;
    font-size: 18px;
    text-align: center;
    color: #FFFDE0;
    width: 100%;
  }
  .red-rain-main .count-text p {
    color: #FFC000;
    margin-top: 10px;
    line-height: 1;
  }
  .red-rain-main .count-money{
    position: inherit;
    left: 18px;top: 22px;
    color: #FFFDE0;
    font-size: 12px;
    line-height: 1;
    display: flex;align-items: center;
  }
  .red-rain-main .count-money:before{
    content: ' ';
    background: url('../img/rain-count-num.png') no-repeat;
    background-size: 100% 100%;
    width: 25px;height: 25px;
    margin-right: 5px;
  }
  .red-rain-main .count-money span{
    font-size: 18px;
    margin-left: 3px;
  }
  .red-rain-main .yuanbao {
    position: inherit;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 909;
  }
  
/* 红包雨 红包答题 红包优化 end */

/* 企业红包 start */
.red-input-group .merchant-tip{
    color: #ff4444;
    background: #fff5f5;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    border-radius: 4px;
}
.red-input-group .cover-tip{
    color: #ff4444;
    font-size: 12px;
}
.red-input-group .cover-list-area{
    padding: 0 15px 15px;
    margin-top: -10px;
}
.red-input-group .cover-list{
    overflow-x: auto;
    display: flex;
    width: 100%;
    padding-top: 10px;
}
.red-input-group .cover-item{
    width: 80px;height: 100px;
    border-radius: 6px;
    background: #d8d8d8;
    margin-right: 10px;
    cursor: pointer;
    flex-shrink: 0;
    position: relative;
}
.red-input-group .cover-item.normal:before{
    content: ' ';
    position: absolute;
    width: 100%;height: 100%;left: 0;top: 0;
    background: rgba(255,255,255,.4);
    z-index: 2;
}
.red-input-group .cover-item.normal.check:after{
    content: ' ';
    position: absolute;
    right: 0;bottom: 0;
    background: url(../redpack2021/coverCheck.png) no-repeat;
    background-size: 100% 100%;
    width: 23px;height: 23px;
}
.red-input-group .cover-item.normal.check:before{
    content: none;
}
.red-input-group .cover-item .del{
    position: absolute;right: -6px;top: -6px;
    width: 18px;height: 18px;color: #ffffff;
    display: flex;align-items: center;justify-content: center;
    border-radius: 50%;
    background: grey;
    z-index: 9;
}
.red-input-group .cover-item.add{
   display: flex;flex-direction: column;
   justify-content: center;align-items: center;
   color: #919499;
   font-size: 12px;
}
.red-input-group .cover-item.add:before{
    content: '+';
    font-size: 30px;
    line-height: 1;
}
.red-input-group .cover-item img{
    width: 100%;height: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.red-shadow{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index: 999;
    top: 0;
    left: 0;
    display: flex;justify-content: center;align-items: center;align-content: center;
}
.red-shadow.bottom{
    align-items: flex-end;align-content: flex-end;
}
.red-cover-box{
    background: #fff;
    width: 100%;
    border-radius: 15px 15px 0 0;
    padding: 20px 15px 10px;
    max-width: 640px;
    box-sizing: border-box;
    max-height: 93%;
    overflow-y: auto;
}
.red-cover-box h1{
    display: flex;justify-content: space-between;
    font-size: 15px;
}
.red-cover-box h2{
    font-size: 14px;
    color: #747474;
}
.red-cover-box h1 a{
    color: #ff4444;
    font-size: 14px;
}
.red-cover-box .img{
    margin: 25px auto 30px;
    width: 260px;
}
.red-shadow img.bubblexm{
    position: inherit;
    width: 306px;height: 160px;
    top: 0;right: 0;
}
.red-cover-box .img img,.red-cover-box .bubble img{
    width: 100%;
}
.red-cover-box .bubble{
    margin: 25px auto 20px;
    width: 300px;
    position: relative;
}
.red-cover-box .bubble-shadow{
    display: flex;flex-direction: column;
    position: absolute;
    width: 100%;height: 100%;
    top: 0;left: 0;
}
.red-cover-box .bubble-top,.red-cover-box .bubble-bottom{
    background: rgba(0,0,0,.4);
}
.red-cover-box .bubble-bottom{
    flex: 1;
}
.red-cover-box .bubble-slide{
    height: 117px;
    background: linear-gradient(270deg, rgba(244, 0, 0, 0) 0%, #FF9800 100%);
}
.red-cover-box .bubble-tip{
    font-size: 12px;color: #202124;
    margin-bottom: 30px;
    text-align: center;
}
.red-cover-box .cover-btn-row{
    display: flex;
}
.red-cover-box .cover-btn-row button{
    flex: 1;
    background: #fff;
    color: #ff4444;
    border: 1px solid #FF4444;
    height: 50px;
    border-radius: 100px;
    font-size: 15px;
    margin-right: 9px;
}
.red-cover-box .cover-btn-row button:last-of-type{
    margin-right: 0;
    background: #ff4444;
    color: #ffffff;
}
#redbag-menu-area{
    position: fixed;
    left: 0;top: 0;
    width: 100%;height: 100%;
    z-index: 1200;
    display: flex;
    justify-content: center;align-items: flex-end;
}
.redbag-menu-mask {
    position:absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.redbag-menu-box{
  width: 100%;
  max-width: 640px;
  background: url(../redpack2021/red-menu-box.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  z-index: 12;
}
.redbag-menu-box.no-tabs {
    background: url(../redpack2021/red-menu-box2.png) no-repeat;
    background-size: 100% 100%;
}
.redbag-menu-box .tabs {
    display: flex;
    align-items: center;
    height: 52px;
}
.redbag-menu-box .tabs .tab {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: rgba(85, 12, 22, 0.6);
    transition: all 0.3s;
}
.redbag-menu-box .tabs .tab:not(:last-child):after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: 14px;
    background-color: #dcdfe6;
}
.redbag-menu-box .tabs .tab.is-active {
    color: rgba(85, 12, 22, 1);
}
.redbag-menu-box .tabs .tab.is-active .tab__text {
    position: relative;
}
.redbag-menu-box .tabs .tab.is-active .tab__text:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -3px;
    left: 0;
    height: 10px;
    background-color: rgba(255, 37, 29, 0.16);
}
.redbag-menu-box .notice-bar-wrap {
    height: 30px;
    margin-bottom: 15px;
    padding: 0 15px;
}
.redbag-menu-box .notice-bar-wrap .van-notice-bar {
    height: 30px;
    color: #550c16;
    background-color: rgba(255, 37, 29, 0.05);
}
.redbag-menu-box h1{
    height: 50px;
    line-height: 44px;
    text-align: center;
    color: #ff2b21;font-weight: bold;
    font-size: 15px;
    margin-bottom: 4px;
}
.redbag-menu-box ul{
  display: flex;
  flex-wrap: wrap;
}
.redbag-menu-box li{
  width: 33.3333%;
  text-align: center;
  color: #202124;
  padding-bottom: 25px;
  cursor: pointer;
  font-size: 13px;
}
.redbag-menu-box li i{
  display: block;
  width: 60px;height: 60px;
  margin: 0 auto 6px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.redbag-menu-box li i.normal{
  background-image: url(../redpack2021/normal-icon.png);
}
.redbag-menu-box li i.answer{
  background-image: url(../redpack2021/answer-icon.png);
}
.redbag-menu-box li i.pwd{
  background-image: url(../redpack2021/pdw-icon.png);
}
.redbag-menu-box li i.look{
  background-image: url(../redpack2021/look-icon.png);
}
.redbag-menu-box li i.comp{
  background-image: url(../redpack2021/comp-icon.png);
}
.redbag-menu-box li i.rain{
  background-image: url(../redpack2021/rain-icon.png);
}
.redPackets-bg.company{
    padding-top: 30px;
    text-align: center;
    color: #FDD7A7;
}
/* .redPackets-bg.company.normal{
    background: url(../redpack2021/redpack-normal-open-bg.png) no-repeat;
    height: 352px;
    background-size: 100% 100%;
} */
.redPackets-bg .company-title{
    font-size: 14px;
    /* margin-bottom: 12px; */
}
.redPackets-bg .company-money{
    margin-bottom: 12px;
}
.redPackets-bg.company .blessings{
    margin-top: 12px;
}
.redPackets-bg .company-text{
    font-size: 14px;
    margin-bottom: 81px;
}
.redPackets-gotyep.company{
    padding: 30px 0 0;
}
.redPackets-gotyep .company-title{
    /* margin-bottom: 55px; */
}
.redPackets-gotyep .company-normal:first-child{
    margin-bottom: 113px;
}
.redPackets-gotyep .company-normal{
    font-size: 12px;
}
.redPackets-gotyep .company-money var{
    font-size: 50px;
}
.redPackets-gotyep .company-bottom{
    position: absolute;
    bottom: 13px;width: 100%;
    color: #fdd7a7;
}
.redPackets-gotyep .bottom-wish{
    font-size: 20px;
    padding: 2px 15px 20px;
}
.redPackets-gotyep .company-num{
    font-size: 20px;
}
.redPackets-gotyep .company-bottom button{
    width: 180px;
    height: 70px;
    background: url(../redpack2021/redpacket-btn.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 25px;
    color: #f26100;font-size: 14px;
}
/* 企业红包 end */
/* 红包余额支付 start */
.pay-shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .pay-shadow.center {
    align-items: center;
  }
  .pay-red-area {
    position: fixed;
    z-index: 1001;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
  .pay-red-box {
    background: linear-gradient(180deg, #FFFFFF 0%, #F5F6F7 100%);
    border-radius: 15px 15px 0 0;
    width: 100%;
    color: #202124;
    font-size: 14px;
    max-width: 960px;
    box-sizing: border-box;
    padding: 30px 15px 15px;
  }
  .pay-red-box .pay-title {
    font-size: 13px;
    text-align: center;
    color: #919499;
  }
  .pay-red-box .pay-total {
    font-size: 20px;
    text-align: center;
  }
  .pay-red-box .pay-total var {
    font-size: 35px;
    font-weight: bold;
    font-style: initial;
  }
  .pay-red-box .pay-option-area {
    background: #fff;
    border-radius: 10px;
    margin: 30px 0 18px;
  }
  .pay-red-box .pay-option {
    padding: 25px 20px;
    display: flex;
    align-items: center;
    font-weight: bold;
    border-bottom: 1px solid #F5F6F7;
    cursor: pointer;
  }
  .pay-red-box .pay-option:first-of-type {
    padding: 18px 20px;
    cursor: initial;
  }
  .pay-red-box .pay-option .option-text {
    flex: 1;
  }
  .pay-red-box .pay-option .option-text span {
    color: #919499;
    font-size: 12px;
  }
  .pay-red-box .pay-option .option-text var {
    color: #FFA800;
    font-size: 12px;
    margin-left: 2px;
    font-style: initial;
  }
  .pay-red-box .pay-option .option-icon {
    width: 25px;
    height: 25px;
    border-radius: 4px;
    margin-right: 15px;
    flex-shrink: 0;
  }
  .pay-red-box .pay-option .option-icon.icon-ac {
    background: url(../img/acountpay.png) no-repeat;
    background-size: cover;
  }
  .pay-red-box .pay-option .option-icon.icon-wechat {
    background: url(../img/wechat.png) no-repeat;
    background-size: cover;
  }
  .pay-red-box .pay-option .option-check {
    background: url(../img/checkpay0.png) no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }
  .pay-red-box .pay-option .option-check.on {
    background: url(../img/checkpay1.png) no-repeat;
    background-size: cover;
  }
  .pay-red-box .pay-submit {
    padding: 0;
    width: 100%;
    color: #fff;
    background: #F44;
    height: 50px;
    border-radius: 25px;
    cursor: pointer;
    outline: none;
    border: none;
  }

/* 红包余额支付 end */

/* 企业红包 */
.more-redpack-group {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 1;
    display: flex;
    justify-content: space-between;
}

.more-redpack-btn:last-child {
    background-image: url(../redpack2021/redpacket-right.png);
}
.more-redpack-btn {
    background-image: url(../redpack2021/redpacket-left.png);
    width: 25px;
    height: 60px;
    background-size: 100% 100%;
}
.redPackets-wrap {
    position: absolute;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 12;
}
.company-tips-rptype {
    position: absolute;
    bottom: 13px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #FDD7A7;
    left: 0;
    z-index: 4;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.congraText {
    display: flex;
    align-items: center;
    margin-top: 10px;
    width: 100%;
    height: 60px;
    background: #FFFFFF;
    border-radius: 6px;
    box-sizing: border-box;
    padding-left: 18px;
    padding-right: 10px
}
.notGetTip {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    height: 172px;
    background: #FFFFFF;
    border-radius: 6px;
}
.notGetTip .title {
    position: relative;
    height: 51px;
    font-size: 15px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: bold;
    color: #202124;
    line-height: 51px;
    box-sizing: border-box;
    padding: 0 18px; 
}

.br1Px {
    height: 1px;
    background: #F5F6F7;
    transform: scaleY(0.5);
}
.br1Px2 {
    margin: 0 18px;
    height: 1px;
    background: #F5F6F7;
    transform: scaleY(0.5);
}

.notGetTip .input-title {
    height: 60px;
    display: flex;
    align-items: center;
}
.notGetTip .input-text {
    height: 60px;
    display: flex;
    align-items: center;
}
.input-title, .input-text {
    box-sizing: border-box;
    padding: 0 18px;
    display: flex;
    align-items: center;
}
.input-title span, .input-text span {
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    color: #202124;
}
.input-title input {
    font-size: 1.4rem;
    flex: 1;
    text-align: right;
}
.input-text input {
    font-size: 1.4rem;
    flex: 1;
    text-align: right;
}


.red-input-group input::-webkit-input-placeholder,
.selfForm input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #B8BABF;
}
.red-input-group input:-moz-placeholder,
.selfForm input::-webkit-input-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */ 
    color: #B8BABF;
}
.red-input-group input::-moz-placeholder,
.selfForm input::-webkit-input-placeholder { /* Mozilla Firefox 19+ 适配火狐 */  
    color: #B8BABF;
}
.red-input-group input:-ms-input-placeholder,
.selfForm input::-webkit-input-placeholder { /* Internet Explorer 10+  适配ie*/  
    color: #B8BABF;
}

.lookRewardList {
    padding: 60px 15px 80px;
}
.lookRewardList .create-btn {
    position: fixed;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 92%;
    height: 50px;
    background: #FF4444;
    border-radius: 25px;
    font-size: 15px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}
.lookRewardListItem {
    box-sizing: border-box;
    margin-bottom: 10px;
    background: #FFFFFF;
    border-radius: 6px;
}
.lookRewardListItem .top {
    height: 50px;
    box-sizing: border-box;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;   
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #60646B;
}
.top-left { 
    color: #202124;
}
.top-left-no { 
    color: #FF4444;
}
.lookRewardListItem .center {
    height: 82px;
    display: flex;
    align-items: center;
}
.lookRewardListItem .center .item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.lookRewardListItem .center .item .text {
    font-size: 12px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #919499;
    line-height: 14px;
}
.lookRewardListItem .center .item .num {
    margin-top: 8px;
    font-size: 20px;
    /* font-family: DIN-Medium, DIN; */
    font-weight: 500;
    color: #202124;
    line-height: 20px;
}
.br1px3 {
    height: 1px;
    background: #F5F6F7;
    transform: scaleY(0.5);
}
.lookRewardListItem .bottom {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.w1px {
    width: 1px;
    height: 40px;
    background: #F5F6F7;
    transform: scaleX(0.5);
}

.bottom-end {
    color: #919499;
}
.bottom-start {
    color: #006CFF;
}
.gobackLookRedbag {
    margin-right: 12px;
    /* width: 100px; */
    flex: 1;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: 25px;
    font-size: 15px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #919499;
}

#pc-redbag-2021 {
    position: absolute;
    bottom: 60px;
    right: 30px;
    z-index: 998;
    width: 202px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
#pc-redbag-2021 .redbag-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
#pc-redbag-2021 .login-qrcode {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
    width: 202px;
    height: 222px;
    border-radius: 2px;
}
#pc-redbag-2021 .login-qrcode .qrcode {
    position: absolute;
    top: 61px;
    width: 120px;
    height: 120px;
}
#pc-redbag-2021 .login-qrcode .bg {
    width: 100%;
}

.redbag-btn-container {
    width: 55px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.redbag-num {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 14px;
    font-family: DIN-Bold, DIN;
    font-weight: bold;
    color: #FFF1E4;
    background: #FF4444;
    border-radius: 0px 6px 0px 12px;
}
.redbag-btn-container img {
    width: 100%;
}
.redbag-btn-container .redbag-btn-text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    color: #fff;
    text-align: center;
    font-size: 12px;
    white-space:nowrap;
}
/* 红包雨优化 start */
.redrain-add-group{
    width: 200px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 25px;
    margin: 15px auto;
    display: flex;align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #202124;
    cursor: pointer;
}
.redrain-add-group:before{
    content: '+';
    margin-right: 2px;
    font-size: 14px;
}
.editBox .new-label p{
    font-size: 14px;
    color: #202124;
    line-height: 1;
}
.editBox .new-label span{
    font-size: 12px;
    color: #919499;
}
.editBox .new-label span var{
  color: red;
}
/* 红包雨优化 end */

/* 好友私发红包 start */
.private-redbag {
    width: auto;
    background: rgb(255 79 0 / 10%);
    border-radius: 10px 4px 4px 10px;
    display: inline-flex;
    position: relative;
    padding-right: 10px;
    margin: 0 auto;
}
.private-redbag > .private-redbag-qrcode {
    width: 60px;
    height: 60px;
    border-radius: 5px 0 0 5px;
    margin-right: 10px;
    background-color: #fff;
    padding: 2px;
}
.private-redbag > .private-redbag-qrcode img{
    width: 100%;
    height: 100%;
}
.private-redbag .private-redbag-weilingqu{
    width: 42px;
    height: 29px;
    background-image: url(../redpack2021/weilingqu.png);
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.private-redbag .private-redbag-weilingqu.exchanged {
    background-image: unset;
}
.private-redbag .private-redbag-info {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.private-redbag .private-redbag-info .private-redbag-title {
    font-size: 12px;
    font-weight: 400;
    color: #FF4F00;
    line-height: 12px;
    text-align: left;
}
.private-redbag .private-redbag-info .private-redbag-code {
    font-size: 14px;
    font-weight: 500;
    color: #FF4F00;
    line-height: 14px;
}
.private-redbag-serice {
    margin-top: 48px;
}
.private-redbag-serice .private-redbag-tips, .private-redbag-connect {
    font-size: 12px;
    font-weight: 400;
    color: #FFE3C7;
    line-height: 17px;
    text-align: center;
    margin-bottom: 13px;
}
.private-redbag-connect {
    margin-top: 11px;
    margin-bottom: 0;
}
.private-redbag-serice-qrcode {
    width: 82px;
    height: 82px;
    display: block;
    margin: 0 auto;
}

.res-tipsdx {
    font-size: 12px;
    font-weight: 500;
    color: #919499;
    line-height: 12px;
    margin-top: 5px;
}
.private-redbag-openchoose {
    height: auto;
}
.private-redbag-openchoose .up-down{
    margin-bottom: 0;
}
.private-redbag-choose {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.company .private-redbag{
    margin-top: 15px;
}
.paytype-2 .red-answer-correct {
    height: auto;
}
.paytype-2 .red-answer-correct .answer-head {
    height: auto;
}
.paytype-2 .redPackets-bg {
    height: 450px;
}
.verify-redbag {
    padding: 2px 4px;
    background: #dd4017;
    color: #fff;
    border-radius: 5px;
    margin-left: 3px;
}
.exchange-redbag {
    color: #0084ff;
    font-size: 14px;
}
.paytype-2-tips {
    font-size: 12px;
    text-align: center;
    color: #919499;
    margin-top: 8px;
}
/* 好友私发红包 end */
.switch-btns {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}   
.switch-btns-item {
    background: linear-gradient(315deg, rgba(255, 0, 90, 0.1) 0%, rgba(255, 133, 0, 0.1) 100%);
    border-radius: 15px;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 500;
    color: #552700;
    line-height: 12px;
    margin: 10px 5px;
}  
.switch-btns-item__active {
    background: linear-gradient(315deg, #FF005A 0%, #FF8500 100%);
    border-radius: 15px;
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 12px;
} 


.qrcode-redbag .received {
    margin-top: 0px;
}
.qrcode-redbag.redPackets-bg {
    height: auto;
}
.qrcode-redbag .private-redbag-serice {
    margin-top:36px;
    padding: 0 3rem 10px;
}
.redPackets-gotyep.company .private-redbag-serice {
    padding-bottom: 0px;
}
.qrcode-redbag.redPackets-bg.company {
    height: auto;
    padding: 10px 0 20px !important;
}
.nameUser-code {
    margin-top: 10px;
}
span.receive-xq-code {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    margin: 8px 0;
    position: static;
    color: #e5302e;
    overflow: hidden;
    left: 0;
    transform: unset;
    height: 16px;
}
.red-rain-result .private-redbag-serice {
    margin-top: 20px;
}
.red-rain-result .private-redbag-tips {
    color: #FF4F00;
    margin-bottom: 15px;
}