@charset "utf-8";
.align-left{ text-align: left !important; }
.align-right{ text-align: right !important; }
/* 个人中心*/
.user-wrap{ margin-top: 20px;}
.user-wrap .user-side{ border: 1px solid #eaeaea; width: 190px; float: left;}
.user-wrap .user-side dl dt{ background-color: #f4f4f4; border-bottom: 1px solid #ddd; color: #191e1f; font-weight: bold; padding: 10px; line-height: 20px; font-size: 15px;}
.user-wrap .user-side dl dd{ border-bottom: 1px solid #f2f2f2; height: 28px; line-height: 28px; font-size: 14px; padding: 5px 25px;}

.user-wrap .user-main{ width: 980px; min-height: 600px; float: right;}
.user-wrap .user-main h1.title{border-bottom: 1px solid #ddd;color: #191e1f;font-weight: bold; padding: 0 10px 10px;margin: 10px 0 20px;line-height: 20px;font-size: 18px;}

/* 猜你喜欢*/
.goods-like{ margin-top: 50px;}
.goods-like .title{ border-bottom: 1px solid #eaeaea; font-size: 18px; line-height: 34px; padding-bottom: 10px; margin-bottom: 10px;}
.goods-like .title .targ{ color: #bbb; font-size: 14px; padding-left: 20px;}
.goods-like ul li{ width: 19%; }

/* 暂无订单*/
.prompt{ color: #939393; margin-top:30px; text-align:center;}
.prompt img{ width:64px; height:64px;}
.prompt .t1{ font-size:16px; font-weight:bold; color:#111; margin:2px 0;}
.prompt .t2{ font-size:12px; margin:2px 0;}

/* 我的订单*/
.user-order{ position: relative;}
.user-order .order-refer{ position: absolute; top: 5px; right: 0;}
.user-order .order-refer input{ display: inline-block; float: left; width: 200px; height: 30px; }
.user-order .order-refer a{ display: inline-block; float: left; border: 1px solid #e6e6e6; height: 28px; line-height: 28px; padding: 0 10px; margin-left: -1px;}

.user-order .layui-tab-title li{ font-size: 18px; font-weight: bold; padding: 0;}
.user-order .layui-tab-title li a{ padding: 0 30px; }
.user-order .layui-tab-title li span{ padding-left: 5px; }
.user-order .layui-tab-brief .layui-tab-title .layui-this{ color: #f42f2f; }
.user-order .layui-tab-brief .layui-tab-more li.layui-this:after, .user-order .layui-tab-brief .layui-tab-title .layui-this:after{ border-color: #f42f2f; }

.user-order .layui-table th, .user-order .layui-table td{ text-align: center; }
.user-order .layui-table tr:hover, .user-order .layui-table tr:hover{ background: transparent;}
.user-order .layui-table th{ font-size: 12px; padding: 5px 10px;}
.user-order .layui-table td.td-images{ border-right: 0 none; padding: 9px 0 9px 15px; width: 80px;}
.user-order .layui-table td.td-images img{ width: 80px; height: 80px; }
.user-order .layui-table td.td-title{ border-left: 0 none; width: 200px;}
.user-order .layui-table td.td-title a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.user-order .layui-table td.td-title p{ padding-top: 5px; }
.user-order .layui-table td.td-title p span{ border-color: #f65858; color: #f65858; height: 20px; line-height: 20px; padding: 0 8px;}
.user-order .layui-table td .price-old{ color: #999;}
.user-order .layui-table td .num{ color: #333; }
.user-order .layui-table td.time{ background-color: #f5f5f5; border-bottom: 0 none; border-right: 0 none;}
.user-order .layui-table td.del{ background-color: #f5f5f5; border-left: 0 none;}
.user-order .layui-table td .again-buy{ margin-top:5px; }

/* 步骤*/
.security-step{ padding: 0 40px;margin: 30px auto 10px;font-size: 14px;list-style: none;zoom: 1;position: relative;overflow: hidden;width: 774px;}
.security-step li{ float: left;height: 64px;margin: 0;width: 50%;position: relative;}
.security-step li .step-icon{ height: 50px;position: absolute;top: 0;width: 150px;text-align: center;left: 0;font-family: tahoma;}
.security-step li.step-end{ position: absolute;top: 0;right: -110px;width: 150px;zoom: 1;}
.security-step li .step-line{ height: 3px;background: #b9b9b9;display: block;margin-top: 19px;line-height: 1;overflow: hidden;}
.security-step li.step-end .step-line{ display: none; }
.security-step .step-done .step-line{ background: #f42f2f; }
.security-step .step-active, .security-step .step-active .iconfont{ color:#f42f2f; }
.security-step .step-done .step-icon .iconfont, .security-step .step-active .step-icon .iconfont{ background-color: #f42f2f; }
.security-step .step-icon .step-text{ color: #b7b7b7; height: 20px;line-height: 20px;position: relative;text-shadow: 0 1px 0 #fff;top: 48px;left: -67px;}
.security-step .step-active .step-icon .step-text{ color: #f42f2f;}
.security-step .step-icon .iconfont{ background-color:#bfbfbf;margin:12px 0 0 6px;width:30px;height:30px;display: block;
position: absolute;top: 0;left: 0;text-shadow: 1px 1px 2px #fff, 0 0 0 #ccc, 1px 1px 2px #fff;-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.security-step .step-icon .step-num{ line-height: 14px;font-style: normal;position: absolute;top: 12px;left: -18px;padding: 0 20px;font-weight: 700;color: #fff;}

/* 账户管理*/
.security-content{ padding: 50px 0;}
.security-content h6{ font-weight: bold; font-size: 22px; text-align: center; padding: 20px;}
.security-content form{ width: 450px; margin: 0 auto;}
.security-content label{ width: 120px;}
.security-content .layui-input-block{ margin-left: 150px;}
.security-content .layui-input-block p{ padding: 9px 0; }
.security-content .code{ background-color: #f4f4f4; border-left: 1px solid #e6e6e6; cursor: pointer; display: inline-block; height: 36px; line-height: 36px; margin: 1px; padding: 0 10px; position: absolute; right: 0; top: 0;}
.security-content .btn-area{ margin: 20px 0; text-align: center;}
.security-content .btn-area button{ width: 50%;}

/* 收货地址*/
.address-content{ padding: 10px; }
.address-content .edit, .address-content .edit a{ color: #51b8f1; }
.address-content .set{ border: 1px solid #f42f2f; border-radius: 25px; display: inline-block; padding: 2px 10px; margin-top: 2px;}
.address-content p{ padding: 2px 0; }
.address-content .w100{ width: 100px; }
.address-content .w180{ width: 180px; }
.address-content .w500{ width: 500px; }
.address-content .address-table{  margin: 20px 0;}
.address-content .address-table.layui-table thead tr{ background-color: #fff; }
.address-content .address-table.layui-table tbody tr:hover{ background-color: #fffbf0; }
.address-content .address-table.layui-table td, .address-content .address-table.layui-table th{ text-align: center; }

/* 订单详情*/
.order-logistics .security-step{ width: 1120px; }
.order-logistics .security-step li{ width: 33.33%; }
.order-logistics .security-step li.step-end{ right: -350px; }
.order-logistics .security-step .step-done .step-text{ color: #333; }

/* 物流详情*/
.logistics-detail{ margin-top: 20px; padding: 20px; border: 1px solid #eee;}
.logistics-detail .top-warp{ margin-bottom: 20px;}
.logistics-detail .top-warp h3{ font-size: 18px; font-weight: 700;display: flex; align-items: center;}
.logistics-detail .top-warp h3 i{ font-size: 28px; margin-right: 5px;}
.logistics-detail .top-warp .btns{ margin: 15px 0 0 30px;}
.logistics-detail .top-warp .btns a{ margin-right: 10px;}

.transport{ margin: 25px 0 0 30px;}
.transport .hd{ margin-bottom: 18px; padding-bottom: 10px; line-height: 20px; border-bottom: 1px solid #eee;}
.transport .hd a{ padding: 5px; text-decoration: underline;}
.transport .layui-timeline{ color: #999; }
.transport .layui-timeline-axis{ left: 132px; width: 14px; height: 14px; line-height: 14px;}
.transport .layui-timeline-item:before{ left: 139px; }
.transport .layui-timeline-title{ display: inline-block; font-size: 14px; width: 130px;}
.transport .layui-timeline-item p{ position: absolute; left: 160px; top: -3px;}
.transport .layui-timeline-item.red .layui-timeline-axis{ background-color: #f42f2f; color: #f42f2f;}

/* 订单信息*/
.order-detail, .order-total{ margin-top: 20px; border: 1px solid #eee;}
.order-detail{ position: relative; }
.order-detail h4{ padding-left: 20px; height: 38px; line-height: 38px; color: #999; border-bottom: 1px solid #eee;}
.order-detail .cnt{ padding: 15px 20px;}
.order-detail .cnt p{ line-height: 26px;}
.order-detail .cnt .name{ display: inline-block; width: 80px; padding-right: 5px;}
.order-detail .cnt .addr{ margin: -25px 0 0 85px; display: block;}

.order-detail .wechat{ position: absolute; margin-top: 54px; top: 0; right: -20px;display: inline-block;width: 300px;height: 108px;}
.order-detail .wechat .code{ float: left; width: 142px; height: 108px; background: url(/images/order-app.png) no-repeat 0 0;}
.order-detail .wechat .text-hint{ margin: 27px 0 0 5px; float: left; width: 153px; height: 42px; font-size: 14px; color: #e31436;}

.order-logistics .layui-table td, .order-logistics .layui-table th, .order-logistics .layui-table-fixed-r, .order-logistics .layui-table-header, .order-logistics .layui-table-page, .order-logistics .layui-table-tips-main, .order-logistics .layui-table-tool, .order-logistics .layui-table-view, .order-logistics .layui-table[lay-skin=line], .order-logistics .layui-table[lay-skin=row]{ border-color: #eee; }
.order-total{ padding: 20px; }
/*.order-total ul{ display: flex; align-items: center; justify-content: flex-end;}*/
.order-total ul{ display: inline-block; float: right;}
.order-total ul.total-num{ padding-left: 10px; }
/*.order-total ul li{ line-height: 24px; display:inline-block;}*/
.order-total ul li{ line-height: 24px; padding: 2px 0;}
.order-total ul li em{ padding: 0 15px; color: #e2e2e2; }

/* 发表评价*/
.order-evaluate{ border: 1px solid #eee; padding: 20px 0 20px 30px; margin-top: -1px;}
.order-evaluate form{ width: 720px; }
.order-evaluate form #rate .layui-rate{ padding: 5px 5px 0 0;}
.order-evaluate form #rate span{ color: #f42f2f; margin-bottom: 0;}
.order-evaluate form .layui-upload #upload{ margin-right: 15px;}
.order-evaluate form .layui-upload #upload i{ font-size: 20px; margin-top: -10px; display: inline-block;}
.order-evaluate form .layui-upload img{ border: 1px solid #ddd; width: 38px; height: 38px; margin-right: 5px;}

/* 评价成功失败*/
.evaluate-success { text-align: center; padding: 50px 0;}
.evaluate-success .s-success{display: flex; align-items: center; justify-content: center; font-size: 25px; color: #f42f2f;}
.evaluate-success .s-success i{ font-size: 30px; padding-right: 10px;}
.evaluate-success .s-btn{ margin: 20px 0; }
.evaluate-success .s-btn a{ border-radius: 25px; padding: 0 30px; font-size: 15px;}
.evaluate-success .s-ts{ font-size: 16px; color: #888;}

/* 订单确认页*/
.order-confirm h2.title{ border-bottom: 1px solid #ddd; padding: 0 0 10px 5px; margin: 30px 0 15px; font-size: 16px; font-weight: bold;}
.confirm-address ul{ display: inline-block; width: 100%; justify-content: space-between; height: 160px; overflow: hidden;}
.confirm-address ul li{ background-color: #fff; border: 1px solid #eee; width: 30%; height: 158px; float: left; position: relative; margin: 0 1.5% 1%;}
.confirm-address ul li:hover{ background-color: #f7f7f7; cursor: pointer;}
.confirm-address ul li:hover p.name a, .confirm-address ul li:hover p.handle{ visibility: visible; }
.confirm-address ul li p{ padding: 0 20px; margin: 10px 0;}
.confirm-address ul li p.name{ border-bottom: 1px solid #eee; line-height: 28px;}
.confirm-address ul li p.name a{ visibility: hidden; }
.confirm-address ul li p a, .confirm-address ul li p.text, .confirm-address ul li p.num{ font-size: 12px;}
.confirm-address ul li p.num{ margin: 0; }
.confirm-address ul li p.handle{ position: absolute; bottom: 0; visibility: hidden; }
.confirm-address ul li p.handle a{ margin-right: 10px; }
.confirm-address ul li.active{ background: #fffbee url('/images/confirm-sign.png') no-repeat 330px 127px; border: 2px solid #f42f2f; height: 156px;}
.confirm-address .all-addr{ padding: 10px 0; cursor: pointer; display: inline-block;}

/* 订单提交成功-在线支付*/
.confirm-online .box-line{ border: 1px solid #eee; padding: 20px; margin-bottom: 20px;}
.confirm-online .top-warp{ position: relative; }
.confirm-online .top-warp h3{ font-size: 20px; font-weight: 700;display: flex; align-items: center;}
.confirm-online .top-warp h3 i{ font-size: 28px; margin-right: 5px;}
.confirm-online .top-warp p{ border-bottom: 1px solid #eaeaea; padding: 10px 0 18px; }
.confirm-online .middle-info p{ padding-top: 18px; font-size: 12px;}
.confirm-online .middle-info p.name span{ width: 1000px; display: inline-block;}
.confirm-online .price{ display: inline-block; position: absolute; right: 0; top: 0;}
.confirm-online .price strong{ font-size: 30px;}
.confirm-online .hint{ border-bottom: 1px solid #eee; padding: 10px 0; font-size: 18px; }
.confirm-online .hint span{ color: #999; font-size: 14px;}
.confirm-online .hint span i{ font-style: normal; padding-left: 5px;}
.confirm-online .way{ margin: 40px; text-align: center;}
.confirm-online .way li{ margin: 0 20px 15px; cursor: pointer; border:1px solid #e0e0e0; width: 175px; height: 60px; text-align: center;}

/*****+++++ 售后 +++++*****/
.order-refund{ border: 1px solid #e8e8e8; margin: 15px 0;}
.order-refund .security-step{ width: 1000px; }
/* 售后类型选择*/
.refund-select{ padding: 40px 30px;}
.refund-select .layui-form-item{ display: flex; align-items: center; }
.refund-select .layui-form-label{ padding: 0 0 15px 0; flex: 1;}
.refund-select .layui-input-block{ margin-left: 0; flex: 15;}
.refund-goods{ border-bottom: 1px dashed #e8e8e8; display: flex; padding-bottom: 15px; margin-bottom: 15px;}
.refund-goods .r-pic{ width: 100px; height: 100px; }
.refund-goods .r-info{ padding: 15px 0 0 10px; }
.refund-goods .r-info h1{ color: #333; font-size: 18px; padding-bottom: 5px;}
.refund-goods .r-info p{ color: #999; font-size: 14px;}

.refund-select-list{ display: flex; justify-content: space-between; padding-top: 15px;}
.refund-select-list li{ border: 1px solid #e8e8e8; padding: 25px; cursor: pointer;}
.refund-select-list li a{ display: flex; align-items: center;}
.refund-select-list li img{}
.refund-select-list li .refund-type{ padding-left: 10px; }
.refund-select-list li .refund-type h3{ padding: 0 5px 5px 5px; font-weight: bold; }
/* 仅退款*/
.refund-tui { padding: 50px; }
.refund-tui .layui-form-item{ margin-bottom: 25px; }
.refund-tui .layui-upload{ display: inline-block; width: 100%; box-sizing: border-box;}
.refund-tui .layui-upload .layui-btn .layui-icon{ font-size: 24px; }
.refund-tui .layui-upload .layui-btn:hover{ color: #7d8289; }
.refund-tui .upload-btn{ background-color: #fff; border: 1px dashed #e9e9e9; color: #7d8289; width: 80px; height: 80px; line-height: 80px; margin-right: 10px; margin-bottom: 10px;}
.refund-tui .layui-upload-list{ display: inline-block;}
.refund-tui .layui-upload-list img{ width: 80px; height: 80px; margin-right: 10px; margin-bottom: 10px;}
.refund-tui button{ width: 25%; background-color: #f42f2f; }