@charset "utf-8";

/*banner style*/
.banner {
    width:100% !important;
    position:relative;
    height:528px;
}
.banner .bd {
    margin:0 auto;
    position:relative;
    z-index:0;
    overflow:hidden;
}
.banner .bd ul {
    width:100% !important;
    height:528px;
}
.banner .bd li {
    width:100% !important;
    height:528px;
    overflow:hidden;
    text-align:center;
}
.banner .bd li a {
    display:block;
    height:528px;
}
.banner .hd {
    width:100%;
    position:absolute;
    z-index:1;
    bottom:20px;
    left:0;
    height:30px;
    line-height:30px;
}
.banner .hd ul {
    text-align:center;
}
.banner .hd ul li {
    cursor:pointer;
    display:inline-block;
    *display:inline;
    zoom:1;
    width:12px;
    height:12px;
    border-radius: 12px;
    margin:7px;
    overflow:hidden;
    background:rgba(255,255,255,.6);
    line-height:999px;
}
.banner .hd ul .on {
    background: #ff8800;
}

.w1200{
	width: 1200px;
	margin:0 auto;
}

.bg-f8f{
	background: #f8f8f8;
}

.ht150{
	height: 150px;
}


/*Hot commodities*/
.hot-product{
	background: #fff;
}

.pro-list{
	width: 100%;
}

.pro-list .item-list{
	width: 210px;
	height: 150px;
	margin-right: 20px;
	float: left;
	padding: 27px 0 27px 10px ;
}

.pro-list .item-list:hover{
	cursor: pointer;
}

.pro-list  .item-list-first{
	width: 260px;
	height: 150px;
	margin-right: 20px;
	float: left;
	padding: 27px 0 27px 10px ;
}

.pro-list .item-list .img-box{
	width: 75px;
	height: 95px;
	display: table-cell;
	vertical-align: middle;
}

.pro-list .item-list .img-box>.img{
	max-width: 65px;
	max-height: 85px;
}

.pro-list .item-list .pro-des{
	/* margin-left: 15px; */
	width: 110px;
	height: 95px;
	display: inline-block;
	float: right;
}

.pro-list .item-list .pro-des .pro-tit{
	color: #333;
	font-size: 16px;
	font-weight: bold;
	display: block;
}

