@charset "utf-8";
.my-bag{background:#fff;margin-top:3%;width:100%;overflow:hidden;border-top:#e5e5e5 solid 1px;border-bottom:#e5e5e5 solid 1px}
.my-bag .bag-list li a.box,.old-bag .bag-list li a.box{border-bottom:none}
.bag-list li{position:relative;margin:0 0 0 3%;padding:3% 0;border-bottom:#e5e5e5 solid 1px;width:97%;overflow:hidden}
.bag-list li:last-child{border-bottom:none}
.bag-list li a.box{position:relative;display:block;border-bottom:#e5e5e5 solid 1px}
.bag-list li a.box:last-child{border-bottom:none}
.bag-list li a.box .pic{width:20%}
.bag-list li a.box .pic img{width:100%;display:block}
.bag-list li a.box .detail{margin-left:3%;width:74%}
.bag-list li a.box .detail p.title{color:#333}
.bag-list li a.box .detail p.type{color:#999;line-height:22px;font-size:12px}
.bag-list li a.box .detail p.type span{white-space:nowrap;text-overflow:ellipsis;display:block;float:left;width:120px;overflow:hidden}
.bag-list li a.box div.other{position:absolute;right:4%;bottom:0;color:#999;line-height:22px;font-size:12px}
.bag-list li a.box .price .current{color:#f8285c;font-size:16px;margin-right:3px}
.bag-list li a.box .price .old{color:#999;text-decoration:line-through;font-size:10px}
.bag-list li .num{margin-left:23%}
.bag-list li .del{display:block;float:right;margin:2px 3% 0 0;background:url(../images/del.png) no-repeat;background-size:cover;width:20px;height:20px}
.bag-list li .num .join{width:56px;text-align:center;background:#fff;border:#f8285c solid 1px;color:#f8285c;display:block;height:24px;line-height:24px;padding:0 7px;border-radius:4px;font-size:12px}
.bag-list li .num .join.over{color:#fff;background:#ccc;border-color:#ccc}
.old-bag{background:#f7f7f7;border-top:#e5e5e5 solid 1px;border-bottom:#e5e5e5 solid 1px}
.old-bag .old-tips{padding:3% 2%;color:#333;font-size:12px;border-bottom:#e5e5e5 solid 1px}
.old-bag .bag-list li a.box .price .current{color:#999}
.old-bag .bag-list li a.box .detail p.title{color:#999}
.action-list.shopping-list{margin-bottom:0}
.action-list.shopping-list a{font-size:16px}
.action-list.shopping-list .coupon{color:#999;margin-right:7%}
.bag-total{padding:2% 0;background:#f7f7f7;border-top:1px solid #d9d9d9;bottom:0;max-width:640px;min-width:320px;position:fixed;width:100%;z-index:100}
.bag-total .bag-money{margin-left:3%}
.bag-total .go_pay{margin-right:3%}
.bag-total .go_pay{background:none repeat scroll 0 0 #f8285c;border-radius:5px;color:#fff;display:block;font-size:16px;padding:12px 0;text-align:center;width:34%}
.bag-total .bag-money p{line-height:20px;font-size:12px}
.bag-total .bag-money .count{color:#333;font-size:16px}
.bag-total .bag-money .count.other{padding:12% 0}
.bag-total .bag-money.other .count{font-size:14px}
.bag-total .bag-money.other .save{font-size:12px}
.bag-total .bag-money .count .p{color:#f8285c}
.bag-total .bag-money .count .t{color:#999;font-size:12px}
.bag-total .bag-money .save{color:#999}
#bag-alert .box{margin:0 auto;width:80%;padding:12% 5% 8%;background:#ececec;height:auto;overflow:hidden;border-radius:6px}
.btn-all a{display:block;width:47%;padding:13px 0;text-align:center;margin-top:6%;border-radius:5px}
.btn-all a.btn01{background:#fff;border:#e5e5e5 solid 1px}
.btn-all a.btn02{background:#f8285c;border:#f8285c solid 1px;color:#fff}
#bag-alert .txt{color:#333;font-size:16px;line-height:26px}
.bag-box{border-radius:6px;background:#ececec;margin:0 auto;width:90%;padding:3% 0 0;text-align:left;height:auto;overflow:hidden}
.bag-box .txt{padding:0 0 3% 4%;font-size:12px}
.bag-box .bag-list{background:#f7f7f7;padding:2% 2% 0}
.bag-box .bag-list li a.box{margin-bottom:0}
.bag-box .bag-list li a.box .detail{width:75%}
.bag-box .btn-all{width:90%;padding:5%;height:auto;overflow:hidden}
.bag-box .btn-all a{margin-top:0}
.action-list.action-bag{margin-top:0}
.action-list.action-bag li{position:relative;height:auto;line-height:30px;padding:12px 0;height:auto;overflow:hidden}
.action-list.action-bag li a{width:100%;height:auto;overflow:hidden}
.action-list.action-bag li a div{width:100%}
.action-list.action-bag li .cur{margin:0;position:absolute;top:50%;margin-top:-9px;right:3%}
.action-list.action-bag li span.name,.action-list.action-bag li .phone{font-size:16px}
.action-list.action-bag li span.name{margin-right:5px}
.action-list.action-bag li span.address{color:#666;width:90%;float:left;line-height:24px}
.pay-type{width:94%;overflow:hidden;border-top:#e5e5e5 solid 1px;border-bottom:#e5e5e5 solid 1px;background:#fff;padding:10px 3%;font-size:16px;color:#333;line-height:30px;margin-bottom:2%}
.pay-type span.type img{width:30px;vertical-align:middle;margin-left:5px}
.order-detail{margin-top:1%;background:#fff;border-top:#e5e5e5 solid 1px;border-bottom:#e5e5e5 solid 1px}
.order-detail .seller{overflow:hidden;color:#333;padding:3% 0 3% 3%;border-bottom:#e5e5e5 solid 1px}
.order-detail .seller img{width:22px;margin-right:6px;vertical-align:top}
.order-detail .bag-list li a.box{padding:3% 0}
.order-detail .bag-list li a.box:first-child{padding-top:0}
.order-detail .bag-list li a.box .other{bottom:5%}
.order-detail .bag-list li a.box .pic{width:20%}
.order-detail .bag-list li a.box .detail{width:74%}
.order-detail .bag-list li a.box .detail p.title{font-size:14px}
.order-detail .bag-list li a.box .price .current{color:#999;font-size:14px}
.order-detail .bag-list li div.normal{padding:3% 3% 3% 0;border-top:#e5e5e5 solid 1px;margin-top:-1px}
.order-detail .bag-list li div.normal .rose{color:#666}
.order-detail .bag-list li div.normal span.tip{color:#999;font-size:12px}
.order-detail .activate-box{margin-right:2%;width:93%}
.order-detail .activate-box .activate-key{font-size:12px}
.order-detail .activate-box.message{background:#ececec;border-color:#ececec;margin-top:3%}
.order-detail .activate-box.message span{color:#999}
.address-show{width:100%;background:#fff;margin-bottom:3%;border-bottom:#e5e5e5 solid 1px}
.address-show li{padding:3% 0;margin-left:3%;width:97%;height:auto;overflow:hidden;border-bottom:#e5e5e5 solid 1px;line-height:30px}
.address-show li:last-child{border-bottom:none}
.address-show li span{color:#999;width:25%}
.address-show li span em{color:#f36;margin-right:3px}
.address-show li .normal-input{border:0 none;height:30px;width:70%;font-size:14px}
.address-show li .tbl-cell{display:table-cell}
.address-show li .tbl-cell label{color:#333}
.new-p-re{position:relative}
.new-select{height:30px;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:10}
option{height:24px;line-height:24px;padding:3px}
.normal-area{border:0 none;height:40px;line-height:20px;width:70%;font-size:14px;margin:5px 0}
.action-list .switch{margin:7px 3% 0 0;background:#4bd562;width:60px;height:36px;border-radius:20px}
.action-list .switch span{width:32px;height:32px;border-radius:20px;display:block;background:#fff;float:right;margin:2px 2px 0 0}
.action-list .switch.no{background:#ccc}
.action-list .switch.no span{float:left;margin:2px 0 0 2px}
.my-address{width:100%;height:auto;overflow:hidden;background:#fff}
.my-address li.normal{position:relative;padding:3%;border-bottom:#e5e5e5 solid 1px;line-height:26px}
.my-address li.normal span.name,.my-address li.normal span.phone{color:#333;font-size:16px}
.my-address li.normal span.name{margin-right:5px}
.my-address li.normal span.default{font-size:12px;background:#f9537d;padding:0.5px 5px;margin-left:5px;color:#fff;border-radius:2px;display:inline-block;height:16px;line-height:16px}
.my-address li.normal span.address{width:70%;display:block}
.success-show{width:100%;height:auto;overflow:hidden}
.success-show .success-tip{color:#808080;background:#fff;padding:6% 0 5% 0;text-align:center;font-size:16px}
.success-show .success-tip img{width:120px;margin-bottom:10px}
.success-show .success-tip .only_time{color:#f8285c;padding:2% 0 0}
.pay-goods-detail{background:#ececec;padding:0 0 5% 0;width:100%;overflow:hidden}
.pay-goods-detail ul{background:#f7f7f7;border-bottom:#e5e5e5 solid 1px;border-top:#e5e5e5 solid 1px}
.pay-goods-detail li{padding:3% 3% 3% 0;margin-left:3%;border-bottom:#e5e5e5 solid 1px}
.pay-goods-detail li:last-child{border-bottom:none}
.pay-goods-detail .txt{font-size:12px;color:#999;margin:4% 0 0;text-align:center}
.change_btn{padding:0 3%}
.change_btn a{display:block;color:#fff;font-size:16px;width:48%;padding:12px 0;background:#f8285c;border-radius:5px;margin:4% auto;text-align:center}
.change_btn .look-order{background:#fff;color:#666;margin-right:4%}
.contact-detail{border-top:#e5e5e5 solid 1px;padding:10% 0}
.contact-detail .contact{height:18px;line-height:18px;display:block;width:40%;text-align:center;padding:3% 0;border:#e5e5e5 solid 1px;background:#fff;margin:0 auto;border-radius:5px}
.contact-detail .contact img{height:18px;vertical-align:top;margin-right:3px}
.my-order .bag-list li a.box{margin-bottom:0;padding-bottom:0}
.order-state{padding:2% 3%;border-bottom:#e5e5e5 solid 1px}
.order-state .state{color:#f8285c}
.order-state .state.other{color:#999}
.order-state .time{color:#999;font-size:12px}
.my-order .go_see{padding:2% 0;margin:0 3%;background:#f2f2f2;text-align:center;color:#999}
.my-order .go_see a{color:#999;font-size:12px;display:block}
.my-order .go_see img{margin-left:2px;vertical-align:-2px;width:14px;opacity:.8}
.pay-detail{padding:3%;width:94%;overflow:hidden;height:34px;line-height:34px}
.pay-detail .pay-all{color:#333}
.pay-detail .pay-all em{color:#f8285c}
.pay-detail .go-pay{background:#f8285c;border:#f8285c solid 1px;color:#fff;text-align:center;width:80px;text-align:center;border-radius:5px;margin-left:2%}
.pay-detail .go-pay.go-see{background:#fff;border-color:#999;color:#999}
.bag-tips{font-size:12px;background:#ececec;color:#999;text-align:center;padding:4% 0;border-bottom:#e5e5e5 solid 1px;line-height:22px}
.bag-tips a{color:#f8285c;text-decoration:underline}
.wuliu-detail{background:#fff;margin-bottom:2%;border-bottom:#e5e5e5 solid 1px;border-top:#e5e5e5 solid 1px}
.wuliu-detail:first-child{border-top:none}
.wuliu-detail h2{font-size:16px;font-weight:normal;margin-left:3%;padding:3% 0;border-bottom:#e5e5e5 solid 1px}
.wuliu-detail .bag-list a.box{margin-bottom:0}
.wuliu-detail .company{margin:0 3%;padding:3% 0;width:96%;height:52px;overflow:hidden;line-height:26px;border-bottom:#e5e5e5 solid 1px}
.wuliu-detail .company .company-icon{margin-right:10px}
.wuliu-detail .company .company-icon img{width:52px;border-radius:25%}
.wuliu-detail .infor{padding:3% 3% 0;width:94%}
.wuliu-detail .infor ul{border-left:3px solid #ececec;height:auto;width:92%;margin:0 4%}
.wuliu-detail .infor ul li{position:relative;border-bottom:#e5e5e5 solid 1px;padding:2% 0;margin-left:3%;line-height:22px;color:#999}
.wuliu-detail .infor ul.other{border-left:none}
.wuliu-detail .infor ul li:first-child{padding-top:0}
.wuliu-detail .infor ul li:last-child{border-bottom:none}
.wuliu-detail .infor ul li em.normal{position:absolute;top:13%;left:-4%;background:url(../images/normal-icon.png) no-repeat #fff;width:12px;height:12px;background-size:cover;margin-left:-4px}
.wuliu-detail .infor ul li.cur em.normal{background:url(../images/active-icon.png) no-repeat #fff;background-size:cover;height:20px;width:20px;margin-left:-8px;top:0}
.wuliu-detail .infor ul li.cur{color:#f8285c}
.wuliu-detail .infor .empty{color:#f8285c;padding-bottom:3%}
.bag-area{height:220px;overflow:auto}
.bag-area .bag-list li a.box{padding-bottom:0}
.my-address li.normal span.wx{background:#3fb838}
.see-more{text-align:center;font-size:12px;padding:3% 0;border-top:#e6e6e6 solid 1px}
.see-more.other{background:#f2f2f2;border-top:none}
.see-more a{color:#999}
.see-more img{height:8px;margin-left:2px}
.other-login{background:none repeat scroll 0 0 #fff;border-top:1px solid #e5e5e5;height:50px;line-height:50px;text-align:center}
.other-login a{color:#f8285c;padding:0 5px}
.other-login .cur{background:url(../images/cur.png) no-repeat scroll 0 0 / cover rgba(0,0,0,0);height:15px;width:8px;display:inline-block;margin-left:5px;vertical-align:-3px}
.manjian{background:#ffab33 none repeat scroll 0 0;border-radius:2px;color:#fff;float:left;font-size:10px;margin-right:12px;padding:0.3% 0;text-align:center;width:26px}
.fl{display:inline-block;float:left}
.order-detail .media .media-body .title{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:300px;}
@media screen and (min-width:750px){
    .order-detail .media .media-body .title{width:550px}
}
@media screen and (max-width:375px){
    .order-detail .media .media-body .title{width:275px}
}
@media screen and (max-width:320px){
    .order-detail .media .media-body .title{width:225px;}
}