.tab-list-active {
    background-color: #03c6fe;
}

.tab-box {
    display: none;
    height: 1.85rem;
}

.tab-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.daoyu {
    font-size: 1.4rem;
    margin-top: 0.5rem;
    color: #d70c30;
}

.daoyu span {
    font-size: 1rem;
    font-weight: normal;
}

.daoyu div:first-child {
    margin-bottom: 0.2rem;
}

.title img {
    width: 17.5rem;
    height: 3.275rem;
}

.o-teachers {
    background: #fff;
}

.o-teachers-list {
    display: none;
}

.o-teachers-list.o-teachers-list-active {
    display: block;
}

.o-list {
    color: #2d2d2d;
    align-items: flex-end;
    border-bottom: solid 0.05rem #bfbfbf;
    align-items: center;
}

.o-teachers .o-list:last-child {
    border-bottom: none;
}

.swiper-container {
    width: 23.5rem;
    margin: 0.5rem auto 0;
    padding-bottom: 1.5rem;
}

.swiper-slide {
    padding-top: 0.875rem;
    width: 7.275rem;
    height: 10.15rem;
    background-color: #ffffff;
    border-radius: 0 0 3.65rem 3.65rem;
    filter: blur(4px);
}

.swiper-slide-active {
    filter: opacity(100%);
    box-shadow: 0rem 0rem 0.8rem 0rem rgba(30, 157, 191, 0.25);
}

.swiper-pagination-bullet {
    width: 0.4rem;
    height: 0.2rem;
    background-color: #aaabab;
    border-radius: 0.1rem;
}

.swiper-pagination-bullet-active {
    width: 1.5rem;
    height: 0.2rem;
    background-color: #e8432f;
    border-radius: 0.1rem;
}

.step {
    font-size: 1.5rem;
    color: #e8432f;
}

.step1 img {
    width: 3.4rem;
    height: 3.425rem;
}

.step2 img {
    width: 3.25rem;
    height: 2.875rem;
}

.step3 img {
    width: 3.525rem;
    height: 3.525rem;
}

.step-desc {
    margin: 0.9rem 0 0.675rem;
    font-size: 0.5rem;
}

.step-desc div:last-child {
    background-color: #e8432f;
    border-radius: 0.5rem;
    color: #fff;
    width: 5.5rem;
    height: 0.95rem;
    margin: 0.125rem auto 0;
}

.f-list-color1 {
    background-color: #3699da;
}

.f-list-color2 {
    background-color: #fab907;
}

.f-list-color3 {
    background-color: #0f5aab;
}

.f-list-color4 {
    background-color: #df5612;
}

.f-list-color5 {
    background-color: #00a569;
}

.f-list-color6 {
    background-color: #87c637;
}

.f-list-color7 {
    background-color: #0f8fab;
}

.background {
    background-image: url('//xhd-lx-admin.oss-cn-hangzhou.aliyuncs.com/topic/2021Julyhuodong/images/background.jpg');
    padding-top: 12.35rem;
    overflow: hidden;
}

.tab {
    height: 1.8rem;
    line-height: 1;
    font-size: 0.6rem;
}

.tab-list {
    width: 5rem;
}

.section1 {
    padding-top: 1rem;
}

.o-content {
    margin-top: 1.15rem;
}

.o-list img {
    /*width: 3.5rem;*/
    height: 3.875rem;
}

.o-countrys::before {
    right: 3.075rem;
    top: 0.9rem;
}

.section2 {
    padding-top: 1.675rem;
    /* padding-bottom: 1.85rem; */
}

.section3 {
    padding-top: 0.975rem;
    /* padding-bottom: 1.175rem; */
}

.th-content {
    margin: 0.75rem 0 1rem;
}

.th-list {
    color: #000000;
    font-size: 0.4rem;
    background: rgb(238, 238, 238);
}

.th-list div {
    padding-left: 0.4rem;
}

.th-btn {
    width: 11.525rem;
    height: 1.5rem;
    margin: 0 auto;
    background-color: #03c6fe;
    border-radius: 0.75rem;
    border: solid 0.075rem #f6bd79;
    font-size: 0.5rem;
}

.section4 {
    padding: 1.2rem 0 0.625rem;
}

.section4 .title {
    margin-bottom: 0.7rem;
}

.f-list-rotate {
    transform: rotate(45deg);
    border-radius: 0.2rem;
    color: #fff;
    margin-right: 1.6rem;
}

.f-list-01 {
    margin-right: 0.375rem;
}

.f-list-02 {
    margin-right: 0.95rem;
}

.f-list-right {
    margin-right: 0;
}

.f-list-rotate>div {
    transform: rotate(-45deg);
}

.f-list-color7 {
    margin-right: 0.875rem;
}