.pro-list .item-list .pro-des .pro-detail{
	color: #333;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}

.pro-list .item-list .pro-des .line-sp{
	background: #b7325f;
	display: inline-block;
	width: 1.5em;
	height: 2px;
}

/*activity product*/
.pro-activity{
	margin-top: 40px;
}
.recommend-pro{
	width: 592px;
	height: 490px;
	background: #fff;
}

.new-pro{
	width: 592px;
	height: 490px;
	background: #fff;
	margin-left: 16px;
}

.recommend-pro .recommend-hot{
	width: 33.33%;
	height: 490px;
}

.recommend-pro .recom-top-bg{
	width: 100%;
	height: 150px;
	background: #aec731 url(../images/recom-bg.png) no-repeat 100% 100%;
	padding: 25px;
}

.recommend-pro .recom-content{
	width: 100%;
	height: 340px;
	border: 1px solid #aec731;
}

.recommend-pro .recom-tit{
	color: #fff;
	font-size: 26px;
}

.recommend-pro .recom-line{
	background: #fff;
	display: inline-block;
	width: 1.5em;
	height: 2px;
	margin-top: 5px;
}

.recommend-pro .more-recom{
	color: #fff;
	display: block;
	font-size: 14px;
	margin-top: 15px;
}

.recommend-pro .pro-box{
	width: 66.66%;
	height: 490px;
	box-shadow: 0 2px 16px rgba(0,0,0,.1);
}

.recommend-pro .pro-box .pro-list{
	width: 50%;
	height: 245px;
	border-bottom: 1px solid #f5f5f5;
	float: left;
}

.recommend-pro .pro-box .pro-list:nth-of-type(odd){
	border-right: 1px solid #f5f5f5;
}

.recommend-pro .pro-box .pro-list .resize-item{
	width: 178px;
	height: 178px;
	display: table-cell;
	vertical-align: middle;
	padding: 15px 15px 10px 15px;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.recommend-pro .pro-box .pro-list .resize-item img{
	max-width: 150px;
	max-height: 150px;
}

.recommend-pro .pro-box .pro-list  .pro-des{
	text-align: center;
	width: 100%;
	padding:0 10px;
}

.recommend-pro .pro-box .pro-list  .pro-des>a{
	text-align: center;
	width: 100%;
	display: block;
	color: #333;
	font-size: 14px;
}

.recommend-pro .pro-box .pro-list .pro-price{
	color: #aacc04;
	font-size: 14px;
	text-align: center;
	margin-top: 12px;
}




.new-pro .new-hot{
	width: 33.33%;
	height: 490px;
}

.new-pro .new-top-bg{
	width: 100%;
	height: 150px;
	background: #6c9ceb url(../images/new-bg.png);
	background-size: 100% 100%;
	padding: 25px;
}

.new-pro .new-content{
	width: 100%;
	height: 340px;
	border: 1px solid #6c9ceb;
}

.new-pro .new-tit{
	color: #fff;
	font-size: 26px;
}

.new-pro .new-line{
	background: #fff;
	display: inline-block;
	width: 1.5em;
	height: 2px;
	margin-top: 5px;
}

.new-pro .more-new{
	color: #fff;
	display: block;
	font-size: 14px;
	margin-top: 15px;
}

.new-pro .pro-box{
	width: 66.66%;
	height: 490px;
	box-shadow: 0 2px 16px rgba(0,0,0,.1);
}

.new-pro .pro-box .pro-list{
	width: 50%;
	height: 245px;
	border-bottom: 1px solid #f5f5f5;
	float: left;
}

.new-pro .pro-box .pro-list:nth-of-type(odd){
	border-right: 1px solid #f5f5f5;
}

.new-pro .pro-box .pro-list .resize-item{
	width: 178px;
	height: 178px;
	display: table-cell;
	vertical-align: middle;
	padding: 15px 15px 10px 15px;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.new-pro .pro-box .pro-list .resize-item img{
	max-width: 150px;
	max-height: 150px;
}

.new-pro .pro-box .pro-list  .pro-des{
	text-align: center;
	width: 100%;
	padding:0 10px;
}

.new-pro .pro-box .pro-list  .pro-des>a{
	text-align: center;
	width: 100%;
	display: block;
	color: #333;
	font-size: 14px;
}

.new-pro .pro-box .pro-list .pro-price{
	color: #6c9ceb;
	font-size: 14px;
	text-align: center;
	margin-top: 12px;
}

.new-pro .carousel-inner{
	height: 344px;
	width: 100%;
}

.new-pro .carousel-inner .item{
	width: 100%;
	position: relative;
	height: 300px;
}
.new-pro .carousel-caption{
	top: -90px;
	text-align: left;
	padding-bottom:inherit;
}
.new-pro .carousel-inner>.item>a>img, .carousel-inner>.item>img{
	width: 185px;
	bottom: 20px;
	margin-top: 110px;
}

.new-pro .carousel-caption{
	color: #333;
	text-shadow:none;
}

.new-pro .tit-adv{
	color: #5d95f2;
	font-size: 16px;
}

.carousel-indicators li{
	background: #e5e5e5;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	margin: 0;
}

.new-pro .carousel-indicators .active{
	background: #6198f3;
}

.carousel-fade .carousel-inner .item{
    opacity:0;
    -webkit-transition-property:opacity ;
    -moz-transition-property:opacity ;
    -ms-transition-property:opacity ;
    -o-transition-property:opacity ;
    transition-property:opacity ;
}
.carousel-fade .carousel-inner .active{
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{
    opacity: 0;
}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.recommend-pro .carousel-inner{
	height: 334px;
	width: 100%;
}

.recommend-pro .carousel-inner .item{
	width: 100%;
	position: relative;
	height: 300px;
}
.recommend-pro .carousel-caption{
	top: -90px;
	text-align: left;
	padding-bottom:inherit;
}
.recommend-pro .carousel-inner>.item>a>img, .carousel-inner>.item>img{
	width: 185px;
	bottom: 20px;
	margin-top: 110px;
}

.recommend-pro .carousel-caption{
	color: #333;
	text-shadow:none;
}

.recommend-pro .tit-adv{
	color: #aacc04;
	font-size: 16px;
}

.carousel-indicators li{
	background: #e5e5e5;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	margin: 0;
}

.recommend-pro .carousel-indicators .active{
	background: #aacc04;
}

.item-img{
	cursor: pointer;
    transition:all .6s;
    -moz-transition:all .6s;
    -ms-transition:all .6s;
    -webkit-transition:all .6s;}
.item-img:hover{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1)}


/*foor product*/
.classify-pro{
	margin-top: 32px;
	width: 100%;
}
.classify-hot{
	width: 227px;
	height: 628px;
	background: #fff;
	margin-right: 16px;
	margin-top: 16px;
}

.classify-hot .classif-top-bg{
	width: 100%;
	height: 316px;
	background: url(../images/class-bg.png) no-repeat;
	background-size: 100%;
	padding: 25px 25px 0 25px;
}

.classify-hot .classif-content{
	width: 100%;
	height: 340px;
	border: 1px solid #aec731;
}

.classify-hot .classif-tit{
	color: #005d9b;
	font-size: 26px;
}

.classify-hot .classif-line{
	background: #005d9b;
	display: inline-block;
	width: 1.5em;
	height: 2px;
	margin-top: 5px;
}

.classify-hot .more-classif{
	color: #005d9b;
	display: block;
	font-size: 14px;
	margin-top: 15px;
}

.classify-hot .img-box{
	width: 177px;
	height: 177px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-top: 25px;
}

.classify-hot .model-img{
	max-width: 177px;
	max-height: 177px;
	
}

.classify-pro .classify-box{
	width: 957px;
}

.classify-pro .classify-box .item-classpro{
	width: 227px;
	height: 306px;
	background: #fff;
	box-shadow: 0 1px 5px rgba(0,0,0,.1);
	padding: 15px;
	margin-right: 16px;
	margin-top: 16px;
}

.classify-pro .classify-box .item-classpro:nth-child(7){
	margin-right: 0px;
}

.classify-box .item-classpro .item-img-box{
	width: 197px;
	height: 197px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.item-classpro .item-img-box .img{
	max-width: 197px;
	max-height: 197px;
}

.item-classpro  .item-des .tit-class{
	font-size: 14px;
	color: #333;
	margin-top: 10px;
	display: block;
	width: 100%;
}

.item-classpro  .item-des .tit-class:hover{
	color: #b7325f;
}

.item-classpro .sales-info .sales-price{
	width: 50%;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
}

.item-classpro .sales-info{
	margin-top: 15px;
}

.item-classpro .sales-info .sales-num{
	width: 50%;
	color: #999;
	font-size: 12px;
	display: inline-block;
	line-height: 25px;
	text-align: right;
}

.classify-box .activity-hot{
	width: 470px;
	height: 306px;
	box-shadow: 0 1px 5px rgba(0,0,0,.1);
	margin-top: 16px;
	background: #fff;
}

.foor-pro .activity-bg{
	width: 100%;
	height: 174px;
	padding: 10px 30px 10px 60px;
}

.activity-bg .img-box{
	width: 145px;
	height: 145px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.activity-bg .img-box>img{
	max-width: 145px;
	max-height: 145px;
}

.activity-bg .activity-des{
	width: 235px;
	display: inline-block;
	margin-top: 50px;
}

.activity-bg .activity-des .tit-img{
	color: #fff;
	font-size: 24px;
	width: 100%;
	display: inline-block;
}

.activity-pro{
	width: 100%;
	height: 132px;
}

.activity-pro .item-pro{
	width: 227px;
	height: 132px;
	padding: 15px 5px;
	float: left;
	margin-right: 16px;
	background: url(../images/proact-bg.png) repeat-y;
	background-size: 100%;
}

.activity-pro .item-pro:nth-child(2){
	margin-right: 0;
}

.activity-pro .img-box{
	width: 95px;
	height: 95px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.activity-pro .img-box>img{
	max-width: 95px;
	max-height: 95px;
}

.activity-pro .activity-des {
	width: 122px;
	margin-top: 35px;
	padding-left: 10px;
}

.ranking{
	margin: 0 15px;
}

.ranking .c-tab{
	border-bottom: 1px solid #eee;
	line-height: 30px;
}

.ranking .c-tab li{
	width: 50%;
	text-align: center;
}

.ranking .c-tab li>a{
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.ranking .c-tab li>a.current{
	border-bottom: 2px solid #f10215;
	padding: 5px;
}

.ranking .dk_nei>ul>li{
	margin-top: 15px;
}

.ranking .dk_nei>ul>li a:hover .ranking-num,.ranking .dk_nei>ul>li a:hover .ranking-content{
	color: #b83662 !important;
}

.ranking .dk_nei>ul>li span.ranking-num{
	font-size: 16px;
	color: #999;
}

.ranking .ranking-box{
	width: 65px;
	height: 65px;
	background: #eee;
	display: inline-block;
}

.ranking .ranking-box>img{
	width: 45px;
	height: 45px;
	margin: 10px;
}

.ranking .ranking-content{
	width: 110px;
	display: inline-block;
	padding-left: 10px;
	color: #333;
	font-size: 12px;
}

.ranking .rank-sales>em{
	color: #333;
	font-size: 18px;
	font-weight: bold;
}

a.activity-des:hover{
	color: #b7325f !important;
}

/* side */
.side{
    position:fixed;
    width:42px;
    height:auto;
    right:0;
    top:150px;
    border: 1px solid #4e5575;
    background: #fff;
    z-index:100;}

.side ul li.tool{
    width:40px;
    height:50px;
    float:left;
    position:relative;
    text-align: center;
}

.side ul li.tool a{
    color: #4e5575;
    text-decoration: none;
    width: 2em;
    display: inline-block;
    line-height: 15px;
    margin-top: 10px;
    overflow:hidden; 
    white-space:nowrap;
    }

.side ul li.tool:hover{
	background: #6f7aaa !important;
}

.side ul li.tool:hover a{
	color: #fff;
}

.side ul li.current{
	background: #6f7aaa !important;
	color: #fff;
}

.side ul li.current a{
	color: #fff;
}

.side ul li.top{
    width:40px;
    height:42px;
    float:left;
    position:relative;
    text-align: center;
}

.side ul li .sidetop{
    width:40px;
    height:42px;
    line-height:42px;
    display:inline-block;
    background:#4e5575;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.nav-menu{
	display:block !important;
}

/*right information*/
.infor-warp{
	position: absolute;
	left:50%;top:0;
	margin-left: -600px;
	}
.buyer-btn{
	background: #b7325f;
	border-radius: 2px;
	height: 22px;
	line-height: 22px;
	color: #fff;
	padding: 0 10px;}
.right-login{
	width:228px;
	height:358px;
	padding:20px;
	background-color:rgba(255,255,255,.8);
	float:right;
	margin: 10px 0;}
.right-con{
	display: block;
	overflow: hidden;
	}
.peron-inf{
	overflow: hidden; 
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 15px;
	}
.peron-inf i{
	float: left;
	display: inline-block; 
	width: 60px;
	height:60px;
	border-radius: 50%;
	}
.peron-inf i img{
	width: 60px;
	height: 60px;
	border-radius: 50%;}
.index-login p{
	overflow: hidden;
	height: 34px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break:break-all; /*支持IE，chrome，FF不支持*/
	word-wrap:break-word;/*支持IE，chrome，FF*/;
	line-height:34px;}
.index-login{
	float: left;
	margin-left: 10px;
	width:118px;
	}
.infor-notice{
	height: 240px;
	padding-top: 15px;
	}
.message-list{
	padding: 10px 0;
	}
.message-list li{
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	}
.message-list li a{
	color: #333;
	font-size: 14px;
	}
.message-list li a:hover{
	color: #b7325f;
	}
.infor-notice .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #333;
    background-color: #fff;
    border: 0;
    border-bottom: 2px solid #b7325f;
    padding: 0;
    background: transparent;
}
.infor-notice .nav-tabs>li>a{
	padding: 0;
	color: #333;
	font-size: 14px;
	font-weight: 600;}
.infor-notice .nav-tabs>li>a:hover{
	background: none;
	}
.nav-tabs>li>a{
	margin: 0;border:0;
	}
.infor-notice .nav-tabs{
	text-align: center;
	border: 0;
	padding: 0 32px;
	}
.infor-notice .nav-tabs>li {
    float: left;
    margin-bottom:0;
    border-right: 1px solid #ddd;
    padding: 0 15px;
}
.infor-notice .nav-tabs>li:last-child{
	border:0;
	}
	
.top-ewm {width: 360px!important; top:120px;}
.header-ewm img{width:300px;height: 300px;}

.slidepic{
	width:195px;height:195px;
	display: block;}
.slidepic img{
	width:195px!important;
	height:195px!important;
	margin-top:0!important;}

.recommend-pro .carousel-hot{
	top: -110px;height:110px;
	text-align: center;
	padding:30px 5px;
}