/* start <1110px */
@media screen and (max-width: 1110px) {
    .w-1110 {
        width: 100% !important;
    }

    header .w-1110 .header-logo {
        margin-left: 15px;
    }

    header .w-1110 .header-menu {
        margin-right: 15px;
    }

    .img-company-profile {
        width: 450px !important;
        height: 400px !important;
        margin-right: 15px;
    }

    .company-profile .title-horizontal-line,
    .company-profile .title,
    .company-profile .text-content {
        margin-left: 15px;
        margin-right: 15px;
    }

    .company-profile .list {
        margin: 44.5px 15px 0;
        width: auto;
        height: auto;
    }

    .company-profile .list li {
        width: 30%;
        padding: 0 0 40px 0;
    }

    .company-profile .list li:nth-child(2) {
        position: initial;
        left: initial;
        margin-left: initial;
        margin: 0 5%;
    }

    .company-profile .list li:last-child {
        float: right;
    }

    .company-profile .list li div {
        padding: 0 10px;
        font-size: 8px;
        line-height: 16px;
    }

    .company-profile .list {
        overflow: auto;
    }

    .honor .honor-banner {
        width: auto;
        margin: 30px 15px 0;
    }

    .bgc-fafafa {
        padding: 50px 0;
    }

    .honor .honor-banner {
        height: 400px;
    }

    .new .w-1110 {
        width: auto;
        /* padding: 0 15px; */
    }

    .new .w-1110 .pc-new > div {
        width: 49%;
    }

    .new .new-tab {
        margin-top: 30px;
    }

    .new .new-content {
        margin-top: 15px;
    }

    .pc-footer .left {
        margin-left: 15px;
    }

    .pc-footer .right {
        margin-right: 15px;
    }

    .inner-banner {
        width: 100%;
    }

    .inner-banner img {
        width: 100%;
        height: 100%;
    }

    .module {
        width: auto;
        margin: 0 15px;
    }

    .product .item-left {
        width: auto;
        margin: 30px 15px 0;
    }

    .product .item-left .left .btn img {
        display: none !important;
    }

    .applications .w-1110 {
        width: auto;
        /* padding: 0 15px; */
    }

    .applications .tabs-vertical {
        margin: 0 15px 20px;
    }

    .ecology .w-1110 {
        width: auto;
        /* padding-left: 15px;
        padding-right: 15px; */
    }

    .contact .w-1110 {
        width: auto;
        /* padding-left: 15px;
        padding-right: 15px; */
    }

    .contact .form textarea {
        width: 100%;
        padding: 15px 0;
        text-indent: 15px;
    }

    .price .w-1110 {
        width: auto;
        /* padding: 0 15px; */
    }

    .price .con {
        padding: 0 15px;
    }

    .new-details .w-1110 {
        width: 90vw !important;
    }

    .cloudage-mall {
        height: auto;
    }

    .cloudage-mall .right .text-content {
        margin-right: 20px;
    }

    .cloudage-mall .right .qr-code {
        margin-top: 17px;
        width: 80px;
        height: 110px;
    }

    .worker-market,#recruitment {
        position: relative;
        left: 15px;
        right: 15px;
        width: calc(100% - 30px);
    }

    #release .w-1110 {
        position: relative;
        width: calc(100% - 30px) !important;
        padding: 0 15px;
    }
}

/* end <1110px */

/* start <1080px */
@media screen and (max-width: 1080px) {
    .img-company-profile {
        width: 380px !important;
        height: 400px !important;
    }

    .bgc-fff,
    .bgc-fafafa {
        padding: 50px 0;
    }

    .honor .honor-banner {
        height: 360px !important;
    }

    .product .item-left {
        height: auto !important;
    }

    .product .item-left .left {
        float: initial !important;
        width: 100% !important;
    }

    .product .item-left .left .btn {
        position: initial !important;
        width: 85px;
        height: 28px;
        line-height: 28px;
        margin-left: 14.5px;
    }

    .product .item-left .btn-box {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 17px;
    }

    .product .item-left .right {
        width: 100%;
        height: 502px;
        margin-top: 20px;
    }

    .product .item-left .left .main-title {
        font-size: 14px;
    }

    .product .item-left .left .text-content {
        font-size: 12px;
    }

    .service-version .pc {
        display: none;
    }

    .service-version .m {
        display: block;
    }

    .price > h1 {
        font-size: 22px;
    }

    .price .con .item {
        width: 49%;
        float: left;
        margin-right: initial;
    }

    .price .con .item:nth-child(3n+3) {
        /* float: initial; */
    }

    .price .con .item:nth-child(2n) {
        /* float: initial; */
        float: right;
    }

    .new-details .tag-link {
        display: none;
    }
}

