/* 会员中心 */
#memberCenter{ position: relative; min-height: 300px;}
/* 会员信息 */
#memberCenter .memberInfo{ height: 80px; margin-bottom: 10px;position: relative; padding-left: 100px; padding-top: 20px;}
#memberCenter #memberHeadPic{ position: absolute; width: 60px; border: 1px solid #ddd; background-color: #fff; height: 60px; border-radius: 50%; overflow: hidden; background-position: center; background-size: cover; left: 19px; top: 19px; background-repeat: no-repeat; background-image: url("../images/headPic.jpg"); cursor: pointer;}
#memberCenter #memberHeadPic >span.picTip{position: absolute;bottom: 0;left: 0;right: 0;height: 25px;line-height: 22px;text-align: center;font-size: 12px;color: #fff;background-color: rgba(0, 0, 0, .4);}
#memberCenter .baseInfo_line{line-height: 30px;color: #fff;/* font-size: 14px; */}

/* 会员订单 */
#memberCenter .memberOrder{ padding-bottom: 10px;}
#memberCenter .myOrderLine > a{height: 75px;padding-left: 25px;line-height: 75px;position: relative;background-color: #fff; display: block;}
#memberCenter .arrowIcon{ position: absolute; right: 15px; top: 0;}
#memberCenter .memberOrder .statusList{ display: flex; border-top: 1px solid #ddd; border-top: 1px solid #ddd; background-color: #fff;}
#memberCenter .memberOrder .statusList li{ flex: 1;}
#memberCenter .memberOrder .statusList li a{display: block;height: 80px;text-align: center;position: relative;}
#memberCenter .memberOrder .statusList li a > i.orderIcon{display: block;padding-top: 10px;height: 36px;font-size: 30px;}
#memberCenter .memberOrder .statusList li a > span.orderText{ font-size: 12px;}
#memberCenter .memberOrder .statusList li a > span.orderNum{position: absolute;top: 5px;right: 30%;border: 1px solid #ff4644;background-color: #fff;height: 20px;width: 20px;text-align: center;line-height: 20px;color: #ff4644;font-size: 12px;border-radius: 50%; display: none;}

/* 会员中心栏目列表 */
#memberCenter .memberNavList{ padding-bottom: 10px;}
#memberCenter .memberNavList li{ border-bottom: 1px solid #ddd; background-color: #fff; cursor: pointer; height: 65px;line-height: 65px;position: relative;padding-left: 60px;}
#memberCenter .memberNavList li > i.iconfront{position: absolute;left: 0;top: 0;width: 60px;text-align: center;font-size: 20px;}

#memberCenter #logintOut{height: 65px;position: relative;background-color: #fff;padding-left: 60px;line-height: 65px;cursor: pointer;}
#memberCenter #logintOut > i.iconfront{position: absolute;left: 0;top: 0;width: 60px;text-align: center;font-size: 20px;}

#addressList{min-height: 200px; padding-top: 10px;}
#addressList .addrItem{ margin-bottom: 10px; background-color: #fff; padding: 5px 0; min-width: 50px; border-radius: 4px; overflow: hidden;}
#addressList .addrItem .addrInfo{position: relative; height: 30px; line-height: 30px;}
#addressList .addrItem .addrInfo .viewName{ padding-right: 160px; padding-left: 15px;}
#addressList .addrItem .addrInfo .viewPhone{ width: 150px; position: absolute; right: 15px; top: 0; text-align: right;}
#addressList .addrItem .viewAddr{ height: 40px; line-height: 30px; padding:0 15px;}
#addressList .addrItem .addrBtns{ border-top: 1px solid #f2f2f2; padding-top: 10px; height: 30px; line-height: 25px;}
#addressList .addrItem .addrBtn_l{ float: left; width: 35%; padding-left: 10px;}
#addressList .addrItem .addrBtn_l > span > i{ font-size: 22px; margin-top: -2px; margin-right: 5px; display: inline-block; vertical-align: middle;}
#addressList .addrItem .addrBtn_l .defBtn{ display: none;}
#addressList .addrItem .addrBtn_l .defBtn > i{ color: #ff4644; }
#addressList .addrItem .addrBtn_r{ float: right; width: 50%; text-align: right; padding-right: 10px;}
#addressList .addrItem .addrBtn_r > span{ margin-right: 8px;}
#addressList .addrItem .addrBtn_r  i.iconfront{ margin-right: 5px; display: inline-block; vertical-align: middle;}

