.album[data-v-7e4e8ae8]{
    font-size: .14rem;
    padding: .05rem .16rem;
}
.album .desc[data-v-7e4e8ae8]{
    padding: .16rem 0;
}
.album .desc p[data-v-7e4e8ae8]{
    font-size: .14rem;
    line-height: .2rem;
    color: #5f6379;
    opacity: .6;
}
.album .list-title[data-v-7e4e8ae8]{
    font-size: .15rem;
    color: #5F6379;
}

.snail-open[data-v-4775db95]{
    display: flex;
    height: .6rem;
    align-items:center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;
    padding: .06rem 0;
    font-size: .14rem;
}
.snail-open .logo[data-v-4775db95]{
    height: 100%;
    width: auto;
    box-flex:1;
    flex:1;
    -webkit-flex:1;
    overflow: hidden;
}
.snail-open .logo img[data-v-4775db95]{
    height: 100%;
    width: auto;
}
.snail-open .btn-box .btn[data-v-4775db95]{
    height: .3rem;
    border: 1px solid #3AA7FF;
    line-height: .3rem;
    width: .86rem;
    border-radius: .15rem;
    text-align: center;
    color: #3AA7FF;
    margin: 0 auto;
}

.album-box .header[data-v-c7199f4a]{
    display: flex;
    align-items: baseline;
    padding: .16rem 0;
}
.album-box .header .title[data-v-c7199f4a]{
    font-size: .2rem;
    color: #5f6379;
    box-flex:1;
    flex:1;
    -webkit-flex:1;
}
.album-box .header .play-num[data-v-c7199f4a]{
    padding-left: .15rem;
    font-family: DINCondensed-Bold;
    font-size: .12rem;
    color: #3AA7FF;
    line-height: .12rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABI5JREFUWAntmEtoXGUUx893ZyZpXjNRS9MoQjeNrwoWLNImrQoFsShFSduJWEFdBXeCLkR05cadiHSlKzGZSUULWhUXluaBQZeliN35gBRbzcPMNJm59/N37tx755HMTNJ2wMUc+OZ7nNf/O9/r3BFpU+MImMbs+tyRr+wdXk7uj1kZ8ER2ixXrGLnqUpxu+WXmGfNPfe36nG0BCkCkxZVTmNxnjIBF4pTuwEWeumCtONSXxEjW6ZWJ7YDbEqCnz9vk8pK8ipM3QdCHUk8AQIwja0RHgQgAuqwnnSHPiqyCbIX++8mUfPzNMbMc8urVTQENn7UP2YJ8ibMBHPcpAJz+S/8a/Smi9Ie/VCwZxnZT7gX0KLydyPYqQGRWGFsA6fMX0uZSPTA63hDQ45P2QEHke+SSCHosxSIan8bj8tHFUXOlkeEjZ+3eYlFeA9iLAOonWg7tv2IxeWX6pPm6nm5dQMMZe4zZfY7iDoRWmeGPiYSMNwNS60iBFQpyBlCPAaiXCeWduDw5M2rma2W1vymgw1n7oOvKD/B3YShHZM7dE5PTUyeNu5mRZmMnsjb2pytX8dYNqC7kl4nUQSJ1uVZ3A6Dhc7bP5uVnBPcaCxgj63Npc2et4s30D03aCePJs9bxT+UV0yWPzh43uukj0uNZReaGvAzKQQqrJPMdA7KrSuAWOtg6TZTmA9uD6qvWHLwyPfGF7S/ckMtswEFGr3N6Ds2kza9liVtvjUzaIc/KHJbuYjssJDrlgQvPmcXQclWECuuShtFHWWcmmdsNRp2qTbbBhPpg4r2BT2X5VAWIzTuqQpQVGB+EQre7jol8qD701HGST1TajwAdzdoUAvuVSSivtSI6oWO1jePrQf8R33fQiQCtidwHEP9Yc7r0/mkp4WsqcFBU36GzCJDrySBLFkdwjf3zWyjQqpol+933JZJgZe4O/USAaAxw5PTVzunbFAq0qvZ9eJJXnwQiuloiQOz8HlB3UgiWLLUKSGiXzbzIBVlUn6yInmyfNJfxCZT+nUStt/InBz+zuYDlV8wo5zjy9vQp813leLP2SMYe5d7JAGChUtYrPSMpHYMX3YdlQCJDOkrRV3kP61tFzERD9y2P5dBWH9gjWftw0fWzBT251c+PGizTnrAZAQLE36CxRIhIcjFaIfMoEcupIS3CX/UKcoB2w9QjUCNfkX3oLGGrB0AutjlQESVpaWx06tF7Fu0hFDThMizNEkszNvuCSYaFRGvcV9boafy2QX7ESXWpX58bM6mwmJgcx4yCJQzRnYT5/xm1ATVbkHaE2hFqFoFm/PYeahah8tNRljQen798DkU5isn7WUBZ4iZaPD8bbOqzwXNSRREgng7laTrQwTV/RnKl7FGlufc1cXMQ0M9p/TzaEmHLpdhA9x2Tk7dCRWzqdukAlPqMbEaAYJxn+D2EuhEI/14p6avVUitlOuSnUrP5L5/M0+66JIMo6Pd9mSo6JiEXQ4a+tBEdztinmNI44HZEg0GDPHsnj+5Lm33+1spW9klX9rtFeZcl22CTPKifML0xO2amQ53/AD7DkB/0QzTpAAAAAElFTkSuQmCC) no-repeat left center;
    background-size: .12rem;
}
.album-box .con[data-v-c7199f4a]{
    display: flex;
    align-items:center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;
}
.album-box .con .album-img[data-v-c7199f4a]{
    width: 68%;
    height: auto;
    min-height: 1.5rem;
    background-color: aliceblue;
}
.album-box .con .album-img img[data-v-c7199f4a]{
    width: 100%;
    height: auto;
    border-radius: .08rem;
}
.album-box .con .album-author[data-v-c7199f4a]{
    width: 32%;
    text-align: center;
    padding-left: .1rem;
}
.album-box .con .album-author span[data-v-c7199f4a]{
    display: block;
    font-size: .12rem;
    color: #2EB1FF;
    line-height: .18rem;
    margin-top: .17rem;
}
.album-box .con .album-author img[data-v-c7199f4a]{
    display: block;
    width: .4rem;
    height: .4rem;
    margin: 0 auto;
    border-radius: .2rem;
}
.album-box .desc[data-v-c7199f4a]{
    font-size: .14rem;
    color: #5f6379;
    opacity: .6;
    padding: .16rem 0;
}

@-webkit-keyframes line1-data-v-deae68fe {
0% {
        height: .025rem;
}
50% {
        height: .1rem;
}
100% {
        height: .025rem;
}
}
@keyframes line1-data-v-deae68fe {
0% {
        height: .025rem;
}
50% {
        height: .1rem;
}
100% {
        height: .025rem;
}
}
@-webkit-keyframes line2-data-v-deae68fe {
0% {
        height: .1rem;
}
50% {
        height: .025rem;
}
100% {
        height: .1rem;
}
}
@keyframes line2-data-v-deae68fe {
0% {
        height: .1rem;
}
50% {
        height: .025rem;
}
100% {
        height: .1rem;
}
}
.audio-list[data-v-deae68fe]{
    padding-top: .1rem;
}
.audio-list-item[data-v-deae68fe]{
    padding: .1rem 0;
    border-bottom: 0.5px solid #5F6379;
    border-color: rgba(95, 99, 121, 0.08);
    color: #5F6379;
    display: flex;
    align-items:center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;
}
.audio-list-item .audio-info[data-v-deae68fe]{
    box-flex:1;
    flex:1;
    -webkit-flex:1;
}
.audio-list-item.isPlay[data-v-deae68fe]{
    color: #2EB1FF;
}
.audio-list-item .audio-info .audio-title[data-v-deae68fe]{
    display: flex;
    align-items: baseline;
    font-size: .14rem;
    opacity: .75;
}
.audio-list-item .audio-info .audio-source[data-v-deae68fe]{
    padding-top: .08rem;
    font-size: 0;
}
.audio-list-item .audio-info .audio-source span[data-v-deae68fe]{
    display: inline-block;
    font-size: .1rem;
    color: #5F6379;
    line-height: .1rem;
    margin-left: .08rem;
    opacity: .75; 
    -webkit-transform: scale(0.8); 
            transform: scale(0.8);
}
.audio-list-item.isPlay  .audio-info .audio-source span[data-v-deae68fe]{
    color: #2EB1FF;
}
.audio-list-item .audio-status[data-v-deae68fe]{
    width: .4rem;
    height: .4rem;
    position: relative;
    overflow: hidden;
}
.audio-list-item .audio-status>div[data-v-deae68fe]{
    width: .4rem;
    height: .4rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAAAAXNSR0IArs4c6QAAAytJREFUWAntmE1IVFEUx/9nZjQqwyKiL2glBlEUBC38GMywsEWbbMZoEbRoo2aS5KIgoyChQIkgJIIMYcbpA2phIGWTjkpgRvQhYUREVG6CirB05p3OFe84PGYmZ3xvxkVvc+aee+f9f/ece8+77wEL/WpmdmSTkbR4WYDzpgx0gLGXgQ9EaKvw4lozkaHHZMJGgYr93MqM47GiAvWMXKgJVdHTWL+dv2fTwygxCwngdiOMoSIfXy8N8Cpzvx3tWSAgN64AQ0XxiBHB25IurjkQYGfccRY5Y4GS3lLW1QrDwJXPBobdPi5KOngenXMG0hqSxm1hQqjYxzd23ePV2m+VTRloWljSKBE7PDEhafRzfdljdmUXSKsz8g1G2+Q4Rtxd7Nbu+dj0ImRWZGwJG3gipaOz9A6vNXen0rYGaEZR1tchY2p6N55IN42WAikugVomu/HS1DheuANcnkp01FjLgTSAgG0KR/BI0ugvD/B67f+XtQ1ICwuY948qqj5uOjrMOdqfyNoOpISlRCyVJ3TL63d4WRzgikQwyp8RIA0g0drIEfRIGm+XBHiD9sfajAJpYQHbLwt/tMjPpyq7eZH2K5sVoGkAxhLJ5fnvP/BKIlapobIHpAkYBRKxbolWnXJlH2gGTB6OZ9XxecEAyU50BoNYOEDkQEtwJ4UtOzboJZGG/SRH0sYBL3Wp/2YPiDAph+PWvOU417OHfumJZAVI3mYeOF2o76uiMQ2ibUaBJDXv4UTDgIfuawCzzQwQYUK29YWcNbgoC/e3GSK2bTuQpOeu7KCGkIc+xgon+m0fEGHUQTgW8tLDROLx/JYXRonIT6lujZsLsDVVGAVoXYRIHXvQmePAyaCHvobiTX8OPquAnrsYtX0HaXAOmkmHzA+I8E3ufnq3F+1WfbZJdw0ZslbaF+eicLCarloFo0KXcoSkuA3J7qntr6aRpLFPszMVoHGpJ00hD24SqVd7e65oykQhbgWV1MjHDrTm56NQnsgddsKoKUYjJMK9cpTcYZp3r9SUun4PvTH5bWtGgdY5cOZLBCvl/WmfRGRMAC+HqumWbcr/b5xmBP4CNDj1AxR6ZWAAAAAASUVORK5CYII=) no-repeat center;
    background-size: .11rem;
}
.audio-list-item .audio-status .isPlay[data-v-deae68fe]{
    margin-top: .09rem;
    margin-left: .09rem;
    width: .11rem;
    height: .12rem;
    background: #fff;
    border-left: 0.018rem solid #3AA7FF;
    border-right: 0.018rem solid #3AA7FF;
    border-top: 0;
    border-bottom: 0;
    margin-right: .11rem;
}
.animation[data-v-deae68fe]{
    font-size: 0;
}
.line-1[data-v-deae68fe], .line-2[data-v-deae68fe], .line-3[data-v-deae68fe], .line-4[data-v-deae68fe] {
    display:inline-block;
    margin-left:.02rem;
    width:2px;
    height:.1rem;
    background:#2EB1FF;
    vertical-align: text-bottom;
}
.line-1[data-v-deae68fe] {
    margin-left:.15rem;
    -webkit-animation:line1-data-v-deae68fe 2s linear infinite;
            animation:line1-data-v-deae68fe 2s linear infinite;
    -webkit-animation-fill-mode:forwards;
            animation-fill-mode:forwards;
}
.line-2[data-v-deae68fe] {
    -webkit-animation:line2-data-v-deae68fe 2s ease-in infinite;
            animation:line2-data-v-deae68fe 2s ease-in infinite;
    -webkit-animation-delay:300ms;
            animation-delay:300ms;
    -webkit-animation-fill-mode:forwards;
            animation-fill-mode:forwards;
}
.line-3[data-v-deae68fe] {
    -webkit-animation:line1-data-v-deae68fe 2s linear infinite;
            animation:line1-data-v-deae68fe 2s linear infinite;
    -webkit-animation-delay:300ms;
            animation-delay:300ms;
    -webkit-animation-fill-mode:forwards;
            animation-fill-mode:forwards;
}
.line-4[data-v-deae68fe] {
    -webkit-animation:line2-data-v-deae68fe 2s ease-in infinite;
            animation:line2-data-v-deae68fe 2s ease-in infinite;
    -webkit-animation-fill-mode:forwards;
            animation-fill-mode:forwards;
}
.audio-list audio[data-v-deae68fe]{
    width: 1.44rem;
    height: .48rem;
    position: absolute;
    top: -.09rem;
    left: -.02rem;
    opacity: 0;
}
.audio-list audio.audioReady[data-v-deae68fe]{
    left: 100%;
}

.snail-download[data-v-29665f26]{
    width: 100%;
    padding: .2rem 0;
}
.snail-download .more[data-v-29665f26]{
    text-align: center;
    font-size: .14rem;
    line-height: .2rem;
    color: #3aa7ff;
    text-decoration: underline;
    padding: .2rem 0;
}
.snail-download .logo[data-v-29665f26]{
    text-align: center;
    padding: .3rem 0;
}
.snail-download .logo img[data-v-29665f26]{
    width: .6rem;
    height: auto;
}
.snail-download .btn-box[data-v-29665f26]{
    padding-bottom: .14rem;
}
.snail-download .btn-box .btn[data-v-29665f26]{
    width: 2.8rem;
    height: .4rem;
    border: 1px solid #3aa7ff;
    border-radius: .2rem;
    line-height: .4rem;
    text-align: center;
    font-size: .14rem;
    color: #3AA7FF;
    margin: 0 auto;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAkCAYAAACE7WrnAAAAAXNSR0IArs4c6QAAAm9JREFUSA21Vb9rFFEQ/uatJxaClYXa+BdYWeU8iaBGEgUD8X5UNhY2aq8WFv4DYiNoYyH3w4CCGsIpGO68LpWWaWw0hVXAQjx2x/n28pbzsnvZTXRg7+2bN/PdN/NmZoF/JeW2zj9QdfvFcxrhXbeNF9c6enA/YCMmivr3EG9nO3p4r2BJSApcGIb4WOno0b2AOQjue0cDOx2GGMw29aTX5V2FhuWW3rDliSoC7k256Uq41F+Sz9znkRiIhpW2Xo0iNI3VodhRsCWKK4OG9PMAJTnq1+R14DBndLZiR8URW7v8g0JANO7VpBccwFmGxj3ZRYrl7dCpypSEkbdgXkrAjO03qGPe7Hk609J73iZtTXI0ecgyiEKs8Cb9mQgef6rhjohlb0IygWjHAh1GeGWMzid+gtYJh+svq/I70dnLjtDGD9eq8vO4w4JdQCvRZ3TBVEbeWVXlTBuPjNktrzPHdRdgvl+VH9RNZZQ4WU4Gdbk9rQtyMfKAXNO6IAgwVxiIYDu6wEolV2h03k0KM8oKrRCjclPvssrtiaeEsdxgF/Sq8iUXozzXvysQZ/m3CM+tg+s+T9YqH0oOiyxYr5saGluEs3wchFXOah8HIVgmo6JNm8qIM5uze7zzWdWs7rTOT2VUWdZT0RCrBnIsNhCEtt40kGfcZ8lfodn1VlTwxnLCMcu4fzmHBsdwFoDXJ6Ftz+auBzEUzu6LeUAIFgOxWjmbLZz4C2JMNjm7835BYiDO4rRqLfJNGzFSPOQLxZis20gorzXka6wo8JPkyEDelwKc8xOvAEZsOgJitQa4PFmthcCsghfYlIWc/qfxHwCV/qvg4OKlAAAAAElFTkSuQmCC) no-repeat;
    background-size: .06rem;
    background-position: 2.5rem center;
}

