@charset "gb2312";
/* 商品分类页css文件
* Author: Keyschl
* Web:http://www.5vShop.com/
* QQ:81447933
* Tel:0311-85315152 13931185013
*/
.crumbs{height: 40px;line-height: 40px;color: #999; width:1240px; margin:auto; font-size:1.4rem;}
.selector {border: 1px solid #efefef;background: #FFF;padding: 15px 0px;overflow: hidden;width:1240px; margin:auto;font-size:1.4rem; margin-bottom:50px; }
.selector>ul{ width:1200px; margin:auto; overflow:hidden;}
.selector>ul>li{ float:left; width:100px; height:50px; line-height:50px;}
.selector>ul>li a{margin:0 5px 5px 0;padding:5px 10px;}
.selector>ul>li{ float:left; width:100px; height:50px; line-height:50px;}
.selector>ul>li a:hover{background:#3BB4F2;color:#fff !important;}
.selector>ul>li:nth-child(13){margin-left:100px;}
.selector>ul>li:nth-child(24n+0),.selector>ul>li:nth-child(35n+0){margin-left:100px;}

.smallsort a{ font-weight:400;color:#000 !important;}
.smallsort a:hover{background:#3BB4F2;color:#fff !important;}

.common{width:1240px; margin:auto; overflow:hidden}
.common>h3{font-size: 2.8rem;font-weight: 400;font-style: normal;}
.goods{ width:100%;  margin-top:8px;}
.goods>li{width:304px; float:left; margin-left:8px; background:#FFF;margin-bottom:8px;text-align:center; height:420px;transition:all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; }
.goods>li:nth-child(4n+1){margin-left:0px;}
.goods>li:hover{ box-shadow: 0 10px 30px rgba(0,0,0,0.2);}
.goods>li>center{ width:100%; height:265px; overflow:hidden;}
.goods>li>center>a>img{ width:230px; margin-top:30px;}
.goods>li>ul{ width:200px; margin:10px auto; overflow:hidden}
.goods>li>ul>li{ width:40px; height:40px; float:left;border: 1px solid #EFEFEF;border-radius: 4px; margin-left:8px;}
.goods>li>ul>li>img{ width:40px; height:40px;}
.goods_name{color: #333;font-size: 1.6rem; margin-bottom: 2px;  margin-top:10px;}
.goods_desc{color: #999;font-size: 1.4rem;}
.goods_desc_title{color: #999;font-size: 1.3rem;padding-top:5px;}
.goods_price{position: relative;display: inline-block;color: #c00;font-size: 2.2rem;padding-left: 14px; margin-top:4px;}
.goods_price i {position: absolute;top: 0px;left: 0;font-size: 14px;}
.goods_price em {font-size: 16px;}
.goods_active{border: 1px solid #aaa !important;}
.xian{ width:100%; height:50px; float:left;}
.curr{color:#fff; background:#3BB4F2;}
.page{width:500px; margin:0 auto;color: #333;font-size: 1.6rem; margin-bottom: 2px;  margin-top:15px;}
.page input{width:60px;height:25px; border-radius:2px;border:1px solid #ccc; cursor:pointer;}
.page input:hover{background:#AAAAAA;}
.tuijian{ width:100%; height:340px; position:relative; margin-top:8px;}
.tuijian_goods{ width:200%; overflow:hidden; background:#FFF; position:absolute; left:0; top:0;transition:all 1s ease 0s;-moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -o-transition:all 1s ease 0s;}
.tuijian_goods>li{width:248px; float:left;background:#FFF;margin-bottom:8px;text-align:center; height:340px;}
.tuijian_goods img{ height:180px; margin-top:30px;transition:all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; }
.tuijian_goods img:hover{transform:scale(1.1);}
.tuijian_goods_name{font-size: 1.4rem;
    color: #555757;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	margin-top:20px;}
.tuijian_goods_desc{    font-size: 1.2rem;
    color: #999;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.tuijian_goods_price{margin-top: 8px;
    font-size: 1.4rem;
    color: #e02b41;}
.tuijian_button{ float:right;}
.tuijian_button>div{ border:1px  #dcdcdc solid; width:24px; height:24px; float:left; margin-right:6px; position:relative;}
.tuijian_button>div>img{ width:20px; position:absolute; top:2px; left:2px;}
.tuijian_button_active{border: 1px solid #00C3F5 !important;}
