@charset "UTF-8";
/**
 *
 * @authors Your Name (you@example.org)
 * @date    2016-06-03 10:54:01
 * @version $Id$
 */


::-ms-clear,
::-ms-reveal {
  display: none;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  list-style: none;
}

*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
}

*,
:after,
:before {
  box-sizing: border-box;;
}

.width1200 {
  width: 1200px;
  margin: 0px auto;
}

/* *[placeholder] {
  color: #aaa;
} */

a:hover {
  text-decoration: none;
}

i {
  font-style: normal
}

#comregister a,
#comregister div,
#comregister input,
#registerwarp a,
#registerwarp div,
#registerwarp input,
#registerwarp span {
  box-sizing: border-box;
}

#left34 {
  margin-left: 34px;
}

#left58 {
  margin-left: 58px;
}

#color,
.color {
  color: #477bba;
}

#margin100 {
  margin-top: 100px;
}

.zhihui {
  color: #666;
}

.white_bg {
  background: #fff;
}

.border2 {
  border: 1px solid #d4d7d8;
}

.border {
  margin-top: 30px;
  border-radius: 6px;
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  -ms-transition: -ms-transform .3s;
  transition: transform .3s;
  -webkit-transform: translate3d(0, -2%, 0);
  -moz-transform: translate3d(0, -2%, 0);
  -ms-transform: translate3d(0, -2%, 0);
  transform: translate3d(0, -2%, 0);
  box-shadow: 0 8px 14px rgba(220, 220, 220, 0.4);
  transform: translate3d(0, -2px, 0);
}

.borderb {
  border-bottom: 1px solid #d8dde0;
}

.width140 {
  width: 140px;
}

.marginb50 {
  margin-bottom: 50px;
}

.float_l {
  position: relative;
  float: left;
}

.float_r {
  position: relative;
  float: right;
}

.clearfix:after,
.clearfix:before {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.zhezhaobg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background: #000;
  opacity: 0.7;
}

.clearfix {
  *zoom: 1;
  /*For IE 6/7 触发hasLayout*/
}

.clear {
  clear: both;
}

.hide {
  display: none;
}

.block {
  display: block;
}

.left {
  float: left;
}

.right {
  float: right;
}

a {
  outline: 0;
  text-decoration: none;
}

em {
  font-style: normal;
}

#bordern {
  border: none;
}

/*奇数行*/
/* table tr:nth-of-type(even) {
  background: #fff;
} */

/*偶数行*/
/* table tr:nth-of-type(odd) {
  background: #f7f8fa;
} */

.mt-number-animate {
  overflow: hidden;
  display: inline-block;
  position: relative;
}

.data_num .mt-number-animate-dom {
  width: 16px;
}

.mt-number-animate .mt-number-animate-dom {
  text-align: center;
  float: left;
  position: relative;
  top: 0;
}

.mt-number-animate .mt-number-animate-dom .mt-number-animate-span {
  width: 100%;
  float: left;
}


.check_box .checked,
input[type=checkbox]:checked + .check_box {
  border-color: #7cabed;
}

.check_box .checked::after,
input[type=checkbox]:checked + .check_box::after {
  height: 6px;
  -moz-animation: dothabottomcheck 0.2s ease 0s forwards;
  -o-animation: dothabottomcheck 0.2s ease 0s forwards;
  -webkit-animation: dothabottomcheck 0.2s ease 0s forwards;
  animation: dothabottomcheck 0.2s ease 0s forwards;
}

.check_box .checked::before,
input[type=checkbox]:checked + .check_box::before {
  height: 14px;
  -moz-animation: dothatopcheck 0.4s ease 0s forwards;
  -o-animation: dothatopcheck 0.4s ease 0s forwards;
  -webkit-animation: dothatopcheck 0.4s ease 0s forwards;
  animation: dothatopcheck 0.4s ease 0s forwards;
}

@-moz-keyframes dothabottomcheck {
  0% {
    height: 0;
  }
  100% {
    height: 6px;
  }
}

@-webkit-keyframes dothabottomcheck {
  0% {
    height: 0;
  }
  100% {
    height: 6px;
  }
}

@keyframes dothabottomcheck {
  0% {
    height: 0;
  }
  100% {
    height: 6px;
  }
}

@keyframes dothatopcheck {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 14px;
  }
}

@-webkit-keyframes dothatopcheck {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 14px;
  }
}

@-moz-keyframes dothatopcheck {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 14px;
  }
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%,
  5% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  15%,
  25%,
  35%,
  45% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  20%,
  30%,
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -webkit-transform: scale(1) rotate(0);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}

@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }
  10%,
  5% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  15%,
  25%,
  35%,
  45% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  20%,
  30%,
  40% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -moz-transform: scale(1) rotate(0);
  }
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}

@-ms-keyframes tada {
  0% {
    -ms-transform: scale(1);
  }
  10%,
  5% {
    -ms-transform: scale(0.9) rotate(-3deg);
  }
  15%,
  25%,
  35%,
  45% {
    -ms-transform: scale(1.1) rotate(3deg);
  }
  20%,
  30%,
  40% {
    -ms-transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -ms-transform: scale(1) rotate(0);
  }
  100% {
    -ms-transform: scale(1) rotate(0);
  }
}

@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }
  10%,
  5% {
    -o-transform: scale(0.9) rotate(-3deg);
  }
  15%,
  25%,
  35%,
  45% {
    -o-transform: scale(1.1) rotate(3deg);
  }
  20%,
  30%,
  40% {
    -o-transform: scale(1.1) rotate(-3deg);
  }
  50% {
    -o-transform: scale(1) rotate(0);
  }
  100% {
    -o-transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  5% {
    transform: scale(0.9) rotate(-3deg);
  }
  15%,
  25%,
  35%,
  45% {
    transform: scale(1.1) rotate(3deg);
  }
  20%,
  30%,
  40% {
    transform: scale(1.1) rotate(-3deg);
  }
  50% {
    transform: scale(1) rotate(0);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}

.header {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}

.header .header_nav {
  width: 1200px;
  height: 70px;
  margin: 0 auto;
}

.header .header_nav .header_logo {
  width: 250px;
  height: 33px;
  margin-top: 18px;
  float: left;
}

.header .header_nav .header_logo img {
  width: 100%;
}

.header .header_nav .header_logo .deh {
  width: 140px;
  height: 34px;
  display: inline-block;
  position: absolute;
}

.header .header_nav .header_logo .hf {
  width: 110px;
  height: 34px;
  display: inline-block;
  position: relative;
  top: -36px;
  left: 144px;
}

.header .header_nav .header_n_dh {
  width: 950px;
  height: 70px;
  display: inline-block;
}

.header .header_nav .header_n_dh ul {
  width: 560px;
  display: inline-block;
  margin-left: 70px;
}

.header .header_nav .header_n_dh ul li {
  display: inline-block;
  line-height: 70px;
  padding: 0 30px;
  font-size: 16px;
  text-align: center;
  position: relative;
}

.header .header_nav .header_n_dh ul li a {
  display: inline-block;
  color: #666;
  width: auto;
}

.header .header_nav .header_n_dh ul li a:hover {
  color: #477bba;
}

.header .header_nav .header_n_dh ul li #highlight {
  color: #477BBA;
}

.header .header_nav .header_n_dh .signwarp {
  width: 320px;
  height: 70px;
}

.header .header_nav .header_n_dh .signwarp .login {
  width: 240px;
  height: 70px;
  float: right;
}

.header .header_nav .header_n_dh .signwarp .login a {
  width: 90px;
  height: 36px;
  display: block;
  float: left;
  border-radius: 9px;
  font-size: 16px;
  text-align: center;
  line-height: 36px;
  margin-top: 17px;
  margin-left: 10px;
  letter-spacing: 4px;
  border: 1px solid #7CABED;
  color: #7CABED;
  padding-left: 4px;
}

.header .header_nav .header_n_dh .signwarp .login .active {
  background: #7CABED;
  color: #fff;
}

.header .header_nav .header_n_dh .signwarp .login #login_deng {
  width: 86px;
  height: 34px;
  line-height: 34px;
  margin-left: 24px;
}

.header .header_nav .header_n_dh .signwarp .login a:hover {
  background: #7CABED;
  color: #fff;
}

.header .header_nav .header_n_dh .signwarp .signin {
  margin-top: 20px;
  text-align: right;
  font-size: 0;
}

.header .header_nav .header_n_dh .signwarp .signin a {
  width: 80px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin-right: 12px;
  border-radius: 4px;
  border: 1px solid #fff;
}

.header .header_nav .header_n_dh .signwarp .signin a#nav_loginbtn:hover {
  color: #1c95d5;
  border-color: #1c95d5;
}

.header .header_nav .header_n_dh .signwarp .signin a#nav_registe {
  border: 1px solid #1c95d5;
  background: #1c95d5;
  color: #fff;
}

.header .header_nav .header_n_dh .signwarp .signin a#nav_registe:hover {
  background: #2c77a2;
}

