* { touch-action: pan-y; } 
body{font-family:'Karla', sans-serif;}
.main_box{position:relative;background:#fff;}
#top_box{position:relative;height:auto;border:0;background:none;}
#top_box .top_ad{line-height:34px;background:#f6f6f6;text-align:center;}
#top_box .logo{text-align:center;display:block;vertical-align:middle;height:66px;}
#top_box .logo span{display:inline-block;height:100%;vertical-align:middle;}
#top_box .logo img{max-width:80%;max-height:55px;vertical-align:middle;}
#top_box .top_wrap{padding:0 15px;font-size:0;height:50px;text-align:center;}
#top_box .categories_box,
#top_box .member_box,
#top_box .cart_box,
#top_box .search_btn{display:inline-block;margin:0;width:25%;font-size:14px;height:50px;vertical-align:middle;padding:0;}
#top_box .categories_box a,
#top_box .member_box a,
#top_box .cart_box a,
#top_box .search_btn a{display:inline-block;height:50px;line-height:50px;text-align:center;border:0;color:#000;}
#top_box .categories_box a i,
#top_box .member_box a i,
#top_box .cart_box a i,
#top_box .search_btn i{display:inline-block;color:#000;background:none;font-size:18px;width:auto;height:auto;margin:0;}
#top_box .search_btn i{font-weight:bold;}
#top_box .cart_box a i,#top_box .search_btn i{font-size:20px;}

.topcategorieswap{width:100%;position:fixed;top:0;right:0;height:100%;padding:0;box-sizing:border-box;background:none;z-index:99999;display:none;}
.topcategorieswap .cate_bg{position:fixed;background:#fff;width:100%;height:100%;z-index:8; opacity:0;}
.topcategorieswap .cate_box{width:70%;background:#fff;position:absolute;z-index:9;height:100%;right:-70%;padding:15px;}
.topcategorieswap .topcategories{overflow:auto;padding-bottom:20px;box-sizing:border-box;}
.topcategorieswap .topcategories li{min-height:36px;}
.topcategorieswap .topcategories > li > a{display:block;padding:0;font-size:14px;color:#333;position:relative;line-height:45px;padding:0 15px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;padding-right:20px;text-transform:uppercase;border-bottom:1px solid #eee;}

.topcategorieswap .topcategories > li > a i{position:absolute;right:0;top:0;width:30px;text-align:center;background:none;height:45px;line-height:45px;font-size:12px;color:#000;font-style:normal;}
.topcategorieswap .topcategories li .sub_nav{display:none;padding-left:15px;}
.topcategorieswap .topcategories li .sub_nav li{border:0;min-height:45px;padding:0;border-bottom:1px solid #eee;}
.topcategorieswap .topcategories li .sub_nav li a{line-height:45px;font-size:14px;color:#333;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;display:block;}
.topcategorieswap .topcategories li.currency_box{padding:10px 15px;}
.topcategorieswap .topcategories li.currency_box p{color:#fff;font-size:12px;margin-bottom:10px;}
.topcategorieswap .topcategories li.currency_box .select{border:0;border-radius:0;width:50%;}
.topcategorieswap .topcategories li.currency_box .select select{height:30px;line-height:30px;}



.searchform_box{margin:0;padding:0;height:40px;background:#fff;border:0;border:1px solid #eee;}
.searchform_box .searchform{height:auto;border:0;background:#fff;padding:0 0 0 30px;}
.searchform_box .searchform .search_input{color:#999;font-size:14px;line-height:40px\9;background:none;height:40px;}
.searchform_box .searchform .btn_search{height:40px;width:30px;background:#fff;color:#000;text-align:center;line-height:40px\9;left:0;}
.searchform_box .topcategories{padding:15px 10px 0;  }

#body_box{padding:0;}
.index_default .adbox{padding:15px;}
.index_default .home_ad{width:100%;box-sizing:border-box;display:block;vertical-align:middle;font-size:14px;position:relative;padding:0 10px;text-align:center;margin-top:10px;position:relative;}
.index_default .home_ad .img{font-size:0;}
.index_default .home_ad img{max-width:100%;}
.index_default .home_ad .ad_name{text-align:center;font-weight:normal;padding:0 12%;position:absolute;left:0;right:0;top:50%;transform:translate(0,-50%);}
.index_default .home_ad .ad_name a{padding:0 20px;border:0;display:inline-block;color:#fff;font-size:30px;font-weight:bold;}

.index_default .cate{padding:10px;font-size:0;}
.index_default .cate_list li{padding:0 5px;box-sizing:border-box;width:50%;display:inline-block;font-size:14px;margin:20px 0;}
.index_default .cate_list li a{text-align:center;display:block;}
.index_default .cate_list li .pic img{max-width:100%;vertical-align:middle;}
.index_default .cate_list li .pic span{display:inline-block;vertical-align:middle;height:100%;}


.index_default .tit{background:none;text-align:center;position:relative;margin-top:20px;border-top:1px solid #eee;border-bottom:1px solid #eee;height:40px;}
.index_default .tit a{display:block;color:#000;font-size:24px;position:relative;padding:0 15px;z-index:10;height:40px;line-height:40px;}
.index_default .common_pro_list1 li .name{height:auto;padding:0;margin:10px 0 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.index_default .news{padding:0 10px;}
.index_default .news_con li{margin-bottom:30px;padding-bottom:30px;text-align:center;}
.index_default .news_con .time{color:#7a7a7a;margin-top:10px;}
.index_default .news_con .title a{display:block;color:#333;margin-top:30px;font-size:24px;}
.index_default .news_con .pic{}
.index_default .news_con .pic img{max-width:100%;}
.index_default .news_con .descript{color:#7a7a7a;line-height:20px;margin-top:10px;}
.index_default .news_con .read_more{margin-top:10px;display:inline-block;}

#bottom_box{background:#000;padding:15px;}
#bottom_box .menber_center dl{border:0;background:none;padding:30px 0 0;text-align:center;padding-bottom:30px;border-top:1px solid #3d3d3d;}
#bottom_box .menber_center dl dt{text-align:center;color:#fff;font-size:16px;padding-bottom:10px;}
#bottom_box .menber_center dl dd a{border:0;color:#fff;display:inline-block;}
#bottom_box .newletter_box{padding:30px 0;}
#bottom_box .newletter_box p{text-align:center;color:#fff;font-size:16px;margin-bottom:15px;}
#bottom_box .newletterform{position:relative;padding:0 30px;font-size:0;}
#bottom_box .newletterform .newsletter_txt{height:40px;line-height:40px\9;border:0;box-sizing:border-box;border:1px solid #e1e1e1;border-radius:0;background:none;display:inline-block;}
#bottom_box .newletterform .newsletter_btn{height:40px;line-height:40px;line-height:48px\9;border:0;border:0;width:100%;padding:0;margin:10px 0 0;background:#4a4a4a;color:#fff;font-size:14px;border-radius:0;}
#bottom_box .currency_box{border:0;background:none;padding:30px;}
#bottom_box .currency_box h3{text-align:center;color:#fff;font-size:16px;margin-bottom:15px;font-weight:normal;}
#bottom_box .currency_box .select{border-radius:0;border-color:#e1e1e1;}
#bottom_box .currency_box .select select{background:none;color:#fff;height:40px;line-height:40px;}
#bottom_box .currency_box .select select option{color:#000;}
#bottom_box .copyright{border-top:1px solid #3d3d3d;padding-top:15px;}

/*#body_box*/
#banner{overflow: hidden; position: relative; z-index: 0;}
#banner .swiper-slide a{display:block;width:100%;height:240px;background-repeat:no-repeat;background-size:cover;background-position:center;}
#banner .text{    position: absolute;left: 0;right: 0; top: 50%;transform: translate(0,-50%);padding: 0 30px;color: #fff;text-align: center;}
#banner .text .banner-tit{font-size: 30px;font-family: Old Standard TT,sans-serif;font-weight: normal; margin-bottom: 10px;}
#banner .text .banner-detail{font-size: 16px;}
#banner .swiper-pagination{opacity:0;visibility:hidden;}
#banner .swiper-pagination-bullet{background: #fff; border:1px solid #f772c6;}
#banner .swiper-pagination-bullet-active{background: #f772c6;}