@charset "UTF-8";
body, html {
  height: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  min-width: 1180px;
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre,
form, fieldset, legend, button, input, textarea,
th, td {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

address, cite, dfn, em, var, i {
  font-style: normal;
}

/* 将斜体扶正 */
code, kbd, pre, samp {
  font-family: courier new, courier, monospace;
}

/* 统一等宽字体 */
small {
  font-size: 12px;
}

/* 小于 12px 的中文很难阅读, 让 small 正常化 */
/** 重置列表元素 **/
ul, ol {
  list-style: none;
}

/** 重置文本格式元素 **/
a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

sup {
  vertical-align: text-top;
}

/* 重置, 减少对行高的影响 */
sub {
  vertical-align: text-bottom;
}

/** 重置表单元素 **/
legend {
  color: #000;
}

/* for ie6 */
fieldset, img {
  border: 0;
}

/* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
  font-size: 100%;
  outline: none;
  cursor: pointer;
}

/* 使得表单元素在 ie 下能继承字体大小 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
  display: block;
  margin: 0;
  padding: 0;
}

mark {
  background: #ff0;
}

/* 清楚浮动 */
.clearfix:after {
  display: block;
  content: '';
  clear: both;
  font-size: 0;
}

.com-btn-hover:hover {
  background: #fc9071 !important;
}

.com-link-hover:hover {
  background: #fdeeee !important;
}

/* 弹窗公共动画--开始*/
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.7);
         transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
         transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.7);
       transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1);
       transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7);
       -moz-transform: scale(0.7);
         -o-transform: scale(0.7);
            transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.3s;
     -moz-animation-duration: 0.3s;
       -o-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: bounceIn;
     -moz-animation-name: bounceIn;
       -o-animation-name: bounceIn;
          animation-name: bounceIn;
}

