.header{width:100%;height:50px;background:#fff;padding:0 4%;display:inline-flex;}
.header a{display:inline-block;}
.header a:nth-child(1){width:23%;position:relative;line-height:50px;padding-left:8%;}
.header a:nth-child(1) i{font-size:25px;color:#13B161;position:absolute;top:0;left:0;}
.header a:nth-child(2){width:77%;height:36px;line-height:36px;background:#f1f1f1;border-radius:18px;margin-top:7px;padding-left:5%;color:#adadad;}
.header a:nth-child(2) i{font-size:16px;margin-right:2%}

/*city*/
.city{width:100%;height:100%;background:#F7F7F7;position:fixed;top:0;left:0;z-index:10000;display:none;}
.city h2{width:100%;height:50px;line-height:50px;border-bottom:#efefef solid 1px;text-align:center;font-size:16px;background:#fff;}
.city aside{height:42px;line-height:42px;background:#fff;color:#707070;padding-left:4%;}
.city span{display:block;padding:5% 4%;color:#797979;}
.city-box{padding:0 2%;}
.city-box li{padding:2%}
.city-box li a{display:block;height:40px;line-height:40px;text-align:center;background:#fff;color:#505050;border-radius:3px;}
.city .btn-a{position:fixed;z-index:10001;bottom:0;width:100%;left:0;background:#fff;height:50px;line-height:50px;text-align:center;}

/*banner*/
.banner{height:135px;}
.carousel-indicators li {width:10px;height:10px;border-radius:50%;}
.icon a{text-align:center;}
.icon a i{display:block;font-size:38px;height:50px;}
.icon a:nth-child(1) i{color:#7e7bff;}
.icon a:nth-child(2) i{color:#FF8368;}
.icon a:nth-child(3) i{color:#5daafb;}
.icon a:nth-child(4) i{color:#f99c40;}
.icon a:nth-child(5) i{color:#FFB427;}
.icon a:nth-child(6) i{color:#a763ff;}
.icon a:nth-child(7) i{color:#93D559;}
.icon a:nth-child(8) i{color:#ff6e6e;}

/*shop-list*/
.shop-list{background:#fff;margin-top:10px;margin-bottom:70px;}
.shop-list h3{padding:4% 0 2% 4%;font-size:18px;}
.shop-list a{display:block;padding:0 4% 4% 4%;border-bottom:#f1f1f1 solid 1px;}
.shop-list a:last-child{border:0;}
.shop-list a h4{font-size:16px;padding:3.5% 0;color:#505050;}
.shop-list a ul li img{width:70px;height:70px;}
.shop-list a ul li:nth-child(2){padding-left:0;font-size:12px;position:relative;}
.shop-list a ul li:nth-child(2) span{display:block;color:#FF6300;}
.shop-list a ul li:nth-child(2) span i{margin-left:10px;color:#9a9a9a;}
.shop-list a ul li:nth-child(2) p{padding:4% 0;display:inline-flex;}
.shop-list a ul li:nth-child(2) p em{display:inline-block;width:50px;text-align:center;border:#FEC9C1 solid 1px;
    border-radius:3px;margin-right:8px;color:#FF553F;}
.shop-list a ul li:nth-child(2) cite{display:block;color:#9a9a9a;font-size:13px;}
.shop-list a ul li:nth-child(2) b{font-weight:normal;position:absolute;text-align:right;top:0;right:0;color:#9a9a9a;}

/*list-banner*/
.gift-banner{width:100%;background:url("../images/banner.png") no-repeat;background-size:100% 80%;padding:0 4%}
.gift-banner h3{padding:6% 0 5% 0;color:#fff;font-size:18px;}
.list-roll{background:#fff;border-radius:5px;padding:1.5% 1.5% 6% 2.2%;box-shadow:3px 3px 10px #e4e4e4;}
.list li{float:left;width:33%;padding:1.5%;}
.list li img{width:100%;height:100%;}
.list li a{position:relative;display:block;}
.list li a em{display:block;border-radius:0 0 5px 0;background:#0000008a;position:absolute;bottom:0;right:0;color:#fff;padding:4%;font-size:12px;}
.list li p{color:#FF553F;padding:10% 0 8% 0;font-size:12px;}
.list li p i{font-size:16px;margin-left:2px;}
.list-roll .carousel-indicators li {background-color:#bdbdbd;}
.list-roll .carousel-indicators{bottom:5px;}

/*list-foot*/
.list-foot{padding:0 4%; margin-bottom:20%;}
.list-foot a{display:block;background:#fff;box-shadow:3px 3px 10px #e4e4e4;border-radius:5px 5px 0 0;margin-top:15px;}
.list-foot a div img{width:100%;height:100%;border-radius:5px 5px 0 0;}
.list-foot a div{position:relative;}
.list-foot a div p{display:block;position:absolute;padding:2%;background:#0000006e;border-radius:3px;color:#fff;top:10%;left:4%;font-size:12px;}
.list-foot a aside{padding:4%;font-size:12px;color:#9a9a9a;}
.list-foot a aside h3{font-size:16px;color:#505050;}
.list-foot a aside cite{display:inline-flex;}
.list-foot a aside cite i{display:inline-block;width:50px;text-align:center;border:#FEC9C1 solid 1px;
    border-radius:3px;margin-right:8px;color:#FF553F;}
.list-foot a aside p{padding:1.5% 0 2.5% 0;position:relative;}
.list-foot a aside p i{position:absolute;top:18%;right:0;}


/*shop-header*/
.shop-header{background:#fff;padding:4% 2%;border-radius:5px;}
.carousel-item img{border-radius:5px;}
.roll-shop ul{}
.roll-shop ul li{float:left;width:33%;padding:2%;}
.shop-header h4{font-size:20px;padding:4% 0 0 2%;}
.shop-header h4 span{font-size:12px;color:#9a9a9a;}
.shop-header h4 em{color:#FF6300;margin-left:10px;}
.shop-header cite{padding:0 0 0 2%;font-size:12px;display:inline-flex;}
.shop-header cite em{display:inline-block;text-align:center;border:#FEC9C1 solid 1px;border-radius:3px;margin-right:8px;color:#FF553F;min-width:50px;}