/* pages/stock/stock.wxss */ page{ /* padding: 30rpx; */ background-color: #F7F7F7; } scroll-view{ height: calc(100vh - 140rpx); } image{ width: 100%; border-radius: 8rpx; } .desc{ font-size: 30rpx; line-height: 48rpx; margin: 30rpx 0; padding: 0 30rpx; } .name{ font-size: 32rpx; font-weight: 500; margin-bottom: 20rpx; } .name>text{ color: #AAAAAA; font-size: 22rpx; border: 1px solid #AAAAAA; border-radius: 4rpx; font-weight: 400; padding: 0 4rpx; position: relative; top: -3rpx; } .name view{ float: right; color: #CE994F; font-size: 22rpx; text-align: center; position: relative; top: -5rpx; } .info{ font-size: 29rpx; padding: 10rpx 0; display: flex; } .info view{ color: #666; width: 85%; vertical-align: top; /* font-size: 27rpx; */ } .info label{ font-weight: 500; color: #333; } .info .tag{ font-size: 28rpx; color: #CE994F; border: 1px solid #CE994F; border-radius: 8rpx; margin-right: 8rpx; font-weight: 400; padding: 0 8rpx; } .player{ border-bottom: 1px solid #F5F5F5; padding: 30rpx 0; } .name view{ float: right; color: #CE994F; font-size: 22rpx; text-align: center; position: relative; top: -5rpx; } .name view text{ display: block; font-size: 32rpx; color: #CE994F; position: relative; top: -8rpx; } .search{ position: relative; display: flex; justify-content: space-between; margin-bottom: 20rpx; } .search input{ width: 88%; background: #F7F7F7; height: 68rpx; padding-left: 70rpx; border-radius: 8rpx; box-sizing: border-box; font-size: 30rpx; } .search text{ font-size: 30rpx; line-height: 68rpx; } .search image{ position: absolute; height: 40rpx; left: 20rpx; top: 0; bottom: 0; margin: auto; } .list{ padding: 40rpx 0; border-bottom: 1px solid #F5F5F5; } .num{ font-size: 28rpx; color: #666; text-align: right; float: right; } .num text{ font-size: 36rpx; font-weight: 500; } .stock_name{ line-height: 100rpx; padding: 0 30rpx; font-size: 36rpx; font-weight: bold; color: #333; background: #fff; position: relative; } .stock_name text{ color: #2383E5; font-weight: 400; font-size: 28rpx; background-color: #F7F7F7; padding: 5rpx 10rpx; } .tab{ background: #fff; margin-top: 20rpx; } .tab view{ line-height: 90rpx; text-align: center; /* width: 50%; */ display: inline-block; font-size: 30rpx; position: relative; padding: 0 30rpx; } .tab .act{ font-weight: bold; } .act text{ position: absolute; width: 64rpx; height: 6rpx; bottom: 0; left: 0; right: 0; margin: auto; background: rgba(217, 75, 36, 1); border-radius: 40rpx; } ._list{ position: relative; padding-left: 80rpx; margin-bottom: 24rpx; } ._list>navigator>image,._list>image{ width: 64rpx; height: 64rpx; position: absolute; left: 0; top: 0; border-radius: 100%; } ._content,._name{ font-size: 30rpx; line-height: 48rpx; } .answer{ background: rgba(247, 247, 247, 1); padding: 20rpx; color: #666; margin: 20rpx 0; font-size: 28rpx; line-height: 36rpx; } .answer view{ line-height: 48rpx; } .answer text{ color: #2383e5; } .addr{ position: relative; padding-bottom: 16px; border-bottom: 1px solid rgba(245, 245, 245, 1); } .addr text{ font-size: 28rpx; margin-right: 24rpx; color: #666666; } .addr image{ width: 34rpx; position: absolute; right: 0; top: 12rpx; } .post{ position: fixed; padding: 24rpx 30rpx 80rpx; bottom: 0; left: 0; background: #fff; z-index: 9; border-top: 1px solid rgba(245, 245, 245, 1); display: flex; justify-content: space-between; width: 100%; } .post input{ width: 75%; height: 64rpx; border: 1px solid rgba(224, 224, 224, 1); border-radius: 9rpx; font-size: 30rpx; color: #666; padding: 0 16rpx; } .post button:not([size='mini']){ height: 64rpx; width: 124rpx !important; background: #D94B24; border-radius: 8rpx; line-height: 64rpx; font-size: 30rpx; color: #fff; padding: 0; font-weight: 400; margin: 0; } .post image{ width: 48rpx; position: relative; top: 10rpx; } .stock_name view{ position: absolute; color: #D94B24; border: 1px solid #D94B24; width: 72px; height: 24px; line-height: 24px; right: 30rpx; top: 0; bottom: 0; margin: auto; font-size: 28rpx; font-weight: 400; text-align: center; border-radius: 8rpx; }