Files
JiaZhiQianYan/unpackage/dist/build/mp-weixin/pagesStock/stockCenterDetails/stockCenterDetails.wxss

2 lines
10 KiB
Plaintext

page{background-color:#070707}.topBg{top:0;left:0;width:100%;height:auto}.searchC{background-color:rgba(41,41,41,.7);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:#fff}.searchResultList{background-color:rgba(0,0,0,.5);left:0;right:0;bottom:0;padding:0 25rpx;z-index:20}.searchResultList .list{background-color:#fff;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:calc(110rpx + env(safe-area-inset-bottom))}.stockDetailsC .basicInfoC{background-color:#fff;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:700;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:700;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:700;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:700}.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:#fff;color:#bb8520;right:0;bottom:0}.stockDetailsC .basicInfoC .companyInfo .expand .ellipsis{color:#71675d}.stockDetailsC .otherInfoC{background-color:#fff;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:700;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:700;color:#070707}.stockDetailsC .otherInfoC .ywjg_list{color:#2b2b2b}.stockDetailsC .otherInfoC .ywjg_list .title{font-size:28rpx;font-weight:700}.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}.bottomC{background-color:#000;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:#fff;border-radius:20rpx 20rpx 0 0}.industryRankPop .popTitle{margin:0 20rpx;line-height:100rpx;border-bottom:solid 1rpx #E7E7E7;font-size:35rpx;font-weight:700;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:700;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:#fff}.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:#fff;border-radius:20rpx 20rpx 0 0;padding-bottom:env(safe-area-inset-bottom)}.valueChainPopup{background-color:#fff;border-radius:20rpx 20rpx 0 0}.valueChainPopup .popTitle{margin:0 20rpx;line-height:100rpx;border-bottom:solid 1rpx #E7E7E7;font-size:35rpx;font-weight:700;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:700;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,#ff5501)}.valueChainPopup .valueChainInfoC .progressBgC .progress.core{background:linear-gradient(90deg,#518bff,#175ce6)}.valueChainPopup .valueChainInfoC .progressBgC .progress.downstream{background:linear-gradient(90deg,#48d394,#1db26f)}.developmentTimelinePopup{background-color:#fff;border-radius:20rpx 20rpx 0 0}.developmentTimelinePopup .popTitle{margin:0 20rpx;line-height:100rpx;border-bottom:solid 1rpx #E7E7E7;font-size:35rpx;font-weight:700;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,#ec3440)}.developmentTimelinePopup .progressBgC .progress.negative{background:linear-gradient(90deg,#537d3d,#345423)}