a:hover {
    text-decoration: none
}

.flex-box {
    display: flex
}

.flex-cl {
    flex-direction: column
}

.fx-wap {
    flex-wrap: wrap
}

.fx-cln {
    flex-direction: column
}

.flex {
    flex: 1
}

.fx-jct {
    justify-content: center
}

.hot:hover {
    color: #f54f5d
}

.hot {
    margin-left: 4px;
    height: 30px;
    line-height: 30px
}

.fx-sb {
    justify-content: space-between!important
}

.fx-ct {
    align-items: center
}

.clearfix:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.font-14 {
    font-size: 14px
}

.color-fff {
    color: #fff
}

.h-box {
    height: 34px;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-box {
    height: 34px;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto
}

.top-img {
    width: 10px;
    height: 10px;
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transition: all .5s;
    -webkit-transition: all .5s
}

.top-img-active {
    width: 10px;
    height: 10px;
    transform: rotate(0);
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transition: all .5s;
    -webkit-transition: all .5s
}

.notice-box {
    height: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    overflow: hidden
}

.notice-box p {
    line-height: 14px
}

.notice-active {
    opacity: 1;
    height: 220px;
    transition: all .5s;
    -webkit-transition: all .5s;
    overflow: hidden;
    border-bottom: 1px solid #ececec
}

.notice-box p {
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    color: #666
}

.user {
    width: 100%;
    border-bottom: 1px solid #ececec;
    background: #fff
}

.user-box {
    height: 36px;
    display: flex;
    width: 1200px;
    justify-content: flex-end;
    margin: 0 auto
}

.user-box div {
    padding: 0 20px;
    font-size: 12px;
    color: #666;
    line-height: 36px;
    position: relative
}

.padding-none {
    padding-right: 0!important
}

.user-box div::before {
    content: '';
    width: 2px;
    height: 15px;
    position: absolute;
    top: 10px;
    left: 0;
    background: #a7a7a7
}

.user-box div:first-child::before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 10px;
    left: 0
}

.list-click:hover {
    color: #cc3314
}

.list-click {
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s
}

