/*
	头部 head
*/
.head{ height:auto;width:100%; background:#ffffff; border-bottom:1px solid #e3e3e3;}
.head ul{ height:auto;  width:1200px; margin:0 auto; position:relative; z-index:3; }

.product-send-logo{ float:left; margin:40px auto 36px 10px; }
/*
	搜索 search
*/
.search-bd{ width:979px; height:auto;float:left; }
.search{ width:540px; float:left;  height:45px;  margin:32px auto auto 120px; position:relative;}
.search .text{ float:left; height:39px; width:449px;border:3px solid #c8c8c8; text-indent:5px; border-right:none; color:#999999;  }
.search .btn{ float:left; background:#e61e1e; width:88px; height:45px; border:none; color:#ffffff; font-size:16px; font-family:"新宋体"; cursor:pointer;}
 /*
	popup 弹窗
*/
.shortcut .wt ul .bc{ width:60px;  height:auto;}
.shortcut .wt ul li p{ position:absolute; line-height:40px; top:19px; right:15px; height:6px; width:6px; background:url(image/triangle.png) no-repeat; overflow:hidden;transition: transform .2s ease-in 0s;-moz-transform:transform .2s ease-in 0s;-ms-transform:transform .2s ease-in 0s;-webkit-transition: -webkit-transform .2s ease-in 0s; cursor:pointer;}
.wt ul .bc:hover .popup{ display:block; position:absolute; overflow:hidden; top:39px; left:5px; width:73px;border: 1px solid #DDD; background: none repeat scroll 0% 0% #FFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);}
.wt ul .bc:hover .shelter-tp{ display:block;z-index: -1;left: 5px;top: 4px;width: 73px;height: 38px;position: absolute;border: 1px solid #DDD;background: none repeat scroll 0% 0% #FFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12); overflow:hidden;}
.wt ul .bc:hover .shelter-bt{display:block;position: absolute;z-index: 1;top: 34px;left: 6px;width: 73px;height: 8px;overflow: hidden;background: none repeat scroll 0% 0% #FFF;}
.wt ul .bc:hover p{ position:absolute; line-height:40px; top:19px; right:15px; height:6px; width:6px; background:url(image/triangle.png) no-repeat; overflow:hidden;transition: transform .2s ease-in 0s;-moz-transform:transform .2s ease-in 0s;-ms-transform:transform .2s ease-in 0s;-webkit-transition: -webkit-transform .2s ease-in 0s; transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.wt ul .bc .popup{ display:none; position:absolute;  overflow:hidden; z-index:-1;  top:39px; left:5px; width:73px;border: 1px solid #DDD; background: none repeat scroll 0% 0% #FFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);}
.wt ul .bc .popup a{ display:block; padding-left:5px; height:24px; line-height:24px;}
.wt ul .bc .popup a:hover{ color:red; text-decoration:underline;}
/*
	栏目 column
*/
.column{width: 1200px;  padding:20px 0px 0px 0px;  }
.logo{ width:auto; overflow:hidden; float:left;}
/*
	提示 msg
*/
.msg{ float:left; height:24px; line-height:24px; font-size:12px; width:100%; display:inline;}
.msg a{ color:#999999;}
.msg a:hover{ color:red; text-decoration:underline;}
/*
	导航 nav
*/
.nav{ width:100%; height:60px; background:#000000; margin-bottom:75px;}
.nav ul { width:1200px; height:inherit; margin:0 auto;background:url(image/store-nav.png) no-repeat center; position:relative;}
.nav ul li{ float:left; line-height:60px; }
.nav ul li:hover{float:left; line-height:60px;  background:#dc2720; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s;}
.nav ul li a{ display:block;float:left;font-family:"微软雅黑"; color:#ffffff; font-size:16px; padding:0px 23.5px 0px 23.5px;   }
.nav ul li i{ float:right; display:block; width:20px; height:60px;background:url(image/polygon.png) no-repeat center;
transition:all 0.3s ease-in-out 0s;
-webkit-transition:all 0.3s ease-in-out 0s;
-moz-transition:all 0.3s ease-in-out 0s;
-o-transition:all 0.3s ease-in-out 0s;
-ms-transition:all 0.3s ease-in-out 0s;  }
.nav ul li:hover i{float:right; display:block; width:20px; height:60px;background:url(image/polygon.png) no-repeat center;
 transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);
transition:all 0.3s ease-in-out 0s;
-webkit-transition:all 0.3s ease-in-out 0s;
-moz-transition:all 0.3s ease-in-out 0s;
-o-transition:all 0.3s ease-in-out 0s;
-ms-transition:all 0.3s ease-in-out 0s; 
 }
 .nav ul li .subnav{ display:none; width:100%; position:absolute; top:60px; left:0; overflow:auto; height:45px; background:#ffffff; z-index:11;}
 .nav ul li .subnav a{ color:#666666; font-size:14px; line-height:45px;  display:block; float:left; padding:0px 23.5px; }
 .nav ul li .subnav a:hover{ background:#dc2720; transition: all 0.3s ease-in-out 0s; color:#FFFFFF;}

/*
	页面主体  main
*/
.main{ width:1200px; margin:0 auto; overflow:auto; }
.main .news-title{ font-size:16px; line-height:16px; color:#333333; padding:15px 0px 15px 45px; background:#ffffff url(image/brand.png) no-repeat 30px center; margin-bottom:20px;  }
.title{ font-size:16px; color:#333333; overflow:auto; line-height:16px; text-indent:10px; padding-bottom:8px; border-bottom:1px solid #333333;}
.title .more{ float:right; font-weight:normal; color:#333333; font-size:12px; padding:0px;}
.title h1{ float:left; color:#333333; font-size:16px;}
.title-bg-yeollow{background:url(image/brand.png) no-repeat left top; }
.title-bg-red{background:url(image/recommend-red.png) no-repeat left top; }
.title-bg-green{ background:url(image/green.png) no-repeat left top;}
.title-bg-blue{ background:url(image/blue.png) no-repeat left top;}
.title a:hover{ color:#e61e1e; text-decoration:underline;}
.main .left{ width:810px; overflow:auto; height:auto;  border-top:2px solid #e61e1e;}
.left a{ display:block; padding:30px; background:#ffffff; overflow:auto; margin-bottom:15px;}
.left a:hover{ background:#fff4d6; transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}

.left a span{ float:left; display:block; width:200px; height:146px;}
.left a i{ float:right; display:block; width:26px; height:24px; line-height:20px; text-align:center; font-size:12px; color:#ffffff;  background:url(image/message-yellow.png) no-repeat right center;}

.left .words{ display:block; height:146px; width:480px; margin-left:30px;   transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.left .words h1{ font-size:14px; color:#333333; line-height:25px; }
.left .words h2{ font-weight:normal; font-size:14px; line-height:14px; color:#999999; margin:14px auto;}
.left .words p{ font-weight:normal; font-size:12px; line-height:14px; color:#666666; line-height:20px;}
.left .list{ margin-left:35px; overflow:hidden; width:400px;}
.left .list h2{ font-size:14px; color:#333333; line-height:14px; margin:20px auto; }
.left .list p{ font-size:14px; color:#333333; line-height:24px;}
/*卖场排行 ranking*/
.ranking{ width:320px; height:auto; padding:20px 25px 0px 25px; overflow:auto;  background:#ffffff; }
.ranking .content{ overflow:auto;padding:5px 0px 25px 0px;}
.content a{ display:block;font-size:12px; line-height:15px; color:#333333; padding-left:30px; margin-top:12px;}
.content a:hover,.content a:hover span{ color:#ff7300; text-decoration:none;}
.content a span{ color:#666666; float:right;}
.content a span:hover{ text-decoration: none; color:#ff7300;}
.content a:nth-of-type(1){ background:url(images/0.png) no-repeat 5px center;}
.content a:nth-of-type(2){ background:url(images/1.png) no-repeat 5px center;}
.content a:nth-of-type(3){ background:url(images/2.png) no-repeat 5px center;}
.content a:nth-of-type(4){ background:url(images/3.png) no-repeat 5px center;}
.content a:nth-of-type(5){ background:url(images/4.png) no-repeat 5px center;}
.content a:nth-of-type(6){ background:url(images/5.png) no-repeat 5px center;}
.content a:nth-of-type(7){ background:url(images/6.png) no-repeat 5px center;}
.content a:nth-of-type(8){ background:url(images/7.png) no-repeat 5px center;}
.content a:nth-of-type(9){ background:url(images/8.png) no-repeat 5px center;}
.content a:nth-of-type(10){ background:url(images/9.png) no-repeat 5px center;}
/*推荐卖场 store*/
.store{width:320px; height:auto; margin-top:20px; padding:20px 25px 15px 25px; overflow:auto;  background:#ffffff;}
.store a{ display:block; overflow:auto; padding:15px 0px;transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.store a:hover{background:#fff4d6;transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;}
.store a span{ display:block; float:left; overflow:hidden; width:140px; height:100px;}
.store a span img{ display:block; width:100%;}
.store .list{  width:165px; overflow:hidden; margin-left:10px;}
.store .list h2{ font-size:12px; line-height:16px; color:#333333; margin-top:4px;}
.store .list p{ font-size:12px; line-height:16px; color:#333333; margin-top:8px;}