@charset "utf-8";

/* lc-cart-guide */

.lc-cart-guide {transition:opacity .3s ease; opacity:0 !important;}
.lc-cart-guide.active {opacity:1 !important;}
.lc-cart-guide:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; box-shadow:2px 2px 2px 0px #000000; background-color:transparent; opacity:0.25; border-radius:0;}
.lc-cart-guide .body {position:relative; background-color:#ffffff; border:1px solid #656565;}
.lc-cart-guide .header {position:relative; padding:0 20px; height:44px; background-color:#f8f8f8;}
.lc-cart-guide .header .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:44px; font-size:14px; color:#333;}
.lc-cart-guide .header .btn {z-index:1; display:block; position:absolute; right:0; top:0; width:44px; height:100%; cursor:pointer;}
.lc-cart-guide .header .btn:after {display:block; content:''; position:absolute; right:0; top:0; width:100%; height:100%;}

.lc-cart-guide .header .btn svg {
    z-index: -1;
    display: block;
    position: absolute;
    left: calc(50% - 6px);
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
}

.lc-cart-guide .header .btn path {
    fill: #221E1F;
    opacity: .5;
}

.lc-cart-guide .header .btn:hover path {
    fill: #000;
    opacity: 1;
}

.lc-cart-guide .scroll-wrapper {max-height:400px;}
.lc-cart-guide .inner {padding:20px;}
.lc-cart-guide .inner .arrive {margin-top:20px;}
.lc-cart-guide .inner .arrive {padding:0 10px; height:34px; background-color:#7e8da8;}
.lc-cart-guide .inner .arrive {font-family: var(--family-light);font-weight: var(--weight-light); line-height:33px; font-size:13px; color:#fff;}
.lc-cart-guide .inner .table {display:table; width:100%;}
.lc-cart-guide .inner .table > ul {display:table-row;}
.lc-cart-guide .inner .table > ul:nth-child(n+2) > li {padding-top:20px;}
.lc-cart-guide .inner .table > ul > li {display:table-cell; vertical-align:top;}
.lc-cart-guide .inner .table > ul > li:nth-child(1) {width:80px; padding-right:20px;}
.lc-cart-guide .inner .items > ul {display:block;}
.lc-cart-guide .inner .items > ul:nth-child(n+2) {padding-top:20px; margin-top:20px; border-top:1px solid #f0f0f0;}
.lc-cart-guide .inner .items > ul > li {display:block;}
.lc-cart-guide .inner .items > ul > li:nth-child(2) {margin-top:10px;}
.lc-cart-guide .inner .tx1,
.lc-cart-guide .inner .tx2,
.lc-cart-guide .inner .tx3,
.lc-cart-guide .inner .tx4 a,
.lc-cart-guide .inner .tx5,
.lc-cart-guide .inner .tx6 {margin:-3px 0 -3px 0; word-wrap:break-word; word-break:break-all;}
.lc-cart-guide .inner .tx1 {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:13px; color:#666;}
.lc-cart-guide .inner .tx2 {margin:-3px 0 -6px 0;}
.lc-cart-guide .inner .tx2 {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:13px; color:#333;}
.lc-cart-guide .inner .tx3 {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:13px; color:#333;}
.lc-cart-guide .inner .tx4 {position:relative; position:relative; display:inline-block;}
.lc-cart-guide .inner .tx4 a {display:inline-block;}
.lc-cart-guide .inner .tx4 a {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:13px; color:#333;}
.lc-cart-guide .inner .tx4 p {transition:opacity 0.2s; z-index:-1; display:block; white-space:nowrap; visibility:hidden; position:absolute; left:calc(50% - 75px); top:-28px; width:150px; text-align:center; opacity:0;}
.lc-cart-guide .inner .tx4 span {z-index:1; position:relative; display:inline-block; padding:0 7px; height:22px;}
.lc-cart-guide .inner .tx4 span {font-family: var(--family-light);font-weight: var(--weight-light); line-height:22px; font-size:13px; color:#ffffff;}
.lc-cart-guide .inner .tx4 span:before {z-index:-2; display:block; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background-color:#666; border-radius:4px;}
.lc-cart-guide .inner .tx4 span:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 4px); bottom:-4px; width:7px; height:4px; background:var(--p-btn) no-repeat; background-position:0px -50px;}
.lc-cart-guide .inner .tx4:hover {z-index:1000; color:var(--color2);}
.lc-cart-guide .inner .tx4:hover:after {width:100%; opacity:1;}
.lc-cart-guide .inner .tx4:hover p {opacity:1; visibility:visible; animation:lc-cart-guide-tx2-ani .2s linear;}
.lc-cart-guide .inner .tx5 {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:13px; color:#666;}
.lc-cart-guide .inner .tx6 {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:13px; color:#888;}
.lc-cart-guide .inner .extra p {margin:-3px 0 -3px 0; word-wrap:break-word; word-break:break-all;}
.lc-cart-guide .inner .extra p {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:13px; color:#6b82a9;}
.lc-cart-guide .inner .extra p:nth-child(n+2) {margin-top:7px;}
.lc-cart-guide .inner .btn {transition:all .3s ease; margin-top:10px; padding:0 8px; height:22px; display:inline-block; background-color:#666; border-radius:3px; cursor:pointer;}
.lc-cart-guide .inner .btn {font-family: var(--family-light);font-weight: var(--weight-light); line-height:22px; font-size:13px; color:#fff;}
.lc-cart-guide .inner .btn:hover {background-color:#000;}
.lc-cart-guide .inner a.tx3 {transition:all .3s ease; z-index:1; position:relative; display:inline-block;}
.lc-cart-guide .inner a.tx3:after {transition:all .3s ease; z-index:-1; display:block; content:''; position:absolute; left:0; bottom:-4px; width:0; height:0; border-bottom:1px solid #107df4; opacity:0;}
.lc-cart-guide .inner a.tx3:hover {color:#107df4;}
.lc-cart-guide .inner a.tx3:hover:after {width:100%; opacity:1;}

@keyframes lc-cart-guide-tx2-ani {
    0% {top:-28px;}
    25% {top:-38px;}
    50% {top:-48px;}
    75% {top:-38px;}
    100% {top:-28px;}
}

.lc-cart-guide .countrys {margin-top:6px;}
.lc-cart-guide .countrys ul {margin:15px 0 0 -20px; display:block;}
.lc-cart-guide .countrys li {margin-left:20px; position:relative; width:calc(50% - 20px); display:inline-block; vertical-align:top;}
.lc-cart-guide .countrys li p {margin-left:30px; display:block; height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lc-cart-guide .countrys li p {font-family: var(--family-light);font-weight: var(--weight-light); line-height:25px; font-size:12px; color:#666;}
.lc-cart-guide .cart-flags {display:block; position:absolute; left:0; top:0;}

.lc-cart-guide .nothing_guide {
    word-wrap: break-word;
    word-break: break-all;
    font-family: var(--family-medium);font-weight: var(--weight-medium);
    line-height: 1.4;
    font-size: 13px;
    color: #000;
}

.lc-cart-guide .nothing_detail {
    margin-top: 8px;
    word-wrap: break-word;
    word-break: break-all;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    line-height: 1.4;
    font-size: 13px;
    color: #666;
}

/* overseas */

.lc-cart-guide .overseas-wrap {
    background:url('../img/overseas-bg.png') repeat;
    padding:5px;
    margin-bottom:20px;
}

.lc-cart-guide .overseas-inner {
    z-index: 1;
    position: relative;
    padding:11px 15px 13px 15px;
    background-color: #fff;
}

.lc-cart-guide .overseas-inner:after {
    z-index: -1;
    display: block;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 110px;
    height: 95px;
    background: url('../img/overseas-mark.png') no-repeat;
    opacity: .2;
}

.lc-cart-guide .overseas-inner > div:nth-child(n+2) {
    margin-top: 2px;
}

.lc-cart-guide .overseas-wrap .title span:nth-child(1) {
    font-family: var(--family-medium);font-weight: var(--weight-medium);
    line-height: 1.4;
    font-size: 14px;
    color: #333;
}

.lc-cart-guide .overseas-wrap .title span:nth-child(2) {
    margin-left: 10px;
    font-family: var(--family-light);font-weight: var(--weight-light);
    line-height: 1.4;
    font-size: 13px;
    color: #666;
}

.lc-cart-guide .overseas-wrap .text {
    font-family: var(--family-light);font-weight: var(--weight-light);
    line-height: 1.4;
    font-size: 13px;
    color: #666;
}

/* lc-cart-map */

.lc-cart-map {transition:opacity .3s ease; opacity:0 !important;}
.lc-cart-map.active {opacity:1 !important;}
.lc-cart-map:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; box-shadow:2px 2px 2px 0px #000000; background-color:transparent; opacity:0.25; border-radius:0;}
.lc-cart-map .body {position:relative; background-color:#ffffff; border:1px solid #656565;}
.lc-cart-map .header {position:relative; padding:0 67px 0 25px; height:57px; background-color:#333;}
.lc-cart-map .header .title {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:57px; font-size:18px; color:#fff;}
.lc-cart-map .header .btn {z-index:1; display:block; position:absolute; right:0; top:0; width:57px; height:100%; cursor:pointer;}
.lc-cart-map .header .btn:after {display:block; content:''; position:absolute; right:0; top:0; width:100%; height:100%;}

.lc-cart-map .header .btn svg {
    z-index: -1;
    display: block;
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
}

.lc-cart-map .header .btn path {
    fill: #fff;
    opacity: .3;
}

.lc-cart-map .header .btn:hover path {
    fill: #fff;
    opacity: 1;
}

.lc-cart-map .map {width:800px; height:500px;}