/*商城商品：商城首页*/
.mall-page { width:100%; margin:0 auto;}
.mall-page li { width:94%; height:140px; background:#FFF; margin:8px auto; overflow:hidden; border-radius:6px; position:relative;}
.mall-page li .thumb { width:120px; height:120px; position:absolute; top:10px; left:10px;}
.mall-page li img { width:120px; height:120px;}
.mall-page li .title { width:100%; position:absolute; top:10px; left:0;}
.mall-page li .title span { display:block; padding-left:140px; font-size:16px; color:#000; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.mall-page li .subtitle { width:100%; position:absolute; top:55px; text-indent:140px; color:#777;}
.mall-page li .text {width:100%; position:absolute; bottom:10px; text-indent:140px; color:#777;}
.mall-page li .text .price .mark{ font-size:14px; color:#FF6600; padding-right:2px;}
.mall-page li .text .price .bold { font-size:22px; font-weight:bold; color:#ff5722;}
.mall-page li .text .oldprice { font-size:16px; text-decoration:line-through; color:#999; padding-left:5px;}


/*商城商品：商品详情*/
.goods-page .thumb{ width:100%;}
.goods-page .thumb img{ width:100%; height:auto;}
.goods-page .amount { width: 100%; height:50px; line-height:50px; background:#FFF; position:relative;}
.goods-page .amount: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;}
.goods-page .amount .price { color:#FF6600; float:left; margin-left:20px;}
.goods-page .amount .price i{ font-size:16px;}
.goods-page .amount .price b { font-size:28px;}
.goods-page .amount .oldprice { text-decoration:line-through; margin-left:10px; color:#999;}
.goods-page .amount .oldprice i{ font-size:18px;}
.goods-page .amount .oldprice b { font-size:18px; font-weight:normal;}
.goods-page .amount .sale { float:right; margin-right:20px; font-size:15px; color:#000;}
.goods-page .title { width: 100%; height: 80px; background: #FFF; position: relative;}
.goods-page .title: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;}
.goods-page .title .text { width: 80%; height:44px; line-height:22px; position: absolute; top:18px; left:10px; font-size:16px; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.goods-page .title .fav { width: 15%; height: 44px; position: absolute; top: 18px; right: 0; }
.goods-page .title .fav:after{content: ''; position: absolute; top: 0;left: 0; border-left: 1px #CCCCCC dashed; -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;}
.goods-page .title .fav .icon { width: 100%; height: 22px; position: absolute; top: 0; left: 0; background: url(image/fav-gray.png) center center no-repeat; background-size: auto 22px; }
.goods-page .title .fav .txt { width: 100%; height: 20px; position: absolute; bottom: 0; left: 0; font-size:13px; color:#333; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.goods-page .detail { width: 100%; margin:10px auto; margin-bottom: 0; padding-bottom: 10px; background: #FFF;}
.goods-page .detail .hd { width: 100%; height: 50px; font-size: 15px; position: relative; color: #000; font-size:18px; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.goods-page .detail .hd: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;}
.goods-page .detail .bd { width:100%; margin:0 auto;} 
.goods-page .detail .bd p{ margin:0 auto;}
.goods-page .detail .bd p img { width: 100%; margin: 0 auto;}

/*商城：菜单*/
.mall-bottom { width:100%; height:61px; max-width:640px; margin:0 auto; position:fixed; _position:absolute; bottom:0px; _bottom:auto; z-index:100;}
.mall-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;}
.mall-bottom .home { width: 12%; height: 60px; position: absolute; top: 0; left: 3%; z-index: 3;}
.mall-bottom .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; }
.mall-bottom .home .text { width: 100%; height: 20px; position: absolute; bottom: 0; left: 0; font-size: 13px; text-align: center; color: #333;}
.mall-bottom .carts { width: 12%; height: 60px; position: absolute; top: 0; left: 17%; z-index: 3;}
.mall-bottom .carts .icon { width: 100%; height: 24px; position: absolute; top: 10px; left: 0; background: url(image/cart-gray.png) center center no-repeat; background-size: auto 24px;}
.mall-bottom .carts .text { width: 100%; height: 20px; position: absolute; bottom: 0; left: 0; font-size: 13px; text-align: center; color: #333;}
.mall-bottom .url { width: 100%; height: 60px; display: block; position: absolute; top: 0; left: 0; z-index: 5;}
.mall-bottom .button { width:60%; height:60px; position:absolute; top:5px; right:3%; z-index:3;}
.mall-bottom .button .cart { width: 50%; height: 50px; position: absolute; top: 0; left: 0; font-size:16px; color:#FFF; background: #FF9802; border-radius:50px 0 0 50px; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.mall-bottom .button .order { width: 50%; height: 50px; position: absolute; top: 0; right: 0; font-size:16px; color:#FFF; background: #FF4B00; border-radius:0 50px 50px 0; display: flex; flex-direction: row; align-items: center; justify-content: center;}


/*商城：规格_选择*/
.mall-sku-page { border-radius:12px 12px 0 0;}
.mall-sku-page .hd { width:94%; height:80px; margin:0 auto; position:relative;}
.mall-sku-page .hd:after{content: ''; position: absolute; top: 0;left: 0; border-bottom: 1px solid #DDDDDD; -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;}
.mall-sku-page .hd .thumb { width:60px; height:60px; position:absolute; top:10px; left:10px; background:#FFF;}
.mall-sku-page .hd .thumb img{ width:60px; height:60px; border-radius:6px;}
.mall-sku-page .hd .price { width:80%; height:20px; line-height:20px; position:absolute; top:15px; left:80px; }
.mall-sku-page .hd .price .value { width:100%; font-size:22px; color:#F40008; padding-right:5px;}
.mall-sku-page .hd .price .stock { font-size:14px; padding-left:10px;}
.mall-sku-page .hd .name { width:50%; height:20px; line-height:20px; position:absolute; bottom:15px; left:80px; font-size:14px;}
.mall-sku-page .hd .name cite { padding-right:4px;}
.mall-sku-page .bd { width:94%; margin:0 auto; overflow-y:auto; overflow-x:hidden; clear:both;}
.mall-sku-page .bd::-webkit-scrollbar { width:3px; background:#F7F7F7;}
.mall-sku-page .bd::-webkit-scrollbar-thumb { border-radius:3px; background:rgba(0,0,0,0.1);  -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);}
.mall-sku-page .bd .skup-box { width: 94%; margin: 0 auto; clear:both;}
.mall-sku-page .bd .skup-box .title {width: 100%; height:30px; margin:10px auto; font-size: 15px; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.mall-sku-page .bd .skup-box .skup { width: 100%; margin: 10px auto; margin-bottom: 0;}
.mall-sku-page .bd .skup-box .skup .list { float: left; height: 40px; line-height: 40px; font-size: 14px; margin: 0 10px 10px 0; background: #EFEFF4; padding: 0 10px 0 10px; border-radius: 4px; position:relative; cursor:pointer;}
.mall-sku-page .bd .skup-box .skup .list span { display:block; float:left;}
.mall-sku-page .bd .skup-box .skup .list img { width: 30px; height: 30px; float: left; margin: 5px 5px 5px -5px;}
.mall-sku-page .bd .skup-box .skup .list a { width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:5;}
.mall-sku-page .bd .skup-box .skup .c { background: #FF4B00; color: #FFF;}
.mall-sku-page .bd .skuv-box { width: 94%; margin: 0 auto;}
.mall-sku-page .bd .skuv-box .title {width: 100%; height:30px; margin: 0 auto; font-size: 15px; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.mall-sku-page .bd .skuv-box .skuv { width: 100%; margin: 10px auto; margin-bottom: 0;}
.mall-sku-page .bd .skuv-box .skuv .list { float: left; height: 40px; line-height: 40px; font-size: 14px; margin: 0 10px 10px 0; background: #EFEFF4; padding: 0 10px 0 10px; border-radius: 4px; position:relative; cursor:pointer;}
.mall-sku-page .bd .skuv-box .skuv .list span {display:block; float:left;}
.mall-sku-page .bd .skuv-box .skuv .c { background: #FF4B00; color: #FFF;}
.mall-sku-page .bd .number-box { width: 94%; height: 50px; margin: 10px auto; margin-bottom:0; position:relative;}
.mall-sku-page .bd .number-box .left { width: 50%; height: 50px; position: absolute; top: 0; left: 0; z-index:5; font-size: 15px; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.mall-sku-page .bd .number-box .right { width: 50%; height: 50px; position: absolute; top: 0; right: 0; z-index:5;}
.mall-sku-page .bd .number-box .right .add { width: 40px; height: 40px; position: absolute; top:5px;  right: 0; background: #EFEFF4 url(image/add-gray.png) center center no-repeat; background-size: 18px auto;}
.mall-sku-page .bd .number-box .right .add a { width:40px; height:40px; display:block; position:absolute; top:0; left:0; z-index:5;}
.mall-sku-page .bd .number-box .right .number { width: 40px; height: 40px; position: absolute; top: 5px; right: 41px; background: #EFEFF4;}
.mall-sku-page .bd .number-box .right .number input { width:40px; height:40px; line-height:40px; position:absolute; top:0; left:0; z-index:5; margin:0; padding:0; border:none; font-size:15px; text-align:center; background:none;}
.mall-sku-page .bd .number-box .right .reduce { width: 40px; height: 40px; position: absolute; top: 5px;  right: 82px; background: #EFEFF4 url(image/reduce-gray.png) center center no-repeat; background-size: 18px auto;}
.mall-sku-page .bd .number-box .right .reduce a { width:40px; height:40px; display:block; position:absolute; top:0; left:0; z-index:5;}
.mall-sku-page .button { width: 94%; height: 50px; margin:20px auto; margin-bottom:20px; background: #FF4B00; color:#FFF; font-size: 18px; border-radius: 40px; display: flex; flex-direction: row; align-items: center; justify-content: center;}

/*--------------------------------------------------------购物车页面--------------------------------------------------------*/
.mall-cart-page { width: 100%; margin: 0; padding-bottom: 60px;}
.mall-cart-page .goods { width:100%; margin:0 auto;} 
.mall-cart-page .goods .list  { width: 100%; height: 110px; background: #FFF; margin:0 auto; margin-bottom: 0; position: relative; }
.mall-cart-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;}
.mall-cart-page .goods .list  .radio { width: 24px; height: 24px; position: absolute; top: 35px; left: 12px; z-index: 5; background: url(image/radio.png) center center no-repeat; background-size: auto 24px; cursor:pointer;}
.mall-cart-page .goods .list  .checked {  background: url(image/radio-green.png) center center no-repeat; background-size: auto 24px; }
.mall-cart-page .goods .list  .thumb { width: 90px; height: 90px; position: absolute; top: 10px; left: 50px;}
.mall-cart-page .goods .list  .thumb img { width: 90px; height: 90px;}
.mall-cart-page .goods .list  .title { width: 100%; height: 20px; line-height: 20px; position: absolute; top: 10px; left: 0;}
.mall-cart-page .goods .list  .title span{ display: block; height: 20px; line-height: 20px; padding: 0 10px 0 150px; font-size: 14px; display:-webkit-box;  word-break: break-all; text-overflow: ellipsis;  overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:1; color: #000;}
.mall-cart-page .goods .list  .sku { width: 100%; height: 20px; line-height: 20px; position: absolute; top: 35px; left: 0; font-size: 13px; color: #777; display:-webkit-box;  word-break: break-all; text-overflow: ellipsis;  overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.mall-cart-page .goods .list  .sku .skup { padding-left: 150px; padding-right:10px;}
.mall-cart-page .goods .list  .status { width: 100%; height: 100px; background: #000; position: absolute; top: 0; left: 0; z-index: 10; border-radius: 6px; opacity:0.3;}
.mall-cart-page .goods .list  .radius { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 12px; position: absolute; top: 30px; left: 50%; margin-left: -15px; z-index: 11; background: #FFF; border-radius: 40px; color: #000; }
.mall-cart-page .goods .list  .price { width: 50%; height: 30px; line-height: 30px; position: absolute; bottom: 10px; left: 150px; font-size: 16px;}
.mall-cart-page .goods .list  .add { width: 36px; height: 36px; position: absolute; bottom: 10px; right: 10px; z-index: 5; background: url(image/add-gray.png) center center no-repeat; background-size: 14px auto; cursor:pointer;}
.mall-cart-page .goods .list  .add:after{content: ''; position: absolute; top: 0;left: 0; border:1px #BBB 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:0 6px 6px 0;}
.mall-cart-page .goods .list  .number { width: 36px; height: 36px; line-height: 36px; position: absolute; bottom: 10px;  right: 46px; z-index: 5; text-align: center; font-size: 14px;}
.mall-cart-page .goods .list  .number:after{content: ''; position: absolute; top: 0;left: 0; border-top:1px #BBB solid; border-bottom:1px #BBB 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;}
.mall-cart-page .goods .list  .reduce { width: 36px; height: 36px; position: absolute; bottom: 10px;  right: 82px; z-index: 5; background: url(image/reduce-gray.png) center center no-repeat; background-size: 14px auto; cursor:pointer;}
.mall-cart-page .goods .list  .reduce:after{content: ''; position: absolute; top: 0;left: 0; border:1px #BBB 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:6px 0 0 6px;}
.mall-cart-page .bottom .text { width: 50%; height: 50px; line-height: 50px; position: absolute; right: 50%; top: 5px; z-index:3; text-align: right;}
.mall-cart-page .bottom .text .txt { font-size: 14px;}
.mall-cart-page .bottom .text .mark { font-size: 16px; color: #E02E24;}
.mall-cart-page .bottom .text .amount { font-size: 22px; color: #E02E24;}
.mall-cart-page .bottom .button { width: 40%; height: 50px; font-size: 18px; position: absolute; top: 5px; right: 3%; z-index:3; border-radius: 50px; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.mall-cart-page .bottom .button.primary {background:linear-gradient(to right, #25d177, #07C160); border:1px #06af57 solid; color: #FFF;}
.mall-cart-page .bottom .button.default{background:linear-gradient(to bottom, #ededed, #e1e1e1); border:1px #cacaca solid; color: #999;}

/*--------------------------------------------------------确认订单页面--------------------------------------------------------*/
.mall-order-page { width:100%; margin:0 auto; padding-bottom:60px;}
.mall-order-page .address { width:100%; height:90px; margin:0 auto; margin-bottom: 0; position: relative; background: #FFF url(image/address-line.png) left bottom repeat-x; background-size:40px auto;}
.mall-order-page .address .location { width:100%; height:90px; position:absolute; top:0; left:0; z-index:3; cursor:pointer;}
.mall-order-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; }
.mall-order-page .address .name { width:70%; 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;}
.mall-order-page .address .name .realname { font-size:18px; color:#000;}
.mall-order-page .address .name .phone { font-size:15px; padding-left:10px; color:#333;}
.mall-order-page .address .info { width:70%; 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;}
.mall-order-page .address .add { width:50%; height:22px; position:absolute; top:34px; right:12%; font-size:18px; color:#FF0000; display: flex; flex-direction: row; align-items: center; justify-content: right;}
.mall-order-page .address .more { width:10%; height:22px; position: absolute; top: 34px; right:5%; display: flex; flex-direction: row; align-items: center; justify-content: right; }

.mall-order-page .goods { width: 100%; margin: 10px auto; margin-bottom: 0; background: #FFF;}
.mall-order-page .goods .list { width: 100%; height:150px; margin:0 auto; position: relative;}
.mall-order-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;}
.mall-order-page .goods .list .thumb { width: 100px; height: 100px; position: absolute; top: 10px; left: 10px;}
.mall-order-page .goods .list .thumb img { width: 100px; height: 100px;}
.mall-order-page .goods .list .title { width: 100%; height: 40px; line-height: 20px; position: absolute; top: 10px; left: 0;}
.mall-order-page .goods .list .title span { padding: 0 70px 0 120px; font-size: 14px; display:-webkit-box; word-break: break-all; text-overflow: ellipsis;  overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:2; color: #000;}
.mall-order-page .goods .list .price { width: 60px; height: 20px; line-height: 20px; position: absolute; top: 20px; right: 10px; text-align: right; font-size: 14px;}
.mall-order-page .goods .list .sku { width: 60%; height: 20px; line-height: 20px; position: absolute; top: 60px; left: 120px; font-size:14px; color: #777; display:-webkit-box; word-break: break-all; text-overflow: ellipsis;  overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.mall-order-page .goods .list .sku .skup { padding-right: 5px;}
.mall-order-page .goods .list .numbers { width: 108px; height:40px; position: absolute; bottom:10px; right: 10px; text-align:right;}
.mall-order-page .goods .list .number { width: 120px; height:40px; position: absolute; bottom:10px; right: 10px;}
.mall-order-page .goods .list .number .add { width: 40px; height: 40px; position: absolute; top: 0;  right: 0; background: url(image/add-gray.png) center center no-repeat; background-size: 16px auto;}
.mall-order-page .goods .list .number .add:after{content: ''; position: absolute; top: 0;left: 0; z-index:1; border: 1px solid #BBB; -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:0 8px 8px 0;}
.mall-order-page .goods .list .number .number { width: 40px; height: 40px; position: absolute; top: 0; right: 40px; font-size: 14px; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.mall-order-page .goods .list .number .number:after{content: ''; position: absolute; top: 0;left: 0; z-index:1; border-top: 1px solid #BBB; border-bottom: 1px solid #BBB; -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;}
.mall-order-page .goods .list .number .reduce { width: 40px; height: 40px; position: absolute; top: 0;  right: 80px; background: url(image/reduce-gray.png) center center no-repeat; background-size: 12px auto;}
.mall-order-page .goods .list .number .reduce:after{content: ''; position: absolute; top: 0;left: 0; z-index:1; border: 1px solid #BBB; -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:8px 0 0 8px;}
.mall-order-page .goods .amount { width:100%; height:50px; line-height:50px; margin:0 auto; clear: both; text-align:right;}
.mall-order-page .goods .amount .mark {font-size:14px; color:#FF0036;}
.mall-order-page .goods .amount .bold { padding-right:10px; font-size:16px; color:#FF0036;}
.mall-order-page .trade { width:100%; margin:10px auto; margin-bottom:0; clear:both;}
.mall-order-page .trade li{width: 100%; height:60px; margin:0 auto; background: #FFF; position: relative;}
.mall-order-page .trade 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;}
.mall-order-page .trade li .left {width:25%; height:60px; position:absolute; top:0; left:0; z-index:2; font-size:15px; color:#333; text-indent:10px; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.mall-order-page .trade li .center { width:75%; height:60px; position:absolute; top:0; left:25%; z-index:2; font-size:15px; color:#999;  display: flex; flex-direction: row; align-items: center; justify-content: left;}
.mall-order-page .trade li .center .input-text { width: 100%; height: 50px; line-height: 50px; position: absolute; top: 5px; left: 0; font-size: 15px; border:none; background:none; padding:0;}
.mall-order-page .trade li .right { width:30%; height:60px; position:absolute; top:0; right:10px; z-index:3; font-size:15px; color:#333; display: flex; flex-direction: row; align-items: center; justify-content: right;}
.mall-order-page .bottom .text { width: 55%; height: 60px; position: absolute; left: 0; top: 0; z-index:3; display: flex; flex-direction: row; align-items: center; justify-content: right;}
.mall-order-page .bottom .text .txt { font-size: 15px;}
.mall-order-page .bottom .text .mark { font-size: 13px; color: #FE4543;}
.mall-order-page .bottom .text .amount { font-size: 18px; color: #FE4543;}
.mall-order-page .bottom .button { width: 40%; height: 60px; font-size: 18px; color:#FFF; background: #FE4543; position: absolute; top: 0; right: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; }


/*--------------------------------------------------------交易订单页面--------------------------------------------------------*/
.mall-trade-page .navigation{ width:100%; max-width:640px; height:50px; margin:0 auto; position:fixed; _position:relative; top:0; _bottom:auto; z-index:50; background:#FFF;}
.mall-trade-page .navigation: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;}
.mall-trade-page .navigation .list { width:20%; float:left; height:50px; font-size:16px; position:relative; z-index:5; cursor:pointer; display: flex; flex-direction: row; align-items: center; justify-content: center;} 
.mall-trade-page .navigation .list.c { color:#07C160;}
.mall-trade-page .navigation .list.c:after{content: ''; position: absolute; top: 0; left: 0; border-bottom: 6px solid #07C160; -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; z-index:1;}
.mall-trade-page .trade { width:100%; margin:60px auto; margin-bottom:0;}
.mall-trade-page .trade .list { width: 100%; background: #FFF; margin:10px auto; margin-bottom:0;}
.mall-trade-page .trade .list .hd {width: 100%; height: 50px; position: relative;}
.mall-trade-page .trade .list .hd: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;}
.mall-trade-page .trade .list .hd .left { width: 80%; height: 50px; line-height: 50px; position: absolute; top: 0; left: 10px; text-align: left; color: #000; font-size:15px;}
.mall-trade-page .trade .list .hd .right { width: 50%; height: 50px; line-height: 50px; position: absolute; top: 0; right: 10px; text-align: right; font-size:14px;}
.mall-trade-page .trade .list .bd { width: 100%; margin: 0 auto; position:relative;}
.mall-trade-page .trade .list .bd .goods { width:94%; height: 120px; margin:0 auto; position: relative;}
.mall-trade-page .trade .list .bd .goods: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;}
.mall-trade-page .trade .list .bd .goods .thumb { width: 100px; height: 100px; position: absolute; top: 10px; left: 0;}
.mall-trade-page .trade .list .bd .goods .thumb img { width: 100px; height: 100px; border-radius:6px; }
.mall-trade-page .trade .list .bd .goods .title { width: 100%; height: 40px; position: absolute; top: 10px; left: 0;}
.mall-trade-page .trade .list .bd .goods .title span {display: block; height: 40px; line-height: 20px; padding: 0 90px 0 110px; display:-webkit-box;  word-break: break-all;  text-overflow: ellipsis;  overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp:2; color: #000; font-size:14px;}
.mall-trade-page .trade .list .bd .goods .price { width: 80px; height: 20px; line-height: 20px; position: absolute; top: 10px; right: 0; text-align: right; font-size:16px;}
.mall-trade-page .trade .list .bd .goods .sku { width: 100%; height: 20px; position: absolute; top: 60px; left: 0; font-size: 13px; color: #999;}
.mall-trade-page .trade .list .bd .goods .sku .pname { padding-left: 110px;}
.mall-trade-page .trade .list .bd .goods .sku .vname { padding-left: 5px;}
.mall-trade-page .trade .list .bd .goods .number { width: 80px; height: 20px; line-height: 20px; position: absolute; top: 60px; right: 0; text-align: right; color: #999; font-size:16px;}
.mall-trade-page .trade .list .bd .total { width: 94%; height: 50px; line-height: 50px; margin:0 auto; text-align: right; position: relative; color:#000;}
.mall-trade-page .trade .list .bd .total: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;}
.mall-trade-page .trade .list .bd .total .number { padding-right:5px; font-size:13px;}
.mall-trade-page .trade .list .bd .total .text { font-size:13px;}
.mall-trade-page .trade .list .bd .total .mark { padding-right:3px; font-size:13px;}
.mall-trade-page .trade .list .bd .total .amounts { font-size: 16px;}
.mall-trade-page .trade .list .bd .total .postage { color:#999; padding-left:4px; font-size:13px;}
.mall-trade-page .trade .list .fd { width: 100%; height: 60px; margin: 0 auto;}
.mall-trade-page .trade .list .fd div { width:88px; height:36px; margin: 12px 10px 12px 0; float: right; border-radius:36px; font-size:13px; position:relative; cursor:pointer; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.mall-trade-page .trade .list .fd .pay {background: #FE4543; color:#FFF;}
.mall-trade-page .trade .list .fd .address: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;}
.mall-trade-page .trade .list .fd .delete: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;}
.mall-trade-page .trade .list .fd .phone: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;}

.mall-trade-page .trade .list .fd .receiving{background: #0099FF; color:#FFF;}
.mall-trade-page .trade .list .fd .logistics{background: #FF9900; color:#FFF;}