@charset "UTF-8";
/**
颜色配备
**/
ul {
  list-style-type: none;
}

.fn-text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.container {
  width: 1200px;
  margin: 0 auto;
}

.fn-tac {
  text-align: center;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

.topbar {
  position: fixed;
  top: 0;
  width: 100%;
  height: 35px;
  background: #F9F9F9;
  line-height: 35px;
  z-index: 1002;
  transition: top 0.4s;
  -webkit-transition: top 0.4s;
}
.topbar.hide {
  top: -35px;
}
.topbar .con {
  width: 1200px;
  margin: auto;
  font-size: 12px;
  color: #666;
}
.topbar .con .hello .tel {
  color: #4860D3;
  font-size: 18px;
  font-family: "Microsoft YaHei";
  margin-right: 50px;
}
.topbar .menus {
  color: #DDDDDD;
}
.topbar .menus .menu {
  display: inline-block;
  color: #333333;
  margin: 0 10px;
}
.topbar .menus .menu:last-child {
  margin-right: 0;
}
.topbar .menus .menu .member-default {
  width: 20px;
  height: 22px;
  background: url(../../images/home/member_pic.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.topbar .menus .menu .a {
  color: #999999;
}
.topbar .menus .menu .txtColorOrg {
  font-weight: bold;
}
.topbar .menus .menu.mobile {
  position: relative;
  cursor: default;
}
.topbar .menus .menu.mobile .icon_jiantou {
  display: inline-block;
  transform: rotate(90deg);
  font-size: 12px;
}
.topbar .menus .menu.mobile:hover .qrbox {
  display: block;
}
.topbar .menus .menu.mobile .qrbox {
  position: absolute;
  transform: translateX(-50%);
  display: none;
  width: 403px;
  height: 172px;
  background: #FFFFFF;
  box-shadow: 0px 5px 20px 0px rgba(159, 159, 159, 0.06);
  padding: 22px;
}
.topbar .menus .menu.mobile .qrbox .item {
  width: 100px;
  display: inline-block;
  margin-right: 25px;
  text-align: center;
}
.topbar .menus .menu.mobile .qrbox .item img {
  max-width: 100%;
  display: block;
}
.topbar .menus .menu.mobile .qrbox .item span {
  display: block;
}
.topbar .menus .menu.mobile .qrbox .item:last-child {
  margin-right: 0;
}

.topnav {
  position: fixed;
  z-index: 1001;
  top: 35px;
  width: 100%;
  min-height: 100px;
  background: #FFFFFF;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
  transition: top 0.4s;
  -webkit-transition: top 0.4s;
}
.topnav .con {
  width: 1200px;
  margin: auto;
  height: 100px;
  align-items: center;
}
.topnav .con.anniversary .logodv {
  width: 245px;
}

.topnav .con.anniversary .logodv .slogan {
  display: none;
}
.topnav .con .logodv {
  text-align: left;
  width: 357px;
  color: #666666;
  line-height: 2.5;
  display: flex;
  align-items: center;
}
.topnav .con .logodv .logo {
  width: 130px;
  height: 33px;
  background-image: url("../../images/logo_new.png");
  margin-right: 10px;
}
.topnav .con .logodv .slogan {
  border-left: 1px solid #CCCCCC;
  padding-left: 8px;
  height: 20px;
  display: flex;
  align-items: center;
}
.topnav .con .logodv.member .logo {
  margin-right: 18px;
}
.topnav .con .logodv.member .slogan {
  font-size: 18px;
  color: #4860D3;
  padding-left: 18px;
}
.topnav .con .menus {
  font-size: 0;
  height: 100px;
  padding-top: 43px;
}
.topnav .con .menus .dwon {
  transform: rotate(180edg);
}
.topnav .con .menus .menu {
  display: inline-block;
  margin-right: 32px;
  line-height: 1;
  font-size: 16px;
  color: #000000;
  height: 100%;
}
.topnav .con .menus .menu:last-child {
  margin-right: 0;
}
.topnav .con .menus .menu:first-child i {
  display: inline-block;
  transform: rotate(0);
  transition: transform 0.6s;
  font-size: 12px;
}
.topnav .con .menus .menu:first-child i.showMu {
  transform: rotate(180deg);
}
.topnav .navSedMenu {
  background: #FFFFFF;
  height: 0px;
  transition: height 0.6s;
  transition-property: border-top, height;
  overflow: hidden;
}
.topnav .navSedMenu.showMu {
  height: 180px;
  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.06);
}
.topnav .navSedMenu .menus {
  width: 1100px;
  margin: auto;
  text-align: center;
  padding-top: 36px;
}
.topnav .navSedMenu .menus .muitem {
  width: 230px;
  display: inline-block;
  color: #000000;
  line-height: 2;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}
.topnav .navSedMenu .menus .muitem img {
  opacity: 0.8;
}
.topnav .navSedMenu .menus .muitem:hover {
  color: #4860D3;
}
.topnav .navSedMenu .menus .muitem:hover img {
  opacity: 1;
}

.pageMain {
  margin-top: 137px;
}

.pageBottom {
  background: #2B2B2B;
}
.pageBottom .bottomCon {
  width: 1200px;
  margin: auto;
  padding-top: 56px;
  padding-bottom: 30px;
}
.pageBottom .item {
  display: inline-block;
  width: 310px;
  height: 80px;
}
.pageBottom .item img {
  vertical-align: top;
}
.pageBottom .item .con {
  display: inline-block;
}
.pageBottom .item .con .title {
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1;
}
.pageBottom .item .con .txt {
  font-size: 14px;
  color: #999999;
  line-height: 2.8;
}
.pageBottom .qr {
  width: 526px;
}
.pageBottom .qr .qrItem {
  display: inline-block;
  margin-right: 52px;
  line-height: 2;
  font-size: 14px;
  color: #cccccc;
  text-align: center;
}
.pageBottom .qr .qrItem img {
  height: 138px;
}
.pageBottom .qr .qrItem:last-child {
  margin-right: 0;
}
.pageBottom .copy {
  height: 130px;
  background: #000000;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  padding-top: 30px;
}

.trjqr {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
}
.trjqr .log_app {
  display: inline-block;
  width: 26%;
  height: 26%;
  position: absolute;
  left: calc(50% - 13%);
  top: calc(50% - 13%);
  background: url(../../images/public/log_app.png);
  background-size: 100%;
  z-index: 1;
}

.openDownAppContent {
  text-align: center;
  width: 420px;
  padding: 40px;
}
.openDownAppContent .appqr {
  display: inline-block;
  width: 162px;
  height: 162px;
  padding: 5px;
  font-size: 0;
}
.openDownAppContent .appqr img {
  width: 152px;
  height: 152px;
}
.openDownAppContent .text {
  font-size: 16px;
  color: #666666;
  line-height: 28px;
  text-align: center;
  padding: 12px;
}
.openDownAppContent .button {
  width: 168px;
  height: 36px;
  line-height: 36px;
  margin: auto;
  color: #FFFFFF;
}
.openDownAppContent .button:hover {
  color: #FFFFFF;
}

.pagination {
  text-align: right;
}
.pagination .pBtn {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 34px;
  font-size: 14px;
  text-align: center;
  line-height: 34px;
  background: #FFFFFF;
  border: 1px solid #EAEAEA;
  margin: 0 5px;
  color: #666666;
  overflow: hidden;
}
.pagination .pBtn:last-child {
  margin-right: 0;
}
.pagination .pBtn.prev {
  font-family: "trjfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: rotate(180deg);
}
.pagination .pBtn.prev::after {
  content: "";
}
.pagination .pBtn.next {
  font-family: "trjfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pagination .pBtn.next::after {
  content: "";
}
.pagination .pBtn.act, .pagination .pBtn:hover {
  width: 34px;
  height: 34px;
  background: #4860D3;
  color: #FFFFFF;
  border: none;
}
.pagination .pBtn.disabled {
  border-color: #EAEAEA;
  color: #EAEAEA;
}
.pagination .pBtn.disabled.act, .pagination .pBtn.disabled:hover {
  border: 1px solid #EAEAEA;
  background-color: #FFFFFF;
  color: #EAEAEA;
}

.breadcrumb {
  font-size: 16px;
  color: #999999;
}
.breadcrumb .label {
  display: inline-block;
  margin-right: 6px;
  color: #999999;
}
.breadcrumb i {
  display: inline-block;
  padding-right: 6px;
}

.course-cnxh-item {
  margin-bottom: 35px;
}
.course-cnxh-item .cnxh-pic {
  width: 266px;
  height: 165px;
  overflow: hidden;
}
.course-cnxh-item .cnxh-pic img {
  display: block;
  width: 266px;
  height: 165px;
  transition: transform 0.4s;
}
.course-cnxh-item:hover .cnxh-pic img {
  transform: scale(1.2);
}
.course-cnxh-item section {
  padding: 10px;
}
.course-cnxh-item section h5 {
  font-size: 16px;
  color: #000;
  padding-top: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
}
.course-cnxh-item section h5:hover {
  color: #4860D3;
}
.course-cnxh-item section .cnxh-tags {
  font-size: 0;
  margin-top: 10px;
  height: 20px;
  overflow: hidden;
}
.course-cnxh-item section .cnxh-tags span {
  display: inline-block;
  font-size: 12px;
  color: #8C9BB9;
  padding: 0 8px;
  background: #F1F3F6;
  margin-right: 10px;
  height: 20px;
  line-height: 20px;
}
.course-cnxh-item section article {
  display: flex;
  height: 24px;
  justify-content: space-between;
  align-items: center;
  margin-top: 17px;
}
.course-cnxh-item section article .cnxh-price {
  font-size: 14px;
  color: #FF4F51;
}
.course-cnxh-item section article .cnxh-price span {
  font-size: 18px;
  font-weight: bold;
}
.course-cnxh-item section article .cnxh-jrxx {
  font-size: 12px;
  color: #8C9BB9;
}

.course-syllabus {
  margin-top: 45px;
}

.course-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

.syllabus-list {
  margin-top: 18px;
}
.syllabus-list li {
  float: left;
  width: 380px;
  height: 52px;
  margin-bottom: 25px;
  padding-left: 23px;
  margin-right: 74px;
}
.syllabus-list li:nth-child(2n) {
  margin-right: 0;
}
.syllabus-list li .icon-course-syllabus {
  float: left;
  display: block;
  width: 17px;
  height: 18px;
  margin-left: -23px;
  background: url(../../images/course/course_video.png);
  margin-top: 5px;
}
.syllabus-list li .syllabus-name {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.syllabus-list li .syllabus-name:hover {
  color: #4860D3;
}
.syllabus-list li section {
  height: 24px;
  line-height: 24px;
}
.syllabus-list li section .course-time {
  float: left;
  color: #999999;
  display: flex;
  align-items: center;
}
.syllabus-list li section .course-time .icon-course-time {
  display: block;
  width: 14px;
  height: 14px;
  background: url(../../images/home/home021.png);
  margin-right: 5px;
}
.syllabus-list li section .btn-course-play {
  float: right;
  position: relative;
  color: #4860D3;
  display: flex;
  align-items: center;
  height: 22px;
  border: 1px solid #4860D3;
  padding: 0 10px 0 22px;
  border-radius: 11px;
  cursor: pointer;
}
.syllabus-list li section .btn-course-play::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 7px 0 6px 8px;
  border-style: solid;
  border-color: transparent transparent transparent #4860D3;
  position: absolute;
  top: 4px;
  left: 10px;
}
.syllabus-list li section .btn-course-play .icon-course-play {
  display: block;
  width: 0;
  height: 0;
  border-width: 5px 0 5px 5px;
  border-style: solid;
  border-color: transparent transparent transparent white;
  position: absolute;
  top: 5px;
  left: 11px;
}
.syllabus-list li section .btn-course-play .syllabus-code {
  position: absolute;
  display: none;
  padding-top: 6px;
  border: 4px solid #ececec;
  width: 131px;
  height: 119px;
  background: #fff;
  font-size: 12px;
  left: 50%;
  top: -135px;
  margin-left: -60px;
}
.syllabus-list li section .btn-course-play .syllabus-code img {
  display: block;
  margin: 0 auto;
}
.syllabus-list li section .btn-course-play .syllabus-code p {
  color: #B2B2B2;
  font-size: 14px;
  text-align: center;
}
.syllabus-list li section .btn-course-play .syllabus-code .syllabus-narrow {
  width: 15px;
  height: 11px;
  background: url(../../images/course/code_narrow.jpg);
  position: absolute;
  left: 50%;
  top: 111px;
  margin-left: -8px;
}
.syllabus-list li section .btn-course-play:hover {
  background: #4860D3;
  color: #fff;
}
.syllabus-list li section .appshow:hover .syllabus-code {
  display: block;
}
.syllabus-list li section .course-lock {
  float: right;
  width: 12px;
  height: 16px;
  background: url(../../images/course/lock.png);
}

.syllabus-more {
  width: 152px;
  height: 38px;
  margin: 0 auto;
  margin-top: 15px;
}
.syllabus-more a {
  display: block;
  width: 152px;
  height: 38px;
  border: 1px solid #4860D3;
  color: #4860D3;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
}
.syllabus-more a:hover {
  background: #4860D3;
  color: #fff;
}

.recommend-shadow {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  z-index: 1002;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recommend-shadow .recommend-layer {
  background: #fff;
  position: relative;
  padding: 30px 30px 0 30px;
}
.recommend-shadow .recommend-layer.search {
  width: 532px;
  height: 332px;
}
.recommend-shadow .recommend-layer.team {
  background: #fff url(../../images/team/blue_bg.jpg) repeat-x;
  padding: 30px;
}
.recommend-shadow .recommend-layer.join {
  width: 600px;
  height: 490px;
}
.recommend-shadow .recommend-layer.join .recommend-search-form {
  padding-top: 30px;
}
.recommend-shadow .recommend-layer.service {
  background: #fff url(../../images/investment/service_layer.jpg) repeat-x;
  width: 600px;
  height: 490px;
}
.recommend-shadow .recommend-layer.service .recommend-search-form {
  padding-top: 30px;
}
.recommend-shadow .recommend-layer.service .join-much span {
  color: #b90c0e;
}
.recommend-shadow .recommend-layer.service .form-btn a.form-btn-search.ljtj {
  background: linear-gradient(to bottom, #f4dbbd, #d8bf9f, #b59a78);
  border: 0;
  color: #000;
}
.recommend-shadow .recommend-layer.service .recommend-search-form .form-item.code .join-code-btn {
  border: 1px solid #b90c0e;
  color: #b90c0e;
}
.recommend-shadow .recommend-layer.service .recommend-search-form .form-item.code .join-code-btn:hover {
  background: #b90c0e;
}
.recommend-shadow .recommend-layer.service .recommend-search-form .wybm-agree a {
  color: #b90c0e;
}
.recommend-shadow .recommend-layer.service .join-bottom .join-b-item h5 {
  color: #333;
}
.recommend-shadow .recommend-layer.service .join-bottom .join-b-item h5 i.icon-join-04 {
  background: url(../../images/investment/icon_service_1.png);
  width: 18px;
  height: 18px;
}
.recommend-shadow .recommend-layer.service .join-bottom .join-b-item h5 i.icon-join-05 {
  background: url(../../images/investment/icon_service_2.png);
  width: 16px;
  height: 16px;
}
.recommend-shadow .recommend-layer.service .join-bottom .join-b-item h5 i.icon-join-06 {
  background: url(../../images/investment/icon_service_3.png);
  width: 18px;
  height: 18px;
}
.recommend-shadow .recommend-layer.service .join-bottom {
  background: #f5f4f4;
}
.recommend-shadow .recommend-layer.service .join-b-right {
  color: #b90c0e;
  background: url(../../images/recommend/more2.png);
}
.recommend-shadow .recommend-layer .layer-close {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 16px;
  height: 16px;
  background: url(../../images/recommend/close.png);
  cursor: pointer;
}
.recommend-shadow .recommend-layer .recommend-search-form {
  padding-top: 46px;
}
.recommend-shadow .recommend-layer .recommend-search-form .wybm-agree {
  display: flex;
  height: 24px;
  padding-left: 72px;
  margin-bottom: 5px;
  align-items: center;
  font-size: 14px;
  color: #999999;
}
.recommend-shadow .recommend-layer .recommend-search-form .wybm-agree a {
  color: #4860D3;
  margin-left: 3px;
}
.recommend-shadow .recommend-layer .recommend-search-form .wybm-agree .checkbox-style {
  border: 1px solid #4860D3;
  margin-right: 5px;
}
.recommend-shadow .recommend-layer .recommend-search-form .form-item {
  display: flex;
  align-items: center;
  height: 40px;
  margin-bottom: 20px;
}
.recommend-shadow .recommend-layer .recommend-search-form .form-item .layui-anim-upbit {
  animation-name: none !important;
}
.recommend-shadow .recommend-layer .recommend-search-form .form-item.code .form-item-right {
  display: flex;
  justify-content: space-between;
}
.recommend-shadow .recommend-layer .recommend-search-form .form-item.code .form-item-right .recommend-input {
  width: 312px;
}
.recommend-shadow .recommend-layer .recommend-search-form .form-item.code .join-code-btn {
  display: block;
  width: 140px;
  border: 1px solid #4860D3;
  color: #4860D3;
  font-weight: bold;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
}
.recommend-shadow .recommend-layer .recommend-search-form .form-item.code .join-code-btn:hover {
  background: #5B73E4;
  color: #fff;
}
.recommend-shadow .recommend-layer .recommend-search-form .form-item .form-item-left {
  width: 72px;
  font-size: 14px;
  color: #333333;
  text-align: right;
  padding-right: 10px;
}
.recommend-shadow .recommend-layer .recommend-search-form .form-item .form-item-right {
  flex: 1;
}
.recommend-shadow .recommend-layer .recommend-search-form .form-item .form-item-right.recommend-time {
  display: flex;
  justify-content: space-between;
}
.recommend-shadow .recommend-layer .recommend-search-form .form-item .form-item-right.recommend-time section {
  width: 190px;
  position: relative;
}
.recommend-shadow .recommend-layer .recommend-search-form .form-item .form-item-right.recommend-time section .icon-time {
  display: block;
  position: absolute;
  width: 18px;
  height: 20px;
  background: url(../../images/recommend/icon_date.png);
  top: 10px;
  right: 14px;
}
.recommend-shadow .recommend-layer .recommend-search-form .form-item .form-item-right .recommend-input {
  width: 100%;
  outline: none;
}
.recommend-shadow .recommend-layer .form-btn {
  display: flex;
  justify-content: center;
  padding-top: 10px;
}
.recommend-shadow .recommend-layer .form-btn a {
  width: 100px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
  font-size: 16px;
}
.recommend-shadow .recommend-layer .form-btn a.form-btn-reset {
  color: #666666;
  background: #fff;
  border: 1px solid #BBBBBB;
}
.recommend-shadow .recommend-layer .form-btn a.form-btn-search {
  background: #4860D3;
  color: #fff;
  font-weight: bold;
  border: 1px solid #4860D3;
}
.recommend-shadow .recommend-layer .form-btn a.form-btn-search.ljtj {
  width: 168px;
}
.recommend-shadow .recommend-layer .form-btn a:hover {
  background: #5B73E4;
  color: #fff;
  border: 1px solid #5B73E4;
}
.recommend-shadow .recommend-layer .join-title {
  font-size: 22px;
}
.recommend-shadow .recommend-layer .join-much {
  font-size: 16px;
  color: #AAAAAA;
  padding-top: 3px;
}
.recommend-shadow .recommend-layer .join-much span {
  color: #F96239;
  font-weight: bold;
  margin: 0 5px;
}
.recommend-shadow .recommend-layer .join-bottom {
  height: 96px;
  background: #F5F6FC;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  padding-left: 38px;
}
.recommend-shadow .recommend-layer .join-bottom.ctdj {
  height: 76px;
}
.recommend-shadow .recommend-layer .join-bottom .join-b-item {
  width: 175px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.recommend-shadow .recommend-layer .join-bottom .join-b-item h5 {
  color: #F96239;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.recommend-shadow .recommend-layer .join-bottom .join-b-item h5 i {
  display: block;
  margin-right: 5px;
}
.recommend-shadow .recommend-layer .join-bottom .join-b-item h5 i.icon-join-01 {
  width: 16px;
  height: 18px;
  background: url(../../images/recommend/icon-ppbz.png);
}
.recommend-shadow .recommend-layer .join-bottom .join-b-item h5 i.icon-join-02 {
  width: 17px;
  height: 17px;
  background: url(../../images/recommend/icon-qyxc.png);
}
.recommend-shadow .recommend-layer .join-bottom .join-b-item h5 i.icon-join-03 {
  width: 17px;
  height: 15px;
  background: url(../../images/recommend/icon-szyx.png);
}
.recommend-shadow .recommend-layer .join-bottom .join-b-item h5 i.icon-join-04 {
  width: 19px;
  height: 18px;
  background: url(../../images/investment/icon-gxct.png);
}
.recommend-shadow .recommend-layer .join-bottom .join-b-item h5 i.icon-join-05 {
  width: 17px;
  height: 16px;
  background: url(../../images/investment/icon-zlhz.png);
}
.recommend-shadow .recommend-layer .join-bottom .join-b-item h5 i.icon-join-06 {
  width: 19px;
  height: 19px;
  background: url(../../images/investment/icon-zyhd.png);
}
.recommend-shadow .recommend-layer .join-bottom .join-b-item p {
  font-size: 12px;
  color: #999999;
  margin-top: 4px;
}
.recommend-shadow .recommend-layer .join-bottom.ctdj .join-b-right {
  height: 76px;
  padding: 7px 8px 0 17px;
}
.recommend-shadow .recommend-layer .join-b-right {
  display: block;
  width: 37px;
  height: 95px;
  background: url(../../images/recommend/more.png);
  color: #4860D3;
  font-size: 12px;
  padding: 17px 8px 0 17px;
  line-height: 16px;
}

.investment-hdxc-menu {
  height: 80px;
  width: 1200px;
  margin: 0 auto;
  margin-top: 26px;
  background: #fff;
}
.investment-hdxc-menu.isfixed {
  position: fixed;
  left: 0;
  width: 100%;
  top: 100px;
  margin-top: 0;
  z-index: 9999;
  border-top: 1px solid #F5F6FC;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
}
.investment-hdxc-menu ul {
  display: flex;
  width: 1200px;
  margin: 0 auto;
}
.investment-hdxc-menu ul li {
  flex: 1;
  text-align: center;
  font-size: 18px;
  color: #333;
  position: relative;
  height: 80px;
  line-height: 80px;
  cursor: pointer;
}
.investment-hdxc-menu ul li .line {
  width: 40px;
  height: 4px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: 1px;
  margin-left: -20px;
}
.investment-hdxc-menu ul li.active {
  font-weight: bold;
}
.investment-hdxc-menu ul li.active .line {
  background: #4860D3;
}

.investment-hdxc-list {
  width: 1200px;
  margin: 0 auto;
  margin-top: 30px;
}
.investment-hdxc-list .detial, .investment-hdxc-list .show-more {
  width: 221px;
  height: 39px;
  display: block;
  border: 1px solid #4860D3;
  text-align: center;
  line-height: 40px;
  color: #fff;
  background: #4860D3;
  margin: 0 auto;
  font-size: 16px;
  margin-top: 13px;
}
.investment-hdxc-list .detial:hover, .investment-hdxc-list .show-more:hover {
  background: #3c54c7;
  color: #fff;
}
.investment-hdxc-list .show-more {
  margin-top: 30px;
}
.investment-hdxc-list ul li {
  float: left;
  width: 387px;
  height: 360px;
  background: #fff;
  margin-bottom: 20px;
  position: relative;
  margin-right: 19px;
}
.investment-hdxc-list ul li:nth-child(3n) {
  margin-right: 0;
}
.investment-hdxc-list ul li .pic {
  width: 387px;
  height: 245px;
  overflow: hidden;
}
.investment-hdxc-list ul li .pic img {
  width: 387px;
  height: 245px;
  transition: transform 0.4s;
}
.investment-hdxc-list ul li:hover .pic img {
  transform: scale(1.2);
}
.investment-hdxc-list ul li a:hover .font h5 {
  color: #4860D3;
}
.investment-hdxc-list ul li .font {
  padding: 15px 20px 15px 20px;
}
.investment-hdxc-list ul li .font h5 {
  font-size: 16px;
  color: #000;
  line-height: 28px;
  height: 56px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: bold;
}
.investment-hdxc-list ul li .font section {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #666;
  margin-top: 10px;
}
.investment-hdxc-list ul li .font section aside {
  display: flex;
  align-items: center;
}
.investment-hdxc-list ul li .font section aside i {
  display: block;
  margin-right: 7px;
}
.investment-hdxc-list ul li .font section aside .icon-address {
  background: url(../../images/investment/icon_address.png);
  width: 13px;
  height: 16px;
}
.investment-hdxc-list ul li .font section aside .icon-time {
  background: url(../../images/investment/icon_time.png);
  width: 13px;
  height: 14px;
}

.fn-hide {
  display: none !important;
}

.links {
  padding: 20px 0;
  margin-top: 20px;
  background: #F9F9F9;
  font-size: 14px;
}

.qh_friend, .qh_friend a {
  color: #666;
}

.qh_friend {
  height: 34px;
  line-height: 30px;
  overflow: hidden;
}

.qh_friend label {
  display: block;
  float: left;
  width: 80px;
  margin-top: 5px;
  color: #999;
}

.qh_friend .qh_fd_more {
  float: right;
  margin-top: 5px;
}

.qh_friend, .qh_friend a {
  color: #666;
}

.qh_fd_li {
  zoom: 1;
  margin: 5px 100px 5px 80px;
}

.qh_fd_li a {
  margin: 0 30px 0 0;
  zoom: 1;
  display: inline-block;
}

.qh_friend.active {
  height: auto;
}

.information-empty {
  text-align: center;
  padding-bottom: 40px;
}
.information-empty aside {
  font-size: 16px;
  padding: 10px 0 20px 0;
}
.information-empty article {
  width: 199px;
  height: 87px;
  background: url(../../images/empty.png);
  margin: 0 auto;
}

.member-container {
  margin: 30px 0 100px 0;
  justify-content: space-between;
  display: flex;
  width: 100%;
}

.member-con-left {
  width: 200px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  background: #fff;
  min-height: 200px;
}
.member-con-left .member-menu-title {
  height: 60px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #131313;
  font-weight: bold;
}
.member-con-left .member-menu-title .y-axis {
  width: 3px;
  height: 33px;
  background: #4860D3;
  margin-right: 28px;
  border-radius: 0 3px 3px 0;
  visibility: hidden;
}
.member-con-left .member-menu-title:hover, .member-con-left .member-menu-title.active {
  background: #F4F8FF;
}
.member-con-left .member-menu-title:hover .y-axis, .member-con-left .member-menu-title.active .y-axis {
  visibility: visible;
}
.member-con-left .member-menus {
  padding: 25px 0 20px 0;
  border-bottom: 1px solid #F4F4F4;
}
.member-con-left .member-menus:last-child {
  border-bottom: 0;
}
.member-con-left .member-menus .member-menu-name {
  font-size: 16px;
  color: #131313;
  font-weight: bold;
  line-height: 24px;
  padding-left: 30px;
}
.member-con-left .member-menus .member-menu-items {
  margin-top: 15px;
}
.member-con-left .member-menus .member-menu-items .menu-item {
  display: block;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  padding-left: 30px;
}
.member-con-left .member-menus .member-menu-items .menu-item.active, .member-con-left .member-menus .member-menu-items .menu-item:hover {
  background: #F4F8FF;
  color: #4860D3;
  font-weight: bold;
}
.member-con-left .member-menus .member-menu-items .menu-item .icon-red-round {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #FF4F51;
  border-radius: 50%;
  margin-left: 5px;
  position: relative;
  top: -7px;
}

.member-con-right {
  width: 980px;
}

.rzyh-items {
  display: flex;
  margin-top: 18px;
  justify-content: space-between;
}
.rzyh-items .item {
  width: 455px;
  height: 176px;
  padding: 30px 80px 0 120px;
  border-radius: 4px;
  overflow: hidden;
}
.rzyh-items .item:hover aside, .rzyh-items .item.active aside {
  color: #EAEFF8;
}
.rzyh-items .item:hover article, .rzyh-items .item.active article {
  color: #EAEFF8;
}
.rzyh-items .item:hover .btn-rzyh, .rzyh-items .item.active .btn-rzyh {
  background: #AFA4FD;
}
.rzyh-items .item.xmf {
  background: url(../../images/member/p1.jpg);
}
.rzyh-items .item.xmf:hover, .rzyh-items .item.xmf.active {
  background: url(../../images/member/p1-a.jpg);
  color: #fff;
}
.rzyh-items .item.ctjg {
  background: url(../../images/member/p2.jpg);
}
.rzyh-items .item.ctjg:hover, .rzyh-items .item.ctjg.active {
  background: url(../../images/member/p2-a.jpg);
  color: #fff;
}
.rzyh-items .item .rzyh-pic {
  width: 64px;
  height: 64px;
  background: #EAEFF8;
  float: left;
  margin-left: -86px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rzyh-items .item .rzyh-pic i {
  display: block;
  width: 36px;
  height: 30px;
}
.rzyh-items .item .rzyh-pic i.icon-rzyh-01 {
  background: url(../../images/member/rzyh_1.png);
}
.rzyh-items .item .rzyh-pic i.icon-rzyh-02 {
  background: url(../../images/member/rzyh_2.png);
}
.rzyh-items .item aside {
  font-size: 16px;
  line-height: 24px;
  color: #111111;
  font-weight: bold;
}
.rzyh-items .item article {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  margin: 5px 0;
}
.rzyh-items .item .btn-rzyh {
  display: block;
  width: 92px;
  height: 32px;
  background: #4860D3;
  color: #fff;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.rzyh-items .item .btn-rzyh i {
  display: block;
  width: 10px;
  height: 10px;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  opacity: 0.5;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-left: 5px;
}

.member-identity {
  padding: 30px;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.07);
}

.member-identity-title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  display: flex;
  align-items: center;
  height: 20px;
}
.member-identity-title i {
  display: block;
  width: 4px;
  height: 16px;
  background: #4860D3;
  margin-right: 9px;
}
.member-identity-title .matters {
  width: 14px;
  height: 15px;
  background: url(../../images/member/zhuyi.png);
  margin: 0 9px 0 18px;
}
.member-identity-title p {
  color: #B7B7B7;
  font-size: 14px;
  font-weight: normal;
}

.form-message {
  height: 34px;
  background: #FEF1F1;
  margin: 2px 0;
  display: flex;
  align-items: center;
  padding-left: 35px;
  font-size: 14px;
  color: #808080;
  font-weight: bold;
  position: relative;
}
.form-message.init {
  background: transparent;
  font-weight: normal;
}
.form-message.init i {
  background: url(../../images/member/icon_message_gray.png);
}
.form-message i {
  display: block;
  width: 14px;
  height: 14px;
  background: url(../../images/member/icon_message.png);
  margin-right: 9px;
  position: absolute;
  left: 12px;
  top: 10px;
}

.member-identity-form {
  padding-left: 125px;
  width: 800px;
  margin-top: 30px;
}
.member-identity-form .form-item {
  display: flex;
}
.member-identity-form .form-item-left {
  width: 150px;
  font-size: 16px;
  color: #333333;
  line-height: 48px;
  text-align: right;
  padding-right: 20px;
}
.member-identity-form .form-item-left span {
  color: #FF4F51;
  margin-right: 5px;
  font-weight: bold;
}
.member-identity-form .form-item-left .zqsf {
  font-size: 14px;
  color: #4860D3;
  line-height: 16px;
  cursor: pointer;
  padding-right: 7px;
}
.member-identity-form .form-item-right {
  min-height: 86px;
  flex: 1;
}
.member-identity-form .form-item-right.form-textarea {
  min-height: 260px;
}
.member-identity-form .form-item-right .select-price {
  height: 48px;
  border: 1px solid #E7E7EA;
  display: flex;
  align-items: center;
  padding: 0 15px;
}
.member-identity-form .form-item-right .select-price .fund-input {
  display: flex;
  align-items: center;
}
.member-identity-form .form-item-right .select-price .fund-input .fund-line {
  width: 17px;
  border-bottom: 1px solid #C2C2C2;
  margin-right: 20px;
}
.member-identity-form .form-item-right .select-price .select-input {
  width: 70px;
  border: 0;
  height: 40px;
  padding: 0;
  font-size: 16px;
}
.member-identity-form .form-item-right .select-price .select-unit {
  position: relative;
  cursor: pointer;
}
.member-identity-form .form-item-right .select-price .select-unit .select-unit-name {
  display: flex;
  align-items: center;
}
.member-identity-form .form-item-right .select-price .select-unit .select-unit-name span {
  font-size: 16px;
  color: #8B8B8B;
  font-weight: bold;
}
.member-identity-form .form-item-right .select-price .select-unit .select-unit-name i {
  width: 7px;
  height: 7px;
  border-left: 1px solid #576C85;
  border-bottom: 1px solid #576C85;
  transform: rotate(-45deg);
  margin-left: 10px;
  margin-bottom: 4px;
}
.member-identity-form .form-item-right .select-price .select-unit .permission-list {
  position: absolute;
  right: -45px;
  top: 37px;
  width: 180px;
  border: 1px solid #EFEFEF;
  z-index: 99;
}
.member-identity-form .form-item-right .select-price .select-unit .permission-list li {
  border-bottom: 1px solid #EFEFEF;
  height: 49px;
  background: #fff;
  line-height: 48px;
  padding-left: 15px;
}
.member-identity-form .form-item-right .select-price .select-unit .permission-list li:hover {
  background: #F4F6FF;
  color: #4860D3;
  font-weight: bold;
}
.member-identity-form .form-item-right .select-price .select-unit .permission-list li:last-child {
  border-bottom: 0;
}
.member-identity-form .form-item-right .form-item-industry {
  height: 48px;
  border: 1px solid #E7E7EA;
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
  align-items: center;
}
.member-identity-form .form-item-right .form-item-industry .choose-industry {
  display: flex;
}
.member-identity-form .form-item-right .form-item-industry .choose-industry .choose-item {
  padding: 0 16px;
  height: 30px;
  background: #eceffb;
  color: #6F83E1;
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
  margin-right: 7px;
  border-radius: 4px;
}
.member-identity-form .form-item-right .form-item-industry .icon-triangle {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #576C85;
}
.member-identity-form .form-item-right .form-item-address {
  height: 48px;
  border: 1px solid #E7E7EA;
  padding: 0 15px;
  position: relative;
}
.member-identity-form .form-item-right .form-item-address .choose-address {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 46px;
}
.member-identity-form .form-item-right .form-item-address .choose-address .choose-list {
  display: flex;
  align-items: center;
}
.member-identity-form .form-item-right .form-item-address .choose-address .choose-list .address-item {
  padding: 0 16px;
  height: 30px;
  background: #eceffb;
  color: #6F83E1;
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
  margin-right: 7px;
  border-radius: 4px;
}
.member-identity-form .form-item-right .form-item-address .choose-address .icon-triangle {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #576C85;
}
.member-identity-form .form-item-right .form-item-address .address-list {
  position: absolute;
  width: 288px;
  right: 0;
  top: 48px;
  border: 1px solid #EFEFEF;
  z-index: 99;
  height: 386px;
  overflow: hidden;
}
.member-identity-form .form-item-right .form-item-address .address-list li {
  height: 48px;
  background: #fff;
  padding: 0 0 0 18px;
  line-height: 48px;
  color: #666;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.member-identity-form .form-item-right .form-item-address .address-list li i {
  display: block;
  width: 16px;
  height: 16px;
  background: url(../../images/member/checkbox.png);
  margin-right: 19px;
}
.member-identity-form .form-item-right .form-item-address .address-list li i.active {
  background: url(../../images/member/checkbox_cur.png);
}
.member-identity-form .form-item-right .form-item-address .address-list li:hover {
  background: #F4F6FF;
  color: #4860D3;
  font-weight: bold;
}
.member-identity-form .form-item-right .form-item-input {
  min-height: 48px;
  position: relative;
}
.member-identity-form .form-item-right .form-item-input.fn-flex {
  display: flex;
  align-items: center;
}
.member-identity-form .form-item-right .form-item-input .member-input {
  height: 48px;
  width: 100%;
  font-size: 16px;
}
.member-identity-form .form-item-right .form-item-input .member-input.mail {
  width: 298px;
}
.member-identity-form .form-item-right .form-item-input .member-input.tel {
  width: 380px;
}
.member-identity-form .form-item-right .form-item-input .text-num {
  position: absolute;
  right: 20px;
  bottom: 12px;
  font-size: 16px;
  color: #CCCCCC;
}
.member-identity-form .form-item-right .form-item-input .member-textarea {
  height: 220px;
  width: 100%;
  border: 1px solid #E7E7EA;
  padding: 16px;
  font-size: 16px;
  line-height: 20px;
  resize: none;
  font-family: "Microsoft YaHei";
}
.member-identity-form .form-item-right .form-item-input .gh, .member-identity-form .form-item-right .form-item-input .rz, .member-identity-form .form-item-right .form-item-input .yrz {
  font-size: 14px;
  font-weight: bold;
  margin: 0 20px;
}
.member-identity-form .form-item-right .form-item-input .gh {
  color: #4860D3;
  display: flex;
  align-items: center;
}
.member-identity-form .form-item-right .form-item-input .rz {
  color: #4860D3;
}
.member-identity-form .form-item-right .form-item-input .gh i {
  display: block;
  width: 14px;
  height: 14px;
  background: url(../../images/member/shuaxin.png);
  margin-left: 7px;
}
.member-identity-form .form-item-right .form-item-input .yrz {
  color: #FF7356;
}
.member-identity-form .form-item-right .member-xingbie {
  display: flex;
  height: 48px;
  align-items: center;
}
.member-identity-form .form-item-right .member-xingbie .item {
  margin-right: 30px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.member-identity-form .form-item-right .member-xingbie .item i {
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #BAC3D5;
  border-radius: 50%;
  margin-right: 10px;
}
.member-identity-form .form-item-right .member-xingbie .item.active i {
  border: 5px solid #4860D3;
}
.member-identity-form .form-submit {
  display: flex;
  padding-left: 98px;
  align-items: center;
  justify-content: left;
  padding: 20px 30px 50px 150px;
}
.member-identity-form .form-submit a {
  display: flex;
  width: 86px;
  height: 32px;
  border: 1px solid #4860D3;
  color: #4860D3;
  font-size: 14px;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  margin: 0 7px;
}
.member-identity-form .form-submit a:hover, .member-identity-form .form-submit a.m-btn-blue {
  background: #4860D3;
  color: #fff;
}

.upload-identity {
  display: flex;
  justify-content: space-between;
  margin: 50px auto 100px auto;
  width: 698px;
}
.upload-identity .item {
  width: 299px;
  cursor: pointer;
}
.upload-identity .item .pic_card {
  width: 299px;
  height: 184px;
  background: url(../../images/member/card_bj.png);
  display: flex;
  justify-content: center;
  align-items: center;
}
.upload-identity .item img {
  max-width: 265px;
  max-height: 160px;
}
.upload-identity .item p {
  font-size: 16px;
  color: #4860D3;
  font-weight: bold;
  text-align: center;
  line-height: 24px;
  margin: 20px 0;
}

.member-sfrz-message {
  height: 34px;
  background: #FEF1F1;
  padding: 0 0 0 43px;
  display: flex;
  align-items: center;
  color: #808080;
  font-weight: bold;
}
.member-sfrz-message i {
  width: 14px;
  height: 14px;
  background: url(../../images/member/icon_message.png);
  display: block;
  margin-right: 9px;
}
.member-sfrz-message span {
  font-size: 14px;
  color: #DD6465;
  margin-left: 17px;
}

.member-sfrz {
  background: #fff;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.07);
  min-height: 817px;
}
.member-sfrz .member-sfrz-title {
  height: 70px;
  border-bottom: 1px solid #F4F4F4;
}
.member-sfrz .member-sfrz-title span {
  font-size: 18px;
  color: #4860D3;
  font-weight: bold;
  border-bottom: 2px solid #4860D3;
  line-height: 68px;
  display: inline-block;
  padding: 0 42px;
}
.member-sfrz .member-sfrz-content {
  padding: 30px;
}

.member-shadow {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10002;
  display: flex;
  justify-content: center;
  align-items: center;
}
.member-shadow .member-layer {
  width: 440px;
  background: #FFFFFF;
  border-radius: 20px;
  min-height: 340px;
  padding-bottom: 40px;
}
.member-shadow .member-layer.certification {
  width: 600px;
}
.member-shadow .member-layer.certification .member-layer-content {
  padding-bottom: 20px;
}
.member-shadow .member-layer.certification .member-identity-form {
  width: 540px;
}
.member-shadow .member-layer .member-identity-form {
  width: 375px;
  padding-left: 0;
  margin-top: 10px;
}
.member-shadow .member-layer .member-identity-form .form-item-left {
  width: 115px;
}
.member-shadow .member-layer .member-identity-form .form-item-right {
  min-height: 73px;
}
.member-shadow .member-layer .member-identity-form .form-submit {
  padding: 0;
  justify-content: center;
  margin-top: 30px;
}
.member-shadow .member-layer .member-identity-form .form-message {
  height: auto;
  min-height: 20px;
  line-height: 20px;
  padding-right: 12px;
}
.member-shadow .member-layer .member-identity-form .form-message i {
  top: 3px;
}
.member-shadow .member-layer .member-identity-form .form-item-input {
  justify-content: space-between;
}
.member-shadow .member-layer .member-identity-form .form-item-input .member-input {
  flex: 1;
}
.member-shadow .member-layer .member-identity-form .form-item-input .code {
  width: 105px;
  height: 48px;
  background: #E9ECFA;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #4860D3;
  font-size: 14px;
  margin-left: 6px;
  border-radius: 4px;
  font-weight: bold;
}
.member-shadow .member-layer .member-identity-form .btn-submit {
  background: #4860D3;
  color: #fff;
}
.member-shadow .member-layer.industry {
  width: 926px;
  padding-bottom: 20px;
}
.member-shadow .member-layer.industry .member-layer-title {
  height: 50px;
  font-size: 18px;
}
.member-shadow .member-layer.industry .layer-industry-promit {
  padding-top: 5px;
}
.member-shadow .member-layer.industry .member-layer-submit {
  margin: 0;
}
.member-shadow .member-layer .member-layer-title {
  display: flex;
  padding: 0 30px;
  height: 60px;
  border-bottom: 1px solid #EFEFEF;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
}
.member-shadow .member-layer .member-layer-title .layer-close {
  width: 16px;
  height: 16px;
  background: url(../../images/member/layer_close.png);
  cursor: pointer;
}
.member-shadow .member-layer .layer-describe {
  font-size: 14px;
  line-height: 20px;
  color: #888888;
  text-align: center;
  margin-top: 15px;
}
.member-shadow .member-layer .layer-describe.moretext {
  width: 347px;
  line-height: 26px;
  font-size: 16px;
  margin: 15px auto;
}
.member-shadow .member-layer .layer-describe span {
  font-weight: bold;
}
.member-shadow .member-layer .layer-sure {
  display: flex;
  justify-content: center;
  margin: 20px 0 30px;
  font-size: 16px;
}
.member-shadow .member-layer .layer-sure a {
  color: #4860D3;
  font-weight: bold;
}
.member-shadow .member-layer .layer-sure a:hover {
  text-decoration: underline;
}
.member-shadow .member-layer .layer-sure .show-mail {
  text-decoration: underline;
}
.member-shadow .member-layer .member-layer-content {
  padding: 25px 30px 50px 30px;
}
.member-shadow .member-layer .member-layer-content.sqzm {
  padding-top: 12px;
  padding-bottom: 0;
}
.member-shadow .member-layer .member-layer-content .member-layer-promit {
  font-size: 14px;
  color: #FF7356;
  line-height: 20px;
  font-weight: bold;
}
.member-shadow .member-layer .member-layer-content .member-layer-subtitle {
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  margin-top: 10px;
}
.member-shadow .member-layer .member-layer-content .member-layer-sq {
  font-size: 14px;
  line-height: 26px;
  margin-top: 10px;
}
.member-shadow .member-layer .member-layer-content .member-layer-sq a {
  margin-left: 20px;
}
.member-shadow .member-layer .member-layer-content .sq-pic {
  display: flex;
  justify-content: center;
}
.member-shadow .member-layer .member-layer-content .sq-pic img {
  display: block;
  margin-top: 20px;
}
.member-shadow .member-layer .member-layer-content .member-layer-wtsx {
  margin-top: 37px;
}
.member-shadow .member-layer .member-layer-content .member-layer-wtsx .wtsx-item {
  display: flex;
  justify-content: space-between;
  height: 48px;
  align-items: center;
  margin-bottom: 18px;
}
.member-shadow .member-layer .member-layer-content .member-layer-wtsx .wtsx-item .wtsx-item-left {
  width: 110px;
  font-size: 16px;
  color: #333;
}
.member-shadow .member-layer .member-layer-content .member-layer-wtsx .wtsx-item .wtsx-item-left span {
  color: #FF4F51;
}
.member-shadow .member-layer .member-layer-content .member-layer-wtsx .wtsx-item .wtsx-item-right {
  height: 48px;
  border: 1px solid #E7E7EA;
  width: 247px;
  position: relative;
}
.member-shadow .member-layer .member-layer-content .member-layer-wtsx .wtsx-item .wtsx-item-right .wtsx-current {
  display: flex;
  align-items: center;
  height: 46px;
  padding: 0 17px;
  justify-content: space-between;
  cursor: pointer;
}
.member-shadow .member-layer .member-layer-content .member-layer-wtsx .wtsx-item .wtsx-item-right .wtsx-current span {
  font-size: 16px;
  color: #999;
}
.member-shadow .member-layer .member-layer-content .member-layer-wtsx .wtsx-item .wtsx-item-right .wtsx-current i {
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #576C85;
}
.member-shadow .member-layer .member-layer-content .member-layer-wtsx .wtsx-item .wtsx-item-right .wtsx-list {
  position: absolute;
  left: -1px;
  top: 45px;
  width: 247px;
  border: 1px solid #EFEFEF;
  display: none;
  z-index: 5;
}
.member-shadow .member-layer .member-layer-content .member-layer-wtsx .wtsx-item .wtsx-item-right .wtsx-list li {
  border-bottom: 1px solid #EFEFEF;
  height: 49px;
  background: #fff;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
}
.member-shadow .member-layer .member-layer-content .member-layer-wtsx .wtsx-item .wtsx-item-right .wtsx-list li:hover {
  background: #F4F6FF;
  color: #4860D3;
  font-weight: bold;
}
.member-shadow .member-layer .member-layer-content .member-layer-wtsx .wtsx-item .wtsx-item-right .wtsx-list li:last-child {
  border-bottom: 0;
}
.member-shadow .member-layer .member-layer-content .member-layer-refresh {
  margin-top: 20px;
}
.member-shadow .member-layer .member-layer-content .member-layer-refresh .refresh-item {
  display: flex;
  font-size: 16px;
  color: #333;
  height: 48px;
  align-items: center;
}
.member-shadow .member-layer .member-layer-content .member-layer-refresh .refresh-item .refresh-item-left {
  width: 90px;
  text-align: right;
  padding-right: 10px;
}
.member-shadow .member-layer .member-layer-content .member-layer-refresh .refresh-item .refresh-item-middle {
  flex: 1;
  display: flex;
  align-items: center;
}
.member-shadow .member-layer .member-layer-content .member-layer-refresh .refresh-item .refresh-item-middle .refresh-input {
  height: 48px;
  border: 1px solid #E7E7EA;
  border-radius: 4px;
}
.member-shadow .member-layer .member-layer-content .member-layer-refresh .refresh-item .refresh-item-middle .line1 {
  width: 8px;
  border-bottom: 1px solid #E7E7EA;
  margin: 0 4px;
}
.member-shadow .member-layer .member-layer-content .member-layer-refresh .refresh-item .refresh-item-middle .line2 {
  width: 18px;
  border-bottom: 1px solid #E7E7EA;
  margin: 0 4px;
}
.member-shadow .member-layer .member-layer-content .member-layer-refresh .refresh-item .refresh-item-right {
  width: 30px;
  margin-left: auto;
  text-align: right;
  font-size: 14px;
  color: #4860D3;
  font-weight: bold;
}
.member-shadow .member-layer .member-layer-content .member-refresh-num {
  font-size: 14px;
  color: #888888;
  text-align: center;
  line-height: 20px;
}

.w172 {
  width: 172px !important;
}

.w86 {
  width: 86px;
}

.w128 {
  width: 128px;
}

.w60 {
  width: 60px;
}

.w120 {
  width: 120px;
}

.member-layer-submit {
  margin: 20px 0 10px;
  justify-content: center;
  display: flex;
}
.member-layer-submit .btn-layer-submit, .member-layer-submit .btn-layer-cancle {
  display: block;
  height: 32px;
  border: 1px solid #4860D3;
  background: #4860D3;
  color: #fff;
  text-align: center;
  line-height: 32px;
  font-weight: bold;
  font-size: 14px;
  margin: 0 7px;
}
.member-layer-submit .btn-layer-cancle {
  color: #4860D3;
  background: #fff;
}
.member-layer-submit .btn-layer-submit:hover {
  color: #fff;
}

.wtsx-success {
  padding: 65px 0 0 0;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wtsx-success .icon-wtsx-success {
  display: block;
  width: 28px;
  height: 28px;
  background: url(../../images/member/chenggong.png);
  margin-right: 12px;
}
.wtsx-success .icon-wtsx-queren {
  display: block;
  width: 22px;
  height: 22px;
  background: url(../../images/member/icon-question.png);
  margin-right: 12px;
}
.wtsx-success.moretext {
  padding: 65px 50px 0 93px;
  position: relative;
}
.wtsx-success.moretext .icon-wtsx-success {
  position: absolute;
  top: 50px;
  left: 50px;
  margin-right: 0;
}
.wtsx-success.moretext .icon-wtsx-queren {
  position: absolute;
  top: 50px;
  left: 50px;
  margin-right: 0;
}

.member-crumb {
  padding: 20px 0 0 30px;
  font-size: 14px;
  color: #888888;
}
.member-crumb span {
  font-weight: bold;
  color: #4860D3;
}

.add-plus {
  width: 65px;
  height: 65px;
  background: url(../../images/member/plus-add.png);
  cursor: pointer;
}

.plus-pic {
  width: 57px;
  height: 66px;
  background: url(../../images/member/wenjian.png);
  position: relative;
}
.plus-pic .plus-close {
  position: absolute;
  right: -23px;
  top: 0;
  width: 12px;
  height: 12px;
  background: url(../../images/member/plus_close.jpg);
  cursor: pointer;
}

.plus-promit {
  color: #B7B7B7;
  font-size: 14px;
  line-height: 24px;
  margin-top: 20px;
}

.layer-industry-promit {
  font-size: 14px;
  font-weight: bold;
  color: #FF4F51;
  padding: 15px 0 0 35px;
}

.layer-industry-list .industry-item {
  min-height: 40px;
  display: flex;
  border-bottom: 1px solid #F2F3F7;
}
.layer-industry-list .industry-item:nth-child(even) .industry-item-left {
  background: #DDE9FC;
  color: #333;
}
.layer-industry-list .industry-item .industry-item-left {
  width: 96px;
  font-size: 14px;
  color: #666;
  background: #F4F8FF;
  line-height: 20px;
  padding: 10px;
  text-align: center;
}
.layer-industry-list .industry-item .industry-item-right {
  flex: 1;
  padding: 9px 15px;
  line-height: 22px;
}
.layer-industry-list .industry-item .industry-item-right .sub-industry {
  display: inline-block;
  padding: 0 8px;
  margin-right: 5px;
}
.layer-industry-list .industry-item .industry-item-right .sub-industry.active {
  background: #4860D3;
  color: #fff;
}

.business-card-search {
  display: flex;
  height: 48px;
  align-items: center;
  margin: 35px 0;
  padding: 0 35px;
  justify-content: space-between;
}
.business-card-search .search-item {
  display: flex;
  align-items: center;
}
.business-card-search .search-item .search-text {
  font-size: 16px;
  color: #333333;
  margin-right: 20px;
}
.business-card-search .search-item .search-text span {
  color: #FF4F51;
}
.business-card-search .search-item .search-input {
  width: 287px;
  height: 48px;
  font-size: 16px;
}
.business-card-search .search-item .search-select {
  width: 287px;
  height: 48px;
  border: 1px solid #E7E7EA;
  padding: 0 15px;
  position: relative;
}
.business-card-search .search-item .search-select .search-select-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 46px;
}
.business-card-search .search-item .search-select .search-select-name span {
  font-size: 16px;
  color: #999999;
}
.business-card-search .search-item .search-select .search-select-name span.active {
  color: #333;
}
.business-card-search .search-item .search-select .search-select-name i {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #576C85;
}
.business-card-search .search-item .search-select .search-select-list {
  position: absolute;
  width: 287px;
  border: 1px solid #E7E7EA;
  left: -1px;
  top: 49px;
}
.business-card-search .search-item .search-select .search-select-list li {
  height: 48px;
  background: #fff;
  cursor: pointer;
  padding-left: 16px;
  line-height: 48px;
  font-size: 14px;
  color: #666666;
}
.business-card-search .search-item .search-select .search-select-list li:hover {
  background: #F4F6FF;
  font-weight: bold;
  color: #4860D3;
}
.business-card-search .btn-search {
  display: block;
  width: 86px;
  height: 32px;
  background: #4860D3;
  color: #fff;
  line-height: 32px;
  text-align: center;
}
.business-card-search .btn-search:hover {
  color: #fff;
}

.member-system-list.message li {
  padding: 15px 60px 15px 30px;
}
.member-system-list.message li aside {
  margin-top: 10px;
}
.member-system-list li {
  min-height: 147px;
  border: 1px solid #EFEFEF;
  margin-bottom: 20px;
  padding: 30px 60px 30px 30px;
  display: flex;
}
.member-system-list li aside {
  width: 68px;
  height: 68px;
  background: #E8EDF8;
  border-radius: 50%;
  margin-right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #ddd;
}
.member-system-list li aside img {
  display: block;
  width: 100%;
}
.member-system-list li section {
  flex: 1;
  padding-right: 50px;
}
.member-system-list li section h5 {
  font-size: 16px;
  font-weight: bold;
  color: #4860D3;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.member-system-list li section h5 .position {
  font-size: 14px;
  background: #eceffb;
  border-radius: 4px;
  font-weight: normal;
  padding: 0 5px;
  line-height: 20px;
  margin-left: 15px;
}
.member-system-list li section h5 .job {
  font-size: 14px;
  color: #6F83E1;
  font-weight: normal;
  margin-left: 5px;
}
.member-system-list li section p {
  line-height: 20px;
  margin: 10px 0;
  color: #666666;
}
.member-system-list li section article {
  color: #9E9E9E;
  display: flex;
  align-items: center;
}
.member-system-list li section article i {
  display: block;
  background: url(../../images/home/home021.png);
  width: 14px;
  height: 14px;
  margin-right: 9px;
}
.member-system-list li section article a {
  color: #9E9E9E;
}
.member-system-list li section .member-message {
  font-size: 16px;
  color: #131313;
  line-height: 24px;
  margin-bottom: 8px;
}
.member-system-list li .show-home-page {
  display: block;
  width: 110px;
  height: 32px;
  background: #4860D3;
  color: #fff;
  margin-left: auto;
  text-align: center;
  line-height: 32px;
  margin-top: 25px;
}
.member-system-list li .show-home-page:hover {
  background: #3f56c6;
}

.member-tab {
  height: 72px;
  border-bottom: 1px solid #F4F4F4;
  display: flex;
}
.member-tab .item-tab {
  padding: 0 35px;
  line-height: 70px;
  color: #333;
  font-size: 18px;
  height: 72px;
}
.member-tab .item-tab.active {
  font-weight: bold;
  color: #4860D3;
  border-bottom: 2px solid #4860D3;
}

.layui-form-select .layui-edge {
  border-top-color: #576C85 !important;
}

.pb60 {
  padding-bottom: 40px;
}

.trj_tc {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.trj_tc .centerboxlink {
  position: relative;
}
.trj_tc .centerboxlink .uploadimg {
  max-width: 560px;
  max-height: 480px;
}
.trj_tc .centerbox {
  width: 560px;
  height: 481px;
  background: url(../../images/classlist/tcbg1.png) no-repeat;
  background-size: cover;
  position: relative;
}
.trj_tc .alllink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.trj_tc .close {
  position: absolute;
  cursor: pointer;
  top: -43px;
  right: -40px;
}
.trj_tc .subbtn {
  position: absolute;
  width: 244px;
  height: 63px;
  top: 392px;
  left: 149px;
  cursor: pointer;
}
.trj_tc .inputbox {
  width: 420px;
  position: absolute;
  top: 267px;
  left: 69px;
}
.trj_tc .inputbox li {
  margin-bottom: 20px;
  overflow: hidden;
}
.trj_tc .inputbox .lf {
  float: left;
  font-size: 16px;
  color: #333;
  width: 85px;
  margin-top: 9px;
}
.trj_tc .inputbox input {
  float: left;
  width: calc(100% - 85px);
  padding: 0 10px;
  height: 43px;
  font-size: 16px;
  line-height: 41px;
  border: 1px solid #EDECEC;
}

.trj_leftad {
  position: fixed;
  left: 50px;
  bottom: 25px;
  z-index: 999998;
}
.trj_leftad .close {
  position: absolute;
  cursor: pointer;
  top: -24px;
  left: 2px;
  width: 20px;
}
.trj_leftad .adimg {
  max-width: 205px;
}

.nomoredata {
  text-align: center;
  font-size: 16px;
  color: #999;
  padding: 40px 0;
}

.icon-m-project {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 2px;
  background: url(../../images/member/icon_project.png);
}

.service-success-layer {
  width: 290px;
  height: 361px;
  background: url(../../images/register_service_success.png);
}
.service-success-layer p {
  padding-top: 275px;
  font-size: 18px;
  color: #fff;
  text-align: center;
}

.commit-layer {
  width: 340px;
}
.commit-layer .commit-title {
  font-size: 18px;
  color: #000000;
  font-weight: bold;
  line-height: 24px;
}
.commit-layer .commit-content {
  font-size: 16px;
  color: #666666;
  line-height: 28px;
  margin: 30px 0;
}
.commit-layer .commit-btn {
  height: 36px;
}
.commit-layer .commit-btn a {
  display: block;
  height: 36px;
  background: #4860d3;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 36px;
}

.commit-success-layer {
  display: flex;
  width: 400px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #666666;
  margin: 30px 0;
}
.commit-success-layer .icon-success {
  display: block;
  width: 28px;
  height: 28px;
  background: url(../../images/chenggong.png);
  margin-right: 10px;
}

.confirm-project aside {
  padding: 30px 0 18px;
  font-size: 16px;
  color: #666666;
  line-height: 28px;
}
.confirm-project .item {
  height: 65px;
  border: 1px solid #f4f4f4;
  border-radius: 3px;
  margin-bottom: 10px;
  display: flex;
  padding: 0 14px;
  align-items: center;
}
.confirm-project .item .item-left {
  display: flex;
  align-items: center;
}
.confirm-project .item .item-left.active .item-round {
  border: 4px solid #333333;
}
.confirm-project .item .item-round {
  width: 15px;
  height: 15px;
  border: 1px solid #d6d6d6;
  border-radius: 50%;
}
.confirm-project .item .item-middle {
  margin-left: 15px;
  cursor: pointer;
}
.confirm-project .item .item-middle .item-m-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.confirm-project .item .item-middle .item-m-desc {
  font-size: 12px;
  color: #999999;
  line-height: 24px;
  width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.confirm-project .item .item-right {
  margin-left: auto;
  font-size: 12px;
  color: #999999;
  display: flex;
  align-items: center;
  height: 20px;
}
.confirm-project .item .item-right i {
  display: block;
  width: 10px;
  height: 13px;
  background: url(../../images/public/project_arrow.jpg);
  margin-bottom: 2px;
  margin-left: 5px;
}

.example-shadow {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10002;
  display: flex;
  justify-content: center;
  align-items: center;
}
.example-shadow .example-layer {
  background: #fff;
  padding: 30px;
  width: 600px;
  position: relative;
}
.example-shadow .example-layer .layer-close {
  width: 16px;
  height: 16px;
  background: url(../../images/member/layer_close.png);
  cursor: pointer;
  position: absolute;
  right: 25px;
  top: 25px;
}
.example-shadow .example-layer .example-layer-title {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  line-height: 36px;
  text-align: center;
  padding-top: 5px;
}
.example-shadow .example-layer .example-article {
  font-size: 16px;
  color: #333333;
  line-height: 32px;
  margin-top: 24px;
}
.example-shadow .example-layer .example-article p {
  text-indent: 2em;
}
.example-shadow .example-layer .btn-example-close {
  width: 120px;
  height: 36px;
  background: #4860D3;
  margin: 0 auto;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 36px;
  cursor: pointer;
}

.formtext-tips {
  padding: 5px 50px 10px 0;
  display: flex;
}
.formtext-tips .formtext-tips-left {
  width: 14px;
  height: 14px;
  background: url(../../images/member/icon_message_gray.png);
  margin: 4px 10px 0 0;
}
.formtext-tips .formtext-tips-right {
  flex: 1;
}
.formtext-tips dl {
  font-size: 12px;
  color: #999999;
  line-height: 22px;
  display: flex;
  margin-bottom: 5px;
}
.formtext-tips dl dt {
  width: 20px;
}

.vision-content {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
  padding-bottom: 50px;
}
.vision-content .show-more {
  display: block;
  width: 220px;
  height: 40px;
  margin: 0 auto;
  margin-top: 12px;
  border: 1px solid #4860d3;
  font-size: 16px;
  color: #4860d3;
  text-align: center;
  line-height: 38px;
}
.vision-content .vision-content-left {
  width: 833px;
  padding-top: 6px;
}
.vision-content .vision-content-left .vision-menus {
  display: flex;
  height: 48px;
  justify-content: space-between;
}
.vision-content .vision-content-left .vision-menus .item {
  height: 48px;
  text-align: center;
  font-size: 18px;
  margin-right: 18px;
  line-height: 46px;
  cursor: pointer;
  padding: 0 20px;
}
.vision-content .vision-content-left .vision-menus .item.active {
  border-bottom: 2px solid #4860d3;
}
.vision-content .vision-content-left .vision-news {
  margin-top: 37px;
}
.vision-content .vision-content-left .vision-news .item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 38px;
}
.vision-content .vision-content-left .vision-news .item .item-left {
  width: 250px;
  height: 154px;
  overflow: hidden;
  position: relative;
}
.vision-content .vision-content-left .vision-news .item .item-left img {
  display: block;
  width: 250px;
  height: 154px;
}
.vision-content .vision-content-left .vision-news .item .item-left .type {
  position: absolute;
  height: 20px;
  top: 6px;
  left: 6px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  color: #fff;
  padding: 0 6px;
  font-size: 12px;
  line-height: 20px;
}
.vision-content .vision-content-left .vision-news .item .item-right {
  margin-left: 30px;
  flex: 1;
  position: relative;
}
.vision-content .vision-content-left .vision-news .item .item-right .title {
  font-size: 18px;
  font-weight: bold;
  height: 24px;
  display: flex;
  align-items: center;
}
.vision-content .vision-content-left .vision-news .item .item-right .title i {
  display: block;
  width: 25px;
  height: 20px;
  background: url(../../images/invest2/icon_video.png);
  margin-right: 10px;
}
.vision-content .vision-content-left .vision-news .item .item-right .title p {
  width: 515px;
}
.vision-content .vision-content-left .vision-news .item .item-right .descrip {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  margin: 10px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.vision-content .vision-content-left .vision-news .item .item-right .item-bottom {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.vision-content .vision-content-left .vision-news .item .item-right .item-bottom .tags {
  display: flex;
}
.vision-content .vision-content-left .vision-news .item .item-right .item-bottom .tags span {
  display: block;
  height: 20px;
  background: #4860d3;
  font-size: 12px;
  color: #fff;
  padding: 0 5px;
  line-height: 20px;
  border-radius: 3px;
  margin-right: 10px;
}
.vision-content .vision-content-left .vision-news .item .item-right .item-bottom .item-bottom-right {
  display: flex;
  height: 20px;
  align-items: center;
  color: #94969a;
}
.vision-content .vision-content-left .vision-news .item .item-right .item-bottom .item-bottom-right .source span {
  color: #768cb8;
}
.vision-content .vision-content-left .vision-news .item .item-right .item-bottom .item-bottom-right .time {
  margin-left: 15px;
  color: #94969a;
}
.vision-content .vision-content-left .vision-news .middle-quick {
  margin-bottom: 40px;
}
.vision-content .vision-content-left .vision-news .middle-quick img {
  display: block;
  width: 100%;
}
.vision-content .vision-content-right {
  width: 326px;
  padding-top: 15px;
}

.new-box-wrap {
  position: relative;
  padding-bottom: 30px;
}
.new-box-wrap .right-box-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new-box-wrap .right-box-title .title-left {
  display: flex;
  align-items: center;
  font-size: 20px;
}
.new-box-wrap .right-box-title .title-left i {
  width: 4px;
  height: 16px;
  background: #4860d3;
  display: block;
  margin-right: 17px;
}
.new-box-wrap .right-box-title .title-more {
  display: flex;
  font-size: 14px;
  color: #6071d4;
  align-items: center;
  height: 14px;
  background: url(../../images/home/home045.png) right no-repeat;
  padding-right: 20px;
  line-height: 14px;
}
.new-box-wrap .right-box-title .title-more:hover {
  background-image: url(../../images/home/home045_hover.png);
}
.new-box-wrap .right-box-title .title-change {
  font-size: 14px;
  color: #666666;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.new-box-wrap .right-box-title .title-change i {
  display: block;
  width: 15px;
  height: 12px;
  background: url(../../images/invest2/jiaohuan.png);
  margin-left: 10px;
}
.new-box-wrap .right-box-title .title-change:hover {
  color: #4860d3;
}
.new-box-wrap .quick-pic {
  margin-bottom: 12px;
  display: block;
  width: 100%;
}
.new-box-wrap .research-institute {
  margin-top: 20px;
}
.new-box-wrap .research-institute .item {
  margin-bottom: 5px;
}
.new-box-wrap .research-institute .item .item-top {
  width: 100%;
  height: 212px;
  position: relative;
  overflow: hidden;
}
.new-box-wrap .research-institute .item .item-top img {
  display: block;
  width: 326px;
  height: 212px;
}
.new-box-wrap .research-institute .item .item-top .yjy-type {
  position: absolute;
  padding: 0 10px;
  height: 28px;
  z-index: 3;
  border-radius: 5px 0 5px 0;
  left: 8px;
  top: 8px;
  font-size: 16px;
  color: #fff;
  line-height: 26px;
  text-align: center;
}
.new-box-wrap .research-institute .item .item-top .yjy-type.ctbg {
  border: 1px solid #edcc3f;
  background: #e4b02d;
}
.new-box-wrap .research-institute .item .item-top .yjy-type.rdzz {
  border: 1px solid #f15252;
  background: #fd5a5a;
}
.new-box-wrap .research-institute .item .item-top .yjy-type.hydc {
  border: 1px solid #0d3edd;
  background: #0944c2;
}
.new-box-wrap .research-institute .item .item-bottom {
  margin: 15px 0;
  line-height: 24px;
  font-size: 14px;
  color: #666666;
  display: -webkit-box;
  height: 48px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.new-box-wrap .news-video {
  height: 95px;
  background: url(../../images/invest2/video_bg.jpg);
  margin-top: 20px;
}
.new-box-wrap .news-activity {
  height: 317px;
  margin-top: 20px;
}
.new-box-wrap .news-activity .item-pic {
  height: 207px;
  width: 100%;
  overflow: hidden;
}
.new-box-wrap .news-activity img {
  display: block;
  height: 207px;
  width: 100%;
}
.new-box-wrap .news-activity .activity-bottom {
  padding: 10px 20px;
  height: 110px;
  box-shadow: 5px 0 20px rgba(159, 159, 159, 0.16);
}
.new-box-wrap .news-activity .activity-bottom .title {
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
}
.new-box-wrap .news-activity .activity-bottom section {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #999999;
  margin-top: 5px;
}
.new-box-wrap .news-activity .activity-bottom section .activity-bottom-item {
  display: flex;
}
.new-box-wrap .news-activity .activity-bottom section i {
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
.new-box-wrap .news-activity .activity-bottom section i.icon-address {
  background: url(../../images/home/home020.png);
}
.new-box-wrap .news-activity .activity-bottom section i.icon-time {
  background: url(../../images/home/home021.png);
}
.new-box-wrap .btn-bmhd {
  display: block;
  width: 144px;
  height: 40px;
  background: #4860d3;
  border-radius: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  color: #fff;
  margin: 30px auto 0 auto;
}
.new-box-wrap .btn-bmhd:hover {
  background: #6075da;
  color: #fff;
}
.new-box-wrap .column-recommendation {
  margin-top: 20px;
  padding-bottom: 16px;
}
.new-box-wrap .column-recommendation .item {
  height: 87px;
  box-shadow: 0 0 20px rgba(216, 221, 244, 0.45);
  padding: 15px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.new-box-wrap .column-recommendation .item .item-logo {
  width: 58px;
  height: 58px;
  border: 1px solid #d5e0f3;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-box-wrap .column-recommendation .item .item-logo img {
  max-width: 50px;
  max-height: 50px;
}
.new-box-wrap .column-recommendation .item .item-name {
  font-size: 16px;
  font-weight: bold;
  margin-left: 20px;
  width: 140px;
}
.new-box-wrap .column-recommendation .item .item-guanzhu {
  display: block;
  width: 76px;
  height: 26px;
  background: #4860d3;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 26px;
}
.new-box-wrap .column-recommendation .item .item-guanzhu:hover {
  background: #6075da;
}
.new-box-wrap .hot-article-list {
  margin-top: 20px;
}
.new-box-wrap .hot-article-list .item-top {
  height: 70px;
  margin-bottom: 16px;
}
.new-box-wrap .hot-article-list .item-top a {
  display: flex;
}
.new-box-wrap .hot-article-list .item-top .item-t-left {
  width: 112px;
  height: 70px;
  position: relative;
}
.new-box-wrap .hot-article-list .item-top .item-t-left img {
  display: block;
  width: 112px;
  height: 70px;
}
.new-box-wrap .hot-article-list .item-top .item-t-left .number {
  position: absolute;
  left: 0;
  top: 0;
  width: 34px;
  height: 38px;
  font-size: 12px;
  color: #fff;
  line-height: 30px;
  background: url(../../images/invest2/top3.png);
  text-align: center;
}
.new-box-wrap .hot-article-list .item-top:first-child .item-t-left .number {
  background: url(../../images/invest2/top1.png);
}
.new-box-wrap .hot-article-list .item-top:nth-child(2) .item-t-left .number {
  background: url(../../images/invest2/top2.png);
}
.new-box-wrap .hot-article-list .item-top .item-t-right {
  margin-left: 14px;
  position: relative;
  flex: 1;
}
.new-box-wrap .hot-article-list .item-top .item-t-right .title {
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.new-box-wrap .hot-article-list .item-top .item-t-right .time {
  text-align: right;
  font-size: 12px;
  color: #a9a9a9;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 14px;
}
.new-box-wrap .hot-article-list .item {
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #e9effb;
  font-size: 14px;
}
.new-box-wrap .hot-article-list .item span {
  width: 30px;
  display: inline-block;
  text-align: center;
}

.vision-recommend {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.vision-recommend .item {
  width: 212px;
  height: 145px;
  margin-bottom: 17px;
  position: relative;
  overflow: hidden;
}
.vision-recommend .item img {
  display: block;
  width: 212px;
  height: 145px;
}
.vision-recommend .item .news-type {
  position: absolute;
  height: 20px;
  top: 6px;
  left: 6px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  color: #fff;
  padding: 0 6px;
  font-size: 12px;
  line-height: 20px;
}
.vision-recommend .item .news-title {
  position: absolute;
  width: 100%;
  height: 60px;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), black);
  padding: 5px 10px;
  display: flex;
  align-items: center;
}
.vision-recommend .item .news-title p {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.fn-hide {
  display: none;
}

.project-list {
  margin-top: 20px;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
.project-list .item {
  height: 190px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 20px rgba(159, 159, 159, 0.16);
  width: 400px;
}
.project-list .item .item-left {
  width: 90px;
  height: 150px;
  float: left;
  position: relative;
  overflow: hidden;
}
}
.project-list .item .item-left .image{
  width: 90px;
  height: 90px;
  margin-right: 19px;
  z-index: 1;
  
}
.project-list .item .item-left .image .img{
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  overflow: hidden;

}
.project-list .item .item-left .item-bottom {
  position: absolute;
  bottom: 17px;
  left: 0;
  font-size:16px;
  text-align:center;
  width: 100%;
}
.project-list .item .item-left .yzxm {
  position: absolute;
  width: 69px;
  height: 25px;
  left: 0;
  top: 0;
  background: url(../../images/project/icon_type.png);
  font-size: 12px;
  color: #855200;
  line-height: 25px;
  padding-left: 5px;
  z-index: 9;
}
.project-list .item .item-right {
  margin-left: 100px;
  position: relative;
  height: 150px;
}
.project-list .item .item-right .item-title {
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  line-height: 24px;
}
.project-list .item .item-right .item-tags {
  display: flex;
}
.project-list .item .item-right .item-tags span {
  display: inline-block;
  height: 20px;
  border: 1px solid #6075d9;
  padding: 0 5px;
  font-size: 12px;
  color: #6075d9;
  margin-right: 10px;
  margin-top: 14px;
}
.project-list .item .item-right .item-bottom {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
}
.project-list .item .item-right .item-bottom .item-info {
  display: flex;
}
.project-list .item .item-right .item-bottom .item-info section {
  display: flex;
  align-items: center;
  color: #666666;
  margin-right: 16px;
}
.project-list .item .item-right .item-bottom .item-info section i {
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.project-list .item .item-right .item-bottom .item-info section i.icon-address {
  background: url(../../images/home/home021.png);
}
.project-list .item .item-right .item-bottom .item-info section i.icon-time {
  background: url(../../images/home/home020.png);
}
.project-list .item .item-right .item-bottom .item-button {
  display:flex;
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 26px;
  width: 110px;
  height: 26px;
  background: linear-gradient(90deg, #2748E6 0%, #7184DE 100%);
  opacity: 0.68;
  margin-right:-20px;
  border-radius:13px 0 0 13px;
  justify-content:center;

}
.project-list .item .item-right .item-bottom .item-button i {
  width:19px;
  height:26px;
  display:inline-block;
  background: url(../../images/project/msg.png);
  background-size:19px 19px;
  background-repeat:no-repeat;
  background-position:center;
  margin-right:5px;

}