.indexTopTabBox[data-v-d892a022] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}

.topHeaderBg[data-v-2798e2f9] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.topHeaderBg>.left[data-v-2798e2f9] {
    width: 34%
}

.topHeaderBg>.left img[data-v-2798e2f9] {
    display: block;
    width: 100%
}

.topHeaderBg>.right[data-v-2798e2f9] {
    width: 64%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.topHeaderBg>.right p[data-v-2798e2f9] {
    color: #a0a4ae;
    font-size: 12px
}

.publicTopHeaderLine[data-v-2798e2f9] {
    width: 1px;
    background-color: #686c75;
    height: 12px;
    margin: 0 8px;
    display: inline-block
}

.topInputBox[data-v-2798e2f9] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}

.bottomSignBox>li p.one.hover[data-v-318838b5] {
    border-color: #f54b64;
    color: #f54b64
}

.bottomSignBox>li p.two.hover[data-v-318838b5] {
    border-color: #1da362;
    color: #1da362
}

.bottomSignBox>li p.three.hover[data-v-318838b5] {
    border-color: #f7c3a7;
    color: #f7c3a7
}

.bottomSignBox>li p.four.hover[data-v-318838b5] {
    border-color: #3b96fc;
    color: #3b96fc
}

.bottomSignBox[data-v-318838b5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bottomSignBox>li[data-v-318838b5] {
    margin-left: 6px
}

.bottomSignBox>li[data-v-318838b5]:first-child {
    margin-left: 0
}

.bottomSignBox>li p i.hover[data-v-318838b5] {
    display: none
}

.bottomSignBox>li p i[data-v-318838b5] {
    margin-right: 4px
}

.bottomSignBox>li p[data-v-318838b5] {
    color: #5e626c;
    border-radius: 4px;
    font-size: 11px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.videoListStyle>.title[data-v-318838b5] {
    color: #eaf1ff;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    margin-bottom: 4px
}

.videoListStyle>.imgArea>.bottomInfo[data-v-318838b5] {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    padding: 0 4px 1px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(1%,rgba(57,57,56,.8)),to(hsla(0,0%,40.8%,0)));
    background: linear-gradient(0deg,rgba(57,57,56,.8) 1%,hsla(0,0%,40.8%,0))
}

.videoListStyle:hover .popup[data-v-318838b5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.videoListStyle .popup[data-v-318838b5] {
    width: 100%;
    height: 162px;
    z-index: 9999;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.5);
    display: none
}

.videoListStyle>.imgArea>.triangle span[data-v-318838b5] {
    position: absolute;
    left: 2px;
    top: 5px;
    z-index: 999;
    font-size: 10px;
    -webkit-transform: rotate(-32deg);
    transform: rotate(-32deg);
    color: #fff
}

.videoListStyle>.imgArea>.triangle[data-v-318838b5] {
    position: relative
}

.videoListStyle>.imgArea>.triangleRed[data-v-318838b5]:after {
    border-top: 34px solid #cb266d;
    left: 0;
    content: "";
    border-right: 49px solid transparent;
    position: absolute;
    top: 0;
    z-index: 998
}

.videoListStyle>.imgArea>.triangleGreen[data-v-318838b5]:after {
    border-top: 34px solid #12cc82;
    left: 0;
    content: "";
    border-right: 49px solid transparent;
    position: absolute;
    top: 0;
    z-index: 998
}

.videoListStyle>.imgArea[data-v-318838b5] {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.videoListStyle[data-v-318838b5] {
    width: 49%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0;
    cursor: pointer
}

.videoListStyle[data-v-318838b5]:first-child,.videoListStyle[data-v-318838b5]:nth-child(2) {
    padding-top: 0
}

.videoListBox[data-v-318838b5] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.elImageClass[data-v-318838b5] {
    width: 100%;
    height: 162px
}

/*!*小于1200的设备*!
@media only screen and (max-width: 1200px){
    .videoListStyle{
        width: 20%;
    }
    .elImageClass{
        width: 100%;
        height: 106px;
    }
}
!*大于1200的设备*!
@media only screen and (min-width: 1201px){
    .videoListStyle{
        width: 20%;
    }
    .elImageClass{
        width: 100%;
        height: 128px;
    }
}
!*大于1400的设备*!
@media only screen and (min-width: 1400px){
    .videoListStyle{
        width: 20%;
    }
    .elImageClass{
        width: 100%;
        height: 128px;
    }
}
!*大于1920的设备*!
@media only screen and (min-width: 1920px) {
    .videoListStyle{
        width: 16.66%;
    }
    .elImageClass{
        width: 100%;
        height: 130px;
    }
}*/
.loadingAnmBg[data-v-bedb2d10] {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    padding: 10px 0
}

.artistListBox[data-v-48ced88b] {
    margin-top: 20px
}

.artistListBox>li[data-v-48ced88b] {
    margin-top: 10px
}

.artistListBox>li[data-v-48ced88b]:first-child {
    margin-top: 0
}

.specialArtistModule[data-v-0301f301] {
    background-color: #2b3243;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px
}

.specialArtistModule>.topLine[data-v-0301f301] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

.specialArtistModule>.topLine .icon[data-v-0301f301] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-right: 10px
}

.specialArtistModule>.topLine .name[data-v-0301f301] {
    color: #eaf1ff;
    font-size: 16px
}

.specialArtistModule>.topLine .length[data-v-0301f301] {
    color: #a0a4ae;
    font-size: 12px
}

.specialArtistModule>.topLine .length span[data-v-0301f301] {
    margin: 0 2px
}

.specialArtistModule>.topLine>.left[data-v-0301f301] {
    width: 95%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.specialArtistModule>.topLine>.left[data-v-0301f301],.specialArtistModule>.topLine>.right[data-v-0301f301] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.specialArtistModule>.topLine>.right[data-v-0301f301] {
    width: 5%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%
}

.bottomList[data-v-49c2eaea] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bottomList>li[data-v-49c2eaea] {
    width: 20%
}

.indexIconNavListStyle[data-v-49c2eaea],.indexIconNavListStyle p.text[data-v-49c2eaea] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.indexIconNavListStyle p.text[data-v-49c2eaea] {
    text-align: center;
    color: #eaf1ff;
    font-size: 14px
}

.indexIconNavListStyle div.icon[data-v-49c2eaea] {
    width: 80%;
    padding-top: 80%;
    border-radius: 50%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 4px;
    position: relative
}

.indexIconNavListStyle img[data-v-49c2eaea] {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.specialListBox[data-v-4e4a833e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.specialListBox>li[data-v-4e4a833e] {
    width: 49%
}

.bottomSignBox>li p.one.hover[data-v-4e4a833e] {
    border-color: #f54b64;
    color: #f54b64
}

.bottomSignBox>li p.two.hover[data-v-4e4a833e] {
    border-color: #1da362;
    color: #1da362
}

.bottomSignBox>li p.three.hover[data-v-4e4a833e] {
    border-color: #f7c3a7;
    color: #f7c3a7
}

.bottomSignBox[data-v-4e4a833e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px
}

.bottomSignBox>li[data-v-4e4a833e] {
    margin-left: 6px
}

.bottomSignBox>li[data-v-4e4a833e]:first-child {
    margin-left: 0
}

.bottomSignBox>li p i.hover[data-v-4e4a833e] {
    display: none
}

.bottomSignBox>li p i[data-v-4e4a833e] {
    margin-right: 4px
}

.bottomSignBox>li p[data-v-4e4a833e] {
    color: #5e626c;
    border: 1px solid #5e626c;
    border-radius: 4px;
    font-size: 11px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.videoListStyle>.title[data-v-4e4a833e] {
    color: #eaf1ff;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 5px
}

.videoListStyle>.imgArea>.bottomInfo[data-v-4e4a833e] {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    padding: 0 4px 1px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(1%,rgba(57,57,56,.8)),to(hsla(0,0%,40.8%,0)));
    background: linear-gradient(0deg,rgba(57,57,56,.8) 1%,hsla(0,0%,40.8%,0))
}

.videoListStyle:hover .popup[data-v-4e4a833e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.videoListStyle .popup[data-v-4e4a833e] {
    width: 100%;
    height: 162px;
    z-index: 9999;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.5);
    display: none
}

.videoListStyle>.imgArea>.triangle span[data-v-4e4a833e] {
    position: absolute;
    left: 2px;
    top: 5px;
    z-index: 999;
    font-size: 10px;
    -webkit-transform: rotate(-32deg);
    transform: rotate(-32deg);
    color: #fff
}

.videoListStyle>.imgArea>.triangle[data-v-4e4a833e] {
    position: relative
}

.videoListStyle>.imgArea>.triangleRed[data-v-4e4a833e]:after {
    border-top: 34px solid #cb266d;
    left: 0;
    content: "";
    border-right: 49px solid transparent;
    position: absolute;
    top: 0;
    z-index: 998
}

.videoListStyle>.imgArea>.triangleGreen[data-v-4e4a833e]:after {
    border-top: 34px solid #12cc82;
    left: 0;
    content: "";
    border-right: 49px solid transparent;
    position: absolute;
    top: 0;
    z-index: 998
}

.videoListStyle>.imgArea[data-v-4e4a833e] {
    position: relative
}

.videoListStyle>.imgArea[data-v-4e4a833e],.videoListStyle[data-v-4e4a833e] {
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.videoListStyle[data-v-4e4a833e] {
    height: auto;
    padding: 5px 0;
    cursor: pointer
}

.videoListStyle[data-v-4e4a833e]:first-child,.videoListStyle[data-v-4e4a833e]:nth-child(2) {
    padding-top: 0
}

.functionListStyle>p[data-v-0cfd91b6] {
    color: #a0a4ae;
    font-size: 14px;
    text-align: center;
    margin-top: 4px
}

.functionListStyle>div.icon[data-v-0cfd91b6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.functionListStyle[data-v-0cfd91b6] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.functionList[data-v-0cfd91b6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #1f242f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 10px;
    border-radius: 5px;
    margin-top: 10px
}

.functionList>li[data-v-0cfd91b6] {
    width: 25%;
    margin-top: 14px
}

.topBox[data-v-0cfd91b6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.topBox .left[data-v-0cfd91b6] {
    width: 90%
}

.topBox .right[data-v-0cfd91b6] {
    width: 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.notice-swipe[data-v-0cfd91b6] {
    height: 40px;
    line-height: 40px
}

.userInfoBox>.middle>li[data-v-0cfd91b6] {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 4px
}

.userInfoBox>.middle[data-v-0cfd91b6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -30px
}

.userInfoBox>.middle .button[data-v-0cfd91b6] {
    border: 1px solid #a0a4ae;
    border-radius: 5px;
    color: #a0a4ae;
    display: table;
    margin: auto;
    font-size: 14px;
    padding: 4px 6px
}

.userInfoBox>.middle h3[data-v-0cfd91b6] {
    color: #f54b64;
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.userInfoBox>.middle p[data-v-0cfd91b6] {
    color: #a0a4ae;
    font-size: 14px;
    text-align: center
}

.userInfoBox>.name[data-v-0cfd91b6] {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.2);
    font-size: 16px;
    padding: 14px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.userInfoBox>.name.unLogin[data-v-0cfd91b6] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #a0a4ae;
    width: 100%
}

.userInfoBox>.name p[data-v-0cfd91b6] {
    width: 100%;
    color: #a0a4ae;
    text-align: center
}

.userInfoBox>.name p.date[data-v-0cfd91b6] {
    font-size: 12px
}

.userInfoBox[data-v-0cfd91b6] {
    position: relative;
    height: 200px;
    border-radius: 5px;
    overflow: hidden;
    background-image: url(img_my_bg.058834b.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.loginButtonBox[data-v-73966c27],.userInfoBox[data-v-0cfd91b6] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.loginButtonBox[data-v-73966c27] {
    height: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(36,42,55,0)),to(#171b24));
    background: linear-gradient(180deg,rgba(36,42,55,0),#171b24)
}

.loginButtonBox>.bottom[data-v-73966c27] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 40px
}

.loginFormBg[data-v-73966c27] {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.loginFormBg>h3[data-v-73966c27] {
    color: #c2c8d7;
    font-size: 30px;
    padding-left: 20px
}

.loginFormBox[data-v-73966c27] {
    margin-top: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px
}

.bottomLine[data-v-73966c27] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 16px
}

.bottomLine>p[data-v-73966c27] {
    color: #f54b64;
    font-size: 14px
}

.buttonLine[data-v-73966c27] {
    margin-top: 20px;
    margin-bottom: 10px
}

.specialListStyle>div.img[data-v-554c8355],.specialListStyle[data-v-554c8355] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.specialListStyle>div.img[data-v-554c8355] {
    margin-bottom: 10px
}

.specialListStyle>div.text[data-v-554c8355] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.specialListStyle>div.text .top[data-v-554c8355] {
    color: #eaf1ff;
    font-size: 14px
}

.specialListStyle>div.text .bottom[data-v-554c8355] {
    color: #a0a4ae;
    font-size: 14px
}

.specialListStyle>div.img img[data-v-554c8355] {
    display: block;
    width: 100%
}

.specialListBox[data-v-554c8355] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.specialListBox>li[data-v-554c8355] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px
}

.specialListBox>li[data-v-554c8355]:first-child {
    margin-top: 0
}

.specialInfoName[data-v-46f2658a] {
    color: #333;
    font-size: 16px
}

.specialInfoLine[data-v-46f2658a],.specialInfoName[data-v-46f2658a] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px 10px
}

.specialInfoLine[data-v-46f2658a] {
    width: 100%;
    height: auto;
    overflow: hidden;
    color: #646464;
    font-size: 14px
}

.artistBox>.bottomRectangle[data-v-46f2658a] {
    position: absolute;
    width: 100%;
    height: 10px;
    background-color: #fff;
    bottom: 0;
    left: 0;
    border-radius: 20px 20px 0 0
}

.artistBox div.two>div.right[data-v-46f2658a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.artistBox div.two>div.right>p[data-v-46f2658a]:first-child {
    margin-left: 0
}

.artistBox div.two>div.right>p[data-v-46f2658a] {
    padding: 4px 8px;
    color: #fff;
    height: 20px;
    border-radius: 50px;
    font-size: 14px;
    background-color: rgba(203,38,109,.65);
    margin-left: 10px
}

.artistBox div.two>div.left[data-v-46f2658a] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.artistBox div.two>div.left p[data-v-46f2658a] {
    color: #fff;
    font-size: 14px
}

.artistBox div.two[data-v-46f2658a] {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 10px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.artistBox div.one[data-v-46f2658a] {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}

.artistBox div.one p[data-v-46f2658a] {
    color: #fff;
    font-size: 34px;
    margin-bottom: 4px
}

.artistBox div.one .button[data-v-46f2658a] {
    display: inline-block;
    padding: 8px 12px;
    color: #cb266d;
    border-radius: 50px;
    background-color: #fff;
    font-size: 14px;
    background-color: hsla(0,0%,100%,.65)
}

.artistBox[data-v-46f2658a] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.artistBox>div.img[data-v-46f2658a] {
    width: 100%;
    height: 100%
}

.artistBox>div.popup[data-v-46f2658a] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(230,66,122,.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.listStyle[data-v-397db736] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.listStyle>p[data-v-397db736] {
    font-size: 14px;
    color: #eaf1ff;
    text-align: center;
    width: 100%;
    margin-top: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.list[data-v-397db736] {
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.list>li[data-v-397db736],.list[data-v-397db736] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.list>li[data-v-397db736] {
    padding: 14px;
    width: 25%
}

.artistInfoLine[data-v-e2be3f8c] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px 10px;
    color: #646464;
    font-size: 14px;
    margin-top: 10px
}

.artistBox>.bottomRectangle[data-v-e2be3f8c] {
    position: absolute;
    width: 100%;
    height: 10px;
    background-color: #fff;
    bottom: 0;
    left: 0;
    border-radius: 20px 20px 0 0
}

.artistBox div.two>div.right[data-v-e2be3f8c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.artistBox div.two>div.right>p[data-v-e2be3f8c]:first-child {
    margin-left: 0
}

.artistBox div.two>div.right>p[data-v-e2be3f8c] {
    padding: 4px 8px;
    color: #fff;
    height: 20px;
    border-radius: 50px;
    font-size: 14px;
    background-color: rgba(203,38,109,.65);
    margin-left: 10px
}

.artistBox div.two>div.left[data-v-e2be3f8c] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.artistBox div.two>div.left p[data-v-e2be3f8c] {
    color: #fff;
    font-size: 14px
}

.artistBox div.two[data-v-e2be3f8c] {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 10px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.artistBox div.one[data-v-e2be3f8c] {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}

.artistBox div.one p[data-v-e2be3f8c] {
    color: #fff;
    font-size: 34px;
    margin-bottom: 4px
}

.artistBox div.one .button[data-v-e2be3f8c] {
    display: inline-block;
    padding: 8px 12px;
    color: #cb266d;
    border-radius: 50px;
    background-color: #fff;
    font-size: 14px;
    background-color: hsla(0,0%,100%,.65)
}

.artistBox[data-v-e2be3f8c] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.artistBox>div.img[data-v-e2be3f8c] {
    width: 100%;
    height: 100%
}

.artistBox>div.popup[data-v-e2be3f8c] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(230,66,122,.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bottomFixedBar>p.del[data-v-10e39bc4] {
    color: #cb266d
}

.bottomFixedBar>p[data-v-10e39bc4] {
    height: 100%;
    line-height: 50px;
    font-size: 14px;
    padding: 0 10px;
    color: #646464
}

.bottomFixedBar[data-v-10e39bc4] {
    width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #f3f3f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.historyListStyle>div.del[data-v-10e39bc4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px
}

.historyListStyle>div.content>div.right>.bottom>p[data-v-10e39bc4]:first-child {
    margin-left: 0
}

.historyListStyle>div.content>div.right>.bottom>p[data-v-10e39bc4] {
    margin-left: 4px
}

.historyListStyle>div.content>div.right>.bottom[data-v-10e39bc4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    color: #979797
}

.historyListStyle>div.content>div.right>.top>span[data-v-10e39bc4] {
    padding: 4px 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    background: linear-gradient(134deg,#e6427a,#fc6767);
    color: #fff;
    font-size: 8px;
    display: inline-block;
    margin-left: 4px
}

.historyListStyle>div.content>div.right>.top[data-v-10e39bc4] {
    color: #403f3f;
    font-size: 12px
}

.historyListStyle>div.content>div.right[data-v-10e39bc4] {
    padding-left: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.historyListStyle>div.content>div.left img[data-v-10e39bc4] {
    width: 100%
}

.historyListStyle>div.content>div.left[data-v-10e39bc4] {
    width: 120px;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 66px
}

.historyListStyle>div.content[data-v-10e39bc4],.historyListStyle[data-v-10e39bc4] {
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.historyList>li[data-v-10e39bc4]:first-child {
    margin-top: 0
}

.historyList>li[data-v-10e39bc4] {
    margin-top: 10px
}

.historyList[data-v-10e39bc4] {
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.videoMoudleLine[data-v-53cd70a8] {
    width: 100%;
    height: 2px;
    background-color: #f7f7f7
}

.publicIndexVideoMoudleBox>.bottom>div.more[data-v-53cd70a8] {
    border-right: 2px solid #f7f7f7
}

.publicIndexVideoMoudleBox>.bottom>div[data-v-53cd70a8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    padding: 10px 0
}

.publicIndexVideoMoudleBox>.bottom[data-v-53cd70a8] {
    width: 100%;
    margin-top: 2px;
    background-color: #fff;
    font-size: 14px;
    color: #979797;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.videoListStyle>.title[data-v-53cd70a8] {
    color: #403f3f;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    overflow: hidden
}

.videoListStyle>.imgArea>.bottomInfo[data-v-53cd70a8] {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    padding: 0 4px 1px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(1%,rgba(57,57,56,.8)),to(hsla(0,0%,40.8%,0)));
    background: linear-gradient(0deg,rgba(57,57,56,.8) 1%,hsla(0,0%,40.8%,0))
}

.videoListStyle>.imgArea>.triangle span[data-v-53cd70a8] {
    position: absolute;
    left: 2px;
    top: 5px;
    z-index: 999;
    font-size: 10px;
    -webkit-transform: rotate(-32deg);
    transform: rotate(-32deg);
    color: #fff
}

.videoListStyle>.imgArea>.triangle[data-v-53cd70a8] {
    position: relative
}

.videoListStyle>.imgArea>.triangleRed[data-v-53cd70a8]:after {
    border-top: 34px solid #cb266d;
    left: 0;
    content: "";
    border-right: 49px solid transparent;
    position: absolute;
    top: 0;
    z-index: 998
}

.videoListStyle>.imgArea>.triangleGreen[data-v-53cd70a8]:after {
    border-top: 34px solid #12cc82;
    left: 0;
    content: "";
    border-right: 49px solid transparent;
    position: absolute;
    top: 0;
    z-index: 998
}

.videoListStyle>.imgArea[data-v-53cd70a8] {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px
}

.videoListStyle[data-v-53cd70a8] {
    width: 50%;
    padding: 5px;
    border-radius: 4px
}

.videoListBox[data-v-53cd70a8],.videoListStyle[data-v-53cd70a8] {
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.videoListBox[data-v-53cd70a8] {
    width: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 0 5px
}

.publicIndexVideoMoudleBox[data-v-53cd70a8] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.publicIndexVideoMoudleBox>.top[data-v-53cd70a8] {
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    background-color: #fff
}

.publicIndexVideoMoudleBox>.top>p[data-v-53cd70a8] {
    border-left: 4px solid #cb266d;
    padding-left: 10px;
    color: #404040;
    font-size: 18px;
    font-weight: 800
}

.publicContetHeaderBox[data-v-df0a0c44] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 10px
}

.publicContetHeaderBox>div.left[data-v-df0a0c44] {
    border-left: 4px solid #cb266d;
    padding-left: 10px;
    color: #404040;
    font-size: 18px;
    font-weight: 800
}

.publicContetHeaderBox>div.right[data-v-df0a0c44] {
    color: #979797;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.bottomFixedBar>p.del[data-v-062e7eb1] {
    color: #cb266d
}

.bottomFixedBar>p[data-v-062e7eb1] {
    height: 100%;
    line-height: 50px;
    font-size: 14px;
    padding: 0 10px;
    color: #646464
}

.bottomFixedBar[data-v-062e7eb1] {
    width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #f3f3f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.historyListStyle>div.del[data-v-062e7eb1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px
}

.historyListStyle>div.content>div.right>.bottom>p[data-v-062e7eb1]:first-child {
    margin-left: 0
}

.historyListStyle>div.content>div.right>.bottom>p[data-v-062e7eb1] {
    margin-left: 4px
}

.historyListStyle>div.content>div.right>.bottom[data-v-062e7eb1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    color: #979797
}

.historyListStyle>div.content>div.right>.top>span[data-v-062e7eb1] {
    padding: 4px 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    background: linear-gradient(134deg,#e6427a,#fc6767);
    color: #fff;
    font-size: 8px;
    display: inline-block;
    margin-left: 4px
}

.historyListStyle>div.content>div.right>.top[data-v-062e7eb1] {
    color: #403f3f;
    font-size: 12px
}

.historyListStyle>div.content>div.right[data-v-062e7eb1] {
    padding-left: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.historyListStyle>div.content>div.left img[data-v-062e7eb1] {
    width: 100%
}

.historyListStyle>div.content>div.left[data-v-062e7eb1] {
    width: 120px;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 66px
}

.historyListStyle>div.content[data-v-062e7eb1],.historyListStyle[data-v-062e7eb1] {
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.historyList>li[data-v-062e7eb1]:first-child {
    margin-top: 0
}

.historyList>li[data-v-062e7eb1] {
    margin-top: 10px
}

.historyList[data-v-062e7eb1] {
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.hotSearchList[data-v-3d68b86c] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.hotSearchList>li[data-v-3d68b86c] {
    margin-top: 14px
}

.hotSearchList>li[data-v-3d68b86c]:first-child {
    margin-top: 0
}

.hotSearchList>li p[data-v-3d68b86c] {
    color: #a0a4ae;
    font-size: 14px
}

.hotSearchList>li p span[data-v-3d68b86c] {
    background-color: #616672;
    display: inline-block;
    padding: 6px 8px;
    color: #fafafa;
    font-size: 12px;
    margin-right: 6px;
    border-radius: 4px
}

.hotSearchList>li:first-child p span[data-v-3d68b86c],.hotSearchList>li:nth-child(2) p span[data-v-3d68b86c],.hotSearchList>li:nth-child(3) p span[data-v-3d68b86c] {
    background-color: #f54b64
}

.topHeaderBg[data-v-44700d36] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.topHeaderBg>.left[data-v-44700d36] {
    width: 34%
}

.topHeaderBg>.left img[data-v-44700d36] {
    display: block;
    width: 100%
}

.topHeaderBg>.right[data-v-44700d36] {
    width: 64%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.topHeaderBg>.right p[data-v-44700d36] {
    color: #a0a4ae;
    font-size: 12px
}

.publicTopHeaderLine[data-v-44700d36] {
    width: 1px;
    background-color: #686c75;
    height: 12px;
    margin: 0 8px;
    display: inline-block
}

.topInputBox[data-v-44700d36] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}

.lv2NavBox[data-v-6faa5c50] {
    background-color: #f7f7f7;
    padding: 10px 10px 0
}

.lv2NavBox>.list[data-v-6faa5c50],.lv2NavBox[data-v-6faa5c50] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lv2NavBox>.list>li[data-v-6faa5c50] {
    float: left;
    padding-right: 10px;
    padding-bottom: 10px
}

.lv2NavBox>.list>li>p[data-v-6faa5c50] {
    padding: 4px 8px;
    color: #646464;
    border-radius: 50px;
    background-color: #fff;
    border: 1px solid #b2b2b2;
    font-size: 14px
}

.lv2NavBox>.list>li>p.active[data-v-6faa5c50] {
    padding: 4px 8px;
    color: #fff;
    border-radius: 50px;
    background-color: #cb266d;
    border: 1px solid #cb266d;
    font-size: 14px
}

.indexIconNavBox[data-v-6faa5c50] {
    padding-top: 10px
}

.indexIconNavBox[data-v-6faa5c50],.indexIconNavList[data-v-6faa5c50] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

.indexIconNavList[data-v-6faa5c50] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 14px 0;
    margin-bottom: 10px
}

.indexIconNavList>li[data-v-6faa5c50] {
    padding: 0 10px;
    width: 20%
}

.indexIconNavList>li[data-v-6faa5c50],.indexIconNavListStyle[data-v-6faa5c50] {
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.indexIconNavListStyle[data-v-6faa5c50] {
    width: 100%
}

.indexIconNavListStyle>div.line[data-v-6faa5c50] {
    width: 100%;
    height: 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.indexIconNavListStyle>div.line>div[data-v-6faa5c50] {
    width: 50%;
    height: 2px;
    background-color: #cb266d
}

.indexIconNavListStyle p.text[data-v-6faa5c50] {
    color: #646464
}

.indexIconNavListStyle p.text[data-v-6faa5c50],.indexIconNavListStyle p.textActive[data-v-6faa5c50] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px
}

.indexIconNavListStyle p.textActive[data-v-6faa5c50] {
    color: #cb266d
}

.indexIconNavListStyle div.icon[data-v-6faa5c50] {
    width: 80%;
    padding-top: 80%;
    border-radius: 50%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 4px;
    position: relative
}

.indexIconNavListStyle img[data-v-6faa5c50] {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.questionList[data-v-2ea91896] {
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.questionList>li[data-v-2ea91896] {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px
}

.questionList>li>div[data-v-2ea91896] {
    width: 100%;
    background-color: #303542;
    height: 82px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.questionList>li>div p[data-v-2ea91896] {
    font-size: 16px;
    color: #fafafa
}

.bottomContentListStyle>.bottom[data-v-476bf086] {
    color: #797d88;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    white-space: pre-wrap
}

.bottomContentListStyle>.top[data-v-476bf086] {
    color: #a0a4ae;
    font-size: 16px;
    font-weight: 500
}

.bottomContentList>li[data-v-476bf086] {
    margin-top: 15px;
    border-top: 1px solid #303542;
    padding-top: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bottomContentList>li[data-v-476bf086]:first-child {
    margin-top: 0;
    border-top: none
}

.videoTitle[data-v-476950b1] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #a0a4ae;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.videoTitle>p[data-v-476950b1] {
    width: 90%;
    word-break: break-all
}

.videoTitle .collect[data-v-476950b1] {
    width: 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.videoTitle .collect p[data-v-476950b1] {
    font-size: 10px
}

.videoTitle i[data-v-476950b1] {
    font-size: 24px
}

.videoInfoLineOneTwo[data-v-476950b1] {
    margin-top: 10px;
    font-size: 14px
}

.videoInfoLineOneTwo p[data-v-476950b1] {
    color: #989898
}

.adBox[data-v-476950b1] {
    display: block;
    margin: 0 auto;
    width: 95%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.adBox>img[data-v-476950b1] {
    display: block;
    width: 100%
}

.placeholderBg[data-v-476950b1] {
    width: 100%;
    height: 240px;
    line-height: 240px;
    background-color: #c7c7c7;
    font-size: 14px;
    color: #949494;
    text-align: center
}

.beforeVideoStartBg[data-v-476950b1] {
    position: relative;
    width: 100%;
    height: 240px;
    overflow: hidden
}

.beforeVideoStart>div.middle[data-v-476950b1] {
    margin-top: 20px
}

.beforeVideoStart>div.bottom[data-v-476950b1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 14px;
    font-size: 12px
}

.beforeVideoStart[data-v-476950b1] {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,.4);
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fixedVideoBox[data-v-476950b1] {
    position: fixed;
    left: 0;
    top: 0
}

.videoBigBg[data-v-476950b1] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.videoBigBg.fixed[data-v-476950b1] {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99998
}

.videoSignBox[data-v-476950b1] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.videoSignBox>div.line[data-v-476950b1] {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    margin-bottom: 4px
}

.videoSignBox>ul>li>p[data-v-476950b1] {
    padding: 6px 12px;
    color: #a0a4ae;
    border-radius: 5px;
    background-color: #29303f;
    font-size: 14px
}

.videoSignBox>ul>li[data-v-476950b1] {
    padding-right: 10px;
    padding-bottom: 10px
}

.videoSignBox>ul[data-v-476950b1] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.linkOutButton.try[data-v-476950b1],.linkOutButton.vip[data-v-476950b1] {
    background: -webkit-gradient(linear,left top,left bottom,from(#f78361),to(#f54b64));
    background: linear-gradient(180deg,#f78361,#f54b64)
}

.linkOutButton.replay[data-v-476950b1] {
    background: rgba(0,0,0,.65)
}

.linkOutButton i[data-v-476950b1] {
    margin-right: 5px;
    font-size: 20px
}

.linkOutButton[data-v-476950b1] {
    background-color: #cb266d;
    padding: 0 20px;
    color: #fff;
    font-size: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 34px;
    line-height: 34px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px
}

.linkOutButton[data-v-476950b1]:last-child {
    margin-left: 10px
}

.unLoginBox>.textLine[data-v-476950b1] {
    color: #fff;
    font-size: 14px;
    margin-bottom: 8px
}

.unLoginBox>.textLine span[data-v-476950b1] {
    color: #fee700
}

.unLoginBox>.buttonLine[data-v-476950b1],.unLoginBox[data-v-476950b1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.unLoginBox[data-v-476950b1] {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.userStatusBg[data-v-476950b1] {
    position: relative
}

.userStatusBg>div.backImg[data-v-476950b1],.userStatusBg[data-v-476950b1] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.userStatusBg>div.backImg[data-v-476950b1] {
    min-height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #000
}

.bigPlayButton[data-v-476950b1] {
    width: 100%;
    height: 100%;
    background-color: #07c160
}

.videoFunctionList>li>div.style>div[data-v-476950b1] {
    text-align: center
}

.videoFunctionList>li>div.style>p[data-v-476950b1] {
    text-align: center;
    font-size: 12px;
    color: #979797
}

.videoFunctionList>li>div.style>p.active[data-v-476950b1] {
    color: #cb266d
}

.videoFunctionList[data-v-476950b1] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.videoFunctionList>li[data-v-476950b1] {
    width: 25%
}

.videoInfoLineOne[data-v-476950b1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: 10px
}

.videoInfoLineOne>p[data-v-476950b1] {
    color: #a0a4ae;
    font-size: 12px
}

.videoInfoLineOne>p[data-v-476950b1]:first-child {
    margin-right: 20px
}

.videoInfoLineTwo>p[data-v-476950b1] {
    color: #979797;
    font-size: 12px
}

.fixedButton[data-v-476950b1] {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99999;
    width: 42px;
    height: 42px
}

.fixedButton img[data-v-476950b1] {
    display: block;
    width: 100%;
    height: 100%
}

.rechargeTypeList[data-v-b23da56a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px
}

.rechargeTypeList>li[data-v-b23da56a] {
    width: 32%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rechargeTypeList>li[data-v-b23da56a]:nth-child(2) {
    margin: 0 5px
}

.rechargeTypeList>li p[data-v-b23da56a] {
    border: 1px solid #2b303b;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #2b303b;
    font-size: 13px;
    width: 100%;
    height: 74px;
    line-height: 74px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    color: #fafafa
}

.rechargeTypeList>li p.active[data-v-b23da56a] {
    border-color: #f54b64
}

.tipList p[data-v-b23da56a] {
    color: #5a5f6a;
    font-size: 14px
}

.tipList li[data-v-b23da56a]:first-child {
    margin-top: 0
}

.tipList li[data-v-b23da56a] {
    margin-top: 10px
}

.tipList[data-v-b23da56a] {
    margin: 10px 0
}

.rechargeStyle p.top span[data-v-b23da56a] {
    font-size: 16px
}

.rechargeStyle p.bottom[data-v-b23da56a] {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: center
}

.rechargeStyle p.top[data-v-b23da56a] {
    color: #f54b64;
    font-size: 36px;
    font-weight: 400;
    text-align: center
}

.rechargeList[data-v-b23da56a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.rechargeStyle.active[data-v-b23da56a] {
    border-color: #f54b64
}

.rechargeStyle[data-v-b23da56a] {
    border: 1px solid #2b303b;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #2b303b;
    padding: 20px 40px;
    cursor: pointer;
    border-radius: 4px
}

.rechargeList>li[data-v-b23da56a] {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px
}

.rechargeList>li[data-v-b23da56a]:first-child {
    padding-left: 0;
    padding-top: 0
}

.rechargeList>li[data-v-b23da56a]:nth-child(2) {
    padding-right: 0;
    padding-top: 0
}

.rechargeList>li[data-v-b23da56a]:nth-child(3) {
    padding-left: 0;
    padding-bottom: 0
}

.rechargeList>li[data-v-b23da56a]:nth-child(4) {
    padding-right: 0;
    padding-bottom: 0
}

.publicContentHeaderBox[data-v-4177bdd8] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0
}

.publicContentHeaderBox>div.left[data-v-4177bdd8],.publicContentHeaderBox[data-v-4177bdd8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.publicContentHeaderBox>div.left[data-v-4177bdd8] {
    color: #eaf1ff;
    font-size: 18px
}

.publicContentHeaderBox>div.left i[data-v-4177bdd8] {
    margin-right: 10px
}

.publicContentHeaderBox>div.right[data-v-4177bdd8] {
    color: #a0a4ae;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.videoMoudleLine[data-v-4177bdd8] {
    width: 100%;
    height: 2px;
    background-color: #f7f7f7
}

.publicIndexVideoMoudleBox>.bottom>div[data-v-4177bdd8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 49%;
    padding: 10px 0;
    background-color: #2c3343
}

.publicIndexVideoMoudleBox>.bottom[data-v-4177bdd8] {
    width: 100%;
    margin-top: 2px;
    font-size: 14px;
    color: #a0a4ae;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.videoListStyle>.title[data-v-4177bdd8] {
    color: #403f3f;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    overflow: hidden
}

.videoListStyle>.imgArea>.bottomInfo[data-v-4177bdd8] {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    padding: 0 4px 1px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(1%,rgba(57,57,56,.8)),to(hsla(0,0%,40.8%,0)));
    background: linear-gradient(0deg,rgba(57,57,56,.8) 1%,hsla(0,0%,40.8%,0))
}

.videoListStyle>.imgArea>.triangle span[data-v-4177bdd8] {
    position: absolute;
    left: 2px;
    top: 5px;
    z-index: 999;
    font-size: 10px;
    -webkit-transform: rotate(-32deg);
    transform: rotate(-32deg);
    color: #fff
}

.videoListStyle>.imgArea>.triangle[data-v-4177bdd8] {
    position: relative
}

.videoListStyle>.imgArea>.triangleRed[data-v-4177bdd8]:after {
    border-top: 34px solid #cb266d;
    left: 0;
    content: "";
    border-right: 49px solid transparent;
    position: absolute;
    top: 0;
    z-index: 998
}

.videoListStyle>.imgArea>.triangleGreen[data-v-4177bdd8]:after {
    border-top: 34px solid #12cc82;
    left: 0;
    content: "";
    border-right: 49px solid transparent;
    position: absolute;
    top: 0;
    z-index: 998
}

.videoListStyle>.imgArea[data-v-4177bdd8] {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px
}

.videoListStyle[data-v-4177bdd8] {
    width: 50%;
    border-radius: 4px
}

.videoListBox[data-v-4177bdd8],.videoListStyle[data-v-4177bdd8] {
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px
}

.videoListBox[data-v-4177bdd8] {
    width: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.publicIndexVideoMoudleBox[data-v-4177bdd8] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.publicIndexVideoMoudleBox>.top[data-v-4177bdd8] {
    padding: 10px 10px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    background-color: #fff
}

.publicIndexVideoMoudleBox>.top>p[data-v-4177bdd8] {
    border-left: 4px solid #cb266d;
    padding-left: 10px;
    color: #404040;
    font-size: 18px;
    font-weight: 800
}

.bottomSignBox>li p.one.hover[data-v-1f03720d] {
    border-color: #f54b64;
    color: #f54b64
}

.bottomSignBox>li p.two.hover[data-v-1f03720d] {
    border-color: #1da362;
    color: #1da362
}

.bottomSignBox>li p.three.hover[data-v-1f03720d] {
    border-color: #f7c3a7;
    color: #f7c3a7
}

.bottomSignBox[data-v-1f03720d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px
}

.bottomSignBox>li[data-v-1f03720d] {
    margin-left: 6px
}

.bottomSignBox>li[data-v-1f03720d]:first-child {
    margin-left: 0
}

.bottomSignBox>li p i.hover[data-v-1f03720d] {
    display: none
}

.bottomSignBox>li p i[data-v-1f03720d] {
    margin-right: 4px
}

.bottomSignBox>li p[data-v-1f03720d] {
    color: #5e626c;
    border-radius: 4px;
    font-size: 11px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.videoListStyle>.title[data-v-1f03720d] {
    color: #eaf1ff;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    margin-bottom: 4px
}

.videoListStyle>.imgArea>.bottomInfo[data-v-1f03720d] {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    padding: 0 4px 1px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(1%,rgba(57,57,56,.8)),to(hsla(0,0%,40.8%,0)));
    background: linear-gradient(0deg,rgba(57,57,56,.8) 1%,hsla(0,0%,40.8%,0))
}

.videoListStyle:hover .popup[data-v-1f03720d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.videoListStyle .popup[data-v-1f03720d] {
    width: 100%;
    height: 162px;
    z-index: 9999;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.5);
    display: none
}

.videoListStyle>.imgArea>.triangle span[data-v-1f03720d] {
    position: absolute;
    left: 2px;
    top: 5px;
    z-index: 999;
    font-size: 10px;
    -webkit-transform: rotate(-32deg);
    transform: rotate(-32deg);
    color: #fff
}

.videoListStyle>.imgArea>.triangle[data-v-1f03720d] {
    position: relative
}

.videoListStyle>.imgArea>.triangleRed[data-v-1f03720d]:after {
    border-top: 34px solid #cb266d;
    left: 0;
    content: "";
    border-right: 49px solid transparent;
    position: absolute;
    top: 0;
    z-index: 998
}

.videoListStyle>.imgArea>.triangleGreen[data-v-1f03720d]:after {
    border-top: 34px solid #12cc82;
    left: 0;
    content: "";
    border-right: 49px solid transparent;
    position: absolute;
    top: 0;
    z-index: 998
}

.videoListStyle>.imgArea[data-v-1f03720d] {
    position: relative
}

.videoListStyle>.imgArea[data-v-1f03720d],.videoListStyle[data-v-1f03720d] {
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.videoListStyle[data-v-1f03720d] {
    height: auto;
    padding: 5px 0;
    cursor: pointer
}

.videoListStyle[data-v-1f03720d]:first-child,.videoListStyle[data-v-1f03720d]:nth-child(2) {
    padding-top: 0
}

.publicContentHeaderBox[data-v-1f03720d] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0
}

.publicContentHeaderBox>div.left[data-v-1f03720d],.publicContentHeaderBox[data-v-1f03720d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.publicContentHeaderBox>div.left[data-v-1f03720d] {
    color: #eaf1ff;
    font-size: 18px
}

.publicContentHeaderBox>div.left i[data-v-1f03720d] {
    margin-right: 10px
}

.publicContentHeaderBox>div.right[data-v-1f03720d] {
    color: #a0a4ae;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.lv2NavBox[data-v-7118718f] {
    background-color: #f7f7f7;
    padding: 10px 10px 0
}

.lv2NavBox>.list[data-v-7118718f],.lv2NavBox[data-v-7118718f] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lv2NavBox>.list>li[data-v-7118718f] {
    float: left;
    padding-right: 10px;
    padding-bottom: 10px
}

.lv2NavBox>.list>li>p[data-v-7118718f] {
    padding: 4px 8px;
    color: #646464;
    border-radius: 50px;
    background-color: #fff;
    border: 1px solid #b2b2b2;
    font-size: 14px
}

.lv2NavBox>.list>li>p.active[data-v-7118718f] {
    padding: 4px 8px;
    color: #fff;
    border-radius: 50px;
    background-color: #cb266d;
    border: 1px solid #cb266d;
    font-size: 14px
}

.indexIconNavBox[data-v-7118718f] {
    padding-top: 10px
}

.indexIconNavBox[data-v-7118718f],.indexIconNavList[data-v-7118718f] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

.indexIconNavList[data-v-7118718f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 14px 0;
    margin-bottom: 10px
}

.indexIconNavList>li[data-v-7118718f] {
    padding: 0 10px;
    width: 20%
}

.indexIconNavList>li[data-v-7118718f],.indexIconNavListStyle[data-v-7118718f] {
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.indexIconNavListStyle[data-v-7118718f] {
    width: 100%
}

.indexIconNavListStyle>div.line[data-v-7118718f] {
    width: 100%;
    height: 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.indexIconNavListStyle>div.line>div[data-v-7118718f] {
    width: 50%;
    height: 2px;
    background-color: #cb266d
}

.indexIconNavListStyle p.text[data-v-7118718f] {
    color: #646464
}

.indexIconNavListStyle p.text[data-v-7118718f],.indexIconNavListStyle p.textActive[data-v-7118718f] {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px
}

.indexIconNavListStyle p.textActive[data-v-7118718f] {
    color: #cb266d
}

.indexIconNavListStyle div.icon[data-v-7118718f] {
    width: 80%;
    padding-top: 80%;
    border-radius: 50%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 4px;
    position: relative
}

.indexIconNavListStyle img[data-v-7118718f] {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

html {
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif
}

a {
    text-decoration: none
}

button,input,textarea {
    color: inherit;
    font: inherit
}

[class*=van-]:focus,a:focus,button:focus,input:focus,textarea:focus {
    outline: 0
}

ol,ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.van-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
    -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,.van-multi-ellipsis--l3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
    -webkit-line-clamp: 3
}

.van-clearfix:after {
    display: table;
    clear: both;
    content: ""
}

[class*=van-hairline]:after {
    position: absolute;
    box-sizing: border-box;
    content: " ";
    pointer-events: none;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    border: 0 solid #ebedf0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom {
    position: relative
}

.van-hairline--top:after {
    border-top-width: 1px
}

.van-hairline--left:after {
    border-left-width: 1px
}

.van-hairline--right:after {
    border-right-width: 1px
}

.van-hairline--bottom:after {
    border-bottom-width: 1px
}

.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after {
    border-width: 1px 0
}

.van-hairline--surround:after {
    border-width: 1px
}

@-webkit-keyframes van-slide-up-enter {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes van-slide-up-enter {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-webkit-keyframes van-slide-up-leave {
    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes van-slide-up-leave {
    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-webkit-keyframes van-slide-down-enter {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes van-slide-down-enter {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@-webkit-keyframes van-slide-down-leave {
    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes van-slide-down-leave {
    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@-webkit-keyframes van-slide-left-enter {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes van-slide-left-enter {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-webkit-keyframes van-slide-left-leave {
    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes van-slide-left-leave {
    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-webkit-keyframes van-slide-right-enter {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes van-slide-right-enter {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-webkit-keyframes van-slide-right-leave {
    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes van-slide-right-leave {
    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-webkit-keyframes van-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes van-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes van-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes van-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes van-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes van-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.van-fade-enter-active {
    -webkit-animation: van-fade-in .3s ease-out both;
    animation: van-fade-in .3s ease-out both
}

.van-fade-leave-active {
    -webkit-animation: van-fade-out .3s ease-in both;
    animation: van-fade-out .3s ease-in both
}

.van-slide-up-enter-active {
    -webkit-animation: van-slide-up-enter .3s ease-out both;
    animation: van-slide-up-enter .3s ease-out both
}

.van-slide-up-leave-active {
    -webkit-animation: van-slide-up-leave .3s ease-in both;
    animation: van-slide-up-leave .3s ease-in both
}

.van-slide-down-enter-active {
    -webkit-animation: van-slide-down-enter .3s ease-out both;
    animation: van-slide-down-enter .3s ease-out both
}

.van-slide-down-leave-active {
    -webkit-animation: van-slide-down-leave .3s ease-in both;
    animation: van-slide-down-leave .3s ease-in both
}

.van-slide-left-enter-active {
    -webkit-animation: van-slide-left-enter .3s ease-out both;
    animation: van-slide-left-enter .3s ease-out both
}

.van-slide-left-leave-active {
    -webkit-animation: van-slide-left-leave .3s ease-in both;
    animation: van-slide-left-leave .3s ease-in both
}

.van-slide-right-enter-active {
    -webkit-animation: van-slide-right-enter .3s ease-out both;
    animation: van-slide-right-enter .3s ease-out both
}

.van-slide-right-leave-active {
    -webkit-animation: van-slide-right-leave .3s ease-in both;
    animation: van-slide-right-leave .3s ease-in both
}

.van-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7)
}

.van-info {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    min-width: 16px;
    padding: 0 3px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    font-family: -apple-system-font,Helvetica Neue,Arial,sans-serif;
    line-height: 1.2;
    text-align: center;
    background-color: #ee0a24;
    border: 1px solid #fff;
    border-radius: 16px;
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    -webkit-transform-origin: 100%;
    transform-origin: 100%
}

.van-info--dot {
    width: 8px;
    min-width: 0;
    height: 8px;
    background-color: #ee0a24;
    border-radius: 100%
}

.van-sidebar-item {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 20px 12px;
    overflow: hidden;
    color: #323233;
    font-size: 14px;
    line-height: 20px;
    word-wrap: break-word;
    background-color: #f7f8fa;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.van-sidebar-item:active {
    background-color: #f2f3f5
}

.van-sidebar-item__text {
    position: relative;
    display: inline-block
}

.van-sidebar-item:not(:last-child):after {
    border-bottom-width: 1px
}

.van-sidebar-item--select {
    color: #323233;
    font-weight: 500
}

.van-sidebar-item--select,.van-sidebar-item--select:active {
    background-color: #fff
}

.van-sidebar-item--select:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 16px;
    background-color: #ee0a24;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ""
}

.van-sidebar-item--disabled {
    color: #c8c9cc;
    cursor: not-allowed
}

.van-sidebar-item--disabled:active {
    background-color: #f7f8fa
}

@font-face {
    font-weight: 400;
    font-family: vant-icon;
    font-style: normal;
    font-display: auto;
    src: url(vant-icon-eeb192.woff2) format("woff2"),url(vant-icon-eeb192.woff) format("woff"),url(vant-icon-eeb192.ttf) format("truetype")
}

.van-icon {
    position: relative;
    font: normal normal normal 14px/1 vant-icon;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.van-icon,.van-icon:before {
    display: inline-block
}

.van-icon-add-o:before {
    content: "\F000"
}

.van-icon-add-square:before {
    content: "\F001"
}

.van-icon-add:before {
    content: "\F002"
}

.van-icon-after-sale:before {
    content: "\F003"
}

.van-icon-aim:before {
    content: "\F004"
}

.van-icon-alipay:before {
    content: "\F005"
}

.van-icon-apps-o:before {
    content: "\F006"
}

.van-icon-arrow-down:before {
    content: "\F007"
}

.van-icon-arrow-left:before {
    content: "\F008"
}

.van-icon-arrow-up:before {
    content: "\F009"
}

.van-icon-arrow:before {
    content: "\F00A"
}

.van-icon-ascending:before {
    content: "\F00B"
}

.van-icon-audio:before {
    content: "\F00C"
}

.van-icon-award-o:before {
    content: "\F00D"
}

.van-icon-award:before {
    content: "\F00E"
}

.van-icon-back-top:before {
    content: "\F0E6"
}

.van-icon-bag-o:before {
    content: "\F00F"
}

.van-icon-bag:before {
    content: "\F010"
}

.van-icon-balance-list-o:before {
    content: "\F011"
}

.van-icon-balance-list:before {
    content: "\F012"
}

.van-icon-balance-o:before {
    content: "\F013"
}

.van-icon-balance-pay:before {
    content: "\F014"
}

.van-icon-bar-chart-o:before {
    content: "\F015"
}

.van-icon-bars:before {
    content: "\F016"
}

.van-icon-bell:before {
    content: "\F017"
}

.van-icon-bill-o:before {
    content: "\F018"
}

.van-icon-bill:before {
    content: "\F019"
}

.van-icon-birthday-cake-o:before {
    content: "\F01A"
}

.van-icon-bookmark-o:before {
    content: "\F01B"
}

.van-icon-bookmark:before {
    content: "\F01C"
}

.van-icon-browsing-history-o:before {
    content: "\F01D"
}

.van-icon-browsing-history:before {
    content: "\F01E"
}

.van-icon-brush-o:before {
    content: "\F01F"
}

.van-icon-bulb-o:before {
    content: "\F020"
}

.van-icon-bullhorn-o:before {
    content: "\F021"
}

.van-icon-calender-o:before {
    content: "\F022"
}

.van-icon-card:before {
    content: "\F023"
}

.van-icon-cart-circle-o:before {
    content: "\F024"
}

.van-icon-cart-circle:before {
    content: "\F025"
}

.van-icon-cart-o:before {
    content: "\F026"
}

.van-icon-cart:before {
    content: "\F027"
}

.van-icon-cash-back-record:before {
    content: "\F028"
}

.van-icon-cash-on-deliver:before {
    content: "\F029"
}

.van-icon-cashier-o:before {
    content: "\F02A"
}

.van-icon-certificate:before {
    content: "\F02B"
}

.van-icon-chart-trending-o:before {
    content: "\F02C"
}

.van-icon-chat-o:before {
    content: "\F02D"
}

.van-icon-chat:before {
    content: "\F02E"
}

.van-icon-checked:before {
    content: "\F02F"
}

.van-icon-circle:before {
    content: "\F030"
}

.van-icon-clear:before {
    content: "\F031"
}

.van-icon-clock-o:before {
    content: "\F032"
}

.van-icon-clock:before {
    content: "\F033"
}

.van-icon-close:before {
    content: "\F034"
}

.van-icon-closed-eye:before {
    content: "\F035"
}

.van-icon-cluster-o:before {
    content: "\F036"
}

.van-icon-cluster:before {
    content: "\F037"
}

.van-icon-column:before {
    content: "\F038"
}

.van-icon-comment-circle-o:before {
    content: "\F039"
}

.van-icon-comment-circle:before {
    content: "\F03A"
}

.van-icon-comment-o:before {
    content: "\F03B"
}

.van-icon-comment:before {
    content: "\F03C"
}

.van-icon-completed:before {
    content: "\F03D"
}

.van-icon-contact:before {
    content: "\F03E"
}

.van-icon-coupon-o:before {
    content: "\F03F"
}

.van-icon-coupon:before {
    content: "\F040"
}

.van-icon-credit-pay:before {
    content: "\F041"
}

.van-icon-cross:before {
    content: "\F042"
}

.van-icon-debit-pay:before {
    content: "\F043"
}

.van-icon-delete:before {
    content: "\F044"
}

.van-icon-descending:before {
    content: "\F045"
}

.van-icon-description:before {
    content: "\F046"
}

.van-icon-desktop-o:before {
    content: "\F047"
}

.van-icon-diamond-o:before {
    content: "\F048"
}

.van-icon-diamond:before {
    content: "\F049"
}

.van-icon-discount:before {
    content: "\F04A"
}

.van-icon-down:before {
    content: "\F04B"
}

.van-icon-ecard-pay:before {
    content: "\F04C"
}

.van-icon-edit:before {
    content: "\F04D"
}

.van-icon-ellipsis:before {
    content: "\F04E"
}

.van-icon-empty:before {
    content: "\F04F"
}

.van-icon-enlarge:before {
    content: "\F0E4"
}

.van-icon-envelop-o:before {
    content: "\F050"
}

.van-icon-exchange:before {
    content: "\F051"
}

.van-icon-expand-o:before {
    content: "\F052"
}

.van-icon-expand:before {
    content: "\F053"
}

.van-icon-eye-o:before {
    content: "\F054"
}

.van-icon-eye:before {
    content: "\F055"
}

.van-icon-fail:before {
    content: "\F056"
}

.van-icon-failure:before {
    content: "\F057"
}

.van-icon-filter-o:before {
    content: "\F058"
}

.van-icon-fire-o:before {
    content: "\F059"
}

.van-icon-fire:before {
    content: "\F05A"
}

.van-icon-flag-o:before {
    content: "\F05B"
}

.van-icon-flower-o:before {
    content: "\F05C"
}

.van-icon-free-postage:before {
    content: "\F05D"
}

.van-icon-friends-o:before {
    content: "\F05E"
}

.van-icon-friends:before {
    content: "\F05F"
}

.van-icon-gem-o:before {
    content: "\F060"
}

.van-icon-gem:before {
    content: "\F061"
}

.van-icon-gift-card-o:before {
    content: "\F062"
}

.van-icon-gift-card:before {
    content: "\F063"
}

.van-icon-gift-o:before {
    content: "\F064"
}

.van-icon-gift:before {
    content: "\F065"
}

.van-icon-gold-coin-o:before {
    content: "\F066"
}

.van-icon-gold-coin:before {
    content: "\F067"
}

.van-icon-good-job-o:before {
    content: "\F068"
}

.van-icon-good-job:before {
    content: "\F069"
}

.van-icon-goods-collect-o:before {
    content: "\F06A"
}

.van-icon-goods-collect:before {
    content: "\F06B"
}

.van-icon-graphic:before {
    content: "\F06C"
}

.van-icon-home-o:before {
    content: "\F06D"
}

.van-icon-hot-o:before {
    content: "\F06E"
}

.van-icon-hot-sale-o:before {
    content: "\F06F"
}

.van-icon-hot-sale:before {
    content: "\F070"
}

.van-icon-hot:before {
    content: "\F071"
}

.van-icon-hotel-o:before {
    content: "\F072"
}

.van-icon-idcard:before {
    content: "\F073"
}

.van-icon-info-o:before {
    content: "\F074"
}

.van-icon-info:before {
    content: "\F075"
}

.van-icon-invition:before {
    content: "\F076"
}

.van-icon-label-o:before {
    content: "\F077"
}

.van-icon-label:before {
    content: "\F078"
}

.van-icon-like-o:before {
    content: "\F079"
}

.van-icon-like:before {
    content: "\F07A"
}

.van-icon-live:before {
    content: "\F07B"
}

.van-icon-location-o:before {
    content: "\F07C"
}

.van-icon-location:before {
    content: "\F07D"
}

.van-icon-lock:before {
    content: "\F07E"
}

.van-icon-logistics:before {
    content: "\F07F"
}

.van-icon-manager-o:before {
    content: "\F080"
}

.van-icon-manager:before {
    content: "\F081"
}

.van-icon-map-marked:before {
    content: "\F082"
}

.van-icon-medal-o:before {
    content: "\F083"
}

.van-icon-medal:before {
    content: "\F084"
}

.van-icon-more-o:before {
    content: "\F085"
}

.van-icon-more:before {
    content: "\F086"
}

.van-icon-music-o:before {
    content: "\F087"
}

.van-icon-music:before {
    content: "\F088"
}

.van-icon-new-arrival-o:before {
    content: "\F089"
}

.van-icon-new-arrival:before {
    content: "\F08A"
}

.van-icon-new-o:before {
    content: "\F08B"
}

.van-icon-new:before {
    content: "\F08C"
}

.van-icon-newspaper-o:before {
    content: "\F08D"
}

.van-icon-notes-o:before {
    content: "\F08E"
}

.van-icon-orders-o:before {
    content: "\F08F"
}

.van-icon-other-pay:before {
    content: "\F090"
}

.van-icon-paid:before {
    content: "\F091"
}

.van-icon-passed:before {
    content: "\F092"
}

.van-icon-pause-circle-o:before {
    content: "\F093"
}

.van-icon-pause-circle:before {
    content: "\F094"
}

.van-icon-pause:before {
    content: "\F095"
}

.van-icon-peer-pay:before {
    content: "\F096"
}

.van-icon-pending-payment:before {
    content: "\F097"
}

.van-icon-phone-circle-o:before {
    content: "\F098"
}

.van-icon-phone-circle:before {
    content: "\F099"
}

.van-icon-phone-o:before {
    content: "\F09A"
}

.van-icon-phone:before {
    content: "\F09B"
}

.van-icon-photo-fail:before {
    content: "\F0E5"
}

.van-icon-photo-o:before {
    content: "\F09C"
}

.van-icon-photo:before {
    content: "\F09D"
}

.van-icon-photograph:before {
    content: "\F09E"
}

.van-icon-play-circle-o:before {
    content: "\F09F"
}

.van-icon-play-circle:before {
    content: "\F0A0"
}

.van-icon-play:before {
    content: "\F0A1"
}

.van-icon-plus:before {
    content: "\F0A2"
}

.van-icon-point-gift-o:before {
    content: "\F0A3"
}

.van-icon-point-gift:before {
    content: "\F0A4"
}

.van-icon-points:before {
    content: "\F0A5"
}

.van-icon-printer:before {
    content: "\F0A6"
}

.van-icon-qr-invalid:before {
    content: "\F0A7"
}

.van-icon-qr:before {
    content: "\F0A8"
}

.van-icon-question-o:before {
    content: "\F0A9"
}

.van-icon-question:before {
    content: "\F0AA"
}

.van-icon-records:before {
    content: "\F0AB"
}

.van-icon-refund-o:before {
    content: "\F0AC"
}

.van-icon-replay:before {
    content: "\F0AD"
}

.van-icon-scan:before {
    content: "\F0AE"
}

.van-icon-search:before {
    content: "\F0AF"
}

.van-icon-send-gift-o:before {
    content: "\F0B0"
}

.van-icon-send-gift:before {
    content: "\F0B1"
}

.van-icon-service-o:before {
    content: "\F0B2"
}

.van-icon-service:before {
    content: "\F0B3"
}

.van-icon-setting-o:before {
    content: "\F0B4"
}

.van-icon-setting:before {
    content: "\F0B5"
}

.van-icon-share:before {
    content: "\F0B6"
}

.van-icon-shop-collect-o:before {
    content: "\F0B7"
}

.van-icon-shop-collect:before {
    content: "\F0B8"
}

.van-icon-shop-o:before {
    content: "\F0B9"
}

.van-icon-shop:before {
    content: "\F0BA"
}

.van-icon-shopping-cart-o:before {
    content: "\F0BB"
}

.van-icon-shopping-cart:before {
    content: "\F0BC"
}

.van-icon-shrink:before {
    content: "\F0BD"
}

.van-icon-sign:before {
    content: "\F0BE"
}

.van-icon-smile-comment-o:before {
    content: "\F0BF"
}

.van-icon-smile-comment:before {
    content: "\F0C0"
}

.van-icon-smile-o:before {
    content: "\F0C1"
}

.van-icon-smile:before {
    content: "\F0C2"
}

.van-icon-star-o:before {
    content: "\F0C3"
}

.van-icon-star:before {
    content: "\F0C4"
}

.van-icon-stop-circle-o:before {
    content: "\F0C5"
}

.van-icon-stop-circle:before {
    content: "\F0C6"
}

.van-icon-stop:before {
    content: "\F0C7"
}

.van-icon-success:before {
    content: "\F0C8"
}

.van-icon-thumb-circle-o:before {
    content: "\F0C9"
}

.van-icon-thumb-circle:before {
    content: "\F0CA"
}

.van-icon-todo-list-o:before {
    content: "\F0CB"
}

.van-icon-todo-list:before {
    content: "\F0CC"
}

.van-icon-tosend:before {
    content: "\F0CD"
}

.van-icon-tv-o:before {
    content: "\F0CE"
}

.van-icon-umbrella-circle:before {
    content: "\F0CF"
}

.van-icon-underway-o:before {
    content: "\F0D0"
}

.van-icon-underway:before {
    content: "\F0D1"
}

.van-icon-upgrade:before {
    content: "\F0D2"
}

.van-icon-user-circle-o:before {
    content: "\F0D3"
}

.van-icon-user-o:before {
    content: "\F0D4"
}

.van-icon-video-o:before {
    content: "\F0D5"
}

.van-icon-video:before {
    content: "\F0D6"
}

.van-icon-vip-card-o:before {
    content: "\F0D7"
}

.van-icon-vip-card:before {
    content: "\F0D8"
}

.van-icon-volume-o:before {
    content: "\F0D9"
}

.van-icon-volume:before {
    content: "\F0DA"
}

.van-icon-wap-home-o:before {
    content: "\F0DB"
}

.van-icon-wap-home:before {
    content: "\F0DC"
}

.van-icon-wap-nav:before {
    content: "\F0DD"
}

.van-icon-warn-o:before {
    content: "\F0DE"
}

.van-icon-warning-o:before {
    content: "\F0DF"
}

.van-icon-warning:before {
    content: "\F0E0"
}

.van-icon-weapp-nav:before {
    content: "\F0E1"
}

.van-icon-wechat:before {
    content: "\F0E2"
}

.van-icon-youzan-shield:before {
    content: "\F0E3"
}

.van-icon__image {
    width: 1em;
    height: 1em;
    object-fit: contain
}

.van-tabbar-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #646566;
    font-size: 12px;
    line-height: 1;
    cursor: pointer
}

.van-tabbar-item__icon {
    position: relative;
    margin-bottom: 4px;
    font-size: 22px
}

.van-tabbar-item__icon .van-icon {
    display: block;
    min-width: 1em
}

.van-tabbar-item__icon img {
    display: block;
    height: 20px
}

.van-tabbar-item--active {
    color: #1989fa
}

.van-tabbar-item .van-info {
    margin-top: 4px
}

.van-step {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #969799;
    font-size: 14px
}

.van-step__circle {
    display: block;
    width: 5px;
    height: 5px;
    background-color: #969799;
    border-radius: 50%
}

.van-step__line {
    position: absolute;
    background-color: #ebedf0;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.van-step--horizontal {
    float: left
}

.van-step--horizontal:first-child .van-step__title {
    margin-left: 0;
    -webkit-transform: none;
    transform: none
}

.van-step--horizontal:last-child {
    position: absolute;
    right: 1px;
    width: auto
}

.van-step--horizontal:last-child .van-step__title {
    margin-left: 0;
    -webkit-transform: none;
    transform: none
}

.van-step--horizontal:last-child .van-step__circle-container {
    right: -9px;
    left: auto
}

.van-step--horizontal .van-step__circle-container {
    position: absolute;
    top: 30px;
    left: -8px;
    z-index: 1;
    padding: 0 8px;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.van-step--horizontal .van-step__title {
    display: inline-block;
    margin-left: 3px;
    font-size: 12px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width: 321px) {
    .van-step--horizontal .van-step__title {
        font-size:11px
    }
}

.van-step--horizontal .van-step__line {
    top: 30px;
    left: 0;
    width: 100%;
    height: 1px
}

.van-step--horizontal .van-step__icon {
    display: block;
    font-size: 12px
}

.van-step--horizontal .van-step--process {
    color: #323233
}

.van-step--vertical {
    display: block;
    float: none;
    padding: 10px 10px 10px 0;
    line-height: 18px
}

.van-step--vertical:not(:last-child):after {
    border-bottom-width: 1px
}

.van-step--vertical:first-child:before {
    position: absolute;
    top: 0;
    left: -15px;
    z-index: 1;
    width: 1px;
    height: 20px;
    background-color: #fff;
    content: ""
}

.van-step--vertical .van-step__circle-container {
    position: absolute;
    top: 19px;
    left: -15px;
    z-index: 2;
    font-size: 12px;
    line-height: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.van-step--vertical .van-step__line {
    top: 16px;
    left: -15px;
    width: 1px;
    height: 100%
}

.van-step:last-child .van-step__line {
    width: 0
}

.van-step--finish {
    color: #323233
}

.van-step--finish .van-step__circle,.van-step--finish .van-step__line {
    background-color: #07c160
}

.van-step__icon,.van-step__title {
    -webkit-transition: color .3s;
    transition: color .3s
}

.van-step__icon--active,.van-step__title--active {
    color: #07c160
}

.van-rate {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.van-rate__item {
    position: relative
}

.van-rate__item:not(:last-child) {
    padding-right: 4px
}

.van-rate__icon {
    display: block;
    width: 1em;
    color: #c8c9cc;
    font-size: 20px
}

.van-rate__icon--half {
    position: absolute;
    top: 0;
    left: 0;
    width: .5em;
    overflow: hidden
}

.van-rate__icon--full {
    color: #ee0a24
}

.van-rate__icon--disabled {
    color: #c8c9cc
}

.van-rate--disabled {
    cursor: not-allowed
}

.van-rate--readonly {
    cursor: default
}

.van-notice-bar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    color: #ed6a0c;
    font-size: 14px;
    line-height: 24px;
    background-color: #fffbe8
}

.van-notice-bar__left-icon,.van-notice-bar__right-icon {
    min-width: 24px;
    font-size: 16px
}

.van-notice-bar__right-icon {
    text-align: right;
    cursor: pointer
}

.van-notice-bar__wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    overflow: hidden
}

.van-notice-bar__content {
    position: absolute;
    white-space: nowrap;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.van-notice-bar__content.van-ellipsis {
    max-width: 100%
}

.van-notice-bar--wrapable {
    height: auto;
    padding: 8px 16px
}

.van-notice-bar--wrapable .van-notice-bar__wrap {
    height: auto
}

.van-notice-bar--wrapable .van-notice-bar__content {
    position: relative;
    white-space: normal;
    word-wrap: break-word
}

.van-nav-bar {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 46px;
    line-height: 1.5;
    text-align: center;
    background-color: #fff;
    -webkit-user-select: none;
    user-select: none
}

.van-nav-bar .van-icon {
    color: #1989fa
}

.van-nav-bar__arrow {
    min-width: 1em;
    margin-right: 4px;
    font-size: 16px
}

.van-nav-bar--fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.van-nav-bar__title {
    max-width: 60%;
    margin: 0 auto;
    color: #323233;
    font-weight: 500;
    font-size: 16px
}

.van-nav-bar__left,.van-nav-bar__right {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 16px;
    font-size: 14px;
    cursor: pointer
}

.van-nav-bar__left:active,.van-nav-bar__right:active {
    opacity: .7
}

.van-nav-bar__left {
    left: 0
}

.van-nav-bar__right {
    right: 0
}

.van-nav-bar__text {
    color: #1989fa
}

.van-grid-item {
    position: relative;
    box-sizing: border-box
}

.van-grid-item--square {
    height: 0
}

.van-grid-item__icon {
    font-size: 28px
}

.van-grid-item__icon-wrapper {
    position: relative
}

.van-grid-item__text {
    color: #646566;
    font-size: 12px;
    line-height: 1.5;
    word-wrap: break-word
}

.van-grid-item__icon+.van-grid-item__text {
    margin-top: 8px
}

.van-grid-item__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    height: 100%;
    padding: 16px 8px;
    background-color: #fff
}

.van-grid-item__content:after {
    z-index: 1;
    border-width: 0 1px 1px 0
}

.van-grid-item__content--square {
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.van-grid-item__content--center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.van-grid-item__content--horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.van-grid-item__content--horizontal .van-grid-item__icon+.van-grid-item__text {
    margin-top: 0;
    margin-left: 8px
}

.van-grid-item__content--surround:after {
    border-width: 1px
}

.van-grid-item__content--clickable {
    cursor: pointer
}

.van-grid-item__content--clickable:active {
    background-color: #f2f3f5
}

.van-goods-action-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 48px;
    height: 100%;
    color: #646566;
    font-size: 10px;
    line-height: 1;
    text-align: center;
    background-color: #fff;
    cursor: pointer
}

.van-goods-action-icon:active {
    background-color: #f2f3f5
}

.van-goods-action-icon__icon {
    position: relative;
    width: 1em;
    margin: 0 auto 5px;
    color: #323233;
    font-size: 18px
}

.van-checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.van-checkbox--disabled {
    cursor: not-allowed
}

.van-checkbox--label-disabled {
    cursor: default
}

.van-checkbox--horizontal {
    margin-right: 12px
}

.van-checkbox__icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    height: 1em;
    font-size: 20px;
    line-height: 1em;
    cursor: pointer
}

.van-checkbox__icon .van-icon {
    display: block;
    box-sizing: border-box;
    width: 1.25em;
    height: 1.25em;
    color: transparent;
    font-size: .8em;
    line-height: 1.25;
    text-align: center;
    border: 1px solid #c8c9cc;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: color,border-color,background-color;
    transition-property: color,border-color,background-color
}

.van-checkbox__icon--round .van-icon {
    border-radius: 100%
}

.van-checkbox__icon--checked .van-icon {
    color: #fff;
    background-color: #1989fa;
    border-color: #1989fa
}

.van-checkbox__icon--disabled {
    cursor: not-allowed
}

.van-checkbox__icon--disabled .van-icon {
    background-color: #ebedf0;
    border-color: #c8c9cc
}

.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon {
    color: #c8c9cc
}

.van-checkbox__label {
    margin-left: 8px;
    color: #323233;
    line-height: 20px
}

.van-checkbox__label--left {
    margin: 0 8px 0 0
}

.van-checkbox__label--disabled {
    color: #c8c9cc
}

.van-coupon {
    margin: 0 12px 12px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 4px rgba(0,0,0,.1)
}

.van-coupon:active {
    background-color: #f2f3f5
}

.van-coupon__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    min-height: 84px;
    padding: 14px 0;
    color: #323233
}

.van-coupon__head {
    position: relative;
    min-width: 96px;
    padding: 0 8px;
    color: #ee0a24;
    text-align: center
}

.van-coupon__amount,.van-coupon__condition,.van-coupon__name,.van-coupon__valid {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.van-coupon__amount {
    margin-bottom: 6px;
    font-weight: 500;
    font-size: 30px
}

.van-coupon__amount span {
    font-weight: 400;
    font-size: 40%
}

.van-coupon__amount span:not(:empty) {
    margin-left: 2px
}

.van-coupon__condition {
    font-size: 12px;
    line-height: 16px;
    white-space: pre-wrap
}

.van-coupon__body {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    border-radius: 0 8px 8px 0
}

.van-coupon__name {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px
}

.van-coupon__valid {
    font-size: 12px
}

.van-coupon__corner {
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0
}

.van-coupon__description {
    padding: 8px 16px;
    font-size: 12px;
    border-top: 1px dashed #ebedf0
}

.van-coupon--disabled:active {
    background-color: #fff
}

.van-coupon--disabled .van-coupon-item__content {
    height: 74px
}

.van-coupon--disabled .van-coupon__head {
    color: inherit
}

.van-image {
    position: relative;
    display: inline-block
}

.van-image--round {
    overflow: hidden;
    border-radius: 50%
}

.van-image--round img {
    border-radius: inherit
}

.van-image__error,.van-image__img,.van-image__loading {
    display: block;
    width: 100%;
    height: 100%
}

.van-image__error,.van-image__loading {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #969799;
    font-size: 14px;
    background-color: #f7f8fa
}

.van-image__error-icon,.van-image__loading-icon {
    color: #dcdee0;
    font-size: 32px
}

.van-radio {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.van-radio--disabled {
    cursor: not-allowed
}

.van-radio--label-disabled {
    cursor: default
}

.van-radio--horizontal {
    margin-right: 12px
}

.van-radio__icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    height: 1em;
    font-size: 20px;
    line-height: 1em;
    cursor: pointer
}

.van-radio__icon .van-icon {
    display: block;
    box-sizing: border-box;
    width: 1.25em;
    height: 1.25em;
    color: transparent;
    font-size: .8em;
    line-height: 1.25;
    text-align: center;
    border: 1px solid #c8c9cc;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: color,border-color,background-color;
    transition-property: color,border-color,background-color
}

.van-radio__icon--round .van-icon {
    border-radius: 100%
}

.van-radio__icon--checked .van-icon {
    color: #fff;
    background-color: #1989fa;
    border-color: #1989fa
}

.van-radio__icon--disabled {
    cursor: not-allowed
}

.van-radio__icon--disabled .van-icon {
    background-color: #ebedf0;
    border-color: #c8c9cc
}

.van-radio__icon--disabled.van-radio__icon--checked .van-icon {
    color: #c8c9cc
}

.van-radio__label {
    margin-left: 8px;
    color: #323233;
    line-height: 20px
}

.van-radio__label--left {
    margin: 0 8px 0 0
}

.van-radio__label--disabled {
    color: #c8c9cc
}

.van-tag {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 4px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    border-radius: 2px
}

.van-tag--default {
    background-color: #969799
}

.van-tag--default.van-tag--plain {
    color: #969799
}

.van-tag--danger {
    background-color: #ee0a24
}

.van-tag--danger.van-tag--plain {
    color: #ee0a24
}

.van-tag--primary {
    background-color: #1989fa
}

.van-tag--primary.van-tag--plain {
    color: #1989fa
}

.van-tag--success {
    background-color: #07c160
}

.van-tag--success.van-tag--plain {
    color: #07c160
}

.van-tag--warning {
    background-color: #ff976a
}

.van-tag--warning.van-tag--plain {
    color: #ff976a
}

.van-tag--plain {
    background-color: #fff
}

.van-tag--plain:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid;
    border-radius: inherit;
    content: "";
    pointer-events: none
}

.van-tag--medium {
    padding: 2px 6px
}

.van-tag--large {
    padding: 4px 8px;
    font-size: 14px;
    border-radius: 4px
}

.van-tag--mark {
    border-radius: 0 999px 999px 0
}

.van-tag--mark:after {
    display: block;
    width: 2px;
    content: ""
}

.van-tag--round {
    border-radius: 999px
}

.van-tag__close {
    min-width: 1em;
    margin-left: 2px;
    cursor: pointer
}

.van-card {
    position: relative;
    box-sizing: border-box;
    padding: 8px 16px;
    color: #323233;
    font-size: 12px;
    background-color: #fafafa
}

.van-card:not(:first-child) {
    margin-top: 8px
}

.van-card__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.van-card__thumb {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    width: 88px;
    height: 88px;
    margin-right: 8px
}

.van-card__thumb img {
    border-radius: 8px
}

.van-card__content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-width: 0;
    min-height: 88px
}

.van-card__content--centered {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.van-card__desc,.van-card__title {
    word-wrap: break-word
}

.van-card__title {
    max-height: 32px;
    font-weight: 500;
    line-height: 16px
}

.van-card__desc {
    max-height: 20px;
    color: #646566
}

.van-card__bottom,.van-card__desc {
    line-height: 20px
}

.van-card__price {
    display: inline-block;
    color: #323233;
    font-weight: 500;
    font-size: 12px
}

.van-card__price-integer {
    font-size: 16px
}

.van-card__price-decimal,.van-card__price-integer {
    font-family: Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif
}

.van-card__origin-price {
    display: inline-block;
    margin-left: 5px;
    color: #969799;
    font-size: 10px;
    text-decoration: line-through
}

.van-card__num {
    float: right;
    color: #969799
}

.van-card__tag {
    position: absolute;
    top: 2px;
    left: 0
}

.van-card__footer {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    text-align: right
}

.van-card__footer .van-button {
    margin-left: 5px
}

.van-cell {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 16px;
    overflow: hidden;
    color: #323233;
    font-size: 14px;
    line-height: 24px;
    background-color: #fff
}

.van-cell:after {
    position: absolute;
    box-sizing: border-box;
    content: " ";
    pointer-events: none;
    right: 16px;
    bottom: 0;
    left: 16px;
    border-bottom: 1px solid #ebedf0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.van-cell--borderless:after,.van-cell:last-child:after {
    display: none
}

.van-cell__label {
    margin-top: 4px;
    color: #969799;
    font-size: 12px;
    line-height: 18px
}

.van-cell__title,.van-cell__value {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.van-cell__value {
    position: relative;
    overflow: hidden;
    color: #969799;
    text-align: right;
    vertical-align: middle;
    word-wrap: break-word
}

.van-cell__value--alone {
    color: #323233;
    text-align: left
}

.van-cell__left-icon,.van-cell__right-icon {
    min-width: 1em;
    height: 24px;
    font-size: 16px;
    line-height: 24px
}

.van-cell__left-icon {
    margin-right: 4px
}

.van-cell__right-icon {
    margin-left: 4px;
    color: #969799
}

.van-cell--clickable {
    cursor: pointer
}

.van-cell--clickable:active {
    background-color: #f2f3f5
}

.van-cell--required {
    overflow: visible
}

.van-cell--required:before {
    position: absolute;
    left: 8px;
    color: #ee0a24;
    font-size: 14px;
    content: "*"
}

.van-cell--center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.van-cell--large {
    padding-top: 12px;
    padding-bottom: 12px
}

.van-cell--large .van-cell__title {
    font-size: 16px
}

.van-cell--large .van-cell__label {
    font-size: 14px
}

.van-coupon-cell--selected {
    color: #323233
}

.van-contact-card {
    padding: 16px
}

.van-contact-card__value {
    margin-left: 5px;
    line-height: 20px
}

.van-contact-card--add .van-contact-card__value {
    line-height: 40px
}

.van-contact-card--add .van-cell__left-icon {
    color: #1989fa;
    font-size: 40px
}

.van-contact-card:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: -webkit-repeating-linear-gradient(135deg,#ff6c6c,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);
    background: repeating-linear-gradient(-45deg,#ff6c6c,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);
    background-size: 80px;
    content: ""
}

.van-collapse-item {
    position: relative
}

.van-collapse-item--border:after {
    position: absolute;
    box-sizing: border-box;
    content: " ";
    pointer-events: none;
    top: 0;
    right: 16px;
    left: 16px;
    border-top: 1px solid #ebedf0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.van-collapse-item__title .van-cell__right-icon:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.van-collapse-item__title:after {
    right: 16px;
    display: none
}

.van-collapse-item__title--expanded .van-cell__right-icon:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.van-collapse-item__title--expanded:after {
    display: block
}

.van-collapse-item__title--borderless:after {
    display: none
}

.van-collapse-item__title--disabled {
    cursor: not-allowed
}

.van-collapse-item__title--disabled,.van-collapse-item__title--disabled .van-cell__right-icon {
    color: #c8c9cc
}

.van-collapse-item__title--disabled:active {
    background-color: #fff
}

.van-collapse-item__wrapper {
    overflow: hidden;
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
    will-change: height
}

.van-collapse-item__content {
    padding: 12px 16px;
    color: #969799;
    font-size: 14px;
    line-height: 1.5;
    background-color: #fff
}

.van-field__label {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    box-sizing: border-box;
    width: 6.2em;
    margin-right: 12px;
    color: #646566;
    text-align: left;
    word-wrap: break-word
}

.van-field__label--center {
    text-align: center
}

.van-field__label--right {
    padding-right: 16px;
    text-align: right
}

.van-field--disabled .van-field__label {
    color: #c8c9cc
}

.van-field__value {
    overflow: visible
}

.van-field__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.van-field__control {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #323233;
    line-height: inherit;
    text-align: left;
    background-color: transparent;
    border: 0;
    resize: none
}

.van-field__control::-webkit-input-placeholder {
    color: #c8c9cc
}

.van-field__control::placeholder {
    color: #c8c9cc
}

.van-field__control:disabled {
    color: #c8c9cc;
    background-color: transparent;
    cursor: not-allowed;
    opacity: 1;
    -webkit-text-fill-color: currentColor
}

.van-field__control:read-only {
    cursor: default
}

.van-field__control--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center
}

.van-field__control--right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right
}

.van-field__control--custom {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 24px
}

.van-field__control[type=date],.van-field__control[type=datetime-local],.van-field__control[type=time] {
    min-height: 24px
}

.van-field__control[type=search] {
    -webkit-appearance: none
}

.van-field__button,.van-field__clear,.van-field__icon,.van-field__right-icon {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.van-field__clear,.van-field__right-icon {
    margin-right: -8px;
    padding: 0 8px;
    line-height: inherit
}

.van-field__clear {
    color: #c8c9cc;
    font-size: 16px;
    cursor: pointer
}

.van-field__left-icon .van-icon,.van-field__right-icon .van-icon {
    display: block;
    min-width: 1em;
    font-size: 16px;
    line-height: inherit
}

.van-field__left-icon {
    margin-right: 4px
}

.van-field__right-icon {
    color: #969799
}

.van-field__button {
    padding-left: 8px
}

.van-field__error-message {
    color: #ee0a24;
    font-size: 12px;
    text-align: left
}

.van-field__error-message--center {
    text-align: center
}

.van-field__error-message--right {
    text-align: right
}

.van-field__word-limit {
    margin-top: 4px;
    color: #646566;
    font-size: 12px;
    line-height: 16px;
    text-align: right
}

.van-field--error .van-field__control::-webkit-input-placeholder {
    color: #ee0a24;
    -webkit-text-fill-color: currentColor
}

.van-field--error .van-field__control,.van-field--error .van-field__control::-webkit-input-placeholder {
    color: #ee0a24;
    -webkit-text-fill-color: currentColor
}

.van-field--error .van-field__control,.van-field--error .van-field__control::placeholder {
    color: #ee0a24;
    -webkit-text-fill-color: currentColor
}

.van-field--min-height .van-field__control {
    min-height: 60px
}

.van-search {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    padding: 10px 12px;
    background-color: #fff
}

.van-search,.van-search__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.van-search__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding-left: 8px;
    background-color: #f7f8fa;
    border-radius: 2px
}

.van-search__content--round {
    border-radius: 999px
}

.van-search__label {
    padding: 0 5px;
    color: #323233;
    font-size: 14px;
    line-height: 34px
}

.van-search .van-cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 5px 8px 5px 0;
    background-color: transparent
}

.van-search .van-cell__left-icon {
    color: #969799
}

.van-search--show-action {
    padding-right: 0
}

.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration {
    display: none
}

.van-search__action {
    padding: 0 8px;
    color: #323233;
    font-size: 14px;
    line-height: 34px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.van-search__action:active {
    background-color: #f2f3f5
}

.van-overflow-hidden {
    overflow: hidden!important
}

.van-popup {
    position: fixed;
    max-height: 100%;
    overflow-y: auto;
    background-color: #fff;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-overflow-scrolling: touch
}

.van-popup--center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.van-popup--center.van-popup--round {
    border-radius: 20px
}

.van-popup--top {
    top: 0;
    left: 0;
    width: 100%
}

.van-popup--top.van-popup--round {
    border-radius: 0 0 20px 20px
}

.van-popup--right {
    top: 50%;
    right: 0;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.van-popup--right.van-popup--round {
    border-radius: 20px 0 0 20px
}

.van-popup--bottom {
    bottom: 0;
    left: 0;
    width: 100%
}

.van-popup--bottom.van-popup--round {
    border-radius: 20px 20px 0 0
}

.van-popup--left {
    top: 50%;
    left: 0;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.van-popup--left.van-popup--round {
    border-radius: 0 20px 20px 0
}

.van-popup--safe-area-inset-bottom {
    padding-bottom: env(safe-area-inset-bottom)
}

.van-popup-slide-bottom-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-top-enter-active {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.van-popup-slide-bottom-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-top-leave-active {
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.van-popup-slide-top-enter,.van-popup-slide-top-leave-active {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
}

.van-popup-slide-right-enter,.van-popup-slide-right-leave-active {
    -webkit-transform: translate3d(100%,-50%,0);
    transform: translate3d(100%,-50%,0)
}

.van-popup-slide-bottom-enter,.van-popup-slide-bottom-leave-active {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.van-popup-slide-left-enter,.van-popup-slide-left-leave-active {
    -webkit-transform: translate3d(-100%,-50%,0);
    transform: translate3d(-100%,-50%,0)
}

.van-popup__close-icon {
    position: absolute;
    z-index: 1;
    color: #c8c9cc;
    font-size: 22px;
    cursor: pointer
}

.van-popup__close-icon:active {
    color: #969799
}

.van-popup__close-icon--top-left {
    top: 16px;
    left: 16px
}

.van-popup__close-icon--top-right {
    top: 16px;
    right: 16px
}

.van-popup__close-icon--bottom-left {
    bottom: 16px;
    left: 16px
}

.van-popup__close-icon--bottom-right {
    right: 16px;
    bottom: 16px
}

.van-share-sheet__header {
    padding: 12px 16px 4px;
    text-align: center
}

.van-share-sheet__title {
    margin-top: 8px;
    color: #323233;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.van-share-sheet__description {
    display: block;
    margin-top: 8px;
    color: #969799;
    font-size: 12px;
    line-height: 16px
}

.van-share-sheet__options {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 16px 0 16px 8px;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch
}

.van-share-sheet__options--border:before {
    position: absolute;
    box-sizing: border-box;
    content: " ";
    pointer-events: none;
    top: 0;
    right: 0;
    left: 16px;
    border-top: 1px solid #ebedf0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.van-share-sheet__options::-webkit-scrollbar {
    height: 0
}

.van-share-sheet__option {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.van-share-sheet__option:active {
    opacity: .7
}

.van-share-sheet__icon {
    width: 48px;
    height: 48px;
    margin: 0 16px
}

.van-share-sheet__name {
    margin-top: 8px;
    padding: 0 4px;
    color: #646566;
    font-size: 12px
}

.van-share-sheet__option-description {
    padding: 0 4px;
    color: #c8c9cc;
    font-size: 12px
}

.van-share-sheet__cancel {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    background: #fff;
    border: none;
    cursor: pointer
}

.van-share-sheet__cancel:before {
    display: block;
    height: 8px;
    background-color: #f7f8fa;
    content: " "
}

.van-share-sheet__cancel:active {
    background-color: #f2f3f5
}

.van-notify {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 8px 16px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    white-space: pre-wrap;
    text-align: center;
    word-wrap: break-word
}

.van-notify--primary {
    background-color: #1989fa
}

.van-notify--success {
    background-color: #07c160
}

.van-notify--danger {
    background-color: #ee0a24
}

.van-notify--warning {
    background-color: #ff976a
}

.van-dropdown-item {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 10;
    overflow: hidden
}

.van-dropdown-item__icon {
    display: block;
    line-height: inherit
}

.van-dropdown-item__option {
    text-align: left
}

.van-dropdown-item__option--active,.van-dropdown-item__option--active .van-dropdown-item__icon {
    color: #ee0a24
}

.van-dropdown-item--up {
    top: 0
}

.van-dropdown-item--down {
    bottom: 0
}

.van-dropdown-item__content {
    position: absolute;
    max-height: 80%
}

.van-loading {
    color: #c8c9cc;
    font-size: 0
}

.van-loading,.van-loading__spinner {
    position: relative;
    vertical-align: middle
}

.van-loading__spinner {
    display: inline-block;
    width: 30px;
    max-width: 100%;
    height: 30px;
    max-height: 100%;
    -webkit-animation: van-rotate .8s linear infinite;
    animation: van-rotate .8s linear infinite
}

.van-loading__spinner--spinner {
    -webkit-animation-timing-function: steps(12);
    animation-timing-function: steps(12)
}

.van-loading__spinner--spinner i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.van-loading__spinner--spinner i:before {
    display: block;
    width: 2px;
    height: 25%;
    margin: 0 auto;
    background-color: currentColor;
    border-radius: 40%;
    content: " "
}

.van-loading__spinner--circular {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.van-loading__circular {
    display: block;
    width: 100%;
    height: 100%
}

.van-loading__circular circle {
    -webkit-animation: van-circular 1.5s ease-in-out infinite;
    animation: van-circular 1.5s ease-in-out infinite;
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round
}

.van-loading__text {
    display: inline-block;
    margin-left: 8px;
    color: #969799;
    font-size: 14px;
    vertical-align: middle
}

.van-loading--vertical {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.van-loading--vertical .van-loading__text {
    margin: 8px 0 0
}

@-webkit-keyframes van-circular {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120
    }
}

@keyframes van-circular {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120
    }
}

.van-loading__spinner--spinner i:first-of-type {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    opacity: 1
}

.van-loading__spinner--spinner i:nth-of-type(2) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    opacity: .9375
}

.van-loading__spinner--spinner i:nth-of-type(3) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: .875
}

.van-loading__spinner--spinner i:nth-of-type(4) {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    opacity: .8125
}

.van-loading__spinner--spinner i:nth-of-type(5) {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    opacity: .75
}

.van-loading__spinner--spinner i:nth-of-type(6) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: .6875
}

.van-loading__spinner--spinner i:nth-of-type(7) {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
    opacity: .625
}

.van-loading__spinner--spinner i:nth-of-type(8) {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
    opacity: .5625
}

.van-loading__spinner--spinner i:nth-of-type(9) {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    opacity: .5
}

.van-loading__spinner--spinner i:nth-of-type(10) {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
    opacity: .4375
}

.van-loading__spinner--spinner i:nth-of-type(11) {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
    opacity: .375
}

.van-loading__spinner--spinner i:nth-of-type(12) {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: .3125
}

.van-pull-refresh {
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none
}

.van-pull-refresh__track {
    position: relative;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.van-pull-refresh__head {
    position: absolute;
    left: 0;
    width: 100%;
    height: 50px;
    overflow: hidden;
    color: #969799;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.van-number-keyboard {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    padding-bottom: 22px;
    background-color: #f2f3f5;
    -webkit-user-select: none;
    user-select: none
}

.van-number-keyboard--with-title {
    border-radius: 20px 20px 0 0
}

.van-number-keyboard__header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: content-box;
    height: 34px;
    padding-top: 6px;
    color: #646566;
    font-size: 16px
}

.van-number-keyboard__title {
    display: inline-block;
    font-weight: 400
}

.van-number-keyboard__title-left {
    position: absolute;
    left: 0
}

.van-number-keyboard__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 6px 0 0 6px
}

.van-number-keyboard__keys {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    flex: 3;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.van-number-keyboard__close {
    position: absolute;
    right: 0;
    height: 100%;
    padding: 0 16px;
    color: #576b95;
    font-size: 14px;
    background-color: transparent;
    border: none;
    cursor: pointer
}

.van-number-keyboard__close:active {
    opacity: .7
}

.van-number-keyboard__sidebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.van-number-keyboard--unfit {
    padding-bottom: 0
}

.van-key {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 48px;
    font-size: 28px;
    line-height: 1.5;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer
}

.van-key--large {
    position: absolute;
    top: 0;
    right: 6px;
    bottom: 6px;
    left: 0;
    height: auto
}

.van-key--blue,.van-key--delete {
    font-size: 16px
}

.van-key--active {
    background-color: #ebedf0
}

.van-key--blue {
    color: #fff;
    background-color: #1989fa
}

.van-key--blue.van-key--active {
    background-color: #0570db
}

.van-key__wrapper {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-flex-basis: 33%;
    flex-basis: 33%;
    box-sizing: border-box;
    padding: 0 6px 6px 0
}

.van-key__wrapper--wider {
    -webkit-flex-basis: 66%;
    flex-basis: 66%
}

.van-key__delete-icon {
    width: 32px;
    height: 22px
}

.van-key__collapse-icon {
    width: 30px;
    height: 24px
}

.van-key__loading-icon {
    color: #fff
}

.van-list__error-text,.van-list__finished-text,.van-list__loading {
    color: #969799;
    font-size: 14px;
    line-height: 50px;
    text-align: center
}

.van-list__placeholder {
    height: 0;
    pointer-events: none
}

.van-switch {
    position: relative;
    display: inline-block;
    box-sizing: content-box;
    width: 2em;
    font-size: 30px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 1em;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.van-switch,.van-switch__node {
    height: 1em;
    background-color: #fff
}

.van-switch__node {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 1em;
    border-radius: 100%;
    box-shadow: 0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);
    transition: -webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);
    transition: transform .3s cubic-bezier(.3,1.05,.4,1.05);
    transition: transform .3s cubic-bezier(.3,1.05,.4,1.05),-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05)
}

.van-switch__loading {
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    line-height: 1
}

.van-switch--on {
    background-color: #1989fa
}

.van-switch--on .van-switch__node {
    -webkit-transform: translateX(1em);
    transform: translateX(1em)
}

.van-switch--on .van-switch__loading {
    color: #1989fa
}

.van-switch--disabled {
    cursor: not-allowed;
    opacity: .5
}

.van-switch--loading {
    cursor: default
}

.van-switch-cell {
    padding-top: 9px;
    padding-bottom: 9px
}

.van-switch-cell--large {
    padding-top: 11px;
    padding-bottom: 11px
}

.van-switch-cell .van-switch {
    float: right
}

.van-button {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    height: 44px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-appearance: none
}

.van-button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: #000;
    border: inherit;
    border-color: #000;
    border-radius: inherit;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0;
    content: " "
}

.van-button:active:before {
    opacity: .1
}

.van-button--disabled:before,.van-button--loading:before {
    display: none
}

.van-button--default {
    color: #323233;
    background-color: #fff;
    border: 1px solid #ebedf0
}

.van-button--primary {
    color: #fff;
    background-color: #07c160;
    border: 1px solid #07c160
}

.van-button--info {
    color: #fff;
    background-color: #1989fa;
    border: 1px solid #1989fa
}

.van-button--danger {
    color: #fff;
    background-color: #ee0a24;
    border: 1px solid #ee0a24
}

.van-button--warning {
    color: #fff;
    background-color: #ff976a;
    border: 1px solid #ff976a
}

.van-button--plain {
    background-color: #fff
}

.van-button--plain.van-button--primary {
    color: #07c160
}

.van-button--plain.van-button--info {
    color: #1989fa
}

.van-button--plain.van-button--danger {
    color: #ee0a24
}

.van-button--plain.van-button--warning {
    color: #ff976a
}

.van-button--large {
    width: 100%;
    height: 50px
}

.van-button--normal {
    padding: 0 15px;
    font-size: 14px
}

.van-button--small {
    height: 32px;
    padding: 0 8px;
    font-size: 12px
}

.van-button__loading {
    color: inherit;
    font-size: inherit
}

.van-button--mini {
    height: 24px;
    padding: 0 4px;
    font-size: 10px
}

.van-button--mini+.van-button--mini {
    margin-left: 4px
}

.van-button--block {
    display: block;
    width: 100%
}

.van-button--disabled {
    cursor: not-allowed;
    opacity: .5
}

.van-button--loading {
    cursor: default
}

.van-button--round {
    border-radius: 999px
}

.van-button--square {
    border-radius: 0
}

.van-button__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%
}

.van-button__icon {
    min-width: 1em;
    font-size: 1.2em;
    line-height: inherit
}

.van-button__icon+.van-button__text,.van-button__loading+.van-button__text {
    margin-left: 5px
}

.van-button--hairline {
    border-width: 0
}

.van-button--hairline:after {
    border-color: inherit;
    border-radius: 4px
}

.van-button--hairline.van-button--round:after {
    border-radius: 999px
}

.van-button--hairline.van-button--square:after {
    border-radius: 0
}

.van-submit-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    padding-bottom: env(safe-area-inset-bottom);
    background-color: #fff;
    -webkit-user-select: none;
    user-select: none
}

.van-submit-bar__tip {
    padding: 8px 12px;
    color: #f56723;
    font-size: 12px;
    line-height: 1.5;
    background-color: #fff7cc
}

.van-submit-bar__tip-icon {
    min-width: 18px;
    font-size: 12px;
    vertical-align: middle
}

.van-submit-bar__tip-text {
    vertical-align: middle
}

.van-submit-bar__bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    height: 50px;
    padding: 0 16px;
    font-size: 14px
}

.van-submit-bar__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding-right: 12px;
    color: #323233;
    text-align: right
}

.van-submit-bar__text span {
    display: inline-block
}

.van-submit-bar__suffix-label {
    margin-left: 5px;
    font-weight: 500
}

.van-submit-bar__price {
    color: #ee0a24;
    font-weight: 500;
    font-size: 12px
}

.van-submit-bar__price--integer {
    font-size: 20px;
    font-family: Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif
}

.van-submit-bar__button {
    width: 110px;
    height: 40px;
    font-weight: 500;
    border: none
}

.van-submit-bar__button--danger {
    background: -webkit-linear-gradient(left,#ff6034,#ee0a24);
    background: linear-gradient(90deg,#ff6034,#ee0a24)
}

.van-submit-bar--unfit {
    padding-bottom: 0
}

.van-goods-action-button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 40px;
    font-weight: 500;
    font-size: 14px;
    border: none;
    border-radius: 0
}

.van-goods-action-button--first {
    margin-left: 5px;
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px
}

.van-goods-action-button--last {
    margin-right: 5px;
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px
}

.van-goods-action-button--warning {
    background: -webkit-linear-gradient(left,#ffd01e,#ff8917);
    background: linear-gradient(90deg,#ffd01e,#ff8917)
}

.van-goods-action-button--danger {
    background: -webkit-linear-gradient(left,#ff6034,#ee0a24);
    background: linear-gradient(90deg,#ff6034,#ee0a24)
}

@media (max-width: 321px) {
    .van-goods-action-button {
        font-size:13px
    }
}

.van-toast {
    position: fixed;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: content-box;
    width: 88px;
    max-width: 70%;
    min-height: 88px;
    padding: 16px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    white-space: pre-wrap;
    text-align: center;
    word-wrap: break-word;
    background-color: rgba(0,0,0,.7);
    border-radius: 8px;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.van-toast--unclickable {
    overflow: hidden
}

.van-toast--unclickable * {
    pointer-events: none
}

.van-toast--html,.van-toast--text {
    width: -webkit-fit-content;
    width: fit-content;
    min-width: 96px;
    min-height: 0;
    padding: 8px 12px
}

.van-toast--html .van-toast__text,.van-toast--text .van-toast__text {
    margin-top: 0
}

.van-toast--top {
    top: 50px
}

.van-toast--bottom {
    top: auto;
    bottom: 50px
}

.van-toast__icon {
    font-size: 36px
}

.van-toast__loading {
    padding: 4px;
    color: #fff
}

.van-toast__text {
    margin-top: 8px
}

.van-calendar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background-color: #fff
}

.van-calendar__popup.van-popup--bottom,.van-calendar__popup.van-popup--top {
    height: 80%
}

.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right {
    height: 100%
}

.van-calendar__popup .van-popup__close-icon {
    top: 11px
}

.van-calendar__header {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    box-shadow: 0 2px 10px rgba(125,126,128,.16)
}

.van-calendar__header-subtitle,.van-calendar__header-title,.van-calendar__month-title {
    height: 44px;
    font-weight: 500;
    line-height: 44px;
    text-align: center
}

.van-calendar__header-title {
    font-size: 16px
}

.van-calendar__header-subtitle,.van-calendar__month-title {
    font-size: 14px
}

.van-calendar__weekdays {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.van-calendar__weekday {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 12px;
    line-height: 30px;
    text-align: center
}

.van-calendar__body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.van-calendar__days {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-user-select: none;
    user-select: none
}

.van-calendar__month-mark {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    color: rgba(242,243,245,.8);
    font-size: 160px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    pointer-events: none
}

.van-calendar__day,.van-calendar__selected-day {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center
}

.van-calendar__day {
    position: relative;
    width: 14.285%;
    height: 64px;
    font-size: 16px;
    cursor: pointer
}

.van-calendar__day--end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected,.van-calendar__day--start,.van-calendar__day--start-end {
    color: #fff;
    background-color: #ee0a24
}

.van-calendar__day--start {
    border-radius: 4px 0 0 4px
}

.van-calendar__day--end {
    border-radius: 0 4px 4px 0
}

.van-calendar__day--multiple-selected,.van-calendar__day--start-end {
    border-radius: 4px
}

.van-calendar__day--middle {
    color: #ee0a24
}

.van-calendar__day--middle:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: currentColor;
    opacity: .1;
    content: ""
}

.van-calendar__day--disabled {
    color: #c8c9cc;
    cursor: default
}

.van-calendar__bottom-info,.van-calendar__top-info {
    position: absolute;
    right: 0;
    left: 0;
    font-size: 10px;
    line-height: 14px
}

@media (max-width: 350px) {
    .van-calendar__bottom-info,.van-calendar__top-info {
        font-size:9px
    }
}

.van-calendar__top-info {
    top: 6px
}

.van-calendar__bottom-info {
    bottom: 6px
}

.van-calendar__selected-day {
    width: 54px;
    height: 54px;
    color: #fff;
    background-color: #ee0a24;
    border-radius: 4px
}

.van-calendar__footer {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding: 0 16px env(safe-area-inset-bottom)
}

.van-calendar__footer--unfit {
    padding-bottom: 0
}

.van-calendar__confirm {
    height: 36px;
    margin: 7px 0
}

.van-picker {
    position: relative;
    background-color: #fff;
    -webkit-user-select: none;
    user-select: none
}

.van-picker__toolbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 44px
}

.van-picker__cancel,.van-picker__confirm {
    height: 100%;
    padding: 0 16px;
    font-size: 14px;
    background-color: transparent;
    border: none;
    cursor: pointer
}

.van-picker__cancel:active,.van-picker__confirm:active {
    opacity: .7
}

.van-picker__confirm {
    color: #576b95
}

.van-picker__cancel {
    color: #969799
}

.van-picker__title {
    max-width: 50%;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

.van-picker__columns {
    position: relative;
    cursor: grab
}

.van-picker__columns,.van-picker__loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.van-picker__loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #1989fa;
    background-color: hsla(0,0%,100%,.9)
}

.van-picker__frame {
    top: 50%;
    right: 16px;
    left: 16px;
    z-index: 3;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.van-picker__frame,.van-picker__mask {
    position: absolute;
    pointer-events: none
}

.van-picker__mask {
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(top,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));
    background-image: linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));
    background-repeat: no-repeat;
    background-position: top,bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.van-picker-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: hidden;
    font-size: 16px
}

.van-picker-column__wrapper {
    -webkit-transition-timing-function: cubic-bezier(.23,1,.68,1);
    transition-timing-function: cubic-bezier(.23,1,.68,1)
}

.van-picker-column__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 4px;
    color: #000
}

.van-picker-column__item--disabled {
    cursor: not-allowed;
    opacity: .3
}

.van-action-sheet {
    max-height: 80%;
    color: #323233
}

.van-action-sheet__cancel,.van-action-sheet__item {
    display: block;
    width: 100%;
    padding: 14px 16px;
    font-size: 16px;
    background-color: #fff;
    border: none;
    cursor: pointer
}

.van-action-sheet__cancel:active,.van-action-sheet__item:active {
    background-color: #f2f3f5
}

.van-action-sheet__item {
    line-height: 22px
}

.van-action-sheet__item--disabled,.van-action-sheet__item--loading {
    color: #c8c9cc
}

.van-action-sheet__item--disabled:active,.van-action-sheet__item--loading:active {
    background-color: #fff
}

.van-action-sheet__item--disabled {
    cursor: not-allowed
}

.van-action-sheet__item--loading {
    cursor: default
}

.van-action-sheet__cancel {
    color: #646566
}

.van-action-sheet__subname {
    margin-top: 8px;
    color: #969799;
    font-size: 12px;
    line-height: 18px
}

.van-action-sheet__gap {
    display: block;
    height: 8px;
    background-color: #f7f8fa
}

.van-action-sheet__header {
    font-weight: 500;
    font-size: 16px;
    line-height: 48px;
    text-align: center
}

.van-action-sheet__description {
    position: relative;
    padding: 20px 16px;
    color: #969799;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.van-action-sheet__description:after {
    position: absolute;
    box-sizing: border-box;
    content: " ";
    pointer-events: none;
    right: 16px;
    bottom: 0;
    left: 16px;
    border-bottom: 1px solid #ebedf0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.van-action-sheet__loading-icon .van-loading__spinner {
    width: 22px;
    height: 22px
}

.van-action-sheet__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 16px;
    color: #c8c9cc;
    font-size: 22px;
    line-height: inherit
}

.van-action-sheet__close:active {
    color: #969799
}

.van-goods-action {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: content-box;
    height: 50px;
    padding-bottom: env(safe-area-inset-bottom);
    background-color: #fff
}

.van-goods-action--unfit {
    padding-bottom: 0
}

.van-dialog {
    position: fixed;
    top: 45%;
    left: 50%;
    width: 320px;
    overflow: hidden;
    font-size: 16px;
    background-color: #fff;
    border-radius: 16px;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform
}

@media (max-width: 321px) {
    .van-dialog {
        width:90%
    }
}

.van-dialog__header {
    padding-top: 24px;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.van-dialog__header--isolated {
    padding: 24px 0
}

.van-dialog__message {
    max-height: 60vh;
    padding: 24px;
    overflow-y: auto;
    font-size: 14px;
    line-height: 20px;
    white-space: pre-wrap;
    text-align: center;
    word-wrap: break-word;
    -webkit-overflow-scrolling: touch
}

.van-dialog__message--has-title {
    padding-top: 8px;
    color: #646566
}

.van-dialog__message--left {
    text-align: left
}

.van-dialog__message--right {
    text-align: right
}

.van-dialog__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none
}

.van-dialog__cancel,.van-dialog__confirm {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin: 0;
    border: 0
}

.van-dialog__confirm,.van-dialog__confirm:active {
    color: #ee0a24
}

.van-dialog--round-button .van-dialog__footer {
    position: relative;
    height: auto;
    padding: 8px 24px 16px
}

.van-dialog--round-button .van-dialog__message {
    padding-bottom: 16px;
    color: #323233
}

.van-dialog--round-button .van-dialog__confirm {
    color: #fff
}

.van-dialog-bounce-enter {
    -webkit-transform: translate3d(-50%,-50%,0) scale(.7);
    transform: translate3d(-50%,-50%,0) scale(.7);
    opacity: 0
}

.van-dialog-bounce-leave-active {
    -webkit-transform: translate3d(-50%,-50%,0) scale(.9);
    transform: translate3d(-50%,-50%,0) scale(.9);
    opacity: 0
}

.van-contact-edit {
    padding: 16px
}

.van-contact-edit__fields {
    overflow: hidden;
    border-radius: 4px
}

.van-contact-edit__fields .van-field__label {
    width: 4.1em
}

.van-contact-edit__switch-cell {
    margin-top: 10px;
    padding-top: 9px;
    padding-bottom: 9px;
    border-radius: 4px
}

.van-contact-edit__buttons {
    padding: 32px 0
}

.van-contact-edit .van-button {
    margin-bottom: 12px;
    font-size: 16px
}

.van-address-edit {
    padding: 12px
}

.van-address-edit__fields {
    overflow: hidden;
    border-radius: 8px
}

.van-address-edit__fields .van-field__label {
    width: 4.1em
}

.van-address-edit__default {
    margin-top: 12px;
    overflow: hidden;
    border-radius: 8px
}

.van-address-edit__buttons {
    padding: 32px 4px
}

.van-address-edit__buttons .van-button {
    margin-bottom: 12px
}

.van-address-edit-detail {
    padding: 0
}

.van-address-edit-detail__search-item {
    background-color: #f2f3f5
}

.van-address-edit-detail__keyword {
    color: #ee0a24
}

.van-address-edit-detail__finish {
    color: #1989fa;
    font-size: 12px
}

.van-radio-group--horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.van-contact-list {
    box-sizing: border-box;
    height: 100%;
    padding-bottom: 80px
}

.van-contact-list__item {
    padding: 16px
}

.van-contact-list__item-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-right: 32px;
    padding-left: 8px
}

.van-contact-list__item-tag {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    margin-left: 8px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.4em
}

.van-contact-list__group {
    box-sizing: border-box;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.van-contact-list__edit {
    font-size: 16px
}

.van-contact-list__bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 0 16px env(safe-area-inset-bottom);
    background-color: #fff
}

.van-contact-list__add {
    height: 40px;
    margin: 5px 0
}

.van-address-list {
    box-sizing: border-box;
    height: 100%;
    padding: 12px 12px 80px
}

.van-address-list__bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    box-sizing: border-box;
    width: 100%;
    padding: 0 16px env(safe-area-inset-bottom);
    background-color: #fff
}

.van-address-list__add {
    height: 40px;
    margin: 5px 0
}

.van-address-list__disabled-text {
    padding: 20px 0 16px;
    color: #969799;
    font-size: 14px;
    line-height: 20px
}

.van-address-item {
    padding: 12px;
    background-color: #fff;
    border-radius: 8px
}

.van-address-item:not(:last-child) {
    margin-bottom: 12px
}

.van-address-item__value {
    padding-right: 44px
}

.van-address-item__name {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px
}

.van-address-item__tag {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    margin-left: 8px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.4em
}

.van-address-item__address {
    color: #323233;
    font-size: 13px;
    line-height: 18px
}

.van-address-item--disabled .van-address-item__address,.van-address-item--disabled .van-address-item__name {
    color: #c8c9cc
}

.van-address-item__edit {
    position: absolute;
    top: 50%;
    right: 16px;
    color: #969799;
    font-size: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.van-address-item .van-cell {
    padding: 0
}

.van-address-item .van-radio__label {
    margin-left: 12px
}

.van-address-item .van-radio__icon--checked .van-icon {
    background-color: #ee0a24;
    border-color: #ee0a24
}

.van-cell-group {
    background-color: #fff
}

.van-cell-group__title {
    padding: 16px 16px 8px;
    color: #969799;
    font-size: 14px;
    line-height: 16px
}

.van-panel {
    background: #fff
}

.van-panel__header-value {
    color: #ee0a24
}

.van-panel__footer {
    padding: 8px 16px
}

.van-checkbox-group--horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.van-circle {
    position: relative;
    display: inline-block;
    text-align: center
}

.van-circle svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.van-circle__layer {
    fill: none;
    stroke-linecap: round
}

.van-circle__text {
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 0 4px;
    color: #323233;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.van-col {
    float: left;
    box-sizing: border-box;
    min-height: 1px
}

.van-col--1 {
    width: 4.16666667%
}

.van-col--offset-1 {
    margin-left: 4.16666667%
}

.van-col--2 {
    width: 8.33333333%
}

.van-col--offset-2 {
    margin-left: 8.33333333%
}

.van-col--3 {
    width: 12.5%
}

.van-col--offset-3 {
    margin-left: 12.5%
}

.van-col--4 {
    width: 16.66666667%
}

.van-col--offset-4 {
    margin-left: 16.66666667%
}

.van-col--5 {
    width: 20.83333333%
}

.van-col--offset-5 {
    margin-left: 20.83333333%
}

.van-col--6 {
    width: 25%
}

.van-col--offset-6 {
    margin-left: 25%
}

.van-col--7 {
    width: 29.16666667%
}

.van-col--offset-7 {
    margin-left: 29.16666667%
}

.van-col--8 {
    width: 33.33333333%
}

.van-col--offset-8 {
    margin-left: 33.33333333%
}

.van-col--9 {
    width: 37.5%
}

.van-col--offset-9 {
    margin-left: 37.5%
}

.van-col--10 {
    width: 41.66666667%
}

.van-col--offset-10 {
    margin-left: 41.66666667%
}

.van-col--11 {
    width: 45.83333333%
}

.van-col--offset-11 {
    margin-left: 45.83333333%
}

.van-col--12 {
    width: 50%
}

.van-col--offset-12 {
    margin-left: 50%
}

.van-col--13 {
    width: 54.16666667%
}

.van-col--offset-13 {
    margin-left: 54.16666667%
}

.van-col--14 {
    width: 58.33333333%
}

.van-col--offset-14 {
    margin-left: 58.33333333%
}

.van-col--15 {
    width: 62.5%
}

.van-col--offset-15 {
    margin-left: 62.5%
}

.van-col--16 {
    width: 66.66666667%
}

.van-col--offset-16 {
    margin-left: 66.66666667%
}

.van-col--17 {
    width: 70.83333333%
}

.van-col--offset-17 {
    margin-left: 70.83333333%
}

.van-col--18 {
    width: 75%
}

.van-col--offset-18 {
    margin-left: 75%
}

.van-col--19 {
    width: 79.16666667%
}

.van-col--offset-19 {
    margin-left: 79.16666667%
}

.van-col--20 {
    width: 83.33333333%
}

.van-col--offset-20 {
    margin-left: 83.33333333%
}

.van-col--21 {
    width: 87.5%
}

.van-col--offset-21 {
    margin-left: 87.5%
}

.van-col--22 {
    width: 91.66666667%
}

.van-col--offset-22 {
    margin-left: 91.66666667%
}

.van-col--23 {
    width: 95.83333333%
}

.van-col--offset-23 {
    margin-left: 95.83333333%
}

.van-col--24 {
    width: 100%
}

.van-col--offset-24 {
    margin-left: 100%
}

.van-count-down {
    color: #323233;
    font-size: 14px;
    line-height: 20px
}

.van-tab__pane,.van-tab__pane-wrapper {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100%
}

.van-tab__pane-wrapper--inactive {
    height: 0;
    overflow: visible
}

.van-sticky--fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99
}

.van-tab {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 4px;
    color: #646566;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    width: 20%;
}

.van-tab--active {
    color: #323233;
    font-weight: 500
}

.van-tab--disabled {
    color: #c8c9cc;
    cursor: not-allowed
}

.van-tab__text--ellipsis {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.van-tab__text-wrapper,.van-tabs {
    position: relative
}

.van-tabs__wrap {
    overflow: hidden
}

.van-tabs__wrap--page-top {
    position: fixed
}

.van-tabs__wrap--content-bottom {
    top: auto;
    bottom: 0
}

.van-tabs__wrap--scrollable .van-tab {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 0 12px
}

.van-tabs__wrap--scrollable .van-tabs__nav {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.van-tabs__wrap--scrollable .van-tabs__nav::-webkit-scrollbar {
    display: none
}

.van-tabs__wrap--scrollable .van-tabs__nav--complete {
    padding-right: 8px;
    padding-left: 8px
}

.van-tabs__nav {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
    -webkit-user-select: none;
    user-select: none
}

.van-tabs__nav--line {
    box-sizing: content-box;
    height: 100%;
    padding-bottom: 15px
}

.van-tabs__nav--card {
    box-sizing: border-box;
    height: 30px;
    margin: 0 16px;
    border: 1px solid #ee0a24;
    border-radius: 2px
}

.van-tabs__nav--card .van-tab {
    color: #ee0a24;
    border-right: 1px solid #ee0a24
}

.van-tabs__nav--card .van-tab:last-child {
    border-right: none
}

.van-tabs__nav--card .van-tab.van-tab--active {
    color: #fff;
    background-color: #ee0a24
}

.van-tabs__nav--card .van-tab--disabled {
    color: #c8c9cc
}

.van-tabs__line {
    position: absolute;
    bottom: 15px;
    left: 0;
    z-index: 1;
    height: 3px;
    background-color: #ee0a24;
    border-radius: 3px
}

.van-tabs__track {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
    will-change: left
}

.van-tabs__content--animated {
    overflow: hidden
}

.van-tabs--line .van-tabs__wrap {
    height: 44px
}

.van-tabs--card>.van-tabs__wrap {
    height: 30px
}

.van-coupon-list {
    position: relative;
    height: 100%;
    background-color: #f7f8fa
}

.van-coupon-list__field {
    padding: 5px 0 5px 16px
}

.van-coupon-list__field .van-field__body {
    height: 34px;
    padding-left: 12px;
    line-height: 34px;
    background: #f7f8fa;
    border-radius: 17px
}

.van-coupon-list__field .van-field__body::-webkit-input-placeholder {
    color: #c8c9cc
}

.van-coupon-list__field .van-field__body::placeholder {
    color: #c8c9cc
}

.van-coupon-list__field .van-field__clear {
    margin-right: 0
}

.van-coupon-list__exchange-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff
}

.van-coupon-list__exchange {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    height: 32px;
    font-size: 16px;
    line-height: 30px;
    border: 0
}

.van-coupon-list .van-tabs__wrap {
    box-shadow: 0 6px 12px -12px #969799
}

.van-coupon-list__list {
    box-sizing: border-box;
    padding: 16px 0 24px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.van-coupon-list__list--with-bottom {
    padding-bottom: 66px
}

.van-coupon-list__bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 16px;
    font-weight: 500;
    background-color: #fff
}

.van-coupon-list__close {
    height: 40px
}

.van-coupon-list__empty {
    padding-top: 60px;
    text-align: center
}

.van-coupon-list__empty p {
    margin: 16px 0;
    color: #969799;
    font-size: 14px;
    line-height: 20px
}

.van-coupon-list__empty img {
    width: 200px;
    height: 200px
}

.van-divider {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 16px 0;
    color: #969799;
    font-size: 14px;
    line-height: 24px;
    border: 0 solid #ebedf0
}

.van-divider:after,.van-divider:before {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box;
    height: 1px;
    border-color: inherit;
    border-style: inherit;
    border-width: 1px 0 0
}

.van-divider:before {
    content: ""
}

.van-divider--hairline:after,.van-divider--hairline:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.van-divider--dashed {
    border-style: dashed
}

.van-divider--content-center:before,.van-divider--content-left:before,.van-divider--content-right:before {
    margin-right: 16px
}

.van-divider--content-center:after,.van-divider--content-left:after,.van-divider--content-right:after {
    margin-left: 16px;
    content: ""
}

.van-divider--content-left:before,.van-divider--content-right:after {
    max-width: 10%
}

.van-dropdown-menu {
    -webkit-user-select: none;
    user-select: none
}

.van-dropdown-menu__bar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 48px;
    background-color: #fff;
    box-shadow: 0 2px 12px rgba(100,101,102,.12)
}

.van-dropdown-menu__bar--opened {
    z-index: 11
}

.van-dropdown-menu__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 0;
    cursor: pointer
}

.van-dropdown-menu__item:active {
    opacity: .7
}

.van-dropdown-menu__item--disabled:active {
    opacity: 1
}

.van-dropdown-menu__item--disabled .van-dropdown-menu__title {
    color: #969799
}

.van-dropdown-menu__title {
    position: relative;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0 8px;
    color: #323233;
    font-size: 15px;
    line-height: 22px
}

.van-dropdown-menu__title:after {
    position: absolute;
    top: 50%;
    right: -4px;
    margin-top: -5px;
    border-color: transparent transparent #dcdee0 #dcdee0;
    border-style: solid;
    border-width: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: .8;
    content: ""
}

.van-dropdown-menu__title--active {
    color: #ee0a24
}

.van-dropdown-menu__title--active:after {
    border-color: transparent transparent currentColor currentColor
}

.van-dropdown-menu__title--down:after {
    margin-top: -1px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.van-empty {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 32px 0
}

.van-empty__image {
    width: 160px;
    height: 160px
}

.van-empty__image img {
    width: 100%;
    height: 100%
}

.van-empty__description {
    margin-top: 16px;
    padding: 0 60px;
    color: #969799;
    font-size: 14px;
    line-height: 20px
}

.van-empty__bottom {
    margin-top: 24px
}

.van-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.van-swipe {
    position: relative;
    overflow: hidden;
    cursor: grab;
    -webkit-user-select: none;
    user-select: none
}

.van-swipe__track {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%
}

.van-swipe__track--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.van-swipe__indicators {
    position: absolute;
    bottom: 12px;
    left: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.van-swipe__indicators--vertical {
    top: 50%;
    bottom: auto;
    left: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child) {
    margin-bottom: 6px
}

.van-swipe__indicator {
    width: 6px;
    height: 6px;
    background-color: #ebedf0;
    border-radius: 100%;
    opacity: .3;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.van-swipe__indicator:not(:last-child) {
    margin-right: 6px
}

.van-swipe__indicator--active {
    background-color: #1989fa;
    opacity: 1
}

.van-swipe-item {
    position: relative;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%
}

.van-image-preview {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.van-image-preview__swipe {
    height: 100%
}

.van-image-preview__swipe-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden
}

.van-image-preview__cover {
    position: absolute;
    top: 0;
    left: 0
}

.van-image-preview__image {
    width: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.van-image-preview__image--vertical {
    width: auto;
    height: 100%
}

.van-image-preview__image img {
    -webkit-user-drag: none
}

.van-image-preview__image .van-image__error {
    top: 30%;
    height: 40%
}

.van-image-preview__image .van-image__error-icon {
    font-size: 36px
}

.van-image-preview__image .van-image__loading {
    background-color: transparent
}

.van-image-preview__index {
    position: absolute;
    top: 16px;
    left: 50%;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    text-shadow: 0 1px 1px #323233;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.van-image-preview__overlay {
    background-color: rgba(0,0,0,.9)
}

.van-image-preview__close-icon {
    position: absolute;
    z-index: 1;
    color: #c8c9cc;
    font-size: 22px;
    cursor: pointer
}

.van-image-preview__close-icon:active {
    color: #969799
}

.van-image-preview__close-icon--top-left {
    top: 16px;
    left: 16px
}

.van-image-preview__close-icon--top-right {
    top: 16px;
    right: 16px
}

.van-image-preview__close-icon--bottom-left {
    bottom: 16px;
    left: 16px
}

.van-image-preview__close-icon--bottom-right {
    right: 16px;
    bottom: 16px
}

.van-uploader {
    position: relative;
    display: inline-block
}

.van-uploader__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.van-uploader__wrapper--disabled {
    opacity: .5
}

.van-uploader__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    opacity: 0
}

.van-uploader__input-wrapper {
    position: relative
}

.van-uploader__input:disabled {
    cursor: not-allowed
}

.van-uploader__upload {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    width: 80px;
    height: 80px;
    margin: 0 8px 8px 0;
    background-color: #f7f8fa
}

.van-uploader__upload:active {
    background-color: #f2f3f5
}

.van-uploader__upload-icon {
    color: #dcdee0;
    font-size: 24px
}

.van-uploader__upload-text {
    margin-top: 8px;
    color: #969799;
    font-size: 12px
}

.van-uploader__preview {
    position: relative;
    margin: 0 8px 8px 0;
    cursor: pointer
}

.van-uploader__preview-image {
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden
}

.van-uploader__preview-delete {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
    background-color: rgba(0,0,0,.7);
    border-radius: 0 0 0 12px
}

.van-uploader__preview-delete-icon {
    position: absolute;
    top: -2px;
    right: -2px;
    color: #fff;
    font-size: 16px;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.van-uploader__mask,.van-uploader__preview-cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.van-uploader__mask {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #fff;
    background-color: rgba(50,50,51,.88)
}

.van-uploader__mask-icon {
    font-size: 22px
}

.van-uploader__mask-message {
    margin-top: 6px;
    padding: 0 4px;
    font-size: 12px;
    line-height: 14px
}

.van-uploader__loading {
    width: 22px;
    height: 22px;
    color: #fff
}

.van-uploader__file {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: #f7f8fa
}

.van-uploader__file-icon {
    color: #646566;
    font-size: 20px
}

.van-uploader__file-name {
    box-sizing: border-box;
    width: 100%;
    margin-top: 8px;
    padding: 0 4px;
    color: #646566;
    font-size: 12px;
    text-align: center
}

.van-index-anchor {
    z-index: 1;
    box-sizing: border-box;
    padding: 0 16px;
    color: #323233;
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    background-color: transparent
}

.van-index-anchor--sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    color: #07c160;
    background-color: #fff
}

.van-index-bar__sidebar {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.van-index-bar__index {
    padding: 0 4px 0 16px;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px
}

.van-index-bar__index--active {
    color: #07c160
}

.van-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 14px
}

.van-pagination__item,.van-pagination__page-desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.van-pagination__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box;
    min-width: 36px;
    height: 40px;
    color: #1989fa;
    background-color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.van-pagination__item:active {
    color: #fff;
    background-color: #1989fa
}

.van-pagination__item:after {
    border-width: 1px 0 1px 1px
}

.van-pagination__item:last-child:after {
    border-right-width: 1px
}

.van-pagination__item--active {
    color: #fff;
    background-color: #1989fa
}

.van-pagination__next,.van-pagination__prev {
    padding: 0 4px;
    cursor: pointer
}

.van-pagination__item--disabled,.van-pagination__item--disabled:active {
    color: #646566;
    background-color: #f7f8fa;
    cursor: not-allowed;
    opacity: .5
}

.van-pagination__page {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0
}

.van-pagination__page-desc {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 40px;
    color: #646566
}

.van-pagination--simple .van-pagination__next:after,.van-pagination--simple .van-pagination__prev:after {
    border-width: 1px
}

.van-password-input {
    position: relative;
    margin: 0 16px;
    -webkit-user-select: none;
    user-select: none
}

.van-password-input__error-info,.van-password-input__info {
    margin-top: 16px;
    font-size: 14px;
    text-align: center
}

.van-password-input__info {
    color: #969799
}

.van-password-input__error-info {
    color: #ee0a24
}

.van-password-input__security {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 50px;
    cursor: pointer
}

.van-password-input__security:after {
    border-radius: 6px
}

.van-password-input__security li {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    font-size: 20px;
    line-height: 1.2;
    background-color: #fff
}

.van-password-input__security i {
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 100%;
    visibility: hidden
}

.van-password-input__cursor,.van-password-input__security i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.van-password-input__cursor {
    width: 1px;
    height: 40%;
    background-color: #323233;
    -webkit-animation: van-cursor-flicker 1s infinite;
    animation: van-cursor-flicker 1s infinite
}

@-webkit-keyframes van-cursor-flicker {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes van-cursor-flicker {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.van-progress {
    position: relative;
    height: 4px;
    background: #ebedf0;
    border-radius: 4px
}

.van-progress__portion {
    position: absolute;
    left: 0;
    height: 100%;
    background: #1989fa;
    border-radius: inherit
}

.van-progress__pivot {
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    min-width: 3.6em;
    padding: 0 5px;
    color: #fff;
    font-size: 10px;
    line-height: 1.6;
    text-align: center;
    word-break: keep-all;
    background-color: #1989fa;
    border-radius: 1em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.van-row:after {
    display: table;
    clear: both;
    content: ""
}

.van-row--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.van-row--flex:after {
    display: none
}

.van-row--justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.van-row--justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.van-row--justify-space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.van-row--justify-space-around {
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.van-row--align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.van-row--align-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.van-sidebar {
    width: 80px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.van-tree-select {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    -webkit-user-select: none;
    user-select: none
}

.van-tree-select__nav {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow-y: auto;
    background-color: #f7f8fa;
    -webkit-overflow-scrolling: touch
}

.van-tree-select__nav-item {
    padding: 14px 12px
}

.van-tree-select__content {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    flex: 2;
    overflow-y: auto;
    background-color: #fff;
    -webkit-overflow-scrolling: touch
}

.van-tree-select__item {
    position: relative;
    padding: 0 32px 0 16px;
    font-weight: 500;
    line-height: 48px;
    cursor: pointer
}

.van-tree-select__item--active {
    color: #ee0a24
}

.van-tree-select__item--disabled {
    color: #c8c9cc;
    cursor: not-allowed
}

.van-tree-select__selected {
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -8px;
    font-size: 16px
}

.van-skeleton {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 0 16px
}

.van-skeleton__avatar {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: 16px;
    background-color: #f2f3f5
}

.van-skeleton__avatar--round {
    border-radius: 999px
}

.van-skeleton__content {
    width: 100%
}

.van-skeleton__avatar+.van-skeleton__content {
    padding-top: 8px
}

.van-skeleton__row,.van-skeleton__title {
    height: 16px;
    background-color: #f2f3f5
}

.van-skeleton__title {
    margin: 0
}

.van-skeleton__row:not(:first-child) {
    margin-top: 12px
}

.van-skeleton__title+.van-skeleton__row {
    margin-top: 20px
}

.van-skeleton--animate {
    -webkit-animation: van-skeleton-blink 1.2s ease-in-out infinite;
    animation: van-skeleton-blink 1.2s ease-in-out infinite
}

.van-skeleton--round .van-skeleton__row,.van-skeleton--round .van-skeleton__title {
    border-radius: 999px
}

@-webkit-keyframes van-skeleton-blink {
    50% {
        opacity: .6
    }
}

@keyframes van-skeleton-blink {
    50% {
        opacity: .6
    }
}

.van-stepper {
    font-size: 0;
    -webkit-user-select: none;
    user-select: none
}

.van-stepper__minus,.van-stepper__plus {
    position: relative;
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    color: #323233;
    vertical-align: middle;
    background-color: #f2f3f5;
    border: 0;
    cursor: pointer
}

.van-stepper__minus:before,.van-stepper__plus:before {
    width: 50%;
    height: 1px
}

.van-stepper__minus:after,.van-stepper__plus:after {
    width: 1px;
    height: 50%
}

.van-stepper__minus:after,.van-stepper__minus:before,.van-stepper__plus:after,.van-stepper__plus:before {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: currentColor;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    content: ""
}

.van-stepper__minus:active,.van-stepper__plus:active {
    background-color: #e8e8e8
}

.van-stepper__minus--disabled,.van-stepper__plus--disabled {
    color: #c8c9cc;
    background-color: #f7f8fa;
    cursor: not-allowed
}

.van-stepper__minus--disabled:active,.van-stepper__plus--disabled:active {
    background-color: #f7f8fa
}

.van-stepper__minus {
    border-radius: 4px 0 0 4px
}

.van-stepper__minus:after {
    display: none
}

.van-stepper__plus {
    border-radius: 0 4px 4px 0
}

.van-stepper__input {
    box-sizing: border-box;
    width: 32px;
    height: 28px;
    margin: 0 2px;
    padding: 0;
    color: #323233;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    background-color: #f2f3f5;
    border: 0;
    border-width: 1px 0;
    border-radius: 0;
    -webkit-appearance: none
}

.van-stepper__input:disabled {
    color: #c8c9cc;
    background-color: #f2f3f5;
    -webkit-text-fill-color: currentColor;
    opacity: 1
}

.van-stepper__input:read-only {
    cursor: default
}

.van-stepper--round .van-stepper__input {
    background-color: transparent
}

.van-stepper--round .van-stepper__minus,.van-stepper--round .van-stepper__plus {
    border-radius: 100%
}

.van-stepper--round .van-stepper__minus:active,.van-stepper--round .van-stepper__plus:active {
    opacity: .7
}

.van-stepper--round .van-stepper__minus--disabled,.van-stepper--round .van-stepper__minus--disabled:active,.van-stepper--round .van-stepper__plus--disabled,.van-stepper--round .van-stepper__plus--disabled:active {
    opacity: .3
}

.van-stepper--round .van-stepper__plus {
    color: #fff;
    background-color: #ee0a24
}

.van-stepper--round .van-stepper__minus {
    color: #ee0a24;
    background-color: #fff;
    border: 1px solid #ee0a24
}

.van-sku-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    min-height: 50%;
    max-height: 80%;
    overflow-y: visible;
    font-size: 14px;
    background: #fff
}

.van-sku-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 44px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.van-sku-body::-webkit-scrollbar {
    display: none
}

.van-sku-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin: 0 16px
}

.van-sku-header__img-wrap {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 96px;
    height: 96px;
    margin: 12px 12px 12px 0;
    overflow: hidden;
    border-radius: 4px
}

.van-sku-header__goods-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 12px 20px 12px 0
}

.van-sku-header-item {
    margin-top: 8px;
    color: #969799;
    font-size: 12px;
    line-height: 16px
}

.van-sku__price-symbol {
    font-size: 16px;
    vertical-align: bottom
}

.van-sku__price-num {
    font-weight: 500;
    font-size: 22px;
    vertical-align: bottom;
    word-wrap: break-word
}

.van-sku__goods-price {
    margin-left: -2px;
    color: #ee0a24
}

.van-sku__price-tag {
    position: relative;
    display: inline-block;
    margin-left: 8px;
    padding: 0 5px;
    overflow: hidden;
    color: #ee0a24;
    font-size: 12px;
    line-height: 16px;
    border-radius: 8px
}

.van-sku__price-tag:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: currentColor;
    opacity: .1;
    content: ""
}

.van-sku-group-container {
    padding-top: 12px
}

.van-sku-group-container--hide-soldout .van-sku-row__item--disabled {
    display: none
}

.van-sku-row {
    margin: 0 16px 12px
}

.van-sku-row:last-child {
    margin-bottom: 0
}

.van-sku-row__image-item,.van-sku-row__item {
    position: relative;
    overflow: hidden;
    color: #323233;
    border-radius: 4px;
    cursor: pointer
}

.van-sku-row__image-item:before,.van-sku-row__item:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f7f8fa;
    content: ""
}

.van-sku-row__image-item--active,.van-sku-row__item--active {
    color: #ee0a24
}

.van-sku-row__image-item--active:before,.van-sku-row__item--active:before {
    background: currentColor;
    opacity: .1
}

.van-sku-row__item {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 40px;
    margin: 0 12px 12px 0;
    font-size: 13px;
    line-height: 16px;
    vertical-align: middle
}

.van-sku-row__item-img {
    z-index: 1;
    width: 24px;
    height: 24px;
    margin: 4px 0 4px 4px;
    object-fit: cover;
    border-radius: 2px
}

.van-sku-row__item-name {
    z-index: 1;
    padding: 8px
}

.van-sku-row__item--disabled {
    color: #c8c9cc;
    background: #f2f3f5;
    cursor: not-allowed
}

.van-sku-row__item--disabled .van-sku-row__item-img {
    opacity: .3
}

.van-sku-row__image {
    margin-right: 0
}

.van-sku-row__image-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 110px;
    margin: 0 4px 4px 0;
    border: 1px solid transparent
}

.van-sku-row__image-item:last-child {
    margin-right: 0
}

.van-sku-row__image-item-img {
    width: 100%;
    height: 110px
}

.van-sku-row__image-item-img-icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 18px;
    height: 18px
}

.van-sku-row__image-item-name {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    height: 40px;
    padding: 4px;
    font-size: 12px;
    line-height: 16px
}

.van-sku-row__image-item-name span {
    word-wrap: break-word
}

.van-sku-row__image-item--active {
    border-color: currentColor
}

.van-sku-row__image-item--disabled {
    color: #c8c9cc;
    cursor: not-allowed
}

.van-sku-row__image-item--disabled:before {
    z-index: 2;
    background: #f2f3f5;
    opacity: .4
}

.van-sku-row__title {
    padding-bottom: 12px
}

.van-sku-row__title-multiple {
    color: #969799
}

.van-sku-row__scroller {
    margin: 0 -16px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.van-sku-row__scroller::-webkit-scrollbar {
    display: none
}

.van-sku-row__row {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin-bottom: 4px;
    padding: 0 16px
}

.van-sku-row__indicator {
    width: 40px;
    height: 4px;
    background: #ebedf0;
    border-radius: 2px
}

.van-sku-row__indicator-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding-bottom: 16px
}

.van-sku-row__indicator-slider {
    width: 50%;
    height: 100%;
    background-color: #ee0a24;
    border-radius: 2px
}

.van-sku-stepper-stock {
    padding: 12px 16px;
    overflow: hidden;
    line-height: 30px
}

.van-sku__stepper {
    float: right;
    padding-left: 4px
}

.van-sku__stepper-title {
    float: left
}

.van-sku__stepper-quota {
    float: right;
    color: #ee0a24;
    font-size: 12px
}

.van-sku__stock {
    display: inline-block;
    margin-right: 8px;
    color: #969799;
    font-size: 12px
}

.van-sku__stock-num--highlight {
    color: #ee0a24
}

.van-sku-messages {
    padding-bottom: 32px
}

.van-sku-messages__image-cell .van-cell__title {
    max-width: 6.2em;
    margin-right: 12px;
    color: #646566;
    text-align: left;
    word-wrap: break-word
}

.van-sku-messages__image-cell .van-cell__value {
    overflow: visible;
    text-align: left
}

.van-sku-messages__image-cell-label {
    color: #969799;
    font-size: 12px;
    line-height: 18px
}

.van-sku-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding: 8px 16px
}

.van-sku-actions .van-button {
    height: 40px;
    font-weight: 500;
    font-size: 14px;
    border: none;
    border-radius: 0
}

.van-sku-actions .van-button:first-of-type {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
}

.van-sku-actions .van-button:last-of-type {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

.van-sku-actions .van-button--warning {
    background: -webkit-linear-gradient(left,#ffd01e,#ff8917);
    background: linear-gradient(90deg,#ffd01e,#ff8917)
}

.van-sku-actions .van-button--danger {
    background: -webkit-linear-gradient(left,#ff6034,#ee0a24);
    background: linear-gradient(90deg,#ff6034,#ee0a24)
}

.van-slider {
    position: relative;
    width: 100%;
    height: 2px;
    background-color: #ebedf0;
    border-radius: 999px;
    cursor: pointer
}

.van-slider:before {
    position: absolute;
    top: -8px;
    right: 0;
    bottom: -8px;
    left: 0;
    content: ""
}

.van-slider__bar {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #1989fa;
    border-radius: inherit;
    -webkit-transition: width .2s,height .2s;
    transition: width .2s,height .2s
}

.van-slider__button {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0,0,0,.5)
}

.van-slider__button-wrapper {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate3d(50%,-50%,0);
    transform: translate3d(50%,-50%,0);
    cursor: grab
}

.van-slider--disabled {
    cursor: not-allowed;
    opacity: .5
}

.van-slider--disabled .van-slider__button-wrapper {
    cursor: not-allowed
}

.van-slider--vertical {
    display: inline-block;
    width: 2px;
    height: 100%
}

.van-slider--vertical .van-slider__button-wrapper {
    top: auto;
    right: 50%;
    bottom: 0;
    -webkit-transform: translate3d(50%,50%,0);
    transform: translate3d(50%,50%,0)
}

.van-slider--vertical:before {
    top: 0;
    right: -8px;
    bottom: 0;
    left: -8px
}

.van-steps {
    overflow: hidden;
    background-color: #fff
}

.van-steps--horizontal {
    padding: 10px 10px 0
}

.van-steps--horizontal .van-steps__items {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0 0 10px;
    padding-bottom: 22px
}

.van-steps--vertical {
    padding: 0 0 0 32px
}

.van-swipe-cell {
    position: relative;
    overflow: hidden;
    cursor: grab
}

.van-swipe-cell__wrapper {
    -webkit-transition-timing-function: cubic-bezier(.18,.89,.32,1);
    transition-timing-function: cubic-bezier(.18,.89,.32,1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.van-swipe-cell__left,.van-swipe-cell__right {
    position: absolute;
    top: 0;
    height: 100%
}

.van-swipe-cell__left {
    left: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.van-swipe-cell__right {
    right: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.van-tabbar {
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: content-box;
    width: 100%;
    height: 50px;
    padding-bottom: env(safe-area-inset-bottom);
    background-color: #fff
}

.van-tabbar--fixed {
    position: fixed;
    bottom: 0;
    left: 0
}

.van-tabbar--unfit {
    padding-bottom: 0
}

body,html {
    width: 100%;
    height: 100%
}

body,html {
    overflow-x: hidden
}

body {
    background-color: #242a38;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

p {
    margin: 0;
    padding: 0;
    border: none
}

h1,h2,h3,h4,h5,h6,p {
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}

input {
    background-color: transparent!important
}

#app {
    height: 100%;
    overflow-x: hidden
}

.publicBottomTabbar {
    background-color: #242a37
}

.publicBottomTabbar:after {
    border-color: #3c3c3c
}

#artistIndex,#discoverIndex,#menu,#myCollectionIndex,#myHistoryIndex,#searchResult,#searchResultForVideoTag,#speaiclContent,#specialVideoList,#userCenterIndex {
    height: 100%
}

#publicIndexBanner {
    min-height: 200px
}

.pubicBlockButtonLine,.publicGreyBgContentBg {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}

.publicGreyBgContentBg {
    width: 100%;
    margin-bottom: 10px
}

.publicGreyBgContentBg>div {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 10px
}

.publicGeryBgFormLabel {
    color: #404040;
    font-size: 14px
}

.publicGeryBgFormLabel.marginTop {
    margin-top: 10px
}

.publicGeryBgFormLabel span.require {
    color: #cb266d;
    font-size: 14px;
    margin-left: 2px
}

.publicGeryBgFormInputLine {
    border-bottom: 1px solid #f7f7f7
}

.publicAllContentBg,.publicGeryBgFormInputLine {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.publicAllContentBg {
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden
}

.publicAllContentBg.login {
    background-image: url(img_login_bg.a01e232.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.publicAllContentBg.fullHeight {
    height: 100%
}

.publicAllContentBg.allIndex {
    padding-bottom: 60px
}

.publicAllContentBg.needBgColor {
    background-color: #f5f5f5
}

.publicAllContentBg.needBgColor.themeColor {
    background-color: #e6427a
}

.publicAllContentBg.needBgColor.greyColor {
    background-color: #f5f5f5
}

.publicAllContentBg.taskCenterIndexBg {
    background: -webkit-gradient(linear,left top,left bottom,from(#e6427a),to(#fc6767));
    background: linear-gradient(180deg,#e6427a,#fc6767)
}

.publicNeedXPaddingBg {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}

.publicNeedXPaddingBg.marginTop {
    margin-top: 10px
}

.vjs-big-play-button {
    left: 50%!important;
    top: 50%!important;
    margin-left: -1.5em!important;
    margin-top: -.75em!important
}

.publicIndexBannerImgBox {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.publicIndexBannerImgBox img {
    opacity: 1
}

.publicIndexBannerImgBox .aseImgVanImage,.publicIndexBannerImgBox img {
    display: block;
    width: 100%;
    border-radius: 8px
}

.swiper-container {
    width: 100%;
    height: 100%
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 8px;
    overflow: hidden
}

.swiper-slide-next,.swiper-slide-prev {
    transform: scale(.95)!important;
    -ms-transform: scale(.95)!important;
    -moz-transform: scale(.95)!important;
    -webkit-transform: scale(.95)!important;
    -o-transform: scale(.95)!important
}

.publicIndexBannerBg {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear,left top,left bottom,from(#e6427a),to(#fff));
    background: linear-gradient(#e6427a,#fff);
    padding-top: 10px;
    padding-bottom: 30px
}

.publicMarginBottomLine {
    width: 100%;
    height: 10px;
    background-color: #f7f7f7
}

.publicSortBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 10px
}

.publicSortList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.publicSortList>li {
    width: 50%
}

.publicSortListStyle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 0;
    cursor: pointer
}

.publicSortListStyle.active p {
    color: #e6427a
}

.publicSortListStyle>p {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0 8px;
    color: #979797;
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.publicSortListStyle>p.down:after {
    margin-top: -5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.publicSortListStyle>p.down:after,.publicSortListStyle>p.up:after {
    position: absolute;
    top: 50%;
    right: -4px;
    border-color: transparent transparent currentcolor currentcolor;
    border-style: solid;
    border-width: 3px;
    opacity: .8;
    content: ""
}

.publicSortListStyle>p.up:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

#myRedPacketIndex .van-swipe__indicators {
    display: none
}

.publicIndexBanner .swiper-pagination-bullet-active {
    background-color: #cb266d
}

#videoContent .van-nav-bar__title {
    color: #fff
}

#artistScrollList .icon img,.publicArtistModuleBox>div.top>div.left>div.icon img,.specialArtistModule>.topLine>.icon img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.artistBox>div.img img {
    width: 100%;
    display: block
}

.userStatusBg>div.backImg img {
    display: block;
    height: 220px
}

#actorList .van-image__img {
    height: 60px;
    width: 60px;
    border-radius: 50%
}

#artistIndex .artistBox>div.img img {
    width: 100%;
    display: block
}

#speaiclContent .artistBox .van-image {
    width: 100%;
    min-height: 150px
}

.videoBigBg img {
    display: block;
    width: 100%
}

.topAdBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear,left top,left bottom,from(#e6427a),to(#fff));
    background: linear-gradient(#e6427a,#fff);
    padding: 8px 12px 30px
}

.topAdBox img {
    margin: auto;
    border-radius: 8px
}

.beforeVideoStartBg .aesImgTag,.topAdBox img {
    display: block;
    width: 100%
}

#formatVideo,#formatVideoCopy,#tryVideo {
    width: 100%!important;
    margin: auto;
    background-color: #000
}

#formatVideoCopy video,#formatVideo video,#tryVideo video {
    width: 100%!important
}

#videoContent #placeholderVideo {
    opacity: 0
}

#videoPhotosModule img {
    border-radius: 10px;
    height: 100%;
    width: 100%
}

#videoPhotosModule .van-swipe-item {
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%
}

#videoPhotosModule .van-swipe-item .aseImgVanImage,#videoPhotosModule .van-swipe-item .van-image {
    height: 100%
}

#videoPhotosModule .van-image-preview__index {
    bottom: 10px;
    top: unset
}

.publicContentHeaderBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0
}

.publicContentHeaderBox,.publicContentHeaderBox>div.left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.publicContentHeaderBox>div.left {
    color: #eaf1ff;
    font-size: 18px
}

.publicContentHeaderBox>div.left i {
    margin-right: 10px
}

.publicContentHeaderBox>div.right {
    color: #a0a4ae;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.van-nav-bar__text:active {
    background-color: transparent
}

.van-dialog__confirm,.van-dialog__confirm:active {
    color: #e6427a
}

.van-tabbar--fixed {
    z-index: 9999
}

.van-hairline--bottom:after {
    border-bottom-width: 0!important
}

.publicAllNavbarClass {
    background-color: transparent
}

.publicAllNavbarClass.paddingTop {
    padding-top: 24px
}

.publicAllNavbarClass .van-nav-bar__left .van-icon,.publicAllNavbarClass .van-nav-bar__right .van-nav-bar__text,.publicAllNavbarClass .van-nav-bar__text,.publicAllNavbarClass .van-nav-bar__title {
    color: #fff
}

.transparentNavbar {
    background-color: transparent
}

#promoteShare .van-nav-bar__title {
    color: #fff
}

.greyNavbarButtonColor .van-nav-bar__left .van-icon,.greyNavbarButtonColor .van-nav-bar__right .van-nav-bar__text,.greyNavbarButtonColor .van-nav-bar__text {
    color: #404040
}

.videoListStyle .van-image {
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.specialListStyle .van-image {
    width: 100%;
    display: block
}

#index .van-field__clear {
    color: #999!important
}

#index .van-nav-bar .van-icon {
    color: #fea0c0
}

#index .van-nav-bar__title {
    max-width: 62%;
    position: relative;
    left: -23px
}

#index .van-nav-bar .van-nav-bar__left {
    top: 0
}

#index .van-nav-bar {
    background-color: #e6427a
}

#publicTopHeaderWithCancel .van-nav-bar .van-nav-bar__left {
    width: 84%;
    padding-left: 10px
}

#publicTopHeaderWithCancel .van-nav-bar__right {
    padding-right: 10px
}

@media screen and (max-width: 320px) {
    #publicTopHeaderWithCancel .van-nav-bar .van-nav-bar__left {
        width:80%
    }
}

#publicTopHeaderWithCancel .van-field {
    border-radius: 5px;
    background-color: #2f3749
}

#publicTopHeaderWithCancel .van-form {
    width: 100%
}

#publicTopHeaderWithCancel .van-field__control {
    color: #fafafa
}

#publicTopHeaderWithCancel .van-field__clear {
    color: #999!important
}

#publicTopHeaderWithCancel .van-nav-bar .van-icon {
    color: #676d7b!important
}

#publicTopHeaderWithCancel .van-nav-bar__title {
    max-width: 72%;
    position: relative;
    left: 0
}

#publicTopHeaderWithCancel .van-nav-bar .van-nav-bar__left {
    top: 0
}

#publicTopHeaderWithCancel .van-hairline--bottom:after {
    border-bottom-width: 0!important
}

#publicTopHeaderWithCancel .van-nav-bar__text {
    color: #fff
}

#publicTopNavbarWithCancel .van-nav-bar .van-nav-bar__left,#publicTopNavbarWithCancel .van-nav-bar__right {
    padding: 0 10px
}

#publicTopNavbarWithCancel .van-field {
    border-radius: 70px;
    padding: 4px 8px!important;
    margin-top: 2px;
    background-color: #ec6794
}

#publicTopNavbarWithCancel .van-field__clear {
    color: #999!important
}

#publicTopNavbarWithCancel .van-nav-bar .van-icon {
    color: #fea0c0
}

#publicTopNavbarWithCancel .van-nav-bar__title {
    max-width: 70%;
    position: relative;
    left: 0
}

#publicTopNavbarWithCancel .van-nav-bar .van-nav-bar__left {
    top: 0
}

#publicTopNavbarWithCancel .van-nav-bar {
    background-color: #e6427a
}

#publicTopNavbarWithCancel .van-hairline--bottom:after {
    border-bottom-width: 0!important
}

#publicTopNavbarWithCancel .van-field__left-icon .van-icon,.van-field__right-icon .van-icon {
    font-size: 22px!important
}

#publicTopNavbarWithCancel .van-nav-bar__text {
    color: #fff
}

#publicTopNavbar .van-field {
    border-radius: 70px;
    padding: 4px 8px!important;
    margin-top: 2px;
    background-color: #ec6794
}

#publicTopNavbar .van-field__clear {
    color: #999!important
}

#publicTopNavbar .van-nav-bar .van-icon {
    color: #fea0c0
}

#publicTopNavbar .van-nav-bar__title {
    max-width: 60%;
    position: relative;
    left: -19px
}

#publicTopNavbar .van-nav-bar .van-nav-bar__left {
    top: 0;
    padding: 0 10px
}

#publicTopNavbar .van-nav-bar .van-nav-bar__right {
    padding: 0 10px
}

#publicTopNavbar .van-nav-bar {
    background-color: #e6427a
}

#publicTopNavbar .van-hairline--bottom:after {
    border-bottom-width: 0!important
}

#publicTopNavbar .van-field__left-icon .van-icon,.van-field__right-icon .van-icon {
    font-size: 22px!important
}

#userCenterIndex {
    background-color: #f5f5f5
}

#userCenterIndex .van-nav-bar {
    background-color: transparent
}

#userCenterIndex #bindingCell .van-cell__left-icon {
    font-size: 18px;
    padding-left: 2px
}

#userCenterIndex .van-cell__left-icon {
    font-size: 22px
}

#userCenterIndex .van-nav-bar__left {
    width: 50%
}

#userCenterIndex .van-nav-bar .van-icon {
    color: #fff
}

#userCenterIndex .van-notice-bar {
    padding: 0;
    width: 100%;
    background-color: transparent
}

#userCenterIndex .notice-swipe {
    height: 40px;
    line-height: 40px
}

