| | |
| | | } |
| | | .container .content { |
| | | width: 100%; |
| | | height: calc(100vh - 176rpx); |
| | | height: calc(100vh - 176rpx - 20rpx); |
| | | background: linear-gradient(to top, #FFFFFF, #E8EFFF); |
| | | padding-top: 20rpx; |
| | | } |
| | | .container .content .main { |
| | | width: 686rpx; |
| | | height: 1262rpx; |
| | | background: #ffaaff; |
| | | height: 1162rpx; |
| | | margin: 0 auto; |
| | | overflow-y: scroll; |
| | | } |
| | | .container .content .main .address-item { |
| | | width: 100%; |
| | | height: 254rpx; |
| | | padding: 20rpx 0 26rpx; |
| | | box-sizing: border-box; |
| | | margin-bottom: 20rpx; |
| | | background: #FFFFFF; |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: space-between; |
| | | align-items: flex-start; |
| | | } |
| | | .container .content .main .address-item .user-info { |
| | | width: 100%; |
| | | padding: 0 65rpx; |
| | | box-sizing: border-box; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | font-weight: 300; |
| | | font-size: 32rpx; |
| | | color: #000000; |
| | | } |
| | | .container .content .main .address-item .address-info { |
| | | padding: 0 65rpx; |
| | | box-sizing: border-box; |
| | | font-weight: 300; |
| | | font-size: 28rpx; |
| | | color: #646464; |
| | | } |
| | | .container .content .main .address-item .address-divide { |
| | | width: 100%; |
| | | height: 1rpx; |
| | | border-bottom: 2rpx dashed #D5DDE0; |
| | | } |
| | | .container .content .main .address-item .handel { |
| | | width: 100%; |
| | | padding: 0 65rpx; |
| | | box-sizing: border-box; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: flex-start; |
| | | } |
| | | .container .content .main .address-item .handel .handel-left radio { |
| | | color: #000000; |
| | | } |
| | | .container .content .main .address-item .handel .handel-left text { |
| | | font-weight: 300; |
| | | font-size: 32rpx; |
| | | color: #0088FF; |
| | | line-height: 28rpx; |
| | | } |
| | | .container .content .main .address-item .handel .handel-right { |
| | | width: 35%; |
| | | height: 48rpx; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | .container .content .main .address-item .handel .handel-right view { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | .container .content .main .address-item .handel .handel-right view image { |
| | | width: 28rpx; |
| | | height: 28rpx; |
| | | margin-right: 10rpx; |
| | | } |
| | | .container .content .main .address-item .handel .handel-right view text { |
| | | font-weight: 300; |
| | | font-size: 24rpx; |
| | | color: #373737; |
| | | } |
| | | .container .content .subBtn { |
| | | width: 686rpx; |
| | | height: 98rpx; |
| | | padding: 0 26rpx; |
| | | box-sizing: border-box; |
| | | background-color: #5EA1FA; |
| | | border-radius: 50rpx; |
| | | font-weight: 300; |
| | | font-size: 36rpx; |
| | | color: #FFFFFF; |
| | | line-height: 98rpx; |
| | | text-align: center; |
| | | letter-spacing: 2rpx; |
| | | margin: 100rpx auto 0; |
| | | } |