

.index_Slider{position:relative;}
.index_Slider .img{height:73.8vh;}
.index_Slider .text{width:600px; position:absolute; left:20%;top:25%;z-index:2;}
.index_Slider .text1{font-size:58px;;}
.index_Slider .text2{font-size:20px; line-height:30px; margin:30px 0 40px 0;}
.index_Slider .text3 a{display:inline-block; line-height:50px; padding:0 25px; }
.index_Slider .dot{width:100%; position:absolute; bottom:20px; z-index:1;}
.index_Slider .dot span{display:inline-block; width:17px; height:17px; margin:0 5px;}

.mobSlider{position:relative;}
.mobSlider .img{height:84.5vh;}
.mobSlider .img .text{width:100%; padding:0 80px; position:absolute; top:60px; left:0; z-index:1;}
.mobSlider .img .text .t1{font-size:60px;}
.mobSlider .img .text .t2{font-size:22px; padding:30px 0;}
.mobSlider .img .text .t3 a{display:inline-block; width:200px; height:60px; font-size:20px; line-height:60px; }
.mobSlider .img img{width:100%;}
.mobSlider .dot{width:100%; position:absolute; bottom:20px; z-index:1;}
.mobSlider .dot span{display:inline-block; width:17px; height:17px; margin:0 5px;}

.ixTit span{display:block; font-size:30px; margin-bottom:16px;}
.ixTit i{display:inline-block; width:108px; height:5px;}

.ixPart1{padding:40px 0 50px;}
.ixPart1 .box{margin:0; float:left; position:relative;}
.ixPart1 .box1{width:32%;}
.ixPart1 .box2{width:32%;margin:0 2%;}
.ixPart1 .box img{width:100%;}
.ixPart1 .box .bg{-webkit-box-sizing:border-box; box-sizing:border-box; width:100%; height:100%;display: flex;  align-items:center; flex-wrap:wrap; padding:25px; position:absolute; top:0; left:0;opacity: 0;z-index: -1;}
.ixPart1 .box .bg .line{width:100%; height:100%; display:flex; align-items:center; flex-wrap:wrap; padding:0 100px;opacity: 0}
.ixPart1 .box .bg .line p{font-size: 14px;line-height: 20px;}
.ixPart1 .box .bg span{display:block; font-size:24px; margin-bottom:8px;}
.ixPart1 .box .bg a,.ixPart3 .box .text a{display:inline-block; line-height:39px; padding: 0 25px; text-transform:uppercase; margin-top:15px;font-size: 14px;opacity: 1}
.ixPart1 .box1 .bg .line{padding: 0 50px;}
.ixPart1 .box:hover .bg{z-index: 1;opacity: 1;display: flex;}
.ixPart1 .box:hover .bg .line{animation:iconMove .3s 1 0s linear forwards; -webkit-animation:iconMove .3s 1 0s linear forwards;}
.ixPart2{-webkit-box-sizing:border-box; box-sizing:border-box;padding: 25px 0;}
.ixPart2 .box{width:423.75px; float:left; padding:0 30px 0 0;}
.ixPart2 .box .img{height:423.75px; position:relative; text-align:center;overflow:hidden; }
.ixPart2 .box .img a{display: block;position: relative;height: 100%;}
.ixPart2 .box .img img{position: absolute;top:50%;transform: translateY(-50%); max-height:100%;}
.ixPart2 .box .img img:first-child{left:0;}
.ixPart2 .box .img img:nth-child(2){left:-100%;}
.ixPart2 .box .img:hover img:nth-child(2){left:0;z-index: 1;}
.ixPart2 .box .star{width:100%; background:none; position:absolute; bottom:25px; left:0;z-index: 1;}
.ixPart2 .box .star img{display:inline-block; margin:0 1px;}
.ixPart2 .box .icon_seckill{display:none; padding:3px 10px; position:absolute; top:10px; left:0; font-size:14px; z-index: 1;}
.ixPart2 .box .text{font-size:16px; padding:10px 0 0;}
.ixPart2 .box .text .t1 a{text-decoration:none;}
.ixPart2 .box .text .t1 span{width:76%;overflow:hidden;text-overflow:ellipsis;}
.ixPart2 .box .text .t1 em{width:24%;text-align:right;}
.ixPart2 .box .text .t2{font-size:18px; padding-top:10px;}
.ixPart2 .box .text .t2 .themes_price{margin-right:15px;}
.ixPart2 .box .text .t2 .price_data{font-style:normal;font-weight: 900;}
.ixPart2 .box .text .t2 em{font-weight: bold;font-weight: 900;}
.ixPart2 .srcoll_btn_prev,.ixPart2 .srcoll_btn_next{width:30px; height:56px; position:absolute; top:30%; cursor:pointer;}
.ixPart2 .srcoll_btn_prev{left:3.5%;}
.ixPart2 .srcoll_btn_next{right:3.5%;}
.sellersSlide{-webkit-box-sizing:border-box; box-sizing:border-box; margin:40px auto 40px; padding:0 6.3%; position:relative;overflow-x:auto;width:100%;}
.sellersSlide .box{-webkit-box-sizing:border-box; box-sizing:border-box;}

