body {
  --mainContentBox: 1500px;
  --headerLeftBoxSize: 26px;
  --contentNaBoxLeftFontSize: 22px;
  --content-second-font-size: 24px;
  --content-text-introduce: 20px;
  --bannerTextBoxPmargin: 40px;
  --limax-title-font-size: 35px;
  --index-align-items-center: center;
  --image-content-box-xuanfu-title: 30px;
  --main-content-box-top: 219px;
  --content-4-box-title-width: 1265px;
  --content-4-box-title-height: 123px;
  --content-2-box-boenlog-padding: 26%;
  --user-info-box-top: 174px;
  --quality-education-title-margin-bottom: 80px;
  --qulity-education-title-margin-top: 200px;
  --quilty-education-title-youshuxuetang-width: 1226px;
  --quilty-education-title-youshuxuetang-margin-top: 193px;
  --quilty-education-title-youshuxuetang-margin-bottom: 144px;
  --quilty-education-title-youshuxuetang-lists-margin-bottom: 162px;
  --text-content-box-douhao-width: 81px;
  --text-content-box-douhao-height: 43px;
  --text-content-box-padding-top: 90px;
  --title-text-box-padding-left: 40%;
  --content-box-bg-width: 721px;
  --content-box-bg-height: 331px;
  --text-box-margin-top: 67px;
  --is-white-space-wrap: nowrap;
  --content-2-box-margin-bottom: 120px;
  --img-left-mib-width: 222px;
  --img-left-mib-height: 141px;
  --img-right-boenlogo-width: 323px;
  --img-right-boenlogo-height: 84px;
  --title-text-box-address-text-margin-top: -4.5%;
  --company-address-bagimg-left-width: 571px;
  --company-address-bagimg-left-height: 78px;
  --company-address-bagimg-left-margin-top: 122px;
  --address-onetwo-width: 50%;
  --address-icon-big-box-right-width: 299px;
  --address-icon-big-box-right-height: 392px;
  --address-left-icon-width: 19px;
  --address-left-icon-height: 24px;
  --address-image-box-width: 677px;
  --address-image-box-height: 474px;
  --address-left-icon-align-left: 4.9%;
  --user-info-box-person-intro-width: 50%;
  --name-bg-image-box-width: 262px;
  --name-bg-image-box-height: 37px;
  --person-info-box-mobile: 3%;
  --person-info-box-zeng-mobile: 11.5%;
  --user-name-margin-left-mobile: -5%;
  --name-bg-image-box-img-width: 45%;
  --name-bg-image-box-img-na-width: 63%;
  --person-info-box-detail-width: 80%;
  --user-info-box-mobile-zeng-cnname-margin-left: 40%;
  --user-info-box-mobile-na-cnname-margin-left: 16%;
  --user-info-box-mobile-zeng-enname-margin-left: 11%;
  --person-info-username-na-margin-left: 2%;
  --bannerBoxFlex: nowrap;
  --bannerBoxJustifyContent: space-between;
  --bannerBoxFlexHeight: 311px;
  --bannerTextBoxImgWidth: 493px;
  --bannerTextBoxPDirection: left;
  --banner-text-box-left-text-width: 607px;
  --banner-text-box-left-title-font-size: 22px;
  --banner-text-box-left-title-line-height: 33px;
  --banner-text-box-left-definition-font-size: 17px;
  --bannerTextBoxSpanSize: 21px;
  --bannerImageBoxWidth: 466px;
  --banner-image-box-right-top: 0;
  --content-nav-box-left-width: 30%;
  --content-nav-box-top: 98px;
  --contentNaBoxLeftHeight: 55px;
  --contentNaBoxLeftTop: 17px;
  --drawRingWidthStart: 0;
  --drawRingWidthEnd: 87px;
  --contentNaBoxLeftBeforeWidth: 87px;
  --contentNavBoxRightWidth: 66%;
  --contentNavBoxRightUl: inline-block;
  --contentNavBoxRightUlLiSize: 14px;
  --content-nav-box__right-ul-li-height: 35px;
  --content-nav-box__right-ul-li-padding: 26px;
  --content-nav-box__right-ul-li-top: 17px;
  --rightShowIconDisplay: none;
  --grid-container-box-top: 48px;
  --gridContainerBoxUlWidth: 1330px;
  --gridContainerBoxUlLiRight: 26px;
  --introduceDetailwidth: 80%;
  --introduceDetailFontSize: 21px;
  --introduce1DetailTop: 18px;
  --introduce1DetailFontSize: 16px;
  --bottomTextBoxFontSize: 23px;
  --gridContainerBoxUlLiWidth: 408px;
  --top-area-margin-left: 87px;
  --top-area-margin-top: 140px;
  --topAreaWidth: 1148px;
  --img-area-width: 608px;
  --rightTextAreaWidth: 453px;
  --right-text-area-font-size: 55px;
  --right-text-area-hei: 46px;
  --right-text-area-heig: 47px;
  --right-text-area-heig-margin-top: 29px;
  --right-text-area-heig-margin-bottom: 44px;
  --right-text-area-height-width: 209px;
  --right-text-area-font-size-botttom: 16px;
  --right-text-area-line-height: 28px;
  --middleAreaMarginTop: 172px;
  --middle-area-goods-text-font-size: 33px;
  --middle-area-goods-text-font: 25px;
  --middle-area-goods-text-margin-top: 14px;
  --isshow-sort-area: block;
  --sort-area-width: 1106px;
  --isshow-iphone-sort-area: none;
  --sort-area-height: 527px;
  --sort-area-ul-height: 100%;
  --phone-sort-area-ul-li-width: 357px;
  --phone-sort-area-ul-li-height: 255px;
  --phone-sort-area-ul-li-margin-top: 17px;
  --sort-area-margin-top: 66px;
  --sort-area-margin-bottom: 127px;
  --sort-area-ul-li-nth-img-width: 78px;
  --sort-area-ul-li-nth-imgs-width: 98px;
  --sort-area-ul-li-nth-imgt-width: 94px;
  --sort-area-ul-li-nth-imgf-width: 72px;
  --sort-area-ul-li-nth-imgfive-width: 81px;
  --sort-area-ul-li-nth-imgsix-width: 72px;
  --sort-area-ul-li-toptitle-font-size: 21px;
  --sort-area-ul-li-toptitle0-margin-top: 42px;
  --sort-area-ul-li-toptitle0-margin-bottom: 13px;
  --sort-area-ul-li-toptitle1-margin-top: 52px;
  --sort-area-ul-li-toptitle1-margin-bottom: 15px;
  --sort-area-ul-li-toptitle0-margin-left: 42px;
  --sort-area-ul-li-introduce-font-size: 14px;
  --goodsbagcolorone-padding-top: 42px;
  --goodsbagcolorthree-padding-top: 33px;
  --detail-introduce-width: 1008px;
  --detail-introduce-margin-top: 87px;
  --detail-introduce-font-size: 16px;
  --course-area-ul-li-width: 300px;
  --course-area-ul-li-img-height: 165px;
  --course-bottom-font-size: 16px;
  --course-bottom-margin-top: 42px;
  --course-bottom-margin-bottom: 18px;
  --course-bottom-intro-height: 68px;
  --course-bottom-intro-font-size: 12px;
  --course-bottom-intro-line-height: 26px;
  --clear-line-height: -7px;
  --btn-height: 91px;
  --btn-margin-top: 86px;
  --btn1-margin-top: 81px;
  --btn-margin-bottom: 129px;
  --btn-gobuy-font-size: 16px;
  --btn-gobuy-line-height: 73px;
  --think-introdeuce-width: 1092px;
  --think-introdeuce-padding-right: 4px;
  --business-cooperation-margin-top: 84px;
  --business-cooperation-ul-li-width: 393px;
  --person-introduce-margin-top: 222px;
  --person-introduce-margin-left: -10%;
  --teacher-name-font-size: 19px;
  --teacher-name-p-font-size: 12px;
  --teacher-name-line-heigh: 26px;
}

