*{margin:0;padding:0;border:0;}
body {background-color:#fff; overflow-x:hidden;color: #000;font-size:12px; font-family: "微软雅黑","Microsoft YaHei", "Arial", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";}
a{text-decoration:none; color: #333;}
input,select,img{vertical-align:middle;}
ul,li{ list-style:none;}

.clear{clear: both;}
.left{ position:absolute; z-index:9999; margin:10px 0px 0px 10px}
.sa{ width:100%; margin:0 auto; background: #f2f2f2; padding: 0px 0px 50px;}
	.sa .sa-a{ width: 96%; margin: 0px auto 10px; background: #fff; padding: 10px 2%;}
	  .sa .sa-a .pri{ font-size: 28px; color: #f9ab09; font-weight:bold;}
		.sa .sa-a .zi{ font-size: 16px; color: #171717; margin-top: 10px;}
		  .sa .sa-a .zi a{ font-size: 10px; background: #EF5D2C; color: #fff; border-radius: 30px; padding: 2px 5px; margin-right: 5px;}
	.sa .sa-b{ width: 96%; margin: 0px auto 10px; background: #fff; padding: 10px 2%; display: flex; justify-content: center;align-items: center; flex-direction: row;}
	  .sa .sa-b .sab-l{ width: 10%; color: #9b9b9b;}
		.sa .sa-b .sab-r{ width: 90%; color: #000;}
		
	
	 .sa-t{ width:100%; margin: 10px auto 0px; background: #fff; display: flex; justify-content: center;align-items: center; flex-direction: row;}
	   .sa-t .sat-l{ width: 15%; color: #9b9b9b;}
	   .sa-t .sat-r{ width: 85%; color: #000;}
		
	.sa .sa-c{ width: 96%; margin: 0px auto 10px; background: #fff; padding: 10px 2%; display: flex; justify-content: center;align-items: center; flex-direction: row; font-size:14px}
	  .sa .sa-c .sac-l{ width: 15%; color: #999; font-size:12px;}
		.sa .sa-c .sac-m{ width: 70%; color: #000;}
		.sa .sa-c .sac-m span { height: 100%;padding:0 5px;border:1px solid orange;color: orange;margin-right: 10px;border-radius: 3px;box-sizing:border-box;display: inline-block;}
		  .sa .sa-c .sac-m img{ margin-top:-4px; margin-right:5px;}
		.sa .sa-c .sac-r{ width: 20%; color: #000; font-size:12px; text-align:center; color:#999;}
	
	.sa .sa-d{ width: 96%; margin: 0px auto; background: #fff; padding: 10px 2% 0px; display: flex; justify-content: center;align-items: center; flex-direction: row;}
	  .sa .sa-d .sad-l{ width: 12%; color: #9b9b9b; margin-right: 5%;}
		   .sa .sa-d .sad-l img{ width:48px; border: 1px solid #E6E6E6; border-radius: 5px;}
		.sa .sa-d .sad-r{ width: 83%; color: #000;}
		  .sa .sa-d .sad-r .sadr-t{ font-size: 16px; margin-bottom: 10px;}
			.sa .sa-d .sad-r .sadr-b div{ float: left; display: block; color: #949494;}
			  .sa .sa-d .sad-r .sadr-b .aa{ background: #e2662a; color: #fff; font-size: 10px; padding: 2px 5px; border-radius: 30px; text-align: center; margin: -2px 5px 0px 0px;}
				.sa .sa-d .sad-r .sadr-b .ju{ color: #e2662a;}
		     
				 
	.sa .sa-e{ width: 96%; margin: 0px auto; background: #fff; padding: 10px 2%; display: flex; justify-content: center;align-items: center; flex-direction: row;  color:#999; font-size:13px;}
	  .sa .sa-e .sae-l{ width: 33.33%; text-align:center;}
	  .sa .sa-e .sae-m{ width: 33.33%;text-align: center;}
	  .sa .sa-e .sae-r{ width: 33.33%; text-align:center;}
			
	.sa .sa-f{ width: 96%; margin: 0px auto 10px; background: #fff; padding: 20px 2%; display: flex; justify-content: center;align-items: center; flex-direction: row; text-align: center;}
	  .sa .sa-f .saf-l{ width:47%; text-align: right; padding-right: 3%;}
		  .sa .sa-f .saf-l a{background: #fff;font-size: 14px;  border: 1px solid #09ba07; border-radius: 30px; padding: 6px 20% 5px; color: #09ba07;box-sizing:border-box;}
		.sa .sa-f .saf-r{ width:47%; text-align: left; padding-left: 3%; }
		  .sa .sa-f .saf-r a{background: #09ba07;font-size: 14px;  border: 1px solid #09ba07; border-radius: 30px; padding: 6px 20% 5px; color: #fff;box-sizing:border-box;}

  
	.sa .sa-g{ width: 100%; margin: 0px auto 10px; text-align: center; color: #8e8e8e;}
	

.sa .sa-u{ width: 96%; margin: 0px auto 10px; background: #fff; padding: 10px 2%; font-size:12px;}
  .sa .sa-u .sau-t{ width:100%; margin:0 auto; font-size:14px;}
  .sa .sa-u .sau-a{ width:100%; margin:15px auto; font-size:12px; border-bottom:1px solid #ececec; padding-bottom:15px}
    .sa .sa-u .sau-a .aa{width:100%; margin:0 auto;}
	  .sa .sa-u .sau-a .aa img{ margin-right:10px; border-radius:50px;}
	.sa .sa-u .sau-a .bb{width:100%; margin:5px auto;}
	.sa .sa-u .sau-a .cc{width:100%; margin:0 auto; color:#999;}
  .sa .sa-u .sau-b{ width:100%; margin:0px auto; font-size:12px; }  
    .sa .sa-u .sau-b a{ width:30%; text-align:center; margin:0 auto; color:#333;border:1px solid #ececec; display:block; padding:5px 0px; border-radius:30px;}


.sa .sa-y{ width: 96%; margin: 0px auto 10px; background: #fff; padding: 10px 2%; font-size:12px;}
  .sa .sa-y .say-t{ width:100%; margin:0 auto 10px; font-size:14px;}
  .sa .sa-y .say-a{ width:100%; margin:0 auto; font-size:12px;}
    .sa .sa-y .say-a ul{ width:100%; margin:0 auto;}
	  .sa .sa-y .say-a ul li{ width:31.33%; margin:0px 1% 10px; display:block; float:left; text-align:center}
	    .sa .sa-y .say-a ul li .tex{ text-align:left; line-height:16px; height:32px; overflow:hidden; margin-top:5px;}
		  .sa .sa-y .say-a a{ color:#333;}
  

.relative{position:relative; }
.scroll{width:100%;}
.scroll_box{overflow:hidden;visibility:hidden;position:relative;}
.scroll_wrap{overflow:hidden; position:relative;}
.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap li a{display:block;margin:0 auto;position:relative;}
.scroll_position{position:absolute;z-index:400px;left:0;bottom:14px; width:100%;text-align: center;}
.scroll_position li{display:inline-block;width:14px;height:14px;border-radius:10px;background:#fff;}
.scroll_position li a{font-size:0;}
.scroll_position li.on{background-color:#ffd800;}


.btn-numbox {
                overflow: hidden;
            }
                     
            .btn-numbox .count .num-jian,.input-num,.num-jia {
                display: inline-block;
				        float:left;
                width: 28px;
                height: 28px;
                line-height: 28px;
                text-align: center;
                font-size: 18px;
                color: #999;
                cursor: pointer;
                border: 1px solid #e6e6e6;
            }
            .btn-numbox .count .input-num {
                width: 58px;
                height: 28px;
                color: #333;
                border-left: 0;
                border-right: 0;
				font-size:14px
            }
				.btn-numbox	.sl{display: block; float: left;}



.top {  font-size: 12px;background-color: rgba(0,0,0,0.5); position: fixed; bottom:70px; right: 0px; _position: absolute; z-index:9; border-radius:6px 0px 0 6px; width:50px; height:50px; text-align:center; line-height:50px;cursor: pointer;}
.bot{ width: 100%; margin: 0 auto; display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: row; position: fixed; bottom: 0; left: 0; z-index: 9999; background: #fff; padding: 5px 0px;height: 42px;}
  .bot a div{ width: 100%;}
.bot .aa{ color: #666;width: 12%;cursor: pointer;}
.bot .bb{ color: #666;width: 12%;cursor: pointer;}
.bot .cc{ color: #666;width: 12%;cursor: pointer;}
  .bot .shu{ position: absolute; z-index: 99999; border: 1px solid #ec612a; background: #fff; color: #ec612a; font-size: 12px; padding: 0px 6px; border-radius: 10px; margin: -18px 0px 0px -12%;}
.bot .dd{ width: 31%; font-size: 15px; background-image: -webkit-linear-gradient(#f6ca47, #f19b38); color: #fff; padding: 11px 0px; border-radius: 30px 0px 0px 30px;}
.bot .ee{ width: 31%; font-size: 15px; background-image: -webkit-linear-gradient(#ed7d31, #e55c26); color: #fff; padding: 11px 0px; margin-right: 2%; border-radius: 0px 30px 30px 0px;}



.drawer{width:100%;border-radius:3px;}
.accordion-item-active .accordion-header{ transition:.25s; border: none; padding-bottom: 0;border-bottom: 1px solid #e6e6e6; padding-bottom: 10px;}
.accordion-item-active .accordion-header-icon{color:#fff;}
.accordion-header{cursor:pointer;min-height:20px;transition:.25s;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.accordion-header h1{float:left;font-size:18px;font-weight: normal;margin:0;line-height:1.3em;color:#212121;}
.accordion-content{display:none;padding:12px 0px;color:#212121;background:#FFF;font-size:15px;line-height:1.45em;}
.accordion-content p{margin:0;margin-bottom:3px;}
.accordion-header-icon{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;float:right;color:#888;font-size:15px;vertical-align:middle;}
.accordion-header-icon.accordion-header-icon-active{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);color:#888;}
.accordion
	{
		width: 100%;
		margin: 0px auto;
	}
	.accordion h1{ font-size:14px; color:#000; width: 100%;white-space:nowrap;overflow:hidden; text-overflow:ellipsis; }
	.accordion .aa{ float:left; width: 15%; color: #909090; font-size:12px;}
  .sa-b .sab-a{ width: 100%; margin: 0 auto; display: flex; justify-content: center; flex-direction: row; align-items:flex-start; font-size: 14px;}
	  .sa-b .sab-a .saba-l{ width: 15%; color: #909090;}
		.sa-b .sab-a .saba-r{ width: 85%; }
		  .sa-b .sab-a .saba-r .aa{border: 1px solid #ccc; padding: 2px 10px; border-radius: 30px; margin: 0px 10px 10px 0px;color: #666;cursor: pointer;width: auto;}
		  .sa-b .sab-a .saba-r .aa:hover{border: 1px solid #f55b3f; }
		  .sa-b .sab-a .saba-r .active{color:#f55b3f;border-color: #f55b3f;}
			   
.black_overlay{display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}
.white_content{display:none;position:fixed;bottom:0;left:0;width:100%;background-color:white;z-index:99999;overflow:auto; text-align:center; padding: 10px 0px 0px;}
.jjly{overflow-y: auto; margin:0 auto; width:100%; text-align:left; font-size:14px;}
  .jjly .qx{ background:#ed702e; font-size: 16px; color:#fff; width:100%; display:block; float:right; text-align:center; margin-top:20px; padding: 10px 0px;}
	.jjly .jjly-a{ width: 96%; margin: 0 auto; font-size: 18px;}
	  .jjly .jjly-a .a{ width: 100%; margin: 0 auto; text-align: center;}
	  .jjly .jjly-a .c{ width: 100%; margin: 0 auto; display: flex;flex-direction: row;justify-content: center;align-items: center; border-bottom: 1px solid #eeeeee; padding: 10px 0px;}
	    .jjly .jjly-a .c .cl{ width: 8%;}
		.jjly .jjly-a .c .cm{ width: 82%;}
		.jjly .jjly-a .c .cr{ width: 10%; text-align: right;}
		.clo {float: right; margin: -5px 10px 0px 0px;}
	 .btn-numbox {
                overflow: hidden;
               
            }
            
           
            .btn-numbox .count .num-jian,.input-num,.num-jia {
                display: inline-block;
				        float:left;
                width: 28px;
                height: 28px;
                line-height: 28px;
                text-align: center;
                font-size: 18px;
                color: #999;
                cursor: pointer;
                border: 1px solid #e6e6e6;
            }
            .btn-numbox .count .input-num {
                width: 58px;
                height: 28px;
                color: #333;
                border-left: 0;
                border-right: 0;
            }
				.btn-numbox	.sl{display: block; float: left;}


/* 新闻资讯 */
.jj{width:100%; margin:0 auto; color:#333; }
  .jj-a{ width: 94%; padding: 10px 3%; margin: 0 auto;  font-size: 18px; position: fixed; top: 0; left: 0; z-index: 99; background: #fff;}
    .jj-a .jja-l{ display: block; float: left;}
	  .jj-a .jja-l a{ margin-right: 10px;}
	.jj-a .jja-r{ display: block; float: right;}
 .xa-t{ width: 94%; padding: 10px 3%; margin: 0px auto;  font-size: 16px; background: #fff; display: flex; align-items: center;}
   .xa-t .xat-l{ width: 32%; margin: 0 auto;}
   .xa-t .xat-r{ width: 65%; margin: 0 auto; margin-left: 3%;}
     .xa-t .xat-r .aa{ width: 100%; margin: 0 auto 20px;}
	 .xa-t .xat-r .bb{ width: 100%; margin: 0 auto;display: flex; align-items: center; font-size: 12px; color: #333;}
	   .xa-t .xat-r .bb .bb-a{ color: #09BA07; border: 1px solid #09BA07; border-radius: 5px; padding: 0px 2px; margin-right: 10px;}
	   .xa-t .xat-r .bb .bb-b{ margin-right: 10px;}
	     .xa-t .xat-r .bb .bb-b img{ margin-right: 3px;}
		 
		 
/* 新闻详情页 */
.xa-b{ width: 100%; margin: 0px auto;}
  .xa-b .xab-a{ width: 94%; margin: 0 auto 10px; font-size: 20px;}
  .xa-b .xab-b{ width: 100%; margin: 0 auto;}
  .xa-b .xab-c{ width: 94%; margin: 20px auto; font-size: 14px;}
.xa-c{ width: 94%; margin: 0px auto; display: flex; align-items: center; border: 1px solid #ececec; border-radius: 5px;background: #ececec; font-size: 14px;}
  .xa-c .xac-l{ width: 30%; margin: 0 auto;}
  .xa-c .xac-r{ width: 65%; margin: 0 auto;  text-align: left; margin-left: 5%;}
    .xa-c .xac-r p{ color: #f8ac08; margin-top: 10px;}
.xa-d{ width: 94%; margin: 0px auto; padding: 0px 3%; border-top: 5px solid #ececec;}
  .xa-d .xad-t{ width: 100%; margin:0 auto; padding: 10px 0px; border-bottom: 1px solid #ececec;}
    .xa-d .xad-t img{ margin-right: 10px;}
  .xa-d .xad-a{ width: 100%; margin:0 auto 10px; padding: 10px 0px; display: flex; align-items: flex-start;}
    .xa-d .xad-a .ll{ width: 10%; margin: 0 auto; text-align: left;}
	.xa-d .xad-a .mm{ width: 70%; margin: 0 auto; margin-left: 5%;}
	  .xa-d .xad-a .mm .mm-b{ margin: 3px 0px 10px; color: #999;}
	.xa-d .xad-a .rr{ width: 15%; margin: 0 auto; text-align: right;}

.mark{
position: fixed;
top: 0;
left: 0;
width:100%;
height: 100%;
background: rgba(0,0,0,0.3);
z-index: 999;
}
.spec{
position: fixed;
bottom: 52px;
left: 0;
width: 100%;
z-index: 1000;
background: #fff;
padding:10px 0 20px;
border-bottom: 1px solid #ccc;
}
.close-icon{
position: absolute;
right: 0px;
top: 0px;
width: 20px;
height: 20px;
/*background: #eee;*/
cursor: pointer;
}
.close-icon img{
	width: 100%;
	height: 100%;
}
.speccen{
width: 96%;
margin:0 auto;
}
.spectitle{
width:100%;
color: #000;
margin-bottom: 5px;
float: left;
}
  
.commendimg{
	height: 31vw;
}
.gbody p{
	line-height: 24px;
}
.gbody img{
	max-width: 100%;
}
  .goodsinfobox{
    width: 100%;
    height: 70px;
    padding:0 0 10px;
    position: relative;
  }
  .img_box{
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .img_box img{
    width: 100%;
    height: 100%;
  }
  .g_info{
    width: 100%;
    height: 70px;
    box-sizing:border-box;
    padding-left: 80px;
  }
  .g_name{
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #333;
    white-space:nowrap;
    overflow:hidden; 
    text-overflow:ellipsis;
    box-sizing:border-box;
    padding-right: 30px;
  }
  .g_price{
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: red;
  }
  .posi{
  	position: relative;
  }
  .posicon{
  	position: absolute;
  	right: 20px;
  }
  .loading{
  	z-index: 999999;
  }
  .loadgif{
  	width: 40px;
  	height: 40px;
  	position: absolute;
  	left: 50%;
  	top: 40%;
  	margin-left: -20px;
  }
  .specbox{
  	display: none;
  }
  .loading{
  	display: none;
  }