/* 弹窗公共动画--结束*/
/* 公共半透明遮罩--开始 */
.com-masker {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

@media \0screen {
  .com-masker {
    background-color: #000;
    filter: Alpha(opacity=50);
  }
}

/* 公共半透明遮罩--结束 */
.com-form {
  text-align: center;
}

.com-form div {
  display: inline-block;
  border: 1px solid #c2c2c2;
  width: 286px;
  height: 41px;
  text-align: left;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  white-space: nowrap;
  font-size: 0;
}

.com-form p.error {
  height: 20px;
  width: 286px;
  margin: 0 auto;
  text-align: left;
  font-size: 12px;
  color: #db0000;
}

.com-form i.con,
.com-form input,
.com-form img.valid,
.com-form button.getcode {
  vertical-align: middle;
}

.com-form i.con {
  margin: 0 0 0 13px;
  font-size: 20px;
  color: #c5c5c5;
}

.com-form input {
  height: 100%;
  line-height: 100%;
  border: none;
  outline: none;
  text-indent: 8px;
  line-height: 41px;
  font-size: 12px;
  color: #bcbcbc;
}

.com-form input.phone {
  width: 250px;
}

.com-form input.img-code {
  width: 170px;
}

.com-form input.code {
  width: 163px;
}

.com-form input.focus {
  font-size: 12px !important;
  color: #3f3f3f !important;
}

.com-form img.valid {
  width: 83px;
  height: 31px;
  cursor: pointer;
}

.com-form button.getcode {
  width: 81px;
  height: 25px;
  font-size: 12px;
  background-color: #ececec;
  border: none;
  cursor: pointer;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  color: #3d3d3d;
}

.login-container {
  display: none;
}

.login-container .box {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -182px;
  margin-top: -215px;
  width: 395px;
  padding-bottom: 34px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background-color: #fff;
  text-align: center;
  z-index: 10000;
}

.login-container .box i.close {
  position: absolute;
  right: 6px;
  top: 6px;
  font-size: 28px;
  color: #d0d0d0;
  cursor: pointer;
}

.login-container .box dl {
  padding-top: 23px;
  margin-bottom: 23px;
}

.login-container .box dd.title {
  font-size: 18px;
  color: #3f3f3f;
}

.login-container .box p.login-error {
  width: 286px;
  height: 20px;
  margin: 0 auto;
  text-align: left;
  font-size: 12px;
  color: #db0000;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.login-container .box button.regist {
  width: 286px;
  height: 43px;
  margin-top: 10px;
  background-color: #f04f00;
  border: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}

.login-container .box button.disabled {
  background-color: #ff6b23 !important;
}

.login-container .box p.warm {
  margin-top: 19px;
  font-size: 13px;
}

.login-container .box p.warm input {
  height: 15px;
  width: 15px;
  vertical-align: middle;
}

.login-container .box p.warm i, .login-container .box p.warm a {
  vertical-align: middle;
}

.login-container .box p.warm a {
  color: #1e90ff;
}

.login-container .box div.warm {
  margin-top: 7px;
  font-size: 12px;
}

.header-common {
  width: 1180px;
  margin: 0 auto;
  height: 100px;
  position: relative;
}

.header-common .logo {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -26px;
  width: 205px;
  height: 46px;
}

.header-common .logo a {
  display: block;
}

.header-common .area {
  position: absolute;
  left: 226px;
  top: 50%;
  margin-top: -15px;
  color: #b8b8b8;
  font-size: 12px;
  text-align: center;
}

.header-common .area strong {
  font-size: 16px;
  color: #000;
  font-weight: normal;
}

.header-common .area span {
  color: #bdbdbd;
}

.header-common .select-area {
  position: absolute;
  z-index: 100;
  top: 50px;
  left: -30px;
}

.header-common .search-snav-list {
  position: absolute;
  top: 50%;
  left: 345px;
  margin-top: -7px;
  color: #000;
  width: 500px;
}

.header-common .search-snav-list li {
  float: left;
  margin: 0 46px 0 0;
}

.header-common .search-snav-list a {
  font-size: 14px;
  color: #000;
}

.header-common .search-snav-list a:hover {
  border-bottom: 4px solid #fe9b00;
  padding-bottom: 6px;
  color: #fe9b00;
}

.header-common .search-snav-list .a_active {
  border-bottom: 4px solid #fe9b00;
  color: #000;
}

.header-common .input-toggle {
  border-color: red !important;
}

.header-common .head-main-form {
  position: absolute;
  right: 135px;
  top: 50%;
  margin-top: -16px;
  width: 253px;
  height: 38px;
  font-size: 0;
  border: 1px solid #c7c7c7;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
  overflow: hidden;
}

.header-common .head-main-form input {
  width: 205px;
  height: 38px;
  line-height: 38px;
  text-indent: 20px;
  font-size: 12px;
  color: #b8b8b8;
  border: none;
}

.header-common .head-main-form a {
  position: absolute;
  top: 50%;
  right: 19px;
  margin-top: -10px;
  font-size: 20px;
  color: #000;
}

.header-common .head-main-form-focus {
  border-color: #fe9b00;
}

.header-common .status-login {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}

.header-common .login-status {
  font-size: 12px;
  cursor: pointer;
  display: none;
}

.header-common .login-status i {
  color: #fe9b00;
}

.header-common .login-status p {
  position: absolute;
  top: 32px;
  width: 97px;
  padding: 20px 0 0 0;
  font-size: 12px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #cbcbcb;
  -webkit-box-shadow: 0px 1px 7px 0px #cbcbcb;
     -moz-box-shadow: 0px 1px 7px 0px #cbcbcb;
          box-shadow: 0px 1px 7px 0px #cbcbcb;
  display: none;
  z-index: 99;
}

.header-common .login-status span.tra-out {
  position: absolute;
  top: -9px;
  left: 18px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #cbcbcb;
}

.header-common .login-status span.tra-inner {
  position: absolute;
  top: -8px;
  left: 18px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 9px solid #fff;
}

.header-common .login-status span.fill-cir {
  position: absolute;
  left: 0;
  top: -19px;
  z-index: 1000;
  height: 18px;
  width: 100%;
  background-color: transparent;
}

.header-common .login-status a {
  display: block;
  margin-bottom: 22px;
  color: #000;
}

.header-common .login-status a.active {
  color: #fe9b00;
}

.header-common .login-status a:hover {
  color: #fe9b00;
}

.header-common .login-status:hover p {
  display: block;
}

.header-common .login-opt {
  font-size: 14px;
  cursor: pointer;
  display: none;
}

/* 弹窗公共动画--开始*/
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7);
       -moz-transform: scale(0.7);
         -o-transform: scale(0.7);
            transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.3s;
     -moz-animation-duration: 0.3s;
       -o-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: bounceIn;
     -moz-animation-name: bounceIn;
       -o-animation-name: bounceIn;
          animation-name: bounceIn;
}

