*{padding:0px; margin:0px;}
body{font-size:14px;}
a{text-decoration:none;}
.flexRow{display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;flex-flow:row nowrap;}
.flexCol{display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;flex-flow:column nowrap; }

#pager{position:absolute;left:0;top:0;width:100%; height:100%;}
#topBar{background:#387ef5;width:100%; height:42px; line-height:42px; color:#fff; text-align:center; position:fixed; left:0; top:0; z-index:888;}
#topBar a{color:#fff;}
#topBar .l{width:60px;flex:0 0 auto;}
#topBar .c{text-align:center; flex:0 1 auto; width:100%;}
#topBar .r{width:60px;flex:0 0 auto;}

#bodyer{width:100%; padding:42px 0px 48px 0px; position: relative;}
#bodyer iframe{width:100%; height:100%; box-sizing: border-box; }

#mainNav{height:48px;width:100%; line-height:48px; position:fixed; left:0;bottom:0; z-index:888; background:#f4f4f4;}
#mainNav a{display:block; height:48px; font-size:14px; box-sizing:border-box; width:25%; text-align:center; color:#333;border-top:1px solid #ccc;}
#mainNav .current{ font-weight:bold; font-size:15px; color:#0c60ee;}
#mainNav .current span{ border-top:2px solid #0c60ee; display:inline-block; margin-top:-1px; position:relative; padding:0px 3px;}