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

html, body {
    width: 100%;
    overflow-x: hidden;
}

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

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

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

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

.clearfix:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both
}

@font-face {
    font-family: "NotoSansSC-Medium-V1.7";
    src: url(https://lilithimage.lilithcdn.com/wbpages/afkjourney/WavesofIntrigue/2408/fonts/NotoSansSC-Medium-V1.7.ttf
    ) format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "文道哥特宋v1.8";
    src: url(https://lilithimage.lilithcdn.com/wbpages/afkjourney/WavesofIntrigue/2408/fonts/文道哥特宋v1.8.ttf) format("truetype");
    font-weight: normal;
    font-style: normal
}

.modal {
    display: none;
    position: fixed;
    z-index: 10;
    padding-top: 13.333vw;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}
#whatUidModal {
    z-index: 99;
}

.login-modal-content {
    position: relative;
    width: 90.667vw;
    height: 71.067vw;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../../images/id/m/dialog-bg-1.png);
    background-size: 90.667vw 61.733vw;
    background-repeat: no-repeat;
    background-position: bottom;
    margin: auto;
    margin-top: 25.333vw
}

.modal-close {
    position: absolute;
    top: 2vw;
    right: .4vw
}

.modal-close img {
    width: 6.82730923694779vw;
    height: 5.89022757697456vw
}

.modal-form {
    padding-top: 22vw;
    padding-left: 14.667vw
}

.modal-form .email-address-input {
    width: 58.533vw;
    height: 8.133vw;
    padding-left: 4vw;
    background: #f5f5f5;
    border-radius: 8.133vw;
    border: .052vw solid #bad0cc;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 3.2vw;
    line-height: 9vw;
    color: #7b868e
}
.modal-form .send-code .email-address-input::placeholder{
    font-size: 2.6vw;
}

.modal-form .send-code {
    margin-top: 2.4vw;
    width: 62.267vw;
    height: 8.133vw;
    line-height: 9vw;
    position: relative
}

.modal-form .send-code .send-code-btn {
    position: absolute;
    right: -0.8vw;
    bottom: -1px;
    width: 24.933vw;
    height: 8.4vw;
    background-image: url(../../images/common/m/code.png);
    background-repeat: no-repeat;
    background-size: 24.933vw 8.4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5vw;
    line-height: 3.2vw;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    color: #f5f5f5;
    font-style: italic
}

.modal-check {
    display: flex;
    align-items: center;
    width: 100vw;
    height: 6.667vw;
    margin-top: 2.133vw
}

.modal-check .check-checkbox {
    width: 2.4vw;
    height: 2.4vw;
    margin-left: 16.933vw;
    margin-right: 2.133vw
}

.modal-check .check-tips, .modal-check .check-tips a {
    width: 50vw;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 2.667vw;
    height: 6.667vw;
    color: #7b868e;
    line-height: 3.333vw
}

.modal-check .check-tips .tips-imp {
    text-decoration: underline
}

.modal-msg {
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 2.667vw;
    color: #ed5757;
    line-height: 3.333vw;
    margin-top: 2.533vw;
    margin-left: 17.2vw;
    opacity: 0;
}

.modal-login-btn {
    width: 27.333vw;
    height: 8.667vw;
    margin-left: 31.867vw;
    margin-top: 2.4vw;
    background-image: url(../../images/common/m/btn-bg-01.png);
    background-repeat: no-repeat;
    background-size: 27.333vw 8.667vw
}

.modal-login-btn .login-btn-font {
    margin-left: 9vw;
    font-family: "NotoSansSC-Medium-V1.7",Arial,sans-serif;
    font-weight: 400;
    font-size: 3.5vw;
    color: #fff8ec;
    line-height: 8vw;
    font-style: italic
}

.what-modal-content {
    position: relative;
    width: 90.667vw;
    height: 67.467vw;
    background-color: rgba(0, 0, 0, 0);
   /* background-image: url(..../../images/lastone.png);*/
    background-size: 90.667vw 61.733vw;
    background-repeat: no-repeat;
    background-position: bottom;
    margin: auto;
    margin-top: 25.333vw
}

.successModal-modal-content {
    position: relative;
    width: 90.667vw;
    height: 57.733vw;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../../images/id/m/submitted-dialog-bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: auto;
    margin-top: 25.333vw;
    padding-top: 1vw;
}

.successModal-modal-content .success-modal-title {
    position: absolute;
    left: 10.667vw;
    top: 0px
}

.successModal-modal-content .success-modal-title img {
    width: 64.533vw;
    height: 16vw
}

.successModal-modal-content .success-modal-close {
    position: absolute;
    top: -7.333vw;
    right: 0;
}

.successModal-modal-content .success-modal-close img {
    width: 8.267vw;
    height: 7.2vw
}

.successModal-modal-content .username-input {
    color: #7b868e;
    width: 74.4vw;
    padding-left: 4vw;
    height: 10.7095046854083vw;
    background: #f5f5f5;
    border-radius: 8.133vw;
    border: 1px solid #bad0cc;
    font-size: 3.2vw;
    line-height: 3.2vw;
    margin-top: 1vw;
}

.successModal-modal-content .success-tips {
    width: 90.667vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16vw;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 3.467vw;
    color: #7b868e;
    line-height: 6.4vw
}

.video-modal-content {
    position: relative;
    width: 90.667vw;
    height: 153.3908969210174vw;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../../images/id/m/video-dialog-bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin: auto;
    border-bottom-left-radius: 2vw;
    border-bottom-right-radius: 2vw;
}

.video-modal-content .video-modal-form {
    width: 90.667vw;
    height: 13.333vw;
    padding-top: 21vw
}

.video-modal-content .video-modal-form .video-form-item {
    width: 78.667vw;
    height: 8.4vw;
    margin-left: 3.8vw;
    margin-bottom: 4vw;
    position: relative
}