.story[data-v-e693cf08]{
    font-size: .14rem;
    padding: .05rem .16rem;
}
.story .desc[data-v-e693cf08]{
    padding: .16rem 0;
}
.story .desc p[data-v-e693cf08]{
    font-size: .14rem;
    line-height: .2rem;
    color: #5f6379;
    opacity: .6;
}
.story .list-title[data-v-e693cf08]{
    font-size: .15rem;
    color: #5F6379;
}

.single[data-v-23312ea8]{
    font-size: .14rem;
    padding: .05rem .16rem;
    position: relative;
}
.single-box[data-v-23312ea8]{
    padding-bottom: .2rem;
    z-index: 1;
}
.single-box .headset img[data-v-23312ea8]{
    width: .57rem;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -.3rem;
    z-index: 9;
}
.single .play-num[data-v-23312ea8]{
    text-align: right;
    font-size: .12rem;
    color: #3AA7FF;
    line-height: .12rem;
    padding: .21rem 0 .05rem;
}
.single .play-num img[data-v-23312ea8]{
    width: auto;
    height: .1rem;
    vertical-align: baseline;
    margin-right: .1rem;
}
.single .play-num .num[data-v-23312ea8]{
    font-family: DINCondensed-Bold;
    margin-right: .04rem;
}
.single .play-cover[data-v-23312ea8]{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: .75rem;
    border: .05rem solid #e4e4e4;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}
.single .play-cover[data-v-23312ea8]::before{
    display: block;
    content: '';
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    background-image: linear-gradient(-180deg, rgba(29,29,39,0.00) 45%, #1D1D27);
    position: absolute;
    z-index: 2;
}
.single .play-cover img[data-v-23312ea8]{
    border-radius: 50%;
}
.single .play-cover .btn[data-v-23312ea8]{
    position: absolute;
    top: 50%;
    margin-top: -.09rem;
    left: 50%;
    margin-left: -.08rem;
    z-index: 3;
    overflow: hidden;
}
.single .play-cover .btn-play[data-v-23312ea8]{
    width: .16rem;
    height: .18rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAAAAXNSR0IArs4c6QAAAQtJREFUWAntWLkNAjEQPEFCCFRAA1AAZdAGJQANkFIFBRCQAS2QQUDKE4AEuRmL4Hwr+waOC8fSSN6d3bE12mizLDjOuRYwB07AAZgCzaDkryu0hsAWOANroF8qiIIFYM+ktOlLEqI94GnEL4i7SQmQN9Pgw32y4QcCOuOItk+NQplGGODeNrEPO5FclVRKp5C3H6ryUK09+hCzUw7JIeYA4zVDcog5wHjNkBxiDjBeMySHmAOM1wzJIeYA4zVDcog5wHjNkBxiDjBeMySHmAOMtzP0iDTcI7kqqZROIW8/tIy8FMtFymhqhYqXqboi3phcHmJFGy7Oj4hnQN2L8x00/X7aL84H+euf2xvXjrkUyQdp7wAAAABJRU5ErkJggg==) no-repeat center;
    background-size: .16rem;
}
.single .play-cover .btn-stop[data-v-23312ea8]{
    width: .16rem;
    height: .18rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAAAAXNSR0IArs4c6QAAAjRJREFUWAntl0soRFEYx2c8C9lIkrJSpKRslIWFsrCWLCwsJa9ELKyUQoqtlLKwoLCwoMRCakqUvJKUhSxsSEnkNX5fnOk27jzvuefOwlf/zne/e873/805zdw7Pl+qRzAYTPOSMWQOSB5aBeaZ8QJ1oNB945CYz6DwOKRQaxxGDDE+CKf5vf5inEeFRsEwPP4FiDQ8cKMLpRsBwygWkAI9IqlzHSoBIAGTY1xARa6B0TzeHWJqKB7J+lCGdjCaJgOkyE5I6nVA6fqdqQJmF6hFVOwETBeQYmgjuQRqADk7Rho4OTKW/4lzKg2KNN5R9w5ZfSu52AFqCZVYb0TL3QRSvq0kcozDKFMVI40mgMQ7F02gU6AapRApTAEp/3KSLaBWUKkqWkfTQMq7mURecUZQtirK6BWQeOegMXQGVJMUJLwE+iHw+cpINoDqSRUgBTYKVFoq7JACkveslAKa8Pv9H86eN+qzORtvWT4IzLK08fLI3vCfRBUKRoC82qFNvPsAuRIIa5gGusa8H5B1K4Q1NwX0guk4mgLm1QoQnpsAWsNUduUm3Nzu2k2gCwx7Adm2M45Uc+Nb9oTZIKpOFEYgde5QkH6LaAiQO2meTOgCOsK8G5BAMhC2a3iwJfOSf8+6Tnko2jZ1UkwQ6JP5s6jAiWfUtQkABZhbE7WZjptxAN0xpx35dfjF7IHRPrKLd4rTKD9mE50TMBy3oZE/evKHz3xgnIXmkBzNHmoxT/HvGHsHvgFHXip9j+X5swAAAABJRU5ErkJggg==) no-repeat center;
    background-size: .16rem;
}
.single-box p[data-v-23312ea8]{
    padding: .24rem;
    font-size: .16rem;
    line-height: .22rem;
    color: #5F6379;
    text-align: center;
}
.single .popup[data-v-23312ea8]{
    z-index: 9;
}
.single audio[data-v-23312ea8]{
    width: 1.44rem;
    height: .48rem;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.24rem;
    margin-top: -.24rem;
    z-index: 4;
}
.single audio.audioReady[data-v-23312ea8]{
    left: 100%;
}

.progress-bar[data-v-53490d44]{
    display: flex;
    align-items:center;
    box-align:center;
    -webkit-flex-wrap:wrap;
    -webkit-box-lines:multiple;
    flex-wrap:wrap;
    font-size: .12rem;
    color: #3AA7FF;
}
.progress-bar .progress[data-v-53490d44]{
    box-flex:1;
    flex:1;
    -webkit-flex:1;
    padding: 0 .1rem;
}
.progress-bar .progress input[data-v-53490d44]{
    -webkit-appearance: none;
    width: 100%;
    background: url(data:image/png;base64,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) no-repeat, #e5e6e8;
    height: 3px;
    border-radius: 4px;
}
.progress-bar .progress input[type=range][data-v-53490d44]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: .18rem;
    width: .18rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAAXNSR0IArs4c6QAABVFJREFUaAXdWj1sHEUU/mb2jOPg/IFiBURoUBCR6NPg0EIkgijsFIiOnhZBTURLQUeHUmAXEYkEtOA0qZMCOUqDoyRyBI4dE8fc7S7vm9xcNnu7l3mz6+R00+zuzPv79u28mX1vDFpseZ6bxWXs2+zgQG8HM7sZ9iUGL1mDJE1gqSpJkWU50jTHf9MWjzoz2DnUw4OlBTwyxuRtmWOaCiKY9y5hduohXjUGh7opOjEypxL08hyb3f34+8pZbDcFGQ2MgD5YxhHxyuu9FNMxYOp4Ogl2xZu3f1vARizAKGBnf84P3N/BG1mK/XXGtdFvEzw8PINblz42D7TyVMA+/CWf/ncDb2bAQa2iJvQyObdePoK/fj1jdkPlBAOjl7a28VZP5n+o8DbpZOKmB2dxM9R7QcDml/KjyHA8TxFE3yagoiyTIJfYurayaO4V+6vuRxrKADG/jOPo4mgV8wvrm8K9lQWsjQosbm2pM3AsQdFYedHOtjrDpb8WmPv8xs1TRSAExylS0yqBMVBwTtXwjE+32OhsrbBoCBhDOqPfiw4UFbYOddFG2kqby4ND25/+OtUopOcWxlicEK/P5wbvylbpmGy3XqNyub8j93dlV3hdJsJKnuGGySTaRTYuP7RZ2G8URTwVFenWf7bxdpFAcy9GT8kq95FY+bnwzQXyrosRPyDFZQHcDeQZIntlFqvFNW7wKTK0c5s0xBHakeCUbH+XBNRXwhIKitLnHI/wyks5FaquTEfbicH3D4BxQxu798sSfCa/It+Lx6IDDnkpg7K8cZorbScGz+OAESl36b5Tde3ga5khX6h4RhFTFmVGNGLwXnPA+D8V8+vhPJXhkwgbRrJkIjPGc8RALBTugPEncaSmqkHOhzY9VdZB2RFzzmOxdB3/fMtyRz0z+smE/3IUTRtj1OEirUIYsRCTZY5C/TvPkN4gUITa6XSIrlB60hELMVkmXjSMXHzlTXKdei6NuqhTo4yYLLNJGia3o9CtUxrxVbRzfZ1VY5V9xGSZIqscreuUbVLd0J71K3USk2XeT2MQ934a+jZotTpdLpPJTI1ymdDHNPRt0Gp1EpP1GdpQAyScul16KH0bdFqdxDTYK7ZhwB7KkOCoa5a5dA2LfBZ3NPRt0IrOuxo5xGRZINAwyWehUqKRXUer1UlMllWPOoFV/e7Pt2pgD/skKl7TiCcmy1KOhom/8yr6FoglEFzRiCEmy/qUhok5CqFf1/A0pF3v6wwWQ0yWRbdgDiFk4sXlKDRMDWipS5vsISbLSiKLbirdjxMvayqeCGIJGmtM8mhYiYWYLPPfEk43NcyisCtv8lsNTwwtdVCXhpdYiMkt0CyPapgdbYqr8jPxnZovlIGyqUPZPBYHjDVflkeVMmBT/Ch7l4tavmfRUyZlP4uuPE4MxMJ+B4yuY823TBj03MM3rXqOnqLMiEYMxEJW+YwfN+YJ3v8J78TmFpl4EYnMUUTlFhko3LyN+PyIgPXq38/hTw/MeYwD7GAhm/dRjQb1sCjGnRd+zTrHFPd58sbMKW8rbfeg2DfwmCc4fSE/0bR4/jyLErRbvLP1x6eGG4dB6wzu+jeszu9s4GSTIrpbUDOsishVvrni2yve87/iqeeyMQHPAiCdEZvLpINP0Q/wyAGr866Q7TvH9EobaWvVMYkhYMTgyjFSnR9TPE/MEhuLpaMnA/1wX+zw9+7IgVTn/fPYXXlyYMSxiEqPeRA8ciClvPED1z8O4e2sugbN3Yk7wFJ8ExN55MgDnMhDYh4cr/TeRB3rK4Lj3nLiDmKWAU7U0dkiOH9PL47LYef/AYmBNT+kcMuRAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100%;
    border: 0;
    border-radius: 50%;
}

