/*
Powered by ueeshop.com		http://www.ueeshop.com
广州联雅网络科技有限公司		020-83226791
*/

/***************************Index(start)***************************/
.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; text-transform:uppercase;}
.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; text-transform:uppercase;}
.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; text-transform:uppercase; 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:28.5%;}
.ixPart1 .box2{width:39.2%;margin:0 1.9%;}
.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:339px; float:left; padding:0 30px 0 0;}
.ixPart2 .box .img{height:339px; 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;white-space:nowrap;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;}
.ixPart2 .box .text .t2 em{font-weight: bold;}
.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; text-transform:uppercase; 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; text-transform:uppercase;}
.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:block;}
.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{padding-bottom:70px;}
.topCon .box{width:20%;}
.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;}
/***************************Index(end)***************************/

/***************************媒体查询(start)***************************/
@media screen and (max-width:1680px) {
    .sellersSlide .box{width:300px;}
	.sellersSlide .box .img{height:300px;}
}

@media screen and (max-width:1600px) {
    .sellersSlide .box{width:286px;}
	.sellersSlide .box .img{height:286px;}
}

@media screen and (max-width:1550px) {
    .ixPart1 .box1{width:27.5%;}
    .ixPart1 .box2{width:37.5%;}
}

@media screen and (max-width:1440px) {
    .sellersSlide .box{width:250px;}
	.sellersSlide .box .img{height:250px;}
}

@media screen and (max-width:1400px) {
    .sellersSlide .box{width:242px;}
	.sellersSlide .box .img{height:242px;}
}

@media screen and (max-width:1379px) {
    .ixPart1 .box1{width:27%;}
    .ixPart1 .box2{width:37%;}
}

@media screen and (max-width:1366px) {
    .index_Slider .img{height:50vh;}
    .index_Slider .text{left:5%;}
    .ixPart1 .box1{width:27%;}
    .ixPart1 .box2{width:37.5%;}
}

@media screen and (max-width:1280px) {
    .index_Slider .img{height:62vh;}
    .index_Slider .text{top:18%;}
    .sellersSlide .box {width:220px;}
    .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) {
    .ixPart1 .box1{width:26.5%;}
    .sellersSlide .box {width:200px;}
}

@media screen and (max-width:1040px) {
    .ixPart1 .box1{width:26.93%;}
    .ixPart1 .box2{width:37%;}
    .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:176px;}
    .ixPart1 .box1{width:26%;}
    .ixPart1 .box2{width:36%;}
    .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){
    .mobPart1{padding:30px;}
    .mobPart1 img{width:100%;}
    .mobPart1 .img img{width:48%; margin-bottom:30px;}
    .ixPart2 {overflow-x:srcoll;}
    .ixPart2 .themes_title{}
    .ixPart2 .box{width:28vw; float:left; margin-right:calc((16vw - 60px) / 2); padding:0;}
    .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 .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){
    .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:10px;}
}

@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:30px 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;}
    .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{padding-bottom: 30px;}
    .topCon .box{width:42%; margin:0 0 4% 5%;}
    .topTit{padding:5px 0 15px;}
    .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;}
}
/***************************媒体查询(end)***************************/
@-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;}
}