.header .header_nav .header_n_dh .signwarp .sign ul {
  width: 320px;
  text-align: right;
  margin-left: 0px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li {
  padding: 0;
  line-height: 42px;
  margin-top: 16px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li.personbtn {
  padding: 0 20px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li a .moneymanage_icon {
  width: 24px;
  background-position: 0 0;
  margin-right: 4px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li a.messagenum {
  color: #f25c5c;
  padding-left: 0px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li a.messagenum .message_icon {
  background-position: -24px 0;
  margin-right: 8px;
  margin-left: 18px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li a .person {
  width: 22px;
  height: 24px;
  background: url("../images/nav-icon.png");
  background-position: -46px 0;
  overflow: hidden;
  position: relative;
  top: 24px;
  vertical-align: top;
  right: 4px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .moneymanage {
  width: 260px;
  height: 230px;
  position: absolute;
  right: 0;
  top: 70px;
  z-index: 3;
  display: none;
}

.nav_personcon {
  margin: 0 auto;
  position: relative;
  padding: 22px 20px;
  z-index: 4;
}

.nav_personcon p {
  font-size: 16px;
  color: #fff;
  padding-bottom: 18px;
  text-align: center;
  border-bottom: 1px solid #9c99a3;
}

.nav_personcon p a {
  color: #fff;
  font-size: 16px;
}

.nav_personcon p span {
  color: #fc8026;
  padding-left: 4px;
}

.nav_personcon ul {
  padding-top: 15px;
}

.nav_personcon ul li {
  width: 50%;
}

.nav_personcon ul li a {
  display: block;
  width: 100%;
}

.nav_personcon ul li .assets,
.nav_personcon ul li .deallog {
  width: 30px;
  height: 28px;
  display: block;
  margin: 0 auto;
  background: url("../images/navperson-icon.png");
}

.nav_personcon ul li .deallog {
  width: 24px;
  background-position: 0 0;
}

.nav_personcon ul li .assets {
  background-position: -24px 0;
}

.nav_personcon ul li .nav_persontitle {
  display: block;
  text-align: center;
  padding-top: 8px;
  font-size: 16px;
  color: #fff;
}

.nav_personcon ul li .nav_personbtn {
  width: 100px;
  height: 30px;
  position: relative;
  top: 25px;
  display: block;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}

.nav_personcon ul li .nav_personbtn .operationbg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: #447aa4;
  opacity: 0.4;
  filter: alpha(opacity=40);
  border-radius: 4px;
}

.nav_personcon ul li .nav_personbtn .nav_personw {
  width: 100%;
  height: 100%;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .message {
  width: 260px;
  position: absolute;
  right: 0;
  top: 70px;
  z-index: 3;
  display: none;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .message .nav_messagecon {
  height: 100%;
  padding: 22px 20px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 3;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .message .nav_messagecon ul {
  width: 100%;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .message .nav_messagecon ul li {
  float: none;
  padding: 12px 0;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .message .nav_messagecon ul li a {
  font-size: 14px;
  color: #fff;
  display: block;
  line-height: 20px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .message .nav_messagecon ul li a:hover {
  color: #35a9f2;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .message .nav_messagecon ul li a span {
  display: block;
  color: #928d94;
  padding-top: 10px;
  font-size: 12px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .message .nav_messagecon .messagemore {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
  color: #fc8026;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .message .nav_messagecon .messagemore:hover {
  color: #ea6e14;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .perinfo {
  width: 154px;
  position: absolute;
  right: 0;
  top: 70px;
  z-index: 3;
  padding: 22px 0 0;
  display: none;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .perinfo ul {
  position: relative;
  z-index: 4;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .perinfo ul li {
  float: none;
  position: relative;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .perinfo ul li.clearfix a:hover {
  color: #35a9f2;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .perinfo ul li a {
  width: 114px;
  display: block;
  margin: 0 auto;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 16px;
  border-bottom: 1px solid #9c99a3;
  position: relative;
  z-index: 4;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .perinfo ul li a.navcon_signout {
  border-bottom: none;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .perinfo ul li a span {
  width: 20px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 12px;
  display: block;
  background: url("../images/navperson-icon.png");
}

.header .header_nav .header_n_dh .signwarp .sign ul li .perinfo ul li a span.touzi_icon {
  background-position: -70px 0;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .perinfo ul li a span.jiekuan_icon {
  width: 22px;
  background-position: -90px 0;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .perinfo ul li a span.ziliao_icon {
  width: 18px;
  background-position: -112px 0;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .perinfo ul li a span.anquan_icon {
  width: 16px;
  background-position: -130px 0;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .perinfo ul li a span.zhuxiao_icon {
  width: 16px;
  background-position: -146px 0;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .perinfo ul li.per_name {
  border-bottom: none;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .perinfo ul li.per_name a {
  font-size: 16px;
  color: #fc8026;
}

.nav_personbg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.9;
  filter: alpha(opacity=90);
  z-index: 3;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .nav_hover,
.header .header_nav .header_n_dh .signwarp .sign ul li .navcon_hover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.9;
  filter: alpha(opacity=90);
  z-index: 2;
  display: none;
}

.header .header_nav .header_n_dh .signwarp .sign ul li #per_me {
  background: #fff;
  color: #666;
  border: 1px solid #e1e1e1;
  border-radius: 6px;
  padding: 0px 22px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li #per_me:hover {
  color: #7CABED;
  -webkit-box-shadow: 0 0 18px #e1e1e1;
  box-shadow: 0 0 18px #e1e1e1;
  -webkit-transition: .2s;
  transition: .2s;
  z-index: 100;
}

.header .header_nav .header_n_dh .signwarp .sign ul li #per_me_qiye {
  padding: 0px 40px 0px 16px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li #per_me_qiye .arrow {
  right: -134px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .nav_touzi {
  width: 177px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .nav_touzi li {
  width: 177px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li #per_me_qiye,
.header .header_nav .header_n_dh .signwarp .sign ul li #per_me1,
.header .header_nav .header_n_dh .signwarp .sign ul li #per_touzi {
  background: #fff;
  color: #333;
  border-radius: 6px;
  border: 1px solid #e1e1e1;
  padding: 0px 20px 0px 26px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li #per_me_qiye,
.header .header_nav .header_n_dh .signwarp .sign ul li #per_me1,
.header .header_nav .header_n_dh .signwarp .sign ul li #per_touzi {
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  -ms-transition: -ms-transform .3s;
  transition: transform .3s;
}

.header .header_nav .header_n_dh .signwarp .sign ul li #per_me_qiye:hover,
.header .header_nav .header_n_dh .signwarp .sign ul li #per_me1:hover,
.header .header_nav .header_n_dh .signwarp .sign ul li #per_touzi:hover {
  color: #477bba;
  -webkit-transform: translate3d(0, -2%, 0);
  -moz-transform: translate3d(0, -2%, 0);
  -ms-transform: translate3d(0, -2%, 0);
  transform: translate3d(0, -2%, 0);
  box-shadow: 0 4px 10px rgba(90, 90, 90, 0.1);
  transform: translate3d(0, 0px, 0);
}

.header .header_nav .header_n_dh .signwarp .sign ul li #per_touzi {
  display: none;
  padding-right: 10px;
  padding-left: 10px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li #per_touzi .person_me {
  background: url("../images/qiehuan_icon.png");
}

.header .header_nav .header_n_dh .signwarp .sign ul li #per_touzi:hover {
  color: #477bba;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .nav_touzi {
  position: absolute;
  top: 40px;
  left: 0px;
  z-index: 1000;
  width: 160px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .nav_touzi li {
  margin: 0;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .navbtn {
  display: block;
  font-size: 16px;
  color: #666;
  text-align: center;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .navbtn:hover {
  color: #477bba;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .navbtn span {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url("../images/nav-icon.png");
  vertical-align: middle;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .navbtn span.triangle {
  width: 8px;
  height: 6px;
  background-position: -98px 23px;
  margin-left: 6px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .navbtn .message_icon {
  margin-right: 8px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .navbtn .person {
  width: 23px;
  height: 23px;
  background: url("../images/nav-icon.png") -45px 0;
  overflow: hidden;
  position: relative;
  top: 8px;
  vertical-align: top;
  right: 6px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .navbtn .person_me {
  width: 23px;
  height: 23px;
  background: url("../images/nav-icon_me1.png");
  background-position: -46px 0;
  overflow: hidden;
  position: relative;
  top: 10px;
  vertical-align: top;
  right: 4px;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .navbtn #person_me {
  background: url("../images/nav-icon_me.png");
}

.header .header_nav .header_n_dh .signwarp .sign ul li .navbtn .arrow {
  background: url("../images/arrow_down.png");
  position: relative;
  top: -24px;
  vertical-align: top;
  right: -120px;
  width: 13px;
  height: 8px;
  pointer-events: none;
  cursor: default;
}

.header .header_nav .header_n_dh .signwarp .sign ul li .navbtn .out_icon {
  width: 22px;
  height: 22px;
  background: url("../images/tuichu.png");
  overflow: hidden;
  position: relative;
  top: 10px;
  vertical-align: top;
  right: 4px;
  background-size: 100%;
}

.header_p {
  height: 40px;
  background: #f7f8fa;
  width: 100%;
}

.header_primary {
  height: 40px;
  font-size: 0;
}

.header_primary span {
  display: inline-block;
  height: 40px;
  color: #999999;
  font-size: 14px;
  line-height: 40px;
  margin-right: 30px;
}

.header_primary span strong {
  font-size: 14px;
  color: #333333;
  margin-left: 6px;
  font-weight: 500;
}

.header_primary ul {
  width: 846px;
  display: inline-block;
  text-align: right;
}

.header_primary ul li {
  display: inline-block;
  height: 40px;
  position: relative;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  margin-left: -4px;
}

.header_primary ul li:hover {
  background: #fff;
}

.header_primary ul li:hover a {
  color: #7CABED;
}

.header_primary ul li.moren {
  background: #fff;
}

.header_primary ul li.moren a {
  color: #7CABED;
}

.header_primary ul li a {
  color: #878787;
  padding: 0px 20px;
  border-right: 1px solid #eaeaea;
}

.header_primary ul li:nth-child(4) {
  padding-left: 10px;
}

.header_primary ul li:nth-child(4) a {
  background: url(../images/phone.png) no-repeat left;
  background-position-x: 16px;
  padding-left: 28px;
}

.header_primary ul li:nth-child(4):hover a {
  background: url(../images/phone_sel.png) no-repeat left;
  background-position-x: 16px;
  padding-left: 28px;
}

.header_primary ul li:nth-child(5) a {
  border: none;
}

.header_primary ul li .appxia {
  width: 100%;
  position: absolute;
  background: #fff;
  height: 100px;
  top: 40px;
  left: 0px;
  display: none;
  z-index: 500;
  box-shadow: 0 8px 14px rgba(180, 180, 180, 0.4);
}

.header_primary ul li .appxia img {
  width: 100%;
}

.popup-layer,
.popup-layer1,
.popup-layer2,
.popup-layer3,
.popup-layer4,
.popup-layer5,
.popup-layer6,
.popup-layer7,
.popup-layer8 {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  z-index: 1100;
  display: none;
}

.popup-nav {
  width: 685px;
  height: 580px;
  margin: 0 auto;
  background: #ffffff;
  position: relative;
  top: 50%;
  left: 0;
  margin-top: -325px;
}

.popup-nav img {
  margin-right: 9px;
  margin-top: -5px;
}

.popup-nav .subject {
  margin: 15px;
}

.popup-nav .subject span {
  line-height: 50px;
  font-size: 16px;
  display: block;
}

.popup-nav .subject span em {
  font-size: 40px;
  float: left;
  margin-right: 6px;
  color: #999;
}

.popup-nav .subject span a {
  float: right;
  font-size: 14px;
  color: #666;
}

.popup-nav .subject p {
  width: 100px;
  height: 26px;
  background: #797979;
  color: #fff;
  line-height: 26px;
  text-align: center;
  border-radius: 20px;
  font-size: 14px;
}

.hf_bank {
  width: 100%;
}

.hf_bank img {
  width: 200px;
  margin: 20px auto;
  display: block;
}

.hf_bank p {
  padding: 20px 20px;
  margin: 0 auto;
  line-height: 26px;
  font-size: 16px;
  width: 500px;
  text-align: left;
}

.hf_bank a {
  width: 416px;
  height: 50px;
  line-height: 50px;
  border: 2px solid #7CABED;
  display: block;
  background: #fff;
  border-radius: 6px;
  margin: 0 auto;
  text-align: center;
  font-size: 22px;
  cursor: pointer;
  color: #477BBA;
}

.hf_bank a:hover {
  color: #fff;
}

.popup-nav1 {
  width: 630px;
  height: auto;
  transform: translateY(-50%);
  margin: 0 auto;
  background: #ffffff;
  padding-bottom: 20px;
  position: relative;
  top: 50%;
  left: 0;
  margin-top: -190px;
}

.contracts_details_tc {
  width: 600px;
  margin: 30px auto 0;
  overflow: hidden;
}

.contracts_details_tc .money {
  width: 300px;
}

.contracts_details_tc .money span {
  width: 300px;
  line-height: 40px;
  font-size: 16px;
  color: #282828;
}

.contracts_details_tc .money h1 {
  font-size: 24px;
  line-height: 40px;
}

.contracts_details_tc .money p {
  font-size: 14px;
  color: #282828;
  line-height: 26px;
  font-weight: 500;
  font-style: none;
}

.contracts_details_tc .repayment {
  width: 300px;
  height: 160px;
  overflow: hidden;
}

.contracts_details_tc .repayment h2 {
  font-size: 18px;
  line-height: 50px;
  text-align: right;
  color: #737383;
}

.contracts_details_tc .repayment a {
  width: 140px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  font-size: 14px;
  letter-spacing: 6px;
  padding-left: 6px;
  display: block;
  float: right;
  background: #00aaf9;
  margin-bottom: 24px;
}

.contracts_details_tc .repayment span {
  display: block;
  clear: both;
  line-height: 20px;
  text-align: right;
}

.contracts_details_tc .repayment span a {
  background: none;
  display: inline;
  color: #ff0000;
  list-style: none;
  width: 35px;
  line-height: 20px;
  height: 20px;
  text-align: right;
  letter-spacing: 0px;
}

.contracts_details_tc .loan_details {
  width: 600px;
  margin: 0 auto;
  margin-top: 60px;
  border: 1px solid #ccc;
  clear: both;
}

.contracts_details_tc .loan_details h1 {
  line-height: 50px;
  font-size: 18px;
  margin-left: 20px;
}

.contracts_details_tc .loan_details h2 {
  line-height: 40px;
  margin-left: 20px;
  font-size: 16px;
}

.contracts_details_tc .loan_details ul li {
  height: 40px;
  line-height: 40px;
  margin: 0;
  width: 196px;
  text-align: left;
  margin-left: 20px;
}

.contracts_details_tc .loan_details ul .duan {
  width: 120px;
}

.contracts_details_tc .buzu {
  width: 400px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  margin: 0 auto;
  margin-top: 40px;
}

.contracts_details_tc .buttonw {
  width: 300px;
  margin: 0 auto;
}

.contracts_details_tc .buttonw #button {
  width: 140px;
  height: 40px;
  border-radius: 6px;
  display: block;
  font-size: 16px;
  background: #00aaf9;
  color: #ffffff;
  letter-spacing: 4px;
  outline: none;
  cursor: pointer;
  padding: 0;
  border: none;
  padding-left: 4px;
  margin-top: 20px;
}

.contracts_details_tc .buttonw #button:hover {
  background: #7CABED;
}

.contracts_details_tc .buttonw #button1 {
  width: 140px;
  height: 40px;
  border-radius: 6px;
  display: block;
  font-size: 16px;
  border: 2px solid #00aaf9;
  color: #00aaf9;
  letter-spacing: 4px;
  outline: none;
  cursor: pointer;
  padding: 0;
  background: none;
  padding-left: 4px;
  margin-top: 20px;
}

.contracts_details_tc .buttonw #button1:hover {
  background: #7CABED;
  color: #fff;
  border: none;
}

.contracts_details_tc #button {
  margin: 0 auto;
  width: 140px;
  height: 40px;
  border-radius: 8px;
  display: block;
  font-size: 16px;
  background: #00aaf9;
  color: #ffffff;
  letter-spacing: 4px;
  outline: none;
  cursor: pointer;
  padding: 0;
  border: none;
  padding-left: 4px;
  margin-top: 20px;
}

.contracts_details_tc ul {
  overflow: hidden;
  height: auto;
}

.contracts_details_tc ul li {
  display: inline-block;
  width: 156px;
  height: 80px;
  margin: 20px;
}

.contracts_details_tc ul li img {
  margin: 0 auto;
  display: block;
}

.contracts_details_tc ul li span {
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
}

.contracts_details_tc .hidding {
  height: 300px;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-top: 30px;
}

.contracts_details_tc .hidding table {
  width: 100%;
}

.contracts_details_tc .hidding table tr th {
  width: auto;
  height: 40px;
  line-height: 40px;
  background: #e5eefb;
  color: #477bba;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
  border-right: 2px solid #f4f8fe;
}

.contracts_details_tc .hidding table tr .operation {
  border-right: none;
}

.contracts_details_tc .hidding table tr .blue {
  color: #477bba;
}

.contracts_details_tc .hidding table tr td {
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
}

.contracts_details_tc .hidding table tr td a {
  color: #3c7a4f;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}

.contracts_details_tc .hidding table tr td a:hover {
  color: #477bba;
}

.contracts_details_tc .hidding table tr td .hetong {
  background: url(../images/admin/het.png) no-repeat;
  width: 20px;
  height: 23px;
}

.contracts_details_tc .hidding table tr td .hetong:hover {
  background: url(../images/admin/hetho.png) no-repeat;
}

.active_aa {
  height: 50px;
  border-bottom: 1px solid #e9e9e9;
  border-top: 7px solid #7CABED;
  display: block;
  background: #fff;
  width: 100%;
}

.active_aa h2 {
  height: 42px;
  width: 140px;
  float: left;
  display: block;
  line-height: 42px;
  margin-left: 10px;
  font-size: 16px;
  color: #1f1f1f;
  position: absolute;
}

.guanbi {
  position: absolute;
  top: -10px;
  right: 5px;
}

.guanbi a {
  position: relative;
  top: 26px;
  font-size: 22px;
  font-family: 黑体;
  font-weight: normal;
  color: #666666;
}

.license {
  height: 400px;
  overflow-x: hidden;
  position: relative;
  margin: 18px 30px;
  overflow-y: auto;
}

.license h1 {
  height: 50px;
  line-height: 50px;
  width: 300px;
  text-align: center;
  margin: 0 auto;
  color: #333;
  font-size: 18px;
}

.license p {
  font-size: 14px;
  line-height: 28px;
  color: #999;
}

.license .f-bod18 {
  font-size: 16px;
  line-height: 30px;
}

.license table {
  width: 100%;
  background: none;
}

.license table th {
  height: 32px;
  line-height: 32px;
  background: #fff;
  color: #999;
  width: 20%;
  font-weight: 500;
}

.license table td {
  height: 32px;
  line-height: 32px;
}

.license .dhph_img {
  width: 140px;
  position: absolute;
  margin: -90px 0 0 160px;
}

.license .dhph_img img {
  width: 100%;
}

.yes_button #button {
  width: 210px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  background: #7cabed;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  margin: 0 auto;
  display: block;
}

.data_no {
  padding: 100px 0px;
  padding-bottom: 300px;
  width: 332px;
  margin: 0 auto;
}

.data_no img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.data_no span {
  width: 300px;
  height: 40px;
  line-height: 40px;
  padding-top: 10px;
  text-align: center;
  font-size: 16px;
  margin: 0 auto;
  display: block;
  color: #666;
}

.page_warplist {
  margin-bottom: 104px;
}

.page_warp {
  height: 32px;
  text-align: right;
  font-size: 0;
}

.page_warp a {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  border: 1px solid #d4d7d8;
  font-size: 12px;
  color: #aaaaaa;
  margin: 0 5px;
}

.page_warp a:last-child {
  margin-right: 0;
}

.page_warp a.cur, .page_warp a:hover {
  background: #7cabed;
  color: #ffffff;
  border: 1px solid #7cabed;
}

.rotate {
  transform-origin: center center;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transition: transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -ms-transition: -ms-transform 0.2s;
}

.rotate1 {
  transform-origin: center center;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transition: transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -ms-transition: -ms-transform 0.2s;
}

.radius {
  border-radius: 6px 6px 0px 0px !important;
}

.radius1 {
  border-radius: 0px 0px 6px 6px !important;
}

#highlight1 #per_me {
  color: #7CABED;
}

#animation11 {
  width: 480px;
  height: 240px;
  margin: 0 auto;
  background: #ffffff;
  position: relative;
  top: 50%;
  left: 0;
  margin-top: -120px;
}

/**
 *
 * @authors Your Name (you@example.org)
 * @date    2016-06-03 11:11:38
 * @version $Id$
 */
/* .footer {
  width: 100%;
  background: #ededed;
  clear: both;
  margin-top: 80px;
  overflow: hidden;
  margin-bottom: 20px;
} */

.footer .footercon {
  padding-top: 50px;
}

.footer .footercon .footercon_con {
  display: inline-block;
}

.footer .footercon .footer_map li {
  margin-right: 140px;
  float: left;
  font-size: 0;
}

.footer .footercon .footer_map li.marginRight {
  margin-right: 0;
}

.footer .footercon .footer_map li span {
  font-size: 16px;
  color: #333;
  display: block;
  margin-bottom: 30px;
}

.footer .footercon .footer_map li span.xinlang, .footer .footercon .footer_map li span.qqwb, .footer .footercon .footer_map li span.mail {
  display: inline-block;
  height: 23px;
  background: url("../images/footer_icon.png");
  vertical-align: text-top;
  margin-bottom: 0;
}

.footer .footercon .footer_map li span.xinlang {
  width: 20px;
  margin-right: 14px;
  background-position: 0 -26px;
}

.footer .footercon .footer_map li span.xinlang.mpahover {
  background-position: 0 -3px;
}

.footer .footercon .footer_map li span.qqwb {
  width: 25px;
  margin-right: 9px;
  background-position: -20px -25px;
}

.footer .footercon .footer_map li span.qqwb.mpahover {
  background-position: -20px -2px;
}

.footer .footercon .footer_map li span.mail {
  width: 18px;
  margin-right: 16px;
  background-position: -46px -22px;
}

.footer .footercon .footer_map li span.mail.mpahover {
  background-position: -46px -2px;
}

.footer .footercon .footer_map li a {
  display: block;
  font-size: 14px;
  color: #999;
  margin-bottom: 20px;
}

.footer .footercon .footer_map li a:hover {
  color: #7CABED;
}

.footer .footercon .footer_map li a.xlword {
  margin-bottom: 16px;
  font-size: 14px;
  cursor: context-menu;
}

.footer .footercon .footer_map li a.xlword:hover {
  color: #bebec3;
}

.footer .footercon .footer_map li a.small {
  font-size: 14px;
}

.footer .footercon .footer_map li a.on_line {
  width: 110px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  border: 1px solid #8c8d98;
  display: block;
  text-align: right;
  padding-right: 10px;
}

.footer .footercon .footer_map li a.on_line img {
  position: relative;
  right: 4px;
  top: 5px;
}

.footer .footercon .footer_map li a.wbword {
  margin-bottom: 14px;
}

.footer .footercon .footerInfo .footer_code {
  width: 240px;
  position: relative;
  right: 0;
}

.footer .footercon .footerInfo .footer_code .download {
  margin-left: 16px;
  width: 100px;
  display: inline-block;
}

.footer .footercon .footerInfo .footer_code .download img {
  width: 100px;
  height: 100px;
  margin-bottom: 12px;
}

.footer .footercon .footerInfo .footer_code .download a {
  display: block;
  font-size: 16px;
  color: #666;
  text-align: center;
  margin-bottom: 6px;
}

.footer .footercon .footerInfo .footer_code .download a span {
  display: inline-block;
  background: url("../images/footer_icon.png");
  height: 24px;
  vertical-align: text-top;
}

.footer .footercon .footerInfo .footer_code .download a span#iphone_icon {
  width: 18px;
  margin-right: 8px;
  background-position: -64px 0;
}

.footer .footercon .footerInfo .footer_code .download a span#android_icon {
  width: 22px;
  margin-right: 4px;
  background-position: -82px 0;
}

.footer .footercon .footerInfo .footerLogo {
  margin-top: 10px;
}

.footer .footercon .footerInfo .footerLogo .footer_logo {
  width: 112px;
  display: block;
  margin: 0 auto;
  margin-bottom: 26px;
}

.footer .footercon .footerInfo .footerLogo p {
  font-size: 14px;
  color: #666;
  width: 320px;
  text-align: center;
  line-height: 24px;
}

.footer .jicp {
  padding: 20px 0 30px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  opacity: .5;
}

.footer .jicp span {
  margin-right: 20px;
}

.friendship1 {
  height: 90px;
  line-height: 90px;
  clear: both;
  margin-top: 20px;
  border-top: 1px solid #d8d8d8;
}

.friendship1 h1 {
  width: 100px;
  height: 80px;
  text-align: left;
  line-height: 60px;
  display: inline-block;
  font-size: 14px;
  color: #999;
  float: left;
}

.friendship1 ul {
  overflow: hidden;
  margin: 0 auto;
  height: 80px;
  /* float: right; */
  position: relative;
  line-height: 60px;
}

.friendship1 ul li {
  display: inline-block;
  padding: 0px 30px;
  height: 80px;
  line-height: 60px;
  font-size: 14px;
}

.friendship1 ul li a {
  color: #bababa;
  display: block;
  font-weight: 500;
}

.friendship1 ul li a:hover {
  color: #7CABED;
}

.left133 {
  width: 1050px;
  float: right;
  overflow: hidden;
  display: inline-block;
}

.textList li {
  float: left;
  display: inline;
}

.JQ-slide {
  position: relative;
  width: 1030px;
  overflow: hidden;
}

.JQ-slide .prev {
  position: absolute;
  left: 0px;
  font-size: 32px;
  line-height: 60px;
  color: #bababa;
  top: -4px;
}

.JQ-slide .next {
  position: absolute;
  right: 10px;
  font-size: 32px;
  color: #bababa;
  top: -4px;
  line-height: 60px;
}

.textList {
  height: 60px;
  overflow: hidden;
}

.textList .dot {
  margin: 0 10px;
}

.footerLogo {
  height: 60px;
  margin-top: 20px;
}

.footerLogo ul {
  line-height: 60px;
  height: 60px;
  position: relative;
  width: 100% !important;
}

.footerLogo ul li {
  color: #999;
  font-size: 14px;
  padding: 0px 15px;
  line-height: 14px;
  height: 14px;
  border-right: 1px solid #bababa;
  display: inline-block;
  vertical-align: middle;
}

.footerLogo ul li:nth-child(3) {
  border: none;
}

.footerLogo ul li:nth-child(3) a {
  color: #999;
}

.footerLogo ul li:nth-child(3) a:hover {
  color: #477BBA;
}

.footerLogo ul li:nth-child(1) {
  padding-left: 0px;
}

.footerLogo ul img {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: 0;
}

input {
  outline: none;
}

.data_analysis {
  width: 1200px;
  background: #fff;
  z-index: 10;
  position: relative;
  margin: 0 auto;
  height: 194px;
  border-radius: 0px 0px 6px 6px;
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  -ms-transition: -ms-transform .3s;
  transition: transform .3s;
  -webkit-transform: translate3d(0, -2%, 0);
  -moz-transform: translate3d(0, -2%, 0);
  -ms-transform: translate3d(0, -2%, 0);
  transform: translate3d(0, -2%, 0);
  box-shadow: 0 8px 14px rgba(220, 220, 220, 0.4);
  transform: translate3d(0, 2px, 0);
}

.data_analysis .data_analysis_an {
  width: 1160px;
  height: 70px;
  margin: 0 auto;
  border-bottom: 2px solid #e9ebeb;
  margin: 0 20px;
}

.data_analysis .data_analysis_an .noticelists {
  width: 700px;
  height: 40px;
  margin-top: 14px;
  padding-left: 6px;
}

.data_analysis .data_analysis_an .noticelists .noticeimg {
  background: url("../images/tongzhi.png");
  width: 29px;
  height: 27px;
  margin-top: 10px;
}

.data_analysis .data_analysis_an .noticelists .width134 {
  width: 134px;
}

.data_analysis .data_analysis_an .noticelists div {
  height: 42px;
  width: 556px;
  overflow: hidden;
}

.data_analysis .data_analysis_an .noticelists div ul {
  width: 100%;
}

.data_analysis .data_analysis_an .noticelists div ul li a {
  height: 42px;
  display: block;
  line-height: 42px;
  color: #999;
  font-size: 16px;
}

.data_analysis .data_analysis_an .noticelists div ul li span {
  font-size: 12px;
  display: inline-block;
  padding-left: 6px;
}

.data_analysis .data_analysis_an .noticelists div em {
  display: block;
  float: right;
  font-style: normal;
  font-size: 20px;
  margin-top: 8px;
  width: 92px;
  border-right: 2px solid #808080;
}

.data_analysis .data_analysis_an #data_time {
  width: 100px;
  height: 40px;
  line-height: 40px;
  margin-top: 14px;
}

.data_analysis .data_analysis_an #data_time a {
  float: right;
  display: inline-block;
}

.data_analysis .data_analysis_an #data_time a .data_title {
  color: #666666;
  letter-spacing: 1px;
}

.data_analysis .data_analysis_an #data_time a .data_more {
  color: #aaa;
  text-align: right;
}

.data_analysis .data_analysis_an #data_time a .data_more:hover {
  color: #7CABED;
}

.data_analysis .data_analysis_an #data_time a .data_more img {
  position: relative;
  top: 1px;
}

.data_analysis .clearfix {
  width: 1200px;
  display: block;
  float: left;
  clear: both;
  height: 120px;
}

.data_analysis .clearfix li {
  padding: 18px 0;
  font-size: 16px;
  line-height: 40px;
  display: block;
  float: left;
  text-align: center;
  width: 280px;
  margin-left: 20px;
}

.data_analysis .clearfix li:nth-child(3), .data_analysis .clearfix li:nth-child(4) {
  width: 180px;
}

.data_analysis .clearfix li a {
  display: inline-block;
}

.data_analysis .clearfix li a .data_title {
  color: #666666;
  letter-spacing: 1px;
  display: block;
}

.data_analysis .clearfix li a i {
  color: #F25C5C;
  font-size: 28px;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  display: inline-block;
  font-style: normal;
  vertical-align: bottom;
  padding-right: 2px;
}

.data_analysis .clearfix li a em {
  font-style: normal;
  color: #666666;
  font-size: 16px;
  top: 10px;
  position: relative;
}

.data_analysis .clearfix li a .data_more {
  color: #aaa;
}

.data_analysis .clearfix li a .data_more:hover {
  color: #7CABED;
}

.data_analysis .clearfix li a .data_more img {
  position: relative;
  top: 1px;
}

.data_analysis .clearfix #data_report {
  float: right;
  margin-right: 18px;
  width: 150px;
}

.data_analysis .clearfix #data_report p {
  width: 1px;
  height: 70px;
  float: left;
  margin-top: 4px;
  padding-right: 30px;
  border-left: 2px solid #e9ebeb;
}

.data_analysis .clearfix #data_report a em {
  color: #000;
}

.data_analysis .clearfix #data_report a em:hover {
  color: #7CABED;
}

.data_analysis .clearfix #data_report a span {
  font-size: 14px;
  color: #ccc;
  line-height: 30px;
  letter-spacing: normal;
}

.right_suspension {
  width: 50px;
  height: 300px;
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -150px;
  z-index: 20;
}

.right_suspension ul li {
  width: 50px;
  height: auto;
  position: relative;
  z-index: 3;
  cursor: pointer;
}

.right_suspension ul li .app {
  width: 50px;
  height: 50px;
  display: block;
  margin-top: 10px;
  background: url("../images/app.png") no-repeat;
}

.right_suspension ul li .app:hover {
  background: url("../images/app2.png") no-repeat;
}

.right_suspension ul li .app:hover + #iphone_code {
  display: block;
}

.right_suspension ul li .wechat {
  width: 50px;
  height: 50px;
  display: block;
  margin-top: 10px;
  background: url("../images/wei.png") no-repeat;
}

.right_suspension ul li .wechat:hover {
  background: url("../images/wei2.png") no-repeat;
}

.right_suspension ul li .wechat:hover + #weixin_code {
  display: block;
}

.right_suspension ul li .wechat span {
  display: none;
}

.right_suspension ul li .on_line {
  width: 50px !important;
  height: 50px !important;
  display: block;
  padding: 0px !important;
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  margin-top: 10px;
  background: url(../images/zai.png) no-repeat !important;
  border-radius: 0px !important;
}

.right_suspension ul li .on_line:hover {
  background: url("../images/zai2.png") no-repeat !important;
}

.right_suspension ul li .on_line span {
  display: none;
}

.right_suspension ul li .on_line img {
  display: none;
}

.right_suspension ul li .call {
  width: 50px;
  height: 50px;
  display: block;
  margin-top: 10px;
  background: url("../images/dian.png") no-repeat;
}

.right_suspension ul li .call:hover {
  background: url("../images/dian2.png") no-repeat;
}

.right_suspension ul li .call:hover + #dianhua_code {
  display: block;
}

.right_suspension ul li .return {
  width: 50px;
  height: 50px;
  margin-top: 10px;
  display: none;
  background: url("../images/top.png") no-repeat;
}

.right_suspension ul li .return:hover {
  background: url("../images/top2.png") no-repeat;
}

.right_suspension ul li .not_icon {
  position: absolute;
  left: -200px;
  z-index: 10;
  top: 0;
  display: none;
}

.right_suspension ul li .not_icon {
  -webkit-animation: fadeInRights 1s 0.2s ease both;
  -moz-animation: fadeInRights 1s 0.2s ease both;
  -o-animation: fadeInRights 1s 0.2s ease both;
  -ms-animation: fadeInRights 1s 0.2s ease both;
  animation: fadeInRights 1s 0.2s ease both;
}

@-webkit-keyframes fadeInRights {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInRights {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-webkit-keyframes fadeInRights {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInRights {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-ms-keyframes fadeInRights {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-o-keyframes fadeInRights {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@keyframes fadeInRights {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

.smart_adviser {
  background: #fff;
  border-radius: 6px;
  padding-top: 10px;
  margin-top: 26px;
}

.smart_adviser #data_time {
  top: -104px;
}

.tongyong_header {
  margin: 0 auto;
  height: 63px;
  padding: 0 20px;
  margin-top: 26px;
}

.tongyong_header.zhenghe {
  height: 120px;
  background: #fff;
  margin-bottom: -30px;
  border-radius: 6px 6px 0px 0px;
}

.tongyong_header.zhenghe .tab_qie {
  width: 262px;
  height: 42px;
  border-radius: 30px;
  margin: 0 auto;
  position: relative;
  top: 40px;
}

.tongyong_header.zhenghe h1 {
  line-height: 40px;
  font-size: 18px;
  width: 130px;
  height: 40px;
  border-radius: 30px;
  text-align: center;
}

.tongyong_header.zhenghe h1 a {
  color: #7CABED;
}

.tongyong_header.zhenghe h1:hover {
  background: #7CABED;
}

.tongyong_header.zhenghe h1:hover a {
  color: #fff;
}

.tongyong_header.zhenghe #data_time {
  margin-top: 0px;
}

.tongyong_header h1 {
  line-height: 60px;
  font-size: 22px;
  margin: 0 auto;
  text-align: center;
  color: #333;
}

.tongyong_header h1 span {
  margin-left: 20px;
  height: 20px;
  width: 110px;
  font-size: 16px;
  line-height: 20px;
  color: #f25c5c;
  display: inline-block;
  padding-left: 20px;
  background: url("../images/ticket.png") no-repeat;
  background-size: 16px;
}

.tongyong_header h1 strong {
  width: 54px;
  height: 3px;
  background: #7CABED;
  display: block;
  margin: 0 auto;
}

.tongyong_header b {
  line-height: 44px;
  margin-left: 30px;
  color: #939393;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  margin: 0 auto;
  width: 700px;
  display: block;
}

.tongyong_header #data_time {
  width: 100px;
  height: 40px;
  line-height: 40px;
  margin-top: 14px;
}

.tongyong_header #data_time a {
  float: right;
  display: inline-block;
}

.tongyong_header #data_time a .data_more {
  letter-spacing: 1px;
  text-align: right;
  color: #aaa;
}

.tongyong_header #data_time a .data_more:hover {
  color: #7CABED;
}

.tongyong_header #data_time a .data_more img {
  position: relative;
  top: 1px;
}

.tongyong_header #data_time a.hide {
  display: none;
}

.novice_vip .novice_details {
  width: 100%;
  overflow: hidden;
  height: 212px;
  border: 1px solid #dee1e2;
  border-top: 3px solid #ec5f67;
  position: relative;
}

.novice_vip .novice_details .img_po {
  position: absolute;
  top: 0;
  left: 20px;
}

.novice_vip .novice_details .dotacon_xin {
  width: 100%;
  height: 216px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.novice_vip .novice_details span {
  width: 240px;
  height: 140px;
  margin-top: 60px;
  display: block;
  font-size: 28px;
  float: left;
  line-height: 88px;
  margin-left: 50px;
  text-align: center;
}

.novice_vip .novice_details span i {
  font-size: 36px;
  line-height: 70px;
  font-style: normal;
  color: #f25c5c;
}

.novice_vip .novice_details span i em {
  font-style: normal;
  font-size: 22px;
}

.novice_vip .novice_details span strong {
  display: block;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  font-weight: normal;
  color: #747474;
}

.novice_vip .novice_details span .schedule {
  width: 160px;
  height: 9px;
  background: #fff;
  border-radius: 6px;
  position: relative;
  left: 28px;
  display: block;
  margin-top: 50px;
  margin-bottom: 27px;
  border: 1px solid #7cabed;
}

.novice_vip .novice_details span .schedule div {
  position: absolute;
  left: 0;
  top: 0;
  height: 9px;
  background: #7cabed;
  border-radius: 4px;
}

.novice_vip .novice_details span .schedule em {
  position: absolute;
  top: -40px;
  right: -52px;
  font-size: 16px;
  color: #747474;
  z-index: 3;
}

.novice_vip .novice_details .state {
  width: 254px;
  float: right;
  height: 160px;
  margin-top: 20px;
  margin-right: 16px;
}

.novice_vip .novice_details .state p {
  position: relative;
  line-height: 24px;
  text-align: center;
  font-size: 16px;
  color: #666666;
  margin-top: 20px;
}

.novice_vip .novice_details .state a {
  display: block;
  width: 160px;
  height: 44px;
  line-height: 44px;
  font-size: 20px;
  background: #ec5f67;
  color: #fff;
  text-align: center;
  border-radius: 22px;
  margin: 24px auto 0;
  margin-bottom: 7px;
}

.novice_vip .novice_details .state a.yuzhaobiao {
  height: 40px;
  width: 154px;
  line-height: 40px;
  border: 2px solid #7babed;
  color: #7babed;
  background: #fff;
}

.novice_vip .novice_details .state a.yuzhaobiao:hover {
  background: #7babed;
  border: 2px solid #7babed;
  color: #fff;
}

.novice_vip .novice_details .state a.shengouz {
  background: #ec5f67;
  color: #fff;
  border: none;
  height: 44px;
  width: 158px;
  line-height: 44px;
}

.novice_vip .novice_details .state strong {
  width: 170px;
  font-size: 14px;
  color: #b0b0b0;
  font-weight: normal;
  text-align: center;
  margin: 0 auto;
  display: block;
  line-height: 40px;
}

.novice_vip .novice_details .nvoice_img img {
  display: block;
  margin: 30px;
}

.creditor_transfer .smart_content,
.periodic_dispersion .smart_content,
.smart_adviser .smart_content {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.creditor_transfer .smart_content .narrow,
.periodic_dispersion .smart_content .narrow,
.smart_adviser .smart_content .narrow {
  width: 160px;
}

.creditor_transfer .smart_content ul,
.periodic_dispersion .smart_content ul,
.smart_adviser .smart_content ul {
  height: 60px;
  margin: 0 20px;
  border-bottom: 1px solid #dfe1e2;
}

.creditor_transfer .smart_content ul li,
.periodic_dispersion .smart_content ul li,
.smart_adviser .smart_content ul li {
  width: 190px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  color: #999;
}

.creditor_transfer .smart_content .subject_details,
.periodic_dispersion .smart_content .subject_details,
.smart_adviser .smart_content .subject_details {
  width: 1180px;
  height: 110px;
  background: #fff;
  position: relative;
  clear: both;
  padding-right: 20px;
}

.creditor_transfer .smart_content .subject_details:hover,
.periodic_dispersion .smart_content .subject_details:hover,
.smart_adviser .smart_content .subject_details:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 24px #e5e5e5;
  box-shadow: 0 0 24px #e5e5e5;
  -webkit-transition: .2s;
  transition: .2s;
  z-index: 100;
}

.creditor_transfer .smart_content .subject_details:hover .subscription a,
.periodic_dispersion .smart_content .subject_details:hover .subscription a,
.smart_adviser .smart_content .subject_details:hover .subscription a {
  background: #477BBA;
}

.creditor_transfer .smart_content .subject_details .dotacon_tiao,
.periodic_dispersion .smart_content .subject_details .dotacon_tiao,
.smart_adviser .smart_content .subject_details .dotacon_tiao {
  width: 100%;
  height: 110px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.creditor_transfer .smart_content .subject_details #grey,
.periodic_dispersion .smart_content .subject_details #grey,
.smart_adviser .smart_content .subject_details #grey {
  background: #e4e7ed;
  color: #aaa;
}

.creditor_transfer .smart_content .subject_details .narrow,
.periodic_dispersion .smart_content .subject_details .narrow,
.smart_adviser .smart_content .subject_details .narrow {
  width: 160px;
}

.creditor_transfer .smart_content .subject_details .red,
.periodic_dispersion .smart_content .subject_details .red,
.smart_adviser .smart_content .subject_details .red {
  font-size: 24px;
  color: #f25c5c;
  font-weight: 600;
}

.creditor_transfer .smart_content .subject_details span,
.periodic_dispersion .smart_content .subject_details span,
.smart_adviser .smart_content .subject_details span {
  width: 190px;
  line-height: 110px;
  text-align: center;
  font-size: 16px;
  display: block;
  float: left;
  margin-left: 6px;
}

.creditor_transfer .smart_content .subject_details .pro,
.periodic_dispersion .smart_content .subject_details .pro,
.smart_adviser .smart_content .subject_details .pro {
  width: 180px;
  float: left;
  height: 110px;
}

.creditor_transfer .smart_content .subject_details .pro .pro_plan,
.periodic_dispersion .smart_content .subject_details .pro .pro_plan,
.smart_adviser .smart_content .subject_details .pro .pro_plan {
  width: 150px;
  height: 9px;
  background: #fff;
  overflow: hidden;
  border-radius: 6px;
  position: relative;
  left: 14px;
  display: block;
  top: 48px;
  border: 1px solid #7cabed;
}

.creditor_transfer .smart_content .subject_details .pro .pro_plan div,
.periodic_dispersion .smart_content .subject_details .pro .pro_plan div,
.smart_adviser .smart_content .subject_details .pro .pro_plan div {
  position: absolute;
  left: 0;
  top: 0;
  height: 9px;
  background: #7cabed;
  border-radius: 4px;
}

.creditor_transfer .smart_content .subject_details .pro .pro_plannum,
.periodic_dispersion .smart_content .subject_details .pro .pro_plannum,
.smart_adviser .smart_content .subject_details .pro .pro_plannum {
  height: 110px;
  line-height: 110px;
  float: right;
  font-size: 16px;
  position: relative;
  right: -30px;
  top: -12px;
  text-align: center;
  color: #666;
}

.creditor_transfer .smart_content .subject_details .subscription,
.periodic_dispersion .smart_content .subject_details .subscription,
.smart_adviser .smart_content .subject_details .subscription {
  width: 190px;
}

.creditor_transfer .smart_content .subject_details .subscription a,
.periodic_dispersion .smart_content .subject_details .subscription a,
.smart_adviser .smart_content .subject_details .subscription a {
  width: 136px;
  height: 40px;
  line-height: 40px;
  border-radius: 6px;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 18px;
  margin: 30px auto;
  font-weight: normal;
  background: #7babed;
}

.creditor_transfer .smart_content .subject_details .subscription a:hover,
.periodic_dispersion .smart_content .subject_details .subscription a:hover,
.smart_adviser .smart_content .subject_details .subscription a:hover {
  background: #477BBA;
}

.creditor_transfer .smart_content .grey,
.periodic_dispersion .smart_content .grey,
.smart_adviser .smart_content .grey {
  background: #fbfbfb;
}

.periodic_dispersion .smart_content ul li,
.periodic_dispersion .smart_content ul .narrow {
  width: 186px;
}

.periodic_dispersion .smart_content .subject_details {
  padding: 0 20px;
  width: auto;
  position: relative;
}

.periodic_dispersion .smart_content .subject_details span,
.periodic_dispersion .smart_content .subject_details .narrow {
  width: 190px;
  margin-left: 0;
}

.know_dh {
  margin-top: 20px;
}

.know_dh .know_conent {
  width: 1160px;
  height: auto;
  overflow: hidden;
  padding: 0 20px 80px 20px;
}

.know_dh .know_conent ul {
  width: 100%;
  height: auto;
  margin-top: 26px;
  overflow: hidden;
}

.know_dh .know_conent ul li {
  width: 370px;
  text-align: center;
  height: auto;
  display: block;
  float: left;
  margin-left: 10px;
}

.know_dh .know_conent ul li .renshi1, .know_dh .know_conent ul li .renshi2, .know_dh .know_conent ul li .renshi3 {
  width: 260px;
  height: 240px;
  margin: 0 auto;
  position: relative;
}

.know_dh .know_conent ul li .renshi1 .renshi1_img1 {
  position: absolute;
  display: block;
  width: 219px;
  height: 151px;
  top: 50%;
  margin-top: -75.5px;
  left: 50%;
  margin-left: -109.5px;
}

.know_dh .know_conent ul li .renshi1 .renshi1_img2 {
  display: block;
  position: absolute;
  width: 101px;
  height: 102px;
  top: 50%;
  margin-top: -51px;
  left: 50%;
  margin-left: -50.5px;
  z-index: 2;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.know_dh .know_conent ul li .renshi1:hover .renshi1_img2 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.know_dh .know_conent ul li .renshi2 .renshi2_img1 {
  position: absolute;
  display: block;
  width: 196px;
  height: 131px;
  top: 50%;
  margin-top: -65.5px;
  left: 50%;
  margin-left: -98px;
}

.know_dh .know_conent ul li .renshi2 .renshi2_img2 {
  display: block;
  position: absolute;
  width: 32px;
  height: 46px;
  top: 117px;
  left: 50%;
  margin-left: -16px;
  z-index: 2;
}

.know_dh .know_conent ul li .renshi2 .swing {
  -webkit-animation: swing 1s 0.1s ease both;
  -moz-animation: swing 1s 0.1s ease both;
  -ms-animation: swing 1s 0.1s ease both;
  -o-animation: swing 1s 0.1s ease both;
  animation: swing 1s 0.1s ease both;
}

.know_dh .know_conent ul li .renshi3 .renshi3_img1 {
  position: absolute;
  display: block;
  width: 200px;
  height: 135px;
  top: 50%;
  margin-top: -67.5px;
  left: 50%;
  margin-left: -100px;
}

.know_dh .know_conent ul li .renshi3 .renshi3_img2 {
  display: block;
  position: absolute;
  width: 34px;
  height: 51px;
  top: 130px;
  left: 94px;
  z-index: 2;
}

.know_dh .know_conent ul li .renshi3 .renshi3_img3 {
  display: block;
  position: absolute;
  width: 34px;
  height: 52px;
  top: 103px;
  left: 116px;
  z-index: 2;
}

.know_dh .know_conent ul li .renshi3 .renshi3_img4 {
  display: block;
  position: absolute;
  width: 34px;
  height: 44px;
  top: 140px;
  left: 140px;
  z-index: 2;
}

.know_dh .know_conent ul li .renshi3 .renshi3_img2in {
  -webkit-animation: fkmovein 0.4s 0.1s ease both;
  -moz-animation: fkmovein 0.4s 0.1s ease both;
  -ms-animation: fkmovein 0.4s 0.1s ease both;
  -o-animation: fkmovein 0.4s 0.1s ease both;
  animation: fkmovein 0.4s 0.1s ease both;
}

.know_dh .know_conent ul li .renshi3 .renshi3_img3in {
  -webkit-animation: fkmovein 0.4s 0s ease both;
  -moz-animation: fkmovein 0.4s 0s ease both;
  -ms-animation: fkmovein 0.4s 0s ease both;
  -o-animation: fkmovein 0.4s 0s ease both;
  animation: fkmovein 0.4s 0s ease both;
}

.know_dh .know_conent ul li .renshi3 .renshi3_img4in {
  -webkit-animation: fkmovein 0.4s 0.2s ease both;
  -moz-animation: fkmovein 0.4s 0.2s ease both;
  -ms-animation: fkmovein 0.4s 0.2s ease both;
  -o-animation: fkmovein 0.4s 0.2s ease both;
  animation: fkmovein 0.4s 0.2s ease both;
}

.know_dh .know_conent ul li .renshi3 .renshi3_img2out {
  -webkit-animation: fkmoveout 0.4s 0s ease both;
  -moz-animation: fkmoveout 0.4s 0s ease both;
  -ms-animation: fkmoveout 0.4s 0s ease both;
  -o-animation: fkmoveout 0.4s 0s ease both;
  animation: fkmoveout 0.4s 0s ease both;
}

.know_dh .know_conent ul li .renshi3 .renshi3_img3out {
  -webkit-animation: fkmoveout 0.4s 0.1s ease both;
  -moz-animation: fkmoveout 0.4s 0.1s ease both;
  -ms-animation: fkmoveout 0.4s 0.1s ease both;
  -o-animation: fkmoveout 0.4s 0.1s ease both;
  animation: fkmoveout 0.4s 0.1s ease both;
}

.know_dh .know_conent ul li .renshi3 .renshi3_img4out {
  -webkit-animation: fkmoveout 0.4s 0s ease both;
  -moz-animation: fkmoveout 0.4s 0s ease both;
  -ms-animation: fkmoveout 0.4s 0s ease both;
  -o-animation: fkmoveout 0.4s 0s ease both;
  animation: fkmoveout 0.4s 0s ease both;
}

.know_dh .know_conent ul li a {
  color: #282828;
}

.know_dh .know_conent ul li a h1 {
  width: 370px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
}

.know_dh .know_conent ul li span {
  display: block;
  height: 30px;
  line-height: 30px;
  width: 370px;
  text-align: center;
  color: #666;
  font-size: 14px;
}

.know_dh .know_conent ul li span a {
  color: #666;
  width: 80px;
  text-align: center;
  display: inline-block;
}

.know_dh .know_conent ul li span a:hover {
  color: #7CABED;
}

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(30deg);
  }
  40% {
    -webkit-transform: rotate(-30deg);
  }
  60% {
    -webkit-transform: rotate(30deg);
  }
  80% {
    -webkit-transform: rotate(-30deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

@-moz-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -moz-transform-origin: top center;
  }
  20% {
    -moz-transform: rotate(30deg);
  }
  40% {
    -moz-transform: rotate(-30deg);
  }
  60% {
    -moz-transform: rotate(30deg);
  }
  80% {
    -moz-transform: rotate(-30deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}

@-ms-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -ms-transform-origin: top center;
  }
  20% {
    -ms-transform: rotate(30deg);
  }
  40% {
    -ms-transform: rotate(-30deg);
  }
  60% {
    -ms-transform: rotate(30deg);
  }
  80% {
    -ms-transform: rotate(-30deg);
  }
  100% {
    -ms-transform: rotate(0deg);
  }
}

@-o-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -o-transform-origin: top center;
  }
  20% {
    -o-transform: rotate(30deg);
  }
  40% {
    -o-transform: rotate(-30deg);
  }
  60% {
    -o-transform: rotate(30deg);
  }
  80% {
    -o-transform: rotate(-30deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}

@keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    transform-origin: top center;
  }
  20% {
    transform: rotate(30deg);
  }
  40% {
    transform: rotate(-30deg);
  }
  60% {
    transform: rotate(30deg);
  }
  80% {
    transform: rotate(-30deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes fkmovein {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-30px);
  }
}

@-moz-keyframes fkmovein {
  0% {
    -moz-transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(-30px);
  }
}

@-ms-keyframes fkmovein {
  0% {
    -ms-transform: translateY(0);
  }
  100% {
    -ms-transform: translateY(-30px);
  }
}

@-o-keyframes fkmovein {
  0% {
    -o-transform: translateY(0);
  }
  100% {
    -o-transform: translateY(-30px);
  }
}

@keyframes fkmovein {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-30px);
  }
}

@-webkit-keyframes fkmoveout {
  0% {
    -webkit-transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fkmoveout {
  0% {
    -moz-transform: translateY(-30px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes fkmoveout {
  0% {
    -ms-transform: translateY(-30px);
  }
  100% {
    -ms-transform: translateY(0);
  }
}

@-o-keyframes fkmoveout {
  0% {
    -o-transform: translateY(-30px);
  }
  100% {
    -o-transform: translateY(0);
  }
}

@keyframes fkmoveout {
  0% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0);
  }
}

.dh_new {
  overflow: hidden;
}

.dh_new .dh_dynamic,
.dh_new .dh_wire {
  width: 580px;
  height: auto;
  display: block;
  margin-top: 30px;
}

.dh_new .dh_dynamic .new_conent,
.dh_new .dh_wire .new_conent {
  margin: 0 auto;
  padding-top: 20px;
}

.dh_new .dh_dynamic .new_conent .tongyong_header,
.dh_new .dh_wire .new_conent .tongyong_header {
  margin-top: 0px;
}

.dh_new .dh_dynamic .new_conent .tongyong_header #data_time,
.dh_new .dh_wire .new_conent .tongyong_header #data_time {
  margin-top: -52px;
}

.dh_new .dh_dynamic .new_conent ul,
.dh_new .dh_wire .new_conent ul {
  margin: 10px 0;
}

.dh_new .dh_dynamic .new_conent ul a,
.dh_new .dh_wire .new_conent ul a {
  display: block;
}

.dh_new .dh_dynamic .new_conent ul a:nth-child(5),
.dh_new .dh_wire .new_conent ul a:nth-child(5) {
  padding-bottom: 20px;
}

.dh_new .dh_dynamic .new_conent ul li,
.dh_new .dh_wire .new_conent ul li {
  width: 550px;
  margin: 0 auto;
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #282828;
  overflow: hidden;
}

.dh_new .dh_dynamic .new_conent ul li:hover,
.dh_new .dh_wire .new_conent ul li:hover {
  color: #7CABED;
}

.dh_new .dh_dynamic .new_conent ul li span,
.dh_new .dh_wire .new_conent ul li span {
  background: url("../images/dian1.png") no-repeat;
  width: 30px;
  height: 48px;
  float: left;
  background-position-y: -10px;
  background-position-x: -16px;
}

#notice li b {
  font-weight: normal;
}

.dh_new .dh_dynamic .wire_conent,
.dh_new .dh_wire .wire_conent {
  margin: 0 auto;
  padding-top: 20px;
}

.dh_new .dh_dynamic .wire_conent .tongyong_header,
.dh_new .dh_wire .wire_conent .tongyong_header {
  margin-top: 0px;
}

.dh_new .dh_dynamic .wire_conent .tongyong_header #data_time,
.dh_new .dh_wire .wire_conent .tongyong_header #data_time {
  margin-top: -52px;
}

.dh_new .dh_dynamic .wire_conent ul,
.dh_new .dh_wire .wire_conent ul {
  margin: 10px 0;
}

.dh_new .dh_dynamic .wire_conent ul li,
.dh_new .dh_wire .wire_conent ul li {
  width: 550px;
  margin: 0 auto;
  display: block;
  font-size: 16px;
  color: #282828;
  margin-top: 26px;
  margin-left: 20px;
}

.dh_new .dh_dynamic .wire_conent ul li a,
.dh_new .dh_wire .wire_conent ul li a {
  color: #282828;
}

.dh_new .dh_dynamic .wire_conent ul li a:hover,
.dh_new .dh_wire .wire_conent ul li a:hover {
  color: #7CABED;
}

.dh_new .dh_dynamic .wire_conent ul li a label,
.dh_new .dh_wire .wire_conent ul li a label {
  cursor: pointer;
  line-height: 46px;
}

.dh_new .dh_dynamic .wire_conent ul li span,
.dh_new .dh_wire .wire_conent ul li span {
  line-height: 24px;
  display: block;
  font-size: 14px;
  color: #aaa;
}

.dh_new .dh_dynamic .wire_conent ul li:nth-child(3),
.dh_new .dh_wire .wire_conent ul li:nth-child(3) {
  padding-bottom: 40px;
}

.buddy {
  overflow: hidden;
}

.buddy .buddy_co {
  margin-bottom: 20px;
}

.buddy .buddy_co img {
  margin: 30px 4px;
  width: 147px;
  height: 80px;
}

.wenTip {
  width: 100%;
  position: fixed;
  height: 34px;
  line-height: 34px;
  bottom: 0px;
  z-index: 9999;
}

.wenTip .wenTipBg {
  background: #f3f3f3;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.wenTip .wenTipText {
  position: absolute;
  width: 100%;
  line-height: 34px;
  color: #666;
  font-size: 14px;
  text-align: center;
}

.wenTip .wenTipSlide {
  width: 84px;
  height: 30px;
  line-height: 30px;
  text-indent: 8px;
  background: url("../images/wenTipSlide.png") no-repeat;
  position: fixed;
  bottom: 0px;
  font-size: 12px;
  color: #fff;
  left: -100%;
  display: none;
  cursor: pointer;
  z-index: 99;
}

.user_logins {
  width: 600px;
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 100px;
}

.user_logins img {
  width: 150px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.user_logins h1 {
  width: 600px;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
}

.user_logins label a {
  color: #004AB3;
}

.user_logins label {
  width: 400px;
  display: block;
  margin: 0 auto;
  line-height: 30px;
  text-align: center;
}

.user_logins p {
  display: block;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
}

.user_logins p span {
  color: red;
  font-size: 16px;
}

.mt-number-animate .mt-number-animate-dot {
  width: 10px;
  /*设置分割符宽度*/
  line-height: 28px;
  float: left;
  text-align: center;
}

.mt-number-animate .mt-number-animate-dom {
  text-align: center;
  float: left;
  position: relative;
  top: 0;
}

.mt-number-animate .mt-number-animate-dom .mt-number-animate-span {
  width: 100%;
  float: left;
}

.data_num .mt-number-animate {
  font-size: 26px;
  /*设置数字大小*/
}

.data_num .mt-number-animate-dom {
  width: 14px;
  /*设置单个数字宽度*/
}

.fkexplanation ,.fkexplanation2 {
  position: absolute;
  top: 10px;
  left: 10px;
  max-width: 320px;
  padding: 12px 16px;
  line-height: 26px;
  border-radius: 6px;
  background: #ffffff;
  z-index: 12;
  color: #477bba;
  font-size: 14px;
  border: 1px solid #7cabed;
  text-align: left;
  word-wrap: break-word;
  display: none;
}

.fkexplanation:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  top: -12px;
  left: 30px;
  background: url("../images/fkexpl.png") 0 0;
}
.fkexplanation,.fkexplanation2:before {
  background-image:none
}
#fk_yy_fyb_icon {
  position: fixed;
  width: 118px;
  height: 96px;
  top: 50%;
  right: 0;
  margin-top: -243px;
  margin-right: -59px;
  z-index: 10000;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

#fk_yy_fyb_icon:hover {
  -webkit-transform: translateX(-59px);
  -moz-transform: translateX(-59px);
  -ms-transform: translateX(-59px);
  -o-transform: translateX(-59px);
  transform: translateX(-59px);
}

