.brief-bg[data-v-1111b45e] {
    width: 100%;
    height: 10.9375rem;
    position: relative;
    overflow: hidden;
    background: linear-gradient(-90deg,#ff5470,#ff5b5b)
}

.brief-bg>.brief-bg__word[data-v-1111b45e] {
    position: absolute;
    width: 10.625rem;
    left: 1.25rem;
    top: 3.5rem;
    color: #fff
}

.brief-bg>.brief-bg__word>h2[data-v-1111b45e] {
    font-weight: 600;
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.125rem;
    margin-bottom: 1.25rem
}

.brief-bg>.brief-bg__word>span[data-v-1111b45e] {
    font-size: .75rem;
    color: hsla(0,0%,100%,.8);
    line-height: 1.3125rem
}

.brief-bg>.brief-bg__img[data-v-1111b45e] {
    width: 8.8125rem;
    position: absolute;
    top: 2.125rem;
    right: 1.25rem
}

.resolution[data-v-7f20df3a] {
    background: #fff;
    width: 100%
}

.resolution .resolution-list[data-v-7f20df3a] {
    width: 100%;
    margin: 2.1875rem 0 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.resolution .resolution-list>.resolution-list__item[data-v-7f20df3a] {
    width: 10.1875rem;
    height: 9.625rem;
    margin: 0 .28125rem 2.1875rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.resolution .resolution-list>.resolution-list__item>.resolution-list__item__icon[data-v-7f20df3a] {
    width: 5rem;
    height: 5rem;
    margin: 0 0 .875rem
}

.resolution .resolution-list>.resolution-list__item>.resolution-list__item__title[data-v-7f20df3a] {
    width: 100%;
    font-size: .875rem;
    text-align: center;
    color: #3b426b;
    line-height: .875rem;
    margin: 0 0 .6875rem;
    font-weight: 500
}

.resolution .resolution-list>.resolution-list__item>.resolution-list__item__detail[data-v-7f20df3a] {
    width: 100%;
    font-size: .75rem;
    text-align: center;
    color: #7b88a2;
    line-height: 1.1875rem;
    margin: 0 0 .875rem
}

.easy-reach[data-v-36e6911a] {
    background: #fafafa;
    width: 100%
}

.easy-reach .easy-reach-list[data-v-36e6911a] {
    overflow: hidden;
    width: 100%;
    margin: 2.1875rem 0 1.625rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.easy-reach .easy-reach-list>.easy-reach-list__item[data-v-36e6911a] {
    overflow: hidden;
    width: 10.1875rem;
    margin: 0 .28125rem .5625rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: #fff;
    box-shadow: 0 0 .5rem rgba(229,228,228,.5);
    border-radius: .3125rem
}

.easy-reach .easy-reach-list>.easy-reach-list__item>.easy-reach-list__item__icon[data-v-36e6911a] {
    width: 5.25rem;
    height: 5.25rem;
    margin: 0
}

.easy-reach .easy-reach-list>.easy-reach-list__item>.easy-reach-list__item__title[data-v-36e6911a] {
    width: 100%;
    font-size: .875rem;
    text-align: center;
    color: #3b426b;
    line-height: .875rem;
    margin: 0 0 1rem;
    font-weight: 500
}

.easy-reach .easy-reach-list>.easy-reach-list__item>.easy-reach-list__item__detail[data-v-36e6911a] {
    width: 100%;
    font-size: .75rem;
    text-align: center;
    color: #7b88a2;
    line-height: 1.1875rem;
    margin: 0 0 1.5625rem
}

.renovation--show-swiper-box {
    overflow: hidden;
    width: 100%
}

.renovation--show-swiper-box .show-swiper {
    width: 50.375rem;
    margin: .9375rem 0 1.4375rem;
    position: relative;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

.renovation--show-swiper-box .show-swiper .swiper-container {
    overflow: visible
}

.renovation--show-swiper-box .show-swiper .swiper-container .swiper-slide img {
    display: block;
    width: 15.625rem;
    height: 27.8125rem;
    margin: 0 auto;
    transition: all .5s;
    opacity: .6;
    border-radius: .3125rem;
    box-shadow: 0 .125rem .75rem rgba(0,0,0,.1)
}

.renovation--show-swiper-box .show-swiper .swiper-container .swiper-slide span {
    position: absolute;
    bottom: 0;
    transition: all .5s;
    opacity: .5;
    left: 0;
    width: 100%;
    font-size: .75rem;
    text-align: center;
    line-height: .75rem;
    color: #5d6494
}

.renovation--show-swiper-box .show-swiper .swiper-container .swiper-slide-active img,.renovation--show-swiper-box .show-swiper .swiper-container .swiper-slide-active span {
    opacity: 1
}

.renovation--show-swiper-box>.show-swiper__pagination {
    height: .21875rem;
    bottom: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center
}

.renovation--show-swiper-box>.show-swiper__pagination>.show-swiper__pagination__item {
    height: 100%;
    width: 1.5rem;
    background: #ddd;
    margin: 0 .375rem;
    border-radius: .1875rem
}

.renovation--show-swiper-box>.show-swiper__pagination>.show-swiper__pagination__item--active {
    background: #49daae
}

.show[data-v-727c7e24] {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    padding-bottom: 2.1875rem
}

.show .show-bgimg[data-v-727c7e24] {
    display: block;
    margin: 1.5625rem auto;
    width: 13.90625rem
}

.character[data-v-d86ea6da] {
    width: 100%;
    position: relative;
    height: 17.65625rem
}

.character>.character__bg[data-v-d86ea6da] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.character .character-list-box[data-v-d86ea6da] {
    width: 100%;
    overflow-x: auto;
    margin-top: 1.875rem;
    -webkit-overflow-scrolling: touch
}

.character .character-list-box>.character-list-box__list[data-v-d86ea6da] {
    display: flex;
    justify-content: center;
    width: fit-content;
    padding: 0 .375rem 0 .9375rem;
    color:#fff
}

.character .character-list-box>.character-list-box__list>.character-list-box__list__item[data-v-d86ea6da] {
    height: 9.9375rem;
    width: 8.4375rem;
    flex-shrink: 0;
    overflow: hidden;
    background: hsla(0,0%,100%,.8);
    border-radius: .1875rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 .5625rem 0 0
}

.character .character-list-box>.character-list-box__list>.character-list-box__list__item>img[data-v-d86ea6da] {
    width: 4.0625rem;
    height: 4.0625rem;
    margin: 1.25rem 0 .75rem
}

.character .character-list-box>.character-list-box__list>.character-list-box__list__item>span[data-v-d86ea6da] {
    width: 100%;
    text-align: center;
    font-size: .75rem;
    line-height: 1.1875rem;
    color: #5d6494;
    height: fit-content;
    position: relative
}

.character .character-list-box>.character-list-box__list>.character-list-box__list__item>span[data-v-d86ea6da]:before {
    position: absolute;
    content: "";
    width: 3rem;
    height: .125rem;
    background: #ff546f;
    border-radius: .0625rem;
    top: -.75rem;
    left: 0;
    right: 0;
    margin: auto
}

.spike[data-v-7bd11f04] {
    width: 100%
}