<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.pointer {
    cursor: pointer;
}

.application-icon-b {
    background-color: #21c1ff;
}

.btnHover:hover {
    background-color: #4270D4;
}

.application-icon-ls {
    background-color: #2357cd;
}

.application-icon-dl {
    background-color: #3874f6;
}

.application-icon-g {
    background-color: #ff7800;
}

.application-icon-l {
    background-color: #00c453;
}

/* ä¿®æ”¹nextæŒ‰é’®çš„å›¾æ&nbsp;‡ */
.swiper-button-next::after {
    content: url('../../Resources/Images/Production/right.png') !important;
    /* è¿™é‡Œå¯ä»¥æ˜¯ä»»ä½•å›¾æ&nbsp;‡æˆ–è€…å›¾ç‰‡ */
}

/* ä¿®æ”¹prevæŒ‰é’®çš„å›¾æ&nbsp;‡ */
.swiper-button-prev::after {
    content: url('../../Resources/Images/Production/left.png') !important;
    /* è¿™é‡Œå¯ä»¥æ˜¯ä»»ä½•å›¾æ&nbsp;‡æˆ–è€…å›¾ç‰‡ */
}

@media only screen and (min-width: 799px) {
    .btnHover:hover {
        background-color: #4270D4 !important;
    }

    .swiperHeader {
        height: 108px;
    }

    .swiper-wrapper {
        padding: 0 !important;
    }

    .swiper-right-centent {
        width: 100%;
    }

    .table-right {
        width: 1043px;
    }

    .swiperHeader2 .swiper-slide {
        margin-right: 30px !important;
    }

    .pcShow {
        display: block !important;
    }

    .mobileShow {
        display: none !important;
    }

    .bgPrice {
        background-image: url('../../Resources/Images/Production/banner1.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding: 67px 0 107px;
    }

    .title {
        font-size: 30px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #000000;
        text-align: center;
        margin-bottom: 30px;
    }

    .newtitle {
        font-size: 48px;
        color: #000000;
        text-align: center;
        font-weight: bold;
    }

        .newtitle span {
            color: #0068E9;
            margin-left: 11px;
        }

    .search {
        max-width: 729px;
        height: 46px;
        border-radius: 10px !important;
        overflow: hidden;
        background-color: #ffffff;
        box-shadow: 0px 5px 10px 0px rgba(0, 76, 129, 0.2);
        border-style: solid;
        border-width: 3px;
        border-image-source: linear-gradient(-90deg, #0054ed 0%, #00e5e2 100%);
        border-image-slice: 1;
        margin: 0 auto;
        display: flex;
        clip-path: inset( 0 round 5px);
    }

    .search-input {
        flex: 1;
    }

    input {
        border: none !important;
        height: 40px;
        line-height: 40px !important;
        padding: 0 0 0 14px;
        width: 100%;
    }

        input:focus {
            outline: none;
        }

        input::-webkit-input-placeholder,
        textarea::-webkit-input-placeholder {
            color: #999 !important;
            font-size: 16px !important;
        }

        input::-moz-placeholder,
        textarea::-moz-placeholder {
            color: #999 !important;
            font-size: 16px !important;
        }

        input:-ms-input-placeholder,
        textarea:-ms-input-placeholder {
            color: #999 !important;
            font-size: 16px !important;
        }

    .search-icon {
        padding: 0 11px;
    }

        .search-icon span {
            font-size: 20px;
            line-height: 40px;
            color: #999999;
        }

    .tables {
        max-width: 1400px;
        margin: 0 auto;
    }

    .tables-title {
        font-size: 30px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 32px;
        letter-spacing: 0px;
        color: #000000;
        margin: 115px 0 39px;
    }

    .tables-content {
        background-image: linear-gradient(180deg, #e2f3ff 0%, #f1f9ff 20%, #ffffff 100%), linear-gradient(#ffffff, #ffffff);
        background-blend-mode: normal, normal;
        box-shadow: 0px 5px 10px 0px rgba(0, 45, 103, 0.05);
        border-radius: 20px;
        border: solid 2px #ffffff;
        display: flex;
        flex-wrap: wrap;
    }

    .table-left {
        width: 278px;
        height: 600px;
        background-color: #edf7fd;
        padding: 10px 10px 0 !important;
        border-radius: 20px;
    }

        .table-left .application-icon {
            width: 100%;
            height: 108px;
            border-radius: 10px;
            text-align: center;
            margin-bottom: 10px;
            display: flex;
            justify-content: center;
        }

    .tableBg {
        background-color: rgba(255, 255, 255, 0.3);
    }

    .application-icon div:nth-child(1) {
        width: 26px;
        height: 26px;
        border-radius: 5px;
        line-height: 26px;
        color: #ffffff;
        margin-top: 40px;
    }

    .application-icon div:nth-child(2) {
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 26px;
        letter-spacing: 0px;
        color: #333333;
        margin-left: 14px;
        margin-top: 40px;
    }

    .swiperHeader1 .swiper-slide-thumb-active .activityTable {
        background-color: #ffffff;
        width: 100%;
        height: 104px;
        border-bottom: 4px solid #2357cd;
    }

    .swiperHeader1 .activityTable {
        /* transition: all 0.8s; */
        /* transition-delay: 0.8s; */
    }

    .activityTable:hover {
        background-color: #ffffff;
        width: 100%;
        height: 104px;
        border-bottom: 4px solid #2357cd;
    }
    /* 	.activityTable:hover:delayed {
		background-color: transparent;
		width: 100%;
		height: 104px;
		border-bottom: 0px solid #2357cd;
	} */
    .table-right-centent {
        display: none;
    }

    .tableShow {
        display: block;
    }

    .table-right {
        flex: 1;
        padding: 140px 30px 0 45px;
        position: relative;
    }

    .img-right {
        position: absolute;
        width: 220px;
        height: 216px;
        right: 0;
        top: -125px;
    }

    .table-right-centent-f {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }

    .table-right-centent .table-img {
        max-width: 500px;
    }

        .table-right-centent .table-img img {
            width: 500px;
            height: auto;
        }

    .table-text {
        width: 480px;
        /* margin-left: 60px; */
    }

        .table-text div:nth-child(1) {
            font-size: 30px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
        }

        .table-text div:nth-child(2) {
            letter-spacing: 0px;
            color: #666666;
            font-size: 16px;
            line-height: 16px;
            margin: 20px 0 25px;
        }

        .table-text div:nth-child(3),
        .table-text div:nth-child(4) {
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
        }

        .table-text div:nth-last-child(1) {
            width: 140px;
            height: 40px;
            background-color: #2357cd;
            border-radius: 20px;
            line-height: 40px;
            text-align: center;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #ffffff;
            margin-top: 60px;
        }

    .SelfConfig-M-M-M {
        margin-top: 100px !important;
        margin: 0 auto;
    }

        .SelfConfig-M-M-M .leftNavigationTitile {
            font-size: 20px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 32px;
            letter-spacing: 0px;
            color: #000000;
            margin: 80px 0 0 24px;
        }

        .SelfConfig-M-M-M .nav-link {
            height: 38px;
            padding-left: 33px;
            line-height: 38px;
            font-size: 14px;
            margin: 0;
            color: #333333;
        }

        .SelfConfig-M-M-M .nav-link-hover:hover::before {
            content: "";
            display: block;
            position: absolute;
            left: 0px;
            width: 4px;
            height: 20px;
            background-color: #2357cd;
            border-width: 0px;
            top: 9px;
        }

        .SelfConfig-M-M-M .nav-link-hover:hover {
            color: #2357cd !important;
            background-color: #F4F6FC !important;
        }

        .SelfConfig-M-M-M .nav-link.active::before {
            content: "";
            display: block;
            position: absolute;
            left: 0px;
            width: 4px;
            height: 20px;
            background-color: #2357cd;
            border-width: 0px;
            top: 9px;
        }

        .SelfConfig-M-M-M .nav-title {
            padding-left: 24px;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 17px;
            letter-spacing: 0px;
            color: #333333;
            height: 17px;
            margin: 40px 0 17px 0;
        }

        .SelfConfig-M-M-M .nav-title1 {
            height: 38px;
            line-height: 38px;
        }

    .container-left {
        padding-left: 80px !important;
    }

    .content_title {
        font-size: 30px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #000000;
        margin-bottom: 42px;
    }

    .content_all {
        display: flex;
        flex-wrap: wrap;
        /* 		align-items: flex-start;
		margin: 0 auto;
		align-content: flex-start; */
        /* justify-content: space-between; */
        padding: 0 !important;
        /* 		 &amp;::after {
		    content: '';
		    flex: auto;
		  } */
    }

        .content_all .content_box {
            width: 200px;
            height: 190px;
            /* height: 146px; */
            background-color: #ffffff;
            border-radius: 10px;
            margin-right: 20px;
            text-align: center;
            border: none;
            overflow: hidden;
        }

    .icon-scale {
        transition: transform 1.2s ease;
        transform: scale(1);
    }

    .content_box:hover .icon-scale {
        transform: scale(1.2);
    }

    .content_box .content_box_img_containerBox {
        padding: 30px 0 20px;
    }

        .content_box .content_box_img_containerBox .iconfont {
            background-color: #3874f6;
            border-radius: 10px;
            margin: 0 auto;
            text-align: center;
            line-height: 46px;
            font-size: 31px;
            padding: 7px;
        }

    .content_box .content_box_title {
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #000000;
        margin: 0;
    }

    .swiperTable {
        height: 148px;
        width: 100%;
    }

        .swiperTable .swiper-wrapper {
            height: 146px;
            width: 100%;
            padding: 0;
        }

            .swiperTable .swiper-wrapper .swiper-slide {
                width: 200px !important;
                margin-right: 10px !important;
            }

        .swiperTable .content_box {
            width: 200px;
            height: 146px;
            background-color: rgba(255, 255, 255, 0.4);
            border-radius: 10px;
            text-align: center;
            border: none;
            margin: 0;
        }

    .activityTable1 {
        background-color: #ffffff;
        box-shadow: 0px 3px 0px 0px rgba(56, 116, 246, 0.4);
        border-radius: 10px;
    }

    .swiper-right-centent .table-img {
        width: 500px;
    }

        .swiper-right-centent .table-img img {
            width: 500px;
            height: auto;
        }

    .swiper-bottom {
        padding: 60px 40px 80px !important;
        background-color: #ffffff;
        margin-top: 20px !important;
        border-radius: 10px;
    }

    .swiperAllBtm .swiper-wrapper {
        padding: 0 !important;
    }

        .swiperAllBtm .swiper-wrapper .swiper-slide {
            margin-right: 40px !important;
        }

    .table-text div:nth-child(5) {
        margin-top: 30px;
    }

    .swiperActivity .swiper-slide-thumb-active .activityTableh {
        background-color: #ffffff;
        width: 100%;
        height: 146px;
        box-shadow: 0px 3px 0px 0px rgba(56, 116, 246, 0.4);
        border-radius: 10px;
    }

    .position-absolute {
        z-index: 999;
        text-align: center;
        bottom: 20px !important;
    }

    .swiper-pagination-bullet-active {
        width: 16px !important;
        height: 10px !important;
        background-color: #2357cd !important;
        border-radius: 5px !important;
        z-index: 999;
    }

    .swiper-pagination-bullet {
        text-align: center;
        width: 36px !important;
        height: 4px !important;
        background-color: #e6e6e6 !important;
        border-radius: 2px !important;
        opacity: 0.75 !important;
        z-index: 999 !important;
    }

    .swiper .swiper-pagination-bullet-active {
        width: 36px !important;
        height: 4px !important;
        background-color: #2357cd !important;
        border-radius: 2px !important;
        z-index: 999;
    }
}

@media only screen and (max-width: 799px) {
    .pcShow {
        display: none !important;
    }

    .mobileShow {
        display: block !important;
    }

    .bgPrice {
        background-image: url('../../Resources/Images/Production/banner2.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding: 40px 15px;
    }

    .title {
        font-size: calc(36vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
        line-height: calc(36vw / 7.5);
        letter-spacing: 0px;
        color: #1a1a1a;
        margin: 0 auto 52px;
        text-align: center;
    }

    .newMobiletitle {
        margin: 0 auto 52px;
        text-align: center;
        font-size: calc(36vw/7.5);
        color: #1a1a1a;
        font-weight: bold;
    }

        .newMobiletitle span {
            color: #006CE8;
            margin-left: calc(11vw/7.5);
        }

    .title2 {
        font-size: calc(36vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
        line-height: calc(36vw / 7.5);
        letter-spacing: 0px;
        color: #1a1a1a;
        margin: calc(100vw / 7.5) auto calc(40vw / 7.5);
        text-align: center;
    }

    .tables {
        background-image: linear-gradient(180deg, #e2f3ff 0%, #f1f9ff 20%, #ffffff 100%), linear-gradient(#ffffff, #ffffff);
        background-blend-mode: normal, normal;
        box-shadow: 0px 3px 5px 0px rgba(0, 103, 237, 0.05);
        border-radius: 5px;
        border: solid 1px #f2f2f2;
        position: relative;
        padding-bottom: calc(50vw / 7.5);
    }

    .img-right {
        width: 95px;
        position: absolute;
        right: 0;
        top: -46px;
    }

    .tables-content {
        padding: 0 15px;
    }

    .tables-title {
        font-size: calc(36vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
        line-height: calc(36vw / 7.5);
        letter-spacing: 0px;
        color: #1a1a1a;
        text-align: center;
        margin: 25px auto 15px;
    }

    .table-left {
        /* 		display: flex;
		justify-content: center;
		flex-wrap: wrap; */
    }

    .swiperHeaderMobile1 {
        width: 100%;
        overflow: hidden;
    }

        .swiperHeaderMobile1 .swiper-wrapper {
            padding: 0;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }

    .swiperHeaderMobile2 .swiper-wrapper {
        padding: 0;
    }

        .swiperHeaderMobile2 .swiper-wrapper .swiper-slide {
            padding: 0 !important;
            margin: 0 !important;
        }

    .swiperHeaderMobile1 .swiper-wrapper .swiper-slide {
        height: calc(62vw / 7.5);
        border-radius: 3px;
        display: flex;
        justify-content: space-around;
        padding: 0 !important;
        margin: 0 !important;
    }

    .swiperHeaderMobile1 .swiper-slide-thumb-active .activityTable {
        background-color: #ffffff;
        width: 100%;
        border-bottom: 2px solid #2357cd;
    }

    .swiperHeaderMobile1 .swiper-wrapper .tableBg1 {
        width: calc(200vw / 7.5) !important;
    }

    .swiperHeaderMobile1 .swiper-wrapper .tableBg-c {
        margin: 0 calc(10vw / 7.5) !important;
    }

    .swiperHeaderMobile1 .swiper-wrapper .tableBg1 {
        margin-bottom: calc(20vw / 7.5) !important;
    }

    .swiperHeaderMobile1 .swiper-wrapper .tableBg2 {
        width: calc(220vw / 7.5) !important;
        margin: 0 calc(10vw / 7.5) !important;
    }

    .application-icon {
        width: calc(220vw / 7.5);
        !important;
        height: calc(62vw / 7.5);
        background-color: rgba(255, 255, 255, 0.75);
        border-radius: 3px;
        display: flex;
        justify-content: center;
    }

        .application-icon div:nth-child(1) {
            /* width: calc(26vw / 7.5); */
            height: calc(26vw / 7.5);
            border-radius: 3px;
            color: #ffffff;
            margin-top: calc(19vw / 7.5);
            line-height: calc(18vw / 7.5);
            /* text-align: center; */
            margin-right: calc(14vw / 7.5);
            padding-top: calc(1vw / 7.5);
            display: inline-block;
        }

            .application-icon div:nth-child(1) span {
                padding: calc(5vw / 7.5);
                ;
                color: #fff;
                font-size: calc(18vw / 7.5);
                border-radius: 3px;
            }

        .application-icon div:nth-child(2) {
            font-size: calc(24vw / 7.5);
            font-weight: normal;
            font-stretch: normal;
            line-height: calc(62vw / 7.5);
            ;
            letter-spacing: 0px;
            color: #333333;
        }

    .table-right {
        margin-top: calc(50vw / 7.5);
    }
    /* 	.activityTable {
		background-color: #ffffff;
		width: 100%;
		height: 30px;
		border-bottom: 2px solid #2357cd;
	} */

    .table-right-centent {
        padding: 0 15px;
        display: none;
        margin-top: 15px;
    }

    .tableShow {
        display: block;
    }

    .table-text div:nth-child(1) {
        font-size: calc(30vw / 7.5);
        font-weight: bold;
        font-stretch: normal;
        letter-spacing: 0px;
        line-height: calc(30vw / 7.5);
        color: #333333;
        margin-top: calc(40vw / 7.5);
    }

    .table-text div:nth-child(2) {
        font-size: calc(20vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
        line-height: calc(24vw / 7.5);
        letter-spacing: 0px;
        color: #666666;
        margin: calc(20vw / 7.5) 0 calc(30vw / 7.5);
    }

    .table-text div:nth-child(3),
    .table-text div:nth-child(4) {
        font-size: calc(24vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
        line-height: calc(36vw / 7.5);
        letter-spacing: -1px;
        color: #333333;
    }

    .table-text div:nth-child(5) {
        width: 100%;
        height: calc(80vw / 7.5);
        background-image: linear-gradient(90deg, #4e83ff 0%, #2357cd 100%), linear-gradient(#ffffff, #ffffff);
        background-blend-mode: normal, normal;
        border-radius: 5px;
        line-height: calc(80vw / 7.5);
        text-align: center;
        font-size: calc(30vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
        margin-top: calc(40vw / 7.5);
    }

    .OperationOuterContainer {
        position: sticky;
        top: 47px;
        z-index: 40;
        background-color: #FFFFFF !important;
        /* padding-bottom: 5px; */
    }

    .mobileOperation {
        height: calc(84vw / 7.5);
        box-shadow: 0px 3px 5px 0px rgba(0, 103, 237, 0.05);
        display: flex;
        justify-content: space-between;
    }

    .OperationOuterContainer .mobileOperation .leftInfo {
        font-size: calc(26vw / 7.5);
        color: #2357cd;
        height: calc(84vw / 7.5);
        line-height: calc(84vw / 7.5);
        border-bottom: 2px solid #2357cd;
    }

    .OperationOuterContainer .mobileOperation .mobileOperationRightContainer {
        background-color: #2357cd;
        padding: 0 !important;
    }

    .mobileOperationRightContainer .rightIcon {
        width: calc(120vw / 7.5);
        height: calc(84vw / 7.5);
        background-color: #2357cd;
        text-align: center;
        line-height: calc(84vw / 7.5);
        font-size: calc(34vw / 7.5);
    }

    .list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .list-icon {
        width: 48%;
        height: calc(94vw / 7.5);
        line-height: calc(94vw / 7.5);
        background-color: #ffffff;
        border-radius: 5px;
        display: flex;
        padding-left: calc(20vw / 7.5);
        margin-top: calc(30vw / 7.5);
    }

        .list-icon div:nth-child(1) {
            width: calc(54vw / 7.5);
            height: calc(54vw / 7.5);
            line-height: calc(54vw / 7.5);
            text-align: center;
            border-radius: 5px;
            color: #ffffff;
            margin-top: calc(20vw / 7.5);
            margin-right: calc(16vw / 7.5);
        }

        .list-icon div:nth-child(2) {
            font-size: calc(24vw / 7.5);
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #000000;
        }

    .meunDiv {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        /* 		bottom: 0;
			right: 0; */
        background-color: #ffffff;
        width: 100%;
    }

    .meunTitle {
        display: flex;
        justify-content: space-between;
        padding: 0 10px;
        border-bottom: 1px solid #f2f2f2;
        height: calc(84vw / 7.5);
        line-height: calc(84vw / 7.5);
    }

        .meunTitle div:nth-child(1) {
            font-size: calc(30vw / 7.5);
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #333333;
        }

        .meunTitle span {
            font-size: 12px;
        }

    .meunCenter {
        display: flex;
    }

    .meunCenterOne {
        width: calc(240vw / 7.5);
        background-color: #f3f4f8;
        height: 100vh;
    }

        .meunCenterOne div {
            line-height: calc(74vw / 7.5);
            padding-left: calc(30vw / 7.5);
            color: #333333;
            font-size: calc(26vw / 7.5);
        }

        .meunCenterOne .meunActiion {
            border-left: 4px solid #2357cd;
            padding-left: 11px;
            color: #2357cd;
            background-color: #fff;
        }

    .meunCenterTwo {
        flex: 1;
        padding: calc(20vw / 7.5) calc(60vw / 7.5);
    }

        .meunCenterTwo a {
            font-size: calc(26vw / 7.5);
            line-height: calc(26vw / 7.5);
            color: #333333;
            padding: 0;
            margin: 0 0 0 0 !important;
        }

        .meunCenterTwo .nav-link {
            height: calc(72vw / 7.5);
            font-size: calc(26vw / 7.5);
            font-weight: normal;
            font-stretch: normal;
            line-height: calc(72vw / 7.5);
            letter-spacing: 0px;
            color: #333333;
        }

    .d-none {
        display: none;
    }

    .MobileList .iconfont {
        padding: calc(5vw/7.5);
        font-size: calc(18vw/7.5);
        line-height: calc(18vw/7.5);
        border-radius: calc(5vw/7.5);
        background-color: #3874f6;
        color: white;
        margin-right: calc(14vw/7.5);
    }

    .MobileList .MobileSwiperHeader {
    }

        .MobileList .MobileSwiperHeader .swiper-wrapper {
            padding-left: calc(15vw/7.5);
        }

        .MobileList .MobileSwiperHeader .swiper-slide {
            margin-right: 0px !important;
        }

    .MobileList .MobileInfo6 .MobileSwiperHeader .swiper-slide:nth-child(1) &gt; div {
        min-width: calc(310vw/7.5)!important;
    }

    .MobileList .MobileSwiperHeader .swiper-slide &gt; div {
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: calc(270vw/7.5);
        height: calc(64vw/7.5);
        border-radius: calc(10vw/7.5);
        background-color: #F9F9F9;
        margin-right: calc(20vw/7.5) !important;
    }



        .MobileList .MobileSwiperHeader .swiper-slide &gt; div &gt; div:nth-child(2) {
            font-size: calc(24vw/7.5);
            line-height: calc(18vw/7.5);
        }

    .MobileList .MobileSwiperHeader .swiper-slide-thumb-active &gt; div {
        border-radius: calc(10vw/7.5);
        background-color: #ffffff;
        box-shadow: 0px 3px 0px 0px rgba(56, 116, 246, 0.4);
    }

    .MobileList .MobileSwiperContent .swiper-wrapper {
        padding-left: 0;
        padding-top: 0;
        align-items:start!important;
    }

    .MobileList .MobileSwiperContent .swiper-slide {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-right: 0px !important;
    }

        .MobileList .MobileSwiperContent .swiper-slide img {
            width: calc(630vw/7.5);
            height: calc(354vw/7.5);
        }

        .MobileList .MobileSwiperContent .swiper-slide &gt; div {
            background-color: #ffffff;
            border-radius: calc(10vw/7.5) !important;
            padding: calc(30vw/7.5) !important;
        }

            .MobileList .MobileSwiperContent .swiper-slide &gt; div &gt; div:nth-child(1) {
                text-align: center;
            }

            .MobileList .MobileSwiperContent .swiper-slide &gt; div &gt; div:nth-child(2) {
                font-size: calc(30vw/7.5);
                line-height: calc(30vw/7.5);
                margin-top: calc(42vw/7.5);
                color: #333333;
            }

            .MobileList .MobileSwiperContent .swiper-slide &gt; div &gt; div:nth-child(3) {
                font-size: calc(20vw/7.5);
                line-height: calc(20vw/4.5);
                color: #666666;
                margin-top: calc(20vw/7.5);
            }

            .MobileList .MobileSwiperContent .swiper-slide &gt; div &gt; div:nth-child(4) {
                font-size: calc(24vw/7.5);
                line-height: calc(36vw/7.5);
                color: #333333;
                margin-top: calc(33vw/7.5);
                text-align: justify;
            }

            .MobileList .MobileSwiperContent .swiper-slide &gt; div &gt; a {
                width: 100%;
                height: calc(80vw/7.5);
                line-height: calc(80vw / 7.5);
                background-image: linear-gradient(90deg, #4e83ff 0%, #2357cd 100%), linear-gradient( #ffffff, #ffffff);
                background-blend-mode: normal, normal;
                border-radius: calc(10vw/7.5);
                color: white;
                font-size: calc(30vw/7.5);
                text-align: center;
                margin-top: calc(42vw/7.5);
                margin-bottom: calc(10vw/7.5);
                text-decoration: none;
            }
}
</pre></body></html>