@charset "UTF-8";
/* 字体 */

.new_arrival .row_17{display:none;}
.new_arrival .row_17.current{animation:tabShow .2s 1 0s linear forwards; -webkit-animation:tabShow .2s 1 0s linear forwards;}

.banner_next,
.banner_prev{display:block!important; width:90px; height:90px; position:absolute; bottom:0; right:0; cursor pointer;}
.banner_prev{right:91px;}
.banner_next:hover,
.banner_prev:hover{box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);}

.banner{position: relative;}
.banner img{width: 100%;}

#banner_edit .banner_tab{display:none;}

.title0{font-size: 30px;line-height: 1em;padding: 23px 0;}
.title0 span{display: inline-block;position: relative; letter-spacing:2px;}
.title0 span::after{content: "";width:148px;height: 14px;position: absolute;left: 50%;bottom: -8px;transform: translateX(-50%);z-index: -1;}
.title0_p{text-align: center;font-size: 18px;}

.view_name {position: absolute;left: 25px;top: 20px}
.view_li img{width:100%; transition:all .15s cubic-bezier(.01,0,.985,.005)!important; -o-transition:all .15s cubic-bezier(.01,0,.985,1.005)!important; -webkit-transition:all .15s cubic-bezier(.01,0,.985,1.005)!important;}
.view_li img:hover{transition:all .1s cubic-bezier(.01,0,.985,1.005); -o-transition:all .1s cubic-bezier(.01,0,.985,1.005); -webkit-transition:all .1s cubic-bezier(.01,0,.985,1.005); transform:translate(-10px,-.2em) scale(1.01,1.01); -ms-transform:translate(-10px,-.2em) scale(1.01,1.01); -webkit-transform:translate(-10px,-.2em) scale(1.01,1.01);}
.col_md_6:first-of-type .view_li .view_name{top: auto;bottom: 20px;}

/* new arrival */
/*.new_arrival .row_17 .img img {width: 100%;}*/
.nav_box{padding-top: 15px;}
.nav_a{display: inline-block;margin: 0 40px;line-height: 1.1em;}

.arrival_a{display:block; box-shadow: 0 0 14px rgba(0, 0, 0, .06); transition:all .1s; -o-transition:all .1s; -webkit-transition:all .1s; transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0);}
.arrival_a a{text-decoration:none; transition:all .2s; -o-transition:all .2s; -webkit-transition:all .2s;}
.arrival_a .img{padding-bottom:13px;}
.arrival_info{padding-bottom: 10px;}
.arrival_info h3{height:40px; line-height:20px; margin:9px 0; overflow:hidden;}
.price_box .price_item{display: inline;vertical-align: middle;}
.price_before{text-decoration: line-through; font-size:14px;}
.start_box{height:15px; padding:5px 0;}
.arrival_num{display: inline-block;position: absolute;right: 20px;top: 15px;width: 55px;height: 55px;line-height: 45px;border-radius: 50%;font-size: 12px;text-align: center;box-sizing: border-box;}
.arrival_num::after{content: "";position: absolute;left: -5px;top: -5px;width: 55px;height: 55px;border-radius: 50%;box-sizing: border-box;}
.icon_seckill{display:none;}

