.whiteSpace {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow {
  overflow: hidden;
  text-overflow: ellipsis;
}
.pdb0 {
  padding-bottom: 0 !important;
}
.mgbm0 {
  margin-bottom: 0 !important;
}
.shide {
  display: none !important;
}
.container {
  width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
}
.content {
  padding: 20px;
}
.content-large {
  padding: 30px;
}
.content-exceptTopRight {
  padding-top: 0;
  padding-right: 0;
}
.content-small {
  padding: 10px;
}
.main-btn {
  display: inline-block;
  padding: 8px 0;
  color: #fff;
  text-align: center;
  font-size: 14px;
  margin-right: 5px;
  line-height: 20px;
}
.main-btn-green {
  background: #189086;
  color: white;
  padding: 8px 20px;
}
.main-btn-green:hover {
  background: #49bbb3;
  color: white;
}
.main-btn-orange {
  background: #fe7e23;
  color: white;
  padding: 8px 20px;
}
.main-btn-orange:hover {
  background: #bf601b;
  color: white;
}
.main-btn-small {
  padding: 6px 15px !important;
}
.main-btn-xsmall {
  padding: 3px 8px !important;
  font-size: 12px;
}
.main-btn-blue {
  background: #508cee;
  padding: 8px 20px;
  color: #fff;
}
.main-btn-blue:hover {
  background: #5697ff;
  color: #fff;
}
.main-btn-red-empty {
  color: #f05050;
  padding: 8px 20px;
  border: 1px solid #f05050;
}
.main-btn-red-empty:hover {
  background: #fa5050;
  color: white;
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
}
.main-btn-large {
  padding: 12px 26px !important;
  font-size: 16px;
}
.main-btn-red {
  background: #f05050;
  padding: 8px 20px;
  color: #fff;
}
.main-btn-red:hover {
  background: #fa5050;
  color: white;
}
.main-btn-gray {
  background: #e5e5e5;
  color: #888687;
  padding: 8px 20px;
  border: 1px solid #e7e7e7;
}
.main-btn-gray:hover {
  border-color: #cdcdcd;
  color: #cdcdcd;
}
.main-btn-block {
  padding: 0;
  height: 40px;
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
}
a:hover {
  text-decoration: none;
}
input[type=text],
input[type=password],
select,
textarea {
  border: 1px solid #e7e7e7;
  text-indent: 5px;
  margin-bottom: 0;
}
input[type=text],
input[type=password] {
  line-height: 30px;
  height: 30px;
  padding: 0;
}
.text-primary {
  color: #508cee;
}
.text-red {
  color: #f05050 !important;
}
a.text-red:hover {
  color: #b04242;
}
html {
  height: 100%;
}
body {
  font: 14px "微软雅黑", yahei, Helvetica, Arial, sans-serif;
  background: #ffffff;
  margin: 0;
  padding: 0;
  height: 100%;
}
article,
aside,
fieldset,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}
a {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul {
  margin: 0;
  padding: 0;
}
li,
ul {
  list-style: none;
}
em {
  font-style: normal;
}
.vt {
  vertical-align: top;
}
.bdnone {
  border: 0 none;
}
button {
  border: 0 none;
}
.pr {
  position: relative;
}
label {
  margin-bottom: 0;
  font-weight: 400;
}
pre {
  padding: 0;
  margin: 0;
  background: white;
  border: 0 none;
  white-space: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 24px;
  text-indent: 0;
}
.shide {
  display: none !important;
}
.sideFixed {
  position: fixed;
  right: 0;
  top: 200px;
  z-index: 999999;
  width: 48px;
}
.sideFixed a {
  display: block;
  background: #508cee;
  width: 48px;
  height: 48px;
  text-align: center;
  margin-bottom: 5px;
  line-height: 48px;
}
.sideFixed a img {
  width: 60%;
}
.sideFixed a:hover {
  background: #5697ff;
}
header {
  background: white;
}
header .top {
  padding: 20px 0;
}
header .top .logo {
  display: inline-block;
}
header .top .logo img {
  width: 100%;
}
header .top .serviceNumber img {
  width: 80%;
}
.logRegBanner {
  background: url(../images/newVersion/login_bg.png) no-repeat center;
  height: 570px;
  width: 100%;
}
.logRegBox h4 {
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e5e5e5;
}
.logRegBox .row-fluid {
  margin-bottom: 20px;
}
.logRegBox .row-fluid i {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  display: inline-block;
}
.logRegBox .row-fluid input {
  padding: 0;
  line-height: 40px;
  height: 40px;
  margin: 0;
  text-indent: 35px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  float: left;
}
.logRegBox .row-fluid a,
.logRegBox .row-fluid label.validateCodeCountDown {
  line-height: 40px;
  text-align: center;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}
.logRegBox .row-fluid a.getValCode {
  display: block;
  background: #e5e5e5;
  color: #B9B9B9;
}
.logRegBox .row-fluid a.getValCode:hover {
  background: #5697ff;
  color: white;
}
.logRegBox .row-fluid label.validateCodeCountDown {
  display: block;
  background: #5697ff;
  color: white;
}
.logRegBox .row-fluid label.validateCodeCountDown em {
  color: #ffffff;
}
.logRegBox .user i {
  background: url(../images/icon/login_user.png) no-repeat;
}
.logRegBox .mobile i {
  background: url(../images/icon/login_phone.png) no-repeat;
}
.logRegBox .pictureValidate i {
  background: url(../images/icon/login_password.png) no-repeat;
}
.logRegBox .messageValidate {
  margin-bottom: 35px;
}
.logRegBox .messageValidate i {
  background: url(../images/icon/login_captcha.png) no-repeat;
}
.wxLogin {
  color: #8c8c8a;
  line-height: 40px;
  height: 40px;
  display: inline-block;
  background: white;
  border: 1px solid #e7e7e7;
  padding: 0 20px;
}
.wxLogin:hover {
  color: #49bbb3;
}
.regBox {
  width: 380px;
  position: absolute;
  right: 0;
  top: 70px;
  height: 416px;
  background: #f1f6fc;
}
.regBox .registerBtn {
  background: #f05050;
  color: white;
  text-align: center;
  height: 40px;
  line-height: 40px;
  display: block;
}
.regBox .registerBtn:hover {
  background: #fa5050;
}
.regBox .loginBtn {
  font-size: 13px;
  color: #508cee;
}
.loginBox {
  width: 380px;
  position: absolute;
  right: 0;
  top: 70px;
  height: 386px;
  background: #f1f6fc;
}
.loginBox section.span12 .loginBtn {
  display: block;
  text-align: center;
  line-height: 40px;
  height: 40px;
  color: white;
  background: #f05050;
}
.loginBox section.span12 .loginBtn:hover {
  background: #fa5050;
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
}
.loginBox section.span12 label a {
  display: inline-block;
  line-height: 30px;
  height: 30px;
  font-size: 13px;
}
.loginBox section.span12 label .register {
  color: #f23635;
  padding-right: 10px;
}
.loginBox section.span12 label .register:hover {
  color: #c22d2c;
}
.loginBox section.span5 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #e5e5e5;
  height: 265px;
}
.loginBox section.span5 .qrBox {
  margin: 25px 0 50px;
}
.loginBox section.span5 .qrBox img {
  margin-bottom: 10px;
}
.loginBox section.span5 .qrBox label {
  font-size: 13px;
  color: #49bbb3;
  text-align: center;
}
.nav {
  background: #189086;
  width: 100%;
  height: 40px;
}
.nav ul li {
  float: left;
  border-right: 1px solid #0b8379;
}
.nav ul li a {
  display: block;
  line-height: 40px;
  font-size: 14px;
  color: #e3ffff;
  padding: 0 20px;
}
.nav ul li a:hover,
.nav ul li a.active {
  background: #49bbb3;
}
.nav .first {
  border-left: 1px solid #0b8379;
}
.nav section a {
  display: inline-block;
  line-height: 40px;
  font-size: 14px;
  color: #e3ffff;
  padding: 0 15px;
  border-right: 1px solid #0b8379;
  border-left: 1px solid #0b8379;
}
.nav section a:hover,
.nav section a.active {
  background: #49bbb3;
}
.adSent {
  text-align: center;
  line-height: 54px;
  height: 54px;
  font-size: 16px;
  color: white;
  background: #189086;
}
.adBox {
  margin: 40px 0;
}
.adBox > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 215px;
}
.adBox .left,
.adBox .middle {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 2px solid #189086;
  height: 215px;
}
.adBox .left {
  width: 98%;
}
.adBox .left div.span4 {
  background: #189086;
  line-height: 215px;
  height: 215px;
}
.adBox .left div.span4 label h2,
.adBox .left div.span4 label em {
  display: block;
  color: white;
  font-style: normal;
  text-align: center;
}
.adBox .left div.span4 label h2 {
  margin-top: 80px;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 10px;
}
.adBox .left div.span8 .content {
  padding: 15px 15px 15px 5px;
}
.adBox .left div.span8 ul li {
  margin-bottom: 10px;
}
.adBox .left div.span8 ul li label.span4 {
  font-size: 18px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.adBox .left div.span8 ul li div.span8 .inputBox {
  border: 1px solid #b8b8b8;
  height: 26px;
}
.adBox .left div.span8 ul li div.span8 .inputBox i {
  position: absolute;
  right: 5px;
  top: 5px;
  font-style: normal;
  font-size: 14px;
}
.adBox .left div.span8 ul li div.span8 .inputBox input {
  border: 0 none;
  padding: 0;
  line-height: 26px;
  height: 26px;
  width: 100%;
  text-indent: 5px;
}
.adBox .left div.span8 ul li .searchLoanBtn {
  background: #e85c27;
  color: white;
  line-height: 26px;
  height: 26px;
  text-align: center;
  letter-spacing: 8px;
  display: block;
  margin: 5px 0;
}
.adBox .left div.span8 ul li .searchLoanBtn:hover {
  background: #f45e28;
}
.adBox .left div.span8 p a {
  display: inline-block;
  font-size: 11px;
  margin-right: 3px;
  color: #797979;
}
.adBox .middle {
  background: #e0f2f4;
  text-align: center;
}
.adBox .middle img {
  margin-top: 70px;
  width: 80%;
}
.informationBox {
  margin-bottom: 40px;
}
.mediaInfoBox div h4 {
  font-size: 22px;
  color: #189086;
  position: relative;
  border-bottom: 1px solid #919191;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.mediaInfoBox div h4 i {
  margin-right: 5px;
}
.mediaInfoBox div h4 a {
  display: inline-block;
  padding: 0 10px;
  background: #e2f2f1;
  color: #859393;
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
}
.mediaInfoBox div .topList li {
  margin-bottom: 20px;
}
.mediaInfoBox div .topList li a:hover h5,
.mediaInfoBox div .topList li a:hover p,
.mediaInfoBox div .topList li a:hover em {
  color: orangered;
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
}
.mediaInfoBox div .topList li .span10 h5 {
  color: #757575;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
}
.mediaInfoBox div .topList li .span10 p,
.mediaInfoBox div .topList li .span10 em {
  font-size: 12px;
  color: #757575;
}
.mediaInfoBox div .topList li .span10 p {
  line-height: 18px;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mediaInfoBox div .bottomList li {
  line-height: 30px;
  height: 30px;
}
.mediaInfoBox div .bottomList li a,
.mediaInfoBox div .bottomList li em {
  color: #859393;
  line-height: 30px;
  height: 30px;
}
.mediaInfoBox div .bottomList li a {
  background: url(../images/newVersion/spot.png) no-repeat left;
  text-indent: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mediaInfoBox div .bottomList li a:hover {
  color: orangered;
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
}
.mediaInfoBox div .bottomList li em {
  font-size: 12px;
}
.toolBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #989898;
  width: 88%;
  float: right;
  margin-bottom: 20px;
  background: white;
}
.toolBox h4 {
  text-align: center;
  background: url(../images/newVersion/tool_bg.png) center;
  -webkit-background-size: cover;
  background-size: cover;
  color: white;
  line-height: 40px;
  height: 40px;
}
.toolBox section a {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  text-align: center;
  transition: all, 0.3s, linear;
  -webkit-transition: all, 0.3s, linear;
  -moz-transition: all, 0.3s, linear;
  -ms-transition: all, 0.3s, linear;
  -o-transition: all, 0.3s, linear;
}
.toolBox section a i {
  display: inline-block;
  width: 46px;
  height: 46px;
  transition: all, 0.3s, linear;
  -webkit-transition: all, 0.3s, linear;
  -moz-transition: all, 0.3s, linear;
  -ms-transition: all, 0.3s, linear;
  -o-transition: all, 0.3s, linear;
}
.toolBox section a:hover i {
  background-position: -46px 0;
}
.toolBox .enterpriseSearch i {
  background: url(../images/icon/tools_icon1.png) no-repeat;
  background-position: 0 0;
}
.toolBox .loanCal i {
  background: url(../images/icon/tools_icon2.png) no-repeat;
  background-position: 0 0;
}
.toolBox .pEval i {
  background: url(../images/icon/tools_icon3.png) no-repeat;
  background-position: 0 0;
}
.toolBox .ability i {
  background: url(../images/icon/tools_icon4.png) no-repeat;
  background-position: 0 0;
}
.toolBox section.top a,
.toolBox section.bottom a {
  border-bottom: 1px solid #e8e8e8;
  text-align: center;
}
.toolBox section.top a i,
.toolBox section.bottom a i {
  display: inline-block;
  margin-top: 20px;
}
.toolBox section.top a label,
.toolBox section.bottom a label {
  text-align: center;
  line-height: 40px;
  color: #859393;
}
.toolBox section.top a:hover label,
.toolBox section.bottom a:hover label {
  color: orangered;
}
.toolBox section.top a:first-child,
.toolBox section.bottom a:first-child {
  border-right: 1px solid #e8e8e8;
}
.indexProductBox {
  padding: 20px 0;
  background: #e0f2f4;
}
.indexProductBox .pList li {
  width: 100%;
  background: white;
  height: 180px;
  margin-bottom: 20px;
}
.indexProductBox .pList li:last-child {
  margin-bottom: 0;
}
.indexProductBox .pList li .left {
  height: 180px;
  text-align: center;
}
.indexProductBox .pList li .left .searchMore {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ffffff;
  margin: 0 auto;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 0 25px;
  color: #ffffff;
}
.indexProductBox .pList li .left .searchMore:hover {
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.indexProductBox .pList li .left i {
  display: block;
  text-align: center;
  margin: 0 0 20px;
}
.indexProductBox .pList li .left i img {
  width: 60px;
}
.indexProductBox .pList li div.span3 * {
  text-align: center;
}
.indexProductBox .pList li div.span3 h3 {
  line-height: 50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
}
.indexProductBox .pList li.bankDy .left {
  background: #e95b29;
}
.indexProductBox .pList li.bankXy .left {
  background: #f08300;
}
.indexProductBox .pList li.SocXy .left {
  background: #f6ae3d;
}
.rankingTitle {
  line-height: 50px;
  height: 50px;
  text-align: center;
  background: url(../images/newVersion/list_bg.png);
  -webkit-background-size: cover;
  background-size: cover;
  color: white;
}
.rankingInfo {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.rankingInfo ul li {
  margin-bottom: 12px;
}
.rankingInfo ul li em {
  font-size: 13px;
  line-height: 30px;
}
.rankingInfo ul li em b {
  font-size: 14px;
  font-weight: normal;
}
.rankingInfo ul li:last-child {
  margin-bottom: 0;
}
.pm {
  position: relative;
}
.pm i.pm1 {
  background-color: #e66047;
}
.pm i.pm2 {
  background-color: #f08300;
}
.pm i.pm3 {
  background-color: #f7ae3f;
}
.pm i.pm4 {
  background-color: #a8a8a8;
}
.pm i.pm5 {
  background-color: #a8a8a8;
}
.pm i {
  display: inline-block;
  height: 22px;
  width: 22px;
  line-height: 22px;
  text-align: center;
  color: white;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.indexPTable {
  margin-bottom: 0;
}
.indexPTable tr td {
  border-top: 0 none;
  padding: 18px 0;
  vertical-align: middle;
}
.indexPTable tr td h4 {
  font-size: 16px;
  margin-bottom: 5px;
  color: #5a5858;
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.indexPTable tr td h4 small {
  background: orangered;
  font-size: 11px;
  color: white;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  padding: 2px;
}
.indexPTable tr td label {
  font-size: 12px;
  color: #5a5858;
}
.indexPTable tr td .rate {
  color: #ea5614;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.indexPTable tr td .loanLimit {
  color: #ea5614;
  line-height: 20px;
  margin-bottom: 5px;
  font-size: 14px;
}
.indexPTable tr td a {
  display: inline-block;
  line-height: 26px;
  height: 26px;
  background: #ea5614;
  color: white;
  padding: 0 10px;
  text-align: center;
  font-size: 12px;
}
.indexPTable tr td a:hover {
  background: #ff5b14;
}
.indexPTable tr:first-child td {
  border-bottom: 1px dashed #a2a3a3;
}
.text-centerS {
  text-align: center !important;
}
.boxTitle {
  margin-top: 25px;
  text-align: center;
  color: #189086;
}
footer {
  background: #f5f5f5;
  height: 170px;
  width: 100%;
  border-top: 1px solid #e7e7e7;
}
footer address {
  margin-top: 10px;
  color: #444444;
  font-size: 13px;
}
footer .contentBox {
  padding-top: 30px;
}
footer .contentBox section.span3 h4 {
  color: #444444;
  margin-bottom: 15px;
}
footer .contentBox section.span3 p {
  display: block;
  font-size: 13px;
  color: #444444;
  margin-bottom: 6px;
}
footer .contentBox section.span3 ul li {
  margin-bottom: 6px;
}
footer .contentBox section.span3 ul li a {
  display: block;
  text-indent: 8px;
  font-size: 13px;
  color: #444444;
}
footer .contentBox section.span3 ul li a:hover {
  color: #508cee;
}
#logRegFooter {
  background: white;
}
#logRegFooter address {
  color: #7e7e7e;
}
#logRegFooter .contentBox p,
#logRegFooter .contentBox h4 {
  color: #7e7e7e;
}
#logRegFooter .contentBox ul li a {
  color: #7e7e7e;
}
#logRegFooter .contentBox ul li a:hover {
  color: #189086;
}
#logRegFooter .contentBox .mobileWx .download label {
  color: #7e7e7e;
}
#logRegFooter .contentBox .wx label {
  color: #7e7e7e;
}
.serviceSystem {
  background: white;
  width: 100%;
}
.serviceSystemList {
  margin-bottom: 30px;
}
.serviceSystemList section label {
  line-height: 40px;
  height: 40px;
  background: #189086;
  color: white;
  font-size: 16px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-bottom: 30px;
  text-align: center;
}
.serviceSystemList section div.detail h4 {
  width: 100%;
  height: 44px;
  background: url(../images/newVersion/service_title.png);
  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
  font-size: 20px;
  line-height: 44px;
  color: white;
  position: relative;
}
.serviceSystemList section div.detail h4 a {
  font-size: 12px;
  color: white;
  position: absolute;
  display: inline-block;
  right: 10px;
  top: 0;
}
.serviceSystemList section div.detail .content-large {
  background: #e2f2f4;
}
.serviceSystemList section div.detail .content-large ul li {
  margin-bottom: 10px;
}
.serviceSystemList section div.detail .content-large ul li a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #5a5858;
  line-height: 20px;
  height: 20px;
  background: url(../images/newVersion/spot.png) no-repeat left;
  text-indent: 10px;
}
.serviceSystemList section div.detail .content-large ul li a:hover {
  color: orange;
}
.serviceSystemList section div.detail .content-large ul li:last-child {
  margin-bottom: 0;
}
.cooper {
  margin-bottom: 50px;
}
.cooper h4 {
  margin-bottom: 40px;
}
.mobileWx .download label {
  font-size: 11px;
  color: #7e7e7e;
  line-height: 40px;
}
.mobileWx .wx img {
  width: 84px;
  height: 84px;
}
.mobileWx .wx label {
  font-size: 11px;
  color: #7e7e7e;
  line-height: 40px;
}
.newsBanner {
  background: url(../images/newVersion/banner_news.png) center no-repeat;
  width: 100%;
  height: 260px;
  margin-bottom: 20px;
}
.newsList li {
  margin-bottom: 10px;
  background: white;
}
.newsList li a {
  border: 1px solid #e7e7e7;
  display: block;
  position: relative;
}
.newsList li a:hover {
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
  -webkit-box-shadow: 0px 0px 3px #bbbbbb;
  -moz-box-shadow: 0px 0px 3px #bbbbbb;
  box-shadow: 0px 0px 3px #bbbbbb;
}
.newsList li a:hover b {
  width: 120px;
  transition: all, 0.6s, linear;
  -webkit-transition: all, 0.6s, linear;
  -moz-transition: all, 0.6s, linear;
  -ms-transition: all, 0.6s, linear;
  -o-transition: all, 0.6s, linear;
}
.newsList li a > b {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  font-style: normal;
  height: 30px;
  width: 80px;
  line-height: 30px;
  font-size: 12px;
  color: white;
  text-align: center;
  border-radius: 20px 0 0 20px;
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  -ms-border-radius: 20px 0 0 20px;
  -o-border-radius: 20px 0 0 20px;
}
.newsList li a i {
  position: relative;
}
.newsList li a i img {
  width: 100%;
  height: 98px;
}
.newsList li a h4 {
  color: #3d464d;
  font-weight: bold;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.newsList li a label {
  font-size: 12px;
  color: #aaaaaa;
  margin-bottom: 15px;
}
.newsList li a p {
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #818a93;
}
.newsList li a.company b {
  background: #49bbb3;
}
.newsList li a.media b {
  background: orange;
}
.newsList li a.finance b {
  background: #f05050;
}
.matchingTitle {
  line-height: 40px;
  height: 40px;
  margin-bottom: 10px;
}
.matchingTitle i {
  font-size: 18px;
  color: orangered;
  display: inline-block;
  line-height: 40px;
  padding-right: 5px;
}
.businessModule h3 {
  margin: 80px 0 15px;
}
.businessModule p {
  color: #818a93;
  line-height: 24px;
  width: 80%;
}
.businessModule .b1,
.businessModule .b3 {
  background: white;
  overflow: hidden;
}
.businessModule .b1 i img,
.businessModule .b3 i img {
  position: relative;
  animation: slideLeft 1s;
  -moz-animation: slideLeft 1s;
  /* Firefox */
  -webkit-animation: slideLeft 1s;
  /* Safari and Chrome */
  -o-animation: slideLeft 1s;
  /* Opera */
}
@keyframes slideLeft {
  from {
    left: -500px;
    opacity: 0.1;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
.businessModule .b2,
.businessModule .b4 {
  background: #f5f5f5;
}
.businessModule .b2 i img,
.businessModule .b4 i img {
  position: relative;
  animation: slideRight 1s;
  -moz-animation: slideRight 1s;
  /* Firefox */
  -webkit-animation: slideRight 1s;
  /* Safari and Chrome */
  -o-animation: slideRight 1s;
  /* Opera */
}
@keyframes slideRight {
  from {
    right: -500px;
    opacity: 0.1;
  }
  to {
    right: 0;
    opacity: 1;
  }
}
.customerBanner {
  background: url(../images/newVersion/banner_kehubz.png) no-repeat center;
  height: 260px;
  width: 100%;
}
div.copyRight {
  line-height: 30px;
  height: 30px;
  border-top: 1px solid #739c96;
  color: #c3c4c4;
  background: #5a5858;
  text-align: center;
  font-size: 12px;
}
.bannerReminderBox {
  display: inline-block;
  width: 240px;
  left: 50%;
  margin-left: 360px;
  position: absolute;
  top: 160px;
  z-index: 9999;
}
.bannerReminderBox .content {
  background: white;
}
.bannerReminderBox h4 {
  display: block;
  background: #ea5614;
  color: white;
  font-size: 24px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.bannerReminderBox h3 {
  color: #ea5614;
  font-size: 28px;
  margin-bottom: 10px;
  font-weight: bold;
}
.bannerReminderBox label,
.bannerReminderBox p,
.bannerReminderBox h3 {
  text-align: center;
}
.bannerReminderBox p {
  font-size: 12px;
  color: #8b8b8c;
  margin-bottom: 10px;
}
.bannerReminderBox label {
  background: #189086;
  color: white;
  display: block;
  line-height: 30px;
  height: 30px;
}
.aqType {
  margin-top: 20px;
}
.pagination ul > li > a,
.pagination ul > li > span {
  padding: 8px 16px;
}
.pagination * {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}
.newsType {
  border: 1px solid #e7e7e7;
  background: white;
}
.newsType li h4 {
  line-height: 42px;
  height: 42px;
  border-left: 3px solid #508cee;
  color: #5a5a5a;
  text-indent: 10px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 16px;
  background: #fafafa;
}
.newsType a {
  display: block;
  text-indent: 20px;
  line-height: 40px;
  height: 40px;
  border-bottom: 1px dotted #d7d7d7;
  color: #333333;
}
.newsType a:hover,
.newsType a.active {
  color: #508cee;
  text-indent: 10px;
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
}
.loadingMore {
  display: block;
  background: #f3f3f3;
  color: #666666;
  margin-bottom: 30px;
  text-align: center;
  line-height: 40px;
  height: 40px;
  font-size: 16px;
}
.loadingMore:hover {
  background: #49bbb3;
  color: white;
  transition: all, 0.6s, linear;
  -webkit-transition: all, 0.6s, linear;
  -moz-transition: all, 0.6s, linear;
  -ms-transition: all, 0.6s, linear;
  -o-transition: all, 0.6s, linear;
}
.banner {
  width: 100%;
  height: 523px;
  min-width: 1200px;
  background: url(../images/newVersion/banner/banner_match.png) no-repeat center;
}
.banner .container {
  position: relative;
  height: 598px;
}
.businessBanner {
  background: url(../images/newVersion/banner_shangyems.png) no-repeat center;
  height: 260px;
  width: 100%;
}
.fillInfoBox {
  background: url(../images/newVersion/box_bg.png) repeat;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 20px 25px;
  width: 270px;
  position: absolute;
  top: 50px;
  right: 45px;
  box-sizing: content-box;
}
.fillInfoBox section > h4 {
  height: 30px;
  text-align: center;
  font-size: 16px;
  color: white;
  margin-bottom: 10px;
}
.fillInfoBox section > div {
  position: relative;
  margin-bottom: 10px;
}
.fillInfoBox section > div input,
.fillInfoBox section > div select {
  width: 100%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.reminder {
  line-height: 40px;
  font-size: 16px;
  height: 40px;
  text-indent: 10px;
  width: 80%;
  position: absolute;
  left: 20px;
  color: white;
  top: 5px;
}
.tryBtn {
  display: inline-block;
  position: absolute;
  left: 60px;
  width: 254px;
  height: 61px;
  bottom: 50px;
  transition: all, 0.3s, linear;
  -webkit-transition: all, 0.3s, linear;
  -moz-transition: all, 0.3s, linear;
  -ms-transition: all, 0.3s, linear;
  -o-transition: all, 0.3s, linear;
}
.tryBtn:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.bannerIndex {
  background: url(../images/banner.jpg) no-repeat center;
  width: 100%;
  height: 357px;
  min-width: 1200px;
}
.indexNews h4 {
  background: url(../images/title-bottom.png) left bottom no-repeat;
  line-height: 40px;
  height: 40px;
  margin: 20px 0;
}
.indexNews h4 small {
  background: #e70012;
  color: white;
  display: inline-block;
  padding: 3px 6px;
  font-size: 12px;
}
.indexNews ul {
  margin-bottom: 20px;
}
.newList li {
  margin-bottom: 10px;
}
.newList li a * {
  color: #454545;
  font-size: 13px;
  line-height: 20px;
  height: 20px;
  min-height: 20px !important;
}
.newList li a label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: url(../images/empty-point-icon.png) left no-repeat;
  text-indent: 15px;
}
.newList li a:hover label {
  color: orangered;
}
.newList li:first-child label {
  background: url(../images/point-icon.png) left no-repeat;
}
.recommend-item-list {
  width: 94%;
}
.recommend-item-list li {
  margin-bottom: 10px;
}
.recommend-item-list li a {
  background: #f9f9f9;
  border: 1px solid #e7e7e7;
  display: block;
  padding: 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.recommend-item-list li a h5 {
  color: #ff5e00;
  margin-bottom: 5px;
  position: relative;
}
.recommend-item-list li a h5 em {
  position: absolute;
  line-height: 22px;
  height: 22px;
  padding: 0 5px 0 10px;
  font-size: 11px;
  right: -10px;
  top: 0;
  color: white;
  -webkit-border-radius: 50px 0 0 50px;
  -moz-border-radius: 50px 0 0 50px;
  border-radius: 50px 0 0 50px;
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
}
.recommend-item-list li a:hover {
  background: #ffffff;
}
.recommend-item-list li a:hover h5 {
  color: #508cee;
}
.recommend-item-list li a:hover h5 em {
  padding-right: 20px;
}
.recommend-item-list li a.credit h5 em {
  background: #ff5e00;
}
.recommend-item-list li a.bankMortgage h5 em {
  background: #00a0ea;
}
.recommend-item-list li a.personalMortgage h5 em {
  background: #22ad38;
}
.recommend-item-list li a p {
  font-size: 12px;
  color: #767676;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contentPart {
  background: white;
  min-width: 1200px;
}
.recommendItemResult > label {
  padding: 30px 0 80px;
}
.recommendItemResult .itemsList div.row-fluid > div {
  background: white;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.recommendItemResult .itemsList div.row-fluid > div section h4 {
  text-align: center;
  line-height: 40px;
  height: 40px;
  color: white;
}
.recommendItemResult .itemsList div.row-fluid > div.bankMortgage h4 {
  background: #22ad38;
}
.recommendItemResult .itemsList div.row-fluid > div.personalMortgage h4 {
  background: #9082bd;
}
.recommendItemResult .itemsList div.row-fluid > div.bankCredit h4 {
  background: #00a0ea;
}
.resultItemList li {
  margin-bottom: 10px;
  border: 1px solid #e7e7e7;
}
.resultItemList li a {
  display: block;
  padding: 10px;
  background: #f7f7f7;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
}
.resultItemList li a:hover {
  background: white;
}
.resultItemList li a:hover label {
  color: #508cee;
  font-size: 15px;
}
.resultItemList li a label {
  color: orange;
  margin-bottom: 10px;
  position: relative;
}
.resultItemList li a label i {
  display: inline-block;
  position: absolute;
  right: -10px;
  top: -10px;
}
.resultItemList li a p {
  font-size: 12px;
  line-height: 18px;
  height: 36px;
  color: #292929;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mobileValidate {
  background: #186899;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 20px 25px;
  width: 380px;
  position: absolute;
  top: 50px;
  left: 20px;
  box-sizing: content-box;
  z-index: 9999;
}
.validateMobile input {
  line-height: 36px;
  height: 36px;
  margin-right: 10px;
}
.validateMobile input,
.validateMobile a {
  float: left;
}
.watermark {
  color: #b4b4b4 !important;
}
.error {
  border-color: red !important;
}
label.error {
  text-indent: 20px;
  position: absolute;
  left: 280px;
  z-index: 9999;
  background: red;
  color: white;
  display: block;
  line-height: 26px;
  height: 26px;
  width: 200px;
  top: 2px;
}
label.error i {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: red;
  display: inline-block;
  position: absolute;
  left: -10px;
  top: 7px;
}
.innerWrapper {
  min-width: 1200px;
  background: white;
  min-height: 600px;
}
.productListBox {
  margin: 10px 0;
  min-height: 500px;
}
.productListBox aside {
  min-height: 300px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
}
.productListBox aside ul li {
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
}
.productListBox aside ul li a {
  display: block;
  text-align: center;
  height: 50px;
  line-height: 50px;
  color: #000;
}
.productListBox aside ul li a:hover,
.productListBox aside ul li a.active {
  background: white;
  border-left: 2px solid #49bbb3;
}
.pList .product:nth-child(4n+1) {
  margin-left: 0;
}
.product {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  padding: 20px;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}
.product:hover {
  transition: all, 0.6s, linear;
  -webkit-transition: all, 0.6s, linear;
  -moz-transition: all, 0.6s, linear;
  -ms-transition: all, 0.6s, linear;
  -o-transition: all, 0.6s, linear;
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
  -webkit-box-shadow: 0px 0px 10px #666666;
  -moz-box-shadow: 0px 0px 10px #666666;
  box-shadow: 0px 0px 10px #666666;
}
.product:hover b {
  transition: all, 0.6s, linear;
  -webkit-transition: all, 0.6s, linear;
  -moz-transition: all, 0.6s, linear;
  -ms-transition: all, 0.6s, linear;
  -o-transition: all, 0.6s, linear;
  padding: 2px 8px;
}
.product:hover h4 {
  color: #508cee;
  transition: all, 0.6s, linear;
  -webkit-transition: all, 0.6s, linear;
  -moz-transition: all, 0.6s, linear;
  -ms-transition: all, 0.6s, linear;
  -o-transition: all, 0.6s, linear;
}
.product b {
  padding: 2px 4px;
  font-size: 11px;
  color: white;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.product * {
  text-align: center;
}
.product i {
  position: absolute;
  right: 1px;
  top: 1px;
}
.product h4 {
  color: #000000;
  height: 46px;
}
.product em {
  display: block;
  line-height: 20px;
  color: #5e5e5e;
  font-size: 12px;
}
.product h2 {
  color: #fc8600;
  font-weight: bold;
  line-height: 100px;
}
.product h2 small {
  display: inline-block;
  font-size: 12px;
  color: #888687;
}
.product p {
  font-size: 12px;
  line-height: 18px;
  height: 36px;
  margin-bottom: 10px;
  color: #979797;
}
.product label {
  background: #f05050;
  color: white;
  display: block;
  line-height: 40px;
  height: 40px;
  margin-bottom: 10px;
}
.product.hot i {
  background: url(../images/newVersion/cp_hot.png) no-repeat;
  width: 46px;
  height: 46px;
}
.product.recomm i {
  background: url(../images/newVersion/cp_tj.png) no-repeat;
  width: 46px;
  height: 46px;
}
.pBanner {
  background: url(../images/newVersion/pBanner.png) no-repeat center;
  width: 100%;
  height: 260px;
}
.aqBanner {
  background: url(../images/newVersion/banner/wd_banner.jpg) no-repeat center;
  width: 100%;
  height: 218px;
}
.innerContent {
  padding: 30px 0;
  min-height: 400px;
}
.companyInfoList li {
  margin-bottom: 10px;
}
.companyInfoList li a[class*="span"] {
  font-size: 12px;
  color: #1e1e1e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: url(../images/point-grey.jpg) left no-repeat;
  text-indent: 20px;
  min-height: 20px;
  line-height: 20px;
}
.companyInfoList li a[class*="span"]:hover {
  color: #189086;
}
.companyInfoList li em[class*="span"] {
  color: #888687;
  min-height: 20px;
  line-height: 20px;
  font-size: 12px;
}
.adBox img {
  margin-bottom: 20px;
  width: 100%;
}
.searchBox {
  border: 1px solid #e7e7e7;
  width: 50%;
  position: relative;
}
.searchBox input {
  border: 0 none;
  width: 90%;
}
.searchBox button {
  display: inline-block;
  width: 10%;
  position: absolute;
  color: white;
  background: #f05050;
  right: 0;
  top: 0;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0;
  border: 0;
}
.searchBox button:hover {
  background: #fa5050;
}
.resultQuestionGroup .aq {
  padding: 10px 0;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 10px;
}
.resultQuestionGroup .aq label {
  margin-bottom: 5px;
  font-size: 13px;
}
.resultQuestionGroup .aq .question em {
  color: orangered;
  font-size: 16px;
}
.resultQuestionGroup .aq .answer {
  margin-bottom: 25px;
  color: #888687;
}
.resultQuestionGroup .aq .answer em {
  color: #508cee;
  font-size: 16px;
}
.productDetailInfo > h4 {
  color: #508cee;
  margin-bottom: 20px;
}
.productDetailInfo .control-group {
  margin-bottom: 25px;
}
.productDetailInfo .control-group label {
  margin-bottom: 10px;
}
.productDetailInfo .control-group p {
  color: #888687;
  font-size: 13px;
}
.productDetailInfo .control-group p.text-error {
  color: red;
}
.productDetailInfo .control-group h3 {
  font-size: 26px;
  color: orange;
}
.repayBox {
  background: url(../images/repay-bg.jpg) no-repeat;
  height: 556px;
  width: 445px;
  padding: 20px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.repayBox h4 {
  color: orangered;
  margin-bottom: 10px;
}
.repayBox section {
  background: white;
  height: 516px;
  padding: 20px;
  overflow-y: scroll;
}
.repayBox table thead td {
  font-size: 13px;
}
.repayBox table tbody {
  font-size: 12px;
  color: #888687;
}
.productName {
  color: #49bbb3;
}
.amount {
  font-size: 12px;
}
.amount em {
  color: orangered;
  font-size: 20px;
}
.applyBtn i {
  background: url(../images/icon/icon_apply.png) no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.applyBtn:hover i {
  background-image: url(../images/icon/icon_apply_hover.png);
}
.productDetailIntro section.span6 {
  border: 1px solid #e2e2e2;
  -webkit-box-shadow: 2px 2px 4px #cdcdcd;
  -moz-box-shadow: 2px 2px 4px #cdcdcd;
  box-shadow: 2px 2px 4px #cdcdcd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 210px;
  position: relative;
  margin-bottom: 15px;
}
.productDetailIntro section.span6.span6:nth-child(2n+1) {
  margin-left: 0;
}
.productDetailIntro section.span6 i {
  text-align: center;
  line-height: 210px;
}
.productDetailIntro section.span6 div.span9 h3 {
  font-size: 20px;
  line-height: 40px;
  margin-bottom: 0;
}
.productDetailIntro section.span6 div.span9 pre {
  overflow-y: scroll;
  max-height: 150px;
}
.productDetailIntro section.span6 > b {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/box_line.png) repeat-x;
  height: 4px;
  width: 100%;
}
.table-center tr td,
.table-center tr th {
  text-align: center;
}
.validateBox a {
  display: inline-block;
  width: 100%;
  text-align: center;
  line-height: 30px;
  background: #f05050;
  color: white;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  font-size: 12px;
}
.validateBox a:hover {
  background: #fa5050;
}
.validateBox label {
  display: inline-block;
  width: 100%;
  text-align: center;
  line-height: 30px;
  background: #e5e5e5;
  color: #999999;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  font-size: 12px;
}
.basicFillInfo {
  min-height: 400px;
}
.nextPage {
  background: #508cee;
  color: white;
  border: 1px solid #e7e7e7;
  text-align: center;
  display: block;
  line-height: 20px;
  height: 20px;
}
.nextPage:hover {
  background: #5697ff;
}
.job {
  color: white;
  width: 80px;
}
.job input {
  width: auto !important;
}
.newsInfoContent {
  min-height: 450px;
  padding: 30px;
}
.newsInfoContent h4 {
  font-size: 22px;
  margin-bottom: 5px;
  line-height: 30px;
}
.newsInfoContent label {
  font-size: 12px;
  color: #888687;
  margin-bottom: 20px;
}
.greeting {
  float: left !important;
}
.greeting:hover {
  color: orangered;
}
.pAside {
  margin: 20px 0;
  border: 1px solid #e7e7e7;
}
.pAside ul {
  background: #f6f6f6;
}
.pAside ul li {
  border-bottom: 1px solid #e7e7e7;
}
.pAside ul li a {
  display: block;
  line-height: 50px;
  height: 50px;
  text-indent: 25px;
  font-size: 16px;
  color: #000;
}
.pAside ul li a:hover,
.pAside ul li a.active {
  border-left: 3px solid #508cee;
  color: #508cee;
  background: white;
}
#setupForm label.span2 {
  line-height: 30px;
}
.gBox {
  border: 1px solid #e7e7e7;
  background: white;
  margin-bottom: 25px;
}
.synAside {
  margin: 20px 0;
}
.customerBasic {
  border-bottom: 1px solid #e7e7e7;
}
.customerBasic label {
  line-height: 40px;
  height: 40px;
  color: #8b8b8b;
}
.customerBasic label em {
  color: #000;
}
.personal-order a i {
  margin: 0 10px;
}
.personal-order a div,
.personal-order a i {
  display: inline-block;
  float: left;
}
.personal-order a label {
  color: #757575;
  font-size: 12px;
  padding-top: 10px;
}
.personal-order a em {
  font-size: 18px;
  color: #ea6000;
}
.pageTitle {
  border-left: 3px solid #508cee;
  line-height: 32px;
  height: 32px;
  margin-bottom: 10px;
  text-indent: 25px;
}
.requireSolveList a {
  font-size: 14px;
  color: #000;
  line-height: 30px;
}
.requireSolveList a label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.requireSolveList a:hover {
  color: #508cee;
}
.requireSolveListTitle,
.myAssetTitle,
.hotProductTitle {
  text-indent: 25px;
  margin: 10px 0;
  padding-top: 5px;
}
.requireSolveListTitle {
  background: url(../images/icon/list_1.png) no-repeat left;
}
.myAssetTitle {
  background: url(../images/icon/list_2.png) no-repeat left;
}
.hotProductTitle {
  background: url(../images/icon/list_3.png) no-repeat left;
  margin-bottom: 20px;
}
.myAssetList {
  background: white;
  margin-bottom: 20px;
}
.myAssetList section {
  border-right: 1px solid #e7e7e7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.myAssetList section label {
  font-size: 12px;
  color: #757575;
}
.myAssetList section h3 {
  font-size: 24px;
  color: #ff7900;
}
.myAssetList section:last-child {
  border-right: 0 none;
}
.hotProductList section a {
  position: relative;
  display: block;
  margin-bottom: 10px;
}
.hotProductList section a:hover {
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  border-color: orange;
}
.hotProductList section a > i {
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  color: white;
  padding: 0 10px;
  font-style: normal;
}
.hotProductList section a > i.xy {
  background: #6199d6;
}
.hotProductList section a > i.dy {
  background: #8cc34b;
}
.hotProductList section a > i.zy {
  background: #e0a046;
}
.hotProductList section a h4 {
  font-size: 16px;
  color: #000;
  margin-bottom: 8px;
}
.hotProductList section a p {
  line-height: 18px;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  font-size: 12px;
  color: #adadad;
}
.hotProductList section a label {
  font-size: 13px;
  color: #757575;
}
.hotProductList section a label b {
  font-size: 20px;
  color: #e0a046;
}
.coupon {
  padding: 20px;
  height: 70px;
  display: block;
  width: 100%;
  position: relative;
}
.coupon * {
  color: white;
}
.coupon h3 {
  line-height: 70px;
  font-size: 40px;
  font-weight: bold;
}
.coupon h4 {
  margin: 15px 0 0px;
  font-size: 15px;
}
.coupon label {
  font-size: 12px;
}
.couponValid {
  background: url(../images/yh.png) no-repeat;
}
.couponInValid {
  background: url(../images/yh_pass.png) no-repeat;
}
.couponInValid i {
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/pass.png) no-repeat;
  width: 60px;
  height: 44px;
  display: inline-block;
}
.toolBtnGroup {
  width: 40px;
  position: fixed;
  bottom: 100px;
  right: 100px;
}
.toolBtnGroup a {
  background: #d0d0d0;
  display: inline-block;
  padding: 8px;
  margin-bottom: 10px;
}
.toolBtnGroup a img {
  width: 24px;
  height: 24px;
}
.toolBtnGroup a:hover {
  background: orange;
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.materialList section {
  margin-bottom: 20px;
}
.materialList section > label {
  border-left: 3px solid #508cee;
  text-indent: 10px;
  line-height: 30px;
  height: 30px;
  font-size: 15px;
  margin-bottom: 5px;
}
.materialList section .mSubtitle {
  color: orange;
  margin-bottom: 5px;
}
.mTitle {
  font-size: 18px;
  margin-bottom: 10px;
}
.uploadMaterial {
  float: right;
}
.uploadImgList {
  margin: 10px 0;
}
.uploadImgList .span3 {
  margin-bottom: 10px;
}
.uploadImgList .span3:nth-child(4n+1) {
  margin-left: 0;
}
.orderSift {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 20px;
}
.orderSift a {
  display: inline-block;
  line-height: 40px;
  height: 40px;
  color: #5b6777;
  width: 120px;
  text-align: center;
}
.orderSift a.active {
  border-bottom: 2px solid #508cee;
}
.orderHeader {
  border-bottom: 1px solid #e7e7e7;
  height: 30px;
  margin-bottom: 10px;
}
.orderHeader * {
  font-size: 13px;
}
.orderHeader .orderNo {
  color: #757575;
}
.orderContent a {
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  margin-bottom: 10px;
  color: #000;
}
.orderContent a:hover {
  color: orangered;
}
.orderFooter * {
  font-size: 13px;
  line-height: 30px;
}
.orderFooter label {
  color: #b0b0b0;
}
.orderFooter label b {
  font-size: 18px;
  color: orangered;
}
.orderFooter label em {
  color: #000;
}
.orderBox {
  padding: 10px;
  position: relative;
  margin-bottom: 20px;
}
.orderBox > i {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 106px;
  height: 90px;
}
.finishOrder i {
  background: url(../images/icon/status_3.png) no-repeat;
}
.refuseOrder i {
  background: url(../images/icon/status_1.png) no-repeat;
}
.doingOrder i {
  background: url(../images/icon/status_2.png) no-repeat;
}
.message {
  margin-bottom: 20px;
}
.message h4 label i {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  right: 5px;
}
.message h4 small i {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  right: 5px;
}
.message p {
  color: #9e9e9e;
}
.readMessage h4 label {
  color: #7c8487;
}
.readMessage h4 label i {
  background: url(../images/icon/man_s.png) left no-repeat;
}
.readMessage small i {
  background: url(../images/icon/time_s.png) left no-repeat;
}
.unreadMessage h4 label {
  color: #189086;
}
.unreadMessage h4 label i {
  background: url(../images/icon/man.png) left no-repeat;
}
.unreadMessage small i {
  background: url(../images/icon/time.png) left no-repeat;
}
.loanList {
  margin: 20px 0 0;
}
.loanList label.span4 {
  position: relative;
  font-size: 13px;
}
.loanList label.span4 em,
.loanList label.span4 i {
  font-style: normal;
}
.loanList label.span4 em {
  color: #b1b1b1;
}
.loanList .span4:nth-child(3n+1) {
  margin-left: 0;
}
.pName {
  margin-top: 20px;
  font-size: 15px;
  display: inline-block;
  color: #000;
}
.pName small {
  display: inline-block;
  padding: 2px 5px;
  background: #f05050;
  color: white;
  margin-left: 5px;
}
.pName:hover {
  color: orangered;
}
.limit label {
  margin: 20px 0 10px;
  color: #b1b1b1;
}
.limit label b {
  padding-left: 5px;
  font-size: 18px;
  font-weight: normal;
  color: orange;
}
.limit a {
  display: block;
  background: #eb6100;
  line-height: 36px;
  height: 36px;
  text-align: center;
  color: white;
}
.limit a:hover {
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
  background: #ff6800;
}
.calInput {
  margin-bottom: 20px;
}
.calInput label {
  width: 23%;
  display: inline-block;
  float: left;
}
.calInput label input,
.calInput label select {
  width: 94%;
  padding: 0;
  line-height: 30px;
  height: 30px;
  text-indent: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.calInput a {
  display: inline-block;
  float: left;
  width: 8%;
  text-align: center;
  background: #508cee;
  color: white;
  line-height: 30px;
  height: 30px;
}
.calInput a:hover {
  background: #5697ff;
}
.calTable {
  margin-bottom: 0;
}
.calTable thead th {
  background: #f8f8f8;
  color: #767676;
}
.companyList tr td {
  border-top: 0 none;
  border-bottom: 1px solid #e7e7e7;
}
.companyList tr td h4 {
  color: #49bbb3;
  margin-bottom: 5px;
}
.companyList tr label,
.companyList tr em {
  color: #888;
  display: block;
  height: 24px;
  line-height: 28px;
}
.table-center th,
.table-center tr td {
  text-align: center;
}
.propertyEval {
  margin-bottom: 20px;
}
.propertyEval select,
.propertyEval input {
  padding: 0;
  line-height: 30px;
  height: 30px;
  text-indent: 5px;
  width: 100%;
}
.aboutBanner {
  background: url(../images/newVersion/banner_about.png) no-repeat center;
  height: 260px;
  width: 100%;
}
.aboutTitle {
  text-align: center;
  position: relative;
  line-height: 40px;
  height: 40px;
  margin-bottom: 20px;
}
.aboutTitle i {
  line-height: 2px;
  height: 2px;
  background: #508cee;
  width: 40px;
  position: absolute;
  left: 580px;
  bottom: 0;
}
.aboutUs {
  padding: 20px 0;
}
.aboutUs .row-fluid i {
  display: block;
  text-align: center;
}
.aboutUs .row-fluid h4 {
  color: #5697ff;
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
}
.aboutUs .row-fluid p {
  font-size: 12px;
  line-height: 20px;
  height: 60px;
  color: #676767;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
  margin: 0 auto 30px;
  text-indent: 2em;
}
.pcBox a:nth-child(4n+1) {
  margin-left: 0;
}
.pcBox a {
  background: #ffffff;
  display: block;
  margin-bottom: 20px;
  position: relative;
}
.pcBox a:hover {
  -webkit-box-shadow: 0px 0px 10px #444444;
  -moz-box-shadow: 0px 0px 10px #444444;
  box-shadow: 0px 0px 10px #444444;
}
.pcBox a i {
  background: url(../images/newVersion/cp_hot.png) no-repeat;
  width: 46px;
  height: 46px;
  display: inline-block;
  position: absolute;
  right: 0;
}
.pcBox a div em {
  text-align: center;
  display: block;
  margin-bottom: 10px;
}
.pcBox a div em img {
  width: 50%;
  padding: 5px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}
.pcBox a div h4 {
  color: #333333;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 24px;
  height: 24px;
  text-align: center;
}
.pcBox a div label {
  font-size: 12px;
  color: #888888;
  text-align: center;
  margin-bottom: 5px;
}
.pcBox a div label b {
  font-size: 16px;
  color: #f05050;
}
.pcBox a div p {
  font-size: 12px;
  color: #888888;
  height: 36px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.joinUs {
  background: #f5f9fc;
  padding: 30px 0;
}
.joinUs section {
  margin-bottom: 10px;
}
.joinUs section label {
  color: #a5a8ad;
  text-indent: 40px;
  line-height: 30px;
  height: 30px;
  position: relative;
  left: 20px;
}
.joinUs section label.net {
  background: url(../images/newVersion/about_contact_icon1.png) no-repeat left;
}
.joinUs section label.wxNo {
  background: url(../images/newVersion/about_contact_icon2.png) no-repeat left;
}
.joinUs section label.phone {
  background: url(../images/newVersion/about_contact_icon3.png) no-repeat left;
}
.joinUs section label.address {
  background: url(../images/newVersion/about_contact_icon4.png) no-repeat left;
}
.joinUs .joinUsBtn {
  background: #f9af00;
  display: block;
  width: 70%;
  line-height: 40px;
  height: 40px;
  text-align: center;
  color: white;
  font-size: 16px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-top: 10px;
}
.joinUs .joinUsBtn:hover {
  background: #d19100;
}
.applyCo {
  margin-bottom: 30px;
}
.applyCo h3 {
  line-height: 70px;
}
.applyCo h3 b {
  color: #4d92f4;
}
.applyCo p {
  margin-bottom: 15px;
  color: #888687;
}
.applyCooperator {
  width: 80%;
  margin: 20px auto;
}
.applyCooperator div.controls input {
  padding: 0;
  line-height: 36px;
  height: 36px;
  text-indent: 10px;
}
.applyCooperator div.controls input.input-xlarge {
  width: 320px;
}
.applyCooperator div.controls label.validateCodeCountDown {
  line-height: 40px;
  text-align: center;
  height: 40px;
  padding: 0 30px;
  display: inline-block;
  background: #49bbb3;
  color: white;
}
.applyCooperator div.controls label.validateCodeCountDown em {
  color: #ffffff;
}
.smList a.span3:nth-child(4n+1) {
  margin-left: 0;
}
.siftBtnGroup a {
  display: inline-block;
  float: left;
  padding: 0 20px;
  line-height: 30px;
  height: 30px;
  color: #189086;
  border: 1px solid #189086;
}
.siftBtnGroup a:hover {
  background: #49bbb3;
  color: white;
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
}
.simpleSearch .input-xlarge {
  line-height: 40px;
  height: 40px;
}
.otherNews {
  margin: 20px auto;
}
.otherNews li {
  padding-bottom: 5px;
  border-bottom: 1px dashed #e5e5e5;
}
.otherNews li a label {
  color: #000;
  line-height: 30px;
}
.otherNews li a em {
  color: #7f8a90;
  line-height: 30px;
}
.otherNews li a:hover label {
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
  text-indent: 10px;
}
.otherNews li a:hover label,
.otherNews li a:hover em {
  color: #49bbb3;
}
.pagination ul {
  -webkit-box-shadow: 0 0 0 #ffffff !important;
  -moz-box-shadow: 0 0 0 #ffffff !important;
  box-shadow: 0 0 0 #ffffff !important;
}
.pagination ul li a,
.pagination ul li label {
  color: #508cee;
  border-color: #508cee;
}
.pagination ul li a:hover,
.pagination ul li label:hover,
.pagination ul li a.active,
.pagination ul li label.active {
  background: #5697ff;
  color: white;
}
.wxQR {
  position: absolute;
  right: 50px;
  top: 50px;
  display: block;
  width: 100px;
  height: 100px;
}
.showList {
  position: absolute;
  left: 0;
  top: 30px;
  background: white;
  z-index: 1000;
}
.showList ul {
  width: 404px;
  height: 300px;
  overflow-y: scroll;
  border: 1px solid #e7e7e7;
}
.showList ul li {
  line-height: 20px;
  height: 20px;
  border-bottom: 1px solid #e7e7e7;
}
.errorPage {
  margin-top: 80px;
}
.errorPage h1 {
  color: #189086;
  font-size: 120px;
  margin-bottom: 30px;
  line-height: 120px;
  height: 120px;
}
.errorPage label {
  color: #189086;
  font-size: 28px;
  margin-bottom: 30px;
}
.errorPage p {
  font-size: 16px;
  color: #49bbb3;
  margin-bottom: 40px;
}
.errorPage a {
  padding: 10px 30px;
  color: #189086;
  border: 1px solid #189086;
  display: inline-block;
}
.errorPage a:hover {
  color: #49bbb3;
  border: 1px solid #49bbb3;
}
.pcBox .product:nth-child(3n+1) {
  margin-left: 0;
}
.myTeam {
  padding: 20px 0;
}
.myTeam div.row-fluid section {
  margin-bottom: 20px;
}
.myTeam div.row-fluid section > div {
  width: 86%;
  background: white;
  padding: 20px;
}
.myTeam div.row-fluid section i {
  display: block;
  text-align: center;
  margin: 10px 0 15px;
}
.myTeam div.row-fluid section i img {
  width: 74%;
}
.myTeam div.row-fluid section h4 {
  text-align: center;
  line-height: 40px;
  height: 40px;
  color: orangered;
}
.myTeam div.row-fluid section label {
  color: #444444;
  text-align: center;
  margin-bottom: 10px;
}
.myTeam div.row-fluid section p {
  line-height: 18px;
  height: 54px;
  color: #818181;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  font-size: 13px;
}
.myTeam div.row-fluid section:nth-child(4n+1) {
  margin-left: 0;
}
.container-small {
  width: 1000px;
  min-width: 1000px;
  margin: 0 auto;
}
.aqSearchBox {
  margin-top: 80px;
}
.aqSearchBox input {
  display: inline-block;
  float: left;
  width: 88%;
  padding: 0;
  margin: 0;
  line-height: 40px;
  height: 40px;
  text-indent: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #49bbb3;
  font-size: 16px;
}
.aqSearchBox button {
  width: 11%;
  margin-left: 1%;
  height: 40px;
  text-align: center;
  float: left;
  background: orange;
  color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.aqSearchBox button i {
  display: inline-block;
  background: url(../images/newVersion/search.png) no-repeat;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.aqSearchBox button:hover {
  background: orangered;
}
.aqBox h3 {
  line-height: 70px;
  height: 70px;
  font-size: 20px;
  background: url(../images/newVersion/wd_line.png) no-repeat bottom left;
  text-indent: 20px;
  position: relative;
  margin-bottom: 20px;
}
.aqBox h3 a {
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  background: #508cee;
  color: white;
  position: absolute;
  right: 10px;
  top: 20px;
  display: inline-block;
  width: 100px;
}
.aqBox h3 a:hover {
  background: #5697ff;
}
.aqList li {
  margin-bottom: 20px;
  cursor: pointer;
}
.aqList li h4 {
  color: #525252;
  line-height: 32px;
  position: relative;
  background: #f1f1f1;
  padding: 0 30px 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aqList li i {
  display: inline-block;
  background: url(../images/newVersion/wd_icon1.png) no-repeat;
  width: 14px;
  height: 8px;
  position: absolute;
  right: 10px;
  top: 14px;
}
.aqList li p {
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  color: #757575;
  line-height: 24px;
  display: none;
}
.aqList li.expand h4 {
  white-space: normal;
  border-bottom: 1px solid #e7e7e7;
}
.aqList li.expand h4 i {
  background-image: url(../images/newVersion/wd_icon2.png);
}
.aqList li.expand p {
  display: block;
}
.newsContent {
  border-right: 1px solid #e7e7e7;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.newsContent pre {
  overflow: hidden;
  text-overflow: ellipsis;
}
.newsContent pre p {
  text-indent: 0;
}
.newsContent pre img {
  width: 100%;
}
.newsAsideList ul li {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e7e7e7;
}
.newsAsideList ul li i img {
  width: 100%;
  height: 60px;
}
.newsAsideList ul li section a {
  line-height: 20px;
  height: 40px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2b2b2b;
  display: block;
}
.newsAsideList ul li section a:hover {
  color: orangered;
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
}
.newsAsideList ul li section em,
.newsAsideList ul li section small {
  font-size: 12px;
  line-height: 30px;
}
.newsAsideList ul li section em {
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #888687;
}
.newsAsideList ul li section small {
  color: #888687;
}
.siftBox {
  border: 1px solid #e7e7e7;
  margin-top: 20px;
}
.siftBox .siftTop {
  background: white;
}
.siftBox .top {
  background: #f2f2f2;
  border-bottom: 1px solid #e7e7e7;
}
.siftBox .siftItem:last-child {
  margin-bottom: 0;
  border-bottom: 0 none;
}
.selectResult {
  margin-bottom: 10px;
  border-bottom: 2px solid #5697ff;
  padding-bottom: 5px;
}
.selectResult div {
  display: inline-block;
  float: left;
}
.selectResult div label {
  padding: 0 18px 0 10px;
  line-height: 20px;
  height: 20px;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  display: inline-block;
  margin-bottom: 5px;
  font-size: 12px;
  margin-right: 10px;
  position: relative;
}
.selectResult div label em {
  color: orangered;
  font-size: 12px;
}
.selectResult div label a {
  display: inline-block;
  background: url(../images/icon/icon-remove.png) no-repeat center;
  text-align: center;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 20px;
}
.siftItem {
  margin-bottom: 10px;
  border-bottom: 1px dashed #e5e5e5;
}
.siftItem em,
.siftItem div {
  min-height: 26px !important;
}
.siftItem em {
  font-size: 12px;
  letter-spacing: 1.5px;
}
.siftItem div a {
  font-size: 12px;
  display: inline-block;
  float: left;
  margin: 0 15px 5px 0;
  color: #888687;
}
.siftItem div a.active,
.siftItem div a:hover {
  color: #5697ff;
}
.siftBottom {
  margin-bottom: 10px;
  background: #fafafa;
  border: 1px solid #e7e7e7;
  border-top: 3px solid #5697ff;
}
.siftBottom .left section {
  position: relative;
  display: inline-block;
  float: left;
}
.siftBottom .left section ul {
  width: 150px;
  background: white;
  border: 1px solid #e7e7e7;
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 1000;
}
.siftBottom .left section ul li {
  line-height: 36px;
  height: 36px;
  color: #000;
  text-indent: 10px;
  font-size: 13px;
  cursor: pointer;
}
.siftBottom .left section ul li:hover {
  background: #5697ff;
  color: white;
  text-indent: 20px;
}
.siftBottom a {
  line-height: 50px;
  height: 50px;
  font-size: 15px;
  padding: 0 30px;
  color: #030303;
  display: inline-block;
}
.siftBottom a:hover,
.siftBottom a.active {
  background: white;
}
.siftBottom .right a {
  border-left: 1px solid #e7e7e7;
}
.productList {
  margin-bottom: 40px;
}
.productList ul li {
  position: relative;
  height: 181px;
  margin-bottom: 10px;
}
.productItem {
  background: white;
  cursor: pointer;
  padding: 20px 25px;
  border: 1px solid transparent;
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
}
.productItem > i {
  background: url(../images/icon/icon-recomm.png) no-repeat left;
  display: inline-block;
  width: 47px;
  height: 48px;
  position: absolute;
  left: 0;
  top: 0;
}
.productItem h4 {
  margin: 10px 0 0;
  color: #616669;
}
.productItem h4 small {
  font-size: 11px;
  display: inline-block;
  line-height: 20px;
  padding: 0 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  background: #49bbb3;
  color: white;
}
.productItem b {
  line-height: 26px;
  padding-top: 12px;
  font-size: 18px;
  text-align: center;
  display: block;
  font-weight: 300;
}
.productItem h3 {
  line-height: 40px;
  text-align: center;
  color: orangered;
}
.productItem em {
  line-height: 16px;
  display: block;
  font-size: 12px;
  color: #9c9c9c;
  text-align: center;
}
.productItem p {
  position: relative;
  margin-top: 8px;
  padding-left: 30px;
  font-size: 12px;
  color: #3a3a3a;
  line-height: 18px;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.productItem p i {
  display: inline-block;
  background: url(../images/icon/icon-sp.png) no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 5px;
}
.productItem a {
  margin: 8px 5px 6px 0;
  display: inline-block;
  width: 90%;
  line-height: 30px;
  height: 30px;
  background: #f05050;
  color: white;
  text-align: center;
  transition: all, 0.3s, linear;
  -webkit-transition: all, 0.3s, linear;
  -moz-transition: all, 0.3s, linear;
  -ms-transition: all, 0.3s, linear;
  -o-transition: all, 0.3s, linear;
}
.productItem a:hover {
  background: #fa5050;
}
.productItem label {
  color: #616669;
  font-size: 12px;
}
.dividerR {
  border-right: 1px solid #f5f5f5;
}
.dividerL {
  border-left: 1px solid #f5f5f5;
}
.productItem-hover {
  -webkit-box-shadow: 0px 4px 20px #bcbcbc;
  -moz-box-shadow: 0px 4px 20px #bcbcbc;
  box-shadow: 0px 4px 20px #bcbcbc;
  transition: all, 0.8s, ease-in-out;
  -webkit-transition: all, 0.8s, ease-in-out;
  -moz-transition: all, 0.8s, ease-in-out;
  -ms-transition: all, 0.8s, ease-in-out;
  -o-transition: all, 0.8s, ease-in-out;
  border-color: #cdcdcd;
}
.productItem-hover b {
  font-size: 22px;
  font-weight: 400;
}
.productItem-hover h3 {
  font-size: 28px;
}
.productItem-hover div a {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.icon-dropdown {
  background: url(../images/icon/icon-dropdown.png) no-repeat;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 5px;
}
.toggleSiftTop {
  font-size: 12px;
  color: orangered;
}
.fBox {
  border: 1px solid #e7e7e7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fbBasic {
  margin-bottom: 20px;
}
.fbBasic .top {
  border-bottom: 1px solid #e7e7e7;
}
.fbBasic .top section {
  padding: 20px;
}
.fbBasic .top section h4 {
  margin-bottom: 5px;
  line-height: 30px;
  height: 30px;
}
.fbBasic .top section h4 small {
  font-size: 12px;
  margin-left: 5px;
  display: inline-block;
  line-height: 18px;
  padding: 0 10px;
  height: 18px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.fbBasic .top section h4.verified small {
  border: 1px solid #49bbb3;
  color: #49bbb3;
}
.fbBasic .top section h4.unverified small {
  border: 1px solid #fa5050;
  color: #fa5050;
}
.fbBasic .top section label {
  font-size: 13px;
}
.fbBasic .top section em {
  display: block;
  line-height: 14px;
  color: #888687;
  padding-top: 5px;
  font-size: 12px;
}
.fbBasic .bottom label {
  color: #888687;
  line-height: 30px;
  margin-bottom: 10px;
}
.fbBasic .bottom section a {
  display: block;
  width: 250px;
  height: 130px;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fbBasic .bottom section a label,
.fbBasic .bottom section a h4 {
  color: white;
}
.fbBasic .bottom section a:hover {
  transition: all, 0.6, linear;
  -webkit-transition: all, 0.6, linear;
  -moz-transition: all, 0.6, linear;
  -ms-transition: all, 0.6, linear;
  -o-transition: all, 0.6, linear;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.veriBox {
  background: url(../images/shiming_icon_shimingrz.png) no-repeat;
}
.bindBank {
  background: url(../images/shiming_icon_yinhangkbd.png) no-repeat;
}
.myProtocol {
  background: url(../images/shiming_icon_dianzixy.png) no-repeat;
}
.realForm div label {
  line-height: 36px;
  padding: 0;
}
.realForm div .input-xlarge {
  width: 300px;
}
.realForm div input[type=text],
.realForm div input[type=number] {
  padding: 0;
  text-indent: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  line-height: 36px;
  height: 36px;
}
.fSwitch {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 30px;
}
.fSwitch a {
  display: inline-block;
  float: left;
  padding: 0 20px;
  line-height: 40px;
  height: 40px;
  color: #333333;
  border-bottom: 2px solid transparent;
}
.fSwitch a.active,
.fSwitch a:hover {
  color: #f05050;
  border-color: #f05050;
}
.fGetValCode {
  display: inline-block;
  background: #eff8f7;
  border: 1px solid #189086;
  color: #189086;
  line-height: 34px;
  height: 34px;
  padding: 0 30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.fGetValCode:hover {
  background: #49bbb3;
  color: white;
}
.protocolDownload {
  color: #189086;
  font-size: 12px;
}
.protocolDownload:hover {
  color: #49bbb3;
}
.pTable thead th {
  background: #f4f4f4;
  color: #6f6f6f;
}
.pTable tr td label {
  font-size: 12px;
}
.cardList a {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  background: #edf1f4;
  padding: 20px 20px 10px 20px;
  margin-bottom: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.cardList a label {
  line-height: 30px;
  color: #68686a;
  font-size: 13px;
}
.cardList a h4 {
  line-height: 50px;
  color: #303030;
}
.cardList a em {
  line-height: 20px;
  font-size: 12px;
  color: #303030;
}
.cardList a:nth-child(3n+1) {
  margin-left: 0;
}
.createCard {
  border: 1px dashed #189086;
  padding: 10px;
  display: inline-block;
  width: 272px;
  text-align: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.createCard h5 {
  text-align: center;
  line-height: 30px;
  color: #888687;
}
.productBasic {
  background: white;
  margin: 20px 0 10px;
  border: 1px solid #e7e7e7;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.productBasic > div.row-fluid i {
  height: 135px;
  line-height: 135px;
  text-align: center;
  overflow: hidden;
}
.productBasic > div.row-fluid i img {
  width: 100%;
  height: 135px;
}
.productBasic > div.row-fluid section h3 {
  color: #666666;
  margin: 10px 0 20px;
}
.productBasic > div.row-fluid section .middle label {
  font-size: 12px;
  color: #999999;
  line-height: 20px;
  margin-bottom: 5px;
}
.productBasic > div.row-fluid section .middle h4 {
  height: 30px;
  font-size: 26px;
  color: #fa5050;
  margin-bottom: 20px;
}
.productBasic > div.row-fluid section .middle h5 {
  font-size: 12px;
  line-height: 18px;
  color: #444444;
}
.productBasic > div.row-fluid section .bottom b {
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  display: block;
  margin-bottom: 5px;
}
.productBasic > div.row-fluid section .bottom p {
  font-size: 13px;
  line-height: 20px;
  color: #999999;
}
.tabSwitch {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 30px;
}
.tabSwitch a {
  line-height: 40px;
  height: 40px;
  font-size: 16px;
  padding: 0 20px;
  display: inline-block;
  float: left;
  color: #cccccc;
  margin-right: 10px;
  border-bottom: 2px solid transparent;
  position: relative;
  top: 1px;
}
.tabSwitch a.active,
.tabSwitch a:hover {
  color: #000;
  border-color: #5697ff;
}
.productSp li {
  margin-bottom: 20px;
}
.productSp li h4 {
  margin-bottom: 10px;
  padding-top: 15px;
}
.productSp li p {
  line-height: 20px;
  font-size: 12px;
  color: #7a7a7a;
}
.recomProduct {
  border: 1px solid #e7e7e7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.recomProduct > h4 {
  text-indent: 10px;
  line-height: 50px;
  height: 50px;
  background: #fafafa;
  border-bottom: 1px solid #e7e7e7;
  border-left: 3px solid #189086;
  margin-bottom: 20px;
  color: #6a6a6a;
}
.recomProduct ul li {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
  text-align: center;
}
.recomProduct ul li:last-child {
  border-bottom: 0 none;
}
.recomProduct ul li h3,
.recomProduct ul li h4 {
  text-align: center;
}
.recomProduct ul li h4 {
  color: #000;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recomProduct ul li h3 {
  line-height: 50px;
  color: #ee534f;
}
.recomProduct ul li p {
  font-size: 12px;
  color: #7f7f7f;
  line-height: 18px;
  height: 36px;
  width: 90%;
  margin: 0 auto 10px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recomProduct ul li a {
  width: 50%;
  margin: 0 auto 15px;
  padding: 8px 0;
  border: 1px solid #f05050;
  color: #f05050;
  text-align: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  display: inline-block;
}
.recomProduct ul li a:hover {
  background: #fa5050;
  color: white;
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
}
.calTable th {
  padding: 10px 3px;
  background: #f8f8f8;
  color: #7a7a7a;
}
.calTable td {
  padding: 10px 3px;
}
.pQuestion div {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dashed #cdcdcd;
}
.pQuestion div label {
  position: relative;
}
.pQuestion div label:first-child {
  margin-bottom: 8px;
}
.pQuestion div label b {
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 0px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  color: white;
  font-size: 14px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  text-align: center;
  font-weight: 200;
}
.pQuestion div label p {
  line-height: 18px;
  margin-left: 55px;
}
.pQuestion .question b {
  background: #f25451;
}
.pQuestion .question p {
  color: #000;
  font-size: 14px;
  line-height: 26px;
}
.pQuestion .answer b {
  background: #909fbe;
}
.pQuestion .answer p {
  padding-top: 3px;
  color: #7f7f7f;
  font-size: 12px;
}
.qSearchBox button,
.qSearchBox input {
  float: left;
}
.qSearchBox button {
  margin-left: 5px;
}
.dialogBox form .control-group label {
  line-height: 30px;
}
.calBoxHide {
  background: url(../images/icon/cal_icon_close.png) no-repeat;
  width: 34px;
  height: 34px;
  display: inline-block;
  position: absolute;
  right: -10px;
  top: -10px;
}
.grayBox {
  background: #fbfbfb;
}
.productItemN {
  background: white;
  border: 1px solid #e7e7e7;
  display: block;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.productItemN > i {
  position: absolute;
  right: 0;
  top: 0;
  width: 46px;
  height: 46px;
}
.productItemN > i.recomItem {
  background: url(../images/newVersion/cp_tj.png) no-repeat;
}
.productItemN > i.hottem {
  background: url(../images/newVersion/cp_hot.png) no-repeat;
}
.productItemN:hover {
  top: -5px;
  transition: all, 0.6s, ease-in-out;
  -webkit-transition: all, 0.6s, ease-in-out;
  -moz-transition: all, 0.6s, ease-in-out;
  -ms-transition: all, 0.6s, ease-in-out;
  -o-transition: all, 0.6s, ease-in-out;
  box-shadow: 0 0 10px #888888;
  -webkit-box-shadow: 0 0 10px #888888;
  -moz-box-shadow: 0 0 10px #888888;
  -ms-box-shadow: 0 0 10px #888888;
  -o-box-shadow: 0 0 10px #888888;
}
.productItemN:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  transition: all, 0.5s, linear;
  -webkit-transition: all, 0.5s, linear;
  -moz-transition: all, 0.5s, linear;
  -ms-transition: all, 0.5s, linear;
  -o-transition: all, 0.5s, linear;
}
.productItemN:hover section.span10 h4 {
  color: #fa5050;
}
.productItemN section.span10 {
  width: 86.97872340425532%;
  *width: 86.92553191489361%;
  margin-left: 1.127659574468085%;
  *margin-left: 1.074468085106383%;
}
.productItemN section.span10 > h4 {
  color: #303030;
  line-height: 24px;
  height: 24px;
  margin: 10px 0 15px;
}
.productItemN i.span2 {
  width: 11.893617021276595%;
  *width: 11.840425531914894%;
  height: 142px;
  overflow: hidden;
  text-align: center;
  margin-top: 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border: 1px solid #efefef;
}
.productItemN i.span2 img {
  width: 120px;
  height: 120px;
  padding: 10px;
}
.productItemN .pLeft .sp {
  margin-bottom: 20px;
  max-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.productItemN .pLeft .sp em {
  display: inline-block;
  float: left;
  padding: 0 8px;
  line-height: 30px;
  height: 30px;
  background: #f2f7fd;
  color: #7c95b2;
  font-size: 12px;
  margin: 0 5px 0 0;
}
.productItemN .pLeft p {
  font-size: 13px;
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 20px;
  color: #666;
}
.productItemN .pLeft label {
  color: #7c95b2;
  font-size: 12px;
}
.productItemN .pLeft label i {
  margin-right: 5px;
}
.productItemN .pCenter label {
  color: #666;
  font-size: 12px;
  line-height: 30px;
}
.productItemN .pCenter em {
  color: #ff2727;
  font-size: 14px;
  padding-left: 10px;
  line-height: 30px;
}
.productItemN .pCenter em.rate {
  font-size: 18px;
  font-weight: 600;
}
.productItemN .pRight label {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  background: #f05050;
  line-height: 30px;
  height: 30px;
  color: white;
  margin: 30px 0 10px;
  width: 90%;
}
.productItemN .pRight label:hover {
  background: #fa5050;
}
.productItemN .pRight em {
  margin: 0 auto;
  width: 90%;
  display: inline-block;
  text-align: center;
  color: #888687;
  display: block;
  font-size: 12px;
}
.productItemN .pRight b {
  display: block;
  font-size: 14px;
  color: #666666;
  line-height: 30px;
  height: 30px;
  font-weight: normal;
}
.productItemN .pRight b span {
  font-size: 20px;
  color: orangered;
  font-weight: 600;
}
.innerPList li {
  margin-bottom: 10px;
}
.innerPList li a {
  display: block;
  padding: 20px 20px 0px;
  border: 1px solid #e7e7e7;
  background: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.innerPList li a:hover {
  box-shadow: 3px 3px 10px #a8a8a8;
  -webkit-box-shadow: 3px 3px 10px #a8a8a8;
  -moz-box-shadow: 3px 3px 10px #a8a8a8;
  -ms-box-shadow: 3px 3px 10px #a8a8a8;
  -o-box-shadow: 3px 3px 10px #a8a8a8;
  transition: all, 0.6s, ease-in-out;
  -webkit-transition: all, 0.6s, ease-in-out;
  -moz-transition: all, 0.6s, ease-in-out;
  -ms-transition: all, 0.6s, ease-in-out;
  -o-transition: all, 0.6s, ease-in-out;
}
.innerPList li a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.innerPList li a:hover section > h4 {
  color: #ff6e36;
}
.innerPList li a i.span2 {
  height: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.innerPList li a section > h4 {
  color: #394042;
  font-size: 20px;
  line-height: 26px;
  font-weight: 800;
  margin: 0 0 15px;
}
.innerPList li a .left .sp {
  margin-bottom: 15px;
  max-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.innerPList li a .left .sp em {
  display: inline-block;
  float: left;
  padding: 0 10px;
  line-height: 24px;
  height: 24px;
  background: #ff6e36;
  color: white;
  font-size: 12px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  margin: 0 5px 5px 0;
}
.innerPList li a .left p {
  font-size: 12px;
  line-height: 20px;
  height: 40px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666666;
}
.innerPList li a .left label {
  color: #ff6e36;
  font-size: 13px;
}
.innerPList li a .left label i {
  margin-right: 5px;
}
.innerPList li a .middle {
  position: relative;
  top: -10px;
}
.innerPList li a .middle label {
  color: #666;
  font-size: 12px;
  line-height: 30px;
}
.innerPList li a .middle em {
  color: #ff2727;
  font-size: 14px;
  padding-left: 10px;
  line-height: 30px;
}
.innerPList li a .middle em.rate {
  font-size: 18px;
  font-weight: 600;
}
.innerPList li a .right {
  position: relative;
  top: -10px;
}
.innerPList li a .right p {
  font-size: 12px;
  line-height: 20px;
  max-height: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666666;
}
.gAsideList {
  background: white;
  border-top: 1px solid #e7e7e7;
}
.gAsideList li {
  border-bottom: 1px dashed #e5e5e5;
}
.gAsideList li > div {
  display: block;
  padding: 15px 10px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gAsideList li > div a.headImg {
  height: 82px;
  overflow: hidden;
}
.gAsideList li > div a.headImg img {
  width: 82px;
  height: 82px;
}
.gAsideList li > div a.headImg:hover img {
  transition: all, 0.5s, linear;
  -webkit-transition: all, 0.5s, linear;
  -moz-transition: all, 0.5s, linear;
  -ms-transition: all, 0.5s, linear;
  -o-transition: all, 0.5s, linear;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.gAsideList li > div section h4 {
  margin: 10px 0 5px;
  position: relative;
}
.gAsideList li > div section h4 a.name {
  font-size: 16px;
  line-height: 30px;
  color: #444444;
}
.gAsideList li > div section h4 a.name:hover {
  color: #fa5050;
}
.gAsideList li > div section h4 a.chatBtn {
  font-size: 12px;
}
.gAsideList li > div section label {
  font-size: 12px;
  line-height: 20px;
  color: #7a7a7a;
  margin-bottom: 5px;
}
.gAsideList li > div section p {
  font-size: 12px;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #7a7a7a;
}
.gAsideList li > div section p b {
  font-size: 16px;
  color: orangered;
}
.merchantList {
  margin: 30px 0;
}
.merchantList > div {
  background: white;
  border: 1px solid #e7e7e7;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  cursor: pointer;
}
.merchantList > div div.itemBack {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 333px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100;
}
.merchantList > div div.itemBack label {
  font-size: 16px;
  text-align: left;
  color: white;
  margin-bottom: 15px;
}
.merchantList > div div.itemBack p {
  line-height: 20px;
  max-height: 200px;
  text-align: left;
  color: white;
  font-size: 12px;
  text-indent: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 20px;
}
.merchantList > div div.itemBack a {
  display: block;
  text-align: right;
  color: white;
}
.merchantList > div div.itemBack a:hover {
  color: #5697ff;
}
.merchantList > div > i {
  width: 70%;
  display: inline-block;
  height: 180px;
  margin-bottom: 20px;
}
.merchantList > div > i img {
  width: 100%;
  border: 1px solid #e7e7e7;
  height: 180px;
}
.merchantList > div > h4 {
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: orangered;
  margin-bottom: 5px;
}
.merchantList > div > section label {
  font-size: 12px;
  color: #7a7a7a;
  text-align: left;
}
.merchantList > div > p {
  font-size: 12px;
  color: #000;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.merchantList > div:hover {
  -webkit-box-shadow: 0px 0px 4px #cdcdcd;
  -moz-box-shadow: 0px 0px 4px #cdcdcd;
  box-shadow: 0px 0px 4px #cdcdcd;
}
.merchantList > div.span3:nth-child(4n+1) {
  margin-left: 0;
}
.main-search {
  margin: 40px auto 25px;
  width: 70%;
  border: 2px solid #508cee;
  position: relative;
}
.main-search input {
  width: 100%;
  line-height: 50px;
  padding: 0;
  border: 0 none;
  height: 50px;
}
.main-search button {
  height: 50px;
  line-height: 50px;
  color: white;
  position: absolute;
  right: 0;
  top: 0;
  background: #508cee;
  width: 100px;
  text-align: center;
  font-size: 16px;
}
.main-search button:hover {
  background: #5697ff;
}
.adviserBanner {
  background: url(../images/newVersion/banner/jingjir_banner.png) no-repeat center;
  width: 100%;
  height: 327px;
  margin-bottom: 30px;
}
.adviserBanner .pBasicInfo {
  margin-top: 50px;
}
.adviserBanner .pBasicInfo h3 {
  color: white;
  margin-bottom: 25px;
}
.adviserBanner .pBasicInfo label {
  color: white;
  margin-bottom: 10px;
}
.merchantBanner {
  background: url(../images/newVersion/banner/shanghu_banner.png) no-repeat center;
  width: 100%;
  height: 327px;
  margin-bottom: 30px;
}
.merchantBanner .merchantInfo {
  margin-top: 50px;
}
.merchantBanner .merchantInfo h3 {
  color: white;
  margin-bottom: 25px;
}
.merchantBanner .merchantInfo label {
  color: white;
  margin-bottom: 10px;
}
.merchantBanner .merchantInfo p {
  color: white;
  font-size: 13px;
  line-height: 20px;
  max-height: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rateReminderBox {
  padding: 15px 15px 5px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  border: 1px solid #e7e7e7;
  box-shadow: 0 0 5px #bbbbbb;
  -webkit-box-shadow: 0 0 5px #bbbbbb;
  -moz-box-shadow: 0 0 5px #bbbbbb;
  -ms-box-shadow: 0 0 5px #bbbbbb;
  -o-box-shadow: 0 0 5px #bbbbbb;
  position: absolute;
  top: 30px;
  z-index: 1000;
  width: 360px;
}
.rateReminderBox b {
  color: orangered;
  display: block;
  line-height: 16px;
}
.rateReminderBox b i {
  width: 0;
  height: 0;
  border: 5px solid white;
  border-left-color: orangered;
  display: inline-block;
  margin-right: 5px;
}
.rateReminderBox label {
  margin-bottom: 5px;
}
.rateReminderBox span {
  display: inline-block;
  margin-right: 10px;
  font-size: 13px;
}
.rateReminderBox p {
  font-size: 12px;
  color: #888888;
}
.merchantRecom .rankTop {
  background: #fff;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  border-bottom: 1px dashed #e5e5e5;
}
.merchantRecom .rankTop:hover h4 {
  color: orangered;
}
.merchantRecom .rankTop:hover img {
  transition: all, 0.5s, ease-in-out;
  -webkit-transition: all, 0.5s, ease-in-out;
  -moz-transition: all, 0.5s, ease-in-out;
  -ms-transition: all, 0.5s, ease-in-out;
  -o-transition: all, 0.5s, ease-in-out;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.merchantRecom .rankTop h4 {
  line-height: 30px;
  height: 30px;
  text-align: center;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.merchantRecom .rankTop p {
  line-height: 18px;
  font-size: 12px;
  max-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666666;
}
.merchantRecom .rankTop div {
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
}
.merchantRecom .rankTop div img {
  width: 100px;
  height: 100px;
}
.merchantRecom ul {
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}
.merchantRecom ul li {
  border-bottom: 1px dashed #e5e5e5;
  padding: 10px 0;
}
.merchantRecom ul li a {
  display: block;
}
.merchantRecom ul li a:hover i img {
  transition: all, 0.5s, ease-in-out;
  -webkit-transition: all, 0.5s, ease-in-out;
  -moz-transition: all, 0.5s, ease-in-out;
  -ms-transition: all, 0.5s, ease-in-out;
  -o-transition: all, 0.5s, ease-in-out;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.merchantRecom ul li a:hover h4 {
  color: orangered;
}
.merchantRecom ul li a i {
  overflow: hidden;
  height: 89px;
}
.merchantRecom ul li a i img {
  width: 89px;
  height: 89px;
}
.merchantRecom ul li a h4 {
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 10px;
  color: #333333;
}
.merchantRecom ul li a p {
  font-size: 13px;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666666;
}
.asideTitle {
  background: white;
  border-top: 3px solid #508cee;
  line-height: 52px;
  height: 50px;
  text-indent: 10px;
  border-bottom: 1px solid #e7e7e7;
}
.asideTitle a {
  display: inline-block;
  float: right;
  margin-right: 5px;
  font-size: 12px;
  color: #666666;
}
.asideTitle a i {
  position: relative;
  right: 6px;
}
.asideTitle a:hover {
  color: #49bbb3;
}
.asideTop {
  margin: 20px 0;
}
.productDetail {
  background: white;
  border: 1px solid #e5e5e5;
  margin-bottom: 40px;
}
.calBoxNew {
  margin-bottom: 10px;
  background: #fbfbfb;
  border: 1px solid #e7e7e7;
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.calBoxNew .left {
  border-right: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.calBoxNew .left h4 {
  color: #666666;
  font-size: 16px;
  line-height: 44px;
  height: 40px;
}
.calBoxNew .left .calInput {
  border: 1px solid #cdcdcd;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
.calBoxNew .left .calInput em {
  font-size: 16px;
  position: absolute;
  right: 0;
  padding-right: 10px;
  display: inline-block;
  line-height: 40px;
  height: 40px;
  background: white;
  color: #666666;
}
.calBoxNew .left .calInput input {
  line-height: 40px;
  height: 40px;
  border: 0 none;
  width: 70%;
  font-size: 18px;
  text-indent: 20px;
  color: orangered;
}
.calBoxNew .searchDetailBox .searchDetail {
  color: orangered;
  line-height: 42px;
  height: 40px;
  font-size: 14px;
}
.calBoxNew .searchDetailBox .calDetailTable {
  width: 600px;
  background: white;
  height: 400px;
  overflow-y: scroll;
  position: absolute;
  top: 30px;
  left: 0px;
  border: 1px solid #e7e7e7;
  z-index: 1000;
}
.calBoxNew .searchDetailBox .calDetailTable table thead th {
  background: #f2f2f2;
  line-height: 40px;
  height: 40px;
  color: #666666;
}
.calBoxNew .searchDetailBox .calDetailTable table tbody tr td {
  font-size: 12px;
  color: #a0a0a0;
}
.calBoxNew .yearRate label {
  line-height: 42px;
  color: #666666;
}
.calBoxNew .yearRate label em {
  font-size: 18px;
  font-weight: 500;
}
.highlightOR {
  color: orangered;
}
.repayMethodGroup a {
  border: 1px solid #666666;
  line-height: 32px;
  height: 30px;
  text-align: center;
  padding: 0 20px;
  font-size: 14px;
  color: #666666;
  display: inline-block;
  float: left;
  margin: 10px 10px 10px 0;
  background: white;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.repayMethodGroup a.active {
  color: orangered;
  border-color: orangered;
}
.applyBox {
  margin-top: 50px;
}
.applyBox a {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 8px;
}
.applyBox label {
  text-align: center;
  color: #666666;
}
.chatBtn {
  color: #f0514e;
  padding: 0 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  line-height: 26px;
  height: 24px;
  border: 1px solid #f0514e;
  position: absolute;
  right: 5px;
  top: 0px;
  font-size: 12px;
  text-align: center;
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
}
.chatBtn img {
  padding-right: 3px;
}
.chatBtn:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  color: #f0514e;
}
.bdbm0 {
  border-bottom: 0 none !important;
}
.cpList .span4 {
  margin-bottom: 10px;
}
.cpList .span4 em {
  display: inline-block;
  width: 100px;
  text-align: right;
}
.cpList .span4:nth-child(3n+1) {
  margin-left: 0;
}
.productLists li {
  position: relative;
  margin-bottom: 10px;
  height: 181px;
}
.productLists li .productItemN .pLeft p {
  max-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cpResult {
  border-top: 1px solid #e7e7e7;
}
.cpResult label {
  line-height: 30px;
  color: #444444;
}
.newTop {
  height: 30px;
  background: #f7f7f7;
  border-bottom: 1px solid #dfdfdf;
}
.newTop label {
  font-size: 12px;
  color: #666666;
  line-height: 30px;
}
.logReg a {
  display: inline-block;
  line-height: 40px;
  color: #444444;
}
.logReg a:hover {
  color: #508cee;
}
.newMiddle {
  margin: 30px 0;
}
.newMiddle .headerSearchBox {
  border: 1px solid #508cee;
  line-height: 40px;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  width: 90%;
  margin-left: 10%;
  margin-bottom: 5px;
}
.newMiddle .headerSearchBox input {
  width: 85%;
  border: 0 none;
  padding: 0;
  text-indent: 10px;
  height: 40px;
  line-height: 40px;
}
.newMiddle .headerSearchBox a {
  background: #508cee;
  color: white;
  display: inline-block;
  line-height: 40px;
  height: 40px;
  position: absolute;
  width: 15%;
  right: 0;
  top: 0;
  text-align: center;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -webkit-appearance: none;
}
.newMiddle .headerSearchBox a:hover {
  background: #5697ff;
}
.newMiddle .keywords {
  display: inline-block;
  margin-left: 10%;
}
.newMiddle .keywords a {
  font-size: 12px;
  display: inline-block;
  color: #7c7b7b;
  margin-right: 10px;
}
.newMiddle .keywords a:hover {
  color: #5697ff;
}
.newNavLine {
  border-top: 1px solid 1px solid #e7e7e7;
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f4f4f4;
}
.newNavLine .headDropDown {
  background: #508cee;
  color: white;
  line-height: 40px;
  height: 40px;
  text-align: center;
}
.newNavLine .span10 {
  width: 84%;
  margin-left: 0;
}
.newNav li {
  float: left;
  border-right: 1px solid #e5e5e5;
}
.newNav li a {
  display: block;
  line-height: 40px;
  height: 40px;
  padding: 0 25px;
  color: #333333;
  position: relative;
}
.newNav li a i {
  width: 20%;
  position: absolute;
  text-align: center;
  height: 2px;
  line-height: 2px;
  background: transparent;
  bottom: 0;
  left: 40%;
}
.newNav li a.active,
.newNav li a:hover {
  color: #084cc0;
}
.newNav li a.active i,
.newNav li a:hover i {
  background: white;
}
.idea .icon1 {
  background: url(../images/newVersion/icon/icon-1.png) no-repeat left;
}
.idea .icon2 {
  background: url(../images/newVersion/icon/icon-2.png) no-repeat left;
}
.idea .icon3 {
  background: url(../images/newVersion/icon/icon-3.png) no-repeat left;
}
.idea .icon4 {
  background: url(../images/newVersion/icon/icon-4.png) no-repeat left;
}
.idea .span3 {
  padding: 30px 0;
}
.idea h4 {
  font-size: 16px;
  text-indent: 80px;
}
.idea label {
  font-size: 12px;
  color: #878787;
  text-indent: 80px;
}
.expressIn {
  background: #f5f5f5;
}
.expressEntrance {
  margin: 30px 0;
}
.expressEntrance section {
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
}
.expressEntrance section:hover {
  box-shadow: 0px 0px 20px #444444;
  -webkit-box-shadow: 0px 0px 20px #444444;
  -moz-box-shadow: 0px 0px 20px #444444;
  -ms-box-shadow: 0px 0px 20px #444444;
  -o-box-shadow: 0px 0px 20px #444444;
}
.expressEntrance section i {
  display: block;
  text-align: center;
}
.expressEntrance section h4 {
  color: #508cee;
  line-height: 30px;
  text-align: center;
}
.expressEntrance section p {
  font-size: 12px;
  color: #878787;
  line-height: 18px;
  height: 36px;
  text-align: center;
  margin-bottom: 10px;
}
.expressEntrance section a {
  display: block;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  background: #508cee;
  color: white;
  line-height: 36px;
  height: 36px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.expressEntrance section a:hover {
  background: #5697ff;
}
.addressDropdown {
  background: white;
  position: absolute;
  top: 32px;
  width: 260px;
  left: 105px;
  border: 1px solid #e7e7e7;
  z-index: 99999;
}
.addressDropdown li label {
  display: block;
  line-height: 30px;
  height: 30px;
  color: #666666;
  font-size: 12px;
  text-indent: 10px;
}
.addressDropdown li label:hover {
  background: #f9f9f9;
}
.productBox {
  padding: 30px 0;
}
.productBox section {
  border: 1px solid #e8e8e8;
  height: 340px;
  margin-bottom: 20px;
}
.productBox section a {
  display: inline-block;
  float: left;
  width: 33.3333%;
  height: 170px;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
}
.productBox section a:hover {
  -webkit-box-shadow: 0px 0px 10px #444444;
  -moz-box-shadow: 0px 0px 10px #444444;
  box-shadow: 0px 0px 10px #444444;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  transition: all, 0.5s, linear;
  -webkit-transition: all, 0.5s, linear;
  -moz-transition: all, 0.5s, linear;
  -ms-transition: all, 0.5s, linear;
  -o-transition: all, 0.5s, linear;
}
.productBox section a:hover div.span9 h4 {
  color: #5697ff;
}
.productBox section a > label {
  font-size: 13px;
  color: #888888;
}
.productBox section a > label em {
  color: orange;
}
.productBox section a div.span9 h4 {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #353736;
}
.productBox section a div.span9 h3 {
  font-size: 24px;
  color: #f05050;
}
.productBox section a div.span9 h3 small {
  font-size: 12px;
}
.productBox section a div.sp {
  font-size: 13px;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
}
.productBox section a .proF {
  max-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.productBox section a .proF em {
  font-size: 12px;
  background: #5697ff;
  color: white;
  display: inline-block;
  margin-right: 3px;
  line-height: 20px;
  height: 20px;
  padding: 0 6px;
}
.productBox section > .span9 {
  width: 78.5%;
  margin-left: 0;
}
.productBox section .top a {
  border-bottom: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}
.productBox section .top a:last-child {
  border-right: 0;
}
.productBox section .bottom a {
  border-right: 1px solid #e8e8e8;
}
.productBox section .bottom a:last-child {
  border-right: 0;
}
.leftSide.span3 {
  width: 21.404255319148934%;
  *width: 21.351063829787233%;
}
.leftSide.span3 h3 {
  line-height: 100px;
  text-indent: 30px;
  color: white;
}
.leftSide.span3 i {
  display: block;
  margin-top: 40px;
}
.creditLoan .leftSide {
  background: #fa5546;
  height: 340px;
}
.carLoan .leftSide {
  background: #3ab28c;
  height: 340px;
}
.houseLoan .leftSide {
  background: #4f8aee;
  height: 340px;
}
.houseMortgage .leftSide {
  background: #8f6bb3;
  height: 340px;
}
.newToolBox {
  margin: 40px 0 30px;
}
.newToolBox .left {
  background: url(../images/newVersion/icon/bg-loan.png) no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  height: 260px;
}
.newToolBox .left .oneKeyApply {
  padding: 20px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 210px;
  width: 340px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: white;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.newToolBox .left .oneKeyApply i {
  background: url(../images/newVersion/jiantou.png) no-repeat;
  position: absolute;
  left: 0;
  top: 80px;
  display: inline-block;
  width: 20px;
  height: 35px;
}
.newToolBox .left .oneKeyApply input {
  width: 100%;
  padding: 0 10px;
  line-height: 34px;
  height: 34px;
  margin-bottom: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.newToolBox .left .oneKeyApply button {
  height: 34px;
  line-height: 34px;
  background: orange;
  color: white;
  width: 100%;
}
.newToolBox .left .oneKeyApply button:hover {
  background: orangered;
}
.newToolBox section a {
  display: inline-block;
  width: 48%;
  float: left;
  margin-bottom: 10px;
  text-align: center;
  margin-right: 2%;
}
.newToolBox section a:hover {
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.newToolBox section a img {
  width: 100%;
}
.infoBox {
  padding: 40px 0;
}
.infoBox a.more {
  font-size: 12px;
  color: #444444;
  display: inline-block;
}
.infoBox a.more:hover {
  color: #f05050;
}
.infoBox h4 {
  border-left: 3px solid #508cee;
  text-indent: 10px;
  margin-bottom: 15px;
  line-height: 30px;
  height: 30px;
  color: #444444;
}
.infoBox ul li a {
  font-size: 13px;
  line-height: 26px;
  height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #444444;
}
.infoBox ul li a:hover {
  color: #5697ff;
  text-indent: 10px;
  transition: all, 0.4s, linear;
  -webkit-transition: all, 0.4s, linear;
  -moz-transition: all, 0.4s, linear;
  -ms-transition: all, 0.4s, linear;
  -o-transition: all, 0.4s, linear;
}
.infoBox ul li label {
  color: #777777;
  font-size: 12px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 26px;
}
.drowdownBox {
  width: 100%;
  position: absolute;
  padding: 10px;
  background: white;
  top: 40px;
  left: 0;
  height: 400px;
  z-index: 999999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.drowdownBox h5 {
  font-size: 15px;
  color: #444444;
  text-align: left;
  text-indent: 10px;
  margin-bottom: 10px;
}
.drowdownBox section {
  border-bottom: 1px dashed #e5e5e5;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.drowdownBox section a {
  display: inline-block;
  float: left;
  padding: 0px 10px;
  line-height: 24px;
  height: 24px;
  font-size: 12px;
  color: #666666;
}
.drowdownBox section a:hover {
  color: #508cee;
}
.innerNav {
  background: #508cee;
}
.innerNav li {
  border-right-color: #5697ff;
}
.innerNav li a {
  color: white;
}
.innerNav li a.active,
.innerNav li a:hover {
  background: #5690ff;
  color: white;
}
.topNews {
  display: block;
  margin-bottom: 10px;
  position: relative;
}
.topNews img {
  width: 100%;
}
.topNews label {
  position: absolute;
  line-height: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-indent: 10px;
  font-size: 12px;
  bottom: 0;
  left: 0;
  width: 100%;
}
.logoutBtn {
  background: #888888;
  display: inline-block;
  padding: 5px 10px;
  color: white !important;
  line-height: 20px !important;
  height: 20px !important;
  font-size: 12px;
}
.logoutBtn:hover {
  background: #949494;
}
.qrShow i img {
  width: 80%;
}
.chatAdvisorBox {
  width: 200px;
  height: 450px;
  position: fixed;
  bottom: -410px;
  right: 50px;
  background: white;
  border: 1px solid #e7e7e7;
}
.chatAdvisorBox h4 {
  height: 40px;
  line-height: 40px;
  background: #f8f8f8;
  color: #333333;
  text-align: center;
  font-size: 15px;
  cursor: pointer;
}
.chatAdvisorBox > div {
  height: 410px;
  overflow-y: scroll;
}
.chatAdvisorBox .adList li {
  padding: 10px;
  border-bottom: 1px solid #e7e7e7;
  cursor: pointer;
}
.chatAdvisorBox .adList li h5 {
  position: relative;
  margin-bottom: 5px;
}
.chatAdvisorBox .adList li h5 b {
  display: block;
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chatAdvisorBox .adList li h5 em {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #f05050;
  line-height: 18px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  color: white;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  float: left;
  margin-left: 3px;
}
.chatAdvisorBox .adList li p {
  font-size: 11px;
  line-height: 16px;
  height: 32px;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
}
.closeChatBox,
.removeAd {
  position: absolute;
  right: 5px;
  top: 10px;
  background: url(../images/icon/icon.png) no-repeat;
  background-position: 0 -40px;
  width: 16px;
  height: 16px;
}
.removeAd {
  top: 0;
  right: 0;
}
div.chatBox {
  position: fixed;
  right: 251px;
  bottom: -500px;
  background: white;
  width: 500px;
  border: 1px solid #e7e7e7;
  height: 452px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.chatBox > label {
  line-height: 40px;
  height: 40px;
  text-indent: 10px;
  background: #f8f8f8;
  color: #333333;
}
.chatContent .toolLine {
  height: 40px;
  line-height: 40px;
  background: #f9f9f9;
}
.chatContent .toolLine #chooseFileBtn {
  font-size: 12px;
  color: #333333;
  padding: 0 5px;
}
.chatContent section {
  width: 100%;
  height: 400px;
  display: inline-block;
  float: left;
}
.chatContent section > div.top {
  height: 300px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
  border-bottom: 1px solid #e7e7e7;
}
.chatContent section > div.bottom {
  height: 100px;
}
.chatContent section > div.bottom .inputBox textarea {
  border: 0 none;
  width: 100%;
  height: 50px;
}
.chatContent section .self,
.chatContent section .otherP {
  margin-bottom: 10px;
}
.chatContent section .otherP label {
  font-size: 12px;
  color: #999999;
  text-align: right;
  line-height: 26px;
}
.chatContent section .otherP i img {
  width: 100%;
}
.chatContent section .otherP p {
  padding: 10px;
  background: #5697ff;
  color: white;
  font-size: 12px;
  line-height: 18px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  overflow: hidden;
  display: inline-block;
  float: right;
  max-width: 100%;
}
.chatContent section .otherP p a {
  display: inline-block;
  color: #333333;
  text-decoration: underline !important;
}
.chatContent section .self label {
  font-size: 12px;
  color: #999999;
  line-height: 26px;
}
.chatContent section .self i img {
  width: 100%;
}
.chatContent section .self p {
  padding: 10px;
  background: #f5f5f5;
  color: #333333;
  font-size: 12px;
  line-height: 18px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: inline-block;
  max-width: 100%;
}
.mortgageBox {
  border: 1px solid #e7e7e7;
  background: #fbfbfb;
  margin-bottom: 10px;
}
.mortgageBox table {
  margin-bottom: 0;
}
.mortgageBox table thead th {
  background: #f5f5f5;
  padding: 12px 8px;
  color: #444444;
}
.mortgageBox table tbody {
  font-size: 12px;
  color: #999999;
}
.gSwitch {
  margin-bottom: 20px;
}
.gSwitch a {
  line-height: 40px;
  height: 40px;
  font-size: 16px;
  padding: 0 30px;
  color: #333333;
  float: left;
  display: inline-block;
}
.gSwitch a.active {
  background: #508cee;
  color: white;
}
.gSwitch a:hover {
  background: #5697ff;
  color: white;
}
.calContent input,
.calContent select {
  width: 90%;
  background: white;
}
.calContent .row-fluid div {
  position: relative;
  margin-bottom: 10px;
}
.calContent .row-fluid div:nth-child(4n+1) {
  margin-left: 0;
}
.calContent .row-fluid em {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 12px;
  color: #888888;
}
.repayTable {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}
.repayTable thead th {
  background: #f5f5f5;
}
.repayTable thead th h4 {
  font-size: 16px;
  color: #333333;
}
.repayTable tbody td,
.repayTable tbody label {
  font-size: 12px;
  color: #999999;
}
#mortgageResult p {
  color: #d3d3d3;
  font-size: 12px;
}
.rgReminder {
  position: absolute;
  width: 100%;
  padding: 5px;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  font-size: 10px;
  line-height: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.rgReminder b {
  color: orange;
}
.ctBtn {
  line-height: 40px;
  height: 40px;
  padding: 0 30px;
  background: white;
  color: #f05050;
  border: 1px solid #f5f5f5;
  display: inline-block;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.ctBtn:hover {
  color: #fa5050;
  border-color: #fa5050;
}
.sampleList li {
  margin-bottom: 15px;
  border-bottom: 1px dashed #cdcdcd;
}
.sampleList li div label.text-red {
  font-size: 16px;
  font-weight: 600;
}
.sampleList li div label.text-gray {
  color: #888888;
}
.sampleList li div p {
  color: #666666;
}
.baseTable thead th {
  background: #f8f8f8;
  color: #333333;
  line-height: 32px;
  height: 32px;
  text-align: center;
}
.baseTable tbody tr td {
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.baseTable tbody tr td * {
  text-align: center;
}
.baseTable tbody tr td label {
  font-size: 13px;
  color: #666666;
  display: block;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.baseTable tbody tr td h4 {
  line-height: 30px;
  height: 30px;
  color: #666666;
  text-align: center;
}
.loanPrice {
  background: url("../images/icon/bg_anli.png") no-repeat;
  text-indent: 10px;
  width: 77px;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  color: white;
}
.fbBasic > h4.title {
  line-height: 40px;
  height: 40px;
  text-indent: 10px;
  background: #fbfbfb;
  color: #333333;
  font-size: 16px;
  border-bottom: 1px solid #e7e7e7;
}
.cardBagBox,
.cardRecordBox {
  display: inline-block;
  padding: 40px 55px 20px 55px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin: 15px auto;
}
.cardBagBox label,
.cardRecordBox label {
  display: block;
  line-height: 20px;
  color: white;
  text-align: center;
}
.cardBagBox:hover img,
.cardRecordBox:hover img {
  position: relative;
  animation: mymove 0.5s;
  -moz-animation: mymove 0.5s;
  /* Firefox */
  -webkit-animation: mymove 0.5s;
  /* Safari and Chrome */
  -o-animation: mymove 0.5s;
  /* Opera */
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  /* Safari 和 Chrome */
  -moz-animation-iteration-count: 1;
  /*Firefox */
  -o-animation-iteration-count: 1;
  /* Opera */
}
.remainingBox {
  display: inline-block;
  width: 244px;
  height: 180px;
  background: #f05050;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin: 15px auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.remainingBox h4 {
  font-size: 18px;
}
.remainingBox label {
  font-size: 12px;
}
.remainingBox label b {
  font-size: 14px;
}
.remainingBox h4,
.remainingBox label {
  text-align: left;
  color: #ffffff;
  line-height: 26px;
  display: block;
}
.remainingBox h4 small,
.remainingBox label small {
  color: #ffffff;
  font-size: 12px;
}
.remainingBox a {
  margin-top: 15px;
  display: inline-block;
  padding: 0 25px;
  line-height: 30px;
  height: 30px;
  color: white;
  border: 1px solid #ffffff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.remainingBox a:hover {
  background: #ffffff;
  color: #f05050;
}
.cardBagBox {
  background: #5199ff;
}
.cardRecordBox {
  background: #8e65ff;
}
@keyframes mymove {
  from {
    left: -20px;
  }
  to {
    left: 20px;
  }
}
@-moz-keyframes mymove {
  /* Firefox */
  from {
    left: -20px;
  }
  to {
    left: 20px;
  }
}
@-webkit-keyframes mymove {
  /* Safari 和 Chrome */
  from {
    left: -20px;
  }
  to {
    left: 20px;
  }
}
@-o-keyframes mymove {
  /* Opera */
  from {
    left: -20px;
  }
  to {
    left: 20px;
  }
}
.creditCardBindList {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  background: white;
  width: 272px;
  border: 1px solid #e7e7e7;
  z-index: 1000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.creditCardBindList a {
  display: block;
  width: 100%;
  line-height: 30px;
  height: 30px;
  color: #333333;
  text-indent: 10px;
  transition: all, 0.4s, ease-in-out;
  -webkit-transition: all, 0.4s, ease-in-out;
  -moz-transition: all, 0.4s, ease-in-out;
  -ms-transition: all, 0.4s, ease-in-out;
  -o-transition: all, 0.4s, ease-in-out;
}
.creditCardBindList a:hover {
  background: #508cee;
  color: white;
  text-indent: 15px;
}
.bindedCard .span4 {
  margin-bottom: 10px;
}
.bindedCard .span4:nth-child(3n+1) {
  margin-left: 0;
}
.cardItem {
  background: rgba(0, 0, 0, 0.8);
  padding: 20px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  height: 160px;
  position: relative;
  width: 298px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
}
.cardItem:hover {
  transition: all, 1s, ease-in-out;
  -webkit-transition: all, 1s, ease-in-out;
  -moz-transition: all, 1s, ease-in-out;
  -ms-transition: all, 1s, ease-in-out;
  -o-transition: all, 1s, ease-in-out;
  top: -2px;
}
.cardItem section *,
.cardItem label {
  color: #ffffff;
  font-size: 12px;
}
.cardItem h5 {
  margin-bottom: 2px;
}
.cardItem p {
  line-height: 30px;
  background: #e7e7e7;
  display: block;
  position: absolute;
  bottom: 30px;
  width: 296px;
  left: 1px;
  text-indent: 10px;
  font-size: 12px;
  color: #333333;
}
.cardItem p a {
  float: right;
  color: #f05050;
  display: inline-block;
  margin-right: 20px;
}
.cardItem p a:hover {
  color: #fa5050;
}
.bindCardForm {
  margin-bottom: 30px;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 20px;
}
.innerBox {
  padding-top: 30px;
}
.cardIntro {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.cardIntro h4 {
  margin-bottom: 20px;
}
.cardIntro div.row-fluid {
  margin-bottom: 15px;
}
.cardIntro div.row-fluid > label {
  display: inline-block;
  float: left;
  width: 15%;
  color: #7b7b7b;
  line-height: 26px;
}
.cardIntro div.row-fluid > div {
  display: inline-block;
  float: left;
  width: 85%;
}
.cardIntro div.row-fluid > div p {
  color: #444444;
  line-height: 26px;
}
.cardBasicIntro > h4 {
  padding-bottom: 10px;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 40px;
  color: #508cee;
  position: relative;
}
.cardBasicIntro ul {
  border-bottom: 1px dashed #e5e5e5;
  margin-bottom: 10px;
}
.cardBasicIntro ul li {
  line-height: 30px;
  color: #666666;
  font-size: 13px;
}
.cardBasicIntro section > label {
  line-height: 24px;
  color: #888888;
  font-size: 13px;
  margin-bottom: 5px;
}
.hotCartList {
  background: white;
}
.hotCartList li {
  border-bottom: 1px dashed #e5e5e5;
  position: relative;
}
.hotCartList li b {
  line-height: 20px;
  padding: 0 10px;
  color: white;
  background: #508cee;
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 12px;
}
.hotCartList li a {
  padding: 15px 0 10px;
  display: block;
  text-align: center;
}
.hotCartList li a:hover {
  transition: all, 1s, linear;
  -webkit-transition: all, 1s, linear;
  -moz-transition: all, 1s, linear;
  -ms-transition: all, 1s, linear;
  -o-transition: all, 1s, linear;
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
}
.hotCartList li a:hover label {
  color: #5697ff;
}
.hotCartList li a i {
  display: inline-block;
  margin: 0 auto 8px;
  width: 70%;
}
.hotCartList li a label {
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.creditCardList {
  background: white;
}
.creditCardList ul li {
  border-bottom: 1px dashed #e5e5e5;
}
.creditCardList ul li a.cdItem {
  padding: 25px 15px 20px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.creditCardList ul li a.cdItem:hover h4 {
  color: #5697ff;
}
.creditCardList ul li a.cdItem h4 {
  color: #666666;
  margin-bottom: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.creditCardList ul li a.cdItem .standard .row-fluid [class*="span"] {
  min-height: 30px;
}
.creditCardList ul li a.cdItem .standard label {
  color: #999999;
}
.creditCardList ul li a.cdItem .standard em {
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.creditCardList ul li .applyInfo label {
  width: 80px;
  margin: 30px auto 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.creditCardList ul li .applyInfo p {
  color: #333333;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  display: block;
}
.creditCardList ul li .applyInfo p b {
  color: orange;
  font-size: 15px;
  font-weight: 300;
}
.oneKeyLoanApplyBox {
  position: absolute;
  width: 300px;
  right: 0;
  top: 40px;
  height: 400px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999999;
  padding: 20px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.oneKeyLoanApplyBox div {
  margin-bottom: 15px;
  background: white;
  line-height: 40px;
  height: 40px;
  position: relative;
}
.oneKeyLoanApplyBox div label {
  line-height: 40px;
  height: 40px;
  color: #888888;
  position: absolute;
  left: 5px;
  top: 0;
}
.oneKeyLoanApplyBox div input {
  width: 100%;
  border: 0 none;
  height: 40px;
  line-height: 40px;
}
.oneKeyLoanApplyBox div .picCode {
  background: white;
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  width: 100px;
}
.switchLabel {
  display: inline-block;
  line-height: 40px;
  width: 80px;
  font-weight: 300;
  margin-right: 10px;
  text-align: center;
  float: left;
}
.switchBtn {
  display: inline-block;
  width: 120px;
  line-height: 24px;
  height: 24px;
  background: #508cee;
  margin: 8px 0;
  float: left;
  position: relative;
  cursor: pointer;
}
.switchBtn em {
  display: inline-block;
  line-height: 24px;
  background: #e5e5e5;
  color: #999999;
  font-size: 12px;
  width: 60px;
  text-align: center;
  float: left;
}
.switchBtn em.active {
  background: #508cee;
  color: white;
}
.oneKeyApplyBtn {
  background: orange;
  color: white;
  text-align: center;
  height: 40px;
  line-height: 40px;
  display: block;
  width: 100%;
}
.oneKeyApplyBtn:hover {
  transition: all, 1s, linear;
  -webkit-transition: all, 1s, linear;
  -moz-transition: all, 1s, linear;
  -ms-transition: all, 1s, linear;
  -o-transition: all, 1s, linear;
  background: orangered;
}
.cardQRCode {
  width: 290px;
  height: 312px;
  position: absolute;
  top: 45px;
  right: 0;
  background: url(../images/newVersion/card_code_bg_red.png) no-repeat;
  text-align: center;
}
.cardQRCode img {
  width: 200px;
  margin: 50px auto 10px;
}
.cardQRCode label {
  line-height: 30px;
  font-size: 14px;
  color: #333333;
  text-align: center;
  color: #f05050;
}
.hotCdCard section h4 {
  display: inline-block;
  margin: 20px auto 40px;
  border-bottom: 2px solid #508cee;
  line-height: 40px;
  height: 40px;
}
.hotCardItem {
  width: 18%;
  float: left;
  margin-right: 2%;
  margin-bottom: 40px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.hotCardItem > b {
  background: url(../images/newVersion/icon/index_card_hot.png);
  width: 38px;
  height: 38px;
  position: absolute;
  right: -19px;
  top: -19px;
  display: inline-block;
}
.hotCardItem i {
  display: block;
}
.hotCardItem i img {
  width: 100%;
}
.hotCardItem label {
  font-size: 15px;
  line-height: 30px;
  color: #333333;
  display: block;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hotCardItem p {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999999;
  text-align: center;
}
.hotCardItem:hover label {
  color: #f05050;
}
.hotCardItem:hover b {
  transition: all, 0.6s, linear;
  -webkit-transition: all, 0.6s, linear;
  -moz-transition: all, 0.6s, linear;
  -ms-transition: all, 0.6s, linear;
  -o-transition: all, 0.6s, linear;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.cardSP li {
  background: url(../images/newVersion/icon/card_icon_baoxian.png) no-repeat left;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  text-indent: 25px;
}
.withdrawSuccessBox {
  margin-top: 50px;
}
.xxBanner {
  width: 100%;
  height: 405px;
  background: url(../images/xingxue/xingxue_banner.png) no-repeat center;
}
.xxIntroBg {
  height: 388px;
  width: 100%;
  background: #51a2fe;
}
.xxIntro h3 {
  padding: 30px 0 0;
  margin-bottom: 10px;
  color: white;
  text-align: center;
}
.xxIntro p {
  color: white;
  text-align: center;
  margin-bottom: 20px;
}
.xxIntro div section {
  background: #178cfe;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 22px;
  height: 220px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  text-indent: 2em;
  color: white;
  font-size: 12px;
}
.xxSp h3 {
  line-height: 40px;
  text-align: center;
  margin-bottom: 10px;
  height: 40px;
  padding-top: 30px;
  color: orangered;
  font-size: 20px;
}
.xxSp p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 15px;
  text-align: center;
  color: #333333;
}
.xxspL {
  padding: 40px 0;
}
.xxspL h3 {
  text-align: left;
}
.xxspL label {
  line-height: 20px;
  margin-bottom: 10px;
}
.xxSuccess {
  padding: 40px 0;
}
.xxSuccess h3 {
  font-size: 24px;
  text-align: center;
  color: orangered;
  margin-bottom: 20px;
}
.xxSuccess img {
  width: 100%;
}
.applySuccess {
  padding: 60px 0 30px;
  font-size: 20px;
}
.applySuccess img {
  margin-right: 10px;
}
.applySuccessInfo label {
  line-height: 24px;
}
.xxApplyBtn {
  background: url(../images/xingxue/xingxue_button_apply.png) no-repeat;
  width: 122px;
  height: 66px;
  position: fixed;
  bottom: 40px;
  right: 40px;
  transition: all, 0.6s, linear;
  -webkit-transition: all, 0.6s, linear;
  -moz-transition: all, 0.6s, linear;
  -ms-transition: all, 0.6s, linear;
  -o-transition: all, 0.6s, linear;
}
.xxApplyBtn:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.dpBanner {
  background: url(../images/xingxue/banner-dp.png) no-repeat center;
  width: 100%;
  height: 184px;
  margin-bottom: 20px;
}
.dpIntro h3 {
  margin-bottom: 30px;
}
.dpIntro p {
  margin-bottom: 10px;
  text-indent: 2em;
  line-height: 24px;
  color: #666666;
}
.dpIntro section {
  margin-bottom: 30px;
}
.serviceList {
  margin-bottom: 80px;
}
.serviceList a {
  text-align: center;
  border: 1px solid transparent;
  padding: 15px 0;
}
.serviceList a img {
  width: 60%;
  margin-bottom: 5px;
}
.serviceList a h4 {
  font-size: 16px;
  color: #333333;
  line-height: 20px;
  padding: 10px 0 5px;
}
.serviceList a label {
  font-size: 12px;
  color: #888888;
}
.serviceList a:hover {
  transition: all, 0.6s, linear;
  -webkit-transition: all, 0.6s, linear;
  -moz-transition: all, 0.6s, linear;
  -ms-transition: all, 0.6s, linear;
  -o-transition: all, 0.6s, linear;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  border: 1px solid #e7e7e7;
  box-shadow: 0 0 10px #666666;
  -webkit-box-shadow: 0 0 10px #666666;
  -moz-box-shadow: 0 0 10px #666666;
  -ms-box-shadow: 0 0 10px #666666;
  -o-box-shadow: 0 0 10px #666666;
}
.serviceList a:hover h4 {
  color: #508cee;
}
#dpLoan section {
  margin-bottom: 20px;
}
#dpLoan section label {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-indent: 15px;
  color: #666666;
}
.spLoanList a {
  display: inline-block;
  float: left;
  padding: 10px 0;
  width: 120px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #008be8;
  color: white;
  margin: 0 10px 10px 0;
}
.spLoanList a:hover {
  background: orange;
  transition: a, 0.4s, linear;
  -webkit-transition: a, 0.4s, linear;
  -moz-transition: a, 0.4s, linear;
  -ms-transition: a, 0.4s, linear;
  -o-transition: a, 0.4s, linear;
}
.spLoanList a h5 {
  font-size: 16px;
  text-align: center;
  line-height: 20px;
  height: 20px;
  margin-bottom: 5px;
}
.spLoanList a em {
  display: block;
  text-align: center;
  font-size: 13px;
}
.btn-base {
  color: #508cee;
}
.btn-base:hover {
  color: orangered;
}
.applyReminder {
  margin: 10px 0;
}
.applyReminder label {
  line-height: 26px;
  font-size: 13px;
}
.applyReminder .well section {
  margin-bottom: 10px;
}
.applyReminder .well h4 {
  color: orangered;
  margin-bottom: 10px;
}
.applyReminder .well h5 {
  color: #333333;
  margin-bottom: 5px;
}
.applyReminder .well label {
  color: #888888;
}
.licenceLoanDis label {
  line-height: 24px;
  color: #888888;
}
.carService {
  padding: 0 !important;
}
.carService img {
  width: 100%;
  height: 100%;
}
.highCreditCardBox section {
  margin-bottom: 10px;
}
.highCreditCardBox h4 {
  color: orangered;
  margin-bottom: 10px;
}
.highCreditCardBox h5 {
  color: #333333;
  margin-bottom: 5px;
}
.highCreditCardBox label {
  color: #888888;
  line-height: 24px;
}
.teDetail div.row-fluid p {
  color: #666666;
  padding-top: 2px;
}
.noValidate {
  padding: 100px 0;
}
.noValidate h4 {
  height: 30px;
  color: #555555;
}
.serviceFile {
  font-size: 13px;
  padding: 5px 0  0;
}
.serviceFile a {
  color: #f05050;
}