#fk_yy_fyb_box {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10002;
  background: rgba(0, 0, 0, 0.4);
  display: none;
}

#fk_yy_fyb_con {
  position: relative;
  width: 708px;
  min-height: 550px;
  height: 80%;
  margin: 0 auto;
  top: 100px;
  overflow: auto;
  overflow-x: hidden;
}

#fk_yy_fyb_con #fk_yy_fyb {
  width: 708px;
  height: 945px;
  padding-bottom: 20px;
  background: url("../images/active/fengyunbang/background.png") 0 0 no-repeat;
}

#closefyb {
  display: block;
  position: absolute;
  width: 27px;
  height: 27px;
  top: 70px;
  right: 50%;
  margin-right: -322px;
  z-index: 9;
  background: url("../../src/img/active/fengyunbang/close.png") 0 0 no-repeat;
}

.dialog_close {
  position: absolute;
  top: 28px;
  right: 36px;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(../images/icon-dialog-close.png);
  cursor: pointer;
}

.fk_yy_fyb_ranking {
  width: 402px;
  margin: 0 auto;
  padding-top: 218px;
}

.fk_yy_fyb_ranking table {
  width: 402px;
  border-collapse: collapse;
}

.fk_yy_fyb_ranking table thead {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.fk_yy_fyb_ranking table tr {
  background: none;
}

.fk_yy_fyb_ranking table th {
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  border: none;
  background: none;
  padding: 0;
}

.fk_yy_fyb_ranking table th:first-child {
  padding-left: 10px;
}

.fk_yy_fyb_ranking table td {
  position: relative;
  height: 24px;
  line-height: 24px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background: none;
  border: none;
  padding: 0;
}

.fk_yy_fyb_ranking table td:first-child {
  padding-left: 10px;
}

.fk_yy_fyb_ranking table td img {
  position: absolute;
  display: block;
  width: 18px;
  height: 14px;
  left: 8px;
  top: 4px;
}

.fk_yy_fyb_ranking table tbody tr:nth-of-type(even) {
  background: rgba(255, 255, 255, 0.3);
}

.fk_yy_fyb_ranking table tbody .ranking_top td {
  color: #f7ef1b;
}

.fk_yy_fyb_ranking .ranking_box {
  margin-top: 16px;
  margin-left: 16px;
  font-size: 0;
  text-align: center;
}

.fk_yy_fyb_ranking .ranking_box li {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

.fk_yy_fyb_ranking .ranking_box li.ranking_left {
  margin-top: 4px;
  background: url("../images/active/fengyunbang/left.png") 50% 0 no-repeat;
}

.fk_yy_fyb_ranking .ranking_box li.ranking_right {
  margin-top: 4px;
  background: url("../images/active/fengyunbang/right.png") 50% 0 no-repeat;
}

.fk_yy_fyb_ranking .ranking_box li.ranking_num:hover a, .fk_yy_fyb_ranking .ranking_box li.ranking_num.cur a {
  background: #fff;
  color: #4e50e3;
}

.fk_yy_fyb_ranking .ranking_box li a {
  display: block;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
}

.fyb_rules {
  width: 402px;
  margin: 10px auto;
}

.fyb_rules p {
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #fff;
}

.fyb_rules table {
  width: 100%;
  margin: 10px 0 16px;
  border-collapse: collapse;
}

.fyb_rules table tr {
  background: none;
}

.fyb_rules table th, .fyb_rules table td {
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
}

.fyb_rules table th {
  background: #7972e8;
}

.fyb_oth_rules {
  width: 632px;
  margin: 0 auto;
  border-top: 1px dashed #8177e8;
}

.fyb_oth_rules .fyb_oth_rules_warn {
  height: 38px;
  line-height: 38px;
  font-size: 12px;
  text-align: center;
  color: #f7ef1b;
}

.fyb_oth_rules table {
  width: 402px;
  margin: 0 auto;
  border-collapse: collapse;
}

.fyb_oth_rules table tr {
  background: none;
}

.fyb_oth_rules table th, .fyb_oth_rules table td {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: #f7ef1b;
  text-align: center;
  border: 1px solid #fff;
}

.fyb_oth_rules table th:first-child, .fyb_oth_rules table td:first-child {
  color: #fff;
}

.fyb_oth_rules table th {
  background: #7972e8;
}

.fyb_oth_rules div {
  margin-top: 10px;
}

.fyb_oth_rules div p {
  line-height: 22px;
  color: #fff;
  font-size: 12px;
}

@media screen and (max-height: 650px) {
  #fk_yy_fyb_con, #closefyb {
    top: 0px;
  }
}

.madezz {
  position: absolute;
  top: 26px;
  width: 67px;
}

.zz_918 {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  display: none;
}

.zz_918 .tu_918 {
  width: 880px;
  height: 450px;
  position: relative;
  top: 50%;
  margin-top: -225px;
  left: 50%;
  margin-left: -440px;
}

.zz_918 .tu_918 img {
  z-index: 100001;
  width: 100%;
}

.zz_918 .tu_918 .gb_918 {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 40px;
  left: 600px;
  cursor: pointer;
}

.zz_918 .tu_918 .gb_918 img {
  width: 100%;
}

.smart_new {
  border: 1px solid #feb9b9;
  width: 1070px;
  margin: 0 auto;
  height: 150px;
  border-radius: 6px;
}

.smart_new .img_po {
  width: 220px;
  height: 150px;
  display: inline-block;
  vertical-align: middle;
}

.smart_new .img_po img {
  width: 100%;
}

.smart_new .rate {
  display: inline-block;
  vertical-align: middle;
  padding: 0px 40px;
  text-align: center;
  margin-left: 50px;
  font-size: 34px;
  font-style: normal;
  color: #f25c5c;
}
.smart_content .smart_new .rate .reward{
  margin-top: 15px;
  font-size: 12px;
  float: right;
}
.smart_left .rate .reward{
  margin-top: 3px;
}
.reward {
  font-size: 12px;
  color: #f25c5c;
  /* background: #ffe4d9; */
  border-radius: 5px;
  margin-left: 6px;
  border: 1px solid #f25c5c;
  width: 32px;
  height: 20px;
  line-height: 20px;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
}

.add-floats {
  /*margin-right: 34px;*/
  width: auto;
  text-align: left;
}

.slide-reward {
  float: left !important;
  transform: translate(3px, 13px);
}


.smart_reckon .reward {
  margin-top: 23px;
}

.smart_new .rate i {
  height: 40px;
  line-height: 40px;
  font-size: 34px;
  font-style: normal;
  display: block;
  color: #f25c5c;
}

.smart_new .rate i em {
  font-size: 24px;
  color: #f25c5c;
}

.smart_new .rate strong {
  display: block;
  text-align: center;
  line-height: 40px;
  height: 40px;
  font-size: 14px;
  color: #666;
  font-weight: 500;
}

.smart_new span {
  display: inline-block;
  vertical-align: middle;
  padding: 0px 40px;
  text-align: center;
  font-style: normal;
}

.smart_new span i {
  color: #333;
  height: 40px;
  line-height: 40px;
  font-size: 34px;
  font-style: normal;
  display: block;
}

.smart_new span i em {
  font-size: 16px;
  color: #333;
}

.smart_new span strong {
  display: block;
  text-align: center;
  line-height: 40px;
  height: 40px;
  font-size: 14px;
  color: #666;
  font-weight: 500;
}

.smart_new .state {
  display: inline-block;
  vertical-align: middle;
  margin-left: 50px;
}

.smart_new .state .shengouz {
  display: block;
  height: 40px;
  width: 136px;
  background: #f25c5c;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  border-radius: 6px;
  text-align: center;
}

.smart_new .state .shengouover {
  display: block;
  height: 40px;
  width: 136px;
  background: #e4e7ed;
  line-height: 40px;
  color: #aaa;
  font-size: 18px;
  border-radius: 6px;
  text-align: center;
}

.smart_new .state strong {
  display: block;
  text-align: center;
  line-height: 40px;
  height: 40px;
  font-size: 14px;
  color: #666;
  font-weight: 500;
}

.smart_hlb {
  width: 1070px;
  margin: 0 auto;
  margin-top: 40px;
}

.smart_hlb .smart_left {
  position: relative;
  width: 350px;
  height: 414px;
  border: 1px solid #e1e1e1;
  border-radius: 6px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}

.smart_hlb .smart_left .swiper-smart {
  height: 100%;
}

.smart_hlb .smart_left .swiper-slide {
  background: #fff;
}

.smart_hlb .smart_left .slide-title {
  width: 320px;
  height: 60px;
  line-height: 60px;
  margin: 0 auto;
  text-align: center;
  padding-top: 10px;
}

.smart_hlb .smart_left h2 {
  width: 320px;
  height: 60px;
  line-height: 60px;
  margin: 0 auto;
  text-align: center;
  padding-top: 10px;
}

.smart_hlb .smart_left h2 img {
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
}

.smart_hlb .smart_left span {
  display: inline-block;
  vertical-align: middle;
  width: 148px;
  text-align: center;
  font-style: normal;
  margin-top: 30px;
}

.smart_hlb .smart_left span i {
  color: #333;
  height: 40px;
  line-height: 40px;
  font-size: 34px;
  font-style: normal;
  display: block;
  font-weight: 500;
}

.smart_hlb .smart_left span i em {
  font-size: 14px;
  color: #666;
}

.smart_hlb .smart_left span strong {
  display: block;
  text-align: center;
  line-height: 40px;
  height: 40px;
  font-size: 14px;
  color: #666;
  font-weight: 500;
}

.smart_hlb .smart_left .rate {
  border-right: 1px solid #e1e1e1;
  width: 180px;
}

.smart_hlb .smart_left .rate .clear {
  margin: 0 auto;
}

.smart_hlb .smart_left .rate i {
  height: 40px;
  line-height: 40px;
  font-size: 34px;
  font-style: normal;
  display: block;
  color: #f25c5c;
}

.smart_hlb .smart_left .rate i em {
  font-size: 20px;
  color: #f25c5c;
}

.smart_hlb .smart_left .state {
  margin: 40px auto;
}

.smart_hlb .smart_left .state .shengouz {
  display: block;
  height: 40px;
  width: 260px;
  background: #f25c5c;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  border-radius: 6px;
  text-align: center;
  margin: 0 auto;
}

.smart_hlb .smart_left .state .shengouover {
  display: block;
  height: 40px;
  width: 260px;
  background: #e4e7ed;
  line-height: 40px;
  color: #aaa;
  font-size: 18px;
  border-radius: 6px;
  text-align: center;
  margin: 0 auto;
}

.smart_hlb .smart_left .state strong {
  display: block;
  text-align: center;
  line-height: 40px;
  height: 40px;
  font-size: 14px;
  color: #999;
  font-weight: 500;
}

.smart_hlb .smart_left .state strong em {
  color: #F25C5C;
}

.smart_hlb .smart_left .swiper-pagination-bullet {
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0;
}

.smart_hlb .smart_left .swiper-pagination-bullet:nth-child(1) {
  position: relative;
  top: -2px;
  left: -50px;
}

.smart_hlb .smart_left .swiper-pagination-bullet:nth-child(2) {
  position: relative;
  top: -2px;
  left: -22px;
}

.smart_hlb .smart_left .swiper-pagination-bullet:nth-child(3) {
  position: relative;
  top: -2px;
  left: 10px;
}

.smart_hlb .smart_left .swiper-pagination-bullet:nth-child(4) {
  position: relative;
  top: -2px;
  left: 45px;
}

.smart_leib {
  display: none;
  width: 250px !important;
  margin: 0 auto;
  left: 50px !important;
  bottom: 35px !important;
  border-top: 2px solid #e1e1e1;
}

.smart_leib a {
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  margin: 0;
  padding-left: 34px;
  margin-top: -2px;
  color: #999;
  background: none;
  opacity: 1;
  border: none;
}

.smart_leib a:nth-child(1) {
  padding-left: 0px;
}

.smart_leib a.swiper-pagination-bullet-active {
  border-top: 2px solid #7CABED;
  color: #7CABED;
}

#smart_leib {
  display: block;
  position: absolute;
  height: 44px;
  bottom: 31px !important;
  z-index: 11;
}

