page {
  background: #fae3b2;
}

.huiyuanpage {
  width: 750rpx;
  height: 800rpx;
  font-size: 0;
  position: relative;
}

.pinzhi {
  width: 684rpx;
  height: 938rpx;
  background: #fff;
  border-radius: 16rpx;
  margin: 0 auto;
  position: absolute;
  top: 635rpx;
  left: 34rpx;
}

.pinzhitop {
  width: 400rpx;
  height: 80rpx;
  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
  opacity: 1;
  border-radius: 0px 0px 32rpx 32rpx;
  margin: 0 auto;
  color: #fff;
  font-size: 32rpx;
  text-align: center;
  position: absolute;
  top: -10rpx;
  left: 142rpx;
}

.pinzhileft {
  width: 32rpx;
  height: 32rpx;
  font-size: 0;
}

.pinzhilistbox {
  margin-top: 116rpx;
}

.pinzhilist:first-child {
  margin-top: 0;
}

.pinzhilist {
  margin-top: 52rpx;
  padding: 0 72rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.buxiandiqu {
  color: #06121e;
  font-size: 28rpx;
  font-weight: bold;
}

.pinzhibottom {
  color: #8c9198;
  font-size: 24rpx;
}

.pinzhiright {
  margin-left: 24rpx;
  margin-top: 12rpx;
}

.dainilaiojie {
  width: 600rpx;
  height: 106rpx;
  font-size: 0;
  margin: 821rpx auto 0;
  position: relative;
}

.dainiliaojie {
  color: #fff;
  font-size: 32rpx;
  position: absolute;
  top: 28rpx;
  left: 138rpx;
}

.huioyuantop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.huiyuan {
  width: 686rpx;
  height: 406rpx;
  background: #fff;
  margin: 50rpx auto 0;
  padding: 42rpx 32rpx;
  box-sizing: border-box;
  border-radius: 20rpx;
}

.huiyuantopleft {
  color: #06121e;
  font-size: 32rpx;
  font-weight: bold;
}

.huiyuantopright {
  width: 30rpx;
  height: 30rpx;
  font-size: 0;
  transform: rotate(90deg);
}

.huiyuantext {
  color: #5b5e63;
  font-size: 28rpx;
  margin-top: 72rpx;
  height: 244rpx;
  overflow-y: scroll;
}

.advantageleft {
  width: 60rpx;
  height: 60rpx;
  font-size: 0;
  flex: 0 0 auto;
}

.advantageright {
  color: #5b5e63;
  font-size: 28rpx;
  margin-left: 12rpx;
}

.pingtaiadvantage {
  display: flex;
  margin-top: 58rpx;
}

/* 精选酒店 */

.jiudian {
  width: 686rpx;
  height: 614rpx;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.02);
  opacity: 1;
  border-radius: 20rpx;
  margin: 24rpx auto 0;
  padding: 42rpx 32rpx;
  box-sizing: border-box;
}

.jiudianright {
  display: flex;
  align-items: center;
}

.jiudianleft {
  color: #ff5a4e;
  font-size: 24rpx;
  margin-right: 32rpx;
}

.sholist {
  margin-top: 74rpx;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.shopitemimg {
  width: 190rpx;
  height: 120rpx;
  font-size: 0;
}

.shoname {
  width: 190rpx;
  color: #3d444d;
  font-size: 28rpx;
  text-align: center;
  margin-top: 10rpx;
}

.sjopitem {
  margin-right: 17rpx;
  margin-bottom: 24rpx;
}

.anpai {
  color: #5b5e63;
  font-size: 24rpx;
  text-align: center;
}

.sharepresent {
  width: 686rpx;
  border-radius: 20rpx;
  padding: 42rpx 32rpx;
  box-sizing: border-box;
  background: #fff;
  margin: 24rpx auto 42rpx;
}

.presentcontent {
  color: #5b5e63;
  font-size: 28rpx;
  margin-top: 72rpx;
}

.yudingti {
  display: flex;
  align-items: center;
  margin-top: 28rpx;
}

.yudingtiword {
  color: #06121e;
  font-size: 32rpx;
  font-weight: bold;
  margin-left: 20rpx;
}

.questext {
  color: #5b5e63;
  font-size: 28rpx;
  margin-top: 72rpx;
}

.yudingtinum {
  width: 40rpx;
  height: 40rpx;
  background: #ff5a4e;
  color: #fff;
  font-size: 28rpx;
  text-align: center;
  line-height: 40rpx;
  border-radius: 8rpx;
  flex: 0 0 auto;
}

.shareimg {
  width: 625rpx;
  height: 288rpx;
  font-size: 0;
  margin: 24rpx auto 0;
}

.savehai {
  width: 625rpx;
  height: 303rpx;
  font-size: 0;
  margin-top: 24rpx;
}

.fenhaibao {
  width: 624rpx;
  height: 254rpx;
  font-size: 0;
  margin: 24rpx auto 0;
}

.wode {
  width: 625rpx;
  height: 282rpx;
  font-size: 0;
  margin: 24rpx auto 0;
}

.dibuinfo {
  display: flex;
  align-items: center;
}

.dibuinfoleft {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 12rpx 32rpx;
  box-sizing: border-box;
  justify-content: space-between;
  width: 350rpx;
}

.dibuitemtop {
  width: 52rpx;
  height: 52rpx;
  font-size: 0;
  margin: 0 auto;
}

.dibuitembottom {
  color: #bdc4ce;
  font-size: 22rpx;
  margin-top: 5rpx;
}

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

.dibuinforight {
  width: 400rpx;
  height: 98rpx;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
  opacity: 1;
  color: #fff;
  font-size: 32rpx;
  text-align: center;
  line-height: 98rpx;
}

.listboxitem {
  width: 686rpx;
  height: 120rpx;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 16rpx 24rpx rgba(0, 0, 0, 0.02);
  opacity: 1;
  border-radius: 20rpx;
  margin: 0 auto;
  padding: 38rpx 32rpx;
  box-sizing: border-box;
}

.boxitemright {
  width: 25rpx;
  height: 25rpx;
  font-size: 0;
}

.listboxitem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24rpx;
}

