/** * Web二雪 * 趁时光不老 努力活成自己想要成为的样子 */ /* 立即报名 */ .besure_now_act { margin-top: 20rpx; display: flex; flex-direction: row; justify-content: space-between; align-items: center; box-sizing: border-box; font-size: 42rpx; font-weight: 600; color: #333; background-color: #fff; padding: 20rpx 30rpx; position: fixed; bottom: 0; width: 100%; height: 120rpx; } .besure_bottom .left { width: 160rpx; } .besure_now_act .left span { font-size: 28rpx; color: #333; font-weight: normal; } .besure_now_act>span { margin-left: 60rpx; flex: 1; display: inline-block; background-color: #378fff; color: #fff; font-size: 30rpx; border-radius: 50rpx; padding: 20rpx .0; text-align: center; font-weight: 600; } .acted span { background-color: #999; } .besure_bottom { width: 100%; padding: 30rpx; background-color: #fff; display: flex; flex-direction: row; justify-content: space-between; align-items: center; box-sizing: border-box; font-size: 28rpx; color: #333; border-top: solid 1rpx #f7f7f7; } .besure_bottom input, .besure_bottom>span { flex: 1; /* margin-left: 30rpx; */ padding-top: 4rpx; } .besure_notice { padding: 30rpx 20rpx; font-size: 28rpx; color: #999; } .mt20 { margin-top: 20rpx; } /* 商品图片及信息 */ .besure_goods { margin-top: 30rpx; padding: 30rpx 20rpx; background-color: #fff; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; box-sizing: border-box; } .besure_goods_img { width: 160rpx; height: 160rpx; border-radius: 10rpx; } .besure_goods_right { flex: 1; margin-left: 30rpx; display: flex; flex-direction: column; justify-content: space-between; align-self: flex-start; min-height: 160rpx; } .besure_goods_right .title { font-size: 28rpx; color: #333; } .besure_goods_right .price { display: flex; flex-direction: row; justify-content: space-between; align-self: flex-start; box-sizing: border-box; width: 100%; font-size: 26rpx; color: #999; margin-top: 30rpx; } .besure_goods_right .price span { color: #333; font-size: 32rpx; font-weight: 600; } /* 地址信息展示 */ .besure_address { width: 100%; padding: 50rpx 30rpx; box-sizing: border-box; background-color: #fff; display: flex; flex-direction: row; justify-content: space-between; align-items: center; box-sizing: border-box; position: relative; } .besure_address .userinfo { font-size: 34rpx; color: #333333; font-weight: 600; padding-bottom: 10rpx; display: flex; flex-direction: row; justify-content: start; align-items: center; box-sizing: border-box; } .besure_address .icon_right { margin-left: 20rpx; } .besure_address .userinfo .type { display: inline-block; background-color: #378fff; color: #fff; border-radius: 20rpx; font-size: 20rpx; padding: 6rpx 20rpx; margin-left: 10rpx; } .besure_address .userinfo .moren { display: inline-block; background-color: #ffcc00; color: #fff; border-radius: 20rpx; font-size: 20rpx; padding: 6rpx 20rpx; margin-left: 10rpx; } .besure_address .des { font-size: 24rpx; padding-top: 10rpx; } .arrows-right { position: absolute; bottom: 0; left: 0; width: 100%; } .order-add-address { text-align: center; padding: 30rpx 0; position: relative; } .order-add-address navigator { display: inline-block; background: #e92344; color: white; line-height: 60rpx; padding: 0 30rpx; margin-right: 20rpx; } .arrows-add { text-align: center; width: 100%; } .arrows-add-img { width: 30rpx; vertical-align: middle; margin: -8rpx 6rpx 0 0; } .arrows-add { width: 100%; background-color: red; height: 90rpx; } .jc_start { justify-content: start; }