body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select,
img {
  margin: 0;
  padding: 0;
}
body {
  font-size: 1.2rem;
  font-family: "Microsoft YaHei", "Microsoft Yahei", "宋体", "SimHei", Verdana, Arial !important;
  color: #333;
  overflow-x: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-style: normal;
  font-weight: normal;
}
a {
  text-decoration: none;
  color: #444;
}
a:link {
  outline: none;
  border: none;
}
a:visited {
  outline: none;
  border: none;
}
a:focus {
  outline: none;
  border: none;
}
a:hover {
  text-decoration: none;
  outline: none;
  border: none;
}
a:active {
  outline: none;
  border: none;
}
i,
em {
  font-style: normal;
}
ul,
li {
  list-style: none;
}
img {
  border: 0;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clear {
  clear: both;
}
input {
  font-size: inherit;
  border: none;
  background-color: transparent;
  font-family: inherit;
}
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
}
input:focus {
  outline: none;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: " ";
  clear: both;
  display: table;
}
.l {
  float: left;
}
.r {
  float: right;
}
html {
  font-size: 62.5%;
  max-width: 750px;
  margin: 0 auto;
}
.mwrap {
  background: #fff;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.wrap {
  background: #fff;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.vis-hid {
  position: absolute;
  z-index: -1;
  left: -100px;
  top: 0;
  height: 0;
}
label.pay-wx {
  background: #00cc00;
  color: #fff;
}
label.pay-wx img {
  width: 2.2rem;
}
label.pay-wx .wx-icon {
  padding-right: .9rem;
}
.mbtn {
  background: #f2f2f2;
  color: #333;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 1.5rem;
  border-radius: 5px;
  line-height: 4.4rem;
  border: none;
  font-size: 1.6rem;
}
.mbtn img.btn-wait {
  margin-left: .5rem;
  width: 2.2rem;
  animation: turn .8s linear infinite;
  -webkit-animation: turn .8s linear infinite;
  /* Safari 与 Chrome */
}
.mbtn-sure {
  background-color: #f39700;
  color: #fff;
}
.mbtn-gray {
  background-color: #e2e2e2;
  color: #666;
}
a.add-accound-btn {
  border: 1px dotted #bfbfbf;
  font-size: 2.4rem;
  color: #999;
}
.content {
  margin-bottom: 4.9rem;
}
.one-sure {
  display: block;
  color: #f39700;
  text-decoration: none;
}
.index-page {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  background: #fcf1e3;
  text-align: center;
}
.photo-box {
  margin-top: 10.2rem;
  margin-bottom: 3.3rem;
}
.index-photo {
  width: 28%;
  height: auto;
}
.web-name-box img {
  width: 52%;
}
.info-bar {
  padding: 1.4rem 1.5rem;
  background: #f39700;
  color: #fff;
}
.date-box {
  font-size: 1.6rem;
}
.date-box .pub-date {
  margin-left: .9rem;
  font-size: 1.2rem;
  vertical-align: bottom;
}
.btn-group {
  margin-top: -0.45rem;
}
.btn-group .search-btn {
  margin-right: 1.5rem;
}
.btn-group img {
  width: 28px;
  height: auto;
}
.nav {
  position: fixed;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: 100%;
}
.nav-box {
  text-align: center;
  line-height: 4.9rem;
  font-size: 1.4rem;
  border-top: 1px solid #e7e7e7;
  background: #f9f9f9;
}
.nav-box a {
  display: block;
  width: 100%;
  height: 100%;
}
.nav-box a:hover {
  color: inherit;
}
.nav-box li {
  float: left;
  width: 50%;
}
.nav-box li:first-child {
  box-shadow: 1px 0 0 #e7e7e7;
}
.nav-box li .user-nav-icon {
  position: static;
  width: 3rem;
  height: 3rem;
}
.nav-box li.act {
  color: #f39700;
}
.nav-box li.act .book-icon {
  background-position: 0 -3rem;
}
.nav-box li.act .user-icon {
  background-position: 0 -9.3rem;
}
.nav-box li.act a {
  color: #f39700;
}
.nav-box .nav-icon {
  display: inline-block;
  vertical-align: middle;
  width: 3rem;
  height: 3rem;
  margin-right: .6rem;
  background-image: url(../images/some-icons.png);
  background-size: 3rem;
  background-repeat: no-repeat;
}
.nav-box .user-icon {
  background-position: 0 -6.2rem;
}
.container {
  margin-bottom: 5rem;
}
.book-list-box {
  padding-bottom: 1rem;
}
.book-list-box .book-list-detail {
  width: 3rem;
  height: 3rem;
  display: inline-block;
  background-size: 3rem 3rem;
  background-position: center;
  background-repeat: no-repeat;
}
.book-list-box .book-list-detail.to-video {
  background-image: url("../images/watch.png");
}
.book-list-box .book-list-detail.to-video:active {
  background-image: url("../images/watch-act.png");
}
.book-list-box .book-list-detail.to-audio {
  background-image: url("../images/listen.png");
}
.book-list-box .book-list-detail.to-audio:active {
  background-image: url("../images/listen-act.png");
}
.book-list-box input[type="button"] {
  width: 3rem;
  height: 3rem;
  vertical-align: top;
  background-size: 3rem 3rem;
  background-position: center;
  background-repeat: no-repeat;
}
.book-list-box input[type="button"].collect-book {
  background-image: url("../images/collect.png");
}
.book-list-box input[type="button"].act {
  background-image: url(../images/collect-act.png);
}
.hot-book {
  position: relative;
  padding: 3rem 0;
  text-align: center;
}
.hot-book .book-info {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  right: 50%;
  float: left;
  width: 50%;
}
.hot-book .info-text {
  float: right;
  height: 23.8rem;
  text-align: center;
  font-size: 1.4rem;
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  *writing-mode: tb-rl;
}
.hot-book .book-action {
  float: right;
  height: 238px;
}
.hot-book .v-mid {
  margin: 0 3rem;
  vertical-align: middle;
  display: inline-block;
}
.hot-book .v-mid a {
  margin-bottom: 1.7rem;
}
.hot-book .buwei {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 100%;
}
.hot-book .book-img {
  position: relative;
  display: inline-block;
  width: 40.5333333333%;
}
.hot-book .book-img img {
  display: block;
  width: 100%;
}
.book-action img {
  width: 3rem;
}
.book-list {
  width: 100%;
  border-top: 1px solid #e7e7e7;
  overflow: hidden;
}
.book-list li {
  box-sizing: border-box;
  float: left;
  border-bottom: 1px solid #e7e7e7;
  padding: 4rem 8%;
  width: 50%;
  box-shadow: 1px 0 0 #e7e7e7;
  text-align: center;
}
.book-list .book-item {
  position: relative;
  overflow: hidden;
}
.book-list .book-info {
  position: absolute;
  opacity: 0;
  width: 100%;
  font-size: 1.2rem;
}
.book-list .book-img {
  position: relative;
  overflow: hidden;
  /*   vertical-align: top;*/
}
.book-list .book-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
}
.book-list .book-img::after {
  content: " ";
  height: 0;
  display: block;
  margin-top: 153.2786885%;
}
.book-list .info-text {
  line-height: 1.5rem;
}
.book-list .book-action {
  padding: 1rem 0 1.4rem;
  font-size: 0;
  /*    a:not(:last-child){
      margin-right: .5rem;
    }*/
  text-align: justify;
}
.book-list .book-action::after {
  display: inline-block;
  width: 100%;
  height: 0;
  content: "";
}
.book-img img {
  box-shadow: 0 0 .6rem #cecece;
}
.info-text {
  color: #666;
}
.mask {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.slide-class-box {
  margin-left: 36%;
  width: 64%;
  height: 100%;
  background: #fff;
}
.slide-class-head {
  padding: 1.6rem 6.25% 0;
  text-align: right;
}
.slide-class-head h3 {
  font-size: 1.6rem;
  color: #333;
  float: left;
}
.slide-class-head .sel-ok {
  padding: .6rem .8rem;
  border-radius: 3px;
  margin-left: 2rem;
  background: #f39700;
  color: #fff;
}
.slide-class-head .class-sel-all {
  font-size: 1.2rem;
  line-height: 2;
  color: #999;
}
.slide-class-container {
  padding: 2rem 6.25% 0;
}
.slide-class-container .class-item-box li {
  float: left;
  margin-right: 10%;
  width: 45%;
  text-align: center;
  font-size: 1.2rem;
  line-height: 3rem;
  margin-bottom: 1.5rem;
}
.slide-class-container .class-item-box li:nth-child(2n) {
  margin-right: 0;
}
.slide-class-container .class-item-box li.act a {
  border-color: #f39700;
}
.slide-class-container .class-item-box a {
  position: relative;
  display: block;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  color: #666;
}
.slide-class-container .class-item-box li.act a:after {
  position: absolute;
  right: -1px;
  bottom: -1px;
  content: " ";
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 0  0  .5rem  0;
  background: url("../images/class-check.png") center no-repeat;
  background-size: 1.7rem;
}
.search-header {
  background: #fff;
}
.search-box {
  overflow: hidden;
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding-left: 3rem;
  width: 82%;
  border-radius: .5rem;
  background: #e7e7e7;
}
.search-box i.search-icon {
  float: left;
  margin-left: -2.4rem;
  margin-top: .8rem;
  width: 1.8rem;
  height: 1.8rem;
  background: url("../images/search-icon.png") center no-repeat;
  background-size: 1.8rem;
}
.search-box input {
  width: 100%;
  background: #e7e7e7;
  border: none;
  line-height: 2rem;
  padding: 0.7rem;
  font-size: inherit;
}
.search-box input:focus {
  outline: none;
}
.cancle {
  float: left;
  line-height: 3.4rem;
  width: 18%;
  text-align: center;
  font-size: 1.6rem;
  color: #f39700;
}
.search-result {
  padding-left: 1.5rem;
}
.search-result li {
  position: relative;
  border-bottom: 1px solid #e7e7e7;
  padding: 1.4rem 0;
  color: #333;
  font-size: 1.4rem;
  padding-right: 1.5rem;
}
.search-result li .sear-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 8rem;
}
.search-result a {
  margin-left: 1rem;
}
.search-result img {
  display: block;
  width: 2.5rem;
  height: auto;
}
.search-result .to-book {
  position: absolute;
  right: 1.5rem;
  top: 1.2rem;
  margin-top: -0.2rem;
}
.search-result .to-book a {
  float: left;
}
.text-con {
  padding: 1.5rem;
  background: #fff;
  margin-bottom: 1.5rem;
}
.text-con .strong {
  color: #ce7b29;
}
.pay-banner {
  margin-bottom: 1.3rem;
}
.pay-banner img {
  display: block;
  width: 100%;
}
.text-info {
  font-size: 1.4rem;
  color: #666;
  line-height: 1.6;
  text-indent: 2em;
  text-align: justify;
  margin-bottom: 1rem;
}
.text-info .big {
  font-size: 1.6rem;
  color: #333;
}
.text-title {
  margin-top: 3rem;
  border-left: 2px solid #f39700;
  color: #333;
  font-size: 1.6rem;
  padding-left: .6rem;
  margin-bottom: 1rem;
}
.hsbg {
  background: #f5f5f5;
}
.pay-box {
  padding-top: 3.5rem;
}
.pay-box .pay-item {
  font-size: 1.3rem;
}
.pay-box .pay-item li {
  margin-bottom: .4rem;
}
.pay-box .pay-item span {
  display: inline-block;
}
.pay-box .pay-item span.pay-name {
  width: 46%;
  text-align: right;
}
.pay-box .pay-item .money {
  font-style: normal;
  color: #f31b1b;
  font-size: 1.8rem;
}
.title {
  font-size: 1.6rem;
  color: #333;
  height: 3.4rem;
}
.jion-box {
  position: relative;
}
.jion-box .isCusto {
  text-align: right;
  line-height: 3.7rem;
  color: #999;
}
.jion-box .isCusto a {
  color: inherit;
}
.jion-box .error-info {
  position: absolute;
  color: red;
  top: 0;
  right: 0;
}
.jion-form {
  font-size: 1.4rem;
}
.jion-form li {
  margin-top: -1px;
  border: 1px solid #e7e7e7;
  line-height: 4.4rem;
  height: 4.4rem;
  padding-left: 3.6rem;
  background: url("../images/jion-icons.png") no-repeat;
  background-size: 26px auto;
}
.jion-form li.error {
  border-color: #ff0000;
  position: relative;
}
.jion-form li.user-name {
  background-position: 3px 3px;
}
.jion-form li.phone-numb {
  background-position: 3px -37px;
}
.jion-form li.jion-yz-box {
  background-position: 3px -76px;
}
.jion-form input {
  width: 100%;
  height: 100%;
  border: none;
}
.jion-form input:focus {
  outline: none;
}
.jion-form .jion-yz-box input {
  width: 50%;
}
.jion-form input.jion-yz {
  margin-left: -1px;
  color: #f39700;
  font-size: 14px;
  display: inline-block;
  border-left: 1px solid #e7e7e7;
  width: auto;
  text-align: center;
  float: right;
  padding: 1.3rem .8rem;
}
.jion-form input.jion-yz.disa {
  color: #999;
}
.pay-suc {
  text-align: center;
  padding: 6rem;
  background: #fff;
}
.pay-suc img.suc-img {
  width: 3.8rem;
}
.pay-suc .suc-text {
  display: inline-block;
  margin-top: 1rem;
  font-size: 1.5rem;
  color: #666;
}
.pay-suc .bind-img {
  width: 60%;
  margin-bottom: 2.3rem;
}
.pay-suc .bind-ac-text {
  line-height: 2rem;
  font-size: 1.4rem;
}
.user-info-box {
  background: url("../images/user-bg.png") center center no-repeat;
  background-size: cover;
  padding: 3.5rem 0 3.5rem 5rem;
}
.user-info-box .user-pho {
  width: 5rem;
  float: left;
  margin-right: 1.4rem;
  border-radius: 50%;
}
.user-info-box .user-name {
  color: #fff;
  float: left;
}
.user-info-box .vip-name {
  font-size: 1.6rem;
}
.user-info-box .vip {
  border-radius: .8rem;
  padding: 0 .6rem;
  background: #fff;
  color: #f39700;
  font-size: 1.2rem;
}
.user-info-box .vip-info {
  line-height: 2.8rem;
}
.user-info-box .vip-info .time {
  margin-left: .6rem;
  font-size: 1.4rem;
}
.user-center-nav {
  position: static;
  background: #fff;
}
.user-center-nav .nav-box {
  font-size: 1.6rem;
  background: #fff;
  line-height: 4rem;
}
.user-center-nav .top-icon {
  display: inline-block;
  margin-right: .3rem;
  vertical-align: -8px;
}
.user-center-nav .user-pay {
  background-position: 0 -34px;
}
.user-center-nav .center-sec-nav {
  font-size: 1.4rem;
}
.user-nav-icon {
  position: absolute;
  left: -4rem;
  top: 50%;
  background: url("../images/user-icon.png") no-repeat;
  background-size: 3.4rem auto;
}
.option-item-box .user-sec-icon {
  width: 3rem;
  height: 3rem;
  margin-top: -1.6rem;
}
.option-item-box .option-item {
  padding-left: 1.5rem;
  background: #fff;
}
.option-item-box .option-item li {
  position: relative;
  margin-left: 4rem;
  border-bottom: 1px solid #e7e7e7;
}
.option-item-box .option-item a {
  width: 100%;
  font-size: 1.4rem;
  display: inline-block;
  padding: 1.5rem 0;
}
.option-item-box .to-r {
  position: absolute;
  width: 1.4rem;
  height: 1.9rem;
  top: 1.4rem;
  right: 1rem;
  background: url(../images/to-right.png) center center no-repeat;
  background-size: .7rem auto;
}
.read {
  background-position: 0 -67px;
}
.collec {
  background-position: 0 -103px;
}
.log {
  background-position: 0 -137px;
}
.pay-log {
  background-position: 0 -170px;
}
.jf {
  background-position: 0 -204px;
}
.jf-head {
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  background: #ffb526;
  color: #fff;
}
.jf-head a {
  color: #fff;
}
.jf-head .jf-now-numb {
  font-size: 2.4rem;
  padding-right: .5rem;
}
.jf-head .jf-exchange {
  float: right;
  border-radius: .5rem;
  border: 1px solid #fff;
  padding: .4rem .8rem;
  margin-top: .4rem;
}
.jf-head .jf-exchange img {
  width: 1.4rem;
  vertical-align: -1px;
}
.jf-head .jf-now {
  margin-bottom: 2rem;
}
.jf-head .invite {
  display: block;
  text-align: center;
  width: 100%;
  font-size: 1.4rem;
  line-height: 4rem;
  border-radius: .5rem;
  background: #f39f00;
}
.jf-head .invite img {
  width: 1.9rem;
  vertical-align: -4px;
  margin-right: 1rem;
}
.invite-items li {
  padding-left: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background: #fff;
  color: #999;
  border-bottom: 1px solid #e7e7e7;
}
.invite-items li .jf-inf {
  color: #333;
  font-size: 1.4rem;
}
.invite-items .times {
  margin-bottom: .8rem;
}
.invite-items .jf-inf {
  margin-bottom: .6rem;
}
.invite-items .reward-jf {
  float: right;
  text-align: right;
  padding-right: 1.5rem;
  color: #f39700;
}
.invite-items .reward-jf.cut {
  color: #02b925;
}
.up-read-box {
  background: #fff;
}
.up-read-items {
  padding-top: 1.5rem;
  margin-left: 1.5rem;
  background: #fff;
}
.up-read-items .book-info {
  margin-left: 11rem;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 1.5rem;
}
.up-read-items .book-pho {
  float: left;
  width: 9.8rem;
  margin-right: 1.2rem;
}
.up-read-items li {
  position: relative;
  *zoom: 1;
  padding: 0 0 1.5rem;
  /* a{
      position: absolute;
      top: 0;
      left:0;
      width: 100%;
      height:100%;
      z-index: 2;
    }*/
}
.up-read-items li:after {
  content: "";
  clear: both;
  display: table;
}
.up-read-items .book-name {
  margin-right: 3rem;
  margin-bottom: .2rem;
  font-size: 1.6rem;
  line-height: 1.8;
  color: #f39700;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.up-read-items .book-name a {
  color: inherit;
}
.up-read-items .read-statu {
  font-size: 1.2rem;
  color: #333;
}
.up-read-items .read-statu p {
  margin-bottom: .6rem;
}
.up-read-items .read-statu .read-time {
  color: #999;
  margin-bottom: 1.6rem;
}
.up-read-items .read-statu .need-write {
  color: #999;
}
.up-read-items .read-statu .need-write img {
  width: 1.6rem;
  vertical-align: -1px;
  margin-left: .3rem;
}
.up-read-items .read-statu .read-option-name {
  width: 4em;
  display: inline-block;
}
.up-read-items .book-name-box .from-audio {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  margin-top: -1.2rem;
}
.up-read-items .book-name-box img {
  width: 2.4rem;
}
.up-read-items .book-name-box {
  position: relative;
}
.checked-time {
  border: 1px solid #e7e7e7;
  width: 8.5rem;
  padding: 0 1rem;
  line-height: 2.6rem;
  background: url("../images/todown.png") no-repeat 8.2rem 1.1rem;
  background-size: 1.2rem auto;
}
.check-time-items {
  position: relative;
  z-index: 3;
  background: #fff;
  display: none;
  /*&.act{
    display: block;
  }*/
}
.check-time-items li {
  padding: 0 1rem;
  line-height: 2.6rem;
  border: 1px solid #e7e7e7;
  border-top: none;
}
.sel-time {
  position: absolute;
  right: 1.5rem;
  top: 1rem;
  background: #fff;
}
.read-all p {
  color: #666;
}
.read-all .H {
  height: 5.8rem;
}
.book-list input.my-collect-del {
  width: 100%;
  height: 4.6rem;
  margin-bottom: -1.6rem;
  background: url("../images/del.png") no-repeat center center;
  background-size: 1.4rem auto;
}
.tuij-nav {
  border-bottom: 1px solid #e7e7e7;
}
.tuij-nav li {
  border-bottom: 1px solid #fff;
}
.tuij-nav li:first-child {
  box-shadow: none;
}
.tuij-nav .act {
  border-bottom: 2px solid #f39700;
  margin-bottom: -1px;
}
.option-item-box .friends-list li {
  margin-left: 6rem;
  /* &:last-child{
      border-bottom: none;
    }*/
}
.friends-list li {
  padding: 1.5rem 0 0;
}
.friends-list .friends-pho {
  width: 4.2rem;
  height: 4.2rem;
  margin-top: -1.7rem;
  left: -6rem;
}
.friends-info-box {
  position: relative;
  padding-bottom: 1.2rem;
  line-height: 1.5;
}
.friends-info-box p {
  color: #999;
}
.friends-info-box .friends-name {
  color: #333;
  font-size: 1.4rem;
}
.friends-info-box .jf-status {
  position: absolute;
  right: 1.5rem;
  text-align: right;
  color: #666;
}
.friends-info-box .jf-status.jf-get {
  top: 50%;
  margin-top: -1.8rem;
  color: #f39700;
  width: 30%;
}
.give-get {
  top: 0;
}
.give-get .get-money {
  color: #f39700;
}
.pay-log-conta {
  padding-left: 1.5rem;
}
.pay-log-info li {
  padding: 1.5rem 1.5rem 1.5rem 0;
  border-bottom: 1px solid #e7e7e7;
  color: #333;
}
.pay-log-info .pay-log-money {
  float: right;
  color: #f39700;
}
.pay-log-info .pay-log-long {
  font-size: 1.4rem;
  margin-top: .5rem;
}
.pay-log-info .pay-log-time {
  color: #999;
}
.exchange-item {
  margin-bottom: 2.2rem;
}
.exchange-item .exchange-img {
  position: relative;
}
.exchange-item .exchange-img .exchange-info {
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 2.2;
  width: 100%;
  font-size: 1.4rem;
  text-indent: .5rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}
