@charset "UTF-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0; }

html {
  width: 100%;
  height: 100%;
  background: #f3f3f3; }

body {
  width: 100%;
  height: 100%;
  background: #f3f3f3;
  max-width: 640px;
  margin: 0 auto; }

a:link, a:focus {
  text-decoration: none;
  outline: none;
  outline-style: none; }

ul, li {
  list-style: none; }

input, textarea {
  padding: 0;
  border: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  -webkit-appearance: none; }

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button {
  padding: 0;
  border: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  -webkit-appearance: none; }

button {
  padding: 0;
  border: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  -webkit-appearance: none; }

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button {
  cursor: pointer; }

button {
  cursor: pointer; }

input[type="checkbox"] {
  margin: 0;
  padding: 0;
  border: none;
  background: #e8e8e8;
  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  visibility: hidden;
  position: relative; }
  input[type="checkbox"]:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 4px;
    left: 4px;
    border: 3px solid #666;
    border-top: none;
    border-right: none;
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

input[type=checkbox]:checked + input[type=checkbox]:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }

input::-webkit-input-placeholder {
  color: #ccc; }

textarea::-webkit-input-placeholder, input:-moz-placeholder, textarea:-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #ccc; }

keygen {
  border: none;
  -webkit-appearance: listitem;
  -moz-appearance: none;
  appearance: menu-item; }

select {
  border: none;
  -webkit-appearance: listitem;
  -moz-appearance: none;
  appearance: menu-item; }
  select[size="0"], select[size="1"] {
    border: none;
    -webkit-appearance: listitem;
    -moz-appearance: none;
    appearance: menu-item; }

.fl {
  float: left; }

.fr {
  float: right; }

.dpb {
  display: block; }

.dpnone {
  display: none; }

.dpt {
  display: table-cell; }

.potr {
  position: relative; }

.pota {
  position: absolute; }

.potf {
  position: fixed; }

.ofh {
  overflow: hidden; }

.textc {
  text-align: center; }

.textr {
  text-align: right; }

.clr {
  width: 100%;
  height: 0;
  clear: both; }

.mid {
  margin-left: auto;
  margin-right: auto; }

.textlt {
  text-decoration: line-through; }

.fn {
  font-weight: normal; }

.clearfix:after {
  display: block;
  height: 0;
  content: '';
  visibility: hidden;
  clear: both; }

.blank6 {
  width: 100%;
  height: 0.4em;
  clear: both; }

.blank10 {
  width: 100%;
  height: 0.6em;
  clear: both; }

.blank15 {
  width: 100%;
  height: 0.9em;
  clear: both; }

.pxp100 {
  width: 100%; }

.pxp96 {
  width: 96%; }

.pxp94 {
  width: 94%; }

.pxp92 {
  width: 92%; }

.pxp90 {
  width: 90%; }

.pxp88 {
  width: 88%; }

.pxp60 {
  width: 60%; }

.pxp50 {
  width: 50%; }

.pxp48 {
  width: 48%; }

.pxp35 {
  width: 35%; }

.pxp28 {
  width: 28%; }

.pxp25 {
  width: 25%; }

.marl02 {
  margin-left: 2%; }

.marl4 {
  margin-left: 0.16em; }

.marl10 {
  margin-left: 0.42em; }

.marr02 {
  margin-right: 2%; }

.marr-7 {
  margin-right: -0.6em; }

.marr-8 {
  margin-right: -0.8em; }

.marr5 {
  margin-right: 0.3em; }

.marr10 {
  margin-right: 0.42em; }

.marr20 {
  margin-right: 0.833em; }

.mar02 {
  margin: 0 2%; }

.pd02 {
  padding: 0 2%; }

.tsize90 {
  font-size: 0.6em; }

.tsize110 {
  font-size: 0.75em; }

.tsize125 {
  font-size: 0.8em; }

.tsize150 {
  font-size: 0.9em; }

.tsize160 {
  font-size: 1em; }

.tsize175 {
  font-size: 1.2em; }

.tsize200 {
  font-size: 1.5em; }

.lh-cbt {
  line-height: 1.2em; }

.lh-lct {
  line-height: 1.44em; }

.lh-150em {
  line-height: 1.5em; }

.lh-wopt {
  line-height: 1.6em; }

.lh-180em {
  line-height: 1.8em; }

.lh-200em {
  line-height: 2em; }

.lh-210em {
  line-height: 2.1em; }

.lh-220em {
  line-height: 2.2em; }

.lh-225em {
  line-height: 2.25em; }

.lh-clp {
  line-height: 2.3em; }

.lh-238em {
  line-height: 2.38em; }

.lh-263em {
  line-height: 2.63em; }

.lh-1stt, .lh-2edt {
  line-height: 2.5em; }

.lh-280em {
  line-height: 2.8em; }

.lh-2edtr {
  line-height: 2.85em; }

.lh-295em {
  line-height: 2.95em; }

.lh-hmt {
  line-height: 3em; }

.lh-310em {
  line-height: 3.1em; }

.lh-330em {
  line-height: 3.3em; }

.cf {
  color: #fff; }

.cc {
  color: #ccc; }

.cd {
  color: #ddd; }

.c9 {
  color: #999; }

.c7 {
  color: #777; }

.c6 {
  color: #666; }

.c5 {
  color: #555; }

.c4 {
  color: #444; }

.cb6a {
  color: #b6ae84; }

.cb0 {
  color: #b0b0b0; }

.cf40 {
  color: #ff4400; }

.cf90 {
  color: #ff9900; }

.cfe {
  color: #fefefe; }

.cff7 {
  color: #ff7d00; }

.ca9a {
  color: #a9a9a9; }

.c-red {
  color: #f00; }

.tl {
  border-top: #e8e8e8 1px solid; }

.rl {
  border-left: #e8e8e8 1px solid; }

.bl {
  border-bottom: #e8e8e8 1px solid; }

.ll {
  border-right: #e8e8e8 1px solid; }

.bgf {
  background-color: #fff; }

.bgf1 {
  background-color: #f1f1f1; }

/*加载提示的样式*/
.tips-loading {
  padding: 2.68333rem 0; }
  .tips-loading .tloading-img {
    display: inline-block;
    height: 1.53333rem;
    vertical-align: top; }
  .tips-loading .tloading-text {
    line-height: 1;
    font-size: 1.53333rem;
    color: #b8b8b8; }

.load-page {
  width: 3rem;
  height: 3rem;
  z-index: 10000;
  left: 50%;
  top: 50%;
  border-radius: 0.2rem;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.3); }
  .load-page .load-item {
    width: 1.25rem;
    height: 1.25rem;
    z-index: 10001;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }

/*加载提示的样式*/
/*错误提示信息的样式*/
.tips {
  position: fixed;
  width: 100%;
  max-width: 300px;
  margin: auto;
  bottom: 20%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1001; }

.tiptxt {
  font-family: "微软雅黑";
  display: inline-block;
  max-width: 80%;
  font-size: 1.6rem;
  color: #ffffff;
  text-align: center;
  border-radius: 2.08rem;
  background-color: rgba(51, 51, 51, 0.8);
  padding: 1.28rem 5%;
  word-break: break-all; }

/*错误提示信息的样式*/
/*暂无内容样式*/
.content_no_page {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 1; }

.content_no_pic {
  display: block;
  width: 8.333334rem;
  height: 8.333334rem;
  margin: 0 auto 1.6666667rem;
  z-index: 2; }

/*暂无内容样式*/