page {
  background-color: #070707;
}
.topBg {
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.titleScreenC {
  background-color: #FFF9F5;
  left: 0;
  right: 0;
  margin: 0 25rpx;
  padding: 22rpx 25rpx 0;
  border-radius: 10rpx 10rpx 0 0;
}
.titleScreenC .title {
  font-size: 28rpx;
  font-weight: bold;
  color: #2B2B2B;
}
.titleScreenC .screenC {
  padding: 0 20rpx;
  line-height: 42rpx;
  border-radius: 23rpx;
  border: solid 2rpx #F3C368;
  font-size: 22rpx;
  color: #E3AA3D;
}
.titleScreenC .screenC .arrow {
  margin-left: 7rpx;
  width: 12rpx;
  height: auto;
}
.stockList {
  background-color: #FFF9F5;
  left: 0;
  width: calc(100% - 50rpx);
  bottom: 62rpx;
  margin: 0 25rpx;
  border-radius: 0 0 10rpx 10rpx ;
}
.stockList .list {
  padding: 16rpx 25rpx;
}
.stockList .list .item {
  background-color: white;
  box-shadow: 0 5rpx 10rpx 0 rgba(127, 127, 127, 0.08);
  margin-bottom: 20rpx;
  padding: 0 20rpx;
  border-radius: 10rpx;
}
.stockList .list .item .stockInfoC {
  padding: 16rpx 0;
}
.stockList .list .item .stockInfoC .titleCodeC .title {
  font-size: 26rpx;
  font-weight: bold;
  color: #222;
}
.stockList .list .item .stockInfoC .titleCodeC .code {
  font-size: 20rpx;
  font-weight: 500;
  color: #888;
}
.stockList .list .item .stockInfoC .chg {
  font-size: 24rpx;
  font-weight: bold;
  text-align: center;
}
.stockList .list .item .stockInfoC .chg.up {
  color: #EC3440;
}
.stockList .list .item .stockInfoC .chg.down {
  color: #38A169;
}
.stockList .list .item .stockInfoC .industry {
  font-size: 24rpx;
  font-weight: 500;
  color: #333;
  text-align: center;
}
.stockList .list .item .stockInfoC .reasonProjectC {
  font-size: 24rpx;
  font-weight: 500;
  color: #DA9000;
}
.stockList .list .item .stockInfoC .reasonProjectC .arrow {
  margin-left: 10rpx;
  width: 10rpx;
  height: auto;
}
.stockList .list .item .stockInfoC .reasonProjectC .arrow.expand {
  margin-left: 6rpx;
  width: 14rpx;
  height: auto;
}
.stockList .list .item .reasonProjectContentC {
  margin: 0 5rpx;
  border-top: solid 1rpx #F0F0F0;
  padding: 12rpx 9rpx 22rpx;
  font-size: 24rpx;
  font-weight: 500;
  color: #666;
}
.stockList .list .item .reasonProjectContentC .title {
  color: #DA9000;
}
.stockList .list .item .reasonProjectContentC .projectC {
  margin-top: 6rpx;
}
.datePopup {
  background-color: white;
  padding-bottom: env(safe-area-inset-bottom);
  border-radius: 20rpx 20rpx 0 0;
}
.datePopup .btnTitleC .btn {
  padding: 20rpx 26rpx;
  font-size: 28rpx;
  font-weight: 500;
}
.datePopup .btnTitleC .btn.cancel {
  color: #727A8E;
}
.datePopup .btnTitleC .btn.confirm {
  color: #D79412;
}
.datePopup .btnTitleC .title {
  font-size: 36rpx;
  font-weight: bold;
  text-align: center;
}
.datePopup .yearMonthC {
  background-color: #F7F7F7;
  margin: 0 25rpx;
  height: 70rpx;
  border-radius: 35rpx;
}
.datePopup .yearMonthC .btn {
  padding: 0 52rpx;
}
.datePopup .yearMonthC .btn .icon {
  width: 13rpx;
  height: auto;
}
.datePopup .yearMonthC .yearMonth {
  font-size: 32rpx;
  font-weight: 500;
  color: #070707;
  text-align: center;
}
.datePopup .weekList {
  padding: 0 38rpx;
}
.datePopup .weekList .item {
  margin-right: 13rpx;
  line-height: 72rpx;
  font-size: 26rpx;
  font-weight: 500;
  color: #A7A7A7;
  text-align: center;
}
.datePopup .monthDateList {
  padding: 0 38rpx;
}
.datePopup .monthDateList .item {
  margin-bottom: 12rpx;
  width: calc(100%/7);
}
.datePopup .monthDateList .item .date {
  background-color: #f8f8f8;
  width: calc(100% - 10rpx);
  line-height: 64rpx;
  border-radius: 15rpx;
  font-size: 24rpx;
  font-weight: bold;
  color: #2A2A2A;
  text-align: center;
}
.datePopup .monthDateList .item .date.select {
  background-color: #F2C367;
  color: white;
}
.datePopup .monthDateList .item .date.notCurrentMonth {
  background-color: #FCFCFC;
  color: #999;
}
.datePopup .quickTimeC {
  margin-top: 16rpx;
}
.datePopup .quickTimeC .item {
  margin-right: 25rpx;
  width: 120rpx;
  line-height: 56rpx;
  border-radius: 30rpx;
  border: solid 2rpx #4E4E4E;
  font-size: 24rpx;
  font-weight: 500;
  color: #4E4E4E;
  text-align: center;
}
.datePopup .quickTimeC .item:last-child {
  margin-right: 0;
}