.ixPart3{padding:0 0 50px;margin-top: 15px;}
.ixPart3 .box{-webkit-box-sizing:border-box; box-sizing:border-box; position:relative;overflow: hidden;}
.ixPart3 .box img{width:100%;}
.ixPart3 .box .text{width:46%; position:absolute; top:22%;z-index: 100;}
.ixPart3 .box .text span{display:block; font-size:36px; margin-bottom:20px;}
.ixPart3 .box .text a{margin-top:30px; padding:0 30px;}
.ixPart3 .box.boxL{width:63.5%;}
.ixPart3 .box.boxR{width:34.7%;}
.ixPart3 .box.boxL .text{right:0; padding-right:50px;}
.ixPart3 .box.boxL .text p{font-size: 18px;}
.ixPart3 .box.boxR .text{padding-left:20px;}
.ixPart3 .box.boxR .text span{margin-bottom:0;}
.ixPart3 .box.boxR .text p{font-size:30px; }
.ixPart3 .box.boxR .text a{margin-top:10px;}

.ixPart3 .box_a{width: 100%;height: 100%;}
.ixPart3 .box_a:hover img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.ixPart3 .box_a:before, .ixPart3 .box_a:after{content:""; width:100%; height:100%; opacity:0; position:absolute; top:0; left:-100%; z-index:1; transition:all 0.6s ease 0s;}
.ixPart3 .box_a:after{left:auto; right:-100%;}
.ixPart3 .box_a:hover:before{left:50%; opacity:1;}
.ixPart3 .box_a:hover:after{right:50%; opacity:1;}
.ixPart3 .boxL:hover .text{right:20px;}
.ixPart3 .boxR:hover .text{padding-left: 10px;}

.ixPart4{padding: 25px 0;}
.ixPart4 .items_box{display:none;}
.ixPart4 .items_box.cur{display:flex;flex-wrap: wrap;
    width: 100%;  }
.ixPart4 .items_box .box .img > img {width:100%;}

.topTit{padding:35px 0;}
.topTit span{display:inline-block; font-size:18px; margin:0 24px; cursor:pointer;}

.topCon .box{width:25%;}
.topCon .box{-webkit-box-sizing:border-box; box-sizing:border-box; margin:0 0 40px 0;}
.topCon .more a{display:inline-block; font-size:14px; text-transform:uppercase; line-height:48px; padding:0 30px;}



@media screen and (max-width:1680px) {
    .sellersSlide .box{width:370px;}
	.sellersSlide .box .img{height:370px;}
}

@media screen and (max-width:1600px) {
    .sellersSlide .box{width:337px;}
	.sellersSlide .box .img{height:337px;}
}

@media screen and (max-width:1550px) {

}

@media screen and (max-width:1440px) {
    .sellersSlide .box{width:312.5px;}
	.sellersSlide .box .img{height:312.5px;}
}

@media screen and (max-width:1400px) {
    .sellersSlide .box{width:302.5px;}
	.sellersSlide .box .img{height:302.5px;}
}

@media screen and (max-width:1379px) {

}

@media screen and (max-width:1366px) {
    .index_Slider .img{height:50vh;}
    .index_Slider .text{left:5%;}

}

@media screen and (max-width:1280px) {
    .index_Slider .img{height:62vh;}
    .index_Slider .text{top:18%;}
    .sellersSlide .box {width:275px;}
    .ixPart3 .box .text{top:12%;}
}

@media screen and (max-width:1200px) {
    .ixPart3 .box .text span{font-size:26px;}
    .ixPart3 .box.boxR .text p{font-size:24px;}
}

@media screen and (max-width:1152px) {

    .sellersSlide .box {width:250px;}
}

@media screen and (max-width:1040px) {

    .ixPart1 .box1 .bg .line,.ixPart1 .box .bg .line{padding:0 ;}
}

@media screen and (max-width:1024px) {
    .index_Slider .img{height:28vh;}
    .index_Slider .text{width:450px; left:4%;}
    .index_Slider .text2{margin:15px 0 20px 0;}
    .sellersSlide .box {width:220px;}

    .ixPart3 .box .text span{font-size:20px; margin-bottom:10px;}
    .ixPart3 .box .text a{padding:0 20px; margin-top:10px;}
    .ixPart3 .box.boxL .text{padding-right:20px;}
    .ixPart3 .box.boxR .text p{font-size:18px;}
}