.card[data-v-3b76109e]{
    font-size: .14rem;
}
.card .snail-open[data-v-3b76109e]{
    padding: .11rem .16rem;
    height: .7rem;
}
/* .card-box::before{
    display: block;
    content: '';
    width: 100%;
    height: 2.46rem;
    opacity: 0.5;
    background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%);
    position: absolute;
    top: .7rem;
    left: 0;
    z-index: 1;
} */
.card-box[data-v-3b76109e]{
    width: 100%;
    height: auto;
    max-height: 3rem;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.card-box[data-v-3b76109e]::before{
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, #000000 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.card-box .progress-bar-2[data-v-3b76109e]{
    position: absolute;
    bottom: .35rem;
    left: 0;
    width: 100%;
    z-index: 2;
}
.card-user[data-v-3b76109e]{
    width: 100%;
    height: auto;
    background: #fafafa;
    border-radius: .1rem;
    padding: .16rem .16rem 0;
    position: relative;
    top: -.1rem;
    left: 0;
    z-index: 3;
}
.user-box[data-v-3b76109e]{
    display: flex;
    align-items: center;
}
.user-box .user-cover[data-v-3b76109e]{
    width: .44rem;
    height: .44rem;
    border-radius: .22rem;
    overflow: hidden;
}
.user-box .user-info[data-v-3b76109e]{
    padding-left: .04rem;
}
.user-box .user-name span[data-v-3b76109e]{
    font-size: .18rem;
    color: #3AA7FF;
    letter-spacing: 0;
    line-height: 1;
}
.user-box .user-name img[data-v-3b76109e]{
    width: auto;
    height: .12rem;
    margin-left: .04rem;
    vertical-align: baseline;
}
.user-box .user-pub[data-v-3b76109e]{
    color: #9B9B9B;
}
.user-word[data-v-3b76109e]{
    font-size: .14rem;
    color: #5F6379;
    line-height: .24rem;
    padding: .24rem 0;
}
.user-box .user-pub .address[data-v-3b76109e]{
    margin-left: .2rem;
    padding-left: .12rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAAAXNSR0IArs4c6QAABUNJREFUSA2VVmtsFFUUPufObpeWLhRQAyKlMUFBrYpCsLxEMcRQo/8I+IBlt922mJpgomV5JJOQFgSUAIa+lm55KL/8oRFjjJDGNjEIxYoY0B9QSxqK0tLSB92dnXs9Z2Da6bBt40lm7rnn+865c8+cOXcQxpCSki1TBpPeZ0HKXAlqOiJOVAo85NIFqP5BUBcfypp6Yd++j/pHC4OpgNJSfVLfXSNfKrUMFGiA2I0CrtG8TyhI0iLTAGEmYTyaAtWZLP/Dp/bv//CuO94DCwTCkbkqCUX0tOkKxVlhqh9jsfLrbkeeB4r1HEgkViiAPHqIO5ryVtbV6Ved3BELBIORPClwvVJ4K90LVVVV5e1O8mh6oHhLjjJEAQWbAgJq62srWmyuZivrCyNPKMAiAHXVp6Xtr67e2WVj440t55u6l+St/MWQyblK4opFC1deam5u6GE/wbfNmz9LFxIoOHTJhFFZU6MPsP3/yOHDel9Gmu9zBOxNSKOktPSgj/2tBXr6Ol+ntGTSk9ccP75v1IoIh6u9fI22MC8iwFurpJp6Z6DjNeZhOKxnxJOJPQKhJXakIprKORjckWcK81WqmpkWjtCuSe1MXd3On1PxNxRsC6NUz0B22sfCADOXSF4NxelU5I2hrQUmmAGUqBDED9ZFOtsYS+UDAk9TZfmgfTAXA8HthSDknFhteRmVJtmHJVAQWUYv7V2q9W/qo+Xf2biifAYKtq2mHb2JQp2oj+5qHPaiMrHw7XuodK8ICj6dnuqa7TySKN6g4FeOHqk45cRZZxtjShHHJYxTyV5DKR8VtFyWUtIqKScvHC6bzBi9pman3al7GCNOOLx7stPOOiLcplsWVRFOoB3F3QQp0/1s84DodWPD83uYlIMWd9gO1L4gQcnSBG2znyoo0wmyvmrVUzcIM01Qs92YPbcw4lhc23h/pB1kkH8n9S64Sc3rXvk5SGvWrCF/+EMp85VQSJ/qgCyVbYwxx+K6CApVNijs9NDr+Itab34w+Im/rq5sRDoyfP4vB+J39CTEywKFW0/6J0y/zHF6BzvmJWV8HevM4dEp71A3xoHELLJdFOlpmU20FSVF7zInifXKysht5fF9SlVxlwq/pHeg4wBfrFs2wpjj9vP1J5ZQVhB83nNWN90YihTRduao7LTt9bo+6Hbg9mCafz8phchhTEjZqmmz/6ypKTLcXO5r3T23dlJXbjsaLT/IpxNI9JwHZb4AbUY+Tb9yO90PdInsfI0pXT2dq4ngp3OkiYlWu/7twk835s9/eQZ9H0vnP7/0aktL079jRhkF3FC442kEuY4y3lwf23WKaVY3ZcU/8ZFjlLUOJUQoVdUwZyxZ/35kGkgzxDH8E2ccs7lDCxw69EGc8lVJX7XHVEbxWG3ZdrZH5mIci+mr1jgGx7KxoQXYEI1W3EQNY4o+roTZttYmjTcaZuvbICGbfTmGkz90ZNrGlguNHc8tWO4FqV59ceHy7l+bG9tsLNVodVyF+UrD74/WVjS4OSN2YIOPz/R+Tbm8Ik21jg902+4erb8KhWtR4GXLx02g+QM7YE5DQ4OiQ/ySIeUikGLB4pdWnj13roGa17Bs2qRnGoaxmTpmPCPNe2DvXn0o78MsRxU5jazz+Qoes5pe3KSBhFGg6/rQblnvjycKGWOOxXUHuD8fckqF11ftbhUanqRDfF5bu/GWzbF0BXOFwpPMse2pxhE/XqkIbAuEtr1Hx+BSgfg7z+kXMlcIaIxFK07wfCyhsh1fcmZ5v2i9bnRTA1vMbGp0385+zGt9qeN5/weq4UW9ubr8mQAAAABJRU5ErkJggg==) no-repeat left center;
    background-size: .08rem;
}
.user-other[data-v-3b76109e]{
    text-align: right;
    color: #5F6379;
    opacity: .6;
}
.user-other .comment[data-v-3b76109e]{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABXBJREFUaAXtWV1oHFUUPmdmdzY/1sQ/aGJJU5EK1VrQ6lPR0FBaEG2LL0IpSXaTTfAhBYlgNgmOxsQ+SAMGQtx0N9tGRSMKRbC+BGOrL2JtRKRQpU0aqrVaTbrpz/7MvZ7ZMpM7u7PZWVK6W9h5ueee891zz8+dmXNmAEpXKQKlCJQiUMgIoLi5368+mGDxXYzDJuJXAwdZlN9RGkGj/RYQ8Iwiu48Hg+o/dvubDrS0dT/POb7MGXjsgAXlIY8jyp9HDr8znW5HKsJNvp7nyPB9FHFXOqA45igD55uf2toQnfnpxJxoE7a0dD/EZewzI0/eApemJRc/TycoIYLvJM00Vg7IN0octnEOt04K2SZVrHl7fDjwt2GLS5NxJxrHhgAeGQeDwYE/DUCBxx+a2vpOg6Z1puzgqPDr13YRPWHYJSHHx4wJgjwVDA4Wi/Eps46M9f+KMp5etpGb9uo8CZFXGUKQ2KxJFxPB0LSLnpDVommS+Kgs5JkXjUqnObDlexFBEuWWiSi4W+iSA4XOVCkDpQysMgJ3/RHKq3hrflVdizfitZKkzIZC6r/ZgucU5/cHahIJqMmlL9s+Ot9xBppbexsgFlcZQrsG8X6vt2+LneKW1t7tIq7Z37fZDtfkCzTGkmDq8/kCT9jhcvEcOcCpUQDO9hhVIY0uBtpL6cpVVZU4s+I4s8cB8D3Gel1fEuBFY57P6MiB9va3ymmTcotiCe+3zGly+TJUcLA2RFQsZuB+uwL3AFWWlvUcHrDMHU4cOVBZeS/ZZb0oKxm8aHQpg4c2uCoNmFUbAEqZvHSM3dyRA0NDr92gjmJRVIAIGWX3xMR71wDxqohjyC+Jc50eGVGXqApesvAZZuAs8iwTRw6k1rpkaiL4TZ2maC3SXfCZnU6ZSx+Ss7EUjpz2yJ5JOxwV8hMGjpxewDKw1We7VmA6diAS7P9lQ53ndSxT3qxfpwQiowdnBT0mGQ73/1xfp3SlcHVKgL4mXDCFAhEZG5xZU7k2pe+FnVsC4yMD84LYMZnXe4CeMnHSnDPVTnHDw516pi5FRhzbmwF0nIGMlUXCKDlQ6ESUMlDwDND71Hx70supKDMi2kXvDtNePXgSff2NGlFErtUadDGNVE+ZdpH1loqAIs7OGcYyhtv37++qNObFMOq9BeP8GcMWqgLOGrQ+uiTwTDGMP01HiUpmXu1SlO7mtr5jmEzOut1V+osry3Xf9WCwffmDUxZUNjb9i6gAKHNnk8ddN8vlWGKjFkvsJswtHP0zQDdOiWvoSAF423r2ahrXP5o6vuhc6l3CvIuzT0Ohg787Waj3FT5fT4OGsINOct7lM0r8WOTwu1+Je6Vu2rqH3V9KEpwUBbnoVMYY1GkgdXm9Pdty4ScnJ+UWfy91c/BKvsbrwSL9U/XrPF+n75PKgMGkfwWbKKp76DStN3iOR8SPjoQGTtjhqTZynb8QbyfZk3bybLxUlgHPuUD7IluWLQ4YivTzmUxCNS9LyAYvfdRiUIOc7aPiusyQSbL88fhY/7fGXB914+fmEx10I5q9MSIugcQn6DxfEbEi7U7yZLxW+S+iqqkSXpSJtK0DImAl2utVH6EHQCcdJ7PdpFx/cjQ8+I2+zu//wB1PznUQz2zY6cxGNQWHjo4OXFxJt1PZqhzQN2lt7d2Q5OyA6ASxp+iv1ln6z7iDjH9UMCYqg3IoHFb/EHirIlftgL57c8cb9ZCUD3DG6dGY5aJW0yPzQ7f7D1DWM57FDFv2zI/fLTy7tfGMxrXHCZDhBEXpL+rQ3g+N9udshmw3WIF5WxzQ9Z86Nb24d3fjyatR+uCAqHd6Cj23L1J59b3iWh8OjXZZmv0VbMpL9D/X6uOGWp3RVgAAAABJRU5ErkJggg==);
}
.user-other .approval[data-v-3b76109e]{
    background-image: url(data:image/png;base64,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);
}
.user-other span[data-v-3b76109e]{
    margin-left: .2rem;
    padding-right: .24rem;
    background-size: .14rem;
    background-repeat: no-repeat;
    background-position: right center;
}
.progress-bar-2[data-v-3b76109e]{
    display: flex;
    align-items:center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;
    padding: 0 .07rem;
}
.progress-bar-2 .audio-dur[data-v-3b76109e]{
    color: #ffffff;
    font-size: .1rem;
    padding-left: .09rem;
    padding-right: .2rem;
}
.progress-bar-2 .progress[data-v-3b76109e]{
    box-flex:1;
    flex:1;
    -webkit-flex:1;
    height: .14rem;
    position: relative;
    overflow: hidden;
}
.progress-bar-2 .progress-dur[data-v-3b76109e],.progress-bar-2 .progress-now[data-v-3b76109e]{
    position: absolute;
    width: 150%;
    height: .14rem;
}
.progress-bar-2 .progress-dur[data-v-3b76109e]{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzYAAAAqCAYAAABhs848AAAAAXNSR0IArs4c6QAABSlJREFUeAHt2gtu1EAMANC24mJwEM5WTsJhOEjZgrSN0mY1TuL5ZB4SUtjO2J7nLMIkT09+ESBAgEBY4O3t7ff77/BGGwgQCAn4roW4LCYwtcDL1Kd3eAIECBAgQIAAAQIELiFgsLlEGx2CAAECBAgQIECAwNwCBpsd/fdYfAeaLQQIECBAgAABAgQSBQw2ibhCEyBAgAABAgQIECBQR8BgU8dZFgIECBAgQIAAAQIEEgUMNom4QhMgMI5A9ium2fHHkVbp7AK+C7PfAc5PIE/AYJNnKzIBAgQIECBAgAABApUEDDaVoKUhQIAAAQIECBAgQCBPwGCTZytyQwGvOjTE7yS1e6CTRijjSwH355csPiRAgMAhAYPNIT6bCRAgQIAAAQIECBDoQcBg00MX1ECAAAECBAgQIECAwCEBg82NzysBh+4hmwkQSBDw99I+1Ku6Rc8VXb9P+/+umrlK6uytnpKarSFA4BwBg805jqIQIECAAAECBAgQINBQwGDTEF9qAgQIECBAgAABAgTOEdg92HjUW96AVlat8pbLPF45ev2PT/f5p7Od97OAT84ScC+dJVkeh3m5VW8rW/WuVd6lfw81LOvZuh6lzq36r/p5j33ZPdhctUnORYAAAQIECBAgQIDAeAIGm/F6pmICBAgQIECAAAECBFYC98Em+3FSdvzluWrmWuY967pV/dl5s+Mf8Y/WFl1/pLbo3uzaRo8f9ZxtfXZ/o54166mZK+pQcz2HfdoZbhkx953u3F3Z54rGj65fahzZu4yzdZ0df5m3Zq5l3iPX65rvg82RoPYSIECAAAECBAgQIECgpYDBpqW+3AQIECBAgAABAgQInCIwxGCzfsx0yskFOSygL48JR/HJrjM7/uMu+Gm2QLS/0fXZ9YtP4EoCNb9fNXPp0T6BUXp0Zp3f9lHZRYAAgWKBt+KVFhIgQIAAAQIEdgoYbHbC2UaAQJnA8/Pzj7KVVk0i8HOSczomAQIECFQWGGKwuf3D6HtllynTRZ2z1/fchJKzl6zJOGM0b3R9Rs1ijisQvX9u6/+Me1qVE9gWiH4XtiN9/CQaM7r+I1P86kiuI3tLKs2Ov6whmiu6fpkreh3NFV0frWdr/Zl5hxhstiB8ToAAAQIECBAgsFvgdfdOGwl0KGCw6bApSiJAgAABAgQIZAvc/qf8V3YO8QnUFLgPNmc+BvrqANnxlzlr5lrmPet69PrPcqgZh3m5drZVdvzyk865sjf/mvXUzNXz3cWh5+6oLUOg53u+59oyehGNufa5DzbRQNYTIECAAAECBAgQIDCtwGtvJzfY9NYR9RAgQIAAAQIECBDoXOD2tKS7Vxl3DzbrRz+d2z8sL/ss2fG3Dtcq71Y90c9Hr995owLWnyUw23dn6dbq7K3yLs++vO6tnmVtvV23smqVtzf/knpYlShZ8y7wgoEAAQIECBAgQIAAAQKjCxhsRu+g+gkQIECAAAECBAgQeNr9Kho7Aj0LeGzdc3fq1Db6PTB6/XW6PG6WaH+j62vK9FZbb/XU7IVcBGYX8MRm9jvA+QkQIECAAAECBAhcQMBgc4EmOgIBAgQIECBAgACB2QW8ijb7HeD8BAj8E8h+fSU7vjYSGEXAd2GUTqmTwHgCntiM1zMVEyBAgAABAgQIECCwEjDYrED8kQABAgQIECBAgACB8QQMNuP1TMUECBAgQIAAAQIECKwEDDYrEH8kQIAAAQIECBAgQGA8AYPNeD1TMQECBAgQIECAAAECK4G/ZxzyrIrrn2IAAAAASUVORK5CYII=) repeat-x left center;
    background-size: 2.74rem .14rem;
}
.progress-bar-2 .progress-now[data-v-3b76109e]{
    width: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzYAAAAqCAYAAABhs848AAAAAXNSR0IArs4c6QAABS5JREFUeAHt2l1u1DAQAOCC+sBBKtGHXgIOwtngJFyCB945CFCBulbaXdlOxj/xVwkp3doz42+ySKPk7s4PAQIECJQL/Pj5/e75nx8CBGIFfNdifUUncCKB9yc6i6MQIECAAAECBAgQILCogMFm0cY7NgECBAgQIECAAIEzCRhsarrpsXiNmj0ECBAgQIAAAQIEwgQMNmG0AhMgQIAAAQIECBAg0ErAYNNKWh4CBAgQIECAAAECBMIEDDZhtAITIDCVQPQrptHxp8JW7NICvgtLt9/hCUQKGGwidcUmQIAAAQIECBAgQKCJgMGmCbMkBAgQIECAAAECBAhEChhsInXF7ifgVYd+9qNkdg+M0gl1vCXg/nxLxWcECBDYJWCw2cVnMwECBAgQIECAAAECIwgYbEboghoIECBAgAABAgQIENglYLB55vNKwK6byGYCBAIE/L9Uh3pWt9Jzla6v0/63q2WunDpHqyenZmsIEDhEwGBzCKMgBAgQIECAAAECBAj0FDDY9NSXmwABAgQIECBAgACBQwTqBxuPevMb0MuqV958mdsrZ6//9ule/3W1874W8MlRAu6loyTz4zDPtxptZa/e9cqb+o9QQ1rPtetZ6rxW/1k/H7Av9YPNWZvkXAQIECBAgAABAgQITCdgsJmuZQomQIAAAQIECBAgQGArcBlsoh8nRcdPT9YyV5r3qOte9UfnjY6/x7+0ttL1e2or3Rtd2+zxSz1XWx/d31LPlvW0zFXq0HI9hzrtCLeImHWnO3ZX9LlK45euTzX27E3jXLuOjp/mbZkrzbvnelPzZbDZE9ReAgQIECBAgAABAgQIdBQw2HTEl5oAAQIECBAgQIAAgWME5hhsNo+Zjjm6KLsF9OU24Sw+0XVGx7/dBX+NFijtb+n66PrFJ3AmgZbfr5a59KhOYJYeHVjnfZ2UXQQIEMgW+J290kICBAgQIECAQKWAwaYSzjYCBDIFnh4/Z660bAWBD/dfVjimMxIgQIBAe4E5Bpunx0/taRbMWOocvX7kFuScPWdNxBlL85auj6hZzHkFSu+fh4df8x5W5QRuCJR+F26EevlTaczS9S+JKi725NqzN6fU6PhpDaW5StenuUqvS3OVri+t59r6A/POMdhcg/A5AQIECBAgQIBApcC7r5UbbSMwpIDBZsi2KIoAAQIECBAgECzw9PFbcAbhCTQVuAw2Bz4GevME0fHTpC1zpXmPup69/qMcWsZhnq8dbRUdP/+ka64czb9lPS1zjXx3cRi5O2qLEBj5nh+5tohelMbc+FwGm9JA1hMgQIAAAQIECBAgsKjAeK8yGmwWvRUdmwABAgQIECBAgEC1wICvMtYPNptHP9UoI2yMPkt0/GuGvfJeq6f089nrd95SAeuPEljtu5O69Tp7r7zp2dPr0epJaxvtupdVr7yj+efUwypHyZq/Au8pECBAgAABAgQIECBAYHYBg83sHVQ/AQIECBAgQIAAAQJ39a+iwSMwsoDH1iN3p01ts98Ds9ffpsvzZintb+n6ljKj1TZaPS17IReBxQU8sVn8BnB8AgQIECBAgAABAmcQMNicoYvOQIAAAQIECBAgQGBxAa+iLX4DOD4BAv8Fol9fiY6vkQRmEfBdmKVT6iQwnYAnNtO1TMEECBAgQIAAAQIECGwFDDZbEb8TIECAAAECBAgQIDCdgMFmupYpmAABAgQIECBAgACBrYDBZividwIECBAgQIAAAQIEphMw2EzXMgUTIECAAAECBAgQILAV+AOp8V15I3iwsQAAAABJRU5ErkJggg==) repeat-x left center;
    background-size: 2.74rem .14rem;
}
.progress-bar-2 .audio-btn[data-v-3b76109e]{
    width: .38rem;
    padding-left: .2rem;
}
.progress-bar-2 .btn-stop[data-v-3b76109e]{
    width: .09rem;
    height: .11rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAAAAXNSR0IArs4c6QAAAjRJREFUWAntl0soRFEYx2c8C9lIkrJSpKRslIWFsrCWLCwsJa9ELKyUQoqtlLKwoLCwoMRCakqUvJKUhSxsSEnkNX5fnOk27jzvuefOwlf/zne/e873/805zdw7Pl+qRzAYTPOSMWQOSB5aBeaZ8QJ1oNB945CYz6DwOKRQaxxGDDE+CKf5vf5inEeFRsEwPP4FiDQ8cKMLpRsBwygWkAI9IqlzHSoBIAGTY1xARa6B0TzeHWJqKB7J+lCGdjCaJgOkyE5I6nVA6fqdqQJmF6hFVOwETBeQYmgjuQRqADk7Rho4OTKW/4lzKg2KNN5R9w5ZfSu52AFqCZVYb0TL3QRSvq0kcozDKFMVI40mgMQ7F02gU6AapRApTAEp/3KSLaBWUKkqWkfTQMq7mURecUZQtirK6BWQeOegMXQGVJMUJLwE+iHw+cpINoDqSRUgBTYKVFoq7JACkveslAKa8Pv9H86eN+qzORtvWT4IzLK08fLI3vCfRBUKRoC82qFNvPsAuRIIa5gGusa8H5B1K4Q1NwX0guk4mgLm1QoQnpsAWsNUduUm3Nzu2k2gCwx7Adm2M45Uc+Nb9oTZIKpOFEYgde5QkH6LaAiQO2meTOgCOsK8G5BAMhC2a3iwJfOSf8+6Tnko2jZ1UkwQ6JP5s6jAiWfUtQkABZhbE7WZjptxAN0xpx35dfjF7IHRPrKLd4rTKD9mE50TMBy3oZE/evKHz3xgnIXmkBzNHmoxT/HvGHsHvgFHXip9j+X5swAAAABJRU5ErkJggg==) no-repeat center;
    background-size: .09rem;
}
.progress-bar-2 .btn-start[data-v-3b76109e]{
    width: .09rem;
    height: .11rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAAAAXNSR0IArs4c6QAAAQtJREFUWAntWLkNAjEQPEFCCFRAA1AAZdAGJQANkFIFBRCQAS2QQUDKE4AEuRmL4Hwr+waOC8fSSN6d3bE12mizLDjOuRYwB07AAZgCzaDkryu0hsAWOANroF8qiIIFYM+ktOlLEqI94GnEL4i7SQmQN9Pgw32y4QcCOuOItk+NQplGGODeNrEPO5FclVRKp5C3H6ryUK09+hCzUw7JIeYA4zVDcog5wHjNkBxiDjBeMySHmAOM1wzJIeYA4zVDcog5wHjNkBxiDjBeMySHmAOMtzP0iDTcI7kqqZROIW8/tIy8FMtFymhqhYqXqboi3phcHmJFGy7Oj4hnQN2L8x00/X7aL84H+euf2xvXjrkUyQdp7wAAAABJRU5ErkJggg==) no-repeat center;
    background-size: .09rem;
}
.card audio[data-v-3b76109e]{
    width: 1.44rem;
    height: .48rem;
    opacity: 0;
    position: absolute;
    bottom: .2rem;
    right: -.9rem;
}
.card audio.audioReady[data-v-3b76109e]{
    right: -1.44rem;
}