@media screen and (max-width: 1600px) {
  body {
    --mainContentBox: 1300px;
    --index-align-items-center: center;
    --headerLeftBoxSize: 23px;
    --contentNaBoxLeftFontSize: 20px;
    --content-second-font-size: 21px;
    --content-text-introduce: 17px;
    --image-content-box-xuanfu-title: 26px;
    --limax-title-box-history-title-center-box-p-font-size: 17px;
    --limax-title-box-history-fazhan-text3-box1-text-title-box-dfont-size: 23px;
    --main-content-box-top: 190px;
    --content-4-box-title-width: 1096px;
    --content-4-box-title-height: 107px;
    --bannerTextBoxPmargin: 35px;
    --limax-title-font-size: 30px;
    --content-2-box-boenlog-padding: 26%;
    --user-info-box-top: 151px;
    --title-text-box-padding-left: 40%;
    --quality-education-title-margin-bottom: 69px;
    --qulity-education-title-margin-top: 173px;
    --quilty-education-title-youshuxuetang-width: 1063px;
    --quilty-education-title-youshuxuetang-margin-top: 167px;
    --quilty-education-title-youshuxuetang-margin-bottom: 125px;
    --quilty-education-title-youshuxuetang-lists-margin-bottom: 140px;
    --text-content-box-douhao-width: 70px;
    --text-content-box-douhao-height: 37px;
    --text-content-box-padding-top: 78px;
    --content-box-bg-width: 625px;
    --content-box-bg-height: 287px;
    --text-box-margin-top: 58px;
    --is-white-space-wrap: nowrap;
    --content-2-box-margin-bottom: 104px;
    --img-left-mib-width: 192px;
    --img-left-mib-height: 122px;
    --img-right-boenlogo-width: 280px;
    --img-right-boenlogo-height: 73px;
    --company-address-bagimg-left-width: 495px;
    --company-address-bagimg-left-height: 68px;
    --company-address-bagimg-left-margin-top: 106px;
    --title-text-box-address-text-margin-top: -4.5%;
    --address-onetwo-width: 50%;
    --address-icon-big-box-right-width: 259px;
    --address-icon-big-box-right-height: 340px;
    --address-left-icon-width: 16px;
    --address-left-icon-height: 21px;
    --address-image-box-width: 587px;
    --address-image-box-height: 411px;
    --address-left-icon-align-left: 4.9%;
    --user-info-box-person-intro-width: 50%;
    --name-bg-image-box-width: 227px;
    --name-bg-image-box-height: 32px;
    --person-info-box-mobile: 3%;
    --person-info-box-zeng-mobile: 11.5%;
    --user-name-margin-left-mobile: -5%;
    --name-bg-image-box-img-width: 45%;
    --name-bg-image-box-img-na-width: 63%;
    --person-info-box-detail-width: 80%;
    --user-info-box-mobile-zeng-cnname-margin-left: 40%;
    --user-info-box-mobile-na-cnname-margin-left: 16%;
    --user-info-box-mobile-zeng-enname-margin-left: 11%;
    --person-info-username-na-margin-left: 2%;
    --top-area-margin-left: 87px;
    --top-area-margin-top: 140px;
    --topAreaWidth: 1148px;
    --img-area-width: 608px;
    --rightTextAreaWidth: 453px;
    --right-text-area-font-size: 55px;
    --right-text-area-hei: 46px;
    --right-text-area-heig: 47px;
    --right-text-area-heig-margin-top: 29px;
    --right-text-area-heig-margin-bottom: 44px;
    --right-text-area-height-width: 209px;
    --right-text-area-font-size-botttom: 16px;
    --right-text-area-line-height: 28px;
    --middleAreaMarginTop: 172px;
    --middle-area-goods-text-font-size: 33px;
    --middle-area-goods-text-font: 25px;
    --middle-area-goods-text-margin-top: 14px;
    --isshow-sort-area: block;
    --sort-area-width: 1106px;
    --isshow-iphone-sort-area: none;
    --sort-area-height: 527px;
    --sort-area-ul-height: 100%;
    --phone-sort-area-ul-li-width: 357px;
    --phone-sort-area-ul-li-height: 255px;
    --phone-sort-area-ul-li-margin-top: 17px;
    --sort-area-margin-top: 66px;
    --sort-area-margin-bottom: 127px;
    --sort-area-ul-li-nth-img-width: 78px;
    --sort-area-ul-li-nth-imgs-width: 98px;
    --sort-area-ul-li-nth-imgt-width: 94px;
    --sort-area-ul-li-nth-imgf-width: 72px;
    --sort-area-ul-li-nth-imgfive-width: 81px;
    --sort-area-ul-li-nth-imgsix-width: 72px;
    --sort-area-ul-li-toptitle-font-size: 21px;
    --sort-area-ul-li-toptitle0-margin-top: 42px;
    --sort-area-ul-li-toptitle0-margin-bottom: 13px;
    --sort-area-ul-li-toptitle1-margin-top: 52px;
    --sort-area-ul-li-toptitle1-margin-bottom: 15px;
    --sort-area-ul-li-toptitle0-margin-left: 42px;
    --sort-area-ul-li-introduce-font-size: 14px;
    --goodsbagcolorone-padding-top: 42px;
    --goodsbagcolorthree-padding-top: 33px;
    --detail-introduce-width: 1008px;
    --detail-introduce-margin-top: 87px;
    --detail-introduce-font-size: 16px;
    --course-area-ul-li-width: 300px;
    --course-area-ul-li-img-height: 165px;
    --course-bottom-font-size: 16px;
    --course-bottom-margin-top: 42px;
    --course-bottom-margin-bottom: 18px;
    --course-bottom-intro-height: 68px;
    --course-bottom-intro-font-size: 12px;
    --course-bottom-intro-line-height: 26px;
    --clear-line-height: -7px;
    --btn-height: 91px;
    --btn-margin-top: 86px;
    --btn1-margin-top: 81px;
    --btn-margin-bottom: 129px;
    --btn-gobuy-font-size: 16px;
    --btn-gobuy-line-height: 73px;
    --think-introdeuce-width: 1092px;
    --think-introdeuce-padding-right: 4px;
    --business-cooperation-margin-top: 84px;
    --business-cooperation-ul-li-width: 393px;
    --person-introduce-margin-top: 222px;
    --person-introduce-margin-left: -10%;
    --teacher-name-font-size: 19px;
    --teacher-name-p-font-size: 12px;
    --teacher-name-line-heigh: 26px;
  }
}
@media (max-width: 1400px) {
  body {
    --mainContentBox: 1000px;
    --index-align-items-center: center;
    --headerLeftBoxSize: 17px;
    --contentNaBoxLeftFontSize: 15px;
    --content-second-font-size: 16px;
    --content-text-introduce: 13px;
    --image-content-box-xuanfu-title: 20px;
    --limax-title-box-history-title-center-box-p-font-size: 13px;
    --limax-title-box-history-fazhan-text3-box1-text-title-box-dfont-size: 17px;
    --main-content-box-top: 146px;
    --content-4-box-title-width: 843px;
    --content-4-box-title-height: 82px;
    --bannerTextBoxPmargin: 27px;
    --limax-title-font-size: 23px;
    --content-2-box-boenlog-padding: 26%;
    --user-info-box-top: 116px;
    --title-text-box-padding-left: 40%;
    --quality-education-title-margin-bottom: 53px;
    --qulity-education-title-margin-top: 133px;
    --quilty-education-title-youshuxuetang-width: 817px;
    --quilty-education-title-youshuxuetang-margin-top: 129px;
    --quilty-education-title-youshuxuetang-margin-bottom: 96px;
    --quilty-education-title-youshuxuetang-lists-margin-bottom: 108px;
    --text-content-box-douhao-width: 54px;
    --text-content-box-douhao-height: 29px;
    --text-content-box-padding-top: 60px;
    --content-box-bg-width: 481px;
    --content-box-bg-height: 221px;
    --text-box-margin-top: 45px;
    --is-white-space-wrap: nowrap;
    --content-2-box-margin-bottom: 80px;
    --img-left-mib-width: 148px;
    --img-left-mib-height: 94px;
    --img-right-boenlogo-width: 215px;
    --img-right-boenlogo-height: 56px;
    --company-address-bagimg-left-width: 381px;
    --company-address-bagimg-left-height: 52px;
    --company-address-bagimg-left-margin-top: 81px;
    --title-text-box-address-text-margin-top: -4.5%;
    --address-onetwo-width: 50%;
    --address-icon-big-box-right-width: 199px;
    --address-icon-big-box-right-height: 261px;
    --address-left-icon-width: 13px;
    --address-left-icon-height: 16px;
    --address-image-box-width: 451px;
    --address-image-box-height: 316px;
    --address-left-icon-align-left: 4.9%;
    --user-info-box-person-intro-width: 50%;
    --name-bg-image-box-width: 174px;
    --name-bg-image-box-height: 25px;
    --person-info-box-mobile: 3%;
    --person-info-box-zeng-mobile: 11.5%;
    --user-name-margin-left-mobile: -5%;
    --name-bg-image-box-img-width: 45%;
    --name-bg-image-box-img-na-width: 63%;
    --person-info-box-detail-width: 80%;
    --user-info-box-mobile-zeng-cnname-margin-left: 40%;
    --user-info-box-mobile-na-cnname-margin-left: 16%;
    --user-info-box-mobile-zeng-enname-margin-left: 11%;
    --person-info-username-na-margin-left: 2%;
    --bannerBoxFlex: nowrap;
    --bannerBoxJustifyContent: space-between;
    --bannerBoxFlexHeight: 239px;
    --bannerTextBoxImgWidth: 379px;
    --bannerTextBoxPDirection: left;
    --banner-text-box-left-text-width: 467px;
    --banner-text-box-left-title-font-size: 17px;
    --banner-text-box-left-title-line-height: 29px;
    --banner-text-box-left-definition-font-size: 13px;
    --bannerTextBoxSpanSize: 16px;
    --bannerImageBoxWidth: 358px;
    --banner-image-box-right-top: 0;
    --content-nav-box-left-width: 30%;
    --content-nav-box-top: 75px;
    --contentNaBoxLeftHeight: 43px;
    --contentNaBoxLeftTop: 13px;
    --drawRingWidthStart: 0;
    --drawRingWidthEnd: 67px;
    --contentNaBoxLeftBeforeWidth: 67px;
    --contentNavBoxRightWidth: 66%;
    --contentNavBoxRightUl: inline-block;
    --contentNavBoxRightUlLiSize: 11px;
    --content-nav-box__right-ul-li-height: 27px;
    --content-nav-box__right-ul-li-padding: 20px;
    --content-nav-box__right-ul-li-top: 13px;
    --rightShowIconDisplay: none;
    --grid-container-box-top: 37px;
    --gridContainerBoxUlWidth: 1023px;
    --gridContainerBoxUlLiRight: 20px;
    --introduceDetailwidth: 80%;
    --introduceDetailFontSize: 16px;
    --introduce1DetailTop: 14px;
    --introduce1DetailFontSize: 12px;
    --bottomTextBoxFontSize: 17px;
    --gridContainerBoxUlLiWidth: 307px;
    --top-area-margin-left: 67px;
    --top-area-margin-top: 108px;
    --topAreaWidth: 883px;
    --img-area-width: 468px;
    --rightTextAreaWidth: 349px;
    --right-text-area-font-size: 43px;
    --right-text-area-hei: 35px;
    --right-text-area-heig: 36px;
    --right-text-area-heig-margin-top: 22px;
    --right-text-area-heig-margin-bottom: 29px;
    --right-text-area-height-width: 161px;
    --right-text-area-font-size-botttom: 13px;
    --right-text-area-line-height: 21px;
    --middleAreaMarginTop: 132px;
    --middle-area-goods-text-font-size: 25px;
    --middle-area-goods-text-font: 19px;
    --middle-area-goods-text-margin-top: 11px;
    --isshow-sort-area: block;
    --sort-area-width: 851px;
    --isshow-iphone-sort-area: none;
    --sort-area-height: 405px;
    --sort-area-ul-height: 100%;
    --phone-sort-area-ul-li-width: 275px;
    --phone-sort-area-ul-li-height: 196px;
    --phone-sort-area-ul-li-margin-top: 13px;
    --sort-area-margin-top: 51px;
    --sort-area-margin-bottom: 98px;
    --sort-area-ul-li-nth-img-width: 60px;
    --sort-area-ul-li-nth-imgs-width: 75px;
    --sort-area-ul-li-nth-imgt-width: 72px;
    --sort-area-ul-li-nth-imgf-width: 55px;
    --sort-area-ul-li-nth-imgfive-width: 63px;
    --sort-area-ul-li-nth-imgsix-width: 55px;
    --sort-area-ul-li-toptitle-font-size: 16px;
    --sort-area-ul-li-toptitle0-margin-top: 33px;
    --sort-area-ul-li-toptitle0-margin-bottom: 10px;
    --sort-area-ul-li-toptitle1-margin-top: 40px;
    --sort-area-ul-li-toptitle1-margin-bottom: 11px;
    --sort-area-ul-li-toptitle0-margin-left: 32px;
    --sort-area-ul-li-introduce-font-size: 11px;
    --goodsbagcolorone-padding-top: 32px;
    --goodsbagcolorthree-padding-top: 25px;
    --detail-introduce-width: 775px;
    --detail-introduce-margin-top: 67px;
    --detail-introduce-font-size: 13px;
    --course-area-ul-li-width: 231px;
    --course-area-ul-li-img-height: 127px;
    --course-bottom-font-size: 12px;
    --course-bottom-margin-top: 33px;
    --course-bottom-margin-bottom: 14px;
    --course-bottom-intro-height: 53px;
    --course-bottom-intro-font-size: 12px;
    --course-bottom-intro-line-height: 20px;
    --clear-line-height: -5px;
    --btn-height: 70px;
    --btn-margin-top: 63px;
    --btn-margin-bottom: 99px;
    --btn1-margin-top: 63px;
    --btn-gobuy-font-size: 12px;
    --btn-gobuy-line-height: 56px;
    --think-introdeuce-width: 840px;
    --think-introdeuce-padding-right: 3px;
    --business-cooperation-margin-top: 65px;
    --business-cooperation-ul-li-width: 302px;
    --person-introduce-margin-top: 120px;
    --person-introduce-margin-left: -10%;
    --mengceng-text-width: 63%;
    --mengceng-text-width: 63%;
    --teacher-name-font-size: 15px;
    --teacher-name-p-font-size: 12px;
    --teacher-name-line-heigh: 20px;
  }
}
@media (max-width: 1200px) {
  body {
    --mainContentBox: 90vw;
    --headerLeftBoxSize: 2.6vw;
    --contentNaBoxLeftFontSize: 2.4vw;
    --content-second-font-size: 2.4vw;
    --content-text-introduce: 2.2vw;
    --image-content-box-xuanfu-title: 4vw;
    --limax-title-box-history-title-center-box-p-font-size: 1.4vw;
    --limax-title-box-history-fazhan-text3-box1-text-title-box-dfont-size: 2vw;
    --quality-education-title-margin-bottom: 18%;
    --qulity-education-title-margin-top: 20%;
    --quilty-education-title-youshuxuetang-width: 100%;
    --quilty-education-title-youshuxuetang-margin-top: 20%;
    --quilty-education-title-youshuxuetang-margin-bottom: 18%;
    --quilty-education-title-youshuxuetang-lists-margin-bottom: 16%;
    --index-align-items-center: normal;
    --text-content-box-douhao-width: 6%;
    --text-content-box-douhao-height: 5%;
    --text-content-box-padding-top: 10%;
    --bannerTextBoxPmargin: 5vw;
    --limax-title-font-size: 4.2vw;
    --main-content-box-top: 20%;
    --content-4-box-title-width: 100%;
    --content-4-box-title-height: 82px;
    --content-2-box-boenlog-padding: 8%;
    --user-info-box-top: 18%;
    --code-box-left: -3%;
    --title-text-box-padding-left: 35%;
    --content-one-box-mobile-top: 20%;
    --content-box-bg-width: 84%;
    --content-box-bg-height: 169px;
    --text-box-margin-top: 10%;
    --is-white-space-wrap: wrap;
    --content-2-box-margin-bottom: 7%;
    --img-left-mib-width: 28%;
    --img-left-mib-height: 51%;
    --img-right-boenlogo-width: 36%;
    --img-right-boenlogo-height: 56%;
    --company-address-bagimg-left-width: 40vw;
    --company-address-bagimg-left-height: 52px;
    --company-address-bagimg-left-margin-top: 5%;
    --title-text-box-address-text-margin-top: -11.5%;
    --address-onetwo-width: 100%;
    --address-icon-big-box-right-width: 199px;
    --address-icon-big-box-right-height: 261px;
    --address-left-icon-width: 13px;
    --address-left-icon-height: 16px;
    --address-image-box-width: 87%;
    --address-image-box-height: 280px;
    --address-left-icon-align-left: 5%;
    --user-info-box-flex-direction: column;
    --user-info-box-person-intro-width: 90vw;
    --name-bg-image-box-width: 40%;
    --name-bg-image-box-height: 25px;
    --person-info-box-mobile: 0;
    --person-info-box-zeng-mobile: 0;
    --user-info-box-mobile-zeng-margin-top: 15%;
    --user-name-margin-left-mobile: -9%;
    --name-bg-image-box-img-width: 38%;
    --name-bg-image-box-img-na-width: 48%;
    --person-info-box-detail-width: 95%;
    --user-info-box-mobile-zeng-cnname-margin-left: 21%;
    --user-info-box-mobile-na-cnname-margin-left: 21%;
    --user-info-box-mobile-zeng-enname-margin-left: 0;
    --person-info-username-na-margin-left: 0;
    --bannerBoxFlex: nowrap;
    --bannerBoxJustifyContent: space-between;
    --bannerBoxFlexHeight: auto;
    --banner-box-flex-direction: column;
    --bannerTextBoxImgWidth: 90%;
    --banner-text-box-left-text-width: 100%;
    --banner-text-box-left-title-font-size: 3.2vw;
    --banner-text-box-left-title-line-height: 29px;
    --banner-text-box-left-definition-font-size: 2.6vw;
    --bannerTextBoxSpanSize: 3.3vw;
    --bannerImageBoxWidth: 80vw;
    --banner-image-box-right-top: 5vw;
    --content-nav-box-left-width: 50%;
    --content-nav-box-top: 8%;
    --contentNavBoxRightUl: none;
    --contentNavBoxRightUlLiSize: 2vw;
    --content-nav-box__right-ul-li-top: 5%;
    --rightShowIconDisplay: block;
    --grid-container-box-top: 8%;
    --gridContainerBoxUlWidth: 88vw;
    --gridContainerBoxUlLiRight: 4%;
    --introduceDetailwidth: 50%;
    --introduceDetailFontSize: 5vw;
    --introduce1DetailTop: 2vw;
    --introduce1DetailFontSize: 3vw;
    --bottomTextBoxFontSize: 3vw;
    --gridContainerBoxUlLiWidth: 90vw;
    --top-area-margin-left: 0;
    --top-area-margin-top: 17%;
    --topAreaWidth: 90vw;
    --img-area-width: 85vw;
    --rightTextAreaWidth: 100%;
    --right-text-area-font-size: 10vw;
    --phone-wight-text-margin-top: 7%;
    --right-text-area-heig-margin-top: 8%;
    --right-text-area-heig-margin-bottom: 12%;
    --right-text-area-height-width: 51%;
    --right-text-area-font-size-botttom: 3.9vw;
    --right-text-area-line-height: 6vw;
    --middleAreaMarginTop: 13%;
    --middle-area-goods-text-font-size: 6vw;
    --middle-area-goods-text-font: 5.3vw;
    --middle-area-goods-text-margin-top: 1%;
    --mobile-course-isShow: column;
    --isshow-sort-area: none;
    --sort-area-height: auto;
    --isshow-iphone-sort-area: block;
    --sort-area-ul-li-nth-img-width: 20%;
    --sort-area-ul-height: auto;
    --phone-sort-area-ul-li-width: 100%;
    --phone-sort-area-ul-li-height: 71vw;
    --phone-sort-area-ul-li-margin-top: 2vw;
    --detail-introduce-width: 100%;
    --detail-introduce-font-size: 3.9vw;
    --course-area-ul-li-width: 100%;
    --course-area-ul-li-img-height: 54%;
    --course-bottom-font-size: 3.9vw;
    --course-bottom-margin-top: 3%;
    --course-bottom-margin-bottom: 0;
    --course-bottom-intro-height: 15vw;
    --course-bottom-intro-font-size: 3.2vw;
    --course-bottom-intro-line-height: 6vw;
    --clear-line-height: 1%;
    --phone-padding-bottom: 13%;
    --mengceng-text-width: 83%;
    --btn-margin-top: 0;
    --btn-margin-bottom: 22%;
    --btn1-margin-top: 0;
    --business-cooperation-ul-li-width: 90vw;
    --business-cooperation-ul-li-margin-top: 7%;
    --person-introduce-margin-top: 46%;
    --person-introduce-margin-left: 0%;
    --teacher-name-font-size: 7vw;
    --teacher-name-p-font-size: 4vw;
    --teacher-name-line-heigh: 6vw;
  }
}