#smart_leib a:nth-child(1) {
  left: -43px;
  border-top: 2px solid #7CABED;
  color: #7CABED;
}

#smart_leib a:nth-child(2) {
  left: -20px;
}

#smart_leib a:nth-child(3) {
  left: 8px;
}

#smart_leib a:nth-child(4) {
  left: 38px;
}

.smart_right {
  width: 630px;
  border: 1px solid #e1e1e1;
  border-radius: 6px;
  padding: 30px;
  overflow: hidden;
  margin-bottom: 80px;
  display: inline-block;
  margin-left: 21px;
  height: 353px;
}

.smart_right .smart_reckon ul {
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  width: 332px;
  display: inline-block;
}

.smart_right .smart_reckon ul li {
  width: auto;
  display: block;
  position: relative;
  text-align: left;
  margin-top: 12px;
  height: auto;
  clear: both;
}

.smart_right .smart_reckon ul li span {
  height: 50px;
  display: inline-block;
  line-height: 50px;
  font-size: 16px;
  color: #666666;
  width: 64px;
}

.smart_right .smart_reckon ul li #purchaseAmount {
  width: 216px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  padding-left: 14px;
  margin-left: 30px;
  border-radius: 6px;
  border: 1px solid #e1e1e1;
  color: #333;
}