#userCenterIndex .notice-swipe .van-swipe-item {
    color: #fff
}

#userCenterIndex .van-popup {
    width: 90%;
    overflow: hidden;
    border-radius: 20px
}

#userCenterIndex .van-pull-refresh {
    overflow: visible
}

#userCenterIndex .van-pull-refresh__track {
    padding-bottom: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.userCenterIndexRenewBox .van-checkbox__label {
    margin-left: 4px!important
}

#artistIndex .van-nav-bar--fixed {
    background-color: #e6427a
}

#artistIndex .van-nav-bar .van-icon {
    color: #fff
}

.van-dialog {
    z-index: 99999!important
}

#videoContent .van-nav-bar {
    background-color: transparent
}

#videoContent .van-nav-bar .van-icon {
    color: #fff;
    padding: 8px;
    background-color: rgba(0,0,0,.4);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#videoContent .van-button {
    border: none
}

.logoutPopup {
    background-color: rgba(36,42,55,.95)
}

.logoutPopup .van-button--default {
    background-color: rgba(36,42,55,.65);
    border: none
}

.logoutPopup .van-hairline--left:after,.logoutPopup .van-hairline--top:after {
    border-color: #404040!important
}

.logoutPopup .van-dialog__header {
    color: #fff
}

.logoutPopup .van-dialog__cancel,.logoutPopup .van-dialog__message--has-title {
    color: #fafafa
}

