@charset "utf-8";

#main{padding:0 50px 160px;}
#main .main-hgroup{text-align: center;}
#main .main-hgroup h2{font-size: 32px;font-weight: bold;color: #000;}
#main .main-hgroup h2 strong{font-weight:800;color: #008AD3;}
#main .main-hgroup p{margin-top:10px; font-size: 18px;font-weight: 600;color: #787878;}
#main .slide-wrap .main-slide{}
#main .main-slide .slick-arrow {font-size:0;width:60px;height:60px;position:absolute;top:50%;transform:translateY(-50%);z-index:10;opacity:0.5;}
#main .main-slide .slick-prev {left:10px;background:url(/_public/images/icon/ms_arrow01.svg) no-repeat;background-size:cover;}
#main .main-slide .slick-next {right:10px;background:url(/_public/images/icon/ms_arrow02.svg) no-repeat;background-size:cover;}
#main .slide-wrap .slick-track {}
#main .slide-wrap .slick-track .slick-slide {}
#main .slide-wrap .main-slide .slick-slide{overflow: hidden;}
#main .slide-wrap .main-slide .slick-slide img{display: block;width:100%;}
#main .section01{margin-top:80px;}
#main .section01 .tab-type3{margin-top:30px;}
#main .section01 .slide-box{margin-top:50px;}
#main .section01 .slide-box .multiple-slide{display: none;}
#main .section01 .slide-box .progress-wrap {margin-top:40px;width: 100%;background: #dbdbdb;height: 2px;}
#main .section01 .slide-box .progress-wrap .progress {position: relative;display: block;width: 100%;height: 2px;overflow: hidden;background-image: linear-gradient(to right, #008AD3, #008AD3);background-repeat: no-repeat;background-size: 0 100%;transition: background-size .3s ease-in-out;}
#main .section01 .slide-box .progress-wrap .progress .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}

