/* plugin/etc/pages/activeDes/activeDes.wxss */

@import '../../style/etc.wxss';

page {
  background-color: #F4F5F9;

}

.main {
  padding-bottom: 160rpx;
  box-sizing: border-box;
}

.item-row {

  height: 240rpx;
  margin: 40rpx 40rpx 0 40rpx;
  display: flex;
  justify-content: space-between;
  background: white;
  padding: 32rpx;
  border-radius: 18rpx;
  box-sizing: border-box;
}

.item-left .title {
  font-size: 34rpx;
  color: #000000;
}

.item-left .desc {
  font-size: 24rpx;
  color: #A1A7B3;
  margin-top: 16rpx;
}

.item-left .flag {
  width: 100rpx;
  height: 30rpx;
  line-height: 30rpx;
  margin-top: 20rpx;
  border-radius: 5rpx;
  text-align: center;
  font-size: 20rpx;
  border: 1rpx solid #CCB375;
  font-family: SourceHanSansSC, SourceHanSansSC;
  color: #CCB375;
}

.item-right {
  width: 288rpx;
  height: 174rpx;
  position: relative;
}

.item-right .image {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 174rpx;
}

.empty-node {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.hint {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-size: 24rpx;
  color: #F58E27;
  line-height: 38rpx;
  margin-top: 26rpx;
  margin-left: 40rpx;
  margin-right: 40rpx;
  align-items: center;
}


.hint .icon {
  width: 30rpx;
  height: 30rpx;
  margin-right: 10rpx;
}

.btn {
  margin: 60rpx 40rpx;
}

.bottom-bg {
  left: 40rpx;
  right: 40rpx;

}