.video-modal-content .video-modal-form .video-form-select {
    width: 83.667vw;
    padding-left: 2vw;
    height: 10.7095046854083vw;
    background: #f5f5f5;
    border-radius: 8.133vw;
    border: 1px solid #cfdedb;
    font-size: 3.2vw;
    display: flex;
    align-items: center;
    box-shadow: .417vw .521vw .052vw #cad3d1;
}

.video-modal-content .video-modal-form .video-form-input {
    font-family: "文道哥特宋v1.8", iG;
    color: #7b868e;
    width: 81.4vw;
    padding-left: 2vw;
    height: 10.7095046854083vw;
    background: #f5f5f5;
    border-radius: 8.133vw;
    border: 1px solid #bad0cc;
    font-size: 3.2vw;
    line-height: 3.2vw
}

.video-modal-content .video-modal-form .select-img {
    width: 3.2vw;
    height: 3.2vw;
    position: absolute;
    right: 2.667vw;
    top: 4vw;
    pointer-events: none;
}

.video-modal-content .video-modal-form .video-form-tip {
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 3.2vw;
    color: #7b868e;
    line-height: 4.533vw;
    margin-left: 6.267vw
}

.video-modal-content .video-modal-form .video-form-plus {
    position: relative;
    margin-left: 5.2vw;
    margin-top: 2.133vw
}

#video-file {
    width: 15.39491298527443vw;
    height: 15.39491298527443vw;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    cursor: pointer;
}

.video-modal-content .video-modal-form .video-form-plus img {
    width: 15.39491298527443vw;
    height: 15.39491298527443vw;
    z-index: 8;
}

.video-upload-text {
    width: 78.667vw;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 3.2128514vw;
    color: #37ad9b;
    line-height: 5.333vw;
    margin: 1vw auto 1.2vw;
    text-align: center;
}

.video-modal-content .video-modal-form .uid-text {
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 2.4vw;
    color: #7b868e;
    text-decoration-line: underline;
    margin-left: 8.933vw;
    margin-bottom: 4vw
}

.video-modal-content .video-modal-form .video-form-username {
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 2.4vw;
    color: #7b868e;
    line-height: 3.067vw;
    margin-left: 8.933vw
}

.video-modal-content .video-modal-form .modal-video-button {
    width: 42.9718875502008vw;
    height: 11.067vw;
    background-image: url(../../images/common/m/btn-bg-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    margin-left: 28vw;
    margin-top: 2.667vw
}

.video-modal-content .video-modal-form .modal-video-button .login-btn-font {
    display: flex;
    line-height: 9vw;
    margin-left: 12vw;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 4.533vw;
    color:#fff8ec;
    font-style: italic
}

.video-modal-content .video-modal-form .color-deep {
    background-color: #f5f5f5;
}

.video-modal-content .video-modal-form .select-box {
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 3.2vw;
    color: #7b868e;
    line-height: 5.333vw
}
.video-modal-content .video-modal-form .select-box[name="socialPlatform"]{
    font-size: 2.7vw;
}

.video-modal-content .video-modal-form .video-form-input[name="channelName"]::placeholder,
.fanart-modal-content .fanart-modal-form .fanart-form-input[name="channelName"]::placeholder {
    font-size: 3vw;
}

.fanart-modal-content {
    position: relative;
    width: 90.667vw;
    height: 161.6358768406961vw;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../../images/id/m/tote-dialog-bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin: auto;
    border-bottom-left-radius: 2vw;
    border-bottom-right-radius: 2vw;
}

.fanart-modal-content .fanart-modal-close {
    position: absolute;
    top: 0;
    right: 2.4vw
}

.fanart-modal-content .fanart-modal-close img {
    width: 8.267vw;
    height: 7.2vw
}

.fanart-modal-content .fanart-modal-title {
    position: absolute;
    left: 7.333vw;
    top: -1vw;
}

.fanart-modal-content .fanart-modal-title img {
    width: 75.467vw;
    height: 5.6vw
}

.fanart-modal-content .fanart-modal-form {
    width: 90.667vw;
    height: 13.333vw;
    padding-top: 18vw
}

.fanart-modal-content .fanart-modal-form .fina-1 {
    display: flex;
    align-items: center;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 3.2vw;
    color: #7b868e
}

.fanart-modal-content .fanart-modal-form .fina-2 {
    width: 21.867vw;
    display: flex;
    text-align: center;
    flex-direction: column;
    margin-right: 2.133vw
}

.fanart-modal-content .fanart-modal-form .fanart-form-item {
    width: 78.667vw;
    height: 8.4vw;
    margin-left: 4.8vw;
    margin-bottom: 4vw;
    position: relative
}

.fanart-modal-content .fanart-modal-form .fanart-form-item2 {
    width: 78.667vw;
    height: 8.4vw;
    margin-left: 8vw;
    margin-bottom: 2.133vw;
}

.fanart-modal-content .fanart-modal-form .fanart-form-select {
    width: 100%;
    padding-left: 4vw;
    height: 10.7095046854083vw;
    background: #f5f5f5;
    border-radius: 8.133vw;
    border: 1px solid #cfdedb;
    font-size: 3.2vw;
    display: flex;
    align-items: center;
    box-shadow: .417vw .521vw .052vw #cad3d1;
}

.fanart-modal-content .fanart-modal-form .fanart-form-input {
    width: 74.4vw;
    padding-left: 4vw;
    height: 10.7095046854083vw;
    background: #f5f5f5;
    border-radius: 8.133vw;
    border: 1px solid #bad0cc;
    font-size: 3.2vw;
    line-height: 3.2vw
}

.fanart-modal-content .fanart-modal-form .select-img {
    width: 3.2vw;
    height: 3.2vw;
    position: absolute;
    right: 2.667vw;
    top: 4vw;
    pointer-events: none;
}

.fanart-modal-content .fanart-modal-form .fanart-form-tip {
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 3.2vw;
    color: #7b868e;
    line-height: 4.533vw;
    margin-left: 10.267vw
}
.fanart-form-upload input[type=file] {
    width: 15.39491298527443vw;
    height: 15.39491298527443vw;
    position: absolute;
    z-index: 9;
}
.video-modal-content .video-modal-form .video-form-upload {
    display: flex
}
.fanart-modal-content .fanart-modal-form .fanart-form-upload {
    display: flex
}

.fanart-modal-content .fanart-modal-form .fanart-form-upload img {
    width: 15.39491298527443vw;
    height: 15.39491298527443vw;
}

.fanart-modal-content .fanart-modal-form .fanart-form-upload .upload-left img {
    width: 15.39491298527443vw;
    height: 15.39491298527443vw;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
}

.fanart-modal-content .fanart-modal-form .fanart-form-upload .upload-left {
    position: relative;
    margin-left: 7.867vw;
    width: 15.39491298527443vw;
    height: 15.39491298527443vw;
}

#fanart-file-input-2,#fanart-file-input-3,#fanart-file-input-4 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
}

