@charset "utf-8";

#pdpDetail img {
    width: 100%;
    max-width: 500px;
    height: auto;
}

.container-auth {
    width: 100%;
    display: flex;
    gap: 20px;
}

.container-auth>a {
    width: calc(100% / 2 - 10px);
    padding: 12px 20px;
    border-radius: 4px;
    text-align: center;
    font-weight: 600;
    color: black;
    background: linear-gradient(to bottom, #F6E800 0%, #C1E702 100%) !important;
}

.container-auth>a:hover {
    background: linear-gradient(to bottom, #C1E702 0%, #F6E800 100%) !important;
}

@media screen and (max-width:1200px) {
    #pdpDetail {
        padding-top: 30px;
    }

    header .header-container[data-v-14acc7d4] {
        padding: 0 20px;
    }

    #contentDetail {
        padding: 0 20px;
    }
}

#contentDetail p,
#contentDetail li,
#contentDetail a {
    font-size: 16px !important;
    line-height: 150%;
}

#contentDetail ul {
    list-style: disc inside;
}

#contentDetail h4 {
    margin: 12px 0;
}

.article-review .tit-review {
    margin-bottom: 24px !important;
}

#contentDetail ol {
    list-style: decimal inside;
}


.icon {
    display: inline-block;
    background-image: url(../images/icon.png)
}

.icon-left-big,
.icon-right-big {
    background-position: -220px -361px;
    width: 14px;
    height: 14px
}

.icon-left-big {
    background-position: -348px -339px
}

.icon-clock-n {
    background-position: -417px -252px;
    width: 12px;
    height: 12px
}

.icon-check-b,
.icon-check-b:hover {
    background-position: -397px -200px;
    width: 14px;
    height: 14px
}

.icon-check-b:hover {
    background-position: -397px -60px
}

.icon-checked-b,
.icon-checku-b {
    background-position: -397px -40px;
    width: 14px;
    height: 14px
}

.icon-checku-b {
    background-position: -128px -339px
}

.icon-select-no,
.icon-select-no:hover {
    background-position: -397px -120px;
    width: 14px;
    height: 14px
}

.icon-select-no:hover {
    background-position: -397px -160px
}

.icon-select-dis,
.icon-select-yes {
    background-position: -397px -140px;
    width: 14px;
    height: 14px
}

.icon-select-dis {
    background-position: -397px -100px
}

.icon-map-app {
    background-position: -177px -54px;
    width: 40px;
    height: 40px
}

.icon-header-account {
    background-position: -325px -234px;
    width: 20px;
    height: 20px
}

.icon-header-loged,
.icon-header-search {
    background-position: -325px -260px;
    width: 20px;
    height: 20px
}

.icon-header-search {
    background-position: -325px -182px
}

.icon-header-mybag,
.icon-header-wishlist {
    background-position: -325px -104px;
    width: 20px;
    height: 20px
}

.icon-header-mybag {
    background-position: -325px -208px
}

.icon-account,
.icon-menu {
    background-position: 0 -292px;
    width: 20px;
    height: 20px
}

.icon-menu {
    background-position: -156px -292px
}

.icon-location {
    background-position: -397px -320px;
    width: 14px;
    height: 14px
}

.icon-investigate,
.icon-order {
    background-position: -308px -339px;
    width: 14px;
    height: 14px
}

.icon-investigate {
    background-position: -360px -361px
}

.icon-earth,
.icon-promotion {
    background-position: -320px -361px;
    width: 14px;
    height: 14px
}

.icon-promotion {
    background-position: -397px -20px
}

.icon-close,
.icon-service {
    background-position: -397px -280px;
    width: 14px;
    height: 14px
}

.icon-close {
    background-position: -375px -177px
}

.icon-close-big {
    background-position: -325px -286px;
    width: 18px;
    height: 18px
}

.icon-close-grey,
.icon-close-small {
    background-position: -160px -361px;
    width: 14px;
    height: 14px
}

.icon-close-grey {
    background-position: -375px -177px
}

.icon-arr-r {
    background-position: -417px -126px;
    width: 12px;
    height: 12px
}

.icon-arr-l {
    background-position: -180px -361px;
    width: 14px;
    height: 14px
}

.icon-arrow-d,
div.dropdown .btn i.icon-caret,
div.dropdown.is-disabeld.is-open .btn i.icon-caret {
    background-position: -330px -381px;
    width: 12px;
    height: 12px
}

.form-select .btn.open .dropdown-icon .icon-caret,
.icon-arrow-u,
div.dropdown.is-open .btn i.icon-caret {
    background-position: -417px 0;
    width: 12px;
    height: 12px
}

.icon-arr-d,
.icon-arr-u {
    background-position: -300px -361px;
    width: 14px;
    height: 14px
}

.icon-arr-d {
    background-position: -375px -337px
}

.icon-header-service,
.icon-header-tel {
    background-position: -325px -156px;
    width: 20px;
    height: 20px
}

.icon-header-tel {
    background-position: -325px -130px
}

.icon-logo-m {
    background-position: -72px -258px;
    width: 28px;
    height: 28px
}

.icon-logo-map {
    background-position: -180px -186px;
    width: 30px;
    height: 30px
}

.icon-nav-account {
    background-position: -351px -96px;
    width: 18px;
    height: 18px
}

.icon-nav-location,
.icon-nav-mybag {
    background-position: -351px -216px;
    width: 18px;
    height: 18px
}

.icon-nav-location {
    background-position: -351px -192px
}

.icon-fold,
.icon-unfold {
    background-position: -417px -36px;
    width: 12px;
    height: 12px
}

.icon-unfold {
    background-position: -417px -108px
}

.icon-timelimit-black {
    background-position: -168px -339px;
    width: 14px;
    height: 14px
}

.icon-her-black {
    background-position: -144px -186px;
    width: 30px;
    height: 30px
}

.icon-him-black,
.icon-kids-black {
    background-position: -36px -222px;
    width: 30px;
    height: 30px
}

.icon-kids-black {
    background-position: -108px -222px
}

.icon-sport-black,
.icon-travel-black {
    background-position: -36px -186px;
    width: 30px;
    height: 30px
}

.icon-travel-black {
    background-position: -72px -222px
}

.back-top .icon-top,
.icon-shopping-trolley-black {
    background-position: -72px -186px;
    width: 30px;
    height: 30px
}

.icon-line-arrow-r,
.icon-plus {
    background-position: -102px -339px;
    width: 20px;
    height: 14px
}

.icon-plus {
    background-position: -375px -117px;
    width: 14px
}

.icon-minus {
    background-position: -417px -391px;
    width: 11px;
    height: 2px
}

.icon-yes {
    background-position: -417px -365px;
    width: 8px;
    height: 7px
}

.icon-wishlist-add,
.icon-wishlist-added {
    background-position: -295px -259px;
    width: 20px;
    height: 20px
}

.icon-wishlist-added {
    background-position: -295px -233px
}

.icon-arr-r-small {
    background-position: -417px -336px;
    width: 10px;
    height: 10px
}

.icon-fold-l,
.icon-unfold-l {
    background-position: -273px -30px;
    width: 16px;
    height: 16px
}

.icon-fold-l {
    background-position: -351px -292px
}

.footer-top li a .icon-events {
    background-position: -140px -361px;
    width: 14px;
    height: 14px
}

.footer-top li a .icon-recent {
    background-position: -77px -339px;
    width: 19px;
    height: 16px
}

.footer-top li a .icon-service {
    background-position: -397px -260px;
    width: 14px;
    height: 14px
}

.footer-top li a .icon-note {
    background-position: -268px -339px;
    width: 14px;
    height: 14px
}

.footer-top li a:hover .icon-events {
    background-position: -40px -361px;
    width: 14px;
    height: 14px
}

.footer-top li a:hover .icon-recent {
    background-position: -52px -339px;
    width: 19px;
    height: 16px
}

.footer-top li a:hover .icon-service {
    background-position: -397px -240px;
    width: 14px;
    height: 14px
}

.footer-top li a:hover .icon-note {
    background-position: -288px -339px;
    width: 14px;
    height: 14px
}

.footer-bottom>div ul li a .icon-face {
    background-position: -295px -60px;
    width: 24px;
    height: 24px
}

.footer-bottom>div ul li a .icon-twitter {
    background-position: -203px -258px;
    width: 24px;
    height: 24px
}

.footer-bottom>div ul li a .icon-pinterest {
    background-position: -295px -150px;
    width: 24px;
    height: 24px
}

.footer-bottom>div ul li a .icon-youtube {
    background-position: -263px -258px;
    width: 24px;
    height: 24px
}

.footer-bottom>div ul li a .icon-instagram {
    background-position: -295px -90px;
    width: 24px;
    height: 24px
}

.footer-bottom>div ul li a .icon-tel {
    background-position: -188px -339px;
    width: 14px;
    height: 14px
}

.footer-bottom>div ul li a .icon-email {
    background-position: -178px -318px;
    width: 14px;
    height: 10px
}

.footer-bottom>div ul li a:hover .icon-face {
    background-position: -295px -30px;
    width: 24px;
    height: 24px
}

.footer-bottom>div ul li a:hover .icon-twitter {
    background-position: -173px -258px;
    width: 24px;
    height: 24px
}

.footer-bottom>div ul li a:hover .icon-pinterest {
    background-position: -295px -120px;
    width: 24px;
    height: 24px
}

.footer-bottom>div ul li a:hover .icon-youtube {
    background-position: -233px -258px;
    width: 24px;
    height: 24px
}

.footer-bottom>div ul li a:hover .icon-instagram {
    background-position: -295px 0;
    width: 24px;
    height: 24px
}

.back-top .icon-top {
    background-position: -216px -186px
}

