.trade-goods-show { width: 100%; margin: 0; padding: 0 0 60px 0;}

/*订单：收货地址*/
.trade-goods-show .address { width: 100%; height: 85px; margin: 0 auto; margin-bottom: 0; position: relative;  background: #FFF url(https://img.meishai.net/icon/icon-address.png) left bottom repeat-x; background-size:40px auto; }
.trade-goods-show .address .icon { width: 10%; height: 80px; position: absolute; top: 0; left: 0; background: url(https://img.pddxp.com/icon/location-blue.png) center center no-repeat; background-size: 20px auto; }
.trade-goods-show .address .more { width: 10%; height: 80px; position: absolute; top: 0; right: 0; background: url(https://img.pddxp.com/icon/more.png) center center no-repeat; background-size: auto 12px;}
.trade-goods-show .address .name { width: 70%; height: 20px; position: absolute; top: 10px; left: 10%;}
.trade-goods-show .address .name .realname { font-size: 15px; color:#000;}
.trade-goods-show .address .name .phone { font-size:13px; padding-left: 10px; color: #777;}
.trade-goods-show .address .info { width: 70%; height: 40px; line-height:20px; position: absolute; top: 35px; left: 10%; font-size: 13px; color: #777; display:-webkit-box; word-break: break-all; text-overflow: ellipsis;  overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:2;}

/*订单：商品信息*/
.trade-goods-show .goods { width: 100%; margin: 10px auto; margin-bottom: 0; background: #FFF;}
.trade-goods-show .goods .hd { width: 100%; height: 50px; line-height: 50px; position: relative;}
.trade-goods-show .goods .hd:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px #EFEFF4 solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.trade-goods-show .goods .hd .name { width: 47%; height: 50px; position: absolute; top: 0; left: 3%; font-size: 15px; font-weight:bold; color:#000;}
.trade-goods-show .goods .list { width: 100%; height: 100px; margin:0 auto; position: relative;}
.trade-goods-show .goods .list:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px solid #EFEFF4; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.trade-goods-show .goods .list .thumb { width: 80px; height: 80px; position: absolute; top: 10px; left: 10px;}
.trade-goods-show .goods .list .thumb img { width: 80px; height: 80px; border-radius:6px; }
.trade-goods-show .goods .list .title { width: 100%; height: 40px; position: absolute; top: 10px; left: 0;}
.trade-goods-show .goods .list .title span {display: block; height: 40px; line-height: 20px; padding: 0 80px 0 100px; display:-webkit-box;  word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:2; color: #000;}
.trade-goods-show .goods .list .price { width: 80px; height: 20px; line-height: 20px; position: absolute; top: 20px; right: 10px; text-align: right; font-size: 14px;}
.trade-goods-show .goods .list .sku { width: 100%; height: 20px; position:absolute; top: 60px; left: 0; font-size: 12px; color: #999;}
.trade-goods-show .goods .list .sku .pname { padding-left: 100px;}
.trade-goods-show .goods .list .sku .vname { padding-left: 5px;}
.trade-goods-show .goods .list .number { width: 80px; height: 20px; line-height: 20px; position: absolute; top: 60px; right: 10px; text-align: right; font-size: 14px; color: #999;}
.trade-goods-show .goods .list a { width: 100%; height: 100px; display: block; position: absolute; top: 0; left: 0; z-index: 5;}
.trade-goods-show .goods .total { width: 100%; margin:0 auto; padding:10px 0 10px 0;}
.trade-goods-show .goods .total .li { width:100%; height:24px; line-height:24px; position:relative;}
.trade-goods-show .goods .total .li .left { width:25%; height:24px; position:absolute; top:0; left:0; text-indent:10px;}
.trade-goods-show .goods .total .li .right { width:75%; height:24px; position:absolute; top:0; right:10px; text-align:right;}
.trade-goods-show .goods .total .li { font-size: 13px;}
.trade-goods-show .goods .total .big .right { font-size:16px; color:#FE4543;}

/*订单：订单信息*/
.trade-goods-show .order { width: 100%; margin: 10px auto; margin-bottom: 0; background: #FFF;}
.trade-goods-show .order .hd { width: 100%; height: 50px; line-height: 50px; position: relative;}
.trade-goods-show .order .hd:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px #EFEFF4 solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.trade-goods-show .order .hd .name { width: 47%; height: 40px; position: absolute; top:0; left:3%; font-size:15px; color:#000; font-weight:bold;}
.trade-goods-show .order .bd { width: 94%; height: 44px; line-height: 44px; margin: 0 auto; position: relative; font-size:14px;}
.trade-goods-show .order .bd:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px #EFEFF4 solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.trade-goods-show .order .bd .left { width: 20%; height: 44px; position: absolute; top: 0; left: 0; color:#555; display: -webkit-box;  word-break: break-all; text-overflow: ellipsis;  overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.trade-goods-show .order .bd .center { width: 60%; height: 44px; position: absolute; top: 0; left: 20%; color:#000; display: -webkit-box;  word-break: break-all; text-overflow: ellipsis;  overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.trade-goods-show .order .bd .right { width:50px; height:24px; line-height:24px; position:absolute; top:10px; right:0; z-index:5;}
.trade-goods-show .order .bd .right a { width:50px; height:24px; line-height:24px; display:block; background:#F4F4F4; color:#777; text-align:center; border-radius:3px;}

/*订单：物流信息*/
.trade-goods-show .logistics { width: 100%; margin: 10px auto; margin-bottom: 0; background: #FFF;}
.trade-goods-show .logistics .hd { width: 100%; height: 50px; line-height: 50px; position: relative;}
.trade-goods-show .logistics .hd:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px #EFEFF4 solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.trade-goods-show .logistics .hd .name { width: 47%; height: 50px; position: absolute; top: 0; left: 3%; font-size:15px; color:#000; font-weight:bold;}
.trade-goods-show .logistics .hd .text { width:30%; height:20px; line-height:20px; position:absolute; top:15px; right:30px; text-align:right; font-size:15px; color:#0099FF;}
.trade-goods-show .logistics .hd .more { width:20px; height:20px; display:block; position:absolute; top:15px; right:10px; background:url(image/more.png) center center no-repeat; background-size:auto 14px;}
.trade-goods-show .logistics .hd a { width:100%; height:50px; display:block; position:absolute; top:0; left:0; z-index:5;}

.trade-goods-show .logistics .bd { width: 94%; height: 44px; line-height: 44px; margin: 0 auto; position: relative; font-size:14px;}
.trade-goods-show .logistics .bd:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px #EFEFF4 solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.trade-goods-show .logistics .bd .left { width: 20%; height: 44px; position: absolute; top: 0; left: 0; color:#555; display: -webkit-box;  word-break: break-all; text-overflow: ellipsis;  overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.trade-goods-show .logistics .bd .center { width:60%; height:44px; position: absolute; top:0; left:20%; color:#000; display: -webkit-box;  word-break: break-all; text-overflow: ellipsis;  overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.trade-goods-show .logistics .bd .right { width:50px; height:24px; line-height:24px; position:absolute; top:10px; right:0; z-index:5;}
.trade-goods-show .logistics .bd .right a { width:50px; height:24px; line-height:24px; display:block; background:#F4F4F4; color:#777; text-align:center; border-radius:3px;}
.trade-goods-show .logistics .button { width: 100%; height: 50px; margin: 0 auto; position: relative;}
.trade-goods-show .logistics .button a { width: 96%; height: 30px; line-height: 30px; position: absolute; top: 10px; left: 2%; z-index: 5; display: block; text-align: center; font-size: 13px; color: #FFF; background: #0BD074; border-radius:3px; }

.trade-goods-show .logistics .fd { width:94%; height:88px; line-height:88px; margin:0 auto; clear:both; text-align:center; font-size:18px; color:#999;}
/*订单：返回首页*/
.trade-goods-show .back { width:94%; height:50px; margin:10px auto; margin-bottom:0; position:relative;}
.trade-goods-show .back:after{content: ''; position: absolute; top: 0;left: 0; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top; border-radius:10px; background:#FFF;}
.trade-goods-show .back a {width:100%; height:50px; line-height:50px; display:block; position:absolute; top:0; left:0; z-index:5; text-align:center; font-size:16px; color:#555;}


/*订单：订单支付*/
.trade-goods-bottom { width:100%; height:51px; max-width:640px; margin:0 auto; position:fixed; _position:absolute; bottom:0px; _bottom:auto; z-index:100;}
.trade-goods-bottom:after{content: ''; position: absolute; top: 0;left: 0; border-top: 1px solid #D2D2D2; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top; background:#FAFAFA;}
.trade-goods-bottom li.home {width: 18%; height: 50px; position: absolute; top: 0; left: 0; z-index: 3;}
.trade-goods-bottom li.home .icon { width: 100%; height: 24px; position: absolute; top: 5px; left: 0; background: url(image/icon-index-gray.png) center center no-repeat; background-size:auto 24px; }
.trade-goods-bottom li.home .text { width: 100%; height: 20px; position: absolute; bottom: 0; left: 0; font-size: 13px; text-align: center; color: #333;}
.trade-goods-bottom li.home a { width:100%; height:50px; display:block; position:absolute; top:0; left:0; z-index:5;}
.trade-goods-bottom li.total { width: 40%; height:20px; line-height:20px; position: absolute; top:15px; left:18%; z-index:3; text-align: right;}
.trade-goods-bottom li.total .text { font-size: 14px;}
.trade-goods-bottom li.total .mark { font-size: 12px; color: #FE4543;}
.trade-goods-bottom li.total .amount { font-size: 18px; color: #FE4543;}
.trade-goods-bottom li.button { width: 40%; height: 50px; line-height: 50px; font-size: 18px; text-align: center; color: #FFF; position: absolute; top: 0; right: 0; }
.trade-goods-bottom li.button a { width:100%; height:50px; display:block; position:absolute; top:0; left:0; z-index:5; color:#FFF; background: #FE4543;}
.trade-goods-bottom li.button cite { width:100%; height:50px; display:block; position:absolute; top:0; left:0; z-index:5; color:#FFF; background:#b2b2b2 url(image/load.gif) center center no-repeat; background-size: 16px auto;}
.trade-goods-bottom li.button-gray { background: #B2B2B2;}


/*订单：物联卡*/
.trade-cart-show { width:100%; margin:0 auto; clear:both;}
.trade-cart-show .cart { width:94%; margin:10px auto; margin-bottom:0; background:#FFF; border-radius:9px;}
.trade-cart-show .cart li.hd { width:100%; height:50px; line-height:50px; margin:0 auto; position:relative;}
.trade-cart-show .cart li.hd:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px #EFEFF4 solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.trade-cart-show .cart li.hd .icon { width:20px; height:20px; position:absolute; top:15px; left:10px;}
.trade-cart-show .cart li.hd .text { width:50%; height:20px; line-height:20px; position:absolute; top:15px; left:40px; font-size:15px; font-weight:bold;}
.trade-cart-show .cart li.hd .success { background:url(image/icon-success.png) center center no-repeat; background-size:20px auto;}
.trade-cart-show .cart li.hd .wait { background:url(image/icon-wait.png) center center no-repeat; background-size:20px auto;}
.trade-cart-show .cart li.bd { width:94%; height:50px; line-height:50px; margin:0 auto; position:relative;}
.trade-cart-show .cart li.bd:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px #EFEFF4 solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.trade-cart-show .cart li.bd .left { width:25%; height:50px; line-height:50px; position:absolute; top:0; left:0; font-size:14px; color:#777;}
.trade-cart-show .cart li.bd .center { width:50%; height:50px; line-height:50px; position:absolute; top:0; left:25%; font-size:14px; color:#000; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.trade-cart-show .cart li.bd .right { width:50px; height:24px; line-height:24px; position:absolute; top:13px; right:0; z-index:5;}
.trade-cart-show .cart li.bd .right a { width:50px; height:24px; line-height:24px; display:block; background:#F4F4F4; color:#777; text-align:center; border-radius:3px;}
.trade-cart-show .button { width:94%; margin:20px auto; margin-bottom:0;}
.trade-cart-show .button .pay { width:100%; height:50px; margin:0 auto; clear:both;}
.trade-cart-show .button .pay a { width:100%; height:50px; line-height:50px; display:block; text-align:center; background:#07C160; color:#FFF; font-size:16px; border-radius:5px; font-weight:bold;}
.trade-cart-show .button .pay cite.load{ width:100%; height:50px; line-height:50px; display:block; border-radius:5px; background:#B2B2B2 url(image/load.gif) center center no-repeat; background-size:16px auto;}
.trade-cart-show .button .back { width:100%; height:50px; margin:10px auto; margin-bottom:0; position:relative;}
.trade-cart-show .button .back:after{content: ''; position: absolute; top: 0;left: 0; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top; border-radius:10px; background:#FFF;}
.trade-cart-show .button .back a {width:100%; height:50px; line-height:50px; display:block; position:absolute; top:0; left:0; z-index:5; text-align:center; font-size:16px; color:#555;}

.trade-card-box { width:100%; margin:0 auto;}
.trade-card-box .trade { width:94%; height:202px; margin:10px auto; margin-bottom:0; background:#FFF; border-radius:9px;}
.trade-card-box .trade .info { width:94%; height:50px; margin:0 auto; position:relative;}
.trade-card-box .trade .info:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px #EFEFF4 solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.trade-card-box .trade .noline:after{border-bottom: none;}
.trade-card-box .trade .info .left { width:25%; height:50px; line-height:50px; position:absolute; top:0; left:0; text-align:left; font-size:14px; color:#777;}
.trade-card-box .trade .info .right { width:75%; height:50px; line-height:50px; position:absolute; top:0; left:25%; text-align:right; font-size:14px; color:#000; }


.trade-card-box .coupon { width:94%; height:102px; margin:10px auto; margin-bottom:0; background:#FFF; border-radius:9px;}
.trade-card-box .coupon .info { width:94%; height:50px; margin:0 auto; position:relative;}
.trade-card-box .coupon .info:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px #EFEFF4 solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.trade-card-box .coupon .noline:after{border-bottom: none;}
.trade-card-box .coupon .info .icon { width:16px; height:16px; line-height:16px; text-align:center; font-size:14px; position:absolute; top:17px; left:0; background:#f56c6c; color:#FFF;}
.trade-card-box .coupon .info .text { width:50%; height:16px; line-height:16px; position:absolute; top:17px; left:20px; color:#000; font-size:14px;}
.trade-card-box .coupon .info .red { width:50%; height:16px; line-height:16px; position:absolute; top:17px; right:20px; text-align:right; font-size:14px;}
.trade-card-box .coupon .info .more { width: 16px; height: 16px; line-height:16px; position: absolute; top: 17px; right: 0; background: url(image/more.png) center center no-repeat; background-size: auto 12px;}
.trade-card-box .coupon .info a { width:100%; height:50px; display:block; position:absolute; top:0; left:0; z-index:5;}


.trade-card-box .paytype { width:94%; margin:10px auto; padding-bottom:10px; margin-bottom:0; background:#FFF; border-radius:9px;}
.trade-card-box .paytype li { width:94%; height:50px; margin:0 auto; position:relative;}
.trade-card-box .paytype li:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px #EFEFF4 solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.trade-card-box .paytype li.title {height:20px; line-height:20px; text-align:left; margin:0 auto; padding:15px 0 15px 0; font-size:15px; color:#000; font-weight:bold;}
.trade-card-box .paytype li.title:after{ border-bottom:none;}
.trade-card-box .paytype li.balance:after{ border-bottom:none;}
.trade-card-box .paytype li a { width:100%; height:50px; display:block; position:absolute; top:0; left:0; z-index:100;}
.trade-card-box .paytype .left { width:60%; height:24px; line-height:24px; position:absolute; top:13px; left:0; text-indent:34px; font-size:14px; color:#000;}
.trade-card-box .paytype .right { width:20px; height:20px; position:absolute; top:15px; right:0; background:url(https://img.meishai.net/icon/radio.png) center center no-repeat; background-size:20px auto;}
.trade-card-box .paytype .c .right {background:url(https://img.meishai.net/icon/radio-green.png) center center no-repeat; background-size:20px auto;}
.trade-card-box .paytype .weixin .left { background:url(image/pay-wechat.png) left center no-repeat; background-size:auto 24px;}
.trade-card-box .paytype .alipay .left { background:url(image/pay-alipay.png) left center no-repeat; background-size:auto 24px;}
.trade-card-box .paytype .balance .left { background:url(image/pay-balance.png) left center no-repeat; background-size:auto 24px;}
.trade-card-box .paytype .balance .left i { padding-left:4px;} 

.trade-card-bottom { width:100%; height:51px; max-width:640px; margin:0 auto; position:fixed; _position:absolute; bottom:0px; _bottom:auto; z-index:100;}
.trade-card-bottom:after{content: ''; position: absolute; top: 0;left: 0; border-top: 1px solid #D2D2D2; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top; background:#FAFAFA;}
.trade-card-bottom .left { width:50%; height:16px; line-height:16px; position:absolute; top:17px; left:20px; z-index:1;}
.trade-card-bottom .left span { font-size:14px; color:#777; padding-right:3px;}
.trade-card-bottom .left i { font-size:12px; color:#FF0000; padding-right:3px;}
.trade-card-bottom .left b { font-size:18px; color:#FF0000;}
.trade-card-bottom .right { width:30%; height:40px; position:absolute; top:5px; right:20px; z-index:1; }
.trade-card-bottom .right a { width:100%; height:40px; line-height:40px; display:block; text-align:center; color:#FFF; background:#07C160; border-radius:40px; font-size:18px;}
.trade-card-bottom .right cite{ width:100%; height:40px; line-height:40px; display:block; text-align:center; background:#b2b2b2 url(image/load.gif) center center no-repeat; background-size: 16px auto; border-radius:40px;}
/*物流查询*/
.logistics-box { width:100%; margin: 0; padding: 0 0 60px 0;}
.logistics-box .goods { width:100%; height:80px; margin:0 auto; background:#FFF; position:relative;}
.logistics-box .goods .image { width:70%; height:60px; position:absolute; top:10px; left:3%; overflow:hidden;}
.logistics-box .goods .image .list { width:60px; height:60px; float:left; margin-right:5px; position:relative;}
.logistics-box .goods .image .list img:after{content: ''; position: absolute; top: 0;left: 0; z-index:3; border-bottom: 1px #CCC solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.logistics-box .goods .image .list img { width:58px; height:58px; position:absolute; top:1px; left:1px; z-index:1;}
.logistics-box .goods .text { width:26%; height:20px; line-height:20px; text-align:right; position:absolute; top:30px; right:3%; overflow:hidden;}
.logistics-box .logistics { width:100%; margin:10px auto; margin-bottom:0; background:#FFF; clear:both;}
.logistics-box .logistics .list{ width:94%; margin:0 auto; margin-bottom:0; position:relative; padding-bottom:20px;}
.logistics-box .logistics .list:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px #EFEFF4 solid; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.logistics-box .logistics .list .status { width:100%; margin:0 auto; margin-bottom:0; padding-top:10px; height:20px; line-height:20px; font-size:15px; color:#000; font-weight:bold;}
.logistics-box .logistics .list .status i { padding-left:10px; color:#777; font-size:13px; font-weight:normal;}
.logistics-box .logistics .list .context { width:100%; margin:10px auto; margin-bottom:0; text-align:left; font-size:13px;}
.logistics-box .logistics .tip { width:100%; line-height:100px; text-align:center; font-size:18px; color:#999;}


.logistics-box .back { width:94%; height:50px; margin:10px auto; margin-bottom:0; position:relative;}
.logistics-box .back:after{content: ''; position: absolute; top: 0;left: 0; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top; border-radius:10px; background:#FFF;}
.logistics-box .back a {width:100%; height:50px; line-height:50px; display:block; position:absolute; top:0; left:0; z-index:5; text-align:center; font-size:16px; color:#555;}




.message-box .card-first-coupon-box { width:80%; height:400px; margin:-200px 0 0 -40%; background:#FFF;}
.message-box .card-first-coupon-box .hd { width:100%; height:60px; margin:0 auto; position:relative; background:#FFF; }
.message-box .card-first-coupon-box .hd:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px solid #DDD; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.message-box .card-first-coupon-box .hd .blod { width:100%; height:14px; line-height:14px; position:absolute; top:15px; left:0; text-align:center; font-size:15px; color:#000; font-weight:bold;}
.message-box .card-first-coupon-box .hd .text { width:100%; height:12px; line-height:12px; position:absolute; top:35px; left:0; text-align:center; font-size:13px; color:#FF0000;}
.message-box .card-first-coupon-box .hd .close { width:36px; height:36px; display:block; position:absolute; top:0; left:0; z-index:5; background:url(image/close-gray.png) center center no-repeat; background-size:14px auto;}
.message-box .card-first-coupon-box .hd .close:after { border:none;}
.message-box .card-first-coupon-box .bd {width:100%; height:330px; margin:0 auto; position:relative; overflow-y:auto; overflow-x:hidden; }
.message-box .card-first-coupon-box .bd::-webkit-scrollbar { width:5px; background:#F7F7F7;}
.message-box .card-first-coupon-box .bd::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.1);  -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);}
.message-box .card-first-coupon-box .bd .list { width:94%; height:80px; margin:0 auto; position:relative;}
.message-box .card-first-coupon-box .bd .list:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px solid #EFEFF4; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.message-box .card-first-coupon-box .bd .list .title { width:100%; height:14px; line-height:14px; position:absolute; top:10px; left:0; font-size:14px; font-weight:bold; color:#000; background:url(image/card-huodong-icon.png) left center no-repeat; background-size:auto 14px; text-indent:20px;}
.message-box .card-first-coupon-box .bd .list .time{ width:100%; height:20px; line-height:20px; position:absolute; top:30px; left:0; font-size:12px; color:#777;}
.message-box .card-first-coupon-box .bd .list .text{ width:100%; height:20px; line-height:20px; position:absolute; top:50px; left:0; font-size:11px; color:#333;}
.message-box .card-first-coupon-box .bd .list .amount { width:100px; height:20px; line-height:20px; position:absolute; top:30px; right:50px; text-align:right;}
.message-box .card-first-coupon-box .bd .list .amount i { font-size:12px; color:#FF0000;}
.message-box .card-first-coupon-box .bd .list .amount b { font-size:18px; font-weight:bold; color:#FF0000;}
.message-box .card-first-coupon-box .bd .list .radio { width:24px; height:24px; position:absolute; top:28px; right:0; background:url(https://img.meishai.net/icon/radio.png) center center no-repeat; background-size:24px auto;}
.message-box .card-first-coupon-box .bd .c .radio {background:url(https://img.meishai.net/icon/radio-green.png) center center no-repeat; background-size:24px auto;}
.message-box .card-first-coupon-box .bd .list a { width:100%; height:80px; display:block; position:absolute; top:0; left:0; z-index:100;}
.message-box .card-first-coupon-box .bd .nolist { width:100%; height:20px; line-height:20px; font-size:16px; color:#999; position:absolute; top:50%; left:0; margin-top:-10px; text-align:center;}


.message-box .card-plus-coupon-box { width:80%; height:400px; margin:-200px 0 0 -40%; background:#FFF;}
.message-box .card-plus-coupon-box .hd { width:100%; height:60px; margin:0 auto; position:relative; background:#FFF; }
.message-box .card-plus-coupon-box .hd:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px solid #DDD; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.message-box .card-plus-coupon-box .hd .blod { width:100%; height:14px; line-height:14px; position:absolute; top:15px; left:0; text-align:center; font-size:15px; color:#000; font-weight:bold;}
.message-box .card-plus-coupon-box .hd .text { width:100%; height:12px; line-height:12px; position:absolute; top:35px; left:0; text-align:center; font-size:13px; color:#FF0000;}
.message-box .card-plus-coupon-box .hd .close { width:36px; height:36px; display:block; position:absolute; top:0; left:0; z-index:5; background:url(image/close-gray.png) center center no-repeat; background-size:14px auto;}
.message-box .card-plus-coupon-box .hd .close:after { border:none;}
.message-box .card-plus-coupon-box .bd {width:100%; height:330px; margin:0 auto; position:relative; overflow-y:auto; overflow-x:hidden; }
.message-box .card-plus-coupon-box .bd::-webkit-scrollbar { width:5px; background:#F7F7F7;}
.message-box .card-plus-coupon-box .bd::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.1);  -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);}
.message-box .card-plus-coupon-box .bd .list { width:94%; height:80px; margin:0 auto; position:relative;}
.message-box .card-plus-coupon-box .bd .list:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px solid #EFEFF4; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.message-box .card-plus-coupon-box .bd .list .title { width:100%; height:14px; line-height:14px; position:absolute; top:10px; left:0; font-size:14px; font-weight:bold; color:#000; background:url(image/card-huodong-icon.png) left center no-repeat; background-size:auto 14px; text-indent:20px;}
.message-box .card-plus-coupon-box .bd .list .time{ width:100%; height:20px; line-height:20px; position:absolute; top:30px; left:0; font-size:12px; color:#777;}
.message-box .card-plus-coupon-box .bd .list .text{ width:100%; height:20px; line-height:20px; position:absolute; top:50px; left:0; font-size:11px; color:#333;}
.message-box .card-plus-coupon-box .bd .list .amount { width:100px; height:20px; line-height:20px; position:absolute; top:30px; right:50px; text-align:right;}
.message-box .card-plus-coupon-box .bd .list .amount i { font-size:12px; color:#FF0000;}
.message-box .card-plus-coupon-box .bd .list .amount b { font-size:18px; font-weight:bold; color:#FF0000;}
.message-box .card-plus-coupon-box .bd .list .radio { width:24px; height:24px; position:absolute; top:28px; right:0; background:url(https://img.meishai.net/icon/radio.png) center center no-repeat; background-size:24px auto;}
.message-box .card-plus-coupon-box .bd .list a { width:100%; height:80px; display:block; position:absolute; top:0; left:0; z-index:100;}
.message-box .card-plus-coupon-box .bd .nolist { width:100%; height:20px; line-height:20px; font-size:16px; color:#999; position:absolute; top:50%; left:0; margin-top:-10px; text-align:center;}


/*流量订单：收银台*/
.card-trade-cash { width:100%; margin:0 auto; clear: both; padding-bottom:200px;}
.card-trade-cash .package{ width:94%; margin:0 auto; min-height:145px; margin-bottom:0; background:#FFF; border-radius:0 0 9px 9px; display: flex; padding-bottom:15px;}
.card-trade-cash .package-left {width:35%; flex-shrink: 0; display: flex; flex-direction: column; box-sizing: border-box; position:relative;}
.card-trade-cash .package-right{ width:65%; display: flex; flex-direction: column; flex-grow: 1;}
.card-trade-cash .package .info{ width:90%; height:130px; position:absolute; top:15px; left:5%; z-index:1; background-image: linear-gradient(180deg,#8acba9,#07C160); border-radius:6px;}
.card-trade-cash .package .info .box { width:98%; height:96px; position:absolute; top:1%; left:1%; z-index:2; background:#FFF; border-radius:6px;}
.card-trade-cash .package .info .box .text { width:94%; height:14px; line-height:14px; position:absolute; top:15px; left:3%; font-size:13px; color:#999; text-align:center;}
.card-trade-cash .package .info .box .flow { width:94%; height:22px; line-height:22px; position:absolute; top:40px; left:3%; font-size:22px; color:#999; text-align:center; color:#07C160; font-weight:bold;}
.card-trade-cash .package .info .box .month { width:94%; height:14px; line-height:14px; position:absolute; top:70px; left:3%; font-size:13px; color:#999; text-align:center; color:#07C160;}
.card-trade-cash .package .info .catname { width:100%; height:20px; line-height:20px; position:absolute; top:105px; left:0; color:#FFF; font-size:14px; text-align:center;}
.card-trade-cash .package .title { width:90%; height:20px; line-height:20px; margin-left:5%; padding-top:15px; font-size:15px; font-weight:bold; color:#000; display: -webkit-box;  word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.card-trade-cash .package .amount { width:90%; line-height:16px; margin-left:5%; padding-top:10px; font-size:14px;}
.card-trade-cash .package .amount cite { font-size:14px; color:#FF0000;}
.card-trade-cash .package .amount b { color:#FF0000; padding-left:2px;}
.card-trade-cash .package .amount i { color:#999; padding-left:2px; font-size:12px; color:#000;}
.card-trade-cash .package .subtitle { width:90%; line-height:16px; margin-left:5%; padding-top:10px; font-size:12px; color:#555;}
.card-trade-cash .package .desc { width:90%; line-height:16px; margin-left:5%; padding-top:10px; font-size:12px; color:#999;}
.card-trade-cash .paytype { width:94%; margin:10px auto; margin-bottom:0; background:#FFF; border-radius:9px;}
.card-trade-cash .paytype li { width:94%; margin:0 auto; position:relative;}
.card-trade-cash .paytype li.title { width:100%; height:44px; line-height:44px; text-align:left; margin:0 auto; font-size:15px; color:#000; text-indent:15px;}
.card-trade-cash .paytype li.title:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px solid #DDD; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.card-trade-cash .paytype li.list { width:90%; height:60px;}
.card-trade-cash .paytype li.list:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px solid #EFEFF4; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.card-trade-cash .paytype li.list:last-child:after { border:none;}
.card-trade-cash .paytype li.list a { width:60px; height:60px; display:block; position:absolute; top:0; right:0; z-index:100;}
.card-trade-cash .paytype .left { width:60%; height:26px; line-height:26px; position:absolute; top:17px; left:0; text-indent:34px; font-size:15px; color:#000;}
.card-trade-cash .paytype .right { width:50px; height:60px; position:absolute; top:0; right:0; background:url(image/radio.png) center right no-repeat; background-size:28px auto;}
.card-trade-cash .paytype .c .right {background:url(image/radio-green.png) center right no-repeat; background-size:28px auto;}
.card-trade-cash .paytype cite.tip {  color:#FF5500; position:absolute; top:40px; left:34px; font-size:12px;}
.card-trade-cash .paytype .weixin .left { background:url(image/pay-wechat.png) left center no-repeat; background-size:auto 26px;}
.card-trade-cash .paytype .alipay .left { background:url(image/pay-alipay.png) left center no-repeat; background-size:auto 26px;}
.card-trade-cash .paytype .balance .left { background:url(image/pay-balance.png) left center no-repeat; background-size:auto 26px;}
.card-trade-cash .paytype .balance .left i { padding-left:4px;}
.card-trade-cash .paytype li.more { width:94%; height:20px; line-height:20px; text-align:center; margin:17px auto; padding-bottom:17px;}
.card-trade-cash .paytype li.more .expand{ font-size:14px; color:#999; background:url(image/arrow-down.png) right center no-repeat; background-size:auto 16px; padding-right:20px;}
.card-trade-cash .other{width:94%; margin:10px auto; margin-bottom:0; background:#FFF; border-radius:9px;}
.card-trade-cash .other li { width:90%; height:50px; margin:0 auto; position:relative;}
.card-trade-cash .other li:after{content: ''; position: absolute; top: 0;left: 0; z-index:1; border-bottom: 1px solid #EFEFF4; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.card-trade-cash .other li:last-child:after{ border:none;}
.card-trade-cash .other .check { width:30px; height:30px; position:absolute; top:10px; right:0; z-index:2; background:url(image/check.png) center center no-repeat; background-size:auto 24px;}
.card-trade-cash .other .checked {background:url(image/checked-green.png) center center no-repeat; background-size:auto 24px;}
.card-trade-cash .other .balance .title { width:50%; height:14px; line-height:14px; position:absolute; top:11px; left:0; z-index:2; font-size:14px; color:#000;}
.card-trade-cash .other .balance .text { width:50%; height:14px; line-height:14px; position:absolute; top:29px; left:0; z-index:2; font-size:12px; color:#999;}
.card-trade-cash .other .rule .title { width:60%; height:20px; line-height:20px; font-size:14px; color:#000; position:absolute; top:15px; left:0; z-index:2; display: flex; flex-direction: row; align-items: center;}
.card-trade-cash .other .rule .title b { font-weight:normal;}
.card-trade-cash .other .rule .title i {width:20px; height: 20px; display:block; margin-left:8px; background:url(image/tip-gray-2.png) center center no-repeat; background-size:auto 16px;}
.card-trade-cash .button { width:100%; height:90px; max-width:640px; margin:0 auto; position:fixed; _position:absolute; bottom:0px; _bottom:auto; z-index:100; background:#EFEFF4;}
.card-trade-cash .button a { width:94%; height:50px; line-height:50px; margin:20px auto; margin-bottom:0; display:block; font-size:18px; text-align:center; background:#fc8b2d; color:#FFF; border-radius: 50px;}
.card-trade-cash .button cite {width:94%; height:50px; line-height:50px; margin:20px auto; margin-bottom:0; display:block; font-size:18px; text-align:center; background:#b2b2b2 url(image/load.gif) center center no-repeat; background-size: 16px auto;  color:#FFF; border-radius: 50px;}

.card-trade-cash .list-expand{width:100%; margin:10px auto; margin-bottom:0;}
.card-trade-cash .list-expand li { width:45.5%; float:left; position:relative; margin:0 0 10px 3%; background:#FFF; border-radius:9px; padding-bottom:15px;}
.card-trade-cash .list-expand li:after{content: ''; position: absolute; top: 0;left: 0; border:2px #ff9900 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top; border-radius:18px;}
.card-trade-cash .list-expand .title { width:100%; height:40px; line-height:40px; margin:0 auto; background:#FF9900; color:#FFF; font-size:15px; text-align:center; border-radius:9px 9px 0 0; font-weight:bold;}
.card-trade-cash .list-expand .amount { width:90%; height:20px; line-height:20px; margin:0 auto; padding-top:10px; color:#FF9900; text-align:center;}
.card-trade-cash .list-expand .amount cite { font-size:13px;}
.card-trade-cash .list-expand .amount b { font-size:22px;}
.card-trade-cash .list-expand .amount i { font-size:13px;}
.card-trade-cash .list-expand .subtitle{ width:90%; line-height:14px; margin:0 auto; margin-bottom:0; padding-top:10px; color:#555; text-align:center; font-size:13px;}
.card-trade-cash .list-expand .desc  {width:90%; line-height:14px; margin:0 auto; margin-bottom:0; padding-top:10px; color:#999; text-align:center; font-size:13px;}
.card-trade-cash .list-expand li.c {background:#FFF url(image/icon-expand-choose.png) right bottom no-repeat; background-size:40px auto;}







.trade-cash-box { width:100%; margin:0 auto;}
.trade-cash-box .payment { width:94%; margin:10px auto; margin-bottom:0; clear:both; background:#FFF; border-radius:9px;}
.trade-cash-box .payment .text { width:100%; height:20px; line-height:20px; padding:30px 0 0 0; text-align:center; font-size:15px; color:#555;}
.trade-cash-box .payment .amount { width:100%; height:30px; line-height:30px; padding:10px 0 0 0; text-align:center; color:#000;}
.trade-cash-box .payment .amount i { font-size:20px;}
.trade-cash-box .payment .amount b { font-size:30px;}
.trade-cash-box .paytype { width:94%; margin:40px auto; padding-bottom:10px; margin-bottom:0;}
.trade-cash-box .paytype li { width:94%; height:60px; margin:0 auto; position:relative;}
.trade-cash-box .paytype li.title {height:20px; line-height:20px; text-align:left; margin:0 auto; padding:20px 0 20px 0; font-size:17px; color:#000; font-weight:bold;}
.trade-cash-box .paytype li a { width:60px; height:60px; display:block; position:absolute; top:0; right:0; z-index:100;}
.trade-cash-box .paytype .left { width:60%; height:26px; line-height:26px; position:absolute; top:17px; left:0; text-indent:34px; font-size:15px; color:#000;}
.trade-cash-box .paytype .right { width:50px; height:60px; position:absolute; top:0; right:0; background:url(https://img.meishai.net/icon/radio.png) center right no-repeat; background-size:25px auto;}
.trade-cash-box .paytype .c .right {background:url(https://img.meishai.net/icon/radio-green.png) center right no-repeat; background-size:25px auto;}
.trade-cash-box .paytype cite.tip {  color:#FF5500; position:absolute; top:40px; left:34px; font-size:12px;}
.trade-cash-box .paytype .weixin .left { background:url(image/pay-wechat.png) left center no-repeat; background-size:auto 26px;}
.trade-cash-box .paytype .alipay .left { background:url(image/pay-alipay.png) left center no-repeat; background-size:auto 26px;}
.trade-cash-box .paytype .balance .left { background:url(image/pay-balance.png) left center no-repeat; background-size:auto 26px;}
.trade-cash-box .paytype .balance .left i { padding-left:4px;}
.trade-cash-box .paytype .more { height:30px; text-align:center; margin:15px auto; margin-bottom:0;}
.trade-cash-box .paytype .more .expand{ font-size:14px; color:#999; background:url(image/arrow-down.png) right center no-repeat; background-size:auto 16px; padding-right:20px;}
 
.trade-cash-box .button { width:94%; margin:20px auto; margin-bottom:0;}
.trade-cash-box .button a { width:100%; height:50px; line-height:50px; display:block; font-size:18px; text-align:center; background:#07C160; color:#FFF; border-radius: 50px;}
.trade-cash-box .button cite { width:100%; height:50px; line-height:50px; display:block; font-size:18px; text-align:center; background:#b2b2b2 url(image/load.gif) center center no-repeat; background-size: 16px auto;  color:#FFF; border-radius: 50px;}