.progress-bar-2[data-v-54fb30d2]{
    display: flex;
    align-items:center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;
    padding: 0 .07rem;
}
.progress-bar-2 .audio-dur[data-v-54fb30d2]{
    color: #ffffff;
    font-size: .1rem;
    padding-left: .09rem;
    padding-right: .2rem;
}
.progress-bar-2 .progress[data-v-54fb30d2]{
    box-flex:1;
    flex:1;
    -webkit-flex:1;
    height: .14rem;
    position: relative;
    overflow: hidden;
}
.progress-bar-2 .progress-dur[data-v-54fb30d2],.progress-bar-2 .progress-now[data-v-54fb30d2]{
    position: absolute;
    width: 150%;
    height: .14rem;
}
.progress-bar-2 .progress-dur[data-v-54fb30d2]{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzYAAAAqCAYAAABhs848AAAAAXNSR0IArs4c6QAABSlJREFUeAHt2gtu1EAMANC24mJwEM5WTsJhOEjZgrSN0mY1TuL5ZB4SUtjO2J7nLMIkT09+ESBAgEBY4O3t7ff77/BGGwgQCAn4roW4LCYwtcDL1Kd3eAIECBAgQIAAAQIELiFgsLlEGx2CAAECBAgQIECAwNwCBpsd/fdYfAeaLQQIECBAgAABAgQSBQw2ibhCEyBAgAABAgQIECBQR8BgU8dZFgIECBAgQIAAAQIEEgUMNom4QhMgMI5A9ium2fHHkVbp7AK+C7PfAc5PIE/AYJNnKzIBAgQIECBAgAABApUEDDaVoKUhQIAAAQIECBAgQCBPwGCTZytyQwGvOjTE7yS1e6CTRijjSwH355csPiRAgMAhAYPNIT6bCRAgQIAAAQIECBDoQcBg00MX1ECAAAECBAgQIECAwCEBg82NzysBh+4hmwkQSBDw99I+1Ku6Rc8VXb9P+/+umrlK6uytnpKarSFA4BwBg805jqIQIECAAAECBAgQINBQwGDTEF9qAgQIECBAgAABAgTOEdg92HjUW96AVlat8pbLPF45ev2PT/f5p7Od97OAT84ScC+dJVkeh3m5VW8rW/WuVd6lfw81LOvZuh6lzq36r/p5j33ZPdhctUnORYAAAQIECBAgQIDAeAIGm/F6pmICBAgQIECAAAECBFYC98Em+3FSdvzluWrmWuY967pV/dl5s+Mf8Y/WFl1/pLbo3uzaRo8f9ZxtfXZ/o54166mZK+pQcz2HfdoZbhkx953u3F3Z54rGj65fahzZu4yzdZ0df5m3Zq5l3iPX65rvg82RoPYSIECAAAECBAgQIECgpYDBpqW+3AQIECBAgAABAgQInCIwxGCzfsx0yskFOSygL48JR/HJrjM7/uMu+Gm2QLS/0fXZ9YtP4EoCNb9fNXPp0T6BUXp0Zp3f9lHZRYAAgWKBt+KVFhIgQIAAAQIEdgoYbHbC2UaAQJnA8/Pzj7KVVk0i8HOSczomAQIECFQWGGKwuf3D6HtllynTRZ2z1/fchJKzl6zJOGM0b3R9Rs1ijisQvX9u6/+Me1qVE9gWiH4XtiN9/CQaM7r+I1P86kiuI3tLKs2Ov6whmiu6fpkreh3NFV0frWdr/Zl5hxhstiB8ToAAAQIECBAgsFvgdfdOGwl0KGCw6bApSiJAgAABAgQIZAvc/qf8V3YO8QnUFLgPNmc+BvrqANnxlzlr5lrmPet69PrPcqgZh3m5drZVdvzyk865sjf/mvXUzNXz3cWh5+6oLUOg53u+59oyehGNufa5DzbRQNYTIECAAAECBAgQIDCtwGtvJzfY9NYR9RAgQIAAAQIECBDoXOD2tKS7Vxl3DzbrRz+d2z8sL/ss2fG3Dtcq71Y90c9Hr995owLWnyUw23dn6dbq7K3yLs++vO6tnmVtvV23smqVtzf/knpYlShZ8y7wgoEAAQIECBAgQIAAAQKjCxhsRu+g+gkQIECAAAECBAgQeNr9Kho7Aj0LeGzdc3fq1Db6PTB6/XW6PG6WaH+j62vK9FZbb/XU7IVcBGYX8MRm9jvA+QkQIECAAAECBAhcQMBgc4EmOgIBAgQIECBAgACB2QW8ijb7HeD8BAj8E8h+fSU7vjYSGEXAd2GUTqmTwHgCntiM1zMVEyBAgAABAgQIECCwEjDYrED8kQABAgQIECBAgACB8QQMNuP1TMUECBAgQIAAAQIECKwEDDYrEH8kQIAAAQIECBAgQGA8AYPNeD1TMQECBAgQIECAAAECK4G/ZxzyrIrrn2IAAAAASUVORK5CYII=) repeat-x left center;
    background-size: 2.74rem .14rem;
}
.progress-bar-2 .progress-now[data-v-54fb30d2]{
    width: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzYAAAAqCAYAAABhs848AAAAAXNSR0IArs4c6QAABS5JREFUeAHt2l1u1DAQAOCC+sBBKtGHXgIOwtngJFyCB945CFCBulbaXdlOxj/xVwkp3doz42+ySKPk7s4PAQIECJQL/Pj5/e75nx8CBGIFfNdifUUncCKB9yc6i6MQIECAAAECBAgQILCogMFm0cY7NgECBAgQIECAAIEzCRhsarrpsXiNmj0ECBAgQIAAAQIEwgQMNmG0AhMgQIAAAQIECBAg0ErAYNNKWh4CBAgQIECAAAECBMIEDDZhtAITIDCVQPQrptHxp8JW7NICvgtLt9/hCUQKGGwidcUmQIAAAQIECBAgQKCJgMGmCbMkBAgQIECAAAECBAhEChhsInXF7ifgVYd+9qNkdg+M0gl1vCXg/nxLxWcECBDYJWCw2cVnMwECBAgQIECAAAECIwgYbEboghoIECBAgAABAgQIENglYLB55vNKwK6byGYCBAIE/L9Uh3pWt9Jzla6v0/63q2WunDpHqyenZmsIEDhEwGBzCKMgBAgQIECAAAECBAj0FDDY9NSXmwABAgQIECBAgACBQwTqBxuPevMb0MuqV958mdsrZ6//9ule/3W1874W8MlRAu6loyTz4zDPtxptZa/e9cqb+o9QQ1rPtetZ6rxW/1k/H7Av9YPNWZvkXAQIECBAgAABAgQITCdgsJmuZQomQIAAAQIECBAgQGArcBlsoh8nRcdPT9YyV5r3qOte9UfnjY6/x7+0ttL1e2or3Rtd2+zxSz1XWx/d31LPlvW0zFXq0HI9hzrtCLeImHWnO3ZX9LlK45euTzX27E3jXLuOjp/mbZkrzbvnelPzZbDZE9ReAgQIECBAgAABAgQIdBQw2HTEl5oAAQIECBAgQIAAgWME5hhsNo+Zjjm6KLsF9OU24Sw+0XVGx7/dBX+NFijtb+n66PrFJ3AmgZbfr5a59KhOYJYeHVjnfZ2UXQQIEMgW+J290kICBAgQIECAQKWAwaYSzjYCBDIFnh4/Z660bAWBD/dfVjimMxIgQIBAe4E5Bpunx0/taRbMWOocvX7kFuScPWdNxBlL85auj6hZzHkFSu+fh4df8x5W5QRuCJR+F26EevlTaczS9S+JKi725NqzN6fU6PhpDaW5StenuUqvS3OVri+t59r6A/POMdhcg/A5AQIECBAgQIBApcC7r5UbbSMwpIDBZsi2KIoAAQIECBAgECzw9PFbcAbhCTQVuAw2Bz4GevME0fHTpC1zpXmPup69/qMcWsZhnq8dbRUdP/+ka64czb9lPS1zjXx3cRi5O2qLEBj5nh+5tohelMbc+FwGm9JA1hMgQIAAAQIECBAgsKjAeK8yGmwWvRUdmwABAgQIECBAgEC1wICvMtYPNptHP9UoI2yMPkt0/GuGvfJeq6f089nrd95SAeuPEljtu5O69Tp7r7zp2dPr0epJaxvtupdVr7yj+efUwypHyZq/Au8pECBAgAABAgQIECBAYHYBg83sHVQ/AQIECBAgQIAAAQJ39a+iwSMwsoDH1iN3p01ts98Ds9ffpsvzZintb+n6ljKj1TZaPS17IReBxQU8sVn8BnB8AgQIECBAgAABAmcQMNicoYvOQIAAAQIECBAgQGBxAa+iLX4DOD4BAv8Fol9fiY6vkQRmEfBdmKVT6iQwnYAnNtO1TMEECBAgQIAAAQIECGwFDDZbEb8TIECAAAECBAgQIDCdgMFmupYpmAABAgQIECBAgACBrYDBZividwIECBAgQIAAAQIEphMw2EzXMgUTIECAAAECBAgQILAV+AOp8V15I3iwsQAAAABJRU5ErkJggg==) repeat-x left center;
    background-size: 2.74rem .14rem;
}
.progress-bar-2 .audio-btn[data-v-54fb30d2]{
    width: .38rem;
    padding-left: .2rem;
}
.progress-bar-2 .btn-stop[data-v-54fb30d2]{
    width: .09rem;
    height: .11rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAAAAXNSR0IArs4c6QAAAjRJREFUWAntl0soRFEYx2c8C9lIkrJSpKRslIWFsrCWLCwsJa9ELKyUQoqtlLKwoLCwoMRCakqUvJKUhSxsSEnkNX5fnOk27jzvuefOwlf/zne/e873/805zdw7Pl+qRzAYTPOSMWQOSB5aBeaZ8QJ1oNB945CYz6DwOKRQaxxGDDE+CKf5vf5inEeFRsEwPP4FiDQ8cKMLpRsBwygWkAI9IqlzHSoBIAGTY1xARa6B0TzeHWJqKB7J+lCGdjCaJgOkyE5I6nVA6fqdqQJmF6hFVOwETBeQYmgjuQRqADk7Rho4OTKW/4lzKg2KNN5R9w5ZfSu52AFqCZVYb0TL3QRSvq0kcozDKFMVI40mgMQ7F02gU6AapRApTAEp/3KSLaBWUKkqWkfTQMq7mURecUZQtirK6BWQeOegMXQGVJMUJLwE+iHw+cpINoDqSRUgBTYKVFoq7JACkveslAKa8Pv9H86eN+qzORtvWT4IzLK08fLI3vCfRBUKRoC82qFNvPsAuRIIa5gGusa8H5B1K4Q1NwX0guk4mgLm1QoQnpsAWsNUduUm3Nzu2k2gCwx7Adm2M45Uc+Nb9oTZIKpOFEYgde5QkH6LaAiQO2meTOgCOsK8G5BAMhC2a3iwJfOSf8+6Tnko2jZ1UkwQ6JP5s6jAiWfUtQkABZhbE7WZjptxAN0xpx35dfjF7IHRPrKLd4rTKD9mE50TMBy3oZE/evKHz3xgnIXmkBzNHmoxT/HvGHsHvgFHXip9j+X5swAAAABJRU5ErkJggg==) no-repeat center;
    background-size: .09rem;
}
.progress-bar-2 .btn-start[data-v-54fb30d2]{
    width: .09rem;
    height: .11rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAAAAXNSR0IArs4c6QAAAQtJREFUWAntWLkNAjEQPEFCCFRAA1AAZdAGJQANkFIFBRCQAS2QQUDKE4AEuRmL4Hwr+waOC8fSSN6d3bE12mizLDjOuRYwB07AAZgCzaDkryu0hsAWOANroF8qiIIFYM+ktOlLEqI94GnEL4i7SQmQN9Pgw32y4QcCOuOItk+NQplGGODeNrEPO5FclVRKp5C3H6ryUK09+hCzUw7JIeYA4zVDcog5wHjNkBxiDjBeMySHmAOM1wzJIeYA4zVDcog5wHjNkBxiDjBeMySHmAOMtzP0iDTcI7kqqZROIW8/tIy8FMtFymhqhYqXqboi3phcHmJFGy7Oj4hnQN2L8x00/X7aL84H+euf2xvXjrkUyQdp7wAAAABJRU5ErkJggg==) no-repeat center;
    background-size: .09rem;
}

