12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 |
- @charset "UTF-8";
- /* 页面左右间距 */
- /* 文字尺寸 */
- /*文字颜色*/
- /* 边框颜色 */
- /*颜色*/
- /* 图片加载中颜色 */
- /* 行为相关颜色 */
- /* 功能栏字体大小 */
- /*功能栏左侧小图标*/
- .green-card-wrap {
- width: 700rpx;
- height: 184rpx;
- margin: 0 auto 20rpx;
- position: relative;
- }
- .green-card-wrap .card-bg {
- width: 700rpx;
- height: 184rpx;
- }
- .green-card-wrap .card-info {
- position: absolute;
- top: 0;
- left: 0;
- width: 700rpx;
- height: 184rpx;
- padding: 0 35rpx;
- }
- .green-card-wrap .card-info .info-img {
- width: 112rpx;
- height: 112rpx;
- }
- .green-card-wrap .card-info .info-detail {
- flex-grow: 1;
- padding-left: 30rpx;
- color: #FFFFFF;
- font-size: 24rpx;
- font-weight: 500;
- }
- .green-card-wrap .card-info .info-detail .card-name {
- font-size: 36rpx;
- font-weight: bold;
- }
- .green-card-wrap .card-info .card-btn-wrap {
- width: 132rpx;
- height: 100%;
- }
- .green-card-wrap .card-info .card-btn-wrap .card-btn {
- width: 132rpx;
- height: 53rpx;
- background: #FFFFFF;
- border-radius: 27rpx;
- font-size: 26rpx;
- font-weight: 500;
- text-align: center;
- line-height: 53rpx;
- color: #ff567f;
- }
- .zs-wrap {
- width: 600rpx;
- height: 300rpx;
- background-color: #fff;
- border-radius: 20rpx;
- text-align: center;
- position: relative;
- }
- .zs-wrap .zs-tit {
- font-size: 32rpx;
- font-weight: bold;
- padding: 40rpx 0 50rpx;
- }
- .zs-wrap .zs-uid {
- font-size: 28rpx;
- padding: 0 40rpx;
- }
- .zs-wrap .zs-uid .to-uid {
- flex-shrink: 0;
- }
- .zs-wrap .zs-btns {
- width: 100%;
- display: flex;
- position: absolute;
- bottom: 0;
- height: 80rpx;
- font-size: 32rpx;
- line-height: 80rpx;
- }
- .zs-wrap .zs-btns .zs-btn {
- width: 50%;
- }
|