.header-base{position:fixed;top:0;width:100%;z-index:100}.header-base__content{background:#bababa;width:100%;max-width:600px;height:64px;margin-left:auto;margin-right:auto}.footer-base{position:fixed;bottom:0;width:100%;z-index:100;display:flex;justify-content:space-between}.footer-base__content{height:64px;width:100%;max-width:600px;margin-left:auto;margin-right:auto;background-color:#bababa}.footer-base__content__item1{background-color:#9b9b9b}.footer-base__content__item1,.footer-base__content__item2{float:left;min-width:20%;min-height:64px;text-align:center;line-height:64px}.footer-base__content__item2{background-color:#e0e0e0}.footer-base__content__item3{background-color:#c7c7c7}.footer-base__content__item3,.footer-base__content__item4{float:left;min-width:20%;min-height:64px;text-align:center;line-height:64px}.footer-base__content__item4{background-color:#949494}.footer-base__content__item5{float:left;min-width:20%;min-height:64px;background-color:#b6b6b6;text-align:center;line-height:64px}.smart-app{background-color:grey}.smart-app__main-content{width:100%;max-width:600px;min-height:100%;margin-left:auto;margin-right:auto;background-color:#fff}.header{background-color:#e2e2e2;padding:10px}.canvas[data-v-c2eaca20]{border:1px solid #000}body,html{margin:0;padding:0;background-color:#ddffcd}