/* packageE/others/case_library/new_mobile/caseLibraryNewMobile.wxss */
@import "/mycss/stylesheet.wxss";
@import "/mycss/iconfont.wxss";

#case-new-mobile {
  background: #fff;
}

#case-new-mobile .new {
  padding: 32rpx 30rpx 0 30rpx;
  text-align: left;
  color: #999;
  font-weight: 600;
  font-size: 28rpx;
  display: flex;
  align-items: center;
}

#case-new-mobile .new span {
  display: inline-block;
}

#case-new-mobile .new .new1 {
  color: #ff5c00;
}

#case-new-mobile .new .new2 {
  margin: 0 16rpx;
}

#case-new-mobile .area {
  padding: 0 30rpx;
  text-align: left;
  border-bottom: 1px solid #ebebeb;
}

#case-new-mobile .area .text {
  line-height: 80rpx;
}

#case-new-mobile .area .text .text1 {
  display: inline-block;
  margin-right: 16rpx;
}

#case-new-mobile .area-li {
  border: 1px solid #ebebeb;
  display: flex;
}

#case-new-mobile .area-li .pro-li {
  width: 368rpx;
  height: 100%;
  overflow: auto;
  line-height: 80rpx;
  color: #494949;
  font-size: 28rpx;
  background: #fff;
}

#case-new-mobile .area-li .pro-li .li {
  padding-left: 30rpx;
  text-align: center;
}

#case-new-mobile .area-li .pro-li .li-selected {
  background: #f8f8f8;
  color: #ff5c00;
}

#case-new-mobile .area-li .city-li {
  width: 368rpx;
  height: 396.8rpx;
  padding: 0 30rpx;
  overflow: auto;
  line-height: 80rpx;
  color: #494949;
  font-size: 28rpx;
  background: #f8f8f8;
}

#case-new-mobile .area-li .city-li .li-selected {
  color: #ff5c00;
}

#case-new-mobile .pop1 {
  height: calc(100% - 80rpx) !important;
  top: 80rpx !important;
}

#case-new-mobile .van-popup--top {
  top: 80rpx;
}