|
@@ -0,0 +1,46 @@
|
|
|
|
+page {background-color: #F6F7F8;}
|
|
|
|
+.orderpay {position: relative;}
|
|
|
|
+.orderpay .orderpay_content {padding: 0rpx 24rpx;box-sizing: border-box;overflow: hidden;margin-top: 24rpx;margin-bottom: 127rpx;margin-bottom: 100rpx;}
|
|
|
|
+.orderpay .orderpay_content .card {background: #FFFFFF;border-radius: 16rpx;box-shadow: 0rpx 4rpx 16rpx 1rpx rgba(0,0,0,0.06);margin-bottom: 24rpx;padding: 24rpx;box-sizing: border-box;}
|
|
|
|
+
|
|
|
|
+.orderpay .orderpay_content .orderpay_address {padding-left: 77rpx;padding-right: 106rpx;position: relative;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_address .orderpay_address_icon {position: absolute;width: 29rpx;height: 36rpx;background: url(/assets/images/xian/icon_address.png) no-repeat center;background-size: contain;left: 24rpx;top: 24rpx;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_address .orderpay_address_rarrow {position: absolute;width: 32rpx;height: 32rpx;background: url(/assets/images/xian/icon_rarrow.png) no-repeat center;background-size: contain;right: 24rpx;top: 49rpx;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_address .orderpay_address_title {font-family: PingFang SC, PingFang SC;font-weight: 600;font-size: 28rpx;color: #150132;text-align: left;font-style: normal;text-transform: none;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_address .orderpay_address_tip {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 22rpx;color: #EE742F;text-align: left;font-style: normal;text-transform: none;margin-top: 8rpx;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_address .orderpay_address_info {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 24rpx;color: #666666;text-align: left;font-style: normal;text-transform: none;margin-top: 8rpx;}
|
|
|
|
+
|
|
|
|
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_name {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 28rpx;color: #150132;text-align: left;font-style: normal;text-transform: none;padding-left: 48rpx;box-sizing: border-box;position: relative;margin-bottom: 24rpx;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_name::after {content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 0rpx;width: 32rpx;height: 32rpx;background: url(/assets/images/xian/icon_shop.png) no-repeat center;background-size: contain;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list {border-top: 1px solid #DDDDDD;padding-top: 24rpx;box-sizing: border-box;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box {display: flex;margin-bottom: 40rpx;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box:last-child {margin-bottom: 0rpx;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_img {width: 180rpx;padding-top: 134rpx;border-radius: 16rpx;overflow: hidden;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_content {width: calc(100% - 180rpx);padding-left: 24rpx;box-sizing: border-box;position: relative;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_content .orderpay_cart_title {font-family: PingFang SC, PingFang SC;font-weight: 600;font-size: 24rpx;color: #150132;text-align: left;font-style: normal;text-transform: none;margin-top: 1rpx}
|
|
|
|
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_content .orderpay_cart_detail {width: 176rpx;/*height: 46rpx;line-height: 46rpx;*/background: #F6F7F8;border-radius: 38rpx;border: 1rpx solid #DDDDDD;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 22rpx;color: #666666;text-align: left;font-style: normal;text-transform: none;margin-top: 8rpx;position: relative;padding: 8rpx 16rpx;padding-right: 36rpx;;box-sizing: border-box;}
|
|
|
|
+/* .orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_content .orderpay_cart_detail::after {content: '';position: absolute;width: 20rpx;height: 12rpx;background: url(/assets/images/xian/icon_barrow.png) no-repeat center;background-size: contain;top: 50%;transform: translateY(-50%);right: 16rpx;} */
|
|
|
|
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_content .orderpay_cart_price {font-family: PingFang SC, PingFang SC;font-weight: 600;font-size: 22rpx;color: #EE742F;text-align: left;font-style: normal;text-transform: none;margin-top: 6rpx;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_content .computer {position: absolute;bottom: 0;right: 0;display: flex;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_content .computer .computer_btn {width: 46rpx;height: 46rpx;background: url(/assets/images/xian/icon_btnminus.png) no-repeat center;background-size: contain;display: none;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_content .computer .computer_btn.add {background-image: url(/assets/images/xian/icon_btnadd.png);}
|
|
|
|
+.orderpay .orderpay_content .orderpay_cart .orderpay_cart_list .orderpay_cart_box .orderpay_cart_content .computer .computer_num {width: 88rpx;height: 46rpx;line-height: 46rpx;background: #F6F7F8;border-radius: 38rpx;border: 1rpx solid #DDDDDD;font-family: PingFangSC-Regular, PingFangSC-Regular;font-weight: normal;font-size: 28rpx;color: #666666;text-align: center;font-style: normal;text-transform: none;margin: 0 8rpx;margin: 0;}
|
|
|
|
+
|
|
|
|
+.orderpay .orderpay_content .orderpay_amount .orderpay_amount_list .orderpay_amount_box {display: flex;justify-content: space-between;align-items: center;margin-bottom: 40rpx;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_amount .orderpay_amount_list .orderpay_amount_box:last-child {margin-bottom: 24rpx;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_amount .orderpay_amount_list .orderpay_amount_box .orderpay_amount_text {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 28rpx;color: #150132;font-style: normal;text-transform: none;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_amount .orderpay_amount_sum {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 28rpx;color: #150132;text-align: right;font-style: normal;text-transform: none;border-top: 1rpx solid #DDDDDD;padding: 24rpx 0 16rpx;box-sizing: border-box;}
|
|
|
|
+
|
|
|
|
+.orderpay .orderpay_content .orderpay_type {padding: 0 24rpx;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_type .orderpay_type_list .orderpay_type_box {padding: 24rpx 0rpx;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;border-bottom: 1rpx solid #DDDDDD;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_type .orderpay_type_list .orderpay_type_box:last-child {border-bottom: none;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_type .orderpay_type_list .orderpay_type_box .orderpay_type_name {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 28rpx;color: #150132;text-align: left;font-style: normal;text-transform: none;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_type .orderpay_type_list .orderpay_type_box .orderpay_type_method {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 28rpx;color: #150132;text-align: right;font-style: normal;text-transform: none;position: relative;padding-left: 52rpx;padding-right: 40rpx;box-sizing: border-box;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_type .orderpay_type_list .orderpay_type_box .orderpay_type_method::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 36rpx;height: 36rpx;background: url(/assets/images/xian/icon_wechat.png) no-repeat center;background-size: contain;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_type .orderpay_type_list .orderpay_type_box .orderpay_type_method::after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 24rpx;height: 24rpx;background: url(/assets/images/xian/icon_rarrow.png) no-repeat center;background-size: contain;}
|
|
|
|
+.orderpay .orderpay_content .orderpay_type .orderpay_type_list .orderpay_type_box .orderpay_type_input input {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 28rpx;color: #999999;text-align: right;font-style: normal;text-transform: none;}
|
|
|
|
+
|
|
|
|
+.orderpay .orderpay_footer {position: fixed;z-index: 99;bottom: 0;width: 100%;height: 100rpx;padding: 12rpx 24rpx;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;background: #FFFFFF;}
|
|
|
|
+.orderpay .orderpay_footer .orderpay_footer_sum {display: flex;align-items: center;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 24rpx;color: #150132;text-align: left;font-style: normal;text-transform: none;}
|
|
|
|
+.orderpay .orderpay_footer .orderpay_footer_sum .orderpay_footer_price {font-family: PingFang SC, PingFang SC;font-weight: 600;font-size: 28rpx;color: #EE742F;text-align: left;font-style: normal;text-transform: none;}
|
|
|
|
+.orderpay .orderpay_footer .orderpay_footer_btn {width: 240rpx;height: 76rpx;line-height: 76rpx;background: #EE742F;box-shadow: 0rpx 10rpx 20rpx 1rpx rgba(238,116,47,0.5);border-radius: 50rpx;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 28rpx;color: #FFFFFF;text-align: center;font-style: normal;text-transform: none;}
|