body {
  background-color: #edf0f2;
}
* {
  box-sizing: border-box;
  outline-color: #000;
}
.public-ui-modal-mask {
  z-index: 100000 !important;
}
.public-ui-modal {
  z-index: 100001 !important;
}
.tip-modal {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1000px;
  margin-left: -500px;
  background-color: #fff;
  z-index: 99999;
  display: none;
  padding: 40px;
  box-sizing: border-box;
}
.tip-modal .btn-close {
  font-family: cmsicon;
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 22px;
  color: #999;
  cursor: pointer;
}
.tip-modal .btn-close:hover {
  color: #4489ca;
}
.tip-modal .title {
  font-size: 30px;
  color: #4489ca;
  padding-bottom: 20px;
  margin-bottom: 40px;
  text-align: center;
  border-bottom: 1px dashed #dddddd;
}
.tip-modal .modal-content {
  line-height: 30px;
}
.tip-modal .tip-title {
  line-height: 30px;
  font-weight: 700;
}
.tip-modal .tip-item {
  line-height: 25px;
  margin-top: 10px;
}
.tip-modal .tip-item .sz-sf-style {
  color: #4489ca;
  font-weight: bold;
}
.tip-modal .tip-item a {
  text-decoration: none;
  color: #4489ca;
  cursor: pointer;
}
.tip-modal .btn-group {
  text-align: center;
  padding-top: 50px;
}
.tip-modal .btn-group .btn {
  display: inline-block;
  min-width: 240px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #4489ca;
  padding-left: 20px;
  padding-right: 20px;
}
.tip-modal .btn-group .btn.disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
.input-placeholder {
  color: #666 !important;
}
.p-title {
  margin-top: 50px;
}
.inline-block-middle,
.btns .btn img,
.btns .btn span,
.main-page .query-faq-container .query-wrapper .progress-query .input-query .input-query-left .query-item .icon,
.main-page .query-faq-container .query-wrapper .progress-query .input-query .input-query-left .query-item .title,
.main-page .query-faq-container .query-wrapper .progress-query .input-query .input-query-left .query-item .input,
.main-page .query-faq-container .query-wrapper .progress-query .input-query .input-query-left .query-item .get-verify,
.main-page .query-faq-container .query-wrapper .affairs-query .affairs-input-wrapper .affairs-input .search-btn .line,
.main-page .onlines-container .content-wrapper .content-right .invest-container .zjdc-item .header .time,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .btns .btn img,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .btns .btn span,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btns .btn img,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btns .btn span,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .btns .btn img,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .btns .btn span,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btns .btn img,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btns .btn span {
  display: inline-block;
  vertical-align: middle;
}
.gray-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #B8B8B8;
  border-radius: 50%;
}
.line-before,
.main-page .query-faq-container .query-wrapper .statistics-wrapper .left-content .header,
.main-page .message-digest-containers .header,
.main-page .message-digest-container .header {
  position: relative;
  margin-left: 13px;
  height: 25px;
  line-height: 25px;
  margin-top: 12px;
  padding-right: 19px;
}
.line-before:before,
.main-page .query-faq-container .query-wrapper .statistics-wrapper .left-content .header:before,
.main-page .message-digest-containers .header:before,
.main-page .message-digest-container .header:before {
  content: '';
  position: absolute;
  width: 4px;
  height: 25px;
  background: #fff;
  top: 0;
  left: 0;
}
.header-title,
.main-page .query-faq-container .query-wrapper .statistics-wrapper .left-content .header .text,
.main-page .message-digest-containers .header .text,
.main-page .message-digest-container .header .text {
  padding-left: 17px;
  color: #040404;
  font-size: 20px;
}
.header-more,
.main-page .query-faq-container .query-wrapper .statistics-wrapper .left-content .header .more,
.main-page .message-digest-containers .header .more,
.main-page .message-digest-container .header .more {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  float: right;
}
.oversize-width,
.main-page .message-digest-container .message-wrapper .message-items .body .item-content {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.btns,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .btns,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btns,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .btns,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btns {
  margin-left: 15px;
  margin-top: 10px;
  font-size: 0;
}
.btns .btn,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .btns .btn,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btns .btn,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .btns .btn,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btns .btn {
  display: inline-block;
  padding: 0 12px;
  height: 36px;
  line-height: 36px;
  background-color: #58ABF2;
  color: #fff;
  font-size: 0;
  text-decoration: none;
}
.btns .btn + .btn,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .btns .btn + .btn,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btns .btn + .btn,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .btns .btn + .btn,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btns .btn + .btn {
  margin-left: 10px;
}
.btns .btn.disabled,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .btns .btn.disabled,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btns .btn.disabled,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .btns .btn.disabled,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btns .btn.disabled {
  background-color: #C1C1C1;
  cursor: not-allowed;
}
.btns .btn span,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .btns .btn span,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btns .btn span,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .btns .btn span,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btns .btn span {
  margin-left: 12px;
  font-size: 16px;
}
.btns .btn.last,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .btns .btn.last,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btns .btn.last,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .btns .btn.last,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btns .btn.last {
  margin-left: 13px;
}
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.top-menu {
  width: 100%;
  height: 56px;
  background-color: #fff;
}
.top-menu .menu-content {
  position: relative;
  width: 1200px;
  height: 56px;
  margin: 0 auto;
}
.top-menu .menu-content .tab-menus {
  position: relative;
  z-index: 1;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 1200px;
  height: 56px;
  display: inline-block;
}
.top-menu .menu-content .tab-menus .tab-item {
  position: relative;
  z-index: 2;
  float: left;
  height: 16px;
  color: #666;
  line-height: 16px;
  padding-right: 20px;
  margin-top: 20px;
  outline: none;
}
.top-menu .menu-content .tab-menus .tab-item + .tab-item {
  padding-left: 20px;
  border-left: 2px solid #eee;
}
.top-menu .menu-content .tab-menus .tab-item > a {
  color: #666;
  text-decoration: none;
}
.top-menu .menu-content .tab-menus .tab-item > a:hover {
  color: #396EFE;
}
.top-menu .menu-content .img-znwd {
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
}
.main-page {
  position: relative;
  width: 1200px;
  margin: 20px auto;
}
.main-page .category {
  background-color: #fff;
  overflow: hidden;
}
.main-page .category .main-tab {
  height: 238px;
}
.main-page .category .main-tab.with5 .tab-item {
  width: 20%;
}
.main-page .category .main-tab.with3 .tab-item {
  width: 33%;
}
.main-page .category .main-tab.with3 .tab-item:nth-child(2) {
  width: 34%;
}
.main-page .category .main-tab.with2 .tab-item {
  width: 50%;
}
.main-page .category .main-tab.with1 .tab-item {
  width: 100%;
}
.main-page .category .main-tab .tab-item {
  position: relative;
  width: 25%;
  float: left;
  text-align: center;
  margin: 20px 0;
  cursor: pointer;
}
.main-page .category .main-tab .tab-item > a {
  width: 100%;
  height: 100%;
  display: inline-block;
  text-decoration: none;
}
.main-page .category .main-tab .tab-item .tab-img {
  position: relative;
  width: 182px;
  height: 182px;
  margin: 0 auto;
  background: url('../img/index/entry_bg.png');
}
.main-page .category .main-tab .tab-item .tab-img > img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 94px;
  height: 94px;
  margin-top: -54px;
  margin-left: -47px;
  border: none;
}
.main-page .category .main-tab .tab-item .tab-text {
  font-size: 20px;
  color: #212121;
  margin-top: -10px;
}
.main-page .category .main-tab .tab-item + .tab-item:before {
  content: '';
  position: absolute;
  top: 50px;
  left: 0;
  width: 1px;
  height: 100px;
  background-color: #A9C5DB;
}
.main-page .category .other-entry-wrapper {
  margin: 5px 55px 0;
  padding-top: 30px;
  padding-bottom: 10px;
  font-size: 0;
}
.main-page .category .other-entry-wrapper.has-sibling {
  border-top: 1px solid #C0D6E7;
}
.main-page .category .other-entry-wrapper .other-item {
  position: relative;
  width: 25%;
  display: inline-block;
  text-align: center;
  margin-bottom: 20px;
}
.main-page .category .other-entry-wrapper .other-item .link-item {
  width: 210px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  color: #212121;
  display: inline-block;
  border: 1px solid #cae5fa;
  border-radius: 4px;
  box-shadow: 1px 1px 16px 0px rgba(0, 102, 176, 0.25);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-page .category .other-entry-wrapper .other-item .link-item:hover {
  color: #fff;
  background-color: #94C3E9;
}
.main-page .query-faq-container {
  height: 620px;
  margin-top: 20px;
  padding: 10px;
  background: #58abf2;
  border: 1px solid #e3e3e3;
  position: relative;
}
.main-page .query-faq-container .query-wrapper {
  float: right;
  width: 600px;
}
.main-page .query-faq-container .query-wrapper .progress-query {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.main-page .query-faq-container .query-wrapper .progress-query.affairs-query .back {
  height: 122px;
}
.main-page .query-faq-container .query-wrapper .progress-query.affairs-query .main-body {
  right: 0;
}
.main-page .query-faq-container .query-wrapper .progress-query .back {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 590px;
  position: relative;
  width: 100%;
  height: 213px;
}
.main-page .query-faq-container .query-wrapper .progress-query .main-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background: rgba(58, 98, 157, 0.38);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#613A629D, 0, endColorstr=#613A629D, 0);
}
.main-page .query-faq-container .query-wrapper .progress-query .query-header {
  color: #fff;
  font-size: 20px;
  height: 25px;
  line-height: 25px;
  position: relative;
  padding-left: 17px;
}
.main-page .query-faq-container .query-wrapper .progress-query .query-header:before {
  content: '';
  position: absolute;
  width: 4px;
  height: 25px;
  background: #fff;
  top: 0;
  left: 0;
}
.main-page .query-faq-container .query-wrapper .progress-query .query-container {
  position: relative;
  z-index: 2;
  width: 570px;
  height: 80px;
  display: block;
  margin: 15px auto 5px;
  text-decoration: none;
}
.main-page .query-faq-container .query-wrapper .progress-query .query-container img {
  width: 100%;
  height: 100%;
  border: none;
}
.main-page .query-faq-container .query-wrapper .progress-query .query-container .iconfont {
  font-family: cmsicon;
  font-size: 12px;
}
.main-page .query-faq-container .query-wrapper .progress-query .query-container .query-text {
  position: absolute;
  top: 10px;
  left: 40px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  color: #325b93;
  display: inline-block;
}
.main-page .query-faq-container .query-wrapper .progress-query .query-container .right-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  background-color: #3685c9;
  padding-left: 20px;
  padding-right: 10px;
  border-radius: 4px;
}
.main-page .query-faq-container .query-wrapper .progress-query .input-query {
  margin-top: 17px;
  border-bottom: 1px solid #A1C2DD;
  margin-right: 8px;
  margin-left: 6px;
  padding-left: 6px;
}
.main-page .query-faq-container .query-wrapper .progress-query .input-query .input-query-left {
  float: left;
}
.main-page .query-faq-container .query-wrapper .progress-query .input-query .input-query-left .query-item {
  font-size: 0;
}
.main-page .query-faq-container .query-wrapper .progress-query .input-query .input-query-left .query-item .require-icon {
  display: inline-block;
  vertical-align: text-top;
  line-height: 0.5;
  color: #FF0003;
  font-size: 16px;
}
.main-page .query-faq-container .query-wrapper .progress-query .input-query .input-query-left .query-item .icon {
  margin-left: 6px;
}
.main-page .query-faq-container .query-wrapper .progress-query .input-query .input-query-left .query-item .title {
  font-size: 16px;
  color: #fff;
  margin-left: 5px;
}
.main-page .query-faq-container .query-wrapper .progress-query .input-query .input-query-left .query-item .iphone-title {
  width: 68px;
}
.main-page .query-faq-container .query-wrapper .progress-query .input-query .input-query-left .query-item .input {
  height: 30px;
  line-height: 30px;
  width: 350px;
  font-size: 16px;
  padding-left: 8px;
}
.main-page .query-faq-container .query-wrapper .progress-query .input-query .input-query-left .query-item .get-verify {
  width: 114px;
  float: right;
  height: 30px;
  background: #396EFE;
  border-radius: 13px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
}
.main-page .query-faq-container .query-wrapper .progress-query .input-query .input-query-left .query-item.last {
  margin-top: 16px;
}
.main-page .query-faq-container .query-wrapper .progress-query .input-query .input-query-left .query-item.last .input {
  width: 220px;
}
.main-page .query-faq-container .query-wrapper .progress-query .input-query .input-query-right {
  float: left;
  font-size: 0;
  padding-bottom: 17px;
}
.main-page .query-faq-container .query-wrapper .progress-query .input-query .input-query-right .query-img {
  margin-left: 30px;
}
.main-page .query-faq-container .query-wrapper .progress-query .query-tips {
  width: 568px;
  font-size: 14px;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 20px;
}
.main-page .query-faq-container .query-wrapper .progress-query .query-tips .tips-left {
  width: 78px;
  float: left;
  border-right: 1px solid #A1C2DD;
  padding-right: 8px;
  padding-left: 4px;
}
.main-page .query-faq-container .query-wrapper .progress-query .query-tips .tips-left .tip-text {
  width: 30px;
  height: 32px;
  font-weight: bold;
  line-height: 18px;
  display: inline-block;
}
.main-page .query-faq-container .query-wrapper .progress-query .query-tips .tips-right {
  width: 470px;
  float: left;
  margin-left: 10px;
}
.main-page .query-faq-container .query-wrapper .progress-query .query-tips .tips-right .tip-text {
  white-space: nowrap;
  max-height: 100%;
}
.main-page .query-faq-container .query-wrapper .progress-query .query-tips .tips-right .tip-text.scale {
  transform: scale(0.8);
  transform-origin: 0;
}
.main-page .query-faq-container .query-wrapper .affairs-query {
  height: 122px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.main-page .query-faq-container .query-wrapper .affairs-query .affairs-input-wrapper {
  position: relative;
  margin-top: 12px;
  margin-bottom: 10px;
  width: 580px;
  background-color: rgba(255, 255, 255, 0.22);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#38ffffff, 0, endColorstr=#38ffffff, 0);
}
.main-page .query-faq-container .query-wrapper .affairs-query .affairs-input-wrapper .affairs-input-back {
  width: 580px;
  height: 60px;
}
.main-page .query-faq-container .query-wrapper .affairs-query .affairs-input-wrapper .affairs-input {
  position: absolute;
  top: 10px;
  font-size: 0;
  left: 14px;
}
.main-page .query-faq-container .query-wrapper .affairs-query .affairs-input-wrapper .affairs-input .search-input {
  width: 552px;
  height: 40px;
  line-height: 40px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: bottom;
  font-size: 14px;
  color: #333;
  padding-left: 12px;
}
.main-page .query-faq-container .query-wrapper .affairs-query .affairs-input-wrapper .affairs-input .search-input::-webkit-input-placeholder {
  color: #333;
}
.main-page .query-faq-container .query-wrapper .affairs-query .affairs-input-wrapper .affairs-input .search-input:-moz-placeholder {
  color: #333;
}
.main-page .query-faq-container .query-wrapper .affairs-query .affairs-input-wrapper .affairs-input .search-input::-moz-placeholder {
  color: #333;
}
.main-page .query-faq-container .query-wrapper .affairs-query .affairs-input-wrapper .affairs-input .search-input:-ms-input-placeholder {
  color: #333;
}
.main-page .query-faq-container .query-wrapper .affairs-query .affairs-input-wrapper .affairs-input .search-input::placeholder {
  color: #333;
}
.main-page .query-faq-container .query-wrapper .affairs-query .affairs-input-wrapper .affairs-input .search-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 94px;
  height: 40px;
  background-color: rgba(25, 39, 94, 0.49);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8019275E, 0, endColorstr=#8019275E, 0);
}
.main-page .query-faq-container .query-wrapper .affairs-query .affairs-input-wrapper .affairs-input .search-btn .img-search {
  position: absolute;
  top: 8px;
  left: 35px;
  width: 24px;
  height: 24px;
}
.main-page .query-faq-container .query-wrapper .affairs-query .affairs-input-wrapper .affairs-input .search-btn .line {
  width: 0;
  height: 100%;
}
.main-page .query-faq-container .query-wrapper .statistics-wrapper {
  height: 240px;
}
.main-page .query-faq-container .query-wrapper .statistics-wrapper .left-content {
  position: relative;
  width: 396px;
  height: 100%;
  float: left;
  background-color: #fff;
}
.main-page .query-faq-container .query-wrapper .statistics-wrapper .left-content .btn-statistics {
  position: absolute;
  right: 10px;
  top: 9px;
  z-index: 1;
  width: 154px;
  height: 32px;
  background: url('../img/index/btn_statistics.png');
  cursor: pointer;
}
.main-page .query-faq-container .query-wrapper .statistics-wrapper .left-content .header:before {
  background-color: #3A629D;
}
.main-page .query-faq-container .query-wrapper .statistics-wrapper .left-content .chart-name {
  color: #313131;
  padding-left: 20px;
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
}
.main-page .query-faq-container .query-wrapper .statistics-wrapper .left-content .chart-name .pre-circle {
  width: 7px;
  height: 7px;
  background-color: #436DA7;
  border-radius: 50%;
  display: inline-block;
}
.main-page .query-faq-container .query-wrapper .statistics-wrapper .left-content .echarts-wrapper {
  height: 160px;
  padding: 8px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main-page .query-faq-container .query-wrapper .statistics-wrapper .left-content .echarts-wrapper .echart-item {
  float: left;
  height: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.main-page .query-faq-container .query-wrapper .statistics-wrapper .right-content {
  width: 193px;
  height: 100%;
  float: right;
  cursor: pointer;
}
.main-page .query-faq-container .query-wrapper .statistics-wrapper .right-content .img-dwk {
  width: 193px;
  height: 240px;
}
.main-page .message-digest-containers {
  border: 1px solid #95C3E9;
  margin-top: 20px;
  background: #fff;
  padding: 12px;
  height: 339px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main-page .message-digest-containers .header {
  margin-top: 0;
  margin-left: 0;
}
.main-page .message-digest-containers .header:before {
  background-color: #3A629D;
}
.main-page .message-digest-containers .message-digest-echarts {
  float: right;
  width: 573px;
}
.main-page .message-digest-containers .message-digest-echarts .echarts-wrapper {
  margin-top: 15px;
  height: 271px;
  padding: 8px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main-page .message-digest-containers .message-digest-echarts .echarts-wrapper .echart-item {
  float: left;
  height: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main-page .message-digest-containers .message-digest-echarts .echarts-wrapper #message-type-echart {
  border-right: 1px solid #95C3E9;
  width: 45%;
}
.main-page .message-digest-containers .message-digest-echarts .echarts-wrapper #message-top-type-echart {
  padding-left: 8px;
  width: 55%;
}
.main-page .message-digest-container {
  width: 570px;
  height: 600px;
  background-color: #fff;
  float: left;
  padding-right: 2px;
}
.main-page .message-digest-container .header:before {
  background-color: #3A629D;
}
.main-page .message-digest-container .message-wrapper {
  height: 540px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 20px;
  margin-top: 10px;
}
.main-page .message-digest-container .message-wrapper::-webkit-scrollbar-track {
  background-color: #D1D2D1;
}
.main-page .message-digest-container .message-wrapper::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}
.main-page .message-digest-container .message-wrapper::-webkit-scrollbar-thumb {
  background-color: #9A9B9A;
  border-radius: 5px;
}
.main-page .message-digest-container .message-wrapper .message-left {
  padding-right: 25px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main-page .message-digest-container .message-wrapper .message-right {
  padding-left: 25px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main-page .message-digest-container .message-wrapper .message-items {
  width: 100%;
}
.main-page .message-digest-container .message-wrapper .message-items .item {
  width: 100%;
  padding-top: 15px;
  box-sizing: border-box;
  display: inline-block;
  color: #000;
  cursor: pointer;
  text-decoration: none;
}
.main-page .message-digest-container .message-wrapper .message-items .item .item-header {
  font-size: 0;
}
.main-page .message-digest-container .message-wrapper .message-items .item .item-header .dot {
  display: inline-block;
  width: 11px;
  height: 11px;
  background: #B8B8B8;
  border-radius: 50%;
}
.main-page .message-digest-container .message-wrapper .message-items .item .item-header .text {
  font-size: 16px;
  color: #7F7F7F;
  font-weight: 400;
}
.main-page .message-digest-container .message-wrapper .message-items .item .item-header .number {
  margin-left: 17px;
}
.main-page .message-digest-container .message-wrapper .message-items .item .item-header .time {
  float: right;
}
.main-page .message-digest-container .message-wrapper .message-items .item .body.last {
  border-bottom: 0;
}
.main-page .message-digest-container .message-wrapper .message-items .body {
  margin-left: 17px;
  padding-left: 8px;
  border-bottom: 1px dotted #B8B8B8;
  padding-right: 25px;
  margin-top: 13px;
}
.main-page .message-digest-container .message-wrapper .message-items .body .item-content {
  font-size: 16px;
  width: 492px;
  padding-bottom: 15px;
}
.main-page .message-digest-container .message-wrapper .message-items .body .item-content .title {
  color: #3A629D;
  font-weight: bold;
}
.main-page .message-digest-container .message-wrapper .message-items .body .item-content .text {
  color: #000000;
}
.main-page .onlines-container {
  margin-top: 27px;
}
.main-page .onlines-container .tabs {
  text-align: center;
  font-size: 0;
}
.main-page .onlines-container .tabs .tab-item {
  width: 140px;
  height: 49px;
  color: #2B2B2B;
  background-color: #D8E1E7;
  display: inline-block;
  line-height: 49px;
  text-align: center;
  font-size: 20px;
  margin-right: 1px;
}
.main-page .onlines-container .tabs .tab-item.active {
  background-color: #3A629D;
  color: #FFFFFF;
}
.main-page .onlines-container .content-wrapper {
  position: relative;
  height: 400px;
  box-sizing: border-box;
  padding-top: 20px;
  padding-left: 186px;
  border: 1px solid #95C3E9;
  background-color: #fff;
}
.main-page .onlines-container .content-wrapper .left-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 186px;
  height: 400px;
  z-index: 1;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
}
.main-page .onlines-container .content-wrapper .content-imgs {
  position: relative;
  height: 100%;
  width: 186px;
  float: left;
  padding-top: 60px;
  overflow: hidden;
}
.main-page .onlines-container .content-wrapper .content-imgs .main-img {
  width: 200px;
  height: 200px;
  margin-left: -7px;
  border: 0;
  outline: none;
}
.main-page .onlines-container .content-wrapper .content-imgs .arrow-wrapper {
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: 58px;
  height: 20px;
  text-align: center;
  line-height: 30px;
  margin-left: -29px;
}
.main-page .onlines-container .content-wrapper .content-imgs .arrow-wrapper img {
  width: 100%;
  height: 100%;
  border: 0;
  outline: none;
}
.main-page .onlines-container .content-wrapper .content-right {
  float: left;
}
.main-page .onlines-container .content-wrapper .content-right .swiper-container {
  width: 990px;
  height: 360px;
  padding-bottom: 35px;
}
.main-page .onlines-container .content-wrapper .content-right .swiper-container .swiper-wrapper {
  padding-bottom: 35px;
}
.main-page .onlines-container .content-wrapper .content-right .swiper-container .swiper-pagination {
  position: absolute;
  z-index: 20;
  bottom: 5px;
  width: 100%;
  text-align: center;
}
.main-page .onlines-container .content-wrapper .content-right .swiper-container .swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #555;
  margin: 0 5px;
  border: 1px solid #fff;
  cursor: pointer;
}
.main-page .onlines-container .content-wrapper .content-right .swiper-container .swiper-pagination-switch.swiper-active-switch {
  background-color: #D30003;
}
.main-page .onlines-container .content-wrapper .content-right .swiper-container .swiper-pagination.swiper-pagination-bullets {
  bottom: 5px;
}
.main-page .onlines-container .content-wrapper .content-right .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #D30003;
}
.main-page .onlines-container .content-wrapper .content-right .article-content-wrapper {
  height: 360px;
  background: #EAEEF0;
  padding: 47px 60px;
  border-radius: 6px;
}
.main-page .onlines-container .content-wrapper .content-right .article-content-wrapper .article-img {
  width: 400px;
  height: 267px;
  float: left;
}
.main-page .onlines-container .content-wrapper .content-right .article-content-wrapper .article-content {
  float: right;
  width: 430px;
}
.main-page .onlines-container .content-wrapper .content-right .article-content-wrapper .article-content .time {
  padding: 0 18px;
  background-color: #FFC505;
  color: #fff;
  display: inline-block;
  height: 32px;
  line-height: 32px;
}
.main-page .onlines-container .content-wrapper .content-right .article-content-wrapper .article-content .title {
  width: 425px;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.main-page .onlines-container .content-wrapper .content-right .article-content-wrapper .article-content .sub-title {
  color: #212121;
  font-size: 16px;
  margin-top: 25px;
}
.main-page .onlines-container .content-wrapper .content-right .article-content-wrapper .article-content .content {
  overflow: hidden;
  position: relative;
  margin-top: 10px;
  height: 100px;
}
.main-page .onlines-container .content-wrapper .content-right .article-content-wrapper .article-content .content .content-title {
  float: left;
  height: 50px;
}
.main-page .onlines-container .content-wrapper .content-right .article-content-wrapper .article-content .content .text {
  max-height: 343px;
  overflow: hidden;
  float: right;
  width: 387px;
  margin-left: -48px;
  word-break: break-all;
}
.main-page .onlines-container .content-wrapper .content-right .article-content-wrapper .article-content .content .check {
  float: right;
  clear: both;
}
.main-page .onlines-container .content-wrapper .content-right .article-content-wrapper .article-content .content .check:before {
  content: '';
  display: block;
  float: right;
  height: 10px;
}
.main-page .onlines-container .content-wrapper .content-right .article-content-wrapper .article-content .content .content-text {
  width: 380px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.main-page .onlines-container .content-wrapper .content-right .article-content-wrapper .btn-check {
  width: 110px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  border-radius: 16px;
  text-decoration: none;
  background-color: #63B4F4;
  cursor: pointer;
  margin-top: 14px;
}
.main-page .onlines-container .content-wrapper .content-right .content-tab-dots {
  text-align: center;
  height: 35px;
  line-height: 35px;
}
.main-page .onlines-container .content-wrapper .content-right .content-tab-dots .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #C7C6C4;
  border-radius: 50%;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container {
  height: 360px;
  overflow-y: auto;
  margin-bottom: 20px;
  width: 1000px;
  padding-right: 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container::-webkit-scrollbar-track {
  background-color: #D1D2D1;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container::-webkit-scrollbar-thumb {
  background-color: #9A9B9A;
  border-radius: 5px;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .zjdc-item {
  display: block;
  border-radius: 6px;
  background-color: #EAEEF0;
  padding: 5px 15px 15px;
  margin-bottom: 15px;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .zjdc-item img {
  border: 0;
  outline: none;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .zjdc-item.last {
  margin-bottom: 0;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .zjdc-item .icon-ing {
  display: inline-block;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .zjdc-item .icon-finish {
  display: none;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .zjdc-item.finish .icon-ing {
  display: none;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .zjdc-item.finish .icon-finish {
  display: inline-block;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .zjdc-item .header {
  font-size: 0;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .zjdc-item .header img {
  vertical-align: middle;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .zjdc-item .header .time {
  color: #8F8F8F;
  font-size: 16px;
  padding-top: 9px;
  margin-left: 17px;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .zjdc-item .body {
  margin-top: 10px;
  color: #2B2B2B;
  width: 936px;
  font-size: 18px;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper {
  float: left;
  width: 50%;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item {
  height: 200px;
  background-color: #EAEEF0;
  padding-bottom: 15px;
  margin-bottom: 14px;
  border-radius: 6px;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item.last {
  margin-bottom: 0;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .icon-ing,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .icon-finish {
  margin-left: 10px;
  margin-top: 10px;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .icon-ing {
  display: inline-block;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .icon-finish {
  display: none;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item.finish .icon-ing {
  display: none;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item.finish .icon-finish {
  display: inline-block;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .title {
  height: 50px;
  line-height: 25px;
  color: #2B2B2B;
  font-size: 18px;
  margin-left: 15px;
  padding-right: 31px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 3px;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .time {
  color: #8F8F8F;
  font-size: 16px;
  margin-top: 12px;
  margin-left: 15px;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-left-wrapper,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-right-wrapper {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-left-wrapper .yjzj-item:last-child,
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-right-wrapper .yjzj-item:last-child {
  margin-bottom: 0;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-left-wrapper {
  padding-right: 7px;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .invest-right-wrapper {
  padding-left: 7px;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item {
  display: block;
  padding: 20px 10px 15px;
  background-color: #EAEEF0;
  border-radius: 6px;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item + .post-item {
  margin-top: 15px;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .dot {
  float: left;
  margin-top: 7px;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .status-tag {
  width: 60px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin-left: 10px;
  float: left;
  border-radius: 20px;
  display: none;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item.collecting .status-tag {
  display: inline-block;
  background-color: #e7b526;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item.finished .status-tag,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item.paused .status-tag,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item.unpublished .status-tag,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item.draft .status-tag {
  display: inline-block;
  background-color: #6c93a8;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .title {
  color: #2B2B2B;
  font-size: 18px;
  float: left;
  width: 850px;
  line-height: 25px;
  margin-left: 10px;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btns,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .main-page .onlines-container .content-wrapper .content-right .invest-container .invest-content-wrapper .yjzj-item .btns {
  margin-left: 20px;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btm-content {
  height: 36px;
  line-height: 36px;
  padding-left: 20px;
  padding-right: 10px;
  margin-top: 5px;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btm-content .time {
  color: #8F8F8F;
  font-size: 16px;
  float: left;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btm-content .btn-group {
  float: right;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btm-content .btn-group .btn-check-detail {
  float: left;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btm-content .btn-group .btn-check-detail.btn-feedback,
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btm-content .btn-group .btn-check-detail.btn-result {
  display: none;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btm-content .btn-group .btn-check-detail + .btn-check-detail {
  margin-left: 15px;
}
.main-page .onlines-container .content-wrapper .content-right .invest-container .post-item .btm-content .btn-group .btn-check-detail .img-checkout {
  width: 120px;
  height: 36px;
  outline: none;
  border: 0;
  float: left;
}
.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.68);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ad000000, 0, 0, endColorstr=#ad000000, 0, 0);
  z-index: 88888;
}
.mask-robot {
  position: absolute;
  top: 361px;
  left: 50%;
  margin-left: -600px;
  z-index: 99999;
  width: 1200px;
  background-color: #58ABF2;
}
.mask-robot .robot-body .mask-robot-img {
  margin-bottom: -58px;
  margin-top: -25px;
  float: left;
  margin-left: 15px;
}
.mask-robot .robot-body .robot-talk {
  float: left;
  position: relative;
  width: 342px;
  height: 134px;
  margin-top: 8px;
  margin-left: 11px;
}
.mask-robot .robot-body .robot-talk .title {
  position: absolute;
  width: 290px;
  text-align: center;
  font-size: 16px;
  color: #3A629D;
  top: 43px;
  left: 26px;
}
.mask-robot .robot-body .robot-faq {
  font-size: 0;
  float: left;
  margin-top: 28px;
  margin-left: 25px;
}
.mask-robot .robot-body .robot-faq .robot-search {
  position: relative;
  margin-top: 3px;
  background-color: rgba(255, 255, 255, 0.22);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#38ffffff, 0, endColorstr=#38ffffff, 0);
}
.mask-robot .robot-body .robot-faq .robot-search .affairs-input-back {
  width: 639px;
  height: 73px;
}
.mask-robot .robot-body .robot-faq .robot-search .affairs-input {
  position: absolute;
  top: 16px;
  left: 12px;
}
.mask-robot .robot-body .robot-faq .robot-search input {
  height: 42px;
  line-height: 42px;
  width: 616px;
  vertical-align: middle;
  padding-left: 13px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
}
.mask-robot .robot-body .robot-faq .robot-search button {
  position: absolute;
  top: 0;
  right: 0;
  width: 94px;
  height: 42px;
  background-color: rgba(25, 39, 94, 0.49);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8019275E, 0, endColorstr=#8019275E, 0);
  padding-left: 0;
}
.mask-robot .robot-body .robot-faq .robot-search button .img-search {
  margin-top: 10px;
}
.query-result-container {
  width: 900px;
  position: absolute;
  left: 50%;
  margin-left: -450px;
  top: 0;
  background: #fff;
  z-index: 99999;
  border-radius: 5px;
}
.query-result-container .title {
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
}
.query-result-container .title #modal-close-icon {
  display: inline-block;
  font-family: cmsicon;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0px;
  right: 00px;
  cursor: pointer;
}
.query-result-container .table .table-header {
  background-color: #ddd;
  height: 40px;
}
.query-result-container .table .k {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  text-align: left;
  float: left;
  width: auto;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-indent: 8px;
  color: #333;
  overflow: hidden;
  position: relative;
}
.query-result-container .table .title {
  cursor: pointer;
  width: 602px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.query-result-container .table .table-body {
  height: 415px;
  overflow: auto;
}
.query-result-container .table .time {
  width: 149px;
}
.query-result-container .table .status {
  width: auto;
}
.query-result-container .table .item {
  overflow: hidden;
}
.scroll-top-container {
  position: fixed;
  right: 10px;
  bottom: 200px;
  z-index: 1001;
}
.scroll-top-container.hide-jqr .hi-jqr {
  display: none;
}
.scroll-top-container .up-arrow {
  width: 60px;
  height: 60px;
  background-color: #d9d9d9;
  position: absolute;
  right: 0;
  top: 76px;
  z-index: 1;
}
.scroll-top-container .up-arrow .arrow {
  display: inline-block;
}
.scroll-top-container .up-arrow .arrow .outer {
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 18px;
  top: 12px;
  z-index: 5;
  border-top: 12px transparent dashed;
  border-left: 12px transparent dashed;
  border-right: 12px transparent dashed;
  border-bottom: 12px #d9d9d9 solid;
  overflow: hidden;
  border-bottom: 12px #FFFFFFFF solid;
}
.scroll-top-container .up-arrow .arrow .inner {
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 21px;
  top: 18px;
  z-index: 6;
  /*兼容ie8-*/
  border-top: 9px transparent dashed;
  border-left: 9px transparent dashed;
  border-right: 9px transparent dashed;
  overflow: hidden;
  border-bottom: 9px #d9d9d9 solid;
}
@media screen and (max-width: 1400px) {
  .scroll-top-container {
    display: none;
  }
}