#main .section01 .slide-box .multiple-slide .slick-arrow{position: absolute;top:33%;transform:translateY(-50%);width:50px;height:50px;font-size:0;z-index: 10;}
#main .section01 .slide-box .multiple-slide .slick-prev{background: url(/_public/images/icon/target_left01.svg) no-repeat;background-size:cover;left:-47px;}
#main .section01 .slide-box .multiple-slide .slick-prev:hover{background: url(/_public/images/icon/target_left02.svg) no-repeat;background-size:cover;}
#main .section01 .slide-box .multiple-slide .slick-next{background: url(/_public/images/icon/target_right01.svg) no-repeat;background-size:cover;right:-47px;}
#main .section01 .slide-box .multiple-slide .slick-next:hover{background: url(/_public/images/icon/target_right02.svg) no-repeat;background-size:cover;}
#main .section01 .slide-box .multiple-slide .slick-slide{position:relative;margin:0 20px;cursor: pointer;}
#main .section01 .slide-box .multiple-slide .slick-slide .new{/*position:absolute;top:15px;left:15px;*/width:35px;height:35px;background: #EC4315;border-radius: 100%;text-align: center;line-height: 35px;color:#fff;font-size: 12px;font-weight: 500;}
#main .section01 .slide-box .multiple-slide .slick-slide .img{position:relative;overflow:hidden;border-radius: 10px;border: solid 3px #f5f5f5;background-color: #fff;padding:30px;height:280px;display: flex;justify-content: center;align-items: center;}
#main .section01 .slide-box .multiple-slide .slick-slide .img .button-box{position: absolute;width:100%;display: flex;left:0;bottom:0;padding:20px 30px;justify-content: space-between;opacity: 0;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#main .section01 .slide-box .multiple-slide .slick-slide .img .button-box .btn{width:55px;height:55px;border-radius: 100%;background: rgba(0,0,0,0.6);position: relative;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#main .section01 .slide-box .multiple-slide .slick-slide .img .button-box .btn:hover{background: #f5f5f5;color:#2a3139;}
#main .section01 .slide-box .multiple-slide .slick-slide .img .button-box .btn:before{content: "";width:30px;height:30px;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#main .section01 .slide-box .multiple-slide .slick-slide .img .button-box .like-btn:before,
#main .section01 .slide-box .multiple-slide .slick-slide .img .button-box .like-btn.on:before {background: url(/_public/images/icon/myicon01.svg) no-repeat;background-size: cover;}
#main .section01 .slide-box .multiple-slide .slick-slide .img .button-box .like-btn:hover:before{background: url(/_public/images/icon/myicon01on.svg) no-repeat;background-size: cover;}
#main .section01 .slide-box .multiple-slide .slick-slide .img .button-box .cart-btn:before{background: url(/_public/images/icon/myicon02.svg) no-repeat;background-size: cover;}
#main .section01 .slide-box .multiple-slide .slick-slide .img .button-box .cart-btn:hover:before{background: url(/_public/images/icon/myicon02on.svg) no-repeat;background-size: cover;}
#main .section01 .slide-box .multiple-slide .slick-slide .img .button-box .pay-btn{width:90px;line-height: 55px;text-align: center;border-radius: 27px; font-size: 15px;font-weight: 500;color:#fff;}
#main .section01 .slide-box .multiple-slide .slick-slide .txt-box{padding:20px 13px;}
#main .section01 .slide-box .multiple-slide .slick-slide .txt-box h3{font-size: 20px;font-weight: 500;;line-height: 1.2;color: #444; display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height: 50px;}
#main .section01 .slide-box .multiple-slide .slick-slide .txt-box .txt{margin-top:5px;font-size: 15px;font-weight: 300;color: #787878;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#main .section01 .slide-box .multiple-slide .slick-slide .txt-box .price{margin-top:10px;display: flex;font-size: 20px;font-weight: bold;color: #444;align-items: flex-end}
#main .section01 .slide-box .multiple-slide .slick-slide .txt-box .price em{display: inline-block;margin-right: 10px;font-size: 16px;font-weight: bold;color: #f54646;position: relative;top:-1px;}
#main .section01 .slide-box .multiple-slide .slick-slide .txt-box .price s{display: inline-block;margin-left: 7px;font-size: 17px;font-weight: normal;color: #aaa;position: relative;top:-1px;}
#main .section01 .slide-box .multiple-slide .slick-slide .p-icon-box {position:absolute;top:15px;left:15px;z-index: 10;display:flex;gap:5px;}
#main .section01 .slide-box .multiple-slide .slick-slide .p-icon-box span {display:block;}
#main .section01 .slide-box .multiple-slide .slick-slide:hover .img .button-box{opacity: 1;}
#main .section02{margin-top:160px;}
#main .section02 .goods{margin-top:60px;}
#main .section02 .button-group{position: absolute;top:3px;right:0;}
#main .section02 .button-group a{display: block;width:184px;line-height: 43px;border-radius: 22px;border: solid 1px #ccc;background: #fff;text-align: center; font-size: 17px;font-weight: 600;letter-spacing: -0.34px;color: #2a3139;}
#main .section02 .button-group a:after{content: "";display: inline-block;width:18px;height:18px;background: url(/_public/images/icon/view_more.svg) no-repeat;background-size: cover;position: relative;top: -2px;margin-left: 10px;vertical-align: middle;}
#main .section03{margin-top:90px;}
#main .section03 .main-hgroup h2 strong{color:#2a3139;}
#main .section03 .tab-type3{margin-top:30px;}
#main .section03 .box{margin-top:50px;display: flex;}
#main .section03 .box .slide-box{width:630px;overflow: hidden;}
#main .section03 .box .slide-box .banner-slide{}
#main .section03 .box .slide-box .banner-slide .slick-slide{overflow: hidden;border-radius: 20px 20px 0 0;}
#main .section03 .box .slide-box .banner-slide .slick-slide img{display:block;width:100%;}
#main .section03 .box .slide-box .banner-slide .slick-dots{display: flex;justify-content: center;padding:20px 0;border:1px solid #ccc;border-radius: 0 0 20px 20px;}
#main .section03 .box .slide-box .banner-slide .slick-dots li{display: inline-block;width:10px;height:10px;}
#main .section03 .box .slide-box .banner-slide .slick-dots li + li{margin-left: 15px;}
#main .section03 .box .slide-box .banner-slide .slick-dots li button{border-radius: 100%;width:100%;height:100%;display: block;background: #ccc;font-size:0;}
#main .section03 .box .slide-box .banner-slide .slick-dots li.slick-active button{background: #008AD3;}
#main .section03 .box .list-box{width:610px;margin-left: 40px;}
#main .section03 .box .goods-list{height:100%;display: none;}
#main .section03 .box .goods-list li{display: flex;align-items:center;height:calc(100% /3);position: relative;cursor: pointer;}
#main .section03 .box .goods-list li + li{border-top:1px solid #e8e8e8;}
#main .section03 .box .goods-list li figure{max-width: 160px;}
#main .section03 .box .goods-list li figure img{display: block;width:100%;}
#main .section03 .box .goods-list li .txt-box{margin-left: 26px;}
#main .section03 .box .goods-list li .txt-box h3{font-size: 18px;font-weight: 600;line-height: 1.22;color: #444;}
#main .section03 .box .goods-list li .txt-box p{margin-top:10px;font-size: 20px;font-weight: bold;color: #444;}
#main .section03 .box .goods-list li .txt-box p em{display: block;font-size: 18px;font-weight: bold;color: #f54646;}
#main .section03 .box .goods-list li .txt-box p s{display: block; font-size: 16px;font-weight: normal;color: #aaa;}
#main .section03 .box .goods-list li .button-box{position: absolute;top:50%;transform:translateY(-50%);right:0;display: flex;width:195px;justify-content: space-between;}
#main .section03 .box .goods-list li .button-box .btn{width:45px;height:45px;border-radius: 100%;background: rgba(0,0,0,0.6);position: relative;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#main .section03 .box .goods-list li .button-box .btn:hover{background: #f5f5f5;color:#2a3139;}
#main .section03 .box .goods-list li .button-box .btn:before{content: "";width:30px;height:30px;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#main .section03 .box .goods-list li .button-box .like-btn:before,
#main .section03 .box .goods-list li .button-box .like-btn.on:before {background: url(/_public/images/icon/myicon01.svg) no-repeat;background-size: cover;}
#main .section03 .box .goods-list li .button-box .like-btn:hover:before{background: url(/_public/images/icon/myicon01on.svg) no-repeat;background-size: cover;}
#main .section03 .box .goods-list li .button-box .cart-btn:before{background: url(/_public/images/icon/myicon02.svg) no-repeat;background-size: cover;}
#main .section03 .box .goods-list li .button-box .cart-btn:hover:before{background: url(/_public/images/icon/myicon02on.svg) no-repeat;background-size: cover;}
#main .section03 .box .goods-list li .button-box .pay-btn{width:85px;line-height: 45px;text-align: center;border-radius: 27px; font-size: 15px;font-weight: 500;color:#fff;}
#main .section04{margin-top:90px;}
#main .section04 .main-hgroup h2 strong{color:#EC4315;text-decoration: underline;}
#main .section04 .goods{margin-top:60px;}
#main .section04 .button-group{position: absolute;top:3px;right:0;}
#main .section04 .button-group a{display: block;width:184px;line-height: 43px;border-radius: 22px;border: solid 1px #ccc;background: #fff;text-align: center; font-size: 17px;font-weight: 600;letter-spacing: -0.34px;color: #2a3139;}
#main .section04 .button-group a:after{content: "";display: inline-block;width:18px;height:18px;background: url(/_public/images/icon/view_more.svg) no-repeat;background-size: cover;position: relative;top: -2px;margin-left: 10px;vertical-align: middle;}
#main .section05{margin:100px -50px 0;}
#main .section05 .list{margin-top:85px;}
#main .section05 .list ul{}
#main .section05 .list ul li{width:290px !important;}
#main .section05 .list ul li .mask{position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.49);display:block;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;opacity: 0;}
#main .section05 .list ul li .mask a{display: block;width:100%;height:100%;}
#main .section05 .list ul li:hover .mask{opacity: 1;}
#main .section05 .list ul li .mask span{position: absolute;top:50%;left:0;transform:translateY(-50%);width:100%;text-align: center; font-size: 15px;font-weight: bold;color: #fff;}