.exchange-item .exchange-text {
  padding: .4rem 0;
  font-size: 1.2rem;
  line-height: 1.6;
}
.exchange-item .exchang-jf {
  font-size: 1.2rem;
}
.exchange-item .exchang-jf span.numb {
  color: #f39700;
  font-size: 1.6rem;
  padding-right: .6rem;
  vertical-align: -2px;
}
.exchange-item .exchang-jf .go-exchange {
  float: right;
  padding: .5rem 1.2rem;
  border-radius: .5rem;
  background: #f2f2f2;
}
.exchange-item .exchang-jf .go-exchange.act {
  color: #fff;
  background: #f39700;
}
.check-poster-box {
  padding-bottom: 2rem;
}
.check-poster-box .my-poster {
  position: relative;
  padding-top: 1.5rem;
}
.check-poster-box .my-poster img.fx-poster {
  display: block;
  width: 100%;
}
.check-poster-box .my-poster .poster-qr-box {
  position: absolute;
  top: 48%;
  width: 43%;
  left: 50%;
  margin-left: -21.5%;
}
.check-poster-box .my-poster .poster-qr-box i {
  display: inline-block;
  margin-top: 100%;
}
.check-poster-box .my-poster .poster-qr-box img {
  width: 100%;
  height: 100%;
  position: absolute;
}
.check-poster-box .my-poster .poster-master {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 1.6rem;
  bottom: 4%;
}
.check-poster-box .my-poster .poster-master a {
  font-size: 1.8rem;
  color: #23acce;
}
.check-poster-box .must-read {
  margin-top: .6rem;
  font-size: 1.4rem;
  line-height: 3;
}
.check-poster-box .must-read span {
  color: #f39700;
}
.check-poster-box .poster-btn-box a {
  margin-top: .9rem;
  float: left;
  width: 47%;
  margin-right: 6%;
}
.check-poster-box .poster-btn-box a:last-child {
  margin-right: 0;
}
.check-poster-box .poster-btn-box .mbtn {
  font-size: 1.4rem;
  line-height: 2.8;
  border-radius: .4rem;
}
.new-poster {
  padding-top: 15px;
  position: relative;
}
.new-poster .qrcode {
  position: absolute;
  left: 50%;
  top: 51%;
  margin-left: -22%;
  width: 44%;
}
.new-poster .fx-user {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 12%;
  height: 9%;
  width: 100%;
  box-sizing: border-box;
}
.new-poster .fx-user .user-photo {
  margin-top: 1%;
  height: 86.29%;
  float: left;
}
.new-poster .fx-user .user-name {
  color: #f39700;
}
.new-poster .fx-user .fx-name {
  float: left;
  padding-top: 2%;
  margin-left: 2.2%;
  font-family: '黑体';
  font-size: 1.4rem;
}
/*.gray-btn{
  background: ;
}*/
.mask-mposter-wrap {
  display: none;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}
