html{
    touch-action: none
}
:root {
    --statusBar: 0px;
    --homeIndicator: 0px;
    --navBar: 44px;
    --tabBar: 49px;
    --color: #333;
    --borderColor: #d5d5d5;
    --backgroundColor: #f4f4f4;
    --1px: 1px;
    --100vh: 100vh;
}
:root {
    --statusBar: env(safe-area-inset-top);
    --homeIndicator: env(safe-area-inset-bottom);
}
:root {
    --SuItems-cols: 4;
    --SuItems-cols-mobi: calc(var(--SuItems-cols) / 2);
    --SuItems-spacing: 15px;
    --SuItems-spacingY: var(--SuItems-spacing);
}
:root {
    --SkSkuOptions-color: #777;
    --SkSkuOptions-color-hover: #4685ee;
    --SkSkuOptions-border-color: #777;
    --SkSkuOptions-border-color-hover: #4685ee;
    --SkSkuOptions-background-color: transparent;
    --SkSkuOptions-background-color-hover: rgba(70, 133, 238, .05);
}
:root {
    --SkProductInfo-color: var(--color);
    --SkProductInfo-color-hover: var(--color);
    --SkProductInfo-border-color: var(--borderColor);
    --SkProductInfo-border-color-hover: var(--borderColor);
    --SkProductInfo-desc-color: #777;
}
:root {
    --SkProductInfoMobi-color: var(--color);
    --SkProductInfoMobi-color-hover: var(--color);
    --SkProductInfoMobi-border-color: var(--borderColor);
    --SkProductInfoMobi-border-color-hover: var(--borderColor);
    --SkProductInfoMobi-desc-color: #777;
}
.sk-product-info{
    color: var(--SkProductInfo-color);
}
.x-component {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 14px;
}
.sk-product-info .s-name {
    color: #000000!important;
}
.s-name {
    margin: 0 0 5px;
    padding: 0;
    line-height: 1.6em;
    font-size: 20px;
    font-weight: normal;
    color: #555;
    word-break: break-all;
}

.sk-product-info .s-desc {
    color: #8f8f8f!important;
}
.s-desc {
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.6em;
    color: var(--SkProductInfo-desc-color);
    word-break: break-all;
    white-space: pre-line;
}
.s-item {
    margin: 15px 0 0;
}
.sk-product_info-default {
    margin: 25px 0 20px;
}
.sk-product-info {
    color: var(--SkProductInfo-color);
}
.sk-product_info-default .s-cont {
    padding: 15px 25px!important;
    background-color: #f7f7f7!important;
}
.s-cont {
    background: #f7f6f4;
    padding: 15px 20px;
    position: relative;
}
.s-cont .s-price {
    margin-bottom: 20px;
}
.s-cont .s-price .dt {
    margin-right: 20px;
    font-size: 12px;
    color: #444;
    display: inline-block;
}
.s-cont .s-price .dd {
    display: inline-block;
}
.s-cont .s-price .dd .price {
    font-size: 24px;
    color: #f00;
    vertical-align: baseline;
    margin-right: 15px;
    display: inline-block;
}
.s-cont .s-price .dd .price .small-y {
    font-size: 16px;
}
.su-currency {
    display: inline-block;
    text-decoration: inherit;
    white-space: nowrap;
}
.su-symbol {
    display: inline-block;
    font-family: 'Arial';
    font-style: normal;
    /* text-decoration: inherit; */
}
.su-currency > span {
    display: inline-block;
    text-decoration: inherit;
}
.sk-product_info-discounts {
    font-size: 12px;
    color: #444;
}

.s-items {
    display: inline-block;
    vertical-align: top;
}
.s-item:first-child {
    margin: 0;
}
.s-item {
    margin: 6px 0 0;
    line-height: 20px;
    color: #777;
}
.s-tag {
    display: inline-block;
    margin: 0 6px 0 0;
    padding: 4px 5px;
    border: 1px solid #f55;
    border-radius: 2px;
    font-size: 10px;
    background-color: #f55;
    color: #fff;
    vertical-align: middle;
    min-width: 3em;
    line-height: 1;
    text-align: center;
}
.s-link {
    display: inline-block;
    max-width: 200px;
    line-height: inherit;
    color: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}
.s-item {
    margin: 15px 0 0;
}
.sk-sku-options {
    margin: 0;
    padding: 0;
}
.s-label {
    display: block;
    margin: 10px 0 0;
    padding: 0;
    font-size: 14px;
    line-height: 1;
}

.s-labels {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    line-height: 20px;
}

.s-label:first-child {
    margin: 0;
}
.sk-sku-options .s-key {
    margin-bottom: 10px!important;
}
.s-key {
    display: inline-block;
    margin: 10px 10px 0 0;
    padding: 0;
}
.sk-sku-options .s-key .s-btn.i-can {
    color: #707070!important;
    border-color: #ebebeb!important;
    background-color: #ffffff!important;
}
.s-btn.i-can {
    border-style: solid;
    opacity: 1;
}
.sk-sku-options .s-key .s-btn {
    white-space: normal;
    text-align: left;
    line-height: 18px;
}
.su-button-cont, .su-button-icon {
    display: inline-block;
    line-height: inherit;
    font-size: inherit;
    vertical-align: inherit;
}

.s-btn[data-v-c4c18236] {
    margin: 0;
    padding: 8px 14px;
    border: 0 solid;
    border-color: var(--border-color);
    border-width: var(--1px);
    border-radius: 3px;
    border-style: dashed;
    color: var(--SkSkuOptions-color);
    font-size: 13px;
    background-color: var(--SkSkuOptions-background-color);
    opacity: .6;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.su-button.i-text {
    border: none;
    color: #4685ee;
    background: transparent;
    padding: 0;
    border-radius: 0;
}
.su-button {
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: var(--1px) solid #bfcbd9;
    color: #1f2d3d;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 1;
    border-radius: 3px;
    -webkit-tap-highlight-color: transparent;
    vertical-align: baseline;
}
.ruleInfo {
    color: #707070!important;
    border-color: #ebebeb!important;
    background-color: #ffffff!important;
    border-style: solid;
    opacity: 1;
    white-space: normal;
    text-align: left;
    line-height: 18px;
    margin: 0;
    padding: 8px 14px;
    border: 0 solid;
    border-width: var(--1px);
    border-radius: 3px;
    font-size: 13px;
}
.product .product-detail {
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px 1px #edeeee;
    box-shadow: 0 0 2px 1px #edeeee;
    margin-top: 40px;
}
.product .product-detail .main-title {
    border-bottom-width: 0;
}
@media (min-width: 1200px){
    .mdui-row, [class*=mdui-row-] {
        margin-right: -15px;
        margin-left: -15px;
    }
    .mdui-col, [class*=mdui-col-xs-], [class*=mdui-col-sm-], [class*=mdui-col-md-], [class*=mdui-col-lg-], [class*=mdui-col-xl-] {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.mdui-col-xs-12 {
    float: left;
    width: 100%;
}
