/* 电话号码输入框 */
.commonInputTel{
  width: 35.8333vw;
  height: 6.2963vh;
  line-height: 6.2963vh;
  border-radius: 5px;
  color: white;
  border: 1px solid #fff;
  font-size: 1.875vw;
  padding-left: 1vw;
  background-color: #ffbba6;
}
.commonInputTel.del{
  background-image: url(../prepaidRecharge/images/prepaidRecharge/del.png);
  background-repeat: no-repeat;
  background-position: 34vw center;
  background-size: 2vw 2vw;
  background-color: rgba(255, 255, 255,.1);
}
.active {
	border: 4px solid rgb(255, 139, 88) !important;
	border-radius: 4px;
	box-shadow: 0px 0px 10px rgba(255, 139, 88, 0.8);
}
.loading{  width: 100vw; height: 100vh; line-height: 100vh; text-align: center;  background-color: rgba(0, 4, 51, 0.302); font-size: 2.2916667vw;margin: 0 auto; }

.dialog_globalerr {
	height: 75vh;
	width: 54.1667vw;
	text-align: center;
	font-size: 1.5625vw;
	border-radius: 0.4167vw;
	background-color: rgba(2, 4, 29, 0.902);
	  position: fixed;
	  margin: auto;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  z-index: 10000;
	  color: #fff;
}
.backBtn {
	text-align: left;
}

.main {
	/* display: flex; */
	flex-direction: column;
	/* align-items: center; */
	height: 100%;
}

.errorImg {
	height: 32.2222vh;
	width: 19.0625vw;
  margin: 0 auto;
  display: block;
}
.errorImgLine {
	height: 1.7593vh;
	width: 14.5313vw;
  display: block;
  margin: 2vw auto;
}
.errorMsg {
	margin: 6.9444vh 0 4.6296vh 0;
}

.dialog_globalerr .main .handleBtn {
	width: 16vw;
	height: 8.5vh;
	font-size: 1.875vw;
	color: rgb(255, 255, 255);
	margin: 4vh auto 0 auto;
}
.handleSureBtn {
	width: 15.625vw;
	height: 8.1481vh;
	line-height: 8.1481vh;
	border-radius: 0.4167vw;
	background-color: rgb(54, 156, 251);
}

.dialog_global .active {
border-width: 4px !important;
	border-style: solid !important;
  border-color: rgb(255, 139, 88) !important;
  border-radius: 4px;
  box-shadow: 0px 0px 10px rgba(255, 139, 88, 0.8);
}

.keyboard {
	  background-color: rgb(2, 4, 29);
	  opacity: 0.8;
    height: 31.037vh;
	  width: 100%;
	  position: fixed;
	  left: 0;
	  bottom: 0;
	  font-size: 1.675vw;
	  display: flex;
	  justify-content: space-between;
	  z-index: 999999999999;
  }
  .letter {
	  width: 62.8646vw;
	  margin: auto;
  }
  .letter_line {
	  display: flex;
	  justify-content: space-between;
	  margin-top: 2.7778vh;
  }
  .letter_line:first-child {
	  margin-top: 0;
  }
  .changeNum, .changeCase {
	  height: 6.2963vh;
	  width: 6.5104vw;
  }
  .changeCase {
	  margin-right: 2.5vw;
  }
  .letter_line_2:last-child {
	  margin-right: 3.0729vw;
  }
  .closeBtn {
	  width: 9.375vw;
	  height: 6.2963vh;
	  margin-right: 2.9167vw;
  }
  .letter_line_3:last-child {
	  width: 9.3229vw;
	  height: 6.2963vh;
  }
  .keyName {
	  border: 2px solid #44d0df;
	  border-radius: 2px;
    width: 4.6875vw;
    height: 7.3148vh;
	  text-align: center;
    line-height: 7.3148vh;
    color: #44d0df;
    margin-left: 1vw;
    display: inline-block;
  }
  .keyNameActive {
  background-color: #44d0df;
  /* border: none; */
  color: #085057;
  }
  
  .number {
    /* width: 29.0625vw; */
    width: 47vw;
    overflow: hidden;
    margin:0 auto;
    margin-top: 7vh;
  }
  .number_line {
	  display: flex;
	  justify-content : flex-end;
    margin-top: 2.7778vh;
    width: 47vw;
  }
  .number_line:first-child {
	  margin-top: 0;
  }
  .changeLetter {
	  padding: 0 1.5vw;
	  height: 6.2963vh;
    width: 7vw !important; 
    height: 7.3148vh !important;
  }
  .deleteBtn {
	  padding: 0 1vw;
	  height: 6.2963vh;
    width: 4.6845vw;
    height: 7.3148vh;
  }


.dialog_global {
	height: 83.3333vh;
	text-align: center;
	font-size: 1.5625vw;
}
.backBtn {
	text-align: left;
}
.title {
	margin-top: 5vh;
}
.content {
	padding: 0 3.3854vw;
	width: 32.8125vw;
	margin: 3vh auto 0 auto;
}
.content p {
	font-size: 1.3542vw;
	line-height: 5vh;
}
.content {
	width: 32.8125vw;
	text-align: center;
	margin: 0 auto;
}
.content2 p {
	font-size: 1.3542vw;
	line-height: 3vh;
}
#qrodep{text-align: center !important;}
#qrodep>img{
	height: 32.5926vh !important;
	width: 18.9583vw !important;
	margin: 0 auto;
  margin-top: 4.6296vh;
  margin-bottom: 3vh;
}
.dialog_global .active {
	border-width: 4px !important;
	border-style: solid !important;
  border-color: rgb(255, 139, 88) !important;
  border-radius: 4px;
  box-shadow: 0px 0px 10px rgba(255, 139, 88, 0.8);
}





