545 lines
12 KiB
Plaintext
545 lines
12 KiB
Plaintext
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;
|
|
}
|
|
.searchResultList {
|
|
background-color: #00000080;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
padding: 0 25rpx;
|
|
z-index: 20;
|
|
}
|
|
.searchResultList .list {
|
|
background-color: white;
|
|
border-radius: 10rpx;
|
|
}
|
|
.searchResultList .list .item {
|
|
padding: 0 42rpx;
|
|
line-height: 60rpx;
|
|
font-size: 22rpx;
|
|
font-weight: 500;
|
|
color: #333;
|
|
}
|
|
.stockDetailsC {
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
.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;
|
|
}
|
|
.stockDetailsC .basicInfoC .priceC .currentChgC .current {
|
|
font-size: 48rpx;
|
|
font-weight: 900;
|
|
}
|
|
.stockDetailsC .basicInfoC .priceC .currentChgC .up {
|
|
color: #EC3440;
|
|
}
|
|
.stockDetailsC .basicInfoC .priceC .currentChgC .down {
|
|
color: #345423;
|
|
}
|
|
.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 .infoC .content.down {
|
|
color: #345423;
|
|
}
|
|
.stockDetailsC .basicInfoC .progressC {
|
|
background-color: #345423;
|
|
margin: 20rpx 10rpx 0;
|
|
height: 10rpx;
|
|
border-radius: 5rpx;
|
|
}
|
|
.stockDetailsC .basicInfoC .progressC .buy {
|
|
background-color: #EC3440;
|
|
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 .info.retract {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 3;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.stockDetailsC .basicInfoC .companyInfo .expand {
|
|
background-color: white;
|
|
color: #BB8520;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
.stockDetailsC .basicInfoC .companyInfo .expand .ellipsis {
|
|
color: #71675D;
|
|
}
|
|
.stockDetailsC .otherInfoC {
|
|
background-color: white;
|
|
margin: 20rpx 25rpx 0;
|
|
border-radius: 10rpx;
|
|
}
|
|
.stockDetailsC .otherInfoC .tabC {
|
|
white-space: nowrap;
|
|
margin: 0 20rpx;
|
|
width: calc(100% - 40rpx);
|
|
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 .ywjg_list {
|
|
color: #2B2B2B;
|
|
}
|
|
.stockDetailsC .otherInfoC .ywjg_list .title {
|
|
font-size: 28rpx;
|
|
font-weight: bold;
|
|
}
|
|
.stockDetailsC .otherInfoC .ywjg_list .ywjg_item_1 {
|
|
font-weight: 500;
|
|
margin: 20rpx;
|
|
background-color: #FAFAFC;
|
|
border-radius: 10rpx;
|
|
padding: 25rpx 20rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
.stockDetailsC .otherInfoC .noDataC {
|
|
padding: 50rpx 0;
|
|
}
|
|
.stockDetailsC .otherInfoC .noDataC .icon {
|
|
width: 500rpx;
|
|
height: auto;
|
|
}
|
|
.stockDetailsC .otherInfoC .noDataC .title {
|
|
font-size: 28rpx;
|
|
color: #666;
|
|
}
|
|
.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 .rankList {
|
|
max-height: 660rpx;
|
|
overflow-y: scroll;
|
|
}
|
|
.industryRankPop .rankList .sectionDateC {
|
|
padding: 30rpx 26rpx;
|
|
}
|
|
.industryRankPop .rankList .sectionDateC .section {
|
|
margin-right: 11rpx;
|
|
font-size: 28rpx;
|
|
font-weight: bold;
|
|
color: #2B2B2B;
|
|
}
|
|
.industryRankPop .rankList .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 .rankList .sectionDateC .industryC .icon {
|
|
margin-right: 3rpx;
|
|
width: 16rpx;
|
|
height: auto;
|
|
}
|
|
.industryRankPop .rankList .sectionDateC .date {
|
|
font-size: 24rpx;
|
|
font-weight: 500;
|
|
color: #71675D;
|
|
}
|
|
.industryRankPop .rankList .list {
|
|
padding: 0 25rpx;
|
|
}
|
|
.industryRankPop .rankList .list .item {
|
|
margin: 0 20rpx 20rpx 0;
|
|
padding: 20rpx 12rpx;
|
|
width: calc((100% - 40rpx)/3);
|
|
border: solid 1rpx #FCE2B2;
|
|
border-radius: 10rpx;
|
|
}
|
|
.industryRankPop .rankList .list .item .title {
|
|
font-size: 24rpx;
|
|
font-weight: 500;
|
|
color: #3D3D3D;
|
|
}
|
|
.industryRankPop .rankList .list .item .valueRankC .value {
|
|
margin-right: 9rpx;
|
|
font-size: 30rpx;
|
|
font-weight: 800;
|
|
color: #BB8520;
|
|
}
|
|
.industryRankPop .rankList .list .item .valueRankC .rank {
|
|
background-color: #F3C368;
|
|
padding: 0 9rpx;
|
|
line-height: 30rpx;
|
|
border-radius: 15rpx;
|
|
font-size: 24rpx;
|
|
color: white;
|
|
}
|
|
.industryRankPop .rankList .list .item .average {
|
|
font-size: 22rpx;
|
|
font-weight: 500;
|
|
color: #999;
|
|
word-break: break-all;
|
|
}
|
|
.industryRankPop .rankList .list .item:nth-child(3n) {
|
|
margin-right: 0;
|
|
}
|
|
.industryRankPop .detailPopup {
|
|
height: 70%;
|
|
background-color: white;
|
|
border-radius: 20rpx 20rpx 0 0;
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
}
|
|
.valueChainPopup {
|
|
background-color: white;
|
|
border-radius: 20rpx 20rpx 0 0;
|
|
}
|
|
.valueChainPopup .popTitle {
|
|
margin: 0 20rpx;
|
|
line-height: 100rpx;
|
|
border-bottom: solid 1rpx #E7E7E7;
|
|
font-size: 35rpx;
|
|
font-weight: bold;
|
|
color: #333;
|
|
text-align: center;
|
|
}
|
|
.valueChainPopup .closeC {
|
|
top: 0;
|
|
right: 0;
|
|
padding: 40rpx 26rpx;
|
|
}
|
|
.valueChainPopup .closeC .icon {
|
|
display: block;
|
|
width: 20rpx;
|
|
height: auto;
|
|
}
|
|
.valueChainPopup .valueChainInfoC .title {
|
|
font-size: 28rpx;
|
|
font-weight: bold;
|
|
color: #2A2A2A;
|
|
}
|
|
.valueChainPopup .valueChainInfoC .labelC {
|
|
margin-top: 20rpx;
|
|
}
|
|
.valueChainPopup .valueChainInfoC .labelC .label {
|
|
margin-right: 10rpx;
|
|
padding: 0 10rpx;
|
|
line-height: 30rpx;
|
|
font-size: 20;
|
|
text-align: center;
|
|
border-radius: 5rpx;
|
|
}
|
|
.valueChainPopup .valueChainInfoC .labelC .label.upstream {
|
|
color: #FF5501;
|
|
}
|
|
.valueChainPopup .valueChainInfoC .labelC .label.upstream.type {
|
|
background-color: #FFF4EF;
|
|
}
|
|
.valueChainPopup .valueChainInfoC .labelC .label.upstream.market {
|
|
border: solid 1rpx #FF5501;
|
|
}
|
|
.valueChainPopup .valueChainInfoC .labelC .label.core {
|
|
color: #175CE6;
|
|
}
|
|
.valueChainPopup .valueChainInfoC .labelC .label.core.type {
|
|
background-color: #EDF2FD;
|
|
}
|
|
.valueChainPopup .valueChainInfoC .labelC .label.core.market {
|
|
border: solid 1rpx #175CE6;
|
|
}
|
|
.valueChainPopup .valueChainInfoC .labelC .label.downstream {
|
|
color: #1DB26F;
|
|
}
|
|
.valueChainPopup .valueChainInfoC .labelC .label.downstream.type {
|
|
background-color: #E7F5F0;
|
|
}
|
|
.valueChainPopup .valueChainInfoC .labelC .label.downstream.market {
|
|
border: solid 1rpx #1DB26F;
|
|
}
|
|
.valueChainPopup .valueChainInfoC .progressBgC {
|
|
background-color: #EFEFEF;
|
|
height: 10rpx;
|
|
border-radius: 5rpx;
|
|
margin-top: 20rpx;
|
|
}
|
|
.valueChainPopup .valueChainInfoC .progressBgC .progress {
|
|
height: 100%;
|
|
border-radius: 5rpx;
|
|
}
|
|
.valueChainPopup .valueChainInfoC .progressBgC .progress.upstream {
|
|
background: linear-gradient(90deg, #FF8C53 0%, #FF5501 100%);
|
|
}
|
|
.valueChainPopup .valueChainInfoC .progressBgC .progress.core {
|
|
background: linear-gradient(90deg, #518BFF 0%, #175CE6 100%);
|
|
}
|
|
.valueChainPopup .valueChainInfoC .progressBgC .progress.downstream {
|
|
background: linear-gradient(90deg, #48D394 0%, #1DB26F 100%);
|
|
}
|
|
.developmentTimelinePopup {
|
|
background-color: white;
|
|
border-radius: 20rpx 20rpx 0 0;
|
|
}
|
|
.developmentTimelinePopup .popTitle {
|
|
margin: 0 20rpx;
|
|
line-height: 100rpx;
|
|
border-bottom: solid 1rpx #E7E7E7;
|
|
font-size: 35rpx;
|
|
font-weight: bold;
|
|
color: #333;
|
|
text-align: center;
|
|
}
|
|
.developmentTimelinePopup .closeC {
|
|
top: 0;
|
|
right: 0;
|
|
padding: 40rpx 26rpx;
|
|
}
|
|
.developmentTimelinePopup .closeC .icon {
|
|
display: block;
|
|
width: 20rpx;
|
|
height: auto;
|
|
}
|
|
.developmentTimelinePopup .eventTypeDateC .eventType {
|
|
margin-right: 17rpx;
|
|
font-size: 20;
|
|
border-radius: 5rpx;
|
|
line-height: 40rpx;
|
|
padding: 0 10rpx;
|
|
}
|
|
.developmentTimelinePopup .eventTypeDateC .eventType.positive {
|
|
background-color: #FFE7E9;
|
|
color: #EC3440;
|
|
}
|
|
.developmentTimelinePopup .eventTypeDateC .eventType.negative {
|
|
background-color: #DEEED6;
|
|
color: #345423;
|
|
}
|
|
.developmentTimelinePopup .eventTypeDateC .date {
|
|
font-size: 22rpx;
|
|
color: #999;
|
|
}
|
|
.developmentTimelinePopup .progressBgC {
|
|
background-color: #EFEFEF;
|
|
margin-left: 13rpx;
|
|
width: 200rpx;
|
|
height: 10rpx;
|
|
border-radius: 5rpx;
|
|
}
|
|
.developmentTimelinePopup .progressBgC .progress {
|
|
height: 100%;
|
|
border-radius: 5rpx;
|
|
}
|
|
.developmentTimelinePopup .progressBgC .progress.positive {
|
|
background: linear-gradient(90deg, #FF525D 0%, #EC3440 100%);
|
|
}
|
|
.developmentTimelinePopup .progressBgC .progress.negative {
|
|
background: linear-gradient(90deg, #537D3D 0%, #345423 100%);
|
|
}
|