header .right a.active{border-bottom:4px solid #fff;box-sizing: border-box;}
header .right a.search{border-bottom:4px solid #000;box-sizing: border-box;}
/*这是搜索*/
.sub-nav{width:100%;height:100px;background:#e7e7e7;display:flex;}
.sub-nav .content{width:1200px;height:100%;margin:0 auto 0;display:flex;}
.sub-nav .search{width:649px;height:40px;margin:30px 10px 0 330px;float:left}
.sub-nav .search input{width:480px;height:100%;outline: none;border:none;text-indent: 15px;}
.sub-nav .search .button{width:130px;height:100%;background:url(../img/01searcc_03.png) no-repeat;background-size: 100% 100%;display: inline-block;float:right;margin-right:20px}
.sub-nav .color{width:170px;height:100%;float:right;}
.sub-nav .color img{display: inline-block;margin-top:12px;}
.sub-nav .color span{line-height:100px;float:right;display: inline-block;margin-right:5px}
/*这是下面筛选的内容*/
.shai{width:1200px;overflow: hidden;margin:0 auto 0;}
.shai .advanced{width:200px;height:40px;background:url(../img/SEARCH2.png) no-repeat;background-size: 100% 100%;float:right}
.shai .shai-box{width:100%;overflow: hidden;margin-bottom:100px;padding-top:40px}
.shai .shai-box .sub-left{width:240px;overflow: hidden;display: inline-block;}
.shai .shai-box .sub-left .title{width:100%;height:40px;line-height: 40px;border-bottom:2px solid #ccc;}
.shai .shai-box .sub-left .select h4{width:100%;height:40px;line-height: 40px;background:url(../img/SEARCHicon.png) no-repeat right center;border-bottom: 2px solid #ccc;}
.shai .shai-box .sub-left .select .sub-select{border-bottom: 2px solid #ccc;overflow: hidden;width:100%;line-height: 30px;}
.shai .shai-box .sub-left .select .sub-select input{margin-left:18px}
.shai .shai-box .sub-left .select .sub-select .wid-sub{background:#eee;margin-left:20px}
.shai .shai-box .sub-left .select span{display: inline-block;width:15px;height:16px}



.shai .shai-box .sub-left .hot{width:100%;height:60px;line-height: 60px;border-bottom:2px solid #ccc; color:Red; font-size:16px; margin-top:40px}


.shai .shai-box .sub-left .hotProducts ul{width:100%;overflow: hidden; margin-top:20px}
.shai .shai-box .sub-left .hotProducts ul li{width:50%;overflow: hidden;float:left;padding-bottom:15px}
.shai .shai-box .sub-left .hotProducts ul li a{width:100px;height:100%;display: block;margin:0 auto 0}
.shai .shai-box .sub-left .hotProducts ul li a img{width:100px;height:100px;margin:0 auto 0;display: block;}
.shai .shai-box .sub-left .hotProducts ul li a p{margin-top:10px;background:url(../img/SEARCHicon.png) no-repeat right center;}


.shai .shai-box .sub-left .clear{width:130px;height:35px;background:url(../img/SEARCH3.png) no-repeat;background-size:100% 100%;margin-top:30px}
.shai .shai-box .right-content{width:940px;overflow: hidden;float:right;display: inline-block;}
.shai .shai-box .right-content .right-title{height:40px;line-height: 40px;width:100%}
.shai .shai-box .right-content .right-title span{display: inline-block;float:right;margin-left:5px}
.shai .shai-box .right-content .right-title a.right{display: inline-block;line-height: 40px;font-weight: 600;font-size:15px;float:right;margin:0 10px 0 5px}
.shai .shai-box .right-content .right-title a.left{display: none;line-height: 40px;font-weight: 600;font-size:15px;float:right;margin:0 0 0 5px}
.shai .shai-box .right-content .right-title i{display: inline-block;width:1px;height:15px;background:#000;float:right;margin:15px 0 0 10px;}
.shai .shai-box .right-content .right-title em{display: inline-block;float:right;}
.shai .shai-box .right-content .right-box{width:100%;overflow: hidden;}
.shai .shai-box .right-content .right-box ul{width:100%;overflow: hidden;}
.shai .shai-box .right-content .right-box ul li{width:20%;overflow: hidden;float:left;padding-bottom:30px}
.shai .shai-box .right-content .right-box ul li a{width:160px;height:100%;display: block;margin:0 auto 0}
.shai .shai-box .right-content .right-box ul li a img{width:160px;height:160px;margin:0 auto 0;display: block;}
.shai .shai-box .right-content .right-box ul li a p{margin-top:10px;background:url(../img/SEARCHicon.png) no-repeat right center;}
/*加的收缩背景*/
.add{background:url(../img/SEARCHicon.png) no-repeat right center !important;}

@keyframes fei{
	0%{display: block;}
	5%{right:50%;bottom:0;z-index: 100;}
	50%{bottom:20px}
	/*90%{bottom:100px;right:200px}*/
	100%{bottom:100px;right:400px}
}



.shai .shai-box .right-content .colorend{width:97%;height:80px;background:#e7e7e7;margin:10px auto 10px}
.shai .shai-box .right-content .colorend .color-search{width:180px;height:100%;float:left}
.shai .shai-box .right-content .colorend .color-search img{width:60px;height:60px;margin:10px 10px 0 20px}
.shai .shai-box .right-content .colorend .color-search span{    line-height: 80px;
    margin-left: 94px;
    margin-top: -69px;
    float: left;
}
.shai .shai-box .right-content .endcolor{height:100%;overflow: hidden;}
.shai .shai-box .right-content .endcolor input{width:15px;height:15px;border-radius: 50%;margin:32px 10px 0 20px;float:left}
.shai .shai-box .right-content .endcolor img{float:left;width:50px;height:50px;display: inline-block;margin:15px 0 0}
.shai .shai-box .right-content .endcolor p{line-height: 80px;text-indent: 10px;}