#main .main-banner a{display: block;}
#main .main-banner.banner01{margin-top:60px;}
#main .main-banner.banner02{margin-top:60px;}
#main .main-banner.banner03{margin-top:90px;}
#main .main-banner a img{display: block;width:100%;}

#main a.no-cursor {cursor:default;}


@media all and (max-width:1650px) {
    #main{padding:20px 20px 100px;}

    #main .section01 .slide-box{padding:0 50px;}
    #main .section01 .slide-box .multiple-slide .slick-slide .img{padding:20px;}


    #main .section05{margin:100px -20px 0;}
}

@media all and (max-width:1280px) {
    #main .section01 .slide-box{padding:0 50px;}
    #main .section03 .box{display: block;}
    #main .section03 .box .slide-box{width:100%;}
    #main .section03 .box .list-box{margin:40px 0 0;width:100%;}
}

@media all and (max-width:1024px) {
    #main .main-hgroup h2{ font-size: 26px;}
    #main .main-hgroup p{font-size:15px;margin-top:0;}

    #main .section01{margin-top:40px;}
    #main .section01 .tab-type3{margin-top:20px;}
    #main .section01 .slide-box{margin-top:20px;padding:0;}
    #main .section01 .slide-box .multiple-slide .slick-slide{margin:0 5px;}
    #main .section01 .slide-box .multiple-slide .slick-slide .txt-box{padding:10px 5px;}
    #main .section01 .slide-box .multiple-slide .slick-slide .txt-box h3{ font-size: 16px;line-height: 1.25;}
    #main .section01 .slide-box .multiple-slide .slick-slide .txt-box .txt{margin-top:0;font-size:13px;}
    #main .section01 .slide-box .multiple-slide .slick-slide .txt-box .price{padding-top:17px;position: relative;font-size:16px;}
    #main .section01 .slide-box .multiple-slide .slick-slide .txt-box .price em{font-size:16px;top:0;margin-right:5px;}
    #main .section01 .slide-box .multiple-slide .slick-slide .txt-box .price s{margin:0;position: absolute;top:0;left:0;font-size:14px;}
    #main .section01 .slide-box .multiple-slide .slick-slide .img .button-box{justify-content: center;}
    #main .section01 .slide-box .multiple-slide .slick-slide .img .button-box .pay-btn{display: none;}
    #main .section01 .slide-box .multiple-slide .slick-slide .img .button-box .btn{width:35px;height:35px;margin:0 5px;}
    #main .section01 .slide-box .multiple-slide .slick-slide .img .button-box .btn:before{width:20px;height:20px;}
    #main .section01 .slide-box .multiple-slide .slick-slide .p-icon-box {top:10px;left: 10px;gap:2px;}
    #main .main-banner.banner01{margin-top:40px;}
    #main .section02{margin-top:100px;}
    #main .section02 .goods{margin-top:20px;}
    #main .section02 .goods .list ul li:first-child{width:100%;margin:0 0 30px;background: #f6f6f6;border-radius: 10px;padding:20px 20px 5px;}
    #main .section02 .goods .list ul li:first-child .new{top:35px;left:35px;}
    #main .section02 .goods .list ul li:first-child .best-badge{top:20px;right:20px;}

    #main .section02 .button-group{position: relative;text-align: center;}
    #main .section02 .button-group a{width:100%;font-size:16px;}
    #main .section03 .box .slide-box .banner-slide .slick-dots{padding:10px 0;}
    #main .section03 .box .list-box{margin-top:10px;}
    #main .main-banner.banner03{margin-top:60px;}
    #main .section04{margin-top:60px;}
    #main .section04 .button-group{position: relative;text-align: center;}
    #main .section04 .button-group a{width:100%;font-size:16px;}
    #main .section05 .list{margin-top:60px;}
    #main .section05 .list ul li{width:240px !important;}
}

