@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    src: url("../font/Montserrat/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    src: url("../font/Montserrat/Montserrat-Light.ttf") format("truetype");
}
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    src:  url("../font/Montserrat/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "GothicA1";
    src:  url("../font/GothicA1-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    src:  url("../font/Roboto-Regular.ttf") format("truetype");
}
html {overflow-x: unset;}
html, body, input {font-family: 'Roboto', Sans-Serif;}
body {background: #fefbf6;}
body.show {height: 100vh;overflow: hidden;}
h1,h2,h3,h4,h5,p {margin: 0;}
a, a:active, a:hover {color: #666}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
input[type='number'] {-moz-appearance: textfield;}
select {  -webkit-appearance: none;-moz-appearance: none;appearance: none;color:#000;background-color: #fff;}

.auto-1700 {max-width: 1700px;margin: 0 auto;}
.auto-1600 {max-width: 1600px;margin: 0 auto;}
.auto-1400 {max-width: 1400px;margin: 0 auto;}
.auto-1280 {max-width: 1280px;margin: 0 auto;}
.auto-960 {max-width: 960px;margin: 0 auto;}
.auto-900 {max-width: 900px;margin: 0 auto;}
@media (min-width: 1921px) {
    .auto-1400 {max-width: 14rem;}
    .auto-1600 {max-width: 16rem;}
    .auto-1600 {max-width: 17rem;}
}
@media (max-width: 1700px) {
    .auto-1700 {max-width: 86%;}
}
@media (max-width: 1600px) {
    .auto-1600 {max-width: 86%;}
}
@media (max-width: 1440px) {
    .auto-1400 {max-width: 86%;}
}
@media (max-width: 1280px) {
    .auto-1280 {max-width: 90%;}
}
@media (max-width: 640px) {
    .auto-1600 {max-width: 100%;padding: 0 15px;}
    .auto-1400 {max-width: 100%;padding: 0 15px;}
    .auto-960  {max-width: 100%;padding: 0 15px;}
    .auto-900  {max-width: 100%;padding: 0 15px;}
}
.mt60 {margin-top: .6rem;}
.mt80 {margin-top: .8rem;}
@media (max-width: 1024px) {
    .mt60 {margin-top: 8%;}
    .mt80 {margin-top: 10%;}
}

.icon img {max-height:100%;}
body ::-webkit-scrollbar {width: 3px;height: 3px;background-color: #eeeeee;border-radius: 30px;}
body ::-webkit-scrollbar-button {display: none;}
body ::-webkit-scrollbar-track {border-radius: 2px;}
body ::-webkit-scrollbar-thumb {background: #946852;border-radius: 30px;}
body ::-webkit-scrollbar-thumb:hover {background: #999;}
.swiper-pagination {position: relative;display: flex;justify-content: center;bottom: 0!important;padding: 0.5rem 0 0;}
.swiper-pagination .swiper-pagination-bullet {width: 0.16rem;height: 0.16rem;margin: 0 0.04rem;border-radius: 50%;background-color: #d8d5d1;opacity: 1;}
.swiper-pagination .swiper-pagination-bullet-active {background-color: #946852;}

.mCSB_scrollTools .mCSB_draggerRail {background-color: #eeeeee;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {height: 4px;background-color: #eeeeee;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #946852;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color: #7a5441;}
@media (max-width: 1024px) {
    body ::-webkit-scrollbar {width: 4px;height: 4px;}
    .swiper-pagination {text-align:center;}
    .swiper-pagination .swiper-pagination-bullet {display: inline-block;width: 10px;height: 10px;margin: 0 3px;}
    .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}
}

/*Top*/
#Top{position: fixed;top:0; width: 100%;background: linear-gradient(rgba(148, 104, 82, 0.9), rgba(148, 104, 82, 0));z-index:100; transition: 0.5s;}
#Top .header {}
#Top .header-left { display:flex;align-items: center;}
#Top .header-left .logo img{width: 1.36rem;transition: 0.5s;}
#Top .header-right{ display:flex;align-items: center;padding:0.15rem 0; }
#Top .header-right .head-home{ width: 0.4rem;height: 0.4rem;margin-right: 0.15rem;border-radius:50%;overflow: hidden;}
#Top .header-right .head-home a {display: block;width: 100%;height: 100%;background:url("../images/icon_home.png") no-repeat center/0.2rem rgba(0,0,0,0.2);transition: 0.3s;}
#Top .header-right .head-home a:hover {background-color: rgba(0,0,0,0.3);}
#Top .header-right .head-cart{ width: 0.4rem;height: 0.4rem;margin-right: 0.15rem;border-radius:50%;overflow: hidden;}
#Top .header-right .head-cart a {display: block;width: 100%;height: 100%;background:url("../images/icon_cart.png") no-repeat center/0.18rem rgba(0,0,0,0.2);transition: 0.3s;}
#Top .header-right .head-cart a:hover {background-color: rgba(0,0,0,0.3);}
#Top .header-right .head-member {position: relative;padding-right: 0.2rem;cursor: pointer;}
#Top .header-right .head-member .openDl {content:'';position: absolute;top:50%;right:0;width: 0.16rem;height: 100%;transform:translateY(-50%);background: url("../images/arrow_down.png") no-repeat center/0.1rem;filter: brightness(0) invert(1);opacity: 0.5;transition: 0.3s;cursor: pointer;}
#Top .header-right .head-member:hover .openDl {opacity: 1;}
#Top .header-right .head-member .img {width: 0.4rem;height: 0.4rem;border-radius:50%;overflow: hidden;}
#Top .header-right .head-member .img img {width: 100%;height: 100%;object-fit: cover;}
#Top .header-right .head-member dl {position: absolute;top: calc(100% + 0.15rem);left: 50%;transform:translateX(-50%);padding: 0.1rem 0;background-color: #946852;overflow: hidden;display: none;}
#Top .header-right .head-member dl dd a {display: block;line-height: 0.3rem;padding: 0 0.2rem;font-size: 0.14rem;color:#fff;transition: 0.3s;}
#Top .header-right .head-member dl dd a:hover {color:#fff;opacity: 0.7; }

#Top.onScroll {background: #946852;}
@media(min-width:1025px){
}
@media(max-width:1760px){
    #Top .auto {padding:0 2%;}
}
@media(max-width:1024px){
    #Top {position: fixed;top: 0;left: 0;width: 100%;padding: 0.2rem 0;transition: 0.5s;}
    #Top .header-left .logo img {width: 2.2rem;}
    #Top .header-right .head-home {width: 0.6rem;height: 0.6rem;}
    #Top .header-right .head-home a {background-size: 0.3rem;background-color: rgba(0,0,0,0.4)}
    #Top .header-right .head-cart {width: 0.6rem;height: 0.6rem;}
    #Top .header-right .head-cart a {background-size: 0.3rem;background-color: rgba(0,0,0,0.4)}
    #Top .header-right .head-member {padding-right: 0.3rem;}
    #Top .header-right .head-member::after {width: 0.2rem;height: 0.2rem;}
    #Top .header-right .head-member .img {width: 0.6rem;height: 0.6rem;}
    #Top .header-right .head-member .openDl {background-size: 0.2rem;}
    #Top .header-right .head-member dl dd a {font-size: 0.24rem;line-height: 0.5rem;}
}

/*HomeBanner*/
.HomeBanner {position:relative;height:100%;}
.HomeBanner .swiper {position: relative;}
.HomeBanner .swiper-slide {height:100%;}
/*.HomeBanner .swiper-slide::after {content:'';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.2);z-index: 9;}*/
.HomeBanner .swiper-slide img {display:block;width:100%;}
.HomeBanner .txt {position:absolute;left:0;bottom:0.6rem;z-index:11;width:100%;color:#fff;text-align:center;}
.HomeBanner .txt .title1 {font-size:0.39rem;font-weight:700;font-family: 'GothicA1';}

.HomeBanner .swiper-pagination {position:absolute;max-width:12.8rem;width: 100%;left:50%;bottom: 6% !important;transform:translateX(-50%);text-align:center;z-index:10;}
.HomeBanner .swiper-pagination .swiper-pagination-bullet {position: relative;display: inline-block;width: 8px;height: 8px;margin: 0 0.15rem;border-radius:30px;background-color: #fff;opacity: 1;transition: 0.3s;}
.HomeBanner .swiper-pagination .swiper-pagination-bullet::after {content:'';position: absolute;width: 0.3rem;height: 0.3rem;top: 50%;left: 50%;transform: translate(-50%,-50%);border:2px solid #fff;border-radius:50%;opacity: 0; transition: 0.3s;}
.HomeBanner .swiper-pagination .swiper-pagination-bullet-active::after {opacity: 1;}

@media (min-width:1025px) {
    .HomeBanner .txt .title1 {}
    .HomeBanner .swiper-slide .pc {height:4.7rem;}
    .HomeBanner .swiper-slide .wap {display:none;}
}
@media (max-width:1024px) {
    .HomeBanner a {position: relative;display: block;width: 100%;height: 100%;}
    .HomeBanner a::after {position: absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.1);z-index: 10;}

    .HomeBanner .slick-dots {width:88%;bottom:4%;}
    .HomeBanner .swiper-pagination {max-width: 90%;text-align: center;bottom: 0;}
    .HomeBanner .swiper-pagination .swiper-pagination-bullet {width: 8px;height: 8px;}
    .HomeBanner .swiper-pagination .swiper-pagination-bullet::after {width: 0.4rem;height: 0.4rem;}
}

/*homeTit*/
.homeTit {display: inline-block;position: relative;padding-bottom: 0.3rem;line-height: 1.12;font-size: 0.48rem;font-weight: 700;text-transform: uppercase;}
.homeSubtit {font-size: 0.18rem;line-height: 1.875;}
.tac {text-align: center;}
@media (max-width: 1024px) {
    .homeTit {}
    .homeSubtit {font-size: 0.24rem;line-height: 1.6}
}

/*imgBox*/
.imgBox {position: relative;display: flex;align-items:center;justify-content:center;overflow: hidden;}
.imgBox img {width: 100%;height: 100%;transition: 0.5s; object-fit: cover;object-position: 50% 50%;}
.imgBox:hover img {transform: scale(1.08)}
.imgBox.nohover:hover img {transform: none;}

/*homeMore*/
.homeMore {display: inline-flex;align-items: center;padding-bottom:0.05rem;}
.homeMore span,
.homeMore a {display: inline-flex;align-items:center;line-height: 0.6rem;padding: 0 0.35rem;color:#fff;border:1px solid #fff;border-radius:50px;transition: 0.3s;}
.homeMore span.green,
.homeMore a.green {border-color:#296099;background-color: #296099;}
.homeMore span::after ,
    /*.homeMore a::after {content:'';position:relative;width: 0.14rem;height: 0.14rem;margin-left: 0.24rem;background:url(../images/homeMore_icon.png) no-repeat center/contain;filter:brightness(0) invert(1);transition: 0.3s;}*/
.homeMore span i::after ,
.homeMore a i::after {content:'';position: absolute;top:50%;left:50%;width: 0.1rem;height: 0.1rem;margin-left: -0.06rem;border-top:2px solid #000;border-right: 2px solid #000;transform: translateY(-50%) rotate(45deg);}
.homeMore span.green,
.homeMore a.green {color:#fff;}
.homeMore span.green i,
.homeMore a.green i {border-color:#fff;}
.homeMore span.green i::after ,
.homeMore a.green i::after {border-top:2px solid #fff;border-right: 2px solid #fff}
.homeMore span:hover,
.homeMore a:hover {color:#296099;background-color: #fff;}
.homeMore span:hover::after,
.homeMore a:hover::after {filter:none;}
.homeMore span.green:hover,
.homeMore a.green:hover {border-color: #00b18e;background-color: #00b18e;}
@media (max-width: 1024px) {
    .homeMore {justify-content: center;width: 100%;}
    .homeMore a,
    .homeMore span {font-size: 0.24rem;line-height: 0.7rem;padding: 0 0.6rem}
    .homeMore span::after,
    .homeMore a::after {width: 0.2rem;height: 0.2rem;}

}

/*HomeProduct*/
.HomeProduct {padding:0.5rem 0 1rem;overflow: hidden;}
.HomeProduct-nav {margin-bottom: 0.4rem;}
.HomeProduct-nav ul {display: flex;flex-wrap: wrap;}
.HomeProduct-nav li {line-height: 0.5rem;padding: 0 0.2rem;color: #333;border:1px solid #eee;background-color:#fff;transition: 0.3s;cursor: pointer;}
.HomeProduct-nav li:not(:last-child) {margin-right: 0.1rem;}
.HomeProduct-nav li.on ,
.HomeProduct-nav li:hover {color:#fff;border-color: #946852;background-color: #946852;}

.HomeProduct-list ul {display: flex;flex-wrap: wrap;margin-bottom: 0.2rem;}
.HomeProduct-list li a {width: 100%;height: 100%;}
.HomeProduct-list li .imgBox {height:3rem;margin-bottom: 0.2rem;border:1px solid #eee;background-color: #fff;}
.HomeProduct-list li .imgBox a {padding: 0.25rem 0.2rem;}
.HomeProduct-list li .text .tag {display: inline-block;line-height: 0.3rem;margin-bottom: 0.2rem;padding: 0 0.2rem;border: 1px solid #e3e1dd;font-size: 0.14rem;color: #333;transition: 0.3s;}
.HomeProduct-list li .text h4 { display: flex;justify-content:space-between;align-items:center;padding-bottom: 0.15rem;margin-bottom: 0.1rem;border-bottom: 1px solid #dfdfdf;}
.HomeProduct-list li .text h4 a {/*height: 0.48rem;*/width: 66%;line-height: 1.3;font-size: 0.18rem;font-family: 'GothicA1';color: #000;transition: 0.3s;}
.HomeProduct-list li .text h4 a:hover {color: #946852;}
.HomeProduct-list li .text .moq {line-height: 1.6;font-weight: 700;color: #946852;width: 34%;text-align:right;overflow: hidden;}
.HomeProduct-list li .text .priceBox {display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.3rem;}
.HomeProduct-list li .text .priceBox .points {display: flex;align-items: baseline;margin-right: 0.1rem;font-size: 0.14rem;color: #946852;}
.HomeProduct-list li .text .priceBox .points span {max-width: 0.6rem;margin-right: 5px;font-size: 0.24rem;overflow: hidden;}
/*.HomeProduct-list li .text .priceBox .moq {line-height: 1.6;padding: 0 0.1rem;font-weight: 700;color: #946852;max-width: 0.9rem;overflow: hidden;}*/
.HomeProduct-list li .text .priceBox .quantityWrapper {display: flex;align-items: center;}
.HomeProduct-list li .text .priceBox .quantityWrapper .quantity {display: flex;align-items: center;border:1px solid #eeeeee;background-color: #fff;}
.HomeProduct-list li .text .priceBox .quantityWrapper .quantity > * {border:0;background:none;}
.HomeProduct-list li .text .priceBox .quantityWrapper .quantity button {width: 0.4rem;height: 0.4rem;font-size: 0.18rem;cursor: pointer;}
.HomeProduct-list li .text .priceBox .quantityWrapper .quantity input {width: 0.6rem;line-height: 0.4rem;text-align: center;}
.HomeProduct-list li .text .priceBox .btn {display: block;width: 0.3rem;height: 0.3rem;margin-left: auto;border-radius: 50%;background:url("../images/icon_cart.png") no-repeat center/0.16rem #946852;transition: 0.3s;cursor: pointer;transition: 0.3s;}
.HomeProduct-list li .text .priceBox .btn:hover {background-color: #7a5441;}
.HomeProduct-list li .text .btn {line-height: 0.4rem;text-align: center;color:#fff;background-color: #946852;cursor: pointer;transition: 0.3s;}
.HomeProduct-list li .text .btn:hover {background-color: #7a5441;}
@media (min-width: 1025px) {
    .HomeProduct-list li {width: 22.66%;}
    .HomeProduct-list li:not(:nth-child(4n)) {margin-right: 3.12%;}
    .HomeProduct-list li:nth-child(4) ~ li {margin-top: 0.5rem;}
    .HomeProduct-list li .text .tag:hover {color: #946852;border-color: #946852;}
}
@media (max-width: 1024px) {
    .HomeProduct {padding-bottom: 0.5rem;}
    .HomeProduct-list li {width: 48%;}
    .HomeProduct-list li:not(:nth-child(2n)) {margin-right: 4%;}
    .HomeProduct-list li:nth-child(2) ~ li {margin-top: 6%;}
    .HomeProduct-list li .imgBox {height: 3rem;}
    .HomeProduct-list li .text .tag {padding: 0 0.2rem;font-size: 0.2rem;}
    .HomeProduct-list li .text h4 {margin-bottom: 0.2rem;}
    .HomeProduct-list li .text h4 a {/*height: 0.68rem;*/width: 65%;font-size: 0.24rem;}
    .HomeProduct-list li .text .moq {width: 35%;}
    .HomeProduct-list li .text .priceBox .points {font-size: 0.2rem;}
    .HomeProduct-list li .text .priceBox .points span {font-size: 0.28rem;}
    .HomeProduct-list li .text .priceBox .moq {max-width: 1.4rem;font-size: 0.2rem;}
    .HomeProduct-list li .text .priceBox .quantityWrapper .quantity button {height: 0.6rem;font-size: 0.34rem;}
    .HomeProduct-list li .text .priceBox .quantityWrapper .quantity input {line-height: 0.6rem;}
    .HomeProduct-list li .text .priceBox .btn {width: 0.5rem;height: 0.5rem;background-size: 0.26rem;}
    .HomeProduct-list li .text .btn {line-height: 0.7rem;}
}


/*innerBanner*/
.innerBanner {position: relative;overflow: hidden;}
.innerBanner .container {position: relative;}
.innerBanner.active .pc {animation: Banner 2s linear;}
.innerBanner.active .wap {animation: Banner 2s linear;}
.innerBanner .wap {display: none;}
.innerBanner .text {position: absolute;width: 100%;top: 1.8rem;left: 50%;transform: translateX(-50%);color: #fff;z-index: 10;}
.innerBanner .text .title {position: relative;width: 60%;line-height: 1.25;font-size:0.8rem;margin-bottom:0.3rem;font-weight: 700;}
.innerBanner .text .title::after {content:'';position: absolute;top: -0.3rem;left: -0.35rem;width: 0.8rem;height: 0.8rem;border-radius: 50%;background: linear-gradient(155deg, #49bbe7, rgba(73, 187, 231, 0.6), rgba(73, 187, 231, 0.1), transparent);z-index: -1;}
.innerBanner .text .title {line-height: 1.1;font-size:0.48rem;margin-bottom:0.3rem;font-weight: 700;}
.innerBanner .text .title span {color: #4dc8f5;}
.innerBanner .text .subtitle {width: 60%;font-size:0.24rem;}
@keyframes Banner {
    0% {transform: scale(1.1)}
    1000% {transform: scale(1)}
}
@media (max-width: 1024px) {
    .innerBanner {margin-top: 1.1rem;}
    .innerBanner .pc {display: none;}
    .innerBanner .wap {display: block;}
    .innerBanner .wap img {width: 100%;max-width: none;}
    .innerBanner .text {top: 0.8rem;}
    .innerBanner .text .title,
    .innerBanner .text .subtitle {width: 100%;}
    .innerBanner .text .title {font-size: 0.36rem;line-height: 1.5;}
    .innerBanner .text .subtitle {font-size: 0.24rem;}
}

/*Location*/
.Location {padding: 0.3rem 0 0.5rem;color: #000;font-size: 0.14rem;}
.Location em {padding-left: 2%;font-style: normal;background: url("../images/icon_location.png") no-repeat left center/0.18rem;}
.Location a {padding: 0 3px;color: #000;}
.Location a:hover {color: #946852;}
.Location span {padding: 0 3px;color: #666;}
@media (min-width: 1025px) {

}
@media (max-width: 1024px) {
    .Location {padding: 0.4rem 0 0.3rem;font-size: 0.24rem;}
    .Location em {padding-left: 4%;background-size: 0.28rem;}
}

/*Menu*/
#Menu {}
#Menu ul {display: flex;flex-wrap: wrap;}
#Menu ul li {}
#Menu ul li a {display: block;border-radius:0.1rem;padding:0.18rem 0.1rem;text-align: center;transition: 0.3s;background-color: #f5f5f5;}
#Menu ul li.on a {color:#fff;font-weight: 700;background-color: #946852;}
#Menu .subMenu {display: flex;flex-wrap: wrap;padding-top: 20px;}
#Menu .subMenu dd {}
#Menu .subMenu dd a {display: block;border-radius:0.1rem;padding:0.12rem 0.1rem;text-align: center;font-size: 14px;border:1px solid #eee;transition: 0.3s;}
#Menu .subMenu dd.on a{color:#946852;border-color: #946852;}
@media (min-width: 1025px) {
    #Menu ul li {width: 18.75%;}
    #Menu ul li:not(:nth-child(5n)) {margin-right: 1.56%;}
    #Menu ul li:nth-child(5) ~ li {margin-top: 1.56%;}
    #Menu ul li a .icon {display: none;}
    #Menu ul li:hover a {color:#fff;font-weight: 700;background-color: #946852;}
    #Menu .subMenu dd {width: 12.5%;}
    #Menu .subMenu dd:not(:nth-child(7n)) {margin-right: 0.7%;}
    #Menu .subMenu dd:nth-child(7) ~ dd {margin-top: 0.7%;}
    #Menu .subMenu dd:hover a {color:#946852;border-color: #946852;}
}
@media (max-width: 1024px) {
    #Menu ul {flex-wrap: nowrap;justify-content:normal;overflow-x: auto;padding-bottom: 0.3rem;}
    #Menu ul li {flex-shrink:0;width: 43%;margin-right: 0.2rem;}
    #Menu ul li a {padding-left:0.2rem;padding-right:0.2rem;font-weight: 700;}
    #Menu ul li a .icon {display: inline-block;width: 0.7rem;height: 0.52rem;margin: 0.2rem 0;}
    #Menu ul li a .icon img {width: 100%;height: 100%;object-fit: cover;}
    #Menu ul li.on a .icon img {filter: brightness(0) invert(1)}
    #Menu .subMenu {flex-wrap: nowrap;justify-content:normal;padding-bottom: 0.3rem;overflow-x: auto;}
    #Menu .subMenu dd {flex-shrink:0;}
    #Menu .subMenu dd:not(:last-child) {margin-right: 0.2rem;}
    #Menu .subMenu dd a {padding: 0.1rem 0.3rem;font-size: 0.24rem;}
}



/*inner-nav*/
.inner-nav {margin-top: 0.5rem;}
.inner-nav h4 {margin-bottom: 0.3rem;font-size: 0.24rem;}
.inner-nav ul {display: flex;justify-content:center;overflow-x: auto;}
.inner-nav li:not(:last-child) {margin-right: 0.2rem;}
.inner-nav li {flex-shrink: 0;}
.inner-nav li a {display: flex;align-items: center;justify-content:center;padding: 0 0.3rem;line-height: 0.5rem;color:#000;border-radius: 30px;background-color: #f5f6f7;transition: 0.1s;}
.inner-nav li.on a,
.inner-nav li a:hover {color: #fff;background-color: #296099;}
.inner-nav li.on a {font-weight: 700;}
@media (min-width: 1025px) {
}
@media (max-width: 1024px) {
    .inner-nav {margin-bottom: 0.4rem;}
    .inner-nav h4 {font-size: 0.3rem;}
    .inner-nav ul {justify-content: space-evenly;}
    .inner-nav li:not(:last-child) {margin-right: 0;}
    .inner-nav li a {line-height: 0.7rem;}
    .inner-nav li a::before {display: none;}
}

/*innerTitle*/
.innerTitle {position: relative;margin-bottom: 0.2rem;line-height: 1.5;font-size: 0.48rem;font-weight: 700;color: #000;}
.innerTitle.tac {text-align: center;}
.innerTitle_desc {font-size: 0.24rem;color:#000;}
.innerSubtitle {position: relative;margin-bottom: 0.1rem;line-height: 1.2;font-size: 0.2rem;}
.innerSubtitle.tac {text-align: center;}
.innerSubtitle_desc {font-size: 14px;}
.innerSubtitle_desc.tac {text-align: center;}
@media (max-width: 1024px) {
    .innerTitle {font-size: .4rem;line-height: 1.5;}
    .innerTitle_desc {font-size: 0.24rem;}
    .innerSubtitle {font-size: .32rem;}
}

/*Footer*/
#Footer{position: relative;padding: 0.3rem 0;color:#fff;font-size: 12px;background: #483b35;}
#Footer .links {display: flex;justify-content: center;margin-bottom: 0.15rem;}
#Footer .links a {line-height: 1;color: #fff;transition: 0.3s;}
#Footer .links a:hover {color: rgba(255, 255, 255, 0.8);}
#Footer .links a:not(:last-child) {position: relative;padding-right: 0.1rem;margin-right: 0.1rem;}
#Footer .links a:not(:last-child)::after {content:'';position: absolute;top: 0;right: 0;width: 1px;height: 100%;background-color: #fff;}
#Footer .copyright {text-align: center;}
#Footer .goTop {position: absolute;right: 3%;top: 50%;transform: translateY(-50%);}
#Footer .goTop span {display: block;width: 0.5rem;height: 0.5rem;margin-left: 0.2rem;border-radius: 50%;background:url("../images/icon_gotop.png") no-repeat center/0.18rem #946852;cursor: pointer;}
@media (min-width: 1025px) {
}
@media (max-width: 1024px) {
    #Footer {padding: 0.5rem 0;font-size: 0.2rem;}
    #Footer .container { display: flex;flex-direction: column;align-items: center;}
    #Footer .copyright {text-align: center;}
    #Footer .copyright div:nth-child(1) {margin-bottom: 0.2rem;}
}

.swiper-button {position: absolute;width: 0.6rem;height: 0.6rem;top:40%;transform: translateY(-50%);border:1px solid #fff;cursor: pointer;}
.swiper-button-prev {left: -0.7rem;}
.swiper-button-next {right: -0.7rem;}
.swiper-button::after {content:'';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0.1rem;height: 0.08rem;background-repeat: no-repeat;background-position: center;background-size: contain;}
.swiper-button-prev::after {background-image: url("../images/swiper_prev.png")}
.swiper-button-next::after {background-image: url("../images/swiper_next.png")}
.swiper-button::before {background-color: #296099;}
.swiper-button::after {filter: brightness(0) invert(1);}

.Inner {}

/*productDetail*/
.productDetail-info {margin-bottom: 0.8rem;}
.productDetail-info .imgGallery {position: relative;display: flex;align-items: center;justify-content: center;border: 1px solid #e5e5e5;background-color: #fff;}
.productDetail-info .imgGallery .swiper {width: 6rem;height: 6rem;}
.productDetail-info .imgGallery .swiper-slide {display: flex;align-items: center;justify-content: center;}
.productDetail-info .imgGallery .imgBox {width: 4rem;height: 4rem;}
.productDetail-info .imgGallery .swiper-pagination {display: none;}
.productDetail-info .imgGallery .swiper-button {top:50%;border:none;/*background-color:#dddddd;*/}
.productDetail-info .imgGallery .swiper-button::after {width: 0.1rem;height: 0.12rem;opacity: 0.6;filter: none;}
.productDetail-info .imgGallery .swiper-button-prev {left: 0.2rem;}
.productDetail-info .imgGallery .swiper-button-next {right: 0.2rem;}

.productDetail-info .text h4 {height: 0.48rem;margin-bottom: 0.15rem;font-size: 0.3rem;color: #000;font-family: 'GothicA1';transition: 0.3s;}
.productDetail-info .text .priceBox {display: flex;align-items: center;padding-bottom: 0.3rem;margin-bottom: 0.3rem;border-bottom: 1px solid #eeeeee;}
.productDetail-info .text .priceBox .points {display: flex;align-items: center;margin-right: 0.1rem;font-size: 0.14rem;color: #946852;}
.productDetail-info .text .priceBox .points span {margin-right: 5px;font-size: 0.3rem;overflow: hidden;}
.productDetail-info .text .priceBox .moq {line-height: 1.6;padding: 0 0.1rem;border: 1px solid #e3e1dd;font-size: 0.12rem;color: #333;max-width: 0.9rem;overflow: hidden;}
.productDetail-info .text .desc {margin-bottom: 0.3rem;line-height: 1.875;color: #333;}
.productDetail-info .text .quantityWrapper {display: flex;align-items: center;padding-bottom: 0.4rem;margin-bottom: 0.4rem;border-bottom: 1px solid #eeeeee;}
.productDetail-info .text .quantityWrapper em {margin-right: 0.4rem;font-style: normal;font-weight: 700;font-size: 0.14rem;color:#000;}
.productDetail-info .text .quantityWrapper .quantity {border:1px solid #eeeeee;background-color: #fff;}
.productDetail-info .text .quantityWrapper .quantity > * {border:0;background:none;}
.productDetail-info .text .quantityWrapper .quantity button {width: 0.4rem;height: 0.4rem;font-size: 0.18rem;cursor: pointer;}
.productDetail-info .text .quantityWrapper .quantity input {width: 0.6rem;line-height: 0.4rem;text-align: center;}
.productDetail-info .text .buttons {display: flex;}
.productDetail-info .text .buttons .btn {display: flex;align-items:center;justify-content:center;width: 1.8rem;line-height: 0.5rem;text-align: center;font-size: 0.14rem;font-weight: 700;transition: 0.3s;cursor: pointer;}
.productDetail-info .text .buttons .add {margin-right: 0.2rem;color:#fff;background-color: #946852;}
.productDetail-info .text .buttons .add:hover {background-color: #7a5441;}
.productDetail-info .text .buttons .back {color: #000;border:1px solid #eee;background-color: #fff;}
.productDetail-info .text .buttons .back:hover {color:#fff;border-color: #946852;background-color: #946852;}
@media (min-width: 1025px) {
    .productDetail-info > div {display: flex;justify-content: space-between;align-items: center;}
    .productDetail-info .imgGallery {width: 46.875%;}
    /*.productDetail-info .imgGallery .swiper-button:hover {background-color:#946852;}*/
    .productDetail-info .text {width: 46.875%;}
}
@media (max-width: 1024px) {
    .productDetail-info .imgGallery {margin-bottom: 0.5rem;}
    .productDetail-info .imgGallery .swiper-button {width: 0.8rem;height: 0.8rem;}
    .productDetail-info .imgGallery .swiper-button::after {width: 0.16rem;height: 0.22rem;}
    .productDetail-info .text h4 a {height: 0.68rem;font-size: 0.24rem;}
    .productDetail-info .text .priceBox .points {font-size: 0.2rem;}
    .productDetail-info .text .priceBox .points span {font-size: 0.28rem;}
    .productDetail-info .text .priceBox .moq {max-width: 1.4rem;font-size: 0.2rem;}
    .productDetail-info .text .desc {line-height: 1.6;font-size: 0.24rem;}
    .productDetail-info .text .quantityWrapper em {font-size: 0.24rem;}
    .productDetail-info .text .quantityWrapper .quantity button {width: 0.8rem;height: 0.8rem;font-size: 0.34rem;}
    .productDetail-info .text .quantityWrapper .quantity input {width: 0.8rem;line-height: 0.8rem;}
    .productDetail-info .text .buttons {justify-content: center;}
    .productDetail-info .text .buttons .btn {width: 2.8rem;line-height: 0.8rem;font-size: 0.24rem;}
    .productDetail-info .text .buttons .add::before {width: 0.3rem;height: 0.3rem;}
}

.Member .memberTitle {margin-bottom: 0.3rem;line-height: 1;font-size: 0.36rem;font-weight: 700;font-family: 'GothicA1';color: #000;text-align: center;}
.Member .memberSubtitle {position: relative;margin-bottom: 0.3rem;color: #946852;/*font-weight: 600;*/border-bottom:1px solid #eee;}
.Member .memberSubtitle span {position: relative;display: inline-block;padding-bottom: 0.2rem;}
.Member .memberSubtitle span::after {content:'';position: absolute;width: 100%;height: 2px;bottom:-1px;left:0;background-color: #946852}
.Member .formText {width: 100%;line-height: 0.5rem;font-size: 14px;border:0;}
.Member .formText::placeholder {color:#999;}
.Member .form dd {margin-bottom: 0.2rem;border:1px solid #eee;}
.Member .submitBtn {cursor: pointer;transition: 0.3s;}
.Member .submitBtn a {display: block;margin-top: 0.1rem;line-height: 0.5rem;text-align: center;color: #fff;font-size: 0.16rem;background-color: #946852;transition: 0.3s;}
.Member .submitBtn a:hover {background-color: #7a5441;}

.LoginBox {padding: 0.8rem 0;}
.LoginBox .container {border-radius: 0.2rem;border: 1px solid #eee;overflow: hidden;background-color: #fff;}
.LoginBox .img figure {padding-bottom: 93.75%;}
.LoginBox .formWrapper {padding: 0.5rem 0;}
.LoginBox .formWrapper .form {padding: 0 1rem 0.25rem;}
.LoginBox .formWrapper .form dd {padding: 0 0.2rem;border-bottom: 1px solid #eee;background-color: #fff;}
.LoginBox .formWrapper .form dd:nth-child(2) .formText {width: 40%;}
.LoginBox .formWrapper .form dd:nth-child(2) {position: relative;}
.LoginBox .formWrapper .form dd .link {position: absolute;top:50%;right: 3%;transform:translateY(-50%);font-size: 14px;color:#666;}
.LoginBox .formWrapper .form dd .btn {position: absolute;top:50%;right: 3%;transform:translateY(-50%);line-height:0.34rem;padding: 0 0.22rem;font-size: 14px;color:#fff;border-radius: 30px;background-color: #946852;}
.LoginBox .formWrapper .form dd .link:hover {color:#946852;}
.LoginBox .formWrapper .form .tips {margin-top: 0.2rem;color:#999;font-size: 14px;}
.LoginBox .formWrapper .form .tips a {color:#946852;}
.LoginBox .formWrapper .form .tips a:hover {color:#946852;}

.MemberWrapper {padding: 0.6rem 0 1rem;}
.MemeberNav {padding: 0.14rem 0.3rem 1.2rem;border:1px solid #eeeeee;background-color: #fff;}
.MemeberNav li {padding-top: 5px;}
.MemeberNav li a {position: relative;display: block;line-height: 0.4rem;padding-right: 0.2rem;border-bottom:1px solid #eee;transition: 0.3s;}
.MemeberNav li a::after {content:'';position: absolute;right: 0;top: 50%;width: 0.06rem;height: 0.06rem;margin-top:-0.04rem;border-top:1px solid #999999;border-right:1px solid #999999;transform: rotate(45deg);}
.MemeberNav li.on a ,
.MemeberNav li:hover a {color: #946852;font-weight: 700;}
.MemeberNav li.on a::after {border-color: #946852;}
.rightInfo {padding: 0.3rem 0.4rem 0.6rem;border:1px solid #eeeeee;background-color: #fff;}

.myAccount dl {display: flex;margin-bottom: 0.2rem;}
.myAccount dl dd:nth-child(1) {line-height: 0.5rem;color: #000;}
.myAccount dl dd:nth-child(2) {line-height: 0.5rem;color: #999;}
.myAccount .personInfo {display: flex;align-items: center;}
.myAccount .personInfo .imgBox {width: 0.8rem;height: 0.8rem;margin-right: 0.2rem;border-radius: 50%;overflow: hidden;}
.myAccount .personInfo .title {font-size: 0.14rem;color: #999;font-weight: 300;}
.myAccount .personInfo .priceBox .points {display: flex;align-items: baseline;margin-right: 0.1rem;font-size: 0.14rem;color: #946852;}
.myAccount .personInfo .priceBox .points span {margin-right: 5px;font-size: 0.3rem;font-weight: 300;overflow: hidden;}
.myAccount input.text {width: 100%;line-height: 0.5rem;padding: 0 0.2rem;font-size: 14px;border: 1px solid #eee;color:#999;background-color: #fff;}
.myAccount .submitBtn a:not(:last-child) {margin-right: 0.2rem;}

.account-list li {display: flex;align-items: center;justify-content: space-between;padding-bottom: 0.3rem;margin-bottom: 0.3rem;border-bottom: 1px solid #eeeeee;}
.account-list li > div {flex-shrink: 0;}
.account-list .left {display: flex;align-items: center;width: 50%;}
.account-list .mid {margin-right: 5%;}
.account-list .left .imgBox{flex-shrink: 0;width: 1.7rem;height: 1.8rem;padding: 0.2rem 0.15rem;margin-right: 0.3rem;border: 1px solid #eee;background-color: #fff;}
.account-list .left h4 {height: 0.48rem;margin-bottom: 0.15rem;font-size: 0.18rem;color: #000;font-family: 'GothicA1';transition: 0.3s;}
.account-list .left .priceBox {display: flex;align-items: center;}
.account-list .left .priceBox .points {display: flex;align-items: baseline;margin-right: 0.1rem;font-size: 0.14rem;color: #946852;}
.account-list .left .priceBox .points span {margin-right: 5px;font-size: 0.24rem;overflow: hidden;}
.account-list .left .priceBox .moq {line-height: 1.6;padding: 0 0.1rem;border: 1px solid #e3e1dd;font-size: 0.12rem;color: #333;max-width: 0.9rem;overflow: hidden;}
.account-list .mid .quantity {border:1px solid #eeeeee;border-radius:0.05rem;background-color: #fff;}
.account-list .mid .quantity > * {border:0;background:none;}
.account-list .mid .quantity button {width: 0.4rem;height: 0.4rem;font-size: 0.18rem;cursor: pointer;}
.account-list .mid .quantity input {width: 0.6rem;line-height: 0.4rem;text-align: center;}
.account-list .right .buttons {}
.account-list .right .buttons .btn {display: flex;align-items:center;justify-content:center;width: 1.8rem;line-height: 0.5rem;text-align: center;transition: 0.3s;cursor: pointer;}
/*.account-list .right .buttons .btn::before {content:'';width: 0.2rem;height: 0.2rem;margin-right: 0.1rem;background-repeat: no-repeat;background-position: center;background-size: contain;}*/
.account-list .right .buttons .redeem {margin-bottom: 0.1rem;color:#946852;border:1px solid #946852;}
.account-list .right .buttons .redeem::before {background-image: url("../images/icon_redeem.png")}
.account-list .right .buttons .redeem:hover {color:#fff;background-color: #7a5441;}
.account-list .right .buttons .redeem:hover::before {filter: brightness(0) invert(1);}
.account-list .right .buttons .delete {color: #666;border:1px solid #eee;background-color: #fff;}
.account-list .right .buttons .delete::before {background-image: url("../images/icon_delete.png")}
.account-list .right .buttons .delete:hover {color:#fff;background-color: #946852;}
.account-list .right .buttons .delete:hover::before {filter: brightness(0) invert(1);}

.rightInfo .checkbox {padding-right: 0.2rem;}
.rightInfo .checkbox label {display: flex;justify-content:space-between;padding:0.2rem 0;cursor: pointer;}
.rightInfo .checkbox input[type="checkbox"]{display: none;}
.rightInfo .checkbox .box {position: relative;display:inline-block;width: 0.2rem;height: 0.2rem;border: 1px solid #dedede;}
.rightInfo .checkbox input[type="checkbox"]:checked + span {border-color: #946852;background-color: #946852;}
.rightInfo .checkbox input[type="checkbox"]:checked + span::after {content:'';position: absolute;top: 0;;left: 0;width: 100%;height: 100%;background: url("../images/icon_gou.png") no-repeat center/0.12rem;}
.rightInfo .checkAll {margin-top: 0.2rem;}
.rightInfo .checkAll label {justify-content: flex-start;padding: 0;font-size: 0.14rem;color: #999}
.rightInfo .checkAll label .box {margin-right: 0.1rem;}

.totalBox {display: flex;justify-content: space-between;}
.totalBox .total {display: flex;align-items: center;margin-bottom: 0.2rem;font-size: 0.18rem;}
.totalBox .total em {margin-right: 0.1rem;font-style: normal;color:#000;}
.totalBox .total .points {color: #946852;}
.totalBox .total .points span {font-weight: 700;font-size: 0.36rem;}
.totalBox .btn {line-height: 0.5rem;padding: 0 0.3rem;color:#fff;background-color: #946852;cursor: pointer;transition: 0.3s;}
.totalBox .btn:hover {background-color: #7a5441;}
@media (min-width: 1025px) {
    .LoginBox .container {display: flex;align-items: center;}
    .LoginBox .img {width: 50%;}
    .LoginBox .formWrapper {width: 50%;}

    .MemberWrapper {display: flex; justify-content: space-between;}
    .MemeberNav {width: 18.75%;}
    .rightInfo {width: 78.9%;}
    .myAccount .submitBtn {display: flex;justify-content: flex-end;}
    .myAccount .submitBtn a {width: 1.6rem;}

    .myAccount dl dd:nth-child(1) {width: 15%;text-align: right;}
    .myAccount dl dd:nth-child(2) {width: 85%;padding-left: 0.3rem;}

    .account-list .right .buttons .btn {font-size: 0.16rem;}
}
@media (max-width: 1024px) {
    .Member .submitBtn a {line-height: 0.7rem;font-size: 0.26rem;}
    .Member .formText {line-height: 0.7rem;font-size: 0.24rem;}
    .LoginBox .formWrapper .form {padding: 0 0.5rem 0.25rem;}
    .LoginBox .formWrapper .form dd .link,
    .LoginBox .formWrapper .form dd .btn {font-size: 0.24rem;}
    .LoginBox .formWrapper .form dd .btn {line-height: 0.5rem;}
    .LoginBox .formWrapper .form .tips {font-size: 0.24rem;}

    .Member .MemberWrapper  {max-width: 100%;padding-bottom: 0.6rem;}
    .Member .memberSubtitle {margin-bottom: 0.5rem;font-size: 0.26rem;}
    .MemeberNav {padding-top: 0.4rem;padding-bottom: 0.5rem;background-color: #fff;}
    .MemeberNav ul {display: flex;padding-bottom: 0.2rem;overflow-x: auto;}
    .MemeberNav ul li a {font-size: 0.24rem;white-space: nowrap;border-bottom: 0;margin-right: 0.3rem;padding: 0.2rem;background-color: #f9f9f9;}
    .MemeberNav li.on a,
    .MemeberNav li:hover a {color: #fff;background-color: #946852;}
    .MemeberNav ul li a::after {display: none;}

    .rightInfo {padding-top: 0.5rem;padding-bottom: 0.2rem;font-size: 0.24rem;}
    .myAccount dl {flex-wrap: wrap;margin-bottom: 0.4rem;}
    .myAccount dl dd {flex-shrink:0;width: 100%;}
    .myAccount input.text {line-height: 0.7rem;}
    .myAccount .personInfo .title {font-size: 0.24rem;}
    .myAccount .personInfo .priceBox .points {font-size: 0.24rem;}
    .myAccount .submitBtn { display: flex;justify-content: center;}
    .myAccount .submitBtn a {width: 2rem;}

    .account-list li {flex-wrap: wrap;}
    .account-list .left {width: 65%;}
    .account-list .left .imgBox {width: 1.5rem;height: 1.6rem;margin-right: 0.2rem;padding: 0.15rem 0.1rem;}
    .account-list .left h4 {height: 0.78rem;font-size: 0.26rem;}
    .account-list .left .priceBox {flex-wrap: wrap;}
    .account-list .left .priceBox .points {font-size: 0.2rem;}
    .account-list .left .priceBox .points span {font-size: 0.3rem;}
    .account-list .left .priceBox .moq {max-width:none;font-size: 0.2rem;}
    .account-list .mid {margin-right: 0;}
    .account-list .mid .quantity button {width: 0.6rem;height: 0.6rem;font-size: 0.34rem;}
    .account-list .mid .quantity input {height: 0.6rem;}
    .account-list .right {width: 100%;}
    .account-list .right .buttons {display: flex;justify-content: flex-end;margin-top: 0.2rem;}
    .account-list .right .buttons .btn {font-size: 0.24rem;line-height: 0.6rem;margin-bottom: 0;}
    .account-list .right .buttons .btn::before {width: 0.3rem;height: 0.3rem;}
    .account-list .right .buttons .delete {margin-left: 0.3rem;}

    .rightInfo .checkbox .box {width: 0.3rem;height: 0.3rem;}
    .rightInfo .checkAll label {font-size: 0.24rem}
    .totalBox {margin-bottom: 0.4rem;}
    .totalBox .total {justify-content: flex-end;font-size: 0.24rem;}
    .totalBox .btn {line-height: 0.7rem;}
}

#popUp {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0.5);z-index: 102;display: none;}
#popUp .content {position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 90%;max-width: 6.8rem;padding: 1rem 0.5rem;text-align:center;z-index: 102;background-color:#fff;}
#popUp .content .icon {width: 0.8rem;margin: 0 auto 0.3rem;}
#popUp .content .title {margin-bottom: 0.1rem;font-size: 0.24rem;font-weight: 700;color: #000;}
#popUp .content .desc {font-size: 0.18rem;}
#popUp .closeBtn {position: absolute;width: 0.2rem;height: 0.2rem;top: 0.4rem;right: 0.4rem;background: url("../images/closeBtn.png") no-repeat center/contain;cursor: pointer;z-index: 102;transition: 0.3s;}
#popUp .closeBtn:hover {transform: rotate(90deg);}
#popUp .buttons {display: flex;justify-content: center;margin-top: 0.4rem;}
#popUp .buttons .btn {width: 1.8rem;line-height:0.5rem;border: 1px solid #946852;color:#946852;text-align: center;transition: 0.3s;cursor: pointer;}
#popUp .buttons .btn:not(:last-child) {margin-right: 0.1rem;}
#popUp .buttons .btn.red {color:#fff;background-color: #946852;}
#popUp .buttons .btn:hover {color:#fff;background-color: #946852;}
#popUp .buttons .btn.red:hover {background-color: #7a5441;}
#popUp .redeem {padding-top:0.8rem;padding-bottom:0.8rem;}
#popUp .redeem .name {font-weight: 700;color: #000;}
#popUp .redeem dl {margin: 0.3rem 0 0.4rem;}
#popUp .redeem dl dd {display: flex;justify-content: space-between;padding: 0.2rem 0;border-bottom: 1px solid #eeeeee;}
#popUp .redeem dl dd .name {max-width: 80%;}
#popUp .redeem dl dd .num {font-size: 0.14rem;color: #999}
#popUp .redeem dl dd .num span {font-size: 0.16rem;color: #666;}
#popUp .redeem .total {text-align: right;}
#popUp .redeem .total .name {margin-bottom: 0.1rem;}
#popUp .redeem .total .text {line-height: 1.875;}
#popUp .redeem .total .points {margin-bottom: 0.3rem;color: #946852;font-size: 0.14rem;}
#popUp .redeem  .total .points span {font-weight: 700;font-size: 0.24rem;}
@media (max-width: 1024px) {
    #popUp .content {width: 90%;padding-top: 0.8rem;}
    #popUp .content .icon img {width: 0.8rem;}
    #popUp .content .title {font-size: 0.28rem;}
    #popUp .content .desc {font-size: 0.24rem;}
    #popUp .closeBtn {width: 0.3rem;height: 0.3rem;}
    #popUp .buttons .btn {width: 46%;line-height: 0.7rem;}
    #popUp .redeem dl dd .num {font-size: 0.2rem;}
    #popUp .redeem dl dd .num span {font-size: 0.24rem;}
    #popUp .redeem .total .points {font-size: 0.2rem;}
    #popUp .redeem .total .points span {font-size: 0.3rem;}
}


.record-list li {display: flex;align-items: center;justify-content: space-between;padding-bottom: 0.3rem;margin-bottom: 0.3rem;border-bottom: 1px solid #eeeeee;}
.record-list li > div {flex-shrink: 0;}
.record-list .left {display: flex;align-items: center;width: 44.6%;}
.record-list .left .imgBox{flex-shrink: 0;width: 1.7rem;height: 1.8rem;padding: 0.2rem 0.15rem;margin-right: 0.3rem;border: 1px solid #eee;background-color: #fff;}
.record-list .left h4 {height: 0.48rem;margin-bottom: 0.15rem;font-size: 0.18rem;color: #000;font-family: 'GothicA1';transition: 0.3s;}
.record-list .left .desc > div {font-size: 0.14rem;color: #999999;}
.record-list .left .desc > div:nth-child(1) {color:#000;}
.record-list .right {display: flex;justify-content:space-between;width: 44%;}
.record-list .right .text > div {line-height: 1.7;font-size: 0.14rem;text-align: right;}
.record-list .right .text > div:nth-child(2) {color:#946852;}
@media (max-width: 1024px) {
    .record-list li {flex-wrap: wrap;}
    .record-list .left {width: 100%;margin-bottom: 0.3rem;}
    .record-list .left .imgBox {width: 1.5rem;height: 1.6rem;margin-right: 0.2rem;padding: 0.15rem 0.1rem;}
    .record-list .left h4 {height: auto;font-size: 0.26rem;}
    .record-list .left .desc > div {font-size: 0.24rem;}
    .record-list .right {width: 100%;flex-wrap: wrap;}
    .record-list .right .text {width: 48.5%;}
    .record-list .right .text > div {text-align: left;font-size: 0.24rem;}
}


.mypoints li {display: flex;align-items: center;justify-content: space-between;padding-bottom: 0.3rem;margin-bottom: 0.3rem;border-bottom: 1px solid #eeeeee;}
.mypoints li > div {flex-shrink: 0;}
.mypoints .left {display: flex;align-items: center;width: 44.6%;}
.mypoints .left .imgBox{flex-shrink: 0;width: 1.7rem;height: 1.8rem;padding: 0.35rem 0.3rem;margin-right: 0.3rem;border: 1px solid #eee;background-color: #fff;}
.mypoints .left h4 {font-size: 0.18rem;color: #000;font-weight: 400;transition: 0.3s;}
.mypoints .left .time {font-size: 0.14rem;color: #999999;}
.mypoints .right {display: flex;justify-content:flex-end;width: 44%;}
.mypoints .right .text > div {line-height: 1.7;font-size: 0.14rem;text-align: right;}
.mypoints .right .text > div span {font-size: 0.18rem;}
.mypoints .right .text > div:nth-child(2) {color:#999;}
.mypoints .right .text .up {color:#946852;}
.mypoints .right .text .down {color:#666;}
@media (max-width: 1024px) {
    .mypoints li {flex-wrap: wrap;}
    .mypoints .left {width: 50%;margin-bottom: 0.3rem;}
    .mypoints .left .imgBox {width: 1.5rem;height: 1.6rem;margin-right: 0.2rem;padding: 0.15rem 0.1rem;}
    .mypoints .left h4 {height: auto;margin-bottom: 0.1rem;font-size: 0.26rem;white-space: normal;}
    .mypoints .left .time {font-size: 0.24rem;}
    .mypoints .right {width: 50%;flex-wrap: wrap;}
    .mypoints .right .text {width: 100%;}
    .mypoints .right .text > div span {font-size: 0.26rem;}
    .mypoints .right .text > div {font-size: 0.24rem;}
}


.trx_30 {transform: translateX(20px);opacity: 0;transition: 1.2s;}
.try_30 {transform: translatey(20px);opacity: 0;transition: 1.2s;}
.delay1 {transition-delay: 1s;}
.delay14 {transition-delay: 1.4s;}
.ani .trx_30 {transform: translateX(0);opacity: 1;}
.ani .try_30 {transform: translateY(0);opacity: 1;}
.pic, .pic_ani {overflow: hidden;}
.pic figure, .pic_ani figure {transition: .5s;}
.pic:hover figure,
.pic_ani:hover figure {transform: scale(1.05);}


/*innerPage */
.innerPage {padding: 0.5rem 0 0 0;text-align: center;position: relative;}
.innerPage .Pages a.a_first,
.innerPage .Pages a.a_end,
.innerPage .Pages > span:not(.p_page) {display: none;}
.innerPage .Pages em {float: left;font-style: normal;}
.innerPage .Pages .p_page {display: table;margin: 0 auto;}
.innerPage .Pages a {float: left;line-height: 0.48rem;width: 0.5rem;margin: 0 0.05rem;color: #000;font-weight: 300;border:1px solid #eee;background-color: #fff;transition: 0.3s;}
.innerPage .Pages a.a_cur,
.innerPage .Pages a:hover {color: #fff;background: #956954;}
.innerPage .Pages .p_page > a {width: 0.5rem;height: 0.5rem;position: relative;}
.innerPage .Pages .p_page .a_prev,
.innerPage .Pages .p_page .a_next {background-repeat: no-repeat;background-position: center;background-size: 0.1rem;}
/*.innerPage .Pages .p_page .a_prev {background-image: url("../images/page_l.png");}
.innerPage .Pages .p_page .a_next {background-image: url("../images/page_r.png");}
.innerPage .Pages .p_page .a_prev:hover {background-image: url("../images/page_l_h.png");}
.innerPage .Pages .p_page .a_next:hover {background-image: url("../images/page_r_h.png");}*/
.innerPage .Pages .p_page .a_prev::after {content:'';position: absolute;top: 50%;left: 50%;width: 0.08rem;height: 0.08rem;border-left:1px solid #000;border-bottom:1px solid #000;transform: translateY(-50%) rotate(45deg);}
.innerPage .Pages .p_page .a_next::after {content:'';position: absolute;top: 50%;left: 50%;width: 0.08rem;height: 0.08rem;margin-left:-0.06rem;border-top:1px solid #000;border-right:1px solid #000;transform: translateY(-50%) rotate(45deg);}
.innerPage .Pages .p_page .a_prev:hover::after,
.innerPage .Pages .p_page .a_next:hover::after {border-color:#fff;}
.innerPage.circle .Pages a {width: 0.4rem;height: 0.4rem;line-height: 0.4rem;border-radius: 30px;font-size: 12px;background-color: #fff;}
.innerPage.circle .Pages a.a_cur,
.innerPage.circle .Pages a:hover{width: 0.4rem;height: 0.4rem;line-height: 0.4rem;border-radius: 50%;background-color: #2a6e3a;}
.innerPage.circle .Pages .p_page > a {height: 0.4rem;background-size: 0.06rem;background-color: #fff;}
@media (max-width: 1024px) {
    .innerPage {padding: 6vw 0 8vw 0;}
    .innerPage .Pages a {margin: 0 .05rem;}
    .innerPage .Pages a,
    .innerPage .Pages .p_page > a {width: .7rem;line-height:.7rem;height:.7rem;padding: 0;font-size: .22rem;}
    .innerPage.circle .Pages a,
    .innerPage.circle .Pages a.a_cur,
    .innerPage.circle .Pages .p_page > a{width: 0.7rem;height: 0.7rem;line-height: 0.7rem;}
    .innerPage.circle .Pages .p_page > a{background-size: 0.12rem;}
    .innerPage .Pages .p_page .a_prev, .innerPage .Pages .p_page .a_next {background-size: 0.16rem;}
}


.Search {padding: 0.6rem 0;}
.Search li {padding: 1% 0;border-bottom:1px solid #eee;}
.Search li a:hover {color: #296099;}
@media (max-width: 1024px) {
    .Search li {padding: 0.2rem 0;}
}


#Rule {position: fixed;top:50%;right:2%;z-index: 102;transition: 0.3s;}
#Rule > div {display: flex;align-items: center;transform: translateX(80%);transition: 0.3s;}
#Rule span {flex-shrink:0;width: 0.5rem;height: 0.5rem;border-radius: 50%;background: url("../images/icon_rule.png") no-repeat center/0.28rem #fff;transition: 0.3s;}
#Rule em {margin-left: 0.1rem;white-space:nowrap;font-style: normal;opacity: 0;transition: 0.3s;}
#Rule:hover > div {transform: translateX(0)}
#Rule:hover em {opacity: 1;}

@media (max-width: 1024px) {
    #Rule > div {transform: translateX(70%);}
    #Rule span {width: 0.8rem;height: 0.8rem;background-size: 0.4rem;}
}