@import 'base.css';
body {margin: 0;padding: 0;background: var(--outside-BG);}
.hg-body {margin: 0 auto;max-width: 700px;min-height: 100vh;background: var(--bg);}
.rtl {direction: rtl;}
.home-swipe {min-height: 56.25vw;margin-top: var(--van-nav-bar-height);}
.swipe-img {width: 100%;min-height: 56.25vw;}
@media (min-width: 700px) {
    .home-swipe {min-height: 394px;}
    .swipe-img {min-height: 394px;}
}
.rtl .van-swipe {direction: ltr;}
.hg-body .van-popup {left: auto!important;width: 700px!important;max-width: 100%!important;}
.rtl .van-action-sheet__close {left: 0;right: auto;}
/* 滚动条整体宽度 */
::-webkit-scrollbar {width: 5px;}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {background: #888;border-radius: 5px;}
/* 滚动条滑块在鼠标悬停时的样式 */
::-webkit-scrollbar-thumb:hover {background: #555;}
/* 滚动条轨道 */
::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 5px;}
/* 滚动条轨道在鼠标悬停时的样式 */
::-webkit-scrollbar-track:hover {background: #f5f5f5;}
.van-image-preview__image img {margin: auto;max-width: 100%;}
/*Tab页头部*/
.home-header {top: 0;width: 700px;max-width: 100%;font-size: 30px;position: fixed;color: var(--home-header-color);background: var(--home-header-bg);}
.home-header .van-icon, .home-header .van-nav-bar__title {font-size: 30px;color: var(--home-header-color);}
.home-header-language {font-size: 20px;color: var(--home-header-color);}
/*头部菜单*/
.menu-win {z-index: 900;width: 700px;position: fixed;max-width: 100%;font-weight: bold;background: var(--HG-BG);top: var(--van-nav-bar-height);height: calc(100vh - var(--van-nav-bar-height));}
.menu-win .van-cell {font-size: 24px;color: var(--van-black);--van-cell-vertical-padding: 16px;}
.menu-win .van-cell:hover {background: var(--menu-bg);}
.menu-win .van-cell.on, .menu-win .van-cell.on .van-icon:before {color: var(--van-blue);}
.menu-win .van-cell .van-icon:before {margin: 0 10px;font-size: 32px;color: var(--van-black);}
/*国家选择*/
.country-selection {height: 30px;display: flex;align-items: center;}
.drop-down-icon {margin: 0 5px;transform: rotate(90deg);font-size: 14px!important;color: var(--van-gray-4)!important;}
.country-selection-win {display: flex;}
.country-selection-list {margin: auto;min-width: 30%;padding: 0 20px;max-width: 520px;border-radius: 20px;background: var(--HG-BG);}
.country-selection-title {font-size: 16px;padding: 15px 0;line-height: 30px;text-align: center;font-weight: bolder;color: var(--van-black);}
.country-selection-items {display: flex;width: 100%;height: 60px;align-items: center;border-radius: 10px;justify-content: space-evenly;}
.country-selection-item {display: flex;padding: 0 10px;flex-direction: column;}
.country-selection-item .van-image {color: var(--outside-BG);border: 2px solid var(--outside-BG);}
.country-selection-item.on .van-image {border: 2px solid #CD7f32;}
.country-selection-item-currency {font-size: 10px;padding-top: 5px;line-height: 15px;text-align: center;font-weight: bolder;color: var(--van-black);}
.flag-bg {width: 46px;height: 30px;margin: 0 0.1rem 0 0.1rem;background: url(../flag/index.png) no-repeat;background-size: 100% auto}
.item-flag-bg {width: 33px;height: 21px;margin: 0 0.1rem 0 0.1rem;background: url(../flag/index.png) no-repeat;}
/*产品列表*/
.product-list-items {display: flex;flex-wrap: wrap;justify-content: space-between;}
.product-list-items .van-list__loading, .product-list-items .van-list__finished-text {width: 100%;}
.product-list-item {margin: 0 10px 15px;width: calc((100% / 2) - 20px);}
.product-list-item.list {display: flex;}
.product-list-item.list + .product-list-item.list {padding-top: 15px;border-top: 1px solid #AAAAAA;}
.product-list-item-img {position: relative;}
.product-list-item .van-image {width: 100%;max-height: 325px;height: calc((100vw / 2) - 20px);}
.product-list-item.list .van-image {width: 25vw;height: 140px;min-height: 25vw;}
.product-list-item-like {right: 20px;bottom: 20px;padding: 9px;color: #FFFFFF;font-size: 21px;line-height: 21px;border-radius: 50%;position: absolute;background: #11111190;}
.product-list-item-like.on {background: #111111cc;}
.product-list-item.list .product-list-item-like {right: -50px;bottom: 10px}
.product-list-item.list .product-list-item-info {display: flex;margin-left: 15px;flex-direction: column;justify-content: space-around;}
.product-list-item-info-title {font-size: 14px;margin-top: 5px;overflow: hidden;color: var(--van-black);}
.product-list-item-info-describe {line-clamp: 2;color: #888888;font-size: 12px;overflow: hidden;line-height: 18px;-webkit-line-clamp: 2;display: -webkit-box;width: calc(100% - 10px);-webkit-box-orient: vertical;}
.product-list-item-info-price {display: flex;margin-top: 5px;align-items: center;}
.product-list-item.list .product-list-item-info-price {margin: 0 45px;}
.product-list-present-price {font-weight: 600;color: var(--van-blue);}
.co-iq .product-list-present-price {font-size: 14px}
.product-list-original-price {color: #858585;margin: 0 10px;font-size: 12px;font-weight: 600;text-decoration: line-through;}
/*TAB*/
.hg-tab-bar.van-tabbar--fixed {left: 50%;width: 700px;max-width: 100%;transform: translateX(-50%);}
.hg-tab-bar .van-icon {font-size: 28px;}
/*产品规格*/
.product-specs {top: 0;max-width: 668px;position: absolute;padding: 0 16px 50px;width: calc(100% - 32px);height: calc(65vh + 32px);}
.product-specs .van-cell__title {font-weight: bold;font-size: 1rem;}
.product-specs-position {display: flex;}
.product-specs-image {width: 220px;height: 220px;border: 5px solid #d9d9d9;max-width: calc((100vw - 32px) / 2);max-height: calc((100vw - 32px) / 2);background: #fff;}
.product-specs-image .van-image__img {object-fit: contain;}
.product-specs-price {display: flex;max-width: 432px;font-weight: bold;margin: 10vh 0 0 16px;flex-direction: column;width: calc(50vw - 48px);}
.product-specs-present-price {font-size: 20px;padding: 0 10px;color: var(--van-blue);}
.product-specs-original-price {color: #858585;margin: 10px 0;padding: 0 10px;text-decoration: line-through;}
.product-specs-content {font-size: 14px;font-weight: 100;}
.rtl .product-specs-content {padding-right: 10px;}
.product-specs-list {overflow-y: auto;height: calc(65vh - 200px);min-height: calc(65vh - 50vw + 16px);}
.product-specs-items {display: flex;flex-wrap: wrap;}
.product-specs-item {width: auto;height: 30px;display: flex;padding: 0 5px;margin: 0 5px 5px;border-radius: 5px;align-items: center;background: #eaeff6;color: #333333;}
.product-specs-stepper-size {color: #FFFFFF;padding: 0 10px;border-radius: 5px;background: #eaeff6;display: inline-block;background: var(--van-blue);}
.product-specs-item.active {color: #FFFFFF;background: var(--van-blue);}
.product-specs-item.disabled {opacity: 0.4;cursor: not-allowed;}
.product-specs-item-image {width: 20px;height: 20px;}
.product-specs-item-image img {border-radius: 3px;}
.product-specs-item span {margin: 0 5px;}
.product-page .product-specs-stepper .van-cell__value {display: block!important;}
.rtl .product-page .product-specs-stepper .van-cell__value{text-align: left;}
/*表单*/
.cart-list-item {margin-top: 10px;position: relative;background: #FFFFFF;}
.checkout-form-header .van-icon, .order-header .van-icon, .view-header .van-icon {color: #333333;font-size: 30px;}
.checkout-form-info {display: flex;padding: 10px;margin: 10px 0;background: #FFFFFF;justify-content: space-between;}
.orders-list-item-info, .cart-list-item-info {display: flex;padding: 10px;margin-top: 10px;justify-content: space-between;}
.checkout-form-info-image img, .orders-list-item-info-image img, .cart-list-item-info-image img {width: 104px;height: 104px;border-radius: 10px;}
.checkout-form-info-main, .orders-list-item-info-main, .cart-list-item-info-main {display: flex;flex-direction: column;width: calc(100% - 114px);justify-content: space-around;}
.checkout-form-title, .orders-list-item-title, .cart-list-item-title {display: flex;font-size: 16px;max-height: 43px;line-height: 20px;font-weight: bolder;justify-content: space-between;}
.cart-list-item .cart-list-item-icon {top: 3px;right: 5px;z-index: 9;font-size: 20px;width: 30px;text-align: center;position: absolute;}
.rtl .cart-list-item .cart-list-item-icon {right: auto;left: 5px;}
.checkout-form-price, .orders-list-item-price, .cart-list-item-price, .specs-popup-price {display: flex;font-size: 16px;font-weight: bold;line-height: 20px;}
.checkout-form-present-price, .orders-list-item-present-price, .cart-list-item-present-price, .specs-popup-present-price {color: var(--van-blue);}
.checkout-form-original-price, .orders-list-item-original-price, .cart-list-item-original-price, .specs-popup-original-price {color: #858585;margin: 0 20px;font-size: 12px;text-decoration: line-through}
.checkout-form-specs, .orders-list-item-specs, .cart-list-item-specs {display: flex;justify-content: space-between;}
.checkout-form-specs > div, .orders-list-item-specs > div, .cart-list-item-specs > div {width: 166px;color: #CCCCCC;padding: 0 5px;font-size: 14px;overflow: hidden;line-height: 29px;text-align: center;border-radius: 5px;background: #f7f8fa;white-space: nowrap;display: inline-block;text-overflow: ellipsis;}
.checkout-form-specs .checkout-form-quantity, .orders-list-item-specs .orders-list-item-quantity, .cart-list-item-specs .cart-list-item-quantity {width: 52px;height: 29px;color: #333333;background: #fff;border-radius: 5px;text-align: center;border: 1px solid #ccc;}
.checkout-form-description-main * {font-size: 12px;}
.checkout-form {margin: 10px 0;background: #FFFFFF;padding: 30px 0 10px;}
.checkout-form .van-cell__value{display: block!important;}
.checkout-form .van-cell-group--inset {margin: 0!important;}
.checkout-form .van-ellipsis {font-size: 12px;}
.checkout-form-notes {padding: 20px 10px;margin-bottom: 50px;background: #FFFFFF;}
.checkout-form-popup-area {height: 65vh;overflow: hidden;}
.checkout-form-area-title {font-size: 16px;font-weight: bold;line-height: 32px;text-align: center;}
.checkout-form-area-items {padding: 16px;overflow-y: auto;height: calc(65vh - 132px);}
.checkout-form-area-item {display: flex;font-size: 16px;padding: 10px 0;justify-content: space-between;}
.checkout-form-area-item.active {font-weight: bold;color: var(--van-blue);}
.buy-notes {color: var(--van-blue);padding: 5px;border-radius: 5px;border: 1px solid var(--van-blue);}
.payment-but {bottom: 0;width: 700px;z-index: 3600;position: fixed;max-width: 100%;}
.hg-body .van-empty {height: 70vh;}
.product-specs-popup-price {display: flex;line-height: 35px;margin: 20px 0 30px;align-items: baseline;}
.product-specs-popup-price span {font-size: 30px;font-weight: bold;}
.specs-popup-price {margin-inline-start: 10px;}
/*页面*/
.view-main {padding: 15px var(--van-padding-md);}
.view-main-title {font-size: 28px;font-weight: bold;text-align: center;padding-bottom: 10px;text-transform: uppercase;}
.view-main-info {position: relative;}
.view-main-info span {font-weight: bold;color: var(--van-blue);}
.van-image-preview__overlay, .van-image-preview {z-index: 99999!important;}
.hg-body .product-specs-popup {overflow: hidden;}
.product-specs-popup .van-cell__value {display: none;}
.product-specs-stepper .van-cell__value  {display: initial;}
.product-specs-popup {background: none;height: calc(65vh + 50px);}
.product-specs-bg {height: 100%;background: var(--van-popup-background);border-radius: var(--van-popup-round-radius) var(--van-popup-round-radius) 0 0;}
.product-specs-cross {margin-top: 70px;color: var(--van-popup-close-icon-color);font-size: var(--van-popup-close-icon-size);z-index: var(--van-popup-close-icon-z-index);}
.hg-body .van-popup.product-checkout-form {height: 100vh;background: #efeff4;}
.hg-button {flex: 1;color: #fff;display: flex;font-size: 20px;background: #333;font-weight: 600;line-height: 50px;align-items: center;border-radius: 10px;justify-content: center;text-shadow: -1px -1px 1px #DD4057;}
.hg-button .van-icon {margin-inline-end: 10px;}
.list-specs .product-specs-list {height: calc(65vh - 150px);}
.product-specs-item {width: auto;height: auto;min-height: 30px;max-height: 150px;flex-direction: column;justify-content: space-evenly;}
.product-specs-item-image {width: auto;height: 70%;min-width: 20px;min-height: 20px;max-width: 115px;position: relative;}
.product-specs-item-image i {top: 5px;left: 5px;font-size: 28px;color: #6c6c6cfc;position: absolute;}
.cart-box {bottom: 0;left: auto;width: 100%;z-index: 10000;position: fixed;max-width: 700px;height: calc(65vh + 50px);}
.cart-ball-box {left: 0;width: 30px;height: 30px;position: absolute;animation: moveX 500ms linear;}
.cart-ball {width: 100%;height: 100%;overflow: hidden;background: var(--van-blue);animation: moveY 500ms cubic-bezier(0.55, 0, 0.85, 0.36);}
@keyframes moveX {
    to {transform: translateX(490px);}
}
@media (max-width: 700px) {
    @keyframes moveX {
        to {transform: translateX(70vw);}
    }
}
@keyframes moveY {
    to {transform: translateY(65vh);}
}