@charset "UTF-8";
html {
  -webkit-text-size-adjust: none; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

body, button, input, select, textarea {
  font: 12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif; }

body {
  font-family: "Microsoft YaHei",Tahoma,Arial,Verdana,Helvetica,宋体,sans-serif;
  *font-family: 宋体; }

input, select, textarea {
  font-size: 100%; }

input, select {
  vertical-align: middle; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  text-align: inherit; }

fieldset, img {
  border: 0; }

img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: middle; }

iframe {
  display: block; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

del {
  text-decoration: line-through; }

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: 500; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 700; }

cite, em, i {
  font-style: normal; }

q:before, q:after {
  content: ''; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

ins, a {
  text-decoration: none; }

textarea {
  resize: vertical; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0; }

:focus {
  outline: 0; }

a:link, a:visited {
  text-decoration: none;
  color: #4c4c4c; }

.g_flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }

body {
  font-size: .15rem;
  color: #333333;
  background: url("../img/app_share/bg.jpg") no-repeat 0 0;
  width: 100%;
  background-size:100%;
  overflow: hidden; }

.switch_area {
  position: relative; }
  .switch_area img {
    width: 90%;
    display: block;
    margin: 0 auto; }
  .switch_area li {
    float: left; }

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .7rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff; }
  .footer:before {
    content: '';
    background: url("../img/app_share/logo.png") no-repeat 0 center;
    background-size: 100%;
    width: .5rem;
    height: .5rem;
    margin-left: .1rem;
    margin-right: -.3rem; }
  .footer big {
    display: block;
    font-size: .19rem; }
  .footer .down_btn {
    background-color: #479c00;
    border-radius: .5rem;
    height: .45rem;
    line-height: .45rem;
    margin-right: .1rem;
    padding: 0 .2rem;
    font-size: .18rem;
    display: inline-block;
    cursor: pointer;
    color: #fff; }