.app {
    display: none;
}

@media screen and (max-width: 1500px) {
    .ie .layout-rowMain {
        width: 1200px;
    }
}

@media screen and (max-width: 1366px) {
    .f-60 {
        font-size: 48px;
    }

    .f-50 {
        font-size: 42px;
    }

    .f-48 {
        font-size: 40px;
    }

    .f-46 {
        font-size: 40px;
    }

    .f-44 {
        font-size: 38px;
    }

    .f-42 {
        font-size: 36px;
    }

    .f-40 {
        font-size: 34px;
    }

    .f-38 {
        font-size: 32px;
    }

    .f-36 {
        font-size: 30px;
    }

    .f-34 {
        font-size: 28px;
    }

    .f-32 {
        font-size: 26px;
    }

    .f-30 {
        font-size: 26px;
    }

    .f-28 {
        font-size: 26px;
    }

    .f-26 {
        font-size: 24px;
    }

    .f-24 {
        font-size: 22px;
    }

    .f-22 {
        font-size: 20px;
    }

    .f-20 {
        font-size: 18px;
    }

    .f-18 {
        font-size: 16px;
    }

    .f-16 {
        font-size: 14px;
    }

    .f-14 {
        font-size: 14px;
    }

    .f-12 {
        font-size: 12px;
    }
}

@media screen and (max-width: 1280px) {
    .nav_case > a {
        font-size: 13px;
    }

    .nav_sed_box > div a {
        font-size: 13px;
    }
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 800px) {
    .pc {
        display: none !important;
    }

    .app {
        display: inline-block;
    }

    .f-60 {
        font-size: 24px;
    }

    .f-50 {
        font-size: 22px;
    }

    .f-48 {
        font-size: 22px;
    }

    .f-46 {
        font-size: 20px;
    }

    .f-44 {
        font-size: 20px;
    }

    .f-42 {
        font-size: 20px;
    }

    .f-40 {
        font-size: 18px;
    }

    .f-38 {
        font-size: 18px;
    }

    .f-36 {
        font-size: 18px;
    }

    .f-34 {
        font-size: 16px;
    }

    .f-32 {
        font-size: 16px;
    }

    .f-30 {
        font-size: 16px;
    }

    .f-28 {
        font-size: 16px;
    }

    .f-26 {
        font-size: 14px;
    }

    .f-24 {
        font-size: 14px;
    }

    .f-22 {
        font-size: 14px;
    }

    .f-20 {
        font-size: 14px;
    }

    .f-18 {
        font-size: 12px;
    }

    .f-16 {
        font-size: 12px;
    }

    .f-14 {
        font-size: 12px;
    }

    .f-12 {
        font-size: 12px;
    }
}