.icon-appstore {
    background-position: 0 -160px;
    width: 64px;
    height: 20px
}

.icon-gooleplay {
    background-position: -177px -126px;
    width: 65px;
    height: 20px
}

.star .icon-star-inactive {
    background-position: -96px -160px;
    width: 20px;
    height: 20px
}

.rankBox-star a.rank1,
.rankBox-star a.rank2,
.rankBox-star a.rank3,
.rankBox-star a.rank4,
.rankBox-star a.rank5,
.star .icon-star-active {
    background-position: -122px -160px;
    width: 20px;
    height: 20px
}

.add-wish-box .icon-shop {
    background-position: -375px -96px;
    width: 15px;
    height: 15px
}

.add-wish-box .add-wish .icon-heart,
.more-operation .add-wish .icon-heart {
    background-position: -114px -318px;
    width: 14px;
    height: 13px
}

.add-wish-box .add-wish.is-active .icon-heart,
.more-operation .add-wish.is-active .icon-heart {
    background-position: -94px -318px;
    width: 14px;
    height: 13px
}

.more-operation .icon-shop {
    background-position: -295px -180px;
    width: 22px;
    height: 21px
}

.accountlogin-down a .icon-face,
.accountlogin-down a:hover .icon-face,
.login-btn a .icon-face,
.login-btn a:hover .icon-face {
    background-position: -375px 0;
    width: 16px;
    height: 16px
}

.accountlogin-down a .icon-twitter,
.login-btn a .icon-twitter,
.share-box a .icon-twitter {
    background-position: -26px -339px;
    width: 20px;
    height: 16px
}

.accountlogin-down a .icon-pinterest,
.login-btn a .icon-pinterest,
.share-box a .icon-pinterest {
    background-position: -351px -240px;
    width: 16px;
    height: 20px
}

.accountlogin-down a .icon-goole,
.login-btn a .icon-goole,
.share-box a .icon-goole {
    background-position: -248px -126px;
    width: 28px;
    height: 18px
}

.accountlogin-down a .icon-goole-new,
.login-btn a .icon-goole-new {
    background-position: 0 -318px;
    width: 24px;
    height: 15px
}

.accountlogin-down a .icon-insgram,
.login-btn a .icon-insgram,
.share-box a .icon-insgram {
    background-position: -351px 0;
    width: 18px;
    height: 18px
}

.accountlogin-down a .icon-whatsapp,
.login-btn a .icon-whatsapp,
.share-box a .icon-whatsapp {
    background-position: -351px -24px;
    width: 18px;
    height: 18px
}

.accountlogin-down a:hover .icon-twitter,
.login-btn a:hover .icon-twitter,
.share-box a:hover .icon-twitter {
    background-position: 0 -339px;
    width: 20px;
    height: 16px
}

.accountlogin-down a:hover .icon-pinterest,
.login-btn a:hover .icon-pinterest,
.share-box a:hover .icon-pinterest {
    background-position: -351px -266px;
    width: 16px;
    height: 20px
}

.accountlogin-down a:hover .icon-goole,
.login-btn a:hover .icon-goole,
.share-box a:hover .icon-goole {
    background-position: -249px -100px;
    width: 28px;
    height: 18px
}

.accountlogin-down a:hover .icon-goole-new,
.login-btn a:hover .icon-goole-new {
    background-position: 0 -318px;
    width: 24px;
    height: 15px
}

.accountlogin-down a:hover .icon-insgram,
.login-btn a:hover .icon-insgram,
.share-box a:hover .icon-insgram {
    background-position: -351px -72px;
    width: 18px;
    height: 18px
}

.accountlogin-down a:hover .icon-whatsapp,
.login-btn a:hover .icon-whatsapp,
.share-box a:hover .icon-whatsapp {
    background-position: -351px -48px;
    width: 18px;
    height: 18px
}

.share-box a .icon-face {
    background-position: -375px -44px;
    width: 11px;
    height: 20px
}

.share-box a .icon-goole-new {
    background-position: -252px -160px;
    width: 20px;
    height: 20px
}

.share-box a:hover .icon-face {
    background-position: -375px -70px;
    width: 11px;
    height: 20px
}

.share-box a:hover .icon-goole-new {
    background-position: -226px -160px;
    width: 20px;
    height: 20px
}

.review-con .review-left .star .icon-star-inactive {
    background-position: 0 -222px;
    width: 30px;
    height: 30px
}

.review-con .review-left .star .icon-star-active {
    background-position: -252px -186px;
    width: 30px;
    height: 30px
}

.pagination .page-prev .icon-prev {
    background-position: -348px -381px;
    width: 12px;
    height: 12px
}

.pagination .page-next .icon-next {
    background-position: -366px -381px;
    width: 12px;
    height: 12px
}

.store-list-tit .icon-collect-arr {
    background-position: -417px -180px;
    width: 12px;
    height: 12px
}

.min-scroller-wrap .scroll-btn-next i,
.min-scroller-wrap .scroll-btn-prev a i {
    display: inline-block;
    background-image: url(../images/icon.png);
    background-position: -177px -100px;
    width: 66px;
    height: 20px
}

.min-scroller-wrap .scroll-btn-next i {
    background-position: -223px -54px
}

.icon-pdp-success {
    background-position: -134px -318px;
    width: 16px;
    height: 10px
}

.icon-log-map-close,
.icon-store-pickup {
    background-position: -222px -381px;
    width: 12px;
    height: 12px
}

.map-store-item .icon-map-mark {
    background-position: -208px -292px;
    width: 20px;
    height: 20px
}

.map-store-item.is-open .icon-map-mark {
    background-position: -234px -292px;
    width: 20px;
    height: 20px
}

.icon-log-map-close {
    background-position: -417px -162px
}

.icon-pdp-log-ok {
    background-position: -200px -361px;
    width: 14px;
    height: 14px
}

.icon-pdp-log-no {
    background-position: -417px -304px;
    width: 10px;
    height: 10px
}

.icon-add-to-bag-pdp {
    background-position: -26px -292px;
    width: 20px;
    height: 20px
}

.icon-express-b {
    background-position: -375px -297px;
    width: 14px;
    height: 14px
}

.icon-collect,
.icon-collect-grey {
    background-position: -148px -339px;
    width: 14px;
    height: 14px
}

.icon-collect {
    background-position: -248px -339px
}

.icon-fold-b,
.icon-unfold-b {
    background-position: -375px -257px;
    width: 14px;
    height: 14px
}

.icon-fold-b {
    background-position: -375px -137px
}

.icon-email-n {
    background-position: -417px -288px;
    width: 12px;
    height: 10px
}

.icon-account-n,
.icon-tel-n {
    background-position: -312px -381px;
    width: 12px;
    height: 12px
}

.icon-account-n {
    background-position: -417px -18px
}

.icon-location-n {
    background-position: -417px -270px;
    width: 10px;
    height: 12px
}

.icon-express-n,
.icon-map-n {
    background-position: -417px -54px;
    width: 12px;
    height: 12px
}

.icon-map-n {
    background-position: -417px -72px
}

.icon-view {
    background-position: -397px -340px;
    width: 14px;
    height: 14px
}

.icon-service-b,
.icon-tel-b {
    background-position: -328px -339px;
    width: 14px;
    height: 14px
}

.icon-service-b {
    background-position: -397px -280px
}

.icon-delete,
.icon-edit {
    background-position: 0 -381px;
    width: 14px;
    height: 14px
}

.icon-delete {
    background-position: -80px -361px
}

.icon-address-map,
.icon-collect-site {
    background-position: -417px -180px;
    width: 12px;
    height: 12px
}

.icon-address-map {
    background-position: -60px -381px
}

.dialog .icon-close,
.icon-address-list {
    background-position: -375px -277px;
    width: 14px;
    height: 14px
}

.icon-help {
    background-position: -258px -381px;
    width: 12px;
    height: 12px
}

.icon-card {
    background-position: -325px -26px;
    width: 20px;
    height: 20px
}

.icon-cash,
.icon-e-money {
    background-position: -325px -78px;
    width: 20px;
    height: 20px
}

.icon-e-money {
    background-position: -174px -160px
}

.icon-pay-atm,
.icon-pay-bank {
    background-position: -130px -292px;
    width: 20px;
    height: 20px
}

.icon-pay-atm {
    background-position: -260px -292px
}

.icon-gopay {
    background-position: -223px -80px;
    width: 62px;
    height: 14px
}

.icon-bcaklikpay {
    background-position: -177px -30px;
    width: 90px;
    height: 18px
}

.icon-scanning {
    background-position: -106px -258px;
    width: 29px;
    height: 27px
}

.form-select .btn .dropdown-icon .icon-caret {
    background-position: -330px -381px;
    width: 12px;
    height: 12px
}

.dialog .icon-close {
    background-position: -375px -177px
}

.icon-bank,
.icon-visa {
    background-position: -137px -66px;
    width: 20px;
    height: 20px
}

.icon-bank {
    background-position: -286px -292px
}

.icon-cod,
.icon-mastercard {
    background-position: -182px -292px;
    width: 20px;
    height: 20px
}

.icon-cod {
    background-position: -111px -66px
}

.pay-way .icon-serive,
.pay-way .icon-tel {
    background-position: -260px -361px;
    width: 14px;
    height: 14px
}

.pay-way .icon-serive {
    background-position: -397px -220px
}

.seller-name .icon-shop {
    background-position: -240px -381px;
    width: 12px;
    height: 12px
}

.icon-delivery,
.icon-pickup {
    background-position: -276px -381px;
    width: 12px;
    height: 12px
}

.icon-delivery {
    background-position: -417px -198px
}

.goods-compile .icon-edit {
    background-position: -20px -381px;
    width: 14px;
    height: 14px
}

