.site-logo {
    margin: 0 auto;
}

.site-logo img {
    width: 129px;
    height: 24px;

}

.wrap-t img {
    width: 100%;
    height: 216px;
    margin-top: 34px;
}

.content {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;


}

.content-t {
    color: #917ED4;
    font-size: 3.6rem;
    margin-bottom: 0 !important;
    font-weight: 500;

}

.content-p {
    color: #333333;
    font-size: 2.8rem;
    margin-bottom: 0 !important;
    font-weight: 500;
}

.c-main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0.2rem;

}

.c-main-i {
    margin: 1rem;
    width: 33rem;
    height: 24rem;
    background: #FFFFFF;
    box-shadow: 0px 5px 15px 1px rgba(0, 0, 0, 0.09);
    border-radius: 14px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.c-main-ic {
    text-align: center;
    margin: auto 0;

}

.c-main-ic img {
    width: 10.3rem;
    height: 10.3rem;
}

.c-main-ic p {
    color: #603EAF;
    font-size: 2.8rem;
    margin-bottom: 0 !important;
}

.c-l {
    margin: 2.8rem;
    height: 49rem;
    width: 69rem;
    position: relative;
}

.c-l-bg {
    height: 100%;
    background-color: #EDEDED;
    width: 27.4rem;
    position: absolute;
    left: 41.6rem;
}

.c-l-bgl {
    height: 100%;
    background-color: #EDEDED;
    width: 27.4rem;
    position: absolute;
    left: 0;
}

.c-l-top {
    width: 22rem;
    height: 8.38rem;
    line-height: 8.38rem;
    background-color: #917ED4;
    text-align: center;
    margin: auto 0;
    color: #FFFFFF;
    position: absolute;
    top: 3rem;
}

.c-l-topr {
    width: 22rem;
    height: 8.38rem;
    line-height: 8.38rem;
    background-color: #917ED4;
    text-align: center;
    margin: auto 0;
    color: #FFFFFF;
    position: absolute;
    top: 3rem;
    right: 0;
}

.c-l-top p {
    color: #FFFFFF;
}

.c-l-topr p {
    color: #FFFFFF;
}

.c-l img {
    width: 66rem;
    height: 36rem;
    position: relative;
    margin-top: 3rem;
}

.c-limgl {
    width: 66rem;
    height: 36rem;
    position: relative;
    margin-top: 3rem;
    margin-left: 3.1rem;
}

.c-l-t {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 10rem;
    width: 100%;
    font-size: 3.2rem;
    line-height: 10rem;
    justify-content: space-between;
    position: absolute;
}

.c-l-tl {
    color: #4D4D4D;
    font-weight: 500;
}

.c-l-tr {
    color: #917ED4;
    font-weight: 500;
    margin-right: 6rem;
}

.c-l-trl {
    color: #917ED4;
    font-weight: 500;
    margin-left: 6rem;
}


.c-x {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     margin-top: 3rem;
}

.c-x-img {
    width: 28rem;
    height: 18rem;
}

.c-x-r {
    margin-left: 2.8rem;
    width: 38rem;
}

.c-x-r p {
    margin-bottom: 0;
}

.c-x-rpt {
    font-size: 2.8rem;
    font-weight: 400;
    color: #333333;
}

.c-x-rpc {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;

}


.c-x-rpc img {
    width: 3.1rem;
    height: 3.1rem
}

.c-x-rpc p {
    font-size: 2.6rem;
    font-weight: 400;
    color: #808080;
    margin: 2rem 0.2rem 2rem 0 !important;
}

.c-x-rpb {
    font-size: 2.6rem;
    font-weight: 400;
    color: #808080;
}

.my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    background-color: #39a9ed;
}

.my-swipe .van-swipe-item>img {
    width: 150px;
    height: 230px;
}
.swiper {
    width: 70rem;
    height:45rem;
    margin-top: 4rem;
}

.swiper-slide {
    width: 30rem;
    height: 40rem;
}

.swiper-slide img {
    width: 30rem;
    height: 40rem;
}

.swiper-pagination {
    margin-top: 1rem;
}

.main-b {
    margin: 0 auto;
}

.main-b img {
    width: 100%;
    height: 26rem;
    margin-top: 7.6rem;
}