@media screen and (max-width: 600px) {
    #index .row.r3 .title {
        /*opacity: 1;*/
    }

    #water {
        width: 42vw;
    }

    #index #top {
        height: 68vh;
    }

    #index .row {
        /*padding-bottom: 0.36rem;*/
    }
    #index .row.r3 {
        padding: 0;
    }

    #index .webGL-slider .pagination {
        top: auto;
        transform: none;
        bottom: 0;
    }

    .webGL-slider a.move-prev, .webGL-slider a.move-next {
        display: none;
    }

    .indexBanner .scr, #index #main .r1 .r-main .wid-50 .con .pic_child, #index #main .r1 .r-main .bg2, #index #main .r1 .bg {
        display: none;
    }
    #index #main .r1 {
        margin-top: 0;
        padding-bottom: 0;
    }
    #index #main .r1 .r-main {
        flex-direction: column;
        margin-top: 20px;
    }
    #index #main .r1 .r-main .pic {
        border-radius: 30px;
    }
    #index #main .r1 .r-main .pic img {
        width: 100%;
        height: 200px;
    }
    #index #main .r1 .r-main .wid-50 .con .company {
        font-size: 24px;
        margin-top: 24px;
    }
    #index #main .r1 .r-main .wid-50 .more-line {
        height: 64px;
        position: relative;
    }
    #index #main .r1 .r-main .wid-50 {
        width: 100%;
        margin-left: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        height: auto;
    }

    #index #main .r1 .r-main .wid-50 .con {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 30px;
    }

    #index #main .r1 .r-main .wid-50 .pic {
        border-right: 10px;
    }
    #index #main .r2 {
        padding: 0;
    }
    #index #main .r2 .r-main {
        margin: 0;
        padding: 60px 150px 80px;
    }
    #index #main .r2 .r-main .title, .title-line {
        display: none;
    }
    #index #main .r2 .r-main .news-box {
        flex-direction: column;
    }
    #index #main .r2 .r-main .news-box .news {
        display: none;
    }
    #index #main .r2 .r-main .news-box .news:first-child {
        display: block;
    }

    #index #main .r2 .r-main .news-box .news {
        width: 320px;
        height: 255px;
    }

    #index #main .r3 .r-main .home-pro > li .r-right .pro-slider > ul {
        margin-top: 20px;
    }

    #index #main .r3 .r-main .home-pro > li .r-left, #index #main .r3 .r-main .pro-tab > li > i:after {
        display: none;
    }

    #index #main .r3 .r-main .home-pro > li .r-right {
        width: 100%;
    }
    #index #main .r3 .r-main .pro-tab .item {
        justify-content: flex-start;
    }
    #index #main .r3 .r-main .pro-tab .item.on .img {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding: 0;
        background: transparent;
        margin-bottom: 12px;
        border-radius: 100%;
    }

    #index #main .r3 .r-main .pro-tab .item .word {
        text-align: center;
    }

    #index #main .r3 .r-main .home-pro > li .r-right .pro-slider {
        width: 100%;
    }
    .indexBanner .webGL-slider .txt-item > li {
        top: 60%;
    }

    #index #main .r3 .r-main .home-pro > li .r-right .pro-slider > ul > li .type {
        font-size: 40px;
        line-height: 1.6;
    }

    #index #main .r3 .r-main .home-pro > li .r-right .pro-slider > ul > li .note {
        transform: rotate(90deg) scale(0.7);
    }

    #index #main .r3 .r-main .home-pro > li .r-right .pro-slider > ul > li.on .left {
        transform: rotate(180deg) scale(0.7);
        left: 30px;
        bottom: 20px;
    }

    #index #main .r3 .r-main .home-pro > li .r-right .pro-slider > ul > li.on .next {
        transform: scale(0.7);
        right: 30px;
        bottom: 20px;
    }

    #index #main .r3 .r-main .home-pro > li .r-right .pro-page {
        width: 100%;
        height: 40px;
        bottom: -74px;
    }

    #index #main .r3 .r-main .home-pro > li .r-right .pro-page > ol {
        width: 60%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #index #main .r3 .r-main .home-pro > li .r-right .pro-page > ol > li {
        display: inline-block;
        margin-bottom: 0;
    }

    #index #main .r3 .r-main .home-pro > li .r-right .pro-page > ol > li > span {
        width: 36px;
        height: 36px;
        line-height: 36px;
    }

    #index #main .r3 .r-main .home-pro {
        margin-top: 128px;
        min-height: 280px;
    }

    #index #main .r3 .r-main .pro-tab {
        width: 100%;
        top: 70px;
        justify-content: space-around;
    }

    #index #main .r3 .r-main .pro-tab > li > i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin-right: 0;
        display: inline-block;
    }

    #index #main .r3 .r-main .pro-tab > li:after {
        width: 50px;
        height: 50px;
        line-height: 50px;
        right: 0;
        margin: auto;
    }

    #index #main .r3 .r-main .pro-tab > li > span {
        width: 50px;
    }

    #index #main .r3 .bg {
        height: 52%;
    }

    #index #main .r3 .r-main .pro-tab > li {
        margin-bottom: 0;
        text-align: center;
    }

    #index #main .r3 .r-main .pro-tab > div {
        display: none;
    }
    #bloc footer .f-main .company-box .t1 {
        font-size: 28px;
    }
    #bloc footer .f-main {
        display: flex;
        flex-direction: column;
    }
    #bloc footer .f-main .company-box .l1 {
        border-radius: 5px;
        width: 66px;
        height: 5px;
        background: #FFFFFF;
        margin-top: 12px;
        margin-bottom: 20px;
    }
    #bloc footer .f-main .company-box .company-name {
        font-size: 24px;
    }
    #bloc footer .f-main .company-box .mobile,.email,.address {
        font-size: 18px;
    }
    #bloc footer .f-main .qrcode {
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #bloc footer .f-main .info-form {
        padding: 24px;
    }
    #bloc footer .f-main {
        padding: 24px 15px;
    }
    #bloc footer .f-main .info-form .t2 {

    }
    #bloc footer .f-main .info-form .input-line {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }
    #bloc footer .f-main .info-form .input-line > input {
        font-size: 16px;
        width: 100%;
    }
    #bloc footer .f-main .info-form .input-line > textarea {
        font-size: 16px;
        width: 100%;
    }
}


