@charset "utf-8";
/* CSS Document */
/*边距清零*/
ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,ol{margin:0; padding:0; font-weight:normal;}
form,span,input,select{margin:0; padding:0;}
/*----------------------------------------------------------总体设置----------------------------------------------------------*/
html{margin:0 auto;padding:0;font-size:14px; overflow-y:scroll;overflow-x:hidden; }
body{line-height:200%; color:#282828; margin:0 auto;padding:0; }
a:link,a:visited{color:#282828; text-decoration: none;}
a:active{color:#282828; text-decoration:none;}
a:hover{color:#f00;}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签虚线*/
p{ margin:0; padding:0;}
img{ margin:0; padding:0; border:0;}
ul,li{ list-style-type:none; margin:0; padding:0;}

/*公共*/
.clear{ clear:both;}
.floatL{ float:left;}
.floatR{ float:right;}
.w1200{ width:1200px; margin:0 auto; }
.borderbox{box-sizing: border-box;}
.flex-row{display: flex; flex-direction:row; justify-content : space-between}
.flex-row > .flex-col{display: block;width:100%; }

.text-ellipsis-1{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.text-ellipsis-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text-ellipsis-3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.text-ellipsis-4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.text-ellipsis-5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}

.indextitle{ text-align:center;  color:#2e83eb; line-height:1.5; font-family:'微软雅黑'; padding:22px 0; position: relative}
.indextitle h2{ font-size:30px;}
.indextitle p{ font-size:13px; text-transform:uppercase;position: absolute;right:0;top:40px;}

.tab_title{ text-align:center; border-bottom:1px solid #ddd; padding-bottom:30px; padding-top:10px; margin-bottom:30px;position:relative;}
.tab_title li{ display:inline-block; text-align:center; padding:0 15px; font-size:16px;}
.tab_title li a{  padding:8px 15px;}
.tab_title li:hover a{background:#2e83eb; color:#fff;}
.tab_title li.selected a{background:#2e83eb; color:#fff;}
.tab_title .more{ position:absolute;right:0; bottom:10px;}


/*---------顶部-----------*/
.top{ height:35px; line-height:35px; background:#f2f2f2; color:#999999;}
.top .top-sitename{display: inline-block; margin-right: 20px; color: #999999;}
.top .order { display:block; height:34px; line-height:34px;}
.top .order i{ display:inline-block; width:21px; position:relative; top:9px; }
.top a{color:#999999;}
.w1200 span > i{display:inline-block; width:21px; position:relative; top:9px;}
.logo{ position: relative; padding:0; background-color: #fff;}
.logo-left{width:50%;}

.logo .search{width:430px; float: right; font-size: 15px; line-height: 3; padding-top:30px; margin: 0 0 0 80px;}
.logo .search input.title{border-radius:3px 0 0 3px; height:36px; line-height:36px; width:327px; padding:0 10px; border:0;border:1px solid #ddd; background-color: #f4f4f5; box-sizing:content-box;}
.logo .search input.sub{border-radius:0 3px 3px 0;  height:36px; line-height: 36px; border:1px solid #ddd; background:url(../skin/search.png) no-repeat center #f4f4f5; width:80px; margin:0; padding:0;  box-sizing:content-box; border-left:0;}
.logo .search p{font-size:12px;}
.logo .search p a{display: inline-block; color:#999;}
.logo .search p a:after{content:'|'; padding:0 6px;}
.logo .search p a:last-child:after{content:'';}

.logo .cart{float:right; padding-top:30px; color:#000;}

/*导航栏目*/
.menu{position: relative; height:50px; line-height:50px; font-size:16px; color:#3c3c3c; background-color: #fff; box-shadow:0 5px 5px rgba(0,0,0,0.1);}
.menu .item{display: inline-block; color:#3c3c3c; padding:0 50px;}
.menu .item:hover{ color:#ba8448; font-weight: bold;}
.menu .item.category{background-color: #1b1b1b; color:#fff; font-size:20px; font-weight: bold; cursor:pointer; padding:0; width:250px; }
.menu .item.category img{ display: inline-block; margin:16px 20px 0;}
.menu-category{ display: none; position: absolute; z-index: 2; width:250px; margin-top:50px; padding:20px 0; background-color: rgba(0,0,0,0.6); text-align: left;}
.menu-category a{display: block; font-size:18px; color:#fff; font-weight: normal;}
.menu-category a:hover{color:#fff;}
.menu .item.category:hover .menu-category,
.menu .item.category .menu-category.block{display: block;}

/*banner条*/
.banner{ height:515px; background:url(../images/banner.jpg) no-repeat center;}
/*---------/顶部-----------*/

/*图标导航*/
.index-nav{height:667px; overflow: hidden; padding-top: 100px; background: url("../skin/nav-bg.png");}
.index-nav-item{float:left; width:20%; text-align: center; margin-bottom: 55px;}
.index-nav-item img{width:194px; height:219px;}


/*模块标题*/
.index-block-header{position: relative; padding:50px 0 30px 0px; line-height: 1;}
.index-block-header-left{position: absolute; z-index: 1; top:65px; left:0; width:8px; height:54px; background-color: #f03a39; display: none;}
.index-block-header-title{display: inline-block; font-size:30px; font-weight: bold; color:#0f0f0e;}
.index-block-header-title:after{content: ' | '; font-size:26px;}
.index-block-header-subtitle{display: inline-block; padding-left: 5px; font-size:16px; color:#5e5e5e; line-height: 1.6;}

/*首页商品*/
.item-goods{background-color: #fff; border:1px solid #ddd; box-shadow:0 0 5px rgba(0,0,0,0.15); border-radius:3px; margin:0 0px 0; box-sizing: border-box;}
.item-goods:hover{border-color:#ba8448;}
.item-goods-thumb{box-sizing: border-box; border-bottom:1px solid #f2f2f2; margin-bottom: 10px; text-align: center;}
.item-goods-thumb img{ width: 95%; margin:0 auto; box-sizing: border-box;}
.item-goods-body{position: relative; padding:0 0 5px 10px;}
.item-goods-cart{position: absolute; z-index: 1; right:10px; bottom:10px;}
.item-goods-name a{font-size:18px; font-weight: bold; display: block; color:#1f1c1c; padding:0 30px 0 0; overflow:hidden; height:24px;}
.item-goods-price{font-size:18px; font-weight: bold; color:#ff1010;}
.item-goods-price:before{content: '￥'; font-size:14px;}

/*.index-swiper商品滚动*/
.index-swiper .txtScroll-left{ position:relative;}
.index-swiper .txtScroll-left .bd{width:100%; overflow:hidden;}
.index-swiper .txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.index-swiper .txtScroll-left .bd ul li{ float:left; width:20%; _display:inline;}
.index-swiper .item-goods{margin:0 15px 0 5px;}

/*.index-swiper商品滚动条*/
.index-swiper .txtScroll-left .hd{}
.index-swiper .txtScroll-left .hd ul{ text-align: center; margin-top:20px;}
.index-swiper .txtScroll-left .hd ul li{display: inline-block; width:60px; height:6px; margin: 0 3px; line-height:6px; font-size:0; color:#fff; background-color: #eee; border-radius:3px;}
.index-swiper .txtScroll-left .hd ul li.on{background-color: #ba8448;}

/*秒杀商品*/
.index-seckill{margin:50px 0 0 0; padding-bottom: 50px; background-color: #eee;}
.item-goods1{position: relative; float:left; width:590px; margin:0 20px 20px 0; background-color: #fff; border:1px solid #ddd; box-shadow:0 2px 3px rgba(0,0,0,0.15); border-radius:5px; box-sizing: border-box;}
.item-goods1:nth-of-type(2n){margin-right: 0;}
.item-goods1:hover{border-color:#ba8448;}
.item-goods1-thumb{width:40%; box-sizing: border-box;}
.item-goods1-thumb img{ width: 99%; margin:0 auto; box-sizing: border-box; border-radius:5px;}
.item-goods1-body{ position: absolute; z-index: 1; left:40%; width:60%; top:0; padding:35px 0 5px 10px; font-size:16px;}
.item-goods1-body p{padding:0; margin: 0; line-height:2;}
.item-goods1-cart{position: absolute; z-index: 2; right:30px; bottom:20px;}
.item-goods1-name a{font-size:18px; font-weight: bold; display: block; color:#1f1c1c;}
p.item-goods1-subtitle{color:#888; height: 32px; width:100%; overflow: hidden; margin:5px 0 10px;}
.item-goods1-tag-item{display: inline-block; padding:3px 10px; font-size:16px; line-height: 1; background-color:#cf0000; color:#fff; border-radius:15px;}
.item-goods1-price{font-size:30px; color:#ff1010;}
.item-goods1-price:before{content:'￥'; font-size:18px;}
.item-goods1-price small{font-size:16px; color:#888; display: inline-block; padding:0 5px 0 10px; text-decoration: line-through;}

/*首页各分类商品*/
.index-category-lists{padding:50px 0 0 0;}
.index-category-logo{position:relative; width:224px; height:285px; text-align: center;}
.index-category-logo img{margin:40px 0 0;}
.index-category-logo h2{color:#fff; font-size:20px; padding: 10px 20px; line-height: 1.5; height:80px;}
.index-category-logo p a{color:#fff; font-size:22px; display: inline-block; border:1px solid #fff; padding:5px 20px; border-radius:20px;}
.index-category-lists .item-goods{float:left; width:229px; height:285px; margin-left: 15px;}
















/*首页推荐位*/
/*
.index-rec{clear: both; background-repeat: no-repeat;}
.index-rec-head{height:240px; text-align: center; line-height:1;}
.index-rec-head-title{padding:40px 0 20px; font-size:65px; font-weight: bold; font-family: STHeiti; color: #fff;}
.index-rec-head-subtitle{font-size:15px; display: inline-block; padding:5px 15px; margin:0 0 20px; border:1px solid #fff; color:#fff;}
.index-rec-head-down{display: inline-block; width:0; height:0; border:25px solid #fff; border-color:#fff transparent transparent transparent;}
.index-rec-7 .index-rec-body{padding:80px 0;}
.index-rec-7  .index-rec-item{display: block; padding:30px 0; text-align: center;}
.index-rec-8 .index-rec-body{ padding-top: 85px;}
.index-rec-8  .index-rec-body-group{
    border-radius:4px; margin-bottom: 5px;
    background: linear-gradient(top, #e7c269, #fbe791);
    background: -ms-linear-gradient(top, #e7c269, #fbe791);
    background: -webkit-linear-gradient(top, #e7c269, #fbe791);
    background: -moz-linear-gradient(top, #e7c269, #fbe791);}
.index-rec-8 .index-rec-item{
    position: relative;
    display: inline-block; width:362px; height:370px; border-radius:8px; border:1px solid #f6cf80; margin:28px 0 28px 28px;
    background: radial-gradient(circle, #fdfef9, #fbf5bb);
    background: -ms-radial-gradient(circle, #fdfef9, #fbf5bb);
    background: -webkit-linear-gradient(circle, #fdfef9, #fbf5bb);
    background: -moz-linear-gradient(circle, #fdfef9, #fbf5bb);}
.index-rec-8 .index-rec-item-thumb{text-align: center; position: absolute; z-index: 2; width:100%; top:25px; left:0;}
.index-rec-8 .index-rec-item-thumb img{width:280px; height: 280px;}
.index-rec-8 .index-rec-item-body{position: absolute; z-index: 1; left:0; bottom:0; padding-top: 40px; width:360px; height:103px; background: url("../skin/category-position-bg6.png") no-repeat; border-radius:0 0 8px 8px;}
.index-rec-8 .item-rec-item-title{width:100%; height: 24px; margin: 8px 0 0 8px; overflow: hidden; font-size:18px; color:#fff}
.index-rec-8 .item-rec-item-subtitle{width:100%; height:24px; margin:0 0 0 8px; overflow: hidden; font-size:14px; color:#fff;}
.index-rec-8 .index-rec-item-price{display: inline-block; margin:12px 10px 0 0; font-size:40px; color:#fff; font-weight: bold; line-height: 1;}
.index-rec-8 .index-rec-item-price:before{content:'￥'; font-size:0.5em; font-weight: normal;}
.index-rec-8 .index-rec-item-qiang{display: inline-block; width:50px; height:50px; margin: 6px 5px 0 0; text-align: center; line-height: 50px; border-radius: 10px; background-color: #fbcf53; color:#8e0019; font-size:30px; font-weight: bold;}
.index-rec-8 .index-rec-thumb{padding:40px 0 25px; margin:0 -100px; text-align: center;}
.index-rec-8 .index-rec-thumb img{max-width:1400px;}

.index-rec-9 .index-rec-body{ padding:80px 0; text-align: center;}
.index-rec-9 .index-rec-item{ position: relative; display: inline-block; width:375px; height:380px; margin:0 0 20px 20px; border:5px solid #fc9584;}
.index-rec-9 .index-rec-item-title{margin-top:285px; line-height: 1; width:100%; height:24px; overflow: hidden; font-size:24px; color:#000; text-align: center;}
.index-rec-9 .index-rec-item-buy{position: absolute; z-index:1; left:0; bottom:0; width:100%; height:45px; overflow: hidden; line-height:50px; font-size:24px; color:#fff; text-align: center; background-color: #fc9584;}
.index-rec-9 .index-rec-item-price{font-size:40px; font-weight: bold;}
.index-rec-9 .index-rec-item-price:before{content:'￥'; font-size:0.5em; font-weight:normal;}

*/



/*------------中间-------------*/
/*今日推荐*/
/*.t_tui{ padding:18px 0;}
.t_tui li{ width:309px; float:left; margin-left:10px; position:relative;}
.t_tui li p{ display:block; text-align:center; background:rgba(0,0,0,0.5); position:absolute; bottom:0; width:100%; color:#fff; padding:6px 0;}
.t_tui li img{ display:block;}
.t_tui li:first-child{ width:243px;margin:0;background:#FFF; color:#fff; line-height:1.6; height:175px; font-family:'微软雅黑'; text-align:center;}
.t_tui li a{ color:#fff;}
.t_tui li a:hover{ color:#ff0;}*/

/*新品推荐*/
/*.tab_show{ width:1220px; padding-top: 25px;}


.New_product{ margin-bottom:30px;}
.New_product_list li{ width:300px; float:left; margin-bottom:5px; background:#f7f7f7; font-family:'微软雅黑';  position: relative}
.New_product_list li img{width:300px;}
.New_product_list li .title_t { padding:8px;}
.New_product_list li .title_t h2{ font-size:29px; padding-top:20px;}
.New_product_list li .title_t h2 span{ color:#2e83eb}
.New_product_list li .title_t h2 i{ width:20px; line-height:20px; font-size:20px; font-family:'宋体'; font-style:normal; text-align:center; height:20px; display:inline-block; background:#5D5E60; color:#fff; border-radius:20px; margin-left:20px;}
.New_product_list li .title_t P{ color:#949a9c; font-size:12px; font-family:"Courier New", Courier, monospace; letter-spacing:1px; text-transform:uppercase; text-align:right;}
.New_product_list li.big_img{ width:597px;}
.New_product_list li.big_img img{ display:block; width:597px;}
.New_product_list li:nth-child(2),.New_product_list li:nth-child(4),.New_product_list li:nth-child(3){margin-left:5px;}
.New_product_list li .new_product_title{position: absolute;left: 0;bottom:0;height: 40px;  background: rgba(0,0,0,0.6);width: 100%;color:#FFF;line-height: 40px;font-size: 19px;}
.New_product_list li .new_product_title .od_title{padding-left:25px}
.New_product_list li .new_product_title .od_price{float: right;padding-right: 25px;color:red;}

.tab_title .intro{position: absolute;left:120px;font-size: 14px;color:#116cde;}
.tab_show .content .st{line-height:80px;height:80px;text-align: center}

.tab_show .content .title{
    color: #2e83eb;font-size: 19px;
}

.tab_show .content .title::after {
    content: '>';
    background: #ff7800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #FFF;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    !* float: right; *!
    line-height: 20px;
    font-family: 宋体;
    margin-top: -4px;
    margin-left: 5px;
}
.middle_three_show{overflow: hidden}
.middle_three_show ul li{float: left;margin-right:20px;}
.middle_three_show ul li:nth-child(3){margin:0;}*/
/*兔宝宝健康饰材专区*/
/*

.New_product_1{}

.tbb_product{}
.tbb_product li{    width: 294px;
    margin-left: 11px;display:inline-block; overflow:hidden; float:left; position:relative; padding:1px; margin-bottom: 25px; }
.tbb_product li:nth-child(1),.tbb_product li:nth-child(5){margin-left:0;}
.tbb_product li.tbb_1{ height:525px;}
.tbb_product li img{ display:block;border:1px solid #ddd;width: 99%}
.tbb_product li .tbb_title{ font-family:'微软雅黑'; font-size:15px; color:#000; padding:5px 0; width:100%;overflow: hidden;    margin-top: 10px;}
.tbb_product li .tbb_title h2{ font-size:15px; float:left;    width: 100%;white-space: nowrap;
    overflow: hidden;text-overflow: ellipsis;}
.tbb_product li .tbb_title span{ float:right; color:#f00; font-size:18px;}
.tbb_product li .tbb_title1 .goodsprice{ color:#f00; font-size:18px;}
*/

/*

.middle-show{text-align: center;padding-bottom:30px;}

.od-case-show{overflow: hidden;}
.od-case-show ul li {float:left;padding-right:33px;width:213px;}
.od-case-show ul li:last-child{padding:0;}
.od-case-show ul li p{text-align: center;font-size:16px;line-height:30px;}
.od-case-show ul li a img{width:100%;}
    font-size: 18px;
    line-height: 53px;}
*/

/*底部*/
.footer{background: #1b1b1b; padding:50px 0; color:#fff; font-size:14px; line-height: 2.5;}
.footer a{color:#fff;}
.footer-text{font-size:34px; font-weight: bold; }
.footer-subtext{font-size:20px;}
.footer-subtext img{margin-top: 16px;}
.footer-copyright{}
.footer-label{display: inline-block; margin-right:30px;}
.footer-friendlink{}
.footer-friendlink .item{display: inline-block;}
.footer-friendlink .item:not(:last-child):not(:first-child):after{content:'|'; padding:0 10px;}
.footer-qrcode{text-align: right; padding:100px 0 0;}


/* skin */

/*文章：通用*/
.article{}
.article-head{ padding:30px 0 5px; border-bottom: 1px solid #eee;}
.article-head h2{font-size:24px; line-height: 2; text-align: center;}
.article-head .breadcrumb{}
.article-head .breadcrumb .item{display: inline-block; font-size:13px; color:#666;}
.article-head .breadcrumb .item-divider{display: inline-block; padding:0 5px;}
.article-body{padding:20px; line-height: 2;}

/*文章：列表*/
.article-list .article-body{}
.article-list .article-body .item{position: relative; padding:15px; border-bottom: 1px solid #eee; line-height:2;}
.article-list .article-body .item-thumb{position: absolute; z-index: 1; top:15px; left:15px; width:200px; height:150px;}
.article-list .article-body .item-thumb img{width:185px; height:150px; border:1px solid #eee;}
.article-list .article-body .item-body{}
.article-list .article-body .item-thumb + .item-body{margin-left:200px;}
.article-list .article-body .item-name{}
.article-list .article-body .item-name a{color:#000; font-weight: bold; font-size:18px;}
.article-list .article-body .item-info{height:84px; color:#aaa; font-size:14px;}
.article-list .article-body .item-tips{color:#aaa; font-size:14px;}
.article-list .article-body .item-tips .item-label{display: inline-block;}
.article-list .article-body .item-tips .item-label + .item-label{margin-left:30px;}

.article-empty{padding:50px 0; text-align: center; font-size:16px; color:#aaa;}
.text-primary{color:#1a80e4;}

/*文章：列表-分页*/
.article-pager{padding:30px 0;}
.article-pager .m-pager,
.article-pager .w-textarea .right{float: none; text-align: center;}
.article-pager .f-fl,
.article-pager .m-hrz .m-ipt,
.article-pager .m-hrz .m-wrap,
.article-pager .m-hrz .w-hrzsplite{float: none;}

/*文章：内页*/
.article-detail .article-body{padding:20px 0; line-height: 2; font-size:16px; color:#000;}
.article-detail .article-body img{max-width:100%;}

.label-cart{position:absolute; background-color:red; color:#fff; border-radius:50px; display:inline-block; padding:2px 5px; margin-left:2px; line-height:1; text-align:center;}