.trade-body{display:flex;flex-direction:column;background:#f5f6f8;min-height:100vh;padding-top:0;}
.trade-body .trade-page > .container{width:auto;max-width:none;}
.trade-main{flex:1;}
.trade-wrap{width:1200px;max-width:calc(100% - 48px);margin:0 auto;}
.trade-head{background:#fff;border-bottom:1px solid #eee;height:76px;}
.trade-head .trade-wrap{height:100%;display:flex;align-items:center;}
.trade-logo{display:flex;align-items:center;height:40px;}
.trade-logo img{display:block;height:36px;width:auto;filter:none;}
.trade-head-nav{display:flex;align-items:center;margin-left:56px;gap:36px;font-size:16px;}
.trade-head-nav a{color:#333;}
.trade-head-nav a.on{color:#db261d;}
.trade-head-side{margin-left:auto;display:flex;align-items:center;gap:18px;}
.trade-mini-user,.trade-mini-cart{position:relative;display:flex;align-items:center;color:#222;font-size:22px;line-height:1;}
.trade-mini-user:hover,.trade-mini-cart:hover{color:#db261d;}
.trade-mini-cart .trade-cart-num{top:-8px;right:-12px;}
.trade-main{padding:40px 0 72px;}
.trade-page{padding:0;}
.trade-page > h3{margin:0 0 24px;font-size:26px;font-weight:600;line-height:1.3;}
.trade-tabs{margin:-8px 0 20px;font-size:14px;}
.trade-tabs a{display:inline-block;margin-right:8px;padding:6px 14px;color:#666;background:#fff;border:1px solid #eee;}
.trade-tabs a.on{color:#fff;background:#db261d;border-color:#db261d;}
.trade-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.04);}
.trade-table th,.trade-table td{border:0;border-bottom:1px solid #f0f0f0;padding:18px 16px;text-align:left;vertical-align:middle;}
.trade-table th{background:#fafafa;font-weight:500;color:#666;}
.trade-table img{width:64px;height:64px;object-fit:contain;}
.trade-price{color:#c00;font-size:22px;margin:12px 0;}
.trade-price b{font-weight:600;}
.trade-buy{margin:16px 0 10px;}
.trade-buy input[type=number]{width:80px;height:36px;padding:0 8px;border:1px solid #ddd;}
.trade-quick{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;}
.trade-list-qty{height:30px;}
.trade-list-qty button{width:26px;height:28px;font-size:16px;}
.trade-list-qty input{width:40px;height:28px;font-size:13px;}
.trade-quick-add{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid #db261d;background:#fff;color:#db261d;cursor:pointer;}
.biaoge tr td .trade-quick-add i,.trade-quick-add .iconfont{font-size:16px;line-height:1;color:#db261d;display:block;}
.trade-quick-add:hover{background:#fff6f5;}
.trade-quick-add:disabled{opacity:.6;cursor:wait;}
.trade-fly{position:fixed;z-index:100000;width:46px;height:46px;border-radius:4px;background:#fff center/contain no-repeat;border:1px solid #db261d;pointer-events:none;box-shadow:0 8px 18px rgba(0,0,0,.16);}
.trade-fly-dot{width:16px;height:16px;border-radius:50%;background:#db261d;border:0;}
.trade-cart-hit{animation:tradeCartHit .32s ease;}
@keyframes tradeCartHit{0%{transform:scale(1)}45%{transform:scale(1.28)}100%{transform:scale(1)}}
.qty-box{display:inline-flex;align-items:center;height:36px;border:1px solid #ddd;background:#fff;}
.qty-box button{width:36px;height:34px;border:0;background:#f7f7f7;color:#333;font-size:18px;line-height:1;cursor:pointer;}
.qty-box button:hover{background:#efefef;}
.qty-box input{width:56px;height:34px;border:0;border-left:1px solid #eee;border-right:1px solid #eee;text-align:center;font-size:14px;}
.qty-box input:focus{outline:none;}
.trade-btn{display:inline-block;margin-right:8px;padding:10px 22px;background:#db261d;color:#fff;border:0;cursor:pointer;}
.trade-btn.light{background:#fff;color:#333;border:1px solid #ddd;}
.trade-btn:disabled{background:#ccc;cursor:not-allowed;}
.trade-empty{padding:64px 0;color:#888;text-align:center;background:#fff;font-size:16px;}
.trade-sum{margin-top:24px;padding:20px 24px;text-align:right;font-size:16px;background:#fff;}
.checkout-sum{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:22px 32px;margin-top:16px;padding:18px 24px;background:#fff;}
.checkout-sum span{display:block;margin-bottom:4px;color:#888;font-size:13px;font-weight:400;}
.checkout-sum b{font-size:16px;font-weight:600;color:#222;}
.checkout-sum em{font-style:normal;}
.checkout-sum .is-pay b{color:#db261d;font-size:22px;}
.checkout-form{margin-top:16px;}
.checkout-card{margin-bottom:16px;padding:8px 24px 20px;background:#fff;}
.checkout-card-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:14px 0;border-bottom:1px solid #f2f2f2;}
.checkout-card-hd h4{margin:0;font-size:16px;font-weight:600;color:#222;line-height:1.4;}
.checkout-card-hd a{color:#db261d;font-size:14px;}
.checkout-empty{padding:8px 0 12px;color:#999;font-size:14px;}
.pick-card{display:flex;align-items:flex-start;gap:10px;margin:0 0 10px;padding:14px 16px;border:1px solid #eee;cursor:pointer;}
.pick-card:last-child{margin-bottom:0;}
.pick-card input{margin:3px 0 0;flex:none;}
.pick-card b{display:block;color:#222;font-weight:600;}
.pick-card b i{display:inline-block;margin-left:8px;padding:0 6px;border:1px solid #db261d;color:#db261d;font-size:12px;font-style:normal;font-weight:400;line-height:18px;vertical-align:1px;}
.pick-card em{display:block;margin-top:4px;color:#666;font-size:13px;font-style:normal;}
.pick-card:hover,.pick-card:has(input:checked){border-color:#db261d;background:#fffafa;}
.invoice-toggle{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 14px;cursor:pointer;}
.invoice-toggle input{margin:0;}
.invoice-toggle span{color:#222;font-size:15px;}
.invoice-toggle em{flex:1 0 100%;color:#999;font-size:13px;font-style:normal;line-height:1.6;}
.checkout-card textarea{display:block;width:100%;height:88px;margin:0 0 16px;padding:10px 12px;border:1px solid #eee;box-sizing:border-box;resize:vertical;}
.checkout-card textarea:focus{outline:none;border-color:#db261d;}
.trade-form .trade-row{margin-bottom:12px;}
.trade-form label{display:block;margin-bottom:4px;}
.trade-form input[type=text],.trade-form textarea,.trade-form select{width:100%;max-width:420px;height:36px;padding:0 8px;border:1px solid #ddd;box-sizing:border-box;}
.addr-card{max-width:760px;padding:22px 28px 28px;}
.addr-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin-bottom:18px;}
.addr-field{margin-bottom:18px;}
.addr-card label{display:block;margin:0 0 8px;color:#333;font-size:14px;}
.addr-card input[type=text],.addr-card select{width:100%;height:42px;padding:0 12px;border:1px solid #e5e5e5;background:#fff;box-sizing:border-box;color:#222;}
.addr-card input[type=text]:focus,.addr-card select:focus{outline:none;border-color:#db261d;}
.addr-area{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}
.addr-default{display:flex;align-items:center;gap:8px;margin:0 0 22px;cursor:pointer;color:#333;}
.addr-default input{margin:0;}
.addr-actions{display:flex;align-items:center;gap:12px;}
.addr-actions .trade-btn{margin:0;min-width:108px;height:42px;line-height:22px;text-align:center;box-sizing:border-box;text-decoration:none;}
.pay-card{max-width:720px;padding:22px 28px 24px;}
.pay-sn{color:#888;font-size:14px;}
.pay-amount{display:flex;align-items:baseline;gap:12px;margin:12px 0 16px;}
.pay-amount span{color:#666;font-size:14px;}
.pay-amount b{color:#db261d;font-size:32px;font-weight:600;line-height:1;}
.pay-meta{display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:14px;border-top:1px solid #f2f2f2;color:#888;font-size:13px;}
.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;}
.pay-method{display:flex;align-items:center;gap:12px;margin:0;padding:16px 18px;border:1px solid #eee;cursor:pointer;background:#fff;}
.pay-method input{margin:0 0 0 auto;flex:none;}
.pay-method b{font-size:16px;font-weight:600;color:#222;}
.pay-method:hover,.pay-method:has(input:checked){border-color:#db261d;background:#fffafa;}
.pay-ico{display:flex;width:40px;height:40px;flex:none;}
.pay-ico svg{display:block;width:40px;height:40px;}
.pay-form .trade-btn{min-width:140px;height:44px;margin:0;box-sizing:border-box;}
.pay-note{max-width:720px;margin:4px 0 0;color:#999;font-size:13px;}
.order-block{margin-bottom:16px;background:#fff;}
.order-block-hd,.order-block-ft{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:14px 16px;}
.order-block-hd{border-bottom:1px solid #f2f2f2;color:#666;font-size:14px;}
.order-block-hd b{color:#db261d;font-weight:600;}
.order-block-hd em{margin-left:auto;color:#222;font-style:normal;font-weight:600;}
.order-block-ft{justify-content:flex-end;border-top:1px solid #f2f2f2;}
.order-block-ft .trade-btn{margin:0 0 0 8px;}
.order-goods{overflow-x:auto;}
.order-goods .trade-table{min-width:720px;box-shadow:none;}
.detail-card{margin-bottom:16px;padding:22px 24px;}
.detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.detail-status{flex:none;padding:3px 10px;border:1px solid #db261d;color:#db261d;font-size:13px;line-height:20px;}
.detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:32px;align-items:start;}
.detail-grid h4{margin:0 0 10px;font-size:15px;font-weight:600;color:#222;}
.detail-grid p{margin:0 0 6px;color:#444;line-height:1.7;}
.detail-grid p b{color:#222;font-weight:600;}
.detail-grid .is-muted{color:#999;}
.detail-grid a{color:#db261d;}
.detail-block + .detail-block{margin-top:18px;}
.order-block-ft form{display:inline;}
.trade-form textarea{height:80px;padding:8px;}
.trade-muted{color:#999;}
.trade-form{max-width:640px;padding:8px 0 12px;}
.trade-foot{background:#fff;border-top:1px solid #eee;padding:20px 0;color:#999;font-size:13px;text-align:center;}
.trade-foot a{color:#999;}
@media (max-width:767px){
	.trade-wrap{max-width:calc(100% - 28px);}
	.trade-head{height:auto;}
	.trade-head .trade-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo side" "nav nav";height:auto;align-items:center;column-gap:12px;padding-top:10px;}
	.trade-logo{grid-area:logo;height:32px;min-width:0;}
	.trade-logo img{height:28px;max-width:100%;}
	.trade-head-side{grid-area:side;margin-left:0;gap:16px;}
	.trade-head-nav{grid-area:nav;width:auto;margin:10px 0 0;gap:0;justify-content:space-around;border-top:1px solid #f2f2f2;font-size:13px;}
	.trade-head-nav a{flex:1;text-align:center;padding:11px 4px;line-height:1.2;}
	.trade-main{padding:16px 0 36px;}
	.trade-foot{padding:14px 0;font-size:12px;line-height:1.7;}
	.trade-foot a{white-space:nowrap;}
	.checkout-sum{justify-content:space-between;gap:12px 16px;padding:16px;}
	.checkout-card{padding:4px 16px 16px;}
	.addr-card{padding:16px;}
	.addr-grid,.addr-area,.pay-methods,.detail-grid{grid-template-columns:1fr;}
	.detail-card{padding:16px;}
	.pay-card{padding:16px;}
}
.auth-card{max-width:460px;margin:8px auto 20px;background:#fff;border:1px solid #eee;padding:8px 32px 36px;}
.auth-tabs{display:flex;margin-bottom:22px;border-bottom:1px solid #eee;}
.auth-tabs a{flex:1;text-align:center;padding:14px 0;color:#666;font-size:16px;}
.auth-tabs a.on{color:#db261d;border-bottom:2px solid #db261d;}
.auth-card .form-group{margin-bottom:14px;}
.auth-card label{display:block;margin-bottom:6px;color:#333;font-size:14px;}
.auth-card .form-control{width:100%;max-width:none;height:40px;padding:0 10px;border:1px solid #ddd;box-sizing:border-box;background:#fff;}
.auth-card .form-control.auth-invalid{border-color:#db261d;}
.auth-card .auth-extra{display:flex;justify-content:space-between;align-items:center;margin:4px 0 18px;font-size:14px;color:#666;}
.auth-card .auth-extra label{margin:0;font-weight:normal;}
.auth-card .auth-extra a{color:#666;}
.auth-card .trade-btn.block{display:block;width:100%;margin:0;text-align:center;box-sizing:border-box;line-height:24px;}
.auth-card .auth-switch{display:block;margin-top:14px;text-align:center;color:#666;}
.auth-social{margin-top:14px;}
.auth-wechat{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border:1px solid #07c160;color:#07c160;background:#fff;}
.auth-wechat:hover{background:#07c160;color:#fff;}
.auth-card .input-group{display:flex;align-items:center;gap:8px;}
.auth-card .input-group .form-control{flex:1;}
.auth-card .input-group img{height:40px;cursor:pointer;}
.top-flex-nav{position:relative;}
.top-flex-nav .logo{position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:2;}
.header-tools{margin-left:auto;display:flex;align-items:center;height:100%;position:relative;z-index:3;}
.trade-top-cart,.trade-top-user{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:100%;color:#fff;}
.trade-top-cart .iconfont,.trade-top-user svg{font-size:22px;line-height:1;}
.trade-top-cart:hover,.trade-top-user:hover{color:#fff;}
.trade-cart-num{position:absolute;top:8px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#db261d;color:#fff;font-size:11px;line-height:16px;text-align:center;}
@media (min-width:992px){
	.trade-top-cart,.trade-top-user{width:60px;}
	.trade-cart-num{top:14px;}
}
@media (min-width:1200px){
	.trade-top-cart,.trade-top-user{width:70px;}
	.trade-top-cart .iconfont,.trade-top-user svg{font-size:24px;width:24px;height:24px;}
	.trade-cart-num{top:28px;right:10px;}
}