/* 弹窗公共动画--结束*/
/* 公共半透明遮罩--开始 */
.com-masker {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

@media \0screen {
  .com-masker {
    background-color: #000;
    filter: Alpha(opacity=50);
  }
}

/* 公共半透明遮罩--结束 */
.myenlist-left-nav {
  float: left;
  width: 181px;
  border: 1px solid #dfe0e1;
  -webkit-box-shadow: 0px 0px 5px 1px #dfe0e1;
     -moz-box-shadow: 0px 0px 5px 1px #dfe0e1;
          box-shadow: 0px 0px 5px 1px #dfe0e1;
  background-color: #fff;
  line-height: 180%;
}

.myenlist-left-nav .tou {
  width: 143px;
  margin: 0px auto;
  padding: 20px 0 0px 0;
  text-align: center;
  border-bottom: 1px solid #f5f5f5;
  color: #959595;
}

.myenlist-left-nav .tou img {
  margin: 0 auto;
  display: block;
  border: 1px solid #FF0000;
  width: 86px;
  height: 86px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  border: 5px;
  -webkit-box-shadow: 2px 2px 5px #ccc;
     -moz-box-shadow: 2px 2px 5px #ccc;
          box-shadow: 2px 2px 5px #ccc;
  margin-bottom: 10px;
}

.myenlist-left-nav .tou .pho {
  display: inline-block;
  height: 15px;
  font-size: 14px;
  color: #000;
}

.myenlist-left-nav .tou button {
  display: none;
  width: 123px;
  margin: 10px auto 15px;
  height: 25px;
  line-height: 25px;
  background: #fe9b00;
  border: 0;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
          border-radius: 30px;
  position: relative;
}

.myenlist-left-nav .tou button span {
  position: absolute;
  right: -3px;
  top: -5px;
  width: 15px;
  height: 15px;
  line-height: 16px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background: #f04f00;
  color: #fff;
  font-size: 10px;
}

.myenlist-left-nav .tou a {
  display: block;
  font-size: 12px;
  color: #959595;
}

.myenlist-left-nav ul {
  padding: 25px 17px 25px 17px;
}

.myenlist-left-nav li {
  height: 35px;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
  font-size: 13px;
  color: #6a6a69;
}

.myenlist-left-nav li.active a {
  color: #fe9b00;
}

.myenlist-left-nav li#activity206180 {
  display: block;
}

.myenlist-left-nav li#li#activity206181, .myenlist-left-nav li#activity206182 {
  display: none;
}

.myenlist-left-nav li.quite {
  margin: 20px 0 0 0;
}

.myenlist-left-nav li.quite a {
  color: #ccc;
}

.myenlist-left-nav a {
  color: #6a6a69;
}

.page-opt .page-index {
  float: left;
  font-size: 12px;
  line-height: 18px;
  padding: 0 0 23px 31px;
  color: #aaa;
}