@media screen and (max-width:1000px){
    .ixPart2 .box .img:hover img:nth-child(2){
        z-index: -1;
    }
    .ixPart3 .box_a:hover:after{right: 100%;opacity: 0;}
    .ixPart3 .box_a:hover:before{left: 100%;opacity: 0;}
    .ixPart3 .box_a:hover img{transform: scale(1);}
    .ixPart3 .boxL:hover .text{right: 0;}
    .mobPart1{padding:30px;}
    .mobPart1 img{width:100%;}
    .mobPart1 .img img{width:48%; margin-bottom:30px;}
    .ixPart2 {overflow-x:srcoll;padding: 10px 0 0 0;}
    .ixPart2 .box{width:28vw; float:left; margin-right:calc((16vw - 60px) / 2); padding:0;position: relative;}
    .ixPart2 .box .t1{font-size:20px; line-height:30px; height:60px; overflow:hidden;}
    .ixPart2 .box .text .t2{font-size:24px;}
    .ixPart2 .box .t3{font-size:26px; margin-top:10px;}
    .ixPart2 .ixTit span{margin-bottom: 10px;}
    .ixPart2 .sellersSlide {margin:18px auto 0; padding:0 30px;}
    .ixPart2 .srcoll_btn_prev,.ixPart2 .srcoll_btn_next{display:none;}
    .ixPart3 {margin-top: 0;}
    .ixPart3 .box.boxL,.ixPart3 .box.boxR{width:100%; margin:15px 0;}
    .ixPart3 .box img,.topCon .box .bigImg{width:100%;}
    .ixPart3 .box.boxL p{line-height:24px; height:70px; overflow:hidden;}
    .ixPart3 .box .text span{font-size:32px;}
    .ixPart3 .box .text a{line-height:50px;}
    .ixPart3 .box.boxR .text{top:30%; padding-left:40px;}
    .ixPart3 .box.boxR .text p{font-size:30px;}
    .ixPart3 .box.boxR .text a{margin-top:40px;}
    .topTit span{margin:0; width:25%;}
    .topCon .box{width:46%; margin:2%; padding:0;}
    .topCon .more a{font-size:30px; line-height:68px; padding:0 60px;}
}

@media screen and (max-width:750px){
    .review_star>span{width: 13px;}
    .sellersSlide .box{width:40vw; margin-right:calc(20vw - 60px);}
    .sellersSlide .box .img{height:40vw; text-align:center;}
    .ixPart2 .box .t1{font-size:16px;}
    .ixPart2 .box .text .t2{font-size:18px;}
    .ixPart2 .box .star{bottom:5px;}
}

