/* Responsive storefront and member workspace — Atphosting24.com. */
html { -webkit-text-size-adjust:100%; scroll-padding-bottom:90px; }
body { min-width:0; }
html body .container { width:calc(100% - 32px); max-width:1320px; min-width:0; }
html body .wrap { width:calc(100% - 32px); max-width:1320px; min-width:0; }
html body #atp-main { overflow:visible; }
body [class*="col-md-"], body [class*="col-sm-"] { min-width:0; }
body .breadcrumbs .container { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 20px; }
body .breadcrumbs h1, body .breadcrumbs .breadcrumb { float:none!important; max-width:100%; overflow-wrap:anywhere; margin:8px 0; }
body .breadcrumbs .breadcrumb { display:flex; flex-wrap:wrap; }
body .panel, body .tag-box, body .alert { overflow-wrap:anywhere; }
body .form-control, body textarea, body fieldset { max-width:100%; min-width:0; }
body textarea { resize:vertical; }
body .form-horizontal .control-label { white-space:normal; }
body .gc-responsive-table { display:block; width:100%; max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; }
body .gc-responsive-table:focus-visible { outline:2px solid var(--atp-accent,#14758a); outline-offset:2px; }
body .gc-responsive-table th, body .gc-responsive-table td { overflow-wrap:normal; }
body .table-responsive { max-width:100%; -webkit-overflow-scrolling:touch; }
body .pagination, body .pager, body .nav-tabs { display:flex; flex-wrap:wrap; gap:4px 0; height:auto; }
body .pagination>li { display:block; }
body .pagination>li>a, body .pagination>li>span { white-space:normal; }
body .nav-tabs>li>a { height:auto; white-space:normal; overflow-wrap:anywhere; }
body .gc-member-toggle { display:none; }
body .gc-member-aside { position:relative; }
body .gc-member-toggle .fa { flex-shrink:0; }
body .gc-member-toggle .fa-angle-down { margin-left:auto; }
body .gc-member-toggle[aria-expanded="true"] .fa-angle-down { transform:rotate(180deg); }
/* Fixed pixel backgrounds must not determine the size of the sign-in form. */
html body .loginContent { width:100%; max-width:100%; height:auto; padding:0; }
html body .loginContent .center-cont { width:100%; max-width:1320px; height:auto!important; min-height:580px; margin:auto; background-size:cover!important; }
html body .loginContent .center-n { display:flex; justify-content:flex-end; align-items:flex-start; width:calc(100% - 48px); max-width:1100px; height:auto!important; min-height:580px; margin:auto; padding:30px 0; }
html body .loginContent .logo-box { float:none!important; position:relative!important; width:400px; max-width:100%; height:auto!important; min-height:0; margin:0; padding:0; }
html body .loginContent .login-box-active, html body .loginContent .l-in-func, html body .loginContent .l-b { position:relative!important; left:auto!important; top:auto!important; width:100%; height:auto!important; min-height:0; }
html body .loginContent .l-form { width:100%; max-width:100%; height:auto!important; padding:24px; }
html body .loginContent .l-h, html body .loginContent #title { width:100%; height:auto; }
html body .loginContent #title { display:flex; margin:0; padding:0; }
html body .loginContent #title li { width:50%; float:none; min-width:0; margin:0; }
html body .loginContent #title li>div { margin:0; padding:12px 4px; white-space:normal; text-align:center; font-size:24px; }
/* Help and shipping guidance share the available content width in every theme. */
html body #help .nav .help, html body #help .content, html body #help .problem, html body #help .Keywordss { width:calc(100% - 32px); max-width:1170px; height:auto; margin-left:auto; margin-right:auto; }
html body #help .nav { background-size:cover; padding:24px 0; }
html body #help .nav .help>div { width:100%; height:auto; }
html body #help h1 { font-size:clamp(22px,3vw,34px); line-height:1.7; overflow-wrap:anywhere; }
html body #help .help_2 { display:flex; flex-wrap:wrap; gap:16px 28px; padding:16px 0; }
html body #help .help_2 span { display:flex; align-items:center; float:none; width:auto; max-width:100%; height:auto; margin:0; gap:10px; }
html body #help .help_2 big { flex-shrink:0; margin:0; }
html body #help .help_2 b { overflow-wrap:anywhere; min-width:0; }
html body #help .content .con { width:100%; height:auto; padding:30px 0; }
html body #help .con p { height:auto; line-height:1.8; margin:0 0 18px; }
html body #help .con form { display:flex; width:100%; max-width:680px; margin:0 auto; height:auto; }
html body #help .con input { position:static; flex:1; min-width:0; width:auto; max-width:100%; height:48px; margin:0; padding:10px 14px; }
html body #help .con #sub { position:static; flex-shrink:0; width:54px; height:48px; margin:0; }
html body #help .Keywordss ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; width:100%; height:auto; padding:0; }
html body #help .Keywordss li { float:none; width:100%; height:auto; min-width:0; margin:0; text-align:center; }
html body #help .Keywordss img { max-width:100%; height:auto; }
html body #help .Keywordss h1 { font-size:18px; line-height:1.8; }
html body #help .problem ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 32px; margin:0; padding:0 20px; }
html body #help .problem ul li { float:none; width:100%; height:auto; margin:0; white-space:normal; line-height:1.9; overflow-wrap:anywhere; }
html body .package-questions>div { width:calc(100% - 32px); max-width:1190px; margin:auto; }
html body .package-questions .questions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; width:100%; padding:0; }
html body .package-questions .questions li { float:none; width:100%; margin:0; }
html body .package-questions .questions h3, html body .package-questions .questions p { width:100%; height:auto; white-space:normal; overflow-wrap:anywhere; }
/* Product grids, including API search results and loading placeholders. */
html body #shop { width:calc(100% - 32px); max-width:1320px; }
html body #shop .shop_item, html body #shop .merchandise, html body #shop .shop-goods-list { width:100%; min-width:0; }
html body #shop .goods_list, html body #shop .shop-skeleton { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; width:100%; padding:0; }
html body #shop .goods_list:before, html body #shop .goods_list:after { display:none; }
html body #shop .goods_list>li, html body #shop .shop-skeleton>.ss-item { float:none; width:100%; height:auto; min-width:0; margin:0; padding:8px; }
html body #shop .goods_list .pic, html body #shop .goods_list .pic a { display:block; width:100%; height:auto; aspect-ratio:1; }
html body #shop .goods_list .pic img { width:100%; max-width:100%!important; height:100%; object-fit:contain; }
html body #shop .goods_list .summary { width:100%; min-width:0; }
html body #shop .goods_list .summary h2 { height:auto; min-height:3.6em; font-size:14px; line-height:1.8; }
html body #shop .goods_list .summary p { white-space:normal; height:auto; overflow-wrap:anywhere; }
html body #shop .shop-skeleton .ssi-img { width:100%; height:auto; aspect-ratio:1; }
html body #shop .shop-tools, html body #shop .shop-bar, html body #shop .shop-btns { max-width:100%; height:auto; flex-wrap:wrap; }
html body #shop .pageNavigation, html body #shop .button_box { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; width:100%; height:auto; }
html body :is(#item,#item1688) #preview { width:100%; max-width:520px; }
html body :is(#item,#item1688) #spec-n1 { width:100%; height:auto; }
html body :is(#item,#item1688) #spec-n1>img { max-width:100%!important; width:100%; height:auto; max-height:480px; object-fit:contain; }
html body :is(#item,#item1688) .item-info h1 { white-space:normal; overflow-wrap:anywhere; line-height:1.8; }
html body :is(#item,#item1688) .skuSpec .row { margin-left:0; margin-right:0; }
html body :is(#item,#item1688) .skuSpec .specItem { min-width:0; flex-wrap:wrap; }
html body :is(#item,#item1688) .skuSpec .specName { white-space:normal; overflow-wrap:anywhere; }
html body :is(#item,#item1688) .price, html body :is(#item,#item1688) .help-div { flex-wrap:wrap; gap:8px; }
html body :is(#item,#item1688) .help-div>* { max-width:100%; }
html body :is(#item,#item1688) .tab-content img, html body #information img, html body #helpinfo img { max-width:100%!important; height:auto!important; }
html body :is(#item,#item1688) .tab-content, html body #helpinfo, html body #information { overflow-wrap:anywhere; }
@media(max-width:1100px) {
 body.atp-skymarket { padding-bottom:calc(var(--gc-bottom-height,76px) + 16px); }
 body.sky-drawer-open { overflow:hidden; }
 body .sky-rail, body .sky-navband #atp-navigation.atp-open { bottom:calc(var(--gc-bottom-height,76px) + 12px); max-height:calc(100dvh - var(--gc-bottom-height,76px) - 32px); overscroll-behavior:contain; }
 body.atp-skymarket .gc-widget { bottom:calc(var(--gc-bottom-height,76px) + 14px)!important; }
 body .sky-mobile-nav { padding-left:max(4px,env(safe-area-inset-left)); padding-right:max(4px,env(safe-area-inset-right)); }
}
@media(max-width:1023px) {
 html body .gc-member-aside { float:none; width:100%; margin-bottom:18px; }
 html body .gc-member-aside~.col-md-9 { float:none; width:100%; }
 body .gc-member-toggle { display:flex; align-items:center; gap:12px; width:100%; min-height:48px; padding:12px 16px; border:1px solid var(--atp-border,#dce3e8); border-radius:6px; background:var(--atp-soft,#f3f7fa); color:var(--atp-ink,#243746); font:inherit; font-weight:600; text-align:left; }
 body .gc-member-aside.gc-member-enhanced:not(.gc-member-open)>.gc-member-content { display:none; }
 body .gc-member-content { padding-top:16px; }
 body .gc-member-content .m-info-left { display:none; }
 body .gc-member-content .menu-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; width:100%; }
 body .gc-member-content .menu-list>li { margin:0; min-width:0; }
 body .gc-member-content a { white-space:normal; overflow-wrap:anywhere; }
 html body .loginContent .center-n { justify-content:center; width:calc(100% - 32px); }
 html body #shop .goods_list, html body #shop .shop-skeleton { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:767px) {
 html body .container, html body .wrap { width:calc(100% - 24px); max-width:100%; }
 html body .container .container { width:100%; }
 html body .breadcrumbs h1 { font-size:22px; line-height:1.6; }
 html body .breadcrumbs .breadcrumb { font-size:13px; }
 html body input.form-control, html body select.form-control, html body textarea.form-control, html body .sky-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]), html body .sky-form select, html body #search-lang, html body #myPanli, html body .loginContent input { font-size:16px!important; }
 body .form-control:not(textarea) { min-height:44px; height:auto; }
 body .btn, body .btn-u, body button[type=submit], body .input-group-btn>a { min-height:44px; white-space:normal; line-height:1.6; }
 body .input-group { max-width:100%; }
 body .input-group .input-group-btn { white-space:normal; }
 body .sky-form fieldset { padding:16px; }
 body .sky-form section { min-width:0; }
 body .sky-form .label, body .sky-form .checkbox { white-space:normal; line-height:1.8; }
 body .pagination>li>a, body .pagination>li>span, body .nav-tabs>li>a { min-height:44px; }
 body .panel-body { padding:14px; }
 body .gc-member-content .menu-list { grid-template-columns:1fr; }
 body .gc-member-content .menu-list a { padding-top:12px; padding-bottom:12px; }
 html body .loginContent .center-cont { min-height:0; background-size:cover!important; }
 html body .loginContent .center-n { min-height:0; padding:24px 0; }
 html body .loginContent .l-form { padding:20px!important; }
 html body #help .help_2 { flex-direction:column; }
 html body #help .Keywordss ul { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 12px; }
 html body #help .Keywordss h1 { font-size:15px; }
 html body #help .problem ul, html body .package-questions .questions { grid-template-columns:1fr; }
 html body #help .help_problem { font-size:24px; padding:0 12px; }
 html body #shop .goods_list, html body #shop .shop-skeleton { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 html body #shop .goods_list>li { padding:4px; }
 html body #shop .goods_list .summary h2 { font-size:13px; }
 html body #shop .navs .iRow { display:flex; flex-wrap:wrap; }
 html body #shop .navs .title { width:100%; white-space:normal; }
 html body #shop .navs .children { width:100%; max-width:100%; margin:0; }
 html body :is(#item,#item1688) .image_area, html body :is(#item,#item1688) .item-info { width:100%; float:none; }
 html body :is(#item,#item1688) #spec-n5 { display:flex; width:100%; max-width:100%; height:auto; }
 html body :is(#item,#item1688) #spec-list { position:static; width:100%; max-width:100%; overflow-x:auto; height:82px; }
 html body :is(#item,#item1688) #spec-list ul { display:flex; position:static!important; width:max-content!important; max-width:none; margin:0; padding:0; }
 html body :is(#item,#item1688) #spec-list li { flex:0 0 68px; float:none; }
 html body :is(#item,#item1688) #spec-n5>.control { display:none; }
 html body :is(#item,#item1688) .skuSpec .row { display:block; }
 html body :is(#item,#item1688) .skuSpec .title { width:100%; margin:8px 0; }
 html body :is(#item,#item1688) .skuSpec .specItem { width:100%; }
 html body :is(#item,#item1688) .skuSpec .item { min-height:40px; }
 html body :is(#item,#item1688) .item-info dl { display:flex; flex-wrap:wrap; }
 html body :is(#item,#item1688) .item-info dt { width:100%; margin:6px 0; }
 html body :is(#item,#item1688) .item-info dd { width:100%; margin:0; }
 body .layui-layer { max-width:calc(100vw - 20px)!important; }
 body .layui-layer-content { max-width:100%; overflow:auto; }
 body .modal-dialog { width:auto; max-width:calc(100% - 20px); margin:10px auto; }
 body .modal-body { overflow-wrap:anywhere; }
 body .modal-footer { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
 body .modal-footer .btn+.btn { margin:0; }
 body .sky-mobile-nav>a, body .sky-mobile-nav>button { font-size:12px; min-height:56px; }
 body .topbar .lang a, body .topbar .btn1 { min-height:40px; display:inline-flex; align-items:center; }
 body .atp-theme .topbar__user { top:0; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media print { .gc-member-toggle,.sky-mobile-nav,.gc-widget { display:none!important; } .gc-responsive-table { overflow:visible!important; display:table!important; } }
/* Override fixed sizes in the original help-page selectors. */
html body #help .nav .help .help_2 { width:100%; min-width:0; height:auto; }
html body #help .nav .help .help_2 span { width:auto; min-width:0; max-width:100%; height:auto; }
html body #help #advantage01 ul li { width:100%; min-width:0; height:auto; margin:0; }
html body #help #advantage01 ul li img, html body #help #advantage01 ul li a { width:100%; max-width:100%; height:auto; }
html body #help .content .con>p { font-size:18px; }
html body #shop .shop-btn-group { display:flex; flex-wrap:wrap; width:auto; max-width:100%; min-width:0; height:auto; gap:6px; }
html body #shop .sort-group { flex-wrap:wrap; height:auto; }
@media(max-width:1023px) { html body .member-cover-container .gc-member-aside { display:block!important; } }
@media(max-width:767px) {
 html body .breadcrumbs h1 { text-align:left; width:100%; }
 html body #shop .shop-btn-group .shop-btn { min-height:44px; margin:0; }
 html body #record .search, html body #record .search-form { display:flex; flex-wrap:wrap; gap:8px; }
}
@media(max-width:1023px) {
 html body .member-cover-container>.row>.gc-member-aside { order:-1; margin-top:0; }
}
@media(max-width:767px) {
 html body #recordlist .sky-form .row { display:flex; flex-wrap:wrap; }
 html body #recordlist .sky-form .col { width:50%; min-width:0; }
 html body #recordlist .download { margin-left:0!important; max-width:100%; }
}
body [v-cloak] { display:none!important; }
/* The original template also needs a fluid header and catalog. */
body:not(.atp-theme) img { max-width:100%; }
body:not(.atp-theme) .topbar, body:not(.atp-theme) .nav_bar, body:not(.atp-theme) .foot { min-width:0; }
@media(max-width:1023px) {
 body:not(.atp-theme) { padding-right:0; }
 body:not(.atp-theme) .mui-mbar-tabs, body:not(.atp-theme) #LoutiNav { display:none!important; }
 body:not(.atp-theme) .topbar { height:auto; }
 body:not(.atp-theme) #header_wrap { display:flex; flex-wrap:wrap; gap:6px; height:auto; }
 body:not(.atp-theme) .topbar__toggle, body:not(.atp-theme) .topbar__user { display:flex; flex-wrap:wrap; position:static; float:none; width:100%; max-width:100%; height:auto; }
 body:not(.atp-theme) .topbar__toggle>.dropdown { max-width:100%; }
 body:not(.atp-theme) .topbar .lang { display:flex; overflow-x:auto; width:100%; max-width:100%; }
 body:not(.atp-theme) .topbar .lang li { float:none; flex-shrink:0; }
 body:not(.atp-theme) .topbar .lang a { white-space:nowrap; padding:8px; }
 body:not(.atp-theme) #datetime, body:not(.atp-theme) .topbar .userbox__item:nth-child(-n+3) { display:none!important; }
 body:not(.atp-theme) .topbar .userbox { display:flex; flex-wrap:wrap; margin:0; }
 body:not(.atp-theme) .topbar .userbox__item { float:none; padding:0 8px; line-height:40px; }
 body:not(.atp-theme) #SearchNav { height:auto; padding:16px 0; }
 body:not(.atp-theme) #SearchNav>.wrap { display:grid; grid-template-columns:minmax(0,1fr) 44px; align-items:center; gap:12px; }
 body:not(.atp-theme) #SearchNav>.wrap:before, body:not(.atp-theme) #SearchNav>.wrap:after { display:none; }
 body:not(.atp-theme) #SearchNav .head-logo { float:none; width:auto; height:auto; margin:0; }
 body:not(.atp-theme) #SearchNav .head-logo img { max-width:140px; max-height:64px; width:auto; height:auto; }
 body:not(.atp-theme) #SearchNav .head-cart { grid-column:2; grid-row:1; float:none; width:44px; height:44px; margin:0; }
 body:not(.atp-theme) #SearchNav .searchcon { grid-column:1/-1; grid-row:2; float:none; width:100%; max-width:100%; height:auto; margin:0; }
 body:not(.atp-theme) #SearchNav .select-tab { display:flex; overflow-x:auto; width:100%; max-width:100%; height:auto; margin:0 0 10px!important; }
 body:not(.atp-theme) #SearchNav .select-tab li { flex-shrink:0; float:none; min-height:40px; white-space:nowrap; }
 body:not(.atp-theme) #searchURLs { display:flex; flex-wrap:wrap; width:100%; max-width:100%; height:auto; border:0; gap:6px; }
 body:not(.atp-theme) #searchURLs>.input-group-addon { display:flex; align-items:center; width:90px; padding:0; }
 body:not(.atp-theme) #searchURLs #search-lang { width:100%; height:46px; padding:5px; }
 body:not(.atp-theme) #searchURLs>.form-control { flex:1; width:auto; min-width:0; height:46px; }
 body:not(.atp-theme) #searchURLs>.input-group-btn { display:block; width:100%; }
 body:not(.atp-theme) #search_btn { width:100%; min-height:46px; }
 body:not(.atp-theme) #searchURLs>.camera { width:40px; position:relative; }
 body:not(.atp-theme) #searchURLs>.camera input { width:100%; position:absolute; inset:0; opacity:0; }
 body:not(.atp-theme) #history, body:not(.atp-theme) #history ul { width:100%; max-width:100%; height:auto; margin:8px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
 body:not(.atp-theme) .nav_bar { height:auto; }
 body:not(.atp-theme) .nav_bar_menu { display:flex; flex-wrap:wrap; height:auto; width:100%; margin:0; }
 body:not(.atp-theme) .nav_bar_menu>li { width:auto; max-width:100%; height:auto; float:none; }
 body:not(.atp-theme) .nav_bar_menu>li>a { white-space:normal; min-height:44px; }
 body:not(.atp-theme) .header-warp>.wrap { display:flex; flex-wrap:wrap; }
 body:not(.atp-theme) .header-warp .head-logo { max-width:100%; }
 body:not(.atp-theme) #index .banner-box { height:auto; }
 body:not(.atp-theme) #index #palyPic { width:100%; height:clamp(160px,38vw,320px); }
 body:not(.atp-theme) #index #palyPic img { width:100%; height:100%; object-fit:cover; }
 body:not(.atp-theme) #index .container-position { position:static; }
 body:not(.atp-theme) #index .banner-right { position:static; float:none; width:100%; height:auto; margin:16px 0; overflow:hidden; }
 body:not(.atp-theme) #index .index-notice { height:auto; min-height:90px; }
 body:not(.atp-theme) #goods-content, body:not(.atp-theme) #index .floor { width:100%; min-width:0; height:auto; }
 body:not(.atp-theme) #index .floor-head { display:flex; flex-wrap:wrap; height:auto; gap:12px; }
 body:not(.atp-theme) #index .floor-head .serch { width:100%; overflow-x:auto; }
 body:not(.atp-theme) #index #serul { display:flex; width:max-content; }
 body:not(.atp-theme) #index .saleList_left, body:not(.atp-theme) .saleList_right { float:none; width:100%; height:auto; }
 body:not(.atp-theme) #index .saleList_left { display:flex; overflow:auto; gap:12px; }
 body:not(.atp-theme) #index .saleList_left>a { flex:0 0 180px; max-width:100%; }
 body:not(.atp-theme) #index .saleList_left img { max-height:220px; object-fit:contain; }
 body:not(.atp-theme) .saleList_right>ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; width:100%; }
 body:not(.atp-theme) .saleList_right>ul>li { float:none; width:100%; height:auto; margin:0; min-width:0; }
 body:not(.atp-theme) .saleList_right .sale_img { width:100%; height:auto; aspect-ratio:1; }
 body:not(.atp-theme) .saleList_right .sale_wenzi { width:100%; min-width:0; }
 body:not(.atp-theme) .foot .footer-left, body:not(.atp-theme) .foot .foot1, body:not(.atp-theme) .foot .foot-img { width:100%; min-width:0; height:auto; }
 body:not(.atp-theme) .gc-widget { right:12px!important; bottom:16px!important; }
}
@media(max-width:600px) { body:not(.atp-theme) .saleList_right>ul { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:1023px) {
 body:not(.atp-theme) #index .floor-head .serch { position:static; margin:0; }
 body:not(.atp-theme) #index .floor-head .view_all { position:static; margin:0; max-width:100%; }
}
@media(max-width:1023px) {
 body:not(.atp-theme) .foot-img .col-sm-12 { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
 body:not(.atp-theme) .foot-img a { display:block; max-width:100%; margin:0; }
 body:not(.atp-theme) .foot-img img { width:auto; max-width:140px; height:auto; margin:0; }
}
@media(max-width:767px) {
 body #cart .cart-form table { display:block; overflow:visible; }
 body #cart .cart-form thead { display:none; }
 body #cart .cart-form tbody, body #cart .cart-form tr { display:block; width:100%; }
 body #cart .cart-form td { display:block; width:100%!important; border:0; white-space:normal; }
 body #cart .cart-form tr[id^="li"] { position:relative; margin-bottom:14px; padding:12px; border:1px solid var(--atp-border,#ddd); border-radius:8px; background:#fff; }
 body #cart .cart-form tr[id^="li"]>td:first-child { position:absolute; top:18px; left:10px; width:24px!important; padding:0; }
 body #cart .cart-form tr[id^="li"] .item_td { display:flex; gap:10px; padding-left:30px; align-items:flex-start; }
 body #cart .cart-form .item_td>img { float:none!important; width:64px; height:64px; object-fit:contain; flex-shrink:0; }
 body #cart .cart-form .td_con { float:none!important; width:auto!important; flex:1; min-width:0; padding:0; margin:0; overflow-wrap:anywhere; }
 body #cart .cart-form tr[id^="li"]>td[data-gc-label]:not(.item_td) { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; border-top:1px solid #eef1f4; }
 body #cart .cart-form tr[id^="li"]>td[data-gc-label]:not(.item_td):before { content:attr(data-gc-label); font-weight:600; font-size:13px; }
 body #cart .cart-form tr[id^="li"]>td label.input { width:100px; margin:0; }
 body #cart .cart-form .goodsnum { width:100%; min-height:44px; }
 body #cart .cart-form #lineNumbtn { display:flex; flex-wrap:wrap; gap:10px; padding:12px 0; }
 body #cart .cart-form #lineNumbtn .pull-right { float:none!important; margin:0; max-width:100%; }
 body #cart .cart-form #lineNumbtn .totalprice { width:100%; height:auto; white-space:normal; }
 body #cart .cart-form .lineNum { padding:8px 0; overflow-wrap:anywhere; }
 body #cart .cart-form .lineNum .pull-right { float:none!important; }
}
html body :is(#item,#item1688) .shop { width:100%; max-width:100%; height:auto; display:flex; flex-wrap:wrap; }
html body :is(#item,#item1688) .shop-l, html body :is(#item,#item1688) .shop-r { float:none; width:100%; max-width:100%; height:auto; }
html body :is(#item,#item1688) .shop-r { display:flex; flex-wrap:wrap; gap:12px; }
html body :is(#item,#item1688) .shop-r .ex-span { display:inline-flex; align-items:center; max-width:100%; white-space:normal; margin:0; }
html body :is(#item,#item1688) .shop-r, html body :is(#item,#item1688) .shop-l { position:static; margin:0; padding:16px; }
html body :is(#item,#item1688) .shop-r span { position:static; transform:none; top:auto; line-height:1.8; }
@media(max-width:1023px) {
 body:not(.atp-theme) #index .floor-head { flex-wrap:wrap!important; }
 body:not(.atp-theme) #index .floor-head .serch { flex-basis:100%; min-width:0; }
 body:not(.atp-theme) #index .floor-head .view_all { font-size:14px!important; white-space:normal; }
}
html body .loginContent #otherWay>span { display:block; width:100%; max-width:100%; white-space:normal; line-height:1.8; overflow-wrap:anywhere; }
html body #estimate .point.right .icon-con { position:static; display:block; margin:0!important; }