.page-opt .option {
  float: right;
  font-size: 12px;
  color: #2d2e49;
}

.page-opt .option a {
  margin-right: 12px;
}

.page-opt .option a.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.4;
}

.page-opt .option input {
  margin-right: 12px;
}

.page-opt .option button {
  width: 41px;
  height: 19px;
  margin-right: 29px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid #bdbdbd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #ececec 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #ececec 100%);
  background-image: linear-gradient(180deg, #ffffff 0%, #ececec 100%);
}

.page-opt .option a,
.page-opt .option input,
.page-opt .option button {
  vertical-align: middle;
}

.page-opt .page {
  width: 41px;
  height: 19px;
  border: 1px solid #bdbdbd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  text-indent: 7px;
}

.revise-result {
  display: none;
}

.revise-result .container {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10000;
  width: 358px;
  height: 203px;
  margin-left: -179px;
  margin-top: -102px;
  text-align: center;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background-color: #fff;
}

.revise-result .prot {
  margin: 33px 0  19px 0;
  font-size: 18px;
  color: #3d3d3d;
}

.revise-result .infor {
  height: 65px;
  font-size: 14px;
  color: #3d3d3d;
}

.revise-result .opt button.com, .revise-result .opt button.sure {
  background-color: #f04f00;
  font-size: 14px;
  color: #fff;
  border: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.revise-result .opt .ensure {
  width: 216px;
  height: 43px;
}

.revise-result .opt .confir, .revise-result .opt .find {
  width: 136px;
  height: 43px;
  vertical-align: middle;
}

.revise-result .opt .find {
  line-height: 43px;
  display: inline-block;
  margin-left: 25px;
  border: 1px solid #f15b11;
  font-size: 14px;
  color: #f04f00;
  background-color: transparent;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  cursor: pointer;
  text-align: center;
}

.revise-result .opt .pre-regist {
  display: inline-block;
  width: 216px;
  height: 43px;
  line-height: 43px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background-color: #f04f00;
  font-size: 14px;
  color: #fff;
}

.success-close {
  position: fixed;
  z-index: 10000;
  top: 50%;
  left: 50%;
  display: none;
  padding: 18px;
  text-align: center;
  color: #2a2a2a;
  font-size: 16px;
  background: #ecffe6;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  max-width: 900px;
  border: 3px solid #fff;
  height: 30px;
  margin-top: -15px;
  white-space: nowrap;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(47, 47, 47, 0.19);
     -moz-box-shadow: 0px 0px 13px 0px rgba(47, 47, 47, 0.19);
          box-shadow: 0px 0px 13px 0px rgba(47, 47, 47, 0.19);
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.success-close .iconfont {
  font-size: 30px;
  position: relative;
  color: #05b712;
  left: 0px;
  top: 5px;
  padding-right: 10px;
}

.error-close {
  position: fixed;
  z-index: 10000;
  bottom: 8%;
  left: 50%;
  display: none;
  padding: 18px;
  text-align: center;
  color: #000;
  font-size: 16px;
  background: #fff6e6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  max-width: 900px;
  border: 3px solid #fff;
  height: 30px;
  white-space: nowrap;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(47, 47, 47, 0.19);
     -moz-box-shadow: 0px 0px 13px 0px rgba(47, 47, 47, 0.19);
          box-shadow: 0px 0px 13px 0px rgba(47, 47, 47, 0.19);
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.error-close .iconfont {
  font-size: 30px;
  position: relative;
  color: #fe9b00;
  left: 0px;
  padding-right: 10px;
}

.error-close .infor {
  font-size: 17px;
  position: relative;
  color: #fe9b00;
  left: 0px;
  top: -5px;
  padding-right: 10px;
}

.chat-box {
  display: block;
}

.online-container {
  position: fixed;
  z-index: 9999;
  width: 510px;
  height: 300px;
  left: 50%;
  top: 50%;
  margin-top: -150px;
  margin-left: -255px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background: #fff;
  border-top: 8px solid #ff8019;
  text-align: center;
}

.online-container img {
  height: 106px;
  width: 106px;
  padding: 34px 0 24px 0;
}

.online-container p {
  text-align: center;
  color: #000;
  font-size: 18px;
}

.online-container .btn {
  width: 362px;
  margin: 0 auto;
}

.online-container .btn a {
  width: 155px;
  height: 46px;
  line-height: 46px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background: #fff;
  display: inline-block;
  font-size: 18px;
  color: #ff8019;
  font-weight: bold;
  margin-right: 40px;
  margin-top: 30px;
  border-radius: 5px;
  border: 2px solid #ff8019;
}

.online-container .btn a:hover {
  background: #ff8019;
  color: #fff;
}

.consuting-container {
  border: 1px solid LightGrey;
  position: fixed;
  z-index: 9999;
  width: 400px;
  height: 480px;
  right: 0px;
  bottom: 0;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background: #fff;
  text-align: center;
}

.consuting-container .first {
  background: -webkit-linear-gradient(1deg, rgba(61, 83, 246, 0.97), rgba(89, 188, 249, 0.97));
  background: -moz-linear-gradient(1deg, rgba(61, 83, 246, 0.97), rgba(89, 188, 249, 0.97));
  background: -o-linear-gradient(1deg, rgba(61, 83, 246, 0.97), rgba(89, 188, 249, 0.97));
  background: linear-gradient(89deg, rgba(61, 83, 246, 0.97), rgba(89, 188, 249, 0.97));
  height: 42px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.consuting-container .first .first-img {
  width: 5%;
}

.consuting-container .first .first-title {
  margin-left: 3%;
  width: 89%;
}

.consuting-container .first .first-title .titleChild {
  float: left;
  color: #FFFFFF;
  font-size: 15px;
  font-family: Source Han Sans CN;
  font-weight: 500;
}

.consuting-container .second {
  height: 100px;
}

.consuting-container .second .second-img {
  float: left;
  width: 30%;
  margin: 15px 0px;
}

.consuting-container .second .second-img img {
  float: left;
  height: 71px;
  width: 71px;
}

.consuting-container .second .second-title {
  float: left;
  width: 70%;
  margin: 15px 0px;
  height: 71px;
}

.consuting-container .second .second-title .div-second {
  height: 71px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.consuting-container .second .second-title .div-second .firstChild {
  color: #426AF4;
  font-size: 18px;
  line-height: 25px;
}

.consuting-container .second .second-title .div-second .nthChild {
  color: #000000;
  font-size: 15px;
}

.consuting-container .third {
  height: 200px;
}

.consuting-container .third .third-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.consuting-container .third .third-row .third-items {
  float: left;
  width: 118px;
  height: 62px;
  background: #EFF7FF;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  margin-left: 6px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.consuting-container .third .third-row .third-items .third-item1 {
  font-size: 16px;
  color: #000;
}

.consuting-container .third .third-row .third-items .third-item2 {
  color: #436CF4;
}

.consuting-container .third .third-row .third-items .third-item2 .messgeImg {
  fill: #436CF4;
  width: 20px;
  height: 20px;
}

.consuting-container .third .third-row .third-items .third-item2 span {
  font-size: 12px;
}

.consuting-container .third .third-row:nth-child(2) {
  margin-top: 10px;
}

.consuting-container .third .third-row:nth-child(3) {
  margin-top: 10px;
}

.consuting-container .four {
  height: 100px;
  margin-top: 20px;
}

.consuting-container p {
  text-align: center;
  color: #000;
  font-size: 18px;
}

.consuting-container .btn {
  width: 362px;
  margin: 0 auto;
}

.consuting-container .btn a {
  width: 155px;
  height: 46px;
  line-height: 46px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background: #fff;
  display: inline-block;
  font-size: 18px;
  color: #ff8019;
  font-weight: bold;
  margin-right: 40px;
  margin-top: 30px;
  border-radius: 5px;
  border: 2px solid #ff8019;
}

.consuting-container .btn a:hover {
  background: #ff8019;
  color: #fff;
}

.consuting-container .flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.consuting-container .flexcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.slider-box {
  position: fixed;
  z-index: 9998;
  right: 30px;
  bottom: 100px;
  width: 60px;
}

.slider-box .forbidden-box {
  position: absolute;
  z-index: 0;
  top: 0;
  height: 245px;
  right: -10px;
  width: 10px;
  background-color: transparent;
}

.slider-box dl {
  width: 100%;
  height: 75px;
  position: relative;
  background-color: #fff;
  margin-bottom: 3px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(47, 47, 47, 0.2);
     -moz-box-shadow: 0px 0px 10px 0px rgba(47, 47, 47, 0.2);
          box-shadow: 0px 0px 10px 0px rgba(47, 47, 47, 0.2);
}

.slider-box dl a {
  color: #656565;
}

@media \0screen {
  .slider-box dl {
    border: 2px solid #ececec;
  }
}

.slider-box dl.end:hover .iconfont {
  color: #fff;
}

.slider-box dl.end:hover dt {
  background-color: #ff0000;
}

.slider-box dl.end:hover dt p {
  color: #fff;
}

.slider-box dl.active .iconfont {
  color: #fff;
}

.slider-box dl.active dt {
  background-color: #ff0000;
}

.slider-box dl.active dt p {
  color: #fff;
}

.slider-box dt {
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  color: #656565;
  height: 75px;
}

.slider-box dt span {
  font-size: 28px;
  color: #ff0000;
  display: inline-block;
  padding: 12px 0 6px 0;
}

.slider-box dt span.active {
  color: #ff9833;
}

.slider-box dt a {
  display: block;
  height: 100%;
  width: 100%;
  color: #656565;
}

.slider-box dd {
  position: absolute;
  left: 1px;
  top: 0;
  z-index: -1;
  width: 150px;
  height: 210px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ececec;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(47, 47, 47, 0.2);
     -moz-box-shadow: 0px 0px 10px 0px rgba(47, 47, 47, 0.2);
          box-shadow: 0px 0px 10px 0px rgba(47, 47, 47, 0.2);
}

.slider-box dd span.icon-close-1 {
  position: absolute;
  right: 10px;
  top: 7px;
  font-size: 20px;
  color: #ccc;
  cursor: pointer;
}

.slider-box dd img.arrow {
  position: absolute;
  top: 22px;
  right: -9px;
}

.slider-box dd p.content {
  margin: 12px 0 18px 0;
  font-size: 12px;
  color: #5a5a5a;
}

.slider-box dd button {
  width: 112px;
  height: 30px;
  background-color: #ff0000;
  font-size: 10px;
  color: #fff;
  outline: 0;
  border: none;
  cursor: pointer;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  margin-bottom: 10px;
}

.slider-box dd button:hover {
  background-color: #b60b0b;
}

.slider-box dd p.wx {
  vertical-align: middle;
  margin-top: 13px;
}

.slider-box dd#signBox {
  display: none;
}

.slider-box .server-lines {
  display: none;
  left: -120px;
  width: 150px;
  text-align: left;
  padding: 0 13px;
  font-size: 12px;
  color: #5a5a5a;
}

.slider-box .server-lines strong {
  border-left: 3px solid #ff000;
  padding-left: 4px;
}

.slider-box .server-lines p {
  line-height: 200%;
  border-bottom: 1px solid #e3e3e3;
  margin-top: 10px;
  padding-bottom: 10px;
  font-family: "arial ";
}

.slider-box .server-lines p.reading {
  border-bottom: none;
}

.slider-box .net-weixin {
  display: none;
  left: -100px;
  height: 150px;
}

.slider-box #signBox span,
.slider-box .server-lines span,
.slider-box .net-weixin span {
  position: absolute;
  right: -15px;
  height: 100%;
  width: 14px;
}

.flexslider {
  position: relative;
  overflow: hidden;
  height: 100px;
}

.flex-viewport {
  height: 100%;
}

.slides {
  position: relative;
  z-index: 1;
  height: 100%;
}

.slides li {
  height: 400px;
  height: 100%;
  width: 100%;
}

#flexslider1 .flex-control-nav {
  position: absolute;
  bottom: 30px;
  z-index: 2;
  width: 100%;
  text-align: center;
}

#flexslider1 .flex-control-nav li {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 5px;
  *display: inline;
  zoom: 1;
}

#flexslider1 .flex-control-nav a {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 40px;
  overflow: hidden;
  background: url(../../assets/img/dot.png) right 0 no-repeat;
  cursor: pointer;
}

#flexslider1 .flex-control-nav .flex-active {
  background-position: 0 0;
}

#flexslider1 .flex-direction-nav {
  position: absolute;
  z-index: 3;
  width: 100%;
  top: 45%;
}