.f-content2 {
    position: relative;
    top: -1.375rem;
}

.f-content3 {
    top: -2.7rem;
    left: -0.3rem;
}

.f-content4 {
    top: -4.5rem;
}

.section5 {
    padding: 0.75rem 0;
}

.section5 .title {
    margin-bottom: 0.625rem;
}

.section5 .section-background {
    background-image: url('//xhd-lx-admin.oss-cn-hangzhou.aliyuncs.com/topic/semaozhou/images/se-background.png');
    top: -0.05rem;
}

.o-l-c {
    flex: 1;
    padding-right: 0.5rem;
}

.o-l-c>div:first-child {
    margin-bottom: 0.3rem;
}

.o-list .o-btn {
    width: 3rem;
    font-size: 0.5rem;
}

.o-btn div {
    background: rgb(245, 182, 43);
    border-radius: 0.4rem;
}

.o-btn div:first-child {
    margin-bottom: 0.5rem;
    background: rgb(232, 67, 47);
}

.o-list {
    overflow: hidden;
}

.o-tips {
    position: absolute;
    right: 0rem;
    top: 0.0005rem;
    font-size: 0.35rem;
    transform: rotate(45deg);
    z-index: 1;
}

.o-tips.o-tips1 {
    right: 0.1rem;
    top: 0.2rem;
}

.o-tips.o-tips2 {
    top: 0.3rem;
}

.o-trigle {
    width: 0;
    height: 0;
    position: absolute;
    right: -1.3rem;
    top: -1.3rem;
    border: solid 1.3rem transparent;
    border-bottom: solid 1.3rem rgb(54, 153, 218);
    transform: rotate(45deg);
}

.o-list:nth-of-type(2) .o-trigle {
    border-bottom-color: rgb(223, 86, 18);
}

.o-list:nth-of-type(3) .o-trigle {
    border-bottom-color: rgb(15, 90, 171);
}

.o-list:nth-of-type(4) .o-trigle {
    border-bottom-color: rgb(24, 138, 60);
}

.o-list:nth-of-type(5) .o-trigle {
    border-bottom-color: rgb(250, 185, 7);
}

.o-list:nth-of-type(6) .o-trigle {
    border-bottom-color: rgb(142, 1, 1);
}

@media(min-width: 980px) {
    .background {
        background-image: url('//xhd-lx-admin.oss-cn-hangzhou.aliyuncs.com/topic/2021Julyhuodong/images/background.jpg');
        padding-top: 12.45rem;
        overflow: hidden;
    }
    .tab {
        height: 1.85rem;
        line-height: 1;
        font-size: 0.6rem;
    }
    .tab-fixed {
        width: 25rem;
        left: 50%;
        transform: translateX(-50%);
    }
    .tab-fixed::before {
        content: "";
        width: 100vw;
        height: inherit;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        background-image: url('//xhd-lx-admin.oss-cn-hangzhou.aliyuncs.com/topic/2021Julyhuodong/images/tab-bg.png');
    }
    .tab-list {
        width: 5rem;
        cursor: pointer;
        font-size: 0.6rem;
    }
    .daoyu {
        padding-top: 1rem;
    }
    .o-content {
        margin-top: 1.15rem;
    }
    .o-teachers {
        width: 25.75rem;
        padding: 0 0 0 0.175rem;
        /* padding: 0 0.55rem 0 0.175rem; */
    }
    .o-list {
        padding: 0.5rem 1.375rem 0.8rem 1.325rem;
        font-size: 0.6rem;
        line-height: 30px;
    }
    .o-list img {
        /*width: 3.5rem;*/
        height: 3.875rem;
        margin-right: 0.5rem;
    }
    .o-countrys {
        width: 5.25rem;
        height: 2.425rem;
        padding-top: 1.825rem;
        font-size: 0.5rem;
    }
    .o-countrys::before {
        right: 3.075rem;
        top: 0.9rem;
        border: 2.175rem solid transparent;
        border-top-color: #2d2d2d
    }
    .country-list {
        width: 4.8rem;
        height: 2.45rem;
    }
    .country-list-active {
        width: 5.25rem;
    }
    .section2 {
        padding-top: 1.675rem;
        /* padding-bottom: 1.85rem; */
    }
    .section3 {
        padding-top: 1.975rem;
        /* padding-bottom: 1.175rem; */
    }
    .th-content {
        margin: 0.75rem 0 1rem;
    }
    .th-list {
        color: #000000;
        font-size: 0.4rem;
        line-height: 1.25rem;
        background: rgb(238, 238, 238);
    }
    .th-list img {
        width: 6rem;
        height: 3.775rem;
    }
    .th-list div {
        padding-left: 0.4rem;
    }
    .th-btn {
        width: 11.525rem;
        height: 1.5rem;
        margin: 0 auto;
        background-color: #03c6fe;
        border-radius: 0.75rem;
        border: solid 0.075rem #f6bd79;
        font-size: 0.5rem;
    }
    .section4 {
        padding: 2rem 0;
    }
    .section4 .title {
        margin-bottom: 0.7rem;
    }
    .f-list {
        width: 4.6rem;
        height: 4.575rem;
    }
    .f-list-rotate {
        width: 3.25rem;
        height: 3.25rem;
        transform: rotate(45deg);
        border-radius: 0.2rem;
        color: #fff;
        margin-right: 1.6rem;
    }
    .f-list-01 {
        margin-right: 0.375rem;
    }
    .f-list-02 {
        margin-right: 0.95rem;
    }
    .f-list-03 {
        margin-right: 0.25rem;
    }
    .f-list-right {
        margin-right: 0;
    }
    .f-list-rotate>div {
        transform: rotate(-45deg);
    }
    .f-list-color7 {
        margin-right: 0.875rem;
    }
    .f-content2 {
        position: relative;
        top: -1.375rem;
        left: 0rem;
        font-size: 0.45rem;
    }
    .f-content3 {
        top: -2.7rem;
        left: -0.05rem;
    }
    .f-content4 {
        top: -4.5rem;
    }
    .f-btn {
        margin-top: -2.5rem;
    }
    .section5 {
        padding: 0.75rem 0;
    }
    .section5 .title {
        margin-bottom: 0.625rem;
    }
    .section5 .section-background {
        /*ackground-image: url('//xhd-lx-admin.oss-cn-hangzhou.aliyuncs.com/topic/2021Julyhuodong/images/se-background.png');*/
        top: -0.05rem;
    }
}

