@font-face {
  font-family: "iconfont";
  /* Project id 3633856 */
  src: url('./iconfont.woff2?t=1662635594714') format('woff2'), url('./iconfont.woff?t=1662635594714') format('woff'), url('./iconfont.ttf?t=1662635594714') format('truetype');
}
.row-gutter-10 .col_8 {
  margin-right: 0.1rem;
  display: block;
  float: left;
  width: 1.08rem;
}
.row-gutter-10 .col_8:nth-child(3n) {
  margin-right: 0;
}
.row-gutter-14 .col_6 {
  margin-right: 0.14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  float: left;
  width: 0.75rem;
}
.row-gutter-14 .col_6:nth-child(4n) {
  margin-right: 0;
}
.grid-row {
  display: flex;
  flex-flow: row wrap;
}
.grid-row.grid-gutter-10 {
  margin: 0 -0.05rem;
}
.grid-row.grid-gutter-10 .col-8 {
  padding: 0 0.05rem;
  display: block;
  flex: 0 0 33.33%;
  max-width: 33.33%;
}
.grid-row.grid-gutter-14 {
  margin: 0 -0.07rem;
}
.grid-row.grid-gutter-14 .col-6 {
  padding: 0 0.07rem;
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
body {
  min-width: 320px;
  max-width: 640px;
  overflow-x: hidden;
  overflow-y: scroll;
  margin: 0 auto !important;
}
.primary {
  color: #1A85FF;
}
.icon-home:before {
  margin: 0 0.01rem;
  font-family: "iconfont" !important;
  font-style: normal;
  content: "\e6bb";
}
.icon-refresh:before {
  font-family: "iconfont" !important;
  font-style: normal;
  content: "\e674";
}
.icon-100:before {
  margin: 0 -0.015rem;
  font-family: "iconfont" !important;
  font-style: normal;
  content: "\e62d";
}
.icon-news:before {
  font-family: "iconfont" !important;
  font-style: normal;
  content: "\e8b6";
}
.icon-question-full:before {
  font-family: "iconfont" !important;
  font-style: normal;
  content: "\e690";
}
.icon-edit:before {
  font-family: "iconfont" !important;
  font-style: normal;
  content: "\e649";
}
.icon-question:before {
  font-family: "iconfont" !important;
  font-style: normal;
  content: "\e691";
}
.icon-user:before {
  font-family: "iconfont" !important;
  font-style: normal;
  content: "\e735";
}
.icon-down:before {
  font-family: "iconfont" !important;
  font-style: normal;
  content: "\e79b";
}
.icon-unfold:before {
  font-family: "iconfont" !important;
  font-style: normal;
  content: "\e661";
}
.icon-next:before {
  font-family: "iconfont" !important;
  font-style: normal;
  content: "\e6a3";
}
.page-panel-list-container {
  width: 100%;
  padding: 0 0.16rem;
  background-color: #fff;
}
.page-container {
  width: 100%;
  padding: 0.16rem;
  box-sizing: border-box;
  background-color: #fff;
  margin-bottom: 0.16rem;
}
.ml-1 {
  position: relative;
  left: -100%;
}
.ml-2 {
  position: relative;
  left: -200%;
}
.ml-3 {
  position: relative;
  left: -300%;
}
.mt--1 {
  margin-top: -1px;
}
.mt--1 > li:first-child {
  border-top: 1px solid #f5f6f7 !important;
}
.overflow-container {
  width: 100%;
  overflow: hidden;
}
.clearfix:after {
  content: "";
  display: table;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
.page-content {
  letter-spacing: 0.2px;
  line-height: 0.28rem;
  font-size: 0.16rem;
  margin-top: 0.14rem;
  padding-top: 0.09rem;
  border-top: 1px solid #f5f6f7;
  color: #101010;
}
.page-content figure {
  margin: 0;
}
.page-content table {
  border-collapse: collapse;
  width: auto;
  margin: 0 auto 0.18rem;
}
.page-content table tr:first-child {
  border-top: 1px solid #badaff;
  border-left: 1px solid #badaff;
  border-right: 1px solid #badaff;
}
.page-content table tr:first-child td {
  background-color: #badaff;
  border: 0 none;
}
.page-content table tr:first-child td:first-child {
  border-left: 0 none;
}
.page-content table tr td {
  font-size: 0.14rem;
  text-align: center;
  line-height: 0.46rem;
  word-break: keep-all;
  padding: 0 0.12rem;
  background-color: #fff;
  border-right: 1px solid #badaff;
  border-bottom: 1px solid #badaff;
}
.page-content table tr td:first-child {
  border-left: 1px solid #badaff;
}
.page-content p {
  margin: 0;
}
.page-content a {
  color: #1A85FF;
  display: inline;
}
.page-content a:hover {
  text-decoration: underline;
}
.page-content > #player {
  margin: 0 -0.16rem 0.14rem;
}
.page-content > p {
  margin-bottom: 0.18rem;
  word-break: break-all;
}
.page-content ul li {
  display: block;
}
.page-content ul li:before {
  font-family: "iconfont" !important;
  content: '\e7a5';
  display: inline-block;
  margin-right: 0.05rem;
  margin-left: -0.02rem;
  vertical-align: top;
}
.page-content ul,
.page-content ol {
  margin: 0 0 0.18rem;
  padding-left: 0;
  list-style-position: inside;
}
.page-content ul > li,
.page-content ol > li {
  line-height: 0.24rem;
  color: #101010;
  margin: 0 0 0.08rem;
}
.page-content ul > li > p,
.page-content ol > li > p {
  display: inline;
}
.page-content > h2 {
  border-left: 3px solid #1A85FF;
  padding-left: 0.08rem;
  margin-top: 0.26rem;
  font-size: 0.2rem;
  margin-bottom: 0.18rem;
  font-weight: normal;
}
.page-content > h3 {
  margin-top: 0.22rem;
  font-size: 0.18rem;
  margin-bottom: 0.18rem;
  border-bottom: 1px solid #f5f6f7;
  padding-bottom: 0.05rem;
  font-weight: normal;
}
.page-content img {
  border-radius: 4px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  margin-bottom: 0.14rem;
  display: block;
}
.page-quick-nav {
  padding: 0.14rem 0.16rem 0.02rem;
  background-color: #fff;
}
.page-quick-nav a {
  border-radius: 4px;
  display: inline-block;
  font-size: 0.12rem;
  width: 0.74rem;
  line-height: 0.28rem;
  text-align: center;
  background-color: #f5f6f7;
  margin-bottom: 0.12rem !important;
}
.page-quick-nav a.active {
  color: #fff;
  background-color: #1A85FF;
}
.page-breadcrumb {
  line-height: 0.34rem;
  padding: 0 0.15rem;
}
.page-breadcrumb > a {
  color: #666;
  font-size: 0.14rem;
  vertical-align: middle;
}
.page-breadcrumb > i {
  font-size: 0.14rem;
  color: #666;
  vertical-align: middle;
}
.page-panel {
  background-color: #fff;
  max-width: 100%;
  margin-bottom: 0.16rem;
  position: relative;
}
.page-panel .page-panel-header {
  padding: 0.14rem 0.16rem 0.1rem;
  font-weight: normal;
  margin: 0;
  display: inline-block;
  position: relative;
  border-bottom: 0 none;
  line-height: 0.16rem;
  font-size: 0.16rem;
  vertical-align: top;
}
.page-panel .page-panel-header:after {
  content: " ";
  display: inline-block;
  position: absolute;
  left: 0.16rem;
  right: 0.16rem;
  bottom: 0;
  height: 0;
  z-index: 3;
  border-bottom: 1px solid #1A85FF;
}
.page-panel .page-panel-divider {
  margin: -1px 0 0;
  height: 0;
  border: 0 none;
  position: relative;
  z-index: 2;
  outline: none;
  border-top: 1px solid #f5f6f7;
}
.page-panel-header {
  background-color: #fff;
  padding: 0.14rem 0.16rem 0.1rem;
  border-bottom: 1px solid #f5f6f7;
  position: relative;
  font-weight: normal;
  margin: 0;
  line-height: 0.16rem;
  font-size: 0.16rem;
}
.page-panel-header > span {
  font-size: 0.16rem;
  vertical-align: top;
  display: inline-block;
  position: relative;
}
.page-panel-header > span:after {
  content: " ";
  height: 1px;
  position: absolute;
  bottom: -0.11rem;
  border-bottom: 1px solid #1A85FF;
  left: 0;
  right: 0;
}
.page-panel-header-expand {
  position: absolute;
  right: 0.16rem;
  top: 0;
  line-height: 0.4rem;
  font-size: 0.12rem;
  color: #666;
}
.page-panel-tab {
  padding: 0.12rem 0 0.14rem;
  margin-top: -0.16rem;
  border-bottom: 1px solid #f5f6f7;
}
.page-panel-tab > li {
  padding: 0 0.16rem;
  float: left;
  font-size: 0.16rem;
  color: #333;
  border-left: 1px solid #f5f6f7;
  position: relative;
}
.page-panel-tab > li:first-child {
  border-left: 0 none;
}
.page-panel-tab > li.active {
  color: #1A85FF;
}
.page-panel-tab > li.active:after {
  content: " ";
  height: 1px;
  background-color: #1A85FF;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.15rem;
}
.page-panel-list .page-panel-more {
  line-height: 0.42rem;
  font-size: 0.14rem;
  text-align: center;
  border-top: 1px solid #f5f6f7;
}
.page-panel-list .page-panel-more a {
  color: #1A85FF;
}
.page-panel-list.of-5 .page-panel-item:nth-child(5n+1) {
  border-top: 0 none;
}
.page-panel-list .page-panel-item {
  height: 1rem;
  border-top: 1px solid #f5f6f7;
  box-sizing: border-box;
  padding: 0.14rem 0;
}
.page-panel-list .page-panel-item:first-child {
  border-top: 0 none;
}
.page-panel-list .page-panel-item .page-panel-body {
  width: 100%;
  position: relative;
  height: 0.73rem;
}
.page-panel-list .page-panel-item .page-panel-body.full-size .page-panel-body-title {
  max-width: 3.43rem;
}
.page-panel-list .page-panel-item .page-panel-body .page-panel-body-title {
  font-size: 0.16rem;
  color: #101010;
  text-align: justify;
  font-weight: normal;
  max-width: 2.16rem;
  margin: 0;
  line-height: 0.24rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}
.page-panel-list .page-panel-item .page-panel-body .page-panel-body-time {
  position: absolute;
  bottom: 0;
  font-size: 0.12rem;
  color: #666;
}
.page-panel-list .page-panel-item .page-panel-body .page-panel-body-cover {
  position: absolute;
  right: 0;
  top: 0;
  object-fit: cover;
  width: 1.1rem;
  height: 0.73rem;
  border-radius: 4px;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex.space-between {
  justify-content: space-between;
}
.footer-container {
  margin-top: 0.16rem;
  font-size: 0.12rem;
  padding: 0.16rem 0;
  line-height: 0.24rem;
  background-color: #fff;
  color: #333;
  text-align: center;
}
.footer-container > p {
  margin: 0;
}
[data-toggle-button].active #province {
  color: #1A85FF;
}
[data-toggle-button].active #province:after {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Safari and Chrome */
  transform: rotate(180deg);
}
.header-container {
  width: 100%;
  box-sizing: border-box;
  min-width: 320px;
  max-width: 640px;
  height: 0.44rem;
  padding: 0.12rem 0.16rem;
  background-color: #fff;
  border-bottom: 1px solid #f5f6f7;
  position: fixed;
  top: 0;
  z-index: 9;
}
.header-container .header-container-left {
  line-height: 0.2rem;
}
.header-container .header-container-left .header-container-go-back {
  vertical-align: middle;
}
.header-container .header-container-left .header-container-go-back:before {
  font-family: "iconfont" !important;
  content: '\e679';
  display: inline-block;
  color: #999;
  margin-right: 0.1rem;
  font-size: 0.16rem;
}
.header-container .header-container-left .logo {
  display: inline-block;
  vertical-align: middle;
}
.header-container .header-container-left .logo img {
  width: 0.61rem;
  height: 0.2rem;
  display: block;
  padding-right: 0.08rem;
  border-right: 1px solid #f5f6f7;
}
.header-container .header-container-left .sub-title {
  font-size: 0.14rem;
  color: #666;
  font-weight: normal;
  margin-left: 0.04rem;
  display: inline-block;
  vertical-align: middle;
}
.header-container .header-container-right {
  line-height: 0.2rem;
}
.header-container .header-container-right .login-box {
  vertical-align: top;
}
.header-container .header-container-right .login-box:after {
  font-size: 0.2rem;
  font-family: "iconfont" !important;
  content: '\e78b';
  display: inline-block;
  color: #999;
  vertical-align: top;
}
.header-container .header-container-right .user-container {
  vertical-align: top;
  display: inline-block;
  position: relative;
}
.header-container .header-container-right .user-container .user-avatar {
  display: block;
  float: left;
  width: 0.2rem;
  height: 0.2rem;
  vertical-align: middle;
}
.header-container .header-container-right .user-container .user-menu-container {
  display: none;
  margin: 0;
  list-style: none;
  position: absolute;
  width: 1.18rem;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 0;
  z-index: 9;
  top: 0.24rem;
  background-color: #4c4c4c;
  right: 0;
  color: #fff;
  box-shadow: 0px 2px 6px 0px #6b6b6b;
}
.header-container .header-container-right .user-container .user-menu-container > a {
  display: block;
  line-height: 0.45rem;
  height: 0.45rem;
  font-size: 0.14rem;
  color: #fff;
  border-top: 1px solid #545454;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.header-container .header-container-right .user-container .user-menu-container > a:first-child {
  border-top: 0 none;
}
.header-container .header-container-right .user-container .user-menu-container > a > i {
  display: inline-block;
  position: relative;
  top: 0.01rem;
  padding: 0 0.14rem;
  font-size: 0.18rem;
  width: 0.18rem;
}
.header-container .header-container-right .header-nav-container {
  display: inline-block;
  margin-left: 0.1rem;
}
.header-container .header-container-right .header-nav-container:after {
  font-size: 0.2rem;
  font-family: "iconfont" !important;
  content: '\e684';
  display: inline-block;
  color: #999;
  transform: rotate(90deg);
  vertical-align: top;
}
.header-container .header-container-right .header-nav-container .header-container-right-nav {
  position: absolute;
  top: 0.36rem;
  right: 0.16rem;
  background-color: #4c4c4c;
  border-radius: 4px;
  width: 1.18rem;
  box-shadow: 0px 2px 6px 0px #6b6b6b;
}
.header-container .header-container-right .header-nav-container .header-container-right-nav > a {
  display: block;
  line-height: 0.45rem;
  font-size: 0.14rem;
  color: #fff;
  border-top: 1px solid #545454;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.header-container .header-container-right .header-nav-container .header-container-right-nav > a:first-child {
  border-top: 0 none;
}
.header-container .header-container-right .header-nav-container .header-container-right-nav > a > i {
  display: inline-block;
  padding: 0 0.14rem;
  font-size: 0.18rem;
  width: 0.18rem;
}
.page-banner {
  padding: 0.16rem;
}
.page-banner img {
  width: 100%;
  height: 0.72rem;
  border-radius: 4px;
  background-color: #e8e8e8;
  display: block;
}
.body-container {
  padding-top: 0.44rem;
}
.header-index {
  width: 100%;
  height: 0.44rem;
  padding: 0.12rem 0.16rem;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 9;
  border-bottom: 1px solid #f5f6f7;
}
.header-index .logo img {
  width: 0.61rem;
  height: 0.2rem;
  display: block;
}
.header-index .login-box {
  line-height: 0.2rem;
  font-size: 0.14rem;
}
.page-about-us.page-container {
  padding: 0.18rem 0.16rem;
  text-align: center;
}
.page-about-us.page-container .page-about-us-title {
  font-size: 0.2rem;
  color: #101010;
  margin-bottom: 0.18rem;
  font-weight: normal;
}
.page-about-us.page-container .page-about-us-summary {
  color: #101010;
  line-height: 0.28rem;
  text-align: justify;
}
.page-about-us.page-container .page-about-us-content {
  color: #101010;
  line-height: 0.28rem;
  text-align: justify;
}
.page-about-us.page-container .page-about-us-content a {
  color: #1A85FF;
}
.page-about-us.page-container .page-about-us-content a:hover {
  text-decoration: underline;
}
.index-container {
  padding: 0 0.16rem 0;
  background-color: #fff;
}
.index-container .sub-nav-wrapper {
  display: inline-block;
  width: 0.66rem;
  float: left;
}
.index-container .sub-nav-wrapper.active .tab-header {
  color: #1A85FF;
}
.index-container .sub-nav-wrapper.active .tab-divider {
  border-color: #1A85FF;
}
.index-container .sub-nav-wrapper.active .tab-body {
  display: block;
}
.index-container .sub-nav-wrapper:first-child .tab-header {
  border-left: 0 none;
}
.index-container .sub-nav-wrapper .tab-header {
  font-size: 0.16rem;
  margin: 0.12rem 0 0.14rem;
  line-height: 0.16rem;
  text-align: center;
  font-weight: normal;
  color: #333;
  border-left: 1px solid #f5f6f7;
}
.index-container .sub-nav-wrapper .tab-divider {
  margin: 0;
  position: relative;
  z-index: 3;
  height: 0;
  border: 0 none;
  outline: none;
  border-top: 1px solid #f5f6f7;
}
.index-container .sub-nav-wrapper .tab-body {
  width: 3.43rem;
  display: none;
}
.sub-nav-wrapper {
  display: inline-block;
  width: 25%;
  float: left;
}
.sub-nav-wrapper.active .tab-header {
  color: #1A85FF;
}
.sub-nav-wrapper.active .tab-divider {
  border-top: 1px solid #1A85FF;
}
.sub-nav-wrapper.active .tab-body {
  display: block;
}
.sub-nav-wrapper .tab-header {
  font-size: 0.14rem;
  line-height: 0.36rem;
  text-align: center;
  font-weight: normal;
  color: #666;
  margin: 0;
}
.sub-nav-wrapper .tab-divider {
  margin: 0 0 0.04rem;
  height: 0;
  border: 0 none;
  outline: none;
  border-top: 1px solid #f5f6f7;
}
.sub-nav-wrapper .tab-body {
  width: 3.44rem;
  display: none;
}
.sub-nav-wrapper .tab-body > a {
  display: inline-block;
  width: 1.08rem;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.12rem;
  font-size: 0.12rem;
  color: #333;
  background-color: #f5f6f7;
  border-radius: 4px;
  text-align: center;
  margin-top: 0.1rem;
}
.sub-nav-wrapper .tab-body > a.active {
  background-color: #1A85FF;
  color: #fff;
}
.sign-up-query-container {
  display: block;
  width: 2rem;
  left: 50%;
  transform: translate(-50%, 0);
  margin: 0 auto;
  z-index: 9;
  position: fixed;
  bottom: 0.15rem;
  vertical-align: middle;
  font-size: 0.14rem;
  height: 0.36rem;
  line-height: 0.36rem;
  color: #fff;
  background-color: #1A85FF;
  text-align: center;
  border-radius: 0.18rem;
  box-shadow: 0px 2px 6px 0px #1a85ff;
}
/*# sourceMappingURL=base.css.map */