.main{height:auto;}

/* hot salse */
.hotsale .swiper-button-next,.hotsale .swiper-button-prev{width:24px;height:50px;margin-top:-25px;background-size:15px 16px;background-color:#d9d9d9;}
.hotsale .swiper-button-next{right:0px;}
.hotsale .swiper-button-prev{left:0px;}
.hotsale{clear: both;width: 100%;height: 170px;background-color: #f5f5f5;overflow: hidden;}
.hotsale .title{float: left;width: 30px;height: 100%; padding:0px 4px 0px 3px;background-color: #dadada;-webkit-box-shadow:3px 0px 2px 2px #e4d0d0;box-shadow:3px 0px 2px 2px #e4d0d0;margin-right:5px;overflow: hidden;}
.hotsale .title h1{margin: 0px auto;width: 30px;line-height: 30px; color: #f42424;font-size: 16px;text-align: center;padding-top: 20px;}

.hotsale .cont{float: left;width: 1288px;height: 130px;padding: 20px 0px;position:relative;overflow: hidden;}
.hotsale .cont li{float: left;width: 322px;height: 130px;position: relative;}
.hotsale .cont li .libox{width: 262px;height: 100px;margin:0px 15px;padding:15px;background-color: #fff;}
.hotsale .cont li .picbox{float: left;width:100px;height:100px;vertical-align:middle;zoom:1;position: absolute;top:15px;left: 25px;}
.hotsale .cont li .picbox a{width:100px;height:100px;display:table-cell;vertical-align:middle;text-align:center;font:12px/1 Tahoma,Helvetica,Arial;*display:block;*font-size:87px;*font-family:Arial;}
.hotsale .cont li .picbox a img{max-width:100px;max-height:100px;_width:100px;_height:100px;vertical-align:middle;}
.hotsale .cont li .info{float: left;width: auto;height: 100px;padding-left:105px;}
.hotsale .cont li .info .name{clear:both;width:auto;height:40px;line-height:20px;font-size:13px;color:#666666;text-align:left;overflow:hidden;}
.hotsale .cont li .info .name a{height:auto;line-height:20px;font-size:13px;color:#666666;overflow:hidden;}
.hotsale .cont li .info .name a:hover{color:#f86515;}
.hotsale .cont li .info .price{clear:both;display: block; width:100%;height:30px;text-align: left;position: relative;overflow:hidden;}
.hotsale .cont li .info .price span{width:auto;height:30px;line-height:30px;text-indent:10px;font-size:16px;font-family:Arial;color:#ff4400;overflow:hidden;}
.hotsale .cont li .info .price span b{height:30px;line-height:30px;font-size:13px;font-style:normal;text-align: center;}
.hotsale .cont li .info .btn{clear: both;width: 100%;height: 26px;padding-top:4px;}
.hotsale .cont li .info .btn a{width: auto;height: 20px;line-height: 20px;padding:2px 10px;border:#dddddd 1px solid;color: #666666;font-size: 13px;background-color: #f6f6f6;border-radius:2px;display:inline-block;}
.hotsale .cont li .info .btn a:hover{border-color:#ddd;border-radius:3px;-webkit-box-shadow:0px 0px 2px 1px #ECECEC;box-shadow:0px 0px 2px 1px #ECECEC;}

/* products */
.pro_left{float: left;width: 182px;height:auto;margin-top: 10px;padding-right: 18px;}
.pro_right{float: left;width: 1130px;margin-top: 10px;}

.pro_left .l_box .commend{clear: both;width: 180px;}

.pro_left .l_box{clear: both;width: 180px;border:#e5e5e5 1px solid;}
.pro_left .l_box .title{clear:both;width:100%;height:38px;line-height:38px;text-indent: 10px; font-size:14px;color:#666;font-weight:bold;border-bottom:#e5e5e5 1px solid;background-color:#fafafa;}
.pro_left .l_box ul{clear:both;width:auto;padding:10px 10px;height:auto;overflow:hidden;zoom:1;}
.pro_left .l_box li{clear: both;width:160px;height: auto;border-bottom: #f5f5f5 1px solid;padding-bottom:10px;overflow:hidden;}
.pro_left .l_box li.end{border-bottom:none;}
.pro_left .l_box li .picbox{clear:both;width:160px;height:160px;vertical-align:middle;zoom:1;}
.pro_left .l_box li .picbox a{width:160px;height:160px;display:table-cell;vertical-align:middle;text-align:center;font:12px/1 Tahoma,Helvetica,Arial;*display:block;*font-size:140px;*font-family:Arial;}
.pro_left .l_box li .picbox a img{max-width:160px;max-height:160px;_width:160px;_height:160px;vertical-align:middle;}
.pro_left .l_box li .name{clear:both;width:auto;max-height:40px;line-height:20px;font-size:13px;color:#666666;text-align:left;overflow:hidden;}
.pro_left .l_box li .name a{height:auto;line-height:20px;font-size:13px;color:#666666;overflow:hidden;}
.pro_left .l_box li .name a:hover{color:#f86515;}
.pro_left .l_box li .price{clear:both;margin:0px auto;display: block; width:100%;height:30px;padding-top:5px;text-align: left;position: relative;overflow:hidden;}
.pro_left .l_box li .price span{width:auto;height:30px;line-height:30px;text-indent:10px;font-size:16px;font-family:Arial;color:#ff4400;overflow:hidden;}
.pro_left .l_box li .price span b{height:30px;line-height:30px;font-size:13px;font-style:normal;text-align: center;}
.pro_left .l_box li .price .num{height:30px;line-height:30px;color:#8c8c8c;font-size:11px;position:absolute;right:0px;top:5px;}
.pro_left .l_box li .price .num b{height:30px;line-height:30px;font-size:12px;font-style:normal;font-weight:normal;text-align: center;color:#6485cb;padding:0px 2px;}
.pro_left .l_box li .comment{clear:both;width:auto;height:20px;line-height:20px;color:#a7a7a7;font-size:12px;vertical-align:middle;overflow:hidden;}
.pro_left .l_box li .comment b{height:20px;line-height:20px;font-size:12px;font-style:normal;font-weight:normal;text-align: center;color:#6485cb;padding:0px 2px;}

.filter-warp{clear: both;width: 100%;height: 30px;padding:4px 0px;border: #e7e3e7 1px solid;background-color: #f5f5f5;}
.filter-warp .orderbox{float: left;width: auto;height: 30px;line-height: 30px;}
.filter-warp .orderbox a{float: left;width: auto;height: 30px;line-height: 30px;font-size:13px;color:#333;padding:0px 30px 0px 15px;display: inline-block;border-right: #e7e3e7 1px solid;position: relative;}
.filter-warp .orderbox a:hover,.filter-warp .orderbox a.on{color: #e4393c;}
.filter-warp .orderbox a i{width: 20px;height: 15px;position: absolute;right: 12px;top:8px;}

.filter-warp .price_range{float: left;width: 150px;height: 26px;line-height: 26px;padding:2px 0px;}
.filter-warp .price_range dl{width: width: 150px;height: 26px;position: relative;}
.filter-warp .price_range dl dt{width: 138px;height: 26px;position: absolute;top:0px;left: 7px;z-index: 3;}
.filter-warp .price_range dl dt input{float:left;width:58px;height:24px;line-height:24px;color:#666;font-size:12px;text-indent: 15px; border:#ccc 1px solid;outline:0px;}
.filter-warp .price_range dl dt .yen,.filter-warp .price_range dl dt .yen2{width: 15px;height: 24px;line-height: 24px;font-size: 12px;color: #999;position: absolute;top:2px;left: 5px;font-style: normal;}
.filter-warp .price_range dl dt .yen2{left: 82px;}
.filter-warp .price_range dl dd{width: 138px;height: 22px;padding:45px 6px 5px 6px;position: absolute;top:-7px;left: 0px;z-index: 2;background-color: #fff;display: none;}
.filter-warp .price_range dl:hover dd{padding-left:5px;padding-right: 5px;display: block;border:#e7e3e7 1px solid;border-color:#e7e3e7;box-shadow:1px 1px 2px 1px #ECECEC;}
.filter-warp .price_range dl:hover dt i{color:#fff;}
.filter-warp .price_range dl:hover dt input{text-indent: 15px;}
.filter-warp .price_range dl dd a{float: left;margin-left:5px;width: 50px;height: 20px;line-height: 20px;color: #333;font-size: 12px;text-align:center;border:#ccc 1px solid;background-color:#f4f4f4;display: block;}
.filter-warp .price_range dl dd .btn{float:right;margin-right:5px;width:50px;height:22px;color: #fff;font-size: 12px;border:none;background:#f42828;overflow:visible;cursor: pointer;}

.filter-warp .pagebox{float: right;width: auto;height: 24px;padding:3px 10px;}

.tabs_warp{clear: both;width: 100%;height: 30px;padding:4px 0px;margin-bottom: 10px;border-left: #e7e3e7 1px solid;border-right: #e7e3e7 1px solid;border-bottom: #e7e3e7 1px solid;background-color: #fbfbfb;}
.tabs_warp .area{float: left;width: auto;height: 20px;line-height: 20px;padding:5px 10px;color:#999;font-size: 13px;border-right: #e7e3e7 1px solid;}
.tabs_warp .area .btn{float:right;margin-right:5px;width:auto;height:22px;padding:0px 10px;color: #fff;font-size: 12px;border:none;background:#f42828;overflow:visible;cursor: pointer;}
.tabs_warp li{float: left;width: auto;height: 20px;line-height: 20px;padding:5px 10px;color:#333;font-size: 13px;}
.tabs_warp li.on{color:#e4393c;}
.tabs_warp li input.checkbox{width:12px;height:12px;margin-right:0px;}

.tabs_warp .r{float:right;width:auto;height:30px;}
.tabs_warp .r .show_way{float:left;width:86px;height:28px;border:#dddddd 1px solid;margin:0px 10px;}
.tabs_warp .r .show_way a{float:left;width:28px;height:28px;line-height:28px;display:block;background-image:url('../common/list_way.png');background-repeat:no-repeat;}
.tabs_warp .r .show_way a.listpic{border-right:#dddddd 1px solid;background-position:0px 0px;}
.tabs_warp .r .show_way a.listpicon{border-right:#dddddd 1px solid;background-position:0px -28px;}
.tabs_warp .r .show_way a.listnopic{border-right:#dddddd 1px solid;background-position:0px -56px;}
.tabs_warp .r .show_way a.listnopicon{border-right:#dddddd 1px solid;background-position:0px -84px;}
.tabs_warp .r .show_way a.windowpic{background-position:0px -112px;}
.tabs_warp .r .show_way a.windowpicon{background-position:0px -140px;}

.prolist{clear:both;width:100%;height:auto;}
.prolist .wind{clear:both;width:auto;height:auto;zoom:1;}
.prolist .wind ul{clear:both;width:100%;height:auto;zoom:1;}
.prolist .wind li{float:left;width:218px;height:auto;padding-right:10px;zoom:1;margin-bottom: 20px;}
.prolist .wind li.end{padding-right:0px;}
.prolist .wind li .box{clear:both;width:210px;height:auto;border:#f5f5f5 1px solid;padding:3px 3px 3px 3px;}
.prolist .wind li .box:hover{border-color:#ddd;border-radius:3px;-webkit-box-shadow:0px 0px 2px 1px #ECECEC;box-shadow:0px 0px 2px 1px #ECECEC;}
.prolist .wind li .box .picbox{clear:both;width:210px;height:210px;vertical-align:middle;zoom:1;overflow:hidden;}
.prolist .wind li .box .picbox a{width:210px;height:210px;display:table-cell;vertical-align:middle;text-align:center;font:12px/1 Tahoma,Helvetica,Arial;*display:block;*font-size:184px;*font-family:Arial;overflow: hidden;}
.prolist .wind li .box .picbox a img{max-width:210px;max-height:210px;_width:210px;_height:210px;vertical-align:middle;}
.prolist .wind li .box .name{clear:both;width:auto;padding:0px 5px;height:20px;line-height:20px;color:#555555;vertical-align:middle;overflow:hidden;}
.prolist .wind li .box .name a{width:100%;height:20px;line-height:20px;font-size:13px;color:#555555;display:block;text-align:left;white-space:nowrap;_white-space:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;overflow:hidden;}
.prolist .wind li .box .name a:hover{color:#f86515;}
.prolist .wind li .box .company{clear:both;width:auto;padding:0px 5px;height:20px;line-height:20px;color:#999999;vertical-align:middle;overflow:hidden;}
.prolist .wind li .box .company a{width:100%;height:20px;line-height:20px;font-size:12px;color:#999999;text-align:left;white-space:nowrap;_white-space:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;overflow:hidden;}
.prolist .wind li .box .company a:hover{color:#f86515;}
.prolist .wind li .box .comment{clear:both;width:auto;padding:0px 5px;height:20px;line-height:20px;color:#a7a7a7;font-size:12px;vertical-align:middle;overflow:hidden;}
.prolist .wind li .box .comment b{height:20px;line-height:20px;font-size:12px;font-style:normal;font-weight:normal;text-align: center;color:#6485cb;padding:0px 2px;}
.prolist .wind li .box .price{clear:both;width:auto;height:40px;padding:0px 5px;position:relative;overflow:hidden;}
.prolist .wind li .box .price span{float:left;width:auto;padding-right:45px;height:40px;line-height:40px;text-indent:0px;font-size:20px;font-family:Arial;color:#ff4400;overflow:hidden;}
.prolist .wind li .box .price span b{height:40px;line-height:40px;font-size:14px;font-style:normal;font-weight: normal;text-align: center;}
.prolist .wind li .box .price .num{height:40px;line-height:40px;color:#8c8c8c;font-size:12px;position:absolute;right:5px;top:0px;}
.prolist .wind li .box .price .num b{height:40px;line-height:40px;font-size:13px;font-style:normal;font-weight:normal;text-align: center;color:#6485cb;padding:0px 2px;}
.prolist .wind li .box .operate{clear: both;width: auto;height: 30px;padding:5px 5px;}
.prolist .wind li .box .operate a{float: left;width: 35px;padding-left:30px;height: 28px;line-height: 28px;font-size:12px;color:#333;border:1px dotted #dbdbdb;display: block;position: relative;margin-left:-1px;z-index:2;overflow: hidden;}
.prolist .wind li .box .operate a:hover{border-color:#f42424; color: #f42424; z-index:5;}
.prolist .wind li .box .operate a.addcart{width: 70px;color: #f42424;}
.prolist .wind li .box .operate a i{width: 20px;height: 20px;position: absolute;top: 5px;left: 5px;}
.prolist .wind li .box .tagbox{clear:both;width: auto;height: 20px;padding:5px 5px;overflow: hidden;}
.prolist .wind li .box .tagbox span{float: left;width: auto;height: 18px;line-height: 18px;font-size:12px;color:#fff;text-align: center; margin-right:5px;background-color: #e23a3a;border:#e23a3a 1px solid; border-radius: 3px;padding:0px 3px; overflow: hidden;}
.prolist .wind li .box .tagbox span.n{border:#31c19e 1px solid;background-color: #31c19e;color:#fff;}
.prolist .wind li .box .tagbox span.b{background-color: #fff;color:#e23a3a;}

.prolist .list{clear:both;width:auto;height:auto;zoom:1;padding:0px;}
.prolist .list li{clear: both;width:100%;height:auto;zoom:1;margin-bottom: 1px;padding:15px 1px 15px 0px;border-bottom:#e7e3e7 1px solid;}
.prolist .list li:hover{border-color:#ddd;border-radius:3px;-webkit-box-shadow:0px 0px 2px 1px #ECECEC;box-shadow:0px 0px 2px 1px #ECECEC;}
.prolist .list li .picbox{float:left;width:100px;height:100px;margin-left: 10px; border:#f5f5f5 1px solid;vertical-align:middle;zoom:1;overflow:hidden;}
.prolist .list li .picbox a{width:100px;height:100px;display:table-cell;vertical-align:middle;text-align:center;font:12px/1 Tahoma,Helvetica,Arial;*display:block;*font-size:87px;*font-family:Arial;overflow: hidden;}
.prolist .list li .picbox a img{max-width:100px;max-height:100px;_width:100px;_height:100px;vertical-align:middle;}
.prolist .list li .info{float:left;width:1110px;padding:0px 10px;height:auto;zoom:1;}
.prolist .list li .indent{width:998px;}
.prolist .list li .info .title{float: left;width: 45%;height: auto;zoom:1;}
.prolist .list li .info .title .name{clear:both;width:auto;padding-right:20px;height:35px;line-height:35px;color:#555555;vertical-align:middle;white-space:nowrap;_white-space:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;overflow:hidden;}
.prolist .list li .info .title .name a{width:100%;height:35px;line-height:35px;font-size:14px;color:#555555;text-align:left;overflow:hidden;}
.prolist .list li .info .title .name a:hover{color:#f86515;}
.prolist .list li .info .title .cont{clear: both;width: auto;padding-right:20px;height:30px;line-height:30px;}
.prolist .list li .info .title .cont .num{float: left;width: auto;height:30px;line-height:30px;color:#8c8c8c;font-size:13px;padding-right: 30px;}
.prolist .list li .info .title .cont .num b{height:30px;line-height:30px;font-size:13px;font-style:normal;font-weight:normal;text-align: center;color:#6485cb;padding:0px 2px;}

.prolist .list li .info .title .tagbox{clear:both;width: auto;height: 20px;padding-right: 20px;padding-top:10px;overflow: hidden;}
.prolist .list li .info .title .tagbox span{float: left;width: auto;height: 18px;line-height: 18px;font-size:12px;color:#fff;text-align: center; margin-right:5px;background-color: #e23a3a;border:#e23a3a 1px solid; border-radius: 3px;padding:0px 3px; overflow: hidden;}
.prolist .list li .info .title .tagbox span.n{border:#31c19e 1px solid;background-color: #31c19e;color:#fff;}
.prolist .list li .info .title .tagbox span.b{background-color: #fff;color:#e23a3a;}
.prolist .list li .info .company{float: left;width: 20%;height: auto;padding-top:35px;zoom:1;white-space:nowrap;_white-space:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;overflow: hidden;}
.prolist .list li .info .company a{width:100%;height:30px;line-height:30px;font-size:14px;color:#888;text-align:left;overflow:hidden;}
.prolist .list li .info .company a:hover{color:#f86515;}
.prolist .list li .info .price{float: left;width: 15%;height: auto;padding-top:20px;zoom:1;}
.prolist .list li .info .price span{float:left;width:auto;padding:0px 20px;height:30px;line-height:30px;text-indent:0px;font-size:16px;font-family:Arial;color:#ff4400;overflow:hidden;}
.prolist .list li .info .price span.mp{background-color:#fff;color:#b7bcb8;font-size:16px;text-decoration:line-through;}
.prolist .list li .info .price span b{height:30px;line-height:30px;font-size:13px;font-style:normal;font-weight: normal;text-align: center;}
.prolist .list li .info .operate{float: left;width: 20%;height: auto;padding-top:35px;zoom:1;overflow: hidden;}
.prolist .list li .info .operate a{float: left;width: 35px;padding-left:30px;height: 28px;line-height: 28px;font-size:12px;color:#333;border:1px dotted #dbdbdb;display: block;position: relative;margin-left:10px;z-index:2;overflow: hidden;}
.prolist .list li .info .operate a:hover{border-color:#f42424; color: #f42424; z-index:5;}
.prolist .list li .info .operate a.addcart{width: 70px;color: #f42424;}
.prolist .list li .info .operate a i{width: 20px;height: 20px;position: absolute;top: 5px;left: 5px;}

.listfootbox{clear: both;width: 100%;height: auto;padding-top: 30px;}
.listfootbox .title{clear: both;width: 100%;height: 30px;margin-bottom:40px;border-bottom: #e5e5e5 1px solid;position: relative;}
.listfootbox .title h1{clear: both;width: 120px;height: 30px;line-height: 30px;font-size: 22px;color: #666;text-align:center;background-color:#fff;position: absolute;top:12px;left: 50%;margin-left: -60px;overflow: hidden;}
.listfootbox .box{width:100%;height:210px;padding-right:10px;border-top:#dfdfdf 1px solid;border-bottom:#dfdfdf 1px solid;position:relative;overflow:hidden;}
.listfootbox li{float:left;width:210px;height:auto;margin-right: 10px;margin-bottom: 10px;border:#f5f5f5 1px solid;zoom: 1;overflow:hidden;}
.listfootbox li:hover{border:#e5e5e5 1px solid;}
.listfootbox li.end{margin-right: 0px;}
.listfootbox li .picbox{clear:both;width:210px;height:210px;vertical-align:middle;zoom:1;}
.listfootbox li .picbox a{width:210px;height:210px;display:table-cell;vertical-align:middle;text-align:center;font:12px/1 Tahoma,Helvetica,Arial;*display:block;*font-size:184px;*font-family:Arial;}
.listfootbox li .picbox a img{max-width:210px;max-height:210px;_width:210px;_height:210px;vertical-align:middle;}
.listfootbox li .name{clear:both;width:auto;padding:5px 5px;height:20px;line-height:20px;font-size:13px;color:#333;text-align:left;white-space:nowrap;_white-space:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;overflow:hidden;}
.listfootbox li .name a{height:20px;line-height:20px;font-size:12px;color:#666;}
.listfootbox li .name a:hover{color:#f86515;}
.listfootbox li .price{clear:both;width:100%;height:30px;overflow:hidden;}
.listfootbox li .price span{float:left;width:auto;height:30px;line-height:30px;text-indent:10px;font-size:18px;font-family:Arial;color:#ff4400;overflow:hidden;}
.listfootbox li .price span i{height:30px;line-height:30px;font-size:14px;font-style:normal;text-align: center;}