#addressList .addrItem.defAddr .defBtn{ display: inline-block;}
#addressList .addrItem.defAddr .setDefBtn{ display:none;}
#addressList .addrItem.defAddr .delBtn{ display:none;}

/* 订单详情 */
#orderDetail{ padding-bottom: 10px; font-size: 16px;}
#orderDetail .orderStatus{ height: 80px; line-height: 80px; position: relative;  color: #fff; padding-left: 15px; font-size:18px;}
/* .orderStatus{background-color: #292929;} */
#orderDetail .orderStatus > i.iconfront{ position: absolute; right: 25px; top: 0; font-size: 50px; line-height: 70px;}
#orderDetail .orderAddress{ background-color: #fff; margin-bottom: 10px; padding: 8px 15px 15px 15px;}
#orderDetail .orderAddress .addAddr{ margin: 0 auto; margin-top: 13px; margin-bottom: 5px; width: 180px; text-align: center; cursor: pointer; height: 40px; line-height: 40px;  border-radius: 4px;  color: #fff;}
#orderDetail .orderAddress .addAddr > i{ margin-right: 5px; vertical-align: middle;}
#orderDetail .orderAddress .addrInfo{position: relative; height: 40px; line-height: 40px;}
#orderDetail .orderAddress .addrInfo .viewName{ padding-right: 160px;}
#orderDetail .orderAddress .addrInfo .viewPhone{ width: 150px; position: absolute; right: 15px; top: 0; text-align: right;}
#orderDetail .orderAddress .viewAddr{ min-height: 30px; line-height: 30px;}
.com_mycart #orderDetail .orderAddress .viewAddr{ padding-right: 10px; position: relative;}
.com_mycart #orderDetail .orderAddress .viewAddr::after{content:"\e687"; font-family: "iconfront"!important;     font-size: 16px; position: absolute; right: 0; top: 0;}
#orderDetail .orderProList{ margin-bottom: 10px; background-color: #fff;}
#orderDetail .orderProList .orderProItem{ padding: 10px 15px; padding-bottom: 0; position: relative; padding-left: 112px; min-height: 90px;}
#orderDetail .orderProList .orderProImg{ position: absolute; left: 15px; top: 10px;}
#orderDetail .orderProList .orderProImg img{ display: block; width: 80px; height: 80px; border: 1px solid #f2f2f2;}
#orderDetail .orderProList .proItemText{ height: 30px; line-height: 20px;}
#orderDetail .orderProList .proItemSpec{ color: #999; font-size: 14px;}
#orderDetail .orderProList .proItemPrice > font{  color: #f44;}
#orderDetail .orderCoupon{ margin-bottom: 10px; background-color: #fff; padding: 8px 0 15px 15px; position: relative;}
#orderDetail .orderCoupon .couponInput{ padding-right: 130px;}
#orderDetail .orderCoupon .couponInput input{ border-radius: 4px; border: 1px solid #ddd; height: 40px; line-height: 40px; padding-left: 10px; width: 100%;}
#orderDetail .orderCoupon .couponBtn{ position: absolute;  top: 8px; right: 10px; height: 40px; border-radius: 4px; color: #fff; background-color: #292929; cursor: pointer; text-align: center; width: 100px; line-height: 40px;}
#orderDetail .orderProList .orderProItem .orderProBtn{text-align: right; padding-bottom: 10px;}
#orderDetail .orderProList .orderProItem .orderProBtn > .proBtn{ display: inline-block; font-size: 14px; margin-left: 8px; padding: 0 12px; border: 1px solid #ddd; border-radius: 20px; overflow: hidden; height: 30px; line-height: 30px;}

