@charset "utf-8";
/* BEGIN */
html,body{height: 100%; font-family: \5FAE\8F6F\96C5\9ED1; overflow: hidden;}
/* 创建一个可滚动区域 */
  .scrollable-content {
    height: 100%;
    overflow-y: scroll; /* 允许垂直滚动 */
    padding-right: 17px; /* 留出滚动条空间 */
  }
 
  /* 针对webkit内核浏览器隐藏滚动条 */
  .scrollable-content::-webkit-scrollbar {
    display: none;
  }
.container {
    width: 100%;
    height: 100%;
	background: #EDEDED;
	/*
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-image: url("bg-image.jpg");
	*/
    text-align: center;
    position: relative;
	overflow: hidden;
}
.root{position: absolute; top: 0; z-index: 2; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; background-color: #EDEDED;}
.qrcode{width: 300px; height: 300px; margin: 0 auto; background:no-repeat url("../../MEAO.png") left top;}


/* 底部 */
.footer{position: fixed; bottom: 0; width: 100%; z-index: 10; background:#333;}
.footer h3{width: 100%; height: 60px; line-height: 60px; color:#FFF; font-size: 14px; font-weight: 200; text-align: center;}
.footer h3 span{padding: 0 5px;}
.footer h3 span i{margin-right: 5px; font-family:arial; font-size: 13px;}
.footer h3 span a{color:#FFF;}