@charset "UTF-8";
/*轮播图*/
.banner{width: 1100px;height: 550px;margin:20px auto;position: relative;overflow: hidden;margin-top: 170px;}
.banner .img{position: absolute;top: 0;left: 0}
.banner .img img{width: 1100px}
.banner .img img:hover{opacity: 0.8;filter:alpha(opacity=80); }
.banner .img li{float: left;}
.banner .btn span {
    position: absolute;
    display: block;
    width: 100px;
    height: 320px;
    color: #fff;
    line-height: 320px;
    text-align: center;
    top:18%

}
.banner .btn .prev{
     position: absolute;
     left: 0;}
.banner .btn .next{position: absolute;right: 0;}

.banner span a{font-size: 60px;position: absolute;top:120px;height: 80px;line-height: 80px;color: #FFFFFF;}
.banner span>a:hover{opacity: 0.6;filter:alpha(opacity=60);text-decoration: none}
.banner .prev a {left: 25px}
.banner .next a{right: 25px}
/*广告区域*/
.ad{padding-top: 10px;}
.ad>ul>li{width: 246px;height:98px;float: left;margin:3px 2px}
.ad>ul>li img{ width: 246px;height: 98px;}
.ad>ul>li img:hover,.main-r .pic li a img:hover{opacity: 0.6;filter:alpha(opacity=60)}
/*主页*/
.main{padding-top: 20px;}
/*右侧主页*/
.main-r{width: 770px;background: #ffffff;}
.main-r .new-arrival,.main-r .ranking,.main-r .re-arrival{overflow:hidden}
.main-r .main-r-top>a{height: 62px;line-height: 62px}
.main-r .pic li{height:240px;float: left;position: relative;}
.main-r .pic li span{}
.main-r .pic li  a img{width: 145px;height: 145px;position: absolute;top:25px;left: 6px}
.main-r .ranking .number{position: absolute}
/*名称标价*/
.main-r .pic li .item{width:144px;height:54px;position: absolute;top:170px;left: 6px}
.main-r .pic li .item p{margin: 5px 0}
.main-r .pic li .item .item-price{font-weight: bold;text-align: center;width: 100%;}

/*index_content*/
.indexTjTwo_swiper{margin-bottom: 30px;}
.indexTjTwo_swiper .swiper-wrapper .swiper-slide:nth-child(even) img{float: right;}
.index_content .btn-opener{
    width: 100%;
    height: 66px;
    text-align: center;
    background-color: inherit;
    position: relative;background:#e7e7e7;
}
.index_content .btn-opener.open{
    height: 63px;
    background:#e7e7e7 url(../img/bgimg/bg-line-dcdcdc.gif) repeat-x 0 33px;
    width: 100%;text-align: center;
}
.index_content .btn-opener img{
    display: inline-block;cursor: pointer;
}
.index_content .btn-opener img.closeImg{
    display: none;
}
.index_content .btn-opener.open img.openImg{
    display: none;
}
.index_content .btn-opener.open img.closeImg{
    display: inline-block;
}

.index_content .btn-opener img:hover{opacity: .8;}

.index_content .recommend1{background: #e7e7e7;padding-top: 10px;}
.index_content .recommend1Box{overflow: hidden;}
.index_content .recommend1Box li{width: 170px;height: 170px;margin: 0 37px 37px 0;}
.index_content .recommend1Box li:nth-child(5n){margin-right: 0}
.btn-more{width: 100%;padding-bottom: 40px;}
.btn-more a{
    display: block;
    width: 430px;
    font-size: 15px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    background-color: #040000;
    border-radius: 3px;
    padding: 10px 0;
    margin: 0 auto;
}
.btn-more a span,
.btn-more span{
    padding-right: 15px;background: url(../img/bgimg/bg-more-btn.png) no-repeat right 48%;
}
.btn-more:hover,
.btn-more a:hover{
    opacity: .8;
}

 .recommend2{width: 100%;margin: 30px 0}

.d_new-item-elements li{
    width: 198px;
    margin: 0 2px 20px 0;
}
.d_new-item-elements li a:hover{
    text-decoration: none;
}
.d_new-item-elements li span{
    display: block;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
}
.d_new-item-elements li .item-image{
    margin-bottom: 10px;
    position: relative;
}
.d_new-item-elements li .item-name{
    font-size: 10px;
    color: #666;
    margin-bottom: 5px;
}
.d_new-item-elements li .item-price{
    font-size: 12px;
    color: #4D4D4D;
    margin-bottom: 5px;
}
.recommend3{border-bottom: 1px solid #B0B0B0;width: 100%;}
.rankingBox{overflow: hidden;padding-top: 20px;margin-bottom: 25px;}
.rankingBox li{width: 200px;height: 200px;margin-bottom: 4px;margin-left:4px;border: 2px solid #FFFFFF}
.rankingBox li .lazy{width: 190px;height: 190px;}
.rankingBox li.rank01{width: 420px;height: 420px;margin-left: 0;position: relative;}
.rankingBox li.rank01 .lazy{width: 420px;height: 420px;}


.rankingBox li a{display: block;position: relative;}
.rankingBox li a .icon{position: absolute;top: 5px;left: 10px;z-index: 10;}
.rankingBox li.rank01 .icon{top: -10px;z-index: 100;}
.rankingBox li a:hover,
.rankingBox li a .icon:hover{opacity: 1;}
.rankingBox li a:hover .rank-data{
    visibility:visible;
}
.rankingBox .rank-data{
    width: 100%;
    height: 99%;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: rgba(130, 130, 130, 0.7);
}
.rankingBox .rank-data .rank-data-inner {
    display: block;padding-top: 45%;text-align: center;
}
.rankingBox .rank-data .rank-data-inner .rank-name,
.rankingBox .rank-data .rank-data-inner .rank-price{
    display: block;
    width: 100%;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #FFF;
    line-height: 1.5;
    margin-bottom: 5px;
}

.recommend3 .rankRight{
   padding-top: 50px;
}
.recommend3 .rankRight h2{font-size: 18px;font-weight: 600;color: #d02323;text-align: center;}
.recommend3 .rankRight a:hover{text-decoration: none;}
.recommend3 .rankRight .hotTopicItems{padding-top: 10px;}
.recommend3 .rankRight .hotTopicItems li{border-bottom: 1px solid #C2C2C2;}
.recommend3 .rankRight .hotTopicItems .topic-image{
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 10px 15px 5px;

}

.recommend3 .rankRight .hotTopicItems .topic-image img{
    border: solid 1px #ccc;
}
.recommend3 .rankRight .hotTopicItems .topic-data{
    width: 75%;
}

#new-arrival{width: 1100px;/*background: #f2f2f2*/}
#new-arrival .pic li{height: 270px}
#new-arrival .pic li a img{
    width: 200px;
    height: 200px;
    border: solid #FFFFFF
}
#new-arrival .pic li .item{
    bottom: 42px;
    margin-left: 5px;
    width: 90%;
    height: 54px;
    position: absolute;
    top: 235px;
    left: 6px;}
#new-arrival .pic li .item .item-price-now span{color: #1C76BB;font-size: 18px;font-weight: bold;}
#new-arrival .pic li .item .item-price-old span{font-size: 12px;font-weight: normal;text-decoration:line-through;color: #999999}
#new-arrival .swiper-pagination{bottom: 15px}
#new-arrival .swiper-pagination span{width: 13px;height: 13px;}
#new-arrival .swiper-button-prev,#new-arrival .swiper-button-next{top:35%;margin: 0 5px}
.index-ad{background: #999999;text-align: center;width: 1100px;margin: 20px auto;height: 150px;display: none;}
.index-ad img{width: 100%;height: auto}

#recommend{width: 1100px;/*background: #f2f2f2*/}
#recommend .pic ul{margin-left: 5px}
#recommend .pic li{height:260px;width: 218px}
#recommend .pic li a img{
    width: 188px;
    height: 188px;
    border: solid #FFFFFF
}
#recommend .pic li .item{
    bottom: 42px;
    margin-left: 5px;
    width: 90%;
    height: 54px;
    position: absolute;
    top: 235px;
    left: 6px;}
#recommend .pic li img{transition: all 0.8s;}
#recommend .pic li img:hover{transform:scale(1.07);opacity: 1;}
#recommend .pic li span{color: #1C76BB;font-size: 18px;font-weight: bold}

.recommend_special_product{width: 1100px;/*background: #f2f2f2*/}
.recommend_special_product .pic ul{margin-left: 5px}
.recommend_special_product .pic li{height: 315px;width: 218px}
.recommend_special_product .pic li a img{
    width: 200px;
    height: 200px;
    border: solid #FFFFFF
}
.recommend_special_product .pic li .item{
    bottom: 42px;
    margin-left: 5px;
    width: 90%;
    height: 54px;
    position: absolute;
    top: 235px;
    left: 6px;}
.recommend_special_product .pic li img{transition: all 0.8s;}
.recommend_special_product .pic li img:hover{transform:scale(1.07);opacity: 1;}
.recommend_special_product .pic li span{color: #1C76BB;font-size: 18px;font-weight: bold}











.valentine-banner{width:1100px;margin: 5px auto;}
.valentine-banner img{width: 100%;}


.flash-sale{position: fixed;top: 200px;right: 120px;width: 200px;background: red;}
.flash-sale .close{position: absolute;top: 5px;right: 0;}
.flash-sale .close .iconfont{font-size: 30px;}
.flash-sale .img{width: 100%;height: 100%;}
.flash-sale .img a{display: block;}
.flash-sale .img img{width: 100%;display: block;}


b.icon-star {
    height: 12px;
    width: 12px;
    display: table-caption;
}
b.icon-star.icon-star-1{
    background: url(../img/star1.png) center center no-repeat;
    background-size:cover;
}
b.icon-star.icon-star-2{
    background: url(../img/star2.png) center center no-repeat;
    background-size:cover;
}
b.icon-star.icon-star-3{
    background: url(../img/star3.png) center center no-repeat;
    background-size:cover;
}