.snail-download[data-v-0b3d3c65]{
    width: 100%;
    padding: .2rem 0;
}
.snail-download .more[data-v-0b3d3c65]{
    text-align: center;
    font-size: .14rem;
    line-height: .2rem;
    color: #3aa7ff;
    text-decoration: underline;
    padding: .2rem 0;
}
.snail-download .logo[data-v-0b3d3c65]{
    text-align: center;
    padding: .3rem 0;
}
.snail-download .logo img[data-v-0b3d3c65]{
    width: .6rem;
    height: auto;
}
.snail-download .btn-box[data-v-0b3d3c65]{
    padding-bottom: .14rem;
}
.snail-download .btn-box .btn[data-v-0b3d3c65]{
    width: 2.8rem;
    height: .4rem;
    border: 1px solid #3aa7ff;
    border-radius: .2rem;
    line-height: .4rem;
    text-align: center;
    font-size: .14rem;
    color: #3AA7FF;
    margin: 0 auto;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAkCAYAAACE7WrnAAAAAXNSR0IArs4c6QAAAm9JREFUSA21Vb9rFFEQ/uatJxaClYXa+BdYWeU8iaBGEgUD8X5UNhY2aq8WFv4DYiNoYyH3w4CCGsIpGO68LpWWaWw0hVXAQjx2x/n28pbzsnvZTXRg7+2bN/PdN/NmZoF/JeW2zj9QdfvFcxrhXbeNF9c6enA/YCMmivr3EG9nO3p4r2BJSApcGIb4WOno0b2AOQjue0cDOx2GGMw29aTX5V2FhuWW3rDliSoC7k256Uq41F+Sz9znkRiIhpW2Xo0iNI3VodhRsCWKK4OG9PMAJTnq1+R14DBndLZiR8URW7v8g0JANO7VpBccwFmGxj3ZRYrl7dCpypSEkbdgXkrAjO03qGPe7Hk609J73iZtTXI0ecgyiEKs8Cb9mQgef6rhjohlb0IygWjHAh1GeGWMzid+gtYJh+svq/I70dnLjtDGD9eq8vO4w4JdQCvRZ3TBVEbeWVXlTBuPjNktrzPHdRdgvl+VH9RNZZQ4WU4Gdbk9rQtyMfKAXNO6IAgwVxiIYDu6wEolV2h03k0KM8oKrRCjclPvssrtiaeEsdxgF/Sq8iUXozzXvysQZ/m3CM+tg+s+T9YqH0oOiyxYr5saGluEs3wchFXOah8HIVgmo6JNm8qIM5uze7zzWdWs7rTOT2VUWdZT0RCrBnIsNhCEtt40kGfcZ8lfodn1VlTwxnLCMcu4fzmHBsdwFoDXJ6Ftz+auBzEUzu6LeUAIFgOxWjmbLZz4C2JMNjm7835BYiDO4rRqLfJNGzFSPOQLxZis20gorzXka6wo8JPkyEDelwKc8xOvAEZsOgJitQa4PFmthcCsghfYlIWc/qfxHwCV/qvg4OKlAAAAAElFTkSuQmCC) no-repeat;
    background-size: .06rem;
    background-position: 2.5rem center;
}

.anchor[data-v-0f29a07e]{
    font-size: .14rem;
    padding: .05rem .16rem;
}
.anchor .desc[data-v-0f29a07e]{
    padding: .16rem 0;
}
.anchor .desc p[data-v-0f29a07e]{
    font-size: .14rem;
    line-height: .2rem;
    color: #5f6379;
    opacity: .6;
}
.anchor .list-title[data-v-0f29a07e]{
    font-size: .15rem;
    color: #5F6379;
}

.anchor-box .header{
    padding: .16rem 0;
}
.anchor-box .header .title{
    font-size: .2rem;
    color: #5f6379;
}
.anchor-box .header img{
    width: .14rem;
    height: .14rem;
    margin-left: .1rem;
}
.anchor-box .header .play-num{
    padding-left: .15rem;
    font-family: DINCondensed-Bold;
    font-size: .12rem;
    color: #3AA7FF;
    line-height: .12rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABI5JREFUWAntmEtoXGUUx893ZyZpXjNRS9MoQjeNrwoWLNImrQoFsShFSduJWEFdBXeCLkR05cadiHSlKzGZSUULWhUXluaBQZeliN35gBRbzcPMNJm59/N37tx755HMTNJ2wMUc+OZ7nNf/O9/r3BFpU+MImMbs+tyRr+wdXk7uj1kZ8ER2ixXrGLnqUpxu+WXmGfNPfe36nG0BCkCkxZVTmNxnjIBF4pTuwEWeumCtONSXxEjW6ZWJ7YDbEqCnz9vk8pK8ipM3QdCHUk8AQIwja0RHgQgAuqwnnSHPiqyCbIX++8mUfPzNMbMc8urVTQENn7UP2YJ8ibMBHPcpAJz+S/8a/Smi9Ie/VCwZxnZT7gX0KLydyPYqQGRWGFsA6fMX0uZSPTA63hDQ45P2QEHke+SSCHosxSIan8bj8tHFUXOlkeEjZ+3eYlFeA9iLAOonWg7tv2IxeWX6pPm6nm5dQMMZe4zZfY7iDoRWmeGPiYSMNwNS60iBFQpyBlCPAaiXCeWduDw5M2rma2W1vymgw1n7oOvKD/B3YShHZM7dE5PTUyeNu5mRZmMnsjb2pytX8dYNqC7kl4nUQSJ1uVZ3A6Dhc7bP5uVnBPcaCxgj63Npc2et4s30D03aCePJs9bxT+UV0yWPzh43uukj0uNZReaGvAzKQQqrJPMdA7KrSuAWOtg6TZTmA9uD6qvWHLwyPfGF7S/ckMtswEFGr3N6Ds2kza9liVtvjUzaIc/KHJbuYjssJDrlgQvPmcXQclWECuuShtFHWWcmmdsNRp2qTbbBhPpg4r2BT2X5VAWIzTuqQpQVGB+EQre7jol8qD701HGST1TajwAdzdoUAvuVSSivtSI6oWO1jePrQf8R33fQiQCtidwHEP9Yc7r0/mkp4WsqcFBU36GzCJDrySBLFkdwjf3zWyjQqpol+933JZJgZe4O/USAaAxw5PTVzunbFAq0qvZ9eJJXnwQiuloiQOz8HlB3UgiWLLUKSGiXzbzIBVlUn6yInmyfNJfxCZT+nUStt/InBz+zuYDlV8wo5zjy9vQp813leLP2SMYe5d7JAGChUtYrPSMpHYMX3YdlQCJDOkrRV3kP61tFzERD9y2P5dBWH9gjWftw0fWzBT251c+PGizTnrAZAQLE36CxRIhIcjFaIfMoEcupIS3CX/UKcoB2w9QjUCNfkX3oLGGrB0AutjlQESVpaWx06tF7Fu0hFDThMizNEkszNvuCSYaFRGvcV9boafy2QX7ESXWpX58bM6mwmJgcx4yCJQzRnYT5/xm1ATVbkHaE2hFqFoFm/PYeahah8tNRljQen798DkU5isn7WUBZ4iZaPD8bbOqzwXNSRREgng7laTrQwTV/RnKl7FGlufc1cXMQ0M9p/TzaEmHLpdhA9x2Tk7dCRWzqdukAlPqMbEaAYJxn+D2EuhEI/14p6avVUitlOuSnUrP5L5/M0+66JIMo6Pd9mSo6JiEXQ4a+tBEdztinmNI44HZEg0GDPHsnj+5Lm33+1spW9klX9rtFeZcl22CTPKifML0xO2amQ53/AD7DkB/0QzTpAAAAAElFTkSuQmCC) no-repeat left center;
    background-size: .12rem;
}
.anchor-box .con{
    display: flex;
    align-items:center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;
}
.anchor-box .con .album-img{
    width: 68%;
    height: auto;
    min-height: 1.5rem;
    background-color: aliceblue;
}
.anchor-box .con .album-img img{
    width: 100%;
    height: auto;
    border-radius: .08rem;
}
.anchor-box .con .album-author{
    width: 32%;
    text-align: right;
}
.anchor-box .con .album-author>span{
    display: block;
    font-size: .12rem;
    color: #c2c5d6;
    line-height: .18rem;
}
.anchor-box .con .album-author img{
    display: block;
    width: .4rem;
    height: .4rem;
    margin: 0 auto;
    border-radius: .2rem;
}
.anchor-box .tag-box{
    padding-top: .08rem;
}
.anchor-box .tag-box .tag{
    display: inline-block;
    padding: 0 .08rem;
    line-height: .24rem;
    font-size: .14rem;
    color: #3AA7FF;
    border: 1px solid #3aa7ff;
    border-radius: .12rem;
    margin-right: .16rem;
}
.anchor-box .desc{
    font-size: .14rem;
    color: #5f6379;
    opacity: .6;
    padding: .16rem 0;
}
.icon-vertify{
    width: .2rem;
    height: .2rem;
    background-position: -.84rem -.16rem;
    margin-right: .07rem;
}
.icon-like{
    width: .14rem;
    height: .12rem;
    background-position: -1.5rem -.2rem;
}

.anchor-list[data-v-dac5bd40]{
    padding-top: .1rem;
}
.anchor-list-item[data-v-dac5bd40]{
    padding: .1rem 0;
    border-bottom: 0.5px solid #5F6379;
    border-color: rgba(95, 99, 121, 0.08);
    color: #5F6379;
    display: flex;
    align-items:center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;
}
.anchor-list-item .anchor-info[data-v-dac5bd40]{
    box-flex:1;
    flex:1;
    -webkit-flex:1;
}
.anchor-list-item .anchor-avatar[data-v-dac5bd40]{
    width: 1.01rem;
    height: .85rem;
    padding-right: .16rem;
}
.anchor-list-item .anchor-avatar img[data-v-dac5bd40]{
    border-radius: .06rem;
}
.anchor-list-item .anchor-info .anchor-title[data-v-dac5bd40]{
    display: flex;
    align-items: center;
    line-height: .26rem;
    font-size: .16rem;
    opacity: .75;
}
.anchor-list-item .anchor-info .anchor-source[data-v-dac5bd40]{
    padding-top: .08rem;
    font-size: 0;
}
.anchor-list-item .anchor-info .anchor-source span[data-v-dac5bd40]{
    display: inline-block;
    font-size: .1rem;
    color: #5F6379;
    line-height: .14rem;
    opacity: .5;
}
.anchor-list-item  .anchor-info .anchor-intro[data-v-dac5bd40]{
    line-height: .16rem;
    color: #5F6379;
    font-size: .12rem;
    padding-top: .08rem;
    opacity: .8;
}
.anchor-list-item .play-num[data-v-dac5bd40]{
    color: #3aa7ff;
}
.icon-play-num[data-v-dac5bd40]{
    width: .12rem;
    height: .12rem;
    background-position: -1.81rem -.21rem;
    margin: 0 .05rem 0 .06rem;
}

