.tag-ret-bg {
    position: absolute;
    top: 0;
    left: 0;
    /*bottom: 0;*/
    width: 100%;
    min-height: 100vh;
    color: #ffffff;
    background-position: center 0;
    background-size: contain;
    background-image: url(/source/zh/css/img/label/result-bg.png);
}
.tag-match {
    margin-top: .9rem;
    width: 100%;
    text-align: center;
    font-size: .44rem;
}
.re-select {
    margin-top: .1rem;
    width: 100%;
    text-align: center;
    font-size: .28rem;
}
.match {
    position: relative;
}
.match p {
    margin: -0.08rem;
}
.match-info {
    position: relative;
    margin: .3rem auto 0 auto;
    width: 3.03rem;
    height: 3.03rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/source/zh/css/img/label/rate.png);
}
.match-rate {
    position: absolute;
    top: .72rem;
    left: .72rem;
    width: 1.6rem;
}
.match-rate p {
    margin: 0;
}
.match-rate p:nth-child(1) {
    margin-top: .37rem;
    width: 100%;
    text-align: center;
    font-size: .2rem;
}
.match-rate p:nth-child(2) {
    margin-top: .1rem;
    width: 100%;
    text-align: center;
    font-size: .46rem;
    font-weight: bold;
}
.dot {
    position: absolute;
    width: .3rem;
    height: .3rem;
    background-image: url(/source/zh/css/img/label/oval.png);
    background-size: 100%;
}
.dot-1 {
    top: .45rem;
    right: 0.15rem;
}
.dot-0 {
    top: 1.44rem;
    left: -0.15rem;
}
.dot-2 {
    top: 2.24rem;
    right: 0.15rem;
}
.match-dot-1 {
    position: absolute;
    left: 5.25rem;
    top: .46rem;
}
.match-dot-0 {
    position: absolute;
    right: 5.62rem;
    top: 1.44rem;
}
.match-dot-2 {
    position: absolute;
    left: 5.3rem;
    top: 2.26rem;
}
.dot-ani {
    animation: dot-ani 1.5s infinite ease-in-out;
}
@keyframes dot-ani {
    0% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

/* 轮播样式 */

/* .swiper-wrapper {
    position: relative;
    width: 6.9rem;
    height: 6.7rem;
}
.slide {
    position: absolute;
    border-radius: .1rem;
}
.slide-1 {
    z-index: 2;
    left: .3rem;
    width: 6.6rem;
    height: 6.7rem;
    border: 1px solid red;
}
.slide-2 {
    z-index: 1;
    top: .15rem;
    left: .39rem;
    width: 6.68rem;
    height: 6.40rem;
    border: 1px solid green;
}
.slide-3 {
    z-index: 0;
    top: .25rem;
    left: .73rem;
    width: 6.48rem;
    height: 6.20rem;
    border: 1px solid yellow;
} */

.swiper-pagination {
    position: absolute;
    top: .1rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: .4rem;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #9070CE!important;
}
.swiper-pagination-bullet {
    background: #AB86F2!important;
}
.swiper-container {
    margin-top: .3rem;
    /* width: 6.91rem; */
}
.swiper-wrapper {
    /* position: relative; */
}
.swiper-slide {
    /* opacity: 1!important; */
}
.slide {
    margin: 0 0 0 .3rem;
    width: 6.6rem;
    height: 6.7rem;
    background: #ffffff;
    border-radius: .1rem;
    color: black;
    border: 0.1px solid #ffffff;
    box-shadow: 0 0.02rem 0.1rem 0 rgba(6,6,6,0.17);
}
.card-ico {
    display: block;
    margin: .54rem auto 0 auto;
    width: 3.68rem;
    height: 2.3rem;
    border-radius: .16rem;
}
.card-name {
    margin: .2rem auto 0 auto;
    max-width: 5.9rem;
    text-align: center;
    font-size: .36rem;
    color: #333333;
    font-weight: bold;
}
.subcard-name {
    margin: .1rem auto 0 auto;
    max-width: 5.9rem;
    font-size: .24rem;
    color: #F9712C;
    text-align: center;
}
.tags-collect {
    list-style: none;
    margin: .04rem auto 0 auto;
    width: 4rem;
    font-size: .24rem;
    color: #666666;
    border: .1px solid #ffffff;
}
.tags-collect li {
    margin-top: .16rem;
    position: relative;
    height: .33rem;
    line-height: .33rem;
    vertical-align: middle;
}
.tags-collect li::before {
    content: '';
    position: absolute;
    left: -0.2rem;
    top: .1rem;
    width: .1rem;
    height: .1rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/source/zh/css/img/label/dot.png);
}
.apply {
    display: block;
    margin: .25rem auto 0 auto;
    width: 2.8rem;
    height: .66rem;
    font-size: .32rem;
    color: #FE6A44;
    border-radius: .33rem;
    border: 1px solid #FE6A44;
    background: #ffffff;
    box-shadow: 0 0.03rem 0.08rem #FFB9B9;
}
.apply a {
    color: #FE6A44;
    text-decoration: none; outline: none; 
    display: block;
}
/*.slide-1 {
    width: 6.68rem;
    height: 6.40rem;
    background: green;
}
.slide-2 {
    width: 6.48rem;
    height: 6.20rem;
    background: yellow;
}
 .slide-index-0 {
    margin: 0 0 0 .3rem;
}
.slide-index-1 {
    margin: .15rem 0 0 .39rem;
}
.slide-index-2 {
    margin: .25rem 0 0 .73rem;
} */
.swiper-bg {
    position: absolute;
    top: 0;
    left: 0.3rem;
}
.swiper-bg-1 {
    position: absolute;
    top: .15rem;
    left: .09rem;
    width: 6.68rem;
    height: 6.4rem;
    background: #ffffff;
    opacity: 0.7;
    border-radius: .1rem;
}
.swiper-bg-2 {
    position: absolute;
    top: .25rem;
    left: .43rem;
    width: 6.48rem;
    height: 6.2rem;
    background: #ffffff;
    opacity: 0.3;
    border-radius: .1rem;
}