html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
}

.app_box {
  width: 100%;
  height: 300pt;
  background-size:cover;
  background-position: center; 
  background-image: url('./pic_beijing.png');
  padding-top: 62pt;
}
.app_logo {
  width: 50pt;
  height: 50pt;
  display: block;
  margin:  0 auto;
}
.app_title {
  color: #333333;
  font-size: 24pt;
  text-align: center;
  margin: 5pt;
}
.app_line {
  height: 1px;
  background-color: #dedede;
  width: 180pt;
  margin: 36pt auto 30pt;
}
.app_version {
  color: #999999;
  font-size: 12pt;
  text-align: center;
}
.actions {
  margin: 18pt auto 0;
  text-align: center;
}
.actions a {
  position: relative;
  display: inline-block;
  padding: 6pt 12pt;
  min-width: 140pt;
  border: 1px solid #415FFF;
  border-radius: 40px;
  font-size: 12pt;
  background: #415FFF;
  color: #fff;
  text-decoration: none;
}
.actions a img {
  width: 16pt;
  height: 16pt;
  vertical-align: middle;
}

.msg {
  margin: 12px;
}
.msg .msg_header {
  margin-top: 0;
  color: #333333;
  text-align: center;
  font-size: 14pt;
}
.msg .msg_body {
  width: 210pt;
  margin: 0 auto;
  text-align: left;
  font-size: 14pt;
  color: #999999;
}


 
.mask {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
  display: none;
	background: rgba(0, 0, 0, 0.4);
}
.mask .mask_alert {
  position: absolute;
  right: 12pt;
  left: 12pt;
  top: 120pt;
  text-align: center;
  color: #fff;
  font-size: 12pt;
}
.mask img {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}