.fanart-modal-content .fanart-modal-form .fanart-form-upload .upload-right .item-plus_2,.fanart-modal-content .fanart-modal-form .fanart-form-upload .upload-right .item-plus_3,.fanart-modal-content .fanart-modal-form .fanart-form-upload .upload-right .item-plus_4 {
    position: relative;
    width: 15.39491298527443vw;
    height: 15.39491298527443vw;
    margin-right: 3.2vw;
}

#fanart-file-1,#fanart-file-2,#fanart-file-3,#fanart-file-4 {
    width: 15.39491298527443vw;
    height: 15.39491298527443vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    opacity: 0;
}

.fanart-modal-content .fanart-modal-form .fanart-form-plus {
    display: flex;
    margin-left: 9.2vw;
    margin-top: 2.133vw
}

.fanart-modal-content .fanart-modal-form .fanart-upload-text {
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 3vw;
    color: #37ad9b;
    line-height: 5.333vw;
    margin-left: 8vw;
    margin-bottom: 1.2vw
}

.fanart-modal-content .fanart-modal-form .uid-text {
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 2.4vw;
    color: #7b868e;
    text-decoration-line: underline;
    margin-left: 8.933vw;
    margin-bottom: 4vw
}

.fanart-modal-content .fanart-modal-form .fanart-form-username {
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 2.4vw;
    color: #7b868e;
    line-height: 3.067vw;
    margin-left: 8.933vw
}

