/* 滑动验证码 */
.verify-bar-area {
    position: relative;
    background: #FFFFFF;
    text-align: center;
    box-sizing: content-box;
}

.verify-bar-area .verify-move-block {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    cursor: pointer;
    box-sizing: content-box;
    box-shadow: 0 0 0.125rem #888888; /* 2px */
    border-radius: 0.0625rem; /* 1px */
}

.verify-bar-area .verify-move-block:hover {
    background-color: #337ab7;
    color: #FFFFFF;
}

.verify-bar-area .verify-left-bar {
    position: absolute;
    top: -0.0625rem; /* -1px */
    left: -0.0625rem; /* -1px */
    background: #f0fff0;
    cursor: pointer;
    box-sizing: content-box;
    border: 0.0625rem solid #ddd; /* 1px */
}

.verify-img-panel {
    margin: 0;
    box-sizing: content-box;
    border-radius: 0;
    position: relative;
}

.verify-img-panel .verify-refresh {
    width: 1.5625rem; /* 25px */
    height: 1.5625rem; /* 25px */
    text-align: center;
    padding: 0.3125rem; /* 5px */
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.verify-img-panel .icon-refresh {
    font-size: 1.25rem; /* 20px */
    color: #fff;
}

.verify-img-panel .verify-gap {
    background-color: #fff;
    position: relative;
    z-index: 2;
    border: 0.0625rem solid #fff; /* 1px */
}

.verify-bar-area .verify-move-block .verify-sub-block {
    position: absolute;
    text-align: center;
    z-index: 3;
    border: 0.0625rem solid #fff; /* 1px */
}

.verify-bar-area .verify-move-block .verify-icon {
    font-size: 1.125rem; /* 18px */
}

.verify-bar-area .verify-msg {
    color: #444444;
    font-size: 0.875rem; /* 14px */
}

/*字体图标的css*/
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1508229193188'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1508229193188#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAaAAAsAAAAACUwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kiSY21hcAAAAYAAAAB3AAABuM+qBlRnbHlmAAAB+AAAAnQAAALYnrUwT2hlYWQAAARsAAAALwAAADYPNwajaGhlYQAABJwAAAAcAAAAJAfeA4dobXR4AAAEuAAAABMAAAAYF+kAAGxvY2EAAATMAAAADgAAAA4CvAGsbWF4cAAABNwAAAAfAAAAIAEVAF1uYW1lAAAE/AAAAUUAAAJtPlT+fXBvc3QAAAZEAAAAPAAAAE3oPPXPeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sM4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDxbwtzwv4EhhrmBoQEozAiSAwAw1A0UeJzFkcENgCAMRX8RjCGO4gTe9eQcnhzAfXC2rqG/hYsT8MmD9gdS0gJIAAaykAjIBYHppCvuD8juR6zMJ67A89Zdn/f1aNPikUn8RvYo8G20CjKim6Rf6b9m34+WWd/vBr+oW8V6q3vF5qKlYrPRp4L0Ad5nGL8AeJxFUc9rE0EYnTezu8lMsrvtbrqb3TRt0rS7bdOmdI0JbWmCtiItIv5oi14qevCk9SQVLFiQgqAF8Q9QLKIHLx48FkHo3ZNnFUXwD5C2B6dO6sFhmI83w7z3fe8RnZCjb2yX5YlLhskkmScXCIFRxYBFiyjH9Rqtoqes9/g5i8WVuJyqDNTYLPwBI+cljXrkGynDhoU+nCgnjbhGY5yst+gMEq8IBIXwsjPU67CnEPm4b0su0h309Fd67da4XBhr55KSm17POk7gOE/Shq6nKdVsC7d9j+tcGPKVboc9u/0jtB/ZIA7PXTVLBef6o/paccjnwOYm3ELJetPuDrvV3gg91wlSXWY6H5qVwRzWf2TybrYYfSdqoXOwh/Qa8RWIjBTiSI3h614/vKSNRhONOrsnQi6Xf4nQFQDTmJE1NKbhI6crHEJO/+S5QPxhYJRRyvBFBP+5T9EPpEAIVzzRQIrjmJ6jY1WTo+NXTMchuBsKuS8PRZATSMl9oTA4uNLkeIA0V1UeqOoGQh7IAxGo+7T83fn3T+voqCNPPAUazUYUI7LgKSV1Jk2oUeghYGhZ+cKOe2FjVu5ZKEY2VkE13AK1+jI4r1KLbPlZfrKiPhOXKPRj7q9sj9XJ7LFHNmrKJS3VCdhXGSdKrtmoQaWeMjQVt0KD6sGPOx0oH2fgtzoNROxtNq8F3tzYM/n+TjKSX5qf2jx941276TIr9FjXxKr8eX/6bK4yuopwo9py1sw8F9kdw4AmurRpLUM3tYx5ZnKpfHPi8dzz19vJ6MjyxYUrpqeb1uLs3eGV6vr21pSqpeWkqonAN9oUyIiXpv8XvlN5e3icY2BkYGAA4n0vN4fG89t8ZeBmYQCBa9wPPRH0/wcsDMwmQC4HAxNIFABAfAqaAHicY2BkYGBu+N/AEMPCAAJAkpEBFbABAEcMAm94nGNhYGBgfsnAwMKAigESnwEBAAAAAAAAdgCkANoBCAFsAAB4nGNgZGBgYGMIZGBlAAEmIOYCQgaG/2A+AwARSAFzAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgI2RiZGZkYWRlZGNkZ2BsYI1OSM1OZs1OSe/OJW1KDM9o4S9KDWtKLU4g4EBAJ79CeQ=') format('woff'),
  url('../fonts/iconfont.ttf?t=1508229193188') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1508229193188#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-check:before { content: "\e645"; }

