.page-index .header {
    padding-bottom: 64px;
}

.page-index .header .wrapper {
    /*margin-top: 70px;*/
}

.page-index .navigation-bar {
    margin-bottom: 0;
}

.view-home {
    min-width: 1100px;
}

.view-home .section {
    padding: 107px 0;
}

.view-home .section.split {
    background: #f8f7ff;
}

.view-home .section-width {
    max-width: 1488px;
    min-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.view-home .section .section-title {

}

.view-home .section .section-title .sec-title {
    opacity: 0.5;
}

.view-home .section .section-content {
    margin-top: 90px;
}

.view-home .section-content.radius {
    border-radius: 30px;
}

.contain-banner {
    margin: 110px auto 0;
    padding: 0 40px;
    border-radius: 10px;
    background: #a5eefe;
}

.contain-banner .wrapper-banner {
    position: relative;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
}

.contain-banner .wrapper-banner:after {
    content: "";
    display: block;
    position: absolute;
    left: -20px;
    right: -20px;
    top: 20px;
    height: 100%;
    border-radius: 10px;
    background: #8aa2fd;
}

.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.banner .slides {
    /*height: 600px;*/
    position: relative;
}

.banner .slides .item {
    border-radius: 10px;
    overflow: hidden;
}

.banner .slides .item .link {
    display: block;
    /*height: 600px;*/
}

.banner .slides .item .link .img {
    width: 100%;
}

.banner .flex-control-nav {
    display: none;
}

.banner .flex-control-nav li {
}

.banner .flex-control-nav li a {
}

.banner .flex-control-nav li a.flex-active {
}

.banner .flex-direction-nav {

}

.site-notice {
    padding: 30px 5px;
}

.site-notice .wrapper {

}

.site-notice .wrapper .link {
    margin: 50px 0;
}

.site-notice .wrapper .btn {

}

.site-notice .wrapper .btn-close {
    margin-top: 20px;
    width: 235px;
    height: 63px;
    line-height: 63px;
    border-width: 3px;
}

.ad {

}

.multiple-ad {

}

.multiple-ad .list {

}

.multiple-ad .list .item {

}

.multiple-ad .list .item .link {

}

.multiple-ad .list .item .link .img {

}

.sale {

}

.sale .list {

}

.sale .list > .item {

}

.sale .sale-content {
    padding: 5.7% 6.7%;
}

.sale .list-goods {
    min-height: 610px;
}

.sale .item-goods {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    max-width: 135px;
    max-height: 135px;
    margin-bottom: 18.5%;
}

.sale .item-goods .goods-link {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

.sale .item-goods.active .goods-link:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/item-selected.png") center no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}

.sale .item-goods .thumbnail {

}

.sale .item-goods .thumbnail .img {

}

.sale .detail {
    margin-left: 5%;
}

.sale .detail .left {

}

.sale .detail .thumbnail {
    max-width: 500px;
    width: 100%;
    padding-bottom: 100%;
}

.sale .detail .list-pointer {
    width: 136px;
    height: 22px;
    border-width: 4px;
    margin-top: 30px;
    overflow: hidden;
}

.sale .detail .item-pointer {
    margin-left: 4px;
}

.sale .detail .item-pointer .btn-pointer {
    display: block;
    width: 22px;
    height: 22px;
}

.sale .detail .item-pointer.active .btn-pointer {
    margin-top: 10px;
}

.sale .detail .right {
    margin-left: 5%;
}

.sale .detail .goods-name {

}

.sale .detail .list-attribute {

}

.sale .detail .item-attribute {
    padding: 17px 0 8px;
}

.sale .detail .item-attribute .name {

}

.sale .detail .item-attribute .value {

}

.sale .detail .contain-statistics {
    margin-top: 12%;
}

.sale .detail .list-statistics {
    max-width: 230px;
    min-width: 130px;
}

.sale .detail .item-statistics {
    margin: 3% 3% 0 0;
}

.sale .detail .item-statistics .block-statistics {
    width: 100px;
    height: 100px;
    border-width: 10px;
    line-height: 120%;
}

.sale .detail .item-statistics .block-statistics .name {

}

.sale .detail .item-statistics .block-statistics .value {

}

.sale .detail .contain-btn {
    width: 201px;
    height: 203px;
    background: url("../images/btn-circle.png") center no-repeat;
    background-size: 100% auto;
}

.sale .detail .price {

}

.sale .detail .contain-btn .btn {

}

.sale .detail .btn-buy {
}

.new-arrivals {

}

.new-arrivals .list {

}

.new-arrivals .list > .item {

}

.new-arrivals .list-goods {
}

.new-arrivals .item-goods {
    margin: 1.84% 0.92%;
    width: 48.16%;
}

.new-arrivals .item-goods .contain-link {

}

.new-arrivals .item-goods .contain-link.radius {
    border-radius: 12px;
}

.new-arrivals .item-goods .goods-link {
    display: block;
    position: relative;
    height: 198px;
    padding: 30px;
}

.new-arrivals .item-goods .thumbnail {
    position: absolute;
    top: -10px;
    right: 0;
    width: 218px;
    height: 218px;
    overflow: hidden;
}

.new-arrivals .item-goods .thumbnail.radius {
    border-radius: 24px;
}

.new-arrivals .item-goods .thumbnail .img {

}

.new-arrivals .item-goods .msg {
    margin-right: 218px;
}

.new-arrivals .item-goods .msg .name {
    height: 110px;
    overflow: hidden;
}

.new-arrivals .item-goods .msg .contain-price {

}

.new-arrivals .item-goods .msg .contain-price .title {
    display: inline-block;
    width: 87px;
    height: 30px;
    line-height: 30px;
}

.new-arrivals .item-goods .msg .contain-price .value {

}

.new-arrivals .item-goods:nth-child(2n) {
}

.new-arrivals .item-goods:nth-child(2n) .thumbnail {
    right: initial;
    left: 0;
}

.new-arrivals .item-goods:nth-child(2n) .msg {
    margin-right: 0;
    margin-left: 218px;
}

.new-arrivals .contain-pointer {
    display: inline-block;
    position: relative;
    margin-top: 95px;
}

.new-arrivals .contain-pointer .current-pointer {
    position: absolute;
    margin-left: 76px;
    left: 0;
    top: 0;
    width: 30px;
    height: 50px;
    z-index: 1;
}

.new-arrivals .contain-pointer .current-pointer.radius {
    border-radius: 10px;
}

.new-arrivals .list-pointer {
    padding: 20px 14px;
}

.new-arrivals .item-pointer {
    width: 154px;
    height: 10px;
}

.new-arrivals .item-pointer:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.new-arrivals .item-pointer:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.new-arrivals .item-pointer .btn {
    display: block;
    margin: -3px auto 0;
    width: 16px;
    height: 16px;
}

.new-arrivals .item-pointer .btn.border {
    border-width: 5px;
}

.product-category {

}

.product-category .list-category {

}

.product-category .item-category {
    display: inline-block;
    margin: 13px 16px;
}

.product-category .item-category .btn-show-category {

}

.product-category .link-more {
    margin-top: 67px;
    border-width: 5px;
}

.trending-product {

}

.trending-product .list-goods {

}

.trending-product .item-goods {
    margin: 1.4%;
}

.trending-product .item-goods.col-4 {
    width: 30.53%;
}

.trending-product .item-goods .contain-link.border {
    border-width: 2px;
}

.trending-product .item-goods .contain-link.radius {
    border-radius: 49px;
}

.trending-product .item-goods .goods-link {
    display: block;
    margin: 5%;
    padding: 4.94% 6.58%;
}

.trending-product .item-goods .goods-link.radius {
    border-radius: 26px;
}

.trending-product .item-goods .title {
    height: 40px;
}

.trending-product .item-goods .thumbnail {
    margin-top: 20px;
}

.trending-product .item-goods .thumbnail .img {

}

.trending-product .item-goods .msg {

}

.trending-product .item-goods .msg .goods-name {
    margin-top: 21px;
    height: 84px;
    overflow: hidden;
}

.trending-product .item-goods .msg .sale-price {
    display: inline-block;
    padding: 0 36px;
    margin: 21px auto 0;
}

.trending-product .item-goods .msg .origin-price {
    margin-top: 11px;
    display: inline-block;
}

.trending-product .item-goods .msg .origin-price:after {
    content: "";
    display: block;
    margin: -12px 0 0 -15%;
    width: 130%;
    height: 2px;
}

.trending-product .btn-more {
    display: block;
    margin: 26px auto 0;
    width: 74px;
    height: 74px;
    background: url("../images/bg-btn-more.png") center no-repeat;
    background-size: 100% auto;
}

.recommend-subscribe {

}

.recommend-subscribe .input {
    width: 1000px;
    max-width: 90%;
    height: 115px;
    line-height: 115px;
    border-width: 6px;
    background: #f8f7ff;
}

.recommend-subscribe .input.radius {
    border-radius: 25px;
}

.recommend-subscribe .btn-subscribe {
    margin-top: 44px;
    width: 630px;
    padding: 38px 0;
    background-image: url("../images/bg-stripe.png");
    background-position: left;
    background-repeat: repeat-x;
    background-size: auto 100%;
}

.bg-price {
    background-image: url("../images/bg-price.png");
    background-position: left;
    background-repeat: no-repeat;
    background-size: 100.5% 100%;
}

@media screen and (max-width: 1500px) {

    .view-home .section-width {
        margin-left: 30px;
        margin-right: 30px;
    }

}

@media screen and (max-width: 1200px) {

}