@charset "utf-8";
body {
    background: #fff;
    font-size: .25rem;
}


/* --------------index-start-------------- */

.slideBox {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}

.slideBox h2 {
    /* font-weight: bold; */
    overflow: hidden;
    line-height: 1rem;
    font-size: .3rem;
    position: relative;
}

.slideBox h2 span {
    display: block;
    position: absolute;
    right: 0%;
    top: 50%;
    margin-top: -.16rem;
    background: url(../images/rank2.png) center no-repeat;
    width: .32rem;
    height: .32rem;
    background-size: 100% 100%;
    display: block;
    transition: all 0.3s;
}

.slideBox h2.on span {
    transform: rotate(90deg);
}

.slideBox dl {
    display: none;
    padding: 0 0;
}

.slideBox ul li {
    float: none;
}

.slideBox dt {
    font-size: .26rem;
    line-height: 2.5;
    padding-left: 0.25rem;
}

.slideBox dt a {
    color: #000;
    display: block;
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    position: relative;
}

.slideBox dt a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.2rem;
    width: .4rem;
    height: .4rem;
    background: url(../images/more.png) center no-repeat;
    background-size: 100% 100%;
}

.slideImg {
    display: none;
    width: 100%;
}

.slideImg img {
    width: auto;
    max-width: 100%;
}

.slideImg video {
    width: 100%;
    background-color: #000;
    object-fit: cover;
}

* {
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}