#flexslider1 .flex-direction-nav li a {
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
}

#flexslider1 .flex-direction-nav li a.flex-prev {
  left: 50px;
  background: url(../../assets/img/slider/prev1.png) center center no-repeat;
}

#flexslider1 .flex-direction-nav li a.flex-prev:hover {
  background: url(../../assets/img/slider/prev2.png) center center no-repeat;
}

#flexslider1 .flex-direction-nav li a.flex-next:hover {
  background: url(../../assets/img/slider/next2.png) center center no-repeat;
}

#flexslider1 .flex-direction-nav li a.flex-next {
  right: 50px;
  background: url(../../assets/img/slider/next1.png) center center no-repeat;
}

#flexslider2 .flex-direction-nav {
  position: absolute;
  z-index: 3;
  width: 100%;
  top: 45%;
}

#flexslider2 .flex-direction-nav li a {
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
}

#flexslider2 .flex-direction-nav li a.flex-prev {
  left: -60px;
  top: 40px;
  background: url(../../assets/img/slider/prev.png) center center no-repeat;
}

#flexslider2 .flex-direction-nav li a.flex-next {
  right: -60px;
  top: 40px;
  background: url(../../assets/img/slider/next.png) center center no-repeat;
}

.footer-common {
  background-color: #3b3b3b;
}

