.bg{ background: linear-gradient(180deg, #1A4DEB 62%, #F8F9FB 100%); height:90vw; width:100%; position:absolute; z-index:-1; } .nav-bar .logo{ width:168rpx; height:42rpx; } .choose-community{ padding:90rpx 40rpx 70rpx; position: relative; color:#fff; font-size:0; } .choose-community .text{ font-size:32rpx; display:inline-block; vertical-align: middle; } .choose-community .arrow{ width:20rpx; height:10rpx; vertical-align: middle; margin-left:20rpx; } .address-panel{ background-color: #fff; box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.05); border-radius: 20rpx; margin:0 20rpx; padding:0 30rpx 0 48rpx; } .address-panel .ap-item{ display:flex; align-items: center; color:#222222; line-height: 1.7; padding:34rpx 0; } .address-panel .ap-item .icon{ width:40rpx;height:40rpx; align-self: flex-start; margin-top:3px } .address-panel .ap-item .text{ flex:1; margin-left:30rpx; line-height: 1; } .address-panel .ap-item .text .title{ line-height: 48rpx; } .address-panel .ap-item .text .sub-title{ color:#7C8695; font-size: 14px; margin-top:22rpx; } .address-panel .arrow{ width: 30rpx;height:30rpx; } .address-panel .line{ border-bottom: 0.5px dashed rgba(124, 134, 149, 0.3); margin-top:26rpx; margin-right:10rpx; } .address-panel .bottom{ display: flex; justify-content: space-between; margin-right:10rpx; padding:34rpx 0 40rpx 0; } .address-panel .bottom .item{ font-size:0; line-height: 1; } .address-panel .bottom .icon{ width:28rpx;height:28rpx; margin-top:0; vertical-align: middle; } .address-panel .bottom .text{ color: #7C8695; font-size: 24rpx; margin-left: 8rpx; display: inline-block; vertical-align: middle; } .order-button{ margin:40rpx 20rpx!important; } .promotion-panel{ display: flex; border: 1px solid rgba(26, 77, 235, 0.5); margin:44rpx 20rpx; border-radius: 20rpx; padding:32rpx 32rpx 32rpx 40rpx; align-items: center; } .promotion-panel .text{ flex:1; } .promotion-panel .text .title{ font-size:34rpx; font-weight: 500; } .promotion-panel .text .title .spec{ color: #1A4DEB; } .promotion-panel .text .sub-title{ font-size: 28rpx; color: #7C8695; margin-top:26rpx; } .promotion-panel .button{ width:100rpx; height:100rpx; border-radius: 50%; padding:0; line-height: 100rpx; }