@charset "utf-8";

#giftLodingBox {-webkit-animation: blink 1s linear infinite;}
    @-webkit-keyframes blink {
        0% { background-color: #FFF; }
        25% { background-color: #00eaff; }
        50% { background-color: #ff2c7b; }
        75% { background-color: #99cc00; }
        100% { background-color: #fff000; }
        /*    from { background-color: red;}
            to {background-color: green;}  */
    }
.search-box input::placeholder {font-size:22px!important;color:#3c3c3c!important;}
.live_info{position: absolute;z-index: 99;top: calc(10px + (env(safe-area-inset-top))*1.1)!important;left:10px;font-size: 14px;color:#FFF}
.liveView_list {padding: 20px 0px;}
.liveView_list .giftNum {padding: 0 10px;font-size: 0}
.liveView_list .giftNum li {display: inline-block;margin: 0 6px 8px 0;vertical-align: top}
.liveView_list .giftNum li a.pre {background-color: #ec443b;color: #FFF}
.liveView_list .giftNum li a {position: relative;display: block;padding: 6px 10px 6px 10px;text-decoration: none;
    border: 1px solid #e8e8e8;border-radius: 18px;font-size: 15px;color: #666;line-height: 23px;z-index: 10}

.bicon {
    position: relative;
    width: 21px;
    height: 21px;
    margin: 0 1px 0 0;
    display:inline-block;
    align-items: center;text-align: center;
    justify-content: center;
    border-radius: 11px;
    color: #ffffff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
    border:1px solid rgba(0, 0, 0, .5);
    line-height: 20px;
    left:-3px;
}

.bicon.b0 {
    background: #FFFAFA;
    background: -webkit-linear-gradient(45deg, #FFFAFA, #FFF);
    background: linear-gradient(45deg, #FFFAFA, #FFF);
}

.bicon.b1 {
    background: #ffb400;
    background: -webkit-linear-gradient(45deg, #ffb400, #FCDC94);
    background: linear-gradient(45deg, #ffb400, #FCDC94);
}

.bicon.b2 {
    background: #0099ff;
    background: -webkit-linear-gradient(45deg, #0099ff, #80bcfd);
    background: linear-gradient(45deg, #0099ff, #80bcfd);
}

.bicon.b3 {
    background: #FF0000;
    background: -webkit-linear-gradient(45deg, #FF0000, #FF5858);
    background: linear-gradient(45deg, #FF0000, #FF5858);
}

.bicon.b4 {
    background: #56ab2f;
    background: -webkit-linear-gradient(45deg, #56ab2f, #99cc00);
    background: linear-gradient(45deg, #56ab2f, #99cc00);
}

.bicon.b5 {
    background: #ae11f1;
    background: -webkit-linear-gradient(45deg, #ae11f1, #d497fc);
    background: linear-gradient(45deg, #ae11f1, #D497FC);
}

.bicon.b6 {
    background: #FF1493;
    background: -webkit-linear-gradient(45deg, #FF1493, #FD76C1);
    background: linear-gradient(45deg, #FF1493, #FD76C1);
}

.bicon.b7 {
    background: #FF4500;
    background: -webkit-linear-gradient(45deg, #FF4500, #FF865F);
    background: linear-gradient(45deg, #FF4500, #FF865F);
}

.bicon.b8 {
    background: #02ad9c;
    background: -webkit-linear-gradient(45deg, #02ad9c, #abffef);
    background: linear-gradient(45deg, #02ad9c, #abffef);
}

.bicon.b9 {
    background: #414141;
    background: -webkit-linear-gradient(45deg, #414141, #6a6a6a);
    background: linear-gradient(45deg, #414141, #6a6a6a);
}

.bicon.b10 {
    background: #FFFAFA;
    background: -webkit-linear-gradient(45deg, #0099ff, #80bcfd);
    background: linear-gradient(45deg, #FF4500, #FF865F);
}

.bicon.b11 {
    background: #ffb400;
    background: -webkit-linear-gradient(45deg, #ffb400, #FCDC94);
    background: linear-gradient(45deg, #ffb400, #FCDC94);
}

.bicon.b12 {
    background: #0099ff;
    background: -webkit-linear-gradient(45deg, #0099ff, #80bcfd);
    background: linear-gradient(45deg, #0099ff, #80bcfd);
}

.bicon.b13 {
    background: #FF0000;
    background: -webkit-linear-gradient(45deg, #FF0000, #FF5858);
    background: linear-gradient(45deg, #FF0000, #FF5858);
}

.bicon.b14 {
    background: #56ab2f;
    background: -webkit-linear-gradient(45deg, #56ab2f, #99cc00);
    background: linear-gradient(45deg, #56ab2f, #99cc00);
}

.bicon.b15 {
    background: #ae11f1;
    background: -webkit-linear-gradient(45deg, #ae11f1, #d497fc);
    background: linear-gradient(45deg, #ae11f1, #D497FC);
}

.bicon.b16 {
    background: #FF1493;
    background: -webkit-linear-gradient(45deg, #FF1493, #FD76C1);
    background: linear-gradient(45deg, #FF1493, #FD76C1);
}

.bicon.b17 {
    background: #FF4500;
    background: -webkit-linear-gradient(45deg, #FF4500, #FF865F);
    background: linear-gradient(45deg, #FF4500, #FF865F);
}

.bicon.b18 {
    background: #02ad9c;
    background: -webkit-linear-gradient(45deg, #02ad9c, #abffef);
    background: linear-gradient(45deg, #02ad9c, #abffef);
}

.bicon.b19 {
    background: #414141;
    background: -webkit-linear-gradient(45deg, #414141, #6a6a6a);
    background: linear-gradient(45deg, #414141, #6a6a6a);
}

.bicon.b20 {
    background: #FFFAFA;
    background: -webkit-linear-gradient(45deg, #0099ff, #80bcfd);
    background: linear-gradient(45deg, #FF4500, #FF865F);
}

.bicon.b21 {
    background: #ffb400;
    background: -webkit-linear-gradient(45deg, #ffb400, #FCDC94);
    background: linear-gradient(45deg, #ffb400, #FCDC94);
}

.bicon.b22 {
    background: #0099ff;
    background: -webkit-linear-gradient(45deg, #0099ff, #80bcfd);
    background: linear-gradient(45deg, #0099ff, #80bcfd);
}

.bicon.b23 {
    background: #FF0000;
    background: -webkit-linear-gradient(45deg, #FF0000, #FF5858);
    background: linear-gradient(45deg, #FF0000, #FF5858);
}

.bicon.b24 {
    background: #56ab2f;
    background: -webkit-linear-gradient(45deg, #56ab2f, #99cc00);
    background: linear-gradient(45deg, #56ab2f, #99cc00);
}

.bicon.b25 {
    background: #ae11f1;
    background: -webkit-linear-gradient(45deg, #ae11f1, #d497fc);
    background: linear-gradient(45deg, #ae11f1, #D497FC);
}

.bicon.b26 {
    background: #FF1493;
    background: -webkit-linear-gradient(45deg, #FF1493, #FD76C1);
    background: linear-gradient(45deg, #FF1493, #FD76C1);
}

.bicon.b27 {
    background: #FF4500;
    background: -webkit-linear-gradient(45deg, #FF4500, #FF865F);
    background: linear-gradient(45deg, #FF4500, #FF865F);
}

.bicon.b28 {
    background: #02ad9c;
    background: -webkit-linear-gradient(45deg, #02ad9c, #abffef);
    background: linear-gradient(45deg, #02ad9c, #abffef);
}

.bicon.b29 {
    background: #414141;
    background: -webkit-linear-gradient(45deg, #414141, #6a6a6a);
    background: linear-gradient(45deg, #414141, #6a6a6a);
}

.bicon.b30 {
    background: #FFFAFA;
    background: -webkit-linear-gradient(45deg, #0099ff, #80bcfd);
    background: linear-gradient(45deg, #FF4500, #FF865F);
}


.bicon.b31 {
    background: #ffb400;
    background: -webkit-linear-gradient(45deg, #ffb400, #FCDC94);
    background: linear-gradient(45deg, #ffb400, #FCDC94);
}

.bicon.b32 {
    background: #0099ff;
    background: -webkit-linear-gradient(45deg, #0099ff, #80bcfd);
    background: linear-gradient(45deg, #0099ff, #80bcfd);
}

.bicon.b33 {
    background: #FF0000;
    background: -webkit-linear-gradient(45deg, #FF0000, #FF5858);
    background: linear-gradient(45deg, #FF0000, #FF5858);
}

.bicon.b34 {
    background: #56ab2f;
    background: -webkit-linear-gradient(45deg, #56ab2f, #99cc00);
    background: linear-gradient(45deg, #56ab2f, #99cc00);
}

.bicon.b35 {
    background: #ae11f1;
    background: -webkit-linear-gradient(45deg, #ae11f1, #d497fc);
    background: linear-gradient(45deg, #ae11f1, #D497FC);
}

.bicon.b36 {
    background: #FF1493;
    background: -webkit-linear-gradient(45deg, #FF1493, #FD76C1);
    background: linear-gradient(45deg, #FF1493, #FD76C1);
}

.bicon.b37 {
    background: #FF4500;
    background: -webkit-linear-gradient(45deg, #FF4500, #FF865F);
    background: linear-gradient(45deg, #FF4500, #FF865F);
}

.bicon.b38 {
    background: #02ad9c;
    background: -webkit-linear-gradient(45deg, #02ad9c, #abffef);
    background: linear-gradient(45deg, #02ad9c, #abffef);
}

.bicon.b39 {
    background: #414141;
    background: -webkit-linear-gradient(45deg, #414141, #6a6a6a);
    background: linear-gradient(45deg, #414141, #6a6a6a);
}

.bicon.b40 {
    background: #FFFAFA;
    background: -webkit-linear-gradient(45deg, #0099ff, #80bcfd);
    background: linear-gradient(45deg, #FF4500, #FF865F);
}

.bicon.b41 {
    background: #ffb400;
    background: -webkit-linear-gradient(45deg, #ffb400, #FCDC94);
    background: linear-gradient(45deg, #ffb400, #FCDC94);
}

.bicon.b42 {
    background: #0099ff;
    background: -webkit-linear-gradient(45deg, #0099ff, #80bcfd);
    background: linear-gradient(45deg, #0099ff, #80bcfd);
}

.bicon.b43 {
    background: #FF0000;
    background: -webkit-linear-gradient(45deg, #FF0000, #FF5858);
    background: linear-gradient(45deg, #FF0000, #FF5858);
}

.bicon.b44 {
    background: #56ab2f;
    background: -webkit-linear-gradient(45deg, #56ab2f, #99cc00);
    background: linear-gradient(45deg, #56ab2f, #99cc00);
}

.bicon.b45 {
    background: #ae11f1;
    background: -webkit-linear-gradient(45deg, #ae11f1, #d497fc);
    background: linear-gradient(45deg, #ae11f1, #D497FC);
}

.bicon.b46 {
    background: #FF1493;
    background: -webkit-linear-gradient(45deg, #FF1493, #FD76C1);
    background: linear-gradient(45deg, #FF1493, #FD76C1);
}

.bicon.b47 {
    background: #FF4500;
    background: -webkit-linear-gradient(45deg, #FF4500, #FF865F);
    background: linear-gradient(45deg, #FF4500, #FF865F);
}

.bicon.b48 {
    background: #02ad9c;
    background: -webkit-linear-gradient(45deg, #02ad9c, #abffef);
    background: linear-gradient(45deg, #02ad9c, #abffef);
}

.bicon.b49 {
    background: #414141;
    background: -webkit-linear-gradient(45deg, #414141, #6a6a6a);
    background: linear-gradient(45deg, #414141, #6a6a6a);
}

.bicon.b50 {
    background: #FFFAFA;
    background: -webkit-linear-gradient(45deg, #0099ff, #80bcfd);
    background: linear-gradient(45deg, #FF4500, #FF865F);
}