.syui {
    background: #FAFCFE;
    padding-bottom: 1.5rem;
    font-size: .24rem;
    width: 7.5rem;
    overflow: hidden;
}

a {
    text-decoration: none;
    color: #333333;
}

.syui .pt-title {
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: .32rem;

}

/* .syui .content {
    background-color: transparent !important;
} */

.syui .pt-title img {
    height: .97rem;
}

.syui .top-banner {
    height: 7.43rem;
    overflow: hidden;
    background: url("https://wanmei-edu-public.cdn.bcebos.com/m.pixseedschool.com/images/n-uisheji/top-banner.png") top center/cover;
}

.syui .top-wrapper {
    width: 6rem;
    height: 4rem;
    margin: 2rem auto 0;
    color: white;
}

.syui .top-wrapper p {
    font-size: .36rem;
}

.syui .top-wrapper h2 {
    font-size: .72rem;
    font-weight: bold;
}

.syui .top-wrapper .tips {
    margin-top: .4rem;
    font-size: .36rem;
}

.syui .top-wrapper a {
    margin-top: .8rem;
    display: block;
    width: 2.40rem;
    height: .8rem;
    line-height: .8rem;
    border: 0.01rem solid white;
    font-size: .36rem;
    text-align: center;
    text-decoration: none;
    color: white;
}

.tp-3-text {
    width: 6rem;
    height: fit-content;
}

.tp-3-text span,
.tp-2-text span {
    display: inline-block;
    opacity: 0;
    transform: scale(1.6);
    transition: all .2s ease;
}

.tp-3-text span.show,
.tp-2-text span.show {
    opacity: 1;
    transform: scale(1);
    transition: all .2s ease;
}

.tp-2-text {
    width: 6rem;
    height: fit-content;
}

.ball {
    position: absolute;
    width: 1.9rem;
    height: 1.9rem;
    opacity: 0.2;
    filter: blur(.8rem);
    z-index: 0;
    border-radius: .7rem;

}

