/*交易订单：设备订单-详情*/
.trade-card-page { width:100%; margin:0 auto; clear:both;}
.trade-card-page .card { width:94%; margin:10px auto; margin-bottom:0; background:#FFF; border-radius:9px;}
.trade-card-page .card li.hd { width:100%; height:50px; margin:0 auto; position:relative; font-size:18px; text-indent:44px; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.trade-card-page .card 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-card-page .card li.hd.success { background:url(image/success.png) 10px 13px no-repeat; background-size:auto 24px;}
.trade-card-page .card li.hd.wait { background:url(image/wait.png) 10px 13px no-repeat; background-size:auto 24px;}
.trade-card-page .card li.hd.notice { background:url(image/notice.png) 10px 13px no-repeat; background-size:auto 24px;}
.trade-card-page .card li.bd { width:94%; height:50px; line-height:50px; margin:0 auto; position:relative;}
.trade-card-page .card 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-card-page .card li.bd .left { width:25%; height:50px; line-height:50px; position:absolute; top:0; left:0; font-size:15px; color:#777;}
.trade-card-page .card li.bd .center { width:50%; height:50px; line-height:50px; position:absolute; top:0; left:25%; font-size:15px; color:#000; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.trade-card-page .card li.bd .right { width:50px; height:24px; line-height:24px; position:absolute; top:13px; right:0; z-index:5;}
.trade-card-page .card li.bd .right span{ width:50px; height:24px; line-height:24px; display:block; background:#F4F4F4; color:#777; text-align:center; border-radius:3px;}
.trade-card-page .button { width:94%; margin:20px auto; margin-bottom:0;}
.trade-card-page .button .primary { width:100%; height:50px; margin:0 auto; background:linear-gradient(to right, #25d177, #07C160); border:1px #06af57 solid; color:#FFF; font-size:18px; border-radius:6px; font-weight:bold; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.trade-card-page .button .default { width:100%; height:50px; margin:10px auto; margin-bottom:0; background:#FFF; border:1px #E5E5E5 solid; font-size:18px; color:#555; border-radius:6px; display: flex; flex-direction: row; align-items: center; justify-content: center;}


/*订单：收货地址*/
.trade-goods-page { width: 100%; margin: 0; padding: 0 0 60px 0;}
.trade-goods-page .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-page .address .icon { width: 10%; height: 80px; position: absolute; top: 0; left: 0; background: url(image/location-blue.png) center center no-repeat; background-size: auto 30px; }
.trade-goods-page .address .name { width:58%; height:20px; line-height:20px; position:absolute; top:15px; left:12%;  display:-webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.trade-goods-page .address .name .realname { font-size:18px; color:#000;}
.trade-goods-page .address .name .phone { font-size:15px; padding-left:10px; color:#333;}
.trade-goods-page .address .info { width:58%; height:40px; line-height:20px; position:absolute; top:40px; left:12%; font-size:15px; color:#333; display:-webkit-box; word-break: break-all; text-overflow: ellipsis;  overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.trade-goods-page .address .button { width:88px; height:36px; border-radius:36px; position:absolute; top:24px; right:10px; font-size:13px; cursor:pointer; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.trade-goods-page .address .button: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:36px;}
/*订单：商品信息*/
.trade-goods-page .goods { width: 100%; margin: 10px auto; margin-bottom: 0; background: #FFF;}
.trade-goods-page .goods .hd { width: 100%; height: 50px;  position: relative;}
.trade-goods-page .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-page .goods .hd .name { width: 47%; height: 50px; position: absolute; top: 0; left: 3%; font-size: 15px; font-weight:bold; color:#000; display: flex; flex-direction: row; align-items: center; justify-content: left;}

.trade-goods-page .goods .list { width: 100%; height: 120px; margin:0 auto; position: relative;}
.trade-goods-page .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-page .goods .list .thumb { width: 100px; height: 100px; position: absolute; top: 10px; left: 10px;}
.trade-goods-page .goods .list .thumb img { width: 100px; height: 100px; border-radius:6px; }
.trade-goods-page .goods .list .title { width: 100%; height: 40px; position: absolute; top: 10px; left: 0;}
.trade-goods-page .goods .list .title span {display:block; height:40px; line-height:20px; padding:0 90px 0 120px; font-size:14px; color: #000; display:-webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.trade-goods-page .goods .list .price { width: 80px; height: 20px; line-height: 20px; position: absolute; top: 20px; right:10px; text-align: right; font-size: 16px; color:#000;}
.trade-goods-page .goods .list .sku { width: 100%; height: 20px; position:absolute; top: 60px; left: 0; font-size: 14px; color: #777;}
.trade-goods-page .goods .list .sku .pname { padding-left: 120px;}
.trade-goods-page .goods .list .sku .vname { padding-left: 5px;}
.trade-goods-page .goods .list .number { width: 80px; height: 20px; line-height: 20px; position: absolute; top: 60px; right: 10px; text-align: right; font-size: 16px; color: #999;}
.trade-goods-page .goods .list a { width: 100%; height: 100px; display: block; position: absolute; top: 0; left: 0; z-index: 5;}
.trade-goods-page .goods .total { width: 100%; margin:0 auto; padding:10px 0 10px 0;}
.trade-goods-page .goods .total .li { width:100%; height:30px; line-height:30px; position:relative;}
.trade-goods-page .goods .total .li .left { width:25%; height:30px; position:absolute; top:0; left:0; text-indent:10px;}
.trade-goods-page .goods .total .li .right { width:75%; height:30px; position:absolute; top:0; right:10px; text-align:right;}
.trade-goods-page .goods .total .li { font-size: 15px;}
.trade-goods-page .goods .total .big .right { font-size:16px; color:#FE4543;}

/*订单：订单信息*/
.trade-goods-page .order { width: 100%; margin: 10px auto; margin-bottom: 0; background: #FFF;}
.trade-goods-page .order .hd { width: 100%; height: 50px; line-height: 50px; position: relative;}
.trade-goods-page .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-page .order .hd .name { width: 47%; height: 40px; position: absolute; top:0; left:3%; font-size:15px; color:#000; font-weight:bold;}
.trade-goods-page .order .bd { width: 94%; height: 50px; line-height: 50px; margin: 0 auto; position: relative; font-size:14px;}
.trade-goods-page .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-page .order .bd .left { width: 20%; height: 50px; 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-page .order .bd .center { width: 60%; height: 50px; 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-page .order .bd .right { width:50px; height:24px; line-height:24px; position:absolute; top:15px; right:0; z-index:5;}
.trade-goods-page .order .bd .right cite { width:50px; height:24px; line-height:24px; display:block; background:#F4F4F4; color:#777; text-align:center; border-radius:3px;}

/*订单：物流信息*/
.trade-goods-page .logistics { width: 100%; margin: 10px auto; margin-bottom: 0; background: #FFF;}
.trade-goods-page .logistics .hd { width: 100%; height: 50px; line-height: 50px; position: relative;}
.trade-goods-page .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-page .logistics .hd .name { width: 47%; height: 50px; position: absolute; top: 0; left: 3%; font-size:15px; color:#000; font-weight:bold;}
.trade-goods-page .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-page .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-page .logistics .hd a { width:100%; height:50px; display:block; position:absolute; top:0; left:0; z-index:5;}
.trade-goods-page .logistics .bd { width: 94%; height: 44px; line-height: 44px; margin: 0 auto; position: relative; font-size:14px;}
.trade-goods-page .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-page .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-page .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-page .logistics .bd .right { width:50px; height:24px; line-height:24px; position:absolute; top:10px; right:0; z-index:5;}
.trade-goods-page .logistics .bd .right cite { width:50px; height:24px; line-height:24px; display:block; background:#F4F4F4; color:#777; text-align:center; border-radius:3px;}
.trade-goods-page .logistics .button { width: 100%; height: 50px; margin: 0 auto; position: relative;}
.trade-goods-page .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-page .logistics .fd { width:94%; height:88px; line-height:88px; margin:0 auto; clear:both; text-align:center; font-size:18px; color:#999;}

/*订单：返回首页*/
.trade-goods-page .back { width:94%; height:50px; margin:10px auto; margin-bottom:0; position:relative;}
.trade-goods-page .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-page .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:60px; 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: 60px; position: absolute; top: 0; left: 0; z-index: 5; cursor:pointer;}
.trade-goods-bottom li.home .icon { width: 100%; height: 22px; position: absolute; top: 10px; left: 0; background: url(image/home-gray.png) center center no-repeat; background-size:auto 22px; }
.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.total { width:30%; height:60px; position:absolute; top:0; right:42%; z-index:5; font-size:14px; display:flex; flex-direction:row; align-items:center; justify-content:right;}
.trade-goods-bottom li.total i{ color:#FE4543;}
.trade-goods-bottom li.total b { font-size:16px; color:#FE4543;}
.trade-goods-bottom li.button { width:40%; height:60px; position:absolute; top:0; right:0; z-index:5; font-size:18px; text-align:center; color:#FFF; background:#FE4543; display:flex; flex-direction:row; align-items:center; justify-content:center;}