.mask-mposter-wrap.act {
  display: block;
}
.mask-mposter-wrap .mbtn {
  border-radius: 0;
}
div.mposter-list .part-title {
  border-bottom: none;
}
div.mposter-list h3 {
  color: #f39700;
  border-left: none;
  padding-left: 0;
}
.mposter-items li {
  position: relative;
  float: left;
  width: 30%;
  margin-right: 5%;
  margin-bottom: 1rem;
}
.mposter-items li:nth-child(3n) {
  margin-right: 0;
}
.mposter-items li img {
  display: block;
}
.mposter-items li.act .check {
  display: block;
}
.mposter-items .check {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 3rem;
}
.mposter-items .poster-name {
  text-align: center;
  line-height: 2;
}
.must-read-box {
  display: none;
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  background: #fff;
  border-radius: .6rem;
  padding-bottom: 10rem;
  padding-top: 2rem;
}
.must-read-box.act {
  display: block;
}
.must-read-box .close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 2;
  background: #ccc;
  color: #666;
  text-align: center;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 50%;
}
.must-read-box .must-read-items {
  color: #666;
  font-size: 1.4rem;
}
.must-read-box .must-read-items li {
  margin-bottom: 1rem;
  line-height: 1.6;
}
.must-read-box .must-read-title {
  position: relative;
  z-index: 3;
  padding: 5rem 0 2rem;
  text-align: center;
  font-size: 2rem;
}
.must-read-box .happy-read {
  position: absolute;
  top: -42px;
  left: 0;
  z-index: 1;
}
.litter-tips {
  margin-top: -2rem;
  padding: 4.5rem 0;
  font-size: 1.6rem;
  text-align: center;
  color: #fff;
  background: url("../images/litter-tips-bg.jpg") center 4.2rem no-repeat;
  background-size: 16rem auto;
}
#ppt-position {
  position: absolute;
  z-index: 2;
}
.ppt-box {
  position: relative;
  width: 100%;
  overflow: hidden;
  left: 0;
}
#ppt-position {
  position: fixed;
  bottom: 5rem;
}
.ppt-wrap {
  position: relative;
}
.ppt-lists {
  overflow-x: auto;
  white-space: nowrap;
  font-size: 0;
}
.ppt-lists li {
  position: relative;
  display: inline-block;
  margin-right: .75rem;
}
.ppt-lists li img {
  display: block;
  width: 80px;
}
.ppt-lists li span {
  position: absolute;
  right: 0;
  top: 0;
  width: 2rem;
  line-height: 2rem;
  text-align: center;
  background: #f39700;
  color: #fff;
  font-size: 1.2rem;
}
.ppt-lists li.act {
  outline: 1px solid #f39700;
  outline-offset: -1px;
}
.ppt-detail-lsits {
  display: none;
  position: relative;
  overflow: visible;
  width: 100%;
  left: 0;
  font-size: 0;
  white-space: nowrap;
}
.ppt-detail-lsits li {
  display: inline-block;
  font-size: 0;
  width: 100%;
}
.ppt-detail-lsits img {
  width: 100%;
}
.read-after {
  background: #f9f9f9;
  border-bottom: 1p solid #fff;
}
.read-after .read-after-title {
  padding: 1rem 0;
  font-size: 1.6rem;
  color: #f39700;
  text-align: center;
  background: url("../images/read-after-t.png") center center no-repeat;
}
.read-after .sub-text textarea {
  color: #333;
  padding: .5em .8em;
  box-sizing: border-box;
  width: 100%;
  border: none;
  resize: none;
  background: #f9f9f9;
}
.read-after .sub-text-numb {
  padding: 0 1.5rem;
  color: #999;
  text-align: right;
  line-height: 2;
  border-bottom: 1px solid #eee;
}
.save-read-after {
  padding: 4rem 0;
}
.save-read-after .mbtn-sure {
  width: 50%;
  margin: 0 auto;
}
.blur {
  -webkit-filter: blur(10px);
  /* Chrome, Opera */
  -moz-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
  /* IE6~IE9 */
}
.audio-banner {
  position: relative;
  padding-bottom: 56%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.audio-banner .audio-img {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  padding: 11%;
  height: auto;
  margin-left: -11%;
  margin-top: -16%;
  animation: turn 8s linear infinite;
  -webkit-animation: turn 8s linear infinite;
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  border-radius: 50%;
  border: 3px solid #fff;
}
.audio-banner .bar-posi {
  position: absolute;
  left: 0;
  bottom: 0;
}
.audio-banner .audio-banner-img {
  position: absolute;
  z-index: 1;
}
.progress-bar {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.progress-bar .cache {
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  background: #fff;
  z-index: 1;
}
.progress-bar .progress {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 0;
  height: 4px;
  background: #f39700;
}
.progress-bar .progress-ctr {
  display: none;
  position: absolute;
  top: -0.6rem;
  right: 0rem;
  width: 1rem;
  height: 1rem;
  background: #fff;
  border: 0.3rem solid #f39700;
  border-radius: 50%;
}
.media-box {
  background: #f6f6f6;
}
.media-contro {
  position: relative;
  padding: .8rem 0;
  margin: 0 1.5rem;
}
.media-contro .progress-time {
  position: absolute;
  left: 0;
  line-height: 4rem;
}
.collect-media {
  position: absolute;
  top: 0;
  right: 1.5rem;
  height: 100%;
  width: 3rem;
  background: url("../images/media-ctr.png") no-repeat;
  background-position: right 0 top -107px;
  background-size: 25px auto;
}
.collect-media.act {
  background-position: right 0 top -146px;
}
.audio-box div.media-contro-box {
  position: static;
  text-align: center;
}
.audio-box div.media-contro-box .media-ctr {
  display: inline-block;
  border-radius: 50%;
  background: url("../images/media-ctr.png") no-repeat;
  border: 1px solid #f39700;
  background-color: #fff;
  background-size: 3rem;
}
.audio-box div.media-contro-box .pre-media,
.audio-box div.media-contro-box .next-media {
  width: 28px;
  height: 28px;
  vertical-align: .2rem;
}
.audio-box div.media-contro-box .pre-media {
  background-position: -1px -9px;
}
.audio-box div.media-contro-box .next-media {
  background-position: 1px -54px;
}
.audio-box div.media-contro-box .media-play {
  background-color: #f39700;
  background-position: 4px -238px;
  width: 3.6rem;
  height: 3.6rem;
  margin: 0 2.2rem;
}
.audio-box div.media-contro-box .media-play.act {
  background-position: 3px -101px;
}
.vedio-box {
  background: #f6f6f6;
}
.vedio-box .vedio {
  position: relative;
  background: #333;
}
.vedio-box .controller-box {
  position: relative;
  padding: 1rem 1.5rem;
  line-height: 1.7rem;
  height: 1.7rem;
}
.vedio-box .contro-l {
  float: left;
}
.vedio-box .contro-l .veido-play {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  vertical-align: bottom;
  background-image: url("../images/vedio-contr.png");
  background-position: -2px -25px;
  background-repeat: no-repeat;
  background-size: 14px auto;
}
.vedio-box .contro-l .act {
  background-position: -2px -89px;
}
.vedio-box .contro-l p {
  display: inline-block;
  color: #666;
}
.vedio-box .contro-r {
  float: right;
}
.vedio-box .contro-r .contro-audio {
  position: relative;
  height: .9rem;
  float: left;
  padding-left: 1.6rem;
  padding-top: .7rem;
  width: 8rem;
}
.vedio-box .contro-r .sound {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("../images/vedio-contr.png");
  background-position: -2px -66px;
  background-repeat: no-repeat;
  background-size: 14px auto;
}
.vedio-box .contro-r .sound.no {
  background-position: -2px -109px;
}
.vedio-box .contro-r .audio-all {
  width: 100%;
  height: 2px;
  background: #ccc;
}
.vedio-box .contro-r .audio-all .audio-now {
  width: 50%;
  height: 100%;
  background: #f39700;
}
.vedio-box .contro-r .audio-all .audio-max {
  float: right;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #fff;
  margin-top: -0.4rem;
  margin-right: -0.5rem;
}
.vedio-box .contro-r .full-screen,
.vedio-box .contro-r .vedio-collect {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  margin-left: 2rem;
  background-image: url("../images/vedio-contr.png");
  background-position: -2px -77px;
  background-repeat: no-repeat;
  background-size: 14px auto;
}
.vedio-box .contro-r .full-screen {
  background-position: 0 -3px;
  background-size: 14px auto;
}
.vedio-box .contro-r .vedio-collect {
  background-position: 0 -46px;
  background-size: 14px auto;
}
.vedio-box .contro-r .vedio-collect.act {
  background-position: 0 -132px;
}
.vedio-box .vedio-progress-bar {
  position: absolute;
  left: 0;
  top: -4px;
}
.vedio-box .restar-con {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.vedio-box .restar-con .restar {
  display: inline-block;
  vertical-align: middle;
}
.vedio-box .restar-con .restar-img {
  width: 18%;
  margin-bottom: 10px;
}
.vedio-box .restar-con .buwei {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.account-items {
  color: #fff;
  font-size: 1.6rem;
  /*  .account-bglogo{
    position: absolute;
    height: 110%;
    top: -5%;
    right: 14%;
  }*/
}
.account-items .account {
  position: relative;
  border-radius: .5rem;
  background: #ccc;
  padding: 2.3rem 3.0rem 2.3rem 1.4rem;
  margin-bottom: 1rem;
  background-image: url(../images/account-card-bg.png);
  background-repeat: no-repeat;
  background-position: top 0 right 20%;
  background-size: contain;
}
.account-items .account a {
  position: absolute;
  left: 0;
  top: 0%;
  width: 100%;
  height: 100%;
}
.account-items .account.zfb {
  background-image: url("../images/bg-zfb.png");
  background-color: #00aaef;
}
.account-items .account.gs {
  background-color: #c55154;
  background-image: url("../images/bg-gs.png");
}
.account-items .account.ny {
  background-color: #008c76;
  background-image: url("../images/bg-ny.png");
}
.account-items .account.ny {
  background-color: #008c76;
  background-image: url("../images/bg-ny.png");
}
.account-items .account.js {
  background-color: #519bc5;
  background-image: url("../images/bg-js.png");
}
.account-items .account-numb {
  text-align: right;
}
.account-items .account-numb span {
  vertical-align: top;
}
.account-items .account-logo {
  float: left;
  width: 4rem;
  margin-right: 1.8rem;
}
.account-items .account-info {
  display: table-cell;
  width: 2000px;
  *display: inline-block;
  *width: auto;
}
.account-items .account-name {
  margin-bottom: 1rem;
}
.account-items .check {
  display: none;
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 1.9rem;
  z-index: 2;
}
.account-items .check.act {
  display: block;
}
.customer-head {
  color: #fff;
  background: #fd9f05;
}
.customer-head.huiz {
  padding: 2rem 0;
  background: url("../images/head-bg.jpg") center center no-repeat;
  background-size: cover;
}
.customer-head .cus-head-con {
  position: relative;
  padding: 3.3rem 1.5rem 4.5rem;
}
.customer-head .cus-head-con .fam-tips {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}
.customer-head .cus-head-con .fam-tips img {
  width: 1.8rem;
}
.customer-head a {
  color: #fff;
}
.customer-head .cus-head-sec {
  border-top: 1px solid #f4be67;
  background: #ec9301;
}
.customer-head .cus-head-tit {
  font-size: 1.4rem;
  height: 2.3rem;
}
.customer-head .cus-head-txt {
  font-size: 2.6rem;
}
.customer-head .to-get-money {
  float: right;
  border-radius: 1.6rem;
  line-height: 2.6rem;
  padding: 0 1rem;
  border: 1px solid #fff;
}
.customer-head .cus-head-info {
  height: 6.3rem;
  text-align: center;
}
.customer-head .cus-head-info li {
  width: 50%;
  float: left;
  margin: 1.5rem 0;
}
.customer-head .cus-head-info li:first-child {
  border-right: .1rem solid #f4be67;
  margin-right: -0.2rem;
}
.customer-head .go-get-money {
  padding: 0 1.5rem;
  background: #e7e7e7;
  color: #999;
}
.customer-head .go-get-money .go-to-money {
  font-size: 1.6rem;
  padding-left: 2.6rem;
  border-bottom: 1px solid #e7e7e7;
}
.customer-head .go-get-money i.get-money-icon {
  float: left;
  width: 20px;
  height: 20px;
  margin-left: -26px;
  background: url("../images/no-get-money.png") center center no-repeat;
  background-size: 20px auto;
}
.customer-head .go-get-money a {
  color: inherit;
  display: block;
  width: 100%;
  height: 100%;
  padding: 1.3rem 0;
  background: url("../images/to-right.png") right center no-repeat;
  background-size: 1rem;
}
.customer-head .go-get-money .get-money-tips {
  margin: 0 -1.5rem;
  color: #999;
  padding: 1rem 0;
  padding-left: 1.5rem;
  background: #fff;
}
.customer-head .go-get-money .get-money-tips span {
  color: #f39700;
}
.customer-head .go-get-money.act {
  color: #333;
  background: #fff;
}
.customer-head .go-get-money.act .go-to-money {
  border-bottom: none;
}
.customer-head .go-get-money.act i.get-money-icon {
  background-image: url("../images/get-money.png");
}
.customer-head .go-get-money.act .get-money-tips {
  display: none;
}
.customer-head .go-get-money.act a {
  background-image: url("../images/to-right-act.png");
}
.huiz .photo {
  position: relative;
  width: 19%;
  margin: 0 auto;
}
.huiz .photo img {
  width: 100%;
  display: block;
  border-radius: 50%;
}
.huiz .photo .tag {
  position: absolute;
  right: -1.4rem;
  top: .6rem;
  border: 1px solid #f39700;
  padding: 0 .3rem;
  border-radius: .3rem;
  text-align: center;
  line-height: 1.6rem;
  color: #f39700;
  font-size: 1.2rem;
  background: #fff;
}
.huiz .huiz-name {
  line-height: 2;
  font-size: 1.4rem;
  text-align: center;
}
.huiz .huiz-info {
  margin-top: 2rem;
}
.huiz .huiz-info li {
  font-size: 1.4rem;
  text-align: center;
}
.huiz .huiz-info .huiz-info-tit {
  margin-bottom: .8rem;
}
.huiz .huiz-info .huiz-info-txt {
  display: block;
  margin: 0 1.5rem;
  background: #fff;
  color: #f39700;
  text-align: center;
  line-height: 3.8rem;
  border-radius: 1.9rem;
}
.click {
  width: 1.8rem;
  vertical-align: -0.4rem;
}
.tap-long {
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  padding-top: 18.6667%;
  padding-bottom: 3rem;
}
.fx-title {
  padding-top: 1.5rem;
}
.goin-qr {
  width: 60%;
  display: block;
  margin: 0 auto;
}
.linear {
  height: 100%;
  background: -webkit-linear-gradient(to bottom, #fbb33d, #f39a08);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(to bottom, #fbb33d, #f39a08);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(to bottom, #fbb33d, #f39a08);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, #fbb33d, #f39a08);
  /* 标准的语法 */
}
.main {
  width: 100%;
  overflow: hidden;
  background: #f5f5f5;
  padding-top: 10px;
}
.main-info {
  background: #fff;
  padding-left: 1.5rem;
  font-size: 1.4rem;
}
.main-info li {
  padding: 1.8rem 1.5rem 1.8rem 0;
  border-bottom: 1px solid #e7e7e7;
}
.main-info .operation {
  font-size: 1.6rem;
}
.main-info .operation i {
  font-size: 1.2rem;
}
.main-info .operation i.error {
  color: red;
}
.main-info .operation-tit {
  margin-bottom: 1rem;
}
.main-info .operation-time {
  float: right;
  color: #999;
}
.main-info .operation-account {
  color: #666666;
}
.main-info .operation-account i {
  display: inline-block;
  white-space: nowrap;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 1.3rem;
  max-width: 12em;
}
.main-info .operation-numb {
  margin-left: .8rem;
}
.main-info .operation-numb i {
  color: #999;
  display: inline-block;
  margin-right: .4rem;
}
.please-wait {
  background-color: rgba(0, 0, 0, 0.5);
  width: 12rem;
  height: 12rem;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -6rem;
  margin-top: -6rem;
  border-radius: 1rem;
}
.please-wait .wait-wrap {
  padding-top: 2.4rem;
  padding-bottom: 2rem;
}
.please-wait .wait-clock {
  text-align: center;
  color: #fff;
}
.please-wait .wait-clock img {
  width: 2.6rem;
}
.please-wait .wait-clock p.wait-txt {
  font-size: 1.4rem;
  padding-top: .2rem;
  padding-bottom: .6rem;
}
.please-wait .wait-clock .loading-dots {
  padding-left: 1rem;
}
.please-wait .wait-clock .loading-dots span {
  display: inline-block;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 1rem;
  aniamtion: waitanimat 900ms;
  -webkit-animation: waitanimat 900ms;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.please-wait .wait-clock .loading-dots span.wait-dot1 {
  animation-delay: -600ms;
  -webkit-animation-delay: -600ms;
}
.please-wait .wait-clock .loading-dots span.wait-dot2 {
  animation-delay: -300ms;
  -webkit-animation-delay: -300ms;
}
.please-wait .wait-clock .loading-dots span.wait-dot3 {
  animation-delay: 00ms;
  -webkit-animation-delay: 00ms;
}
.data-info {
  padding: 0.8rem 3rem 2rem;
}
.data-info .data-title {
  padding: 3.4rem 0;
  text-align: center;
  font-size: 1.4rem;
  color: #666666;
}
.data-info .data-table {
  width: 100%;
}
.data-info .data-table li {
  position: relative;
  float: left;
  /*display: table-cell;
      table-layout: fixed;*/
  width: 14.2857%;
  height: 16rem;
}
.data-info .data-table li .data-item {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.data-info .data-table li span {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.data-info .data-table li:last-child .column-name {
  border-right: 1px solid #e7e7e7;
}
.data-info .data-table .column {
  display: inline-block;
  width: 13.6%;
  height: 0;
  transition: 0.6s ease-out 0.4s;
  border-radius: .3rem;
}
.data-info .data-table .column-name {
  padding-top: .6rem;
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  color: #666666;
  height: .2rem;
}
.data-info .data-table .red {
  background: #e03136;
}
.data-info .data-table .oring {
  background: #fd8c26;
}
.data-info .data-table .yellow {
  background: #fcdd20;
}
.data-info .data-table .green {
  background: #5ec434;
}
.data-info .data-table .blue {
  background: #008fd5;
}
.data-info .data-table .deepblue {
  background: #006abd;
}
.data-info .data-table .purple {
  background: #ce48c0;
}
.partner {
  text-align: center;
}
.partner .part-txt {
  font-size: 2.2rem;
  line-height: 20rem;
  background: #f39700;
  color: #fff;
}
.partner .partner-join {
  font-size: 2.4rem;
  padding-top: 4rem;
  color: #f39700;
}
.partner .join-tel {
  display: block;
  font-size: 1.8rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.media {
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
img {
  max-width: 100%;
}
.ask-dialog.remind {
  width: 25rem;
  margin-left: -12.5rem;
}
.ask-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  margin-top: -9rem;
  margin-left: -15.25rem;
  width: 30.5rem;
  border-radius: .5rem;
  background: #fff;
}
.ask-dialog .ask-dialog-con {
  padding: 2.6rem 0;
  text-align: center;
}
.ask-dialog .tip-text {
  font-size: 1.9rem;
  margin-bottom: .7rem;
  color: #333;
}
.ask-dialog .ask-text {
  font-size: 1.4rem;
  color: #666;
}
.ask-dialog .ask-btn-box {
  font-size: 1.6rem;
  border-top: 1px solid #e7e7e7;
  line-height: 4rem;
  text-align: center;
}
.ask-dialog .ask-btn-box a {
  float: left;
  width: 50%;
  color: #999;
}
.ask-dialog .ask-btn-box a:first-child {
  border-right: 1px solid #e7e7e7;
  margin-right: -1px;
}
.ask-dialog .ask-btn-box a.act {
  color: #f39700;
}
.ask-dialog .ask-btn-box a.one-sure {
  display: block;
  width: 100%;
  border-right: none;
  margin-right: 0;
  color: #f39700;
}
.mc {
  color: #f39700;
}
.part-title {
  position: relative;
  background: #fff;
  padding: 1.2rem 0;
  border-bottom: 1px solid #e7e7e7;
}
.part-title h3 {
  border-left: 2px solid #f39700;
  margin-left: 1.5rem;
  padding-left: .6rem;
  font-size: 1.6rem;
}
.other-title {
  border-bottom: none;
}
.other-title h3 {
  border-left: none;
  padding-left: 0;
}
.mt0 {
  margin-top: 0;
}
.guide-box {
  display: none;
  text-align: center;
  color: #fff;
}
.guide-box .guide {
  padding: 10rem 0 8rem;
  font-size: 1.4rem;
  line-height: 1.4;
  background: url("../images/hear.png") top 3rem right 3rem no-repeat;
  background-size: 10rem auto;
}
.guide-box a.guide-know {
  font-size: 1.8rem;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  border: 2px solid #fff;
  border-radius: .6rem;
  padding: 1rem 1.8rem;
}
.guide-box.act {
  display: block;
}
.search-sort {
  padding: 0.8rem 1.5rem;
  background: #fff;
}
.search-sort .search-people {
  float: left;
  line-height: 3.4rem;
  height: 3.4rem;
  border: 1px solid #e7e7e7;
  border-radius: .3rem;
  width: 80%;
}
.search-sort .searPeople {
  float: right;
  width: 15%;
  height: 100%;
  text-align: right;
}
.search-sort .searPeople img {
  width: 2rem;
  margin-top: -0.3rem;
  margin-right: 1rem;
}
.search-sort #searPeople {
  position: absolute;
  z-index: -1;
}
.search-sort .people-input {
  padding-left: 1rem;
  width: 79%;
}
.search-sort .sort {
  float: right;
  width: 20%;
  box-sizing: border-box;
  padding-left: 1.5rem;
  margin-left: -0.2rem;
  text-align: center;
  line-height: 3.4rem;
}
.search-sort .sort .to-down {
  width: 1.3rem;
  margin-left: .3rem;
}
.con {
  margin: 1.5rem;
}
.form-body {
  margin-top: 1rem;
}
.form-box {
  background: #fff;
  font-size: 1.4rem;
  line-height: 4.4rem;
}
.form-box li:last-child .form-item {
  border-bottom: none;
}
.form-box li.no-border .form-item {
  border-bottom: none;
}
.form-box li.two-item {
  padding: 0 1.5rem;
}
.form-box li.two-item .form-item {
  width: 50%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.form-box .form-item {
  position: relative;
  border-bottom: 1px solid #e7e7e7;
  background: #fff;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.form-box .form-item.form-item-bn {
  border-bottom: none;
}
.form-box .form-item label {
  position: absolute;
  left: 0;
  top: 0;
  width: 4em;
}
.form-box .form-item .form-val,
.form-box .form-item .sel-bank {
  /* white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;*/
  height: 4.4rem;
  display: block;
  padding-left: 4em;
}
.form-box .form-item.form-txt {
  line-height: 3rem;
}
.form-box .form-item.form-txt label {
  line-height: 3.3rem;
  height: 3.3rem;
}
.form-box .form-item.form-txt .form-val {
  /*        text-indent: 5em;
        padding-left: 0;*/
  line-height: 3.3rem;
  height: auto;
}
.form-box .form-item.form-txt input[type="text"] {
  line-height: 1.2rem;
  height: 1.2rem;
  vertical-align: top;
  padding: 1.6rem;
}
.form-box .form-item input[type="text"] {
  height: 4.4rem;
  line-height: 1.4rem;
  padding: 1.5rem 0 1.5rem 4em;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  /*display: table-cell;
      width: 2000px;*/
}
.form-box .form-item input[type="text"].lg-indent {
  padding-left: 5em;
}
.form-box .form-item span.lg-indent {
  padding-left: 5em;
}
.form-box .form-item .form-get-code {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 4.4rem;
  border-radius: 0;
  border-left: 1px solid #e7e7e7;
  width: 9rem;
  text-align: center;
  padding-left: 1.5rem;
  color: #f39700;
}
.form-box .form-item .form-get-code.gray-color {
  color: #b1b1b1;
}
.form-box .form-item .form-get-code.code-color {
  border-left: none;
  color: #fff;
  background: #f39700;
  padding-right: 1.5rem;
  margin-right: -1.5rem;
  width: 10.5rem;
}
.form-box .form-item.check-code {
  padding-right: 10.5rem;
}
.form-box .form-tips {
  line-height: 3.5rem;
  background: #f5f5f5;
  padding: 0 1.5rem;
  font-size: 1.2rem;
  color: #666;
}
.form-box.large label {
  width: 6em;
}
.form-box.large input[type="text"] {
  padding-left: 6em;
}
.form-box.middle label {
  width: 5em;
}
.form-box.middle input[type="text"] {
  padding-left: 5em;
}
.form-box .check-option {
  background: #fff;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: block;
}
.form-box .check-option .to-right {
  float: right;
  width: 1rem;
  margin-top: 1.2rem;
}
.ems-info {
  border-top: 1px solid #e7e7e7;
  margin-top: 1rem;
  padding-top: .8rem;
  padding-bottom: .8rem;
}
.form-part {
  margin-top: 1rem;
  border-top: 1px solid #e7e7e7;
  background: #fff;
}
.form-part .form-part-title {
  padding: 1rem 0 1rem 1.5rem;
  font-size: 1.4rem;
  font-weight: bold;
}
.form-part .form-line {
  border-top: 1px dashed #e7e7e7;
  margin: 1rem 0;
}
.form-next-step {
  margin-top: 4rem;
  background: #fff;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  background: none;
}
.r {
  float: right;
}
.l {
  float: left;
}
.add {
  color: #f39700;
}
.reduce {
  color: #02b925;
}
.over {
  color: #0072c6;
}
.one-link {
  display: block;
  line-height: 4.4rem;
  background: #fff;
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
  text-align: right;
  font-size: 1.4rem;
}
.one-link .to-right {
  width: 1rem;
}
.one-link .link-tit {
  float: left;
}
.one-link .link-icon {
  width: 2.3rem;
  margin-right: 1rem;
  vertical-align: -0.4rem;
}
.panel {
  background: #fff;
}
.panel .panel-title {
  border-bottom: 1px solid #e7e7e7;
  font-size: 1.4rem;
  padding: 0 1.5rem;
  line-height: 4.4rem;
}
.ask-panel {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -20rem;
  margin-left: -43%;
  width: 86%;
  background: #fff;
}
.ask-panel .bank-list-tit {
  line-height: 5.5rem;
  font-size: 1.6rem;
  padding-left: 1.5rem;
  border-bottom: 1px solid #e7e7e7;
  color: #333;
}
.ask-panel .bank-list {
  max-height: 27.6rem;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  overflow-y: auto;
}
.ask-panel .bank-list li {
  margin-left: 1.5rem;
  border-bottom: 1px solid #e7e7e7;
  line-height: 4.5rem;
}
.ask-panel .cancle-bank {
  text-align: center;
  line-height: 6rem;
  border-top: 1px solid #e7e7e7;
  font-size: 1.4rem;
  color: #f39700;
}
.letter-tips {
  display: none;
  position: fixed;
  border-radius: 4px;
  top: 50%;
  left: 50%;
  line-height: 2;
  padding: 0 6px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.vh {
  position: absolute;
  z-index: -2;
  visibility: hidden;
  left: -100%;
}
@keyframes turn {
  0% {
    transform: rotate(0deg);
  }
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes waitanimat {
  0% {
    background-color: #fff;
  }
  33% {
    background-color: #ccc;
  }
  66% {
    background-color: #999;
  }
  100% {
    background-color: #fff;
  }
}
@-webkit-keyframes waitanimat {
  0% {
    background-color: #fff;
  }
  33% {
    background-color: #ccc;
  }
  66% {
    background-color: #999;
  }
  100% {
    background-color: #fff;
  }
}
.form-warning .error {
  border: 1px solid red;
}
.tips {
  color: #f39700;
}
.index-top {
  margin-bottom: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.index-top p {
  font-size: 1.8rem;
  text-indent: 2rem;
  line-height: 1.5;
  margin-bottom: 5px;
}
.rule-text div {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.rule-text div a {
  display: inline-block;
  line-height: 4rem;
}
.rule-text div a:nth-child(2) {
  float: right;
  color: red;
  text-decoration: underline;
}