html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

main {
  display: block; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline; }

b, strong {
  font-weight: bolder; }

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

img {
  border-style: none; }

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: .35em .75em .625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

html {
  font-size: 100px; }

.common-header {
  background-color: #fff;
  z-index: 1;
  position: relative; }
  .common-header .msg {
    position: fixed;
    left: 50%;
    top: .8rem;
    padding: .12rem .16rem;
    max-width: 70%;
    transform: translateX(-50%);
    border-radius: .05rem;
    color: #909399;
    background-color: #f4f4f5;
    border-color: #909399;
    border-width: .01rem;
    border-style: solid;
    font-size: .14rem;
    visibility: hidden; }
    .common-header .msg.ok {
      color: #67c23a;
      background-color: #f0f9eb;
      border-color: #67c23a;
      visibility: visible; }
    .common-header .msg.err {
      color: #f56c6c;
      background-color: #fef0f0;
      border-color: #f56c6c;
      visibility: visible; }
  .common-header .main {
    height: .78rem;
    display: flex;
    align-items: center; }
    .common-header .main .header-logo {
      width: 1.54rem;
     /* height: .37rem; */
      margin-right: .60rem; }
      .common-header .main .header-logo:hover {
        cursor: pointer; }
    .common-header .main .bar {
      flex: 1;
      display: flex;
      justify-content: space-around;
      align-items: center; }
      .common-header .main .bar .item {
        flex: 1;
        font-size: .14rem;
        font-weight: 400;
        color: #121212;
        text-align: center; }
        .common-header .main .bar .item:hover {
          color: #175D9B; }
        .common-header .main .bar .item.now {
          font-weight: bold;
          color: #175D9B; }
        .common-header .main .bar .item.new {
          position: relative; }
          .common-header .main .bar .item.new img {
            position: absolute;
            width: .34rem;
            height: .22rem;
            top: -.16rem;
            right: -.04rem; }
    .common-header .main .btn {
      display: none;
      font-family: Microsoft YaHei, serif;
      font-size: .14rem;
      font-weight: bold;
      border-radius: .04rem;
      line-height: .26rem;
      padding: 0 0.09rem;
      margin-left: .17rem;
      border: .01rem solid #3962A1; }
      .common-header .main .btn-login {
        color: #fff;
        background-color: #3962A1; }
      .common-header .main .btn-reg {
        color: #175D9B;
        background-color: #fff; }

.common-footer {
  background-color: #2b373d; }
  .common-footer .main {
    height: 3.20rem;
    display: flex;
    padding-top: .10rem; }
    .common-footer .main .title {
      font-size: .18rem;
      font-weight: 400;
      color: #FFFFFF;
      line-height: .87rem; }
    .common-footer .main .left {
      flex: 1; }
      .common-footer .main .left .column {
        column-width: 1.90rem;
        line-height: .46rem;
        font-size: .16rem;
        font-weight: 400;
        color: #D0D5D8; }
        .common-footer .main .left .column .item a {
          color: #D0D5D8; }
    .common-footer .main .center {
      flex: 1; }
      .common-footer .main .center .line {
        font-size: .18rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: .46rem; }
        .common-footer .main .center .line .icon {
          display: inline-block;
          width: .15rem;
          height: .15rem;
          margin-right: .10rem;
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center center; }
    .common-footer .main .right {
      width: 1.15rem;
      margin-top: .60rem;
      margin-left: .40rem; }
      .common-footer .main .right .qr {
        width: 1.15rem;
        height: 1.15rem; }
      .common-footer .main .right .name {
        font-size: .14rem;
        font-weight: 400;
        color: #F6F6F6;
        margin-top: .14rem;
        text-align: center; }
  .common-footer .copyright {
    border-top: .01rem solid #819199;
    text-align: center;
    font-size: .14rem;
    line-height: .26rem;
    padding: .20rem 0;
    color: #ffffff; }

body {
  margin: 0;
  padding: 0;
  font-family: Microsoft YaHei, serif;
  min-width: 14.00rem; }

.main {
  width: 12.00rem;
  margin: 0 auto; }

a {
  text-decoration: none; }

.bg-contain {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; }

.banner {
  height: 4.90rem;
  background-position: center center;
  background-size: 100% 100%; }

.pop-title {
  transition: all .5s ease;
  opacity: 0;
  transform: translateY(1.5rem); }

.pop-img {
  transition: all .5s ease;
  opacity: 0;
  transform: translateY(-1.5rem); }