.bindingCard { width: 100vw; min-height: 100vh; background-color: rgb(247, 247, 247); .detail-top { width: 100%; height: 100%; position: relative; z-index: 999; @include flex(center); .back-icon { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .shop-name { color: #000; font-size: 28rpx; } } .seize { width: 100%; height: 16rpx; background-color: #ffffff; } .binding-box { width: 100%; padding: 32rpx; box-sizing: border-box; .binding-title { font-size: 32rpx; color: rgba(0, 0, 0, 0.9); font-weight: 500; margin-bottom: 16rpx; } .binding-container { width: 100%; padding: 0 32rpx; box-sizing: border-box; background-color: #ffffff; border-radius: 16rpx; position: relative; .change-box { width: 100%; padding: 32rpx 0; border-bottom: 2rpx solid #e7e7e7; .change-title { margin-bottom: 16rpx; font-size: 28rpx; color: rgba(0, 0, 0, 0.9); } .ipt-left { padding-right: 32rpx; position: relative; font-size: 28rpx; color: rgba(0, 0, 0, 0.9); &::after { content: ""; position: absolute; top: 0; right: 16rpx; width: 4rpx; border-radius: 8rpx; background-color: #e7e7e7; height: 100%; } } .right-text{ font-size: 28rpx; color: #EA5C1E; } .ipt-right{ width: 168rpx; height: 60rpx; text-align: center; line-height: 60rpx; font-size: 28rpx; color: rgba(0, 0, 0, 0.6); border: 2rpx solid #E7E7E7; border-radius: 8rpx; } } .inconsis { position: absolute; right: 32rpx; bottom: 28rpx; font-size: 24rpx; color: #d40f0f; @include flex(center, null, 8rpx); } } } .btn-list{ width: 100%; padding: 0 32rpx; margin-top: 38rpx; box-sizing: border-box; @include flex(center,null,19rpx); .btn{ width: 335rpx; height: 96rpx; text-align: center; line-height: 96rpx; border-radius: 16rpx; &:nth-of-type(1){ background-color: #FFFFFF; border: 2rpx solid #E7E7E7; color: rgba(0, 0, 0, 0.6); } &:nth-of-type(2){ background-color: #FE4B1E; color: #FFFFFF; } } } }