.icon-close:before { content: "\e646"; }

.icon-right:before { content: "\e6a3"; }

.icon-refresh:before { content: "\e6a4"; }

/*  */
.dxgs-player-icons-tips {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dxgs-player-icons-tips .dxgs-player-icons-tips-icon {
    width: 3.89rem;
    height: 3.89rem;
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 4.42968rem;
    height: 4.42968rem; */
}

.dxgs-player-icons-tips .dxgs-player-icons-tips-icon .dxgs-player-icons-tips-icon-loading {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    animation: loading-spin 1.5s linear infinite;
}

.dxgs-player-icons-tips .dxgs-player-icons-tips-icon.play {
    width: 3.5rem;
    height: 3.5rem;
}

.dxgs-player-icons-tips .dxgs-player-icons-tips-icon .dxgs-player-icons-tips-icon-playing {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0;
    background-image: url(/usr/plugins/ArtPlayer/assets/play@3x.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.dxgs-player-icons-tips .dxgs-player-icons-tips-text {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600;
    font-style: normal;
    padding: 0.3125rem 0 0 0;
}

@keyframes loading-spin {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
/*  */

/*  */
.vodplayer-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background-color: #afafaf21;
    overflow: hidden;
}

.vodplayer-container > .dplayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
    padding: 0;
}

.vodplayer-container > .dplayer .art-video {
    background-color: #00000000;
    border: 0.1rem #00000000 solid;
}

.vodplayer-container .art-video-player {
    width: 100% !important;
    height: 100% !important;
}
.vodplayer-container .art-video-player .art-notice {
    padding: 0.2rem
}
.vodplayer-container .art-video-player .art-poster img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
}
.vodplayer-container .art-video-player .art-notice .art-notice-inner {
    font-size: 0.5rem;
}
/*  */

/* 播放器 start */
.dxgs-img{
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.dxgs-bufferss-layers {
    font-size: 1.0rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5.0rem;
    width: 3.5rem;
    height: 3.5rem; 
}

.dxgs-bufferss-layers .dxgs-bufferss-layers-player {
    width: 100%;
    height: 100%;
}

.dxgs-bufferss-request-layers {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* height: 16.0rem; */
    justify-content: space-evenly;
}

/* .dxgs-bufferss-request-layers .dxgs-bufferss-request-layers-txt {
    font-size: 1.625rem;
    font-weight: 600;
} */


/*  */
.dxgs-bufferss-request-error-layers {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 8rem;
    justify-content: space-evenly;
}

.dxgs-bufferss-request-error-layers .dxgs-bufferss-request-error-layers-txt {
    font-size: 1.25rem;
    font-weight: 600;
}

.dxgs-bufferss-request-error-layers .dxgs-bufferss-request-error-layers-btn {
    display: flex;
    justify-content: space-around;
    gap: 0.75rem;
}

.dxgs-bufferss-request-error-layers .dxgs-bufferss-request-error-layers-btn .dxgs-bufferss-request-error-layers-btn-refresh {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.89rem;
    height: 1.67rem;
    background-color: #1abc9d;
    border-radius: 0.817rem;
    font-size: 0.67rem;
}

.dxgs-bufferss-request-error-layers .dxgs-bufferss-request-error-layers-btn .dxgs-bufferss-request-error-layers-btn-refresh .dxgs-bufferss-request-error-layers-btn-refresh-icon{
    width: 1rem;
    height: 1rem;
}

.dxgs-bufferss-request-error-layers .dxgs-bufferss-request-error-layers-btn .dxgs-bufferss-request-error-layers-btn-refresh .dxgs-bufferss-request-error-layers-btn-refresh-icon img {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.dxgs-bufferss-request-error-layers .dxgs-bufferss-request-error-layers-btn .dxgs-bufferss-request-error-layers-btn-upload {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.89rem;
    height: 1.67rem;
    background-color: #1abc9d;
    border-radius: 0.817rem;
    font-size: 0.67rem;
}

.dxgs-bufferss-request-error-layers .dxgs-bufferss-request-error-layers-btn .dxgs-bufferss-request-error-layers-btn-upload .dxgs-bufferss-request-error-layers-btn-refresh-icon{
    width: 1rem;
    height: 1rem;
}

.dxgs-bufferss-request-error-layers .dxgs-bufferss-request-error-layers-btn .dxgs-bufferss-request-error-layers-btn-upload .dxgs-bufferss-request-error-layers-btn-refresh-icon img {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}
/*  */

/* 背景优化 start */
.art-layer-ended::before, 
.art-layer-report::before, 
.art-layer-bufferss:has(.dxgs-bufferss-request-error-layers)::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(0 0 0 / 60%);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: -1;
    margin: -3px 0 0 -3px;
}
/* 背景优化 end */

/* 调试样式 start */
#__vconsole .vc-switch {
    opacity: 0 !important;
}
/* 调试样式 end */


/* 播放完成 start */
.dxgs-ended-layers {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 16.0rem;
    justify-content: space-evenly;
}

.dxgs-ended-layers .dxgs-ended-layers-btns {
    display: flex;
    justify-content: space-around;
    gap: 3.75rem;
}

.dxgs-ended-layers .dxgs-ended-layers-btns .dxgs-ended-layers-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3.125rem;
    font-size: 1.125rem;
    flex-direction: column;
    gap: 0.625rem;
}