.card[data-v-63c4d0e1]{
    font-size: .14rem;
}
.card .snail-open[data-v-63c4d0e1]{
    padding: .11rem .16rem;
    height: .7rem;
}
/* .card-box::before{
    display: block;
    content: '';
    width: 100%;
    height: 2.46rem;
    opacity: 0.5;
    background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%);
    position: absolute;
    top: .7rem;
    left: 0;
    z-index: 1;
} */
.card-box[data-v-63c4d0e1]{
    width: 100%;
    height: auto;
    max-height: 3rem;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.card-box[data-v-63c4d0e1]::before{
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, #000000 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.card-box .progress-bar-2[data-v-63c4d0e1]{
    position: absolute;
    bottom: .35rem;
    left: 0;
    width: 100%;
    z-index: 2;
}
.card-user[data-v-63c4d0e1]{
    width: 100%;
    height: auto;
    background: #fafafa;
    border-radius: .1rem;
    padding: .16rem .16rem 0;
    position: relative;
    top: -.1rem;
    left: 0;
    z-index: 3;
}
.user-box[data-v-63c4d0e1]{
    display: flex;
    align-items: center;
}
.user-box .user-cover[data-v-63c4d0e1]{
    width: .44rem;
    height: .44rem;
    border-radius: .22rem;
    overflow: hidden;
}
.user-box .user-info[data-v-63c4d0e1]{
    padding-left: .04rem;
}
.user-box .user-name span[data-v-63c4d0e1]{
    font-size: .18rem;
    color: #3AA7FF;
    letter-spacing: 0;
    line-height: 1;
}
.user-box .user-name img[data-v-63c4d0e1]{
    width: auto;
    height: .12rem;
    margin-left: .04rem;
    vertical-align: baseline;
}
.user-box .user-pub[data-v-63c4d0e1]{
    color: #9B9B9B;
}
.user-word[data-v-63c4d0e1]{
    font-size: .14rem;
    color: #5F6379;
    line-height: .24rem;
    padding: .24rem 0;
}
.user-box .user-pub .address[data-v-63c4d0e1]{
    margin-left: .2rem;
    padding-left: .12rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAAAXNSR0IArs4c6QAABUNJREFUSA2VVmtsFFUUPufObpeWLhRQAyKlMUFBrYpCsLxEMcRQo/8I+IBlt922mJpgomV5JJOQFgSUAIa+lm55KL/8oRFjjJDGNjEIxYoY0B9QSxqK0tLSB92dnXs9Z2Da6bBt40lm7rnn+865c8+cOXcQxpCSki1TBpPeZ0HKXAlqOiJOVAo85NIFqP5BUBcfypp6Yd++j/pHC4OpgNJSfVLfXSNfKrUMFGiA2I0CrtG8TyhI0iLTAGEmYTyaAtWZLP/Dp/bv//CuO94DCwTCkbkqCUX0tOkKxVlhqh9jsfLrbkeeB4r1HEgkViiAPHqIO5ryVtbV6Ved3BELBIORPClwvVJ4K90LVVVV5e1O8mh6oHhLjjJEAQWbAgJq62srWmyuZivrCyNPKMAiAHXVp6Xtr67e2WVj440t55u6l+St/MWQyblK4opFC1deam5u6GE/wbfNmz9LFxIoOHTJhFFZU6MPsP3/yOHDel9Gmu9zBOxNSKOktPSgj/2tBXr6Ol+ntGTSk9ccP75v1IoIh6u9fI22MC8iwFurpJp6Z6DjNeZhOKxnxJOJPQKhJXakIprKORjckWcK81WqmpkWjtCuSe1MXd3On1PxNxRsC6NUz0B22sfCADOXSF4NxelU5I2hrQUmmAGUqBDED9ZFOtsYS+UDAk9TZfmgfTAXA8HthSDknFhteRmVJtmHJVAQWUYv7V2q9W/qo+Xf2biifAYKtq2mHb2JQp2oj+5qHPaiMrHw7XuodK8ICj6dnuqa7TySKN6g4FeOHqk45cRZZxtjShHHJYxTyV5DKR8VtFyWUtIqKScvHC6bzBi9pman3al7GCNOOLx7stPOOiLcplsWVRFOoB3F3QQp0/1s84DodWPD83uYlIMWd9gO1L4gQcnSBG2znyoo0wmyvmrVUzcIM01Qs92YPbcw4lhc23h/pB1kkH8n9S64Sc3rXvk5SGvWrCF/+EMp85VQSJ/qgCyVbYwxx+K6CApVNijs9NDr+Itab34w+Im/rq5sRDoyfP4vB+J39CTEywKFW0/6J0y/zHF6BzvmJWV8HevM4dEp71A3xoHELLJdFOlpmU20FSVF7zInifXKysht5fF9SlVxlwq/pHeg4wBfrFs2wpjj9vP1J5ZQVhB83nNWN90YihTRduao7LTt9bo+6Hbg9mCafz8phchhTEjZqmmz/6ypKTLcXO5r3T23dlJXbjsaLT/IpxNI9JwHZb4AbUY+Tb9yO90PdInsfI0pXT2dq4ngp3OkiYlWu/7twk835s9/eQZ9H0vnP7/0aktL079jRhkF3FC442kEuY4y3lwf23WKaVY3ZcU/8ZFjlLUOJUQoVdUwZyxZ/35kGkgzxDH8E2ccs7lDCxw69EGc8lVJX7XHVEbxWG3ZdrZH5mIci+mr1jgGx7KxoQXYEI1W3EQNY4o+roTZttYmjTcaZuvbICGbfTmGkz90ZNrGlguNHc8tWO4FqV59ceHy7l+bG9tsLNVodVyF+UrD74/WVjS4OSN2YIOPz/R+Tbm8Ik21jg902+4erb8KhWtR4GXLx02g+QM7YE5DQ4OiQ/ySIeUikGLB4pdWnj13roGa17Bs2qRnGoaxmTpmPCPNe2DvXn0o78MsRxU5jazz+Qoes5pe3KSBhFGg6/rQblnvjycKGWOOxXUHuD8fckqF11ftbhUanqRDfF5bu/GWzbF0BXOFwpPMse2pxhE/XqkIbAuEtr1Hx+BSgfg7z+kXMlcIaIxFK07wfCyhsh1fcmZ5v2i9bnRTA1vMbGp0385+zGt9qeN5/weq4UW9ubr8mQAAAABJRU5ErkJggg==) no-repeat left center;
    background-size: .08rem;
}
.user-other[data-v-63c4d0e1]{
    text-align: right;
    color: #5F6379;
    opacity: .6;
}
.user-other .comment[data-v-63c4d0e1]{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABXBJREFUaAXtWV1oHFUUPmdmdzY/1sQ/aGJJU5EK1VrQ6lPR0FBaEG2LL0IpSXaTTfAhBYlgNgmOxsQ+SAMGQtx0N9tGRSMKRbC+BGOrL2JtRKRQpU0aqrVaTbrpz/7MvZ7ZMpM7u7PZWVK6W9h5ueee891zz8+dmXNmAEpXKQKlCJQiUMgIoLi5368+mGDxXYzDJuJXAwdZlN9RGkGj/RYQ8Iwiu48Hg+o/dvubDrS0dT/POb7MGXjsgAXlIY8jyp9HDr8znW5HKsJNvp7nyPB9FHFXOqA45igD55uf2toQnfnpxJxoE7a0dD/EZewzI0/eApemJRc/TycoIYLvJM00Vg7IN0octnEOt04K2SZVrHl7fDjwt2GLS5NxJxrHhgAeGQeDwYE/DUCBxx+a2vpOg6Z1puzgqPDr13YRPWHYJSHHx4wJgjwVDA4Wi/Eps46M9f+KMp5etpGb9uo8CZFXGUKQ2KxJFxPB0LSLnpDVommS+Kgs5JkXjUqnObDlexFBEuWWiSi4W+iSA4XOVCkDpQysMgJ3/RHKq3hrflVdizfitZKkzIZC6r/ZgucU5/cHahIJqMmlL9s+Ot9xBppbexsgFlcZQrsG8X6vt2+LneKW1t7tIq7Z37fZDtfkCzTGkmDq8/kCT9jhcvEcOcCpUQDO9hhVIY0uBtpL6cpVVZU4s+I4s8cB8D3Gel1fEuBFY57P6MiB9va3ymmTcotiCe+3zGly+TJUcLA2RFQsZuB+uwL3AFWWlvUcHrDMHU4cOVBZeS/ZZb0oKxm8aHQpg4c2uCoNmFUbAEqZvHSM3dyRA0NDr92gjmJRVIAIGWX3xMR71wDxqohjyC+Jc50eGVGXqApesvAZZuAs8iwTRw6k1rpkaiL4TZ2maC3SXfCZnU6ZSx+Ss7EUjpz2yJ5JOxwV8hMGjpxewDKw1We7VmA6diAS7P9lQ53ndSxT3qxfpwQiowdnBT0mGQ73/1xfp3SlcHVKgL4mXDCFAhEZG5xZU7k2pe+FnVsC4yMD84LYMZnXe4CeMnHSnDPVTnHDw516pi5FRhzbmwF0nIGMlUXCKDlQ6ESUMlDwDND71Hx70supKDMi2kXvDtNePXgSff2NGlFErtUadDGNVE+ZdpH1loqAIs7OGcYyhtv37++qNObFMOq9BeP8GcMWqgLOGrQ+uiTwTDGMP01HiUpmXu1SlO7mtr5jmEzOut1V+osry3Xf9WCwffmDUxZUNjb9i6gAKHNnk8ddN8vlWGKjFkvsJswtHP0zQDdOiWvoSAF423r2ahrXP5o6vuhc6l3CvIuzT0Ohg787Waj3FT5fT4OGsINOct7lM0r8WOTwu1+Je6Vu2rqH3V9KEpwUBbnoVMYY1GkgdXm9Pdty4ScnJ+UWfy91c/BKvsbrwSL9U/XrPF+n75PKgMGkfwWbKKp76DStN3iOR8SPjoQGTtjhqTZynb8QbyfZk3bybLxUlgHPuUD7IluWLQ4YivTzmUxCNS9LyAYvfdRiUIOc7aPiusyQSbL88fhY/7fGXB914+fmEx10I5q9MSIugcQn6DxfEbEi7U7yZLxW+S+iqqkSXpSJtK0DImAl2utVH6EHQCcdJ7PdpFx/cjQ8+I2+zu//wB1PznUQz2zY6cxGNQWHjo4OXFxJt1PZqhzQN2lt7d2Q5OyA6ASxp+iv1ln6z7iDjH9UMCYqg3IoHFb/EHirIlftgL57c8cb9ZCUD3DG6dGY5aJW0yPzQ7f7D1DWM57FDFv2zI/fLTy7tfGMxrXHCZDhBEXpL+rQ3g+N9udshmw3WIF5WxzQ9Z86Nb24d3fjyatR+uCAqHd6Cj23L1J59b3iWh8OjXZZmv0VbMpL9D/X6uOGWp3RVgAAAABJRU5ErkJggg==);
}
.user-other .approval[data-v-63c4d0e1]{
    background-image: url(data:image/png;base64,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);
}
.user-other span[data-v-63c4d0e1]{
    margin-left: .2rem;
    padding-right: .24rem;
    background-size: .14rem;
    background-repeat: no-repeat;
    background-position: right center;
}
.progress-bar-2[data-v-63c4d0e1]{
    display: flex;
    align-items:center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;
    padding: 0 .07rem;
}
.progress-bar-2 .audio-dur[data-v-63c4d0e1]{
    color: #ffffff;
    font-size: .1rem;
    padding-left: .09rem;
    padding-right: .2rem;
}
.progress-bar-2 .progress[data-v-63c4d0e1]{
    box-flex:1;
    flex:1;
    -webkit-flex:1;
    height: .14rem;
    position: relative;
    overflow: hidden;
}
.progress-bar-2 .progress-dur[data-v-63c4d0e1],.progress-bar-2 .progress-now[data-v-63c4d0e1]{
    position: absolute;
    width: 150%;
    height: .14rem;
}
.progress-bar-2 .progress-dur[data-v-63c4d0e1]{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzYAAAAqCAYAAABhs848AAAAAXNSR0IArs4c6QAABSlJREFUeAHt2gtu1EAMANC24mJwEM5WTsJhOEjZgrSN0mY1TuL5ZB4SUtjO2J7nLMIkT09+ESBAgEBY4O3t7ff77/BGGwgQCAn4roW4LCYwtcDL1Kd3eAIECBAgQIAAAQIELiFgsLlEGx2CAAECBAgQIECAwNwCBpsd/fdYfAeaLQQIECBAgAABAgQSBQw2ibhCEyBAgAABAgQIECBQR8BgU8dZFgIECBAgQIAAAQIEEgUMNom4QhMgMI5A9ium2fHHkVbp7AK+C7PfAc5PIE/AYJNnKzIBAgQIECBAgAABApUEDDaVoKUhQIAAAQIECBAgQCBPwGCTZytyQwGvOjTE7yS1e6CTRijjSwH355csPiRAgMAhAYPNIT6bCRAgQIAAAQIECBDoQcBg00MX1ECAAAECBAgQIECAwCEBg82NzysBh+4hmwkQSBDw99I+1Ku6Rc8VXb9P+/+umrlK6uytnpKarSFA4BwBg805jqIQIECAAAECBAgQINBQwGDTEF9qAgQIECBAgAABAgTOEdg92HjUW96AVlat8pbLPF45ev2PT/f5p7Od97OAT84ScC+dJVkeh3m5VW8rW/WuVd6lfw81LOvZuh6lzq36r/p5j33ZPdhctUnORYAAAQIECBAgQIDAeAIGm/F6pmICBAgQIECAAAECBFYC98Em+3FSdvzluWrmWuY967pV/dl5s+Mf8Y/WFl1/pLbo3uzaRo8f9ZxtfXZ/o54166mZK+pQcz2HfdoZbhkx953u3F3Z54rGj65fahzZu4yzdZ0df5m3Zq5l3iPX65rvg82RoPYSIECAAAECBAgQIECgpYDBpqW+3AQIECBAgAABAgQInCIwxGCzfsx0yskFOSygL48JR/HJrjM7/uMu+Gm2QLS/0fXZ9YtP4EoCNb9fNXPp0T6BUXp0Zp3f9lHZRYAAgWKBt+KVFhIgQIAAAQIEdgoYbHbC2UaAQJnA8/Pzj7KVVk0i8HOSczomAQIECFQWGGKwuf3D6HtllynTRZ2z1/fchJKzl6zJOGM0b3R9Rs1ijisQvX9u6/+Me1qVE9gWiH4XtiN9/CQaM7r+I1P86kiuI3tLKs2Ov6whmiu6fpkreh3NFV0frWdr/Zl5hxhstiB8ToAAAQIECBAgsFvgdfdOGwl0KGCw6bApSiJAgAABAgQIZAvc/qf8V3YO8QnUFLgPNmc+BvrqANnxlzlr5lrmPet69PrPcqgZh3m5drZVdvzyk865sjf/mvXUzNXz3cWh5+6oLUOg53u+59oyehGNufa5DzbRQNYTIECAAAECBAgQIDCtwGtvJzfY9NYR9RAgQIAAAQIECBDoXOD2tKS7Vxl3DzbrRz+d2z8sL/ss2fG3Dtcq71Y90c9Hr995owLWnyUw23dn6dbq7K3yLs++vO6tnmVtvV23smqVtzf/knpYlShZ8y7wgoEAAQIECBAgQIAAAQKjCxhsRu+g+gkQIECAAAECBAgQeNr9Kho7Aj0LeGzdc3fq1Db6PTB6/XW6PG6WaH+j62vK9FZbb/XU7IVcBGYX8MRm9jvA+QkQIECAAAECBAhcQMBgc4EmOgIBAgQIECBAgACB2QW8ijb7HeD8BAj8E8h+fSU7vjYSGEXAd2GUTqmTwHgCntiM1zMVEyBAgAABAgQIECCwEjDYrED8kQABAgQIECBAgACB8QQMNuP1TMUECBAgQIAAAQIECKwEDDYrEH8kQIAAAQIECBAgQGA8AYPNeD1TMQECBAgQIECAAAECK4G/ZxzyrIrrn2IAAAAASUVORK5CYII=) repeat-x left center;
    background-size: 2.74rem .14rem;
}
.progress-bar-2 .progress-now[data-v-63c4d0e1]{
    width: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzYAAAAqCAYAAABhs848AAAAAXNSR0IArs4c6QAABS5JREFUeAHt2l1u1DAQAOCC+sBBKtGHXgIOwtngJFyCB945CFCBulbaXdlOxj/xVwkp3doz42+ySKPk7s4PAQIECJQL/Pj5/e75nx8CBGIFfNdifUUncCKB9yc6i6MQIECAAAECBAgQILCogMFm0cY7NgECBAgQIECAAIEzCRhsarrpsXiNmj0ECBAgQIAAAQIEwgQMNmG0AhMgQIAAAQIECBAg0ErAYNNKWh4CBAgQIECAAAECBMIEDDZhtAITIDCVQPQrptHxp8JW7NICvgtLt9/hCUQKGGwidcUmQIAAAQIECBAgQKCJgMGmCbMkBAgQIECAAAECBAhEChhsInXF7ifgVYd+9qNkdg+M0gl1vCXg/nxLxWcECBDYJWCw2cVnMwECBAgQIECAAAECIwgYbEboghoIECBAgAABAgQIENglYLB55vNKwK6byGYCBAIE/L9Uh3pWt9Jzla6v0/63q2WunDpHqyenZmsIEDhEwGBzCKMgBAgQIECAAAECBAj0FDDY9NSXmwABAgQIECBAgACBQwTqBxuPevMb0MuqV958mdsrZ6//9ule/3W1874W8MlRAu6loyTz4zDPtxptZa/e9cqb+o9QQ1rPtetZ6rxW/1k/H7Av9YPNWZvkXAQIECBAgAABAgQITCdgsJmuZQomQIAAAQIECBAgQGArcBlsoh8nRcdPT9YyV5r3qOte9UfnjY6/x7+0ttL1e2or3Rtd2+zxSz1XWx/d31LPlvW0zFXq0HI9hzrtCLeImHWnO3ZX9LlK45euTzX27E3jXLuOjp/mbZkrzbvnelPzZbDZE9ReAgQIECBAgAABAgQIdBQw2HTEl5oAAQIECBAgQIAAgWME5hhsNo+Zjjm6KLsF9OU24Sw+0XVGx7/dBX+NFijtb+n66PrFJ3AmgZbfr5a59KhOYJYeHVjnfZ2UXQQIEMgW+J290kICBAgQIECAQKWAwaYSzjYCBDIFnh4/Z660bAWBD/dfVjimMxIgQIBAe4E5Bpunx0/taRbMWOocvX7kFuScPWdNxBlL85auj6hZzHkFSu+fh4df8x5W5QRuCJR+F26EevlTaczS9S+JKi725NqzN6fU6PhpDaW5StenuUqvS3OVri+t59r6A/POMdhcg/A5AQIECBAgQIBApcC7r5UbbSMwpIDBZsi2KIoAAQIECBAgECzw9PFbcAbhCTQVuAw2Bz4GevME0fHTpC1zpXmPup69/qMcWsZhnq8dbRUdP/+ka64czb9lPS1zjXx3cRi5O2qLEBj5nh+5tohelMbc+FwGm9JA1hMgQIAAAQIECBAgsKjAeK8yGmwWvRUdmwABAgQIECBAgEC1wICvMtYPNptHP9UoI2yMPkt0/GuGvfJeq6f089nrd95SAeuPEljtu5O69Tp7r7zp2dPr0epJaxvtupdVr7yj+efUwypHyZq/Au8pECBAgAABAgQIECBAYHYBg83sHVQ/AQIECBAgQIAAAQJ39a+iwSMwsoDH1iN3p01ts98Ds9ffpsvzZintb+n6ljKj1TZaPS17IReBxQU8sVn8BnB8AgQIECBAgAABAmcQMNicoYvOQIAAAQIECBAgQGBxAa+iLX4DOD4BAv8Fol9fiY6vkQRmEfBdmKVT6iQwnYAnNtO1TMEECBAgQIAAAQIECGwFDDZbEb8TIECAAAECBAgQIDCdgMFmupYpmAABAgQIECBAgACBrYDBZividwIECBAgQIAAAQIEphMw2EzXMgUTIECAAAECBAgQILAV+AOp8V15I3iwsQAAAABJRU5ErkJggg==) repeat-x left center;
    background-size: 2.74rem .14rem;
}
.progress-bar-2 .audio-btn[data-v-63c4d0e1]{
    width: .38rem;
    padding-left: .2rem;
}
.progress-bar-2 .btn-stop[data-v-63c4d0e1]{
    width: .09rem;
    height: .11rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAAAAXNSR0IArs4c6QAAAjRJREFUWAntl0soRFEYx2c8C9lIkrJSpKRslIWFsrCWLCwsJa9ELKyUQoqtlLKwoLCwoMRCakqUvJKUhSxsSEnkNX5fnOk27jzvuefOwlf/zne/e873/805zdw7Pl+qRzAYTPOSMWQOSB5aBeaZ8QJ1oNB945CYz6DwOKRQaxxGDDE+CKf5vf5inEeFRsEwPP4FiDQ8cKMLpRsBwygWkAI9IqlzHSoBIAGTY1xARa6B0TzeHWJqKB7J+lCGdjCaJgOkyE5I6nVA6fqdqQJmF6hFVOwETBeQYmgjuQRqADk7Rho4OTKW/4lzKg2KNN5R9w5ZfSu52AFqCZVYb0TL3QRSvq0kcozDKFMVI40mgMQ7F02gU6AapRApTAEp/3KSLaBWUKkqWkfTQMq7mURecUZQtirK6BWQeOegMXQGVJMUJLwE+iHw+cpINoDqSRUgBTYKVFoq7JACkveslAKa8Pv9H86eN+qzORtvWT4IzLK08fLI3vCfRBUKRoC82qFNvPsAuRIIa5gGusa8H5B1K4Q1NwX0guk4mgLm1QoQnpsAWsNUduUm3Nzu2k2gCwx7Adm2M45Uc+Nb9oTZIKpOFEYgde5QkH6LaAiQO2meTOgCOsK8G5BAMhC2a3iwJfOSf8+6Tnko2jZ1UkwQ6JP5s6jAiWfUtQkABZhbE7WZjptxAN0xpx35dfjF7IHRPrKLd4rTKD9mE50TMBy3oZE/evKHz3xgnIXmkBzNHmoxT/HvGHsHvgFHXip9j+X5swAAAABJRU5ErkJggg==) no-repeat center;
    background-size: .09rem;
}
.progress-bar-2 .btn-start[data-v-63c4d0e1]{
    width: .09rem;
    height: .11rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAAAAXNSR0IArs4c6QAAAQtJREFUWAntWLkNAjEQPEFCCFRAA1AAZdAGJQANkFIFBRCQAS2QQUDKE4AEuRmL4Hwr+waOC8fSSN6d3bE12mizLDjOuRYwB07AAZgCzaDkryu0hsAWOANroF8qiIIFYM+ktOlLEqI94GnEL4i7SQmQN9Pgw32y4QcCOuOItk+NQplGGODeNrEPO5FclVRKp5C3H6ryUK09+hCzUw7JIeYA4zVDcog5wHjNkBxiDjBeMySHmAOM1wzJIeYA4zVDcog5wHjNkBxiDjBeMySHmAOMtzP0iDTcI7kqqZROIW8/tIy8FMtFymhqhYqXqboi3phcHmJFGy7Oj4hnQN2L8x00/X7aL84H+euf2xvXjrkUyQdp7wAAAABJRU5ErkJggg==) no-repeat center;
    background-size: .09rem;
}
/*.card audio{
    width: 1.44rem;
    height: .48rem;
    !*opacity: 0;*!
    position: absolute;
    bottom: .5rem;
    right: -.9rem;
    !*visibility: hidden;*!
}
.card audio.audioReady{
    right: -1.44rem;
}*/

