strong {font-weight: 700;}
body {font-size:14px; color:#000; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-x: hidden;}
h1,h2,h3,h4,h5 {font-weight: 400;}
input,textarea,select,button {color:#000; outline:none;}
a {color:#000; text-decoration:none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
body, html {height: 100%;}


img {width: 100%; display: block;}

.Wrap {width: 1170px; margin: auto;}

.TopBar {position: fixed; height: 45px; background: #6f5442; top: 0px; z-index: 10; width: 100%; line-height: 45px;}
.TopBar h2 a {color: #fff; font-size: 14px; float: left; display: block; font-size: 12px;}
.TopBar span {display: block; float: right; margin-left: 20px; font-size: 12px; color: #fff; cursor: pointer;}
.TopBar > div > span > img {display: inline-block; width: 15px; vertical-align: middle; margin: 0px 5px 3px 0px;}

.Top {position: fixed; height: 95px; top: 45px; width: 100%; z-index: 9;background: #fff;}

.Logo {float: left; width: 250px; padding-top: 32px;}
.TopCart {float: right; background: #eedbc2; box-shadow: 0px 0px 5px #eee; padding: 0px 30px;; margin-top: 30px; color: #fff; cursor: pointer; border: #eedbc2 1px solid; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; position: relative;}
.TopCartNum {position: absolute; font-size: 12px; top: 5px; left: 50%; margin-left: 10px;}
.TopCart > img {width: 20px; margin: auto; padding: 9px 0px;}

.Frame {padding: 60px 0px;}

.TopCarFrame {width: 260px; padding: 20px; background: #fff; box-shadow: 0px 0px 5px #eee; top: 140px; margin-left: 870px; display: none;}
.TopCarFrame.Show {display: block;}
.TopCarFrame li {border-bottom: #eee 1px solid; padding-bottom: 14px; margin-bottom: 15px; line-height: 18px; position: relative;}
.TopCarFrame img {float: left; width: 80px; margin-right: 15px;}
.TopCarFrame h2 {font-size: 14px; padding-right: 20px;}
.TopCarFrame span {color: #6f5442; font-size: 12px; font-weight: 600; display: block;}
.TopCarFrame em {font-size: 12px; color: #999; display: block;}
.TopCarFrame i {position: absolute; top: 3px; right: 0px; cursor: pointer; color: #eedbc2;}
.TopCarList {line-height: 30px;}
.TopCarList h3 {float: left; font-size: 12px; color: #999;}
.TopCarList p {float: right; color: #6f5442; text-align: right; font-weight: 600;}
.TopCarGo a {display: block; margin-top: 20px; background: #6f5442; line-height: 40px; text-align: center; color: #fff; font-weight: 600;}
.TopCarConfrim a {display: block; margin-top: 20px; background: #eedbc2; line-height: 40px; text-align: center; color: #6f5442; font-weight: 600;}


.Kong {text-align: center; font-size: 12px; color: #999;}
.Kong img {float: none; width: 100px; margin: 0px auto 20px auto;}

.Overlay {position: fixed; width: 100%; height: 100%; z-index: 20; top: 0px; left: 0px; background: rgba(0,0,0,0.6);}


.Login {width: 500px; background: #fff; border-radius: 10px; margin: 150px auto;}
.Login h2 {background: #eedbc2; line-height: 50px; padding: 0px 15px; font-size: 16px; font-weight: 600; border-radius: 10px 10px 0px 0px; color: #fff;}
.LoginFrame {background: #f8f8f8; border-radius: 5px; padding: 15px; margin-bottom: 20px;}
.LoginFrame i {display: inline-table; color: #ccc; width: 30px; text-align: center;}
.LoginFrameInput {border: none; background: #f8f8f8; width: 360px;}
.LoginBtn {border-radius: 3px; border: none; line-height: 40px; text-align: center; color: #fff; font-weight: 600; background: #6f5442; width: 100%;}
.Login span {color: #999; line-height: 40px; cursor: pointer; display: block; width: 50%; float: left;}
.LoginClose {float: right; color: #fff; cursor: pointer; line-height: 50px;text-align: center; margin-right: 10px;}


.SearchFrame {width: 500px; margin: 200px auto; background: #fff; border-radius: 10px; padding: 15px;}
.SearchInput {float: left; border: none; width: 400px; height: 40px;}
.SearchBtn {float: right; background: #eedbc2; border-radius: 5px; padding: 0px 15px; line-height: 40px; border: none; cursor: pointer;}
.SearchClose {position: absolute; width: 30px; left: 50%; margin-left: 250px; text-align: center; color: #fff; cursor: pointer; top: 170px;}

.BigTitle {text-align: center;}
.BigTitle h2 {font-size: 36px; padding-bottom: 10px; color: #6f5442;}
.BigTitle p {color: #999; font-size: 16px;}

.Average {display: flex; flex-wrap: wrap; justify-content: space-between;}

.IndexFilter {text-align: center; padding: 40px 0px;}
.IndexFilter span {display: inline-table; font-size: 16px; color: #999; cursor: pointer;}
.IndexFilter span.Current {color: #6f5442; font-weight: 600;}
.IndexFilter em {display: inline-table; padding: 0px 20px;}

.IndexList {width: 280px; background: #fbf9f5; position: relative; margin-bottom: 20px;}
.IndexList h2 {font-size: 16px; min-height: 40px;}
.IndexList span {color: #6f5442;}
.IndexList:hover .ListAction {opacity: 1.0; top: 210px;}
.ListAction {position: absolute; text-align: center; width: 100%; top: 200px; opacity: 0; z-index: 5; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
.ListAction i {display: inline-table; margin: 0px 5px; background: #fff; box-shadow: 0px 0px 5px #ccc; width: 40px; line-height: 35px; text-align: center; color: #666; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
.ListAction i:hover {background: #6f5442; color: #fff;}


.IndexProfileLeft {float: left; width: 350px; padding: 0px 70px 0px 100px;}
.IndexProfileRight {float: right; width: 650px;}
.IndexProfileRight h2 {font-size: 30px; color: #6f5442; padding: 50px 0px 10px 0px;}
.IndexProfileRight h3 {font-size: 16px; color: #eedbc2; padding: 0px 0px 10px 0px; font-weight: 600;}
.IndexProfileRight p {font-size: 16px; line-height: 35px; color: #999;}


.IndexClassMore a {display: block; width: 150px; padding: 9px 0px; border: #6f5442 1px solid; color: #6f5442; background: linear-gradient(#6f5442 50%, #fff 50%); background-size: 100% 200%; background-position: 0 100%; margin: 30px 0px; text-align: center;}
.IndexClassMore a:hover {-webkit-animation: myfirst 0.5s 1; background-position: 0 0%; color: #fff;}

.IndexClassMore_1 a {display: block; width: 150px; padding: 9px 0px; border: #6f5442 1px solid; color: #6f5442; background: linear-gradient(#6f5442 50%, #fff 50%); background-size: 100% 200%; background-position: 0 100%; margin: 50px auto 0px auto; text-align: center;}
.IndexClassMore_1 a:hover {-webkit-animation: myfirst 0.5s 1; background-position: 0 0%; color: #fff;}

@-webkit-keyframes myfirst
{
  0% {
        background-position: 0 100%;
    }
    100% {
        background-position: 0 0%;
    }
}

.IndexBrandWrap {width: 873px; margin:auto;}

.IndexBrand {width: 278px; border: #eedbc2 1px solid; margin: 10px 0px;}
.IndexBrand:hover {border: #6f5442 1px solid;}

.IndexNews {width: 360px; background: #fff; box-shadow: 0px 0px 3px #ccc; position: relative; display: block;}
.IndexNews h2 {font-size: 18px; color: #6f5442; padding-bottom: 5px;}
.IndexNews span {position: absolute; background: #eedbc2; line-height: 30px; float: left; padding: 0px 10px; font-size: 12px; left: 20px; top: 20px; color: #fff;}
.IndexNews p {line-height: 25px; color: #999;}
.IndexNews em {background: #6f5442; color: #fff; line-height: 40px; margin-top: 30px; display: block; text-align: center; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
.IndexNews:hover em {background: #eedbc2;}

.BottomLeft {float: left; width: 340px;}
.BottomLeft > img {width: 200px; margin-bottom: 20px;}
.BottomLeft p {color: #6f5442; font-size: 12px; line-height: 30px;}
.BottomLeft i {width: 15px;}
.BottomMid {float: left; width: 300px;}
.BottomMid h2 {font-size: 20px; color: #6f5442; padding-bottom: 20px;}
.BottomMid a {display: block; float: left; width: 50%; line-height: 35px;}
.BottomRight {width: 230px; float: right;}
.BottomRight h2 {font-size: 20px; color: #6f5442; padding-bottom: 20px; text-align: center;}
.BottomRight > img {width: 120px; margin: auto;}

.Bottom {background: rgba(111,84,66,0.5); line-height: 70px; text-align: center; color: #fff; margin: 30px 0px -60px 0px;}


.ContactTop {background: #f1ece8; position: relative; z-index: 1; height: 200px; text-align: center; color: #fff; margin-top: 140px; border-top: #fff 7px solid;}
.ContactTop h2 {font-size: 48px; font-weight: 400; padding: 50px 0px 10px 0px; color: #6f5442;}
.ContactTop span {display: block; background: #eedbc2; width: 80px; height: 6px; border-radius: 3px; margin: auto;}

.Contact {background: #fff; position: relative; z-index: 2; margin: 60px 0px; border-radius: 20px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);}
.ContactLeft {padding: 60px;}
.ContactLeft h2 {font-size: 30px; border-left: #6f5442 10px solid; line-height: 30px; padding-left: 15px; color: #6f5442; margin-bottom: 30px;}
.ContactLeft h3 {font-size: 14px; line-height: 25px; margin-bottom: 45px; font-weight: 400;}
.ContactLeft h4 {font-size: 20px; color: #6f5442; padding-bottom: 10px;}
.ContactLeft p {color: #999; font-size: 16px;}
.ContactLeft li {margin-top: 30px; line-height: 25px;}
.ContactLeft > ul > li > img {background: #f8fafc; border: #f1f5f9 1px solid; border-radius: 5px; width: 30px; height: 30px; float: left; margin-right: 20px; padding: 14px;}

.ContactRight {background: #fbf7f4; padding: 60px; border-radius: 0px 30px 30px 0px;}
.ContactRight h2 {font-size: 30px; line-height: 30px; color: #6f5442; margin-bottom: 10px;}
.ContactRight h3 {font-size: 16px; line-height: 25px; margin-bottom: 15px; font-weight: 400;}

.FillFrame {padding: 14px; background: #fff; border-radius: 10px; border: #eedbc2 1px solid; margin-top: 20px;}
.FillFrameInput {border: none; width: 100%; background: #fff;}
.Btn {background: #6f5442; line-height: 50px; color: #eedbc2; text-align: center; margin-top: 30px; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2); border: none; width: 100%; border-radius: 15px; font-weight: 600; cursor: pointer;}
.FillFrameInput:focus {border: #6f5442 1px solid;}


.faq-item {margin-bottom: 20px; border: 1px solid #eee;}
.faq-title {display: block; padding: 18px 24px; font-size: 16px; background: #f4f4f4; cursor: pointer; position: relative; user-select: none; transition: background 0.1s ease-in-out, color 0.1s ease-in-out; font-weight: 600;}
.faq-title:hover {background: #f1f1f1;}
        /*展开激活黄色背景*/
.faq-title.active {background: #6f5442; color: #fff;}
.faq-title::after {content: "+"; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); font-size: 22px; font-weight: bold;transition: color 0.3s ease-in-out;}
.faq-title.active::after {content: "−";}
.faq-content {overflow: hidden; height: 0; padding: 0 20px; background: #fafafa; line-height: 25px; color: #999;}
.faq-content-inner{padding: 20px 0;}


.Profile {background: #f2e3cf url(../image/profile_bg.jpg) no-repeat right bottom; border-radius: 20px; padding: 60px 500px 60px 60px; border-radius: 15px;}
.Profile > img {width: 150px; margin: auto; padding-bottom: 30px;}
.Profile p {font-size: 16px; line-height: 30px; color: #694c36;}


.News li {border-bottom: #f1f1f1 5px solid; padding: 15px; margin: 0px 0px 15px 0px; background: #fff;}
.News li:hover {border-bottom: #694c36 5px solid;}
.News > ul > li > a > img {float: left; width: 180px; margin-right: 20px;}
.News h2 {color: #694c36; font-size: 22px; font-weight: 400; padding-top: 5px;}
.News span {color: #999; font-size: 14px; line-height: 40px;}
.News p { line-height: 20px;}


.Back a {display:block; border-bottom:#e0e1e2 1px solid; background:url(../image/arrow_back.png) no-repeat 10px center; line-height:55px; padding-left:35px; color:#0f172a;}
.Back a:hover {background:#f1ece8 url(../image/arrow_back.png) no-repeat 10px center;}

.NewsDetail {margin-left: 170px;}
.NewsDetailTitle {font-size:24px; padding:10px 0px 14px 0px; border-bottom:#e0e1e2 1px solid; margin-bottom:20px; color: #694c36;}
.NewsDetailDate {font-style:italic; color:#999; padding-bottom:10px; display:block;}


.ProNav {width: 100%; background: #fff; text-align: center; padding: 30px 0px; background: #fbf7f2;}
.ProNav a {display: inline-block; margin: 0px 20px; font-size: 14px; color: #d19500;}
.ProNav a.Current {color: #694c36; font-weight: 600; font-size: 18px;}
.fixed {position: fixed; top: 140px; left: 0; z-index: 999;}

.ProPic {float: left; width: 520px;}

.ProDetail {float: right; width: 600px;}
.ProDetail h2 {font-size: 30px; padding-bottom: 10px; color: #694c36;}
.ProDetail p {color: #694c36;}
.ProDetail li {margin-top: 5px; border-bottom: #eee 1px solid; padding-bottom: 4px; line-height: 30px;}
.ProDetail li:last-child {border-bottom: none; padding-bottom: 10px;}
.ProDetail h3 {float: left; font-size: 14px; color: #999;}
.ProDetail span {display: block; text-align: right;}
.ProDetail h4 {font-size: 30px; color: #d19500; padding: 10px 0px; float: left;}


.Size {padding: 30px 0px;}
.Size h5 {font-size: 14px; float: left; margin-right: 10px; color: #999; line-height: 40px;}
.Size em {background: #f8f8f8; line-height: 40px; width: 40px; float: left; margin: 0px 10px 0px 0px; text-align: center; cursor: pointer;}
.Size em.Current {background: #d19500; color: #fff; font-weight: 600;}


.AddCart {cursor: pointer; background: #694c36; float: left; font-size: 16px; color: #fff; border-radius: 10px; line-height: 50px; padding: 0px 30px; margin-right: 20px;}
.AddFav {cursor: pointer; background: #eedbc2; float: left; font-size: 16px; color: #fff; border-radius: 10px; line-height: 50px; padding: 0px 30px;}


.cart-table-header {display: grid; grid-template-columns: 410px 130px 130px 130px; background: #f7f4ed; padding: 15px; font-size: 16px; font-weight: 500;}
.cart-item {display: grid; grid-template-columns: 410px 130px 130px 130px; align-items: center; padding: 24px 15px; border-bottom: 1px solid #e8e8e8;}
.product-info {display: flex; gap: 24px;}
.product-img-box {width: 80px; height: 80px; display: flex; justify-content: center;}
.product-img-box img {border-radius: 5px;}
.product-text h2 {font-size: 18px; font-weight: 400; margin-bottom: 10px; color: #694c36;}
.product-text p {line-height: 1.6;}
.price {font-size: 16px; text-align: center;}
.Num {width: 50px; padding: 10px; background: #fff; border: #694c36 1px solid; text-align: center; font-size: 16px;}
.action-buttons {margin-top: 30px; display: flex; gap: 24px; }
.update-btn {width: 200px; line-height: 46px; color: #dec39e; font-size: 16px; border-radius: 5px; text-align: center; cursor: pointer; border: #dec39e 2px solid;}


.CartRight {border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.08);}
.CartRight h2 {background: #fbfbfb; line-height: 50px; padding: 0px 15px; font-size: 16px; font-weight: 600; border-bottom: #eee 1px solid; margin-bottom: 10px;}
.CartRight li {border-bottom: #eee 1px solid; padding-bottom: 14px; margin-bottom: 15px; color: #666;}
.CartRight li.Total {padding-top: 10px; font-size: 16px; color: #000; font-weight: 600;}
.CartRight a {display: block; background: linear-gradient(90deg, #694c36, #ab927f); border-radius: 5px; color: #fff; line-height: 50px; margin-top: 30px; text-align: center; font-size: 18px;}
.CartRight a:hover {background: linear-gradient(90deg, #ab927f, #694c36);}
.CartRight p {line-height: 30px; color: #999; text-align: center; font-size: 12px; padding-top: 20px;}
.CartRight > div > img {width: 140px; margin: auto;}

.ConfirmLeft {border-radius: 10px; background: #f9f9f9; padding: 20px; margin-bottom: 20px;}
.ConfirmLeft h2 {font-size: 20px; color: #694c36; padding-bottom: 20px;}

.ConfirmLeftModify a {float: right; line-height: 30px; display: block;}

.ConfirmAddress {background: #fff; padding: 15px; border-radius: 10px;}
.ConfirmAddress h3 {font-size: 16px; color: #694c36;}
.ConfirmAddress h4 {font-size: 14px; padding: 20px 0px 10px 0px;}
.ConfirmAddress span {color: #f00;}
.ConfirmAddressInput {border: #dee2e6 2px solid; padding: 13px; width: 88%; border-radius: 10px;}
.ConfirmAddressInput:focus {border: #694c36 2px solid;}
.ConfirmAddressSelect {border: #dee2e6 2px solid; padding: 10px 13px; width: 96%; border-radius: 10px;}

.Letter {float: left; border: #eee 1px solid; position: relative; margin-right: 10px; border-radius: 5px; width: 238px; background: #fff url(../image/letter.jpg) repeat-x left bottom; line-height: 20px; cursor: pointer;}
.Letter > img |{position: absolute; bottom: 0px;}
.Letter img {border-radius: 0px 0px 5px 5px;}
.Letter h3 {font-size: 16px; font-weight: 600; float: left;}
.Letter h4 {font-size: 14px; font-weight: 300; float: right; color: #999;}
.Letter p {color: #666; padding-top: 10px;}
.Letter.Current {border: #694c36 1px solid;}



.ConfirmRight {border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.08);}
.ConfirmRight h2 {background: #fbfbfb; line-height: 50px; padding: 0px 15px; font-size: 16px; font-weight: 600; border-bottom: #eee 1px solid; margin-bottom: 10px;}
.ConfirmRight li {border-bottom: #eee 1px solid; padding-bottom: 14px; margin-bottom: 15px; line-height: 18px; position: relative;}
.ConfirmRight img {float: left; width: 80px; margin-right: 15px;}
.ConfirmRight h3 {font-size: 14px; padding-right: 20px;}
.ConfirmRight span {color: #6f5442; font-size: 12px; font-weight: 600; display: block;}
.ConfirmRight em {font-size: 12px; color: #999; display: block;}
.ConfirmRightList {line-height: 30px;}
.ConfirmRightList h3 {float: left; font-size: 12px; color: #999;}
.ConfirmRightList p {float: right; color: #6f5442; text-align: right; font-weight: 600;}


.Coupon {background: #fff; border-radius: 5px; padding: 10px 15px; border: #eee 1px solid;}
.CouponInput {border: none; height: 40px; float: left; width: 70%; background: #fff;}
.CouponBtn {float: right; padding: 0px 15px; background: #6f5442; color: #fff; line-height: 40px; border: none; border-radius: 5px;}

.Pay {border: #eee 1px solid; padding: 10px 15px; border-radius: 5px; margin-bottom: 10px; background: #fff;}
.Pay > img {width: 92px; margin-right: 10px; float: left;}
.PayInput {width: 20px; height: 20px; float: right; border: none; background: #fff; margin-top: 5px;}

.Confirm {border-top: #eee 1px solid; padding: 19px 0px; margin: 20px 0px; border-bottom: #eee 1px solid;}
.Confirm {line-height: 40px;}
.Confirm h2 {float: left; font-size: 16px; color: #999;}
.Confirm p {float: right; text-align: right; font-size: 16px;}
.Confirm h3 {float: left; font-size: 18px; padding-top: 10px; font-weight: 600;}
.Confirm span {float: right; text-align: right; font-weight: 600; font-size: 18px; color: #6f5442; padding-top: 10px;}

.PayNow {display: inline-table; background: linear-gradient(90deg, #694c36, #ab927f); border-radius: 5px; color: #fff; line-height: 50px; text-align: center; font-size: 16px; width: 200px; font-weight: 600; cursor: pointer;}

.BackCart {display: inline-table; line-height: 50px; margin-left: 30px; color: #999; cursor: pointer;}


.UserLeft {float: left; width: 260px;}
.UserLeft h2 {font-size: 14px; font-weight: 600; background: #f1ece8; border-radius: 5px; color: #6f5442; line-height: 40px; padding-left: 20px; margin-bottom: 20px;}
.UserLeft a {display: block; margin: 10px 0px; padding: 10px 20px; color: #999; border-radius: 5px;}
.UserLeft a.Current {background: #fafafa; color: #6f5442;}
.UserLeft i {width: 20px;}

.UserRight {float: right; width: 870px;}
.UserBar {background: url(../image/user_bg.jpg) no-repeat; line-height: 50px; font-size: 18px; color: #6f5442; padding-left: 30px; border-radius: 10px; margin-bottom: 20px;}
.UserMid a {background: #fafafa; width: 240px; border-radius: 5px; padding: 15px; margin-bottom: 20px; display: block; position: relative;}
.UserMid a:hover {background: #f7f4ed;}
.UserMid > a > img {float: left; background: #fff; padding: 10px; width: 30px; border-radius: 100%; margin-right: 15px;}
.UserMid p {padding: 5px 0px 2px 0px; color: #999;}
.UserMid span {color: #6f5442;}
.UserMid i {position: absolute; line-height: 30px; top: 50%; margin-top: -15px; right: 15px;}
.UserOrder {background: #f8f8f8; border-radius: 5px; padding: 15px;}
.UserOrder h2 {font-size: 16px; font-weight: 600;}
.UserOrder span a {display: block; float: right; font-size: 12px; line-height: 20px; color: #999;}
.UserOrder li a {display: block; float: left; width: 25%; text-align: center; position: relative;}
.UserOrder > ul > li > a > img {width: 15%; margin: 30px auto 5px auto;}
.UserOrder em {display: block; background: #f00; width: 15px; line-height: 15px; font-size: 12px; color: #fff; position: absolute; left: 50%; margin-left: 10px; top: 25px; border-radius: 100%;}
.UserOrderDetail {background: #fff; border-radius: 5px; margin-top: 20px;}
.UserOrderDetail > img {float: left; width: 60px; margin-right: 20px;}
.UserOrderDetail img {border-radius: 5px;}
.UserOrderDetail h3 {font-size: 14px; padding: 10px 0px 5px 0px;}
.UserOrderDetail p {display: inline-table; margin-right: 15px; font-size: 12px; color: #999;}


.SettingInput {background: #f8f8f8; border: none; padding: 15px; width: 90%; margin-bottom: 20px;}
.Pass {color: #ec6492; font-size: 12px; line-height: 20px; padding: 0px 0px 10px 15px; margin-top: -10px;}


.AddressList {border: #eee 1px solid; position: relative; margin-right: 10px; border-radius: 5px; line-height: 20px; background: url(../image/letter.jpg) repeat-x left bottom; margin-bottom: 20px;}
.AddressList > img |{position: absolute; bottom: 0px;}
.AddressList img {border-radius: 0px 0px 5px 5px;}
.AddressList h3 {font-size: 16px; font-weight: 600; float: left; margin-right: 20px;}
.AddressList h4 {font-size: 14px; font-weight: 300; float: left; color: #999;}
.AddressList p {color: #666; padding-top: 10px;}
.AddressList a {display: block; float: right; font-size: 12px; border-radius: 5px; line-height: 28px; padding: 0px 14px; margin-left: 10px;}
.AddressList a.Trash {border: #ddd 1px solid; color: #999;}
.AddressList a.Edit {border: #6f5442 1px solid; color: #6f5442;}

.AddAddress {background: #f8f8f8; padding: 15px;}


.OrderFilter a {display: block; float: left; margin-right: 20px; background: #fbf9f5; color: #6f5442; border-radius: 5px; line-height: 40px; padding: 0px 15px;}
.OrderFilter a.Current {background: #6f5442; color: #fff; font-weight: 600;}

.Order {background: #fafafa; margin-top: 20px; border-radius: 10px; position: relative;}
.Order h2 {font-size: 14px; background: #f1f1f1; border-radius: 10px 10px 0px 0px; line-height: 50px; padding-left: 15px;}
.Order span {float: right; font-weight: 600; color: #6f5442; padding-right: 15px;}
.Order span.WaitPay {color: #900;}
.Order span.Yet {color: #CCCCCC;}
.Order ul {float: left; width: 350px;}
.Order li {line-height: 30px;}
.Order li.OL {float: left; width: 80px; color: #999;}
.Order li.OR {margin-left: 80px;}

.OrderProduct {float: right; width: 350px;}
.OrderProduct h4 {font-size: 16px; color: #6f5442;}

.PayGo a {background: #6f5442; color: #fff; border-radius: 5px; line-height: 35px; float: right; padding: 0px 20px;}
.Cancel a {background: #f1f1f1; color: #999; border-radius: 5px; line-height: 35px; float: right; padding: 0px 20px; margin-left: 10px;}

.Change li {line-height: 30px;}
.Change li.OL {float: left; width: 80px; color: #999;}
.Change li.OR {margin-left: 80px;}

.ChangeDetail {background: #fff; border-radius: 5px; margin-top: 10px; line-height: 20px;}
.ChangeDetail > img {float: left; width: 60px; margin-right: 10px;}
.ChangeDetail img {border-radius: 5px;}
.ChangeDetail h3 {font-size: 14px; padding: 5px 0px 5px 0px;}
.ChangeDetail p {display: inline-table; margin-right: 15px; font-size: 12px; color: #999;}

.ChangeWord {border: none; border-radius: 5px; padding: 10px; background: #fff; width: 90%; height: 50px; margin-bottom: 20px;}


.carousel-wrap {
        margin: 0 auto;
        border-radius: 15px;
        overflow: hidden;
        position: relative;
	width: 1290px;
    }

    .image-box {
        position: relative;
		width: 1170px;
		margin: 0px 60px;
        overflow: hidden;
    }
    .slide-container {
        display: flex;
		width: 1170px;
        transition: transform 0.5s ease;
    }
    .slide-item {
        flex: 0 0 100%;
        display:flex;
		width: 1170px;
    }

    .arrow-left,
    .arrow-right {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 44px;
        height: 44px;
        color: #937f71;
        font-size: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 30;
        user-select: none;
    }

    .arrow-left {
        left: 0px;
    }

    .arrow-right {
        right: 0px;
    }

    .dots-wrap {
        display: flex;
        justify-content: center;
        gap: 10px;
        padding: 22px 0 8px;
    }

    .dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #d2c8b8;
        cursor: pointer;
    }

    .dot.active {
        background: #7a6858;
    }