.footer-common .copyright {
  background: #000;
  text-align: center;
  color: #fff;
  font-size: 14px;
  padding: 45px 0;
}

.footer-common .copyright a {
  color: #fff;
}

.footer-common .copyright a:hover {
  color: #f27022;
}

.footer-common .copyright p {
  line-height: 240%;
}

.footer-common .copyright img {
  vertical-align: middle;
}

.footer-common .copyright .emblem {
  margin-right: 5px;
}

.footer-common .copyright span {
  vertical-align: middle;
}

.footer-common .copyright .certificate a {
  margin: 0 8px;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
}

.body-box {
  background-color: #FFFFFF;
  padding: 13px 0 110px 0;
  zoom: 1;
  overflow: hidden;
}

a {
  color: #000000;
}

.user-agreement-box {
  width: 1200px;
  margin: 0 auto;
}

.user-agreement-box .agreement-container {
  float: right;
  width: 984px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(47, 47, 47, 0.2);
     -moz-box-shadow: 0px 0px 4px 0px rgba(47, 47, 47, 0.2);
          box-shadow: 0px 0px 4px 0px rgba(47, 47, 47, 0.2);
  min-height: 500px;
}

.user-agreement-box #tab {
  width: 100%;
  height: 53px;
  background-color: #f8f8f6;
}

