page{ background: #ccc; } .container { position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-flex-flow: column; width: 100%; height: 100%; padding: 0; font-size: 14px; color: #000; } .footer{ position: fixed; z-index: 10000; bottom:0; left:0; width: 100%; text-align: center; padding: 0; } .footer button{width:100%;height:2.5em; line-height: 2.5em; background:linear-gradient(to right,#00B050,#00B050); color:#fff;border-radius:0;} .emx_box{ display: flex;flex-direction: column;width:100%; box-sizing: border-box; border-radius:0.5em; } .emx_box_to{ width:100%; background-color: #fff; } .Canvas_box_to{ display: none; } .Canvas_box_to canvas{ width:100%; } .emx_box_to image{ width:100%; } .emx_button_box{ display: flex;flex-direction: column;width:100%; padding: 0.8em; box-sizing: border-box; border-radius:0.5em; } .button_box{ display: flex; flex-direction: row; margin: 0; padding:0; padding-right: 0.8em; width: 100%; box-sizing: border-box; align-items: center; justify-content: center; background-color: #fff; border-radius:0.5em; } .button_box form{ width: 100%; } .button_box .button_box_to{ display: flex; flex-direction: row; width: 100%; } .button_box .button_box_item{ display: flex; flex-direction: column; flex-grow: 1; width:50%; height:2.5em; margin: 0; padding: 0.8em; padding-right: 0; } .button_box .button_box_item .mybtn{ width: 100%; height: 100%; border-radius: 0.4em; background-color: #00B050; color:#fff; line-height: 2.5em; text-align: center; font-size: 1em; } .gxzmx_box { display: flex; flex-direction: row; align-items: center; width: 100%; background-color: #fff; margin: 0; padding: 0em; text-align: center; border-radius: 0.7em 0.7em 0 0; border-bottom: 1px solid #f1f1f1; box-sizing: border-box; } .gxzmx_box view { display: flex; flex-direction: column; width: 50%; align-items: center; justify-items: center; padding-top: 1.2em; padding-bottom: 1.2em; box-sizing: border-box; } .gxzmx_box view image { display: block; width:3em; height:3em; } .gxzmx_box view text { display: block; color: #000; font-size: 1em; } .gxzmx_box view text.je { color: #000; font-weight: 800; } .gxzmx_box view.alink text{ color:#00B050; } .Paypush_box{ display: flex; flex-direction:row; align-items: center; width: 100%; padding: 0.8em; border-bottom:1px solid #f1f1f1; box-sizing: border-box; } .zzjfmx_box { display: flex; flex-direction: column; align-items: center; width: 100%; background-color: #fff; margin: 0; margin-top: 0.8em; padding: 0em; text-align: center; border-radius: 0.5em; overflow: hidden; box-sizing: border-box; } .zzjfmx_box .title { width: 100%; height: 2.5em; line-height: 2.5em; font-size: 1em; text-align: left; border-bottom: 1px solid #f1f1f1; padding: 0 0.8em; box-sizing: border-box; font-size: 1em; font-weight: 900; } .nodata{padding-top:1em; text-align: center; line-height: 1.5em; color:#939393;} .nodata image { width: 80px; height: 80px; }