.dxgs-ended-layers .dxgs-ended-layers-btns .dxgs-ended-layers-btn .dxgs-ended-layers-btn-icon {
    width: 4.5rem;
    height: 4.5rem;
}

.dxgs-ended-layers .dxgs-ended-layers-btns .dxgs-ended-layers-btn .dxgs-ended-layers-btn-icon svg {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.dxgs-ended-layers .dxgs-ended-layers-btns .dxgs-ended-layers-btn .dxgs-ended-layers-btn-text{
    font-size: 1.125rem;
    font-weight: 600;
    color: #fff;
}

/* 播放完成 end */

/* 人机验证 start */
.dxgs-bufferss-image-verify-layers {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 30.0rem;
}

.dxgs-bufferss-image-verify-layers .dxgs-bufferss-image-verify-layers-txt {
    font-size: 1.25rem;
    font-weight: 600;
}

.dxgs-bufferss-image-verify-layers .dxgs-bufferss-image-verify-layers-btn {
    display: flex;
    justify-content: space-around;
    gap: 0.75rem;
    padding: 1.0rem 0 2.0rem 0;
}

.dxgs-bufferss-image-verify-layers-box {
    position: relative;
    width: 20.0rem;
    height: 2.25rem;
    background: #ffffff;
    border-radius: 2.25rem;
    overflow: hidden;
    user-select: none;
}

.dxgs-bufferss-image-verify-layers-box-iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3e3e3e;
    font-size: 0.875rem;
    pointer-events: none;
}

.dxgs-bufferss-image-verify-layers-box-iframe-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 3.125rem;
    height: 100%;
    background: #35b34a;
    color: #ffffff;
    border-radius: 2.625rem;
    box-shadow: 0 0 0.9375rem #ddd;
    z-index: 2;
    cursor: pointer;
    text-align: center;
    line-height: 2.625rem;
    transition: width 0.02s linear;
}
/* 人机验证 end */