.smart_right .smart_reckon ul li em {
  position: absolute;
  right: 16px;
  top: 2px;
}

.smart_right .smart_reckon ul li h2, .smart_right .smart_reckon ul li h2 span {
  height: 40px;
  display: inline-block;
  margin-left: 30px;
  font-size: 30px;
  color: #f25c5c;
}

.smart_right .smart_reckon ul li h2 span {
  display: inline;
}

.smart_right .smart_reckon ul li h2 strong {
  font-size: 22px;
  font-weight: 500;
}

.smart_right .smart_reckon ul li h2 b {
  font-size: 20px;
  font-weight: 500;
}

.smart_right .smart_reckon ul li .label {
  width: 230px;
  display: inline-block;
  margin-left: 30px;
  float: right;
}

.smart_right .smart_reckon ul li label {
  width: 88px;
  display: inline-block;
  background: url("../images/check.png") no-repeat left;
  padding-left: 24px;
  cursor: pointer;
}

.smart_right .smart_reckon ul li label input {
  width: 18px;
  height: 18px;
  position: relative;
  top: 3px;
  display: none;
}

.smart_right .smart_reckon ul li .checked {
  background: url("../images/check_sel.png") no-repeat left;
}

.smart_right .smart_reckon ul li a {
  display: block;
  height: 40px;
  width: 260px;
  text-align: center;
  line-height: 40px;
  margin: 0 auto;
  font-size: 18px;
  background: #f25c5c;
  color: #fff;
  border-radius: 6px;
  margin-top: 80px;
}

