.body{ max-width:640px; margin:auto; min-height:100%; position:relative; } .box_swipe>ol>li { background:#fff; -webkit-box-shadow: inset 0 0 3px #aaa; } .box_swipe>ol>li.on{ background:rgb(146,214,235); } .box_swipe>ol{ position:absolute; margin:auto; top:50%; background:none; width:100%; text-align:center; } #topList_box ol{ pointer-events:none; } #navList_box{ height:70px; position:fixed; left:0; right:0; bottom:0; width:100%; background:#004d99; z-index:2000; max-width:640px; margin:auto; margin-top:-100%; padding:5px 0; } #navList_box li{ padding:0 33px; -webkit-box-sizing:border-box; box-sizing:border-box; } #navList_box li>a{ width:25%; float:left; text-align:center; color:#fff; overflow:hidden; padding-top: 8px; } #navList_box li>a .home{background: url(../images/home-nav.png) 6px 6px/1000% no-repeat,rgba(255,255,255,.4);} #navList_box li>a .sms{background: url(../images/home-nav.png) -89px 6px/1000% no-repeat,rgba(255,255,255,.4);} #navList_box li>a .tel{background: url(../images/home-nav.png) -184px 6px/1000% no-repeat,rgba(255,255,255,.4);} #navList_box li>a .navi{background: url(../images/home-nav.png) -278px 6px/1000% no-repeat,rgba(255,255,255,.4);} #navList_box li>a img{ width:45px; height:45px; max-height:80%; margin:5px 0; } #navList_box li>a .tit{font-size: 13px;line-height: 1.5;} #navList_box ol{ position:absolute; top:0; z-index:2100; height:0px; background:red; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } #navList_box ol>a{ color:#ccc; display:inline-block; width:10px; height:10px; float:left; background:transparent; -webkit-transform:rotate(45deg); transform:rotate(45deg); border:0px solid #fff; margin:22px; margin-top:30px; border-width:0 0 2px 2px; } #navList_box ol>a:nth-of-type(2){ float:right; border-width:2px 2px 0 0; } footer{ display:none!important; } span[class*="icon"]{ display:inline-block!important; width:32px; height:32px; border-radius:32px; border:1px solid #fff; -webkit-box-sizing:border-box; box-sizing:border-box; box-shadow:inset 0 0 3px #aaa; margin:5px 0 -2px; } span[class*="icon"]:before{ color:#000; font-size:25px; line-height:45px; } span[class*="icon"]+img{ display:none; } #banner_box.box_swipe>ol { position: fixed; top:inherit; bottom:90px; display:none; }