#orderDetail .orderTotalPrice{ background-color: #fff; margin-bottom: 10px; padding: 5px 15px;}
#orderDetail .orderTotalPrice .priceItem{ height: 45px; line-height: 45px; position: relative;}
#orderDetail .orderTotalPrice .priceLine{ border-bottom: 1px solid #f2f2f2;}
#orderDetail .orderTotalPrice .priceItem .text{ padding-left: 0;}
#orderDetail .orderTotalPrice .priceItem .price{ position: absolute; color: #f44; right: 0; top: 0;  white-space: nowrap;}
#orderDetail .orderTotalPrice .priceItem .select{ position: absolute; right: 0; top: 0; left: 100px; text-align: right; padding-right: 20px; box-sizing: border-box;}
#orderDetail .orderTotalPrice .priceItem .select input{ border: 0; height: 45px; width: 100%; color: #555; text-align: right; background-color: #fff; font-size: 16px;}
#orderDetail .orderTotalPrice .priceItem .select::after{ content:"\e687"; font-family: "iconfront" !important;     font-size: 16px; position: absolute; right: 0; top: 0;}
#orderDetail .orderOther{ background-color: #fff; margin-bottom: 10px; padding: 5px 15px;}
#orderDetail .orderOther .otherItem{ height: 45px; line-height: 45px; position: relative; padding-left: 110px;}
#orderDetail .orderOther .otherLine{ border-bottom: 1px solid #f2f2f2;}
#orderDetail .orderOther .otherItem .text{ position: absolute; left: 0; top: 0;}
#orderDetail .orderOther .otherItem .message{ text-align: right;}
#orderDetail .orderOther .otherItem .input{ position: absolute; top: 0; right: 10px; left: 100px;}
#orderDetail .orderOther .otherItem .input > input,#orderDetail .orderOther .otherItem .select > input{ border: 0; height: 45px; width: 100%; color: #555; text-align: right; background-color: #fff; font-size: 16px; cursor: pointer;}
#orderDetail .orderOther .otherItem .input > input:focus{ border: 0; background-color: #fff;}
#orderDetail .orderOther .otherItem .select{ position: absolute; right: 0; top: 0; left: 180px; text-align: right; padding-right: 20px; box-sizing: border-box;}
#orderDetail .orderOther .otherItem .applyBtn{ display: inline-block;font-size: 14px; margin-left: 8px;  padding: 0 12px;border: 1px solid #ddd; border-radius: 20px;overflow: hidden;  height: 30px;line-height: 30px;}
#orderDetail .orderOther .otherItem .select::after{ content:"\e687"; font-family: "iconfront" !important;     font-size: 16px; position: absolute; right: 0; top: 0;}
#orderDetail .payTipText{ background-color:#f7f7f7; color: #333; padding: 15px; padding-top: 5px; line-height: 30px; font-size: 14px; display: none;}
#orderDetail .orderInfo{ background-color: #fff; padding: 10px 15px;}
#orderDetail .orderInfo .infoItem{ line-height: 40px; color: #666;}

#orderDetail .afterSaleImgList li{ display: block; float: left; width: 60px; height: 60px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ddd; background-repeat: no-repeat; background-size: contain; background-position: center;}
#orderDetail .orderAfterSale{ padding-bottom: 10px;}
#orderDetail .orderAfterSale .weui-panel{ padding-bottom: 10px;}
#orderDetail .afterSaleImgList::after{ content: ""; clear: both; display: block; height: 1px;}
#orderDetail .orderAfterSale .weui-panel__hd{ font-size: 18px; color: initial;}
#orderDetail .orderAfterSale .weui-media-box{ padding: 5px 15px;}
#orderDetail .orderAfterSale .weui-media-box__desc{ line-height: 30px;}

