/* pages/Home/home.wxss */

.loginOut {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: #fff;
  z-index: 3000;
}
.imgView{
  text-align: center;
  width: 500rpx;
  height: 600rpx;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.loginOut .loginBtn {
  display: inline-block;
  margin-top:24rpx;
  width: 127rpx;
  height: 58rpx;
  background: rgba(238, 68, 84, 1);
  border-radius: 4rpx;
  font-size: 24rpx;
  color: #fff;
  text-align: center;
  line-height: 58rpx;
}

.Home {
  background: #fff;
}

.Home_hover {
  background: transparent;
}

.Home .tab1 {
  height: 300rpx;
  margin: 36rpx 0;
}

.Home .tab1 image {
  width: 100%;
  height: 100%;
}

.Home .tablist {
  display: flex;
  justify-content: space-around;
}

.Home .tablist>view {
  width: 18%;
  text-align: center;
  font-size: 22rpx;
  color: #000;
}

.Home .tablist image {
  width: 96rpx;
  height: 63rpx;
}

.Home .tab2 {
  height: 220rpx;
  margin: 36rpx 0;
}

.Home .tab2 image, navigator {
  width: 100%;
  height: 100%;
}

.Home .CommonMargin {
  margin: 0 26rpx;
  box-sizing: border-box;
}

.Home .tjTicket {
  display: inline-block;
  margin-left: 24rpx;
}

.Home .tjTicket view {
  text-align: center;
}

.Home .tjTicket .listLeft {
  color: #fff;
  font-size: 22rpx;
  width: 110rpx;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 144rpx;
  background: linear-gradient(0deg, rgba(255, 189, 30, 1), rgba(255, 213, 103, 1));
  border-radius: 8rpx;
}

.Home .tjTicket .listRight {
  width: 220rpx;
  height: 144rpx;
  font-size: 22rpx;
  color: #668eff;
  display: inline-flex;
  flex-direction: column;
  position: relative;
  top: -19rpx;
  border-radius: 8rpx;
  border: 1rpx solid #f7f7f7;
  padding: 0 10rpx;
  box-sizing: border-box;
  box-shadow: 0 0 8px #f7f7f7;
}

.Home .tjTicket .listRight .hidden {
  width: 60rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 50rpx;
  line-height: 50rpx;
}

.Home .tjTicket .listRight .icon {
  height: 90rpx;
}

.Home .tjTicket .listRight .icon>view {
  display: inline-block;
}

.Home .likeView {
  height: 90rpx;
  line-height: 90rpx;
  font-size: 24rpx;
}

.Home .likeView text {
  width: 175rpx;
  display: inline-block;
  text-align: center;
}

.Home .likeView .activeText {
  color: #ee4454;
}

.Home .CommonList {
  width: 100%;
  padding: 30rpx;
}

.Home .CommonList:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  overflow: hidden;
}

.Home .CommonList>view {
  float: left;
  width: 330rpx;
  border-radius: 12px;
  border: 1px solid #ededed;
  padding-bottom: 16rpx;
  margin-bottom: 30rpx;
}

.Home .CommonList>view:nth-child(even) {
  margin-left: 30rpx;
}

.Home .CommonList>view .pad {
  padding: 0 20rpx;
  box-sizing: border-box;
}

.Home .CommonList .imgView {
  width: 100%;
  height: 247rpx;
  position: relative;
}

.Home .CommonList .imgView .country {
  position: absolute;
  width: 90rpx;
  height: 40rpx;
  background: rgba(249, 201, 0, 1);
  border-radius: 12rpx 0px 12rpx 0px;
  font-size: 22rpx;
  text-align: center;
  color: #fff;
}

.Home .CommonList image {
  width: 100%;
  height: 100%;
}

.Home .CommonList .title {
  font-size: 28rpx;
  font-weight: 600;
}

.Home .CommonList .pad .xl {
  font-size: 22rpx;
  color: #888;
  float: left;
}

.Home .CommonList .pad .price {
  font-size: 22rpx;
  color: #ee4454;
  font-weight: 600;
  float: right;
}

.Home .CommonList .ScenimgView {
  width: 100%;
  height: 452rpx;
  border-radius: 12rpx;
  position: relative;
}

.Home .CommonList .ScenimgView image {
  border-radius: 12rpx;
}

.Home .CommonList .ScenimgView .country {
  position: absolute;
  width: 90rpx;
  height: 40rpx;
  background: rgba(249, 201, 0, 1);
  border-radius: 12rpx 0px 12rpx 0px;
  font-size: 22rpx;
  text-align: center;
  color: #fff;
}

.Home .CommonList .ScenimgView .DesView {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 114rpx;
  background: rgba(17, 17, 17, 0.4);
  border-radius: 0 0px 12rpx 12rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.Home .CommonList .ScenimgView .DesView {
  color: #fff;
}

.Home .CommonList .padScen {
  padding: 0 20rpx;
}

.Home .CommonList .padScen .xl {
  font-size: 22rpx;
  color: #fff;
  float: left;
}

.Home .CommonList .padScen .price {
  font-size: 22rpx;
  color: #ee4454;
  font-weight: 600;
  float: right;
}

.Home .Scen>view {
  padding: 0;
}

.Home .Local>view {
  border: none;
}

.Home .CommonList .LocalimgView {
  width: 100%;
  height: 247rpx;
  border-radius: 12px;
  position: relative;
}

.Home .CommonList .LocalimgView .price {
  position: absolute;
  bottom: 30rpx;
  right: 20rpx;
  color: #ee4454;
  font-size: 22rpx;
}

.Home .CommonList .LocalimgView .title {
  position: absolute;
  top: 26rpx;
  left: 15rpx;
}
