*{margin: 0px;padding: 0px;list-style: none;text-decoration: none;color:#3e3e3e;font-family: "微软雅黑";border: none;}
body{background: #f7f7f7;}
::-webkit-scrollbar{display: none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc;}
.centers{align-items: center;justify-content: center;}
.top{width: 96%;height: 44px;position: fixed;left: 2%;top: 5px;z-index: 2;background: #fff;display: flex;border: 1px #9a9a9a solid;
border-radius: 22px;overflow: hidden;}
.top .h1{flex:1;outline: none;height: 44px;display: flex;font-size: 1rem;margin-left: 1rem}
.top .h2{margin-left: 10px;background: none;display: flex;height: 44px;font-size: 1.1rem;margin-right: 1rem;font-weight: 600}
.top1{height: 51px;width: 100%}
.cons{width: 100%;display: flex;margin: 0px auto 0px auto;background: #fff;height: calc(100vh - 51px);overflow: hidden;}
.cons .h1{overflow: auto;height: calc(100vh - 71px);background: #f9f9f9;position: fixed;left: 0px;top: 51px;z-index: 2;width: 30%;}
.cons .h1 .i1{display: flex;height: 2.5rem;align-items: center;padding-left: 10px;font-size: 0.9rem;color:#5e5e5e}
.cons .h1 .i1s{display: flex;height: 2.5rem;align-items: center;padding-left: 7px;font-size: 0.9rem;color:#3e3e3e;border-left: 3px #5e5e5e solid;background: #fff;
font-weight: 700;}
/*.cons .h2{width: 70%;flex-wrap: wrap;background: #fff;height: calc(100vh - 70px);padding-top: 10px;padding-left: 10px;}*/
.cons .h2{width: 70%;flex-wrap: wrap;background: #fff;padding-top: 10px;padding-left: 10px;margin-left: 30%;overflow: auto;}

.cons .h2 .i1{width: 100%;overflow-x: auto;height: 3rem;margin-bottom: 0.5rem;white-space: nowrap;}
.cons .h2 .i1 .i1Con{display: flex;flex-wrap: nowrap;}
.cons .h2 .i1 .j1{padding-left: 1rem;padding-right: 1rem;height: 2.5rem;margin-right: 1rem;background: #f9f9f9;border-radius: 4px;display: flex;font-size: 0.9rem;}
.cons .h2 .i1 .j1s{padding-left: 1rem;padding-right: 1rem;height: 2.5rem;margin-right: 1rem;background: #3e3e3e;border-radius: 4px;display: flex;font-size: 0.9rem;
color:#f9f9f9;font-weight: 700;}
/*.cons .h2 .i2{flex-wrap: wrap;width: 100%;display: flex}
.cons .h2 .i2 .j1{}*/


@media (max-width:640px){
  .ul-list{
	  width: 100%;
	  display: flex;
	  flex-wrap: wrap;
/*	  height: calc(100vh - 130px);*/
/*	  padding-bottom: 10px;*/
	  overflow: auto;
	  .product{
	    width:49%;
	    margin-right: 1%;
/*	    display: inline-block;*/
	    .a1{height: 200px;background: #999;display: flex;border: 1px #e1e1e1 solid;}
	    .a1 img{width: 100%;height: 100%;}
	    .a2{width: 100%;height: 2rem;display: flex;font-size: 0.8rem;padding-bottom: 0.5rem}
	  }
	}
}
@media (min-width:641px) and ( max-width:1023px){
  .ul-list{
	  width: 100%;
	  display: flex;
	  flex-wrap: wrap;
/*	  height: calc(100vh - 130px);*/
	  overflow: auto;
	  .product{
	    width:32%;
	    margin-right: 1%;
	    display: inline-block;
	    .a1{width: 100%;height: 250px;border: 1px #e1e1e1 solid;background: #999}
	    .a1 img{width: 100%;height: 100%}
	    .a2{width: 100%;height: 2rem;display: flex;font-size: 0.8rem;padding-bottom: 0.5rem}
	  }
	}
}
@media (min-width:1024px){
  .ul-list{
	  width: 100%;
	  display: flex;
	  flex-wrap: wrap;
/*	  height: calc(100vh - 130px);*/
	  overflow: auto;
	  .product{
	    width:24%;
	    margin-right: 1%;
	    display: inline-block;
	    .a1{width: 100%;height: 320px;border: 1px #e1e1e1 solid;background: #999}
	    .a1 img{width: 100%;height: 100%}
	    .a2{width: 100%;height: 3rem;display: flex;font-size: 0.8rem;}
	  }
	}
}