/* 在小于或等于 880 像素的屏幕上，将背景色设置为蓝色 */
@media screen and (max-width: 1204px) {
  body{
    margin: 0 auto;
  }
  .mobileMenu{
    display: block;
    position: absolute;
    width: 0.28rem;
    height: 0.26rem;
    background: url('../img/m/menu.png') no-repeat;
    background-size: 0.28rem 0.26rem;  
    top: 1.34rem;
    left: 0.24rem;
    z-index: 1;
  }
  html[lang="ar"] .main-top{
    padding-right: 0.24rem;
    background-image: url('../img/m/popBg.png')!important;
  }
  html[lang="ar"] .marginRight{
    margin-right: -1.6rem;
  }
  html[lang="ar"] .main .prod-img{
    padding-right: 0;
    padding-left: 0;
  }
  html[lang="ar"] .title-logo{
    margin-left: 0.1rem;
  }
  .main-top {
      width: 7.5rem;
      min-height: 6.46rem;
      background-image: url('../img/m/popBg.png');
      background-size: 7.5rem 6.46rem;
      padding-left: 0.24rem;
      padding-top: 2.5rem;
  }
  .headTextBox{
    width: 100%;
  }
  .title-txt{
    width: 100%;
    height: 100vh;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .tabs{
    display: block;
    padding: 0.24rem;
  }
  .line{
    display: none;
  }
  .tabs li{
    color: #333;
    font-family: Montserrat;
    font-size: 0.48rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.6rem;
    text-transform: capitalize;
    margin-bottom: 0.48rem;
  }
  .tabs .tab{
    justify-content: flex-start;
  }
  .title-img{
    width: 4.8rem;
    height: 0.34rem;
    top: 3.16rem;
    left: 1.04rem;
    color: #FFF;
    font-family: Montserrat;
    font-size: 0.28rem;
    font-style: italic;
    font-weight: 900;
    line-height: 0.34rem;
  }
  .top-box{
    color: #FFF;
    font-family: Montserrat;
    font-size: 0.48rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    height: auto;
    top: 4.15rem;
    left: 0.24rem;
  }
  .top-box2,.top-box3{
    color: #FFF;
    font-family: Montserrat;
    font-size: 0.28rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    top: 4.8rem;
    left: 0.24rem;
  }
  .top-box3{
    left: 3.65rem;
  }
  .main-comp{
    height: auto;
  }
  .comp-left{
    display: block;
    margin-top: 0.48rem;
    text-align: center;
    height: auto;
    padding: 0 0.24rem;
  }
  .comp-text{
    width: 100%;
    padding-left: 0;
    height: auto;
    padding-bottom: 0.48rem;
  }
  .comp-img{
    width: 7.02rem;
    height: 4.96rem;
  }
  .comp-title{
    height: 0.44rem;
    color: #333;
    font-family: Montserrat;
    font-size: 0.36rem;
    font-style: normal;
    font-weight: 600;
    line-height: 0.44rem;
    text-transform: uppercase;
  }
  .comp-txt{
    width: 100%;
    color: #333;
    font-family: Montserrat;
    font-size: 0.28rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.4rem; /* 141.667% */
    text-transform: capitalize;
    text-align: left;
    margin-top: 0.36rem;
    height: auto;
  }
  .mt16{
    margin-top: 0;
  }
  .main-prod{
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    height: 12rem;
    margin-bottom: 0.48rem;
  }
  .prod-img{
    width: 4rem;
    height: 5.9rem;
    padding-left: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .comp-title{
    display: none;
  }
  .prod-text{
    width: 100%;
    height: 5.4rem;
    color: #333;
    font-family: Montserrat;
    font-size: 0.28rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.34rem;
    text-transform: capitalize;
    position: absolute;
    top: 6rem;
    left: 0;
    padding: 0 0.24rem;
    box-sizing: border-box;
  }
  .mb30{
    margin-bottom: 0;
  }
  .about-top,.about-bottom{
    display: none;
  }
  .main-about{
    width: 100%;
    height: 9.56rem;
    background: url('../img/m/bottomBg.png') no-repeat;
    background-size: 100% 9.56rem;
  }
  .title-logo{
    width: 0.64rem;
    height: 0.64rem;
    margin-right: 0.1rem;
  }
  .headText2{
    font-size: 0.52rem;
    line-height: 0.64rem;
    margin-top: 0.1rem;
  }
  .headText3{
    font-size: 0.26rem;
    line-height: 0.32rem;

  }
  .logonBox{
    top: 1.2rem;
    right: 0.24rem;
    z-index: 2;
  }
  .headImgBox{
    width: 0.66rem;
    height: 0.66rem;
    border-radius: 0.33rem;
  }
  .headImgBox img{
    width: 0.62rem;
    height: 0.62rem;
    border-radius: 0.31rem;
  }
  .headImgBox i{
    display: none;
  }
  .loginBtn span:nth-of-type(1){
    width: 1.94rem;
    height: 0.62rem;
    border-radius: 0.31rem;
    margin-right: 0.2rem;
    color: #333;
    font-family: Montserrat;
    font-size: 0.24rem;
    font-style: normal;
    font-weight: 600;
    line-height: 0.6rem;
    text-transform: capitalize;
    padding-left: 0.5rem;
  }
  .loginBtn span:nth-of-type(1)::before{
    width: 0.3rem;
    height: 0.3rem;
    top: 0.1rem;
    left: 0.16rem;
  }
  .maskHeadBox .headBox{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
  }
  .maskHeadBox .userInfoBox{
     width: 50%;
     height: 100%;
     border-radius: 0;
     top: 0;
     padding-top: 1.76rem;
     right: 0;
     box-sizing: border-box;
     padding-left: 0.32rem;
     position: absolute;
   }
   .maskHeadBox .userHead,.outBox,.userName,.userUid{
    float: left;
   }
   .maskHeadBox .userHead{
    margin-right: 0.16rem;
   }
   .maskHeadBox .userHead img{
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 0.32rem;
   }
   .maskHeadBox .userName{
    color: #333;
    font-family: Montserrat;
    font-size: 0.28rem;
    font-style: normal;
    font-weight: 600;
    line-height: 0.34rem;
    text-transform: capitalize;
   }
   .maskHeadBox .userUid{
    color: #AFA9B4;
    font-family: Montserrat;
    font-size: 0.28rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.34rem;
    text-transform: capitalize;
   }
   .maskHeadBox .outBox{
    width: 3.12rem;
   }
   .maskHeadBox .outBox .logOffBtn{    
    position: absolute;
    left: 0.26rem;

   }
   .maskHeadBox .outBox button{
    top: 4rem;
    left: 0.32rem;
    transform: translateX(0);
    color: #333;
    font-family: Montserrat;
    font-size: 0.28rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.34rem;
    text-transform: capitalize;
   }
   .loginBtn span:nth-of-type(2){
    font-size: 0;
    width: 0.62rem;
    height: 0.62rem;
    background: url('../img/m/outBtn.png') no-repeat;
    background-size: 0.62rem 0.62rem;
    padding-left: 0;
   }
   .loginBtn span:nth-of-type(2)::before{
    content: none;
   }
   .loginPop{
    z-index: 2;
   }
   .loginMask{
    width: 6.94rem;
    height: 9.3rem;
    border-radius: 0.16rem;
    overflow: hidden;
   }
   .loginMask >div{
    float: none;
    padding-left: 0.32rem;
   }
   .leftImg{
    width: 6.94rem;
    height: 4.06rem;
    background: url('../img/m/popBg.png') no-repeat;
    background-size: 100% 100%;
   }
   .welconmeText{
    padding-top: 0;
    margin-bottom: 0;
   }
   .welconmeText span{
    display: none;
   }
   .welconmeText p{
    width: 100%;
    color: #333;
    font-family: Montserrat;
    font-size: 0.48rem;
    font-style: normal;
    font-weight: 900;
    line-height: 0.58rem;
    text-transform: capitalize;
    margin-top: 0.32rem;
    margin-bottom: 0.32rem;
   }
   .inputBox .inputTips{
    color: #AFA9B4;
    font-family: Montserrat;
    font-size: 0.32rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.4rem;
    text-transform: capitalize;
   }
   .inputBox input{
    width: 6.3rem;
    height: 0.88rem;
    margin-top: 0;
    color: #333;
    font-family: Montserrat;
    font-size: 0.32rem;
    font-style: normal;
    font-weight: 600;
    line-height: 0.88rem;
    letter-spacing: 0.08rem;
    text-transform: capitalize;
    position: absolute;
    top:0.6rem;
    left: 0;
    border-radius: 0.04rem;
   }
   .inputBox{
    height: 1.9rem;
   }
   .errorTips{
    position: absolute;
    bottom: 0;
    left: 0;
   }
   .btnBox{
    height: 0.88rem;
    vertical-align: top;
    margin-top: 0.32rem;
    position: relative;
    margin-left: -0.32rem;
    padding-right: 0;
   }
   .btnBox span{
    width: 4rem;
    height: 0.88rem;
    color: #FFF;
    font-family: Montserrat;
    font-size: 0.28rem;
    font-style: normal;
    font-weight: 600;
    line-height: 0.88rem;
    text-transform: capitalize;
    border-radius: 0.44rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
   }
   .enterPopBox{
    height: 8.8rem;
   }
   .enterPopBox .enterBox{
    margin-top: 0.32rem;
    margin-bottom: 0.48rem;
   }
   .enterPopBox .inputBox span{
    /* color: #333; */
    font-family: Montserrat;
    font-size: 0.32rem;
    font-style: normal;
    font-weight: 600;
    line-height: 0.32rem;
    text-transform: capitalize;
    top: 0.3rem;
    right: 0.4rem;
   }
   .enterPopBox .inputBox span::before{
    height: 0.32rem;
    top: 0rem;
   }
   .enterPopBox .inputBox{
    height: 1.26rem;
   }
   .enterPopBox .inputBox input{
    top: 0;
   }
   .selectPackageBody{
    width: 6.12rem;
    height: 11.014rem;
    border-radius: 0.16rem;
    padding: 0.32rem 0.24rem;
    position: relative;
   }
   .tipsTitle{
    color: #333;
    text-transform: capitalize;
    padding-top: 0;
    height: 0.72rem;
   }
   .tipsTitle span{
    display: none;
   }
   .packageBox{
     /* height: 5.8rem;
     overflow: scroll; */
     width: 6.12rem;
     padding-left: 0;
     margin: 0 auto;
   }
   /* 隐藏垂直滚动条 */
  .packageBox::-webkit-scrollbar {
    width: 0;
  }
  .packageBox li{
    width: 2.94rem;
    height: 3.9rem;
    padding: 0.24rem;
    border-radius: 0.16rem;
    margin-right: 0.24rem;
    margin-top: 0.24rem;
  }
  .packageBox li:nth-of-type(2n){
    margin-right: 0;
  }
  .packageBox li .hotBox{
    top: -0.12rem;
    left: -0.08rem;
    height: 0.56rem;
}
.hotBox i{
    height: 0.56rem;
}
.hotBox i:nth-of-type(1){
    width: 0.22rem;
    background: url('../img/pc/left.png') no-repeat;
    background-size: 100% 100%;
}
.hotBox i:nth-of-type(2){
    background: url('../img/pc/center.png') repeat-y;
    background-size: 100% 100%;
    font-size: 0.34rem;
    color: #fff;
    padding: 0 0.06rem;
    font-weight: bold;
    margin-left: -1px;
    height: 0.555rem;
    max-width: 2.3rem;
}
.hotBox i:nth-of-type(3){
    width: 0.26rem;
    background: url('../img/pc/right.png') no-repeat;
    background-size: 100% 100%;
    margin-left: -1px;
    
}
  .tipsTitle p{
    font-size: 0.48rem;
    height: 0.72rem;
    line-height: 0.72rem;
  }
  .digit{
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 0.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.48rem;
    margin-top: 0.27rem;
  }
  .zuan img{
    width: 2.2rem;
    /* height: 1.16rem; */
  }
  .originalPrice{
    color: #AFA9B4;
    text-align: center;
    font-family: Montserrat;
    font-size: 0.28rem;
    font-style: normal;
    font-weight: 600;
    line-height: 0.34rem;
    text-decoration-line: strikethrough;
    height: 0.34rem;
  }
  .buyBtn{
    width: 2.46rem;
    height: 0.64rem;
    border-radius: 0.32rem;
    color: #FFF;
    text-align: center;
    font-family: "Poppins ExtraBold";
    font-size: 0.28rem;
    font-style: italic;
    font-weight: 800;
    line-height: 0.64rem;
  }
  .zuan{
    margin: 0;
  }
  .paymentBody{
    width: 6.74rem;
    height: 11.04rem;
    border-radius: 0.16rem;
    padding: 0.32rem 0.44rem;
    overflow-y: scroll;
  } 
  /* 隐藏垂直滚动条 */
  .paymentBody::-webkit-scrollbar {
    width: 0;
  }
  .paymentBody .leftContent{
    width: 100%;
    float: none;
  }
  .paymentBody .leftContent header span:nth-of-type(1){
    width: 0.15rem;
    height: 0.24rem;
    background-size: 0.15rem 0.24rem;
    top: 0.15rem;
  }
  .paymentBody .leftContent header{
    color: #333;
    font-family: Poppins;
    font-size: 0.36rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.54rem;
    text-transform: capitalize;
    padding-left: 0.24rem;
  }
  .paymentBody .methodTips{
    margin-top: 0.32rem;
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 0.32rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.4rem;
    text-transform: capitalize;
    padding-left: 0.26rem;
    position: relative;
    text-align: left;
  }
  .methodTips::before{
    width: 0.08rem;
    height: 0.28rem;
    content: '';
    background-color: #FE4D83;
    position: absolute;
    left: 0;
    top: 0.07rem;
  }
  .commodityInformation{
    /* position: absolute;
    top: 1.52rem;
    left: 0.44rem; */
    margin: 0;
    padding-left: 0.26rem;
    position: relative;
    text-align: left;
    margin-top: 0.32rem;
  }
  .commodityInformation::before{
    width: 0.08rem;
    height: 0.28rem;
    content: '';
    background-color: #FE4D83;
    position: absolute;
    left: 0;
    top: 0.07rem;
  }
  .rightMoneyBox{
    /* position: absolute;
    top: 2.1rem;
    left: 0.44rem; */
    width: 5.86rem;
    height: 1.34rem;
    padding: 0.32rem;
    box-sizing: border-box;
    text-align: left;
    margin-top: 0.32rem;
  }
  .rightMoneyBoxBottom{
    display: none;
  }
  .rightMoneyBoxTop{
    display: block;
  }
  .rightMoneyBox img{
    width: 0.78rem;
    height: 0.7rem;
    float: left;
    margin-top: 0;
    margin-right: 0.24rem;
  }
  .rightMoneyBox span{
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 0.32rem;
    font-style: normal;
    font-weight: 700;
    float: left;
    margin-left: 0;
  }
  .rightContent{
    float: none;
  }
  .paymentBody .cashBox{
    width: 5.86rem;
    height: 1.12rem;
    border-radius: 0.16rem;
  }
  .paymentBody .clickQuan{
    width: 0.28rem;
    height: 0.28rem;
    border-radius: 0.15rem;
    margin-right: 0.24rem;
    margin-top: 0.1rem;
  }
  .paymentBody .cashBg{
    width: 1.1rem;
    height: 0.54rem;
    background-size: 1.1rem 0.54rem;
  }
  .paymentBody .vodafoneCash{
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 0.32rem;
    font-style: normal;
    font-weight: 600;
    line-height: 0.4rem;
    text-transform: capitalize;
    margin-left: 0.16rem;
  }
  .paymentBody .cardInfoBox{
    width: 5.86rem;
    height: 5.92rem;
    padding: 0.32rem 0.24rem;
    border-radius: 0.16rem;
  }
  .paymentBody .cardInfoHead .cardBg{
    width: 0.62rem;
    height: 0.42rem;
  }
  .creditCard{
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 0.32rem;
    font-style: normal;
    font-weight: 600;
    line-height: 0.4rem;
    text-transform: capitalize;
  }
  .paymentBody .cardInfoHead{
    height: 0.4rem;
    margin-bottom: 0.24rem;
  }
  .paymentBody .cardNumberBox p{
    color: #333;
    font-family: Montserrat;
    font-size: 0.28rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.34rem;
    text-transform: capitalize;
    margin-bottom: 0.16rem;
  }
  .cardInputBox{
    width: 5.38rem;
    height: 0.88rem;
    border-radius: 0.08rem;
  }
  .cardInputBox input{
    width: 5.38rem;
    height: 0.88rem;
    padding: 0.2rem 0.24rem;
  }
  .dateCvvBox{
    margin: 0.24rem 0;
    display: flex;
    justify-content: space-around;
  }
  .dateBox{
    width: 2.52rem;
  }
  .dateBox p{
    color: #333;
    font-family: Montserrat;
    font-size: 0.28rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.34rem;
    text-transform: capitalize;
    margin-bottom: 0.16rem;
  }
  .dateCvvBox input{
    width: 2.52rem;
    height: 0.88rem;
    padding: 0.2rem 0.24rem;
  }
  .selectArea{
    position: static;
    margin: 0.32rem 0;
    width: 50%;
  }
  .selectArea .defaultArea .areaName{
    color: #333;
    font-family: Poppins;
    font-size: 0.28rem;
    font-style: normal;
    font-weight: 600;
    line-height: 0.42rem;
    text-transform: capitalize;
    background-image: none;
    position: static;
    width: 2rem!important;
  }
  .vipCustomer .defaultArea .areaName{
    width: 2.5rem!important;
  }
  .vipCustomer .defaultArea .serviceName{
    width: 2rem!important;
  }
  .vipCustomer .defaultArea{
    width: 3.8rem!important;
  }
  .defaultArea{
    width: 3.8rem!important;
    height: 0.64rem!important;
    padding: 0.04rem 0.24rem!important;
    float: none!important;
  }
  .selectArea .defaultArea img{
    width: 0.46rem;
    height: 0.46rem;
    margin-top: 0.05rem;
  }
  .areaName{
    position: static!important;
    background-image: none!important;
    width: auto!important;
    height: 0.42rem!important;
  }
  .areaBox{
    z-index: 1;
    width: 3.58rem;
    margin-top: 0.12rem;
    top: 2.85rem;
    left: 0.7rem;
  }
  .vipCustomer .areaBox{
    left: 0.2rem!important;
    top: 1.95rem;
  }
  .areaBox li{
    float: left!important;
    width: 100%!important;
  }
  .areaBox .defaultArea .areaName{
    width: 2rem !important;
  }
  .paymentBtnBox{
    width: 5.2rem;
    border-top: none;
    margin: 0 auto;
    padding-bottom: 0.2rem;
  }
  .paymentBtnBox p{
    width: 5.2rem;
    height: 0.88rem;
    color: #FFF;
    text-align: center;
    font-family: "Poppins ExtraBold";
    font-size: 0.32rem;
    font-style: italic;
    font-weight: 800;
    line-height: 0.88rem;
    text-transform: uppercase;
  }
  .notPayment{
    width: 5.86rem;
    height: 5.24rem;
    background-size: 5.86rem 5.24rem;
  }

  .paymentBody .clickQuan span{
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 0.13rem
  }
  .paymentMethod{
    width: 100%;
    margin: 0.36rem 0;
    padding-top: 0.12rem;
    border-bottom: none;
  }
  .paymentMethod li{
    width: 1.44rem;
    height: 1.2rem;
    border-radius: 0.16rem;
    padding: 0.16rem;
    box-sizing: border-box;
    margin-right: 0.12rem;
    margin-bottom: 0.12rem;
  }
  .paymentMethod li:nth-of-type(5){
    margin-right: 0.12rem!important;
  }
  .paymentMethod li:nth-of-type(4){
    margin-right: 0;
  }
  .paymentMethod li img{
    width: 1rem;
    max-height: 0.44rem;
  }
  .paymentMethod li span{
    font-size: 0.2rem;
    /* height: 0.24rem; */
    line-height: 0.24rem;
    width: 1.12rem;
    /* white-space: nowrap; 不换行 */
    /* overflow: hidden; 溢出部分隐藏 */
    /* text-overflow: ellipsis; 显示省略号 */
  }
  .selectPackageBox{
    width: 100%;
  }
  .paymentMethodTitle{
    display: block;
    font-size: 0.32rem;
    line-height: 0.4rem;
    height: 0.4rem;
    color: #000;
    font-weight: bold;
  }
  .activeMethod .activeIcon{
    width: 0.32rem;
    height: 0.32rem;
    background: url('../img/m/activeIcon.png') no-repeat;
    background-size: 100% 100%;
    border-radius: 0.16rem;
    position: absolute;
    top: -0.08rem;
    right: -0.08rem;
    margin-top: 0;
  } 

  .rightMenu-enter {
    animation: rightMenu-dialog-fade-in 0.15s ease;
  }
  .rightMenu-leave {
    animation: rightMenu-dialog-fade-out 0.15s ease forwards;
  }
  .rightMenu-enter-active {
    animation: rightMenu-dialog-fade-in 0.15s ease;
  }
  .rightMenu-leave-active {
    animation: rightMenu-dialog-fade-out 0.15s ease forwards;
  }

@keyframes rightMenu-dialog-fade-in {
  0% {
    transform: translate3d(100%, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rightMenu-dialog-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(100%, 0, 0);
    opacity: 1;
  }
}
.count{
  width: 1rem;
}
.channelImgBox{
  height: 0.4rem!important;
}
.channelImgBox img{
  width: 100%!important;
  height: 100%!important;
}
.methodName{
  height: 0.4rem!important;
}
.logOffPopBox{
  width: 90%;
  font-size: 0.3rem;
  line-height: 0.45rem;
  padding-top: 0.2rem;
}
.loginPop .btnBox{
  display: block;
  width: 4.8rem;
  margin: 0 auto;
  margin-top: 0.5rem;
}
.loginPop .btnBox p{
  width: 4.8rem;
  margin: 0.1rem 0;
}
.loginPop .btnBox p:nth-of-type(1){
  margin-right: 0;
}
.logOffPopBox ul{
  height: 9rem;
}
.logOffTitle{
  font-size: 0.4rem;
}
.logOffValue p{
  font-size: 0.4rem;
}
.logOffValue{
  margin-top: 0.5rem;
}
.logOffValue div input{
  width: 5rem;
  font-size: 0.4rem;
  line-height: 0.6rem;
  height: 0.9rem;
}
.logOffValue div{
  margin-bottom: 0.5rem;
}
#toast{
  height: 0.6rem;
  padding: 0 0.2rem;
  min-width: 80%;
  max-width: 90%;
  text-align: center;
  box-sizing: border-box;
  line-height: 0.6rem;
  font-size: 0.3rem;
  color: #fff;
  border-radius: 0.3rem;
  background-color: rgba(0,0,0,0.7);
}
.payInfoContent{
  width: 6rem;
}
.lraqInputBox input,.lraqPaymentBox>div{
  width: 5.5rem;
}
.lraqPaymentList{
  width: 5.5rem;
}
html[lang = 'ar'] .loginBtn span:nth-of-type(2){
  width: 0.62rem;
}
html[lang = 'ar'] .rightInput{
  box-sizing: border-box;
    padding-right: 0.32rem;
}
.headeBtnBox{
  margin-top: 0.28rem;
}
.headeBtnBox span{
  width: 2.16rem;
  height: 0.64rem;
}
.headeBtnBox span:nth-child(2){
  width: 2.16rem;
  margin-left: 0.26rem;
}
html[lang="ar"] .headeBtnBox span{
  margin-left: 0.2rem;
}

html[lang="ar"]  .headeBtnBox{
  right: 0.2rem;
  left: auto;
}
}