@media screen and (max-width: 700px) {
    html {
        font-size: 50px;
    }

    p {
        font-size: 12px;
        line-height: 180%;
    }

    small, span {
        font-size: 12px;
    }

    .f-80 {
        font-size: 28px;
    }

    .f-72 {
        font-size: 26px;
    }

    .f-60 {
        font-size: 24px;
    }

    .f-50 {
        font-size: 24px;
    }

    .f-48 {
        font-size: 24px;
    }

    .f-46 {
        font-size: 22px;
    }

    .f-44 {
        font-size: 22px;
    }

    .f-42 {
        font-size: 20px;
    }

    .f-40 {
        font-size: 20px;
    }

    .f-38 {
        font-size: 18px;
    }

    .f-36 {
        font-size: 18px;
    }

    .f-34 {
        font-size: 18px;
    }

    .f-32 {
        font-size: 16px;
    }

    .f-30 {
        font-size: 16px;
    }

    .f-28 {
        font-size: 16px;
    }

    .f-26 {
        font-size: 14px;
    }

    .f-24 {
        font-size: 14px;
    }

    .f-22 {
        font-size: 14px;
    }

    .f-20 {
        font-size: 14px;
    }

    .f-18 {
        font-size: 14px;
    }

    .f-16 {
        font-size: 14px;
    }

    .f-14 {
        font-size: 12px;
    }

    .f-12 {
        font-size: 12px;
    }


    .mt-1 {
        margin-top: 1px;
    }

    .mt-3 {
        margin-top: 3px;
    }

    .mt-4 {
        margin-top: 4px;
    }

    .mt-5 {
        margin-top: 4px;
    }

    .mt-6 {
        margin-top: 4px;
    }

    .mt-7 {
        margin-top: 4px;
    }

    .mt-8 {
        margin-top: 4px;
    }

    .mt-9 {
        margin-top: 4px;
    }

    .mt-10 {
        margin-top: 6px;
    }

    .mt-12 {
        margin-top: 6px
    }

    .mt-14 {
        margin-top: 6px
    }

    .mt-16 {
        margin-top: 6px
    }

    .mt-18 {
        margin-top: 6px
    }

    .mt-20 {
        margin-top: 8px
    }

    .mt-22 {
        margin-top: 8px
    }

    .mt-24 {
        margin-top: 8px;
    }

    .mt-26 {
        margin-top: 8px;
    }

    .mt-28 {
        margin-top: 10px;
    }

    .mt-30 {
        margin-top: 10px;
    }

    .mt-32 {
        margin-top: 10px;
    }

    .mt-34 {
        margin-top: 10px;
    }

    .mt-36 {
        margin-top: 12px;
    }

    .mt-38 {
        margin-top: 12px;
    }

    .mt-40 {
        margin-top: 12px;
    }

    .mt-42 {
        margin-top: 14px;
    }

    .mt-44 {
        margin-top: 14px;
    }

    .mt-46 {
        margin-top: 16px;
    }

    .mt-48 {
        margin-top: 16px;
    }

    .mt-50 {
        margin-top: 18px;
    }

    .mt-60 {
        margin-top: 18px
    }

    .mt-70 {
        margin-top: 20px
    }

    .mt-80 {
        margin-top: 22px
    }

    .mt-90 {
        margin-top: 26px
    }

    .mt-100 {
        margin-top: 30px
    }

    .mb-1 {
        margin-bottom: 1px;
    }

    .mb-3 {
        margin-bottom: 3px;
    }

    .mb-4 {
        margin-bottom: 4px;
    }

    .mb-5 {
        margin-bottom: 4px;
    }

    .mb-6 {
        margin-bottom: 4px;
    }

    .mb-7 {
        margin-bottom: 4px;
    }

    .mb-8 {
        margin-bottom: 4px;
    }

    .mb-9 {
        margin-bottom: 4px;
    }

    .mb-10 {
        margin-bottom: 6px;
    }

    .mb-12 {
        margin-bottom: 6px
    }

    .mb-14 {
        margin-bottom: 6px
    }

    .mb-16 {
        margin-bottom: 6px
    }

    .mb-18 {
        margin-bottom: 6px
    }

    .mb-20 {
        margin-bottom: 8px
    }

    .mb-22 {
        margin-bottom: 8px
    }

    .mb-24 {
        margin-bottom: 8px;
    }

    .mb-26 {
        margin-bottom: 8px;
    }

    .mb-28 {
        margin-bottom: 10px;
    }

    .mb-30 {
        margin-bottom: 10px;
    }

    .mb-32 {
        margin-bottom: 10px;
    }

    .mb-34 {
        margin-bottom: 10px;
    }

    .mb-36 {
        margin-bottom: 12px;
    }

    .mb-38 {
        margin-bottom: 12px;
    }

    .mb-40 {
        margin-bottom: 12px;
    }

    .mb-42 {
        margin-bottom: 14px;
    }

    .mb-44 {
        margin-bottom: 14px;
    }

    .mb-46 {
        margin-bottom: 16px;
    }

    .mb-48 {
        margin-bottom: 16px;
    }

    .mb-50 {
        margin-bottom: 18px;
    }

    .mb-60 {
        margin-bottom: 18px
    }

    .mb-70 {
        margin-bottom: 20px
    }

    .mb-80 {
        margin-bottom: 22px
    }

    .mb-90 {
        margin-bottom: 26px
    }

    .mb-100 {
        margin-bottom: 30px
    }

    .ml-1 {
        margin-left: 1px;
    }

    .ml-3 {
        margin-left: 3px;
    }

    .ml-4 {
        margin-left: 4px;
    }

    .ml-5 {
        margin-left: 4px;
    }

    .ml-6 {
        margin-left: 4px;
    }

    .ml-7 {
        margin-left: 4px;
    }

    .ml-8 {
        margin-left: 4px;
    }

    .ml-9 {
        margin-left: 4px;
    }

    .ml-10 {
        margin-left: 6px;
    }

    .ml-12 {
        margin-left: 6px
    }

    .ml-14 {
        margin-left: 6px
    }

    .ml-16 {
        margin-left: 6px
    }

    .ml-18 {
        margin-left: 6px
    }

    .ml-20 {
        margin-left: 8px
    }

    .ml-22 {
        margin-left: 8px
    }

    .ml-24 {
        margin-left: 8px;
    }

    .ml-26 {
        margin-left: 8px;
    }

    .ml-28 {
        margin-left: 10px;
    }

    .ml-30 {
        margin-left: 10px;
    }

    .ml-32 {
        margin-left: 10px;
    }

    .ml-34 {
        margin-left: 10px;
    }

    .ml-36 {
        margin-left: 12px;
    }

    .ml-38 {
        margin-left: 12px;
    }

    .ml-40 {
        margin-left: 12px;
    }

    .ml-42 {
        margin-left: 14px;
    }

    .ml-44 {
        margin-left: 14px;
    }

    .ml-46 {
        margin-left: 16px;
    }

    .ml-48 {
        margin-left: 16px;
    }

    .ml-50 {
        margin-left: 18px;
    }

    .ml-60 {
        margin-left: 18px
    }

    .ml-70 {
        margin-left: 20px
    }

    .ml-80 {
        margin-left: 22px
    }

    .ml-90 {
        margin-left: 26px
    }

    .ml-100 {
        margin-left: 30px
    }

    .mr-1 {
        margin-right: 1px;
    }

    .mr-3 {
        margin-right: 3px;
    }

    .mr-4 {
        margin-right: 4px;
    }

    .mr-5 {
        margin-right: 4px;
    }

    .mr-6 {
        margin-right: 4px;
    }

    .mr-7 {
        margin-right: 4px;
    }

    .mr-8 {
        margin-right: 4px;
    }

    .mr-9 {
        margin-right: 4px;
    }

    .mr-10 {
        margin-right: 6px;
    }

    .mr-12 {
        margin-right: 6px
    }

    .mr-14 {
        margin-right: 6px
    }

    .mr-16 {
        margin-right: 6px
    }

    .mr-18 {
        margin-right: 6px
    }

    .mr-20 {
        margin-right: 8px
    }

    .mr-22 {
        margin-right: 8px
    }

    .mr-24 {
        margin-right: 8px;
    }

    .mr-26 {
        margin-right: 8px;
    }

    .mr-28 {
        margin-right: 10px;
    }

    .mr-30 {
        margin-right: 10px;
    }

    .mr-32 {
        margin-right: 10px;
    }

    .mr-34 {
        margin-right: 10px;
    }

    .mr-36 {
        margin-right: 12px;
    }

    .mr-38 {
        margin-right: 12px;
    }

    .mr-40 {
        margin-right: 12px;
    }

    .mr-42 {
        margin-right: 14px;
    }

    .mr-44 {
        margin-right: 14px;
    }

    .mr-46 {
        margin-right: 16px;
    }

    .mr-48 {
        margin-right: 16px;
    }

    .mr-50 {
        margin-right: 18px;
    }

    .mr-60 {
        margin-right: 18px
    }

    .mr-70 {
        margin-right: 20px
    }

    .mr-80 {
        margin-right: 22px
    }

    .mr-90 {
        margin-right: 26px
    }

    .mr-100 {
        margin-right: 30px
    }

    .pt-1 {
        padding-top: 1px;
    }

    .pt-3 {
        padding-top: 3px;
    }

    .pt-4 {
        padding-top: 4px;
    }

    .pt-5 {
        padding-top: 4px;
    }

    .pt-6 {
        padding-top: 4px;
    }

    .pt-7 {
        padding-top: 4px;
    }

    .pt-8 {
        padding-top: 4px;
    }

    .pt-9 {
        padding-top: 4px;
    }

    .pt-10 {
        padding-top: 6px;
    }

    .pt-12 {
        padding-top: 6px
    }

    .pt-14 {
        padding-top: 6px
    }

    .pt-16 {
        padding-top: 6px
    }

    .pt-18 {
        padding-top: 6px
    }

    .pt-20 {
        padding-top: 8px
    }

    .pt-22 {
        padding-top: 8px
    }

    .pt-24 {
        padding-top: 8px;
    }

    .pt-26 {
        padding-top: 8px;
    }

    .pt-28 {
        padding-top: 10px;
    }

    .pt-30 {
        padding-top: 10px;
    }

    .pt-32 {
        padding-top: 10px;
    }

    .pt-34 {
        padding-top: 10px;
    }

    .pt-36 {
        padding-top: 12px;
    }

    .pt-38 {
        padding-top: 12px;
    }

    .pt-40 {
        padding-top: 12px;
    }

    .pt-42 {
        padding-top: 14px;
    }

    .pt-44 {
        padding-top: 14px;
    }

    .pt-46 {
        padding-top: 16px;
    }

    .pt-48 {
        padding-top: 16px;
    }

    .pt-50 {
        padding-top: 18px;
    }

    .pt-60 {
        padding-top: 18px
    }

    .pt-70 {
        padding-top: 20px
    }

    .pt-80 {
        padding-top: 22px
    }

    .pt-90 {
        padding-top: 26px
    }

    .pt-100 {
        padding-top: 30px
    }

    .pb-1 {
        padding-bottom: 1px;
    }

    .pb-3 {
        padding-bottom: 3px;
    }

    .pb-4 {
        padding-bottom: 4px;
    }

    .pb-5 {
        padding-bottom: 4px;
    }

    .pb-6 {
        padding-bottom: 4px;
    }

    .pb-7 {
        padding-bottom: 4px;
    }

    .pb-8 {
        padding-bottom: 4px;
    }

    .pb-9 {
        padding-bottom: 4px;
    }

    .pb-10 {
        padding-bottom: 6px;
    }

    .pb-12 {
        padding-bottom: 6px
    }

    .pb-14 {
        padding-bottom: 6px
    }

    .pb-16 {
        padding-bottom: 6px
    }

    .pb-18 {
        padding-bottom: 6px
    }

    .pb-20 {
        padding-bottom: 8px
    }

    .pb-22 {
        padding-bottom: 8px
    }

    .pb-24 {
        padding-bottom: 8px;
    }

    .pb-26 {
        padding-bottom: 8px;
    }

    .pb-28 {
        padding-bottom: 10px;
    }

    .pb-30 {
        padding-bottom: 10px;
    }

    .pb-32 {
        padding-bottom: 10px;
    }

    .pb-34 {
        padding-bottom: 10px;
    }

    .pb-36 {
        padding-bottom: 12px;
    }

    .pb-38 {
        padding-bottom: 12px;
    }

    .pb-40 {
        padding-bottom: 12px;
    }

    .pb-42 {
        padding-bottom: 14px;
    }

    .pb-44 {
        padding-bottom: 14px;
    }

    .pb-46 {
        padding-bottom: 16px;
    }

    .pb-48 {
        padding-bottom: 16px;
    }

    .pb-50 {
        padding-bottom: 18px;
    }

    .pb-60 {
        padding-bottom: 18px;
    }

    .pb-70 {
        padding-bottom: 20px;
    }

    .pb-80 {
        padding-bottom: 22px;
    }

    .pb-90 {
        padding-bottom: 26px;
    }

    .pb-100 {
        padding-bottom: 30px;
    }

    .pl-1 {
        padding-left: 1px;
    }

    .pl-3 {
        padding-left: 3px;
    }

    .pl-4 {
        padding-left: 4px;
    }

    .pl-5 {
        padding-left: 4px;
    }

    .pl-6 {
        padding-left: 4px;
    }

    .pl-7 {
        padding-left: 4px;
    }

    .pl-8 {
        padding-left: 4px;
    }

    .pl-9 {
        padding-left: 4px;
    }

    .pl-10 {
        padding-left: 6px;
    }

    .pl-12 {
        padding-left: 6px
    }

    .pl-14 {
        padding-left: 6px
    }

    .pl-16 {
        padding-left: 6px
    }

    .pl-18 {
        padding-left: 6px
    }

    .pl-20 {
        padding-left: 8px
    }

    .pl-22 {
        padding-left: 8px
    }

    .pl-24 {
        padding-left: 8px;
    }

    .pl-26 {
        padding-left: 8px;
    }

    .pl-28 {
        padding-left: 10px;
    }

    .pl-30 {
        padding-left: 10px;
    }

    .pl-32 {
        padding-left: 10px;
    }

    .pl-34 {
        padding-left: 10px;
    }

    .pl-36 {
        padding-left: 12px;
    }

    .pl-38 {
        padding-left: 12px;
    }

    .pl-40 {
        padding-left: 12px;
    }

    .pl-42 {
        padding-left: 14px;
    }

    .pl-44 {
        padding-left: 14px;
    }

    .pl-46 {
        padding-left: 16px;
    }

    .pl-48 {
        padding-left: 16px;
    }

    .pl-50 {
        padding-left: 18px;
    }

    .pl-60 {
        padding-left: 18px
    }

    .pl-70 {
        padding-left: 20px
    }

    .pl-80 {
        padding-left: 22px
    }

    .pl-90 {
        padding-left: 26px
    }

    .pl-100 {
        padding-left: 30px
    }

    .pr-1 {
        padding-right: 1px;
    }

    .pr-3 {
        padding-right: 3px;
    }

    .pr-4 {
        padding-right: 4px;
    }

    .pr-5 {
        padding-right: 4px;
    }

    .pr-6 {
        padding-right: 4px;
    }

    .pr-7 {
        padding-right: 4px;
    }

    .pr-8 {
        padding-right: 4px;
    }

    .pr-9 {
        padding-right: 4px;
    }

    .pr-10 {
        padding-right: 6px;
    }

    .pr-12 {
        padding-right: 6px
    }

    .pr-14 {
        padding-right: 6px
    }

    .pr-16 {
        padding-right: 6px
    }

    .pr-18 {
        padding-right: 6px
    }

    .pr-20 {
        padding-right: 8px
    }

    .pr-22 {
        padding-right: 8px
    }

    .pr-24 {
        padding-right: 8px;
    }

    .pr-26 {
        padding-right: 8px;
    }

    .pr-28 {
        padding-right: 10px;
    }

    .pr-30 {
        padding-right: 10px;
    }

    .pr-32 {
        padding-right: 10px;
    }

    .pr-34 {
        padding-right: 10px;
    }

    .pr-36 {
        padding-right: 12px;
    }

    .pr-38 {
        padding-right: 12px;
    }

    .pr-40 {
        padding-right: 12px;
    }

    .pr-42 {
        padding-right: 14px;
    }

    .pr-44 {
        padding-right: 14px;
    }

    .pr-46 {
        padding-right: 16px;
    }

    .pr-48 {
        padding-right: 16px;
    }

    .pr-50 {
        padding-right: 18px;
    }

    .pr-60 {
        padding-right: 18px
    }

    .pr-70 {
        padding-right: 20px
    }

    .pr-80 {
        padding-right: 22px
    }

    .pr-90 {
        padding-right: 26px
    }

    .pr-100 {
        padding-right: 30px
    }
}