@media only screen and (max-width: 1200px) {
    .home-banner-middle-title{font-size: 50px;}
    .home-banner-middle-descript{font-size: 16px;letter-spacing: 0.095em;}
    .header-area .header-optional > div:nth-child(1){display: flex}
    .header-area .header-optional > div:nth-child(2){display: none}

    .footer-area > div{width:100%;}
    .footer-area > div > div{margin-bottom: 5%;}
    .footer-area > div:first-child{flex-wrap: wrap;}
    .footer-area > div:first-child > div{width:100%;}
    .footer-area .footer-area-logo-info > div{align-items: center}
    .footer-area .work-time{flex-direction: column;align-items: center;}
    .footer-area .work-time > span, .footer-area .work-time > div{align-items: center}

    .promote-item .promote-title{font-size: 30px;}
    .promote-item .promote-desc,
    .promote-item .promote-remark{font-size: 17.5px;}

    .course-area .course-name,
    .course-area .course-date{
        word-break:keep-all;       /* 不换行 */
        white-space:nowrap;        /* 不换行 */
        overflow:hidden;           /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow:ellipsis;
    }

    .category-area .category-list{font-size: 18px;}
    .category-area .category-list .category-headtitle{font-size: 25px;}
    .category-area .product-item{font-size: 25px;}


    .contact-area .section-title{font-size: 30px;}
    .contact-white-box .bx, .contact-white-box .fa{font-size: 24px;}
    .contact-tel,.contact-time,.contact-map{font-size: 16px;}


    .order-area .order-tabs{width:100%;}
    .order-area .order-tabs a{font-size: 18px;}
    .order-area .order-content{font-size: 18px;}
    .order-area .order-content .order-item .order-item-date{size: 16px;}
    .order-area .order-content .order-item .order-item-info{font-size: 19px;}
    .order-area .order-content .order-item .order-item-pic{border-radius: 8px;}
    .order-area .order-content .order-item .order-item-title{font-size: 19px;}
    .order-area .order-content .order-item .order-item-paystatus,
    .order-area .order-content .order-item .order-item-voucher{font-size: 16px;}
    .order-area .order-content .order-item .default-btn{
        height: 57px;
        line-height: 57px;
        font-size: 22px;
        border-radius: 16px;
        min-width: 224px;
    }

    .cart-area{flex-direction: column}
    .cart-area .cart-area-left,
    .cart-area .cart-area-right{margin-left:8.5%;margin-right:8.5%;width:83%;}
    .cart-area .cart-area-right{margin-top:5%;}
    .cart-area .cart-product-head,.cart-area .cart-product-reduce,
    .cart-product-increase,.cart-area .cart-address-head,
    .cart-area .cart-product-reduce i,.cart-area .cart-product-increase i
    .cart-area .cart-address-head,.cart-area .cart-address-head .new-btn{font-size: 20px;}
    .cart-area .cart-product-item{font-size: 24px;}
    .cart-area .cart-address-item{font-size: 18px;}
    .cart-area-payment .cart-area-payment-body .cart-area-payment-option{
        width: 800px;
        height: 285px;
    }
    .cart-area-payment .cart-area-payment-body .cart-area-payment-option .cart-area-payment-item{
        width:128px;
        height:128px;
    }
    .cart-area-payment .cart-area-payment-body .cart-area-payment-option .cart-area-payment-item:first-child{margin-right:85px;}

    .cart-area-payment .cart-area-payment-body .cart-area-payment-option .cart-area-payment-other-tip > div:nth-child(1){font-size: 16px;}
    .cart-area-payment .cart-area-payment-body .cart-area-payment-option .cart-area-payment-other-tip > div:nth-child(2){font-size: 14px;}
    .cart-area-payment .cart-area-payment-body .cart-area-payment-option .cart-area-payment-other-tip > a{font-size: 14px;}



    .address-area .address-head{font-size: 20px;}
    .address-area .address-content,
    .address-area .address-content .form-group input,
    .address-area .address-content .form-group select{font-size: 18px;}

    /*
    .order-detail-area .order-product .order-product-head >span:nth-child(2){font-size: 22px;}
    */
    .order-detail-area{font-size: 30px;}
    .order-detail-area .title-bar{height:50px;}
    .order-detail-area .content-box{font-size: 19px;}
    .order-detail-area .order-no{font-size: 24px;}
    .order-detail-area .title-bar .export-btn{height:50px;width:19px;}
    .order-detail-area .order-base-column > span:first-child,
    .order-detail-area .order-product .order-product-head >span:first-child{font-size: 26px;}
    .order-detail-area .order-product .table thead{font-size: 22px;}
    .order-detail-area .order-product .order-product-head >span:nth-child(2){font-size: 18px;}

    .address-list-area .address-list-item .default-btn{min-width:110px;height:35px;line-height: 35px;font-size: 16px;}
    .address-list-area .fa-trash{font-size: 30px !important;}
    .address-list-area .address-list-content{font-size: 18px;}
    .address-list-area .address-list-item .address+span{font-size: 16px;}


    .login-form{font-size: 18px;}
    .login-form .login-form-head{font-size: 28px;margin-bottom: 38px;}
    .login-form .login-form-head > div span{height:14px}
    .login-form .login-form-head > div span:first-child{width:120px;}
    .login-form .custom-form input{font-size: 18px;}
    .login-form .custom-form .btn{height:48px;font-size: 22px;margin-top: 40px;}

    .home-category-title{font-size: 54px;}
}
@media only screen and (max-width: 1000px) {

    .footer-area > div:first-child{flex-wrap: wrap;}
    .footer-area > div:first-child > div{width:100%;}
    .footer-area .footer-area-logo-info > div{align-items: center}
    .footer-area .work-time{flex-direction: column;align-items: center;}
    .footer-area .work-time > span, .footer-area .work-time > div{align-items: center}

    .common-navbar{display: none}
    .common-banner{min-height: 0;}
    .header-area .mobile .dropdown-channel{display: block}
    .home-opening-times{flex-direction: column;}
    .home-opening-times .home-opening-times-booking{margin-bottom:5%;}
    .home-opening-times .home-opening-times-booking+div{width:100%;}

    .home-category-title{font-size: 43px;}
    .home-category-name,.home-category-item > div a{font-size: 16px;}

    .course-booking .section-title+div{flex-direction: column;}
    .course-booking .course-booking-pic{width:100%;padding-bottom: 100%;}
    .course-booking .course-booking-info{width:100%;height:650px;margin-top:3%;}
    .course-booking .course-booking-info-title{text-align: center}

    .promote-item .promote-title{font-size: 25px;}
    .promote-item .promote-desc,
    .promote-item .promote-remark{font-size: 14.5px;}
    .middle-area{width:94%;}
    .common-banner-middle{font-size: 30px;}

    .course-area .section-title{font-size:30px;}
    .course-area .course-content p{font-size: 21px}
    .course-area .course-info > div{font-size: 21px}

    .category-area .category-list{font-size: 16px;}
    .category-area .category-list .category-headtitle{font-size: 22px;}
    .category-area .product-item{font-size: 22px;}
    .category-area .category-list{width:22%;}
    .category-area .product-item{
        width:47.5%;
        margin-right:5%;
    }
    .category-area .product-item:nth-child(2n+2){margin-right:0}

    .about-area{font-size: 18px}
    .about-content p{line-height: 25px;}
    .contact-area .contact-white-box{
        width:100%;
        padding-bottom: 18.6%;
    }
    .contact-area .contact-white-box{margin-bottom: 4%;}
    .contact-area .contact-white-box > div{flex-direction: row;align-items: center}
    .contact-area .contact-white-box .bx, .contact-area .contact-white-box .fa{margin-top:0;margin-left:10%;}
    .contact-area .contact-tel,.contact-area .contact-time,.contact-area .contact-map{margin-top:0;}

    .course-detail-area{width:94%;}

    .product-area .product-info,.product-detail{font-size: 19px;}
    .product-area .product-title{font-size: 28px;}
    .product-area .product-price,.product-area .collect-btn i{font-size: 25px;}
    .product-detail > span:first-child{font-size: 22px;}

    .account-area .account-user{flex-direction: column;}
    .account-area .account-user-avatar{
        margin-left:0;
        margin-right:0;
        width:100%;
        padding-bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .account-area .account-user-avatar > div{width:35%;border-radius: 0;position: inherit}
    .account-area .account-user-base{width:100%;margin-left:0;align-items: center}
    .account-area .account-user-base .integral{margin-top:1%;}
    .account-area .account-user-base .memberid{margin:1%;}
    .account-area .account-user-base .integral > span:nth-child(2){margin:0 5px;}
    .account-area .account-user-address{width:100%;margin-top:5%}
    .account-area .account-user-address > div{background:none;position: inherit;display: flex;justify-content: center}
    .account-area .account-user-address .triangle-blank{display:none;}
    .account-area .account-user-address a{
        background:#F4E7D7;
        display: flex;
        align-items: center;
        border-radius: 20px;
        justify-content: center;
        height:100%;
        width:30%;
    }

    .account-user-base,.account-menus i+span{font-size: 19px;}
    .account-user-base .nickname{font-size: 28px;}
    .account-user-address{font-size: 16px;}
    .account-menus i{font-size:36px;}

    .order-area .order-tabs{margin-top: 10px;height: 35px;line-height: 35px;padding-bottom: 10px;}
    .order-area .order-tabs a{font-size: 16px;}
    .order-area .order-content{font-size: 16px;}

    .order-area .order-content .order-item .order-item-date{size: 14px;}
    .order-area .order-content .order-item .order-item-info{font-size: 14px;}
    .order-area .order-content .order-item .order-item-pic{border-radius: 8px;}
    .order-area .order-content .order-item .order-item-title{font-size: 14px;}
    .order-area .order-content .order-item .order-item-paystatus,
    .order-area .order-content .order-item .order-item-voucher{font-size: 14px;}
    .order-area .order-content .order-item .default-btn{
        height: 45px;
        line-height: 45px;
        font-size: 18px;
        border-radius: 14px;
        min-width: 180px;
    }

    .cart-area .cart-area-left,
    .cart-area .cart-area-right{margin-left:3%;margin-right:3%;width:94%;}
    .cart-area .cart-area-right{margin-top:5%;}
    .cart-area .cart-area-right{margin-top:5%;}
    .cart-area .cart-product-head,.cart-area .cart-product-reduce,
    .cart-product-increase,.cart-area .cart-address-head,
    .cart-area .cart-product-reduce i,.cart-area .cart-product-increase i
    .cart-area .cart-address-head,.cart-area .cart-address-head .new-btn{font-size: 18px;}
    .cart-area .cart-product-item{font-size: 21px;}
    .cart-area .cart-address-item{font-size: 16px;}

    .address-area .address-head{font-size: 18px;}
    .address-area .address-content,
    .address-area .address-content .form-group input,
    .address-area .address-content .form-group select{font-size: 16px;}

    /*
    .order-detail-area .order-product .order-product-head >span:nth-child(2){font-size: 18px;}
    */
    .order-detail-area{font-size: 25px;}
    .order-detail-area .order-no{font-size: 20px;}
    .order-detail-area .title-bar{height:45px;}
    .order-detail-area .content-box{font-size: 16px;}
    .order-detail-area .title-bar .export-btn{height:45px;width:16px;}
    .order-detail-area .order-base-column > span:first-child,
    .order-detail-area .order-product .order-product-head >span:first-child{font-size: 22px;}
    .order-detail-area .order-product .table thead{font-size: 19px;}
    .order-detail-area .order-product .order-product-head >span:nth-child(2){font-size: 16px;}

    .address-list-area .address-list-content{font-size: 16px;}
    .address-list-area .address-list-item .address+span{font-size: 14px;}
    .address-list-area .address-list-info .address-email{display: none}
    .address-list-area .address-list-info > div:nth-child(2){flex-direction: column;text-align: left;align-items: flex-start}

    .login-form{font-size: 14px;}
    .login-form .login-form-head{font-size: 22px;margin-bottom: 30px;}
    .login-form .login-form-head > div span{height:11px}
    .login-form .login-form-head > div span:first-child{width:96px;}
    .login-form .custom-form input{font-size: 14px;}
    .login-form .custom-form .btn{height:38px;font-size: 17px;margin-top: 32px;}
}
@media only screen and (max-width: 750px) {
    .home-opening-times-booking > span:nth-child(1){font-size: 20px;}
    .home-opening-times-booking > span:nth-child(2),
    .home-opening-times-booking > span:nth-child(3){font-size: 14px;}
    .home-banner-middle-title{font-size: 50px;}
    .home-banner-middle-descript{font-size: 16px;letter-spacing: 0.095em;}
    .home-product-ad-txt > span:nth-child(1){font-size: 16px;}
    .home-product-ad-txt > span:nth-child(2),
    .home-product-ad-txt > span:nth-child(3){font-size: 30px;}

    .home-category-title{font-size: 34px;}
    .home-category .home-category-item{width:100%;}
    .home-category .home-category-list{flex-wrap:nowrap;overflow: hidden;overflow-x: auto;}
    .home-category .home-category-list .home-category-item{width:18%;flex-shrink: 0;margin-top:5%;margin-right:9%;}
    .home-category .home-category-list .home-category-item:last-child{margin-right:0;}
    .home-category .home-category-list .home-category-item > div{height:100%;flex-direction: column;margin:0;padding-bottom:0;border-bottom:none;}
    .home-category .home-category-list .home-category-item > div > a{display: none;}
    .home-category .home-category-list .home-category-item .home-category-cover{
        width:100%;
        padding-bottom:100%;
    }
    .home-category .home-category-list .home-category-item .home-category-name{flex-grow: inherit;position: relative;width:100%;margin-top:20%;text-align: center;margin-left:0;font-size: 14px;}

    .footer-area{font-size: 14px;}
    .footer-area > div:first-child{flex-wrap: wrap;}
    .footer-area > div:first-child > div{width:100%;}
    .footer-area .footer-area-logo-info > div{align-items: center}
    .footer-area .work-time{flex-direction: column;align-items: center;}
    .footer-area .work-time > span, .footer-area .work-time > div{align-items: center}

    .footer-gmap-canvas{padding-bottom: 60%;}

    .default-btn{
        border-radius: 10px;
        min-width:110px;
        height:35px;
        line-height: 35px;
        text-align: center;
        font-size: 14px;
        letter-spacing: 0.09em;
    }

    .dropdown-coustom{}
    .dropdown-coustom .btn {
        border-radius: 15px;
        padding:10px 20px;
    }

    .home-product-ad-img{width:100%;padding-bottom: 87.5%;}
    .home-product-ad-left .home-product-ad-txt{margin-left:0;padding-left:0;text-align: center}
    .home-product-ad-right .home-product-ad-txt{margin-right:0;text-align: center}
    .home-product-ad-bd{display: none}
    .home-product-ad-txt{margin-top:10px;}
    .home-product-ad{margin-bottom: 20px;}

    .course-booking-info .form-control{font-size: 16px !important;}
    .course-booking .course-booking-info{width:100%;height:460px;margin-top:3%;}
    .course-booking .section-title, .course-booking-info-title{font-size: 24px !important;}

    .promote-item .promote-title{font-size: 22px;}
    .promote-item .promote-desc,
    .promote-item .promote-remark{font-size: 13px;}
    .common-banner-middle{font-size: 22px;}
    .course-area .section-title{font-size:22px;}

    .course-area .section-title{font-size:22px;}
    .course-area .course-content p{font-size: 14px}
    .course-area .course-info > div{font-size: 14px}

    .category-area .category-list{font-size: 14px;}
    .category-area .category-list .category-headtitle{font-size: 19px;}
    .category-area .product-item{font-size: 19px;}
    .category-area > div{flex-direction: column;}
    .category-area > div .category-list{width:100%;flex-direction: row;flex-wrap: wrap;}
    .category-area > div .category-list .category-headtitle{font-weight:bold;width:100%;border-bottom: none;padding-bottom: 0;text-align: center;}
    .category-area > div .category-list .category-item{margin-top:5%;}
    .category-area > div .category-list > a{width:25%;text-align: center;margin:0;padding:0;}
    .category-area > div .product-list{width:100%;margin-top:8%;}
    .category-area .product-list .product-search{width:100%;padding-bottom:10%;}
    .category-area .product-list .product-search .fa-search{font-size: 14px;margin-left:5%;}
    .category-area .product-list .product-search input{font-size: 14px}

    .about-area{font-size: 14px}
    .about-content p{line-height: 19px;}


    .course-detail-area .course-info .course-title{font-size: 16px;}
    .course-detail-area .course-info{font-size: 14px;}
    .course-detail-content{font-size: 12px;}
    .course-detail-content > div:nth-child(1){font-size: 14px;}

    .product-area{flex-direction: column;}
    .product-area .product-cover{
        width:100%;
        padding-bottom: 100%;
    }
    .product-area .product-info{width:100%;}
    .product-area .product-info,.product-detail{font-size: 14px;}
    .product-area .product-title{font-size: 19px;}
    .product-area .product-price,.product-area .collect-btn i{font-size: 18px;}
    .product-detail > span:first-child{font-size: 16px;}
    .product-area .product-info .add-cart-btn{margin-top: 10%}
    .product-area .product-info .product-type{margin-top:5%;}
    .product-area .product-info .product-num{margin-top:5%;}
    .product-area .product-info .product-sku{margin-top:5%;}

    .account-area .account-menus{flex-direction: column}
    .account-area .account-menus > div{width:100%;margin-bottom: 3%;display: flex;height:100%;}
    .account-area .account-menus > div >a{flex-direction: row;align-items: center;justify-content: flex-start}
    .account-area .account-menus > div >a i{margin-left:5%;}
    .account-area .account-menus > div >a span{}
    .account-area .account-menus i+span{margin-top:0;flex-grow: 1;margin-left:5%;}
    .account-area .account-menus i+span+span{margin-top:0;margin-right:5%;}

    .order-area{width:94%;}
    .order-area .order-tabs{justify-content: center;}
    .order-area .order-tabs a{font-size: 14px;margin:0;width:32%;padding:0;text-align: center}
    .order-area .order-tabs .order-tab-active{padding:0;}
    .order-area .order-content{font-size: 14px;}
    .order-area .order-content .order-item{flex-direction: column;align-items: flex-start;margin-bottom: 10px;}
    .order-area .order-content .order-item .order-item-date{margin-bottom:10px;width:100%;}
    .order-area .order-content .order-item .order-item-info{width:100%;}
    .order-area .order-content .order-item-action{margin-top:10px;flex-grow: inherit;width:100%;justify-content: flex-end;}
    .order-area .order-content .order-item .order-item-paystatus,
    .order-area .order-content .order-item .order-item-voucher{font-size: 12px;}
    .order-area .order-content .order-item .order-item-pic{width:67px;padding-bottom: 67px;}
    .order-area .order-content .order-item .default-btn{
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        border-radius: 10px;
        min-width: 150px;
    }

    .cart-area .cart-product-head,.cart-area .cart-product-reduce,
    .cart-product-increase,.cart-area .cart-address-head,
    .cart-area .cart-product-reduce i,.cart-area .cart-product-increase i
    .cart-area .cart-address-head,.cart-area .cart-address-head .new-btn{font-size: 16px;}
    .cart-area .cart-product-item{font-size: 18px;}
    .cart-area .cart-address-item{font-size: 14px;}
    .cart-area-payment .cart-area-payment-body .cart-area-payment-option{
        width: 350px;
        height: 166px;
    }
    .cart-area-payment .cart-area-payment-body .cart-area-payment-option .cart-area-payment-item{
        width:75px;
        height:75px;
        font-size: 12px;
    }
    .cart-area-payment .cart-area-payment-body .cart-area-payment-option .cart-area-payment-item:first-child{margin-right:50px;}
    .cart-area-payment .cart-area-payment-body .cart-area-payment-option .cart-area-payment-close .bi-plus-circle-fill{
        font-size: 30px;
    }
    .cart-area-payment .cart-area-payment-body .cart-area-payment-option .cart-area-payment-other-tip > div:nth-child(1){font-size: 16px;}
    .cart-area-payment .cart-area-payment-body .cart-area-payment-option .cart-area-payment-other-tip > div:nth-child(2){font-size: 14px;}
    .cart-area-payment .cart-area-payment-body .cart-area-payment-option .cart-area-payment-other-tip > a{width:130px;height:35px;font-size: 14px;}



    .address-area .address-head{font-size: 16px;}
    .address-area .address-content,
    .address-area .address-content .form-group input,
    .address-area .address-content .form-group select{font-size: 14px;}

    .order-detail-area{font-size: 20px;}
    .order-detail-area .order-no{font-size: 17px;}
    .order-detail-area .title-bar{height:39px;}
    .order-detail-area .content-box{font-size: 14px;}
    .order-detail-area .title-bar .export-btn{height:39px;width:14px;}
    .order-detail-area .order-base-column > span:first-child,
    .order-detail-area .order-product .order-product-head >span:first-child{font-size: 19px;}
    .order-detail-area .order-product .table thead{font-size: 16px;}
    .order-detail-area .order-product .order-product-head >span:nth-child(2){font-size: 14px;}
    .order-detail-area .order-base{flex-direction: column}
    .order-detail-area .order-base .order-base-column{width:100%;padding-right:0;}
    .order-detail-area .order-base .order-base-column > div span:first-child{flex-grow: 1}
    .order-detail-area .order-product table thead{display: none}
    .order-detail-area .order-product table tr td:nth-child(2),
    .order-detail-area .order-product table tr td:nth-child(3),
    .order-detail-area .order-product table tr td:nth-child(4),
    .order-detail-area .order-product table tr td:nth-child(5){display: none}
    .order-detail-area .order-product .table .product-cover{padding:0;position:inherit;width:auto;padding-bottom:10px;}
    .order-detail-area .order-product .table .product-cover > div{position: inherit;width:auto;height:auto;display: flex;align-items: center}
    .order-detail-area .order-product .table .product-cover > div > div{display: flex !important;width:100%;}
    .order-detail-area .order-product .table .product-cover > div img{flex-shrink:0;width:65px;height:65px;margin-right:10px;}
    .order-detail-area .content-box{padding:10px;}
    .order-detail-area .order-product{margin-top:10px;}
    .order-detail-area .order-product .table{margin-top:10px;}
    .order-detail-area .order-base-column > span:first-child{margin-bottom: 10px;}
    .order-detail-area .order-base-column > div{margin-bottom: 10px;}
    .order-detail-area .order-total{flex-direction: column;margin-top: 0px;padding-top:20px;padding-bottom: 20px;}
    .order-detail-area .order-total .order-discount{width:100%;text-align: left;margin-bottom: 0px;}
    .order-detail-area .order-total .order-num{width:100%;text-align: left;}
    .order-detail-area .order-total .amount-paid{width:100%;text-align: left;}
    .order-detail-area .order-total .order-total-price{flex-grow: inherit;text-align: left;margin-right:0%;}
    .order-detail-area .product-blank{display: none}
    .order-detail-area .order-total .order-discount,
    .order-detail-area .order-total .order-num,
    .order-detail-area .order-total .amount-paid,
    .order-detail-area .order-total .order-total-price{width:100%;display: flex;align-items: center;margin-bottom: 10px;}
    .order-detail-area .order-total .order-discount > span,
    .order-detail-area .order-total .order-num > span,
    .order-detail-area .order-total .amount-paid > span,
    .order-detail-area .order-total .order-total-price > span{flex-grow: 1}

    .login-form{font-size: 14px;width:80%;}
    .login-form .login-form-head{font-size: 17px;margin-bottom: 24px;}
    .login-form .login-form-head > div span{height:8px}
    .login-form .login-form-head > div span:first-child{width:76px;}
    .login-form .custom-form input{font-size: 14px;}
    .login-form .custom-form .btn{height:35px;font-size: 14px;margin-top: 26px;}
}
@media only screen and (max-width: 500px) {
    .header-area .mobile .header-langop{font-size:20px;}
    .header-area .mobile .bi-justify{font-size: 30px;}
    .header-area .header-logo img{height:80%;margin-top:10%;}
    .home-banner-middle-title{font-size: 35px;}
    .home-banner-middle-descript{font-size: 12px;}
    .home-product-ad-txt > span:nth-child(1){font-size: 13px;}
    .home-product-ad-txt > span:nth-child(2),
    .home-product-ad-txt > span:nth-child(3){font-size: 23px;}

    .category-area .category-list{font-size: 14px;}
    .category-area .category-list .category-headtitle{font-size: 16px;}
    .category-area .product-item{font-size: 14px;}
    .category-area > div .category-list > a{width:33.33333%;}

    .account-user-address{font-size: 14px;}
}