/**
 * 公共样式
 */

* { margin: 0; }


/*顶部*/
#header { padding: 10px 2%; width: 96%;
    background: #fff; border-bottom: 1px solid #eee; box-shadow: 0 0 5px #eee;
    position: fixed; left: 0; top: 0; z-index: 100; }
#header .head { width: 10%; min-width: 25px; height: 25px; overflow: hidden; float: left; }
#header .head img { width: 25px; height: 25px; }
#header .zjt { padding: 2px; width: 15px; height: 15px; float: left; }
#header .zjt img { width: 15px; height: 20px; }
#header .title { width: 100%; text-align: center; }


/*底部*/
#bomMenu { padding: 5px 0; width: 100%; background: #fff;
    border-top: 1px solid #eee; box-shadow: 0 0 5px #ccc;
    position: fixed; bottom: 0; left: 0; z-index: 100; }
#bomMenu .li { width: 20%; text-align: center; color: #888; font-size: 10px; float: left; }
#bomMenu .click { color: red; }
#bomMenu .li img { width: 20px; }


/*表单*/
#formPop .popMask { width: 100vw; height: 100vh; background: rgba(0,0,0,0.5);
    position: fixed; top: 0; left: 0; z-index: 10; }
#formPop .popCnt { padding: 20px 5%; width: 70%; height: 50vh;
    background: #fff; border-radius: 5px; overflow: auto;
    position: fixed; top: 20%; left: 10%; z-index: 10; }
#formPop select, #formPop input { margin: 10px 0; padding: 10px 5%; width: 100%; border: 1px solid #ddd; border-radius: 5px; }
#formPop textarea { margin: 10px 0; padding: 10px 5%; width: 100%; height: 100px; border: 1px solid #eee; border-radius: 5px; resize: none; }
#formPop .popBtn { margin: 10px 3%; }
#formPop .popBtn button { padding: 10px; width: 47%; background: #0088CC; color: #fff; border: 0; border-radius: 5px; }