#videoContent .van-cell:not(:last-child):after {
    border-bottom: none!important
}

#videoContent .van-collapse-item__content {
    padding: 0 10px
}

#videoContent .van-cell {
    padding: 10px;
    background-color: transparent
}

#videoContent .van-cell .van-cell__title div {
    color: #a0a4ae;
    font-size: 16px
}

#videoContent .van-collapse-item__content {
    background-color: transparent
}

#videoContent .van-cell__title span {
    font-size: 16px;
    color: #a0a4ae
}

#login .van-nav-bar {
    background-color: transparent
}

#login .doneSendCodeButton,#login .sendCodeButton {
    background-color: transparent;
    border: none;
    color: #fafafa;
    font-size: 14px
}

#login .van-field {
    background-color: rgba(234,241,255,.15);
    border-radius: 5px;
    margin-top: 20px
}

#login .van-button {
    border-radius: 5px
}

#login .van-field:first-child {
    margin-top: 0
}

#login .van-cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#login .van-nav-bar .van-icon,#login .van-nav-bar__text {
    color: #333!important
}

#login .van-field__label {
    margin-bottom: 10px
}

#login .van-field__control {
    color: #eaf1ff;
    height: 30px
}

#login {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow-y: hidden
}

.publicLoginContentBox {
    margin-bottom: 60px
}

.publicLoginBottomBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 10px 10px
}

.publicLoginBottomBox,.visitorLogin {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.visitorLogin {
    color: #e0006d;
    font-size: 14px
}

#myRedPacketIndex .van-notice-bar__content {
    width: 100%
}

#myRedPacketIndex .van-popup {
    width: 90%;
    border-radius: 20px;
    overflow-y: visible
}

#myRedPacketIndexGifPopup {
    background-color: transparent;
    width: 100%!important;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.shareButton .van-button__text {
    color: #fff7aa
}

#promoteShare .van-nav-bar {
    background-color: transparent
}

#promoteShare .van-nav-bar .van-icon,#promoteShare .van-nav-bar .van-nav-bar__text {
    color: #fff
}

#feedBackIndex .functionListBox .van-cell {
    padding: 10px 0
}

#getCashIndex .inputLine .van-cell {
    padding: 10px
}

#getCashIndex .bottom .van-cell-group:after {
    display: none
}

#getCashIndex .bottom .van-cell,.publicGeryBgFormInputLine .van-field {
    padding: 10px 0
}

#bankBinding .van-popup {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5
}

#myCollectionIndex .van-progress__pivot,#myHistoryIndex .van-progress__pivot {
    display: none
}

#myCollectionIndex .van-progress,#myHistoryIndex .van-progress {
    border-radius: 0;
    bottom: 8px;
    left: 0
}