.fanart-modal-content .fanart-modal-form .modal-fanart-button {
    width: 42.9718875502008vw;
    height: 11.067vw;
    background-image: url(../../images/common/m/btn-bg-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    margin: 2.667vw auto 0;
}

.fanart-modal-content .fanart-modal-form .modal-fanart-button .login-btn-font {
    display: flex;
    line-height: 10.067vw;
    margin-left: 12.8vw;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 4.533vw;
    color: #fff8ec;
    font-style: italic
}

.fanart-modal-content .fanart-modal-form .color-deep {
    background-color: #f5f5f5;
}

.fanart-modal-content .fanart-modal-form .select-box {
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 3.2vw;
    color: #7b868e;
    line-height: 5.333vw
}

input::-moz-placeholder {
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 3.2vw;
    color: #7b868e;
    line-height: 5.333vw
}

input::placeholder {
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 3.2vw;
    color: #7b868e;
    line-height: 5.333vw
}

input {
    outline: none;
    box-shadow: none;
    border: 0;
    background: rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.disabled {
    display: none
}

input[type=file] {
    opacity: 0;
}

img {
    vertical-align: middle
}

.song-page {
    width: 100vw;
    position: relative;
    overflow: hidden
}

.song-page-01 {
    width: 100vw;
    height: 1984vw;
    background-image: url(../../images/id/m/bg.jpg);
    background-size: 100% 100%;
    background-position: left top, right bottom;
    background-repeat: no-repeat
}

.song-page-01 .login-need-box {
    display: none
}

.song-page-01 .song-need-login {
    width: 100vw;
    height: 6.8vw;
    display: flex;
    align-items: center;
    color: #fffeea;
    font-size: 3.2vw;
    font-weight: 400;
    display: block;
    font-family: "文道哥特宋v1.8", iG
}

.song-page-01 .song-need-login .login-text {
    height: 6.8vw;
    display: flex;
    align-items: center;
    padding-left: 2.667vw
}

.song-page-01 .login-yes-box {
    margin: 0 4.68540829986613vw;
    height: 11.37884872824632vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fffeea;
    font-size: 3.4805890227577vw;
}

.song-page-01 .song-login {
    height: 6.8vw;
    display: flex;
    font-weight: 400;
    font-family: "文道哥特宋v1.8", iG;
    font-size: 3vw;
}
.song-login-name{
    display: flex;
    justify-content: center;
    align-items: center;
}

.song-page-01 .song-login .email-text {
    text-decoration: underline;
}

.song-page-01 .login-yes-box .language-box {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 3.2vw;
    font-family: "文道哥特宋v1.8", iG;
}

.song-page-01 .login-yes-box .language-box .kv_ul {
    display: none;
    position: absolute;
    top: 7.37884872824632vw;
    right: -4vw;
    width: 20vw;
    background-color: rgba(0, 0, 0, .1);
    backdrop-filter: blur(5px);
    padding: 2.666666666666667vw 2.666666666666667vw;
    color: #fff;
    transition: all;
    z-index: 9;
}

.song-page-01 .login-yes-box .language-box .kv_ul li {
    display: block;
    margin-bottom: 3vw;
    text-align: center;
}

.song-page-01 .login-yes-box .language-box img {
    width: 4.14993306559572vw;
    height: 4.14993306559572vw;
    margin-right: 1.87416331994645vw;
}

.song-page-01 .song-download {
    width: 100vw;
    margin-top: 93vw;
    text-align: center;
}

.song-page-01 .song-download .song-download-img {
    width: 57.2958500669344vw;
    height: 12.04819277108434vw
}

.song-page-01 .song-main-01 {
    width: 100vw;
    display: flex;
    justify-content: center;
    margin-top: 6.5vw;
}

.song-page-01 .song-main-01 .song-main-top {
   width: 100%;
    overflow: hidden;
}

.song-page-01 .song-main-mon {
    position: relative;
    width: 100vw;
    height: 65.59571619812584vw
}

.song-page-01 .song-main-mon .mon-img {
    width: 100vw;
    position: absolute;
    top: 1.89825970548862vw;
}

.song-page-01 .song-main-mon .sh-img {
    width: 20.48192771084337vw;
    height: 17.40294vw;
    position: absolute;
    top: 13.89825970548862vw;
    left: 0
}

.song-page-01 .song-main-mon .line-img {
    position: absolute;
    width: 100vw;
    top: 30.89825970548862vw;
}

.song-page-01 .song-main-mon .mon-date {
    width: 100vw;
    display: flex;
    padding-top: 38vw;
    position: relative
}

.song-page-01 .song-main-mon .mon-date .one {
    position: absolute;
    left: 4.933vw
}

.song-page-01 .song-main-mon .mon-date .two {
    position: absolute;
    left: 28.933vw
}

.song-page-01 .song-main-mon .mon-date .three {
    position: absolute;
    right: 29.267vw
}

.song-page-01 .song-main-mon .mon-date .four {
    position: absolute;
    right: 3.5vw;
    top: 43vw;
}

.song-page-01 .song-main-mon .mon-date .four .mon-date-time{
    margin-top: -2vw;
    margin-bottom: 5.8vw !important;
}

.song-page-01 .song-main-mon .mon-date .mon-date-box {
    text-align: center
}

.song-page-01 .song-main-mon .mon-date .mon-date-box .mon-date-time {
    font-size: 2.94511378848728vw;
    color: #122f46;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    margin-bottom: 1.467vw;
    font-weight: bold;
}
.song-page-01 .song-main-mon .mon-date .mon-date-box .arrow{
    width: 100%;
    height: 1.4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.2vw;
}
.song-page-01 .song-main-mon .mon-date .mon-date-box .arrow img {
    width: 2.6vw;
    height: auto;
}

.song-page-01 .song-main-mon .mon-date .mon-date-box .end-date-time {
    font-size: 2.94511378848728vw;
    color: #122f46;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    margin-bottom: 1.467vw;
    font-weight: bold;
}

.song-page-01 .song-main-mon .mon-date .mon-date-box .mon-date-mid {
    font-size: 2.94511378848728vw;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    color: #235a69;
    margin-bottom: 1.467vw;
    line-height: 2.533vw
}

.song-page-01 .song-main-mon .mon-date .mon-date-box .mon-date-bottom {
    color: #936f67;
    font-size: 2.533vw;
    line-height: 2.533vw;
    font-family: "NotoSansSC-Medium-V1.7", iG
}

.song-page-01 .song-main-02 {
    width: 88.21954484605087vw;
    position: relative;
    padding-top: 22vw;
    margin: auto;
}

.song-page-01 .song-main-02 .song-main-title {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0px
}

.song-page-01 .song-main-02 .song-02-content {
    width: 88.48728vw;
    margin: auto;
    overflow-wrap: break-word;
    color: #122f46;
    font-size: 3.467vw;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: normal;
    line-height: 7.467vw;
    padding: 17vw 5.8902275769745vw 4.01606425702811vw 5.8902275769745vw;
    box-sizing: border-box;
    background: url('../../images/id/m/02-item-01.png') no-repeat;
    background-size: 100%;
}

.song-page-01 .song-main-02 .song-03-content {
    width: 88.48728vw;
    margin: 4vw auto 0;
    overflow-wrap: break-word;
    color: #122f46;
    font-size: 3.467vw;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: normal;
    line-height: 7.467vw;
    padding: 11.8vw 5.8902275769745vw 4.01606425702811vw 5.8902275769745vw;
    box-sizing: border-box;
    background: url('../../images/id/m/02-item-02.png') no-repeat;
    background-size: 100%;
}

.song-page-01 .song-main-02 .submit-now {
    display: inline-block;
    margin-top: 2vw;
    width: 75.36813922356091vw;
    height: 10.30789825970549vw;
    line-height: 9.30789825970549vw;
    background-image: url(../../images/common/m/btn-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 4.933vw;
    font-style: italic;
    text-align: center;
    font-weight: 400;
    font-family: "NotoSansSC-Medium-V1.7";
}
.song-page-01 .song-main-02 .submit-now a {
    color: #fff;
    text-decoration: none;
}
.song-page-01 .song-main-02 .view-past-submissions-btn {
    text-align: center;
}
.song-page-01 .song-main-02 .view-past-submissions-btn .view-past-submissions {
    display: inline-block;
    margin-top: 2vw;
    color: #1b7087;
    font-size: 3.21285140562249vw;
    line-height: 5.5vw;
    font-style: italic;
    text-align: center;
    font-weight: 400;
    font-family: "文道哥特宋v1.8", iG;
    border-bottom: 1px solid #1b7087;
    opacity: 0;
}

.song-page-01 .song-main-02 .song-02-submit .submit-every {
    width: 100vw;
    display: flex;
    margin-bottom: 4vw;
    justify-content: space-between
}

.song-page-01 .song-main-02 .song-02-submit .submit-every .submit-label {
    margin-left: 8.267vw;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 4.533vw;
    color: #635858;
    line-height: 7.067vw
}

.song-page-01 .song-main-03 {
    width: 88.21954484605087vw;
    position: relative;
    margin: auto;
    padding: 11.37884872824632vw 0;
}

.song-page-01 .song-main-03 .song-main-title {
    position: absolute;
    left: 0;
    width: 100%;
}

.song-page-01 .song-main-03 .song-03-video {
    width: 100%;
    padding-top: 19.4vw;
    display: flex;
    flex-direction: column
}

.song-page-01 .song-main-03 .song-03-video .video-title {
    width: 71.08433734939759vw;
    height: 12.18206157965194vw;
    background: url("../../images/id/m/03-1.png") no-repeat;
    background-size: 100% 100%;
    margin: auto;
}

.song-page-01 .song-main-03 .song-03-video .video-main {
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 3.5vw;
    color: #235a69;
    line-height: 4.533vw;
    display: flex;
    flex-direction: column;
    align-items: center
}

.song-page-01 .song-main-03 .song-03-video .video-main .video-main-item {
    margin-bottom: 2vw
}

.song-page-01 .song-main-03 .song-03-video .video-main .video-main-one {
    margin-top: 3vw
}

.song-page-01 .song-main-03 .song-03-video .video-main-usd {
    margin-top: 3vw;
}

.song-page-01 .song-main-03 .song-03-video .video-main-usd img {
    width: 100%;
    height: 38.8vw
}

.song-page-01 .song-main-03 .song-03-video .video-main-fanart {
    width: 88.21954484605087vw;
    display: flex;
    flex-direction: column
}

.song-page-01 .song-main-03 .song-03-video .video-main-fanart-02 {
    margin: 5.35475234270415vw 0;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 4.533vw;
    line-height: 4.533vw;
    color: #efebe2;
    text-align: center;
}

.song-page-01 .song-main-03 .song-03-video .video-main-fanart .fanart-title {
    width: 71.08433734939759vw;
    height: 12.18206157965194vw;
    background: url("../../images/id/m/03-2.png") no-repeat;
    background-size: 100% 100%;
    margin: 8.83534136546185vw auto 6.69344042838019vw;
}

.song-page-01 .song-main-03 .song-03-video .video-main-fanart .fanart-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 4.533vw;
    line-height: 4.533vw;
    color: #efebe2
}

.song-page-01 .song-main-03 .song-03-video .video-main-fanart .fanart-main .fanart-main-one {
    margin-bottom: 3.733vw;
    font-size: 3.4vw;
}
.fanart-main-two{
    font-size: 3.4vw;
}

.song-page-01 .song-main-03 .song-03-video .video-main-fanart .fanart-main .fanart-main-tip {
    color: #acd0e5;
    text-align: center;
    margin: 0 4vw 3.733vw 4vw;
    font-size: 3vw;
}

.fanart-main-note {
    margin-top: 4.68540829986613vw;
    color: #acd0e5;
    font-size: 3.2vw;
    font-family: "NotoSansSC-Medium-V1.7", Arial,sans-serif;
}

.song-page-01 .song-main-03 .song-03-video .fanart-main-usd {
    margin-top: 6.933vw;
}

.song-page-01 .song-main-03 .song-03-video .fanart-main-usd img {
    width: 86.533vw;
    height: 38.8vw
}

.song-page-01 .song-main-03 .song-03-video .fanart-main-usd-02 img {
    width: 86.533vw;
    height: 38.8vw
}

.song-page-01 .song-main-03 .song-03-video .video-main-participation {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.song-page-01 .song-main-03 .song-03-video .video-main-participation .participation-label {
    margin-top: 9.2vw;
    width: 71.08433734939759vw;
    height: 12.18206157965194vw;
    background: url(../../images/id/m/03-3.png) no-repeat;
    background-size: 100% 100%;
    margin: 6vw auto 3.34672021419009vw;
}

.song-page-01 .song-main-03 .song-03-video .video-main-participation .participation-main {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.song-page-01 .song-main-03 .song-03-video .video-main-participation .participation-main .participation-main-every {
    flex: 1;
    height: 38.267vw;
    margin-left: 2.40963855421687vw
}

.song-page-01 .song-main-03 .song-03-video .video-main-participation .participation-main .participation-main-every:first-child {
    margin-left: 0;
}

.song-page-01 .song-main-03 .song-03-video .video-main-participation .participation-main .participation-main-every img {
    width: 100%;
    height: 38.267vw
}

.song-page-01 .song-main-03 .song-03-video .video-main-boxone {
    margin-top: 12.04819277108434vw;
}

.song-page-01 .song-main-03 .song-03-video .video-main-boxone .boxone-one img {
    width: 87.733vw;
    height: 71.6vw
}

.song-page-01 .song-main-03 .song-03-video .video-main-boxone .boxone-two {
    margin-top: 5.35475234270415vw
}

.song-page-01 .song-main-03 .song-03-video .video-main-boxone .boxone-two img {
    width: 87.733vw;
    height: 71.6vw
}

.song-page-01 .song-main-03 .song-03-video .video-main-pl {
    margin-top: 6.5vw;
    text-align: center;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 3.5vw;
    color: #efebe2;
    line-height: 2;
}

.song-page-01 .song-main-04 {
    width: 88.21954484605087vw;
    height: 73.333vw;
    position: relative;
    margin: 10vw auto 0 auto;
}

.song-page-01 .song-main-04 .song-main-title {
    position: absolute;
    width: 100%;
}

.song-page-01 .song-main-04 .judge-main {
    width: 100%;
    padding-top: 26.133vw;
    display: flex;
    justify-content: space-between
}

.song-page-01 .song-main-04 .judge-main .judge-main-every {
    display: flex;
    flex-direction: column;
    align-items: center
}

.song-page-01 .song-main-04 .judge-main .judge-main-every img {
    width: 22.933vw;
    height: 23.067vw
}

.song-page-01 .song-main-04 .judge-main .judge-main-every .every-top {
    margin-top: 2.8vw;
    color: #5f4034;
    font-size: 3.333vw;
    line-height: 4.267vw;
    font-family: "NotoSansSC-Medium-V1.7", iG
}

.song-page-01 .song-main-04 .judge-main .judge-main-every .every-bottom {
    color: #936f67;
    font-size: 2.667vw;
    line-height: 4.267vw;
    font-family: "NotoSansSC-Medium-V1.7", iG
}

.song-page-01 .song-main-05 {
    width: 88.21954484605087vw;
    position: relative;
    margin: auto;
}

.song-page-01 .song-main-05 .song-main-title {
    position: absolute;
    width: 100%;
}

.song-page-01 .song-main-05 .rule-main {
    padding-top: 28.6vw;
}

.song-page-01 .song-main-05 .rule-main .rule-main-pl .pl-title-one {
    margin-bottom: 2.667vw
}

.song-page-01 .song-main-05 .rule-main .rule-main-pl .pl-title {
    color: #233f69;
    font-size: 3.4805890227577vw;
    font-weight: bold;
    font-family: "NotoSansSC-Medium-V1.7", iG
}

.song-page-01 .song-main-05 .rule-main .rule-main-pl .pl-content-2 {
    margin-top: 1.333vw
}

.song-page-01 .song-main-05 .rule-main .rule-main-pl .pl-content-note {
    color: #287a87;
}

.song-page-01 .song-main-05 .rule-main .rule-main-pl .pl-content-link {
    border-bottom: 1px solid #287a87;
}
.song-page-01 .song-main-05 .rule-main .rule-main-pl .pl-content-link a {
    color: #287a87;
    text-decoration: none;
}

.song-page-01 .song-main-05 .rule-main .rule-main-pl .pl-content {
    color: #575f6b;
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 2;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    position: relative;
}
.song-page-01 .song-main-05 .rule-main .rule-main-pl .pl-content:before{
    content: "";
    display: inline-block;
    width: 0.7vw;
    height: 0.7vw;
    border-radius: 50%;
    background-color: #927f84;
    position: absolute;
    top: 2.6vw;
    left: -2.5vw
}

.song-page-01 .song-main-05 .rule-main .pl-two {
    margin-top: 8vw
}

.song-page-01 .song-main-05 .rule-main .pl-two .pl-title-two {
    margin-bottom: 2.133vw
}

.song-page-01 .song-main-05 .rule-main .pl-three {
    margin-top: 8vw;
    padding-bottom: 50.06425702811245vw;
}

.song-page-01 .song-main-05 .rule-main .pl-three .pl-title-three {
    margin-bottom: 1.867vw
}

.song-page-01 .song-main-06 {
    position: relative;
    height: 44.85408299866131vw;
    margin-top: 20vw;
}
.song-page-01 .song-main-06 .song-main-title {
    width: 29.6vw;
}

.song-page-01 .song-main-06 .join-main {
    width: 100%;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-weight: 400;
    font-size: 3.34672021419009vw;
    color: #dedacc;
    text-align: center;
}

.song-page-01 .song-main-06 .join-icon-box {
    width: 100%;
    margin: 6.667vw auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.join-icon-box .join-item {
    width: 16.06425702811245vw;
    height: 16.06425702811245vw;
    font-size: 0;
    margin-bottom: 3.21285140562249vw;
    margin-right: 3vw;
}
.Instagram{
    background: url(../../images/common/m/bottom-icon4.png) center / 100% auto no-repeat;
}
.YouTube{
    background: url(../../images/common/m/bottom-icon5.png) center / 100% auto no-repeat;
}
.facebook{
    background: url(../../images/common/m/bottom-icon3.png) center / 100% auto no-repeat;
}
.facebook-group{
    background: url(../../images/common/m/bottom-icon7.png) center / 100% auto no-repeat;
}

.ccprogramassets-url {
    text-decoration: underline
}

.error_tps_color {
    color: #ed5757 !important;
}

@font-face {
    font-family: "NotoSansSC-Medium-V1.7";
    src: url(https://lilithimage.lilithcdn.com/wbpages/afkjourney/WavesofIntrigue/2408/fonts/NotoSansSC-Medium-V1.7.ttf
    ) format("truetype");
    font-weight: normal;
    font-style: normal
}
/* toast */
.toast {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;

}
.toast__content{
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    display: flex;
    align-items: center;
    background: rgba(40, 40, 40, 0.75);
    color: #fff;
    border-radius: 10px;
    padding: 5px 10px;
    font-size: 3.2vw;
    justify-content: center;
}

/* 历史记录 */
.model {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .7)
}

.model .history_modal_form {
    position: relative;
    width: 84.51807228915663vw;
    margin: 0 auto;
    padding-top: 18vw;
}

.model .history_modal_form .video_input_1 {
    position: relative;
}

.model .history_modal_form .video_input_1 .video_select {
    width: 100%;
    padding-left: 1.979vw;
    margin-bottom: 2vw;
    box-sizing: border-box;
    box-shadow: .417vw .521vw .052vw #cad3d1;
    height: 10.7095046854083vw;
    background: #f5f5f5;
    border-radius: 8.133vw;
    border: 1px solid #cfdedb;
    font-size: 3.2vw;
    line-height: 3.125vw;
    color: #7b868e;
    font-family: "文道哥特宋v1.8", iG;
    letter-spacing: -0.052vw
}

.model .history_modal_form .video_input_1 .video_select p {
    font-size: 3.2vw;
    line-height: 3.125vw;
    color: #7b868e;
    font-family: "文道哥特宋v1.8", iG;
    letter-spacing: -0.052vw
}

.model .history_modal_form .video_input_1 .video-form-input {
    width: 100%;
    margin-bottom: 2vw;
    padding-left: 1.979vw;
    height: 9vw;
    box-sizing: border-box;
    background: #f5f5f5;
    border-radius: 8.133vw;
    border: .052vw solid #bad0cc;
    font-size: 3.2vw;
    line-height: 3.125vw;
    font-family: "文道哥特宋v1.8", iG;
    color: #7b868e;
}
.model .history_modal_form .video_input_1 .video-form-input[name="discardName"]::placeholder {
    font-size: 2.2vw;
}

.model .history_modal_form .video_input_1 .select-img {
    width: 3.2vw;
    height: 3.2vw;
    position: absolute;
    right: 2.667vw;
    top: 4vw;
    pointer-events: none;
}

.model .history_modal_form .video_input_2 {
    height: 4.6875vw
}

.model .history_modal_form .video_input_2 .video_select {
    width: 26.25vw;
    padding-left: 1.979vw;
    box-sizing: border-box;
    height: 3.28125vw;
    background: #f5f5f5;
    border-radius: 8.133vw;
    border: .052vw solid #c7b9ab;
    box-shadow: .417vw .521vw .052vw #e4ddd4;
    font-size: 3.2vw;
    line-height: 3.125vw;
    color: #7b868e;
    font-family: "iGame_Title_Bold", "iGame_Title_Italic", "iGame_Title_Regular", iG
}

.model .history_modal_form .video_input_2 .video_select p {
    font-size: 3.2vw;
    line-height: 3.125vw;
    color: #7b868e;
    font-family: "iGame_Title_Bold", "iGame_Title_Italic", "iGame_Title_Regular", iG
}

.model .history_modal_form .video_input_2 .select-img {
    width: 1.25vw;
    height: 1.25vw;
    position: absolute;
    left: 23.208vw;
    top: 5.729vw;
    pointer-events: none;
}

.model .history_modal_form .video_input_3 {
    height: 5.46875vw
}

.model .history_modal_form .video_input_3 .video-form-input {
    width: 47.917vw;
    padding-left: 1.979vw;
    height: 3.28125vw;
    box-sizing: border-box;
    background: #ded7ca;
    border-radius: 8.133vw;
    border: .052vw solid #c7b9ab;
    font-size: 3.2vw;
    line-height: 3.125vw;
    font-family: "文道哥特宋v1.8", iG;
    color: #7b868e
}

.model .history_modal_form .video_input_4 {
    height: 4.323vw;
    display: flex;
    justify-content: space-between
}

.model .history_modal_form .video_input_4 .video-form-input {
    width: 26.25vw;
    padding-left: 1.979vw;
    height: 3.28125vw;
    box-sizing: border-box;
    background: #ded7ca;
    border-radius: 8.133vw;
    border: .052vw solid #c7b9ab;
    font-size: 3.2vw;
    line-height: 3.125vw;
    font-family: "文道哥特宋v1.8", iG;
    color: #7b868e
}

.model .history_modal_form .video-form-tip {
    display: flex
}

.model .history_modal_form .video-form-tip .text_1 {
    font-family: "文道哥特宋v1.8", iG;
    font-weight: 400;
    font-size: 3.2vw;
    color: #7b868e;
    margin-left: 2.083vw
}

.model .history_modal_form .video-form-tip .text_2 {
    font-family: "文道哥特宋v1.8", iG;
    font-weight: 400;
    font-size: 3.2vw;
    color: #7b868e;
    margin-left: 8.90625vw
}

.model .history_modal_form .video-form-plus {
    height: 18.7708vw;
    margin-top: 1.25vw;
    position: relative;
}

.model .history_modal_form .video-form-plus .plus_1 {
    width: 15.39491298527443vw;
    height: 15.39491298527443vw;
    cursor: pointer;
    margin: 0 15.313vw 0 .417vw;
    position: absolute;
    left: 0;
}
/* 同人赛道 上传按钮 */
.model .fanart-form-plus {
    position: relative;
    height: 15.39491298527443vw;
}
.model .fanart-form-plus .item-plus_1,.model .fanart-form-plus .item-plus_2,.model .fanart-form-plus .item-plus_3, .model .fanart-form-plus .item-plus_4 {
    position: absolute;
}
.model .fanart-form-plus .item-plus_1 input[type=file],.model .fanart-form-plus .item-plus_2 input[type=file],.model .fanart-form-plus .item-plus_3 input[type=file], .model .fanart-form-plus .item-plus_4 input[type=file] {
    width: 15.39491298527443vw;
    height: 15.39491298527443vw;
    position: absolute;
    cursor: pointer;
    z-index: 9;
}
.model .fanart-form-plus .item-plus_1 {
    left: 0;
}
.model .fanart-form-plus .item-plus_2 {
    left: 33%;
}
.model .fanart-form-plus .item-plus_3{
    left: 68%;
}
.model .fanart-form-plus .item-plus_4 {
    left: 91%;
}

#video-file-1,#video-history-file,#video-file-2,#video-file-3 {
    width: 15.39491298527443vw;
    height: 15.39491298527443vw;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    cursor: pointer;
}

.model .history_modal_form .video-form-plus .plus_2 {
    margin: 0 3.125vw 0 0vw;
    width: 15.39491298527443vw;
    height: 15.39491298527443vw;
    cursor: pointer
}

.model .history_modal_form .video-form-plus .plus_3 {
    margin: 0 3.438vw 0 0vw;
    width: 15.39491298527443vw;
    height: 15.39491298527443vw;
    cursor: pointer
}

.model .history_modal_form .video-form-plus .plus_4 {
    width: 15.39491298527443vw;
    height: 15.39491298527443vw;
    cursor: pointer
}

.model .history_modal_form .video-uoload-text {
    font-family: "文道哥特宋v1.8", iG;
    height: 2.396vw;
    font-weight: 400;
    font-size: .833vw;
    color: #7b868e;
    line-height: 2.396vw;
    margin-left: 2.083vw
}

.model .history_modal_form .uid-text {
    margin-left: 2.083vw;
    cursor: pointer
}

.model .history_modal_form .uid-text p {
    width: fit-content;
    margin: auto;
    padding-bottom: .5vw;
    margin-bottom: 4.0160642570281vw;
    font-family: "文道哥特宋v1.8", iG;
    font-size: 3.2vw;
    color: #7b868e;
    border-bottom: 1px solid #7b868e;
}

.model .history_modal_form .rules {
    /* width: 17.917vw;
    height: 4.479vw; */
}

.model .history_modal_form .rules p {
    font-family: "文道哥特宋v1.8", iG;
    font-size: 3vw;
    color: #3cae9d;
}

.model .history_modal_form .rules .submission_time {
    line-height: 5.083vw
}

.model .history_modal_form .rules .text {
    line-height: 6.2vw
}

.model .history_modal_form .modal-video-btn {
    width: 42.9718875502008vw;
    height: 11.067vw;
    line-height: 10.067vw;
    background-image: url(../../images/common/m/btn-bg-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom;
    margin-left: 20.3125vw;
    cursor: pointer;
    margin-top: 2.5vw;
}

.model .history_modal_form .modal-video-btn .login-btn-font {
    margin-left: 5vw;
    font-family: "NotoSansSC-Medium-V1.7", iG;
    font-size: 4.533vw;
    color: #fff8ec;
    font-style: italic
}

.model .video_history_modal {
    display: none;
    position: absolute;
    height: 187.4163319946452vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.model .video_history_modal .video_title {
    position: absolute;
    top: 2vw;
    right: 1vw;
    z-index: 2;
}

.model .video_history_modal .video_title .video_close {
    width: 6.82730923694779vw;
    height: 5.89022757697456vw;
    display: block;
    cursor: pointer
}

.model .video_history_modal button {
    position: absolute;
    cursor: pointer;
    width: 4.74vw;
    height: 12.865vw
}

.model .fanart_history_modal {
    display: none;
    position: absolute;
    height: 187.4163319946452vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.model .fanart_history_modal .history_modal_form {
    padding-top: 14vw;
}
.model .fanart_history_modal .history_modal_form .video-form-tip {
    font-size: 3.2vw;
    color: #7b868e;
    text-align: left;
    font-family: "NotoSansSC-Medium-V1.7", iG;
}
.model .fanart_history_modal .video_title {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.model .fanart_history_modal .video_title .video_close {
    width: 6.82730923694779vw;
    height: 5.89022757697456vw;
    display: block;
    cursor: pointer;
}

.model .fanart_history_modal button {
    cursor: pointer;
    position: absolute;
    width: 4.74vw;
    height: 12.865vw
}

.model .fanart_history_modal .left_arrow {
    top: 18.49vw;
    left: -8.854vw;
    background: url(../../images/common/pc/arrow-left.png) no-repeat;
    background-size: 100%
}

.model .fanart_history_modal .right_arrow {
    top: 18.49vw;
    right: -8.854vw;
    background: url(../../images/common/pc/arrow-right.png) no-repeat;
    background-size: 100%
}
#fanart_model {


}
/* 历史记录 end */

/* 轮播样式 */
.video_history_modal .carousel {
    position: relative;
    width: 91.56626506024096vw;
    height: 171.4163319946452vw;
    overflow-x: clip;
    overflow-y: visible;
}
.fanart_history_modal .carousel {
    position: relative;
    width: 91.56626506024096vw;
    height: 187.4163319946452vw;
    overflow-x: clip;
    overflow-y: visible;
}
.video-carousel-inner {
    transition: transform 1s;
    position: absolute;
    top: 5vw;
}
.fanart-carousel-inner {
    transition: transform 1s;
    position: absolute;
    top: 0;
}
.video-carousel-inner .carousel-item {
    position: relative;
    width: 91.56626506024096vw;
    height: 165.4163319946452vw;
    background: url('../../images/id/m/view-video-past-submissions.png') no-repeat;
    background-size: 100%;
    border-bottom-left-radius: 2vw;
    border-bottom-right-radius: 2vw;
}
.fanart-carousel-inner .carousel-item {
    position: relative;
    width: 91.56626506024096vw;
    height: 165.4163319946452vw;
    background: url('../../images/id/m/view-tote-past-submissions.png') no-repeat;
    background-size: 100%;
    border-bottom-left-radius: 2vw;
    border-bottom-right-radius: 2vw;
    margin-top: 5vw;
}

/* swiper部分 */
.swiper {
    /* border: 1px solid black; */
    height: 10.8rem;
    width: 6.52rem;
    position: relative;
    top: 0.32rem;
    left: 0rem;
    border-radius: 0.1rem;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-pagination {
    bottom: -6.34672021419009vw !important;
}

.swiper-pagination-bullet {
    height: 3.07898259705489vw !important;
    width: 3.07898259705489vw !important;
    opacity: 1 !important;
    background: url('../../images/common/m/star.png') no-repeat !important;
    background-size: 100% !important;
}

.swiper-pagination-bullet-active {
    background: url('../../images/common/m/star-select.png') no-repeat !important;
    height: 3.07898259705489vw !important;
    width: 3.07898259705489vw !important;
    background-size: 100% !important;
}

/* uid */
.uid_model_box {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .7)
}

.uid_model_box .uid_modal {
    display: none;
    position: absolute;
    width: 85vw;
    height: 57vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../../images/id/m/uid.png) no-repeat bottom left;
    background-size: 100%;
    padding-top: 2vw;
}

.uid_model_box .uid_modal .UID_title {
    width: 100%;
    position: relative;
}

.uid_model_box .uid_modal .UID_title .UID_close {
    width: 3.2292vw;
    height: 2.8646vw;
    display: block;
    position: absolute;
    top: -4vw;
    right: 0;
}
/* uid end */