| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899 |
- @charset "UTF-8";
- /* 页面左右间距 */
- /* 文字尺寸 */
- /*文字颜色*/
- /* 边框颜色 */
- /*颜色*/
- /* 图片加载中颜色 */
- /* 行为相关颜色 */
- /* 功能栏字体大小 */
- /*功能栏左侧小图标*/
- page {
- background-color: #fff;
- height: auto;
- min-height: 100%;
- }
- .top-bg {
- background-color: #ee2f72;
- height: 180rpx;
- width: 750rpx;
- }
- .yue-wrap {
- width: 670rpx;
- height: 320rpx;
- margin: -160rpx auto 30rpx;
- background: linear-gradient(-70deg, #FF77A7, #FF4A8A);
- box-shadow: 0px 15rpx 22rpx 6rpx rgba(238, 47, 114, 0.1);
- border-radius: 25rpx;
- color: #fff;
- font-size: 26rpx;
- padding: 50rpx 75rpx;
- flex-direction: column;
- justify-content: space-between;
- align-items: flex-start;
- }
- .yue-wrap .yue-num {
- width: 100%;
- justify-content: space-between;
- }
- .yue-wrap .yue-num .yue {
- font-size: 76rpx;
- font-weight: bold;
- }
- .yue-wrap .yue-num .cz image {
- width: 13rpx;
- margin-left: 10rpx;
- }
- .yue-wrap .lj-wrap {
- width: 100%;
- justify-content: space-between;
- font-size: 24rpx;
- }
- .jl {
- width: 670rpx;
- margin: 0 auto 20rpx;
- padding: 35rpx 30rpx;
- background: #FFFFFF;
- box-shadow: 0px 0px 28px 0px rgba(48, 48, 48, 0.1);
- border-radius: 8px;
- }
- .jl .jl-tit {
- width: 100%;
- font-size: 28rpx;
- font-weight: bold;
- color: #333333;
- }
- .jl .jl-tit .tit {
- max-width: 450rpx;
- }
- .jl .jl-tit .price {
- font-size: 38rpx;
- font-weight: bold;
- }
- .jl .jl-tit .add {
- color: #EE2F72;
- }
- .jl .jl-tit .add::before {
- content: '+';
- font-size: 28rpx;
- color: #EE2F72;
- }
- .jl .jl-tit .jian {
- color: #808080;
- }
- .jl .jl-tit .jian::before {
- content: '-';
- font-size: 28rpx;
- }
- .jl .jl-mark {
- padding-top: 20rpx;
- width: 100%;
- font-size: 24rpx;
- font-weight: 500;
- color: #808080;
- align-items: flex-start;
- }
- .jl .jl-mark .mark {
- max-width: 470rpx;
- }
|