.colorYellow{color:#ffd800;}
.changeMealDialog {
    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;
}
.changeMealDialog .activecm{
  background: #feebc8 !important;
  color: #905637 !important;
  border-radius:5px !important;
  transform: scale(1.1,1.1);
  -webkit-transform:scale(1.1,1.1) ;
}
.changeMealDialog .activecm .mbpsItem{
	background: #feebc8 !important;
  color: #905637 !important;
}
.changeMealDialog .activecm .colorYellow{
	color: #905637 !important;
}
/* .activeBack{border-radius:50px;border-width: .208vw !important;}
.dialog{background:rgba(2,4,29,0.8);position:fixed;top:15%;border-radius:3px;font-size:0;}
.dialog .back{width:7.7vw;height:2.5vw;margin-top:1.56vw;margin-left:1.56vw;}
.dialog .title{font-size:1.875vw;color:#fff;text-align:center;line-height:1.9vw;} */
/* .dialogBtn{width:15.625vw;height:4.58vw;line-height:4.58vw;text-align:center;margin:0 auto;border-radius:10px;background:#369cfb;color:#fff;font-size:1.875vw;flex:0 0 auto;} */
/*变更套餐弹窗样式*/
/* .changeMealDialog,.protocolDialog,.promptDialog{width:70.83vw;height:46.875vw;top:4vw;left:14.58vw;} */
.changeMealDialog .mealInfo{width:62.6vw;height:70.37037vh ;
	background: url(../images/checkbg.jpg) center top no-repeat;
    background-size:100% 100%;
    margin: 0 auto;
    margin-top: 14.8vh;
    box-sizing: border-box;
	border-radius: 10px;
	padding: 0 1.54vw;
	padding-top:10vh;
}
.term{float:left;width: 50%;height: 41.6667vh;margin-bottom: 3vh;overflow: hidden;box-sizing: border-box;}
.mbps{float:right;width: 50%;height: 41.6667vh;margin-bottom:3vh ;overflow: hidden;box-sizing: border-box;}
.changeMealDialog .mealInfoTitle{font-size:1.56vw;color:#fff;line-height:1.56vw;text-align: left;color: #f8e7a6;margin-bottom: 2vh;margin-left: 2vw;}
/* .changeMealDialog .mealInfo .termInfo,.changeMealDialog .mealInfo .mbps,.changeMealDialog .mealInfo .expenses{clear:both;} */
.changeMealDialog .mealInfo .termInfo,.changeMealDialog .mealInfo .mbpsInfo{font-size:2.08vw;display: flex;
flex-wrap: wrap;color: #fffaaf;}
/*display:flex;flex-wrap: wrap;  */
.changeMealDialog .mealInfo  li{text-align:center;margin-bottom:1.2vh;width: 25.04vw;height:11.11vh;position: relative;margin-left: 2vw;box-sizing: border-box;}
/* .changeMealDialog .mealInfo  li:nth-child(3n+0){margin-right:0;} */
.changeMealDialog .mealInfo  li img{position:absolute;}
.changeMealDialog .mealInfo  li .recommend{top:0;left:0;width:4.16667vw;height:7.407vh;z-index: 12;}
.changeMealDialog .mealInfo  li .check{top:0;left:0;width: 25.04vw;height:11.11vh;z-index: 15;}
.changeMealDialog .mealInfo .termInfo li .termItem{width: 25.04vw;height:11.11vh;line-height:11.11vh;background:#2a9d95;border-radius:5px;position:relative;}
.changeMealDialog .mealInfo .mbpsInfo li .mbpsItem{width: 25.04vw;height:11.11vh;line-height:11.11vh;background:#2a9d95;border-radius:5px;position:relative;}
.changeMealDialog .mealInfo .termInfo li .monthlFee{font-size:1.054vw;color:black;width:25.04vw;height:2.08vw;
line-height:2.08vw;text-align:center; background-color: rgb(255, 198, 0);
border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;position:absolute;left:0;bottom: 0;
}
.changeMealDialog .mealInfo .termInfo span{font-size:2.5vw;}
.changeMealDialog .mealInfo .mbpsInfo{font-size:2.5vw;}
.changeMealDialog .mealInfo .expenses{
	width: 55.520vw;height: 11.1111vh; border-radius: 5px;
  	background-color: rgb(42, 157, 149);line-height: 11.1111vh;
	  overflow: hidden;
	  color:#fffaaf;
	  padding: 0 2.6vw;
	  box-sizing: border-box;
	  margin: 0 auto;
}
.expensesTitle{float:left} 
.affrimBtn{float:right;font-size: 2vw;}
.changeMealDialog .mealInfo .expenses span{font-size:1.56vw;}
.changeMealDialog .mealInfo .expenses span i{font-size:2.5vw;}

.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;
}
.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);
}
.ghjp{
    height:40vh;
    width: 100%;
}
.ghjp2{
    height:40vh;
    width: 100%;
}


.dialog_globalxy {
	height: 83.3333vh;
	text-align: center;
	font-size: 1.5625vw;
}
.backBtn {
	text-align: left;
}
.dialog_globalxy .title {
	margin-top: -2vh;
}
.contentxy {
	text-align: left;
	padding: 0 3.3854vw;
	height: 58.3333vh;
	overflow-y: scroll;
	margin-top: 3vh;
	line-height:5vh;
	font-size: 1.3542vw;

}
.contentxy p {
	font-size: 1.3542vw;
	line-height: 5vh;
}
.handleRead {
	width: 16vw;
	height: 8.5vh;
	font-size: 1.875vw;
	color: rgb(255, 255, 255);
	margin: 2vh auto 0 auto;
}
.handleReadBtn {
	width: 15.625vw;
	height: 8.1481vh;
	line-height: 8.1481vh;
	border-radius: 0.4167vw;
	background-color: rgb(54, 156, 251);
}

.dialog_globalxy .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_globalxf {
	height: 83.3333vh;
	text-align: center;
	font-size: 1.5625vw;
}
.backBtn {
	text-align: left;
}
.dialog_globalxf .title {
	margin-top: 3.3333vh;
}
.planInfo {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.planInfoItem {
	width: 41.6667vw;
	display: flex;
	justify-content: space-between;
	margin-top: 4.3519vh;
}
.isPay{
	margin-top:5vh;
}
.yellowColor {
	color: #ffd800;
}
.moneySize {
	font-size: 2.5vw;
}

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

.dialog_globalxf .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_globalts {
	height: 55.55vh;
	text-align: center;
	font-size: 1.5625vw;
}
.backBtn {
	text-align: left;
}
.dialog_globalts .title {
	margin-top: 1.85vh;
}
.dialog_globalts .contentts {
	height:27.22vh;
	line-height:27.22vh;
	text-align:center;
	font-size: 1.56vw;

}
.dialog_globalts .Btn div{
	display:inline-block;
	width: 15vw;
	height: 8.5vh;
	line-height: 8.1481vh;
	border-radius: 0.4167vw;
	font-size:1.875vw;

}
.dialog_globalts .handleBtnts {
	width: 15.625vw;
	height: 8.1481vh;
	background-color: rgb(54, 156, 251);
	margin-right:7.18vw;
}
.dialog_globalts .closeBtn{
	border:1px solid #fff;
}
.dialog_globalts .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);
}


.checkdelog{width: 100%;height: 100%;position: fixed; top:0;left:0;z-index: 99;background-color: rgba(2, 4, 29, 0.7);}
.pdelog{width:46.875vw ;height:37.037vh ;margin: 0 auto; overflow: hidden; background: url(../images/blpbg.jpg) center top no-repeat;
	background-size:100% 100%;box-sizing: border-box;margin-top: 30vh;border-radius: 10px;}
.altiitle{line-height: 20vh;color: white;text-align: center;font-size: 1.6vw;}
.optionspp{width: 35vw;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	font-size: 1.6vw;
}
.optionspp div {
	width: 15.625vw;
	height: 8.0556vh;
	line-height: 8.0556vh;
	text-align: center;
	border-radius: 6px;
	border:3px solid #fff;
}
.active555{
   color:#741901!important;
   background-color: #facf68!important;
   border:3px solid #facf68!important;
}