.goods-compile a .icon-add {
    background-position: -397px -80px;
    width: 14px;
    height: 14px
}

.goods-compile a.is-active .icon-add {
    background-position: -397px 0;
    width: 14px;
    height: 14px
}

.goods-compile .icon-delete,
.icon-pay-account {
    background-position: -397px -180px;
    width: 14px;
    height: 14px
}

.icon-pay-account {
    background-position: -40px -381px
}

.icon-email-b,
.icon-pay-location {
    background-position: -375px -317px;
    width: 14px;
    height: 14px
}

.icon-email-b {
    background-position: -397px -360px
}

.icon-fail,
.icon-success {
    background-position: 0 -186px;
    width: 30px;
    height: 30px
}

.icon-success {
    background-position: -132px -94px
}

.icon-use-bank-gray {
    background-position: -417px -144px;
    width: 12px;
    height: 12px
}

.icon-pay-address-location {
    background-position: -204px -381px;
    width: 12px;
    height: 12px
}

.icon-pay-add-member {
    background-position: -295px -207px;
    width: 20px;
    height: 20px
}

.icon-pay-mail-box {
    background-position: -132px -381px;
    width: 12px;
    height: 12px
}

.icon-pay-account-small,
.icon-pay-email-small {
    background-position: -294px -381px;
    width: 12px;
    height: 12px
}

.icon-pay-email-small {
    background-position: -168px -381px
}

.icon-pay-cart-small,
.icon-pay-location-small {
    background-position: -150px -381px;
    width: 12px;
    height: 12px
}

.icon-pay-cart-small {
    background-position: -186px -381px
}

.icon-myaccount-order,
.icon-myaccount-vip {
    background-position: -66px -94px;
    width: 60px;
    height: 60px
}

.icon-myaccount-order {
    background-position: -111px 0
}

.icon-myaccount-wallet {
    background-position: 0 -94px;
    width: 60px;
    height: 60px
}

.icon-pick-time {
    background-position: -280px -361px;
    width: 14px;
    height: 14px
}

.icon-semicircle-top {
    background-position: -30px -318px;
    width: 26px;
    height: 13px
}

.icon-semicircle-bottom {
    background-position: -62px -318px;
    width: 26px;
    height: 13px
}

.icon-map-club {
    background-position: -177px 0;
    width: 112px;
    height: 24px
}

.icon-help-small {
    background-position: -417px -320px;
    width: 10px;
    height: 10px
}

.icon-logout {
    background-position: -375px -157px;
    width: 14px;
    height: 14px
}

.icon-sellershop,
.rankBox-star a {
    background-position: -200px -160px;
    width: 20px;
    height: 20px
}

.rankBox-star a {
    display: inline-block;
    background-image: url(../images/icon.png);
    background-position: -96px -160px
}

.del-img .icon-del,
.icon-img-del {
    background-position: -375px -237px;
    width: 14px;
    height: 14px
}

.view-evaluate-box .star .icon-star-inactive {
    background-position: -104px -292px;
    width: 20px;
    height: 20px
}

.view-evaluate-box .star .icon-star-active {
    background-position: -78px -292px;
    width: 20px;
    height: 20px
}

.icon-submit {
    background-position: -417px -352px;
    width: 10px;
    height: 7px
}

.icon-write {
    background-position: -114px -381px;
    width: 12px;
    height: 12px
}

.icon-emptybox {
    background-position: 0 0;
    width: 105px;
    height: 88px
}

.del-img .icon-del {
    background-position: -375px -217px
}

.icon-add-to-bag {
    background-position: -70px -160px;
    width: 20px;
    height: 20px
}

.icon-collect-no,
.icon-collect-yes {
    background-position: -240px -381px;
    width: 12px;
    height: 12px
}

.icon-collect-yes {
    background-position: -417px -234px
}

.icon-camera-grey,
.icon-img-grey {
    background-position: -325px 0;
    width: 20px;
    height: 20px
}

.icon-img-grey {
    background-position: -325px -52px
}

.icon-arrow-r-w {
    background-position: -384px -381px;
    width: 12px;
    height: 12px
}

.icon-gou {
    background-position: -208px -339px;
    width: 14px;
    height: 14px
}

.active .icon-show,
.icon-show {
    background-position: -417px -90px;
    width: 12px;
    height: 12px;
    background-size: 429px 395px
}

.active .icon-show {
    background-position: -156px -318px;
    width: 16px;
    height: 10px
}

@media(max-width:1024px), screen and (-webkit-min-device-pixel-ratio:2), screen and (min--moz-device-pixel-ratio:2), screen and (-o-min-device-piratio:200/100), screen and (min-device-pixel-ratio:2) {
    .icon {
        background-image: url(../images/icon%402x.png)
    }

    .accountlogin-down a .icon-face,
    .accountlogin-down a .icon-goole,
    .accountlogin-down a .icon-goole-new,
    .accountlogin-down a .icon-insgram,
    .accountlogin-down a .icon-pinterest,
    .accountlogin-down a .icon-twitter,
    .accountlogin-down a .icon-whatsapp,
    .accountlogin-down a:hover .icon-face,
    .accountlogin-down a:hover .icon-goole,
    .accountlogin-down a:hover .icon-goole-new,
    .accountlogin-down a:hover .icon-insgram,
    .accountlogin-down a:hover .icon-pinterest,
    .accountlogin-down a:hover .icon-twitter,
    .accountlogin-down a:hover .icon-whatsapp,
    .add-wish-box .add-wish .icon-heart,
    .add-wish-box .add-wish.is-active .icon-heart,
    .add-wish-box .icon-shop,
    .back-top .icon-top,
    .del-img .icon-del,
    .dialog .icon-close,
    .footer-bottom>div ul li a .icon-email,
    .footer-bottom>div ul li a .icon-face,
    .footer-bottom>div ul li a .icon-instagram,
    .footer-bottom>div ul li a .icon-pinterest,
    .footer-bottom>div ul li a .icon-tel,
    .footer-bottom>div ul li a .icon-twitter,
    .footer-bottom>div ul li a .icon-youtube,
    .footer-bottom>div ul li a:hover .icon-face,
    .footer-bottom>div ul li a:hover .icon-instagram,
    .footer-bottom>div ul li a:hover .icon-pinterest,
    .footer-bottom>div ul li a:hover .icon-twitter,
    .footer-bottom>div ul li a:hover .icon-youtube,
    .footer-top li a .icon-events,
    .footer-top li a .icon-note,
    .footer-top li a .icon-recent,
    .footer-top li a .icon-service,
    .footer-top li a:hover .icon-events,
    .footer-top li a:hover .icon-note,
    .footer-top li a:hover .icon-recent,
    .footer-top li a:hover .icon-service,
    .form-select .btn .dropdown-icon .icon-caret,
    .form-select .btn.open .dropdown-icon .icon-caret,
    .goods-compile .icon-delete,
    .goods-compile .icon-edit,
    .goods-compile a .icon-add,
    .goods-compile a.is-active .icon-add,
    .icon-account,
    .icon-account-n,
    .icon-add-to-bag,
    .icon-add-to-bag-pdp,
    .icon-address-list,
    .icon-address-map,
    .icon-appstore,
    .icon-arr-d,
    .icon-arr-l,
    .icon-arr-r,
    .icon-arr-r-small,
    .icon-arr-u,
    .icon-arrow-d,
    .icon-arrow-r-w,
    .icon-arrow-u,
    .icon-bank,
    .icon-bcaklikpay,
    .icon-camera-grey,
    .icon-card,
    .icon-cash,
    .icon-check-b,
    .icon-check-b:hover,
    .icon-checked-b,
    .icon-checku-b,
    .icon-clock-n,
    .icon-close,
    .icon-close-big,
    .icon-close-grey,
    .icon-close-small,
    .icon-cod,
    .icon-collect,
    .icon-collect-grey,
    .icon-collect-no,
    .icon-collect-site,
    .icon-collect-yes,
    .icon-delete,
    .icon-delivery,
    .icon-e-money,
    .icon-earth,
    .icon-edit,
    .icon-email-b,
    .icon-email-n,
    .icon-emptybox,
    .icon-express-b,
    .icon-express-n,
    .icon-fail,
    .icon-fold,
    .icon-fold-b,
    .icon-fold-l,
    .icon-gooleplay,
    .icon-gopay,
    .icon-gou,
    .icon-header-account,
    .icon-header-loged,
    .icon-header-mybag,
    .icon-header-search,
    .icon-header-service,
    .icon-header-tel,
    .icon-header-wishlist,
    .icon-help,
    .icon-help-small,
    .icon-her-black,
    .icon-him-black,
    .icon-img-del,
    .icon-img-grey,
    .icon-investigate,
    .icon-kids-black,
    .icon-left-big,
    .icon-line-arrow-r,
    .icon-location,
    .icon-location-n,
    .icon-log-map-close,
    .icon-logo-m,
    .icon-logo-map,
    .icon-logout,
    .icon-map-app,
    .icon-map-club,
    .icon-map-n,
    .icon-mastercard,
    .icon-menu,
    .icon-minus,
    .icon-myaccount-order,
    .icon-myaccount-vip,
    .icon-myaccount-wallet,
    .icon-nav-account,
    .icon-nav-location,
    .icon-nav-mybag,
    .icon-order,
    .icon-pay-account,
    .icon-pay-account-small,
    .icon-pay-add-member,
    .icon-pay-address-location,
    .icon-pay-atm,
    .icon-pay-bank,
    .icon-pay-cart-small,
    .icon-pay-email-small,
    .icon-pay-location,
    .icon-pay-location-small,
    .icon-pay-mail-box,
    .icon-pdp-log-no,
    .icon-pdp-log-ok,
    .icon-pdp-success,
    .icon-pick-time,
    .icon-pickup,
    .icon-plus,
    .icon-promotion,
    .icon-right-big,
    .icon-scanning,
    .icon-select-dis,
    .icon-select-no,
    .icon-select-no:hover,
    .icon-select-yes,
    .icon-sellershop,
    .icon-semicircle-bottom,
    .icon-semicircle-top,
    .icon-service,
    .icon-service-b,
    .icon-shopping-trolley-black,
    .icon-sport-black,
    .icon-store-pickup,
    .icon-submit,
    .icon-success,
    .icon-tel-b,
    .icon-tel-n,
    .icon-timelimit-black,
    .icon-travel-black,
    .icon-unfold,
    .icon-unfold-b,
    .icon-unfold-l,
    .icon-use-bank-gray,
    .icon-view,
    .icon-visa,
    .icon-wishlist-add,
    .icon-wishlist-added,
    .icon-write,
    .icon-yes,
    .login-btn a .icon-face,
    .login-btn a .icon-goole,
    .login-btn a .icon-goole-new,
    .login-btn a .icon-insgram,
    .login-btn a .icon-pinterest,
    .login-btn a .icon-twitter,
    .login-btn a .icon-whatsapp,
    .login-btn a:hover .icon-face,
    .login-btn a:hover .icon-goole,
    .login-btn a:hover .icon-goole-new,
    .login-btn a:hover .icon-insgram,
    .login-btn a:hover .icon-pinterest,
    .login-btn a:hover .icon-twitter,
    .login-btn a:hover .icon-whatsapp,
    .map-store-item .icon-map-mark,
    .map-store-item.is-open .icon-map-mark,
    .more-operation .add-wish .icon-heart,
    .more-operation .add-wish.is-active .icon-heart,
    .more-operation .icon-shop,
    .pagination .page-next .icon-next,
    .pagination .page-prev .icon-prev,
    .pay-way .icon-serive,
    .pay-way .icon-tel,
    .rankBox-star a.rank1,
    .rankBox-star a.rank2,
    .rankBox-star a.rank3,
    .rankBox-star a.rank4,
    .rankBox-star a.rank5,
    .review-con .review-left .star .icon-star-active,
    .review-con .review-left .star .icon-star-inactive,
    .seller-name .icon-shop,
    .share-box a .icon-face,
    .share-box a .icon-goole,
    .share-box a .icon-goole-new,
    .share-box a .icon-insgram,
    .share-box a .icon-pinterest,
    .share-box a .icon-twitter,
    .share-box a .icon-whatsapp,
    .share-box a:hover .icon-face,
    .share-box a:hover .icon-goole,
    .share-box a:hover .icon-goole-new,
    .share-box a:hover .icon-insgram,
    .share-box a:hover .icon-pinterest,
    .share-box a:hover .icon-twitter,
    .share-box a:hover .icon-whatsapp,
    .star .icon-star-active,
    .star .icon-star-inactive,
    .store-list-tit .icon-collect-arr,
    .view-evaluate-box .star .icon-star-active,
    .view-evaluate-box .star .icon-star-inactive,
    div.dropdown .btn i.icon-caret,
    div.dropdown.is-disabeld.is-open .btn i.icon-caret,
    div.dropdown.is-open .btn i.icon-caret {
        background-size: 429px 395px
    }

    .min-scroller-wrap .scroll-btn-next i,
    .min-scroller-wrap .scroll-btn-prev a i,
    .rankBox-star a {
        background-image: url(../images/icon%402x.png);
        background-size: 429px 395px
    }
}