.listbox {
  margin-bottom: 50rpx;
}

/* 绑定手机号 */

.phonewrap {
  width: 622rpx;
  height: 496rpx;
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20rpx;
  padding: 30rpx 32rpx;
  box-sizing: border-box;
}

.phonebang {
  color: #06121e;
  font-size: 36rpx;
  font-weight: bold;
  text-align: center;
  padding-bottom: 32rpx;
  border-bottom: 1rpx solid #f5f5f5;
}

.phoneenter {
  display: flex;
  align-items: center;
  padding: 16rpx 40rpx;
  box-sizing: border-box;
  margin-top: 38rpx;
}

.phoneenterleft {
  color: #06121e;
  font-size: 32rpx;
}

.phoneenterright {
  color: #8c9198;
  font-size: 26rpx;
  margin-left: 10rpx;
}

.shuru {
  color: #8c9198;
  font-size: 26rpx;
}

.yanzheng {
  display: flex;
  align-items: center;
  margin-top: 24rpx;
}

.yanzhengleft {
  width: 360rpx;
  padding: 24rpx 40rpx;
  box-sizing: border-box;
  color: #8c9198;
  font-size: 24rpx;
}

.getcode {
  width: 176rpx;
  height: 80rpx;
  border: 2rpx solid rgba(255, 90, 78, 1);
  opacity: 1;
  border-radius: 16rpx;
  color: #ff5a4e;
  font-size: 24rpx;
  padding: 24rpx 28rpx;
  box-sizing: border-box;
  margin-left: 24rpx;
}

.bangding {
  width: 442rpx;
  height: 80rpx;
  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
  opacity: 1;
  border-radius: 44rpx;
  color: #fff;
  font-size: 28rpx;
  text-align: center;
  line-height: 80rpx;
  margin: 42rpx auto 0;
}

.goumaiwrap {
  width: 622rpx;
  height: 460rpx;
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 15rpx;
  padding: 30rpx 60rpx;
  box-sizing: border-box;
}

.goumaitop {
  color: #06121e;
  font-size: 36rpx;
  padding-bottom: 32rpx;
  box-sizing: border-box;
  border-bottom: 1rpx solid #f5f5f5;
  font-weight: bold;
  text-align: center;
}

.huiyuanshou {
  display: flex;
  align-items: center;
  margin-top: 60rpx;
}

.huiyuanshouleft {
  color: #8c9198;
  font-size: 28rpx;
}

.huiyuanshouright {
  color: #06121e;
  font-size: 28rpx;
  margin-left: 40rpx;
}

.goumaizhi {
  display: flex;
  align-items: center;
  margin-top: 24rpx;
}

.goumaihziright {
  color: #ff5a4e;
  font-size: 28rpx;
}

.goumaihzileft {
  color: #8c9198;
  font-size: 28rpx;
}

.buynow {
  width: 442rpx;
  height: 80rpx;
  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
  opacity: 1;
  border-radius: 44rpx;
  color: #fff;
  font-size: 28rpx;
  text-align: center;
  line-height: 80rpx;
  margin:62rpx auto 0;
}

.dibuinforight {
  width: 442rpx;
  height: 80rpx;
  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
  opacity: 1;
  border-radius: 44rpx;
  color:#fff;
  font-size: 28rpx;
  text-align: center;
  line-height: 80rpx
}