/* 小屏样式处理 */
@media (max-width: 768px) {
         .banner {
                  padding: 26vw 10px 0vw 10px;
         }



         .indexTitleH1 {
                  font-size: 13vw;
                  margin-bottom: 7vw;
         }

         .indexTitleH2 {
                  text-align: center;
                  font-size: 10vw;
         }

         .energyRental::after,
         .apiPrice::after,
         .question::after {
                  width: 100vw!important;
                  height: 180vw!important;
         }

         .indexTitleImg1,
         .indexTitleImg2 {
                  width: 16vw;
                  height: 20vw;
         }

         .nav {
                  width: 100%;
                  padding: 0 3vw;
         }

         .smallNav {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;
         }

         .navline {
                  width: 6vw;
                  border-top: 0.6vw solid #ffffff;
                  padding: 0;
                  margin: 0;
         }

         .navlinePading {
                  margin: 1.6vw 0;
         }

         .navul {
                  width: 100%;
                  height: 100vh;
                  display: none;
                  flex-direction: column;
                  justify-content: flex-start;
                  align-items: center;
                  position: absolute;
                  top: 60px;
                  left: 0;
                  background-color: #06061B;
                  z-index: -1;
         }

         .navul>li {
                  width: 100%;
                  padding: 25px 0;
                  border-bottom: 0.5vw solid #525252;
                  text-align: center;
         }

         .energyRental {
                  width: 100%;
         }

         .energyRentalLeft {
                  width: 100%;
                  border-right: none;
                  padding: 0 3vw;
         }

         .energyRental h2 {
                  font-size: 6.5vw;
         }

         .energyRentalDiv {
                  padding: 12px 4px;
                  flex-direction: column;
         }

         .energyRentalTitle {
                  display: none;
         }

         .energyRentalContent>p,
         .payInfoTitle>p {
                  font-size: 4.5vw;
         }

         .energyRentalContentSpan {
                  font-size: 3.4vw;
                  margin-bottom: 10px;
         }

         .energyRentalInput {
                  flex-direction: column;
         }

         #selectBiShu {
                  width: 88%;
                  margin-bottom: 4.5vw;
         }

         #selectTime {
                  width: 88%;
         }

         .energyRentalInput>span {
                  display: none;
         }

         .customNote {
                  font-size: 3.4vw;
         }

         .banner {
                  width: 100%;

         }

         .energyRentalQuestionDiv {
                  display: none;
         }

         .energyRentalRight {
                  width: 100%;
                  padding: 0 3vw;
                  margin-top: 6vw;
         }

         .payNumberSpan1 {
                  font-size: 5.5vw;
         }

         .payNumberSpan2 {
                  font-size: 4vw;
         }

         .payNumberSpan3 {
                  font-size: 4.3vw;
                  margin-left: 4vw;
                  width: 20vw;
                  height: 7.5vw;
                  line-height: 7.5vw;
         }

         .payAddressTitleDiv>span {
                  font-size: 3.5vw;
         }

         .qrcodeDiv {
                  margin-top: 4vw;
         }

         .qrcodeImg {
                  width: 46vw;
                  height: 46vw;
         }

         .qrcodeText,
         .qrcodeP {
                  font-size: 3.8vw;
         }

         .saveImgDiv {
                  font-size: 3.7vw;
         }

         .apiPrice {
                  width: 100%;
         }

         .apiPrice h2 {
                  font-size: 6.5vw;
         }

         .apiPriceDiv {
                  padding: 12px 4px;
                  flex-direction: column;
         }

         .aprPriceDivLeft {
                  width: 100%;
                  padding: 0 3vw;
                  border-right: none;
         }

         .priceIcon,
         .apiQuestionImg {
                  width: 8vw;
                  height: 8vw;
         }

         .apiPriceDivLeftDiv {
                  align-items: center;
         }

         .priceTitle,
         .apiQuestion1>p {
                  font-size: 4vw;
         }

         .priceShow>p,.priceShow2>p {
                  font-size: 3.9vw;
         }

         .priceTelegramDiv {
                  margin-top: 25px;
         }

         .Pricetelegram {
                  margin-right: 2vw;
         }

         .price_1hous,
         .price_1day,
         .price_3day,
         .price_7day,
         .price_15day,
         .price_30day {
                  font-size: 4.3vw;
         }

         .priceShowSpan {
                  font-size: 3.5vw;
                  margin-top: 10px;
         }

         .priceShow>p::before,.priceShow2>p::before {
                  width: 3.5vw;
                  height: 3.5vw;
         }

         .apiQuestion {
                  width: 100%;
                  margin-top: 6vw;
                  padding: 0 3vw;
         }

         .apiQuestion1 {
                  width: 100%;
         }



         .energyRental,
         .apiPrice,
         .aboutUs,
         .question,
         .contact {
                  padding: 50px 10px 0;

         }

         .aboutUs {
                  width: 100%;
         }

         .aboutUs h2 {
                  font-size: 6.5vw;
         }

         .aboutUs>p {
                  font-size: 3.7vw;
         }

         .question {
                  width: 100%;
         }

         .question h2 {
                  font-size: 6.5vw;
         }

         .panel-heading {
                  height: 50px;
         }

         .panel-title>h3 {
                  font-size: 3.7vw;
         }

         .panel-title>p,
         .panel-content-p {
                  width: 6vw;
                  height: 6vw;
         }

         .panel-content-p2 {
                  font-size: 3.8vw;
         }

         .priceTelegramDiv>a {
                  font-size: 6vw;
         }

         .contact {
                  width: 100%;
         }

         .contact h2 {
                  font-size: 6.5vw;
         }

         .telegramImgDiv {
                  width: 20vw;
                  height: 20vw;
         }

         .telegramImg {
                  width: 12vw;
                  height: 12vw;
         }

         .telegramText {
                  font-size: 4.3vw;
         }

         .footer {
                  flex-direction: column;
         }
}