.main-nav { background: #fff; width: 100%; max-width: 640px; margin: 0 auto; padding-top: 1rem; }
.main-nav ul { width: 100%; display: flex; justify-content: space-around; flex-wrap: wrap; }
.main-nav ul li { width: 20%; text-align: center; }
.main-nav ul li p { width: 4.5rem; height: 4.5rem; margin: 0 auto; border-radius: 50%; text-align: center; cursor: pointer; }
.main-nav ul li p img { display: inline-block; width: 3.1rem; padding-top: 0.7rem; }
.main-nav li h3 a { font-size: 1.4rem; font-weight: normal; color: #333; margin: 0.7rem 0; display: block; }
.main-nav ul li .nav-01 { background: #f66c6c; }
.main-nav ul li .nav-02 { background: #bad93e; }
.main-nav ul li .nav-03 { background: #d1759c; }
.main-nav ul li .nav-04 { background: #ffa739; }
.main-nav ul li .nav-05 { background: #72b4e4; }

.foot { padding: 1.5rem 0 0; width: 100%; margin-top: 1rem; max-width: 640px; background: #fff; border-top: 1px dashed #b6b6b6; }
.foot .foot-logo { padding-top: .5rem; }
.foot .foot-logo, .foot .foot-layer { display: flex; justify-content: space-around; flex-wrap: wrap; overflow: hidden; }
.foot .foot-logo li { width: 40%; text-align: center; }
.foot .foot-logo li:first-child { text-align: right; }
.foot .foot-logo li img { display: inline-block; width: 100%; }
.foot .foot-layer { margin: 1rem 0; }
.foot .foot-layer li { width: 30%; text-align: center; cursor: pointer; font-size: 1.4rem; }
.foot .foot-layer li i { color: #555; }
.foot .foot-layer li p { line-height: 3rem; }
/*弹出层*/
.foot-layer-main li { position: fixed; top: 0; right: 0; left: 0; bottom: 0; margin: auto; width: 65%; max-width: 230px; height: 315px; border-radius: 5px; background: #fff; z-index: 999; text-align: center; box-shadow: 1px 1px 5px #888; display: none; }
.foot-layer-main li .close { display: block; position: absolute; bottom: -35px; right: 50%; margin-right: -15px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #31b2ea; /*background: rgba(255,0,0,.5);*/ color: #fff; }
.layer-wechat-main p, .layer-store-mian p { text-align: center; line-height: 2rem; }
.layer-store-mian p { text-align: center; line-height: 2rem; font-size: 1.4rem; }
.layer-wechat-main img, .layer-store-mian img { width: 100%; border-radius: 5px; }
.foot-layer-main li.layer-contact-main { height: 5rem; padding: 1rem 0 0; }
.layer-contact-main p {  text-align: center; line-height: 2.4rem; }
.foot .ef { background: #31b2ea; width: 100%; height: 5rem; text-align: center; }
.foot .ef h3 { font: bold 2rem/5rem "Microsoft YaHei"; color: #fff; }
.foot .ef i { font-style: normal; color: #ffe400; }
.bg-box { max-width: 640px; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; margin: auto; position: fixed; background: rgba(0,0,0,0.8); display: none; z-index: 99; }
.mui-left p { text-align: center !important; font-size: 1.4rem; line-height: 2rem; }