/* pages/freeTravel/free.wxss */
.free{
  background: #fff;
  overflow: hidden;
}
.free .headImg{
  width: 100%;
  height: 315rpx;
}
.free ._top{
  display: inline-block;
  width: 104rpx;
}
.free ._top_item{
  width: 100%;
  height: 115rpx;
}
.free .top_text{
  color: #444444;
  font-size: 20rpx;
  text-align: center;
}
.free .TopView{
  padding:0 40rpx;
  display: flex;
  justify-content: space-around;
}
.free .ljdz{
  width:660rpx;
  height:90rpx;
  background:rgba(255,255,255,1);
  box-shadow:0px 1rpx 8rpx 0px rgba(164, 95, 17, 0.35);
  border-radius:12rpx;
  font-size: 30rpx;
  color: #444444;
  text-align: center;
  line-height: 90rpx;
  margin: 40rpx auto;
                        
}
.djjx .cont_bottom {
  position: absolute;
  font-size: 18rpx;
  bottom: -10rpx;
  left: 43rpx;
  background: #fff;
  padding: 0 30rpx;
  color: #333333;
}
.djjx .cont_top {
  position: absolute;
  font-size: 30rpx;
  top: -25rpx;
  left: 55rpx;
  background: #fff;
  padding: 0 20rpx;
}
.djjx .cont_top2 {
  left: 15rpx;
}

.djjx {
  width: 320rpx;
  height: 40rpx;
  background: rgba(255, 255, 255, 1);
  position: relative;
  margin: 15rpx auto;
  background: rgba(0, 0, 0, 0);
  border: 1rpx solid #313131;
  border-radius: 10rpx;
}
.HotView{
  padding: 0 30rpx;
  margin: 30rpx 0;
  min-height: 50rpx;
}
.HotView .hotItem{
  width:330rpx;
  height:450rpx;
  background:rgba(255,255,255,1);
  box-shadow:0px 1rpx 8rpx 0px rgba(153,153,153,0.6);
  display: inline-block;
  margin-bottom: 30rpx;
}
.HotView .hotItem:nth-child(even){
  margin-left: 30rpx;
}
.HotView .hotItem .hotImg{
  width:100%;
  height:124rpx;
  position: relative;
}
.HotView .hotItem .hotImg .price{
  position: absolute;
  width:100rpx;
  height:100rpx;
  background:rgba(253,100,115,1);
  border-radius:50%;
  font-size: 20rpx;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  bottom:-50rpx;
  left: 115rpx;
}
.HotView .hotItem .title{
  margin-top:70rpx;
}
.HotView .hotItem .text{
  color: #666666;
  height: 90rpx;
}
.purchase{
  width:150rpx;
  height:50rpx;
  line-height:50rpx;
  background:rgba(238,68,84,1);
  border-radius:8rpx;
  color: #fff;
  margin: 30rpx auto;
}
.CrashView .CrashImg{
  width: 690rpx;
  height: 262rpx;
  position: relative;
}
.CrashView .CrashImg image{
  position: absolute;
}
.CrashView .comp{
  font-size: 20rpx;
  color:#fff;
  display: inline-block;
  width: 87rpx;
  padding-left: 8rpx;
  padding-bottom: 35rpx;
  height: 34rpx;
  box-sizing: border-box;
  margin-left: 29rpx;
  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAiCAYAAAAqJ0UeAAACH0lEQVRoQ+3av2sTYRzH8ffnWksVoeAiOoijSDftInVR/wFrkk2ii4aIWEHwX7CDWCokKQhtuhmrg7NOVYeIk7iKiBQLOhT8ERJ7X7lIoZWUNOWe6b433fA8n4fndV++B/ec2HJdrNr4kFGUmMQ4Dowh9m8d4/dbBIzfwDriE2Iljqg/vaYPmyOU3OQbNsR37gM3gcgB9ywQS8zZIe48KWiji1uo2QMzpvcc6RO3CUjMNkq6rXzNTmK894pNtULiKGZcuYrdk7ibarSHYcaMclV7LTjjHukKmPEmwV0VHEk32tOAtQT3p+CAc6Qu0Fa+apZ6rAd2BRw3YCE4ruMGFAgY7ZXruAEFAkZ75TpuQIGA0V65jhtQIGC0V67jBhQIGJ1U7i/wc7IAxp0E9ytwOEB41iO/KV+xJmIi6xIB9t+UH04GYIXkmGdWlx7a6WiYZvL5McwymUw1jIl//y1UbQm4nEmGAJuWsdQoq9jFvbJgoz9a1AWFAGtlKtKgcXCU4uJVtba1gqmKXYgiisScRRyTt4q+hWGQtIDPwAoRi8slvdyctGOfPTVv+47C2EjMuQge91rFYK79h5nhETJ5DteBziqsv7uuTi+fvi+xXM3Oy3jx3+SWjFKjrHrfR5vhAQPjGnyJY6ae3dDbDLvtausD4Zrxqt0m93xaa7tKz/igQXCrHyNu7dRfMu7Yc/t9cfPzNmkbnFgu65EDDibwF0atxQk4tHHiAAAAAElFTkSuQmCC');
  background-size:cover;  
}
.CrashView .liqg{
  width:660rpx;
  height:90rpx;
  background:rgba(238,68,84,1);
  border-radius:12rpx;
  text-align: center;
  line-height: 90rpx;
  color: #fff;font-size:30rpx;
  margin:40rpx auto;
}
.Person{
  padding:0 50rpx;
  box-sizing: border-box;  
}
.Person .Person_item{
  display: inline-block;
  width: 249rpx;
  text-align: center;
  margin-bottom: 150rpx;
}
.Person .Person_item:nth-child(even){
  margin-left: 100rpx;
}
.Person .Person_item .personImg{
  width:249rpx;
  display: inline-block;
  height:249rpx;
  border-radius:50%;
  padding:4rpx;
  box-sizing: border-box;
  position: absolute;
  bottom: -125rpx;
  left: -50rpx;
  border: 4rpx solid #eeeeee;
  background:#fff;

}
.Person .Person_item .personImg image{
  border-radius:50%;  
}
.Person .Person_item .personDes{
  padding: 10rpx;
  display: inline-block;  
  position: relative;
  width: 151rpx;
  height: 471rpx;
  background-image: url('data:image/png;base64,[encoded data, 7844 characters]');
  background-size:contain; 
}
.Person .Person_item .personDes .bg{
  background: #eeeeee;
  height: 100%;
  border-radius: 40rpx;
  padding-top:40rpx; 
}
.Person .Person_item .personDes .des_item{
  width: 40rpx;
  display: inline-block;
  margin:0 10rpx;
  height: 290rpx;
  writing-mode: tb;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  box-sizing: border-box;
}

.free .foot .proItem image{
  width: 120rpx;
  height: 120rpx;
  display: inline-block;
}
/* .free .foot{
  position: relative;
} */
.free .footbg{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.free .foot .porView{
  position: relative;
  z-index: 1;
  height:550rpx;
  
}
.proFlex{
  height:520rpx;
  position: relative;
  z-index: 1;
  background:rgba(255,255,255,0.75);
  border-radius:8rpx;
  display: flex;
  justify-content: space-around;
  margin: 30rpx;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.free .foot .proItem{
  display: inline-block;
  text-align: center;
  width: 45%;
}