.user-agreement-box #tab li {
  width: 148px;
  height: 53px;
  line-height: 53px;
  font-size: 13px;
  color: #313131;
  text-align: center;
  float: left;
  cursor: pointer;
}

.user-agreement-box #tab .current {
  color: #313131;
  background-color: #fff;
  border-top: 4px solid #fe9b00;
}

.user-agreement-box .nav-right {
  position: absolute;
  right: 15px;
  top: 20px;
  font-size: 12px;
  color: #8f8f8f;
}

.user-agreement-box .nav-right a {
  font-size: 12px;
  width: 100px;
  height: 26px;
  line-height: 26px;
  color: #6f6f6f;
  background: #f04f00;
}

.user-agreement-box .my_table {
  font-size: 12px;
  width: 960px;
  margin: 20px auto;
  color: #6f6f6f;
  border: 1px solid #f8f8f6;
}

.user-agreement-box .my_table tr.odd {
  background-color: #f8f8f6;
}

.user-agreement-box .my_table th {
  font-size: 14px;
  color: #313131;
  text-align: center;
  height: 35px;
  background: #f8f8f6 url(../assets/images/tbord.png) no-repeat 3px 10px;
}

.user-agreement-box .my_table td {
  height: 90px;
  text-align: center;
  font-size: 14px;
  color: #6f6f6f;
  font-size: 12px;
}