@media(max-width: 979px) {
    .daoyu {
        padding: 0;
        font-size: 1rem;
    }
    .daoyu span {
        font-size: 0.5rem;
    }
    .background {
        background-image: url('//xhd-lx-admin.oss-cn-hangzhou.aliyuncs.com/topic/2021Julyhuodong/images/background-m.jpg');
        padding-top: 18.45rem;
        overflow: hidden;
    }
    .o-list {
        align-items: center;
    }
    .tab-fixed {
        background-image: url('//xhd-lx-admin.oss-cn-hangzhou.aliyuncs.com/topic/huodongdemo/images/tab-bg.png');
    }
    .o-content {
        width: 100%;
        padding-left: 0.35rem;
    }
    .o-teachers {
        width: 15.95rem;
        margin: 0 auto;
    }
    .o-list {
        padding: 0.55rem 0.2rem 0.8rem;
        font-size: 0.55rem;
        border-bottom-style: dashed;
    }
    .o-countrys {
        padding-top: 1.6rem;
    }
    .o-countrys::before {
        right: 1.25rem;
        top: 0.5rem;
        border: 1.175rem solid transparent;
        border-top-color: #2d2d2d;
    }
    .country-list {
        width: 2.05rem;
        height: 3.4rem;
        font-size: 0.6rem;
        writing-mode: vertical-rl;
    }
    .country-list-active {
        width: 2.45rem;
        height: 3.4rem;
    }
    .o-list img {
        margin-right: 0.3rem;
    }
    .o-tips {
        transform: rotate(45deg) scale(0.8);
        right: -0.2rem;
    }
    .o-tips.o-tips1 {
        right: 0rem;
        top: 0.2rem;
    }
    .o-tips.o-tips2 {
        right: -0.3rem;
        top: 0.3rem;
    }
    .o-l-c {
        padding-right: 0.2rem;
    }
    .swiper-container {
        width: 18.75rem;
    }
    .th-content {
        margin: 0.8rem 0.4rem 0;
    }
    .th-list {
        line-height: 1.85rem;
        margin-bottom: 0.8rem;
    }
    .th-list img {
        width: 8.75rem;
        height: 5.5rem;
    }
    .f-list-rotate {
        font-size: 0.55rem;
        margin-right: 2rem;
    }
    .f-content2 {
        left: 1rem;
    }
    .f-content3 {
        top: -2.1rem;
    }
    .f-content4 {
        top: -3.5rem;
        left: 0;
    }
    .f-content5 {
        top: -4.9rem;
    }
    .f-content6 {
        top: -6.3rem;
        left: 0;
    }
    .f-list {
        width: 5.65rem;
        height: 5.65rem;
    }
    .f-list-rotate {
        width: 4.1rem;
        height: 4.1rem;
    }
    .f-btn {
        margin-top: -5.5rem;
    }
    .section5 .section-background {
        background-image: url('//xhd-lx-admin.oss-cn-hangzhou.aliyuncs.com/topic/semaozhou/images/se-background-m.png');
        top: -0.1rem;
    }
    .se-intro div {
        color: red;
    }
}