.smart_result {
  width: 255px;
  height: 311px;
  display: inline-block;
  vertical-align: middle;
  background: url(../images/bg.png) no-repeat;
  float: right;
  margin-top: 28px;
}

.smart_result span {
  width: 200px;
  margin: 0 auto;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #f25c5c;
  margin-top: 78px;
  line-height: 50px;
}

.smart_result h2 {
  width: 200px;
  height: 50px;
  line-height: 50px;
  color: #f25c5c;
  text-align: center;
  margin: 0 auto;
  font-size: 28px;
  border: 1px dashed #fbd6d5;
}

.lefthh {
  -webkit-animation: fadeInLeft 0.5s 0s ease both;
  -moz-animation: fadeInLeft 0.51s 0s ease both;
}

.move-bg2 {
  -webkit-animation: fadeInRight 0.5s 0s ease both;
  -moz-animation: fadeInRight 0.5s 0s ease both;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(131px);
  }
}

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(131px);
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(131px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
}

@-moz-keyframes fadeInRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(131px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px);
  }
}

.nav {
  width: 262px;
  height: 42px;
  border-radius: 30px;
  margin: 0 auto;
  position: relative;
  background: url("../images/nav-item-bg.png") 0 0 no-repeat;
}

.nav-item {
  position: relative;
  float: left;
  line-height: 40px;
  font-size: 18px;
  width: 130px;
  height: 40px;
  top: 1px;
  border-radius: 30px;
  text-align: center;
  z-index: 100;
}