@media all and (max-width:768px) {
    #main .main-slide .slick-arrow {width:30px;height:30px;opacity:1;}
    #main .main-slide .slick-prev {left:5px;}
    #main .main-slide .slick-next {right:5px;}

    #main .slide-wrap .main-slide .slick-slide{border-radius: 0;}
    #main .slide-wrap .main-slide .slick-slide .inner .img{width:80%;}
    #main .section01 .slide-box .multiple-slide .slick-slide .img{height:auto;border-width:2px;padding-top:100%;}
    #main .section01 .slide-box .multiple-slide .slick-slide .img img{max-width:85%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    #main .section01 .slide-box .multiple-slide .slick-slide .p-icon-box span {width:30px;height:30px;}

    #main .section03 .box .goods-list li{height:auto;padding:20px 0;}
    #main .section03 .box .goods-list li figure{max-width:150px;}
    #main .section03 .box .goods-list li .txt-box{width:calc(100% - 170px);margin-left:20px;padding-bottom: 40px;}
    #main .section03 .box .goods-list li .txt-box h3{font-size:16px;}
    #main .section03 .box .goods-list li .txt-box p{font-size:16px;}
    #main .section03 .box .goods-list li .txt-box p em{font-size:16px;}
    #main .section03 .box .goods-list li .button-box{top:initial;left:170px;right:initial;bottom:20px;width:auto;transform: none;}
    #main .section03 .box .goods-list li .button-box .btn{width:35px;height:35px;line-height:35px;margin:0 2px;}
    #main .section03 .box .goods-list li .button-box .btn:before{width:20px;height:20px;}
    #main .section03 .box .goods-list li .button-box .pay-btn{width:70px;font-size:14px;}
    #main .section03 .box .goods-list li .button-box .pay-btn:before{display: none;}
    #main .section05 .list ul li{width:200px !important;}

    #main .main-hgroup h2{font-size:24px;}
}