.ui-ball1 {
    left: 0;
    top: 0.5rem;
    background: linear-gradient(286.7deg, #FFDF6C -20.79%, #FFC9BD 80.01%);
}

.ui-ball2 {
    right: 0;
    bottom: -1rem;
    background: linear-gradient(103.19deg, #FDA6D0 1.19%, #FF6DB4 100%);
}

.ui-ball4 {
    left: .4rem;
    bottom: -1rem;
    background: linear-gradient(103.19deg, #FDA6D0 1.19%, #FF6DB4 100%);
}

.ui-ball6 {
    left: 1rem;
    bottom: -1rem;
    background: linear-gradient(286.7deg, #FFDF6C -20.79%, #FFC9BD 80.01%);
}

.ui-ball7 {
    right: 1rem;
    bottom: -1rem;
    background: linear-gradient(103.19deg, #FDA6D0 1.19%, #FF6DB4 100%);
}

.ui-ball8 {
    left: 0.3rem;
    bottom: -0.45rem;
    background: linear-gradient(103.19deg, #FDA6D0 1.19%, #FF6DB4 100%);
}


.part1 {
    position: relative;
}

.part1 .pt-title img {
    height: .97rem;
}

.pt1-swiper-warpper {
    padding-left: .32rem;
}

.pt1-swiper {}

.pt1-swiper .swiper-slide {
    width: 4.56rem;
    margin-right: .16rem;
}

.pt1-swiper .info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 4.56rem;
    height: 5rem;
    background-color: white;
    border-radius: .24rem;
    padding: .2rem .4rem;
    box-sizing: border-box;
    text-align: center;
}

.pt1-swiper .info img {
    width: 1.1rem;
    height: 1.1rem;
}

.pt1-swiper .info h4 {
    font-size: .36rem;
    color: #333333;
    margin-top: .3rem;
}

.pt1-swiper .info p {
    font-size: .28rem;
    margin-top: .12rem;
    color: #666666;
    height: 2rem;
    font-weight: 300;
}

.part2 {
    margin-top: 1.1rem;
}

.part2 img {
    height: 6.75rem;
}

.part3 {
    position: relative;
}

.part3 .pt-title img {
    height: .97rem;
}

.part3 ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    height: 8.8rem;
}

.part3 li {
    width: 3.68rem;
    height: 4.3rem;
    background-color: white;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    border-radius: .16rem;
}

.part3 li img {
    width: 3.68rem;
    height: 2.05rem;
}

.part3 li h4 {
    margin-top: .24rem;
    font-weight: bold;
    color: #333333;
    font-size: .3rem;
}

.part3 li p {
    margin-top: .1rem;
    font-size: .28rem;
    color: #333333;
    padding: 0 .2rem;
    box-sizing: border-box;
}

.part4 {
    position: relative;
}

.part4 .pt-title img {
    height: .97rem;
}

.pt4-a {
    background: url("https://wanmei-edu-public.cdn.bcebos.com/m.pixseedschool.com/images/n-uisheji/pt4-company.png") no-repeat top center/contain;
    height: 5rem;
    background-color: #FAFCFE;
    overflow: hidden;
}

.pt4-a .text>img.logo {
    width: 1.52rem;
    height: .55rem;
    position: absolute;
    right: .3rem;
    top: .3rem;
}

.pt4-a .text>img.role {
    width: .93rem;
    height: 1.37rem;
    position: absolute;
    right: 0;
    bottom: .2rem;
}

.pt4-a .content {
    width: 6.86rem;
    height: 4rem;
    box-shadow: 0rem 4rem 30rem rgba(232, 216, 225, 0.42);
    border-radius: .24rem;
    overflow: hidden;
    margin: .8rem auto 0;
    min-height: auto;
}

.pt4-a .content a {
    font-size: .3rem;
}

.pt4-a .text {
    margin: .49rem 0 0 .72rem;
}

.part4 .content h2 {
    color: #333;
    font-size: .36rem;
    display: inline;

}

.part4 .content small {
    font-size: .2rem;
    color: #333;
}

.part4 .content .tips {
    margin: .12rem 0;
    font-size: .3rem;
}

.part4 .content p {
    font-size: .24rem;
    color: #666;
    line-height: 1.5;
}

.part4 .content .knowMore {
    width: 2.8rem;
    height: 0.8rem;
    text-align: center;
    background: #FAFAFA;
    border-radius: 0.12rem;
    margin-top: 0.18rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.part4 .content .knowMore img {
    height: .4rem;
    vertical-align: middle;
}

.pt4-b {
    margin-top: .56rem;
    padding-left: .32rem;
    position: relative;
}


.pt4-b-a {
    color: #333333;
    font-size: .32rem;
}

.pt4-swiper {
    margin-top: .2rem;
    height: 2.7rem;
}

.pt4-swiper .swiper-slide {
    width: 1.76rem;
    height: fit-content;
    text-align: center;
    margin-right: .16rem;

}

.pt4-swiper .swiper-slide img {
    width: 1.76rem;
    height: 1.76rem;
}

.part4 .swiper-scrollbar,
.part5 .swiper-scrollbar {
    width: 2.6rem !important;
    margin-left: 28%;
    background-color: #F4F8FB;
}

.part4 .swiper-scrollbar-drag,
.part5 .swiper-scrollbar-drag {
    background: linear-gradient(103.19deg, #FDA6D0 1.19%, #FF6DB4 100%);
    border-radius: .3rem;
}

.part5 {
    margin-top: 1.1rem;
}

.part5 .wrapper {
    position: relative;
}

.part5 .wrapper>.tips {
    font-size: .3rem;
    color: #333;
    text-align: center;
    font-weight: 500;
    margin-bottom: 0.2rem;
    margin-top: -0.3rem;
}

.part5 .pt-title img {
    height: .97rem;
}

.pt5-swiper {
    height: 5rem;
    padding-left: .2rem !important;
}

.pt5-swiper h4 {
    margin: 3.6rem 0 .4rem 0;
}

.pt5-swiper .swiper-slide {
    width: 3.8rem;
    height: 4.48rem;
    margin-right: .16rem;
}

.pt5-swiper .info {
    width: 3.8rem;
    height: 4.48rem;
    border-radius: .24rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 .32rem;
    align-items: flex-start;
}

.pt5-swiper .info.one {
    background: #E4F9FF;
}

.pt5-swiper .info.two {
    background: #EBECFF;
}

.pt5-swiper .info.three {
    background: #FFFBF3;
    ;
}

.pt5-swiper .info.four {
    background: #FCECFF;
}

.pt5-swiper .info.five {
    background: #EEFFF4;
}

.pt5Swiper-more-info .tips {
    font-size: .28rem;
    margin: 0.04rem 0 .16rem 0;
}

.pt5Swiper-more-info p {
    font-size: .26rem;
    color: #666666;
    text-align: left;
    word-break: break-all;
}

.pt5Swiper-more-info h3 {
    margin: .2rem 0;
}

.pt5Swiper-more-info span {
    width: .2rem;
    height: 0.02rem;
    background: linear-gradient(286.7deg, #FF6CB3 -20.79%, #FFBDC1 80.01%);
    display: inline-block;
    vertical-align: middle;
}

.pt5_1-container {
    height: 9.35rem;
    margin-top: .92rem;
    background-color: #F7F8F9;
}

.pt5_1-swiper .swiper-slide {
    width: 7.5rem;
    height: 9.68rem;
}

.pt5_1-swiper .swiper-slide img {
    width: 7.5rem;
    height: 9.68rem;
}

.pt5_1-button-group {
    position: absolute;
    bottom: 0.6rem;
    height: 0.35rem;
    width: 100%;
    z-index: 23;
    
}

.pt5_1-button-group .container {
    width: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: translateX(.9rem);
    margin: 0 auto;
}

.pt5_1-button-group div {
    width: .35rem;
    height: .35rem;
    outline: none;
    border: none;

}

.part6 {
    position: relative;
}

.pt6-swiper {
    position: relative;
}

.pt6-swiper img {
    height: 9.41rem;
}

.pt6-button-group {
    position: absolute;
    bottom: 1.9rem;
    height: 0.35rem;
    width: 100%;
    z-index: 23;
}

.pt6-button-group .container {
    width: 1.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: translateX(.7rem);
    margin: 0 auto;
}

.pt6-button-group div {
    width: .35rem;
    height: .35rem;
    outline: none;
}

.pt6-more-detail {
    font-size: .3rem;
    width: 6.72rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    box-shadow: 0rem 0.04rem .3rem rgba(232, 216, 225, 0.42);
    margin: .24rem auto 0;
    cursor: pointer;
}

.pt6-more-detail img {
    vertical-align: middle;
    height: .5rem;
}

.part7 .pt-title img {
    height: 1.47rem;
}

.part7 .info {
    margin-top: -.8rem;
}

.part7 .info>img {
    height: 5.41rem;
}

.part7 .text {
    width: 4rem;
    height: 3.1rem;
    position: absolute;
    right: -.2rem;
    top: 2.7rem;

}

.part7 .name {
    font-size: .48rem;
    color: #333;
}

.part7 .tips {
    font-size: .24rem;
    color: #333;
    margin-top: .16rem;
}

.part7 .hr {
    width: .44rem;
    height: 0.02rem;
    background: linear-gradient(103.19deg, #FDA6D0 1.19%, #FF6DB4 100%);
    margin: .24rem 0;
}

.part7 p {
    font-size: .2rem;
    color: #666;
    line-height: 1.5;
    width: 3.2rem;
}

.part8 .pt-title img {
    height: 1.47rem;
}

.part8 .tab {
    width: 5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}

.part8 .tab div {
    width: 2.40rem;
    height: .82rem;
    line-height: .82rem;
    text-align: center;
    background: #F7F7F8;
}

.part8 .tab div.selected {
    background: linear-gradient(103.19deg, #FDA6D0 1.19%, #FF6DB4 100%);
    color: white;
}

.part8 .line-container {
    width: 7.5rem;
    height: .17rem;
    margin-top: .16rem;
    background: url('https://wanmei-edu-public.cdn.bcebos.com/m.pixseedschool.com/images/n-uisheji/pt8_t1.png') no-repeat center/contain;


}

.part8 .triangle {
    width: .43rem;
    height: .14rem;
}

.part8 .content {
    margin-top: .26rem;
    background-color: transparent;
    text-align: center;

}

.part8 .content>div {
    display: none;
}

.part8 .content .tips {
    width: 86%;
    text-align: center;
    margin: 0 auto .2rem;
    color: #333;
    font-size: .24rem;
    letter-spacing: 0.03rem;
}

.part8 .content img {
    width: 7.18rem;
    height: 2.55rem;
}

.part8 .content div.show {
    display: block;
}

.part9 .pt-title img {
    height: .97rem;
}

.part9 .content {
    width: 6.8rem;
    margin: 0 auto;
    padding-left: 0.35rem;
    overflow: hidden;
    background-color: transparent;
}

.part9 .content div {
    box-shadow: 0 0.04rem .3rem rgba(232, 216, 225, 0.42);
    border-radius: .16rem;
    background-color: white;
    width: fit-content;
    height: .66rem;
    line-height: .66rem;
    padding: 0 .4rem;
    float: left;
    transition: all .3s ease;
    transform: scale(1);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    /* animation: heartBeat 5s infinite; */

}

.part9 .content div.heartBeat {
    transform: scale(1.1);
    transition: all 1s ease;
}

.part9 .content div:last-child {
    margin-left: 1.4rem;
}

.part9 .content .mr24 {
    margin-right: .24rem;
}

.part9 .content .mt24 {
    margin-top: .24rem;
}

.part9 .content img {
    width: .24rem;
    height: .24rem;
    margin-right: .1rem;

}

.part10 {
    margin-top: .96rem;
    position: relative;
}

.pt10down {
    width: .12rem;
    height: .24rem;
    width: 0.12rem;
    height: 0.24rem;
    position: absolute;
    top: 2.2rem;
    transform: translateX(-50%);
    left: 50%;
}

.part10 .top {
    width: 7.5rem;
    height: 4.65rem;
    position: relative;
    overflow: hidden;
}

.part10 .top .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(103.19deg, #FDA6D0 1.19%, #FF6DB4 100%);
    z-index: 3;
    opacity: .1;
}

.part10 .top h2 {
    font-size: .48rem;
    color: #333333;
    text-align: center;
    margin-top: .78rem;
    font-weight: 200;
}

.part10 .form-container {
    width: 6.72rem;
    height: 4.95rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.04rem .3rem rgba(232, 216, 225, 0.42);
    border-radius: .24rem;
    position: relative;
    margin: -2rem auto 0;
    z-index: 6;
    padding: 1px;
    box-sizing: border-box;
}

.ui-form {
    width: 5.9rem;
    height: 4rem;
    margin: .5rem auto 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.ui-form .formList {
    width: 5.9rem;
    height: 2.7rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.ui-form input {
    border: 0 none;
}

.ui-form input,
.ui-form .course-list {
    width: 4.65rem;
    height: .78rem;
    color: #333333;
    font-size: .3rem;
    background-color: #FBFBFB;
    box-sizing: border-box;
    position: relative;
    padding-left: .32rem;
    border-radius: .12rem;
}

.ui-form input::before {
    position: absolute;
    content: '姓名：';
    left: 0;
    top: 0;
}

.ui-form .click-area {
    width: 100%;
    height: inherit;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.ui-form .click-area span {
    color: #999;
}

.ui-form .chosen .click-area span {
    color: #333;
}

.ui-form input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
    font-size: .3rem;
}

.ui-form .submit {
    width: 4.24rem;
    height: .78rem;
    line-height: .78rem;
    text-align: center;
    font-size: .3rem;
    color: white;
    background: linear-gradient(103.19deg, #FDA6D0 1.19%, #FF6DB4 100%);
    border-radius: .12rem;
    padding: 0 .4rem;
}


.form .course-list-ul {
    overflow-y: auto;
    background-color: white;
    position: absolute;
    box-shadow: 0px 1px 10px rgba(204, 204, 204, 0.05), 0px 4px 10px rgba(169, 169, 169, 0.08), 0px 2px 10px -1px rgba(172, 172, 172, 0.12);
    border-radius: .12rem;
    width: 5.68rem;
    height: 2.68rem;
    left: -0.8rem;
    top: -1.6rem;
    padding-top: .08rem;
}


.formList .course-list li {
    width: 5.45rem;
    margin: 0 auto;
    line-height: .4rem;
    font-size: .3rem;
    box-sizing: border-box;
    padding: 0.08rem;
    padding-left: .3rem;
    color: #333;
    cursor: pointer;
}

.formList .course-list li img {
    width: .24rem;
    height: .24rem;
    visibility: hidden;
}

.formList .course-list li.active {
    background: rgba(194, 8, 19, 0.05);
}

.formList .course-list li.active img {
    visibility: visible;
}

.formList>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #ccc;
    font-size: .3rem;
}