/*  */
.dxgs-unlock-layers {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dxgs-unlock-layers .dxgs-unlock-layers-play {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17.5rem;
    height: 4.375rem;
    background-color: #1abc9d;
    border-radius: 4.375rem;
    font-size: 1.53125rem;
}
/*  */

/*  */
.dxgs-muted-layers {
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dxgs-muted-layers .dxgs-muted-layers-play {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.5rem;
    height: 1.6rem;
    background-color: #c0005a;
    border-radius: 0.4rem;
    font-size: 0.6875rem;
}
/*  */

/*  */
.dxgs-tips-layers {
    
}

/* 异常上报 start */
.dxgs-report-error-layers {
    background-color: #333333;
    padding: 0.61875rem;
    border-radius: 0.5rem;
    /* margin: 0 0 3.5rem 0; */
    margin: 0;
    position: relative;
    width: 20rem;
}

.dxgs-report-error-layers .dxgs-report-error-layers-title {
    font-size: 0.89rem;
    color: #ffffff;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0.6rem 0 1.46875rem 0;
    border-bottom: 0.1rem solid #666666;
}

.dxgs-report-error-layers .dxgs-report-error-layers-content {
    font-size: 0.778rem;
    color: #cccccc;
    padding: 0.725rem 0;
}
.dxgs-report-error-layers .dxgs-report-error-layers-content .item:not(:first-child) {
    margin-top: 1rem;
}
.dxgs-report-error-layers .dxgs-report-error-layers-content .item > div {
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.dxgs-report-error-layers .dxgs-report-error-layers-btns {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dxgs-report-error-layers .dxgs-report-error-layers-btns .dxgs-report-error-layers-btns-submit {
    background-color: #1abc9d;
    width: 7rem;
    height: 1.675rem;
    font-size: 0.67rem;
    border-radius: 12.0rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dxgs-report-error-layers .dxgs-report-error-layers-close {
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 1.36875rem;
    right: 1.36875rem;
}

.dxgs-report-error-layers .dxgs-report-error-layers-close svg {
    width: 100%;
    height: 100%;
}
/* 异常上报 end */


@media screen and (max-width: 750px) {

    /*  */
    .vodplayer-container .art-video-player .art-notice {
        padding: 0.2rem;
    }
    .vodplayer-container .art-video-player .art-notice .art-notice-inner {
        font-size: 0.5rem;
    }
    /*  */
    
    /* 滑动验证码 */
    .verify-bar-area {
        position: relative;
        background: #FFFFFF;
        text-align: center;
        box-sizing: content-box;
    }

    .verify-bar-area .verify-move-block {
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        cursor: pointer;
        box-sizing: content-box;
        box-shadow: 0 0 0.125rem #888888; /* 2px */
        border-radius: 0.0625rem; /* 1px */
    }

    .verify-bar-area .verify-move-block:hover {
        background-color: #337ab7;
        color: #FFFFFF;
    }

    .verify-bar-area .verify-left-bar {
        position: absolute;
        top: -0.0625rem; /* -1px */
        left: -0.0625rem; /* -1px */
        background: #f0fff0;
        cursor: pointer;
        box-sizing: content-box;
        border: 0.0625rem solid #ddd; /* 1px */
    }

    .verify-img-panel {
        margin: 0;
        box-sizing: content-box;
        border-radius: 0;
        position: relative;
    }

    .verify-img-panel .verify-refresh {
        width: 1.5625rem; /* 25px */
        height: 1.5625rem; /* 25px */
        text-align: center;
        padding: 0.3125rem; /* 5px */
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .verify-img-panel .icon-refresh {
        font-size: 1.25rem; /* 20px */
        color: #fff;
    }

    .verify-img-panel .verify-gap {
        background-color: #fff;
        position: relative;
        z-index: 2;
        border: 0.0625rem solid #fff; /* 1px */
    }

    .verify-bar-area .verify-move-block .verify-sub-block {
        position: absolute;
        text-align: center;
        z-index: 3;
        border: 0.0625rem solid #fff; /* 1px */
    }

    .verify-bar-area .verify-move-block .verify-icon {
        font-size: 1.125rem; /* 18px */
    }

    .verify-bar-area .verify-msg {
        color: #444444;
        font-size: 0.875rem; /* 14px */
    }

    /*字体图标的css*/
    @font-face {font-family: "iconfont";
    src: url('../fonts/iconfont.eot?t=1508229193188'); /* IE9*/
    src: url('../fonts/iconfont.eot?t=1508229193188#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
    url('../fonts/iconfont.ttf?t=1508229193188') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg?t=1508229193188#iconfont') format('svg'); /* iOS 4.1- */
    }

    .iconfont {
        font-family:"iconfont" !important;
        font-size:16px;
        font-style:normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .icon-check:before { content: "\e645"; }

    .icon-close:before { content: "\e646"; }

    .icon-right:before { content: "\e6a3"; }

    .icon-refresh:before { content: "\e6a4"; }

    /*  */
    .dxgs-player-icons-tips {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .dxgs-player-icons-tips .dxgs-player-icons-tips-icon {
        width: 3.125rem;
        height: 3.125rem;
    }

    .dxgs-player-icons-tips .dxgs-player-icons-tips-icon .dxgs-player-icons-tips-icon-loading {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        animation: loading-spin 1.5s linear infinite;
    }

    .dxgs-player-icons-tips .dxgs-player-icons-tips-icon.play {
        width: 2.5rem;
        height: 2.5rem;
    }

    .dxgs-player-icons-tips .dxgs-player-icons-tips-icon .dxgs-player-icons-tips-icon-playing {
        width: 100%;
        height: 100%;
        margin: 0 !important;
        padding: 0;
        background-image: url(/usr/plugins/ArtPlayer/assets/play@3x.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .dxgs-player-icons-tips .dxgs-player-icons-tips-text {
        color: #ffffff;
        font-size: 0.8125rem;
        font-weight: 600;
        font-style: normal;
        padding: 0.15625rem 0 0 0;
    }

    @keyframes loading-spin {
        from {transform: rotate(0deg);}
        to {transform: rotate(360deg);}
    }
    /*  */

    /* 播放器 start */
    .dxgs-img{
        width: 100%;
        height: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    .dxgs-bufferss-layers {
        font-size: 1.0rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 2.5rem;
        
        width: 2.5rem;
        height: 2.5rem; 
    }

    .dxgs-bufferss-layers .dxgs-bufferss-layers-player {
        width: 100%;
        height: 100%;
    }

    .dxgs-bufferss-request-layers {
        display: flex;
        flex-direction: column;
        align-items: center;
        /* height: 16.0rem; */
        justify-content: space-evenly;
    }

    /* .dxgs-bufferss-request-layers .dxgs-bufferss-request-layers-txt {
        font-size: 1.625rem;
        font-weight: 600;
    } */


    /*  */
    .dxgs-bufferss-request-error-layers {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 6.0rem;
        justify-content: space-evenly;
    }

    .dxgs-bufferss-request-error-layers .dxgs-bufferss-request-error-layers-txt {
        /* font-size: 1.625rem; */
        font-size: 0.8125rem;
        font-weight: 600;
    }

    .dxgs-bufferss-request-error-layers .dxgs-bufferss-request-error-layers-btn {
        display: flex;
        justify-content: space-around;
        gap: 0.75rem;
    }

    .dxgs-bufferss-request-error-layers .dxgs-bufferss-request-error-layers-btn .dxgs-bufferss-request-error-layers-btn-refresh {
        display: flex;
        align-items: center;
        justify-content: center;
        /* width: 11.625rem;
        height: 2.75rem; */

        width: 5.8125rem;
        height: 1.5625rem;

        background-color: #1abc9d;
        border-radius: 3.125rem;
        /* font-size: 1.125rem; */
        font-size: 0.5625rem;;
    }

    .dxgs-bufferss-request-error-layers .dxgs-bufferss-request-error-layers-btn .dxgs-bufferss-request-error-layers-btn-refresh .dxgs-bufferss-request-error-layers-btn-refresh-icon{
        width: 0.875rem;
        height: 0.875rem;
    }

    .dxgs-bufferss-request-error-layers .dxgs-bufferss-request-error-layers-btn .dxgs-bufferss-request-error-layers-btn-refresh .dxgs-bufferss-request-error-layers-btn-refresh-icon img {
        width: 100%;
        height: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    .dxgs-bufferss-request-error-layers .dxgs-bufferss-request-error-layers-btn .dxgs-bufferss-request-error-layers-btn-upload {
        display: flex;
        align-items: center;
        justify-content: center;
        /* width: 11.625rem;
        height: 2.75rem; */

        width: 5.8125rem;
        height: 1.5625rem;

        background-color: #1abc9d;
        border-radius: 3.125rem;
        /* font-size: 1.125rem; */
        font-size: 0.5625rem;;
    }

    .dxgs-bufferss-request-error-layers .dxgs-bufferss-request-error-layers-btn .dxgs-bufferss-request-error-layers-btn-upload .dxgs-bufferss-request-error-layers-btn-refresh-icon{
        width: 0.875rem;
        height: 0.875rem;
    }

    .dxgs-bufferss-request-error-layers .dxgs-bufferss-request-error-layers-btn .dxgs-bufferss-request-error-layers-btn-upload .dxgs-bufferss-request-error-layers-btn-refresh-icon img {
        width: 100%;
        height: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }
    /*  */


    /*  */
    .dxgs-unlock-layers {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dxgs-unlock-layers .dxgs-unlock-layers-play {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 7.5rem;
        height: 1.875rem;
        background-color: #1abc9d;
        border-radius: 1.875rem;
        font-size: 0.6875rem;
    }
    /*  */

    /* 播放完成 start */
    .dxgs-ended-layers {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 8.0rem;
        justify-content: space-evenly;
    }

    .dxgs-ended-layers .dxgs-ended-layers-btns {
        display: flex;
        justify-content: space-around;
        gap: 1.5625rem;
    }

    .dxgs-ended-layers .dxgs-ended-layers-btns .dxgs-ended-layers-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3.125rem;
        font-size: 1.125rem;
        flex-direction: column;
        gap: 0.625rem;
    }

    .dxgs-ended-layers .dxgs-ended-layers-btns .dxgs-ended-layers-btn .dxgs-ended-layers-btn-icon{
        width: 2.5rem;
        height: 2.5rem;
    }

    .dxgs-ended-layers .dxgs-ended-layers-btns .dxgs-ended-layers-btn .dxgs-ended-layers-btn-text{
        font-size: 0.75rem;
        font-weight: 600;
        color: #fff;
    }

    /* 播放完成 end */

    /* 人机验证 start */
    .dxgs-bufferss-image-verify-layers {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 30.0rem;
    }

    .dxgs-bufferss-image-verify-layers .dxgs-bufferss-image-verify-layers-txt {
        font-size: 0.8125rem;
        font-weight: 600;
    }

    .dxgs-bufferss-image-verify-layers .dxgs-bufferss-image-verify-layers-btn {
        display: flex;
        justify-content: space-around;
        gap: 0.75rem;
        padding: 1.0rem 0 2.0rem 0;
    }

    .dxgs-bufferss-image-verify-layers-box {
        position: relative;
        width: 13.6rem;
        height: 2.625rem;
        background: #ffffff;
        border-radius: 2.625rem;
        overflow: hidden;
        user-select: none;
    }

    .dxgs-bufferss-image-verify-layers-box-iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #3e3e3e;
        font-size: 0.875rem;
        pointer-events: none;
    }

    .dxgs-bufferss-image-verify-layers-box-iframe-btn {
        position: absolute;
        left: 0;
        top: 0;
        width: 3.125rem;
        height: 100%;
        background: #35b34a;
        color: #ffffff;
        border-radius: 2.625rem;
        box-shadow: 0 0 0.9375rem #ddd;
        z-index: 2;
        cursor: pointer;
        text-align: center;
        line-height: 2.625rem;
        transition: width 0.02s linear;
    }
    /* 人机验证 end */

    /*  */
    .dxgs-tips-layers {
        
    }

    /* 异常上报 start */
    .dxgs-report-error-layers {
        background-color: #333333;
        padding: 0.5rem;
        border-radius: 0.5rem;
        margin: 0;
        position: relative;
        width: 20.3125rem;
    }

    .dxgs-report-error-layers .dxgs-report-error-layers-title {
        font-size: 1.0rem;
        color: #ffffff;
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 0 0 0.25rem 0;
        border-bottom: 0.1rem solid #666666;
    }

    .dxgs-report-error-layers .dxgs-report-error-layers-content {
        font-size: 0.8125rem;
        color: #cccccc;
        padding: 0.525rem 0;
    }

    .dxgs-report-error-layers .dxgs-report-error-layers-btns {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dxgs-report-error-layers .dxgs-report-error-layers-btns .dxgs-report-error-layers-btns-submit {
        background-color: #1abc9d;
        width: 8.125rem;
        height: 1.875rem;
        font-size: 0.875rem;
        border-radius: 12.0rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dxgs-report-error-layers .dxgs-report-error-layers-close {
        width: 1.0rem;
        height: 1.0rem;
        position: absolute;
        top: 0.45rem;
        right: 0.6rem;
    }
    /* 异常上报 end */

}

/* 异常上报 start */
.dxgs-message-layers {

}

.dxgs-message-layers .dxgs-message-layers-title {
    padding: 0.3rem 1.0rem;
    background-color: #1abc9c;
    border-radius: 0.3rem;
}

.dxgs-message-layers .dxgs-message-layers-title.error {
    padding: 0.3rem 1.0rem;
    background-color: #a50e0e;
    border-radius: 0.3rem;
}
/* 异常上报 end */