/* orderList.wxss */ page{ background:#f9f9f9; } .header_wrap{ width: 100%; height: 98rpx; position: fixed; top: 0; left: 0; z-index: 1000; background-color: #fff; } .header{ display: flex; flex-flow: row; height: 98rpx; font-size: 30rpx; color: #768187; background-color: #fff; } .header_each{ display: inline-block; flex: 1; width: 116rpx; height: 96rpx; line-height: 96rpx; color: #768187; text-align: center; } .header_each_active{ color: #b4a078; border-bottom:2rpx solid #b4a078; } .list_wrap{ padding: 100rpx 0 0 0; } .each_order{ padding:0 20rpx 40rpx 30rpx; height: auto; background-color: #fff; position: relative; margin-bottom: 15rpx; } .order_num{ font-size: 24rpx; line-height: 86rpx; color: #646464; padding-top: 13px; border-bottom: 1px solid #dedede; } /* 状态按钮 */ .confirme_btn{ width: 110rpx; height: 40rpx; font-size: 24rpx; line-height: 40rpx; color: #fff; text-align: center; border-radius: 20rpx; position: absolute; top:46rpx; right:24rpx; } /* 待定制 */ .btn_green{ color: #b4a078; border:1px solid #b4a078; } /* 待付款 */ .btn_red{ color: #b4a078; border:1px solid #b4a078; } /* 待发货 */ .btn_yellow{ color: #cc9368; border:1px solid #cc9368; } /* 已发货 */ .btn_purple{ color: #ce976e; border:1px solid #ce976e; } /* 已完成 */ .btn_blue{ color: #232323; border:1px solid #232323; } /* 商品信息 */ .goods_img{ float: left; display: block; width: 200rpx; height: 200rpx; margin:0 36rpx 0 0; } .goods_cont{ float: left; width: 450rpx; padding-top:25rpx; } .goods_name{ height: 68rpx; font-size: 24rpx; font-weight: bold; line-height: 34rpx; color: #333; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding:20rpx 0 20rpx 0; } .goods_style{ float: left; font-size: 24rpx; line-height: 32rpx; color: #646464; } .goods_num,.goods_price{ font-size: 24rpx; color:#646464; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .goods_price{ color: #ff8400; } .goods_price text{ font-size: 36rpx; font-weight: bold; font-style: italic; } .goods_style{ width: 340rpx; } .goods_num{ width: 110rpx; text-align: right; } .goods_price{ width:130rpx; text-align: right; padding-right: 10rpx; } .infor_content{ background-color: #fff; margin-top:-14rpx; } .each_infor{ width: 90%; margin-left:5%; height: 106rpx; font-size: 28rpx; line-height: 106rpx; color: #666; position: relative; } .infor_title{ float: left; } .goods_msg{ text-align: right; line-height: 50rpx; padding-top: 6rpx; } .num_title{ font-size: 24rpx; color: #646464; } .money_title,.money_money{ font-size: 28rpx; color: #b4a078; } .msg{ text-align: right; font-size: 18rpx; color: #aaa; padding-bottom: 26rpx; } .order_btn{ float: right; width: 136rpx; height: 48rpx; font-size: 24rpx; text-align: center; line-height: 48rpx; color: #fff; background-color: #b4a078; border: 1px solid #b4a078; margin-right:26rpx; padding:0; } /* 用心送 */ .xinyi{ color:#636363; border: 1px solid #b5b5b5; background-color: #fff; } .each_goods_infor{ border-bottom:1px solid #dedede; position: relative; } /* 定制预览按钮 */ .yulan_btn{ position: absolute; top:78rpx; left: 40rpx; z-index: 1; width: 120rpx; height: 44rpx; font-size:22rpx; line-height: 44rpx; text-align: center; color:#fff; background-color: rgba(0,0,0,0.6); border-radius: 60rpx; } /* 定制预览 */ .preview_wrap{ position: fixed; top: 0; left: 0; z-index: 999999; width: 100%; height: 100%; background-color: rgba(0,0,0,1); } .banner_swiper{ width: 100%; height: 100%; } .banner{ vertical-align: middle; } .preview_img{ width: 100%; height: 100%; display: flex; align-items: center; } .preview_wrap image{ width: 100%; } /* 倒计时 */ .count_down{ font-size:24rpx; line-height:44rpx; color:#646464; } /* 定制完成 */ .qrfh_wrap{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background-color: rgba(0,0,0,0.6); } .qrfh_content_wrap{ width: 80%; height: 283rpx; background-color: #fff; border-radius: 4px; position: fixed; top: 50%; left: 50%; margin: -141rpx 0 0 -40%; } .qrfh_cont_wrap{ padding: 50rpx 15rpx; font-size: 32rpx; line-height: 46rpx; text-align: center; color: #999; } .qrfh_btn_wrap{ position: absolute; left:0; bottom: 0; } .qrfh_cancle,.qrfh_sure{ float: left; width: 50%; height: 90rpx; font-size: 40rpx; line-height: 90rpx; border-top: 1px solid #ccc; text-align: center; background-color: #fff; border-radius: 0; box-sizing: border-box; } .qrfh_cancle{ color:#222; border-right: 1px solid #ccc; } .qrfh_sure{ color: #b4a078; } .qrfh_sure:after,.qrfh_sure:before { display: none; border: 0px; } /* 拆分订单 */ .break_goods_img{ float:left; display:block; width:96px; height:96px; margin:0 17px 0 0; } .break_order_content{ width: 700rpx; height: 892rpx; background-color: #fff; border-radius: 4px; position: fixed; top: 50%; left: 50%; margin: -450rpx 0 0 -350rpx; overflow:hidden; } .break_title_wrap{ padding: 40rpx 0; } .break_title{ font-size: 36rpx; line-height: 46rpx; color: #484848; text-align: center; } .break_content{ width: 612rpx; height: 676rpx; overflow-y: scroll; border-top: 1px solid #ccc; margin: 0 auto; } .each_break_goods{ margin: 28rpx 0 0 0; border-bottom: 1px solid #ccc; } .break_goods_style{ width: 220rpx; } .break_num_wrap{ font-size:30rpx ; line-height: 70rpx; color:#b4a078; margin: 20rpx 0 0 0; } .break_goods_infor{ float: left; width: 370rpx; margin: 0 0 20rpx 0; } .each_break_btn{ float: left; } .each_break_btn_wrap{ float: left; border: 1px solid #eee; margin: 8rpx 0 0 0; } .break_infor_content{ height: 200rpx; } .break_goods_name{ height: 68rpx; font-size: 24rpx; font-weight: bold; line-height: 34rpx; color: #333; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding:0 0 20rpx 0; } .each_break{ float: left; width: 70rpx; height: 56rpx; font-size: 26rpx; line-height: 56rpx; color: #282727; text-align: center; } .break_goods_num{ width: 110rpx; text-align: right; font-size: 24rpx; color:#646464; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /* 操作按钮 */ .break_btn{ float: left; width: 50%; height: 96rpx; font-size: 30rpx; line-height: 96rpx; color: #656565; background-color: #f0f0f0; text-align: center; cursor:pointer; } .break_btn_right{ color: #fff; background-color: #b4a078; } .no_opar{ color:#c8c8c8; } /* .scrollHidden{ height: 100%; overflow: hidden; position: fixed; } */ .contact_wind{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.6); z-index: 99999; } .close_contact{ display: block; width: 33rpx; height: 33rpx; position: absolute; top: 20rpx; right: 20rpx; } .contact_title{ padding:56rpx 15rpx; font-size:32rpx; line-height:80rpx; text-align:center; color:#999; } .contact_btn{ width:100%; position:absolute; left:0; bottom:0; } .contact_each_btn{ border-right: 1px solid #ccc; box-sizing: border-box; } .show_contact_wind{ display: block; } .container{ height: 100%; } .scoll-h{ height: 100vh; overflow: hidden; } /* 定制联系客服 */ .dingzhi_btn_left{ font-size: 36prpx; color: #fff; background-color: #c3b497; border: 0px none; } .dingzhi_btn_right{ font-size: 36prpx; color: #fff; background-color: #b4a177; border: 0px none; }