#orderTools .toolsBox{ border-top: 1px solid #ddd; background-color: #fff; padding-top: 12px; height: 52px; overflow-y: hidden; overflow-x: auto; white-space: nowrap; font-size: 0; text-align: right; padding-right: 15px;}
#orderTools li.btn{  display: inline-block; font-size: 14px; margin-left: 8px; padding: 0 12px; cursor: pointer; border-radius: 20px; overflow: hidden; height: 35px; line-height: 35px;}
.toolsBox li.btn{border: 1px solid #ddd;}
#editComment #setCommentStars i.layui-icon{color:#ffb800; font-size: 26px; margin-right: 5px;}
#editComment .commentContent{ width: 100%; border: 1px solid #ddd; height: 100px; resize: none;  color: #292929; font-size: 14px;}
#editComment .codeInp{ width: 150px; display: inline-block; vertical-align: top;}
#editComment .captchaImg{ display: inline-block; vertical-align: top;  height: 35px; margin-left: 10px;}
#editComment .list-pro-view{ font-size: 0;}
#editComment .list-pro-view > div{ display: inline-block; width: 78px; height: 78px; border: 1px solid #ddd; margin-right: 10px; margin-bottom: 10px; vertical-align: top;}
#editComment .list-pro-view > div.uploadImg{ cursor: pointer; position: relative; border-style: dashed;}
#editComment .list-pro-view > div.uploadImg::before,#editComment .list-pro-view > div.uploadImg::after{ content: ""; position: absolute; background-color: #ddd; left: 50%; top: 50%;}
#editComment .list-pro-view > div.uploadImg::before{ width: 1px; height:40px;  margin-top: -20px;}
#editComment .list-pro-view > div.uploadImg::after{ width: 40px; height: 1px; margin-left: -20px;}
#editComment .list-pro-view > div.proImg{ position: relative; text-align: center;}
#editComment .list-pro-view > div.proImg img{ display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
#editComment .list-pro-view > div.proImg::after{ content: ""; height: 100%; display: inline-block; vertical-align: middle; width: 0; overflow: hidden;}
#editComment .list-pro-view > div.proImg span.del{ cursor: pointer; position: absolute; top: -5px; right: -5px; width: 14px; height: 14px; background-color: #ff5414; border-radius: 100%;  color: #fff; font-size: 13px; text-align: center; line-height: 16px;}

#expressBox{ max-width: 720px; margin: 0 auto; z-index: 999;}
#expressBox .toolbar .toolbar-inner{ height: 50px; line-height: 50px;}
#expressBox .toolbar .title{ height: 50px; line-height: 50px; font-size: 18px;}
#expressBox .toolbar .picker-button{ line-height: 50px; font-size: 16px; right: 5px; color:#3d4145;}
#expressBox .expressCon{ padding: 15px 5px 15px 15px;}
#expressBox .expressItem{ height: 45px; line-height: 45px;}
#expressBox .expressList{ height: 300px; overflow-x: hidden; overflow-y: auto; padding-right: 10px; margin-top: 10px;}
#expressBox .expressList .layui-timeline{ padding-left: 5px;}
#expressBox .expressList .layui-timeline-item{ padding-bottom: 10px; position: relative;}
#expressBox .expressList .layui-timeline-item::before{ top: 6px; content: ''; position: absolute; left: 5px; z-index: 0;width: 1px; height: 100%; background-color: #e6e6e6;}
#expressBox .expressList .layui-timeline-item .layui-timeline-axis{ width: 9px; height: 9px; line-height: 9px;left: 1px; top: 6px; border-radius: 50%; display: block; z-index: 10; position: absolute;}
.layui-timeline-item .layui-timeline-axis{background-color: #ccc;}
/* #expressBox .expressList .layui-timeline-item:first-child .layui-timeline-axis{background-color: #292929;} */
#expressBox .expressList .layui-timeline-content{ padding-left: 25px;  line-height: 22px; font-size: 14px;}
#expressBox .expressList .layui-timeline-item .layui-text p{ font-size: 13px; margin-bottom: 5px;}

#weui-actionsheet.fullWidth{left: 50%; margin-left: -360px; max-width: 720px;}