/* 活动特卖css，用于 sale 目录下的页面 */

/* 19年51活动 */
.page-sale-1951{ background: #111636;}
.page-sale-1951 .s-btn{ display: block; border-radius: 10px; box-shadow: 0 10px 8px rgba(0, 0, 0, 0.3); width: 196px; height: 60px; line-height: 60px; font-size: 20px; color: #fff; text-align: center;background: #f81313;
    background: url(/inc/font/a8a192c45ad04d2690f1c9cfad9a7cab.woff);
    background: -moz-linear-gradient(left, #f81313 0%, #fd7348 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f81313), color-stop(100%,#fd7348));
    background: -webkit-linear-gradient(left, #f81313 0%,#fd7348 100%);
    background: -o-linear-gradient(left, #f81313 0%,#fd7348 100%);
    background: -ms-linear-gradient(left, #f81313 0%,#fd7348 100%);
    background: linear-gradient(to right, #f81313 0%,#fd7348 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f81313', endColorstr='#fd7348',GradientType=1 );}
.page-sale-1951 .s-btn:hover{background: #f20a0a;
    background: url(/inc/font/37ff644b60b543168bc4622f739bcba9.woff);
    background: -moz-linear-gradient(left, #f20a0a 0%, #f65d2d 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f20a0a), color-stop(100%,#f65d2d));
    background: -webkit-linear-gradient(left, #f20a0a 0%,#f65d2d 100%);
    background: -o-linear-gradient(left, #f20a0a 0%,#f65d2d 100%);
    background: -ms-linear-gradient(left, #f20a0a 0%,#f65d2d 100%);
    background: linear-gradient(to right, #f20a0a 0%,#f65d2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f20a0a', endColorstr='#f65d2d',GradientType=1 );}
.page-sale-1951 .section{ width: 100%; position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center top;}
.page-sale-1951 .section .container{ position: relative; height: 100%;}
.page-sale-1951 .section a[name]{ position: absolute; top: -100px;}
.page-sale-1951 .section-1{ height: 670px; background-image: url(../img/1f.jpg);}
.page-sale-1951 .section-2{ height: 955px; background-image: url(../img/2f.jpg);}
.page-sale-1951 .section-3{ height: 1033px; background-image: url(../img/3f.jpg);}
.page-sale-1951 .section-4{ height: 420px; background-image: url(../img/4f.jpg);}
.page-sale-1951 .section-5{ height: 433px; background-image: url(../img/5f.jpg);}
.page-sale-1951 .section-6{ height: 491px; background-image: url(../img/6f.jpg);}
.page-sale-1951 .section-1 .list{margin:360px 0 0 101px}
.page-sale-1951 .section-1 .list li{ float: left; width: 320px; height: 140px; margin: 0 10px;}
.page-sale-1951 .section-1 .list li.item-1{ background: url(../img/link_1.png) no-repeat left center;}
.page-sale-1951 .section-1 .list li.item-2{ background: url(../img/link_2.png) no-repeat left center;}
.page-sale-1951 .section-1 .list li.item-3{ background: url(../img/link_3.png) no-repeat left center;}
.page-sale-1951 .section-1 .list li a{ display: block; height: 100%;}
.page-sale-1951 .section-2 .link,
.page-sale-1951 .section-3 .link{ position: absolute; left: 406px; bottom: 42px; margin-right: -50px;}
.page-sale-1951 .section-2 .link .s-btn,
.page-sale-1951 .section-3 .link .s-btn{ float: left; margin-right: 75px}
.page-sale-1951 .section-5 .link {position: absolute; left: 249px; bottom: 42px; margin-right: -50px;}
.page-sale-1951 .section-5 .link .s-btn{ float: left; box-shadow: 0 10px 8px rgba(0, 0, 0, 0.1); width: 180px; height: 53px; line-height: 53px;}
.page-sale-1951 .section-5 .link .s-btn:first-child{ margin-right: 428px}
@media screen and (max-width: 768px){
    .page-sale-1951 .mob-bg{ width: 100%; height: auto; vertical-align: top; -webkit-user-select: none; user-select: none;}
    .page-sale-1951 .mob-s{ position: relative;}
    .page-sale-1951 .mob-s a[name]{ position: absolute; top: -4rem;}
    .page-sale-1951 .mob-s1 .link{ margin: 0 1%; position: absolute; width: 98%; padding-top: 55%; top: 0;}
    .page-sale-1951 .mob-s1 .link a{ width: 33%; display: block; margin: 0 1%;}
    .page-sale-1951 .mob-s1 .link a img{ width: 100%;}
    .page-sale-1951 .mob-s2 .link,
    .page-sale-1951 .mob-s3 .link{ position: absolute; z-index: 3; bottom: 4%; padding-top: 12%; left: 0; width: 100%; cursor: pointer;}
    .page-sale-1951 .mob-s5 .link{ position: absolute; z-index: 3; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer;}
}


/* 双十一活动 */
.page-sale-191111 {}
.page-sale-191111 .mod-s1{ background: url(../img/1f.jpg) no-repeat center top; height: 701px;}
.page-sale-191111 .mod-s2{ background: url(../img/2f.jpg) no-repeat center top; height: 529px;}
.page-sale-191111 .mod-s2 .container{ position: relative; }
.page-sale-191111 .mod-s2 a{ width: 204px; height: 59px; background: transparent; opacity: 0; position: absolute; z-index: 2; top: 414px; left: 35px;}
.page-sale-191111 .mod-s2 a.a2{ left: 655px; }
.page-sale-191111 .mod-s3{ background: url(../img/3f.jpg) no-repeat center top; height: 775px;}
@media screen and (max-width: 768px){
    .page-sale-191111 .mob-s1{ padding-top: 91%; background: url(../img/1f.jpg) no-repeat center top; background-size: cover; }
    .page-sale-191111 .mob-s2{ padding-top: 123%; background: url(../img/2f.jpg) no-repeat center top; background-size: cover; position: relative; }
    .page-sale-191111 .mob-s2 a{ position: absolute; width: 28%; height: 7%; left: 10%; top: 46%; }
    .page-sale-191111 .mob-s2 a.a2{ position: absolute; width: 28%; height: 7%; left: 10%; top: 87%; }
    .page-sale-191111 .mob-s3{ padding-top: 139%; background: url(../img/3f.jpg) no-repeat center top; background-size: cover; }
}

/* 双十二活动 */
.page-sale .location{ background: transparent; opacity: 0; position: absolute; z-index: 2;}
.page-sale .body .container{ position: relative; height: 100%;}

.page-sale-191212 .mod-barnner{background: url(../img/00-banner.jpg) no-repeat center top; height: 856px;}
.page-sale-191212 .mod-s1{ background: url(../img/1f.jpg) no-repeat center top; height: 371px;}
.page-sale-191212 .mod-s1 a{ width: 1090px; height: 150px; position: absolute; top: 5px; left: 50px; }
.page-sale-191212 .mod-s1 a.a2{ top: inherit; bottom: 33px; }

.page-sale-191212 .mod-s2{ background: url(../img/2f.jpg) no-repeat center top; height: 1005px;}
.page-sale-191212 .mod-s2 a{ width: 255px; height: 65px; left: 487px; top: 168px; }
.page-sale-191212 .mod-s3{ background: url(../img/3f.jpg) no-repeat center top; height: 896px;}
.page-sale-191212 .mod-s3 a{ width: 255px; height: 65px; left: 470px; top: 162px; }
.page-sale-191212 .mod-s4{ background: url(../img/4f.jpg) no-repeat center top; height: 501px;}
.page-sale-191212 .mod-s4 a{ width: 174px; height: 50px; right: 438px; bottom: 55px; }
.page-sale-191212 .mod-s4 a.a2{ width: 186px; height: 50px; right: 240px; bottom: 55px; }
.page-sale-191212 .mod-s5{ background: url(../img/5f.jpg) no-repeat center top; height: 639px;}

/*fuchi*/
.page-sale-fuchi .mod-barnner{background: url(../img/1.jpg) no-repeat center top; height: 636px;}
.page-sale-fuchi .mod-s1{ background: url(../img/2.jpg) no-repeat center top; height: 419px;}
.page-sale-fuchi .mod-s2{ background: url(../img/3.jpg) no-repeat center top; height: 1096px;}
.page-sale-fuchi .mod-s3{ background: url(../img/4.jpg) no-repeat center top; height: 554px;}

@media screen and (max-width: 768px){
    .page-sale-191212 .page_mobile .mob-content{ font-size: 0; }
    .page-sale-191212 .mob-barnner{ padding-top: 90%; background: url(../img/00-banner.jpg) no-repeat center top;background-size: cover;}
    .page-sale-191212 .mob-content{ background-color: #c51c3d; padding:2rem 4% 5rem;}
    .page-sale-191212 .mob-content .a{ display: block; font-size: 0;}
    .page-sale-191212 .mob-content .img{ width: 100%; }
    .page-sale-191212 .mob-content .mob-title{ margin: 3rem 0 2rem; }
    .page-sale-191212 .mob-content .mob-title .btn{ background: url(../img/button.png) no-repeat center top; background-size: contain; padding-top: 11%; display: block; margin: 2rem 0 3rem;}
    .page-sale-191212 .mob-content .mob-s1{ margin-bottom: 1rem; }
    .page-sale-191212 .mob-content .mob-s5{ margin-bottom: 1rem; }
    .page-sale-191212 .mob-content .mob-s6{ margin-bottom: 2rem; }

    /*fuchi*/
    .page-sale-fuchi .mob-barnner{background: url(../img/1.jpg) no-repeat center top; background-size: cover; padding-top: 140%;}
    .page-sale-fuchi .mob-content .img{ width: 100%; }
    .page-sale-fuchi .mob-content .mob-s1,
    .page-sale-fuchi .mob-content .mob-s2,
    .page-sale-fuchi .mob-content .mob-s3,
    .page-sale-fuchi .mob-content .a{ font-size: 0 }
}