?*程*/ .step-box { margin-bottom: 40px; } .step-box h1 { margin-top: 16px; } .step-box .guider { margin-right: 16px; } .step-box .line2 { margin-top: 26px; } /*购物?/ .cart-box .cart-table { min-height: 132px; } .cart-box table { width: 100%; } .cart-box th { height: 40px; background: #F5F5F5; font-weight: normal; } .cart-box td { padding: 16px 0px; border-bottom: 1px solid #ddd; } .cart-box th:last-child, .cart-box th:first-child { padding: 0px 12px; } .cart-box td:last-child, .cart-box td:first-child { padding: 16px 12px; } .cart-box .pic { display: inline-block; width: 76px; height: 56px; vertical-align: middle; margin-left: 8px; } .cart-box .name { display: inline-block; width: 280px; } .cart-box .amount a { display: inline-block; width: 22px; height: 22px; line-height: 22px; border: 1px solid #eee; background: #F5F5F5; font-size: 18px; color: #999; text-decoration: none; vertical-align: middle; } .cart-box .amount input { width: 33px; height: 22px; padding: 0px 4px; border: 1px solid #ddd; text-align: center; margin: 0px 4px; vertical-align: middle; font-weight: bold; } .cart-box .price-old { text-decoration: line-through; margin-bottom: 4px; } .cart-box .select-del { display: none; margin-left: 42px; cursor: pointer; } .cart-box .select-del:hover { text-decoration: underline; } .cart-box .select-all { cursor: pointer; text-align: left; } .cart-box .select-all .ico { margin-right: 10px; margin-top: -4px; } .cart-box .check-sin { cursor: pointer; } .activity-box { margin-bottom:14px;} .activity-box div { line-height: 26px; color: #666; margin-bottom: 4px; } .activity-box .tag {display:inline-block; height: 26px; padding: 0px 8px;margin-right:4px; border: 1px solid #F9651F; color: #F9651F; border-radius: 3px; } .cart-bar { padding: 48px 0px 126px 12px; line-height: 46px; } .cart-bar .btn-area { position: relative; } .cart-bar .btn-area span { margin-right: 36px; display: inline-block; vertical-align: middle; font-weight: bold; } .cart-bar .btn-area label { display: inline-block; font-size: 18px; color: #EC4B3B; padding: 0px 4px; vertical-align: middle; margin-top: -3px; } /*认订单*/ .confirm-box .section { padding-top: 50px; } .confirm-box .section .title { line-height: 32px; font-size: 20px; font-weight: bold; padding-bottom: 16px; } .confirm-box .section .title .ico30 { margin: -4px 4px 0px 0px; } .confirm-box .section:first-child { padding-top: 0px; } .confirm-box .address table { width: 100%; text-align: left; } .confirm-box .address tr { height: 38px; padding: 0px 12px; border-top: 1px solid #eee; } .confirm-box .address tr:last-child { border-bottom: 1px solid #eee; } .confirm-box .address td { padding: 7px 12px; height: 24px; line-height: 24px; } .confirm-box .address td span { display: inline-block; vertical-align: middle; } .confirm-box .address td #inv_remark { color: #999; } .confirm-box .address .tag-default { display: none; height: 22px; padding: 0px 6px; } .confirm-box .address .receiver { width: 60px; word-wrap: break-word; word-break: break-all; vertical-align: middle; } .confirm-box .address .invtype { width: 100px; word-wrap: break-word; word-break: break-all; vertical-align: middle; } .confirm-box .address .info { max-width: 600px; } .confirm-box .address .action { padding: 0px 10px; text-align: right; } .confirm-box .address .action a { display: none; padding-left: 14px; } .confirm-box .address .isdefault .tag-default { display: inline-block; vertical-align: middle; margin-left: 8px; } .confirm-box .address .isdefault .btn-default { display: none; } .confirm-box .address .ico { margin-top: 0px; cursor: pointer; } .confirm-box .address .active a { display: inline; } .confirm-box .detail-remark { padding-top: 8px; } .confirm-box .item { height: 210px; width: 534px; padding: 24px 32px; } .confirm-box .item .head { padding-bottom: 12px; } .confirm-box .item .desc { width: 213px; height: 144px; padding: 0px 20px; margin-bottom: 14px; } .confirm-box .item .name { line-height: 22px; padding: 12px 0px; margin-bottom: 12px; } .confirm-box .item .name .ico { margin: -3px 6px 0px 0px; } .confirm-box .item .info { height: 40px; margin-bottom: 8px; overflow: hidden; } .confirm-box .item .info div { line-height: 20px; } .confirm-box .item .msg { height: 60px; line-height: 60px; text-align: center; } .confirm-box .item .state { padding: 40px 0px 0px 0px; text-align: center; } .confirm-box .item .state .ico40 { margin-bottom: 4px; } .confirm-box .check { padding: 20px 0px; } .confirm-box .checkbox { width: auto !important; } .confirm-box .checkbox > label { font-weight: normal; color: #333; } .confirm-box .express { margin-top: 8px; height: 40px; line-height: 40px; } .confirm-box .express .express-input { float: left; margin-left: 24px; display: none; } .confirm-box .express .express-input .input { margin-left: 4px; } .confirm-box .express .express-input .box { width: 254px; } .confirm-box .express .express-input input { width: 230px; } .confirm-box .express .checkbox { float: left; margin: 7px 0px 0px 14px; } .confirm-box .product table { width: 100%; line-height: 22px; } .confirm-box .product th { padding: 0px 20px; height: 40px; background: #F9F9F9; color: #333; } .confirm-box .product td { padding: 14px 16px; border-bottom: 1px solid #EEE; } .confirm-box .product td:first-child { padding: 14px 0px 14px 16px; } .confirm-box .product .pic { display: block; width: 76px; height: 56px; } .confirm-box .product .price-old { text-decoration: line-through; } .confirm-box .product .desc { padding-top: 6px; } .confirm-box .product .total-name { padding-right: 40px !important; } .confirm-box .product .express-name label { display: none; } .confirm-box .product tbody:last-child tr:last-child td { border-bottom: none; } .confirm-box .other { height: 70px; line-height: 70px; } .confirm-box .points span { margin-left: 16px; } .confirm-box .points .ico { margin-top: -4px; } .confirm-box .points .checkbox { margin-top: -4px; } .confirm-box .points .checkbox label { color: #666; } .confirm-box .added-service .checkbox { margin-left: 20px; } .confirm-box .added-service .checkbox > label { color: #333; } .pay-bar { margin-bottom: 28px; padding: 24px; text-align: right; } .pay-bar .textbox-multiline, .pay-bar .textbox { width: 562px !important; } .pay-bar .textbox-multiline textarea, .pay-bar .textbox input { width: 538px !important; } .pay-bar .textbox-multiline { margin-top: 16px; } .pay-bar .textbox-multiline .box { height: 58px; } .pay-bar .checkbox { width: auto !important; margin-left: 24px; } .pay-bar .item { margin-bottom: 14px; } .pay-bar .item:last-child { margin-bottom: 0px; } .pay-bar .item .ico { margin-top: -4px; } .pay-bar .price-col { vertical-align: middle; } .pay-bar .points span { margin-left: 24px; } .pay-bar .total label { font-size: 20px; font-weight: bold; margin-right: 16px; vertical-align: middle; } .pay-bar table { width: 100%; text-align: right; } .pay-bar table td:first-child { padding-right: 50px; } .btn-section { text-align: right; padding-bottom: 80px; } .btn-section .btn-rect { display: inline-block; margin-left: 20px; } .btn-section .ico { margin-top: -4px; } /*订单状态流E?/ .flowstep { width: 1336px; margin-left: -40px; } .flowstep .step-name { height: 20px; } .flowstep .step-no { height: 34px; line-height: 34px; background-position: 50% -102px; background-size: 734px 273px; margin: 8px 0px; } .flowstep .step-first .step-no { background-position: 50% -34px; } .flowstep .step-last .step-no { background-position: 50% -136px; } .flowstep .step-finish .step-no { background-position: 50% -170px; } .flowstep .step-active .step-no { background-position: 50% 0px; } .flowstep .step-first.step-finish .step-no { background-position: 50% -204px } .flowstep .step-last.step-finish .step-no { background-position: 50% -68px } .flowstep li { float: left; width: 334px; text-align: center; } .flowstep .scrapped .step-no { background-position: 0 -170px; } .flowstep .scrapped .step-first .step-no { background-position: 50% -204px; } .flowstep .scrapped .step-last .step-no { background-position: 50% -68px; } /*订单详情*/ .order .section .title { padding: 40px 0px 20px 0px } .order .section .info-table { display: flex; } .order .section:last-child { margin-bottom: 100px; } .order .info-table .fll { width: 504px; } .order .info-table .flr { float: left; width: 793px; position: relative; } .order .info-table .split3 { width: 1px; height: auto; background: #EEE; } .order .info-table .head { font-weight: bold; height: 40px; line-height: 40px; padding-left: 16px; } .order .info-table .items { padding: 21px 16px; line-height: 22px; } .order .info-table .items div { margin-bottom: 8px; } .order .info-table .items div:last-child { margin-bottom: 0px; } .order .info-table .items label { vertical-align: top; margin-right: 4px; } .order .info-table .items span { display: inline-block; max-width: 355px; color: #666; } .order .info-table .state .ico30 { margin-top: -4px; margin-right: 16px; } .order .info-table .state h3 { padding: 20px 0px 2px 28px; } .order .info-table .state p { padding: 0px 0px 12px 76px } .order .info-table .state .btn1 { margin-left: 76px; } .order .info-table .state .pay-remark { padding-left: 32px; } .order .info-table .express { margin: 21px 18px; position: relative; } .order .info-table .express li { position: relative; color: #666; } .order .info-table .express label { display: inline-block; width: 87px; vertical-align: top; position: relative; margin-right: 20px; padding-bottom: 21px; } .order .info-table .express label:before { position: absolute; right: -30px; content: ""; width: 1px; height: 100%; background: #ddd; margin-top: 10px; } .order .info-table .express li:last-child label:before { display: none } .order .info-table .express span { display: inline-block; width: 462px; padding-left: 38px; } .order .info-table .express li:first-child span { color: #469766; } .order .info-table .express li:last-child { padding-bottom: 0px; } .order .info-table .express li .ico { position: absolute; top: 2px; } .order .info-table .notdata { font-size: 14px; padding: 30px 0px; text-align: center; } .order .info-table .notdata .msg { padding: 8px 0px } .order .info-table .notneed { padding: 24px 0px; text-align: center; color: #999; line-height: 36px; } .order .info-table .address-like { width: 100%; height: 20px; position: absolute; top: 50%; margin-top: 10px; text-align: center; } .order .product table { width: 100%; } .order .product th { padding: 0px 20px; font-weight: normal; height: 40px; background: #F9F9F9 } .order .product td { padding: 16px; border-bottom: 1px solid #EEE; } .order .product .pic { display: block; width: 76px; height: 56px; border: 1px solid #ddd; } .order .product .express-name, .product-list .total-name { padding: 16px 60px 16px 16px !important; } .order .product tr:last-child td { border-bottom: none; } .order .product .desc { padding-top: 4px; } .order .product .price-blod span { margin-right: 11px; vertical-align: middle; } .order .product .price-blod label { vertical-align: middle; } /*支付*/ .cashier { padding-bottom: 100px; } .cashier .tip { padding-bottom: 32px; } .cashier .tip a { color: #EC4B3B } .cashier .type .desc { padding: 64px; background: #F6F6F6; margin-top: 18px; } .cashier .type .item { display: inline-block; width: 161px; height: 64px; padding: 7px 0px; line-height: 74px; text-align: center; border: 1px solid #ddd; background: #fff; margin-right: 14px; font-size: 16px; font-weight: bold; position: relative; vertical-align:middle;} .cashier .type .item:last-child { margin-right: 0px; } .cashier .type .item img { max-width: 100%; height: 100% } .cashier .type .item .ico30 { position: absolute; bottom: 0px; right: 0px; display: none; } .cashier .type .select { width: 159px; padding: 6px 0px; border: 2px solid #07619D; } .cashier .type .select .ico30 { display: block; } .cashier .pay-list .flr { height: 76px; line-height: 76px; } .cashier .pay-list .flr span { vertical-align: middle; } .cashier .pay-list .flr label { vertical-align: middle; font-size: 32px; font-weight: bold; color: #EC4B3B; padding: 0px 18px 0px 14px; } .cashier .pay-list .flr ul { display: inline-block; vertical-align: middle; } .cashier .pay-list .flr li { float: left; } .cashier .pay-list .flr li:last-child { display: none; } .cashier .pay-offline { display: none; padding: 28px 40px 1px 40px; margin-top: 56px; font-size: 16px; background: #fff; } .cashier .pay-offline p { line-height: 32px; font-weight: bold; } .cashier .pay-offline .remark { width: 676px; line-height: 24px; padding: 12px 0px 18px 0px; } .cashier .pay-offline .pic { width: 668px; height: 326px; margin-bottom: 40px; } .cashier .pay-offline .pic img { width: 100%; height: 100%; } .cashier .pay-balance {display:none; background:#fff; height: 78px;line-height:78px;padding:0px 30px;margin-top:56px;} .cashier .pay-balance em { color: #DD4B39;padding:0px 4px;font-weight:bold;} .cashier .pay-balance a { color: #07619D;} /*微信支付*/ .wechat-box .title { height: 150px; } .wechat-box .title .flr { line-height: 150px; } .wechat-box .title h1 { padding: 32px 0px 6px 0px; } .wechat-box .title .flr label { vertical-align: middle; margin-right: 8px; } .wechat-box .title .flr span { vertical-align: middle; } .wechat-box .content { box-shadow: 0px 8px 24px 0px rgba(0,0,0,0.2); padding: 40px 40px 80px 40px; margin-bottom: 140px; } .wechat-box .content .fll { width: 608px; } .wechat-box .content .flr { width: 530px; margin-top: 70px; } .wechat-box .content .split1 { height: 340px; width: 1px; margin-top: 60px; } .wechat-box .tip { display: block; width: 155px; height: 71px; margin: auto; } .wechat-box .pic { width: 320px; height: 320px; margin: auto } .wechat-box .pic img { width: 282px; height: 282px; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .wechat-box .remark { margin: auto; text-align: center; padding-top: 23px; } .wechat-box .remark .ico { width: 36px; height: 37px; background: url(/res/images/bg/wx_scan.png) } .wechat-box .remark span { display: inline-block; vertical-align: middle; margin-left: 10px; } .wechat-box .example { width: 250px; height: 320px; margin: auto } .wechat-box .example img { width: 100%; height: 100%; } /*支付成功*/ .pay-success { width: 554px; padding: 42px 0px 50px 0px; margin: 68px auto 190px; text-align: center; border: 1px solid #eee; box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.12); border-radius: 8px; line-height: 2; } .pay-success h1 { padding: 16px 0px 6px 0px; } .pay-success a { display: inline-block; margin-top: 20px; margin-right: 10px; } .pay-success a:last-child { margin-right: 0px; } /*付款弹窗*/ .pay-confirm .content { padding: 20px 24px; height: 215px; position: relative; } .pay-confirm .item { padding-bottom: 14px; } .pay-confirm .ico30 { margin-top: -4px; margin-right: 4px; } .pay-confirm .action { position: absolute; bottom: 24px; width: 450px; text-align: right; } .pay-confirm .action .btn1 { margin-right: 12px; } /*询单*/ .inquiry-title { margin-bottom: 26px; } .inquiry-title .line2 { margin-top: 16px } .inquiry-box .fll { width: 672px; min-height: 800px; } .inquiry-box .flr { width: 290px; } .inquiry-box p { line-height: 30px; padding-bottom: 28px; } .inquiry-box .links { padding: 40px 0px 100px 0px; } .inquiry-box .links a { display: inline-block; margin-right: 20px; } .inquiry-box .from-box .tip { padding: 48px 0px 12px 0px; } .inquiry-box .from-box .tip:first-child { padding: 0px 0px 12px 0px; } .inquiry-box .from-box .city { float: right; } .inquiry-box .publicity .pic { width: 290px; height: 163px; margin-bottom: 16px; } .inquiry-box .publicity .pic img { width: 100%; height: 100%; object-fit: cover; } .inquiry-box .publicity .content { width: 180px; font-size: 12px; line-height: 24px; } .inquiry-box .publicity .content pre { font-family: "arial",'Microsoft YaHei'; } .inquiry-box .float-layout .input { width: 320px !important; } .inquiry-box .float-layout .input input { width: 294px !important; } .inquiry-box .float-layout .combobox .box > input { width: 270px !important; } .inquiry-box .float-layout .box { height: 40px !important; box-sizing: border-box; } .guider { } .guider li { float: left; width: 36px; text-align: center; color: #999; } .guider .num { width: 34px; height: 34px; line-height: 36px; border: 1px solid #ddd; border-radius: 50%; } .guider .name { width: 120px; margin: 10px 0px 10px -40px; } .guider .line { width: 155px; height: 2px; background: #DDDDDD; margin-top: 18px; } .guider .line-act { background: #1A9FE5 } .guider .active .num { color: #fff; background: #1A9FE5; border: 1px solid #1A9FE5; } .guider .finish .num { border: none; } .guider .finish .num .ico40 { margin: -2px 0px 0px -2px; } .guider .active .name, .guider .finish .name { font-weight: bold; color: #1A9FE5 } Ǯ,MetaMaskַ,Trust Walletַ,MetaMask