.dialog_global22 {
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 1.5625vw;
    background-color: rgba(2, 4, 29, 0.7);
    position: fixed;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
  }

  .backBtn22 {
    display: block;
    width: 4vw;
    height: 4.9vh;
    border: 1px solid #fff;
    border-radius: 50px;
    padding-left: 2vw;
    padding-right: 1vw;
    background: url(../images/back.png) no-repeat 1vw 1.2vh;
    background-size: 1.25vw 2.35vh;
    font-size: 1.25vw;
    margin-top: 2vh;
    margin-left: 2vh;
    line-height: 4.9vh;
  }
.backBtnAround22 {
	width: 10vw;
  height: 5vh;
  margin: 0 auto;
}
  .title {
    margin-top: 5vh;
  }

  .qqwcon {
    width:62.5vw ;
    height: 59.259259vh;
    overflow: hidden;
    background: url(../prepaidRecharge/images/prepaidRecharge/bgp1.jpg) center top no-repeat;
    background-size:100% 100%;
    border-radius: 4px;
    margin: 0 auto;
    margin-top: 18.518vh;
    box-sizing: border-box;
  }
  .ghj{
    margin-top: 13vh;
    height:45vh;
    width: 100%;
    /* overflow: hidden; */
  }
  .qqwcon ul {
    /* display: -webkit-box; 
    display: -moz-box; 
    display: -webkit-flex;  
    display: -moz-flex; 
    display: -ms-flexbox;  
    display: flex; 
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2vh 0; */
    display:flex;flex-wrap: wrap;justify-content:flex-start;align-items:center;
  }

  .qqwcon ul li {
    width: 16.667vw;
    height: 16.667vh;
    margin-right: 1vw;
    margin-bottom: 5vh;
    margin-left: 2.5vw;
    background: url(../prepaidRecharge/images/prepaidRecharge/qqwwxz.png) center top no-repeat;
    background-size:100% 100%;
  }

  .qqwcon ul li h1 {
    color: #5a3451;
    font-size: 3vw;
    font-weight: bold;
    margin-block-start: 0;
    margin-block-end: 0;
    text-align: left;
    margin-left: 2.2vw;
		margin-top: 3vh;
		display: flex;
  }

  .qqwcon ul li h1 span {
	overflow: hidden;
	text-overflow:ellipsis;
color: white;
	white-space: nowrap;
	max-width: 7.5vw;
font-size: 1.5vw;
border-radius: 20px;
border-bottom-left-radius: 0;
background-color: #ff417a;
margin-left: 0.5208vw;
padding-left: 1.13vw;
padding-right: 1.13vw;
display: inline-block;
height: 4vh;
line-height: 4vh;
vertical-align: middle;
margin-bottom: 1.5vh
  }

  .qqwcon ul li h2 {
	color: #76586f;
    font-size: 1.875vw;
    margin-block-start: 0;
    margin-block-end: 0;
    text-align: left;
    font-weight: normal;
		margin-top: 1vh;
    margin-left: 2.5vw;	
  }

  .qqwcon ul li.active33 {
    background: url(../prepaidRecharge/images/prepaidRecharge/qqwxz.png) center top no-repeat;
    background-size:100% 100%;
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2,1.2);
    -ms-transform:scale(1.2,1.2); 	/* IE 9 */
    -moz-transform:scale(1.2,1.2); 	/* Firefox */
    -o-transform:scale(1.2,1.2); 	/* Opera */
  }

  .activeGoback22 {
	border-width: 4px !important;
	border-style: solid !important;
  border-color: rgb(255, 139, 88) !important;
  background-color: rgba(255, 255, 255, 0);
  box-shadow: 0px 0px 10px rgba(255, 139, 88, 0.8);
}





.dialog_global10 {
    width: 88vw;
    height: 90vh;
    text-align: center;
	font-size: 1.5625vw;
	border-radius: .4167vw;
    background-color: rgba(2,4,29,.902);
    position: fixed;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    color: #fff;
  }
  .success2 .title{margin-top: 4vh;}
  .success2 .title .price{color:#ffd800;font-size: 2vw;}
  .success2 .tips{margin-top:2vh;}
  .success2 .tips .price{color:#ffd800;font-size: 2vw;}

  .dialog_global10 .active {
    border-width: 4px !important;
	border-style: solid !important;
  border-color: rgb(255, 139, 88) !important;
    border-radius: 4px;
    box-shadow: 0px 0px 10px rgba(255, 139, 88, 0.8);
  }
  .contentpp{
	border: 0;
  }
  .contentpp iframe {
    width: 100%;
    height: 78vh;
    overflow: hidden;
    margin-top: 5vh;
  }

  .success h1 {
    margin-top: 10vh;
  }

  .success img {
    margin-top: 5vh;
  }

  .success h2 {
    margin-top: 5vh;
  }

  .success h2 span {
    color: #ed1c1c;
  }

  .contentpp h2 span {
    color: #ed1c1c;
  }
.handleBtn {
	width: 16vw;
	height: 8.5vh;
	font-size: 1.875vw;
	color: rgb(255, 255, 255);
	margin: 7vh auto 0 auto;
}
.handleSureBtn {
	width: 15.625vw;
	height: 8.1481vh;
	line-height: 8.1481vh;
	border-radius: 0.4167vw;
	background-color: rgb(54, 156, 251);
}