@media(max-width:1024px) {
    .footer-bottom>div ul li a .icon-face {
        background-position: -295px -30px;
        width: 24px;
        height: 24px;
        background-size: 429px 395px
    }

    .footer-bottom>div ul li a .icon-pinterest,
    .footer-bottom>div ul li a .icon-twitter {
        background-position: -173px -258px;
        width: 24px;
        height: 24px;
        background-size: 429px 395px
    }

    .footer-bottom>div ul li a .icon-pinterest {
        background-position: -295px -120px
    }

    .footer-bottom>div ul li a .icon-instagram,
    .footer-bottom>div ul li a .icon-youtube {
        background-position: -233px -258px;
        width: 24px;
        height: 24px;
        background-size: 429px 395px
    }

    .footer-bottom>div ul li a .icon-instagram {
        background-position: -295px 0
    }

    .star .icon-star-active,
    .star .icon-star-inactive {
        background-position: -60px -361px;
        width: 14px;
        height: 14px;
        background-size: 429px 395px
    }

    .star .icon-star-active {
        background-position: 0 -361px
    }

    .icon-cllect-list,
    .icon-cllect-map {
        background-position: -96px -381px;
        width: 12px;
        height: 12px;
        background-size: 429px 395px
    }

    .icon-cllect-list {
        background-position: -417px -216px
    }

    .e-pop-close .icon-close,
    .product-left .icon-timelimit-white {
        background-position: -351px -144px;
        width: 18px;
        height: 18px;
        background-size: 429px 395px
    }

    .e-pop-close .icon-close {
        background-position: -351px -168px
    }

    .icon-map-pdp-small,
    .icon-pdp-success {
        background-position: -417px -378px;
        width: 8px;
        height: 7px;
        background-size: 429px 395px
    }

    .icon-map-pdp-small {
        background-position: -417px -72px;
        width: 12px;
        height: 12px
    }

    .icon-card,
    .icon-cash,
    .icon-e-money,
    .icon-pay-bank {
        background-position: -100px -361px;
        width: 14px;
        height: 14px;
        background-size: 429px 395px
    }

    .icon-cash,
    .icon-e-money,
    .icon-pay-bank {
        background-position: -228px -339px
    }

    .icon-e-money,
    .icon-pay-bank {
        background-position: -120px -361px
    }

    .icon-pay-bank {
        background-position: -20px -361px
    }

    .icon-gopay,
    .icon-pay-atm,
    .icon-scanning,
    .icon-tip {
        background-position: -375px -197px;
        width: 14px;
        height: 14px;
        background-size: 429px 395px
    }

    .icon-gopay,
    .icon-scanning,
    .icon-tip {
        background-position: -223px -80px;
        width: 62px
    }

    .icon-scanning,
    .icon-tip {
        background-position: -106px -258px;
        width: 29px;
        height: 27px
    }

    .icon-tip {
        background-position: -351px -120px;
        width: 18px;
        height: 18px
    }

    .active .icon-show,
    .icon-show {
        background-position: -417px -90px;
        width: 12px;
        height: 12px;
        background-size: 429px 395px
    }

    .active .icon-show {
        background-position: -156px -318px;
        width: 16px;
        height: 10px
    }

    .icon-sellershop,
    .rankBox-star a {
        background-position: -340px -361px;
        width: 14px;
        height: 14px;
        background-size: 429px 395px
    }

    .rankBox-star a {
        background-position: -96px -160px;
        width: 20px;
        height: 20px
    }

    .rankBox-star a.rank1,
    .rankBox-star a.rank2,
    .rankBox-star a.rank3,
    .rankBox-star a.rank4,
    .rankBox-star a.rank5 {
        background-position: -122px -160px;
        width: 20px;
        height: 20px;
        background-size: 429px 395px
    }

    .view-evaluate-box .star .icon-star-active,
    .view-evaluate-box .star .icon-star-inactive {
        background-position: 0 -258px;
        width: 30px;
        height: 28px;
        background-size: 429px 395px
    }

    .view-evaluate-box .star .icon-star-active {
        background-position: -36px -258px
    }

    .icon-logo-sport,
    .icon-yesorder {
        background-position: -198px -318px;
        width: 13px;
        height: 9px;
        background-size: 429px 395px
    }

    .icon-logo-sport {
        background-position: -148px -160px;
        width: 20px;
        height: 20px
    }
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

input::-webkit-input-safebox-button {
    display: none;
    width: 0;
    height: 0
}

.form-input input,
input.form-input {
    width: 250px;
    height: 36px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    padding: 9px 0 9px 10px;
    color: #333
}

.form-input input::-ms-clear,
input.form-input::-ms-clear,
input::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.form-input input::-webkit-input-placeholder,
input.form-input::-webkit-input-placeholder {
    font-size: 12px;
    color: #999
}

.form-input input::-moz-placeholder,
input.form-input::-moz-placeholder {
    font-size: 12px;
    color: #999
}

.form-input input:-ms-input-placeholder,
input.form-input:-ms-input-placeholder {
    font-size: 12px;
    color: #999
}

.form-input input:-moz-placeholder,
input.form-input:-moz-placeholder {
    font-size: 12px;
    color: #999
}

.form-input input.is-disabled,
.form-input input[disabled],
input.form-input.is-disabled,
input.form-input[disabled] {
    background: #e6e6e6 !important;
    border: 1px solid #d9d9d9 !important;
    cursor: default !important;
    color: #999 !important;
    opacity: 1;
    border-color: #e6e6e6 !important
}

.form-input input.is-focus,
.form-input input:focus,
.form-input textarea:focus,
.form-input.is-focus input,
.form-textarea textarea:focus,
input.form-input.is-focus,
input.form-input:focus {
    border: 1px solid #999 !important
}

.form-input input.is-error,
.form-input.is-error input,
.is-error .form-input textarea,
input.form-input.is-error {
    border: 1px solid #ff6060
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

@-moz-document url-prefix() {

    .form-input input,
    input.form-input {
        padding: 5px 0 5px 10px
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    .form-input input,
    input.form-input {
        padding: 0 6px
    }
}

.msg-block {
    display: none;
    font-size: 0;
    margin-top: 5px
}

.msg-block span {
    display: inline-block;
    font-size: 12px;
    color: #ff6060
}

.is-error .msg-block {
    text-align: left;
    display: block
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.form-input textarea,
.form-textarea textarea {
    padding: 10px;
    font-size: 12px;
    border-radius: 0
}

div.tinyscrollbar {
    margin-right: 4px;
    background: #fff
}

div.tinyscrollbar .viewport {
    max-height: 188px;
    padding-right: 6px
}

div.tinyscrollbar .scrollbar {
    right: -4px;
    padding: 0;
    width: 4px
}

div.tinyscrollbar .scrollbar.disable {
    display: none
}

div.tinyscrollbar .scrollbar .track {
    margin: auto;
    width: 100%
}

div.tinyscrollbar .scrollbar .track .thumb {
    left: 0;
    width: 100%;
    background: #333;
    border-radius: 0
}

.article-breadcrumb .breadcrumb ul li a,
.header .header-container .header-main .header-right>ul>li.header-account .account-menu>ul>li.account-name a:hover,
.is-accepted .msg-block span,
div.dropdown.is-success .btn .dropdown-text,
div.dropdown.is-success .control-label,
div.form-select.is-success .btn .dropdown-text,
div.form-select.is-success .control-label,
div.form-selects.is-success .btn .dropdown-text,
div.form-selects.is-success .control-label {
    color: #333
}

div.dropdown .btn,
div.form-select .btn,
div.form-selects .btn {
    padding: 5px 0 5px 8px;
    min-width: auto;
    line-height: 24px;
    text-align: left;
    border: 1px solid #e6e6e6
}

div.dropdown .btn .dropdown-text,
div.form-select .btn .dropdown-text,
div.form-selects .btn .dropdown-text {
    padding-right: 32px;
    font-size: 12px;
    color: #999
}

div.dropdown .btn .dropdown-icon,
div.form-select .btn .dropdown-icon,
div.form-selects .btn .dropdown-icon {
    width: 30px
}

div.dropdown .btn .dropdown-icon .icon-caret,
div.form-select .btn .dropdown-icon .icon-caret,
div.form-selects .btn .dropdown-icon .icon-caret {
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    border: 0
}

div.dropdown .sub-menu.tinyscrollbar,
div.form-select .sub-menu.tinyscrollbar,
div.form-selects .sub-menu.tinyscrollbar {
    top: 36px;
    margin: -1px 0 0;
    border-radius: 0
}

div.dropdown .sub-menu.tinyscrollbar .viewport,
div.form-select .sub-menu.tinyscrollbar .viewport,
div.form-selects .sub-menu.tinyscrollbar .viewport {
    padding: 0;
    margin-right: 4px
}

div.dropdown .sub-menu.tinyscrollbar .viewport .overview ul li a,
div.form-select .sub-menu.tinyscrollbar .viewport .overview ul li a,
div.form-selects .sub-menu.tinyscrollbar .viewport .overview ul li a {
    padding: 12px 10px;
    font-size: 12px;
    color: #333;
    text-align: left
}

.footer .footer-con .footer-top>div>div ul.lh34 li a:hover,
.header .header-container .header-menu .header-menu-main .nav-tab>li .sub-menu .sub-menu-row .sub-menu-col .sub-menu-title a:hover,
.header .header-container .header-menu .header-menu-main .nav-tab>li .sub-menu .sub-menu-row .sub-menu-col ul li a:hover,
div.dropdown .sub-menu.tinyscrollbar .viewport .overview ul li.is-active a,
div.dropdown .sub-menu.tinyscrollbar .viewport .overview ul li.selected a,
div.form-select .sub-menu.tinyscrollbar .viewport .overview ul li.is-active a,
div.form-select .sub-menu.tinyscrollbar .viewport .overview ul li.selected a,
div.form-selects .sub-menu.tinyscrollbar .viewport .overview ul li.is-active a,
div.form-selects .sub-menu.tinyscrollbar .viewport .overview ul li.selected a {
    color: #dc1f34
}

div.dropdown .sub-menu.tinyscrollbar .viewport .overview ul li:hover,
div.form-select .sub-menu.tinyscrollbar .viewport .overview ul li:hover,
div.form-selects .sub-menu.tinyscrollbar .viewport .overview ul li:hover {
    background: #f7f7f7
}

.search-record ul li:hover,
div.dropdown .sub-menu.tinyscrollbar .viewport .overview ul li.is-disabled,
div.form-select .sub-menu.tinyscrollbar .viewport .overview ul li.is-disabled,
div.form-selects .sub-menu.tinyscrollbar .viewport .overview ul li.is-disabled {
    background: #e6e6e6
}

.upload-dialog .dialog-scroll-container .dialog-container .dialog-content .upload-text p.upload-limit,
div.dropdown .sub-menu.tinyscrollbar .viewport .overview ul li.is-disabled a,
div.form-select .sub-menu.tinyscrollbar .viewport .overview ul li.is-disabled a,
div.form-selects .sub-menu.tinyscrollbar .viewport .overview ul li.is-disabled a {
    color: #999
}

div.dropdown.is-disabeld .sub-menu,
div.form-select.is-disabeld .sub-menu,
div.form-selects.is-disabeld .sub-menu {
    display: none !important
}

.form-select.is-error .dropdown .btn,
.select.is-error .dropdown .btn {
    background: #fadadb;
    border: 1px solid #ff6060 !important
}

.form-select.is-error .btn,
.select.is-error .btn {
    border: 1px solid #ff6060 !important
}

.form-select.is-error .msg-block,
.is-error.form-selects .form-select.is-error .msg-block,
.select.is-error .msg-block {
    display: block
}

.is-error.form-selects .form-select .msg-block {
    display: none
}

@media(max-width:1024px) {

    div.dropdown select,
    div.form-select select {
        cursor: default
    }
}

.btn,
.header {
    background: #fff
}

.btn {
    -webkit-touch-action: manipulation;
    -moz-touch-action: manipulation;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    white-space: normal;
    vertical-align: middle;
    border: 0;
    margin: 0;
    color: #333;
    border-radius: 0;
    min-width: 128px;
    height: 36px;
    line-height: 36px;
    background-color: #fff;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: relative;
    padding: 0 20px
}

.btn.is-disabled,
.btn[disabled] {
    cursor: default !important;
    color: #fff !important;
    background: #ccc !important;
    opacity: 1;
    border-color: #ccc !important
}

.btn.btn-black {
    background: #333;
    color: #fff
}

.btn.btn-black.is-hover,
.btn.btn-black:hover {
    color: #fff;
    background: #666
}

.btn.btn-black.is-active,
.btn.btn-black:active {
    color: #fff;
    background: #000
}

.btn.btn-black-border {
    font-size: 14px;
    color: #333;
    border: 1px solid #333;
    min-width: 128px;
    height: 36px;
    line-height: 36px
}

.btn.btn-black-border.is-hover,
.btn.btn-black-border:hover {
    color: #666;
    background: #f2f2f2;
    border: 1px solid #666
}

.btn.btn-black-border.is-active,
.btn.btn-black-border:active {
    color: #000;
    background: #e6e6e6;
    border: 1px solid #000
}

.btn.btn-black-border.is-disabled,
.btn.btn-black-border[disabled] {
    color: #ccc !important;
    border-color: #ccc !important;
    background-color: #fff !important
}

body,
html {
    color: #333;
    font-size: 12px;
    letter-spacing: 0;
    min-height: 100%
}

p {
    margin: 0
}

ol,
ul {
    list-style: none
}

dd,
div,
dl,
dt,
i,
li,
p,
span,
ul {
    word-break: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
    word-break: normal;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

body,
html,
input,
textarea {
    font-family: HelveticaNeue, Arial, PingFangSC-Regular, "微软雅黑", "Microsoft YaHei", sans-serif
}

img {
    max-width: 100%
}

.article {
    padding: 0
}

.article-kv .swiper-wrapper .swiper-slide a img,
.article-recommend>.swiper-container .swiper-wrapper .swiper-slide a img,
body,
html {
    width: 100%
}

.article-kv .scroll-dots {
    bottom: 30px;
    padding-right: 30px;
    text-align: right
}

.article-kv .scroll-dots .swiper-pagination-bullet {
    position: relative;
    width: 18px;
    height: 2px;
    border-radius: 0;
    background: #fff;
    opacity: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.article-kv .scroll-dots .swiper-pagination-bullet:after,
.help .help-msg:after {
    position: absolute;
    top: -6px;
    left: 0;
    content: '';
    width: 100%;
    height: 14px
}

.article-kv .scroll-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 40px;
    background: #f0242b
}

.help {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0
}

.help:hover .help-msg {
    display: block
}

.help .help-msg {
    position: absolute;
    display: none;
    margin-top: -37px;
    padding: 13px 12px 18px 18px;
    width: 205px;
    background: #fff;
    border: 1px solid #333;
    top: 50%;
    left: 30px;
    z-index: 10;
    font-family: HelveticaNeue-Light, HelveticaNeue, Arial, PingFangSC-Regular, "微软雅黑", "Microsoft YaHei", sans-serif;
    font-size: 11px;
    color: #333;
    line-height: 14px
}

.help .help-msg:after {
    display: block;
    margin: -6px 0 0 -6px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    background: inherit;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.help .help-msg:before {
    position: absolute;
    display: block;
    content: '';
    height: 100%;
    width: 25px;
    left: -25px;
    top: 0
}

.article-breadcrumb {
    max-width: 1130px;
    padding: 0 15px
}

.article-breadcrumb .breadcrumb {
    padding: 20px 0 15px
}

.article-breadcrumb .breadcrumb ul li {
    font-size: 12px;
    display: inline-block
}

.article-breadcrumb .breadcrumb ul li:nth-child(even) {
    padding: 0 3px
}

.article-breadcrumb .breadcrumb ul li.is-active,
.article-breadcrumb .breadcrumb ul li.is-active a {
    color: #dc1f34
}

.pagination-box {
    text-align: right
}

.pagination-box .pagination {
    display: inline-block;
    margin: 0
}

.pagination-box .pagination .page-numbers {
    border-radius: 0;
    margin: 0;
    padding: 5px 7px;
    font-size: 14px;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    color: #999;
    line-height: 16px
}

.pagination-box .pagination .page-numbers:hover {
    color: #333;
    text-decoration: underline
}

.pagination-box .pagination .page-numbers.is-active {
    color: #dc1f34;
    background: #fff
}

.pagination-box .pagination .page-numbers.page-prev {
    padding: 5px 9px
}

.pagination-box .pagination .page-numbers.page-next {
    padding: 5px 0 5px 9px
}

.pagination-box .pagination .page-numbers.page-dots:hover {
    color: #999;
    text-decoration: none
}

.load-more {
    padding-bottom: 20px
}

.load-more.is-loading .load-btn,
.load-more.is-loading .pagination-box {
    display: none !important
}

.faq .faq-left>div.is-active>ul,
.load-more.is-loading .loading,
.pdp-collect-dialog .collectlog-bottom .log-map-tip>span a {
    display: block
}

.load-more .load-btn {
    text-align: center
}

.load-more .load-btn .btn {
    width: 146px;
    color: #111
}

.load-more .loading {
    display: none;
    text-align: center
}

.load-more .loading .loading-img {
    display: inline-block;
    width: 35px
}

.article-recommend {
    max-width: 1130px;
    padding: 0 15px;
    margin: 0 auto 60px
}

.article-recommend .tit {
    text-align: center;
    position: relative;
    margin-bottom: 30px
}

.article-recommend .tit span {
    display: inline-block;
    padding: 0 40px;
    font-family: CormorantGaramond-Medium, HelveticaNeue, Arial, PingFangSC-Regular, "微软雅黑", "Microsoft YaHei", sans-serif;
    font-size: 24px;
    color: #333;
    line-height: 20px;
    position: relative;
    background: #fff
}

.article-recommend .tit:before {
    content: "";
    position: absolute;
    width: 57.3%;
    left: 50%;
    top: 50%;
    margin-top: -.5px;
    height: 1px;
    background: #e6e6e6;
    margin-left: -28.65%
}

.article-recommend>.swiper-container .swiper-wrapper .swiper-slide {
    width: 25%
}

.article-recommend>.swiper-container .swiper-wrapper .swiper-slide a {
    display: block;
    text-align: center
}

.article-recommend>.swiper-container .swiper-wrapper .swiper-slide a .title {
    font-size: 14px;
    color: #333;
    margin-top: 15px;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 0 10px
}

.article-recommend>.swiper-container .swiper-wrapper .swiper-slide a .detial {
    font-size: 12px;
    color: #999;
    margin-bottom: 12px;
    height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 20px;
    padding: 0 10px
}

.article-recommend>.swiper-container .swiper-wrapper .swiper-slide a .price {
    padding: 0 10px
}

.article-recommend>.swiper-container .swiper-wrapper .swiper-slide a .price span {
    display: block;
    font-size: 14px;
    color: #333
}

.article-recommend>.swiper-container .swiper-wrapper .swiper-slide a .price span:first-child {
    color: #d43232;
    margin-bottom: 4px
}

.article-recommend>.swiper-container .swiper-wrapper .swiper-slide a .price span:last-child {
    color: #999;
    font-size: 12px;
    text-decoration: line-through
}

.article-recommend>.swiper-container .swiper-wrapper .swiper-slide a .price span:first-child:last-child {
    font-size: 14px;
    color: #333;
    text-decoration: none
}

.article-recommend.article-like>.swiper-container .swiper-wrapper .swiper-slide a .title {
    margin-top: 10px
}

.article-recommend.article-like>.swiper-container .swiper-wrapper .swiper-slide a .detial {
    font-size: 14px
}

.article-recommend.mgb70 {
    margin-bottom: 70px
}

.fullscreen-log .dialog-scroll-container .dialog,
.pdp-collect-dialog .dialog-scroll-container .dialog {
    margin: 0 auto
}

.fullscreen-log .dialog-scroll-container .dialog-container,
.pdp-collect-dialog .dialog-scroll-container .dialog-container {
    border-radius: 0
}

.fullscreen-log .icon-close,
.pdp-collect-dialog .icon-close {
    top: 10px;
    right: 10px;
    text-indent: -2000em
}

.pdp-collect-dialog .dialog-scroll-container .dialog {
    max-width: 1000px
}

.pdp-collect-dialog .dialog-scroll-container .dialog-container {
    padding: 0
}

.pdp-collect-dialog .dialog-close:after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    bottom: -10px;
    right: -10px
}

.pdp-collect-dialog .collectlog-con {
    overflow: hidden;
    padding: 30px 20px
}

.pdp-collect-dialog .collectlog-bottom {
    position: relative;
    float: right;
    width: 440px;
    height: 446px;
    overflow: hidden
}

.pdp-collect-dialog .collectlog-bottom .map-store-item {
    position: absolute;
    font-size: 0;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.pdp-collect-dialog .collectlog-bottom .map-store-item.is-open .log-map-tip {
    display: block;
    z-index: 1
}

.pdp-collect-dialog .collectlog-bottom .map-store-item>div {
    width: 234px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pdp-collect-dialog .collectlog-bottom .log-map-tip {
    display: none;
    margin: 0 auto !important;
    width: 100%;
    max-width: 234px;
    background-color: #fff;
    padding: 5px
}

.pdp-collect-dialog .collectlog-bottom .log-map-tip:after {
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -7px;
    content: '';
    border-style: solid;
    margin-top: -8px;
    border-width: 8px 7px 0;
    border-color: #fff transparent transparent
}

.pdp-collect-dialog .collectlog-bottom .log-map-tip img {
    display: block;
    width: 100%
}

.pdp-collect-dialog .collectlog-bottom .log-map-tip>div {
    padding: 10px 5px 5px
}

.pdp-collect-dialog .collectlog-bottom .log-map-tip>div h3 {
    font-size: 12px;
    margin-bottom: 4px
}

.pdp-collect-dialog .collectlog-bottom .log-map-tip>div h3 i {
    margin-right: 5px
}

.pdp-collect-dialog .collectlog-bottom .log-map-tip>div p {
    font-size: 12px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.pdp-collect-dialog .collectlog-bottom .log-map-tip>div p:nth-child(3) {
    color: #999
}

.pdp-collect-dialog .collectlog-bottom .log-map-tip>span {
    position: absolute;
    display: inline-block;
    right: -4px;
    top: -21px;
    padding: 4px
}

.pdp-collect-dialog .collectlog-bottom .log-map-tip>span:after {
    position: absolute;
    content: '';
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px
}

.pdp-collect-dialog .collectlog-top {
    max-width: 418px;
    float: right;
    margin-left: 20px
}

.pdp-collect-dialog .collectlog-top .pro-info {
    position: relative;
    margin-bottom: 18px;
    color: #000
}

.pdp-collect-dialog .collectlog-top .pro-info img {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px
}

.pdp-collect-dialog .collectlog-top .pro-info div {
    padding-left: 100px
}

.pdp-collect-dialog .collectlog-top .pro-info h1 {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 9px;
    font-family: HelveticaNeue-Medium, HelveticaNeue, Arial, PingFangSC-Regular, "微软雅黑", "Microsoft YaHei", sans-serif;
    color: #333
}

.pdp-collect-dialog .collectlog-top .pro-info p:nth-child(2) {
    margin-bottom: 17px;
    color: #999
}

.pdp-collect-dialog .collectlog-top .pro-info p:nth-child(3) {
    margin-bottom: 9px;
    color: #333
}

.pdp-collect-dialog .collectlog-top .pro-info p label {
    display: block;
    color: #999
}

.pdp-collect-dialog .collectlog-top .pro-info p label:first-child {
    margin-bottom: 4px
}

.pdp-collect-dialog .collectlog-top .pro-info p span {
    color: #333
}

.faq .faq-left>div,
.pdp-collect-dialog .collectlog-top .form-group {
    margin-bottom: 10px
}

.pdp-collect-dialog .collectlog-top .form-group>div {
    position: relative
}

.pdp-collect-dialog .collectlog-top .form-group input {
    width: 100%;
    height: 36px;
    border: 1px solid #e6e6e6;
    padding: 9px 6px 10px;
    font-size: 12px
}

.pdp-collect-dialog .collectlog-top .form-group .search-btn {
    position: absolute;
    display: block;
    top: 1px;
    right: 1px;
    width: 38px;
    height: 34px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    padding-top: 7px
}

.pdp-collect-dialog .collectlog-top .store-list .store-list-tit {
    margin-bottom: 20px
}

.pdp-collect-dialog .collectlog-top .store-list .store-list-tit p:first-child {
    float: left
}

.pdp-collect-dialog .collectlog-top .store-list .store-list-tit p:first-child a {
    color: #333
}

.pdp-collect-dialog .collectlog-top .store-list .store-list-tit p:first-child i {
    vertical-align: middle;
    margin-right: 2px
}

.pdp-collect-dialog .collectlog-top .store-list .store-list-tit p:nth-child(2) {
    float: right
}

.pdp-collect-dialog .collectlog-top .store-list .store-list-tit p:nth-child(2) .num {
    font-weight: 700;
    font-family: HelveticaNeue-Medium, HelveticaNeue, Arial, PingFangSC-Regular, "微软雅黑", "Microsoft YaHei", sans-serif
}

.faq .faq-left>div>ul,
.pdp-collect-dialog .collectlog-top .store-list .store-list-tit p label {
    display: none
}

.pdp-collect-dialog .tinyscrollbar .overview .log-store-list>div {
    margin-top: 10px;
    padding: 20px 20px 15px;
    border: 1px solid #e6e6e6;
    cursor: pointer
}

.pdp-collect-dialog .tinyscrollbar .overview .log-store-list>div:first-child {
    margin-top: 0
}

.pdp-collect-dialog .tinyscrollbar .overview .log-store-list>div.active {
    border-color: #333
}

.pdp-collect-dialog .tinyscrollbar .overview .log-store-list>div h3 {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 9px
}

.pdp-collect-dialog .tinyscrollbar .overview .log-store-list>div i {
    vertical-align: top;
    margin-right: 5px
}

.pdp-collect-dialog .tinyscrollbar .overview .log-store-list>div p {
    line-height: 18px
}

.pdp-collect-dialog .tinyscrollbar .overview .log-store-list>div p:nth-child(3) {
    margin-top: 3px;
    color: #999
}

.my-gm-style .dialog-close-button {
    position: relative;
    z-index: 2;
    float: right;
    margin-top: -30px;
    margin-left: 0 !important
}

.my-gm-style .dialog-close-button a {
    padding: 15px;
    width: 42px;
    height: 42px;
    display: block
}

.my-gm-style .dialog-close-button a i {
    position: relative;
    right: -15px
}

.my-gm-style,
.my-gm-style>div {
    min-width: 234px !important;
    max-width: 324px !important;
    width: 234px !important
}

.my-gm-style {
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.my-gm-style>div {
    max-height: inherit !important
}

.my-gm-style>div>div {
    padding-top: 30px;
    padding-bottom: 12px;
    overflow: hidden !important
}

.my-gm-style>div>div .log-map-tip {
    left: inherit !important
}

.store-01 {
    top: 296px;
    left: 159px
}

.store-02 {
    top: 386px;
    left: 327px
}

.article-myaccount {
    max-width: 1130px;
    margin: 0 auto;
    padding: 0 15px
}

.article-myaccount .account-con {
    padding-left: 300px;
    position: relative
}

.article-myaccount .account-con .account-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 240px
}

.article-myaccount .account-con .account-left .tit {
    font-size: 14px;
    color: #333;
    background: #f2f2f2;
    line-height: 36px;
    padding-left: 10px;
    margin-bottom: 12px
}

.article-myaccount .account-con .account-left>ul li a {
    display: block;
    position: relative;
    font-size: 14px;
    color: #666;
    margin: 0 0 16px;
    padding-left: 10px
}

.article-myaccount .account-con .account-left>ul li:last-child a {
    margin-bottom: 20px
}

.article-myaccount .account-con .account-left>ul li.active a {
    font-family: HelveticaNeue-Medium, HelveticaNeue, Arial, PingFangSC-Regular, "微软雅黑", "Microsoft YaHei", sans-serif;
    color: #333
}

.article-myaccount .account-con .account-right {
    padding-bottom: 50px;
    min-height: 514px;
    width: 100%
}

.article-myaccount .account-con .account-right>div .tit {
    font-size: 20px;
    color: #333
}

.form-group.form-ver-code .form-input .send-code.is-hover .btn {
    border: 1px solid #d9d9d9;
    background: #d9d9d9
}

.faq {
    min-height: 410px;
    overflow: hidden
}

.faq .faq-left {
    width: 240px;
    z-index: 8;
    display: inline-block
}

.faq .faq-left>div.is-active>a,
.faq .faq-left>div>ul li.is-active a,
.faq .faq-right>div h3 {
    font-family: HelveticaNeue-Medium, HelveticaNeue, Arial, PingFangSC-Regular, "微软雅黑", "Microsoft YaHei", sans-serif
}

.faq .faq-left>div.is-active>a {
    background: #e6e6e6
}

.faq .faq-left>div>a {
    position: relative;
    display: block;
    width: 240px;
    height: 36px;
    line-height: 36px;
    background: #f2f2f2;
    padding-left: 10px;
    font-size: 14px;
    color: #333
}

.faq .faq-left>div>a i {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px
}

.faq .faq-left>div>ul li {
    padding-left: 10px;
    margin-top: 20px
}

.faq .faq-left>div>ul li a {
    display: block;
    font-size: 14px;
    color: #999;
    line-height: 14px;
    padding-left: 8px
}

.faq .faq-left>div>ul li.is-active a,
.faq .faq-right>div h3 {
    color: #333
}

.faq,
.faq .faq-left>div>ul li.is-active a {
    position: relative
}

.article-myaccount .account-con .account-left>ul li.active a:before,
.faq .faq-left>div>ul li.is-active a:before {
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 100%;
    background: #df2f43;
    top: 0;
    left: 0
}

.faq .faq-right {
    float: right;
    width: 73%
}

.faq .faq-right>div h3 {
    padding-bottom: 30px;
    width: 100%;
    font-size: 24px
}

.upload-dialog .dialog-scroll-container .dialog-container {
    display: table;
    padding: 10px;
    width: 500px;
    height: 372px;
    border-radius: 0;
    background: #fbfbfb
}

.upload-dialog .dialog-scroll-container .dialog-container .dialog-content {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle
}

.upload-dialog .dialog-scroll-container .dialog-container .dialog-content .upload-img {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.upload-dialog .dialog-scroll-container .dialog-container .dialog-content .upload-img>img {
    max-height: 221px;
    border: 1px solid #e6e6e6;
    opacity: .6
}

.upload-dialog .dialog-scroll-container .dialog-container .dialog-content .upload-img .upload-msg {
    position: absolute;
    top: 50%;
    margin: -15px 0 0;
    width: 100%;
    text-align: center
}

.upload-dialog .dialog-scroll-container .dialog-container .dialog-content .upload-img .upload-msg img {
    height: 30px;
    vertical-align: middle
}

.upload-dialog .dialog-scroll-container .dialog-container .dialog-content .upload-img .upload-msg span {
    font-size: 14px;
    vertical-align: middle
}

.upload-dialog .dialog-scroll-container .dialog-container .dialog-content .upload-text {
    padding: 15px 0 0
}

.upload-dialog .dialog-scroll-container .dialog-container .dialog-content .upload-text p {
    font-size: 12px;
    line-height: 20px
}

.upload-dialog .dialog-scroll-container .dialog-container .dialog-content .upload-text .btn {
    margin-top: 20px;
    min-width: 108px;
    height: 26px;
    line-height: 24px
}

.upload-dialog .dialog-scroll-container .icon-close {
    top: 10px;
    right: 10px
}

@media(max-width:1024px) {
    .article-kv .scroll-dots {
        bottom: 10px;
        padding-right: 20px
    }

    .article-kv .scroll-dots .swiper-pagination-bullet {
        width: 14px
    }

    .article-kv .scroll-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 28px
    }

    .help:hover .help-msg {
        display: none
    }

    .help-dialog .dialog-content {
        margin: auto;
        padding: 10px 0 0;
        width: 252px;
        text-align: left !important
    }

    .help-dialog .dialog-btn-wrap .btn-success {
        margin: 0 !important;
        width: 100% !important
    }

    .article-recommend {
        padding: 0
    }

    .article-recommend .tit span {
        padding: 0 20px;
        font-size: 20px
    }

    .article-recommend .tit:before {
        width: 90%;
        left: 50%;
        margin-left: -45%
    }

    .article-recommend>.swiper-container .swiper-wrapper .swiper-slide {
        width: 45%
    }

    .article-recommend>.swiper-container .swiper-wrapper .swiper-slide a .title {
        margin-top: 8px;
        padding: 0 6px
    }

    .article-recommend>.swiper-container .swiper-wrapper .swiper-slide a .detial {
        height: 36px;
        line-height: 18px;
        margin-bottom: 5px;
        padding: 0 6px
    }

    .article-recommend>.swiper-container .swiper-wrapper .swiper-slide a .price {
        padding: 0 6px
    }

    .fullscreen-log .dialog-scroll-container {
        display: block
    }

    .fullscreen-log .dialog-scroll-container .dialog-scroll {
        display: block;
        width: 100%;
        height: 100%
    }

    .fullscreen-log .dialog-scroll-container .dialog {
        width: 100%;
        height: 100%;
        max-width: 100%
    }

    .fullscreen-log .dialog-scroll-container .dialog-container,
    .fullscreen-log .dialog-scroll-container .dialog-scroll>div {
        width: 100%;
        height: 100%
    }

    .fullscreen-log .icon-close {
        top: 13px;
        right: 10px;
        z-index: 10
    }

    .fullscreen-log .icon-close:after {
        content: "";
        position: absolute;
        top: -10px;
        left: -10px;
        bottom: -10px;
        right: -10px
    }

    .pdp-collect-dialog {
        display: block;
        background-color: #fff;
        opacity: 1
    }

    .pdp-collect-dialog .dialog-scroll-container {
        background: #fff;
        display: block
    }

    .pdp-collect-dialog .collectlog-top .store-list.store-list-mode .list-mode,
    .pdp-collect-dialog .dialog-scroll-container .dialog-scroll {
        display: block
    }

    .pdp-collect-dialog .dialog-scroll-container .dialog {
        width: 100%;
        max-width: 100%;
        margin: 0
    }

    .pdp-collect-dialog .collectlog-con {
        position: relative;
        overflow: initial;
        padding: 60px 20px 30px;
        height: 100%
    }

    .pdp-collect-dialog .collectlog-bottom {
        display: none;
        float: none;
        width: 100%;
        position: relative;
        height: auto
    }

    .pdp-collect-dialog .collectlog-top {
        float: none;
        max-width: 100%;
        margin-left: 0
    }

    .pdp-collect-dialog .collectlog-top .pro-info p:nth-child(2),
    .pdp-collect-dialog .tinyscrollbar .overview .log-store-list>div p:nth-child(3) a {
        color: #999
    }

    .pdp-collect-dialog .collectlog-top .pro-info p:nth-child(3) {
        color: #333
    }

    .pdp-collect-dialog .collectlog-top .form-group {
        width: 100%;
        margin-bottom: 20px
    }

    .pdp-collect-dialog .collectlog-top .store-list.store-list-mode .map-mode {
        display: none
    }

    .pdp-collect-dialog .collectlog-top .store-list.store-list-mode .tinyscrollbar {
        display: block
    }

    .pdp-collect-dialog .collectlog-top .store-list.store-map-mode .list-mode {
        display: none
    }

    .pdp-collect-dialog .collectlog-top .store-list.store-map-mode .map-mode {
        display: block
    }

    .pdp-collect-dialog .collectlog-top .store-list.store-map-mode .tinyscrollbar {
        display: none
    }

    .pdp-collect-dialog .collectlog-top .store-list .store-list-tit p:first-child {
        float: none
    }

    .pdp-collect-dialog .collectlog-top .store-list .store-list-tit p:nth-child(2) {
        float: none;
        margin-top: 20px
    }

    .pdp-collect-dialog .collectlog-top .store-list .store-list-tit p:nth-child(2) label {
        float: right
    }

    .pdp-collect-dialog .collectlog-top .store-list .store-list-tit p:nth-child(2) i {
        vertical-align: top;
        margin-right: 5px
    }

    .pdp-collect-dialog .tinyscrollbar {
        margin-right: 0
    }

    .pdp-collect-dialog .tinyscrollbar .viewport {
        height: auto;
        max-height: none
    }

    .pdp-collect-dialog .tinyscrollbar .overview .log-store-list>div {
        position: relative
    }

    .pdp-collect-dialog .tinyscrollbar .overview .log-store-list>div p:nth-child(3) {
        margin-bottom: 20px
    }

    .pdp-collect-dialog .tinyscrollbar .overview .log-store-list>div .google-map-btn {
        position: absolute;
        padding: 3px;
        right: 7px;
        bottom: 7px;
        color: #333
    }

    .pdp-collect-dialog .tinyscrollbar .overview .more-store-btn {
        border: 1px solid #333;
        color: #333;
        font-size: 14px;
        padding: 9px 0;
        text-align: center;
        margin-top: 20px
    }

    .pdp-collect-dialog .tinyscrollbar .overview .load-more {
        padding-bottom: 0;
        margin-top: 20px
    }

    .pdp-collect-dialog .tinyscrollbar .overview .btn-show-more {
        width: 100%
    }

    .pdp-collect-dialog .tinyscrollbar .scrollbar {
        display: none
    }

    .find-on-the-map .dialog-scroll-container {
        display: table-cell
    }

    .find-on-the-map .dialog-scroll-container .dialog-scroll {
        display: inline-block
    }

    .find-on-the-map .collectlog-con {
        padding-top: 40px
    }

    .find-on-the-map .collectlog-bottom {
        display: block
    }

    .store-01 {
        top: 262px;
        left: 135px
    }

    .article-myaccount {
        width: 100%;
        margin: 0 auto;
        padding: 0
    }

    .article-myaccount .account-con {
        min-height: auto;
        padding-left: 0
    }

    .article-myaccount .account-con .account-right {
        min-height: auto;
        width: 100%
    }

    .article-myaccount .account-con .account-right>div .tit {
        padding: 0 45px;
        font-size: 18px;
        text-align: center;
        margin-top: 20px;
        line-height: 18px;
        position: relative;
        margin-bottom: 20px
    }

    .article-myaccount .account-con .account-right>div .tit a {
        display: inline-block;
        padding: 10px;
        position: absolute;
        left: 11px;
        top: 50%;
        margin-top: -18px
    }

    .faq {
        min-height: auto
    }

    .faq .faq-left {
        position: relative;
        width: 100%;
        margin-bottom: 30px
    }

    .faq .faq-left>div>a {
        width: 100%;
        padding-left: 20px
    }

    .faq .faq-left>div>a i {
        right: 20px
    }

    .faq .faq-left>div:first-child>ul li {
        padding-left: 20px;
        padding-top: 20px;
        margin-top: 0
    }

    .faq .faq-left>div:nth-child(2) {
        margin-bottom: 10px
    }

    .faq .faq-right {
        padding-left: 0;
        width: 100%
    }

    .faq .faq-right>div h3 {
        padding-bottom: 30px;
        padding-left: 20px;
        font-size: 20px;
        border-bottom: 0
    }

    .upload-dialog .dialog-scroll-container .dialog-scroll {
        width: 100%
    }

    .upload-dialog .dialog-scroll-container .dialog-container {
        width: 100%;
        height: 382px
    }

    .pdp-collect-map {
        background: #fff
    }

    .pdp-collect-map .dialog-scroll-wrap {
        display: block;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
        -moz-transition: none !important;
        transition: none !important
    }

    .pdp-collect-map .dialog-scroll-wrap .dialog-scroll-container {
        display: block
    }

    .pdp-collect-map .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll {
        display: block;
        height: 100%
    }

    .pdp-collect-map .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div {
        height: 100%
    }

    .pdp-collect-map .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog {
        margin: 0;
        height: 100%
    }

    .pdp-collect-map .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container {
        height: 100%;
        padding: 0
    }

    .pdp-collect-map .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .collectlog-con {
        padding-top: 0;
        padding-bottom: 0
    }

    .pdp-collect-map .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .scroller-wrap {
        padding: 60px 0 30px
    }

    .pdp-collect-map .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-close {
        top: 13px;
        right: -10px;
        z-index: 3
    }
}

@media(max-width:767px) {
    .article-myaccount .account-con .account-right>div .tit {
        font-size: 18px
    }
}

@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
    .bottom-nav ul {
        padding-bottom: 20px
    }

    .bottom-nav {
        height: 69px
    }
}

@media(max-width:320px) {
    .pdp-collect-dialog .collectlog-bottom {
        height: 321px !important
    }

    .store-01 {
        top: 262px;
        left: 75px
    }
}

.add-shopbag-tip {
    background-color: transparent
}

.add-shopbag-tip .dialog-scroll-container .dialog-container {
    padding: 0;
    background-color: rgba(0, 0, 0, .7)
}

.add-shopbag-tip .dialog-content>div {
    padding: 47px 48px
}

.add-shopbag-tip .dialog-content>div p {
    font-size: 14px;
    color: #fff;
    position: relative
}

.add-shopbag-tip .dialog-content>div p i {
    position: absolute;
    top: 0;
    right: -25px
}

.add-shopbag-tip .dialog-close {
    display: none
}

.dialog-opacity {
    background: rgba(0, 0, 0, .3)
}

.it-dialog .dialog-scroll-container .dialog {
    max-width: 100%;
    width: auto;
    background: #fff;
    margin: 0
}

.it-dialog .dialog-scroll-container .dialog .dialog-container {
    padding: 50px 60px 40px;
    border-radius: 0
}

.it-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content {
    text-align: center
}

.it-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content>div>h4 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px
}

.it-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content>div>p {
    font-size: 12px;
    color: #333;
    line-height: 18px
}

.it-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0
}

.it-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap>a.btn-success {
    margin-left: 10px;
    width: 180px
}

.it-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap>a.btn-cancel {
    margin-right: 10px;
    width: 180px
}

.it-dialog .dialog-scroll-container .dialog .dialog-close {
    font-size: 0;
    top: 10px;
    right: 10px
}

.it-dialog.it-toast-dialog,
.it-dialog.it-toast-dialog .dialog-scroll-container .dialog {
    background: 0
}

.it-dialog.it-toast-dialog .dialog-scroll-container .dialog .dialog-container {
    background: rgba(0, 0, 0, .66);
    border-radius: 8px;
    padding: 30px 20px;
    border: 0;
    width: 300px
}

.it-dialog.it-toast-dialog .dialog-scroll-container .dialog .dialog-container .dialog-content>div>p {
    font-size: 14px;
    color: #fff;
    line-height: 18px
}

@media(max-width:1024px) {
    .it-dialog .dialog-scroll-container .dialog .dialog-container {
        padding: 40px 24px 30px
    }

    .it-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap>a.btn-success {
        margin-left: 6px;
        width: 120px
    }

    .it-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap>a.btn-cancel {
        margin-right: 6px;
        width: 120px
    }

    .it-dialog .dialog-scroll-container .dialog .dialog-close {
        top: 17px;
        right: 20px
    }
}

@media(max-width:374px) {
    .it-dialog .dialog-scroll-container .dialog {
        width: 280px
    }

    .it-dialog .dialog-scroll-container .dialog .dialog-container {
        padding: 40px 10px 30px
    }

    .it-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap .btn {
        width: 120px;
        min-width: 120px;
        margin: 0
    }

    .it-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap .btn.btn-cancel {
        margin-right: 9px
    }

    .it-dialog .dialog-scroll-container .dialog .dialog-container .dialog-btn-wrap .btn.btn-success {
        margin-left: 0
    }
}

.bottom-nav li .icon-logo-map {
    background: url(../images/xingxing.png) top left no-repeat;
    background-size: 100% auto;
    width: 18px;
    height: 18px
}

.google-plus {
    position: relative
}

.g-signin2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%
}

.g-signin2 .abcRioButton {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    width: 100% !important;
    height: 100% !important;
    display: inline-block
}

.abcRioButtonContentWrapper * {
    display: none
}