#QAIndex .van-hairline--top-bottom:after {
    border: none
}

#QAIndex .van-tabs__line {
    background-color: #e6427a
}

#QAIndex .van-cell {
    padding: 10px 0
}

#QAIndex .van-cell__label {
    white-space: pre-wrap
}

#balanceContent .van-cell {
    padding: 20px
}

@media screen and (min-width: 319px) {
    #publicTopNavbar .van-nav-bar__title {
        max-width:unset!important;
        width: 58%
    }

    #publicTopNavbarWithCancel .van-nav-bar__title {
        max-width: unset!important;
        width: 70%
    }
}

@media screen and (min-width: 321px) and (max-width:420px) {
    #publicTopNavbar .van-nav-bar__title {
        max-width:unset!important;
        width: 64%
    }

    #publicTopNavbarWithCancel .van-nav-bar__title {
        max-width: unset!important;
        width: 74%
    }
}

#speaiclContent .van-nav-bar__left .van-icon {
    padding: 6px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%
}

#singerList .van-cell__title {
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#settingIndex .van-cell__value {
    white-space: nowrap
}

#myCollectionIndex .van-image__img,#myHistoryIndex .van-image__img {
    width: 120px;
    height: 66px;
    border-radius: 5px
}

.signOverlayClass {
    z-index: 100000!important
}

#app>.signOverlayClass+.van-popup {
    width: 64%;
    z-index: 100001!important;
    background-color: transparent
}

#app>.safariSign {
    z-index: 100001!important;
    opacity: .96;
    -webkit-box-shadow: 1px 0 8px rgba(0,0,0,.3);
    box-shadow: 1px 0 8px rgba(0,0,0,.3);
    bottom: 20px;
    overflow: visible;
    border-radius: 20px
}

.safariSignBox:before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fafafa;
    bottom: -12px;
    margin-left: -6px;
    z-index: 999
}

.safariSignBox:after,.safariSignBox:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%
}

.safariSignBox:after {
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid rgba(0,0,0,.05);
    bottom: -16px;
    margin-left: -10px;
    z-index: 998
}

body>.van-overlay {
    z-index: 99999!important
}

#publicTopHeader .van-field__control::-webkit-input-placeholder,#publicTopNavbarWithCancel .van-field__control::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.5)
}

#publicTopHeader .van-field__control::-moz-input-placeholder,#publicTopNavbarWithCancel .van-field__control::-moz-input-placeholder {
    color: hsla(0,0%,100%,.5)
}

#publicTopHeader .van-field__control::-ms-input-placeholder,#publicTopNavbarWithCancel .van-field__control::-ms-input-placeholder {
    color: hsla(0,0%,100%,.5)
}

#publicTopHeader .topInputBox .van-field {
    background-color: #2f3749!important;
    border-radius: 5px
}

#publicTopHeader .topInputBox .van-field .van-icon,#publicTopHeader .topInputBox .van-field__control {
    color: #676d7b!important
}

#indexTabs .van-tabs__nav {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0
}

#indexTabs .van-tab {
    color: #eaf1ff
}

#indexTabs .van-tab--active {
    color: #f54b64
}

#indexTabs .van-tabs__wrap {
    margin-bottom: 12px
}

#publicIndexBanner .aseImgVanImage {
    height: 100%;
    width: 100%
}

#publicIndexBanner img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

#scrollSpecialList .van-swipe-item,#scrollVideoList .van-swipe-item {
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#scrollSpecialList .van-swipe-item:first-child,#scrollVideoList .van-swipe-item:first-child {
    padding-left: 0
}

.van-pagination__item {
    background-color: #2c3343!important;
    color: #a0a4ae
}

.van-pagination__item:after {
    border: none
}

.publicNoResult .van-empty__description {
    color: #a0a4ae
}

.publicNoResult .van-empty__image {
    height: auto
}

#scrollSpecialList .videoListStyle .van-image {
    height: 100px
}

#login .regButton {
    margin-top: 20px
}

#login .regButton .van-button__text {
    color: #242a37
}

#login .van-popup {
    height: 100%;
    background-color: rgba(36,42,55,.65);
    border-radius: unset
}

#login .van-popup__close-icon {
    color: #a0a4ae
}

.van-image__error,.van-image__loading {
    background-color: #242a38
}

.userCenterIndexCell {
    margin-top: 10px;
    background-color: #1f242f;
    border-radius: 5px;
    margin-bottom: 10px;
    border: none
}

.userCenterIndexCell:after {
    content: unset
}

.userCenterIndexCell .van-cell__title span {
    display: block;
    text-align: center;
    color: #a0a4ae
}

#userCenterIndex .van-pull-refresh {
    overflow-y: visible
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color:#007aff}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size:44px}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1*var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color:#fff}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color:#000}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s,top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color:#fff}