.swiper-container {
    width: 100%;
    height: 500px
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.out_container {
    width: 100%;
    position: relative;
    z-index: 200;
    margin: 0 auto;
    overflow: hidden
}

.swiper-button-prev {
    left: 16%!important;
    width: 36px!important;
    height: 70px!important;
    top: 46%!important;
    background-image: url(/shop/home/view/default/img/s-left.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    outline: 0
}

.swiper-button-next {
    right: 16%!important;
    width: 36px!important;
    height: 70px!important;
    top: 46%!important;
    background-image: url(/shop/home/view/default/img/s-right.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    outline: 0
}

.swiper-button-next::after {
    content: ''!important
}

.swiper-button-prev::after {
    content: ''!important
}

.swiper-container .swiper-button-hidden {
    opacity: 0!important
}

.search-box {
    height: 122px;
    background: #fff;
    width: 1200px;
    margin: 0 auto
}

.logo-img {
    width: 220px;
    height: 92px
}

.referral-img {
    width: 23rem;
    height: 22px;
    margin-left: 2%
}

.cearch-input-box {
    box-sizing: border-box;
    width: 60%;
    height: 38px;
    border: 1px solid #707070;
    display: flex;
    align-items: center;
    padding: 0 0 0 10px;
    margin-right: 10px;
    position: relative
}

.cearch-input-box input {
    width: 84%;
    font-size: 12px
}

.search-r {
    margin-left: 10px;
    width: 50%;
    justify-content: flex-end
}

.search-l {
    flex: 1
}

.btn-img {
    width: 100px;
    height: 38px;
    cursor: pointer;
    position: relative;
    background-image: url(/shop/home/view/default/img/btn.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%
}
.msg-img {
    width: 100px;
    height: 38px;
    cursor: pointer;
    position: relative;
    background-image: url('https://cdn.beautinow.com/index/img/msg.jpeg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
	margin-left: 10px;
}
.cart-num {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: red;
    text-align: center;
    line-height: 18px;
    color: #fff;
    font-size: 10px;
    position: absolute;
    left: 27px;
    top: 4px
}

input {
    background: 0 0;
    outline: 0;
    border: none
}

.fdj-img {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    transition: all .2s ease-out
}

.search-list {
    position: absolute;
    bottom: -34px;
    color: #999;
    font-size: 12px
}

.search-list a {
    color: #999;
    font-size: 12px;
    padding-right: 6px
}

.history {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    transform: translateY(100%);
    background-color: #fff;
    z-index: 999;
    border: 1px solid #ddd;
    box-sizing: inherit;
    padding: 10px 14px
}

.tab {
    width: 100%;
    background-color: #f4f4f4
}

.navigation-box {
    height: 48px;
    background-color: #f4f4f4;
    position: relative;
    width: 1200px;
    margin: 0 auto
}

.navigation {
    line-height: 48px;
    padding: 0 35px;
    font-size: 16px;
    color: #333;
    font-weight: 900;
    cursor: pointer
}

.navigation-active {
    background-color: #fff;
    transition: all .5s;
    -webkit-transition: all .5s
}

.recommendd {
    width: 100%;
    background-color: #fff;
    position: relative
}

.recommend-box {
    width: 1200px;
    margin: 0 auto;
    height: 48px;
    transition: all .5s;
    -webkit-transition: all .5s
}

.recommend {
    font-size: 14px;
    line-height: 48px;
    padding: 0 26px;
    transition: all .3s;
    -webkit-transition: all .3s
}

.recommend a {
    color: #000
}

.navigation {
    transition: all .8s;
    -webkit-transition: all .8s
}

.navigation-show {
    display: none;
    position: absolute;
    left: 0;
    z-index: 700;
    top: 0;
    width: 100%;
    height: auto;
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 30px
}

.navigation-content {
    width: 1200px;
    height: auto;
    background-color: #fff;
    margin: 0 auto
}

.navigation-shwo {
    display: block!important
}

.fdj-box {
    height: 100%;
    width: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #999;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.content-ul li {
    margin-bottom: 10px;
    line-height: 40px;
    width: 100px;
    text-align: center;
    font-size: 14px;
    color: #999;
    transition: all .8s;
    -webkit-transition: all .8s;
    display: block;
    text-align: left
}

.ul-padd li {
    margin-bottom: 0!important
}

.li-link {
    transition: all .3s;
    -webkit-transition: all .3s;
    cursor: pointer
}

.content-ul li:hover .li-link {
    color: #333;
    font-weight: 900;
    font-size: 16px
}

.li-link-active {
    line-height: 40px;
    margin-bottom: 10px;
    line-height: 40px;
    width: 100px;
    text-align: center;
    font-size: 14px;
    color: #999;
    transition: all .8s;
    -webkit-transition: all .8s;
    display: block;
    text-align: left;
    color: #333;
    font-weight: 900;
    font-size: 16px
}

.content-img {
    width: 360px;
    height: 220px
}

.activity-content-img {
    width: 309px;
    height: 189px
}

.brand-box {
    width: 140px;
    height: 70px;
    display: block;
    margin-right: 64px
}

.goAll {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.right-icon {
    width: 20px;
    height: 20px;
    padding-bottom: 2px
}

.recommend-active {
    font-weight: 900;
    transform: scale(1.1)
}

.guide-c {
    position: absolute;
    left: 0;
    top: 48px;
    bottom: 0;
    height: auto;
    width: 100%;
    background: #fff;
    z-index: 700;
    transition: all .3s;
    -webkit-transition: all .3s
}

.guide-box {
    width: 1200px;
    background: #fff;
    z-index: 700;
    padding-top: 30px;
    transition: all .3s;
    -webkit-transition: all .3s;
    margin: 0 auto
}

.guide-tit {
    width: 100px;
    text-align: center;
    font-size: 14px;
    color: #000;
    font-weight: 900
}

.guide-text {
    font-size: 14px;
    color: #666;
    padding-bottom: 16px;
    width: 15%;
    transition: all .3s;
    -webkit-transition: all .3s
}

.padding-none {
    padding: 0
}

.guide-border {
    border-bottom: 1px dashed #ddd
}

.padding-bottom {
    padding-bottom: 14px
}

.guide-text:hover {
    color: #333;
    font-weight: 900;
    transform: scale(1.1)
}

.opcit-shwo {
    display: block!important
}

.guide-none {
    display: none
}

.guide-width {
    width: 62%
}

.brand-swiper {
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
    position: relative
}

.brand-swiper .swiper-container {
    width: 96%;
    height: 100%
}

.brand-swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media (max-width: 760px) {
    .brand-swiper .swiper-button-next {
        right:80px;
        transform: rotate(90deg)
    }

    .brand-swiper .swiper-button-prev {
        left: 20px;
        transform: rotate(90deg)
    }
}

.brand-swiper .swiper-button-prev {
    left: 0!important;
    width: 36px!important;
    height: 70px!important;
    top: 44%!important;
    background-image: url(/shop/home/view/default/img/s-left.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    outline: 0
}

.brand-swiper .swiper-button-next {
    right: 0!important;
    width: 36px!important;
    height: 70px!important;
    top: 44%!important;
    background-image: url(/shop/home/view/default/img/s-right.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    outline: 0
}

.brand-swiper .swiper-button-next::after {
    content: ''!important
}

.brand-swiper .swiper-button-prev::after {
    content: ''!important
}

.swiper-brand-img {
    width: 140px;
    height: 70px
}

.swiper-icon {
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s
}

.swiper-icon-show {
    opacity: 1!important
}

.sift-tit {
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    line-height: 29px;
    color: #333
}

.sift {
    width: 1200px;
    margin: 0 auto
}

.sift-tit {
    text-align: center;
    padding-top: 54px;
    padding-bottom: 30px
}

.sift-img {
    width: 100%;
    height: auto
}

.perch {
    padding: 0 20px
}

.sift-box .tit {
    font-size: 16px;
    color: #000;
    text-align: center;
    padding: 12px 0 16px 0
}

.sift-btn {
    box-sizing: border-box;
    width: 140px;
    line-height: 36px;
    height: 40px;
    text-align: center;
    color: #333;
    font-size: 16px;
    border: 1px solid #000;
    margin: 0 auto;
    transition: all .22s
}

.sift-btn:hover {
    border: 3px solid #000
}

.seckill-box {
    margin-top: 10px;
    width: 1200px;
    margin: 0 auto
}

.time {
    width: 30px;
    height: 30px;
    background: #0e0e0e;
    opacity: 1;
    border-radius: 4px;
    color: #fff;
    line-height: 30px;
    text-align: center
}

.time-box {
    margin: 0 auto;
    text-align: center
}

.time-box span {
    padding: 0 6px
}

.seckill-tit {
    text-align: center;
    padding-top: 54px;
    padding-bottom: 20px;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    line-height: 29px;
    color: #333
}

.goods-box {
    width: 214px;
    height: 330px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 20px;
    position: relative
}

.goods-img {
    width: 174px;
    height: 174px
}

.goods-name {
    padding-top: 4px;
    font-size: 14px;
    color: #000;
    text-align: left;
    line-height: 16px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.goods-num {
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.goods-discount {
    font-size: 12px;
    font-weight: 700;
    color: #cc3314
}

.goods-desc {
    padding-top: 8px
}

.discount-num {
    font-size: 12px;
    color: #999;
    text-align: left;
    padding-top: 4px;
    text-decoration: line-through
}

.consult-num {
    font-size: 12px;
    color: #333;
    text-align: left;
    padding-top: 10px
}

.newGoods-tit {
    text-align: center;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    line-height: 29px;
    color: #333
}

.newGoods-box {
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 30px
}

.goods-cart {
    width: 30px;
    height: 30px;
    background: #000;
    position: absolute;
    right: 24px;
    bottom: 21px;
    border-radius: 50%;
    transition: all .3s;
    -webkit-transition: all .3s
}

.goods-cart:hover {
    background: #999
}

.cart-box {
    display: none
}

.shwo-cart {
    display: block!important
}

.cart {
    width: 16px;
    height: 16px
}

.z-width {
    width: 90px
}

.activity-img {
    width: 32%;
    height: 240px
}

.hot-box {
    width: 1200px;
    height: 34px;
    margin: 0 auto;
    padding: 0 10%;
    border-bottom: 1px solid #ddd;
    margin-top: 30px
}

.hot-box a {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #333;
    padding: 0 6px;
    margin-top: -6px
}

.hot-border {
    border-bottom: 2px solid #000;
    font-weight: 900;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #000
}

.hot-goods-box {
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px
}

:root {
    --width2:214px}

.hot-goods-box .goods-box {
    width: var(--width2)
}

.hot-goods-box .goods-box:last-child:nth-child(5n+2) {
    margin-right: calc((100% - var(--width2))/ 4 * 3)
}

.hot-goods-box .goods-box:last-child:nth-child(5n+3) {
    margin-right: calc((100% - var(--width2))/ 4 * 2)
}

.hot-goods-box .goods-box:last-child:nth-child(5n+4) {
    margin-right: calc((100% - var(--width2))/ 4 * 1)
}

.f-box {
    width: 100%;
    background-color: #f4f4f4;
    margin-top: 20px
}

.footer-box {
    background-color: #f4f4f4;
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 40px
}

.describe-box {
    padding: 30px 0;
    border-bottom: 1px solid #999
}

.desc-img {
    /*width: 60px;*/
    height: 40px;
    margin-right: 10px
}

.desc-tit {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #0e0e0e
}

.desc-tit-to {
    font-size: 12px;
    font-family: Microsoft YaHei;
    color: #0e0e0e;
    width: 150px
}

.f-box {
    padding-top: 30px;
    margin-bottom: 30px;
}

.f-tit {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #333;
    padding-bottom: 18px
}

.f-text {
    font-size: 12px;
    width: 434px;
    line-height: 26px;
    padding-bottom: 20px
}

.code {
    width: 100px;
    height: 100px
}

.code-text {
    font-size: 12px;
    text-align: center
}

.code-box {
    background: #eaeaea;
    border-radius: 4px;
    padding: 6px;
    margin-right: 36px
}

.f-list-tit {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #333;
    padding-bottom: 16px
}

.f-list {
    font-size: 12px;
    color: #333;
    padding-bottom: 10px
}

.pay-img {
    width: 70px;
    height: 28px;
    margin-right: 10px
}

.pay-box {
    margin-top: 60px
}

.float-box {
    opacity: 0;
    position: fixed;
    right: 4%;
    top: 53%;
    height: 200px;
    width: 44px;
    transition: all .5s;
    -webkit-transition: all .5s;
    z-index: 999
}

@media screen and (min-width: 1800px) {
    .float-box {
        opacity:0;
        position: fixed;
        right: 10%;
        top: 53%;
        height: 200px;
        width: 44px;
        transition: all .5s;
        -webkit-transition: all .5s;
        z-index: 999
    }
}

.f-show {
    opacity: 1!important
}

.xx {
    opacity: 1
}

.tab-wx {
    width: 44px;
    height: 44px;
    background-image: url(/shop/home/view/default/img/taba-wx.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%
}

.tab-wx:hover {
    background-image: url(/shop/home/view/default/img/wx-active.png)
}

.tab-wb {
    width: 44px;
    height: 44px;
    background-image: url(/shop/home/view/default/img/taba-wb.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%
}

.tab-wb:hover {
    background-image: url(/shop/home/view/default/img/wb-active.png)
}

.tab-cart {
    width: 44px;
    height: 44px;
    background-image: url(/shop/home/view/default/img/taba-cart.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%
}

.tab-cart:hover {
    background-image: url(/shop/home/view/default/img/cart-active.png)
}

.tab-top {
    width: 44px;
    height: 44px;
    background-image: url(/shop/home/view/default/img/tab-top.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%
}

.pop {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #a7a7a7;
    z-index: 999;
    background: rgba(0,0,0,.3);
    top: 0
}

.cart-pop {
    width: 460px;
    height: 216px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -230px;
    margin-top: -108px
}

.pop-clear {
    height: 30px;
    background: #000;
    justify-content: flex-end;
    padding-right: 10px
}

.clear-icon {
    width: 18px;
    height: 18px
}

.cart-text {
    width: 154px;
    text-align: center;
    margin-left: 34%;
    padding: 30px 0
}

.red {
    color: red
}

.cart-btn-one {
    width: 180px;
    line-height: 40px;
    font-size: 14px;
    color: #000;
    text-align: center;
    border: 1px solid #000
}

.cart-btn-to {
    width: 180px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #000;
    border: 1px solid #000
}

.cart-btn-box {
    padding: 0 8%
}

.cart-btn-box {
    margin-top: 10px
}

.fz-12 {
    font-size: 12px
}

.color-999 {
    color: #999
}

.color-333 {
    color: #333
}

.color-red {
    color: #d72245
}

.history-list {
    margin-top: 10px
}

.history-list:hover {
    color: #d72245
}

.pad-none {
    padding: 0
}

.guide-container {
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding-bottom: 20px
}

.brand-box {
    width: 140
}

.brand-box:last-child:nth-child(4n+2) {
    margin-right: calc((100% - 14%)/ 3 * 2)
}

.brand-box:last-child:nth-child(4n+3) {
    margin-right: calc((100% - 0%)/ 3 * 1)
}

.swiper-img .swiper-wrapper img {
    width: auto!important;
    height: auto!important
}

.padd-l-32 {
    box-sizing: border-box;
    padding-left: 32px
}

.copyright-box {
    border-top: 1px solid #999;
    background: #f4f4f4;
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
    background: #000;
    line-height: 40px
}

.goods-activity {
    height: 22px;
    line-height: 22px;
    color: #fff;
    background-color: #000;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    padding: 0 8px
}

#active {
    display: none
}

.state-img {
    width: 22px;
    height: 16px
}

.state-name {
    font-size: 12px;
    font-family: Arial;
    margin-top: 4px
}

.state-box {
    margin-top: 20px
}

.occupy {
    width: 90px
}

.hilarity-pop {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index: 999;
    top: 0
}

.pop-img {
      width: 350px;
      height: 450px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -200px;
      margin-top: -300px;
}

.hilarity-pop .posit-r {
    position: relative;
    width: 500px;
    height: 500px;
    left: 50%;
    margin-left: -250px;
    top: 50%;
    margin-top: -250px
}

.clear-img {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 5%;
    top: -90px
}

.home-activity-box {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    z-index: 999
}

.home-activity-box .activity-img {
    width: 330px;
    height: 350px;
    z-index: 800;
    position: absolute;
    top: 26%;
    left: 50%;
    margin-left: -165px
}

.home-activity-box .activity-clear-img {
    width: 30px;
    height: 30px;
    position: absolute;
    margin-left: 115px;
    left: 50%;
    top: 24%;
    z-index: 800
}

.float-logo {
    position: fixed;
    width: 120px;
    height: 120px;
    right: 10px;
    bottom: 10%;
    z-index: 500
}
.hvr-border-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 1px #fff,0 0 1px rgba(0,0,0,0)}
.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover{box-shadow:inset 0 0 0 1px #000,0 0 1px rgba(0,0,0,0)}
.hvr-border-fade:hover .cart-box{display:block}
.beauty .hvr-glow:hover{box-shadow:0 0 8px rgba(0,0,0,.6)}
.beauty .wst-hot-sales .wst-sales-box .item .des .p-price {
    font-weight: bold;
    color: #000;
}
.beauty .wst-hot-sales .wst-sales-box .item .des .p-sale {
    font-weight: bold;
    color: #000;
}
.beauty .goods-list .goods {
    width: 220px;
}
.beauty .wst-container .goods-main {
    float: none;
    width: auto;
}
.beauty .goods-list {
        justify-content: flex-start;
    display: flex;
    flex-flow: wrap;
}
.beauty .goods-list .goods .p-hsale{
    width:80px;
}
.beauty .goods-list .goods .tags .tag{
    background:#000;
}
.beauty .goods-list .goods .p-appraise{
    width:85px;
}
.beauty .goods-list .goods .p-hsale .p-add-cart{
    border: 1px solid #000;
    color:#000;
}
.beauty .goods-list .goods .p-hsale .p-add-cart:hover{background: #000;color: white;}

.beauty .goods-list .goods .p-price,.beauty .goods-list .goods .p-hsale span{
    color: #000;
}
.beauty .wst-gview .view-goods .item .p-price{
    color: #000;
}
.beauty .img_list li.curr {
    border: 1px solid #000;
}
.beauty .spec-preview {

    border: 1px solid;
}
.beauty .buy .dd {

    width:auto;
}
.beauty .summary {
        background: url(../image/summary-bg.jpg) #f3f3f3 repeat-x 20px -60px;
}