.Details .BigImg {
  width: 100%;
  height: 500rpx;
  position: relative;
}

.Details .BigImg swiper {
  width: 100%;
  height: 100%;
}

.Details .BigImg .Text {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70rpx;
  background: rgba(17, 17, 17, 0.4);
  color: #fff;
  font-size: 22rpx;
  display: flex;
  padding: 0 30rpx;
  justify-content: space-between;
  align-items: center;
}

.Gray30 {
  height: 30rpx;
  background: #f4f4f4;
}

.jf .bg {
  width: 116rpx;
  height: 30rpx;
  background: rgba(255, 169, 6, 1);
  border-radius: 15rpx;
  font-size: 20rpx;
  color:#fff;
  display: inline-flex;
  margin-left:30rpx;
}
.jfItem{
  display: flex;
  align-items: center;
  height: 80rpx;
  position: relative;
}
.jfItem .chakan{
  width:14rpx;height:26rpx;position:absolute;right:0;
}
.anpai>view{
  display: inline-block;
  font-size: 22rpx;
  width: 48%;
}
.anpai>view text:nth-child(1){
  color:#666666;
  margin-right: 10rpx;
}
.scroll-header {
  display: flex;
  white-space: nowrap;
  width: 580rpx;
  
}

.scroll-header .scroll-view-item {
  width:118rpx;
  height:80rpx;
  background:rgba(255,255,255,1);
  border:1px solid rgba(204, 204, 204, 1);
  border-radius:4rpx;
  margin-right: 10rpx;
  display: inline-block;
  font-size: 22rpx;
  text-align: center;
}
.scroll-header .scroll-view-item>view:nth-child(2){
  color:#EE4454;
}
.MorebDate{
  position: absolute;
  right: 0;
  top: 0;
  width:118rpx;
  height:80rpx;
  background:rgba(255,255,255,1);
  border:1px solid rgba(204, 204, 204, 1);
  border-radius:4rpx;
  color:#5597FF;
  font-size: 22rpx;
  text-align: center;

}
.DesTitle{
  text-align: center;
  margin:20rpx 0;
}

.DesTitle .color{
  display: inline-flex;
  width:36rpx;
  height:2rpx;
  background:rgba(238,68,84,1);
}
.DesTitle .sm{
  color:#CCCCCC;
  font-size:18rpx;
}
.ColorView{
  display: flex;
  align-items: center;
  justify-content: center;
}
.HbanView .HbanItem{
  margin-top:15rpx;
  border-bottom:1rpx solid #E9E9E9;
  padding-bottom:15rpx;
}
.HbanItemDes{
  display: flex;
  align-items: center;
}
.HbanItemDes image{
  width: 42rpx;
  height: 8rpx;
  margin: 0 15rpx; 
}
.HbanItem text{
  font-size: 28rpx;
}
.hotelView .imgText{
  position: absolute;
  text-align: center;
  top: 90rpx;
  width: 100%;
}
.hotelView .smallImg{
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
  background: #fff;
  padding:3rpx;
  position: absolute;
  bottom:-60rpx;
  right: 50rpx;
  box-shadow: 0px 0px 10px 5px #EAEAEA;
}
.hotelView .smallImg image{
  border-radius: 50%;
  
}
.hotelItem .hotelLeft{
  position: relative;
  width: 204rpx;
  display: inline-block;
  text-align: center;
}
.hotelItem .hotelLeft .fgView{
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hotelItem .hotelins{
  display: flex;
  justify-content: flex-start;
}
.hotelItem .hotelLeft .fgView .fg{
  width: 4rpx;
  height: 50rpx;
  background: #95D7FF;
  margin-top:10rpx;
}
.hotelItem .hotelRight{
  width: 400rpx;
  display: inline-block;
  margin-left:30rpx;
}
.hotelItem .hotelRight .title{
  margin:15rpx 0 30rpx 0;
}
.hotelItem .hotelRight .title text{
  background: #9CDAFF;
  padding:6rpx 10rpx;
  
}
.hotelItem .ImgList{
  text-align: center;
}
.hotelItem .ImgList>view{
  width: 219rpx;
  height: 120rpx;
  display: inline-block;
  margin:15rpx 8rpx;
}
.DinView{
  margin-left:-34rpx;
  margin-top:15rpx;
}
.DinView>view{
  display: inline-block;
  width: 149rpx;
  height: 147rpx;
  margin-left:34rpx;
}
.TypeItem .icon{
  
  position:absolute;
  left:-14rpx;
  padding:0 0 10rpx 0;
  background: #fff;
}
.TypeItem .icon image{
  width: 28rpx;
  height: 28rpx;
}
.TypeItem{
  position:relative;
  border-left: 1px dashed #EE4454;
  margin-left:15rpx;
  padding-left:40rpx;
  margin-top:6rpx;
  min-height: 100rpx;
}
.dayList{
  padding-bottom:30rpx;
}
.dayList .TypeItem:last-child{
  border:none;
}
.Explain{
  padding:15rpx 30rpx;
}
.Explain .Color{
  width:4rpx;
  height:19rpx;
  background:rgba(238,68,84,1);
  display: inline-block;
}
.PayView{
  width:100%;
  height:100rpx;
  line-height:100rpx;
  border-top:1px solid #E9E9E9; 
  display: flex;
  align-items: center;

}
.PayView>view{
  display: inline-flex;
  justify-content: center;
  height: 100%;
}
.startPay{
  width:341rpx;
  background:rgba(238,68,84,1);
  color: #fff;
  font-size: 30rpx;
}
.serve{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background:rgba(0,0,0,0.5);
}
.serve>view{
  position: absolute;
  bottom: 0;
  padding: 30rpx 40rpx;
  box-sizing: border-box;
  background: #fff;
  width: 100%;
}
.serve>view>view{
  padding:15rpx 0;

}
.serve>view image{
  width: 24rpx;
  height: 24rpx;
}
