@charset "utf-8";

div {
    box-sizing: border-box;
}

body {
    padding-bottom: 0.86rem;
}

[v-clock], .hide {
    display: none;
}

.top-area {
    background: url('/static/web/img/award2025/top-bg2.jpg') no-repeat;
    background-size: 7.5rem 7rem;
    width: 7.5rem;
    height: 7rem;
}

.body-bg {
    background: url('/static/web/img/award2025/body-bg.jpg') repeat-y;
    background-size: 7.5rem auto;
    width: 7.5rem;
}


.bottom-bg {
    background: url('/static/web/img/award2025/bottom-bg.jpg') no-repeat;
    background-size: 7.5rem 2.56rem;
    width: 7.5rem;
    height: 2.56rem;
}

.content-body {
    width: 5.42rem;
    margin: 0 auto;
    padding-bottom: 0.3rem;
;

}

.item-area {

    width: 5.42rem;
    height: 2.04rem;
    position: relative;
}

.item-area1 {
    background: url('/static/web/img/award2025/item-bg1.png') no-repeat;
    background-size: 5.42rem 2.04rem;
}

.item-area2 {
    background: url('/static/web/img/award2025/item-bg2.png') no-repeat;
    background-size: 5.42rem 2.04rem;
}

.item-area3 {
    background: url('/static/web/img/award2025/item-bg3.png') no-repeat;
    background-size: 5.42rem 2.04rem;
}

.item-area6 {
    background: url('/static/web/img/award2025/item-bg6.png') no-repeat;
    background-size: 5.42rem 2.04rem;
    height: 2.46rem;
}

.item-area .btn {
    width: 3.63rem;
    height: .58rem;
    position: absolute;
    top: 1.14rem;
    left: 50%;
    transform: translateX(-50%);
}

.item-area .point {
    display: block;
    width: .57rem;
    height: .62rem;
    animation: fade 600ms infinite;
    -webkit-animation: fade 600ms infinite;
    position: absolute;
    top: 1.34rem;
    left: 4.0rem;
    z-index: 1000;
}

@keyframes fade {
    from {
        opacity: 1.0;
    }
    50% {
        opacity: 0.4;
    }
    to {
        opacity: 1.0;
    }
}

@-webkit-keyframes fade {
    from {
        opacity: 1.0;
    }
    50% {
        opacity: 0.4;
    }
    to {
        opacity: 1.0;
    }
}

.item-title {
    width: 5.42rem;
    height: 0.98rem;
}

.item-title1 {
    background: url('/static/web/img/award2025/item-title1.png') no-repeat;
    background-size: 5.42rem 0.98rem;
}

.item-title2 {
    background: url('/static/web/img/award2025/item-title2.png') no-repeat;
    background-size: 5.42rem 0.98rem;
}

.item-title3 {
    background: url('/static/web/img/award2025/item-title3.png') no-repeat;
    background-size: 5.42rem 0.98rem;
}

.item-title6 {
    background: url('/static/web/img/award2025/item-title6.png') no-repeat;
    background-size: 5.42rem 0.98rem;
}

.item-body {
    background: url('/static/web/img/award2025/item-body.png') repeat-y;
    background-size: 5.42rem auto;
    width: 5.42rem;
    padding: .26rem;
    text-align: center;
}


.item-bottom {
    background: url('/static/web/img/award2025/item-bottom.png') no-repeat;
    background-size: 5.42rem .18rem;
    width: 5.42rem;
    height: .18rem;
}


.item-prize-ico {
    width: .6rem;
    height: .6rem;
    margin-right: .1rem;
}

.prize-title-area {
    display: flex;
    align-items: center;
    font-size: 0.38rem;
    width: 2.1rem;
    margin: 0 auto;
    font-weight: bold;
    letter-spacing: 0.05rem;
    margin-bottom: 0.4rem;
}

.content-item {
    margin: 0 auto;
    width: 4.8rem;
    background-color: #fff;
    font-size: 0;
    border-radius: 0.2rem;
    box-shadow: 8px 8px 5px #ececec;
    padding-bottom: 0.3rem;
    margin-bottom: 0.4rem;
}

.content-item img {
    width: 4.8rem;
    height: auto;
}

.content-item-title {
    font-size: 0.3rem;
    margin-top: 0.2rem;
    padding: 0 .2rem;
    margin-bottom: 0.2rem;
    font-weight: bold;
}

.content-item-desc {
    font-size: 0.28rem;
    margin-top: 0.1rem;
    padding: 0 .2rem;
    text-align: left;
}

.mb-item {
    margin-bottom: .5rem;
}