page {
  background-color: #070707;
}
.topBg {
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.searchC {
  background-color: #292929B3;
  left: 0;
  right: 0;
  margin: 20rpx 25rpx 0;
  padding: 0 25rpx;
  height: 70rpx;
  border-radius: 35rpx;
  font-size: 22rpx;
  font-weight: 500;
}
.searchC .icon {
  margin-right: 12rpx;
  width: 25rpx;
  height: auto;
}
.searchC input {
  height: 100%;
  color: white;
}
.stockDetailsC {
  left: 0;
  right: 0;
  bottom: calc(20rpx + 70rpx + 20rpx + env(safe-area-inset-bottom));
}
.stockDetailsC .basicInfoC {
  background-color: white;
  margin: 0 25rpx;
  padding: 22rpx 20rpx 40rpx;
  border-radius: 10rpx;
}
.stockDetailsC .basicInfoC .categoryLabelC {
  font-size: 24rpx;
  font-weight: 500;
  color: #71675D;
}
.stockDetailsC .basicInfoC .categoryLabelC .category {
  margin-right: 14rpx;
  padding: 0 12rpx;
  line-height: 34rpx;
  border: solid 1rpx #71675D;
  border-radius: 5rpx;
}
.stockDetailsC .basicInfoC .priceC {
  margin-top: 10rpx;
  padding: 0 6rpx 16rpx;
  border-bottom: solid 1rpx #E7E7E7;
  font-weight: 500;
}
.stockDetailsC .basicInfoC .priceC .currentChgC {
  margin-right: 40rpx;
  color: #EC3440;
}
.stockDetailsC .basicInfoC .priceC .currentChgC .current {
  font-size: 48rpx;
  font-weight: 900;
}
.stockDetailsC .basicInfoC .priceC .currentChgC .chg {
  font-size: 24rpx;
  text-align: center;
}
.stockDetailsC .basicInfoC .priceC .priceIndexC {
  font-size: 24rpx;
  color: #71675D;
}
.stockDetailsC .basicInfoC .priceC .priceIndexC .indexC {
  height: 40rpx;
}
.stockDetailsC .basicInfoC .priceC .priceIndexC .indexC .content.up {
  color: #EC3440;
}
.stockDetailsC .basicInfoC .priceC .priceIndexC .indexC .content.down {
  color: #345423;
}
.stockDetailsC .basicInfoC .priceC .priceIndexC .indexC.marginR {
  margin-left: 80rpx;
}
.stockDetailsC .basicInfoC .section {
  margin-top: 14rpx;
  font-size: 28rpx;
  font-weight: bold;
  color: #2B2B2B;
}
.stockDetailsC .basicInfoC .infoC {
  height: 40rpx;
  font-size: 22rpx;
  color: #71675D;
}
.stockDetailsC .basicInfoC .infoC .rightInfoC {
  margin-left: 32rpx;
}
.stockDetailsC .basicInfoC .infoC .icon {
  margin-right: 15rpx;
  width: 26rpx;
  height: auto;
}
.stockDetailsC .basicInfoC .infoC .title {
  margin-right: 18rpx;
  font-weight: 500;
}
.stockDetailsC .basicInfoC .infoC .content {
  font-weight: bold;
  text-align: right;
}
.stockDetailsC .basicInfoC .infoC .title.important,
.stockDetailsC .basicInfoC .infoC .content.important {
  color: #BB8520;
}
.stockDetailsC .basicInfoC .infoC .content.up {
  color: #EC3440;
}
.stockDetailsC .basicInfoC .progressC {
  background-color: #345423;
  margin: 20rpx 10rpx 0;
  height: 10rpx;
  border-radius: 5rpx;
}
.stockDetailsC .basicInfoC .progressC .buy {
  background-color: #EC3440;
  width: 42%;
  height: 100%;
  border-radius: 5rpx;
}
.stockDetailsC .basicInfoC .buySaleC {
  margin: 10rpx 0;
  padding: 0 10rpx 20rpx;
  font-size: 22rpx;
  font-weight: bold;
  border-bottom: solid 1rpx #E7E7E7;
}
.stockDetailsC .basicInfoC .buySaleC .buy {
  color: #EC3440;
}
.stockDetailsC .basicInfoC .buySaleC .sale {
  color: #345423;
  text-align: right;
}
.stockDetailsC .basicInfoC .companyInfo {
  display: flex;
  margin-top: 16rpx;
  font-size: 22rpx;
  font-weight: 500;
  color: #71675D;
}
.stockDetailsC .basicInfoC .companyInfo .title {
  margin-right: 10rpx;
  font-weight: bold;
}
.stockDetailsC .basicInfoC .companyInfo .expand {
  color: #BB8520;
}
.stockDetailsC .otherInfoC {
  background-color: white;
  margin: 20rpx 25rpx 0;
  border-radius: 10rpx;
}
.stockDetailsC .otherInfoC .tabC {
  white-space: nowrap;
  margin: 0 20rpx;
  border-bottom: solid 1rpx #E7E7E7;
}
.stockDetailsC .otherInfoC .tabC .item {
  display: inline-block;
  margin-right: 40rpx;
  line-height: 70rpx;
  font-size: 26rpx;
  font-weight: 500;
  color: #999;
}
.stockDetailsC .otherInfoC .tabC .item.select {
  border-bottom: solid 1rpx #F2C369;
  font-size: 28rpx;
  font-weight: bold;
  color: #2B2B2B;
}
.stockDetailsC .otherInfoC .companyFilesList {
  white-space: nowrap;
  margin: 22rpx 26rpx 0;
}
.stockDetailsC .otherInfoC .companyFilesList .item {
  display: inline-block;
  background-color: #F6F6F6;
  margin-right: 20rpx;
  padding: 0 12rpx;
  line-height: 46rpx;
  border-radius: 5rpx;
  font-size: 24rpx;
  font-weight: 500;
  color: #939393;
}
.stockDetailsC .otherInfoC .companyFilesList .item.select {
  background-color: #F3C368;
  font-weight: bold;
  color: #070707;
}
.stockDetailsC .otherInfoC .managementTeamList {
  padding: 0 20rpx;
}
.stockDetailsC .otherInfoC .managementTeamList .positionNumC {
  height: 70rpx;
}
.stockDetailsC .otherInfoC .managementTeamList .positionNumC .position {
  margin-right: 11rpx;
  font-size: 28rpx;
  font-weight: bold;
}
.stockDetailsC .otherInfoC .managementTeamList .positionNumC .num {
  padding: 0 14rpx;
  line-height: 30rpx;
  border-radius: 5rpx;
  font-size: 20rpx;
  font-weight: bold;
  color: white;
}
.stockDetailsC .otherInfoC .managementTeamList .positionNumC .num.director {
  background-color: #99AFEC;
}
.stockDetailsC .otherInfoC .managementTeamList .positionNumC .num.supervisor {
  background-color: #B499EC;
}
.stockDetailsC .otherInfoC .managementTeamList .positionNumC .num.other {
  background-color: #B5B5C9;
}
.stockDetailsC .otherInfoC .managementTeamList .item {
  background-color: #FAFAFC;
  margin-bottom: 20rpx;
  padding: 20rpx 25rpx 20rpx 20rpx;
  border-radius: 10rpx;
}
.stockDetailsC .otherInfoC .managementTeamList .item .avatarC {
  margin-right: 18rpx;
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  font-size: 30rpx;
  font-weight: bold;
  color: white;
}
.stockDetailsC .otherInfoC .managementTeamList .item .avatarC .sexC {
  right: 0;
  bottom: 0;
  width: 30rpx;
  height: 30rpx;
  border-radius: 50%;
  border: solid 2rpx white;
}
.stockDetailsC .otherInfoC .managementTeamList .item .avatarC .sexC .icon {
  width: 16rpx;
  height: auto;
}
.stockDetailsC .otherInfoC .managementTeamList .item .avatarC .sexC.female {
  background-color: #FA5A93;
}
.stockDetailsC .otherInfoC .managementTeamList .item .avatarC .sexC.male {
  background-color: #3E6CFC;
}
.stockDetailsC .otherInfoC .managementTeamList .item .avatarC.director {
  background-color: #99AFEC;
}
.stockDetailsC .otherInfoC .managementTeamList .item .avatarC.supervisor {
  background-color: #B499EC;
}
.stockDetailsC .otherInfoC .managementTeamList .item .avatarC.other {
  background-color: #B5B5C9;
}
.stockDetailsC .otherInfoC .managementTeamList .item .name {
  margin-right: 13rpx;
  font-size: 24rpx;
  font-weight: bold;
  color: #666;
}
.stockDetailsC .otherInfoC .managementTeamList .item .position {
  font-size: 22rpx;
  font-weight: 500;
  color: #999;
}
.stockDetailsC .otherInfoC .managementTeamList .item .date {
  font-size: 20rpx;
  font-weight: 500;
  color: #999;
  text-align: right;
}
.stockDetailsC .otherInfoC .managementTeamList .item .educationAgeC {
  margin-top: 8rpx;
}
.stockDetailsC .otherInfoC .managementTeamList .item .educationAgeC .label {
  margin-right: 10rpx;
  background-color: #F1F1F1;
  line-height: 30rpx;
  padding: 0 16rpx;
  font-size: 20rpx;
  font-weight: 500;
  color: #999;
}
.stockDetailsC .otherInfoC .managementTeamList .expandMoreC {
  height: 80rpx;
  border-bottom: solid 1rpx #E7E7E7;
  font-size: 24rpx;
  font-weight: 500;
  color: #C9C9C9;
}
.stockDetailsC .otherInfoC .managementTeamList .expandMoreC .arrow {
  margin-left: 18rpx;
  width: 11rpx;
  height: auto;
}
.stockDetailsC .otherInfoC .branchList {
  margin-top: 38rpx;
  padding: 0 20rpx;
}
.stockDetailsC .otherInfoC .branchList .item {
  background-color: #FAFAFC;
  margin-bottom: 20rpx;
  padding: 20rpx;
  border-radius: 10rpx;
}
.stockDetailsC .otherInfoC .branchList .item .titleStatusC {
  font-size: 28rpx;
  font-weight: bold;
  color: #2B2B2B;
}
.stockDetailsC .otherInfoC .branchList .item .titleStatusC .statusC {
  padding: 0 10rpx;
  line-height: 28rpx;
  border-radius: 15rpx;
  font-size: 20rpx;
  font-weight: 500;
}
.stockDetailsC .otherInfoC .branchList .item .titleStatusC .statusC.exist {
  background-color: #FFF7E9;
  border: solid 1rpx #F2C369;
  color: #F2C369;
}
.stockDetailsC .otherInfoC .branchList .item .titleStatusC .statusC.exist .icon {
  margin-right: 3rpx;
  width: 16rpx;
  height: auto;
}
.stockDetailsC .otherInfoC .branchList .item .infoC {
  height: 50rpx;
}
.stockDetailsC .otherInfoC .branchList .item .infoC .infoItem .title {
  margin-right: 16rpx;
  font-size: 22rpx;
  font-weight: 500;
  color: #999;
}
.stockDetailsC .otherInfoC .branchList .item .infoC .infoItem .content {
  font-size: 24rpx;
  font-weight: bold;
  color: #2A2A2A;
  text-align: right;
}
.stockDetailsC .otherInfoC .branchList .item .infoC .infoItem.leftInfo {
  margin-right: 20rpx;
}
.stockDetailsC .otherInfoC .branchList .item .infoC .infoItem.rightInfo {
  margin-left: 20rpx;
}
.stockDetailsC .otherInfoC .branchList .item .infoC.topInfo {
  margin-top: 10rpx;
}
.stockDetailsC .otherInfoC .businessInfoList {
  padding: 0 20rpx;
}
.stockDetailsC .otherInfoC .businessInfoList .section {
  line-height: 72rpx;
  font-size: 28rpx;
  font-weight: bold;
  color: #2B2B2B;
}
.stockDetailsC .otherInfoC .businessInfoList .infoC {
  background-color: #FAFAFC;
  border-radius: 10rpx;
  padding: 12rpx 20rpx;
}
.stockDetailsC .otherInfoC .businessInfoList .infoC .infoItem {
  line-height: 40rpx;
}
.stockDetailsC .otherInfoC .businessInfoList .infoC .title {
  font-size: 22rpx;
  font-weight: 500;
  color: #999;
}
.stockDetailsC .otherInfoC .businessInfoList .infoC .content {
  font-size: 24rpx;
  font-weight: 500;
  color: #2A2A2A;
}
.stockDetailsC .otherInfoC .businessInfoList .infoC .content.code {
  color: #BB8520;
}
.stockDetailsC .otherInfoC .businessInfoList .infoC .content.rightAlign {
  text-align: right;
}
.stockDetailsC .otherInfoC .businessInfoList .infoC.mainBussiness {
  padding: 20rpx;
}
.stockDetailsC .otherInfoC .strategicAnalysisList {
  padding: 0 20rpx;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .section {
  line-height: 72rpx;
  font-size: 28rpx;
  font-weight: bold;
  color: #2B2B2B;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .section .industryRankC {
  margin-left: 10rpx;
  padding: 0 12rpx;
  line-height: 38rpx;
  border: solid 1rpx #F2C369;
  border-radius: 19rpx;
  font-size: 20rpx;
  font-weight: 500;
  color: #F3C368;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .section .industryRankC .icon {
  margin-right: 5rpx;
  width: 17rpx;
  height: auto;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .corePositionC {
  background-color: #FAFAFC;
  padding: 20rpx;
  font-size: 24rpx;
  font-weight: 500;
  color: #2A2A2A;
  border-radius: 10rpx;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .highlightsList .item {
  background-color: #FAFAFC;
  margin-bottom: 20rpx;
  padding: 20rpx;
  border-radius: 10rpx;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .highlightsList .item .icon {
  width: 81rpx;
  height: auto;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .highlightsList .item .title {
  font-size: 22rpx;
  font-weight: 500;
  color: #999;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .highlightsList .item .content {
  font-size: 20rpx;
  font-weight: 500;
  color: #2A2A2A;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .infoC {
  background-color: #FAFAFC;
  border-radius: 10rpx;
  padding: 12rpx 20rpx;
  margin-bottom: 20rpx;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .infoItem {
  line-height: 40rpx;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .title {
  font-size: 22rpx;
  font-weight: 500;
  color: #2A2A2A;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .content {
  margin-top: 10rpx;
  font-size: 20rpx;
  font-weight: 500;
  color: #999;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .content.code {
  color: #BB8520;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .content.rightAlign {
  text-align: right;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .labelList {
  margin-top: 10rpx;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .labelList .labelC {
  background-color: #FFF7E9;
  margin: 0 12rpx 12rpx 0;
  padding: 0 10rpx;
  line-height: 38rpx;
  border: solid 1rpx #F2C369;
  border-radius: 20rpx;
  font-size: 22rpx;
  font-weight: 500;
  color: #F3C368;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .infoC .labelList .labelC .icon {
  margin-right: 3rpx;
  width: 16rpx;
  height: auto;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .subSection {
  line-height: 60rpx;
  font-size: 24rpx;
  font-weight: bold;
  color: #2A2A2A;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .mainCompetitorList .item {
  background-color: #FFF7E9;
  margin: 0 20rpx 20rpx 0;
  padding: 0 16rpx;
  line-height: 38rpx;
  border-radius: 20rpx;
  border: solid 1rpx #F2C369;
  font-size: 22rpx;
  font-weight: 500;
  color: #F3C368;
}
.stockDetailsC .otherInfoC .strategicAnalysisList .mainCompetitorList .item .icon {
  margin-right: 3rpx;
  width: 16rpx;
  height: auto;
}
.bottomC {
  background-color: black;
  padding: 20rpx 25rpx calc(20rpx + env(safe-area-inset-bottom));
  left: 0;
  right: 0;
  bottom: 0;
}
.bottomC .inputC {
  background-color: #424143;
  margin-right: 20rpx;
  padding: 0 33rpx;
  height: 70rpx;
  border-radius: 35rpx;
}
.bottomC .inputC input {
  height: 100%;
  font-size: 26rpx;
  font-weight: 500;
}
.bottomC .contrastShareC .item {
  font-size: 24rpx;
  font-weight: 500;
  color: #FEFAF6;
  text-align: center;
}
.bottomC .contrastShareC .item .icon {
  margin: 0 30rpx;
  width: auto;
  height: 26rpx;
}
.industryRankPop {
  background-color: white;
  border-radius: 20rpx 20rpx 0 0;
}
.industryRankPop .popTitle {
  margin: 0 20rpx;
  line-height: 100rpx;
  border-bottom: solid 1rpx #E7E7E7;
  font-size: 35rpx;
  font-weight: bold;
  color: #333;
  text-align: center;
}
.industryRankPop .closeC {
  top: 0;
  right: 0;
  padding: 40rpx 26rpx;
}
.industryRankPop .closeC .icon {
  display: block;
  width: 20rpx;
  height: auto;
}
.industryRankPop .sectionDateC {
  padding: 30rpx 26rpx;
}
.industryRankPop .sectionDateC .section {
  margin-right: 11rpx;
  font-size: 28rpx;
  font-weight: bold;
  color: #2B2B2B;
}
.industryRankPop .sectionDateC .industryC {
  background-color: #FFF7E9;
  padding: 0 15rpx;
  line-height: 34rpx;
  border: solid 1rpx #F2C369;
  border-radius: 18rpx;
  font-size: 20rpx;
  font-weight: 500;
  color: #F2C369;
}
.industryRankPop .sectionDateC .industryC .icon {
  margin-right: 3rpx;
  width: 16rpx;
  height: auto;
}
.industryRankPop .sectionDateC .date {
  font-size: 24rpx;
  font-weight: 500;
  color: #71675D;
}
.industryRankPop .list {
  padding: 0 25rpx;
}
.industryRankPop .list .item {
  margin: 0 20rpx 20rpx 0;
  width: calc((100% - 40rpx)/2);
  border: solid 1rpx #FCE2B2;
  border-radius: 10rpx;
}
.industryRankPop .list .item:nth-child(3n) {
  margin-right: 0;
}