page {
  background-color: #070707;
}
.topBg {
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.topC {
  margin-top: 20rpx;
  left: 0;
  right: 0;
}
.topC .searchRankC {
  padding: 0 25rpx;
}
.topC .searchRankC .searchC {
  background-color: #292929B3;
  padding: 0 25rpx;
  height: 70rpx;
  border-radius: 35rpx;
  border: solid 1rpx #363636;
}
.topC .searchRankC .searchC .icon {
  margin-right: 12rpx;
  width: 25rpx;
  height: auto;
}
.topC .searchRankC .searchC input {
  font-size: 22rpx;
  font-weight: 500;
  color: white;
}
.topC .searchRankC .rank {
  padding: 0 14rpx;
  font-size: 28rpx;
  font-weight: 500;
  color: #B5B6B6;
}
.topC .dateScreenC {
  padding: 20rpx 0 20rpx 27rpx;
  font-size: 24rpx;
  font-weight: 500;
  color: #CCCDD1;
}
.topC .dateScreenC .sortTypeC {
  padding: 0 24rpx;
}
.topC .dateScreenC .sortTypeC .icon {
  margin-right: 14rpx;
  width: 30rpx;
  height: auto;
}
.topC .dateScreenC .line {
  background-color: #CCCDD1;
  width: 1rpx;
  height: 25rpx;
}
.topC .dateScreenC .transactionDateC {
  padding: 0 17rpx;
}
.topC .dateScreenC .transactionDateC .icon {
  margin-right: 10rpx;
  width: 23rpx;
  height: auto;
}
.topC .dateScreenC .arrow {
  margin-left: 7rpx;
  width: 11rpx;
  height: auto;
}
.conceptList {
  left: 0;
  right: 0;
  bottom: calc(55px + env(safe-area-inset-bottom));
}
.conceptList .list {
  padding: 0 25rpx;
}
.conceptList .list .item {
  background: linear-gradient(-30deg, #FFF6F0 0%, #FEFEFE 100%);
  margin-bottom: 24rpx;
  border-radius: 10rpx;
}
.conceptList .list .item .titleChgStockNumC {
  padding: 24rpx 18rpx 0;
}
.conceptList .list .item .titleChgStockNumC .title {
  margin-right: 20rpx;
  font-size: 30rpx;
  font-weight: bold;
  color: #3D3D3D;
  word-break: break-all;
}
.conceptList .list .item .titleChgStockNumC .chg {
  margin-right: 20rpx;
  padding: 0 13rpx;
  line-height: 40rpx;
  border-radius: 20rpx;
  font-size: 22rpx;
  font-weight: bold;
  color: white;
}
.conceptList .list .item .titleChgStockNumC .chg.up {
  background-color: #EC3440;
}
.conceptList .list .item .titleChgStockNumC .chg.down {
  background-color: #355422;
}
.conceptList .list .item .titleChgStockNumC .stockNum {
  flex-shrink: 0;
  padding: 0 16rpx;
  line-height: 36rpx;
  border-radius: 20rpx;
  font-size: 22rpx;
  font-weight: bold;
}
.conceptList .list .item .titleChgStockNumC .stockNum.up {
  color: #EC3440;
  border: solid 2rpx #EC3440;
}
.conceptList .list .item .titleChgStockNumC .stockNum.down {
  color: #355422;
  border: solid 2rpx #355422;
}
.conceptList .list .item .content {
  margin-top: 26rpx;
  padding: 0 22rpx;
  font-size: 24rpx;
  font-weight: 500;
  color: #71675D;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.conceptList .list .item .hotStockC {
  margin-top: 30rpx;
  padding: 0 20rpx;
}
.conceptList .list .item .hotStockC .title {
  margin-right: 10rpx;
  font-size: 24rpx;
  font-weight: bold;
  color: #936E5C;
}
.conceptList .list .item .hotStockC .stockList {
  font-size: 22rpx;
}
.conceptList .list .item .hotStockC .stockList .stockItem {
  background-color: #3D3D3D;
  margin-right: 10rpx;
  padding: 0 8rpx;
  line-height: 36rpx;
  border-radius: 5rpx 20rpx 5rpx 20rpx;
  color: #EFDDD1;
}
.conceptList .list .item .hotStockC .stockList .more {
  color: #936E5C;
  line-height: 36rpx;
}
.conceptList .list .item .hotStockC .notVipC {
  background-color: #3D3D3D;
  padding: 0 21rpx 0 16rpx;
  line-height: 36rpx;
  border-radius: 5rpx;
  font-size: 22rpx;
  color: #F3C368;
}
.conceptList .list .item .hotStockC .notVipC .icon {
  margin-right: 9rpx;
  width: 15rpx;
  height: auto;
}
.conceptList .list .item .transactionDateHistoryTimeC {
  padding: 20rpx 22rpx 30rpx;
}
.conceptList .list .item .transactionDateHistoryTimeC .transactionDate {
  font-size: 20rpx;
  font-weight: 500;
  color: #666;
}
.conceptList .list .item .transactionDateHistoryTimeC .historyTimeC {
  background-color: #F3C368;
  padding: 0 10rpx 0 15rpx;
  line-height: 36rpx;
  border-radius: 10rpx;
  font-size: 22rpx;
  font-weight: 500;
  color: #101213;
}
.conceptList .list .item .transactionDateHistoryTimeC .historyTimeC .icon {
  margin-right: 7rpx;
  width: 20rpx;
  height: auto;
}
.rankPopup {
  background-color: white;
  padding-bottom: env(safe-area-inset-bottom);
  border-radius: 20rpx 20rpx 0 0;
}
.rankPopup .popTitle {
  padding-top: 30rpx;
  font-size: 36rpx;
  font-weight: bold;
  color: #333;
  text-align: center;
}
.rankPopup .closeC {
  padding: 26rpx;
  top: 0;
  right: 0;
}
.rankPopup .closeC .icon {
  width: 20rpx;
  height: auto;
}
.rankPopup .statisticsC {
  background: linear-gradient(-30deg, #F3C368 0%, #FAD590 100%);
  margin: 20rpx 25rpx 0;
  padding: 24rpx 30rpx;
  border-radius: 10rpx;
}
.rankPopup .statisticsC .titleRangeC .icon {
  margin-right: 21rpx;
  width: 80rpx;
  height: auto;
}
.rankPopup .statisticsC .titleRangeC .title {
  font-size: 30rpx;
  font-weight: bold;
}
.rankPopup .statisticsC .titleRangeC .range {
  font-size: 22rpx;
  font-weight: 500;
  color: #232323;
}
.rankPopup .statisticsC .cycleC {
  margin-top: 20rpx;
}
.rankPopup .statisticsC .cycleC .title {
  font-size: 24rpx;
  font-weight: bold;
}
.rankPopup .statisticsC .cycleC .list .item {
  background-color: #ffffff4D;
  margin-right: 15rpx;
  padding: 0 15rpx;
  line-height: 50rpx;
  border-radius: 5rpx;
  font-size: 24rpx;
  font-weight: 500;
}
.rankPopup .statisticsC .cycleC .list .item.select {
  background-color: #ffffff99;
}
.rankPopup .statisticsC .rangeC {
  margin-top: 10rpx;
  font-size: 26rpx;
}
.rankPopup .statisticsC .rangeC .startDateC {
  padding: 0 10rpx;
  border: solid 2rpx white;
  border-radius: 10rpx;
}
.rankPopup .statisticsC .rangeC .and {
  margin: 0 10rpx;
}
.rankPopup .statisticsC .rangeC .endDateC {
  padding: 0 10rpx;
  border: solid 2rpx white;
  border-radius: 10rpx;
}
.rankPopup .statisticsC .rangeC .apply {
  padding: 0 10rpx;
}
.rankPopup .tabC {
  background-color: #FFF3DD;
  margin: 20rpx 25rpx 0;
  border-radius: 10rpx 10rpx 0 0;
}
.rankPopup .tabC .item {
  height: 60rpx;
  font-size: 24rpx;
  font-weight: bold;
  color: #070707;
}
.rankPopup .tabC .item .icon {
  margin-right: 7rpx;
  width: 11rpx;
  height: auto;
}
.rankPopup .tabC .item.select {
  background-color: #FF7722;
  color: white;
}
.rankPopup .tabC .item:last-child .icon {
  width: 15rpx;
  height: auto;
}
.rankPopup .rankList {
  margin-top: 22rpx;
  padding: 0 25rpx;
  max-height: 500rpx;
  overflow-y: scroll;
}
.rankPopup .rankList .item {
  margin-bottom: 20rpx;
  padding: 20rpx 22rpx;
  border-radius: 10rpx;
  border: solid 1rpx #FCE2B2;
}
.rankPopup .rankList .item .rankIcon {
  margin-right: 34rpx;
  width: 35rpx;
  height: auto;
}
.rankPopup .rankList .item .rankIndex {
  background-color: #898989;
  margin-right: 34rpx;
  width: 36rpx;
  line-height: 41rpx;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
          clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  font-size: 24rpx;
  color: #F7FAFC;
  text-align: center;
}
.rankPopup .rankList .item .title {
  font-size: 26rpx;
  font-weight: bold;
  color: #3D3D3D;
}
.rankPopup .rankList .item .calendarBrowseC {
  font-size: 24rpx;
  font-weight: 500;
  color: #936E5C;
}
.rankPopup .rankList .item .calendarBrowseC .chgC {
  margin-right: 30rpx;
}
.rankPopup .rankList .item .calendarBrowseC .chgC .icon {
  margin-right: 6rpx;
  width: 15rpx;
  height: auto;
}
.rankPopup .rankList .item .calendarBrowseC .calendarC {
  margin-right: 30rpx;
}
.rankPopup .rankList .item .calendarBrowseC .calendarC .icon {
  margin-right: 6rpx;
  width: 16rpx;
  height: auto;
}
.rankPopup .rankList .item .calendarBrowseC .browseC .icon {
  margin-right: 6rpx;
  width: 17rpx;
  height: auto;
}
.rankPopup .rankList .item .valueC {
  background-color: #FF7722;
  padding: 0 24rpx;
  height: 40rpx;
  border-radius: 5rpx;
  font-size: 24rpx;
  font-weight: 500;
  color: white;
}
.rankPopup .rankList .item .valueC .icon {
  margin-right: 6rpx;
  width: 11rpx;
  height: auto;
}
.rankPopup .rankList .item .valueC .icon.continuousRise {
  width: 15rpx;
  height: auto;
}
.sortTypePopup {
  background-color: white;
  margin-left: calc(100% - (170rpx + 120rpx));
  width: 170rpx;
  box-shadow: 0 5rpx 10px 0 rgba(7, 7, 7, 0.15);
  border-radius: 10rpx;
}
.sortTypePopup .arrow {
  top: -13rpx;
  left: 38rpx;
  width: 26rpx;
  height: auto;
}
.sortTypePopup .list .item {
  padding: 20rpx;
  font-size: 24rpx;
  font-weight: 500;
  color: #444;
}
.sortTypePopup .list .item .icon {
  margin-right: 11rpx;
  width: 20rpx;
  height: 20rpx;
}
.transactionDatePopup {
  background-color: white;
  padding-bottom: env(safe-area-inset-bottom);
  border-radius: 20rpx 20rpx 0 0;
}
.transactionDatePopup .btnTitleC .btn {
  padding: 20rpx 26rpx;
  font-size: 28rpx;
  font-weight: 500;
}
.transactionDatePopup .btnTitleC .btn.cancel {
  color: #727A8E;
}
.transactionDatePopup .btnTitleC .btn.confirm {
  color: #D79412;
}
.transactionDatePopup .btnTitleC .title {
  font-size: 36rpx;
  font-weight: bold;
  text-align: center;
}
.transactionDatePopup .yearMonthC {
  background-color: #F7F7F7;
  margin: 0 25rpx;
  height: 70rpx;
  border-radius: 35rpx;
}
.transactionDatePopup .yearMonthC .btn {
  padding: 0 52rpx;
}
.transactionDatePopup .yearMonthC .btn .icon {
  width: 13rpx;
  height: auto;
}
.transactionDatePopup .yearMonthC .yearMonth {
  font-size: 32rpx;
  font-weight: 500;
  color: #070707;
  text-align: center;
}
.transactionDatePopup .weekList {
  padding: 0 38rpx;
}
.transactionDatePopup .weekList .item {
  margin-right: 13rpx;
  line-height: 72rpx;
  font-size: 26rpx;
  font-weight: 500;
  color: #A7A7A7;
  text-align: center;
}
.transactionDatePopup .monthDateList {
  padding: 0 38rpx;
}
.transactionDatePopup .monthDateList .item {
  margin-bottom: 12rpx;
  width: calc(100%/7);
}
.transactionDatePopup .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;
}
.transactionDatePopup .monthDateList .item .date.select {
  background-color: #F2C367;
  color: white;
}
.transactionDatePopup .monthDateList .item .date.notCurrentMonth {
  background-color: #FCFCFC;
  color: #999;
}
.transactionDatePopup .quickTimeC {
  margin-top: 16rpx;
}
.transactionDatePopup .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;
}
.transactionDatePopup .quickTimeC .item:last-child {
  margin-right: 0;
}
.vipPopup {
  background: linear-gradient(-30deg, #FFF6F0 0%, #FEFEFE 100%);
  margin: 0 95rpx;
  padding-bottom: 34rpx;
  width: 560rpx;
  border-radius: 10rpx;
}
.vipPopup .topIcon {
  margin: -60rpx 0 0 calc((100% - 143rpx)/2);
  width: 143rpx;
  height: auto;
}
.vipPopup .popTitle {
  margin-top: 28rpx;
  font-size: 40rpx;
  font-weight: bold;
  color: #101213;
  text-align: center;
}
.vipPopup .popSubtitle {
  margin-top: 20rpx;
  font-size: 24rpx;
  font-weight: 500;
  color: #493F2B;
  text-align: center;
}
.vipPopup .moduleC {
  background-color: white;
  margin: 0 30rpx 20rpx;
  padding-top: 25rpx;
  border-radius: 10rpx;
}
.vipPopup .moduleC .section {
  padding: 0 25rpx;
  font-size: 26rpx;
  font-weight: bold;
  color: #333;
}
.vipPopup .moduleC .section .version {
  margin-left: 18rpx;
  padding: 0 15rpx;
  line-height: 32rpx;
  border-radius: 10rpx;
  font-size: 22rpx;
}
.vipPopup .moduleC .section .version.free {
  background-color: #3D3D3D;
  color: #FEFCFB;
}
.vipPopup .moduleC .section .version.pro {
  background-color: #F2C367;
  color: #3D3D3D;
}
.vipPopup .moduleC .visitC {
  margin: 18rpx 24rpx 0;
  height: 60rpx;
}
.vipPopup .moduleC .visitC .line {
  background-color: #F2C367;
  top: 0;
  left: 0;
  width: 44rpx;
  height: 100%;
  border-radius: 7rpx 0 0 7rpx;
}
.vipPopup .moduleC .visitC .contentC {
  background-color: #F7F7F7;
  margin-left: 6rpx;
  padding: 0 15rpx;
  height: 100%;
  border-radius: 10rpx;
  font-size: 24rpx;
  font-weight: 500;
  color: #3D3D3D;
}
.vipPopup .moduleC .visitC .contentC .icon {
  margin-right: 14rpx;
  width: 25rpx;
  height: auto;
}
.vipPopup .moduleC .list {
  padding-bottom: 10rpx;
}
.vipPopup .moduleC .list .item {
  padding: 10rpx 25rpx;
  font-size: 24rpx;
  font-weight: 500;
  color: #333;
}
.vipPopup .moduleC .list .item .icon {
  margin-right: 13rpx;
  width: 27rpx;
  height: auto;
}
.vipPopup .moduleC.visit {
  margin-top: 20rpx;
  padding-bottom: 25rpx;
}
.vipPopup .btnC {
  margin: 28rpx 92rpx 0;
}
.vipPopup .btnC .btn {
  line-height: 60rpx;
  border-radius: 10rpx;
  font-size: 24rpx;
  font-weight: bold;
  text-align: center;
}
.vipPopup .btnC .btn.later {
  background-color: #EDEDED;
  margin-right: 56rpx;
}
.vipPopup .btnC .btn.upgrade {
  background-color: #F2C367;
}