/*图标字体*/
#top_box .currency_txt i,#header_box .cart_txt i,#header_box .btn_search,.index_default span.discount-timer-big,span.discount-timer,.index_default .tit i.icon-clock1,span.discount-timer,.discount_timer_wrap i,#bottom_box .contact_us dd.email i,#bottom_box .contact_us dd.phone i,.common_pro_list1 li .discount,.common_pro_list1 li .discount_wrap i,.common_pro_list1 li .add_cart i,.common_pro_list2 li .discount,.common_pro_list2 li .discount_wrap i,.common_pro_list2 li .add_cart i,#top_box .livechat i,.common_pro_list1 li .free_shipping i,.common_pro_list2 li .free_shipping i,#top_box .cart_txt i,#bottom_box .shartto li i,#top_box .login i,#header_box .select_box i,#top_box .top_rt i{ background-image:none;}/*背景图片为无*/

#top_box .currency_txt i,#header_box .btn_search,.index_default span.discount-timer-big,span.discount-timer,.index_default .tit i.icon-clock1,span.discount-timer,#bottom_box .contact_us dd.email i,#bottom_box .contact_us dd.phone i,.common_pro_list1 li .discount,.common_pro_list1 li .discount_wrap i,.common_pro_list2 li .discount,.common_pro_list2 li .discount_wrap i,#header_box .select_box i{overflow:visible;}

#top_box .livechat i{ font-size:16px; height:auto; margin:-1px 5px -4px 0; }/*fackbook*/
#top_box .top_rt i{ width:auto; height:auto; margin:0px 5px -5px 0; font-size:16px; line-height:18px;}
#top_box .currency_txt i{font-size:10px; -webkit-transform:scale(0.84); margin:0; }/*选择货币*/
#header_box .cart_txt i{ width:40px; height:40px; font-size:20px; line-height:40px;text-align:center; color:#a961a0;  margin:0; float:left; border-right:1px solid #e5e5e5;}/*购物车*/
#header_box .btn_search{ width:40px; height:40px; background:#f1f1f1;text-align:center; font-size:20px; font-weight:bold; color:#a961a0; line-height:40px; margin:0; padding:0; border:0; }/*搜索框按钮*/

/*显示特价时间图标字体star*/
.index_default span.timer_box{ float:none; margin-left:0; top:0;}
.index_default span.discount-timer-big{padding-left:0; padding:0;}
.index_default .tit i.icon-clock1{ line-height:21px; float:left; font-size:20px; font-weight:bold; margin:-3px 4px 0px 10px;}
span.discount-timer{ text-indent:0;}
.discount_timer_wrap i{ height:16px;line-height:17px; font-size:16px; font-weight:bold; margin:0 2px -4px 0;}
/*显示特价图标字体 end*/