.nav-item a {
  display: block;
  height: 40px;
  color: #7CABED;
}

.mmren a {
  color: #fff;
}

.move-bg {
  position: absolute;
  left: 0;
  top: 1px;
  line-height: 40px;
  font-size: 18px;
  width: 130px;
  height: 40px;
  border-radius: 30px;
  background: #7CABED;
  text-align: center;
  z-index: 1;
}

.cuoaa {
  height: 20px;
  line-height: 20px;
  margin-bottom: -16px;
  margin-left: 98px;
  color: #ff0000;
  font-size: 14px;
}

.jiaxi_6 {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 78px;
}

.wenTip1 {
  width: 100%;
  position: fixed;
  height: 60px;
  bottom: 34px;
  z-index: 10;
}

.wenTip1 img {
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  position: absolute;
}

.wenTipClose1 {
  position: absolute;
  top: 17px;
  display: block;
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  right: 8px;
  z-index: 100;
  border: 1px solid #fff;
  color: #fff;
  font-size: 26px;
}

.wenTipSlide1 {
  position: fixed;
  bottom: 17px;
  left: -1000%;
}

.hidden {
  display: none;
}

/*# sourceMappingURL=index.css.map */

#js-layer-bg {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

#js-layer-main {
  position: fixed;
  z-index: 1000;
  left: 50%!important;
  top: 50%!important;
  transform: translate(-50%, -50%);
}