.user-agreement-box .my_table .btn-box a:hover {
  color: #f04f00;
}

.user-agreement-box .my_table td.btn-box a.pay-btn {
  color: #f04f00;
  border: solid 1px #f04f00;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  padding: 3px 19px;
  margin-bottom: 3px;
  display: inline-block;
  line-height: normal;
}

.user-agreement-box .my_table td.btn-box a.pay-btn:hover {
  color: #fff;
  background-color: #f04f00;
}

.user-agreement-box .my_table td.none {
  height: 90px;
  font-size: 16px;
  color: #777;
  padding: 20px 0;
}

.user-agreement-box .my_table td.timer {
  line-height: 160%;
}

.user-agreement-box .my_table i.none {
  margin-right: 20px;
  font-size: 50px;
  vertical-align: middle;
}

.user-agreement-box .my_table span.none {
  vertical-align: middle;
}

.user-agreement-box .my_table .first {
  text-align: left;
  padding-left: 27px;
  width: 230px;
}

.user-agreement-box .my_table .first img {
  vertical-align: middle;
  margin-right: 18px;
}

.user-agreement-box .my_table .fx {
  color: #313131;
}

.user-agreement-box .my_table .org {
  color: #fe9b00;
}

.user-agreement-box .my_table .red a {
  color: #f04f00;
}

.user-agreement-box .my_table .gray {
  background: #f8f8f6;
}

.user-agreement-box .my_table .coform {
  color: #f04f00;
  margin-bottom: 5px;
  border: 1px solid #f04f00;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  display: inline-block;
  width: 86px;
  height: 21px;
  line-height: 21px;
}

.user-agreement-box .card {
  position: relative;
  width: 314px;
  border: 1px solid #e9e9e9;
  margin: 15px 0 0 10px;
  padding-top: 18px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  float: left;
  display: inline;
}

.user-agreement-box .card .fail {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 99;
}

.user-agreement-box .card dl {
  padding: 18px 0;
}

.user-agreement-box .card dt {
  display: inline-block;
  color: #f04f00;
  font-size: 25px;
  font-weight: bold;
  width: 90px;
  text-align: right;
}

.user-agreement-box .card dt span {
  font-size: 12px;
  display: block;
}

.user-agreement-box .card dt i {
  font-size: 18px;
}

.user-agreement-box .card dd {
  display: inline-block;
  color: #636363;
  font-size: 11px;
  width: 210px;
  padding-left: 6px;
}

.user-agreement-box .card dd strong {
  color: #292929;
  display: block;
  font-size: 16px;
  padding-bottom: 6px;
}

.user-agreement-box .card .bot {
  background: #f5f5f5;
  color: #8f8f8f;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
}

.user-agreement-box .fgray {
  opacity: 0.5;
}