.topinfo {width:100%;height:auto; background:#fff;text-shadow:0px 0px 0px #777; position:relative}

.topinfo .module.xauto {min-width:300px;width:90%;max-width:400px;padding:10px 0;}

.topinfo .avatar {width:50px;height:50px;}

.topinfo .avatar a {display:block;width:50px;height:50px;padding:1px;background:rgba(255,255,255,0.6); overflow:hidden}

.topinfo .avatar a img {height:100%; margin:0;padding:0;}

.topinfo .info {margin-left:80px;color:#333; font-size:10px}

.topinfo .info .nickname{ font-size:15px}

.topinfo .info dl dd .huang{ color: #e9c174}

.topinfo .info .dim {color:#CEE7FF;}

.topinfo .qrcode{ width:70px;  position:absolute; text-align:center; background:linear-gradient(to top right, #c21801, #d36859); right:10px; top:20px; border:1px solid #d36859;   border-radius:5px;  }

.topinfo .qrcode a{    color:#fff; line-height:32px;   }

.topinfo .qrcode i{ font-size:14px;  color:#fff; margin-right:3px; }





.top{ padding:8px 0px; background:#fff; height:32px; line-height:30px;}

.top .cate,.top .right{ display:block;width:16%; float:left; background:url(../images/cate.png) center 5px no-repeat; background-size:auto 22px; height:30px;}

.top .con{ width:68%; float:left}

.top .con .input{ display:block; background:#f8f7fc url(../images/search.png) 10px center no-repeat; background-size:auto 20px; height:30px; border:1px solid #f2f0f7; border-radius:15px; padding:0px 10px;}

.top .right{  background:url(../images/user.png) center 5px no-repeat; background-size:auto 22px;  }

/* 轮播图片 */

.carousel {width:100%;height:auto;position:relative;}

.carousel .slider {width:500%;height:auto;position:relative;top:0;left:0;}

.carousel .slider a {display:block;float:left;width:20%;}

.carousel .slider img {width:100%; border-radius:15px;height:142px;}

.carousel .trigger {position:absolute;width:100%;bottom:4%;margin:0 auto;text-align:center;}

.carousel .trigger i {display:inline-block;width:5px;height:5px;border:1px solid #fff;margin:0 3px;background:#ccc;border-radius:5px;}

.carousel .trigger i.cur {background:#ffcc66;}

/* 菜单开始 */

.tbg{ background:#fff; margin-bottom:10px; }

.tou{ text-align:center; line-height:100%; line-height:40px; border-top:10px solid  #fff; font-size:16px; font-weight:bold;}

.wnav {width:100%;padding:15px 0;overflow:hidden}

.wnav a {float:left;display:block;width:33.333%;text-align:center;}

.wnav a div {width:75%;width:40px;height:40px;line-height:40px;margin:0 auto;border-radius:25%;}

.wnav a i {font-size:26px;color:#fff;color:#fff}

.wnav a img{ width:40px; height:40px; border-radius:15px;border-radius:25%;}

.wnav a span {display:block;color:#333; font-size:14px; font-weight:bold;margin-top:5px; line-height:160%}

.wnav a p{color:#999;}

.wnav a.news div {background:#0099ff}

.wnav a.order div {background:#ffcc00}

.wnav a.fav div {background:#ff3366}

.wnav a.history div {background:#33cc66}



.inav {width:100%; overflow:hidden; display:flex; flex-wrap:   wrap }

.inav a { text-align:center; width:20% }

/*.inav a:nth-child(n+5)  { margin-top:15px;}*/

.inav a>div{width:45px;  margin:0px auto; background:#33cc66;   border-radius:50%; box-shadow:0 2px 10px #ccc;   text-align:center; color:#fff; }

.inav a>div i{font-size:26px; line-height:45px;}

.inav a p{ text-align:center; margin-top:5px;}

.inav a:nth-child(2) div{background:#0099ff}

.inav a:nth-child(3) div{background:#ffcc00}

.inav a:nth-child(4) div{background:#ff3366}



/*新闻公告*/

.inews{ display:flex; padding:10px 3vw; line-height:30px; background:#fff; border-top:1px solid #eee;}

.inews .tit{  font-size:15px; padding-right:15px;  border-right:1px solid #ddd; font-weight:bold;  }

.inews .tit span{ color:#06F}

.inews .con{ flex:1;padding-left:15px;  }

.inews .more i{  color:#ccc; font-size:14px}



/*两个广告*/

.adjh{ background:#fff; padding:8px; height:auto; overflow:hidden}

.adjh div{ margin-bottom:8px;}

.adjh div:last-child{ margin-bottom:0px; }

.adjh div img{ width:100%; }



/* 商品列表 */

.gli_t {color:#666;padding:0 0 0 2px;}

.gli_t h2 {font-size:18px;font-weight:normal}

.gli {width:100%;height:auto;overflow:hidden; background:#fff;}

.gli .slider {width:100%;height:auto;position:relative;overflow:hidden;}

.gli ul {display:block;width:500%;height:auto;position:relative;left:0;}

.gli ul li {display:block;float:left;width:10%;}

.gli ul li .im {text-align:center;padding:5% 0;}

.gli ul li .im img {width:50%;}

.gli ul li h3 {padding:0 3%;}

.gli ul li h3 a {font-weight:normal;color:#666;}

.gli ul li h3 a:hover {color:#CC3366;text-decoration:none}

.gli ul li p.price {text-align:center;font-size:16px;color:#CC3333}

.gli ul li p.price i {font-family:Arial;font-style:normal;font-size:14px;}

.gli .trigger {text-align:center;}

.gli .trigger i {margin:0 2px;font-size:0;line-height:0;display:inline-block;width:5px;height:5px;border-radius:5px;background:#ccc;}

.gli .trigger i.cur {background:#33CCCC}

/* 广告 */

.ad-abr a {display:block;float:left;margin-right:6px;}

.ad-abr a last {margin-right:0;}

.ad-abr a img {width:360px;}



/*红包*/



.imask{ position: fixed; z-index:1; background:rgba(0,0,0,0.5); width:100%; height:100%; top:0px; left:0px;}

.hongbao{ position:relative;  background:#f36152 url(../images/hbbg.jpg) center bottom no-repeat; background-size:100% auto;  width:70vw; height:100vw;   margin:0px auto; margin-top:15vh; border-radius:10px; text-align:center; color:#fae2b2; line-height:180%}

.hongbao .title{   font-size:18px; padding:0 10px; padding-top:10vw;}

.hongbao .title2{  font-size:14px; padding-top:10px;}

.hongbao .jinbi{ width:50%; height:30vw; margin:0px auto; background:url(../images/jinbi.png) center center no-repeat; background-size:90% auto}

.hongbao .res{ width:70%; height:80px;  margin:0px auto; margin-top:10vw; background:url(../images/knbg.png) center bottom no-repeat; background-size:100% auto; border-radius:10px 10px 0 0  ; overflow:hidden}

.hongbao .res .tit{ color:#333; font-size:14px; padding-top:10px; margin-bottom:10px}

.hongbao .res .point{ color:#f3543f;}

.hongbao .res .point strong{  font-size:24px; }

.hongbao .kai{ width:20vw; height:20w; line-height:20vw; text-align:center; border-radius:50%; background:#fddf47; color:#a57f19; font-size:26px; position:absolute; bottom:15vw; left:25vw; }

.hongbao .resbtn{ width:50%; line-height:30px; margin:10vw auto;  text-align:center; border-radius:20px; background:#fddf47; color:#a57f19; font-size:14px; }

.hongbao .close{ width:30px; float:right; line-height:30px; border-radius:50%; background:#fff; margin-right:-15px; margin-top:-15px; color:#333;}

.hongbao_dh{ animation:mymove 0.6s; }

	@keyframes mymove { 0%{  transform: scale(1);  /*开始为原始大小*/  }

                25%{  transform: scale(1.1); /*放大1.1倍*/ }

                50%{  transform: scale(0.8);  }

                75%{ transform: scale(1);  }

}