.pro_pre_order{display: flex; justify-content: center; margin-top: 5px;}
.pro_pre_order span{display: block; font-size: 14px; line-height: 26px; border-bottom: 2px solid #000; padding: 0 5px;}
.pro_pre_order.stock span{border-bottom-color: #f60;}

.arrival_a:hover .pa_right{display: block;}
.pa_right{position: absolute;right: 20px;top:51%;width: 36px;transform: translateY(-50%);display: none;}
.action_icon{width:40px; height:40px; position:relative; margin-bottom:10px; transition:all .2s; cursor:pointer; box-sizing:border-box; border-radius:50%;}

.action_icon img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;transition: all .2s;}
.action_icon.is_in a:nth-child(1), .action_icon.is_in img:nth-child(1){opacity:0;}
.action_icon.is_in a:nth-child(2), .action_icon.is_in img:nth-child(2){opacity:1;}
.action_icon:nth-of-type(1) a:nth-of-type(2), .action_icon:nth-of-type(3) img:nth-of-type(2){opacity:0;}
.action_icon:nth-of-type(2) a:nth-of-type(1){opacity:0;}
.action_icon:nth-of-type(2) a:nth-of-type(2){opacity:1;}
.action_icon:nth-of-type(1):hover a:nth-of-type(1), .action_icon:nth-of-type(3):hover img:nth-of-type(1){opacity:0;}
.action_icon:nth-of-type(1):hover a:nth-of-type(2), .action_icon:nth-of-type(3):hover img:nth-of-type(2){opacity:1;}
.action_icon:nth-of-type(2):hover a:nth-of-type(1){opacity:1;}
.action_icon:nth-of-type(2):hover a:nth-of-type(2){opacity:0;}

@media (min-width:1000px){
	.arrival_a:hover{transform:translateY(-10px); -o-transform:translateY(-10px); -webkit-transform:translateY(-10px);}
	.arrival_a:hover .action_icon:nth-child(1){animation:iconMove .3s 1 0s linear forwards; -webkit-animation:iconMove .3s 1 0s linear forwards;}
	.arrival_a:hover .action_icon:nth-child(2){animation:iconMove .2s 1 0s linear forwards; -webkit-animation:iconMove .2s 1 0s linear forwards;}
	.arrival_a:hover .action_icon:nth-child(3){animation:iconMove .3s 1 0s linear forwards; -webkit-animation:iconMove .3s 1 0s linear forwards;}
}
/* new arrival */

/* hot sales */
.hot_info{padding-top: 5%;}
.hot_info .themes_title{width:90%; margin:0 auto; line-height:46px;}
.hot_info .price_box .bx_fs28{display:inline-block;}

.hot .hot_pro{overflow:hidden;}
.hot .title0{padding-top:59px; padding-bottom:37px;}
.hot .col_md_6{transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}
.hot .col_md_6:nth-child(1){transform:translateX(-120px); opacity:0;}
.hot .col_md_6:nth-child(2){transform:translateX(120px); opacity:0;}
.hot .col_md_6.show:nth-child(1){transform:translateX(0); opacity:1;}
.hot .col_md_6.show:nth-child(2){transform:translateX(0); opacity:1;}
/* hot sales */

/* our blog */
.blog_li{position: relative;}
.blog_li::after{content: "";display: block;position: absolute;right: 0;top: 20px;width: 1px;height: 160px;}
.col_md_4:last-of-type .blog_li::after{display: none;}
.blog_li h3{max-width: 340px;margin: 5px auto 0; line-height:24px; transition:all .2s; -o-transition:all .2s; -webkit-transition:all .2s;}
.blog_li p{max-width: 400px;margin: 0 auto; line-height:20px;}
.blog_li a{text-decoration:none;}

.hover_btn{position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;cursor: pointer;transition: all .3s;}
.hover_btn:hover{opacity: 1;}
.hover_btn .btn_shop{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 37.5%;}

.fllow_me{line-height: 16px;}
.fllow_me a{text-decoration:none; transition:all .2s; -o-transition:all .2s; -webkit-transition:all .2s;}
.fllow_me img{
  vertical-align: middle;
}
/* our blog */

.default_gallery .img{display:block; width:100%; padding-top:100%; position:relative;}
.default_gallery .img img{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}

.btn0{
    display: inline-block;
    width: 154px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
.btn0:hover{
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
.btn59{
    display: inline-block;
    width: 209px;
    height: 59px;
    line-height: 59px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
	letter-spacing:2px;
}


.col_2{
    width: 16.666666666666664%;
    float: left;
}
.col_3{
  width: 25%;
  float: left;
}

.bx_overflow{
  overflow: hidden;
}
.bx_img_hover img{
  transition: all .5s;
}
.bx_img_hover:hover img{
    transform: scale(1.2);
}

.default_newsletter_form:hover input:nth-of-type(1){
	border-color:#282d35;
	color:#282d35;
	cursor:pointer;
}
.default_newsletter_form:hover input:nth-of-type(2){
	border-color:#282d35;
	background:#fff;
	color:#282d35;
	cursor:pointer;
}

@media (max-width: 1200px){
    .bx_nav ul li{
        font-size: 14px;
    }
    body a.btn_cirlce2, .btn_cirlce2{
      width: auto;
      padding: 0 15px;
    }
    .action .btn_cirlce2{
      margin: 0 5px;
    }
    .title_60{
      font-size: 30px;
    }
    .btn0{
      width: 150px;
      height: 38px;
      line-height: 38px;
      font-size: 16px;
    }
}


@media (max-width: 1000px ){
	.banner_next, .banner_prev{width:60px; height:60px;}
	.banner_prev{right:61px;}
  .container{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .title0{
      font-size: 24px;
      padding: 10px 0;
  }
  .title0 span::after{
    width: 87px;
  }
  .title0_p{
      font-size: 12px;
  }

  .view_li .img{
    text-align: right;
  }

  .nav_box{
    padding-top: 10px;
  }
  .nav_a{
    margin: 0 22.5px;
    font-size: 12px;
    line-height: 1.3em;
  }
  .arrival_a{
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  }
  
  .arrival_num{
    right: 8px;
    top: 8px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    transform-origin: right top;
  }
  .arrival_num::after{
    left: -4px;
    top: -4px;
    width: 40px;
    height: 40px;
  }
  .arrival_a .img{
    padding-bottom: 7px;
  }
  
  .price_box{
    font-size: 14px;
  }
  .hot_pro .hot_info .price_box .bx_fs28 { font-size: 18px; }
  .price_before{
	 font-size:12px; 
  }
  .hot_pro .hot_info .price_box .price_before { font-size: 14px; }
  .hot_info .price_box .price_before{
  	margin-left: 10px;
  }
  .arrival_info h3{
	  height:36px;
	  line-height:18px;
    font-size: 12px;
  }

  .pro_pre_order span{font-size: 12px; line-height: 24px;}
  
  .start_box{
    line-height: 0;
  }
  .new_arrival .container .row_17 .bx_p17 .arrival_a .arrival_info .start_box { height: 10px; padding-bottom: 0px; }
  .hot_pro .hot_info .start_box { padding-bottom: 0;} 
  .pa_right{
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    transform: none;
  }

  

  .hot_info{
    padding: 15px 0 0;
  }

  .blog_li{
    padding: 20px !important;
  }
  .blog_li::after{
    width: 100%;
    height: 1px;
    bottom: 0;
    top: auto;
  }
  .blog_li h3{
    font-size: 13px;
    max-width: 200px;
    padding: 5px 0;
    margin: 0 auto;
  }
  .blog_li p{line-height:18px;}

  
  .input_box{
    height: 37px;
    line-height: 37px;
    padding: 0;
  }
  .input_box input{
    padding: 0 10px;
    height: 37px;
    width: 69%;
    float: left;
  }
  .input_btn{
    width: 31%;
    float: right;
    font-size: 12px;
    box-sizing: border-box;
    text-align: center;
    line-height: 37px;
    height: 37px;
  }

  .footer .inline{
    width: 100%;
  }
  .bx_ptb15{padding-top: 15px;padding-bottom: 15px;}

  .btn59{
    width: 104px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
    .col_xs_6{
      width: 50%;
    }
    .col_xs_12{
      width: 100%;
    }

    .row_17{margin-left: -5px;margin-right: -5px;}

    
    .image_box{
        margin-bottom: 60px;
        max-width: 82.6%;
    }
    .image_box::after{
        width: 100%;
        height: 100%;
        left: -60px;        
        bottom: -60px;
    }

    .start_box img{
        width: 10px;
        vertical-align: top;
    }
    .new_arrival .container .row_17 .bx_p17 .arrival_a .arrival_info .start_box .review_star>span { width: 0.6rem; height: 0.8rem; }
    .btn0{
        width: 81px;
        height: 21px;
        line-height: 21px;
        font-size: 12px;
    }
    .col_2{
        width: 33.33333333333333%;
    }

    .col_3{
        width: 100%;
    }
    
	.hot .title0{padding-top:15px; padding-bottom:20px;}
	.hot_info .themes_title { line-height: 25px; }
  .add_favorite{display:none;}
  .bg_fa{padding-top: 14px; }
  .view_li img:hover {  transform: none; -ms-transform: none; -webkit-transform: none; }
  .default_newsletter_form:hover input:nth-of-type(1) {	border-color:#eee; }
  .default_newsletter_form:hover input:nth-of-type(2){ border-color:#282d35; background:#282d35; color:#fff; }
  .follow_us_list li>a:focus, .follow_us_list li>a:hover { transform: none; -webkit-transform: none; }
}

@media (max-width: 1000px ) and (min-width: 375px){
  .blog_li h3{
    max-width: 100%;
    height: auto;
  }
}

@-webkit-keyframes iconMove{
	0%{transform:translateX(20px); opacity:0;}
	50%{transform:translateX(10px); opacity:.5;}
	100%{transform:translateX(0); opacity:1;}
}
@keyframes iconMove{
	0%{transform:translateX(20px); opacity:0;}
	50%{transform:translateX(10px); opacity:.5;}
	100%{transform:translateX(0); opacity:1;}
}

@-webkit-keyframes tabShow{
	0%{transform:translateY(30px); opacity:0;}
	50%{transform:translateY(15px); opacity:.5;}
	100%{transform:translateY(0); opacity:1;}
}
@keyframes tabShow{
	0%{transform:translateY(30px); opacity:0;}
	50%{transform:translateY(15px); opacity:.5;}
	100%{transform:translateY(0); opacity:1;}
}