huiyuan.wxss 4.5 KB
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;
}