/*打折字体*/
.common_pro_list1 li .discount_wrap,.common_pro_list2 li .discount_wrap{ position:absolute; left:160px; top:0; width:51px; display:table;}
.common_pro_list1 li .discount_wrap i,.common_pro_list2 li .discount_wrap i{ width:50px; height:50px; border-radius:50%; background:#f48898; opacity:0.75; filter:(opacity=75); font-size:54px;}
.icon-discount-bg1:before{ display:none;}
@-moz-document url-prefix(){.common_pro_list1 li .discount_wrap i{ line-height:49px;} } /*正对火狐兼容*/
.common_pro_list1 li .discount,.common_pro_list2 li .discount{ height:50px; padding-top:0; text-align:center;position:relative; top:0; right:50px; display:table-cell; vertical-align:middle;}
.common_pro_list1 li .discount span,.common_pro_list2 li .discount span{ width:50px;}
.common_pro_list1 li .add_cart_bg,.common_pro_list2 li .add_cart_bg{background:#f48898;}

/*加入购物车*/
.common_pro_list1 li .add_cart,.common_pro_list2 li .add_cart{ text-align:center;}
.common_pro_list1 li .add_cart i,.common_pro_list2 li .add_cart i{ font-size:15px; margin:0 5px -1px 0;}

/*免邮*/
.common_pro_list1 li .free_shipping i,.common_pro_list2 li .free_shipping i{ margin:0 3px -1px 0; font-size:15px; color:#ed3445;}

/*底部分享*/
#bottom_box .shartto{  height:auto;}
#bottom_box .shartto li{ width:auto; height:auto; margin:0 10px 0 0; border-radius:50%;}
#bottom_box .shartto li a{ width:35px; height:35px; text-align:center; font-size:18px; line-height:35px; display:inline-block;  color:#141414; background:#fff; border-radius:50%;}
/* 底部联系我们*/
#bottom_box .contact_us dd i{ width:36px; height:36px; font-size:20px; text-align:center; line-height:36px; color:#fff; background:#ccd1d9; display:none;}



html,body{ color:#666;}
.arr{ display:none;}
.wapper{ width:1200px;}
.body_t{ width:100%;}
#top_box{ height:35px; background:#fff;}
#top_box,#top_box .top_rt a{ color:#000}
#top_box .top_rt{ margin:0; padding:0 15px; height:35px; line-height:35px; border:0;}
#top_box .livechat{border-right:1px solid #6d757f;}
#top_box .welcome{ line-height:35px; height:35px; min-width:200px;}
#top_box .currency_box{z-index:9999999; }
#top_box .drop_currency{ top:35px;border-color:#e5e5e5;  }
#header_box{ width:100%; background:#f6f6f6;}
#header_box .wapper{ position:relative;}
#header_box .logo{ width:280px; display:table;height:70px;}
#header_box .logo a{ height:50px; display:table-cell; vertical-align:middle; line-height:70px;}
#header_box .logo img{ max-height:70px;}
#header_box .search_box{ padding:0; margin:0 5px 0 15px;}
#header_box .select_box select{ border:0;width:149px; height:36px; line-height:36px; outline:none;}
#header_box .search{ width:auto; height:auto; padding:0;z-index:9999;}
#header_box .searchform{ width:auto;height:40px; background:#fbfbfb; border-color:#e5e5e5;}
#header_box .search_input{width:260px; height:40px; line-height:40px; padding:0; text-indent:10px; font-size:12px; line-height:40px; background:none; color:#bdbcbc;}
#header_box .header_rt{ padding-top:12px;}
/*分类选择下拉*/
#header_box .select_box{ float:left; width:140px; height:36px;position:relative; cursor:pointer; background:#f2f2f2; border-right:2px solid #ccd1d9;}
#header_box .select_box .txt{ display:block; line-height:36px; padding-right:20px; text-indent:8px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
#header_box .select_box i{ width:12px; height:12px;font-size:12px; position:absolute; top:50%; right:5px; margin-top:-6px;}
#header_box .select_box ul{ position:absolute; top:36px; left:0; border:1px solid #ccc; background:#fff; padding:10px 0;display:none;}
#header_box .select_box ul li{ line-height:25px; padding:0 12px;cursor:pointer; white-space:nowrap; word-break:keep-all;}

#header_box .cart_box{ height:40px; padding:0; margin:0; border:1px solid #e5e5e5; background:#f1f1f1;}
#header_box .cart_txt{ line-height:40px; font-size:12px;}
#header_box .cart_txt a{ padding:0 15px;}
#header_box .cart{ right:-1px; top:40px; border-color:#e5e5e5;}
#header_box .cart_txt a,#header_box .cart_txt strong{ color:#a961a0;}
#header_box .cart_txt strong{ font-weight:bold;}
#header_box .checkout{ }
/*导航样式*/
#header_box .nav_warp{ background:#323232; width:100%;}
#header_box .nav_box{ width:1200px; margin:0 auto;position:relative; border:0;}
#header_box .nav{ width:auto; margin:0;}
#header_box .nav li{ height:auto; z-index:998; padding:0;}
#header_box .nav li a{ display:block; line-height:40px; color:#fff; font-size:14px; text-transform:uppercase; border:0;}
#header_box .nav li a.on{color:#a961a0; }
#header_box .nav li a.home{ padding-left:0;}
#header_box .nav .sub_nav{top:40px; border-color:#ebebeb; background:#fff; border-radius:0; box-shadow:0 2px 2px rgba(0, 0, 0, 0.15);}
#header_box .nav .sub_nav{ width:200px;}

#header_box .nav .sub_nav li a:hover{ background:none;color:#a961a0;text-decoration:underline;}
#header_box .nav .sub_nav li{ height:25px;width:100%;}
#header_box .nav .sub_nav li a{ height:25px; line-height:25px; padding:0; font-weight:normal; color:#666;text-shadow:none;  text-transform:none; font-family:Tahoma, Geneva, sans-serif;}

.posFixed{ position:fixed !important; left:0; top:0; z-index:99999;}



/*左侧分类样式*/
#header_box .category_box{ width:212px; position:absolute; top:55px; left:0; display:none;}
#header_box .category_box h4{ color:#fff;font-size:14px; font-weight:normal; position:relative; line-height:46px; text-indent:15px; background:#282828;}
#header_box .category_box h4 i{ position: absolute; top:21px; right:12px; margin:0; float:none;color:#fff;display:none;}
#header_box #menuParent{ width:210px; box-shadow:none; background:#fbfbfb; top:40px; border-color:#ddd;}
#header_box .category{ padding:0;}
#header_box .category li,#header_box .category_1 li,#header_box .category_2 li{ position:initial; height:32px; border-bottom-color:#ddd;}
#header_box .category li a{ height:32px; padding:0 15px;}
#header_box .category li a,#header_box .category_1 li a,#header_box .category_2 li a{ position:initial; left:auto; top:auto; line-height:32px;color:#666; font-size:14px;}
#header_box .category .dropdown_menu2,#header_box .category_1 .dropdown_menu2,#header_box .category_2 .dropdown_menu2{ top:0px; border:0;  padding:5px 20px; left:212px;background:#fff; box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.25);}
#header_box .category_1 li.actived a, #header_box .category_1 li a:hover,#header_box .category_2 li.actived a, #header_box .category_2 li a:hover{ width:180px; border:none; padding:1px 16px; background:none; color:#21cbe6;}
#header_box .category li a:hover{background:none; color:#21cbe6;}
#header_box .category li .num,#header_box .category_1 li a .num,#header_box .category_2 li a .num{ font-style:normal; color:#aaa; font-size:12px; padding-left:5px;}
#header_box .category_box .arr{ display:none;}
#header_box .category_2 li a img,#header_box .category_1 li a img,#header_box .category li a img{ float:left; width:20px; height:20px; margin:7px 5px 0 0; }
#header_box .category_1 .dropdown_menu2 h4{ color:#171717; text-indent:0; margin-top:10px; border:0; border-bottom:1px solid #d4d4d4;background:none; text-shadow:none;}
#header_box .category_2 .dropdown_menu2 dt{ margin:10px 0 6px 0; padding-bottom:6px;}
#header_box .category_1 .dropdown_menu2 dd a,#header_box .category_2 .dropdown_menu2 dt a,#header_box .category_2 .dropdown_menu2 dd a{ width:160px; background:none; padding:0; font-weight:normal; font-size:12px; color:#000;}
#header_box .category_1 .dropdown_menu2 dd a:hover,#header_box .category_2 .dropdown_menu2 dt a:hover,#header_box .category_2 .dropdown_menu2 dd a:hover{ color:#21cbe6;}
#header_box .category_2 .dropdown_menu2 dt a{ font-weight:bold;}
#header_box .category_2 .dropdown_menu2 dl{ position:relative; height:200px;}
#header_box .dropdown_cate_2 strong,#header_box .dropdown_cate_1 strong,#header_box .category strong{clear:both; display:block; font-size:14px; padding-left:17px; border-top:1px solid #e0e0e0; line-height:32px;}
#header_box .dropdown_cate_2 strong a,#header_box .dropdown_cate_1 strong a,#header_box .dropdown_cate strong a{ color:#000;}

#bottom_box{  width:100%;background:#323232; padding:0;}
#bottom_box .link_box {}
#bottom_box .link_box dl{ width:240px; padding:0 25px 0 0; box-sizing:border-box;}
#bottom_box .link_box dl dt,#bottom_box .newletterform label,#bottom_box .shartto h4{ font-size:16px;color:#fff;margin-bottom:10px; font-weight:normal;}
#bottom_box .contact_us dd p,#bottom_box .link_box dl dd a{ color:#fff;}
#bottom_box .link_box dl dd a:hover{ color:#f48898; text-decoration:underline;}
#bottom_box .quick_index a,#bottom_box .copyright,#bottom_box .copyright a, #bottom_box .copyright a:hover,#bottom_box .quick_index strong{ color:#fff;}
#bottom_box .link_box dl dd a{ padding:5px 0;}
#bottom_box .link_box dl.newsletter{ padding-right:0;}
#bottom_box .newletterform label{ display:none;}
#bottom_box .newletterform,#bottom_box .shartto{ float:none;}
#bottom_box .newletterform form{ position:relative;}
#bottom_box .newsletter_txt{ border:2px solid #e5e5e5; width:220px; height:30px; padding:0; line-height:30px;background:#fff;}
#bottom_box .newsletter_btn{  height:34px; line-height:34px; background:#666; color:#fff; border:0; margin:0; position:absolute; right:-4px; bottom:0;}
#bottom_box .payment{ border:0;}


#body_box{ width:1200px;}
.index_default{ width:100% !important; background:#f6f6f6;} 
.index_default .pro{ min-height:50px;}
.common_pro_list1 .pro_content,.common_pro_list2 .pro_content{ text-align:center;}
.index_default .tit{ background:url(../images/bg-title.png) center repeat-x; font-size:16px; color:#666; padding:13px 0; border-bottom:0;}
.index_default .tit span{ border:0; text-indent:0;}
.index_default .tit a.more{ padding-left:10px; background:#f6f6f6;}
.index_default .tit .spanbox{ display:inline-block; height:25px; padding-right:15px; background:#f6f6f6;}
.index_default .common_pro_list1 li.none{margin-right:0;}
.common_pro_list1 li,.common_pro_list2 li{ width:230px; border:none; margin-right:12.5px;}
.common_pro_list1 li .pic,.product_list_2017 .common_pro_list1 li .pic,.product_list_2017 .common_pro_list2 li .pic{ width:230px; height:230px; line-height:230px; position:relative;}
.common_pro_list1 li .pic img,.product_list_2017 .common_pro_list1 li .pic img,.product_list_2017 .common_pro_list2 li .pic img{ max-height:230px; max-width:230px; display:block;}

.common_pro_list1 li .xj_pic,.common_pro_list2 li .xj_pic{ backface-visibility:hidden; position:absolute; left:0; top:0; width:230px; height:230px; opacity:0;}
.common_pro_list1 li .pic:hover .xj_pic,.common_pro_list2 li .pic:hover .xj_pic{ opacity:1; transition:all 0.5s ease 0s;}

.index_default .common_pro_list1 li{ border-color:#f6f6f6;}
.index_default .common_pro_list1 li.other{ margin:0; height:0;}
.index_default  .quickcart ul li{ border-color:#fff;}
.index_default .tit a{color:#666;}
.index_default .homead{ text-align:center; min-height:30px;}
.index_default .homead img{ width:100%;}
.index_default .home_ad .ad{ float:left; width:585px; margin-right:30px; position:relative; overflow:hidden;}
.index_default .home_ad .none{ margin-right:0;}
.index_default .home_ad .ad a{ position:relative; display:block;}
.index_default .home_ad .ad a:before{border: 2px solid #fff; bottom: 0px; content: ""; left: 0px;  position: absolute; right: 0px; top: 0px; transition:all 2s ease-out 0s; z-index:10;}
.index_default .home_ad .ad img{ max-width:100%; transition:all 2s ease-out 0s;}
.index_default .home_ad .ad .text{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; padding:30px; box-sizing:border-box; text-align:center; color:#fff;}
.index_default .home_ad .ad .text h5{ font-size:18px; margin-bottom:10px;}
.index_default .home_ad .ad:hover img{ transform:scale(1.2);}
.index_default .home_ad .ad a:hover:before{ left:10px; top:10px; right:10px; bottom:10px; }


.product_detail_2017 .viewfontright{ width:555px;}

/*-- slide animations --*/
.slideanim {visibility:hidden;}
.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide; 
    /* The duration of the animation */
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}