.idolStory[data-v-32c02376]{
    font-size: .14rem;
    padding: .05rem .16rem;
    position: relative;
}
.idolStory-box[data-v-32c02376]{
    padding-bottom: .2rem;
    z-index: 1;
}
.idolStory-box .headset img[data-v-32c02376]{
    width: .57rem;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -.3rem;
    z-index: 9;
}
.idolStory .play-num[data-v-32c02376]{
    text-align: right;
    font-size: .12rem;
    color: #3AA7FF;
    line-height: .12rem;
    padding: .21rem 0 .05rem;
}
.idolStory .play-num img[data-v-32c02376]{
    width: auto;
    height: .1rem;
    vertical-align: baseline;
    margin-right: .1rem;
}
.idolStory .play-num .num[data-v-32c02376]{
    font-family: DINCondensed-Bold;
    margin-right: .04rem;
}
.idolStory .play-cover[data-v-32c02376]{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: .75rem;
    border: .05rem solid #e4e4e4;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}
.idolStory .play-cover[data-v-32c02376]::before{
    display: block;
    content: '';
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    background-image: linear-gradient(-180deg, rgba(29,29,39,0.00) 45%, #1D1D27);
    position: absolute;
    z-index: 2;
}
.idolStory .play-cover img[data-v-32c02376]{
    border-radius: 50%;
}
.idolStory .play-cover .btn[data-v-32c02376]{
    position: absolute;
    top: 50%;
    margin-top: -.09rem;
    left: 50%;
    margin-left: -.08rem;
    z-index: 3;
    overflow: hidden;
}
.idolStory .play-cover .btn-play[data-v-32c02376]{
    width: .16rem;
    height: .18rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAAAAXNSR0IArs4c6QAAAQtJREFUWAntWLkNAjEQPEFCCFRAA1AAZdAGJQANkFIFBRCQAS2QQUDKE4AEuRmL4Hwr+waOC8fSSN6d3bE12mizLDjOuRYwB07AAZgCzaDkryu0hsAWOANroF8qiIIFYM+ktOlLEqI94GnEL4i7SQmQN9Pgw32y4QcCOuOItk+NQplGGODeNrEPO5FclVRKp5C3H6ryUK09+hCzUw7JIeYA4zVDcog5wHjNkBxiDjBeMySHmAOM1wzJIeYA4zVDcog5wHjNkBxiDjBeMySHmAOMtzP0iDTcI7kqqZROIW8/tIy8FMtFymhqhYqXqboi3phcHmJFGy7Oj4hnQN2L8x00/X7aL84H+euf2xvXjrkUyQdp7wAAAABJRU5ErkJggg==) no-repeat center;
    background-size: .16rem;
}
.idolStory .play-cover .btn-stop[data-v-32c02376]{
    width: .16rem;
    height: .18rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAAAAXNSR0IArs4c6QAAAjRJREFUWAntl0soRFEYx2c8C9lIkrJSpKRslIWFsrCWLCwsJa9ELKyUQoqtlLKwoLCwoMRCakqUvJKUhSxsSEnkNX5fnOk27jzvuefOwlf/zne/e873/805zdw7Pl+qRzAYTPOSMWQOSB5aBeaZ8QJ1oNB945CYz6DwOKRQaxxGDDE+CKf5vf5inEeFRsEwPP4FiDQ8cKMLpRsBwygWkAI9IqlzHSoBIAGTY1xARa6B0TzeHWJqKB7J+lCGdjCaJgOkyE5I6nVA6fqdqQJmF6hFVOwETBeQYmgjuQRqADk7Rho4OTKW/4lzKg2KNN5R9w5ZfSu52AFqCZVYb0TL3QRSvq0kcozDKFMVI40mgMQ7F02gU6AapRApTAEp/3KSLaBWUKkqWkfTQMq7mURecUZQtirK6BWQeOegMXQGVJMUJLwE+iHw+cpINoDqSRUgBTYKVFoq7JACkveslAKa8Pv9H86eN+qzORtvWT4IzLK08fLI3vCfRBUKRoC82qFNvPsAuRIIa5gGusa8H5B1K4Q1NwX0guk4mgLm1QoQnpsAWsNUduUm3Nzu2k2gCwx7Adm2M45Uc+Nb9oTZIKpOFEYgde5QkH6LaAiQO2meTOgCOsK8G5BAMhC2a3iwJfOSf8+6Tnko2jZ1UkwQ6JP5s6jAiWfUtQkABZhbE7WZjptxAN0xpx35dfjF7IHRPrKLd4rTKD9mE50TMBy3oZE/evKHz3xgnIXmkBzNHmoxT/HvGHsHvgFHXip9j+X5swAAAABJRU5ErkJggg==) no-repeat center;
    background-size: .16rem;
}
.idolStory-box p[data-v-32c02376]{
    padding: .24rem;
    font-size: .16rem;
    line-height: .22rem;
    color: #5F6379;
    text-align: center;
}
.idolStory .popup[data-v-32c02376]{
    z-index: 9;
}
.idolStory audio[data-v-32c02376]{
    width: 1.44rem;
    height: .48rem;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.24rem;
    margin-top: -.24rem;
    z-index: 4;
}
.idolStory audio.audioReady[data-v-32c02376]{
    left: 100%;
}
.idolStory .content[data-v-32c02376]{
    line-height: .2rem;
    color: #5F6379;
    font-size: .12rem;
    max-height: 1.8rem;
    overflow-y: hidden;
    padding: 0 .14rem;
    margin-bottom: .12rem;
}
.idolStory .more[data-v-32c02376]{
    font-size: .13rem;
    line-height: .18rem;
    color: #3AA7FF;
    text-align: center;
}
.idolStory .banner[data-v-32c02376]{
    padding: .18rem 0 .22rem;
}

.layout>.main[data-v-9d1ef7d6]{
    padding-bottom: .74rem;
}
.snail-open[data-v-9d1ef7d6]{
    display: flex;
    height: .6rem;
    align-items:center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;
    padding: .06rem 0;
    font-size: .14rem;
}
.snail-open .avatar[data-v-9d1ef7d6]{
    height: .5rem;
    width: .5rem;
    text-align: center;
    overflow: hidden;
    border-radius: .5rem;
    background: #aaa;
}
.snail-open .avatar img[data-v-9d1ef7d6]{
    width: 100%;
    height: auto;
}
.snail-open .star[data-v-9d1ef7d6]{
    flex: 1;
    padding-left: .08rem;
    font-size: .11rem;
    color: #5f6379;
    line-height: .16rem;
}
.snail-open .star .name[data-v-9d1ef7d6]{
    font-size: .14rem;
    line-height: .2rem;
    font-weight: 500;
}
.snail-open .btn[data-v-9d1ef7d6]{
    border: 1px solid #3AA7FF;
    line-height: 1;
    width: .86rem;
    font-size: .14rem;
    padding: .07rem 0;
    border-radius: .15rem;
    text-align: center;
    color: #3AA7FF;
    margin: 0 auto;
}
.main>.more.open-app[data-v-9d1ef7d6]{
    text-align: center;
    font-size: .14rem;
    line-height: .2rem;
    color: #3aa7ff;
    text-decoration: underline;
    padding: .2rem 0;
}
.main>.logo[data-v-9d1ef7d6]{
    text-align: center;
    padding: .3rem 0 0;
}
.main>.logo img[data-v-9d1ef7d6]{
    width: .6rem;
    height: auto;
}
.snail-download[data-v-9d1ef7d6]{
    width: 100%;
    padding: .2rem 0;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    left: 0;
    padding-bottom: .25rem;
    display: flex;
    justify-content: space-around;
}
.pcApp .snail-download[data-v-9d1ef7d6]{
    width: 525px;
    left: 50%;
    margin-left: -262px;
}
.snail-download .btn[data-v-9d1ef7d6]{
    width: 1.68rem;
    border: 1px solid #3aa7ff;
    border-radius: .2rem;
    line-height: .38rem;
    text-align: center;
    font-size: .18rem;
    color: #3AA7FF;
    font-weight: 600;
    background-color: #fff;
}
.snail-download .btn-primary[data-v-9d1ef7d6]{
    border: 1px solid #3aa7ff;
    color: #fff;
    background-color: #3AA7FF;
}

.comment>.title[data-v-42740eec]{
    font-size: .18rem;
    line-height: .25rem;
    color: #5f6379;
    font-weight: 600;
    padding-bottom: .15rem;
}
.comment .li[data-v-42740eec]{
    display: flex;
    align-items: flex-start;
    padding-bottom: .15rem;
}
.comment .li .avatar[data-v-42740eec]{
    width: .4rem;
    height: .4rem;
    border-radius: .4rem;
    overflow: hidden;
}
.comment .li .con[data-v-42740eec]{
    flex: 1;
    padding-left: .04rem;
    padding-bottom: .15rem;
    border-bottom: 1px solid #e0e0e0;
}
.comment .li:last-child .con[data-v-42740eec]{
    border: 0;
}
.comment .li .header[data-v-42740eec]{
    display: flex;
    align-items: center;
    height: .4rem;
}
.comment .li .header .star[data-v-42740eec]{
    flex: 1;
}
.comment .li .like span[data-v-42740eec]{
    display: inline-block;
    vertical-align: middle;
    font-size: .1rem;
    font-weight: 500;
    line-height: .12rem;
    color: #9c9fac;
}
.comment .li .header img[data-v-42740eec]{
    display: inline-block;
    vertical-align: middle;
    height: .14rem;
    width: auto;
    margin-left: .04rem;
}
.comment .li .name[data-v-42740eec]{
    font-size: .14rem;
    font-weight: 400;
    line-height: .16rem;
    color: #5f6379;
}
.comment .li .time[data-v-42740eec]{
    font-size: .11rem;
    line-height: .16rem;
    font-weight: 400;
    color: #bbbdc6;
    padding-top: .02rem;
}
.comment .li .content[data-v-42740eec]{
    font-size: .13rem;
    line-height: .26rem;
    font-weight: 400;
    color: #5f6379;
}
.comment .empty[data-v-42740eec]{
    font-size: .14rem;
    color: #5f6379;
    text-align: center;
}
.comment .empty .write[data-v-42740eec]{
    text-align: center;
    font-size: .14rem;
    line-height: .2rem;
    color: #3aa7ff;
    text-decoration: underline;
    padding: .08rem 0;
}