/* end <1080px */

/* start <1010px */
@media screen and (max-width: 1010px) {
    .img-company-profile {
        display: none;
    }

    .company-profile .text-content {
        width: auto;
    }

    .honor .honor-banner {
        height: 200px !important;
    }

    .honor .honor-banner .swiper-slide {
        background-size: cover;
    }

    .pc-footer .menu li a {
        padding: 0 12px !important;
    }

    .inner-banner .pc {
        display: none;
    }

    .inner-banner .m {
        display: block;
        width: auto;
    }

    .pc-footer .menu li:first-of-type a {
        padding-left: 0 !important;
    }

    .suspension {
        display: none !important;
    }

    .cloudage-mall .w-1110 > .left img.pc {
        display: none;
    }

    .cloudage-mall .w-1110 > .left img.m {
        display: block;
    }
}

/* end <1010px */

/* start 640px */
@media screen and (max-width: 640px) {
    header {
        height: 40px;
    }

    header .w-1110 {
        left: initial;
    }

    header .w-1110 .header-logo {
        height: 20px;
        /* width: 85px; */
    }

    header .w-1110 .header-m-menu {
        width: 30px;
        height: 20px;
    }

    header .w-1110 .header-m-menus {
        top: 40px !important;
    }

    .index-banner {
        margin-top: 40px !important;
    }

    header .w-1110 .header-menu {
        display: none;
    }

    header .w-1110 .header-m-menu {
        display: block;
        margin-right: 15px;
    }

    header .w-1110 .header-m-menus {
        width: 100vw;
        position: fixed;
        top: 80px;
        left: 0;
        margin: 0;
        padding: 0 15px;
        z-index: 999;
        background-color: #fff;
        box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
    }

    header .w-1110 .header-m-menus li {
        list-style-type: none;
    }

    header .w-1110 .header-m-menus li a {
        font-family: MicrosoftYaHei;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
        text-decoration: none;
        padding: 15px 0;
        display: block;
    }

    .pc-wrapper {
        display: none;
    }

    .m-wrapper {
        display: block;
        height: 190px;
        z-index: -1 !important;
    }

    .bgc-fff {
        padding: 0;
        text-align: center;
        min-height: 373px;
    }

    .worker-market .right .text-content {
            margin: 20px 0 0 0;
    }

    .bgc-fff .w-1110 {
        position: relative;
    }

    .contact .company-info,
    .contact #allmap-m {
        margin: 0 15px !important;
    }

    .contact #allmap-m {
        width: initial !important;
    }

    .contact .title.m {
        margin-left: 15px;
    }

    .contact .form {
        margin-left: 15px;
        margin-right: 15px;
    }

    .module {
        min-height: initial;
        padding-bottom: 20px;
    }

    .title-horizontal-line {
        width: 24px;
        height: 2px;
        position: absolute;
        left: 50%;
        margin-left: -12px !important;
    }

    .title {
        padding-top: 10px;
        font-size: 14px;
    }

    .m-company-profile {
        display: block;
        width: 80vw;
        margin: 14.5px auto 0;
    }

    .company-profile .text-content {
        margin-top: 8.5px;
        font-family: PingFang-SC-Regular;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 18px;
        letter-spacing: 0px;
        color: #3e3a39;
        text-align: left;
    }

    .company-profile .text-content strong {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0px;
        color: #3e3a39;
    }

    .company-profile .list {
        overflow: auto;
    }

    .company-profile .list li {
        width: 50%;
    }

    .company-profile .list li:nth-child(2) {
        margin: 0;
    }

    .company-profile .list li:last-of-type {
        left: 25% !important;
        float: initial;
    }

    .bgc-fafafa {
        padding: 20px 0;
    }

    .instDoad {
        position: relative;
        margin: 4px auto 0;
        width: 345px;
        height: 313px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.7);
        border: 4px solid rgba(186, 229, 247, 1);      
    }

    .instDoad .title {
        padding-top: 18px;
        font-size: 14px;
        font-weight: 500;
        color: rgba(0, 160, 223, 1);
        text-align: center;
    }

    .instDoad .instTitle {
        position: absolute;
        top: -18px;
        left: 100.5px;
        width: 140px;
        height: 28px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0px;
        line-height: 0px;
        color: rgba(255, 255, 255, 1);
        text-align: center;
        line-height: 28px;
        background: url('../static/download/titleBack.png') no-repeat center center;
        background-size: 140px 28px;
    }

    .instDoad .agency {
        margin: 10px 0 0 0 !important;
    }

    .downloadApp {
        display: block;
    }

    .pc-downloadApp {
        display: none;
    }

    .agency .paddingLeft {
        padding-left: 0 !important;

    }

    .agency .commPaddingLeft {
        padding-left: 14px !important;
    }

    .instDoad ul li {
        padding: 0 0 0 11px;
        width: 70px;
        height: auto;
        list-style-type: none;
        overflow: initial !important;
    }

    .instDoad .downloadBox {
        width: 90px !important;
    }

    .instDoad ul li img {
        display: block;
        margin: 0 auto;
        width: 70px !important;
        height: 70px !important;
    }

    .margin_top {
        margin-top: 24px;
    }

    .margin_top img {
        box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
    }

    .honor .honor-banner {
        margin-top: 20px;
    }

    .new .title-horizontal-line,
    .new > .title {
        display: none;
    }

    .pc-tab,
    .pc-new {
        display: none !important;
    }

    .m-new {
        display: block;
    }

    .new .m-tab {
        margin-top: 15px;
        display: inline-block;
    }

    .new .m-tab a {
        width: 60px !important;
        height: 28px !important;
        font-size: 12px !important;
        line-height: 28px !important;
        margin: 0 15px !important;
    }

    .new .pc-more {
        display: none;
    }

    .new .m-more {
        display: block;
    }

    .pc-footer {
        display: none;
    }

    .m-footer {
        display: block;
    }

    .inner-banner {
        margin-top: 40px;
        height: 190px;
    }

    .m-inner-banner {
        margin-top: 40px;
        height: 90px;
    }

    .inner-banner .main-title {
        padding-top: 60px;
        font-size: 18px;
    }

    .inner-banner .sub-title {
        font-size: 10px;
        line-height: 12px;
    }

    .service-version .w-1110 {
        padding-top: 25px !important;
    }

    .product .swiper-container {
        height: 300px !important;
    }

    .applications > .w-1110 > .title {
        padding: 10px 0;
        border: none;
    }

    .applications .title-horizontal-line {
        display: block;
    }

    .applications .tabs-vertical {
        background-color: #fff;
        border: none;
        box-shadow: #e6e6e6 0px 0px 16px;
        margin-top: 0;
    }

    .tabs-vertical .tabs-content-placeholder {
        border: none;
        padding: 15px !important;
    }

    .applications .tabs-vertical .pc {
        display: none;
    }

    .applications .tabs-vertical .m {
        display: inline;
        /* width: 100% !important; */
        max-width: 100% !important;
    }

    .applications .tabs-vertical .m li {
        display: inline-block;
        margin: 0 10px;
    }

    .applications .tabs-vertical .m li a {
        padding: 10px 20px !important;
        font-size: 13px;
        margin-top: 10px;
        border-radius: 4px;
        border: solid 1px #333333;
        color: #333333;
    }

    .tabs-vertical ul li a.tab-active {
        color: #fff !important;
    }

    .ecology .content {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .ecology .content .info {
        text-align: justify;
        margin-top: 15px !important;
        font-size: 12px;
        line-height: 18px;
    }

    .ecology .title-horizontal-line {
        display: block;
    }

    .ecology .w-1110 > .title {
        padding-left: initial;
        border-left: initial;
    }

    .ecology .img img {
        /*height: 50vw;*/
        width: initial;
    }

    .worker-market .right-title p {
        float: none;
        width: 100%;
        text-align: center;
    }

    .contact .title-horizontal-line {
        display: block;
    }

    .contact .w-1110 > .title {
        padding-left: initial;
        border-left: initial;
    }

    .contact .form input:nth-child(2n) {
        float: initial;
        margin-left: 0%;
    }

    .contact .form input {
        width: 100%;
        padding: 15px 0;
        text-indent: 15px;
    }

    .contact .form input.tel {
        margin-top: 20px;
    }

    .contact .form .email-info {
        margin-top: -130px;
        float: initial;
    }

    .contact .form .bottom {
        display: flex;
        justify-content: center;
    }

    .contact .form .submit {
        float: initial;
        margin-top: 80px;
        margin-bottom: 30px;
    }

    .applications .tabs-content-placeholder .title {
        font-size: 14px !important;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #000000;
    }

    .tabs-vertical .tabs-content-placeholder div p {
        font-size: 12px !important;
    }

    .ecology .w-1110 .content {
        padding: 17px 15px !important;
    }

    .ecology .pc {
        display: none;
    }

    .ecology .m {
        display: block;
    }

    .ecology .m-dist {
        padding: 1em 0 0 0;
    }

    
    .ecology .eco-img1 {
        width: auto;
    }
   

    .ecology .w-1110 .content > .title {
        font-family: PingFang-SC-Medium;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #000000;
        padding-top: 0;
    }

    .product .item-left {
        margin-top: 15px !important;
    }

    .product .swiper-slide .title {
        text-align: left;
        font-size: 10px;
        color: #00a0df;
        padding: 10px 0 0 10px;
    }

    .service-version .w-1110 {
        padding-top: 0 !important;
    }

    .module {
        margin-top: 15px;
    }

    .traffic.pc {
        display: none;
    }

    .contact .m {
        display: block;
    }

    .contact .title.m {
        text-align: left;
        font-size: 12px;
        position: absolute;
        margin-top: 10px;
    }

    .contact input {
        padding: 10px 0 !important;
        font-size: 12px !important;
    }

    .message {
        height: 60px !important;
        font-size: 12px !important;
    }

    .price > h1 {
        font-size: 16px;
    }

    .price .des {
        font-size: 12px;
        line-height: 14px;
    }

    .price .new-tab {
        margin-top: 20px;
    }

    .price .new-tab li a {
        height: auto !important;
        width: auto !important;
        line-height: 0 !important;
        padding: 15px 10px;
        font-size: 14px;
    }

    .price #root {
        margin-top: 30px;
    }

    .price .top-title .main-title {
        font-size: 16px;
    }

    .price .top-title .sub-title {
        font-size: 14px;
    }

    .price .price-info .money {
        font-size: 24px;
    }

    .price .price-info .currency {
        top: 14px;
    }

    .price .price-info small {
        font-size: 12px;
    }

    .price .item {
        width: 100% !important;
        margin-right: initial;
        float: initial;
    }

    .register {
        margin: auto 15px;
        padding: 15px;
    }

    .register input,
    .register .submit,
    .register .tip {
        width: 80vw;
    }

    .register .get-verification {
        font-size: 12px;
    }

    .news-lists .w-1110 > .title {
        display: none;
    }

    .news-lists .w-1110 {
        padding: 0;
    }

    .news-lists .m-tab {
        display: block;
        margin-top: 23px;
        margin-bottom: initial;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        border-bottom: 1px solid #F9F9F9;
    }

    .news-lists .m-tab li {
        margin-left: 21.5px;
        margin-bottom: 11px;
    }

    .news-lists .m-tab li:last-child {
        margin-right: 21.5px;
    }

    .news-lists .m-tab li a {
        margin: 0 !important;
        padding: 0 !important;
        border: initial;
    }

    .news-lists .new-tab-active {
        border: initial !important;
        color: #00A0DF !important;
        background-color: initial !important;
    }

    .new .new-tab li .line {
        display: block;
    }

    .news-lists .lists {
        margin-top: initial;
    }

    .news-lists .lists .item {
        padding: 18px 15px;
        margin-bottom: initial;
        border-bottom: 1px solid #F9F9F9;
        height: auto;
    }

    .news-lists .lists .img {
        float: right;
        border: initial;
        max-width: 40vw;
        height: 30vw;
    }

    .news-lists .lists .main-title {
        margin: 0;
        -webkit-line-clamp: 2;
        height: 40px;
        width: 50vw;
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 500;
    }

    .news-lists .lists .sub-title,
    .news-lists .lists .readDetails,
    .news-lists .lists .time .day,
    .news-lists .lists .time .years-month {
        display: none;
    }

    .news-lists .lists .time {
        position: absolute;
        bottom: 16px;
        left: 15px;
        height: auto;
    }

    .news-lists .lists .month-day-author {
        display: block;
        width: 50vw;
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 500;
        color: rgba(153, 153, 153, 1);
    }

    .news-lists .more {
        margin-left: -65px;
        margin-top: 15px;
        margin-bottom: 20px;
        width: 130px;
        height: 32px;
        font-size: 12px;
        font-family: SimHei;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        line-height: 32px;
    }

    .new .w-1110 {
        padding: initial;
    }

    .new-content.m-new {
        width: 90vw;
        left: 5vw;
    }

    .new .m-new .item .sub-title {
        width: 60vw;
        white-space: initial;
        line-height: 16px;
        height: 40px;
    }

    .ecology .content {
        margin: 10px 15px 15px 20px;
    }

    .cloudage-mall .w-1110 {
        padding: 40px 0;
    }

    .cloudage-mall .w-1110 .left {
        display: none;
    }

    .cloudage-mall .w-1110 .right {
        float: initial;
        width: 100%;
    }

    .cloudage-mall .right .title {
        padding-top: 10px;
        margin-top: initial;
    }

    .cloudage-mall .right .title-horizontal-line,
    .cloudage-mall .right .title,
    .cloudage-mall .right .text-content {
        margin-left: initial;
    }

    .cloudage-mall .right .text-content {
        margin: 15px;
    }

    .cloudage-mall .m-bottom {
        display: block !important;
        width: 70%;
        overflow: hidden;
    }

    .cloudage-mall .right .qr-code {
        position: absolute;
        margin-top: 10px;
        right: 28.5px;
        width: 30vw;
        height: calc(30vw + 30px);
    }

    .worker-market .left {
        width: 100%;
        float: initial;
    }

    .worker-market .left .text-content {
        width: 100%;
        margin-right: initial;
    }

    .worker-market .text-content-ke {
        margin: 0;
        width: 100%;
        font-family: MicrosoftYaHei;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 22px;
        letter-spacing: 0px;
        text-align: content;
        color: #3e3a39;
        clear: both;
    }

    .worker-market .left .details {
        position: relative;
        margin-top: 35px;
        left: 50%;
        transform: translate(-50%,0);
    }

    .worker-market .left .detailsBtn {
        position: relative;
        float: none;
        margin-top: 35px;
        left: 50%;
        transform: translate(-50%,0);
    }

    .worker-market .right {
        float: initial;
        width: 100%;
    }

    .worker-market .right-img {
        display: block;
        float: left;
        width: 100%;
    }

    .worker-market .padding-right-img {
        padding: 20px 0 0 0;
    }

    .worker-market .left-img {
        display: none;
    }


    .worker-market .right-img img {
        width: 50%;
    }

    .worker-market .left {
        float: initial;
        width: 100%;
    }

    .worker-market .right img {
        width: 50%;
    }

    .worker-market .left img {
        width: 50%;
    }

    .worker-market .right .details {
        position: relative;
        margin-top: 35px;
        right: 50%;
        width: 128px;
        height: 36px;
        transform: translate(50%,0);
    }

    .new-padding {
        padding: 0 0 20px 0;
    }

    .title-horizontal-line-top {
        margin-top: 10px;
    }

    .workerheight {
        margin: 0;
    }

    .recruitments .item {
        width: 100% !important;
        float: initial !important;
        margin: 0 0 20px 0 !important;
    }

    #release .item .input {
        width: 100% !important;
    }

    #release .description .label,
    .salary .label {
        position: relative !important;
    }

    #release .description textarea,
    #release .salary .input {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }

    #release .account-box {
        padding: initial;
        margin-left: 0;
        width: 100%;
        background-color: #fff;
    }

    #release .account-box .input {
        width: calc(100% - 5px) !important;
    }

    #release .clear-select {
        margin-top: 1px !important;
        margin-left: 216px !important;
    }
    .pc-nav-box{
        display: none;
    }
    .banner{
        display: none;
    }
    .mb-nav-box{
        display: block;
        margin-top: 40px;
    }
    .course-cover{
        width: 40vw;
        height: 14vh;
    }
    .course-left{
        display: inline-block;
        width: 42%;
        height: 14vh;
    }
    .course-right{
        display: inline-block;
        width: 56%;
        height: 14vh;
        position: absolute;
        top: 0;
    }
    .course-title{
        margin-top: 5px;
        overflow:hidden; 
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .course-loading{
        display: block;
    }
    .pc-course-item{
        margin: 4px;
        width: 100%;
        position: relative;
        border-bottom: 1px solid #F9F9F9;
        padding-bottom: 5px;
    }
    .course-price{
        left: 0;
        bottom: 10px;
    }
    .pc-course-list{
        margin-top: 10px;
        margin-bottom: 0;
    }
    .pc-course-rank,.pc-course-info{
        display: none;
    }
    .mb-course-info,.mb-course-provider{
        display: block;
    }
    #test1{
        display: none;
    }
    .look-more{
        display: block;
    }
    .pc-course-details{
        display: none;
    }
    .cloudage-mall .w-1110 {
        padding: 40px 0 0 0;
    }

    .cloudage-mall .w-1110 .left {
        display: none;
    }

    .cloudage-mall .w-1110 .right {
        float: initial;
        width: 100%;
    }

    .cloudage-mall .right .title {
        padding-top: 10px;
        margin-top: initial;
    }

    .cloudage-mall .right .title-horizontal-line,
    .cloudage-mall .right .title,
    .cloudage-mall .right .text-content {
        margin-left: initial;
    }

    .cloudage-mall .right .text-content {
        margin: 15px;
    }

    .cloudage-mall .m-bottom {
        display: block !important;
        width: 70%;
        overflow: hidden;
    }

    .cloudage-mall .right .qr-code {
        position: absolute;
        margin-top: 10px;
        right: 28.5px;
        width: 30vw;
        height: calc(30vw + 30px);
    }


    /*************云龄课程****************/

    #course .c-1110 {
        margin: 0.8em auto;
        width: 90% !important;
    }

    #course .courseBanner {
        margin-top: 40px;
        width: 100%;
        height: auto;
    }

    #course .course-p {
        margin-top: 1.5em;
    }

    #course .c-1110 img {
        width: 100%;
    }

    #course .m-margin {
        margin-top: 40px;
    }

    #course .m-padding {
        padding-bottom: 0;
    }

    /*************应用案例****************/

    .bgc-fff-app {
        width: 100%;
        height: auto;
        background-color: #fff;
        margin-top: 1em;
    }

    .applications {
        padding-bottom: 0.2em;
    }

    .applications .rotationImg {
        margin-top: 0em;
        height: auto;
    }

    .el-carousel__item h3 {
        font-size: 1em;
        line-height: 0em;
        margin: 0;
    }

    .el-carousel__container {
        height: 8em !important;
    }

    .applications .dist {
        margin: 2em 0 0 0;
    }

    .appliTitle {
        margin-top: 2em;
        margin-bottom: 0.5em;
        width: 100%;
    }

    .el-carousel__arrow--right {
        right: 4.85em !important;
    }
    
    .el-carousel__arrow--left {
        left: 5.7em !important;
    }

    .el-carousel__arrow {
        width: 2em !important;
        height: 2em !important;
    }

    .el-carousel__arrow i {
        font-size: 12px !important;
    }

    .el-carousel__container {
        overflow: hidden;
        height: 151px !important;
    }
}

/* end <640px */