body, html {
    background-color: #53178B;
}

.top {
    top: 0;
    left: 50%;
    padding: 0 .2rem;
    width: 7.2rem;
    height: .95rem;
    background: #fff;
    border-bottom: .03rem #C5D4FF solid;
    box-sizing: border-box;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.top .top-logo img {
    margin-right: .1rem;
    height: .71rem;
}

.top .text img {
    display: block;
    margin-top: .08rem;
    height: .31rem;
}

.top .btnDownloadTop {
    width: 1.99rem;
    height: .6rem;
}

.wrapper {
    margin: 0 auto;
    width: 7.2rem;
    background-size: 7.2rem 28rem;
    overflow: hidden;
}
.wrapper-not-rp{
    background-size: 7.2rem 27rem;
}
.wrapper.not-live{
    background-size: 7.2rem 24rem;
}
.wrapper-not-rp.not-live{
    background-size: 7.2rem 22.8rem;
}
.btn-download {
    margin: 11.8rem auto .2rem;
    width: 3.94rem;
    height: 1.41rem;
    -webkit-animation: btnScale 1s linear infinite;
    animation: btnScale 1s linear infinite;
}
.wrapper-not-rp .btn-download {
    margin-top: 10.8rem;
}

.download-tips{
    left: 50%;
    top: 11.45rem;
    width: 2.19rem;
    height: .47rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.wrapper-not-rp .download-tips{
    top: 10.45rem;
}
@-webkit-keyframes btnScale {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.05);
    }
    100%{
        transform: scale(1);
    }
}
@keyframes btnScale {
   0%{
       transform: scale(1);
   }
    50%{
        transform: scale(1.05);
    }
    100%{
        transform: scale(1);
    }
}
.live-title{ margin: 0 auto; width: 6.31rem; height: .72rem }
.live-content{ margin: 0 auto; width: 6.67rem; height: 3.53rem; }
.live-content .video{ width: 6.48rem; height: 3.31rem; -webkit-border-radius: .27rem; border-radius: .27rem; overflow: hidden; }
.live-content .video iframe{ max-width: 100%; aspect-ratio: 16/9; object-fit: cover }

.schedule{ padding-top: .3rem; margin: .3rem auto .15rem; width: 6.67rem; box-sizing: border-box; background-size: 6.67rem 5.31rem; }
.schedule .img-schedule{ display: block; margin: 0 auto; width: 4.65rem; }
.schedule .img-map{ display: block; margin: .5rem auto .25rem;  width: 6.69rem; }

.footer-new {
    height: auto !important;
    background: #EDE9FF;
    border-top: .02rem #D5C8F1 solid;
}

.footer .ico-media-list {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    gap: .3rem;
    -webkit-justify-content: center;
    justify-content: center;
}

.footer .ico-media-list .ico-enter-media {
    margin-top: .2rem;
}

.footer .ico-media-list img {
    margin-left: 0;
    width: .55rem;
}

.footer .ico-list {
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.footer .mail-detail {
    margin: .2rem auto 0;
    clear: both;
    display: flex;
    display: -webkit-flex;
    width: 92%;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;;
    align-items: center;
    justify-content: space-between;
}

.footer .mail-detail .text {
    margin: 0 .25rem 0 .1rem;
    color: #7664c8;
    font-size: .2rem;
    word-wrap: normal;
    word-break: break-word;
}

.footer .href-list {
    display: flex;
    display: -webkit-flex;
    padding: .1rem 0;
    background: #CCC5ED;
    color: #4a3b90;
    font-size: .18rem;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.footer .href-list a {
    color: #4a3b90;
    text-decoration: underline;
}