.swiper-pagination-black {
    --swiper-pagination-color:#000}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s linear infinite;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color:#fff}

.swiper-lazy-preloader-black {
    --swiper-preloader-color:#000}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

/*# sourceMappingURL=app.css.map */

            .xgplayer-skin-default {
                background: #000;
                width: 100%;
                height: 100%;
                position: relative;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
                -ms-user-select: none
            }

            .xgplayer-skin-default * {
                margin: 0;
                padding: 0;
                border: 0;
                font-size: 100%;
                font: inherit;
                vertical-align: baseline
            }

            .xgplayer-skin-default.xgplayer-rotate-fullscreen {
                position: absolute;
                top: 0;
                left: 100%;
                bottom: 0;
                right: 0;
                height: 100vw!important;
                width: 100vh!important;
                -webkit-transform-origin: top left;
                -ms-transform-origin: top left;
                transform-origin: top left;
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg)
            }

            .xgplayer-skin-default.xgplayer-is-fullscreen {
                width: 100%!important;
                height: 100%!important;
                padding-top: 0!important;
                z-index: 9999
            }

            .xgplayer-skin-default.xgplayer-is-fullscreen.xgplayer-inactive {
                cursor: none
            }

            .xgplayer-skin-default video {
                width: 100%;
                height: 100%;
                outline: none
            }

            .xgplayer-skin-default .xgplayer-none {
                display: none
            }

            @-webkit-keyframes loadingRotate {
                0% {
                    -webkit-transform: rotate(0);
                    transform: rotate(0)
                }

                to {
                    -webkit-transform: rotate(1turn);
                    transform: rotate(1turn)
                }
            }

            @keyframes loadingRotate {
                0% {
                    -webkit-transform: rotate(0);
                    transform: rotate(0)
                }

                to {
                    -webkit-transform: rotate(1turn);
                    transform: rotate(1turn)
                }
            }

            @-webkit-keyframes loadingDashOffset {
                0% {
                    stroke-dashoffset: 236
                }

                to {
                    stroke-dashoffset: 0
                }
            }

            @keyframes loadingDashOffset {
                0% {
                    stroke-dashoffset: 236
                }

                to {
                    stroke-dashoffset: 0
                }
            }

            .xgplayer-skin-default .xgplayer-play,.xgplayer-skin-default .xgplayer-play-img {
                width: 40px;
                position: relative;
                -webkit-order: 0;
                -moz-box-ordinal-group: 1;
                order: 0;
                display: block;
                cursor: pointer;
                margin-left: 3px
            }

            .xgplayer-skin-default .xgplayer-play-img .xgplayer-icon,.xgplayer-skin-default .xgplayer-play .xgplayer-icon {
                margin-top: 3px;
                width: 32px
            }

            .xgplayer-skin-default .xgplayer-play-img .xgplayer-icon div,.xgplayer-skin-default .xgplayer-play .xgplayer-icon div {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-play-img .xgplayer-icon .xgplayer-icon-play,.xgplayer-skin-default .xgplayer-play .xgplayer-icon .xgplayer-icon-play {
                display: block
            }

            .xgplayer-skin-default .xgplayer-play-img .xgplayer-icon .xgplayer-icon-pause,.xgplayer-skin-default .xgplayer-play .xgplayer-icon .xgplayer-icon-pause {
                display: none
            }

            .xgplayer-skin-default .xgplayer-play-img .xgplayer-tips .xgplayer-tip-play,.xgplayer-skin-default .xgplayer-play .xgplayer-tips .xgplayer-tip-play {
                display: block
            }

            .xgplayer-skin-default .xgplayer-play-img .xgplayer-tips .xgplayer-tip-pause,.xgplayer-skin-default .xgplayer-play .xgplayer-tips .xgplayer-tip-pause {
                display: none
            }

            .xgplayer-skin-default .xgplayer-play-img:hover,.xgplayer-skin-default .xgplayer-play:hover {
                opacity: .85
            }

            .xgplayer-skin-default .xgplayer-play-img:hover .xgplayer-tips,.xgplayer-skin-default .xgplayer-play:hover .xgplayer-tips {
                display: block
            }

            .xgplayer-skin-default.xgplayer-playing .xgplayer-play-img .xgplayer-icon .xgplayer-icon-play,.xgplayer-skin-default.xgplayer-playing .xgplayer-play .xgplayer-icon .xgplayer-icon-play {
                display: none
            }

            .xgplayer-skin-default.xgplayer-playing .xgplayer-play-img .xgplayer-icon .xgplayer-icon-pause,.xgplayer-skin-default.xgplayer-playing .xgplayer-play .xgplayer-icon .xgplayer-icon-pause {
                display: block
            }

            .xgplayer-skin-default.xgplayer-playing .xgplayer-play-img .xgplayer-tips .xgplayer-tip-play,.xgplayer-skin-default.xgplayer-playing .xgplayer-play .xgplayer-tips .xgplayer-tip-play {
                display: none
            }

            .xgplayer-skin-default.xgplayer-pause .xgplayer-play-img .xgplayer-icon .xgplayer-icon-play,.xgplayer-skin-default.xgplayer-pause .xgplayer-play .xgplayer-icon .xgplayer-icon-play,.xgplayer-skin-default.xgplayer-playing .xgplayer-play-img .xgplayer-tips .xgplayer-tip-pause,.xgplayer-skin-default.xgplayer-playing .xgplayer-play .xgplayer-tips .xgplayer-tip-pause {
                display: block
            }

            .xgplayer-skin-default.xgplayer-pause .xgplayer-play-img .xgplayer-icon .xgplayer-icon-pause,.xgplayer-skin-default.xgplayer-pause .xgplayer-play .xgplayer-icon .xgplayer-icon-pause {
                display: none
            }

            .xgplayer-skin-default.xgplayer-pause .xgplayer-play-img .xgplayer-tips .xgplayer-tip-play,.xgplayer-skin-default.xgplayer-pause .xgplayer-play .xgplayer-tips .xgplayer-tip-play {
                display: block
            }

            .xgplayer-skin-default.xgplayer-pause .xgplayer-play-img .xgplayer-tips .xgplayer-tip-pause,.xgplayer-skin-default.xgplayer-pause .xgplayer-play .xgplayer-tips .xgplayer-tip-pause {
                display: none
            }

            .xgplayer-skin-default .xgplayer-start {
                border-radius: 50%;
                display: inline-block;
                width: 70px;
                height: 70px;
                background: rgba(0,0,0,.38);
                overflow: hidden;
                text-align: center;
                line-height: 70px;
                vertical-align: middle;
                position: absolute;
                left: 50%;
                top: 50%;
                z-index: 115;
                margin: -35px auto auto -35px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-start div {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-start div svg {
                fill: hsla(0,0%,100%,.7)
            }

            .xgplayer-skin-default .xgplayer-start .xgplayer-icon-play {
                display: block
            }

            .xgplayer-skin-default .xgplayer-start .xgplayer-icon-pause {
                display: none
            }

            .xgplayer-skin-default .xgplayer-start:hover {
                opacity: .85
            }

            .xgplayer-skin-default.xgplayer-playing .xgplayer-start,.xgplayer-skin-default.xgplayer-playing .xgplayer-start .xgplayer-icon-play {
                display: none
            }

            .xgplayer-skin-default.xgplayer-playing .xgplayer-start .xgplayer-icon-pause {
                display: block
            }

            .xgplayer-skin-default.xgplayer-pause .xgplayer-start {
                display: inline-block
            }

            .xgplayer-skin-default.xgplayer-pause .xgplayer-start .xgplayer-icon-play {
                display: block
            }

            .xgplayer-skin-default.replay .xgplayer-start,.xgplayer-skin-default.xgplayer-pause .xgplayer-start .xgplayer-icon-pause {
                display: none
            }

            .xgplayer-skin-default.replay .xgplayer-start .xgplayer-icon-play {
                display: block
            }

            .xgplayer-skin-default.replay .xgplayer-start .xgplayer-icon-pause {
                display: none
            }

            .xgplayer-skin-default .xgplayer-enter {
                display: none;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: #000;
                z-index: 120
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner {
                display: block;
                position: absolute;
                left: 50%;
                top: 50%;
                height: 100px;
                width: 100px;
                position: relative;
                -webkit-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%)
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div {
                width: 12%;
                height: 26%;
                background-color: hsla(0,0%,100%,.7);
                position: absolute;
                left: 44%;
                top: 37%;
                opacity: 0;
                border-radius: 30px;
                -webkit-animation: fade 1s linear infinite;
                animation: fade 1s linear infinite
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1 {
                -webkit-transform: rotate(0deg) translateY(-142%);
                -ms-transform: rotate(0deg) translateY(-142%);
                transform: rotate(0deg) translateY(-142%);
                -webkit-animation-delay: 0s;
                animation-delay: 0s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2 {
                -webkit-transform: rotate(30deg) translateY(-142%);
                -ms-transform: rotate(30deg) translateY(-142%);
                transform: rotate(30deg) translateY(-142%);
                -webkit-animation-delay: -.9163s;
                animation-delay: -.9163s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3 {
                -webkit-transform: rotate(60deg) translateY(-142%);
                -ms-transform: rotate(60deg) translateY(-142%);
                transform: rotate(60deg) translateY(-142%);
                -webkit-animation-delay: -.833s;
                animation-delay: -.833s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4 {
                -webkit-transform: rotate(90deg) translateY(-142%);
                -ms-transform: rotate(90deg) translateY(-142%);
                transform: rotate(90deg) translateY(-142%);
                -webkit-animation-delay: -.7497s;
                animation-delay: -.7497s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5 {
                -webkit-transform: rotate(120deg) translateY(-142%);
                -ms-transform: rotate(120deg) translateY(-142%);
                transform: rotate(120deg) translateY(-142%);
                -webkit-animation-delay: -.6664s;
                animation-delay: -.6664s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6 {
                -webkit-transform: rotate(150deg) translateY(-142%);
                -ms-transform: rotate(150deg) translateY(-142%);
                transform: rotate(150deg) translateY(-142%);
                -webkit-animation-delay: -.5831s;
                animation-delay: -.5831s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7 {
                -webkit-transform: rotate(180deg) translateY(-142%);
                -ms-transform: rotate(180deg) translateY(-142%);
                transform: rotate(180deg) translateY(-142%);
                -webkit-animation-delay: -.4998s;
                animation-delay: -.4998s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8 {
                -webkit-transform: rotate(210deg) translateY(-142%);
                -ms-transform: rotate(210deg) translateY(-142%);
                transform: rotate(210deg) translateY(-142%);
                -webkit-animation-delay: -.4165s;
                animation-delay: -.4165s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9 {
                -webkit-transform: rotate(240deg) translateY(-142%);
                -ms-transform: rotate(240deg) translateY(-142%);
                transform: rotate(240deg) translateY(-142%);
                -webkit-animation-delay: -.3332s;
                animation-delay: -.3332s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10 {
                -webkit-transform: rotate(270deg) translateY(-142%);
                -ms-transform: rotate(270deg) translateY(-142%);
                transform: rotate(270deg) translateY(-142%);
                -webkit-animation-delay: -.2499s;
                animation-delay: -.2499s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11 {
                -webkit-transform: rotate(300deg) translateY(-142%);
                -ms-transform: rotate(300deg) translateY(-142%);
                transform: rotate(300deg) translateY(-142%);
                -webkit-animation-delay: -.1666s;
                animation-delay: -.1666s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12 {
                -webkit-transform: rotate(330deg) translateY(-142%);
                -ms-transform: rotate(330deg) translateY(-142%);
                transform: rotate(330deg) translateY(-142%);
                -webkit-animation-delay: -.0833s;
                animation-delay: -.0833s
            }

            @-webkit-keyframes fade {
                0% {
                    opacity: 1
                }

                to {
                    opacity: .25
                }
            }

            @keyframes fade {
                0% {
                    opacity: 1
                }

                to {
                    opacity: .25
                }
            }

            .xgplayer-skin-default.xgplayer-is-enter .xgplayer-enter {
                display: block
            }

            .xgplayer-skin-default .xgplayer-poster {
                display: none;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                z-index: 100;
                background-size: cover;
                background-position: 50%
            }

            .xgplayer-skin-default.xgplayer-nostart .xgplayer-poster {
                display: block
            }

            .xgplayer-skin-default .xgplayer-placeholder {
                -webkit-flex: 1;
                -moz-box-flex: 1;
                flex: 1;
                -webkit-order: 3;
                -moz-box-ordinal-group: 4;
                order: 3;
                display: block
            }

            .xgplayer-skin-default .xgplayer-fullscreen,.xgplayer-skin-default .xgplayer-fullscreen-img {
                position: relative;
                -webkit-order: 13;
                -moz-box-ordinal-group: 14;
                order: 13;
                display: block;
                cursor: pointer;
                margin-left: 5px;
                margin-right: 3px
            }

            .xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-icon,.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-icon {
                margin-top: 3px
            }

            .xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-icon div,.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-icon div {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-requestfull,.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-requestfull {
                display: block
            }

            .xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-exitfull,.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-exitfull {
                display: none
            }

            .xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-tips,.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-tips {
                position: absolute;
                right: 0;
                left: auto
            }

            .xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-requestfull,.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-requestfull {
                display: block
            }

            .xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-exitfull,.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-exitfull {
                display: none
            }

            .xgplayer-skin-default .xgplayer-fullscreen-img:hover,.xgplayer-skin-default .xgplayer-fullscreen:hover {
                opacity: .85
            }

            .xgplayer-skin-default .xgplayer-fullscreen-img:hover .xgplayer-tips,.xgplayer-skin-default .xgplayer-fullscreen:hover .xgplayer-tips {
                display: block
            }

            .xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-requestfull,.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-requestfull,.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-requestfull,.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-requestfull {
                display: none
            }

            .xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-exitfull,.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-exitfull,.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-exitfull,.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-exitfull {
                display: block
            }

            .xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-requestfull,.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-requestfull,.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-requestfull,.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-requestfull {
                display: none
            }

            .xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-exitfull,.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-exitfull,.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-exitfull,.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-exitfull {
                display: block
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen,.xgplayer-skin-default .xgplayer-cssfullscreen-img {
                position: relative;
                -webkit-order: 12;
                -moz-box-ordinal-group: 13;
                order: 12;
                display: block;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-icon,.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-icon {
                width: 32px;
                margin-top: 5px
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-icon div,.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-icon div {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-requestfull,.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-requestfull {
                display: block
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-exitfull,.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-exitfull {
                display: none
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-tips,.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-tips {
                margin-left: -40px
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-requestfull,.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-requestfull {
                display: block
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-exitfull,.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-exitfull {
                display: none
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen-img:hover,.xgplayer-skin-default .xgplayer-cssfullscreen:hover {
                opacity: .85
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen-img:hover .xgplayer-tips,.xgplayer-skin-default .xgplayer-cssfullscreen:hover .xgplayer-tips {
                display: block
            }

            .xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-requestfull,.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-requestfull {
                display: none
            }

            .xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-exitfull,.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-exitfull {
                display: block
            }

            .xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips,.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips {
                margin-left: -47px
            }

            .xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-requestfull,.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-requestfull {
                display: none
            }

            .xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-exitfull,.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-exitfull {
                display: block
            }

            .xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-cssfullscreen,.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-cssfullscreen-img {
                display: none
            }

            .xgplayer-skin-default.xgplayer-is-cssfullscreen {
                position: fixed!important;
                left: 0!important;
                top: 0!important;
                width: 100%!important;
                height: 100%!important;
                z-index: 99999!important
            }

            .lang-is-en .xgplayer-cssfullscreen-img .xgplayer-tips,.lang-is-en .xgplayer-cssfullscreen .xgplayer-tips,.lang-is-en.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips,.lang-is-en.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips {
                margin-left: -46px
            }

            .lang-is-jp .xgplayer-cssfullscreen-img .xgplayer-tips,.lang-is-jp .xgplayer-cssfullscreen .xgplayer-tips {
                margin-left: -120px
            }

            .lang-is-jp.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips,.lang-is-jp.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips {
                margin-left: -60px
            }

            .xgplayer-skin-default .xgplayer-volume {
                outline: none;
                -webkit-order: 4;
                -moz-box-ordinal-group: 5;
                order: 4;
                width: 40px;
                height: 40px;
                display: block;
                position: relative;
                z-index: 18
            }

            .xgplayer-skin-default .xgplayer-volume .xgplayer-icon {
                margin-top: 8px;
                cursor: pointer;
                position: absolute;
                bottom: -9px
            }

            .xgplayer-skin-default .xgplayer-volume .xgplayer-icon div {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-volume .xgplayer-icon .xgplayer-icon-large {
                display: block
            }

            .xgplayer-skin-default .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted,.xgplayer-skin-default .xgplayer-volume .xgplayer-icon .xgplayer-icon-small {
                display: none
            }

            .xgplayer-skin-default .xgplayer-slider {
                display: none;
                position: absolute;
                width: 28px;
                height: 92px;
                background: rgba(0,0,0,.54);
                border-radius: 1px;
                bottom: 42px;
                outline: none
            }

            .xgplayer-skin-default .xgplayer-slider:after {
                content: " ";
                display: block;
                height: 15px;
                width: 28px;
                position: absolute;
                bottom: -15px;
                left: 0;
                z-index: 20
            }

            .xgplayer-skin-default .xgplayer-bar,.xgplayer-skin-default .xgplayer-drag {
                display: block;
                position: absolute;
                bottom: 6px;
                left: 12px;
                background: hsla(0,0%,100%,.3);
                border-radius: 100px;
                width: 4px;
                height: 76px;
                outline: none;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-drag {
                bottom: 0;
                left: 0;
                background: #fa1f41;
                max-height: 76px
            }

            .xgplayer-skin-default .xgplayer-drag:after {
                content: " ";
                display: inline-block;
                width: 8px;
                height: 8px;
                background: #fff;
                box-shadow: 0 0 5px 0 rgba(0,0,0,.26);
                position: absolute;
                border-radius: 50%;
                left: -2px;
                top: -6px
            }

            .xgplayer-skin-default.xgplayer-volume-active .xgplayer-slider,.xgplayer-skin-default.xgplayer-volume-large .xgplayer-volume .xgplayer-icon .xgplayer-icon-large {
                display: block
            }

            .xgplayer-skin-default.xgplayer-volume-large .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted,.xgplayer-skin-default.xgplayer-volume-large .xgplayer-volume .xgplayer-icon .xgplayer-icon-small,.xgplayer-skin-default.xgplayer-volume-small .xgplayer-volume .xgplayer-icon .xgplayer-icon-large {
                display: none
            }

            .xgplayer-skin-default.xgplayer-volume-small .xgplayer-volume .xgplayer-icon .xgplayer-icon-small {
                display: block
            }

            .xgplayer-skin-default.xgplayer-volume-muted .xgplayer-volume .xgplayer-icon .xgplayer-icon-large,.xgplayer-skin-default.xgplayer-volume-muted .xgplayer-volume .xgplayer-icon .xgplayer-icon-small,.xgplayer-skin-default.xgplayer-volume-small .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted {
                display: none
            }

            .xgplayer-skin-default.xgplayer-volume-muted .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted {
                display: block
            }

            .xgplayer-skin-default.xgplayer-mobile .xgplayer-volume .xgplayer-slider {
                display: none
            }

            .xgplayer-skin-default .xgplayer-definition {
                -webkit-order: 5;
                -moz-box-ordinal-group: 6;
                order: 5;
                width: 60px;
                height: 42px;
                z-index: 18;
                position: relative;
                outline: none;
                display: none;
                cursor: default;
                margin-left: 10px;
                margin-top: -7px
            }

            .xgplayer-skin-default .xgplayer-definition ul {
                display: none;
                list-style: none;
                width: 78px;
                background: rgba(0,0,0,.54);
                border-radius: 1px;
                position: absolute;
                bottom: 42px;
                left: 0;
                text-align: center;
                white-space: nowrap;
                margin-left: -10px;
                z-index: 26;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-definition ul li {
                opacity: .7;
                font-family: PingFangSC-Regular;
                font-size: 11px;
                color: hsla(0,0%,100%,.8);
                padding: 6px 13px
            }

            .xgplayer-skin-default .xgplayer-definition ul li.selected,.xgplayer-skin-default .xgplayer-definition ul li:hover {
                color: #fff;
                opacity: 1
            }

            .xgplayer-skin-default .xgplayer-definition .name {
                text-align: center;
                font-family: PingFangSC-Regular;
                font-size: 13px;
                cursor: pointer;
                color: hsla(0,0%,100%,.8);
                position: absolute;
                bottom: 5px;
                width: 60px;
                height: 20px;
                line-height: 20px;
                background: rgba(0,0,0,.38);
                border-radius: 10px;
                display: inline-block;
                vertical-align: middle
            }

            .xgplayer-skin-default.xgplayer-definition-active .xgplayer-definition ul,.xgplayer-skin-default.xgplayer-is-definition .xgplayer-definition {
                display: block
            }

            .xgplayer-skin-default .xgplayer-time {
                -webkit-order: 2;
                -moz-box-ordinal-group: 3;
                order: 2;
                font-family: ArialMT;
                font-size: 13px;
                color: #fff;
                line-height: 40px;
                height: 40px;
                text-align: center;
                display: inline-block;
                margin: auto 8px
            }

            .xgplayer-skin-default .xgplayer-time span {
                color: hsla(0,0%,100%,.5)
            }

            .xgplayer-skin-default .xgplayer-time .xgplayer-time-current {
                color: #fff
            }

            .xgplayer-skin-default .xgplayer-time .xgplayer-time-current:after {
                content: "/";
                display: inline-block;
                padding: 0 3px
            }

            .xgplayer-skin-default .xgplayer-controls {
                display: -webkit-flex;
                display: -moz-box;
                display: flex;
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 40px;
                background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.37),rgba(0,0,0,.75),rgba(0,0,0,.75));
                z-index: 10
            }

            .xgplayer-skin-default.no-controls .xgplayer-controls,.xgplayer-skin-default.xgplayer-inactive .xgplayer-controls,.xgplayer-skin-default.xgplayer-is-live .xgplayer-controls .xgplayer-progress,.xgplayer-skin-default.xgplayer-is-live .xgplayer-controls .xgplayer-time,.xgplayer-skin-default.xgplayer-nostart .xgplayer-controls {
                display: none
            }

            .xgplayer-skin-default.xgplayer-is-live .xgplayer-controls .xgplayer-live {
                display: block
            }

            .xgplayer-skin-default .xgplayer-live {
                display: block;
                font-size: 12px;
                color: #fff;
                line-height: 40px;
                -webkit-order: 1;
                -moz-box-ordinal-group: 2;
                order: 1
            }

            .xgplayer-skin-default .xgplayer-loading {
                display: none;
                width: 100px;
                height: 100px;
                overflow: hidden;
                -webkit-transform: scale(.7);
                -ms-transform: scale(.7);
                transform: scale(.7);
                position: absolute;
                left: 50%;
                top: 50%;
                margin: -50px auto auto -50px
            }

            .xgplayer-skin-default .xgplayer-loading svg {
                border-radius: 50%;
                -webkit-transform-origin: center;
                -ms-transform-origin: center;
                transform-origin: center;
                -webkit-animation: loadingRotate 1s linear infinite;
                animation: loadingRotate 1s linear infinite
            }

            .xgplayer-skin-default .xgplayer-loading svg path {
                stroke: #ddd;
                stroke-dasharray: 236;
                -webkit-animation: loadingDashOffset 2s linear infinite;
                animation: loadingDashOffset 2s linear infinite;
                animation-direction: alternate-reverse;
                fill: none;
                stroke-width: 12px
            }

            .xgplayer-skin-default.xgplayer-nostart .xgplayer-loading {
                display: none
            }

            .xgplayer-skin-default.xgplayer-pause .xgplayer-loading {
                display: none!important
            }

            .xgplayer-skin-default.xgplayer-isloading .xgplayer-loading {
                display: block
            }

            .xgplayer-skin-default .xgplayer-progress {
                display: block;
                position: absolute;
                height: 20px;
                line-height: 20px;
                left: 12px;
                right: 12px;
                outline: none;
                top: -15px;
                z-index: 35
            }

            .xgplayer-skin-default .xgplayer-progress-outer {
                background: hsla(0,0%,100%,.3);
                display: block;
                height: 3px;
                line-height: 3px;
                margin-top: 8.5px;
                width: 100%;
                position: relative;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-progress-cache,.xgplayer-skin-default .xgplayer-progress-played {
                display: block;
                height: 100%;
                line-height: 1;
                position: absolute;
                left: 0;
                top: 0
            }

            .xgplayer-skin-default .xgplayer-progress-cache {
                width: 0;
                background: hsla(0,0%,100%,.5)
            }

            .xgplayer-skin-default .xgplayer-progress-played {
                display: block;
                width: 0;
                background-image: linear-gradient(-90deg,#fa1f41,#e31106);
                border-radius: 0 1.5px 1.5px 0
            }

            .xgplayer-skin-default .xgplayer-progress-btn {
                display: none;
                position: absolute;
                left: 0;
                top: -5px;
                width: 13px;
                height: 13px;
                border-radius: 30px;
                background: #fff;
                box-shadow: 0 0 2px 0 rgba(0,0,0,.26);
                left: 100%;
                -webkit-transform: translate(-50%);
                -ms-transform: translate(-50%);
                transform: translate(-50%)
            }

            .xgplayer-skin-default .xgplayer-progress-point {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-progress-point.xgplayer-tips {
                margin-left: 0;
                top: -25px;
                display: none;
                z-index: 100
            }

            .xgplayer-skin-default .xgplayer-progress-dot {
                display: inline-block;
                position: absolute;
                height: 3px;
                width: 5px;
                top: 0;
                background: #fff;
                border-radius: 6px;
                z-index: 16
            }

            .xgplayer-skin-default .xgplayer-progress-dot .xgplayer-progress-tip {
                position: absolute;
                left: 0;
                top: -40px;
                height: auto;
                line-height: 30px;
                width: auto;
                -webkit-transform: scale(.8);
                -ms-transform: scale(.8);
                transform: scale(.8);
                background: rgba(0,0,0,.3);
                border-radius: 6px;
                border: 1px solid rgba(0,0,0,.8);
                cursor: default;
                white-space: nowrap;
                display: none
            }

            .xgplayer-skin-default .xgplayer-progress-dot-show .xgplayer-progress-tip {
                display: block
            }

            .xgplayer-skin-default .xgplayer-progress-thumbnail {
                position: absolute;
                -moz-box-sizing: border-box;
                box-sizing: border-box
            }

            .xgplayer-skin-default .xgplayer-progress-thumbnail.xgplayer-tips {
                margin-left: 0;
                display: none;
                z-index: 99
            }

            .xgplayer-skin-default .xgplayer-progress:focus .xgplayer-progress-outer,.xgplayer-skin-default .xgplayer-progress:hover .xgplayer-progress-outer {
                height: 6px;
                margin-top: 7px
            }

            .xgplayer-skin-default .xgplayer-progress:focus .xgplayer-progress-dot,.xgplayer-skin-default .xgplayer-progress:hover .xgplayer-progress-dot {
                height: 6px
            }

            .xgplayer-skin-default .xgplayer-progress:focus .xgplayer-progress-btn,.xgplayer-skin-default .xgplayer-progress:hover .xgplayer-progress-btn {
                display: block;
                top: -3px
            }

            .xgplayer-skin-default.xgplayer-definition-active .xgplayer-progress,.xgplayer-skin-default.xgplayer-playbackrate-active .xgplayer-progress,.xgplayer-skin-default.xgplayer-texttrack-active .xgplayer-progress,.xgplayer-skin-default.xgplayer-volume-active .xgplayer-progress {
                z-index: 15
            }

            .xgplayer-skin-default.xgplayer-mobile .xgplayer-progress-btn {
                display: block!important
            }

            .xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:focus .xgplayer-progress-outer,.xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:hover .xgplayer-progress-outer {
                height: 3px!important;
                margin-top: 8.5px!important
            }

            .xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:focus .xgplayer-progress-btn,.xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:hover .xgplayer-progress-btn {
                display: block!important;
                top: -5px!important
            }

            .xgplayer-skin-default .xgplayer-replay {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                z-index: 105;
                display: none;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                justify-content: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                align-items: center;
                background: rgba(0,0,0,.54);
                -webkit-flex-direction: column;
                -moz-box-orient: vertical;
                -moz-box-direction: normal;
                flex-direction: column
            }

            .xgplayer-skin-default .xgplayer-replay svg {
                background: rgba(0,0,0,.58);
                border-radius: 100%;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-replay svg path {
                -webkit-transform: translate(20px,21px);
                -ms-transform: translate(20px,21px);
                transform: translate(20px,21px);
                fill: #ddd
            }

            .xgplayer-skin-default .xgplayer-replay svg:hover {
                background: rgba(0,0,0,.38)
            }

            .xgplayer-skin-default .xgplayer-replay svg:hover path {
                fill: #fff
            }

            .xgplayer-skin-default .xgplayer-replay .xgplayer-replay-txt {
                display: inline-block;
                font-family: PingFangSC-Regular;
                font-size: 14px;
                color: #fff;
                line-height: 34px
            }

            .xgplayer-skin-default.xgplayer.xgplayer-ended .xgplayer-controls {
                display: none
            }

            .xgplayer-skin-default.xgplayer.xgplayer-ended .xgplayer-replay {
                display: -webkit-flex;
                display: -moz-box;
                display: flex
            }

            .xgplayer-skin-default .xgplayer-playbackrate {
                -webkit-order: 8;
                -moz-box-ordinal-group: 9;
                order: 8;
                width: 60px;
                height: 20px;
                z-index: 18;
                position: relative;
                display: inline-block;
                cursor: default
            }

            .xgplayer-skin-default .xgplayer-playbackrate ul {
                display: none;
                list-style: none;
                width: 78px;
                background: rgba(0,0,0,.54);
                border-radius: 1px;
                position: absolute;
                bottom: 20px;
                left: 50%;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
                text-align: left;
                white-space: nowrap;
                z-index: 26;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-playbackrate ul li {
                opacity: .7;
                font-family: PingFangSC-Regular;
                font-size: 11px;
                color: hsla(0,0%,100%,.8);
                position: relative;
                padding: 4px 0;
                text-align: center
            }

            .xgplayer-skin-default .xgplayer-playbackrate ul li.selected,.xgplayer-skin-default .xgplayer-playbackrate ul li:hover {
                color: #fff;
                opacity: 1
            }

            .xgplayer-skin-default .xgplayer-playbackrate ul li:first-child {
                position: relative;
                margin-top: 12px
            }

            .xgplayer-skin-default .xgplayer-playbackrate ul li:last-child {
                position: relative;
                margin-bottom: 12px
            }

            .xgplayer-skin-default .xgplayer-playbackrate .name {
                height: 20px;
                position: relative;
                top: 11px;
                text-align: center;
                background: rgba(0,0,0,.38);
                color: hsla(0,0%,100%,.8);
                border-radius: 10px;
                line-height: 20px
            }

            .xgplayer-skin-default .xgplayer-playbackrate span {
                position: relative;
                top: 19px;
                font-weight: 700;
                text-shadow: 0 0 4px rgba(0,0,0,.6)
            }

            .xgplayer-skin-default .xgplayer-playbackrate:hover {
                opacity: 1
            }

            .xgplayer-skin-default.xgplayer-playbackrate-active .xgplayer-playbackrate ul {
                display: block
            }

            .xgplayer-skin-default .xgplayer-download {
                position: relative;
                -webkit-order: 9;
                -moz-box-ordinal-group: 10;
                order: 9;
                display: block;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-download .xgplayer-icon {
                margin-top: 3px
            }

            .xgplayer-skin-default .xgplayer-download .xgplayer-icon div {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-download .xgplayer-icon svg {
                position: relative;
                top: 5px;
                left: 5px
            }

            .xgplayer-skin-default .xgplayer-download .xgplayer-tips {
                margin-left: -20px
            }

            .xgplayer-skin-default .xgplayer-download .xgplayer-tips .xgplayer-tip-download {
                display: block
            }

            .xgplayer-skin-default .xgplayer-download:hover {
                opacity: .85
            }

            .xgplayer-skin-default .xgplayer-download:hover .xgplayer-tips {
                display: block
            }

            .lang-is-en .xgplayer-download .xgplayer-tips {
                margin-left: -32px
            }

            .lang-is-jp .xgplayer-download .xgplayer-tips {
                margin-left: -40px
            }

            .xgplayer-skin-default .danmu-switch {
                -webkit-order: 6;
                -moz-box-ordinal-group: 7;
                order: 6;
                z-index: 26
            }

            .xgplayer-skin-default .xgplayer-danmu {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 100%;
                overflow: hidden;
                z-index: 9;
                outline: none
            }

            .xgplayer-skin-default .xgplayer-danmu>* {
                position: absolute;
                white-space: nowrap;
                z-index: 9
            }

            .xgplayer-skin-default .xgplayer-danmu.xgplayer-has-danmu {
                display: block
            }

            .xgplayer-skin-default .xgplayer-panel {
                outline: none;
                -webkit-order: 7;
                -moz-box-ordinal-group: 8;
                order: 7;
                width: 40px;
                height: 40px;
                display: inline-block;
                position: relative;
                font-family: PingFangSC-Regular;
                font-size: 13px;
                color: hsla(0,0%,100%,.8);
                z-index: 36
            }

            .xgplayer-skin-default .xgplayer-panel .xgplayer-panel-icon {
                cursor: pointer;
                position: absolute;
                margin-left: 5px;
                top: 10px
            }

            .xgplayer-skin-default .xgplayer-panel-active {
                display: block!important;
                bottom: 30px
            }

            .xgplayer-skin-default .xgplayer-panel-slider {
                z-index: 36;
                display: none;
                position: absolute;
                width: 230px;
                height: 230px;
                background: rgba(0,0,0,.54);
                border-radius: 1px;
                padding: 10px 20px;
                outline: none;
                left: -115px;
                bottom: 40px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode {
                padding-bottom: 10px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode-radio li {
                display: inline;
                list-style: none;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode ul {
                display: -webkit-flex;
                display: -moz-box;
                display: flex;
                -webkit-justify-content: space-around;
                justify-content: space-around
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode li {
                margin: 0 12px;
                font-size: 11px;
                color: #aaa
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode-font {
                margin-bottom: 10px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency {
                display: block;
                margin-top: 10px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-line {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                cursor: pointer;
                outline: none;
                width: 150px;
                height: 4px;
                background: #aaa;
                border-radius: 4px;
                border-style: none;
                margin-left: 10px;
                margin-top: -2px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-line::-moz-focus-outer {
                border: 0!important
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-color::-webkit-slider-runnable-track {
                outline: none;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-color::-moz-range-track {
                outline: none;
                background-color: #aaa;
                border-color: transparent;
                cursor: pointer;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-color::-ms-track {
                outline: none;
                background-color: #aaa;
                color: transparent;
                border-color: transparent;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-webkit-slider-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 6px;
                width: 6px;
                margin-top: -4px;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-moz-range-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 0;
                width: 0;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-ms-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 6px;
                width: 6px;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-moz-range-progress {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                height: 4px;
                border-radius: 4px;
                background: linear-gradient(90deg,#f85959,#f85959 100%,#aaa)
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea {
                display: block;
                margin-top: 8px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-name {
                display: inline-block;
                position: relative;
                top: -10px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-control {
                display: inline-block
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-control-up {
                width: 150px;
                margin-left: 10px;
                display: -moz-box;
                display: -webkit-flex;
                display: flex;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                justify-content: space-between;
                color: #aaa
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-control-down {
                position: relative;
                top: -10px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-control-down-dots {
                display: -webkit-flex;
                display: -moz-box;
                display: flex;
                width: 150px;
                margin-left: 10px;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                justify-content: space-between
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-threequarters,.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-twoquarters {
                margin-left: -6px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-full {
                margin-right: 3px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-line {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                cursor: pointer;
                outline: none;
                width: 150px;
                height: 4px;
                background: #aaa;
                border-radius: 4px;
                border-style: none;
                margin-left: 10px;
                margin-top: -2px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-line::-moz-focus-outer {
                border: 0!important
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-color::-webkit-slider-runnable-track {
                outline: none;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-color::-moz-range-track {
                outline: none;
                background-color: #aaa;
                border-color: transparent;
                cursor: pointer;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-color::-ms-track {
                outline: none;
                background-color: #aaa;
                color: transparent;
                border-color: transparent;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-bar::-webkit-slider-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 6px;
                width: 6px;
                margin-top: -4px;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-bar::-moz-range-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 0;
                width: 0;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-bar::-ms-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 6px;
                width: 6px;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-full-dot,.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-onequarters-dot,.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-threequarters-dot,.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-twoquarters-dot,.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-zero-dot {
                width: 3px;
                height: 3px;
                border: 3px solid #aaa;
                border-radius: 50%;
                background-color: #aaa;
                position: relative;
                top: 16px;
                z-index: -1
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed {
                display: block
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-name {
                display: inline-block;
                position: relative;
                top: -10px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-control {
                display: inline-block
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-control-up {
                width: 150px;
                margin-left: 10px;
                display: -moz-box;
                display: -webkit-flex;
                display: flex;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                justify-content: space-between;
                color: #aaa
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-control-down {
                position: relative;
                top: -10px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-control-down-dots {
                display: -webkit-flex;
                display: -moz-box;
                display: flex;
                width: 150px;
                margin-left: 10px;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                justify-content: space-between
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-line {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                cursor: pointer;
                outline: none;
                width: 150px;
                height: 4px;
                background: #aaa;
                border-radius: 4px;
                border-style: none;
                margin-left: 10px;
                margin-top: -2px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-line::-moz-focus-outer {
                border: 0!important
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-color::-webkit-slider-runnable-track {
                outline: none;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-color::-moz-range-track {
                outline: none;
                background-color: #aaa;
                border-color: transparent;
                cursor: pointer;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-color::-ms-track {
                outline: none;
                background-color: #aaa;
                color: transparent;
                border-color: transparent;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-bar::-webkit-slider-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 6px;
                width: 6px;
                margin-top: -4px;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-bar::-moz-range-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 0;
                width: 0;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-bar::-ms-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 6px;
                width: 6px;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-large-dot,.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-middle-dot,.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-small-dot {
                width: 3px;
                height: 3px;
                border: 3px solid #aaa;
                border-radius: 50%;
                background-color: #aaa;
                position: relative;
                top: 16px;
                z-index: -1
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont {
                display: block
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-name {
                display: inline-block;
                position: relative;
                top: -10px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-control {
                display: inline-block
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-control-up {
                width: 150px;
                margin-left: 10px;
                display: -moz-box;
                display: -webkit-flex;
                display: flex;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                justify-content: space-between;
                color: #aaa
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-control-down {
                position: relative;
                top: -10px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-control-down-dots {
                display: -webkit-flex;
                display: -moz-box;
                display: flex;
                width: 150px;
                margin-left: 10px;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                justify-content: space-between
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-line {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                cursor: pointer;
                outline: none;
                width: 150px;
                height: 4px;
                background: #aaa;
                border-radius: 4px;
                border-style: none;
                margin-left: 10px;
                margin-top: -2px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-line::-moz-focus-outer {
                border: 0!important
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-color::-webkit-slider-runnable-track {
                outline: none;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-color::-moz-range-track {
                outline: none;
                background-color: #aaa;
                border-color: transparent;
                cursor: pointer;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-color::-ms-track {
                outline: none;
                background-color: #aaa;
                color: transparent;
                border-color: transparent;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-bar::-webkit-slider-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 6px;
                width: 6px;
                margin-top: -4px;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-bar::-moz-range-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 0;
                width: 0;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-bar::-ms-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 6px;
                width: 6px;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-large-dot,.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-middle-dot,.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-small-dot {
                width: 3px;
                height: 3px;
                border: 3px solid #aaa;
                border-radius: 50%;
                background-color: #aaa;
                position: relative;
                top: 16px;
                z-index: -1
            }

            .xgplayer-skin-default .xgplayer-playnext {
                position: relative;
                -webkit-order: 1;
                -moz-box-ordinal-group: 2;
                order: 1;
                display: block;
                cursor: pointer;
                top: -2px
            }

            .xgplayer-skin-default .xgplayer-playnext .xgplayer-icon div {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext {
                display: block
            }

            .xgplayer-skin-default .xgplayer-playnext:hover {
                opacity: .85
            }

            .xgplayer-skin-default .xgplayer-playnext:hover .xgplayer-tips {
                display: block
            }

            .lang-is-en .xgplayer-playnext .xgplayer-tips {
                margin-left: -25px
            }

            .lang-is-jp .xgplayer-playnext .xgplayer-tips {
                margin-left: -38px
            }

            .xgplayer-skin-default.xgplayer-playnext-inactive .xgplayer-playnext {
                display: none
            }

            .xgplayer-skin-default .xgplayer-pip {
                -webkit-order: 9;
                -moz-box-ordinal-group: 10;
                order: 9;
                position: relative;
                outline: none;
                display: block;
                cursor: pointer;
                height: 20px;
                top: 8px
            }

            .xgplayer-skin-default .xgplayer-pip .name {
                text-align: center;
                font-family: PingFangSC-Regular;
                font-size: 13px;
                line-height: 20px;
                height: 20px;
                color: hsla(0,0%,100%,.8)
            }

            .xgplayer-skin-default .xgplayer-pip .name span {
                width: 60px;
                height: 20px;
                line-height: 20px;
                background: rgba(0,0,0,.38);
                border-radius: 10px;
                display: inline-block;
                vertical-align: middle
            }

            .xgplayer-skin-default .xgplayer-pip-lay {
                position: absolute;
                top: 26px;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 130;
                cursor: pointer;
                background-color: transparent;
                display: none
            }

            .xgplayer-skin-default .xgplayer-pip-lay div {
                width: 100%;
                height: 100%
            }

            .xgplayer-skin-default .xgplayer-pip-drag {
                cursor: move;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 26px;
                line-height: 26px;
                background-image: linear-gradient(rgba(0,0,0,.3),transparent);
                z-index: 130;
                display: none
            }

            .xgplayer-skin-default.xgplayer-pip-active {
                position: fixed;
                right: 0;
                bottom: 200px;
                width: 320px!important;
                height: 180px!important;
                z-index: 110!important
            }

            .xgplayer-skin-default.xgplayer-pip-active .xgplayer-controls,.xgplayer-skin-default.xgplayer-pip-active .xgplayer-danmu {
                display: none
            }

            .xgplayer-skin-default.xgplayer-pip-active .xgplayer-pip-lay {
                display: block
            }

            .xgplayer-skin-default.xgplayer-pip-active .xgplayer-pip-drag {
                display: -webkit-flex;
                display: -moz-box;
                display: flex
            }

            .xgplayer-skin-default.xgplayer-inactive .xgplayer-pip-drag {
                display: none
            }

            .lang-is-jp .xgplayer-pip .name span {
                width: 70px;
                height: 20px
            }

            .xgplayer-skin-default .xgplayer-rotate {
                position: relative;
                -webkit-order: 10;
                -moz-box-ordinal-group: 11;
                order: 10;
                display: block;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-rotate .xgplayer-icon {
                margin-top: 7px;
                width: 26px
            }

            .xgplayer-skin-default .xgplayer-rotate .xgplayer-icon div {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-rotate .xgplayer-tips {
                margin-left: -22px
            }

            .xgplayer-skin-default .xgplayer-rotate .xgplayer-tips .xgplayer-tip-rotate {
                display: block
            }

            .xgplayer-skin-default .xgplayer-rotate:hover {
                opacity: .85
            }

            .xgplayer-skin-default .xgplayer-rotate:hover .xgplayer-tips {
                display: block
            }

            .lang-is-en .xgplayer-rotate .xgplayer-tips {
                margin-left: -26px
            }

            .lang-is-jp .xgplayer-rotate .xgplayer-tips {
                margin-left: -38px
            }

            .xgplayer-skin-default .xgplayer-reload {
                position: relative;
                -webkit-order: 1;
                -moz-box-ordinal-group: 2;
                order: 1;
                display: block;
                width: 40px;
                height: 40px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-reload .xgplayer-icon {
                margin-top: 7px;
                width: 26px
            }

            .xgplayer-skin-default .xgplayer-reload .xgplayer-icon div {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-reload .xgplayer-tips {
                margin-left: -22px
            }

            .xgplayer-skin-default .xgplayer-reload .xgplayer-tips .xgplayer-tip-reload {
                display: block
            }

            .xgplayer-skin-default .xgplayer-reload:hover {
                opacity: .85
            }

            .xgplayer-skin-default .xgplayer-reload:hover .xgplayer-tips {
                display: block
            }

            .lang-is-en .xgplayer-reload .xgplayer-tips {
                margin-left: -26px
            }

            .lang-is-jp .xgplayer-reload .xgplayer-tips {
                margin-left: -38px
            }

            .xgplayer-skin-default .xgplayer-screenshot {
                -webkit-order: 11;
                -moz-box-ordinal-group: 12;
                order: 11;
                position: relative;
                outline: none;
                display: block;
                cursor: pointer;
                height: 20px;
                top: 8px
            }

            .xgplayer-skin-default .xgplayer-screenshot .name {
                text-align: center;
                font-family: PingFangSC-Regular;
                font-size: 13px;
                line-height: 20px;
                height: 20px;
                color: hsla(0,0%,100%,.8)
            }

            .xgplayer-skin-default .xgplayer-screenshot .name span {
                width: 60px;
                height: 20px;
                line-height: 20px;
                background: rgba(0,0,0,.38);
                border-radius: 10px;
                display: inline-block;
                vertical-align: middle
            }

            .lang-is-en .xgplayer-screenshot .name span,.lang-is-jp .xgplayer-screenshot .name span {
                width: 75px;
                height: 20px
            }

            .xgplayer-skin-default .xgplayer-texttrack {
                -webkit-order: 7;
                -moz-box-ordinal-group: 8;
                order: 7;
                width: 60px;
                height: 150px;
                z-index: 18;
                position: relative;
                outline: none;
                display: none;
                cursor: default;
                margin-top: -119px
            }

            .xgplayer-skin-default .xgplayer-texttrack ul {
                display: none;
                list-style: none;
                min-width: 78px;
                background: rgba(0,0,0,.54);
                border-radius: 1px;
                position: absolute;
                bottom: 30px;
                text-align: center;
                white-space: nowrap;
                left: 50%;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
                z-index: 26;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-texttrack ul li {
                opacity: .7;
                font-family: PingFangSC-Regular;
                font-size: 11px;
                color: hsla(0,0%,100%,.8);
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
                margin: auto;
                padding: 6px 13px
            }

            .xgplayer-skin-default .xgplayer-texttrack ul li.selected,.xgplayer-skin-default .xgplayer-texttrack ul li:hover {
                color: #fff;
                opacity: 1
            }

            .xgplayer-skin-default .xgplayer-texttrack .name {
                text-align: center;
                font-family: PingFangSC-Regular;
                font-size: 13px;
                cursor: pointer;
                color: hsla(0,0%,100%,.8);
                position: absolute;
                bottom: 0;
                width: 60px;
                height: 20px;
                line-height: 20px;
                background: rgba(0,0,0,.38);
                border-radius: 10px;
                display: inline-block;
                vertical-align: middle
            }

            .xgplayer-skin-default.xgplayer-is-texttrack .xgplayer-texttrack,.xgplayer-skin-default.xgplayer-texttrack-active .xgplayer-texttrack ul {
                display: block
            }

            .xgplayer-skin-default .xgplayer-icon {
                display: block;
                width: 40px;
                height: 40px;
                overflow: hidden;
                fill: #fff
            }

            .xgplayer-skin-default .xgplayer-icon svg {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-tips {
                background: rgba(0,0,0,.54);
                border-radius: 1px;
                display: none;
                position: absolute;
                font-family: PingFangSC-Regular;
                font-size: 11px;
                color: #fff;
                padding: 2px 4px;
                text-align: center;
                top: -30px;
                left: 50%;
                margin-left: -16px;
                width: auto;
                white-space: nowrap
            }

            .xgplayer-skin-default.xgplayer-mobile .xgplayer-tips {
                display: none!important
            }

            .xgplayer-skin-default .xgplayer-error {
                background: #000;
                display: none;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                z-index: 125;
                font-family: PingFangSC-Regular;
                font-size: 14px;
                color: #fff;
                text-align: center;
                line-height: 100%;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                justify-content: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                align-items: center
            }

            .xgplayer-skin-default .xgplayer-error .xgplayer-error-refresh {
                color: #fa1f41;
                padding: 0 3px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-error .xgplayer-error-text {
                line-height: 18px;
                margin: auto 6px
            }

            .xgplayer-skin-default.xgplayer-is-error .xgplayer-error {
                display: -webkit-flex;
                display: -moz-box;
                display: flex
            }

            .xgplayer-skin-default .xgplayer-memoryplay-spot {
                position: absolute;
                height: 32px;
                left: 10px;
                bottom: 46px;
                background: rgba(0,0,0,.5);
                border-radius: 32px;
                line-height: 32px;
                color: #ddd;
                z-index: 15;
                padding: 0 32px 0 16px
            }

            .xgplayer-skin-default .xgplayer-memoryplay-spot .xgplayer-lasttime {
                color: red;
                font-weight: 700
            }

            .xgplayer-skin-default .xgplayer-memoryplay-spot .btn-close {
                position: absolute;
                width: 16px;
                height: 16px;
                right: 10px;
                top: 2px;
                cursor: pointer;
                color: #fff;
                font-size: 16px
            }
            
            .danmu {
                overflow: hidden;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
                -ms-user-select: none
            }

            .danmu>* {
                position: absolute;
                white-space: nowrap
            }

            .danmu-switch {
                width: 32px;
                height: 20px;
                border-radius: 100px;
                background-color: #ccc;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                outline: none;
                cursor: pointer;
                position: relative;
                text-align: center;
                margin: 10px auto
            }

            .danmu-switch.danmu-switch-active {
                padding-left: 12px;
                background-color: #f85959
            }

            .danmu-switch span.txt {
                width: 20px;
                height: 20px;
                line-height: 20px;
                text-align: center;
                display: block;
                border-radius: 100px;
                background-color: #ffffff;
                -webkit-box-shadow: -2px 0 0 0 rgba(0, 0, 0, .04);
                box-shadow: -2px 0 0 0 rgba(0, 0, 0, .04);
                font-family: PingFangSC;
                font-size: 10px;
                font-weight: 500;
                color: #f44336
            }
            
            .xgplayer-skin-default {
                background: #000;
                width: 100%;
                height: 100%;
                position: relative;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
                -ms-user-select: none
            }

            .xgplayer-skin-default * {
                margin: 0;
                padding: 0;
                border: 0;
                font-size: 100%;
                font: inherit;
                vertical-align: baseline
            }

            .xgplayer-skin-default.xgplayer-rotate-fullscreen {
                position: absolute;
                top: 0;
                left: 100%;
                bottom: 0;
                right: 0;
                height: 100vw!important;
                width: 100vh!important;
                -webkit-transform-origin: top left;
                -ms-transform-origin: top left;
                transform-origin: top left;
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg)
            }

            .xgplayer-skin-default.xgplayer-is-fullscreen {
                width: 100%!important;
                height: 100%!important;
                padding-top: 0!important;
                z-index: 9999
            }

            .xgplayer-skin-default.xgplayer-is-fullscreen.xgplayer-inactive {
                cursor: none
            }

            .xgplayer-skin-default video {
                width: 100%;
                height: 100%;
                outline: none
            }

            .xgplayer-skin-default .xgplayer-none {
                display: none
            }

            @-webkit-keyframes loadingRotate {
                0% {
                    -webkit-transform: rotate(0);
                    transform: rotate(0)
                }

                to {
                    -webkit-transform: rotate(1turn);
                    transform: rotate(1turn)
                }
            }

            @keyframes loadingRotate {
                0% {
                    -webkit-transform: rotate(0);
                    transform: rotate(0)
                }

                to {
                    -webkit-transform: rotate(1turn);
                    transform: rotate(1turn)
                }
            }

            @-webkit-keyframes loadingDashOffset {
                0% {
                    stroke-dashoffset: 236
                }

                to {
                    stroke-dashoffset: 0
                }
            }

            @keyframes loadingDashOffset {
                0% {
                    stroke-dashoffset: 236
                }

                to {
                    stroke-dashoffset: 0
                }
            }

            .xgplayer-skin-default .xgplayer-play,.xgplayer-skin-default .xgplayer-play-img {
                width: 40px;
                position: relative;
                -webkit-order: 0;
                -moz-box-ordinal-group: 1;
                order: 0;
                display: block;
                cursor: pointer;
                margin-left: 3px
            }

            .xgplayer-skin-default .xgplayer-play-img .xgplayer-icon,.xgplayer-skin-default .xgplayer-play .xgplayer-icon {
                margin-top: 3px;
                width: 32px
            }

            .xgplayer-skin-default .xgplayer-play-img .xgplayer-icon div,.xgplayer-skin-default .xgplayer-play .xgplayer-icon div {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-play-img .xgplayer-icon .xgplayer-icon-play,.xgplayer-skin-default .xgplayer-play .xgplayer-icon .xgplayer-icon-play {
                display: block
            }

            .xgplayer-skin-default .xgplayer-play-img .xgplayer-icon .xgplayer-icon-pause,.xgplayer-skin-default .xgplayer-play .xgplayer-icon .xgplayer-icon-pause {
                display: none
            }

            .xgplayer-skin-default .xgplayer-play-img .xgplayer-tips .xgplayer-tip-play,.xgplayer-skin-default .xgplayer-play .xgplayer-tips .xgplayer-tip-play {
                display: block
            }

            .xgplayer-skin-default .xgplayer-play-img .xgplayer-tips .xgplayer-tip-pause,.xgplayer-skin-default .xgplayer-play .xgplayer-tips .xgplayer-tip-pause {
                display: none
            }

            .xgplayer-skin-default .xgplayer-play-img:hover,.xgplayer-skin-default .xgplayer-play:hover {
                opacity: .85
            }

            .xgplayer-skin-default .xgplayer-play-img:hover .xgplayer-tips,.xgplayer-skin-default .xgplayer-play:hover .xgplayer-tips {
                display: block
            }

            .xgplayer-skin-default.xgplayer-playing .xgplayer-play-img .xgplayer-icon .xgplayer-icon-play,.xgplayer-skin-default.xgplayer-playing .xgplayer-play .xgplayer-icon .xgplayer-icon-play {
                display: none
            }

            .xgplayer-skin-default.xgplayer-playing .xgplayer-play-img .xgplayer-icon .xgplayer-icon-pause,.xgplayer-skin-default.xgplayer-playing .xgplayer-play .xgplayer-icon .xgplayer-icon-pause {
                display: block
            }

            .xgplayer-skin-default.xgplayer-playing .xgplayer-play-img .xgplayer-tips .xgplayer-tip-play,.xgplayer-skin-default.xgplayer-playing .xgplayer-play .xgplayer-tips .xgplayer-tip-play {
                display: none
            }

            .xgplayer-skin-default.xgplayer-pause .xgplayer-play-img .xgplayer-icon .xgplayer-icon-play,.xgplayer-skin-default.xgplayer-pause .xgplayer-play .xgplayer-icon .xgplayer-icon-play,.xgplayer-skin-default.xgplayer-playing .xgplayer-play-img .xgplayer-tips .xgplayer-tip-pause,.xgplayer-skin-default.xgplayer-playing .xgplayer-play .xgplayer-tips .xgplayer-tip-pause {
                display: block
            }

            .xgplayer-skin-default.xgplayer-pause .xgplayer-play-img .xgplayer-icon .xgplayer-icon-pause,.xgplayer-skin-default.xgplayer-pause .xgplayer-play .xgplayer-icon .xgplayer-icon-pause {
                display: none
            }

            .xgplayer-skin-default.xgplayer-pause .xgplayer-play-img .xgplayer-tips .xgplayer-tip-play,.xgplayer-skin-default.xgplayer-pause .xgplayer-play .xgplayer-tips .xgplayer-tip-play {
                display: block
            }

            .xgplayer-skin-default.xgplayer-pause .xgplayer-play-img .xgplayer-tips .xgplayer-tip-pause,.xgplayer-skin-default.xgplayer-pause .xgplayer-play .xgplayer-tips .xgplayer-tip-pause {
                display: none
            }

            .xgplayer-skin-default .xgplayer-start {
                border-radius: 50%;
                display: inline-block;
                width: 70px;
                height: 70px;
                background: rgba(0,0,0,.38);
                overflow: hidden;
                text-align: center;
                line-height: 70px;
                vertical-align: middle;
                position: absolute;
                left: 50%;
                top: 50%;
                z-index: 115;
                margin: -35px auto auto -35px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-start div {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-start div svg {
                fill: hsla(0,0%,100%,.7)
            }

            .xgplayer-skin-default .xgplayer-start .xgplayer-icon-play {
                display: block
            }

            .xgplayer-skin-default .xgplayer-start .xgplayer-icon-pause {
                display: none
            }

            .xgplayer-skin-default .xgplayer-start:hover {
                opacity: .85
            }

            .xgplayer-skin-default.xgplayer-playing .xgplayer-start,.xgplayer-skin-default.xgplayer-playing .xgplayer-start .xgplayer-icon-play {
                display: none
            }

            .xgplayer-skin-default.xgplayer-playing .xgplayer-start .xgplayer-icon-pause {
                display: block
            }

            .xgplayer-skin-default.xgplayer-pause .xgplayer-start {
                display: inline-block
            }

            .xgplayer-skin-default.xgplayer-pause .xgplayer-start .xgplayer-icon-play {
                display: block
            }

            .xgplayer-skin-default.replay .xgplayer-start,.xgplayer-skin-default.xgplayer-pause .xgplayer-start .xgplayer-icon-pause {
                display: none
            }

            .xgplayer-skin-default.replay .xgplayer-start .xgplayer-icon-play {
                display: block
            }

            .xgplayer-skin-default.replay .xgplayer-start .xgplayer-icon-pause {
                display: none
            }

            .xgplayer-skin-default .xgplayer-enter {
                display: none;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: #000;
                z-index: 120
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner {
                display: block;
                position: absolute;
                left: 50%;
                top: 50%;
                height: 100px;
                width: 100px;
                position: relative;
                -webkit-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%)
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div {
                width: 12%;
                height: 26%;
                background-color: hsla(0,0%,100%,.7);
                position: absolute;
                left: 44%;
                top: 37%;
                opacity: 0;
                border-radius: 30px;
                -webkit-animation: fade 1s linear infinite;
                animation: fade 1s linear infinite
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1 {
                -webkit-transform: rotate(0deg) translateY(-142%);
                -ms-transform: rotate(0deg) translateY(-142%);
                transform: rotate(0deg) translateY(-142%);
                -webkit-animation-delay: 0s;
                animation-delay: 0s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2 {
                -webkit-transform: rotate(30deg) translateY(-142%);
                -ms-transform: rotate(30deg) translateY(-142%);
                transform: rotate(30deg) translateY(-142%);
                -webkit-animation-delay: -.9163s;
                animation-delay: -.9163s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3 {
                -webkit-transform: rotate(60deg) translateY(-142%);
                -ms-transform: rotate(60deg) translateY(-142%);
                transform: rotate(60deg) translateY(-142%);
                -webkit-animation-delay: -.833s;
                animation-delay: -.833s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4 {
                -webkit-transform: rotate(90deg) translateY(-142%);
                -ms-transform: rotate(90deg) translateY(-142%);
                transform: rotate(90deg) translateY(-142%);
                -webkit-animation-delay: -.7497s;
                animation-delay: -.7497s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5 {
                -webkit-transform: rotate(120deg) translateY(-142%);
                -ms-transform: rotate(120deg) translateY(-142%);
                transform: rotate(120deg) translateY(-142%);
                -webkit-animation-delay: -.6664s;
                animation-delay: -.6664s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6 {
                -webkit-transform: rotate(150deg) translateY(-142%);
                -ms-transform: rotate(150deg) translateY(-142%);
                transform: rotate(150deg) translateY(-142%);
                -webkit-animation-delay: -.5831s;
                animation-delay: -.5831s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7 {
                -webkit-transform: rotate(180deg) translateY(-142%);
                -ms-transform: rotate(180deg) translateY(-142%);
                transform: rotate(180deg) translateY(-142%);
                -webkit-animation-delay: -.4998s;
                animation-delay: -.4998s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8 {
                -webkit-transform: rotate(210deg) translateY(-142%);
                -ms-transform: rotate(210deg) translateY(-142%);
                transform: rotate(210deg) translateY(-142%);
                -webkit-animation-delay: -.4165s;
                animation-delay: -.4165s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9 {
                -webkit-transform: rotate(240deg) translateY(-142%);
                -ms-transform: rotate(240deg) translateY(-142%);
                transform: rotate(240deg) translateY(-142%);
                -webkit-animation-delay: -.3332s;
                animation-delay: -.3332s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10 {
                -webkit-transform: rotate(270deg) translateY(-142%);
                -ms-transform: rotate(270deg) translateY(-142%);
                transform: rotate(270deg) translateY(-142%);
                -webkit-animation-delay: -.2499s;
                animation-delay: -.2499s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11 {
                -webkit-transform: rotate(300deg) translateY(-142%);
                -ms-transform: rotate(300deg) translateY(-142%);
                transform: rotate(300deg) translateY(-142%);
                -webkit-animation-delay: -.1666s;
                animation-delay: -.1666s
            }

            .xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12 {
                -webkit-transform: rotate(330deg) translateY(-142%);
                -ms-transform: rotate(330deg) translateY(-142%);
                transform: rotate(330deg) translateY(-142%);
                -webkit-animation-delay: -.0833s;
                animation-delay: -.0833s
            }

            @-webkit-keyframes fade {
                0% {
                    opacity: 1
                }

                to {
                    opacity: .25
                }
            }

            @keyframes fade {
                0% {
                    opacity: 1
                }

                to {
                    opacity: .25
                }
            }

            .xgplayer-skin-default.xgplayer-is-enter .xgplayer-enter {
                display: block
            }

            .xgplayer-skin-default .xgplayer-poster {
                display: none;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                z-index: 100;
                background-size: cover;
                background-position: 50%
            }

            .xgplayer-skin-default.xgplayer-nostart .xgplayer-poster {
                display: block
            }

            .xgplayer-skin-default .xgplayer-placeholder {
                -webkit-flex: 1;
                -moz-box-flex: 1;
                flex: 1;
                -webkit-order: 3;
                -moz-box-ordinal-group: 4;
                order: 3;
                display: block
            }

            .xgplayer-skin-default .xgplayer-fullscreen,.xgplayer-skin-default .xgplayer-fullscreen-img {
                position: relative;
                -webkit-order: 13;
                -moz-box-ordinal-group: 14;
                order: 13;
                display: block;
                cursor: pointer;
                margin-left: 5px;
                margin-right: 3px
            }

            .xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-icon,.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-icon {
                margin-top: 3px
            }

            .xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-icon div,.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-icon div {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-requestfull,.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-requestfull {
                display: block
            }

            .xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-exitfull,.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-exitfull {
                display: none
            }

            .xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-tips,.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-tips {
                position: absolute;
                right: 0;
                left: auto
            }

            .xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-requestfull,.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-requestfull {
                display: block
            }

            .xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-exitfull,.xgplayer-skin-default .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-exitfull {
                display: none
            }

            .xgplayer-skin-default .xgplayer-fullscreen-img:hover,.xgplayer-skin-default .xgplayer-fullscreen:hover {
                opacity: .85
            }

            .xgplayer-skin-default .xgplayer-fullscreen-img:hover .xgplayer-tips,.xgplayer-skin-default .xgplayer-fullscreen:hover .xgplayer-tips {
                display: block
            }

            .xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-requestfull,.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-requestfull,.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-requestfull,.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-requestfull {
                display: none
            }

            .xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-exitfull,.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-exitfull,.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-exitfull,.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-exitfull {
                display: block
            }

            .xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-requestfull,.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-requestfull,.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-requestfull,.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-requestfull {
                display: none
            }

            .xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-exitfull,.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-exitfull,.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-exitfull,.xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-exitfull {
                display: block
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen,.xgplayer-skin-default .xgplayer-cssfullscreen-img {
                position: relative;
                -webkit-order: 12;
                -moz-box-ordinal-group: 13;
                order: 12;
                display: block;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-icon,.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-icon {
                width: 32px;
                margin-top: 5px
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-icon div,.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-icon div {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-requestfull,.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-requestfull {
                display: block
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-exitfull,.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-exitfull {
                display: none
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-tips,.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-tips {
                margin-left: -40px
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-requestfull,.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-requestfull {
                display: block
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-exitfull,.xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-exitfull {
                display: none
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen-img:hover,.xgplayer-skin-default .xgplayer-cssfullscreen:hover {
                opacity: .85
            }

            .xgplayer-skin-default .xgplayer-cssfullscreen-img:hover .xgplayer-tips,.xgplayer-skin-default .xgplayer-cssfullscreen:hover .xgplayer-tips {
                display: block
            }

            .xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-requestfull,.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-requestfull {
                display: none
            }

            .xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-exitfull,.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-exitfull {
                display: block
            }

            .xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips,.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips {
                margin-left: -47px
            }

            .xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-requestfull,.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-requestfull {
                display: none
            }

            .xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-exitfull,.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-exitfull {
                display: block
            }

            .xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-cssfullscreen,.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-cssfullscreen-img {
                display: none
            }

            .xgplayer-skin-default.xgplayer-is-cssfullscreen {
                position: fixed!important;
                left: 0!important;
                top: 0!important;
                width: 100%!important;
                height: 100%!important;
                z-index: 99999!important
            }

            .lang-is-en .xgplayer-cssfullscreen-img .xgplayer-tips,.lang-is-en .xgplayer-cssfullscreen .xgplayer-tips,.lang-is-en.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips,.lang-is-en.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips {
                margin-left: -46px
            }

            .lang-is-jp .xgplayer-cssfullscreen-img .xgplayer-tips,.lang-is-jp .xgplayer-cssfullscreen .xgplayer-tips {
                margin-left: -120px
            }

            .lang-is-jp.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips,.lang-is-jp.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips {
                margin-left: -60px
            }

            .xgplayer-skin-default .xgplayer-volume {
                outline: none;
                -webkit-order: 4;
                -moz-box-ordinal-group: 5;
                order: 4;
                width: 40px;
                height: 40px;
                display: block;
                position: relative;
                z-index: 18
            }

            .xgplayer-skin-default .xgplayer-volume .xgplayer-icon {
                margin-top: 8px;
                cursor: pointer;
                position: absolute;
                bottom: -9px
            }

            .xgplayer-skin-default .xgplayer-volume .xgplayer-icon div {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-volume .xgplayer-icon .xgplayer-icon-large {
                display: block
            }

            .xgplayer-skin-default .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted,.xgplayer-skin-default .xgplayer-volume .xgplayer-icon .xgplayer-icon-small {
                display: none
            }

            .xgplayer-skin-default .xgplayer-slider {
                display: none;
                position: absolute;
                width: 28px;
                height: 92px;
                background: rgba(0,0,0,.54);
                border-radius: 1px;
                bottom: 42px;
                outline: none
            }

            .xgplayer-skin-default .xgplayer-slider:after {
                content: " ";
                display: block;
                height: 15px;
                width: 28px;
                position: absolute;
                bottom: -15px;
                left: 0;
                z-index: 20
            }

            .xgplayer-skin-default .xgplayer-bar,.xgplayer-skin-default .xgplayer-drag {
                display: block;
                position: absolute;
                bottom: 6px;
                left: 12px;
                background: hsla(0,0%,100%,.3);
                border-radius: 100px;
                width: 4px;
                height: 76px;
                outline: none;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-drag {
                bottom: 0;
                left: 0;
                background: #fa1f41;
                max-height: 76px
            }

            .xgplayer-skin-default .xgplayer-drag:after {
                content: " ";
                display: inline-block;
                width: 8px;
                height: 8px;
                background: #fff;
                box-shadow: 0 0 5px 0 rgba(0,0,0,.26);
                position: absolute;
                border-radius: 50%;
                left: -2px;
                top: -6px
            }

            .xgplayer-skin-default.xgplayer-volume-active .xgplayer-slider,.xgplayer-skin-default.xgplayer-volume-large .xgplayer-volume .xgplayer-icon .xgplayer-icon-large {
                display: block
            }

            .xgplayer-skin-default.xgplayer-volume-large .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted,.xgplayer-skin-default.xgplayer-volume-large .xgplayer-volume .xgplayer-icon .xgplayer-icon-small,.xgplayer-skin-default.xgplayer-volume-small .xgplayer-volume .xgplayer-icon .xgplayer-icon-large {
                display: none
            }

            .xgplayer-skin-default.xgplayer-volume-small .xgplayer-volume .xgplayer-icon .xgplayer-icon-small {
                display: block
            }

            .xgplayer-skin-default.xgplayer-volume-muted .xgplayer-volume .xgplayer-icon .xgplayer-icon-large,.xgplayer-skin-default.xgplayer-volume-muted .xgplayer-volume .xgplayer-icon .xgplayer-icon-small,.xgplayer-skin-default.xgplayer-volume-small .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted {
                display: none
            }

            .xgplayer-skin-default.xgplayer-volume-muted .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted {
                display: block
            }

            .xgplayer-skin-default.xgplayer-mobile .xgplayer-volume .xgplayer-slider {
                display: none
            }

            .xgplayer-skin-default .xgplayer-definition {
                -webkit-order: 5;
                -moz-box-ordinal-group: 6;
                order: 5;
                width: 60px;
                height: 42px;
                z-index: 18;
                position: relative;
                outline: none;
                display: none;
                cursor: default;
                margin-left: 10px;
                margin-top: -7px
            }

            .xgplayer-skin-default .xgplayer-definition ul {
                display: none;
                list-style: none;
                width: 78px;
                background: rgba(0,0,0,.54);
                border-radius: 1px;
                position: absolute;
                bottom: 42px;
                left: 0;
                text-align: center;
                white-space: nowrap;
                margin-left: -10px;
                z-index: 26;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-definition ul li {
                opacity: .7;
                font-family: PingFangSC-Regular;
                font-size: 11px;
                color: hsla(0,0%,100%,.8);
                padding: 6px 13px
            }

            .xgplayer-skin-default .xgplayer-definition ul li.selected,.xgplayer-skin-default .xgplayer-definition ul li:hover {
                color: #fff;
                opacity: 1
            }

            .xgplayer-skin-default .xgplayer-definition .name {
                text-align: center;
                font-family: PingFangSC-Regular;
                font-size: 13px;
                cursor: pointer;
                color: hsla(0,0%,100%,.8);
                position: absolute;
                bottom: 5px;
                width: 60px;
                height: 20px;
                line-height: 20px;
                background: rgba(0,0,0,.38);
                border-radius: 10px;
                display: inline-block;
                vertical-align: middle
            }

            .xgplayer-skin-default.xgplayer-definition-active .xgplayer-definition ul,.xgplayer-skin-default.xgplayer-is-definition .xgplayer-definition {
                display: block
            }

            .xgplayer-skin-default .xgplayer-time {
                -webkit-order: 2;
                -moz-box-ordinal-group: 3;
                order: 2;
                font-family: ArialMT;
                font-size: 13px;
                color: #fff;
                line-height: 40px;
                height: 40px;
                text-align: center;
                display: inline-block;
                margin: auto 8px
            }

            .xgplayer-skin-default .xgplayer-time span {
                color: hsla(0,0%,100%,.5)
            }

            .xgplayer-skin-default .xgplayer-time .xgplayer-time-current {
                color: #fff
            }

            .xgplayer-skin-default .xgplayer-time .xgplayer-time-current:after {
                content: "/";
                display: inline-block;
                padding: 0 3px
            }

            .xgplayer-skin-default .xgplayer-controls {
                display: -webkit-flex;
                display: -moz-box;
                display: flex;
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 40px;
                background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.37),rgba(0,0,0,.75),rgba(0,0,0,.75));
                z-index: 10
            }

            .xgplayer-skin-default.no-controls .xgplayer-controls,.xgplayer-skin-default.xgplayer-inactive .xgplayer-controls,.xgplayer-skin-default.xgplayer-is-live .xgplayer-controls .xgplayer-progress,.xgplayer-skin-default.xgplayer-is-live .xgplayer-controls .xgplayer-time,.xgplayer-skin-default.xgplayer-nostart .xgplayer-controls {
                display: none
            }

            .xgplayer-skin-default.xgplayer-is-live .xgplayer-controls .xgplayer-live {
                display: block
            }

            .xgplayer-skin-default .xgplayer-live {
                display: block;
                font-size: 12px;
                color: #fff;
                line-height: 40px;
                -webkit-order: 1;
                -moz-box-ordinal-group: 2;
                order: 1
            }

            .xgplayer-skin-default .xgplayer-loading {
                display: none;
                width: 100px;
                height: 100px;
                overflow: hidden;
                -webkit-transform: scale(.7);
                -ms-transform: scale(.7);
                transform: scale(.7);
                position: absolute;
                left: 50%;
                top: 50%;
                margin: -50px auto auto -50px
            }

            .xgplayer-skin-default .xgplayer-loading svg {
                border-radius: 50%;
                -webkit-transform-origin: center;
                -ms-transform-origin: center;
                transform-origin: center;
                -webkit-animation: loadingRotate 1s linear infinite;
                animation: loadingRotate 1s linear infinite
            }

            .xgplayer-skin-default .xgplayer-loading svg path {
                stroke: #ddd;
                stroke-dasharray: 236;
                -webkit-animation: loadingDashOffset 2s linear infinite;
                animation: loadingDashOffset 2s linear infinite;
                animation-direction: alternate-reverse;
                fill: none;
                stroke-width: 12px
            }

            .xgplayer-skin-default.xgplayer-nostart .xgplayer-loading {
                display: none
            }

            .xgplayer-skin-default.xgplayer-pause .xgplayer-loading {
                display: none!important
            }

            .xgplayer-skin-default.xgplayer-isloading .xgplayer-loading {
                display: block
            }

            .xgplayer-skin-default .xgplayer-progress {
                display: block;
                position: absolute;
                height: 20px;
                line-height: 20px;
                left: 12px;
                right: 12px;
                outline: none;
                top: -15px;
                z-index: 35
            }

            .xgplayer-skin-default .xgplayer-progress-outer {
                background: hsla(0,0%,100%,.3);
                display: block;
                height: 3px;
                line-height: 3px;
                margin-top: 8.5px;
                width: 100%;
                position: relative;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-progress-cache,.xgplayer-skin-default .xgplayer-progress-played {
                display: block;
                height: 100%;
                line-height: 1;
                position: absolute;
                left: 0;
                top: 0
            }

            .xgplayer-skin-default .xgplayer-progress-cache {
                width: 0;
                background: hsla(0,0%,100%,.5)
            }

            .xgplayer-skin-default .xgplayer-progress-played {
                display: block;
                width: 0;
                background-image: linear-gradient(-90deg,#fa1f41,#e31106);
                border-radius: 0 1.5px 1.5px 0
            }

            .xgplayer-skin-default .xgplayer-progress-btn {
                display: none;
                position: absolute;
                left: 0;
                top: -5px;
                width: 13px;
                height: 13px;
                border-radius: 30px;
                background: #fff;
                box-shadow: 0 0 2px 0 rgba(0,0,0,.26);
                left: 100%;
                -webkit-transform: translate(-50%);
                -ms-transform: translate(-50%);
                transform: translate(-50%)
            }

            .xgplayer-skin-default .xgplayer-progress-point {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-progress-point.xgplayer-tips {
                margin-left: 0;
                top: -25px;
                display: none;
                z-index: 100
            }

            .xgplayer-skin-default .xgplayer-progress-dot {
                display: inline-block;
                position: absolute;
                height: 3px;
                width: 5px;
                top: 0;
                background: #fff;
                border-radius: 6px;
                z-index: 16
            }

            .xgplayer-skin-default .xgplayer-progress-dot .xgplayer-progress-tip {
                position: absolute;
                left: 0;
                top: -40px;
                height: auto;
                line-height: 30px;
                width: auto;
                -webkit-transform: scale(.8);
                -ms-transform: scale(.8);
                transform: scale(.8);
                background: rgba(0,0,0,.3);
                border-radius: 6px;
                border: 1px solid rgba(0,0,0,.8);
                cursor: default;
                white-space: nowrap;
                display: none
            }

            .xgplayer-skin-default .xgplayer-progress-dot-show .xgplayer-progress-tip {
                display: block
            }

            .xgplayer-skin-default .xgplayer-progress-thumbnail {
                position: absolute;
                -moz-box-sizing: border-box;
                box-sizing: border-box
            }

            .xgplayer-skin-default .xgplayer-progress-thumbnail.xgplayer-tips {
                margin-left: 0;
                display: none;
                z-index: 99
            }

            .xgplayer-skin-default .xgplayer-progress:focus .xgplayer-progress-outer,.xgplayer-skin-default .xgplayer-progress:hover .xgplayer-progress-outer {
                height: 6px;
                margin-top: 7px
            }

            .xgplayer-skin-default .xgplayer-progress:focus .xgplayer-progress-dot,.xgplayer-skin-default .xgplayer-progress:hover .xgplayer-progress-dot {
                height: 6px
            }

            .xgplayer-skin-default .xgplayer-progress:focus .xgplayer-progress-btn,.xgplayer-skin-default .xgplayer-progress:hover .xgplayer-progress-btn {
                display: block;
                top: -3px
            }

            .xgplayer-skin-default.xgplayer-definition-active .xgplayer-progress,.xgplayer-skin-default.xgplayer-playbackrate-active .xgplayer-progress,.xgplayer-skin-default.xgplayer-texttrack-active .xgplayer-progress,.xgplayer-skin-default.xgplayer-volume-active .xgplayer-progress {
                z-index: 15
            }

            .xgplayer-skin-default.xgplayer-mobile .xgplayer-progress-btn {
                display: block!important
            }

            .xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:focus .xgplayer-progress-outer,.xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:hover .xgplayer-progress-outer {
                height: 3px!important;
                margin-top: 8.5px!important
            }

            .xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:focus .xgplayer-progress-btn,.xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:hover .xgplayer-progress-btn {
                display: block!important;
                top: -5px!important
            }

            .xgplayer-skin-default .xgplayer-replay {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                z-index: 105;
                display: none;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                justify-content: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                align-items: center;
                background: rgba(0,0,0,.54);
                -webkit-flex-direction: column;
                -moz-box-orient: vertical;
                -moz-box-direction: normal;
                flex-direction: column
            }

            .xgplayer-skin-default .xgplayer-replay svg {
                background: rgba(0,0,0,.58);
                border-radius: 100%;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-replay svg path {
                -webkit-transform: translate(20px,21px);
                -ms-transform: translate(20px,21px);
                transform: translate(20px,21px);
                fill: #ddd
            }

            .xgplayer-skin-default .xgplayer-replay svg:hover {
                background: rgba(0,0,0,.38)
            }

            .xgplayer-skin-default .xgplayer-replay svg:hover path {
                fill: #fff
            }

            .xgplayer-skin-default .xgplayer-replay .xgplayer-replay-txt {
                display: inline-block;
                font-family: PingFangSC-Regular;
                font-size: 14px;
                color: #fff;
                line-height: 34px
            }

            .xgplayer-skin-default.xgplayer.xgplayer-ended .xgplayer-controls {
                display: none
            }

            .xgplayer-skin-default.xgplayer.xgplayer-ended .xgplayer-replay {
                display: -webkit-flex;
                display: -moz-box;
                display: flex
            }

            .xgplayer-skin-default .xgplayer-playbackrate {
                -webkit-order: 8;
                -moz-box-ordinal-group: 9;
                order: 8;
                width: 60px;
                height: 20px;
                z-index: 18;
                position: relative;
                display: inline-block;
                cursor: default
            }

            .xgplayer-skin-default .xgplayer-playbackrate ul {
                display: none;
                list-style: none;
                width: 78px;
                background: rgba(0,0,0,.54);
                border-radius: 1px;
                position: absolute;
                bottom: 20px;
                left: 50%;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
                text-align: left;
                white-space: nowrap;
                z-index: 26;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-playbackrate ul li {
                opacity: .7;
                font-family: PingFangSC-Regular;
                font-size: 11px;
                color: hsla(0,0%,100%,.8);
                position: relative;
                padding: 4px 0;
                text-align: center
            }

            .xgplayer-skin-default .xgplayer-playbackrate ul li.selected,.xgplayer-skin-default .xgplayer-playbackrate ul li:hover {
                color: #fff;
                opacity: 1
            }

            .xgplayer-skin-default .xgplayer-playbackrate ul li:first-child {
                position: relative;
                margin-top: 12px
            }

            .xgplayer-skin-default .xgplayer-playbackrate ul li:last-child {
                position: relative;
                margin-bottom: 12px
            }

            .xgplayer-skin-default .xgplayer-playbackrate .name {
                height: 20px;
                position: relative;
                top: 11px;
                text-align: center;
                background: rgba(0,0,0,.38);
                color: hsla(0,0%,100%,.8);
                border-radius: 10px;
                line-height: 20px
            }

            .xgplayer-skin-default .xgplayer-playbackrate span {
                position: relative;
                top: 19px;
                font-weight: 700;
                text-shadow: 0 0 4px rgba(0,0,0,.6)
            }

            .xgplayer-skin-default .xgplayer-playbackrate:hover {
                opacity: 1
            }

            .xgplayer-skin-default.xgplayer-playbackrate-active .xgplayer-playbackrate ul {
                display: block
            }

            .xgplayer-skin-default .xgplayer-download {
                position: relative;
                -webkit-order: 9;
                -moz-box-ordinal-group: 10;
                order: 9;
                display: block;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-download .xgplayer-icon {
                margin-top: 3px
            }

            .xgplayer-skin-default .xgplayer-download .xgplayer-icon div {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-download .xgplayer-icon svg {
                position: relative;
                top: 5px;
                left: 5px
            }

            .xgplayer-skin-default .xgplayer-download .xgplayer-tips {
                margin-left: -20px
            }

            .xgplayer-skin-default .xgplayer-download .xgplayer-tips .xgplayer-tip-download {
                display: block
            }

            .xgplayer-skin-default .xgplayer-download:hover {
                opacity: .85
            }

            .xgplayer-skin-default .xgplayer-download:hover .xgplayer-tips {
                display: block
            }

            .lang-is-en .xgplayer-download .xgplayer-tips {
                margin-left: -32px
            }

            .lang-is-jp .xgplayer-download .xgplayer-tips {
                margin-left: -40px
            }

            .xgplayer-skin-default .danmu-switch {
                -webkit-order: 6;
                -moz-box-ordinal-group: 7;
                order: 6;
                z-index: 26
            }

            .xgplayer-skin-default .xgplayer-danmu {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 100%;
                overflow: hidden;
                z-index: 9;
                outline: none
            }

            .xgplayer-skin-default .xgplayer-danmu>* {
                position: absolute;
                white-space: nowrap;
                z-index: 9
            }

            .xgplayer-skin-default .xgplayer-danmu.xgplayer-has-danmu {
                display: block
            }

            .xgplayer-skin-default .xgplayer-panel {
                outline: none;
                -webkit-order: 7;
                -moz-box-ordinal-group: 8;
                order: 7;
                width: 40px;
                height: 40px;
                display: inline-block;
                position: relative;
                font-family: PingFangSC-Regular;
                font-size: 13px;
                color: hsla(0,0%,100%,.8);
                z-index: 36
            }

            .xgplayer-skin-default .xgplayer-panel .xgplayer-panel-icon {
                cursor: pointer;
                position: absolute;
                margin-left: 5px;
                top: 10px
            }

            .xgplayer-skin-default .xgplayer-panel-active {
                display: block!important;
                bottom: 30px
            }

            .xgplayer-skin-default .xgplayer-panel-slider {
                z-index: 36;
                display: none;
                position: absolute;
                width: 230px;
                height: 230px;
                background: rgba(0,0,0,.54);
                border-radius: 1px;
                padding: 10px 20px;
                outline: none;
                left: -115px;
                bottom: 40px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode {
                padding-bottom: 10px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode-radio li {
                display: inline;
                list-style: none;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode ul {
                display: -webkit-flex;
                display: -moz-box;
                display: flex;
                -webkit-justify-content: space-around;
                justify-content: space-around
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode li {
                margin: 0 12px;
                font-size: 11px;
                color: #aaa
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode-font {
                margin-bottom: 10px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency {
                display: block;
                margin-top: 10px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-line {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                cursor: pointer;
                outline: none;
                width: 150px;
                height: 4px;
                background: #aaa;
                border-radius: 4px;
                border-style: none;
                margin-left: 10px;
                margin-top: -2px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-line::-moz-focus-outer {
                border: 0!important
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-color::-webkit-slider-runnable-track {
                outline: none;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-color::-moz-range-track {
                outline: none;
                background-color: #aaa;
                border-color: transparent;
                cursor: pointer;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-color::-ms-track {
                outline: none;
                background-color: #aaa;
                color: transparent;
                border-color: transparent;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-webkit-slider-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 6px;
                width: 6px;
                margin-top: -4px;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-moz-range-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 0;
                width: 0;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-ms-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 6px;
                width: 6px;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-moz-range-progress {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                height: 4px;
                border-radius: 4px;
                background: linear-gradient(90deg,#f85959,#f85959 100%,#aaa)
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea {
                display: block;
                margin-top: 8px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-name {
                display: inline-block;
                position: relative;
                top: -10px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-control {
                display: inline-block
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-control-up {
                width: 150px;
                margin-left: 10px;
                display: -moz-box;
                display: -webkit-flex;
                display: flex;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                justify-content: space-between;
                color: #aaa
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-control-down {
                position: relative;
                top: -10px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-control-down-dots {
                display: -webkit-flex;
                display: -moz-box;
                display: flex;
                width: 150px;
                margin-left: 10px;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                justify-content: space-between
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-threequarters,.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-twoquarters {
                margin-left: -6px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-full {
                margin-right: 3px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-line {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                cursor: pointer;
                outline: none;
                width: 150px;
                height: 4px;
                background: #aaa;
                border-radius: 4px;
                border-style: none;
                margin-left: 10px;
                margin-top: -2px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-line::-moz-focus-outer {
                border: 0!important
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-color::-webkit-slider-runnable-track {
                outline: none;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-color::-moz-range-track {
                outline: none;
                background-color: #aaa;
                border-color: transparent;
                cursor: pointer;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-color::-ms-track {
                outline: none;
                background-color: #aaa;
                color: transparent;
                border-color: transparent;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-bar::-webkit-slider-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 6px;
                width: 6px;
                margin-top: -4px;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-bar::-moz-range-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 0;
                width: 0;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-bar::-ms-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 6px;
                width: 6px;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-full-dot,.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-onequarters-dot,.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-threequarters-dot,.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-twoquarters-dot,.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-zero-dot {
                width: 3px;
                height: 3px;
                border: 3px solid #aaa;
                border-radius: 50%;
                background-color: #aaa;
                position: relative;
                top: 16px;
                z-index: -1
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed {
                display: block
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-name {
                display: inline-block;
                position: relative;
                top: -10px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-control {
                display: inline-block
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-control-up {
                width: 150px;
                margin-left: 10px;
                display: -moz-box;
                display: -webkit-flex;
                display: flex;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                justify-content: space-between;
                color: #aaa
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-control-down {
                position: relative;
                top: -10px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-control-down-dots {
                display: -webkit-flex;
                display: -moz-box;
                display: flex;
                width: 150px;
                margin-left: 10px;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                justify-content: space-between
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-line {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                cursor: pointer;
                outline: none;
                width: 150px;
                height: 4px;
                background: #aaa;
                border-radius: 4px;
                border-style: none;
                margin-left: 10px;
                margin-top: -2px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-line::-moz-focus-outer {
                border: 0!important
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-color::-webkit-slider-runnable-track {
                outline: none;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-color::-moz-range-track {
                outline: none;
                background-color: #aaa;
                border-color: transparent;
                cursor: pointer;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-color::-ms-track {
                outline: none;
                background-color: #aaa;
                color: transparent;
                border-color: transparent;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-bar::-webkit-slider-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 6px;
                width: 6px;
                margin-top: -4px;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-bar::-moz-range-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 0;
                width: 0;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-bar::-ms-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 6px;
                width: 6px;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-large-dot,.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-middle-dot,.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-small-dot {
                width: 3px;
                height: 3px;
                border: 3px solid #aaa;
                border-radius: 50%;
                background-color: #aaa;
                position: relative;
                top: 16px;
                z-index: -1
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont {
                display: block
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-name {
                display: inline-block;
                position: relative;
                top: -10px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-control {
                display: inline-block
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-control-up {
                width: 150px;
                margin-left: 10px;
                display: -moz-box;
                display: -webkit-flex;
                display: flex;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                justify-content: space-between;
                color: #aaa
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-control-down {
                position: relative;
                top: -10px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-control-down-dots {
                display: -webkit-flex;
                display: -moz-box;
                display: flex;
                width: 150px;
                margin-left: 10px;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                justify-content: space-between
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-line {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                cursor: pointer;
                outline: none;
                width: 150px;
                height: 4px;
                background: #aaa;
                border-radius: 4px;
                border-style: none;
                margin-left: 10px;
                margin-top: -2px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-line::-moz-focus-outer {
                border: 0!important
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-color::-webkit-slider-runnable-track {
                outline: none;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-color::-moz-range-track {
                outline: none;
                background-color: #aaa;
                border-color: transparent;
                cursor: pointer;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-color::-ms-track {
                outline: none;
                background-color: #aaa;
                color: transparent;
                border-color: transparent;
                width: 150px;
                height: 4px;
                border-radius: 4px
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-bar::-webkit-slider-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 6px;
                width: 6px;
                margin-top: -4px;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-bar::-moz-range-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 0;
                width: 0;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-bar::-ms-thumb {
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 6px solid #f85959;
                height: 6px;
                width: 6px;
                border-radius: 6px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-large-dot,.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-middle-dot,.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-small-dot {
                width: 3px;
                height: 3px;
                border: 3px solid #aaa;
                border-radius: 50%;
                background-color: #aaa;
                position: relative;
                top: 16px;
                z-index: -1
            }

            .xgplayer-skin-default .xgplayer-playnext {
                position: relative;
                -webkit-order: 1;
                -moz-box-ordinal-group: 2;
                order: 1;
                display: block;
                cursor: pointer;
                top: -2px
            }

            .xgplayer-skin-default .xgplayer-playnext .xgplayer-icon div {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext {
                display: block
            }

            .xgplayer-skin-default .xgplayer-playnext:hover {
                opacity: .85
            }

            .xgplayer-skin-default .xgplayer-playnext:hover .xgplayer-tips {
                display: block
            }

            .lang-is-en .xgplayer-playnext .xgplayer-tips {
                margin-left: -25px
            }

            .lang-is-jp .xgplayer-playnext .xgplayer-tips {
                margin-left: -38px
            }

            .xgplayer-skin-default.xgplayer-playnext-inactive .xgplayer-playnext {
                display: none
            }

            .xgplayer-skin-default .xgplayer-pip {
                -webkit-order: 9;
                -moz-box-ordinal-group: 10;
                order: 9;
                position: relative;
                outline: none;
                display: block;
                cursor: pointer;
                height: 20px;
                top: 8px
            }

            .xgplayer-skin-default .xgplayer-pip .name {
                text-align: center;
                font-family: PingFangSC-Regular;
                font-size: 13px;
                line-height: 20px;
                height: 20px;
                color: hsla(0,0%,100%,.8)
            }

            .xgplayer-skin-default .xgplayer-pip .name span {
                width: 60px;
                height: 20px;
                line-height: 20px;
                background: rgba(0,0,0,.38);
                border-radius: 10px;
                display: inline-block;
                vertical-align: middle
            }

            .xgplayer-skin-default .xgplayer-pip-lay {
                position: absolute;
                top: 26px;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 130;
                cursor: pointer;
                background-color: transparent;
                display: none
            }

            .xgplayer-skin-default .xgplayer-pip-lay div {
                width: 100%;
                height: 100%
            }

            .xgplayer-skin-default .xgplayer-pip-drag {
                cursor: move;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 26px;
                line-height: 26px;
                background-image: linear-gradient(rgba(0,0,0,.3),transparent);
                z-index: 130;
                display: none
            }

            .xgplayer-skin-default.xgplayer-pip-active {
                position: fixed;
                right: 0;
                bottom: 200px;
                width: 320px!important;
                height: 180px!important;
                z-index: 110!important
            }

            .xgplayer-skin-default.xgplayer-pip-active .xgplayer-controls,.xgplayer-skin-default.xgplayer-pip-active .xgplayer-danmu {
                display: none
            }

            .xgplayer-skin-default.xgplayer-pip-active .xgplayer-pip-lay {
                display: block
            }

            .xgplayer-skin-default.xgplayer-pip-active .xgplayer-pip-drag {
                display: -webkit-flex;
                display: -moz-box;
                display: flex
            }

            .xgplayer-skin-default.xgplayer-inactive .xgplayer-pip-drag {
                display: none
            }

            .lang-is-jp .xgplayer-pip .name span {
                width: 70px;
                height: 20px
            }

            .xgplayer-skin-default .xgplayer-rotate {
                position: relative;
                -webkit-order: 10;
                -moz-box-ordinal-group: 11;
                order: 10;
                display: block;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-rotate .xgplayer-icon {
                margin-top: 7px;
                width: 26px
            }

            .xgplayer-skin-default .xgplayer-rotate .xgplayer-icon div {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-rotate .xgplayer-tips {
                margin-left: -22px
            }

            .xgplayer-skin-default .xgplayer-rotate .xgplayer-tips .xgplayer-tip-rotate {
                display: block
            }

            .xgplayer-skin-default .xgplayer-rotate:hover {
                opacity: .85
            }

            .xgplayer-skin-default .xgplayer-rotate:hover .xgplayer-tips {
                display: block
            }

            .lang-is-en .xgplayer-rotate .xgplayer-tips {
                margin-left: -26px
            }

            .lang-is-jp .xgplayer-rotate .xgplayer-tips {
                margin-left: -38px
            }

            .xgplayer-skin-default .xgplayer-reload {
                position: relative;
                -webkit-order: 1;
                -moz-box-ordinal-group: 2;
                order: 1;
                display: block;
                width: 40px;
                height: 40px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-reload .xgplayer-icon {
                margin-top: 7px;
                width: 26px
            }

            .xgplayer-skin-default .xgplayer-reload .xgplayer-icon div {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-reload .xgplayer-tips {
                margin-left: -22px
            }

            .xgplayer-skin-default .xgplayer-reload .xgplayer-tips .xgplayer-tip-reload {
                display: block
            }

            .xgplayer-skin-default .xgplayer-reload:hover {
                opacity: .85
            }

            .xgplayer-skin-default .xgplayer-reload:hover .xgplayer-tips {
                display: block
            }

            .lang-is-en .xgplayer-reload .xgplayer-tips {
                margin-left: -26px
            }

            .lang-is-jp .xgplayer-reload .xgplayer-tips {
                margin-left: -38px
            }

            .xgplayer-skin-default .xgplayer-screenshot {
                -webkit-order: 11;
                -moz-box-ordinal-group: 12;
                order: 11;
                position: relative;
                outline: none;
                display: block;
                cursor: pointer;
                height: 20px;
                top: 8px
            }

            .xgplayer-skin-default .xgplayer-screenshot .name {
                text-align: center;
                font-family: PingFangSC-Regular;
                font-size: 13px;
                line-height: 20px;
                height: 20px;
                color: hsla(0,0%,100%,.8)
            }

            .xgplayer-skin-default .xgplayer-screenshot .name span {
                width: 60px;
                height: 20px;
                line-height: 20px;
                background: rgba(0,0,0,.38);
                border-radius: 10px;
                display: inline-block;
                vertical-align: middle
            }

            .lang-is-en .xgplayer-screenshot .name span,.lang-is-jp .xgplayer-screenshot .name span {
                width: 75px;
                height: 20px
            }

            .xgplayer-skin-default .xgplayer-texttrack {
                -webkit-order: 7;
                -moz-box-ordinal-group: 8;
                order: 7;
                width: 60px;
                height: 150px;
                z-index: 18;
                position: relative;
                outline: none;
                display: none;
                cursor: default;
                margin-top: -119px
            }

            .xgplayer-skin-default .xgplayer-texttrack ul {
                display: none;
                list-style: none;
                min-width: 78px;
                background: rgba(0,0,0,.54);
                border-radius: 1px;
                position: absolute;
                bottom: 30px;
                text-align: center;
                white-space: nowrap;
                left: 50%;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
                z-index: 26;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-texttrack ul li {
                opacity: .7;
                font-family: PingFangSC-Regular;
                font-size: 11px;
                color: hsla(0,0%,100%,.8);
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
                margin: auto;
                padding: 6px 13px
            }

            .xgplayer-skin-default .xgplayer-texttrack ul li.selected,.xgplayer-skin-default .xgplayer-texttrack ul li:hover {
                color: #fff;
                opacity: 1
            }

            .xgplayer-skin-default .xgplayer-texttrack .name {
                text-align: center;
                font-family: PingFangSC-Regular;
                font-size: 13px;
                cursor: pointer;
                color: hsla(0,0%,100%,.8);
                position: absolute;
                bottom: 0;
                width: 60px;
                height: 20px;
                line-height: 20px;
                background: rgba(0,0,0,.38);
                border-radius: 10px;
                display: inline-block;
                vertical-align: middle
            }

            .xgplayer-skin-default.xgplayer-is-texttrack .xgplayer-texttrack,.xgplayer-skin-default.xgplayer-texttrack-active .xgplayer-texttrack ul {
                display: block
            }

            .xgplayer-skin-default .xgplayer-icon {
                display: block;
                width: 40px;
                height: 40px;
                overflow: hidden;
                fill: #fff
            }

            .xgplayer-skin-default .xgplayer-icon svg {
                position: absolute
            }

            .xgplayer-skin-default .xgplayer-tips {
                background: rgba(0,0,0,.54);
                border-radius: 1px;
                display: none;
                position: absolute;
                font-family: PingFangSC-Regular;
                font-size: 11px;
                color: #fff;
                padding: 2px 4px;
                text-align: center;
                top: -30px;
                left: 50%;
                margin-left: -16px;
                width: auto;
                white-space: nowrap
            }

            .xgplayer-skin-default.xgplayer-mobile .xgplayer-tips {
                display: none!important
            }

            .xgplayer-skin-default .xgplayer-error {
                background: #000;
                display: none;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                z-index: 125;
                font-family: PingFangSC-Regular;
                font-size: 14px;
                color: #fff;
                text-align: center;
                line-height: 100%;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                justify-content: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                align-items: center
            }

            .xgplayer-skin-default .xgplayer-error .xgplayer-error-refresh {
                color: #fa1f41;
                padding: 0 3px;
                cursor: pointer
            }

            .xgplayer-skin-default .xgplayer-error .xgplayer-error-text {
                line-height: 18px;
                margin: auto 6px
            }

            .xgplayer-skin-default.xgplayer-is-error .xgplayer-error {
                display: -webkit-flex;
                display: -moz-box;
                display: flex
            }

            .xgplayer-skin-default .xgplayer-memoryplay-spot {
                position: absolute;
                height: 32px;
                left: 10px;
                bottom: 46px;
                background: rgba(0,0,0,.5);
                border-radius: 32px;
                line-height: 32px;
                color: #ddd;
                z-index: 15;
                padding: 0 32px 0 16px
            }

            .xgplayer-skin-default .xgplayer-memoryplay-spot .xgplayer-lasttime {
                color: red;
                font-weight: 700
            }

            .xgplayer-skin-default .xgplayer-memoryplay-spot .btn-close {
                position: absolute;
                width: 16px;
                height: 16px;
                right: 10px;
                top: 2px;
                cursor: pointer;
                color: #fff;
                font-size: 16px
            }
        </style>
        <style type="text/css">
            .danmu {
                overflow: hidden;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
                -ms-user-select: none
            }

            .danmu>* {
                position: absolute;
                white-space: nowrap
            }

            .danmu-switch {
                width: 32px;
                height: 20px;
                border-radius: 100px;
                background-color: #ccc;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                outline: none;
                cursor: pointer;
                position: relative;
                text-align: center;
                margin: 10px auto
            }

            .danmu-switch.danmu-switch-active {
                padding-left: 12px;
                background-color: #f85959
            }

            .danmu-switch span.txt {
                width: 20px;
                height: 20px;
                line-height: 20px;
                text-align: center;
                display: block;
                border-radius: 100px;
                background-color: #ffffff;
                -webkit-box-shadow: -2px 0 0 0 rgba(0, 0, 0, .04);
                box-shadow: -2px 0 0 0 rgba(0, 0, 0, .04);
                font-family: PingFangSC;
                font-size: 10px;
                font-weight: 500;
                color: #f44336
            }