@media screen and (max-width:414px){
	.sellersSlide .box .img{height:45vw;}
    .mobSlider .img{height:64vh;}
    .mobSlider .img .text{top:20px; padding: 0 40px;}
    .mobSlider .img .text .t1{font-size:40px;}
    .mobSlider .img .text .t2{font-size:18px; padding:15px 0;}
    .mobSlider .img .text .t3 a{font-size:14px; width:160px; height:40px; line-height:40px;}
    .mobPart1{padding:15px 15px 15px 15px;}
    .mobPart1 .img img{margin-bottom:15px;}
    .ixTit span{font-size:24px;}
    .ixTit i{width:60px;}
    .ixPart2 .sellersSlide {padding:0 15px;}
    .ixPart2 .box{width:45vw; margin-right:calc(10vw - 30px);}
	.ixPart2 .box 
    .ixPart2 .box .text{padding:5px 0;}
	.ixPart2 .box .text .t2{font-size:14px;}
	.ixPart2 .box .text .t2 .themes_price{margin-right:5px;}
    .ixPart2 .box .t1{height:40px; line-height:20px; font-size:14px;}
	.ixPart2 .box .text .t1 span{width:auto; text-overflow:inherit; white-space:inherit;}
	.ixPart2 .box .text .t1 em{width:auto; line-height:1; border:2px #52b8e0 solid; padding:3px 5px; position:absolute; top:10px; left:0;}
    .ixPart2 .box .t3{font-size:18px;}
    .ixPart3{padding:25px 0 12px 0;}
    .ixPart3 .box.boxL, .ixPart3 .box.boxR{margin:5px 0; padding:0 15px;}
    .ixPart3 .box .text span{font-size:16px; margin-bottom:0;}
    .ixPart3 .box.boxL p{height:40px; line-height:20px;}
    .ixPart3 .box .text a{font-size:12px; line-height:24px; margin-top:5px;}
    .ixPart3 .box.boxR .text{padding-left:20px;}
    .ixPart3 .box.boxR .text p{font-size:18px;}
    .ixPart3 .box.boxR .text a{margin-top:10px;}

    .topCon .box{width:42%; margin:0 0 4% 5%;}
    .topTit{padding:5px 0 10px;}
    .topTit span{width:50%; line-height:40px;}
    .topCon .more a{ font-size:16px; line-height:40px; padding:0 30px;margin-top: 10px;}
}

@media screen and (max-width:360px){
    .mobSlider .img .text .t1{font-size:30px;}
    .mobSlider .img .text .t2{font-size:14px;}
    .topTit span{font-size:14px;}
}

@-webkit-keyframes iconMove{
    0%{transform:translateY(0); opacity:0;}
    50%{transform:translateY(10px); opacity:.5;}
    100%{transform:translateY(20px); opacity:1;}
}
@keyframes iconMove{
    0%{transform:translateY(0); opacity:0;}
    50%{transform:translateY(10px); opacity:.5;}
    100%{transform:translateY(20px); opacity:1;}
}

.now_list{
    padding-top: 40px;
  /*  display: flex;
    flex-wrap: wrap;
    justify-content: space-between;*/
}

.now_list .items_box{
    justify-content: space-between;
}

.now_list .box{
    width: 48%;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
}
.now_list .box:nth-child(odd){
    margin-right: 1%;}
.now_list .box:hover{
    box-shadow: 0px 0px 7px #ccc;
}
.now_list .box .img{
    width: 40%;
    float: left;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.now_list .box .img .icon_seckill{
    position: absolute;
    display: block;
    position: absolute;
    left: 10px;
    top: 15px;
    width: 57px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    transform-origin: left top;
    background: #60d5de;
    color: #fff;
}
.now_list .box .text{
    width: 60%;
    float: left;
    padding-top: 30px;
}
.now_list .box .t1{
    padding-left: 10px;
    padding-right: 10px;
}
.now_list .box .t2{
    padding: 10px;
    font-size: 16px;

}
.now_list .box  .themes_products_title{
    font-size: 16px;
    color: #555555;
}


.se-kl{
    display: flex;
    font-size: 16px;
}
.se-count{
    display: flex;
    background: #333;
    color: #ffffff;
    height: 60px;
    align-items: center;
    padding-left: 20px;
    position: relative;
    justify-content: center;
    margin-top: 60px;
}
.se-count div{
    display: flex;
    align-items: center;
    margin-right: 5px;
}
.se-count div span{

    background: #666;
    margin-right: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}
.se-count .title{
    text-align: center;

    top: 60px;
    right: 0;
    padding-left: 20px;

    line-height: 60px;
    font-size: 30px;
}
.ixTit .se-count span,.se-count .se-txt{
    margin-bottom: 0 !important;
}

.action_box{
    position: absolute;
    bottom:-48px;
    right: 0;
    width: 100%;
    transition:all .3s;
    padding-left: 40%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.items_box  .box:hover .action_box{
    bottom:30px;
}
.action_icon{
    background: #8482cb;
}

.action_icon:hover{
    background: #e6e6e6;
}

.action_icon{
    display: inline-block;
    height: 44px;
    line-height: 44px;
    width: 44px;
    border-radius: 50%;
    position: relative;
    margin: 0 7px;
    cursor: pointer;
    transition:all .3s;
}
.action_icon .to_detail, .action_icon .to_cart, .action_icon .favorite_btn{
    display: inline-block; width:44px; height: 44px;
}

.action_box .action_icon:first-of-type{
    margin-left: 0;
}
.action_box .action_icon:last-of-type{
    margin-right: 0;
}
.action_icon .to_detail{background: url(../images/icon_eyes.png) no-repeat center center;}
.action_icon .to_cart{background: url(../images/icon_shop.png) no-repeat center center;}
.action_icon .favorite_btn{background: url(../images/icon_heart.png) no-repeat center center;}

@media screen and (max-width:768px){
    .now_list .box{
        width: 100%;
        margin-right: 0 !important;}
    .now_list .box .img{
        min-width: 150px;
    }
    .se-count{
        margin-top: 0;
        flex-wrap: wrap;
        height: auto;
        padding-top: 15px;
        padding-left: 0;

    }
    .se-count .title{
    text-align: center;
        display: flex;
        justify-content: center;
        padding-left: 0;
        width: 100%;}
    .now_list .box .text{
        padding-top: 0;
    }
    #ixPartvisualTab175{
        padding-bottom: 0;
    }
    #ixPart3{
        padding-top: 20px;}
    .index_tab{
        overflow: hidden;
    }
}