.ui-loading {
  padding: 20px 100px;
  background: #fff;
  border: 1px solid #ddd;
  display: block;
  font-size: 14px;
}

.ui-dialog {
  background: #fff;
  overflow: hidden;
  width: 380px;
  border-radius: 0.04rem;
}

.ui-dialog-header {
  min-width: 528px;
  height: 70px;
  line-height: 70px;
  padding-left: 36px;
  font-size: 20px;
  position: relative;
  border-bottom: 1px solid #ded9d9;
}
.ui-dialog-header::before {
  content: "";
  width: 8px;
  height: 40px;
  background-color: #ffb000;
  position: absolute;
  left: 0;
  top: 15px;
}

.ui-dialog-title {
  font-size: 20px;
  line-height: 22px;
  padding: 11px 0;
}

.ui-dialog-title span {
  font-size: 15px;
  line-height: 18px;
  padding: 4px 0 0 10px;
  display: inline-block;
}

.ui-dialog-body {
  padding: 44px 70px 50px;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
}

.ui-dialog-footer {
  height: 80px;
  line-height: 80px;
  background-color: #f2f2f2;
  text-align: right;
  padding-right: 26px;
}

.ui-dialog-content {
  font-size: 16px;
  text-align: center;
}

.ui-dialog-autofocus,
.ui-dialog-cancel {
  width: 100px;
  height: 34px;
  line-height: 32px;
  font-size: 14px;
  border-radius: 2px;
  border: none;
  vertical-align: middle;
}
.ui-dialog-autofocus {
  background-color: #ffb000;
  color: #000000;
}

.ui-dialog-cancel {
  color: #ffffff;
  background-color: #000000;
  margin-right: 16px;
}

.ui-dialog-autofocus:hover {
}

.ui-dialog-prompt {
  width: 260px;
  text-align: left;
  margin: 0 auto;
}

.ui-dialog-prompt input {
  width: 240px;
  padding: 5px 9px;
  border: 1px solid #ddd;
}

.dialog-pop {
  width: 562px;
}

.js-placeholder {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px;
  color: #aaa;
}

/* loading */
.ui-loading, .ui-tips {
  padding: 20px 100px;
  background: rgba(0, 0, 0, 0.7);
  border: none;
  display: block;
  border-radius: 6px;
  font-size: 14px;
}

.ui-loading tr:nth-of-type(odd), .ui-tips tr:nth-of-type(odd) {
  background: none;
}

.ui-loading .ui-dialog-content, .ui-loading tr, .ui-loading td, .ui-tips .ui-dialog-content, .ui-tips tr, .ui-tips td {
  color: #fff;
  border: none;
  background: none;
}

.ui-loading .ui-dialog-content img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  vertical-align: middle;
}

.ui-loading .ui-dialog-content {
  line-height: 40px;
}

.footerLogo {
  height: 60px;
  margin-top: 20px;
}

.footerLogo ul {
  line-height: 60px;
  height: 60px;
  position: relative;
  width: 100% !important;
}

.footerLogo ul li {
  color: #999;
  font-size: 14px;
  padding: 0px 15px;
  line-height: 14px;
  height: 14px;
  border-right: 1px solid #bababa;
  display: inline-block;
  vertical-align: middle;
}

.footerLogo ul li:nth-child(3) {
  border: none;
}

.footerLogo ul li:nth-child(3) a {
  color: #999;
}

.footerLogo ul li:nth-child(3) a:hover {
  color: #477BBA;
}

.footerLogo ul li:nth-child(1) {
  padding-left: 0px;
}

.footerLogo ul img {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: 0;
}

.anquan img {
  border: none;
  margin-right: 184px;
  margin-top: 6px;
  width: 80px;
}

.chengxin img {
  margin-right: 90px;
  margin-top: 10px;
  width: 80px;
}

.norton img {
  width: 70px;
}

.anquan img {
  width: 80px;
  margin-right: 188px;
  margin-top: 6px;
}

.wangxin img {
  width: 80px;
  margin-right: 288px;
  margin-top: 12px;
}

.fkzjicon {
  vertical-align: middle
}

.qi_ff {
  width: 474px;
  margin: 0 auto;
  /* margin-top: 50px; */
}

.qi_ff .qi_ge {
  display: inline-block;
  margin-left: 20px;
  font-size: 0;
}

.qi_ge li {
  cursor: pointer;
}

.qi_ff .qi_ge li {
  display: inline-block;
  width: 195px;
  height: 52px;
  text-align: center;
  line-height: 52px;
  font-size: 16px;
  margin-left: 6px;
  border: 1px solid #cdcdcd;
}

.qi_ff .qi_ge .moren_bg {
  background: url(../images/admin/qzgz.png) no-repeat;
  border: none;
  height: 52px;
  line-height: 52px;
  width: 197px;
}

.login1 .login_nav .qi_ge a {
  color: #333333;
}

.qi_ff .qi_ge .moren_bg a {
  color: #477bba;
}

.qi_ff .qi_ge li:first-child {
  margin: 0 20px 0 6px;
}

/* 确定支付弹窗 */
.paypop #animation11 {
  height: auto;
}

.details_paypop {
  position: relative;
  margin: 20px auto;
  padding-bottom: 30px;
}

.details_paypop p {
  width: 300px;
  height: 40px;
  margin: 0 auto;
  line-height: 40px;
  color: #666;
  font-size: 16px;
}

.details_paypop .paybtn {
  display: block;
  margin: 0 auto;
  padding: 0 16px;
  height: 36px;
  line-height: 36px;
  border-radius: 6px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: #7cabed;
  border: 2px solid #7cabed;
  cursor: pointer;
}

/* 失败 */
#failure {
  padding: 120px 20px;
  background: #ffffff;
}

#failure .fail_img img {
  display: block;
  width: 258px;
  height: 258px;
  margin: 0 auto;
}

#failure .fail_bank h1 {
  padding: 25px 0 40px;
  font-size: 24px;
  color: #477bba;
  text-align: center;
}

#failure .default_explain h2, #failure .default_explain p {
  width: 430px;
  height: 38px;
  line-height: 38px;
  margin: 0 auto;
  font-size: 16px;
  color: #333333;
}

#failure .fail_bank_btn {
  position: relative;
  width: 470px;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
}

#failure .fail_bank_btn a, #failure #hidechatBtn {
  display: inline-block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  background: #7cabed;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #7cabed;
}

#failure .fail_bank_btn a:nth-child(1) {
  margin: 40px 144px 0 0;
  color: #477bba;
  background: #fff;
}

#failure #hidechatBtn {
  position: absolute;
  opacity: 0;
  left: 8px;
  top: 0;
  z-index: 3;
  cursor: pointer;
  overflow: hidden;
}

#failure #hidechatBtn #chatBtn {
  position: relative;
  top: -50px;
  left: -24px;
}

#grey, #manbiao, #pipeiinfo {
  background: #e4e7ed;
  color: #aaa;
}

.form-message {
  clear: both;
}

.form-message .title {
  display: block;
  width: 100%;
  border-bottom: 1px solid #c1c1c1;
  padding-bottom: 10px;
}

.form-message .left_tit {
  width: 130px;
  display: inline-block;
}

.form-message p {
  padding: 0 20px;
  padding-top: 20px;
}

.form-message input {
  width: 350px;
  height: 40px;
  padding-left: 10px;
  border-radius: 6px;
  border: 1px solid #cecece;
  margin-left: 3px;
  z-index: 100;
}

.form-message label {
  padding: 12px 20px;
}

.form-message .lang_bor {
  padding: 0 64px;
  height: 56px;
  line-height: 56px;
  display: block;
  margin: 0 auto;
  clear: both;
  font-size: 16px;
  position: relative;
  font-weight: 500;
}

.tel {
  margin-top: 10px !important;
}

.form-message .lang_bor p {
  width: 120px;
  position: absolute;
  top: 0px;
  left: 20px;
  color: #959393;
  margin-left: 0;
  padding: 0;
  z-index: 10;
}

.form-message b {
  position: relative;
}

.form-message img {
  width: auto;
  margin: auto;
}

#banks img {
  position: absolute;
  top: 2px;
  left: 15px;
}

.lang_bor b {
  margin-top: -6px !important;
}

.form-message .btn1 {
  border: none;
  outline: none;
  background: none;
  font-size: 16px;
  color: #477BBA;
  position: absolute;
  padding: 0;
  width: 120px;
  cursor: pointer;
  height: 58px;
  line-height: 58px;
  top: -19px;
  right: 62px;
  z-index: 3;
}

.form-message .btn1:hover {
  color: #477BBA;
}

#banks {
  width: 220px;
  position: relative;
  padding-left: 10px;
  /* cursor: pointer; */
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #c1c1c1 !important;
  border-radius: 6px;
  line-height: 40px;
  color: #b0b0b0;
  height: 40px;
  border: none;
  outline: none;
  padding-left: 140px;
  font-size: 16px;
}

.hide {
  display: none;
}

.correct {
  position: absolute;
  top: 12px;
  right: -28px;
  width: auto !important;
}

.contracts_details b {
  position: relative;
}

#js-layer-main {
  z-index: 1000000 !important;
}

#submitbtn,
#submitbtns {
  width: 416px;
  height: 50px;
  line-height: 50px;
  border: 2px solid #7CABED;
  display: block;
  background: #fff;
  border-radius: 6px;
  margin: 0 auto;
  text-align: center;
  font-size: 22px;
  cursor: pointer;
  color: #477BBA;
}

#submitbtn:hover {
  color: #fff;
  background: #7cabed;
  height: 54px;
  line-height: 54px;
  border: none;
  width: 420px;
}

#contractBtn:hover {
  color: #fff;
  background: #7cabed;
}

#submitbtns:hover {
  color: #fff;
  background: #7cabed;
  height: 54px;
  line-height: 54px;
  border: none;
  width: 420px;
}

.contracts_details b {
  height: 30px !important;
  line-height: 30px;
}

.zhezhaobg {
  z-index: 10000;
}

.prompt {
  z-index: 100001 !important;
}

.form-message .btn1 {
  top: 1px !important;
}

.form-message #bankcardNoCom,
.form-message #mobile,
.form-message #bankcardNo {
  color: #333 !important;
  font-size: 14px;
}

.ca-container {
  position: relative;
  margin: 0 auto 20px auto;
  width: 1085px;
  height: 140px;
}

.ca-wrapper {
  width: 930px;
  height: 100%;
  position: relative;
  margin: 0 auto;
}

.ca-item {
  position: relative;
  float: left;
  text-align: center;
}

.ca-nav span {
  width: 25px;
  height: 38px;
  background: transparent url(../images/data/quali_r.png) no-repeat top left;
  position: absolute;
  top: 65%;
  margin-top: -40px;
  left: -40px;
  text-indent: -9000px;
  cursor: pointer;
  z-index: 100;
  opacity: 0.5;
}

.ca-nav-prev {
  background: transparent url(../images/data/quali_l.png) no-repeat top left !important;
}

.ca-nav-prev:hover {
  background: transparent url(../images/data/quali_l_h.png) no-repeat top left !important;
}

.ca-nav span.ca-nav-next {
  background-position: top right;
  left: auto;
  right: -40px;
}

.ca-nav span:hover {
  background: transparent url(../images/data/quali_r_h.png) no-repeat top left;
}