.ads_container {
     font-family: "Manrope", Arial, sans-serif;
 }
.common-input .telInfo {
    font-weight: bold; 
    color: #606266;
}
 .common-input * {
     letter-spacing: 0;
     box-sizing: border-box;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     text-rendering: optimizeLegibility;
     margin: 0;
     padding: 0;
     border: 0;
     font: inherit;
     font-family: "Manrope", Arial, Helvetica Neue, Helvetica, sans-serif;
 }

 .common-input {
     position: relative;
     margin: 0 auto;
     overflow: hidden;
     max-width: var(--width);
     font-family: "Manrope", "HarmonyOS Sans SC", Arial, sans-serif;
 }

 .common-input a {
     text-decoration: none;
     color: #000;
 }

 .common-input a:focus,
 .common-input a:hover,
 .common-input a:active {
     outline: 0;
 }

 .common-input sup {
     line-height: 0;
 }

 .common-input sup a {
     color: inherit;
     font-size: 0.6em;
 }

 .common-input h2,
 .common-input h3,
 .common-input h4,
 .common-input h5,
 .common-input h6 {
     line-height: 1.5;
 }

 .common-input .section p,
 .common-input .section span {
     line-height: 1.5;
 }

 .common-input img {
     width: 100%;
 }

 .common-input * {
     letter-spacing: 0;
     box-sizing: border-box;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     text-rendering: optimizeLegibility;
     margin: 0;
     padding: 0;
     border: 0;
     font: inherit;
     font-family: "Manrope", Arial, Helvetica Neue, Helvetica, sans-serif;
 }

 .common-input {
     position: relative;
     margin: 0 auto;
     overflow: hidden;
     max-width: var(--width);
     font-family: "Manrope", "HarmonyOS Sans SC", Arial, sans-serif;
 }

 .common-input .show-mob {
     display: none;
 }

 .common-input .show-pc {
     display: none;
 }

 .common-input .blur-up {
     filter: blur(20px);
     transition: filter 0.4s;
 }

 .common-input .blur-up.lazyloaded {
     filter: blur(0);
 }

 .common-input .section {
     width: 100%;
     position: relative;
     overflow: hidden;
 }

 .common-input {
     background-color: #fff;
 }

 .common-input .show-mob {
     display: none;
 }

 .common-input .home-space {
     height: calc(var(--clientWidth) * 0.072395);
 }

 .common-input .home-space-150 {
     height: calc(var(--clientWidth) * 0.078125);
 }

 .minisite-video-sp {
     width: 100%;
 }

 .common-input .section1 .swiper-pagination {
     bottom: calc(var(--clientWidth) * 0.0140625);
     left: 0;
     right: 0;
 }

 .common-input .section1 .swiper-pagination-bullet {
     width: .625vw;
     height: .625vw;
     border-radius: 1.041667vw;
     margin: 0 .208333vw;
     background-color: rgba(255, 255, 255, 0.8);
     transition: all 0.5s ease-out;
     opacity: 1;
 }

 .common-input .section1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
     width: calc(var(--clientWidth) * 0.015625);
     background-color: rgba(255, 255, 255, 0.8);
 }

 .common-input .section1 .section1-text-wrapper {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: calc(var(--clientWidth) * 0.1887);
     z-index: 2;
 }

 .common-input .section1 .section1-text-wrapper h2 {
     font-size: calc(var(--clientWidth) * 0.029166);
     color: #fff;
     font-weight: 400;
     margin-bottom: calc(var(--clientWidth) * 0.004166);
     cursor: default;
 }

 .common-input .section1 .section1-text-wrapper p {
     font-size: calc(var(--clientWidth) * 0.010416);
     font-weight: 400;
     cursor: default;
     color: #fff;
 }

 .common-input .section1 .section1-text-wrapper a {
     font-size: calc(var(--clientWidth) * 0.014583);
     border-radius: calc(var(--clientWidth) * 0.01875);
     background-color: #c7000b;
     color: #fff;
     margin-top: calc(var(--clientWidth) * 0.04427);
     padding: calc(var(--clientWidth) * 0.009375) calc(var(--clientWidth) * 0.036458);
     display: none;
 }

 .common-input .common-text-wrapper {
     text-align: center;
     background-color: #fff;
     padding-top: 7.395833vw;
 }
 
 .common-input .common-text-wrapper h2 {
     font-size: calc(var(--clientWidth) * 0.0334);
     height: calc(var(--clientWidth) * 0.046875);
     font-weight: 600;
 }
 
 .common-input .common-text-wrapper h3 {
     font-size: calc(var(--clientWidth) * 0.0334);
     height: calc(var(--clientWidth) * 0.046875);
     font-weight: 600;
 }

 .common-input .common-text-wrapper p {
     font-size: calc(var(--clientWidth) * 0.0125);
     margin-top: calc(var(--clientWidth) * .520833 / 100);

 }

 .common-input .section4 {
     width: 100%;
 }

 .common-input .section4 .section4-content {
     width: 100%;
     position: relative;
 }

 .common-input .section4 .section4-content img {
     width: 100%;
 }

 .common-input .section4 .section4-content .section4-content-txt {
     position: absolute;
     width: 100%;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     height: calc(var(--clientWidth) * 0.1067708);
     display: flex;
 }

 .common-input .section4 .section4-content .section4-content-txt p {
     cursor: default;
     color: #fff;
     font-size: calc(var(--clientWidth) * 0.01875);
     margin-left: calc(var(--clientWidth) * 0.22760416);
     cursor: default;
     top: 50%;
     position: relative;
     transform: translate(0, -50%);
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .common-input .section4 .section4-content .section4-content-txt .section4-btn {
     position: relative;
     height: calc(var(--clientWidth) * 0.03333);
     line-height: calc(var(--clientWidth) * 0.03333);
     box-sizing: border-box;
     margin-top: calc(var(--clientWidth) * 0.036979);
     margin-left: calc(var(--clientWidth) * 0.15677083);
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .common-input .section4 .section4-content .section4-content-txt .section4-btn::before {
     content: "";
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: url("/dam/ads-sites/cn/support/img/linear_gradient_bg.png") center center no-repeat;
     background-size: 100% 100%;
     transition: transform 0.2s cubic-bezier(0.67, 0.01, 0.42, 0.98);
 }

 .common-input .section4 .section4-content .section4-content-txt .section4-btn a .show-pc {
     display: inline-block;
 }

 .common-input .section4 .section4-content .section4-content-txt a {
     line-height: calc(var(--clientWidth) * 0.03);
     padding-left: calc(var(--clientWidth) * 0.035416);
     padding-right: calc(var(--clientWidth) * 0.035416);
     font-size: calc(var(--clientWidth) * 0.0125);
     color: #fff;
     z-index: 2;
 }

 /* 添加必填验证 */
 @media screen and (min-aspect-ratio: 11 / 10) {
     .nav-bg-container {
         width: 100%;
         background-color: #f2f3f5;
     }

     .nav-bg-container>.inputInfoAndBtn {
         width: 100%;
         background-color: #fff;
         box-sizing: border-box;
         position: relative;
         overflow: hidden;
         margin-top: calc(var(--clientWidth) * 0.04335);
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle {
         margin: 0 auto;
         text-align: center;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo {
         font-size: calc(var(--clientWidth) * 0.00833);
         width: calc(var(--clientWidth) * 0.4077);
         display: flex;
         flex-wrap: wrap;
         margin: 0 auto;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .error_active input {
         border: calc(var(--clientWidth) * .104167 / 200) solid #d20a2c;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .error_active select {
         border: calc(var(--clientWidth) * .104167 / 200) solid #d20a2c;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo input {
         box-sizing: border-box;
         border: calc(var(--clientWidth) * .104167 / 200) solid #d7d7d7;
         background: #fff;
         height: calc(var(--clientWidth) * 0.035416);
         width: calc(var(--clientWidth) * 19.2652 / 100);
         border-radius: calc(var(--clientWidth) * 0.034375);
         padding: 0 calc(var(--clientWidth) * 0.01875);
         font-size: 0 calc(var(--clientWidth) * 0.00833);
         cursor: pointer;
         /* margin: 0 calc(var(--clientWidth)*.00625); */
         /* margin-bottom: calc(var(--clientWidth)* 1.770833 / 100); */
         color: #9b9b9b;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo>.input_prompt_info>input {
         margin: 0;
         color: #000;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo>.input_prompt_info>select {
         margin: 0;
         color: #000;
     }

     .input_prompt_info:focus {
         border: 0;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo select {
         box-sizing: border-box;
         border: calc(var(--clientWidth) * .104167 / 200) solid #d7d7d7;
         background: #fff;
         appearance: none;
         -moz-appearance: none;
         -webkit-appearance: none;
         height: calc(var(--clientWidth) * 0.035416);
         width: calc(var(--clientWidth) * 0.1911458);
         border-radius: calc(var(--clientWidth) * 0.034375);
         padding: 0 calc(var(--clientWidth) * 0.01875);
         font-size: 0 calc(var(--clientWidth) * 0.00833);
         cursor: pointer;
         color: #000;
         padding-right: calc(var(--clientWidth) * 0.026);
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo>.input_prompt_info {
         position: relative;
         height: calc(var(--clientWidth) * 0.035416);
         width: calc(var(--clientWidth) * 0.1911458);
         margin: 0 calc(var(--clientWidth) * 0.00625);
         margin-bottom: calc(var(--clientWidth) * 2.708333 / 100);
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo>.special-style {
         position: relative;
         height: calc(var(--clientWidth) * 0.035416);
         width: calc(var(--clientWidth) * 0.1911458);
         margin: 0 calc(var(--clientWidth) * 0.00625);
         margin-bottom: calc(var(--clientWidth) * 1.770833 / 100);
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .error_active .special-select {
         border: calc(var(--clientWidth) * .104167 / 200) solid #d20a2c;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info div {
         position: relative;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info .positionNum {
         position: absolute;
         right: 0;
         top: 0;
         display: block;
         margin-right: 8%;
         text-align: right;
         height: calc(var(--clientWidth) * 0.035416);
         line-height: calc(var(--clientWidth) * 0.035416);
         /* width: calc(var(--clientWidth)*.05364); */
         cursor: pointer;
         visibility: visible;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info .positionNum_hidden {
         visibility: hidden;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info .countdown {
         position: absolute;
         right: 0;
         top: 0;
         display: block;
         margin-right: 8%;
         text-align: right;
         color: #066ce3;
         height: calc(var(--clientWidth) * 0.035416);
         line-height: calc(var(--clientWidth) * 0.035416);
         /* width: calc(var(--clientWidth)*.05364); */
         cursor: pointer;
         visibility: hidden;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info .countdown_show {
         visibility: visible;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info div {
         position: relative;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info .error {
         display: none;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .error_active .error {
         display: inline-block;
         color: #d20a2c;
         text-align: start;
         width: 100%;
         padding-left: calc(var(--clientWidth) * 1.875 / 100);
         padding-top: calc(var(--clientWidth) * 0.520833 / 100);
         font-size: calc(var(--clientWidth) * 0.833333 / 100);
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info div img {
         position: absolute;
         display: block;
         right: 8.17%;
         top: 45%;
         transform: rotate(0deg);
         transition: transform 0.5s ease;
         width: calc(var(--clientWidth) * 0.009375);
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info>img {
         position: absolute;
         display: block;
         right: calc(var(--clientWidth) * 0.04166);
         top: calc(var(--clientWidth) * 0.04305);
         width: calc(var(--clientWidth) * 0.030769);
         height: calc(var(--clientWidth) * 0.01538);
         pointer-events: none;
         z-index: 3;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info:last-of-type>input {
         padding-right: calc(var(--clientWidth) * 0.0598958);
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .gemstonePosition {
         position: absolute;
         bottom: 0;
         left: 23%;
         top: 67%;
         left: 17%;
         display: inline-block;
         filter: blur(8.15px);
         width: calc(var(--clientWidth) * 0.18125);
         height: calc(var(--clientWidth) * 0.18125);
         width: calc(var(--clientWidth) * 0.211458);
         height: calc(var(--clientWidth) * 0.18125);
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .cubePosition {
         position: absolute;
         display: inline-block;
         right: 23.6%;
         top: 92.2%;
         right: 20.6%;
         top: 78.2%;
         width: calc(var(--clientWidth) * 0.12083);
         height: calc(var(--clientWidth) * 0.12083);
     }

     /* margin-bottom: calc(var(--clientWidth) * .060807); */
     .nav-bg-container>.inputInfoAndBtn .privacy-notice {
         font-size: calc(var(--clientWidth) * 0.833333 / 100);
         color: #9b9b9b;
         margin: 0 auto;
         margin-top: calc(var(--clientWidth) * 0.872396 / 100);
         line-height: 1.5;
     }

     .nav-bg-container>.inputInfoAndBtn .privacy-notice a {
         display: inline-block;
         color: #0a59f7;
         line-height: 1.5;
     }

     .nav-bg-container>.inputInfoAndBtn .book_click_content {
         margin-top: calc(var(--clientWidth) * 3.815104 / 100);
     }

     .nav-bg-container>.inputInfoAndBtn .book_click_content_group {
         display: inline-flex;
     }

     .nav-bg-container>.inputInfoAndBtn .bookingClick {
         box-sizing: border-box;
         background: #000;
         color: #fff;
         font-weight: 500;
         letter-spacing: 0px;
         text-align: center;
         font-size: calc(var(--clientWidth) * 0.0125);
         border-radius: calc(var(--clientWidth) * 0.01666);
         cursor: pointer;
         display: inline-block;
         padding: calc(var(--clientWidth) * 0.006302083) calc(var(--clientWidth) * 0.0380208);
         margin-right: .625vw;
         margin-left: .625vw;
     }

     .nav-bg-container>.inputInfoAndBtn .bookingClick.home-btn {
         background: #fff;
         color: #000;
         border: 1px solid #000;
     }

     .nav-bg-container>.inputInfoAndBtn .reserve-error {
         width: 100%;
         text-align: center;
         color: #d20a2c;
         margin-bottom: 1.757813vw;
         font-size: calc(var(--clientWidth) * 0.625 / 100);
         height: 35px;
         line-height: 35px;
         visibility: hidden;
     }

     .nav-bg-container>.inputInfoAndBtn .reserve-error-show {
         visibility: visible;
     }

     .nav-bg-container>.inputInfoAndBtn .reserve-error::before {
         content: "";
         position: relative;
         display: inline-block;
         /* left: ; */
         width: calc(var(--clientWidth) * 1.145833 / 100);
         height: calc(var(--clientWidth) * 1.145833 / 100);
         background: url(/dam/ads-sites/cn/home/img/code_error_icon.svg) center center no-repeat;
         /* background-position: bottom; */
         vertical-align: middle;
         background-size: contain;
         margin-right: calc(var(--clientWidth) * 0.46875 / 100);
     }

     .nav-bg-container>.bottomStyleMob {
         display: none;
     }

     .common-input .section3 {
         background-color: #fff;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style {
         position: relative;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-select {
         -moz-appearance: none;
         -webkit-appearance: none;
         appearance: none;
         position: relative;
         z-index: 1;
         box-sizing: border-box;
         border: calc(var(--clientWidth) * .104167 / 200) solid #d7d7d7;
         background: #fff;
         appearance: none;
         -moz-appearance: none;
         -webkit-appearance: none;
         height: calc(var(--clientWidth) * 0.035416);
         width: calc(var(--clientWidth) * 0.1911458);
         border-radius: calc(var(--clientWidth) * 0.034375);
         padding: 0 calc(var(--clientWidth) * 0.01875);
         font-size: calc(var(--clientWidth) * 0.00833);
         cursor: pointer;
         margin: 0 calc(var(--clientWidth) * 0.00625);
         /* margin-bottom: calc(var(--clientWidth) * 1.770833 / 100); */
         color: #606266;
         padding-right: calc(var(--clientWidth) * 0.026);
         line-height: calc(var(--clientWidth) * 0.035416);
         margin-left: 0;
         text-align: start;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .error_active .special-style .special-select {
         border: calc(var(--clientWidth) * .104167 / 200) solid #d20a2c;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .color-active {
         color: #000;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info>img {
         position: absolute;
         display: block;
         right: 8.17%;
         top: 44.12%;
         width: calc(var(--clientWidth) * 0.009375);
         height: calc(var(--clientWidth) * 0.0046875);
         z-index: 3;
         transform: rotate(0deg);
         pointer-events: none;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style>img {
         position: absolute;
         display: block;
         right: 8.17%;
         top: 44.12%;
         width: calc(var(--clientWidth) * 0.009375);
         height: calc(var(--clientWidth) * 0.0046875);
         z-index: 3;
         transform: rotate(0deg);
         transition: transform 0.5 ease;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content {
         position: absolute;
         top: calc(var(--clientWidth) * 1.041667 / 100);
         left: 0;
         z-index: 5;
         height: calc(var(--clientWidth) * 10.416667 / 100);
         display: none;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .active {
         display: flex;
         position: relative;
         top: calc(var(--clientWidth) * 1.041667 / 100);
         left: 0;
         z-index: 5;
         height: calc(var(--clientWidth) * 10.416667 / 100);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .error_active .special-style .active {
         display: flex;
         position: relative;
         top: calc(var(--clientWidth) * -0.8 / 100);
         left: 0;
         z-index: 5;
         height: calc(var(--clientWidth) * 10.416667 / 100);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .active .up-triangle {
         position: absolute;
         top: calc(var(--clientWidth) * -0.3167 / 100);
         left: calc(var(--clientWidth) * 1.822917 / 100);
         width: calc(var(--clientWidth) * 0.625 / 100);
         height: calc(var(--clientWidth) * 0.625 / 100);
         border: #ccc solid calc(var(--clientWidth) * .104167 / 200);
         display: inline-block;
         transform: rotate(45deg);
         border-bottom: calc(var(--clientWidth) * .104167 / 200) solid transparent;
         border-right: calc(var(--clientWidth) * .104167 / 200) solid transparent;
         background-color: #fff;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left {
         display: flex;
         flex-direction: column;
         width: max-content;
         padding-top: 0;
         padding-bottom: 0;
         border: calc(var(--clientWidth) * .104167 / 200) solid #ccc;
         background-color: #fff;
         overflow-y: scroll;
         padding-top: calc(var(--clientWidth) * 0.3125 / 100);
         padding-bottom: calc(var(--clientWidth) * 0.3125 / 100);
         width: calc(var(--clientWidth) * 9.375 / 100);
         overflow-x: hidden;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right {
         display: none;
         border: calc(var(--clientWidth) * .104167 / 200) solid #ccc;
         border-left: none;
         background-color: #fff;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .right-show {
         display: flex;
         flex-direction: column;
         width: max-content;
         padding-top: calc(var(--clientWidth) * 0.3125 / 100);
         padding-bottom: calc(var(--clientWidth) * 0.3125 / 100);
         overflow-y: scroll;
         min-width: calc(var(--clientWidth) * 7.291667 / 100);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .input-item {
         display: flex;
         justify-content: space-between;
         cursor: pointer;
         height: calc(var(--clientWidth) * 1.770833 / 100);
         text-align: center;
         padding-left: calc(var(--clientWidth) * 1.041667 / 100);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .input-item {
         display: flex;
         justify-content: space-between;
         cursor: pointer;
         height: calc(var(--clientWidth) * 1.770833 / 100);
         text-align: center;
         padding-right: calc(var(--clientWidth) * 1.5625 / 100);
         padding-left: calc(var(--clientWidth) * 1.041667 / 100);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .input-item:hover,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .input-item:hover {
         background-color: #f5f7fa;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .input-item img,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .input-item img {
         width: calc(var(--clientWidth) * 0.78125 / 100);
         height: calc(var(--clientWidth) * 0.78125 / 100);
         display: inline-block;
         margin: auto 0;
         transform: rotate(-90deg) translate(50%, 0);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .flex-container input,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .flex-container input {
         width: calc(var(--clientWidth) * 0.78125 / 100);
         height: calc(var(--clientWidth) * 0.78125 / 100);
         display: inline-block;
         margin: auto 0;
         opacity: 0;
         position: absolute;
         z-index: 9;
         top: calc(var(--clientWidth) * 0.520833 / 100);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .flex-container,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .flex-container {
         display: flex;
         position: relative;
         height: calc(var(--clientWidth) * 1.770833 / 100);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .input-item .flex-container span,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .input-item .flex-container span {
         color: #9b9b9b;
         margin: calc(var(--clientWidth) * 0.3125 / 100) auto;
         padding-left: calc(var(--clientWidth) * 0.416667 / 100);
         width: max-content;
         display: flex;
         /* flex: 1; */
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .click-active .flex-container span,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .click-active .flex-container span {
         color: #409eff;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .line-active,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .line-active {
         color: #606266;
         font-weight: 600;
         background-color: #f5f7fa;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .click-active,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .click-active {
         color: #409eff;
         font-weight: 600;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .flex-container .empty,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .flex-container .empty {
         width: calc(var(--clientWidth) * 0.78125 / 100);
         height: calc(var(--clientWidth) * 0.78125 / 100);
         border-radius: 50%;
         margin: auto 0;
         display: inline-block;
         background-color: #ffffff;
         position: relative;
         border: calc(var(--clientWidth) * .104167 / 200) solid #ccc;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .flex-container input:hover~.empty,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .flex-container input:hover~.empty {
         border: calc(var(--clientWidth) * .104167 / 200) solid #409eff;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .flex-container .empty::after,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .flex-container .empty::after {
         position: absolute;
         width: calc(var(--clientWidth) * 0.260417 / 100);
         height: calc(var(--clientWidth) * 0.260417 / 100);
         background-color: #fff;
         content: "";
         display: inline-block;
         top: 50%;
         left: 50%;
         border-radius: 50%;
         transform: translate(-50%, -50%);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .flex-container input:checked~.empty,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .flex-container input:checked~.empty {
         background-color: #409eff;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .flex-container input:checked~.emptyWhite {
         background-color: #fff;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .flex-container .empty:after,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .flex-container .empty:after {
         content: "";
         position: absolute;
         display: none;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .flex-container input:checked~.empty:after,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .flex-container input:checked~.empty:after {
         position: absolute;
         width: calc(var(--clientWidth) * 0.260417 / 100);
         height: calc(var(--clientWidth) * 0.260417 / 100);
         background-color: #fff;
         content: "";
         display: inline-block;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
     }
 }

 @media screen and (max-aspect-ratio: 11 / 10) {
     .common-input .show-pc {
         display: none;
     }

     .common-input .show-mob {
         display: block;
     }

     .common-input .home-space {
         height: calc(var(--clientWidth) * 0.222);
     }

     .nav-bg-container {
         width: 100%;
         background-color: #f2f3f5;
     }

     .common-input .common-text-wrapper {
         margin: 0 auto;
         text-align: center;
         padding-top: 0;
     }

     .common-input .common-text-wrapper h3 {
         font-size: calc(var(--clientWidth) * 0.072222);
         height: calc(var(--clientWidth) * 0.09444);
         line-height: 1.5;
         color: #000;
         font-weight: 500;
         margin-bottom: calc(var(--clientWidth) * 0.041666);
     }
     
     .common-input .common-text-wrapper h2 {
         font-size: calc(var(--clientWidth) * 0.072222);
         height: calc(var(--clientWidth) * 0.09444);
         line-height: 1.5;
         color: #000;
         font-weight: 500;
         margin-bottom: calc(var(--clientWidth) * 0.041666);
     }

     .common-input .common-text-wrapper p {
         font-size: calc(var(--clientWidth) * 0.038888);
         color: #000;
         font-weight: 500;
         line-height: 1.5;
         margin: 0 auto;
         height: auto;
     }

     .nav-bg-container>.inputInfoAndBtn {
         width: 100%;
         background-color: #fff;
         box-sizing: border-box;
         position: relative;
         overflow: hidden;
         margin-top: calc(var(--clientWidth) * 0.1111111);
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle {
         width: 100%;
         padding-top: calc(var(--clientWidth) * 0.08333);
         /* padding-bottom: calc(var(--clientWidth)*.083333) */
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo {
         width: calc(var(--clientWidth) * 0.8333);
         margin: 0 auto;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo input {
         width: 100%;
         margin: 0 auto;
         box-sizing: border-box;
         border: calc(var(--clientWidth) * .104167 / 200) solid #d7d7d7;
         background: #fff;
         box-sizing: border-box;
         padding: 0 calc(var(--clientWidth) * 0.05);
         height: calc(var(--clientWidth) * 0.1487179);
         border-radius: calc(var(--clientWidth) * 0.1692307);
         margin-bottom: calc(var(--clientWidth) * 5.972222 / 100);
         font-size: calc(var(--clientWidth) * 0.0333333);
         height: calc(var(--clientWidth) * 9.444444 / 100);
         line-height: calc(var(--clientWidth) * 0.097222);
         cursor: pointer;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo select {
         width: 100%;
         margin: 0 auto;
         box-sizing: border-box;
         border: calc(var(--clientWidth) * .104167 / 200) solid #d7d7d7;
         background: #fff;
         box-sizing: border-box;
         appearance: none;
         -moz-appearance: none;
         -webkit-appearance: none;
         padding: 0 calc(var(--clientWidth) * 0.05);
         height: calc(var(--clientWidth) * 0.1487179);
         border-radius: calc(var(--clientWidth) * 0.1692307);
         margin-bottom: calc(var(--clientWidth) * 5.972222 / 100);
         font-size: calc(var(--clientWidth) * 0.0333333);
         height: calc(var(--clientWidth) * 9.444444 / 100);
         line-height: 1.5;
         color: #9b9b9b;
         cursor: pointer;
         padding-right: calc(var(--clientWidth) * 0.07);
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo option {
         width: calc(var(--clientWidth) * 0.81944);
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info {
         width: 100%;
         position: relative;
         margin-bottom: 3.194444vw;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info:last-of-type input {
         margin-bottom: 0;
         padding-right: calc(var(--clientWidth) * 0.213888);
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info div {
         position: relative;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info .positionNum {
         position: absolute;
         right: calc(var(--clientWidth) * 0.04166);
         top: 0;
         display: block;
         height: calc(var(--clientWidth) * 0.097222);
         line-height: calc(var(--clientWidth) * 0.097222);
         font-size: calc(var(--clientWidth) * 0.0333333);
         text-align: right;
         cursor: pointer;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info div img {
         position: absolute;
         display: block;
         right: calc(var(--clientWidth) * 0.04166);
         top: calc(var(--clientWidth) * 0.04305);
         width: calc(var(--clientWidth) * 0.030769);
         height: calc(var(--clientWidth) * 0.01538);
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .bookingClick {
         background-color: #000;
         font-weight: 500;
         text-align: center;
         color: #fff;
         margin: 0 auto;
         border-radius: calc(var(--clientWidth) * 0.0769);
         font-size: calc(var(--clientWidth) * 0.0461538);
         height: calc(var(--clientWidth) * 8.888889 / 100);
         line-height: calc(var(--clientWidth) * 8.888889 / 100);
         margin: 0 auto;
         margin-top: calc(var(--clientWidth) * 8.388889 / 100);
         margin-bottom: 0;
         color: #fff;
         font-size: calc(var(--clientWidth) * 0.03888);
         font-weight: 500;
         cursor: pointer;
         display: inline-block;
         text-align: center;
         padding: 0 calc(var(--clientWidth) * 0.08892);
         left: 50%;
         position: relative;
         transform: translateX(-50%);
         margin-right: calc(var(--clientWidth) * 0.01);
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .bookingClick.home-btn {
         background: #fff;
         color: #000;
         border: 1px solid #000;
         margin-top: 0vw;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .gemstonePosition {
         position: absolute;
         bottom: 0;
         left: -21%;
         top: 71%;
         display: inline-block;
         transform: rotate(0deg);
         width: calc(var(--clientWidth) * 0.4);
         height: calc(var(--clientWidth) * 0.488);
     }

     .nav-bg-container>.bottomStyleMob {
         width: 100%;
         box-sizing: border-box;
         background: #000;
         color: #fff;
     }

     .nav-bg-container>.bottomStyleMob>.drapdownFlex>.menuAutoHeight {
         padding: 0 calc(var(--clientWidth) * 0.128205);
         height: auto;
         overflow: hidden;
     }

     .nav-bg-container>.bottomStyleMob>.drapdownFlex>.menuAutoHeight>.flexibleItem {
         display: flex;
         border-bottom: #3d3d3d 1.5px solid;
         justify-content: space-between;
         height: calc(var(--clientWidth) * 0.1666);
         overflow: hidden;
     }

     .nav-bg-container>.bottomStyleMob>.drapdownFlex>.menuAutoHeight>.flexibleItem>.captionLeft {
         display: inline-block;
         line-height: 1.5;
         font-size: calc(var(--clientWidth) * 0.0461538);
     }

     .nav-bg-container>.bottomStyleMob>.drapdownFlex>.menuAutoHeight>.flexibleItem>.plusIcon {
         display: inline-block;
         width: 38px;
         font-size: 38px;
         position: relative;
         width: calc(var(--clientWidth) * 0.097435);
         font-size: calc(var(--clientWidth) * 0.097435);
     }

     .nav-bg-container>.bottomStyleMob>.drapdownFlex>.menuAutoHeight>.flexibleItem>.plusIcon>i:nth-of-type(1) {
         position: absolute;
         background-color: #fff;
         top: 50%;
         width: calc(var(--clientWidth) * 0.0564102);
         height: calc(var(--clientWidth) * 0.0076923);
     }

     .nav-bg-container>.bottomStyleMob>.drapdownFlex>.menuAutoHeight>.flexibleItem>.plusIcon>i:nth-of-type(2) {
         position: absolute;
         background-color: #fff;
         top: 50%;
         transition: transform 0.5s;
         transform: rotate(90deg);
         width: calc(var(--clientWidth) * 0.0564102);
         height: calc(var(--clientWidth) * 0.0076923);
     }

     .nav-bg-container>.bottomStyleMob>.drapdownFlex>.menuAutoHeight>.flexibleItem>.plusRotate>i:nth-of-type(2) {
         transition: transform 0.5s;
         transform: rotate(0deg);
     }

     .nav-bg-container>.bottomStyleMob>.drapdownFlex>.menuAutoHeight>.footSecondMenu {
         height: 0px;
         max-height: 0px;
         transition: all 0.5s ease-in-out;
         color: #000;
     }

     .nav-bg-container>.bottomStyleMob>.drapdownFlex>.menuAutoHeight .footSecondMenuShow {
         height: auto;
         max-height: 900px;
     }

     .nav-bg-container>.bottomStyleMob>.drapdownFlex>.menuAutoHeight .footSecondMenuShow p {
         color: #fff;
         height: calc(var(--clientWidth) * 0.1666);
         line-height: 1.5;
     }

     .nav-bg-container>.bottomStyleMob>.consultingServicesMob {
         border-bottom: #3d3d3d 1.5px solid;
         padding: 0 calc(var(--clientWidth) * 0.128205);
     }

     .nav-bg-container>.bottomStyleMob>.consultingServicesMob>h1 {
         height: calc(var(--clientWidth) * 0.1410256);
         line-height: 1.5;
         margin-top: calc(var(--clientWidth) * 0.089743);
         font-size: calc(var(--clientWidth) * 0.0487179);
     }

     .nav-bg-container>.bottomStyleMob>.consultingServicesMob>.flexible {
         display: flex;
         justify-content: space-between;
         line-height: 1.5;
     }

     .nav-bg-container>.bottomStyleMob>.consultingServicesMob>.flexible>.flexLeftMob {
         width: calc(var(--clientWidth) * 0.76923);
         height: calc(var(--clientWidth) * 0.5128205);
     }

     .nav-bg-container .ConsultServices>.ConsultServicesMiddle>.rightborder>.trademark>.logoBeside>.costomerServiceDiv {
         height: auto;
         line-height: 1.5;
     }

     .nav-bg-container .ConsultServices>.ConsultServicesMiddle>.rightborder>.trademark>.logoBeside>.unChinaDelivery p {
         display: inline-block;
         font-size: calc(var(--clientWidth) * 0.030555);
         margin-left: calc(var(--clientWidth) * 0.049);
         margin-bottom: calc(var(--clientWidth) * 0.08333);
         color: rgba(255, 255, 255, 0.8);
     }

     .nav-bg-container>.bottomStyleMob>.consultingServicesMob>.flexible>.flexLeftMob>.costomerServiceDiv>.costomerServiceSpan img {
         display: inline-block;
         width: calc(var(--clientWidth) * 0.06666);
         padding-right: calc(var(--clientWidth) * 0.03846);
     }

     .nav-bg-container>.bottomStyleMob>.consultingServicesMob>.flexible>.flexLeftMob>.unChinaDelivery>span {
         display: inline-block;
         width: calc(var(--clientWidth) * 0.06666);
         padding-right: calc(var(--clientWidth) * 0.03846);
     }

     .nav-bg-container>.bottomStyleMob>.consultingServicesMob>.flexible>.flexLeftMob>.emailDiv>.emailSpan img {
         display: inline-block;
         width: calc(var(--clientWidth) * 0.043589);
         padding-right: calc(var(--clientWidth) * 0.0487179);
         padding-left: calc(var(--clientWidth) * 0.0128205);
     }

     .nav-bg-container .ConsultServices>.ConsultServicesMiddle>.rightborder>.trademark>.logoBeside>.emailDiv>a p {
         display: inline-block;
         color: rgba(255, 255, 255, 0.8);
         font-size: calc(var(--clientWidth) * 0.030555);
     }

     .nav-bg-container .ConsultServices>.ConsultServicesMiddle>.rightborder>.trademark>.logoBeside>.emailDiv>.emailSpan {
         display: inline-block;
         width: calc(var(--clientWidth) * 0.041666);
         padding: 0 calc(var(--clientWidth) * 0.00769);
     }

     .nav-bg-container>.bottomStyleMob>.consultingServicesMob>.flexible>.flexLeftMob>.emailAddress>a>p {
         color: rgba(255, 255, 255, 0.8);
         font-size: calc(var(--clientWidth) * 0.030555);
     }

     .nav-bg-container>.bottomStyleMob>.consultingServicesMob>.flexible>.flexLeftMob>.emailAddress>a span {
         display: inline-block;
         width: calc(var(--clientWidth) * 0.06666);
         padding-right: calc(var(--clientWidth) * 0.03846);
     }

     .nav-bg-container>.bottomStyleMob>.consultingServicesMob>.flexible>.flexrightMob {
         width: calc(var(--clientWidth) * 0.51282);
     }

     .nav-bg-container>.bottomStyleMob>.consultingServicesMob>.flexible>.flexrightMob .huaweiLogo {
         float: right;
     }

     .nav-bg-container>.bottomStyleMob>.copyrightNotice {
         padding: calc(var(--clientWidth) * 0.10256) calc(var(--clientWidth) * 0.1282) calc(var(--clientWidth) * 0.02564) calc(var(--clientWidth) * 0.128205);
         box-sizing: border-box;
     }

     .nav-bg-container>.bottomStyleMob>.copyrightNotice>p {
         height: calc(var(--clientWidth) * 0.076923);
         line-height: 1.5;
     }

     .nav-bg-container>.bottomStyleMob>.copyrightNotice>.bottomHeightSpace {
         padding-bottom: calc(var(--clientWidth) * 0.1666);
     }

     .nav-bg-container>.bottomStyleMob>.allRightsReserved {
         width: var(--currentWidth);
         position: fixed;
         z-index: 99;
         bottom: 0;
         text-align: center;
         background-color: #000;
         padding: calc(var(--clientWidth) * 0.03846) 0;
         font-size: calc(var(--clientWidth) * 0.03589);
     }

     .nav-bg-container>.bottomStyleMob>.allRightsReserved p {
         height: calc(var(--clientWidth) * 0.051282);
         line-height: 1.5;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .cubePosition {
         position: absolute;
         display: inline-block;
         right: -18.4%;
         top: 73.2%;
         transform: rotate(7deg);
         width: calc(var(--clientWidth) * 0.32222);
         height: calc(var(--clientWidth) * 0.32222);
         width: calc(var(--clientWidth) * 0.32222);
         height: calc(var(--clientWidth) * 0.32222);
     }

     .nav-bg-container>.inputInfoAndBtn {
         margin-top: 0;
     }

     .common-input .section3 {
         background-color: #fff;
     }

     .common-input .section3 .common-text-wrapper {
         margin-top: calc(var(--clientWidth) * 0.20833);
     }

     .common-input .section4 .section4-content-wrapper {
         width: calc(var(--clientWidth) * 0.833);
         padding: calc(var(--clientWidth) * 0.04166);
         margin-top: calc(var(--clientWidth) * 0.11527);
         border-radius: calc(var(--clientWidth) * 0.044);
         display: flex;
         flex-direction: column;
     }

     .common-input .section4 .section4-content-wrapper img {
         width: calc(var(--clientWidth) * 0.75);
         border-radius: calc(var(--clientWidth) * 0.0388);
         margin-bottom: calc(var(--clientWidth) * 0.0416);
     }

     .common-input .section4 .section4-text-wrapper {
         width: 100%;
         margin-left: 0;
     }
     
     .common-input .section4 .section4-text-wrapper h2 {
         font-size: calc(var(--clientWidth) * 0.05);
         height: calc(var(--clientWidth) * 0.06944);
         margin-top: calc(var(--clientWidth) * 0.041666);
         margin-bottom: 0;
     }
     
     .common-input .section4 .section4-text-wrapper h3 {
         font-size: calc(var(--clientWidth) * 0.05);
         height: calc(var(--clientWidth) * 0.06944);
         margin-top: calc(var(--clientWidth) * 0.041666);
         margin-bottom: 0;
     }

     .common-input .section4 .section4-text-wrapper p {
         width: calc(var(--clientWidth) * 0.68333);
         font-size: calc(var(--clientWidth) * 0.03055);
         margin-top: calc(var(--clientWidth) * 0.0444);
         font-weight: 400;
         color: rgba(0, 0, 0, 0.8);
     }

     .common-input .section4 .section4-text-wrapper a {
         width: 100%;
         height: calc(var(--clientWidth) * 0.1);
         line-height: calc(var(--clientWidth) * 0.1);
         font-size: calc(var(--clientWidth) * 0.0388);
         border-radius: calc(var(--clientWidth) * 0.05);
         margin-top: calc(var(--clientWidth) * 0.0833);
         border-radius: 36px;
         -webkit-backdrop-filter: blur(57.08px);
         backdrop-filter: blur(57.08px);
         background: #c7000b;
         text-align: center;
         color: #fff;
         font-weight: 500;
         display: block;
     }

     .common-input .section4 .section4-text-wrapper .section4-a-btn {
         display: none;
     }

     .common-input .section4 .section4-content {
         position: relative;
         height: calc(var(--clientWidth) * 0.23055);
     }

     .common-input .section4 .section4-content img {
         width: 200%;
         height: 100%;
         position: absolute;
         left: 47%;
         top: -3%;
         transform: scale(1.25) translateX(-50%);
     }

     .common-input .section4 .section4-content .section4-content-txt {
         background-color: transparent;
         background: linear-gradient(137.7deg,
                 rgba(28, 29, 33, 0) 5.036%,
                 rgba(46, 50, 52, 0) 52.526%,
                 rgba(23, 26, 29, 0) 96.527%);
     }

     .common-input .section4 .section4-content .section4-content-txt {
         display: block;
     }

     .common-input .section4 .section4-content .section4-content-txt p {
         margin: 0 auto;
         text-align: center;
         font-size: calc(var(--clientWidth) * 0.03888);
         cursor: default;
         display: block;
         position: relative;
         top: 0;
         transform: translate(0px, 0px);
     }

     .common-input .section4 .section4-content .section4-content-txt .section4-btn::before {
         display: none;
     }

     .common-input .section4 .section4-content .section4-content-txt .section4-btn {
         display: block;
         text-align: center;
         background: none;
         margin: 0;
         height: auto;
         line-height: auto;
         border: none;
     }

     .common-input .section4 .section4-content .section4-content-txt .section4-btn a {
         display: inline-block;
         padding: 0 calc(var(--clientWidth) * 0.04166);
         border: calc(var(--clientWidth) * .104167 / 200) #fff solid;
         border-radius: 999px;
         font-size: calc(var(--clientWidth) * 0.03888);
         font-weight: 500;
         line-height: normal;
         margin-top: calc(var(--clientWidth) * 0.027055);
     }

     .common-input .section4 .section4-content .section4-content-txt {
         height: auto;
     }

     .common-input .section4 .section4-content .section4-content-txt .section4-btn a .show-mob {
         display: inline-block;
     }

     .common-input .section4 .section4-content .section4-content-txt .section4-btn a .show-pc {
         display: none;
     }

     /* 自定义下拉框二级分类样式 */
     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo>.special-style {
         position: relative;
         height: calc(var(--clientWidth) * 0.035416);
         width: calc(var(--clientWidth) * 0.1911458);
         margin: 0 calc(var(--clientWidth) * 0.00625);
         margin-bottom: calc(var(--clientWidth) * 1.770833 / 100);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style {
         position: relative;
         height: calc(var(--clientWidth) * 15.416667 / 100);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-select {
         -moz-appearance: none;
         -webkit-appearance: none;
         appearance: none;
         position: relative;
         z-index: 1;
         box-sizing: border-box;
         border: calc(var(--clientWidth) * .104167 / 200) solid #d7d7d7;
         background: #fff;
         appearance: none;
         -moz-appearance: none;
         -webkit-appearance: none;
         height: calc(var(--clientWidth) * 9.444444 / 100);
         width: 100%;
         border-radius: calc(var(--clientWidth) * 0.05375);
         padding: 0 calc(var(--clientWidth) * 0.05);
         font-size: calc(var(--clientWidth) * 3.333333 / 100);
         cursor: pointer;
         margin-bottom: calc(var(--clientWidth) * 8.75 / 100);
         color: #606266;
         line-height: calc(var(--clientWidth) * 8.75 / 100);
         margin-left: 0;
         text-align: start;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .error_active .special-style .special-select {
         border: calc(var(--clientWidth) * .104167 / 200) solid #d20a2c;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .color-active {
         color: #000;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info>img {
         position: absolute;
         display: block;
         right: calc(var(--clientWidth) * 0.04166);
         top: calc(var(--clientWidth) * 0.04305);
         width: calc(var(--clientWidth) * 0.030769);
         height: calc(var(--clientWidth) * 0.01538);
         pointer-events: none;
         z-index: 3;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style>img {
         position: absolute;
         display: block;
         right: 8.17%;
         top: 44.12%;
         width: calc(var(--clientWidth) * 0.009375);
         height: calc(var(--clientWidth) * 0.0046875);
         z-index: 3;
         top: 50%;
         transform: rotate(0deg) translate(50%, 0);
         transition: transform 0.5 ease;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content {
         position: absolute;
         top: calc(var(--clientWidth) * 1.041667 / 100);
         left: 0;
         z-index: 5;
         height: calc(var(--clientWidth) * 10.416667 / 100);
         display: none;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .active {
         display: flex;
         /* position: relative; */
         top: calc(var(--clientWidth) * 11.111111 / 100);
         left: 0;
         z-index: 5;
         height: calc(var(--clientWidth) * 28.333333 / 100);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .error_active .special-style .active {
         display: flex;
         position: relative;
         top: calc(var(--clientWidth) * -0.8 / 100);
         left: 0;
         z-index: 5;
         height: calc(var(--clientWidth) * 10.416667 / 100);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .active~img {
         transform: rotate(-180deg);
         transition: transform 0.5 ease;
         position: absolute;
         display: block;
         /* right: 8.17%;
        top: 11%; */
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .active .up-triangle {
         position: absolute;
         top: -.833333vw;
         left: 1.944444vw;
         width: 1.666667vw;
         height: 1.666667vw;
         border: #ccc solid calc(var(--clientWidth) * .104167 / 200);
         display: inline-block;
         transform: rotate(45deg);
         border-bottom: calc(var(--clientWidth) * .104167 / 200) solid transparent;
         border-right: calc(var(--clientWidth) * .104167 / 200) solid transparent;
         background-color: #fff;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left {
         display: flex;
         flex-direction: column;
         width: calc(var(--clientWidth) * 41.666667 / 100);
         font-size: calc(var(--clientWidth) * 3.333333 / 100);
         height: calc(var(--clientWidth) * 41.666667 / 100);
         border: calc(var(--clientWidth) * .104167 / 200) solid #ccc;
         background-color: #fff;
         overflow-y: scroll;
         padding-top: calc(var(--clientWidth) * 0.3125 / 100);
         padding-bottom: calc(var(--clientWidth) * 0.3125 / 100);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right {
         display: none;
         border: calc(var(--clientWidth) * .104167 / 200) solid #ccc;
         border-left: none;
         background-color: #fff;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .right-show {
         display: flex;
         flex-direction: column;
         padding-top: 0;
         padding-bottom: 0;
         overflow-y: scroll;
         width: calc(var(--clientWidth) * 41.666667 / 100);
         font-size: calc(var(--clientWidth) * 3.333333 / 100);
         height: calc(var(--clientWidth) * 41.666667 / 100);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .input-item {
         display: flex;
         justify-content: space-between;
         cursor: pointer;
         height: calc(var(--clientWidth) * 4.722222 / 100);
         text-align: center;
         padding-left: calc(var(--clientWidth) * 2.777778 / 100);
         margin: calc(var(--clientWidth) * 1.388889 / 100) 0;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .input-item {
         display: flex;
         justify-content: space-between;
         cursor: pointer;
         text-align: center;
         padding-right: calc(var(--clientWidth) * 1.5625 / 100);
         padding-left: calc(var(--clientWidth) * 2.777778 / 100);
         margin: calc(var(--clientWidth) * 1.388889 / 100) 0;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .input-item:hover,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .input-item:hover {
         background-color: #f5f7fa;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .input-item img,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .input-item img {
         width: calc(var(--clientWidth) * 1.944444 / 100);
         height: calc(var(--clientWidth) * 1.944444 / 100);
         display: inline-block;
         margin: auto 0;
         transform: rotate(-90deg);
         position: absolute;
         top: calc(var(--clientWidth) * 1.25 / 100);
         right: calc(var(--clientWidth) * 0.694444 / 100);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .flex-container input,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .flex-container input {
         width: 2.5vw;
         height: 2.5vw;
         display: inline-block;
         margin: auto 0;
         opacity: 0;
         position: absolute;
         z-index: 9;
         top: calc(var(--clientWidth) * 0.520833 / 100);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .flex-container,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .flex-container {
         display: flex;
         position: relative;
         height: calc(var(--clientWidth) * 4.722222 / 100);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .input-item .flex-container span,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .input-item .flex-container span {
         color: #9b9b9b;
         margin: auto;
         padding-left: calc(var(--clientWidth) * 1.111111 / 100);
         /* width: calc(var(--clientWidth) * 5.4375 / 100); */
         display: flex;
         /* flex: 1; */
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .click-active .flex-container span,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .click-active .flex-container span {
         color: #409eff;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .line-active,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .line-active {
         color: #606266;
         font-weight: 600;
         background-color: #f5f7fa;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .click-active,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .click-active {
         color: #409eff;
         font-weight: 600;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .flex-container .empty,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .flex-container .empty {
         width: 3.333333vw;
         height: 3.333333vw;
         border-radius: 50%;
         margin: auto 0;
         display: inline-block;
         background-color: #ffffff;
         position: relative;
         border: calc(var(--clientWidth) * .104167 / 200) solid #ccc;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .flex-container input:hover~.empty,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .flex-container input:hover~.empty {
         border: calc(var(--clientWidth) * .104167 / 200) solid #409eff;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .flex-container .empty::after,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .flex-container .empty::after {
         position: absolute;
         width: 1.388889vw;
         height: 1.388889vw;
         background-color: #fff;
         content: "";
         display: inline-block;
         top: 50%;
         left: 50%;
         border-radius: 50%;
         transform: translate(-50%, -50%);
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .flex-container input:checked~.empty,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .flex-container input:checked~.empty {
         background-color: #409eff;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .flex-container input:checked~.emptyWhite {
         background-color: #fff;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .flex-container .empty:after,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .flex-container .empty:after {
         content: "";
         position: absolute;
         display: none;
     }

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left .flex-container input:checked~.empty:after,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-right .flex-container input:checked~.empty:after {
         position: absolute;
         width: 1.388889vw;
         height: 1.388889vw;
         background-color: #fff;
         content: "";
         display: inline-block;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info .positionNum_hidden {
         visibility: hidden;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info .countdown {
         position: absolute;
         right: 0;
         top: 0;
         display: block;
         margin-right: 8%;
         text-align: right;
         color: #066ce3;
         height: calc(var(--clientWidth) * 8.75 / 100);
         font-size: calc(var(--clientWidth) * 3.333333 / 100);
         line-height: calc(var(--clientWidth) * 8.75 / 100);
         /* width: calc(var(--clientWidth)*.05364); */
         cursor: pointer;
         visibility: hidden;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info:last-child {
         height: calc(var(--clientWidth) * 15.416667 / 100);
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info .countdown_show {
         visibility: visible;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info div {
         position: relative;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .input_prompt_info .error {
         display: none;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .error_active .error {
         display: block;
         color: #d20a2c;
         text-align: start;
         width: 100%;
         padding-left: calc(var(--clientWidth) * 5.631944 / 100);
         margin-top: calc(var(--clientWidth) * 1.388889 / 100);
         position: absolute;
         bottom: 0;
         font-size: calc(var(--clientWidth) * 3.333333 / 100);
         left: 0;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .error_active input {
         border: calc(var(--clientWidth) * .104167 / 200) solid #d20a2c;
     }

     .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .error_active select {
         border: calc(var(--clientWidth) * .104167 / 200) solid #d20a2c;
     }

     .nav-bg-container>.inputInfoAndBtn .reserve-error {
         width: 100%;
         text-align: center;
         color: #d20a2c;
         margin-bottom: calc(var(--clientWidth) * 3.888889 / 100);
         font-size: calc(var(--clientWidth) * 0.625 / 100);
         height: 35px;
         line-height: 35px;
         visibility: hidden;
     }

     .nav-bg-container>.inputInfoAndBtn .reserve-error-show {
         visibility: visible;
     }

     .nav-bg-container>.inputInfoAndBtn .reserve-error::before {
         content: "";
         position: relative;
         display: inline-block;
         /* left: ; */
         width: calc(var(--clientWidth) * 1.145833 / 100);
         height: calc(var(--clientWidth) * 1.145833 / 100);
         background: url(/dam/ads-sites/cn/home/img/code_error_icon.svg) center center no-repeat;
         /* background-position: bottom; */
         vertical-align: middle;
         background-size: contain;
         margin-right: calc(var(--clientWidth) * 0.46875 / 100);
     }

     .nav-bg-container>.inputInfoAndBtn .privacy-notice {
         font-size: calc(var(--clientWidth) * 3.333333 / 100);
         color: #9b9b9b;
         margin: 0 auto;
         margin-top: calc(var(--clientWidth) * 6.472222 / 100);
         line-height: 1.5;
         text-align: center;
     }

     .nav-bg-container>.inputInfoAndBtn .privacy-notice a {
         display: inline-block;
         color: #0a59f7;
         line-height: 1.5;
     }

     .common-input .section2 .section2-btn .btn-hidden {
         display: none;
     }
 }

 /* 自定义行业分类出现的滚动条 */
 .special-left::-webkit-scrollbar {
     /* WebKit浏览器的滚动条样式 */
     width: 6px;
 }

 .special-left::-webkit-scrollbar-track {
     /* 滚动条轨道的样式 */
     background-color: #fff;
 }

 .special-left:hover::-webkit-scrollbar-thumb {
     background-color: #888;
     border-radius: 999px;
 }

 .special-left::-webkit-scrollbar-thumb {
     /* 滚动条滑块的样式 */
     background-color: #fff;
     border-radius: 999px;
 }

 .special-left::-webkit-scrollbar-thumb:hover {
     /* 滚动条滑块的悬停样式 */
     background-color: #555;
     border-radius: 999px;
 }

 .special-right::-webkit-scrollbar {
     /* WebKit浏览器的滚动条样式 */
     width: 6px;
 }

 .special-right::-webkit-scrollbar-track {
     /* 滚动条轨道的样式 */
     background-color: #fff;
 }

 .special-right:hover::-webkit-scrollbar-thumb {
     background-color: #888;
     border-radius: 999px;
 }

 .special-right::-webkit-scrollbar-thumb {
     /* 滚动条滑块的样式 */
     background-color: #fff;
     border-radius: 999px;
 }

 .special-right::-webkit-scrollbar-thumb:hover {
     /* 滚动条滑块的悬停样式 */
     background-color: #555;
     border-radius: 999px;
 }

 .special-select {
     outline: none;
 }

 #positionNum_input {
     color: #000;
 }

 .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo>.input_prompt_info>input {
     cursor: text;
 }

 #positionNum_input {
     cursor: text;
 }

 .reserve-success {
     display: none;
 }

 .reserve-success-show {
     display: block;
 }

 .advertisement_input_info div img,
 .industry_select_info div img,
 .industry_input_info div img {
     pointer-events: none;
 }



 .tips {
     display: none;
     color: #989a9c;
     font-size: calc(var(--clientWidth) * .625 / 100);
     text-align: left;
     font-weight: 400;
     padding-left: calc(var(--clientWidth) * 1.041667 / 100);
     width: 103%;
 }


 .show {
     display: block;
 }

 .mask-position {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 999;
     background-color: rgba(33, 37, 41, 0.85);
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .mask-none {
     display: none;
 }

 .mask {
     width: calc(var(--clientWidth) * 60.416667 / 100);
     height: calc(var(--clientWidth) * 31.25 / 100);
     border-radius: calc(var(--clientWidth) * 1.041667 / 100);
     display: flex;
     flex-direction: column;
     background-color: #fff;
     box-shadow: 4px 4px 12px #d5d5d5e0;

     margin: 0 auto;
 }

 .cancel {
     display: flex;
     flex-direction: row-reverse;
     height: calc(var(--clientWidth) * 0.833333 / 100);
     padding: calc(var(--clientWidth) * 0.833333 / 100);
 }

 .cancel-img {
     width: calc(var(--clientWidth) * 1.660156 / 100) !important;
     padding: calc(var(--clientWidth) * .416667 / 100);
     height: calc(var(--clientWidth) * 1.660156 / 100) !important;
     cursor: pointer;
 }

 img.mid {
     margin: calc(var(--clientWidth) * 5.729167 / 100) auto 0;
     width: calc(var(--clientWidth) * 3.854167 / 100);
     height: calc(var(--clientWidth) * 3.854167 / 100);
     display: block;
     background-color: #fff;
 }

 .mask-position h2 {
     margin-top: calc(var(--clientWidth) * 4.114583 / 100);
     font-size: calc(var(--clientWidth) * 1.666667 / 100);
     font-weight: 400;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.25;
     text-align: center;
     color: #000;
     display: block;
 }

 .mask-position p {
     margin: calc(var(--clientWidth) * .833333 / 100) auto calc(var(--clientWidth) * 8.125 / 100);
     max-width: calc(var(--clientWidth) * 23.854167 / 100);
     font-size: calc(var(--clientWidth) * 1.145833 / 100);
     font-weight: 400;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.59;
     letter-spacing: 0.25px;
     text-align: center;
     color: gray;
 }

 @media screen and (max-aspect-ratio: 11 / 10) {
     .tips {
         font-size: calc(var(--clientWidth) * 2.777778 / 100);
         padding-left: calc(var(--clientWidth) * 2.777778 / 100);
     }

     .mask {
         width: calc(var(--clientWidth) * 88.888889 / 100);
         height: calc(var(--clientWidth) * 78.333333 / 100);
     }

     .cancel {
         padding: calc(var(--clientWidth) * 4.444444 / 100);
         height: calc(var(--clientWidth) * 4.444444 / 100);
     }

     .cancel-img {
         width: calc(var(--clientWidth) * 5.277778 / 100) !important;
         height: calc(var(--clientWidth) * 5.277778 / 100) !important;
     }

     img.mid {
         padding-top: calc(var(--clientWidth) * 12.777778 / 100);
         width: calc(var(--clientWidth) * 13.888889 / 100);
         height: calc(var(--clientWidth) * 26.666667 / 100);
         margin: 0 auto;
     }

     .mask h2 {
         height: calc(var(--clientWidth) * 8.333333 / 100);
         font-size: calc(var(--clientWidth) * 6.666667 / 100);
         margin: calc(var(--clientWidth) * 10.277778 / 100) auto calc(var(--clientWidth) * 5.555556 / 100);
         max-width: 100%;
     }

     .mask p {
         font-size: calc(var(--clientWidth) * 3.333333 / 100);
         max-width: 100%;
     }
 }

 .common-input .section4 {
     margin-bottom: calc(var(--clientWidth) * -0.104167 / 2/ 100);
 }

 @media (min-width: 1189px) and (max-width: 1281px) {

     .input_prompt_info input,
     .input_prompt_info div select {
         border: 1px solid #d7d7d7 !important;
         width: 240px !important;
         height: 47.5px !important;
         padding: 0 32px 0 24px !important;
     }

     #brand-industrty {
         height: 48.5px !important;
     }

     #advertisement-put {
         height: 48.5px !important;
     }
 }

 .common-input .industry_select-item,
 .common-input .advertisement_select-item {
     width: 100%;
     flex: 1;
 }

 .common-input .advertisement_input_info .special-content,
 .common-input .industry_input_info .special-content {
     width: 100%;
     height: auto !important;
 }

 @media screen and (max-aspect-ratio: 11/ 10) {

     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left.industry_select-item,
     .common-input .nav-bg-container>.inputInfoAndBtn>.inputInfoAndBtnMiddle .inputInfo .special-style .special-content .special-left.advertisement_select-item {
         width: 98%;
         margin-left: 1px;
         height: max-content !important;
         overflow: hidden !important;
     }

     .common-input .advertisement_input_info .special-left,
     .common-input .industry_input_info .special-left {
         height: max-content !important;
     }
 }

 .industry_select-item,
 .advertisement_select-item {
     overflow: hidden !important;
 }

 .rotate {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.industry_input_info img,
.industry_select_info img,
.advertisement_input_info img {
  transition: transform 0.3s ease;
}

/* 通过CSS自动控制下拉框图片旋转 - 当下拉框展开时旋转图片 */
.industry_input_info .special-style .special-content.active + img {
  transform: rotate(180deg);
}

.advertisement_input_info .special-style .special-content.active + img {
  transform: rotate(180deg);
}

.industry_select_info .special-style .special-content.active + img {
  transform: rotate(180deg);
}

/* 确保图片选择器的优先级 */
.common-input .industry_input_info img,
.common-input .industry_select_info img,
.common-input .advertisement_input_info img {
  transition: transform 0.3s ease;
  will-change: transform;
}
@media screen and (min-aspect-ratio: 11 / 10) {
    #footer-sign1 {
        display: none;
    }
}
@media screen and (max-aspect-ratio: 11/10) {
#footer-sign1 {
    display: flex !important;
}
}

@media screen and (max-aspect-ratio: 11/10) {
    .ads-container .ads_footer .ads_footer_container .ads_ConsultServices .ads_fixedFooter .footer-sign {
        display: none !important;
        border-bottom: none !important;
    }
}