﻿.view-home {
    padding-bottom: 24px;
}

.banner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.banner .slides {
    height: 900px;
    position: relative;
}

.banner .slides .item {

}

.banner .slides .item .link {
    display: block;
    height: 900px;
}

.banner .slides .item .link .img {
    width: 100%;
}

.banner .flex-control-nav {
    position: absolute;
    left: 0;
    bottom: 28px;
    width: 100%;
    text-align: center;
}

.banner .flex-control-nav li {
    display: inline-block;
    margin: 0 9px;
}

.banner .flex-control-nav li a {
    display: block;
    width: 24px;
    height: 24px;
    color: transparent;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}

.banner .flex-control-nav li a.flex-active {
    background: #fff;
}

.banner .flex-direction-nav {
    display: none;
}

.site-notice {
    margin-top: 90px;
}

.site-notice .link {

}

.multiple-ad {

}

.multiple-ad .list {

}

.multiple-ad .list .item {
    width: 50%;
}

.multiple-ad .list .item .link {
    width: 100%;
}

.multiple-ad .list .item .link .img {
    width: 100%;
}

.new-arrivals {
    margin: 100px auto 0;
    max-width: 1780px;
    padding-bottom: 71px;
    background: #fff;
}

.new-arrivals .title {
    padding-bottom: 137px;
}

.new-arrivals .product-detail-list {
    position: relative;
    overflow: hidden;
}

.new-arrivals .product-detail-list .wrapper {
    white-space: nowrap;
}

.new-arrivals .product-detail-list .wrapper .item {
    display: inline-block;
    width: 100%;
    padding: 60px;
    box-sizing: border-box;
}

.new-arrivals .product-detail-list .wrapper .item .contain {

}

.new-arrivals .product-detail-list .wrapper .item .contain .first-img {
    width: 800px;
    height: 800px;
    vertical-align: middle;
    margin-top: -140px;
}

.new-arrivals .product-detail-list .wrapper .item .contain .first-img .img {
    width: 100%;
}

.new-arrivals .product-detail-list .wrapper .item .contain .detail {
    margin-left: 800px;
    vertical-align: bottom;
}

.new-arrivals .product-detail-list .wrapper .item .contain .detail .mark {
    position: relative;
    margin-top: -140px;
}

.new-arrivals .product-detail-list .wrapper .item .contain .detail .mark .icon {

}

.new-arrivals .product-detail-list .wrapper .item .contain .detail .mark .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -20px;
    line-height: 100%;
}

.new-arrivals .product-detail-list .wrapper .item .contain .detail .sec-img {
    margin: 140px auto 0;
    width: 310px;
    height: 310px;
    overflow: hidden;
}

.new-arrivals .product-detail-list .wrapper .item .contain .detail .sec-img .img {
    width: 100%;
}

.new-arrivals .product-detail-list .wrapper .item .contain .detail .msg {

}

.new-arrivals .product-detail-list .wrapper .item .contain .detail .msg .title {
    margin: 39px 10% 0;
    /* max-width: 80%; */
    white-space: break-spaces;word-break: break-word;
}

.new-arrivals .product-detail-list .wrapper .item .contain .detail .msg .price {
    margin-top: 18px;
}

.new-arrivals .product-detail-list .wrapper .item .contain .detail .msg .price .sale-price {

}

.new-arrivals .product-detail-list .wrapper .item .contain .detail .msg .price .market-price {

}

.new-arrivals .product-detail-list .wrapper .item .contain .detail .msg .control {
    margin-top: 71px;
}

.new-arrivals .product-detail-list .wrapper .item .contain .detail .msg .control .btn-select-attr {
    display: block;
    margin: 0 auto;
    width: 380px;
    height: 75px;
    line-height: 75px;
    box-shadow: 9px 9px 0 #aaa;
}

.new-arrivals .product-detail-list .wrapper .item .contain .detail .msg .control .btn-show-more-detail {
    display: block;
    margin: 23px auto 0;
}

.new-arrivals .product-detail-list .slide-control {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -45px;
    width: 100%;
}

.new-arrivals .product-detail-list .slide-control .btn {
    display: block;
    width: 90px;
    height: 90px;
}

.new-arrivals .product-detail-list .slide-control .btn .icon {
    display: block;
    width: 100%;
    height: 100%;
}

.new-arrivals .product-detail-list .slide-control .btn-prev {

}

.new-arrivals .product-detail-list .slide-control .btn-next {

}

.new-arrivals .product-selection-list {

}

.new-arrivals .product-selection-list .item {
    display: inline-block;
    width: 115px;
    height: 115px;
    overflow: hidden;
}

.new-arrivals .product-selection-list .item .btn {
    display: block;
}

.new-arrivals .product-selection-list .item .btn .img {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.new-arrivals .product-selection-list .item .btn .img.active {
    border: 4px solid #000;
}

.middle-ad {
    display: block;
    margin-top: 141px;
}

.middle-ad.content-width {
    width: 1780px;
    max-width: 100%;
}

.middle-ad .img {
    width: 100%;
}

.product-category {
    margin-top: 190px;
}

.product-category .title {

}

.product-category .list-category {
    margin-top: 137px;
}

.product-category .list-category .item-category {
    width: 25%;
}

.product-category .list-category .item-category .btn {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 50%;
    padding-bottom: 50%;
}

.product-category .list-category .item-category .btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.product-category .list-category .item-category .btn .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 2;
    display: -webkit-box;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-align: center;
    /*! autoprefixer: off /
    -webkit-box-orient: vertical;
    / autoprefixer: on */
    -webkit-box-pack: center;
}

.sale {
    margin-top: 190px;
}

.sale .left {
    width: 373px;
    padding-top: 155px;
}

.sale .left .title {
    opacity: 0.3;
}

.sale .left .title.active {
    opacity: 1;
}

.sale .right {
    width: 65px;
}

.sale .btn-more {
    display: block;
    margin-top: 118px;
    line-height: 110%;
    padding: 53px 17px;
    word-break: break-all;
    border-top-left: 15px;
    border-bottom-left: 15px;
    background: #eee;
}

.sale .center {
    margin: 0 65px 0 373px;
}

.sale .center .list-goods {

}

.sale .center .list-goods .item-goods {
    width: 30%;
    margin-right: 5%;
    background: #f9f9f9;
}

.sale .center .list-goods .item-goods:nth-child(3n) {
    margin-right: 0;
}

.sale .center .list-goods .item-goods .msg {
    padding: 18px 25px;
}

.bottom-ad {
    display: block;
    margin-top: 200px;
    width: 100%;
    max-width: 1920px;
}

.bottom-ad .img {
    width: 100%;
}

.recommend-subscribe {
    margin-top: 120px;
    padding-bottom: 150px;
}

.recommend-subscribe .sec-title {
    opacity: 0.3;
}

.recommend-subscribe .title {
    margin-top: 28px;
}

.recommend-subscribe .content {
    display: inline-block;
    margin: 113px auto 0;
    border-radius: 100px;
    overflow: hidden;
}

.recommend-subscribe .content .input-email {
    width: 847px;
    padding: 47px 344px 47px 53px;
    margin-right: -334px;
    outline: none;
}

.recommend-subscribe .content .btn-subscribe {
    width: 334px;
    padding-top: 47px;
    padding-bottom: 55px;
}

.recommend-subscribe .content .btn-subscribe.round {
    border-radius: 100px;
}