*{margin:0;padding:0;border:0;}
body {background-color:#f3f3f3; overflow-x:hidden;color: #000;font-size:12px; font-family: "微软雅黑","Microsoft YaHei", "Arial", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";}
a{text-decoration:none;}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}
input,select,img{vertical-align:middle;}
ul,li{ list-style:none;}
.clear{ clear: both;}
  /* 首页 */

.all{width:100%; margin:0 auto; background:#f3f3f3; color:#333; font-size: 14px; padding-bottom: 60px;}
  .a-t{ width: 94%; margin: 0 auto; display: flex; align-items: center; background: #fff; padding: 10px 3%; position: fixed; top: 0; left: 0; z-index: 9999;}
    .a-t .at-l{ width: 13%; margin: 0 auto; text-align: left;}
	  .a-t .at-l img{ width: 28px;}
	.a-t .at-m{ width: 64%; margin: 0 auto; background: #e5e5e5; border-radius: 30px; padding: 6px 5%;display: flex; align-items: center;}
	  .a-t .at-m img{ width: 16px; margin-top: -4px;}
	  .a-t .at-m input{ background: none; margin-left: 5%; color: #777;}
	.a-t .at-r{ width: 13%; margin: 0 auto; text-align: right;}
	  .a-t .at-r img{ width: 28px;}
  .a-a{ width: 100%; margin: 0 auto; padding-top: 50px;}
    .a-a img{ width: 100%;}
 	
 /* banner */
.banner{overflow:hidden;height: 100px;position: relative;height: 220px;}
.banner .d1{width:100%;display:block;position: absolute;left: 0;top: 0;height: 220px;}
.banner .d1 img {width:100%;display:inline-block;vertical-align: middle;height: 220px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:40%;}
.banner .d2 ul{float:left;position:absolute;left:68.5%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:6px;height:5px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center; width:9px}

.a-b{ width: 94%; margin:0px auto; background: #fff;border-radius: 5px;}
    .a-b ul{ width: 100%; margin: 0 auto;}
	  .a-b ul li{ display: block; float: left; width: 20%; text-align: center; margin: 7px 0px;}
	    .a-b ul li img{width: 45px; height: 45px; border-radius: 10px;}
	    .iconname{width: 100%;height: 20px;line-height: 20px;font-size: 13px;color: #333;margin-top: 5px;}
	.a-b .ab-b{ width: 100%; margin: 0 auto; display: flex; align-items: center; text-align: center; border-top: 1px solid #e5e5e5; padding: 10px 0px;}
	  .a-b .ab-b .aa{ width: 13%;border-right: 1px solid #e5e5e5;}
	    .a-b .ab-b .aa img{ width: 32px;}
	  .a-b .ab-b .bb{ width: 10%; font-size: 12px; color: #f49c06; border: 1px solid #f49c06; border-radius: 5px; margin-left: 3%;}
	  .a-b .ab-b .cc{ width: 61%; color: #000; overflow:hidden; height: 20px;white-space: nowrap; text-overflow: ellipsis;}
	  .a-b .ab-b .dd{ width: 13%;border-left: 1px solid #e5e5e5; color: #888;}
	  .a-b .ab-b .ee{ width: 70%;height: 20px;overflow: hidden;}
	  .a-b .ab-b .ul{ width: 100%;height: 20px;}
	  .a-b .ab-b .ff{ width: 100%;height: 20px;float: left;color: #888;overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
.a-c{ width: 100%; margin:0px auto; }
  .a-c img{ width: 100%; margin: 15px auto 0px;}
  
.a-d{ width: 100%; margin:0px auto;}
  .a-d ul{ width: 96%; margin: 0 auto;}
    .a-d ul li{ display: block; float: left; width:48%; text-align: center; margin: 5px 1%;}
	  .a-d .ad-t{ width: 100%; margin: 0 auto; }
	   .a-d .ad-t img{ width: 100%;border-radius: 5px 5px 0px 0px;}
	  .a-d .ad-t1{ width: 100%; margin: 0 auto; }
	   .a-d .ad-t1 img{ width: 100%;border-radius: 5px 5px 0px 0px; height: 134px;}
	.a-d .ad-b{ width: 90%; margin: 0px auto; color: #333; background: #fff; height: 30px; line-height: 30px; padding: 0px 5%;  border-radius: 0px 0px 5px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: left;}
	  .a-d .ad-b img{ height: 20px; width: 20px; border-radius: 50px; margin-right: 5%;}
	.a-d .ad-b1{ width: 90%; margin: 0px auto;color: #333; background: #fff; height: 55px; padding: 10px 5% 0px;  border-radius: 0px 0px 5px 5px; text-align: left;}
	  .a-d .ad-b1 img{ height: 20px; width: 20px; border-radius: 50px; margin-right: 5%;}
	  .a-d .ad-b1 .aa{ width: 100%; height: 18px;
white-space:nowrap;
overflow:hidden; 
text-overflow:ellipsis;
	  	word-break: break-all;}
	  .a-d .ad-b1 .bb{ margin-top: 6px; color: #F49C06; font-size: 12px;}
.bot{ width: 100%; margin:0px auto; background: #fff; position: fixed; bottom: 0; left: 0;}	
   .bot ul{ width: 100%; margin: 0 auto; display: flex; align-items: center; padding: 5px 0px;}
     .bot ul li{ width: 20%;text-align: center;}
	   .bot ul li a{ color: #333; font-size: 12px;}
	   .bot ul li img{ width: 20px; margin-bottom: 1px;}
	   .bot ul li p{ width: 100%; margin: 0 auto; }
	   .bot .aa p{ color: #0fa281;}
	   
	   
/* 发现 */
.a-t1{ width: 100%; margin: 0 auto;  background: #fff; padding: 12px 0px; position: fixed; top: 0; left: 0; z-index: 9999; font-size: 20px; text-align: center;}
.a-d .ad-b2{ width: 90%; margin: 0px auto;display: flex; align-items: center; color: #333; background: #fff; height: 30px; padding: 0px 5% 10px;  border-radius: 0px 0px 5px 5px;}
	  .a-d .ad-b2 img{ height: 20px; width: 20px; border-radius: 50px; margin-right: 5%;}
	  
/* 购物车 */
.b-t{ width: 94%; margin: 0 auto;display: flex; align-items: center;  background: #fff; padding: 12px 3%; position: fixed; top: 0; left: 0; z-index: 9999; font-size: 20px; text-align: center;}
  .b-t .bt-l{ width: 40%; margin-left: 30%;}
  .b-t .bt-r{ width: 30%; font-size: 14px; text-align: right; }
    .b-t .bt-r img{  width: 25px; margin-left: 5%;}
	.b-t .bt-r a{color: #333;}


/* 我的 */
.c-a{ width: 94%; margin: 0 auto; color: #fff; position: absolute; top: 0; left: 3%; z-index: 999;}
  .c-a .ca-a{ width: 100%; margin: 10px auto; text-align: right;}
    .c-a .ca-a img{ width: 25px; margin-left: 2%;}
  .c-a .ca-b{ width: 100%;display: flex; align-items: center;}
    .c-a .ca-b img{ width: 70px;}
	.c-a .ca-b a{ margin: 0px 2%; color: #fff; font-size: 20px;}
	.c-a .ca-b .cab-b{ font-size: 12px; background: #54d853; border-radius: 30px; padding: 2px 8px;}
.ca-c{ width: 94%;background: #fff; border-radius: 5px; margin: 15px auto; padding: 10px 0px;}
   .ca-c .cac-t{ width: 92%; margin: 0 auto; border-bottom: 1px solid #ececec; padding-bottom: 10px; font-size: 16px;}
     .ca-c .cac-t img{ width: 8px;float: right; margin-top: 3px;}
   .ca-c .cac-b{ width: 100%; margin: 10px auto 0px;}
     .ca-c .cac-b a{ width: 20%; text-align: center; display: block; float: left; color: #333; font-size: 12px;position: relative;} 
     .ca-c .cac-b img{ width: 25px; margin-bottom: 5px;}
   .ca-c .cac-b1{ width: 100%; margin: 10px auto 0px;}
     .ca-c .cac-b1 a{ width: 25%; text-align: center; display: block; float: left; color: #333; font-size: 12px;} 
     .ca-c .cac-b1 img{ width: 25px; margin-bottom: 5px;}