.star[data-v-712acd8a]{
    font-size: .14rem;
    padding: .05rem .16rem;
    position: relative;
}
.star>.main>.con[data-v-712acd8a]{
    display: flex;
    align-items: center;
    padding-top: .23rem;
}
.star>.main>.con .avatar[data-v-712acd8a]{
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 1.1rem;
    overflow: hidden;
}
.star>.main>.con .desc[data-v-712acd8a]{
    flex: 1;
    padding-left: .16rem;
}
.star>.main>.con .name[data-v-712acd8a]{
    font-size: .14rem;
    font-weight: 400;
    line-height: .2rem;
    color: #3AA7FF;
}
.star>.main>.con .intro[data-v-712acd8a]{
    padding-top: .04rem;
    font-size: .13rem;
    font-weight: 400;
    color: #5F6379;
    line-height: .21rem;
}
.star>.main>.con .intro .more[data-v-712acd8a]{
    font-size: .12rem;
    font-weight: 400;
    color: #3AA7FF;
    margin-left: .1rem;
}
.star .banner[data-v-712acd8a]{
    padding: .32rem 0 .22rem;
}
.star-box[data-v-712acd8a]{
    padding-bottom: .2rem;
    z-index: 1;
}
.star-box .headset img[data-v-712acd8a]{
    width: .57rem;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -.3rem;
    z-index: 9;
}
.star .play-num[data-v-712acd8a]{
    text-align: right;
    font-size: .12rem;
    color: #3AA7FF;
    line-height: .12rem;
    padding: .21rem 0 .05rem;
}
.star .play-num img[data-v-712acd8a]{
    width: auto;
    height: .1rem;
    vertical-align: baseline;
    margin-right: .1rem;
}
.star .play-num .num[data-v-712acd8a]{
    font-family: DINCondensed-Bold;
    margin-right: .04rem;
}
.star .play-cover[data-v-712acd8a]{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: .75rem;
    border: .05rem solid #e4e4e4;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}
.star .play-cover[data-v-712acd8a]::before{
    display: block;
    content: '';
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    background-image: linear-gradient(-180deg, rgba(29,29,39,0.00) 45%, #1D1D27);
    position: absolute;
    z-index: 2;
}
.star .play-cover img[data-v-712acd8a]{
    border-radius: 50%;
}
.star .play-cover .btn[data-v-712acd8a]{
    position: absolute;
    top: 50%;
    margin-top: -.09rem;
    left: 50%;
    margin-left: -.08rem;
    z-index: 3;
    overflow: hidden;
}
.star .play-cover .btn-play[data-v-712acd8a]{
    width: .16rem;
    height: .18rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAAAAXNSR0IArs4c6QAAAQtJREFUWAntWLkNAjEQPEFCCFRAA1AAZdAGJQANkFIFBRCQAS2QQUDKE4AEuRmL4Hwr+waOC8fSSN6d3bE12mizLDjOuRYwB07AAZgCzaDkryu0hsAWOANroF8qiIIFYM+ktOlLEqI94GnEL4i7SQmQN9Pgw32y4QcCOuOItk+NQplGGODeNrEPO5FclVRKp5C3H6ryUK09+hCzUw7JIeYA4zVDcog5wHjNkBxiDjBeMySHmAOM1wzJIeYA4zVDcog5wHjNkBxiDjBeMySHmAOMtzP0iDTcI7kqqZROIW8/tIy8FMtFymhqhYqXqboi3phcHmJFGy7Oj4hnQN2L8x00/X7aL84H+euf2xvXjrkUyQdp7wAAAABJRU5ErkJggg==) no-repeat center;
    background-size: .16rem;
}
.star .play-cover .btn-stop[data-v-712acd8a]{
    width: .16rem;
    height: .18rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAAAAXNSR0IArs4c6QAAAjRJREFUWAntl0soRFEYx2c8C9lIkrJSpKRslIWFsrCWLCwsJa9ELKyUQoqtlLKwoLCwoMRCakqUvJKUhSxsSEnkNX5fnOk27jzvuefOwlf/zne/e873/805zdw7Pl+qRzAYTPOSMWQOSB5aBeaZ8QJ1oNB945CYz6DwOKRQaxxGDDE+CKf5vf5inEeFRsEwPP4FiDQ8cKMLpRsBwygWkAI9IqlzHSoBIAGTY1xARa6B0TzeHWJqKB7J+lCGdjCaJgOkyE5I6nVA6fqdqQJmF6hFVOwETBeQYmgjuQRqADk7Rho4OTKW/4lzKg2KNN5R9w5ZfSu52AFqCZVYb0TL3QRSvq0kcozDKFMVI40mgMQ7F02gU6AapRApTAEp/3KSLaBWUKkqWkfTQMq7mURecUZQtirK6BWQeOegMXQGVJMUJLwE+iHw+cpINoDqSRUgBTYKVFoq7JACkveslAKa8Pv9H86eN+qzORtvWT4IzLK08fLI3vCfRBUKRoC82qFNvPsAuRIIa5gGusa8H5B1K4Q1NwX0guk4mgLm1QoQnpsAWsNUduUm3Nzu2k2gCwx7Adm2M45Uc+Nb9oTZIKpOFEYgde5QkH6LaAiQO2meTOgCOsK8G5BAMhC2a3iwJfOSf8+6Tnko2jZ1UkwQ6JP5s6jAiWfUtQkABZhbE7WZjptxAN0xpx35dfjF7IHRPrKLd4rTKD9mE50TMBy3oZE/evKHz3xgnIXmkBzNHmoxT/HvGHsHvgFHXip9j+X5swAAAABJRU5ErkJggg==) no-repeat center;
    background-size: .16rem;
}
.star-box p[data-v-712acd8a]{
    padding: .24rem;
    font-size: .16rem;
    line-height: .22rem;
    color: #5F6379;
    text-align: center;
}
.star .list-title[data-v-712acd8a]{
    font-size: .1rem;
    line-height: .14rem;
    color: #5F6379;
}

.starStoryAlbum[data-v-5f2cd428]{
    font-size: .14rem;
    padding: .05rem .16rem;
    position: relative;
}
.starStoryAlbum>.main>.con[data-v-5f2cd428]{
    display: flex;
    align-items: center;
    padding: .23rem 0 .32rem;
}
.starStoryAlbum .avatar[data-v-5f2cd428]{
    width: 1.48rem;
    height: 1.48rem;
    border-radius: .08rem;
    overflow: hidden;
}
.starStoryAlbum .desc[data-v-5f2cd428]{
    flex: 1;
    padding-left: .16rem;
}
.starStoryAlbum .name[data-v-5f2cd428]{
    font-size: .16rem;
    font-weight: 400;
    line-height: .2rem;
    color: #5F6379;
}
.starStoryAlbum .intro[data-v-5f2cd428]{
    padding-top: .04rem;
    font-size: .13rem;
    font-weight: 400;
    color: #5F6379;
    line-height: .21rem;
}
.starStoryAlbum .intro .more[data-v-5f2cd428]{
    font-size: .12rem;
    font-weight: 400;
    color: #3AA7FF;
}
.starStoryAlbum .list-title[data-v-5f2cd428]{
    font-size: .1rem;
    line-height: .14rem;
    color: #5F6379;
}
.starStoryAlbum .banner[data-v-5f2cd428]{
    padding: .32rem 0 .22rem;
}
.starStoryAlbum .popup[data-v-5f2cd428]{
    z-index: 9;
}
.starStoryAlbum audio.audioReady[data-v-5f2cd428]{
    left: 100%;
}

.idol[data-v-cee5cd6c]{
    font-size: .14rem;
    padding: .05rem .16rem;
    position: relative;
}
.idol .banner[data-v-cee5cd6c]{
    padding: .08rem 0 .17rem;
}
.idol>.main>.rules[data-v-cee5cd6c]{
    display: inline-block;
    width: auto;
    padding: .04rem .12rem .04rem .02rem;
    border-radius: 0 .36rem .36rem 0;
    background: #dadbdf;
    font-size: .12rem;
    color: #5F6379;
    line-height: .14rem;
    position: absolute;
    left: 0;
}
.idol .title[data-v-cee5cd6c]{
    width: 2.6rem;
    padding: .11rem 0 .05rem;
    line-height: .2rem;
    font-size: .11rem;
    color: #5F6379;
    text-align: center;
    opacity: .6;
    margin: 0 auto;
}
.idol .con[data-v-cee5cd6c]{
    padding-top: .03rem;
    font-size: 0;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}
.idol .con .li[data-v-cee5cd6c]{
    width: 1.02rem;
    margin-top: .24rem;
    border-radius: .08rem;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.idol .li .no[data-v-cee5cd6c]{
    color: #fff;
    position: absolute;
    top: -.09rem;
    right: -.04rem;
    width: .23rem;
    z-index: inherit;
    -webkit-transform:rotate(45deg);
            transform:rotate(45deg);
}
.idol .li .no p[data-v-cee5cd6c]{
    font-size: .12rem;
    line-height: 1;
    position: absolute;
    z-index: 9;
    width: .46rem;
    font-weight: bold;
    text-align: center;
    top: .12rem;
    -webkit-transform: scale(.8);
            transform: scale(.8);
}
.idol .li .no[data-v-cee5cd6c]::before{
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-width: 0 .23rem .23rem .23rem;
    border-color: #3aa7ff transparent ;
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.idol .li:first-child .no[data-v-cee5cd6c]::before{
    border-color: #D0021B;
}
.idol .li:nth-child(2) .no[data-v-cee5cd6c]::before{
    border-color: #E87C52;
}
.idol .li:nth-child(3) .no[data-v-cee5cd6c]::before{
    border-color: #F9B138;
}
.idol .li .avatar[data-v-cee5cd6c]{
    width: 1.02rem;
    height: 1.28rem;
    border-radius: .08rem;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    background-color: #5F6379;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 1.29rem;
}
.idol .li .name[data-v-cee5cd6c]{
    font-size: .14rem;
    color: #5F6379;
    line-height: .2rem;
    padding: .08rem 0;
}
.idol .li .like[data-v-cee5cd6c]{
    width: .8rem;
    height: .3rem;
    margin: 0 auto;
}

.fans[data-v-43025185]{
    font-size: .14rem;
    padding: .05rem .16rem;
    position: relative;
}
.fans .banner[data-v-43025185]{
    padding: .08rem 0 .16rem;
}
.fans .rules[data-v-43025185]{
    display: inline-block;
    width: auto;
    padding: .04rem .02rem .04rem .12rem;
    border-radius: .36rem 0 0 .36rem;
    background: #dadbdf;
    font-size: .12rem;
    color: #5F6379;
    line-height: .14rem;
    position: absolute;
    right: 0;
}
.fans .title[data-v-43025185]{
    width: 2.9rem;
    padding: .11rem 0 .05rem;
    line-height: .2rem;
    font-size: .11rem;
    color: #5F6379;
    text-align: center;
    opacity: .6;
    margin: 0 auto;
}
.fans .li[data-v-43025185]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .12rem 0;
    border-bottom: 1px solid #edeeef;
}
.fans .li[data-v-43025185]:last-child{
    border: 0;
}
.fans .li .no[data-v-43025185]{
    width: .46rem;
    font-size: .14rem;
    line-height: .2rem;
    color: #5F6379;
    padding-right: .14rem;
}
.fans .li .avatar[data-v-43025185]{
    width: .46rem;
    height: .46rem;
    border-radius: .46rem;
    overflow: hidden;
}
.fans .li .name[data-v-43025185]{
    flex: 1;
    font-size: .15rem;
    font-weight: 500;
    line-height: .21rem;
    color: #5F6379;
    padding-left: .11rem;
}
.fans .li .fans-box p[data-v-43025185]{
    font-size: .1rem;
    line-height: .14rem;
    text-align: center;
    color: #5F6379;
    padding-top: .04rem;
}
.fans .li .fans-list[data-v-43025185]{
    display: flex;
    align-items: center;
    justify-content: center;
    width: .92rem;
    font-size: 0;
}
.fans .li .fans-list img[data-v-43025185]{
    width: .28rem;
    height: .28rem;
    border-radius: .28rem;
    margin-left: .04rem;
    background: url(.././images/woman.png) no-repeat center;
    background-size: cover;
}
.fans .li .fans-list img[data-v-43025185]:first-child{
    margin: 0;
}

.download .logo[data-v-46121bcc]{
    text-align: center;
    padding: .6rem 0;
}
.download .logo img[data-v-46121bcc]{
    width: .8rem;
    height: auto;
}
.download h2[data-v-46121bcc]{
    text-align: center;
    font-size: .28rem;
    padding: .3rem;
    color: #3AA7FF;
}
.download p[data-v-46121bcc]{
    font-size: .16rem;
    text-align: center;
    padding-bottom: .2rem;
    color: #3AA7FF;
    opacity: .8;
}
.download .btn-box[data-v-46121bcc]{
    width: 100%;
    padding: .2rem 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}
.download .btn[data-v-46121bcc]{
    width: 1.68rem;
    border: 1px solid #3aa7ff;
    border-radius: .2rem;
    line-height: .38rem;
    text-align: center;
    font-size: .18rem;
    color: #3AA7FF;
    font-weight: 600;
    background-color: #fff;
}
.download .btn-primary[data-v-46121bcc]{
    border: 1px solid #3aa7ff;
    color: #fff;
    background-color: #3AA7FF;
}

.test .con{
    padding-top: .2rem;
}
.test p{
    line-height: .2rem;
    height: .4rem;
    text-align: center;
    font-size: .22rem;
    color: #666;
    padding: .1rem 0;
}
.test p span{
    font-size: .14rem;
    color: #999;
    margin-left: .1rem;
}
.test .input-box{
    width: 80%;
    max-width: 4rem;
    padding: .05rem 0;
    margin: 0 auto;
    text-align: center;
}
.test .input-box input{
    width: 1rem;
    font-size: .14rem;
    color: #666;
    border: 1px solid #aaa;
    padding: .08rem .12rem;
    height: .3rem;
    border-radius: .08rem;
}
.test .input-box .save{
    color: #666;
    margin-left: .1rem;
}
.test .btn-box{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.test .btn{
    text-align: center;
    width: 30%;
    max-width: 4rem;
    background: rgba(230, 221, 221, 0.06);
    border: 1px solid #aaa;
    padding: .12rem;
    margin: .22rem auto;
    border-radius: .08rem;
    color: #666;
    font-size: .15rem;
    box-shadow: 0 0 .02rem .02rem rgba(0, 0, 0, .06);
    cursor: pointer;
}
.test .sleepData{
    text-align: left;
    width: 80%;
    margin: 0 auto;
}
.test .sleepData span{
    font-size: .16rem;
}
.test .sleepData input{
    width: 1rem;
    border: 1px solid #eee;
    font-size: .14rem;
}
.test .sleepData span:first-child{
    color: #666;
}
.test .tip{
    color: red;
    font-size: .12rem;
}
.test .datalist{
    font-size: .12rem;
    text-decoration: underline;
}
.test .datalist-box{
    padding: .16rem;
}
.test .datalist-box p{
    font-size: .12rem;
    text-align: left;
}
.test .back{
    position: absolute;
    top: .1rem;
    right: .1rem;
    padding: .05rem .1rem;
    border: 1px solid #aaa;
    border-radius: .08rem;
}
/*
html5doctor.com Reset Stylesheet
v1.4.1
Author: Richard Clark - http://richclarkdesign.com
*/

@font-face {
    font-family: DINCondensed-Bold;
    src: url(".././font/DIN Condensed Bold.ttf");
}

html body {
    font-family: Arial, Tahoma, "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Simsun, sans-serif;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body,
* {
    box-sizing: border-box;
}

html {
    font-size: 100px;
}

body {
    background-color: #fafafa;
    font-size: .12rem;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

nav,
ul,
ol {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    text-decoration: none;
    vertical-align: baseline;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select,
textarea {
    vertical-align: middle;
}

input:focus,
select:focus,
textarea:focus {
    outline: 0;
}

em {
    font-style: normal;
}

img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.pcApp {
    width: 525px;
    margin: 0 auto;
    border: 1px solid #eee;
}

.hidden {
    display: none !important;
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
}

.popup .con {
    width: 2.64rem;
    height: 2.02rem;
    position: fixed;
    top: 50%;
    margin-top: -1.01rem;
    left: 50%;
    margin-left: -1.32rem;
    background: url(.././images/popup_bg.png) no-repeat center;
    background-size: 100% 100%;
    border-radius: .1rem;
    padding: .26rem .2rem;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .06);
}

.popup p {
    color: #5F6379;
    font-size: .16rem;
    margin-top: .42rem;
    margin-bottom: .21rem;
    text-align: center;
    line-height: .26rem;
    height: .52rem;
}

.popup .btn-box {
    text-align: center;
    font-size: 0;
}

.popup .btn {
    display: inline-block;
    font-size: .15rem;
    width: 1rem;
    line-height: .35rem;
    color: #3AA7FF;
    background-color: #fff;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.popup .btn-submit {
    background-image: url(.././images/submit_bg.png);
    color: #fff;
    border: 0;
    margin-left: .24rem;
}

.icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(.././images/icon.png);
    background-size: 3.5rem;
    background-repeat: no-repeat;
}