/**index.wxss**/
page {
    background-color: #ffffff;
}
.load {
  width: 100%;
  height: 2400rpx;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  background-color: #ffffff;
  text-align: center;
  line-height: 1300rpx;
}
.loadimg {
  width: 200rpx;
  height: 200rpx;
}

.view-page {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	box-sizing: border-box;
	position: absolute;
	overflow: hidden;
}

.page-content {
	box-sizing: border-box;
	position: relative;
	overflow-y: auto;
	padding-bottom: 160rpx;
	/* display: flex; */
	
}
.packages {
  margin-top: 30rpx;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
}
.packageslist {
  width: 330rpx;
  margin-left: 4%;
  height: 416rpx;
  margin-bottom: 40rpx;
  background:#ffffff;
  box-shadow:0px 16rpx 50rpx 2rpx rgba(161,161,161,0.5);
  border-radius:30rpx;
}
.packagesimg {
  width: 330rpx;
  height: 260rpx;
  border-radius:30rpx 30rpx 0px 0px;
}
.packagesdesc {
  height: 156rpx;
  margin-top: 0rpx;
  width: 330rpx;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #ffffff;
  border-radius:0rpx 0rpx 30rpx 30rpx; 
}
.packagename {
height: 40rpx;
 margin-top: 18rpx;
 width: 55%;
 text-align: left;
 margin-left: 14rpx;
}
.packageprice {
  height: 40rpx;
  margin-top: 18rpx;
  width: 35%;
  text-align: right;
  margin-right: 14rpx;
}
.packagesynopsis{
  height: 58rpx;
  margin-top: 12rpx;
  margin-bottom: 36rpx;
  margin-left: 14rpx;
  margin-right: 12rpx;
  width: 100%;
  color: #8C8C8C;
  font-size: 22rpx;
  font-weight: Light;
  text-align:justify;
}
.txtpackagename {
  color: #000000;
  font-size: 28rpx;
  font-weight: 500;
}
.txtpackageprice {
  color:#FF5B60;
  font-size: 28rpx;
  font-weight: 500;
}
.fx-zx{
  position: fixed;
  width: 141rpx;
  height: 96rpx;
  right: -6rpx;
  bottom: 160rpx;
  z-index: 2;
  background-size: 100%;
}
.fx-zx button {
width: 94rpx;
height: 94rpx;
border:none;
padding:0;
}
.fx-zx image{
width: 94rpx;
height: 94rpx;
}