.indexBut {
    background-image: url('../image/2026yd/btn.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.indexBut:active {
    background-image: url('../image/2026yd/btn.webp');
}

.indexButxingmu {
    background-image: url('../image/2026yd/btn.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #c00000;
    width: 1.94rem;
    height: 0.54rem;
    font-size: 0.2rem;
}

.indexButxingmu:active {
    background-image: url('../image/2026yd/btn.webp');
}

.video-box {
    position: fixed;
    background-image: url('../image/2026/BG_mobile.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* display: none; */
    width: 100%;
    height: 100%;
    z-index: 999;
    transition: all 0.4s;
}

.video-boxcontent {
    width: 100%;
    height: 100%;
    background: #fff0;
}

.videoborder {
    /* background-image: url(https://yinglie.chinamartyrs.gov.cn/24qm/image/2026/videoborderbg.png); */
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    text-align: center;
}


.video-box .videoContent {
    width: 100%;
    height: 5.5rem;
    /* display: flex;
    justify-content: space-between; */
}

.video-box .videoContent #videox {
    width: 100%;
    height: 2.26rem;
    margin: 0.1rem 0;
}

.video-box .videoContent .rightvideo {
    width: 100%;
    /* height: 320px; */
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    flex-wrap: wrap;
}

.video-box .videoContent .rightvideo .videolittle {
    width: 48%;
    height: auto;
    margin-bottom: 0.18rem;
    border-radius: 0.08rem;
    /* border-radius: 6px; */
    cursor: pointer;
    background-color: rgb(255, 255, 255);
}

.video-box .videoContent .rightvideo .videotitle {
    color: #000;
    padding: 0.06rem 0 0.12rem 0.1rem;
    font-size: 0.12rem;
    text-align: left;
}


.video-box .videoContent .rightvideo .videolittle img {
    width: 100%;
    height: 100%;
    border-radius: 0.08rem;
}

.video-box .videoContent .rightvideo .videolittle.videoactive {
    border: 1px solid #c00000;
    box-sizing: border-box;
}

/* 关闭页面按钮 */
.video-box .videoborder .closetask {
    width: 0.34rem;
    cursor: pointer;
    position: relative;
    position: absolute;
    bottom: 0.1rem;
    /* top: 16px; */
    /* top: -38px; */
    left: 50%;
    transform: translate(-50%, 0);
}

.video-box .videoborder .closetask img {
    width: 100%;
    height: 100%;
}

.lefttoptitle {
    position: absolute;
    top: 0.06rem;
    width: 100%;
}

.lefttoptitle img {
    width: 1.8rem;
    padding-top: 0.402rem;
    padding-left: 0.402rem;
}

.index {
    position: relative;
    margin-top: 1.2rem
}

.righttopicon {
    position: absolute;
    top: 0.46rem;
    display: grid;
    right: 0.28rem;
    z-index: 2;
}

.righttopicon #generatepic {
    display: none;
}

.righttopicon img {
    width: 0.48rem;
    height: 0.48rem;
}

.righttopicon .user,
.righttopicon .task {
    cursor: pointer;
}

.righttopicon .task {
    position: relative;
    top: 0.11rem;
}

/* 图片闪动 */
.shandong {
    border-radius: 100%;
    opacity: 1;
    animation: kuosan1 2s linear infinite;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: kuosan1;
}

@-moz-keyframes kuosan1 {
    0% {
        opacity: 0.8;
    }

    50% {
        opacity: 0;
    }

    100% {

        opacity: 0.8;
    }
}

@-webkit-keyframes kuosan1 {
    0% {
        opacity: 0.8;
    }

    50% {
        opacity: 0;
    }

    100% {

        opacity: 0.8;
    }
}

@keyframes kuosan1 {
    0% {
        opacity: 0.8;
    }

    50% {
        opacity: 0;
    }

    100% {

        opacity: 0.8;
    }
}

.bgvideo {
    width: 100vw;
    height: 100vh;
    position: absolute;
    /* background: url("../video/bg3.gif") no-repeat; */
    background: url("../image/2026yd/bjs.webp") no-repeat;
    background-size: cover;
}


.gkxcp::before {
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.08rem;
    background-image: url("../image/2026yd/xcp.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.jxhl::before {
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.08rem;
    background-image: url("../image/2026yd/hualan.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.jdyl::before {
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.08rem;
    background-image: url("../image/2026yd/jidian.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.gddt::before {
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.08rem;
    background-image: url("../image/2026yd/dongtai.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.zjss::before {
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.08rem;
    background-image: url("../image/2026yd/sheshi.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ndqd::before {
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.08rem;
    background-image: url("../image/2026yd/ndqd.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}