@charset "UTF-8";
a {
  text-decoration: none;
}

html,
body {
/*  background-color: #F4F5F7;*/
}

.common-width {
  width: 1200px;
  margin: 0 auto;
}

@font-face {
  font-family: 'iconfont';
  src: url("./icon/iconfont.eot");
  src: url("./icon/iconfont.eot?#iefix") format("embedded-opentype"), url("./icon/iconfont.woff2") format("woff2"), url("./icon/iconfont.woff") format("woff"), url("./icon/iconfont.ttf") format("truetype"), url("./icon/iconfont.svg#iconfont") format("svg");
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tag-news {
  width: 44px;
  height: 21px;
  background: #f01a48;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  color: white;
  padding: 3px 8px;
  margin-right: 8px;
  margin-top: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobileLogin {
  overflow: hidden;
}

.page-container {
  height: 100vh;
}

.mobileLogin .regist .main-content {
  height: 100vh !important;
  background-size: cover !important;
}

.mobileLogin .regist .el-main {
  height: 100% !important;
  padding: 0 !important;
}

.mobileLogin .regist .regist-box {
  width: 100vw !important;
  height: 100% !important;
  margin: 0 auto !important;
}

.mobileLogin .regist .regist-main {
  width: 94%;
  margin: 0 3%;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.mobileLogin .choose-regist-method .regist-p {
  margin-right: 0 !important;
}

.mobileLogin .choose-regist-method .regist-entry {
  width: 100% !important;
}

.mobileLogin .regis-pc > .el-col-12 {
  width: 100% !important;
}

.mobileLogin .regis-pc > .el-col-offset-6 {
  margin-left: 0 !important;
}

.mobileLogin .regist .regist-detail.regist-p {
  height: 100vh !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}

.mobileLogin .regist .regist-detail.regist-c {
  height: 100vh !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}

.mobileLogin .el-dialog {
  width: 90% !important;
}

.mobileLogin .regist .regist-detail .regist-area {
  width: 100% !important;
}

.mobileLogin .main-content .el-dialog__wrapper .el-dialog {
  width: 94% !important;
  margin: 0 3%;
}

.mobileLogin .bgtext-bg {
  display: none;
}

.mobileLogin .maxwidth-main {
  width: 100vw;
}

.mobileLogin .regist .login-box {
  width: 80%;
  margin: 0 10%;
  left: 0;
}

.mobileLogin .regist .login-box .login-area {
  width: 100%;
}

.mobileLogin .login-other-opt {
  display: none;
}

.logo-box {
  display: flex;
  flex: 1;
  align-items: center;
  outline: none;
  position: relative;
}

.logo-box img {
  height: 48px;
  margin-top: 34px;
  cursor: pointer;
}

.logo-box .logo-title {
  margin-left: 19px;
}

.logo-box .logo-title .logo-title-txt {
  font-size: 29px;
  font-family: FZXiaoBiaoSong-B05S;
  font-weight: 400;
  color: white;
  display: block;
}

.logo-box .logo-title .logo-title-cn {
  font-size: 16px;
  font-family: Arial;
  font-weight: 400;
  color: white;
  display: block;
}

.headers {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.el-menu-item.is-active a {
  color: #409eff !important;
  position: relative;
}

.el-menu-item.is-active a:after {
  position: absolute;
  content: '';
  border: 1px solid #409eff;
  width: 3rem;
  left: 0;
  bottom: -0.7rem;
  margin-left: 42%;
  transform: translateX(-50%);
}

.el-menu-item:focus,
.el-menu-item:hover {
  background-color: transparent;
}

.big-header .nav-header {
  height: 132px;
  top: 0;
}

.big-header .nav-header .logo-box img {
  height: 65px;
}

.big-header .nav-header .el-menu--horizontal .el-menu .el-menu-item {
  font-size: 20px;
}

.nav-header {
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  list-style: none;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  z-index: 999;
  height: 100px;
  width: 100%;
}

.nav-header .el-menu-demo {
  background-color: transparent;
  display: flex !important;
  align-items: center;
  max-width: 1272px;
  margin: 0 auto;
  justify-content: space-between;
}

.nav-header .el-menu-demo .el-menu {
  border-right: none;
  background-color: transparent;
}

.nav-header .el-menu.el-menu--horizontal {
  border-bottom: none;
}

.header-bar {
  flex: 1;
}

.menu-index.el-menu-item {
  font-size: 1.125rem;
  color: #fff !important;
}

.menu-detail .el-menu-item {
  font-size: 1.125rem;
}

.main-content {
  width: 100%;
}

.menu-detail {
  position: relative;
}

.menu-detail .menutwo-box {
  width: 100%;
  height: 0px;
  background: #fff;
  box-shadow: 0 0 5px #ccc;
  position: absolute;
  top: 84px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  overflow: hidden;
  transition: height .3s ease-in;
}

.menu-detail .menutwo-boxshow {
  height: 200px;
  padding: 16px;
  box-sizing: border-box;
}

.menu-detail .menutwo-boxshow .menuTwo-item {
  font-size: 16px;
  cursor: pointer;
  margin-left: 12px;
}

.menu-detail .menutwo-boxshow .menuTwo-item:nth-child(1) {
  margin-left: 0;
}

.menu-detail .menutwo-boxshow .menuTwo-item:hover {
  text-decoration: underline;
  color: #0557ee;
}

.boxdown-layicon {
  margin-left: 20px;
  cursor: pointer;
}

.boxdown-layicon i {
  color: #fff;
  transform: rotateX(0deg);
  transition: transform .3s ease-in;
}

.boxdown-layicon .icon-rotate {
  transform: rotateX(180deg);
}

.boxdown-layicon-fixed i {
  color: #333;
}

.header-page {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 20;
}

.header-page-top {
  height: 96px;
  width: 1272px;
  margin: 0 auto;
}

.header-page-top .logo {
/*  margin-top: 30px;*/
  position: relative;
}

.header-page-top .logo1 {
  display: inline-block;
}

.header-page-top .logo2 {
  display: none;
}

.header-page-top .header-page-top-right {
  margin-top: 42px;
  float: right;
  font-size: 14px;
  color: #fff;
  max-width: 800px;
}

.header-page-top .header-page-top-right .opacity7 {
  opacity: 0.7;
}

.header-page-top .header-page-top-right .user-name {
  max-width: 120px;
  display: inline-block;
  vertical-align: top;
}

.header-page-top .lang-change, .header-page-top .website, .header-page-top .feedback, .header-page-top .helpCenter {
  padding: 0 20px;
  color: #fff;
  cursor: pointer;
  border-right: 1px solid white;
  line-height: 16px;
  display: inline-block;
}

.header-page-top .lang-change:hover, .header-page-top .website:hover, .header-page-top .feedback:hover, .header-page-top .helpCenter:hover {
  opacity: 1;
}

.header-page-top .header-page-top-opt {
  color: #fff;
}

.header-page-top .login-register-btns {
  padding:0 20px;
  background: #007bfd;
  line-height: 30px;
  color:#fff;
  border-radius: 20px;
}

.header-page-top .header-user {
  background-color: rgba(255, 255, 255, 0.1);
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  opacity: 0.7;
}

.header-page-top .message-num {
  width: 16px;
  height: 16px;
  background: #F42A15;
  border-radius: 50%;
  font-style: normal;
  font-size: 10px;
  display: inline-block;
  color: #FFFFFF;
  line-height: 16px;
}

.header-page-top .user-opt {
  padding-left: 20px;
  opacity: 0.7;
  cursor: pointer;
}

.header-page-top .user-opt:hover {
  opacity: 1;
}

.header-page-nav {
  width: 100%;
  height: 50px;
  line-height: 50px;
}

.header-page-nav .el-menu {
  background-color: transparent;
  border-right: none;
}

.header-page-nav .el-menu .el-menu-item {
  float: left;
}

.header-page-nav .el-menu .el-menu-item, .header-page-nav .el-menu .el-submenu__title {
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  color: #FFFFFF;
}

.header-page-nav .el-menu .el-menu-item span, .header-page-nav .el-menu .el-submenu__title span {
  vertical-align: unset;
}

.header-page-nav .el-menu .mactive {
  position: relative;
}

.header-page-nav .el-menu .mactive:after {
  position: absolute;
  content: "";
  width: 16px;
  left: 50%;
  margin-left: -8px;
  bottom: 0px;
  height: 3px;
  background-color: white;
  opacity: 0.9;
}

.header-page-nav .el-menu .nactive:hover::after {
  position: absolute;
  content: "";
  width: 16px;
  left: 50%;
  margin-left: -8px;
  bottom: 0px;
  height: 3px;
  background-color: white;
  opacity: 0.9;
}

.index-page .header-page-nav {
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}

.header-page-fixed .header-page-nav {
  position: fixed;
  top: 0;
  background-color: #275ACD;
  z-index: 1000;
  height: auto;
  min-height: 60px;
  line-height: 60px;
  box-shadow: 0px 10px 10px 0px rgba(70, 85, 102, 0.3);
}

.header-page-fixed .header-page-nav .el-menu .el-menu-item {
  height: 60px;
  line-height: 60px;
}

.detail-header .header-page {
  position: static;
  background-color: #fff;
}

.detail-header .header-page .header-page-top .logo1 {
  display: none;
}

.detail-header .header-page .header-page-top .logo2 {
  display: inline-block;
  cursor: pointer;
}

.detail-header .header-page .header-page-top .logo2 img {
  height: 75px;
  margin-top: 10px ;
}

.detail-header .header-page .header-page-top .home-goback {
  position: absolute;
  right: 0;
  top: 4px;
  width: 60px;
  height: 20px;
  background: url(./../images/home-goback.png) center center no-repeat;
  background-size: 100% 100%;
}

.detail-header .header-page .header-page-top-right {
  color: #333;
}

.detail-header .header-page .header-page-top-right .lang-change, .detail-header .header-page .header-page-top-right .website, .detail-header .header-page .header-page-top-right .feedback, .detail-header .header-page .header-page-top-right .helpCenter {
  color: #828A91;
  border-right: 1px solid #767D84;
}

.detail-header .header-page .header-page-top-right .header-page-top-opt {
  color: #828A91;
}

.detail-header .header-page .header-page-nav {
  background: #007bfd;
  border-bottom: none;
}

.detail-header .header-page .header-page-nav .el-menu .el-menu-item {
  color: #fff;
}

.detail-header .header-page .header-page-nav .el-menu .mactive {
  color: #fff;
  background: #194BBC;
}

.detail-header .header-page .header-page-nav .el-menu .mactive:after {
  background-color: #194BBC;
}

.detail-header .header-page .header-page-nav .el-menu .nactive:hover {
  color: #fff;
  background: #0963c3;
}

.detail-header .header-page .header-page-nav .el-menu .nactive:hover::after {
  background-color: #0963c3;
}

.detail-header .header-page .header-user {
  background: rgba(64, 64, 64, 0.1);
  color: #404040;
  border: none;
}

.detail-header .header-page .header-user .el-icon-user {
  color: #404040;
  opacity: 1;
}

.other-plat {
  cursor: pointer;
  position: relative;
  padding: 0 20px;
}

.other-plat span {
  margin-right: 10px;
}

.other-plat i {
  transform: rotateX(0deg);
  transition: transform .3s ease-in;
}

.other-plat .icon-rotate {
  transform: rotateX(180deg);
}

.other-plat .menutwo-box {
  width: 132px;
  max-height: 0px;
  box-sizing: border-box;
  padding: 0 16px;
  background: #fff;
  box-shadow: 0 0 5px #ccc;
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  overflow: hidden;
  transition: all .3s ease-in;
}

.other-plat .menutwo-box .menuTwo-item {
  font-size: 14px;
  cursor: pointer;
  text-align: center;
}

.other-plat .menutwo-box .menuTwo-item:hover {
  text-decoration: underline;
  color: #0557ee;
}

.other-plat .menutwo-boxshow {
  max-height: 160px;
  padding: 16px;
}

#Ueditor-wrapper {
  padding: 2rem 5rem;
  width: 100%;
}

/* 激活当前菜单 */
.el-menu--horizontal .el-menu .mactive {
  position: relative;
}

.el-menu--horizontal .el-menu .mactive span {
  color: white;
  vertical-align: inherit;
}

.el-menu--horizontal .el-menu .mactive::after {
  position: absolute;
  content: "";
  width: 16px;
  left: calc(50% + 5.5px);
  bottom: -10px;
  height: 2px;
  background-color: white;
  opacity: 0.9;
}

.el-menu--horizontal .el-menu .nactive span {
  color: rgba(255, 255, 255, 0.8);
  vertical-align: inherit;
}

.el-menu--horizontal .el-menu .nactive:hover {
  transition: all 4.8s;
}

.el-menu--horizontal .el-menu .nactive:hover span {
  color: rgba(255, 255, 255, 0.8);
}

.el-menu--horizontal .el-menu .nactive:hover::after {
  position: absolute;
  content: "";
  width: 16px;
  left: calc(50% + 5.5px);
  bottom: -10px;
  height: 2px;
  background-color: white;
  opacity: 0.9;
}

.el-menu--horizontal .el-menu .el-menu-item,
.el-menu--horizontal .el-menu .el-submenu__title {
  background-color: transparent;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  padding-right: 0px;
  padding-left: 27px !important;
}

.el-menu--horizontal .el-menu .el-menu-item a,
.el-menu--horizontal .el-menu .el-submenu__title a {
  color: rgba(255, 255, 255, 0.85);
}

.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
  outline: 0;
  color: white;
}

.el-menu-item.is-active {
  color: #fff !important;
  position: relative;
}

#activityAgenda {
  padding: 2rem 5rem;
  margin: 0 auto;
}

#activityAgenda #el-col {
  padding: 3px 0;
}

#activityAgenda #el-col h4 {
  font-size: 1.6rem;
}

#activityAgenda #el-col1 #currentDate1 {
  padding: 15px;
}

#activityAgenda #el-col3 {
  border: 2px solid #afafaf;
  padding: 10px 15px;
}

#activityAgenda #el-col5 #c2-free-tag3 {
  font-size: 1.3rem;
  font-weight: 700;
}

#activityAgenda #el-col7 {
  text-align: center;
}

#activityAgenda #el-col7 #c2-free-tag2 {
  font-size: 1.3rem;
  font-weight: 700;
}

#activityAgenda #el-col8 {
  text-align: right;
}

#activityAgenda #el-col2 #el-col3 {
  margin-bottom: 0.5rem;
}

#activityAgenda #el-col13 {
  margin-top: 0.6rem;
}

#activityAgenda #el-col15 {
  text-align: left;
}

#activityAgenda #el-col15 #c2-free-tag4 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #999;
}

#activityAgenda #el-col16 {
  text-align: right;
}

#topBg {
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  list-style: none;
  background-image: url(./../images/banner-bg.jpg);
  background-repeat: no-repeat;
  background-color: transparent;
  border-bottom: none;
  background-size: 100% 100%;
}

#top-bg-title {
  max-width: 1272px;
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
}

#top-bg-title #el-col1 {
  padding-bottom: 30px;
}

#top-bg-title #el-col1 #c2-free-tag1 {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #e2e2e4;
  line-height: 32px;
}

#top-bg-title #el-col1 #c2-free-tag2 {
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: white;
  line-height: 56px;
}

#index-main {
  display: flex;
  max-width: 1272px;
  margin: 0 auto;
  margin-top: 30px;
}

#index-main #el-col2 {
  flex: 1;
}

#index-main #el-col2 #el-tabs {
  margin-right: 20px;
}

#index-main #el-col3 {
  width: 280px;
}

#index-main #el-col3 .el-tabs {
  margin-bottom: 15px;
}

#index-main .el-tabs {
  background: white;
  border: 1px solid #e3e5eb;
  box-shadow: 0px 3px 40px 1px rgba(3, 16, 33, 0.06);
  border-radius: 8px;
  padding-bottom: 15px;
}

#index-main .el-tabs .el-tabs__content {
  padding: 0 15px;
}

/* 轮播图开始 */
.vcarousel .vcarousel-item .vcarousel-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
}

.vcarousel .vcarousel-item .vcarousel-wrapper .vcarousel-img {
  height: 100%;
  width: 100%;
}

.vcarousel .vcarousel-item .vcarousel-wrapper .vcarousel-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 62px;
  background: rgba(39, 48, 64, 0.3);
}

.vcarousel .vcarousel-item .vcarousel-wrapper .vcarousel-title .vcarousel-title-item {
  width: 1272px;
  margin: 0 auto;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  padding-left: 30px;
  padding-right: 130px;
}

/* 轮播图结束 */
/* 资讯头条开始*/
.headlines {
  margin-top: 60px;
  background: white;
  padding-top: 31px;
  padding-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.headlines .hot-tag::before {
  content: '头条';
  width: 238px;
  height: 35px;
  position: absolute;
  background-color: #eb1313;
  left: -87px;
  top: 8%;
  color: #fff;
  line-height: 4px;
  transform: rotateZ(-43deg);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

.headlines .headlines-title {
  font-size: 26px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #0557ee;
  text-align: center;
  cursor: pointer;
}

.headlines .headlines-subtitle {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-top: 22px;
  color: #3d4552;
}

.headlines .headlines-subtitle .headlinesSubtitle-item {
  padding-left: 16px;
  position: relative;
  padding-right: 30px;
  cursor: pointer;
}

.headlines .headlines-subtitle .headlinesSubtitle-item:before {
  content: ' ';
  width: 2px;
  height: 2px;
  border-radius: 10px;
  border: 2px solid #666;
  position: absolute;
  background-color: #666;
  left: 0;
  top: 45%;
  line-height: 4px;
}

/* 资讯头条结束*/
/* 公共标题开始 */
.common-title {
  padding: 39px 0;
}

.common-title .commomTitle-title {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  color: #474747;
}

.common-title .commomTitle-change {
  color: #096fec;
}

.common-title .commomTitle-change:hover {
  cursor: pointer;
}

.common-title .common-title-arr-item {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #9197a5;
  line-height: 24px;
  margin-left: 34px;
}

.common-title .common-title-arr-item:first-child {
  margin-left: 0px;
}

.common-title .common-title-arr-item-active {
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #0557ee;
  line-height: 24px;
}

.common-title .common-title-sub {
  margin-right: 20px;
  display: flex;
  align-items: center;
}

.common-title .common-title-sub .common-title-suitem {
  font-size: 16px;
  font-weight: 400;
  padding: 0 20px;
  cursor: pointer;
}

.common-title .common-title-sub .active {
  color: #0557ee;
  position: relative;
  font-weight: bold;
}

.common-title .common-title-sub .active:after {
  position: absolute;
  content: '';
  border: 1px solid #0557ee;
  width: 5px;
  left: 0;
  bottom: -1.2rem;
  margin-left: 56%;
  transform: translateX(-50%);
  height: 5px;
  background: #0557ee;
  border-radius: 50%;
}

.common-title .common-title-sub .normal {
  color: #909090;
}

.common-title .commomTitle-icon {
  width: 24px;
  height: 24px;
  background: white;
  border: 1px solid #909090;
  border-radius: 12px;
  cursor: pointer;
}

/* 公共标题结束 */
/* 滚动列表样式*/
.scroll-list-page {
  height: 194px;
  overflow: hidden;
}

.scroll-list-page .scroll-list-item {
  line-height: 18px;
  padding: 10px 0;
  border-bottom: 1px dashed #EBEFF4;
}

.scroll-list-page .scroll-list-item:hover {
  color: #1455CC;
  text-decoration: underline;
}

/* 新闻条目 */
.news-item {
  background: white;
  border-top: 3px dotted #d8e1ed;
  padding: 30px;
  min-height: 300px;
}

.news-item .no-any-data {
  height: 300px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  color: #999;
}

.news-item .news-item-list {
  cursor: pointer;
  padding: 8px 0;
  line-height: 1.5;
  position: relative;
}

.news-item .news-item-list .news-item-date {
  font-size: 14px;
  font-weight: 400;
  width: 80px;
  text-align: right;
  color: #9197a5;
}

.news-item .news-item-list .news-item-title {
  font-size: 16px;
  font-weight: 400;
  color: #3d4552;
  display: flex;
  width: calc(100% - 100px);
  background: #fff;
}

.news-item .news-item-list .news-item-title .news-item-type {
  width: 100px;
  color: #0557ee;
  white-space: nowrap;
}

.news-item .news-item-list .news-item-title .one-line-ellipsis:hover {
  color: #0557ee;
}

.news-item .news-item-list-dot {
  padding-left: 12px;
}

.news-item .news-item-list-dot:after {
  content: "";
  position: absolute;
  color: #959595;
  height: 4px;
  width: 4px;
  background-color: #959595;
  left: 0;
  border-radius: 50%;
}

/* 最近要闻 */
.recent-news .recent-news-left {
  width: 833px;
  margin-right: 44px;
}

.recent-news .recent-news-left .recent-left-box {
  display: flex;
  background: #fff;
}

.recent-news .recent-news-left .recent-left-box .recent-left-left {
  width: 346px;
  padding-right: 30px;
  background: #fff;
}

.recent-news .recent-news-left .recent-left-box .recent-left-left .el-card__body {
  padding-bottom: 5px;
  padding: 0;
}

.recent-news .recent-news-left .recent-left-box .recent-left-right {
  width: calc(100% - 346px);
}

.recent-news .recent-news-left .recent-left-box .recent-left-right .news-item {
  padding-left: 0;
  padding-right: 0;
  padding-top: 15px;
}

.recent-news .recent-news-left .recent-left-box .recent-left-right .news-item .news-item-list {
  line-height: 25px;
}

.recent-news .recent-news-left .newsCard {
  padding: 20px 0 5px;
  height: 110px;
}

.recent-news .recent-news-left .newsCard .newsCard-img {
  width: 96px;
  height: 100%;
  margin-right: 15px;
}

.recent-news .recent-news-left .newsCard .newsCard-img .el-image {
  width: 96px;
  height: 100%;
}

.recent-news .recent-news-left .newsCard .newsCard-right {
  max-width: calc(100% - 115px);
}

.recent-news .recent-news-left .newsCard .newsCard-right .newsCard-title .cards-title .cards-title-title {
  width: 100%;
}

.recent-news .recent-news-left .newsCard .newsCard-right .newsCard-title .cards-title .cards-title-date {
  display: none;
}

.recent-news .recent-news-left .newsCard .newsCard-right .newsCard-desc {
  -webkit-line-clamp: 2;
}

.recent-news .recent-news-right {
  width: 395px;
}

.recent-news .recent-news-right .newsCard .newsCard-right .newsCard-title .cards-title .cards-title-title {
  line-height: 1;
}

.recent-news .recent-news-right .newsCard .newsCard-right .newsCard-title .cards-title .cards-title-date {
  display: none;
}

.recent-news .recent-news-right .newsCard .newsCard-right .newsCard-desc {
  -webkit-line-clamp: 4;
}

.recent-news .recent-news-right .news-cads {
  height: calc(100% - 254px);
  background: #fff;
}

/* 外贸法务 */
.friction-box .friction-box-item {
  width: 395px;
  margin-right: 30px;
}

.friction-box .friction-box-item:nth-child(1) .common-title {
  border-bottom: 3px solid #d66f23;
}

.friction-box .friction-box-item:nth-child(2) .common-title {
  border-bottom: 3px solid #048571;
}

.friction-box .friction-box-item:nth-child(3) .common-title {
  border-bottom: 3px solid #0f4e94;
}

/* 新闻卡片 */
.newsCard-non {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  color: #999;
}

.newsCard {
  background: white;
  padding: 20px 30px;
  cursor: pointer;
  height: 146px;
}

.newsCard .newsCard-img {
  width: 130px;
  height: 106px;
  margin-right: 20px;
}

.newsCard .newsCard-img .el-image {
  width: 130px;
  height: 106px;
}

.newsCard .newsCard-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newsCard .newsCard-right {
  max-width: calc(100% - 150px);
}

.newsCard .newsCard-right .newsCard-title {
  font-size: 16px;
  font-weight: 400;
  color: #3d4552;
  display: flex;
  margin-bottom: 15px;
}

.newsCard .newsCard-right .newsCard-title .cards-title {
  margin-top: 4px;
  width: 100%;
}

.newsCard .newsCard-right .newsCard-title .cards-title .cards-title-title {
  font-size: 16px;
  font-weight: 400;
  color: #3d4552;
  line-height: 24px;
  width: calc(100% - 100px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.newsCard .newsCard-right .newsCard-title .cards-title .cards-title-title:hover {
  color: #0557ee;
}

.newsCard .newsCard-right .newsCard-title .cards-title .cards-title-date {
  width: 80px;
  font-size: 14px;
  font-weight: 400;
  color: #9197a5;
  line-height: 24px;
  text-align: right;
}

.newsCard .newsCard-right .newsCard-desc {
  font-size: 14px;
  font-weight: 400;
  color: #7d8596;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* 热门资讯-视频中心 */
.video-center {
  width: 100%;
  background: white;
  padding: 30px;
  /* 中间的播放箭头 */
  /* 加载圆圈 */
}

.video-center .video-items {
  width: 100%;
  height: 100%;
}

.video-center .video-js .vjs-big-play-button {
  font-size: 2em;
  line-height: 2em;
  height: 2em;
  width: 2em;
  -webkit-border-radius: 2.5em;
  -moz-border-radius: 2.5em;
  border-radius: 2.5em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  border-width: 0.15em;
  margin-top: 2.75em;
  margin-left: 6em;
}

.video-center .vjs-big-play-button .vjs-icon-placeholder {
  font-size: 1.63em;
}

.video-center .vjs-loading-spinner {
  font-size: 2.5em;
  width: 2em;
  height: 2em;
  border-radius: 1em;
  margin-top: -1em;
  margin-left: -1.5em;
}

.video-center .video-js.vjs-playing .vjs-tech {
  pointer-events: auto;
}

/*视频播放*/
.video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}

/* 脚部组件 */
.main-footer {
  width: 100%;
  background: #4e5560;
}

.main-footer .footer-content {
  width: 1272px;
  margin: 0 auto;
  height: 317px;
  background: #4e5560;
}

.main-footer .footer-record {
  height: 86px;
  width: 100%;
  background: #3a4048;
}

.main-footer .footer-record .footer-record-content {
  width: 1272px;
  margin: 0 auto;
}

.main-footer .footer-record .footer-record-content .el-image {
  width: 41px;
  height: 51px;
}

/* 智库新闻 */
.tank-wrapper {
  height: 183px;
  width: 100%;
  background-color: #fff;
}

.tank-wrapper .tank-carousel {
  width: 1272px;
  margin: 0 auto;
  overflow-y: hidden;
}

.tank-wrapper .tank-carousel .tank-carousel-item {
  height: 183px;
}

.tank-wrapper .tank-carousel .tank-carousel-item .tank-card {
  height: 100%;
}

.tank-wrapper .tank-carousel .tank-carousel-item .tank-card .newsCard {
  padding: 30px 0;
  height: 100%;
}

/* 智库热点专题 */
.tank-content .tank-news {
  display: flex;
  padding: 30px;
  background: #fff;
}

.tank-content .tank-news .tank-news-left {
  width: 641px;
  height: 377px;
  margin-right: 40px;
}

.tank-content .tank-news .tank-news-left .el-carousel__container {
  background-color: #f7f7f7;
  height: 377px !important;
}

.tank-content .tank-news .tank-news-left .el-carousel__container .vcarousel-title-item {
  padding: 0 130px 0 30px;
}

.tank-content .tank-news .tank-news-left .el-carousel__indicators--horizontal {
  bottom: 12px;
  right: 0;
  left: auto;
}

.tank-content .tank-news .tank-news-left .is-active .el-carousel__button {
  width: 34px;
  height: 4px;
  border-radius: 10px;
}

.tank-content .tank-news .tank-news-left .el-carousel__button {
  opacity: 0.76;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.tank-content .tank-news .tank-news-right {
  width: 782px;
}

.tank-content .tank-news .tank-news-right .news-item {
  padding: 16px 0px;
}

/* 顶部大图 */
.bigPicture {
  height: 280px;
}

.bigPicture .el-image {
  height: 280px;
  width: 100%;
}

/* 政策法规 */
.policy-content {
  padding-top: 50px;
  display: flex;
  padding-bottom: 50px;
}

.policy-content .policy-content-left {
  width: 582px;
  height: 327px;
}

.policy-content .policy-content-left .el-carousel__indicators--horizontal {
  bottom: 12px;
  right: 0;
  left: auto;
}

.policy-content .policy-content-left .is-active .el-carousel__button {
  width: 34px;
  height: 4px;
  border-radius: 10px;
}

.policy-content .policy-content-left .el-carousel__button {
  opacity: 0.76;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.policy-content .policy-content-left .el-carousel__container {
  height: 327px;
}

.policy-content .policy-content-right {
  width: 659px;
  margin-left: 31px;
}

.policy-content .policy-content-right .news-item {
  padding: 10px;
  min-height: auto;
}

.policy-content .policy-content-right .news-item .no-any-data {
  height: auto;
  padding-top: 20px;
}

/* 简单新闻 */
.simpleNews {
  background-color: #fff;
  padding-bottom: 12px;
}

.simpleNews .simpleNews-title {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
}

.simpleNews .simpleNews-title .news-title {
  font-size: 16px;
  font-weight: bold;
  color: #3D4552;
}

.simpleNews .simpleNews-title .news-date {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #9197a5;
}

.simpleNews .simpleNews-desc {
  font-size: 14px;
  font-weight: 400;
  color: #7d8596;
}

/* 政策法规-政策解读 */
.policyAnalying {
  padding-bottom: 20px;
}

.policyAnalying .policy-analying-lef {
  padding: 30px;
}

.policyAnalying .policy-analying-title {
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #0557ee;
  line-height: 24px;
}

.policyAnalying .policy-analying-title .el-tabs__header {
  display: block;
  border-bottom: 1px solid #e9eff3;
  padding-left: 15px;
}

.policyAnalying .policy-analying-title .el-tabs__content {
  height: 430px;
}

.policyAnalying .policy-analying-title .el-tabs__nav-wrap::after {
  background-color: transparent;
  z-index: -111;
}

.policyAnalying .policy-analying-title .news-item {
  border-top: none;
  padding: 0px 30px;
}

.policyAnalying .policy-analying-title .news-item .no-any-data {
  height: 370px;
}

.policyAnalying .policy-analying-title .policy-analying-left-bottom .news-item {
  min-height: 350px;
}

.policyAnalying .policy-analying-title #el-tabs2 {
  background-color: #fff;
  padding-bottom: 35px;
}

/* 双图新闻 */
.doubleNews {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
  background: #fff;
}

.doubleNews .double-box {
  position: relative;
  width: 152px;
  height: 106px;
}

.doubleNews .double-box .double-box-left {
  height: 106px;
  width: 100%;
}

.doubleNews .double-box .double-box-left img {
  width: 152px;
  height: 106px;
}

.doubleNews .double-box .double-box-right {
  width: 100%;
  padding: 10px;
  position: absolute;
  bottom: 0;
  z-index: 2;
  font-size: 16px;
  background: rgba(30, 35, 39, 0.76);
  color: #fff;
}

.doubleNews .double-box:nth-child(2) {
  margin-left: 20px;
}

/* 政策解读 */
.policy-analying {
  display: flex;
}

.policy-analying .el-tabs__header {
  display: none;
}

.policy-analying .policy-analying-left {
  width: 833px;
}

.policy-analying .policy-analying-right {
  margin-left: 40px;
  width: 399px;
}

.policy-analying .policy-analying-right .policy-analying-right-bottom .news-item {
  padding: 15px 30px;
  height: 353px;
}

.policy-analying .policy-analy-title {
  display: flex;
  justify-content: space-between;
  padding: 35px 0;
}

.policy-analying .policy-analy-title .common-title {
  padding: 0;
}

.policy-analying .policy-analy-title .policy-analy-left {
  display: flex;
}

.policy-analying .policy-analy-title .policy-analy-left .policy-analy-left-item {
  font-size: 22px;
  font-weight: bold;
  color: #9197a5;
  padding-right: 15px;
  cursor: pointer;
}

.policy-analying .policy-analy-title .policy-analy-left .colorBule {
  color: #0557ee;
}

.policy-analying .policy-analy-title .policy-analy-left .poactive {
  color: #0557ee;
}

.policy-analying .policy-analy-title .policy-analy-left .ponormal {
  color: #9197a5;
}

.policy-analying .policy-analy-title .policy-analy-right {
  display: flex;
}

.policy-analying .policy-analy-title .policy-analy-right .policy-analy-right-item {
  font-size: 16px;
  font-weight: 400;
  color: #909090;
  padding: 0 20px;
  cursor: pointer;
  position: relative;
}

.policy-analying .policy-analy-title .policy-analy-right .policy-analy-right-item:after {
  position: absolute;
  content: '';
  width: 7px;
  left: 0;
  bottom: -9px;
  margin-left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  height: 7px;
  background: #0557ee;
}

/* 热门智库 */
.popTank {
  display: flex;
  background: #fff;
  padding: 10px 20px 20px;
}

.popTank .pop-left {
  width: 255px;
}

.popTank .pop-left .pop-left-item {
  font-size: 14px;
  font-weight: 400;
  color: #7d8596;
  line-height: 24px;
  background: #f7f9fa;
  margin: 8px 0px;
  padding: 5px 15px;
}

.popTank .pop-left .pop-left-item:hover {
  background: #0557ee;
  color: #fff;
  transition: 0.5s;
}

.popTank .pop-left .el-tabs__header {
  margin: 0;
}

.popTank .pop-left .el-tabs__nav-wrap::after {
  background-color: #e5eff4;
  height: 1px;
}

.popTank .pop-left .el-tabs__content {
  /* border-right: 1px solid #E5EFF4; */
  overflow-y: auto;
  max-height: 100%;
}

.popTank .pop-left .el-tabs__content .el-tab-pane {
  margin-top: 20px;
}

.popTank .pop-right {
  flex: 1;
  padding: 0 10px 30px 30px;
}

.popTank .pop-right .pop-right-top {
  padding: 10px 0;
  font-size: 14px;
  font-weight: 400;
  color: #7d8596;
  border-bottom: 1px solid #e5eff4;
}

.popTank .pop-right .pop-right-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e5eff4;
}

.popTank .pop-right .pop-right-item .pop-right-item-title {
  font-size: 14px;
  font-weight: 400;
  color: #3d4552;
  line-height: 43px;
  width: 800px;
}

.popTank .pop-right .pop-right-item .pop-right-item-author {
  font-size: 14px;
  font-weight: 400;
  color: #7d8596;
  line-height: 48px;
}

/* 资深专家、领域专家 */
.seniorExpert {
  padding: 30px;
  background: #fff;
}

.seniorExpert .expert-item {
  display: inline-block;
  margin-top: 40px;
}

.seniorExpert .seniorExpert-special-item {
  background-color: #f7f7f7;
  height: 218px;
  width: 623px;
  margin-right: 28px;
  border: 1px solid #eaf1f3;
  position: relative;
  overflow: hidden;
}

.seniorExpert .seniorExpert-special-item .el-image {
  width: 215px;
  height: 218px;
}

.seniorExpert .seniorExpert-special-item .el-image img {
  object-fit: cover;
  object-position: top;
}

.seniorExpert .seniorExpert-special-item .person-info-box {
  position: absolute;
  margin-left: 20px;
}

.seniorExpert .seniorExpert-special-item .person-info-box .person-info-name {
  display: flex;
  margin-top: 15px;
}

.seniorExpert .seniorExpert-special-item .person-info-box .person-info-name .person-info-label {
  font-size: 16px;
  font-weight: bold;
  color: #3d4552;
}

.seniorExpert .seniorExpert-special-item .person-info-box .person-info-name .person-info-label2 {
  font-size: 16px;
  font-weight: 400;
  color: #7d8596;
  padding-left: 5px;
  border-left: 1px solid #7d8596;
  margin-left: 10px;
}

.seniorExpert .seniorExpert-special-item .person-info-box .person-info-edu {
  margin-top: 15px;
  min-height: 52px;
  line-height: 16px;
}

.seniorExpert .seniorExpert-special-item .person-info-box .person-info-edu .person-info-label3 {
  font-size: 14px;
  font-weight: 400;
  color: #7d8596;
}

.seniorExpert .seniorExpert-special-item .person-info-box .person-info-edu .person-info-label4 {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  padding-left: 5px;
}

.seniorExpert .seniorExpert-special-item .person-info-box .person-info-desc {
  line-height: 16px;
  margin-top: 15px;
}

.seniorExpert .seniorExpert-special-item .person-info-box .person-info-desc .person-info-label3 {
  font-size: 14px;
  font-weight: 400;
  color: #7d8596;
}

.seniorExpert .seniorExpert-special-item .person-info-box .person-info-desc .person-info-label4 {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  padding-left: 5px;
}

.seniorExpert .seniorExpert-item {
  display: inline-block;
  width: 126px;
  margin-right: 86px;
}

.seniorExpert .seniorExpert-item img {
  width: 126px;
  height: 126px;
}

.seniorExpert .seniorExpert-item .avater-item div {
  height: 21px;
}

.seniorExpert .expert-item:last-child .seniorExpert-item {
  margin-right: 0px;
}

.seniorExpert .seniorExpert-intro-avater {
  display: inline-block;
  flex-wrap: nowrap;
}

.seniorExpert .seniorExpert-intro-avater .avater-box {
  cursor: pointer;
}

.seniorExpert .seniorExpert-intro-avater .avater-box .el-avatar {
  width: 126px;
  height: 126px;
}

.domainExpert .seniorExpert .expert-item:nth-child(6n) .seniorExpert-item {
  margin-right: 0px;
}

.supplyAll .seniorExpert {
  padding-top: 0px;
}

/* 国别资讯 */
.contry-info-news-left .el-carousel__container {
  height: 166px;
}

.type-item .irems-btn {
  height: 52px;
  border-radius: 8px;
  color: #fff;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.type-item .irems-btn:hover {
  opacity: .7;
}

/* 国别资讯-推荐活动 */
.recomActivities {
  display: flex;
  padding: 30px;
  background: #fff;
}

.recomActivities .recomActivities-left {
  width: 400px;
  height: 200px;
  position: relative;
}

.recomActivities .recomActivities-left .recomActivities-left-top {
  line-height: 14px;
  position: absolute;
  right: 0;
  bottom: 16px;
  font-size: 14px;
  color: #fff;
  width: 140px;
  border-left: 16px solid transparent;
  border-top: 16px solid #F19200;
  border-bottom: 16px solid #F19200;
  border-right: 10px solid #F19200;
}

.recomActivities .recomActivities-left .recomActivities-left-top div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

.recomActivities .recomActivities-left .recomActivities-left-top-gary {
  border-top-color: #6E6E7A;
  border-bottom-color: #6E6E7A;
  border-right-color: #6E6E7A;
}

.recomActivities .recomActivities-left .recomActivities-left-img {
  width: 100%;
  height: 100%;
}

.recomActivities .recomActivities-left .recomActivities-left-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.recomActivities .recomActivities-left .recomActivities-left-bottom {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(47, 53, 95, 0.4);
  color: #fff;
  padding: 6px 20px;
  border-radius: 6px 0 0 0;
  font-size: 14px;
}

.recomActivities .recomActivities-right {
  flex: 1;
  padding: 0 20px;
}

.recomActivities .recomActivities-right .recomActivities-right-title {
  font-size: 20px;
  font-weight: bold;
  color: #3d4552;
}

.recomActivities .recomActivities-right .recomActivities-right-desc {
  font-size: 14px;
  font-weight: 400;
  color: #7d8596;
  margin-top: 15px;
}

.recomActivities .recomActivities-right .recomActivities-right-btn div {
  height: 30px;
  border-radius: 4px;
  color: #45ACE6;
  border: 1px solid #EDEDF1;
  font-size: 12px;
  padding: 3px 10px;
  margin-right: 10px;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
}

.recomActivities .recomActivities-right .recomActivities-right-addr {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #d1d7df;
  border-bottom: 1px dashed #d1d7df;
  padding: 20px 0;
  width: 100%;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #7d8596;
  margin-top: 10px;
}

/* 活动卡片*/
.activityCard {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  padding: 30px;
  background: #fff;
  margin-bottom: 20px;
}

.activityCard .activityCard-left {
  width: 620px;
  height: 322px;
  position: relative;
}

.activityCard .activityCard-left .activityCard-left-top {
  position: absolute;
  bottom: 10px;
  right: 20px;
  width: 100%;
  text-align: right;
  color: #fff;
  border-left: 15px solid transparent;
  min-width: 80px;
  max-width: 160px;
}

.activityCard .activityCard-left .activityCard-left-top .activity-inner-tags {
  position: absolute;
  top: -11px;
  right: 11px;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
}

.activityCard .activityCard-left .activityCard-left-img {
  width: 100%;
  height: 100%;
}

.activityCard .activityCard-left .activityCard-left-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.activityCard .activityCard-left .activityCard-left-tag {
  position: absolute;
  top: 10px;
  left: 20px;
  color: #fff;
}

.activityCard .activityCard-left .red {
  border-top: 18px solid #f42a14;
  border-bottom: 18px solid #f42a14;
}

.activityCard .activityCard-left .yellow {
  border-top: 18px solid #f19200;
  border-bottom: 18px solid #f19200;
}

.activityCard .activityCard-left .normal {
  border-top: 18px solid #6e6e7a;
  border-bottom: 18px solid #6e6e7a;
}

.activityCard .activityCard-right {
  flex: 1;
  padding: 0 20px;
  position: relative;
  line-height: 1.8;
}

.activityCard .activityCard-right .activityCard-right-title {
  font-size: 18px;
  font-weight: bold;
  color: #3d4552;
}

.activityCard .activityCard-right .activityCard-right-tags {
  margin-top: 15px;
  display: flex;
}

.activityCard .activityCard-right .activityCard-right-tags div {
  border-radius: 4px;
  color: #096fec;
  font-size: 12px;
  padding: 3px 10px;
  margin-right: 10px;
  cursor: pointer;
}

.activityCard .activityCard-right .activityCard-right-desc {
  font-size: 14px;
  font-weight: 400;
  color: #7d8596;
  margin-top: 15px;
}

.activityCard .activityCard-right .activityCard-right-btn {
  margin-top: 30px;
}

.activityCard .activityCard-right .activityCard-right-addr {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #7d8596;
  margin-top: 20px;
  position: absolute;
  bottom: 3px;
}

.activityCard .activityCard-right .activityCard-right-addr .activityCard-right-addr1 {
  display: flex;
}

.activityCard .activityCard-right .activityCard-right-addr .activityCard-right-date {
  display: flex;
}

.activityCard:hover {
  box-shadow: 0 0 8px 0 rgba(232, 237, 250, 0.6), 0 2px 4px 0 rgba(232, 237, 250, 0.5);
}

/* 全部活动 */
.activity-title {
  position: relative;
  color: #2699e1;
  font-weight: 500;
  text-align: center;
  font-size: 18px;
}

.activity-title::after {
  position: absolute;
  content: '';
  border: 1px solid #d8d8db;
  width: 6rem;
  left: 102px;
  bottom: 10px;
  margin-left: 50%;
  transform: translateX(-50%);
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
}

.activity-title:before {
  position: absolute;
  content: '';
  border: 1px solid #d8d8db;
  width: 6rem;
  left: -102px;
  bottom: 10px;
  margin-left: 50%;
  transform: translateX(-50%);
  border-top-left-radius: 100%;
  border-bottom-left-radius: 100%;
}

.allActivities {
  margin-top: 30px;
}

.allActivities .el-card {
  margin: 0 10px;
}

.allActivities .allActivities-top {
  height: 300px;
  position: relative;
}

.allActivities .allActivities-top .allActivities-top-top {
  position: absolute;
  top: 10px;
  left: 20px;
  color: #fff;
}

.allActivities .allActivities-top .allActivities-top-image {
  width: 100%;
  height: 100%;
}

.allActivities .allActivities-top .allActivities-top-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.allActivities .allActivities-top .allActivities-top-bott {
  position: absolute;
  bottom: 10px;
  right: 20px;
  width: 100%;
  text-align: right;
  color: #fff;
  border-left: 15px solid transparent;
  min-width: 80px;
  max-width: 160px;
}

.allActivities .allActivities-top .allActivities-top-bott .activity-inner-tags {
  position: absolute;
  top: -11px;
  right: 11px;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
}

.allActivities .allActivities-top .red {
  border-top: 15px solid #f42a14;
  border-bottom: 15px solid #f42a14;
}

.allActivities .allActivities-top .yellow {
  border-top: 15px solid #f19200;
  border-bottom: 15px solid #f19200;
}

.allActivities .allActivities-top .normal {
  border-top: 15px solid #6e6e7a;
  border-bottom: 15px solid #6e6e7a;
}

.allActivities .allActivities-bott .allActivities-bott-top {
  font-size: 18px;
  font-weight: bold;
  color: #3d4552;
  display: flex;
  justify-content: space-between;
  margin: 15px;
}

.allActivities .allActivities-bott .allActivities-bott-center {
  font-size: 14px;
  font-weight: 400;
  color: #7d8596;
  margin-top: 15px;
  padding: 0 15px;
}

.allActivities .allActivities-bott .allActivities-bott-bott {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #7d8596;
  margin-top: 20px;
  padding: 0 15px;
}

/* 供求平台-企业动态 */
.entrepriseNews {
  background: #fff;
  margin-top: 40px;
  height: 206px;
  padding: 15px 50px;
  position: relative;
  overflow: hidden;
}

.entrepriseNews::before {
  content: '企业动态';
  width: 238px;
  height: 32px;
  position: absolute;
  background-color: #eb1313;
  left: -84px;
  top: 10%;
  z-index: 10;
  color: #fff;
  line-height: 4px;
  transform: rotateZ(-43deg);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

.entrepriseNews .el-carousel__container {
  height: 186px;
}

.entrepriseNews .el-carousel__button {
  background-color: #096FEC;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.entrepriseNews .el-carousel__indicator.is-active .el-carousel__button {
  width: 30px;
  border-radius: 3px;
}

.entrepriseNews .entre-item {
  padding: 10px 20px 10px 20px;
  margin-top: 15px;
  border-left: 1px solid #E8E8E8;
}

.entrepriseNews .entre-item:first-child {
  border-left: none;
  padding-left: 0px;
}

.entrepriseNews .entre-item .entre-item-top {
  display: flex;
  align-items: center;
}

.entrepriseNews .entre-item .entre-item-top .entre-item-img {
  width: 64px;
  height: 64px;
}

.entrepriseNews .entre-item .entre-item-top .entre-item-title {
  font-size: 18px;
  font-weight: bold;
  color: #3d4552;
  margin-left: 20px;
  flex: 1;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.entrepriseNews .entre-item .entre-item-desc {
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #7d8596;
}

/* 热门服务、首页最新活动 */
.popularServices .el-card__body {
  padding: 0;
  padding-bottom: 20px;
  position: relative;
  cursor: pointer;
}

.popularServices .el-card.is-always-shadow {
  margin-bottom: 15px;
}

.popularServices .last-news-item .el-card {
  border: none;
  box-shadow: none;
}

.popularServices .last-news-item .popularServices-details {
  padding: 10px 0;
}

.popularServices .popularServices-img {
  width: 100%;
  height: 236px;
  object-fit: cover;
}

.popularServices .last-news-btn {
  width: 56px;
  height: 56px;
  background: rgba(61, 69, 82, 0.56);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: white;
  position: absolute;
  bottom: 150px;
  margin: 0 auto;
  left: 0;
  right: 0;
  cursor: pointer;
}

.popularServices .popularServices-details {
  padding: 10px 20px;
  padding-top: 20px;
  min-height: 154px;
}

.popularServices .popularServices-details .popularServices-details-title {
  font-size: 16px;
  font-weight: bold;
  color: #3d4552;
  padding-top: 10px;
  text-align: center;
}

.popularServices .popularServices-details .popularServices-details-price {
  font-size: 16px;
  font-weight: 400;
  color: #f60b3c;
  padding-top: 10px;
  text-align: center;
}

.popularServices .popularServices-details .popularServices-details-desc {
  font-size: 14px;
  font-weight: 400;
  color: #7d8596;
  padding-top: 10px;
  text-align: center;
}

/* 热销产品 */
/*供求平台en*/
.iframe-box {
  min-height: 186px;
  margin-top: 40px;
  background-repeat: no-repeat;
}

.iframe-box .iframeUrl {
  margin: 0px 30px 0;
}

.iframe-box .iframeUrl iframe {
  width: 97%;
  transition: all 0.3s ease;
  margin: inherit;
}

.iframe-box .close iframe {
  height: 0px;
}

.iframe-box .open {
  margin-top: 10px;
}

.iframe-box .open iframe {
  height: 646px;
}

.iframe-box .iframe-opt {
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 12px;
  font-weight: bold;
  padding: 6px 20px;
  display: inline-block;
  margin: 30px auto;
  color: #fff;
  margin-left: 49%;
}

/*供求平台底部走马灯*/
.supply-carousel_box {
  width: 1400px;
  margin: 0 auto;
}

.supply-carousel_box .el-carousel__container {
  height: 168px;
  width: 1272px;
  margin: 0 auto;
}

.supply-carousel_box .el-carousel__container .el-carousel__arrow--left {
  left: -60px;
  background-color: #fff;
  color: #CBCDCF;
  height: 46px;
  width: 46px;
  font-size: 24px;
  font-weight: bold;
}

.supply-carousel_box .el-carousel__container .el-carousel__arrow--right {
  right: -60px;
  background-color: #fff;
  color: #CBCDCF;
  height: 46px;
  width: 46px;
  font-size: 24px;
  font-weight: bold;
}

.supply-carousel_box .el-carousel__container .supply-carousel-block-item {
  width: 416px;
  height: 168px;
  overflow: hidden;
  margin-right: 10px;
  position: relative;
}

.supply-carousel_box .el-carousel__container .supply-carousel-block-item:nth-child(3n+0) {
  margin-right: 0px;
}

.supply-carousel_box .el-carousel__container .supply-carousel-block-item .supply-carousel-block-item-img1 {
  width: 416px;
  height: 168px;
  transition: all 0.3s ease;
}

.supply-carousel_box .el-carousel__container .supply-carousel-block-item .supply-carousel-block-item-img2 {
  position: absolute;
  top: 54px;
  left: 59px;
}

.supply-carousel_box .el-carousel__container .supply-carousel-block-item:hover .supply-carousel-block-item-img1 {
  transform: scale(1.1);
}

.supply-carousel_box .el-carousel__indicators {
  display: none;
}

/* 供求平台-聚焦企业 */
.famousEnterprises .famousEnterprises-top {
  display: flex;
  border-bottom: 1px solid #e5e9f2;
  padding-bottom: 20px;
  margin-bottom: 25px;
  justify-content: space-between;
}

.famousEnterprises .famousEnterprises-top .famousEnterprises-logo {
  display: flex;
}

.famousEnterprises .famousEnterprises-top .famousEnterprises-logo img {
  width: 30px;
  height: 30px;
}

.famousEnterprises .famousEnterprises-top .famousEnterprises-name {
  font-size: 18px;
  font-weight: 400;
  color: #3d4552;
  margin-left: 15px;
  line-height: 1.5;
}

.famousEnterprises .famousEnterprises-top .famousEnterprises-name:hover {
  color: #096fec;
}

.famousEnterprises .famousEnterprises-box {
  display: flex;
  margin-bottom: 30px;
  background: white;
  border: 1px solid #E5E9F2;
  border-radius: 6px;
}

.famousEnterprises .famousEnterprises-box .famousEnterprises-img {
  width: 143px;
  height: 143px;
}

.famousEnterprises .famousEnterprises-box .famousEnterprises-img img {
  border-radius: 6px;
  height: 100%;
  width: 100%;
}

.famousEnterprises .famousEnterprises-box .famousEnterprises-right {
  flex: 1;
  margin-left: 20px;
}

.famousEnterprises .famousEnterprises-box .famousEnterprises-right .famousEnterprises-right-title {
  font-size: 16px;
  font-weight: bold;
  color: #3d4552;
  display: flex;
  width: 210px;
}

.famousEnterprises .famousEnterprises-box .famousEnterprises-right .famousEnterprises-right-title .pop-entre-type {
  color: #096fec;
  width: 72px;
  flex-shrink: 0;
}

.famousEnterprises .famousEnterprises-box .famousEnterprises-right .famousEnterprises-right-price {
  font-size: 16px;
  font-weight: 400;
  color: #f60b3c;
  margin-top: 15px;
}

.famousEnterprises .famousEnterprises-box .famousEnterprises-right .famousEnterprises-right-desc {
  font-size: 14px;
  font-weight: 400;
  color: #7d8596;
  margin-top: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* 首页顶部 */
.homepagePicture {
  height: 500px;
  width: 100%;
  background-size: 100% 100%;
}

.homepagePicture .el-carousel .el-image {
  width: 100%;
  height: 500px;
}

.homepagePicture .el-carousel .el-carousel__indicators {
  z-index: 3;
}

.homepagePicture .el-carousel .el-carousel__indicators .el-carousel__button {
  width: 25px;
  height: 5px;
  background: #FDFDFD;
  opacity: 0.72;
  border-radius: 3px;
  transition: .3s;
}

.homepagePicture .el-carousel .el-carousel__indicators .el-carousel__indicator.is-active button {
  opacity: 1;
  background: #1760E6;
}

.homepagePicture .hideSpot .el-carousel__indicators {
  display: none;
}

.homepagePicture .top-banner-mask {
  position: absolute;
  width: 100%;
  height: 500px;
  top: 0;
  z-index: 2;
  font-size: 0px;
}

.homepagePicture .homepagePicture-box {
  width: 1272px;
  position: absolute;
  top: 150px;
  height: 0px;
  z-index: 2;
  left: 0;
  right: 0;
}

.homepagePicture .homepagePicture-box .el-row {
  height: 0px;
}

.homepagePicture .homepagePicture-box .homepagePicture-box-left {
  height: auto;
  padding-top: 10px;
  width: 690px;
}

.homepagePicture .homepagePicture-box .homepagePicture-box-left .homepagePicture-box-img img {
  width: 650px;
  height: 82px;
  object-fit: contain;
  margin-left: -14px;
}

.homepagePicture .homepagePicture-box .homepagePicture-box-left .homepagePicture-box-search {
  margin-top: 15px;
  width: 689px;
  box-shadow: 0px 3px 26px 0px rgba(70, 85, 102, 0.11);
}

.homepagePicture .homepagePicture-box .homepagePicture-box-left .homepagePicture-box-search .el-input__inner {
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  border-radius: 0;
}

.homepagePicture .homepagePicture-box .homepagePicture-box-left .homepagePicture-box-search .el-input-group__append {
  font-weight: bold;
  background: #1760E6;
  color: #fff;
  border: transparent;
  cursor: pointer;
  height: 52px;
  width: 106px;
  text-align: center;
  font-size: 28px;
  border-radius: 0;
}

.homepagePicture .homepagePicture-box .homepagePicture-box-left .homepagePicture-box-bott {
  background: rgba(0, 0, 0, 0.16);
  border-radius: 21px;
  margin-top: 25px;
  padding: 4px 10px;
  display: inline-block;
  color: #fff;
}

.homepagePicture .homepagePicture-box .homepagePicture-box-left .homepagePicture-box-bott .homepagePicture-box-title {
  font-size: 16px;
  height: 16px;
  line-height: 18px;
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
}

.homepagePicture .homepagePicture-box .homepagePicture-box-left .homepagePicture-box-bott .homepagePicture-box-key {
  font-size: 16px;
  height: 16px;
  line-height: 16px;
  color: #ffffff;
  margin-right: 18px;
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
}

.homepagePicture .homepagePicture-box .homepagePicture-box-left .homepagePicture-box-bott .homepagePicture-box-key:hover {
  color: #096fec;
  text-decoration: underline;
}

.homepagePicture .homepagePicture-box .homepagePicture-box-right {
  position: relative;
  width: 434px;
  float: right;
}

.homepagePicture .homepagePicture-box .homepagePicture-box-right .homepagePicture-right-box {
  background-color: red;
}

.carousel_box {
  min-width: 766px;
}

.carousel_box .el-carousel__container {
  position: relative;
  height: 344px;
  margin-left: 40px;
}

.carousel_box .el-carousel__container .el-carousel__arrow {
  background: none;
  font-size: 28px;
}

.carousel_box .el-carousel__container .el-carousel__arrow--left {
  left: 0;
}

.carousel_box .el-carousel__container .el-carousel__arrow--right {
  right: 0;
}

.carousel_box .el-carousel__item {
  display: flex;
  flex-wrap: wrap;
  width: 648px;
  margin-left: 43px;
}

.carousel_box .el-carousel__item .swiper-slide {
  width: 324px;
  height: 172px;
  transition: .2s;
}

.carousel_box .el-carousel__item .swiper-slide:hover {
  transform: translateY(-5px);
}

.carousel_box .el-carousel__item .swiper-slide .homepagePicture-right-item {
  width: 312px;
  cursor: pointer;
  height: 160px;
  background-color: #fff;
  border-radius: 6px;
  background-image: url(./../images/index01.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  padding: 24px 0;
  margin: 6px;
}

.carousel_box .el-carousel__item .swiper-slide .homepagePicture-right-item .homepagePicture-right-title {
  font-size: 18px;
  font-weight: bold;
  color: #3d4552;
  padding: 0 30px;
}

.carousel_box .el-carousel__item .swiper-slide .homepagePicture-right-item .DEOF {
  color: #de0f0f;
}

.carousel_box .el-carousel__item .swiper-slide .homepagePicture-right-item .homepagePicture-right-desc {
  font-size: 14px;
  font-weight: 400;
  color: #3d4552;
  padding: 10px 10px 0 30px;
  width: 66%;
  line-height: 20px;
}

/* 热门服务 */
.pop-service .el-carousel__container {
  height: 130px;
}

.pop-service .pop-service-cor {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pop-service .pop-service-cor .swiper-button-next,
.pop-service .pop-service-cor .swiper-button-prev {
  background-size: 14px 44px;
}

.pop-service .pop-service-cor .swiper-button-prev {
  left: -49px;
}

.pop-service .pop-service-cor .swiper-button-next {
  right: -49px;
}

.pop-service .pop-service-cor .el-icon-arrow-left {
  position: absolute;
  left: 0;
  font-size: 28px;
  cursor: pointer;
  color: #909090;
}

.pop-service .pop-service-cor .el-icon-arrow-right {
  position: absolute;
  right: 0;
  font-size: 28px;
  cursor: pointer;
  color: #909090;
}

.pop-service .pop-service-cor .pop-service-item {
  cursor: pointer;
  padding: 20px 0px;
  border-radius: 6px;
}

.pop-service .pop-service-cor .pop-service-item .pop-service-img {
  padding: 20px 18px;
  border-radius: 8px;
  background: rgba(166, 179, 201, 0.08);
}

.pop-service .pop-service-cor .pop-service-item .pop-service-img img {
  width: 51px;
  height: 45px;
}

.pop-service .pop-service-cor .pop-service-item .pop-service-img i {
  font-size: 45px;
  color: #6B818E;
}

.pop-service .pop-service-cor .pop-service-item .pop-service-txt {
  word-break: break-word;
  margin-top: 25px;
  font-size: 16px;
  font-weight: 400;
  color: #3D4552;
  text-align: center;
}

.pop-service .pop-service-cor .pop-service-item:hover .pop-service-img {
  background: rgba(166, 179, 201, 0.28);
}

.pop-service .pop-service-cor .pop-service-item:hover .pop-service-txt {
  color: #3d4552;
}

/* 样式细节修改,样式覆盖 */
.index-activities .popularServices .popularServices-details .popularServices-details-title {
  text-align: left;
  line-height: 28px;
}

.index-activities .popularServices .popularServices-details .popularServices-details-price {
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #7d8596;
}

.index-activities .popularServices .popularServices-details .popularServices-details-desc {
  text-align: left;
}

/* 首页供求平台 */
.index-supply .popularServices .popularServices-details {
  padding-top: 0;
}

.index-supply .popularServices .popularServices-details .popularServices-details-title {
  font-size: 14px;
  font-weight: 400;
  color: #3d4552;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.index-supply .popularServices .popularServices-details .popularServices-details-price {
  font-size: 12px;
  font-weight: 400;
  color: #f01a48;
  line-height: 24px;
}

.index-supply .popularServices .el-col-6 {
  width: 20%;
}

.index-supply .popularServices .el-col-6 .el-card__body {
  padding-bottom: 0;
}

.index-supply .el-card {
  border: none;
  border-radius: 0;
}

/* 新闻副标题 */
.country-news {
  font-size: 18px;
  font-weight: 400;
  color: #0557ee;
  line-height: 24px;
}

.pop-hot-news .newsCard {
  padding: 20px 0;
  margin-top: 0;
}

.pop-hot-news .news-item {
  padding: 20px 0;
}

.pop-hot-news .news-item .news-item-list .news-item-title .one-line-ellipsis {
  font-size: 16px;
  font-weight: 400;
}

/* 地图组件 */
.echarts-map-box {
  width: 100%;
  position: relative;
  font-size: 0;
}

.echarts-map-box .echartsMap {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.echarts-map-box .echarts-bg {
  height: 100%;
  width: 100%;
}

.navHeader {
  position: static;
  background: #fff;
}

.navHeader .el-menu-item,
.navHeader .el-menu-item.is-active {
  color: #3d4552 !important;
}

.navHeader .mg-tp0 {
  margin-top: 0;
}

.navHeader1 {
  display: block;
}

/* 国别资讯详情顶部大图 */
.country-details {
  background-image: url(./../images/guo-bie-countryD.png);
  position: relative;
  height: 344px;
  width: 100%;
  display: flex;
  align-items: center;
  background-size: 100% 100%;
}

.country-details .country-details-bread {
  position: absolute;
  top: 20px;
}

.country-details .country-details-bread .el-breadcrumb__inner a,
.country-details .country-details-bread .el-breadcrumb__inner.is-link {
  color: #fff;
}

.country-details .country-details-right {
  display: flex;
  margin-top: 60px;
}

.country-details .country-details-right .country-details-img {
  width: 264px;
  height: 188px;
  background: white;
  border-radius: 8px;
}

.country-details .country-details-right .country-details-img img {
  width: 100%;
  height: 100%;
  object: cover;
  border-radius: 8px;
}

.country-details .country-details-right .country-details-show {
  margin-left: 56px;
}

.country-details .country-details-right .country-details-show .country-details-title {
  font-size: 30px;
  font-weight: bold;
  color: white;
}

.country-details .country-details-right .country-details-show .country-details-btn {
  margin-top: 60px;
}

.country-details .country-details-right .country-details-show .country-details-btn button {
  width: 155px;
  height: 46px;
  /* background:rgba(5,87,238,1); */
  border-radius: 6px;
  font-size: 16px;
  font-weight: 400;
  color: white;
}

.country-details .country-details-right .country-details-show .bg-fff {
  background: #fff;
  color: #0557ee !important;
}

.country-details .country-details-right .country-details-show .bg-s {
  background: #0557ee;
  color: #fff;
}

.country-details .country-details-right .country-details-show .bg-s:hover {
  background: #fff;
  color: #0557ee !important;
}

/* 国别资讯详情主要部分 */
/* 风险预警 */
.risk-warning .risk-warning-box {
  display: flex;
}

.risk-warning .risk-warning-box .risk-warning-left {
  width: 833px;
}

.risk-warning .risk-warning-box .risk-warning-left .newsCard {
  padding: 30px;
  height: 162px;
}

.risk-warning .risk-warning-box .risk-warning-left .news-item {
  min-height: 270px;
}

.risk-warning .risk-warning-box .risk-warning-right {
  flex: 1;
  margin-left: 40px;
}

/*营商投资*/
.risk-warning .risk-warning-box .ystz .newsCard {
  padding: 30px;
  height: 168px;
  position: relative;
}

.risk-warning .risk-warning-box .ystz .newsCard:after {
  width: calc(100% - 160px);
  height: 1px;
  border-bottom: 1px dashed #D1D7DF;
  position: absolute;
  content: "";
  margin-left: 130px;
  bottom: 0;
}

.risk-warning .risk-warning-box .ystz .newsCard .cards-title {
  margin-top: 0;
}

.risk-warning .risk-warning-box .ystz .newsCard .newsCard-title {
  margin-bottom: 12px;
}

.risk-warning .risk-warning-box .ystz .newsCard .newsCard-desc {
  -webkit-line-clamp: 4;
}

.risk-warning .risk-warning-box .ystz .newsCard .newsCard-desc {
  line-height: 18px;
}

.risk-warning .risk-warning-box .ystz #c2-free-tag63:last-child .newsCard:after {
  border-bottom-color: #fff;
}

/* 园区介绍 */
.parkIntro {
  background: #fff;
  margin: 30px 0;
  padding-bottom: 30px;
}

.parkIntro .look-detail {
  background-color: #096FEC;
  border-color: #096FEC;
}

/* 国家介绍 */
.countryIntro {
  margin: 50px 0;
  background-color: #fff;
  color: #7d8596;
  padding: 20px 30px 36px;
}

.countryIntro .el-tab-pane {
  padding-top: 20px;
}

/* 贸易机构 */
.tradeAgency {
  margin: 30px 0;
  background-color: #fff;
  padding: 30px;
}

.tradeAgency .tradeAgency-box .tradeAgency-box-item {
  border-bottom: 1px dashed #d1d7df;
  padding-bottom: 30px;
  padding-top: 30px;
}

.tradeAgency .tradeAgency-box .tradeAgency-box-item:first-child {
  padding-top: 0px;
}

.tradeAgency .tradeAgency-box .tradeAgency-box-title {
  font-size: 16px;
  font-weight: bold;
  color: #3d4552;
  line-height: 24px;
}

.tradeAgency .tradeAgency-box .tradeAgency-box-desc {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #7d8596;
}

.tradeAgency .tradeAgency-box .tradeAgency-box-bott {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tradeAgency .tradeAgency-box .tradeAgency-box-bott .tradeAgency-box-url {
  font-size: 14px;
  font-weight: 400;
  color: #7d8596;
  width: 350px;
}

.tradeAgency .look-detail {
  background-color: #096FEC;
  border-color: #096FEC;
}

/* 贸易商机 */
.tradeOppo {
  margin: 30px 0;
  background: #fff;
  padding: 30px 20px 8px;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #e2e5e8;
}

.tradeOppo .el-form {
  display: flex;
  flex: 1;
}

.trade-oppo-table {
  padding: 0 20px;
  padding-bottom: 30px;
}

/* 资深专家 */
.tank-box .common-boxss {
  flex: 1;
  display: flex;
  justify-content: space-between;
}

.tank-box .common-title .common-title-sub {
  margin-left: 30px;
}

/* 领域专家 */
.domainExpert {
  padding: 30px;
  background: #fff;
}

/* 供求平台tabs */
.supplyDemand-tabs {
  height: 55px;
  background: white;
}

.supplyDemand-tabs .focs-cative {
  transition: 0.3s;
  background: #096fec;
  position: relative;
}

.supplyDemand-tabs .focs-cative .supplyDemand-tabs-title {
  color: #fff;
}

.supplyDemand-tabs .focs-cative .supplyDemand-tabs-icon {
  color: #fff !important;
}

.supplyDemand-tabs .focs-cative::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  margin-left: 50%;
  transform: translateX(-50%);
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid transparent;
}

.supplyDemand-tabs .focs-normal {
  transition: 0.3s;
  background: #fff;
}

.supplyDemand-tabs .focs-normal .supplyDemand-tabs-title {
  color: #474747;
}

.supplyDemand-tabs .focs-normal .supplyDemand-tabs-icon {
  color: #474747;
}

.supplyDemand-tabs .supplyDemand-tabs-box {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 100%;
  height: 100%;
  /* &:hover{
			transition: .3s;
			background:rgba(9,111,236,1);
			.supplyDemand-tabs-title{
				color:#fff;
			}
			.supplyDemand-tabs-icon{
				color:#fff;
			}
		} */
}

.supplyDemand-tabs .supplyDemand-tabs-box .supplyDemand-tabs-icon {
  color: #474747;
  font-size: 22px;
}

.supplyDemand-tabs .supplyDemand-tabs-box .supplyDemand-tabs-title {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 400;
}

/* 供求平台搜索 */
.supply-search-box {
  width: 570px;
  margin: 0 auto;
  padding: 30px 0;
}

.supply-search-box .supply-search-top {
  display: flex;
  align-items: center;
}

.supply-search-box .supply-search-top .supply-search-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.supply-search-box .supply-search-top .supply-search-btn .supply-search-item {
  cursor: pointer;
  width: 86px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 0px 6px 0px 0px;
}

.supply-search-box .supply-search-top .supply-search-btn .search-act {
  background: #096fec;
  color: #fff;
}

.supply-search-box .supply-search-top .supply-search-btn .search-nor {
  background: rgba(227, 236, 248, 0.8);
  color: #333;
}

.supply-search-box .supply-search-top .supply-bott-box {
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.supply-search-box .supply-search-top .supply-bott-box .supply-bott-title {
  color: #d7dbe3;
  font-size: 14px;
  font-weight: 400;
}

.supply-search-box .supply-search-top .supply-bott-box .supply-bott-item {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  margin-left: 10px;
  cursor: pointer;
}

.supply-search-box .supply-search-bott .homepagePicture-box-search .el-input-group__append {
  background: #096fec;
  color: #fff;
  border: transparent;
  cursor: pointer;
  border: 1px solid #096fec;
}

.supply-search-box .supply-search-bott .homepagePicture-box-search .el-input-group--append {
  border: 1px solid #096fec;
  border-right: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

.top-tool {
  height: 30px;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.48);
  background: #394048;
}

.top-tool .top-tool-left .detials {
  color: #0557ee;
  cursor: pointer;
}

.top-tool .top-tool-right .lang-change {
  cursor: pointer;
  height: 16px;
  background: rgba(1, 101, 238, 0);
  border-radius: 4px;
  font-size: 10px;
  padding: 0px 3px;
}

.top-tool .top-tool-right .tool-right-main-opt {
  font-size: 12px;
  line-height: 12px;
  padding: 2px 10px;
  border-right: 1px solid #767D84;
}

.top-tool .top-tool-right .tool-right-main-opt:hover {
  color: white;
}

.top-tool .top-tool-right .tool-right-user-type {
  border-bottom: 1px solid #E8E8E8;
}

.top-tool .login-register-btns {
  border: 1px solid #d7dae3;
  border-radius: 10px;
  font-size: 12px;
  width: 96px;
  line-height: 12px;
  padding: 4px 0;
  display: flex;
}

.top-tool .login-register-btns .login-btns {
  color: #909090;
  flex: 1;
  text-align: center;
}

.top-tool .login-register-btns .login-btns:last-child {
  border-left: 1px solid #CDCFD4;
}

/*顶部固定*/
.isFixedHeader {
  position: fixed;
  top: 0;
  z-index: 9999;
  right: 0;
  left: 0;
  animation: animate 200ms ease;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

@keyframes animate {
  from {
    top: -20px;
  }
  to {
    top: 0px;
  }
}

.isFixedHeader .nav-header {
  height: 100px;
}

.isFixedHeader .nav-header .logo-box img {
  height: 48px;
}

/* 首页政策法规覆盖样式 */
.policy-reg .common-title {
  padding: 20px 0;
}

.policy-reg .newsCard {
  background: white;
  padding: 30px 0;
  height: auto;
  border-bottom: 1px dashed #E8ECF2;
}

.policy-reg .newsCard .newsCard-right .newsCard-title .cards-title .cards-title-title {
  white-space: normal;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 20px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.policy-reg .newsCard .newsCard-img {
  width: 135px;
  height: 117px;
}

.policy-reg .newsCard .newsCard-img .el-image {
  width: 135px;
  height: 117px;
}

.policy-reg .newsCard .newsCard-right .newsCard-title .cards-title .cards-title-date {
  display: none;
}

.policy-reg .newsCard .newsCard-right .newsCard-desc {
  -webkit-line-clamp: 3;
}

/* 供求平台修正样式 */
.index-supply .popularServices .popularServices-img {
  height: 142px;
}

.index-supply .popularServices .popularServices-details .popularServices-details-desc {
  display: none;
}

/* 外贸法务覆盖样式 */
.friction-box .news-item {
  padding: 15px 20px;
}

.friction-box .newsCard .newsCard-right .newsCard-title .cards-title .cards-title-title {
  width: 100%;
  line-height: 1;
}

.friction-box .newsCard .newsCard-right .newsCard-title .cards-title .cards-title-date {
  display: none;
}

.friction-box .newsCard .newsCard-right .newsCard-desc {
  -webkit-line-clamp: 4;
}

.friction-box .doubleNews {
  padding: 20px;
}

.friction-box .doubleNews .double-box {
  width: 50%;
  height: 106px;
}

.friction-box .friction-box-item:last-child {
  margin-right: 0;
}

/* 产品服务 */
.productService {
/*  margin-top: 40px;
  padding: 30px 20px;*/
  background-color: #fff;
}

.productService .category-box {
  font-size: 14px;
  font-weight: 400;
  color: #7d8596;
  line-height: 26px;
}

.productService .category-box .category-title {
  display: flex;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
}

.productService .category-box .category-title .category-title-label {
  width: 44px;
}

.productService .category-box .category-title .category-title-item {
  width: calc(100% - 44px);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.productService .category-box .category-title .category-title-item .category-title-child {
  margin-right: 10px;
}

.productService .category-box .category-title .category-title-item .category-title-child:hover {
  color: #096fec;
}

.productService .category-box .category-title .category-title-item .active-item {
  color: #096fec;
}

.productService .el-card.is-always-shadow,
.productService .el-card.is-hover-shadow:focus,
.productService .el-card.is-hover-shadow:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.productService .el-card {
  border: none;
}

.productService .popularServices {
  margin-top: 30px;
}

/*找xx页面排序*/
.sort-box {
  height: 50px;
  line-height: 50px;
  background: white;
  font-size: 14px;
  border: 1px solid #e1edf0;
}

.sort-box .category-sort {
  border-bottom: none;
}

.sort-box .category-sort .category-sort-item .category-title-child {
  padding: 0 30px;
  border-left: 1px solid #F5F5F5;
  margin: 5px 0;
  height: 40px;
}

/*排序*/
.category-sort {
  display: flex;
  align-items: center;
  display: flex;
  align-items: center;
  padding-bottom: 14px;
  border-bottom: 1px solid #f0f0f0;
  padding-top: 10px;
}

.category-sort .category-sort-item {
  display: flex;
  align-items: center;
}

.category-sort .category-sort-item .active-item {
  color: #096fec;
}

.category-sort .category-sort-item .category-title-child {
  display: flex;
  margin-right: 20px;
  align-items: center;
}

.category-sort .category-sort-item .category-title-child .caret-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  height: 30px;
  width: 24px;
  vertical-align: middle;
  cursor: pointer;
  overflow: initial;
  position: relative;
  white-space: normal;
  word-break: break-all;
  line-height: 23px;
}

.category-sort .category-sort-item .category-title-child .caret-wrapper .sort-caret {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  position: absolute;
  left: 7px;
}

.category-sort .category-sort-item .category-title-child .caret-wrapper .ascending {
  border-bottom-color: #c0c4cc;
  top: 4px;
}

.category-sort .category-sort-item .category-title-child .caret-wrapper .descending {
  border-top-color: #c0c4cc;
  bottom: 3px;
}

.category-sort .category-sort-item .down-sord .caret-wrapper .descending {
  border-top-color: #096fec;
}

.category-sort .category-sort-item .up-sord .caret-wrapper .ascending {
  border-bottom-color: #096fec;
}

/* 省市区三级联动 */
.question-select {
  height: 40px;
}

.question-select select {
  border-radius: 5px;
  box-shadow: 0 0 5px #ccc;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  height: 100%;
  padding: 0 20px;
  color: #333;
  font-size: 22px;
}

.bigPicture {
  position: relative;
}

.bigPicture .hideSpot .el-carousel__indicators {
  display: none;
}

.bigPicture .el-carousel__button {
  width: 25px;
  height: 5px;
  background: #FDFDFD;
  opacity: 0.72;
  border-radius: 3px;
}

.bigPicture .is-active .el-carousel__button {
  background: #1760E6;
  width: 25px;
}

.bigPicture .big-picture-tips {
  position: absolute;
  top: 250px;
  width: 1280px;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
}

.bigPicture .big-picture-tips .el-image {
  height: auto;
  width: auto;
}

.bigPicture .big-picture-tips .el-image img {
  width: 648px;
  height: 100%;
  box-shadow: 0px 6px 22px 0px rgba(0, 0, 0, 0.24);
  opacity: 0.86;
}

/* 详情页头部 */
.detail-header .top-tool {
  background: #f3f3f3;
}

.detail-header .nav-header {
  position: static;
  background: #fff;
}

.detail-header .nav-header .el-menu--horizontal .el-menu .el-menu-item,
.detail-header .nav-header .el-menu--horizontal .el-menu .el-submenu__title {
  background-color: transparent;
  color: #333;
}

.detail-header .nav-header .el-menu--horizontal .el-menu .el-menu-item a,
.detail-header .nav-header .el-menu--horizontal .el-menu .el-submenu__title a {
  color: #333;
}

.entre-activity .tank-content .tank-news .tank-news-left {
  width: 832px;
  height: 421px;
  background: #cb7373;
  margin-right: 20px;
}

.entre-activity .common-title {
  padding: 10px 15px;
}

.entre-activity .newsCard {
  padding: 15px;
}

.entre-activity .tank-content .tank-news .tank-news-right .news-item {
  padding: 10px 0px;
}

.supply-show {
  background: #fff;
  padding: 10px 30px;
  padding-bottom: 40px;
}

.supplyShow {
  /* margin-top: 10px; */
}

.supplyShow .product-detail-bt-line {
  text-align: left;
  display: flex;
}

.supplyShow .product-detail-bt-rc-div {
  margin-left: 40px;
}

.supplyShow .product-detail-bt-rb {
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

/* 企业详情主页-企业介绍 */
.entre-info-show {
  width: 100%;
  padding: 30px;
  background: #fff;
}

.entre-info-show .entre-info-desc {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333;
  line-height: 30px;
  text-indent: 2em;
  margin-top: 40px;
}

.entre-info-show .entre-info-desc img {
  width: 100%;
  height: auto;
  margin-left: -2em;
}

.entre-info-show .el-image {
  width: 124px;
  height: 96px;
  margin: 6px 0 30px;
}

/* 企业详情主页-荣誉资质 */
.supplyHonor {
  background: #fff;
  margin: 0 30px;
}

.supplyHonor .honor-ul {
  border-top: 1px solid #E3E5EB;
  padding: 32px 0;
}

.supplyHonor .supplyHonor-left .supplyHonor-item {
  height: 146px;
  display: block;
  width: 100%;
  border-right: 1px solid #eee;
  position: relative;
}

.supplyHonor .supplyHonor-left .supplyHonor-item::after {
  width: 6px;
  height: 6px;
  background-color: #0557ee;
  position: absolute;
  right: -3px;
  top: 26px;
  border-radius: 50%;
  z-index: 9;
  content: '';
}

.supplyHonor .supplyHonor-right .supplyHonor-item {
  height: 146px;
  display: block;
  width: 100%;
  border-right: 1px solid #eee;
  position: relative;
}

.supplyHonor .newsCard .newsCard-right .newsCard-title .cards-title .cards-title-title {
  font-size: 22px;
  width: 100%;
  font-weight: bold;
  color: #3d4552;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 1.5;
}

.supplyHonor .newsCard .newsCard-right .newsCard-title .cards-title .cards-title-date {
  display: none;
}

.supplyHonor .honor-more {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-bottom: 30px;
}

.supplyHonor .honor-more i {
  border: 1px solid #0557ee;
  border-radius: 50%;
  padding: 2px;
  color: #0557ee;
}

.supplyHead {
  background-color: #fff;
  padding-top: 40px;
  font-size: 0;
}

.supplyHead .supplyHead-img {
  width: 118px;
  height: 118px;
  object-fit: contain;
}

.supplyHead .supplyHead-right {
  width: calc(100% - 148px);
  margin-left: 30px;
  display: inline-block;
  vertical-align: top;
}

.supplyHead .supplyHead-right .supplyHead-title {
  font-size: 22px;
  font-weight: bold;
  color: #333;
  line-height: 22px;
  margin-bottom: 15px;
}

.supplyHead .supplyHead-right .supplyHead-title i {
  font-size: 20px;
  color: #1558D4;
  background-color: #fff;
}

.supplyHead .supplyHead-right .supply-item-box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.supplyHead .supplyHead-right .supply-item-box .supply-heades {
  display: flex;
  align-items: center;
  width: 100%;
}

.supplyHead .supplyHead-right .supply-item-box .supply-heades .supplyHead-item {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 18px;
  padding: 10px 20px 10px 0;
  width: 33%;
  display: flex;
}

.supplyHead .supplyHead-right .supply-item-box .supply-heades .supplyHead-item .supplyHead-item-title {
  color: #818A91;
}

.supplyHead .supplyHead-right .supply-item-box .supply-heades .supplyHead-item .supplyHead-item-value {
  flex: 1;
}

.supplyHead .supplyHead-right .supply-item-box .supply-heades button {
  font-weight: 400;
  color: #0871f0;
}

.supplyHead .supplyHead-right .supply-main-yw {
  color: #818A91;
  line-height: 24px;
  font-size: 14px;
  border-top: 1px solid #E3E5EB;
  padding: 30px 0;
  margin-top: 20px;
}

.supplyHead .supplyHead-right .supply-main-yw span {
  color: #444141;
}

.comDetail {
  background-color: #F7F7F7;
}

.comDetail .com-detail-tab ul {
  height: 76px;
  font-size: 16px;
  color: #333;
  line-height: 76px;
  font-family: Microsoft YaHei;
  font-weight: bold;
}

.comDetail .com-detail-tab ul li {
  float: left;
}

.comDetail .com-detail-tab ul li span {
  padding: 0 40px;
  height: 16px;
  line-height: 16px;
  border-left: 1px solid #D5D6DD;
}

.comDetail .com-detail-tab ul li:first-child span {
  padding-left: 0px;
  border-left: none;
}

.comDetail .com-detail-tab ul li:hover {
  color: #1455CC;
}

.comDetail .com-detail-tab ul .tab-item-active {
  color: #1455CC;
}

.comDetail .com-detail-tab-title {
  height: 25px;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  line-height: 25px;
  margin: 10px 0 25px;
}

.comDetail .com-detail-tab-title .el-image {
  float: left;
  width: 34px;
  height: 29px;
  margin: 0 20px 0 0;
}

.comDetail .com-detail-tabs .el-tabs__item {
  color: #3D4552;
  height: 52px;
  line-height: 52px;
}

.comDetail .com-detail-tabs .el-tabs__item.is-top:nth-child(2) {
  padding-left: 20px;
}

.comDetail .com-detail-tabs .el-tabs__nav-next, .comDetail .com-detail-tabs .el-tabs__nav-prev {
  width: 21px;
  border: 1px solid #DCDCDC;
  line-height: 20px;
  text-align: center;
  margin-top: 14px;
}

.comDetail .com-detail-tabs .el-tabs__nav-prev {
  right: 26px;
  left: inherit;
}

.comDetail .com-detail-tabs .el-tabs__nav-wrap.is-scrollable {
  padding: 0px 50px 0 0;
}

.comDetail .com-detail-tabs .el-tabs__nav-wrap::after {
  background-color: #E9EFF3;
  height: 1px;
}

.comDetail .com-detail-tab-top {
  position: fixed;
  top: 0;
  height: 60px;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  left: 0;
  right: 0;
  line-height: 60px;
  z-index: 20;
}

.comDetail .com-detail-tab-top .supplyHead-title {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
}

.comDetail .com-detail-tab-top .supplyHead-title i {
  font-size: 20px;
  color: #1558D4;
  margin-left: 6px;
}

.comDetail .com-detail-tab-top .com-detail-tab {
  position: absolute;
  right: -40px;
  top: 0;
  z-index: 10;
}

.comDetail .com-detail-tab-top .com-detail-tab ul {
  height: 60px;
  line-height: 60px;
}

.com-detail-coop {
  padding: 30px 30px 60px;
}

.com-detail-coop .maotou-box {
  border-bottom: 1px dashed #e6e6e6;
  padding: 20px;
}

.com-detail-coop .maotou-box .maotou-num {
  color: #333;
  font-size: 16px;
  font-weight: bold;
}

.com-detail-coop .item {
  font-size: 14px;
  margin: 20px 20px 0;
  line-height: 24px;
}

.com-detail-coop .item .item-name {
  color: #999;
  width: 10%;
  text-align: right;
  display: inline-block;
}

.com-detail-coop .item .item-value {
  display: inline-block;
  color: #666;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  border-radius: 2px;
  margin: 0 10px;
}

.com-detail-coop .item .item-value span {
  border: 1px solid #e6e6e6;
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
  background: #f5f5f5;
  display: inline-block;
  margin-right: 10px;
  color: #333333;
  margin-right: 10px;
}

.com-detail-coop .item .item-value-first {
  border: none;
  background: none;
  color: #333;
}

.com-detail-coop .item .item-value-last {
  width: 80%;
  padding: 10px 20px;
  border: 1px solid #e6e6e6;
  background: #f5f5f5;
}

.com-detail-pAndS .item-pane {
  padding: 30px;
}

.com-detail-pAndS .product-detail-bt-line {
  border-bottom: 1px dashed #D1D7DF;
}

.com-detail-project {
  padding: 30px;
}

.com-detail-project .com-detail-project-items .item {
  border: 1px solid #E2E5E8;
  margin-top: 30px;
  height: 188px;
  overflow: hidden;
}

.com-detail-project .com-detail-project-items .item .el-image {
  width: 336px;
  height: 188px;
}

.com-detail-project .com-detail-project-items .item .item-title {
  font-size: 20px;
  font-weight: bold;
  color: #3D4552;
  line-height: 20px;
  width: 80%;
  display: inline-block;
  margin-bottom: 28px;
}

.com-detail-project .com-detail-project-items .item .item-time {
  font-size: 14px;
  color: #999999;
  float: right;
}

.com-detail-project .com-detail-project-items .item .item-right {
  display: inline-block;
  padding: 20px 30px;
  width: calc(100% - 336px);
}

.com-detail-project .com-detail-project-items .item .item-intro {
  color: #7D8596;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 22px;
  height: 60px;
}

.com-detail-project .com-detail-project-items .item .item-intro span {
  color: #3D4552;
}

.com-detail-project .com-detail-project-items .item .item-other div {
  color: #7D8596;
  font-size: 14px;
  line-height: 20px;
  margin-right: 60px;
  display: inline-block;
}

.com-detail-project .com-detail-project-items .item .item-other div span {
  color: #3D4552;
}

.com-detail-demand {
  padding: 30px;
}

.com-detail-info {
  padding: 30px;
}

.com-detail-info .com-detail-info-items .item {
  padding: 30px 0;
  border-bottom: 1px dashed #E2E5E8;
}

.com-detail-info .com-detail-info-items .item:hover .item-title {
  color: #1455CC;
}

.com-detail-info .com-detail-info-items .item:hover .item-title span {
  text-decoration: underline;
}

.com-detail-info .com-detail-info-items .item-title {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 20px;
}

.com-detail-info .com-detail-info-items .item-title i {
  color: #1455CC;
  margin-right: 7px;
}

.com-detail-info .com-detail-info-items .item-desc {
  font-size: 14px;
  font-weight: 400;
  color: #828A91;
  line-height: 24px;
  margin-bottom: 18px;
}

.com-detail-info .com-detail-info-items .item-other {
  color: #828A91;
  font-size: 12px;
  line-height: 12px;
}

.login-wrapper {
  /* home.form */
  /* 动画-向上浮现 */
  /* 活动数据模板-水平 */
  /* 活动数据模板-竖直 */
  /* 资讯数据模板-水平 */
  /* 活动详情 */
  /* 带分隔符 */
  /* 参加者列表 */
  /* 卡片 el-card */
  /* 表单 el-form */
  /* 报名 */
  /* 报名1 */
  /* 报名2 */
  /* 报名3 */
  /* 报名-选中 */
  /* 报名4 */
  /* 议程编辑 */
  /* 报名成功 */
  /* 资讯详情 */
  /* 登录 */
  /* 注册 */
  /*按钮*/
  /* 弹窗 */
  /* 参与者列表 */
}

.login-wrapper .el-tabs__header {
  margin-bottom: 40px;
}

.login-wrapper .page-center-80 {
  width: 1272px;
  margin: 0 auto !important;
  padding: 0;
}

.login-wrapper .page-center-52 {
  width: 900px;
  margin: 0 auto !important;
  padding: 0;
}

.login-wrapper .page-header {
  height: 88px;
  line-height: 88px;
  z-index: 10;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
}

.login-wrapper #logo {
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}

.login-wrapper #logo img {
  vertical-align: middle;
  height: 48px;
}

.login-wrapper #logo .img2 {
  width: 60px;
  height: 20px;
  margin-top: -18px;
}

.login-wrapper .page-header .header-user {
  float: right;
  font-size: 12px;
}

.login-wrapper .page-header .header-user .lang-change {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 2px 10px;
}

.login-wrapper .page-header .header-user .seperator {
  color: rgba(0, 0, 0, 0.6);
}

.login-wrapper .page-header .header-user .el-dropdown {
  font-size: 12px;
  cursor: pointer;
}

.login-wrapper .login-btn {
  cursor: pointer;
}

.login-wrapper .login-btn:hover {
  color: #333;
}

.login-wrapper .page-container {
  height: calc(100vh - 60px);
}

.login-wrapper .page-container .el-main {
  padding: 0;
}

.login-wrapper .page-footer {
  min-width: 1272px;
}

.login-wrapper .page-footer .copyright {
  float: left;
}

.login-wrapper .page-footer .copyright img {
  width: 24px;
  height: 30px;
}

.login-wrapper .page-footer .copyright .copyright-txt {
  margin-left: 10px;
  color: #606266;
}

.login-wrapper .page-footer .phone {
  float: right;
}

.login-wrapper .page-footer .phone .phone-info:not(:last-child) {
  margin-right: 30px;
}

.login-wrapper .page-footer .phone .phone-name {
  color: #606266;
}

.login-wrapper .page-footer .phone .phone-icon {
  width: 16px;
  height: 16px;
  line-height: 16px;
  display: inline-block;
  background-color: #ecedee;
  border-radius: 50%;
  text-align: center;
}

.login-wrapper .page-footer .phone .phone-name i {
  color: #1083c5;
}

.login-wrapper .page-footer .phone .phone-number {
  color: #1083c5;
  font-size: 24px;
  font-weight: bold;
}

.login-wrapper .home .home-top {
  height: 360px;
  padding: 70px 0;
  background: url("../../static/images/index-bg.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
}

.login-wrapper .home-top .home-name {
  line-height: 78px;
  margin-bottom: 10px;
  color: #007bc1;
  font-size: 52px;
  font-weight: bold;
}

.login-wrapper .home-top .home-slogan {
  line-height: 32px;
  margin-bottom: 20px;
  color: #707073;
  font-size: 16px;
  font-weight: bold;
}

.login-wrapper .home-top .home-search {
  margin-bottom: 10px;
  font-size: 0;
}

.login-wrapper .home-search .el-input {
  width: 300px;
  border-radius: 0;
}

.login-wrapper .home-search .el-input .el-input__inner {
  height: 36px;
  line-height: 36px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid #c5ccd0;
  border-right: none;
  border-radius: 2px;
  color: #fff;
}

.login-wrapper .home-search .el-button {
  width: 80px;
  height: 36px;
  line-height: 36px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 2px;
}

.login-wrapper .home-search .home-slogan {
  line-height: 32px;
  color: #707073;
  font-size: 16px;
  font-weight: bold;
}

.login-wrapper .home-top .home-hot-bot {
  /* width:380px; */
  margin: 0 auto;
  line-height: 24px;
  display: inline-block;
  color: #fff;
}

.login-wrapper .home-hot-bot .hot-bot-icon {
  width: 50px;
  height: 24px;
  margin-right: 10px;
  float: left;
  position: relative;
  background: rgba(252, 57, 37, 0.3);
  opacity: 0.8;
  border-radius: 4px;
  font-size: 12px;
}

.login-wrapper .home-hot-bot .hot-bot-icon::after {
  content: '';
  position: absolute;
  top: calc(50% - 6px);
  right: -12px;
  display: inline-block;
  border: 6px solid transparent;
  border-left-color: rgba(252, 57, 37, 0.33);
}

.login-wrapper .home-hot-bot .hot-bot-list {
  /* width:320px; */
  padding: 0 5px;
  float: left;
  text-align: left;
}

.login-wrapper .home-hot-bot .hot-bot-item {
  cursor: pointer;
}

.login-wrapper .home .home-bottom {
  position: relative;
  top: -40px;
}

.login-wrapper .home .home-bottom::after {
  content: '';
  width: 100%;
  height: 40px;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #f6f6f6;
}

.login-wrapper .home-bottom .el-tabs__header {
  /* width:80%; */
  width: 1180px;
  margin: 0 auto;
}

.login-wrapper .home-bottom .el-tabs__nav-wrap::after {
  display: none;
}

.login-wrapper .home-bottom .el-tabs__item {
  min-width: 80px;
  padding: 0;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
}

.login-wrapper .home-bottom .el-tabs__item:hover {
  color: #409eff;
  cursor: pointer;
}

.login-wrapper .home-bottom .el-tabs__item.is-active {
  position: relative;
  color: #409eff;
}

.login-wrapper .home-bottom .el-tabs__item.is-active::after {
  content: '';
  width: 0;
  height: 0px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: calc(50% - 4px);
  border: 4px solid transparent;
  border-bottom-color: #fff;
}

.login-wrapper .home-bottom .el-tabs__active-bar {
  display: none;
}

.login-wrapper .condition-filter {
  padding: 10px 0 0;
  position: relative;
  border-bottom: 1px solid #c8d5e6;
}

.login-wrapper .search .condition-filter {
  border-bottom: none;
}

.login-wrapper .condition-filter .filter-name {
  line-height: 30px;
  color: #353535;
  font-size: 14px;
}

.login-wrapper .condition-filter .filter-content {
  line-height: 30px;
  color: #777;
}

.login-wrapper .condition-filter .filter-content.part-info {
  height: 30px;
  overflow: hidden;
}

.login-wrapper .condition-filter .filter-content .filter-item {
  display: inline-block;
  cursor: pointer;
}

.login-wrapper .condition-filter .filter-content .filter-item.choosed {
  color: #008ddd;
  font-weight: bold;
}

.login-wrapper .condition-filter .filter-content .filter-item:not(last-child) {
  margin-right: 20px;
}

.login-wrapper .condition-filter .fold-btn {
  line-height: 24px;
  margin: 3px auto 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-align: center;
  cursor: pointer;
}

.login-wrapper .condition-filter .sort {
  position: absolute;
  top: 12px;
  right: 0;
  color: #777;
}

.login-wrapper .condition-filter .sort .el-input__inner {
  width: 80px;
  padding: 0 20px 0 5px;
  background-color: transparent;
  border: none;
  color: inherit;
}

.login-wrapper .recommendActivity {
  margin: 20px auto;
}

@keyframes upIn {
  0% {
    top: 50px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}

@-moz-keyframes upIn {
  0% {
    top: 50px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}

@-o-keyframes upIn {
  0% {
    top: 50px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}

@-webkit-keyframes upIn {
  0% {
    top: 50px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}

.login-wrapper .upIn {
  position: relative;
  animation: upIn 0.5s;
  -webkit-animation: upIn 0.5s;
  -moz-animation: upIn 0.5s;
  -o-animation: upIn 0.5s;
}

.login-wrapper .activity-h {
  height: 368px;
  margin: 12px 7px;
  padding: 12px;
  position: relative;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 7px;
  box-shadow: 2px 2px 5px 2px #eee;
}

.login-wrapper .activity-h .activity-img {
  width: calc(60% - 15px);
  height: 100%;
  margin-right: 15px;
  position: relative;
}

.login-wrapper .activity-h .activity-img .el-image {
  width: 100%;
  height: 100%;
}

.login-wrapper .activity-h .activity-img .tag {
  position: absolute;
  font-size: 12px;
}

.login-wrapper .activity-h .activity-img .tag.recommend-tag {
  width: 98px;
  line-height: 30px;
  top: 0;
  left: 0;
  background-color: rgba(47, 53, 95, 0.4);
  color: #ff4734;
  text-align: center;
}

.login-wrapper .activity-h .activity-img .tag.date-tag {
  height: 0;
  right: 0;
  bottom: 15px;
  border-width: 18px;
  border-style: solid;
  text-align: center;
  color: #fff;
}

.login-wrapper .activity-h .activity-img .tag.date-tag.notStart {
  width: 160px;
  border-color: #f19300 #f19300 #f19300 transparent;
}

.login-wrapper .activity-h .activity-img .tag.date-tag.underway {
  width: 100px;
  border-color: #f42a15 #f42a15 #f42a15 transparent;
}

.login-wrapper .activity-h .activity-img .tag.date-tag.finished {
  width: 100px;
  border-color: #6e6e7a #6e6e7a #6e6e7a transparent;
}

.login-wrapper .activity-h .activity-img .tag.date-tag::after {
  content: attr(title);
  width: 100%;
  position: absolute;
  top: -10px;
  left: 10%;
}

.login-wrapper .activity-h .activity-info {
  width: 40%;
  height: 100%;
}

.login-wrapper .activity-h .activity-info .info-top {
  height: calc(100% - 30px);
  border-bottom: 1px solid #f0f3f7;
}

.login-wrapper .activity-h .activity-info .info-title {
  width: 100%;
  margin-bottom: 15px;
  line-height: 36px;
  font-size: 24px;
  font-weight: bold;
  color: #353535;
}

.login-wrapper .activity-h .activity-info .info-tag-container {
  margin-bottom: 10px;
}

.login-wrapper .activity-h .activity-info .info-tag {
  line-height: 20px;
  margin-right: 20px;
  padding: 0 5px;
  float: left;
  border: 1px solid #d7e7fd;
  border-radius: 4px;
  text-align: center;
  color: #008ddd;
  font-size: 12px;
}

.login-wrapper .activity-h .activity-info .info-tag:last-child {
  margin-right: 0;
}

.login-wrapper .activity-h .activity-info .info-desc {
  height: calc(100% - 135px);
  line-height: 24px;
  font-weight: 400;
  color: #606266;
}

.login-wrapper .activity-h .activity-info .info-btn .el-button {
  width: 120px;
  height: 36px;
  padding: 0;
  /* background:rgba(0,141,221,1);
		border:1px solid rgba(0,124,194,1); */
  border-radius: 18px;
}

.login-wrapper .activity-h .activity-info .info-bottom {
  line-height: 40px;
}

.login-wrapper .activity-h .activity-info .info-location {
  height: 11px;
  line-height: 18px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #606266;
}

.login-wrapper .allActivities {
  padding: 20px 0 0;
  /* background-color:#F7F7F7; */
}

.login-wrapper .allActivities .allActivities-header {
  line-height: 32px;
  margin-bottom: 10px;
  color: #008ddd;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

.login-wrapper .activity-v {
  width: calc(50% - 8px);
  height: 413px;
  margin: 12px 0;
  margin-right: 16px;
  padding: 0;
  float: left;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 7px;
}

.login-wrapper .activity-v:nth-child(2n) {
  margin-right: 0;
}

.login-wrapper .activity-v:hover {
  box-shadow: 1px 1px 9px 2px #ddd;
}

.login-wrapper .activity-v .activity-img {
  height: 280px;
  position: relative;
  border-radius: 8px 8px 0px 0px;
}

.login-wrapper .activity-v .activity-img .el-image {
  height: 100%;
}

.login-wrapper .activity-v .activity-img .el-image__inner {
  border-radius: 8px 8px 0px 0px;
}

.login-wrapper .activity-v .activity-img .tag {
  position: absolute;
}

.login-wrapper .activity-v .activity-img .tag.type-tag {
  width: 98px;
  line-height: 30px;
  top: 0;
  left: 0;
  background-color: rgba(47, 53, 95, 0.4);
  border-radius: 8px 0 0px 0px;
  color: #fff;
  text-align: center;
  font-size: 14px;
}

.login-wrapper .activity-v .activity-img .tag.date-tag {
  height: 0;
  right: 0;
  bottom: 15px;
  border-width: 18px;
  border-style: solid;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

.login-wrapper .activity-v .activity-img .tag.date-tag.notStart {
  width: 160px;
  border-color: #f19300 #f19300 #f19300 transparent;
}

.login-wrapper .activity-v .activity-img .tag.date-tag.underway {
  width: 100px;
  border-color: #f42a15 #f42a15 #f42a15 transparent;
}

.login-wrapper .activity-v .activity-img .tag.date-tag.finished {
  width: 100px;
  border-color: #6e6e7a #6e6e7a #6e6e7a transparent;
}

.login-wrapper .activity-v .activity-img .tag.date-tag::after {
  content: attr(title);
  width: 100%;
  position: absolute;
  top: -10px;
  left: 10%;
}

.login-wrapper .activity-v .activity-info {
  width: 100%;
  height: calc(100% - 280px);
}

.login-wrapper .activity-v .activity-info .info-top {
  height: calc(100% - 40px);
  padding: 15px;
  border-bottom: 1px solid #f0f3f7;
}

.login-wrapper .activity-v .activity-info .info-top-left {
  width: 70%;
}

.login-wrapper .activity-v .activity-info .info-top-right {
  width: 30%;
  text-align: center;
}

.login-wrapper .activity-v .activity-info .info-title {
  width: 100%;
  margin-bottom: 10px;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #353535;
}

.login-wrapper .activity-v .activity-info .info-date {
  line-height: 24px;
  font-weight: 400;
  color: #909399;
  font-size: 14px;
}

.login-wrapper .activity-v .activity-info .info-btn .el-button {
  width: 120px;
  line-height: 36px;
  padding: 0;
  border-radius: 18px;
}

.login-wrapper .activity-v .activity-info .info-bottom {
  line-height: 40px;
  padding: 0 15px;
}

.login-wrapper .news {
  padding: 20px 0;
}

.login-wrapper .year-filter {
  padding: 0 0 15px;
}

.login-wrapper .search .year-filter {
  padding: 20px 0 10px;
}

.login-wrapper .year-filter .year-item {
  width: 80px;
  height: 24px;
  line-height: 22px;
  background-color: transparent;
  border: 1px solid #e3e5eb;
  border-radius: 4px;
  text-align: center;
  color: #909399;
  cursor: pointer;
}

.login-wrapper .year-filter .year-item.choosed {
  color: #008ddd;
}

.login-wrapper .year-filter .year-item:not(last-child) {
  margin-right: 10px;
}

.login-wrapper .page-tip {
  line-height: 40px;
  text-align: center;
  color: #777;
}

.login-wrapper .news-list {
  max-height: 400px;
}

.login-wrapper .infinite-list::-webkit-scrollbar {
  width: 0;
}

.login-wrapper .news-h {
  height: 212px;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  padding: 12px;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 7px;
  box-shadow: 2px 2px 5px 2px #eee;
  position: relative;
  animation: upIn 0.5s;
  -webkit-animation: upIn 0.5s;
  -moz-animation: upIn 0.5s;
  -o-animation: upIn 0.5s;
}

.login-wrapper .news-h .news-img {
  width: calc(30% - 15px);
  margin-right: 15px;
  position: relative;
}

.login-wrapper .news-h .news-img .el-image {
  height: 100%;
}

.login-wrapper .news-h .news-info {
  width: 70%;
  height: 100%;
}

.login-wrapper .news-h .news-info .info-left {
  width: calc(100% - 120px);
  height: 100%;
}

.login-wrapper .news-h .news-info .info-title {
  width: 100%;
  line-height: 48px;
  margin-bottom: 5px;
  padding-right: 20px;
  color: #353535;
}

.login-wrapper .news-h .news-info .info-desc {
  height: calc(100% - 115px);
  line-height: 24px;
  margin-bottom: 30px;
  padding: 5px 20px 5px 0;
  border-right: 1px solid #f0f3f7;
  font-weight: 400;
  color: #606266;
  font-size: 14px;
}

.login-wrapper .news-h .info-btn .el-button {
  width: 80px;
  height: 24px;
  line-height: 24px;
  padding: 0;
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 12px;
  opacity: 0.8;
}

.login-wrapper .news-h .info-btn .el-button:hover {
  background: #fdfdfd;
  opacity: 1;
}

.login-wrapper .news-h .info-btn .el-icon-right:before {
  color: #333;
}

.login-wrapper .news-h .news-info .info-right {
  width: 120px;
  height: 100%;
  line-height: 22px;
  padding: 50px 30px;
  color: #b0b4bb;
  text-align: right;
  flex-direction: column;
  justify-content: space-between;
}

.login-wrapper .activity-nav .nav-item {
  display: inline-block;
  cursor: pointer;
}

.login-wrapper .activity-nav .nav-item:hover {
  color: #008ddd;
}

.login-wrapper .activity-nav .nav-item.choosed {
  border-bottom: 2px solid #008ddd;
}

.login-wrapper .activityDetail .detail-top {
  height: 240px;
  padding: 115px 0 20px;
  background-image: url("../../static/images/index-bg.png");
  background-repeat: no-repeat;
}

.login-wrapper .activityDetail .detail-top .detail-top-left {
  position: relative;
  bottom: -20px;
}

.login-wrapper .activityDetail .detail-date {
  line-height: 32px;
  opacity: 0.7;
}

.login-wrapper .activityDetail .detail-title {
  line-height: 56px;
  font-weight: bold;
}

.login-wrapper .activityDetail .signup {
  height: 124px;
  padding: 30px 20px;
  background: rgba(0, 0, 0, 0.24);
  border-radius: 8px 8px 0px 0px;
  text-align: center;
}

.login-wrapper .activityDetail .signup-btn .el-button {
  width: 240px;
  line-height: 40px;
  margin-bottom: 15px;
  padding: 0;
  /* background: rgba(0,141,221,1);
	    border: 1px solid rgba(0,124,194,1);
	    box-shadow: 0px 1px 4px 0px rgba(255,255,255,0.08); */
  border-radius: 4px;
  cursor: pointer;
}

.login-wrapper .activityDetail .detail-days {
  line-height: 14px;
  opacity: 0.8;
}

.login-wrapper .detail-bottom {
  padding: 20px 0;
}

.login-wrapper .detail-bottom .el-tabs {
  border: 1px solid #e3e5eb;
  box-shadow: 0px 3px 40px 1px rgba(3, 16, 33, 0.06);
  border-radius: 8px;
}

.login-wrapper .detail-bottom .el-tabs .el-tabs__item {
  padding: 0 20px !important;
  position: relative;
  color: #777;
}

.login-wrapper .detail-bottom .el-tabs .el-tabs__item:not(:last-child)::after {
  content: '|';
  display: inline-block;
  font-size: 12px;
  color: #ededed;
  position: absolute;
  right: 0;
}

.login-wrapper .width-seperator:not(:last-child)::after {
  content: '|';
  display: inline-block;
  font-size: 12px;
  color: #ededed;
  position: absolute;
  right: 0;
}

.login-wrapper .detail-bottom .el-tabs .el-tabs__item:hover {
  color: #333;
  font-weight: bold;
}

.login-wrapper .detail-bottom .el-tab-pane {
  padding: 0 15px 15px;
  font-size: 14px;
}

.login-wrapper .detail-bottom .el-card:not(last-child) {
  margin-bottom: 10px;
}

.login-wrapper .detail-bottom .map-desc {
  width: calc(100% - 375px);
  margin-right: 15px;
}

.login-wrapper .detail-bottom .map-container {
  width: 360px;
}

.login-wrapper .detail-bottom #journeyMap {
  width: 100%;
  height: 235px;
}

.login-wrapper .detail-bottom .share {
  width: 33%;
  cursor: pointer;
  opacity: 0.8;
}

.login-wrapper .detail-bottom .share:hover {
  opacity: 1;
}

.login-wrapper .detail-bottom .share .iconfont {
  margin-bottom: 5px;
  font-size: 36px;
}

.login-wrapper .partners {
  cursor: pointer;
}

.login-wrapper .partners .partner-row {
  line-height: 40px;
}

.login-wrapper .partners .partner-right {
  color: #007bc1;
}

.login-wrapper .person-short:not(:last-child) {
  margin-bottom: 10px;
}

.login-wrapper .person-short .icon-touxiang {
  font-size: 48px;
  color: #50b8f3;
}

.login-wrapper .person-short .info {
  line-height: 26px;
}

.login-wrapper .el-card__header {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: bold;
}

.login-wrapper .el-card__header .card-operation {
  padding: 3px 0;
  float: right;
  /* display:none; */
}

.login-wrapper .el-form .label-lh-20 .el-form-item__label {
  line-height: 20px;
}

.login-wrapper .el-form .lable-text-center .el-form-item__label {
  text-align: center;
}

.login-wrapper .el-form .select-width-100 .el-select {
  width: 100%;
}

.login-wrapper .el-form .select-width-100 .el-cascader {
  width: 100%;
}

.login-wrapper .crumb {
  line-height: 24px;
  padding: 10px 8px 0;
}

.login-wrapper .crumb .crumb-clickable {
  cursor: pointer;
}

.login-wrapper .crumb .crumb-clickable:hover {
  color: #333;
}

.login-wrapper .crumb .crumb-active {
  color: #0898ea;
}

.login-wrapper .signUp .el-steps {
  width: 75%;
  margin: 20px auto;
}

.login-wrapper .signUp .is-process .el-step__icon {
  background-color: #0898ea;
  border-color: transparent;
  color: #fff;
}

.login-wrapper .signUp .el-step__title,
.login-wrapper .signUp .is-wait .el-step__icon-inner {
  color: #333;
  font-weight: normal;
}

.login-wrapper .signUp .el-step__head.is-success {
  color: #9ad1f5;
  border-color: #9ad1f5;
}

.login-wrapper .signUp .el-step__head.is-success .el-step__line {
  background-color: #9ad1f5;
}

.login-wrapper .signUp .btn-bar {
  padding: 25px 0 40px;
  text-align: center;
}

.login-wrapper .signUp .prev-btn {
  background-color: #fff;
  color: #66b1ff;
}

.login-wrapper .signUp .img-upload {
  width: calc(100% - 30px);
  height: 220px;
  line-height: 220px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 86% 90%;
  background-position: center;
  background-color: #eee;
  border: 1px solid #ededed;
  border-radius: 4px;
}

.login-wrapper .signUp .company-upload {
  background-image: url(../../static/images/img-bg.png);
}

.login-wrapper .signUp .personal-upload {
  position: relative;
  background-image: url(../../static/images/img-bg-p.png);
  background-size: 80% 65%;
  border: 1px dashed #bbb;
}

.login-wrapper .signUp .company-upload .upload-group {
  line-height: 30px;
  color: #777;
  display: inline-block;
}

.login-wrapper .signUp .upload-btn {
  color: #b0b4bb;
}

.login-wrapper .signUp .company-upload .upload-btn {
  padding: 0;
  background-color: transparent;
  border: none;
}

.login-wrapper .signUp .personal-upload .upload-btn {
  position: absolute;
  bottom: -1px;
  right: -1px;
  background-color: #f9f9f9;
}

.login-wrapper .signUp .upload-btn:hover {
  color: #777;
}

.login-wrapper .signUp .signup-btn {
  width: 25%;
}

.login-wrapper .signUp .firstname {
  width: 160px;
}

.login-wrapper .signUp .line {
  width: 15px;
  text-align: center;
  display: inline-block;
}

.login-wrapper .signUp .lastname {
  width: calc(100% - 185px);
}

.login-wrapper .signUp .tag {
  margin-bottom: 10px;
  margin-right: 20px;
  padding: 0 25px;
  float: left;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
  background-color: transparent;
  color: #777;
  cursor: pointer;
}

.login-wrapper .signUp .agenda-header {
  line-height: 40px;
  margin-bottom: 10px;
}

.login-wrapper .signUp .agenda-item:last-child {
  margin-bottom: 10px;
}

.login-wrapper .signUp .meet {
  line-height: 24px;
  padding: 10px 15px;
  border: 1px solid #eee;
  border-radius: 4px;
}

.login-wrapper .signUp .meet:not(:last-child) {
  margin-bottom: 15px;
}

.login-wrapper .signUp .meet:hover {
  background-color: #e5f3fc;
  border: 1px solid #b6e0fb;
}

.login-wrapper .signUp .meet-time {
  line-height: 30px;
}

.login-wrapper .signUp .meet-title {
  line-height: 30px;
}

.login-wrapper .signUp .choosed {
  background-color: #e5f3fc;
  border: 1px solid #b6e0fb;
  color: #008ddd;
}

.login-wrapper .signUp .pd-bt0 .el-card__body {
  padding-bottom: 0;
}

.login-wrapper .signUp .card-operation .sort-btn {
  padding: 3px 10px;
  background-color: #eee;
  border: 1px solid #ededed;
}

.login-wrapper .signUp .card-operation .sort-btn:not(:last-child) {
  border-right: none;
}

.login-wrapper .signUp .card-operation .sort-btn.choosed {
  background-color: #fff;
  border: 1px solid #b6e0fb;
  color: #008ddd;
}

.login-wrapper .signUp .choose-bar {
  margin: 0 0 20px;
  line-height: 35px;
}

.login-wrapper .signUp .el-table th {
  background-color: #f6f6f6;
}

.login-wrapper .signUp .mode-block {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}

.login-wrapper .signUp .flex-item-container {
  width: 20%;
  margin-bottom: 25px;
  text-align: center;
}

.login-wrapper .signUp .participant {
  display: inline-block;
  cursor: pointer;
}

.login-wrapper .signUp .participant .avatar {
  width: 78px;
  height: 78px;
  position: relative;
  background-repeat: no-repeat;
  border: 1px solid #ededed;
  border-radius: 50%;
}

.login-wrapper .signUp .participant .avatar.noData {
  background-color: #eee;
}

.login-wrapper .signUp .participant .avatar.choosed {
  background: #eee;
  border: 2px solid #008ddd;
}

.login-wrapper .signUp .participant .avatar .el-image {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  margin-top: 10px;
}

.login-wrapper .signUp .participant .noDataTip {
  line-height: 78px;
}

.login-wrapper .signUp .participant .avatar .el-icon-success {
  position: absolute;
  bottom: -11px;
  left: calc(50% - 11px);
  background: #fff;
  border-radius: 50%;
}

.login-wrapper .signUp .participant .avatar .el-icon-edit-outline {
  position: absolute;
  top: -5px;
  right: 0px;
  background-color: #fff;
  color: #303133;
  display: none;
}

.login-wrapper .signUp .participant:hover .avatar.choosed .el-icon-edit-outline {
  display: block;
}

.login-wrapper .signUp .participant .avatar .el-icon-edit-outline:hover {
  color: #008ddd;
}

.login-wrapper .signUp .participant .name {
  line-height: 56px;
}

.login-wrapper .signUp .add-user .img-upload {
  width: 130px;
  height: 160px;
}

.login-wrapper .signUp .add-user .add-user-footer .el-button {
  padding: 12px 40px;
}

.login-wrapper .agenda-list .meet-item {
  line-height: 24px;
  padding: 10px 0;
  border: 1px solid #eee;
  border-radius: 5px;
  margin-bottom: 10px;
}

.login-wrapper .agenda-list .meet-right {
  padding: 0 10px;
}

.login-wrapper .agenda-list .meet-item .el-icon-success {
  line-height: 48px;
  color: #ddd;
  cursor: pointer;
}

.login-wrapper .agenda-list .meet-item .el-icon-success.choosed {
  color: #008ddd;
}

.login-wrapper .agenda-list .meet-item .el-tag {
  height: 20px;
  line-height: 20px;
  margin-right: 20px;
  padding: 0 5px;
  float: right;
  border: 1px solid #d7e7fd;
  border-radius: 4px;
  text-align: center;
  color: #008ddd;
  font-size: 12px;
}

.login-wrapper .agenda-list .meet-item .el-tag:first-child {
  margin-right: 0;
}

.login-wrapper .signUp .signup-success .el-dialog {
  border-radius: 10px;
  background: transparent;
}

.login-wrapper .signUp .signup-success .el-dialog__header {
  display: none;
}

.login-wrapper .signUp .signup-success .el-dialog__body {
  padding: 0;
}

.login-wrapper .signup-success .success-top {
  padding: 65px 45px 25px;
  background: url(../../static/images/signUp-bg.png) no-repeat;
}

.login-wrapper .signup-success .success-row:not(:last-child) {
  margin-bottom: 20px;
}

.login-wrapper .signup-success .success-timeout {
  width: 85px;
  height: 85px;
  line-height: 85px;
  display: inline-block;
  border: 1px solid #84add2;
  border-radius: 50%;
}

.login-wrapper .signup-success .success-bottom {
  padding: 40px 0;
}

.login-wrapper .signup-success .success-btn {
  width: 280px;
  height: 48px;
  background: linear-gradient(to bottom, #0e8bdf 0, #0074d6 100%);
  border-radius: 24px;
}

.login-wrapper .signup-success .success-btn:hover {
  background: linear-gradient(to bottom, #067bca 0, #045ba5 100%);
}

.login-wrapper .newsDetail {
  padding: 10px 0 20px;
}

.login-wrapper .newsDetail .crumb {
  padding: 0 8px 10px;
}

.login-wrapper .newsDetail .newsDetail-title {
  line-height: 60px;
  font-weight: bold;
}

.login-wrapper .newsDetail .newsDetail-section {
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0px 1px 16px 0px rgba(3, 16, 33, 0.06);
}

.login-wrapper .newsDetail .newsDetail-page {
  line-height: 30px;
  border-radius: 4px;
}

.login-wrapper .newsDetail .news-detail-info-container {
  margin: 0 auto;
  display: inline-block;
}

.login-wrapper .newsDetail .news-detail-info {
  padding: 0 20px;
  float: left;
  text-align: center;
  position: relative;
}

.login-wrapper .newsDetail .news-detail-info:not(:last-child)::after {
  content: '|';
  display: inline-block;
  font-size: 12px;
  color: #ddd;
  position: absolute;
  right: 0;
}

.login-wrapper .newsDetail .ft-btn {
  width: 25px;
  display: inline-block;
  background-color: #ddd;
  border-radius: 3px;
  cursor: pointer;
}

.login-wrapper .newsDetail .ft-btn:not(:last-child) {
  margin-right: 10px;
}

.login-wrapper .newsDetail .ft-btn:hover {
  background-color: #ccc;
}

.login-wrapper .newsDetail .collect {
  width: 100px;
  margin: 40px auto;
  line-height: 40px;
  border: 1px solid #ec8409;
  border-radius: 6px;
  color: #ec8409;
  cursor: pointer;
}

.login-wrapper .newsDetail .collect:hover {
  background-color: #fff9f0;
}

.login-wrapper .newsDetail .collect.collected {
  background-color: #ec8409;
  color: #fff;
}

.login-wrapper .newsDetail .collect.collected:hover {
  background-color: #f5a444;
}

.login-wrapper .newsDetail .share .el-image__inner {
  vertical-align: bottom;
  cursor: pointer;
}

.login-wrapper .newsDetail .share .el-image__inner:not(:last-child) {
  margin-right: 5px;
}

.login-wrapper .footer-center .page-footer .copyright {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%);
}

.login-wrapper .footer-center .page-footer .copyright img {
  vertical-align: top;
}

.login-wrapper .footer-center .page-footer .copyright .copyright-txt {
  height: 30px;
  line-height: 30px;
  margin-left: 8px;
}

.login-wrapper .login .main-content {
/*  height: calc(100vh - 118px);*/
  position: relative;
  background: url(../../static/images/login_bg.png) no-repeat;
  background-size: 100% 100%;
}

.login-wrapper .page-footer {
  position: absolute;
  bottom: 0;
}

.login-wrapper .login .el-main {
  height: 100%;
}

.login-wrapper .maxwidth-main {
  width: 1272px;
  margin: 0 auto;
  height: 100%;
}

.login-wrapper .login .login-box {
  width: 372px;
  height: 434px;
  background-color: #fff;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  outline: none;
}

.login-wrapper .login .login-box .el-tabs__item {
  font-size: 16px;
  height: 66px;
  line-height: 66px;
  color: #B2B2B2;
  font-weight: bold;
}

.login-wrapper .login .login-box .is-active {
  color: #0557EE;
}

.login-wrapper .login-img {
  height: 100%;
  background: url(../../static/images/login-img.png) no-repeat;
  background-size: 100% 100%;
  border: 1px dashed #ccc;
  border-radius: 8px;
}

.login-wrapper .login .login-box .login-area {
  width: 372px;
  height: 434px;
  padding: 4px 30px 40px;
}

.login-wrapper .login .login-box .login-area .el-input, .login-wrapper .login .login-box .login-area .el-input__inner {
  height: 42px;
  line-height: 42px;
}

.login-wrapper .login .login-box .login-area .el-input-group__prepend {
  height: 40px;
  line-height: 40px;
}

.login-wrapper .login .el-tabs {
  height: 100%;
}

.login-wrapper .login .el-tabs__content {
  height: calc(100% - 55px);
}

.login-wrapper .login .el-tab-pane {
  height: 100%;
  position: relative;
}

.login-wrapper .login .el-form-item {
  margin-bottom: 20px;
}

.login-wrapper .login .authcode .pull-left {
  width: calc(100% - 130px);
}

.login-wrapper .login .authcode .pull-right {
  width: 115px;
}

.login-wrapper .login .authcode .pull-right .el-button {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.login-wrapper .login .login-box .el-button.login {
  width: 100%;
  position: absolute;
  bottom: 40px;
}

.login-wrapper .login .page-footer .copyright .copyright-txt {
  color: #fff;
}

.login-wrapper .bgtext-bg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 92px;
}

.login-wrapper .choose-regist-method {
  height: 280px;
  margin-top: 140px;
}

.login-wrapper .choose-regist-method .regist-entry {
  width: 348px;
}

.login-wrapper .choose-regist-method .regist-p {
  margin-right: 100px;
}

.qxform-item-regtype {
  width: 100%;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding-left: 10px;
  margin: 10px 0 10px 0;
  color: #606266;
}

.page-header .header-user {
  border: none;
  margin-top: 30px;
  padding-right: 0px;
}

.main-content {
/*  height: calc(100vh - 138px);*/
  position: relative;
/*  background: #f7f7f7;*/
}

.el-main {
  height: calc(100% - 90px);
  display: flex;
  justify-content: center;
}

.regist-entry .regist-title {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.regist-entry.regist-p .regist-title {
  background-image: url(../../static/images/regist-bg-p.png);
}

.regist-entry.regist-c .regist-title {
  background-image: url(../../static/images/regist-bg-c.png);
}

.regist-title .regist-img {
  width: 100%;
}

.regist-btn {
  width: 65%;
  margin: 0 auto;
  line-height: 50px;
  position: relative;
  top: -18px;
  border-radius: 0px 0px 10px 10px;
  box-shadow: 0px 4px 8px 0px #ddd;
  color: #82878F;
  cursor: pointer;
}

.regist-entry:hover .regist-btn {
  color: #333;
}

.regist-detail {
  max-width: 800px;
  width: 800px;
  margin-left: calc(50% - 400px);
}

.regist-detail.regist-p {
  height: 400px !important;
  margin-top: 70px;
}

.regist-detail.regist-c {
  height: 694px !important;
  margin-top: 10px;
}

.regist-detail .regist-img {
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 8px 0 0 8px;
}

.regist-detail.regist-p .regist-img {
  background-image: url(../../static/images/regist-img-p.png);
}

.regist-detail.regist-c .regist-img {
  background-image: url(../../static/images/regist-img-c.png);
}

.regist-detail .regist-area {
  height: 100%;
  padding: 30px;
  background-color: #fff;
  border-radius: 0 8px 8px 0;
  box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.06);
}

.regist-detail .regist-area .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-form-item {
  margin-bottom: 14px;
}

.agree .el-form-item__content {
  line-height: 20px;
}

.regist-submit {
  width: 100%;
  margin-top: 15px;
}

.page-footer .copyright .copyright-txt {
  color: #333;
}

.login-wrapper .regist-success .el-dialog__header {
  display: none;
}

.login-wrapper .regist-success .regist-countdown {
  width: 100%;
}

.login-wrapper .regist-success .el-dialog__footer {
  text-align: center;
}

.login-wrapper .regist-success .el-dialog__footer .el-button {
  width: 40%;
  padding: 10px 0;
}

.login-wrapper .search .res-list {
  max-height: 200px;
}

.login-wrapper .button-096FEC {
  background: #096FEC;
  border-color: #096FEC;
}

.login-wrapper .button-096FEC:hover {
  background: #0661E9;
  border-color: #0661E9;
}

.login-wrapper .button-height-42 {
  height: 42px;
}

.login-wrapper .el-dialog {
  border-radius: 5px;
}

.login-wrapper .el-dialog__header {
  padding: 10px 20px 10px;
  background-color: #66b1ff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
}

.login-wrapper .el-dialog__title {
  color: #fff;
}

.login-wrapper .el-dialog__headerbtn .el-dialog__close {
  top: 15px;
  color: #fff;
}

.login-wrapper .el-dialog__body {
  padding: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.login-wrapper .el-dialog__body .dialog-section {
  padding: 10px 20px;
}

.login-wrapper .dialog-footer {
  width: 100%;
  text-align: center;
  padding: 15px 0;
  border-top: 1px solid #eee;
}

.login-wrapper .partnerlist-left {
  width: calc(33.3% - 20px);
  margin-right: 20px;
  padding: 15px;
  border: 1px solid #eee;
  box-shadow: 0px 1px 7px 0px #ddd;
  border-radius: 8px;
}

.login-wrapper .partnerList .search {
  margin-bottom: 15px;
}

.login-wrapper .partnerList .category {
  line-height: 30px;
  cursor: pointer;
}

.login-wrapper .partnerList .category:not(:last-child) {
  margin-bottom: 10px;
}

.login-wrapper .partnerList .category .iconfont {
  vertical-align: middle;
  font-size: 36px;
  color: #ccc;
}

.login-wrapper .partnerList .category.color-008ddd .iconfont {
  color: #008ddd;
}

.login-wrapper .partnerList .type-list {
  border-bottom: 1px solid #eee;
  text-indent: 2px;
}

.login-wrapper .partnerList .switch-btn {
  padding: 3px 7px;
  border: 1px solid #ddd;
  border-radius: 2px;
  cursor: pointer;
}

.login-wrapper .partnerList .switch-btn.choosed {
  background-color: #fff;
  color: #008ddd;
}

.login-wrapper .partnerList .person {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 15px 10px;
  cursor: pointer;
}

.login-wrapper .partnerList .avatar-container {
  position: relative;
}

.login-wrapper .partnerList .person .avatar {
  width: 80px;
  height: 80px;
  line-height: 80px;
  display: inline-block;
}

.login-wrapper .partnerList .person .noImg {
  background-color: #ddd;
  border-radius: 50%;
}

.login-wrapper .partnerList .person .el-image__inner {
  border: 1px dashed;
}

.login-wrapper .partnerList .info {
  width: calc(83% - 7px);
  margin-left: 7px;
}

.login-wrapper .partnerList .el-pager li {
  margin: 0px 7px;
}

.login-wrapper .partnerDetail .company-info {
  padding: 20px;
  box-shadow: 0px 1px 7px 0px #ddd;
  border-radius: 8px;
}

.login-wrapper .partnerDetail .el-image__inner {
  border: 1px dashed;
}

@font-face {
  .login-wrapper {
    font-family: 'iconfont';
    src: url("iconfont.eot?t=1589358070551");
    /* IE9 */
    src: url("iconfont.eot?t=1589358070551#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAf4AAsAAAAADxQAAAeoAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCEPAqPMIxYATYCJAMwCxoABCAFhG0HgRgb2gwzo/aCcnIi+68SeLJTjedJtJKsVGKQXUfvtNNqFA/+c4xws8PL3zG4HVx5pp++M9/M7OVWSS4+uVAKOpucxCLXOiiFoOafFAAEtvutLkwpDSTgDBKMPYEK0HxLp0mJhrGnwmocs5Z2XI3SWyY5en0AlG0hWnrZdyyCoHrPfq7Ok1goAoe39fJN7sO7YaoJz0urVCJJxNuWoC6vQUgQUkVDvJpBvnV843mAALB8tYfGiHE6oFE8DWHMTk+NB7pWjOL4ELpQRFxbAR0u6JyZ1wBgbvrz6EGXoAEwlwLefSalDE+CQW/Qj8QXRRbyhfUqAUC5CYAAaA+AAuiS1WtIrrZPdZaaTCkBACU3UaXW+kuK7oO22XPm4h//f8JWuLQXC1H6uvuWVVdlKotg0ESH85+HA6iBp/Owm3o48AaFBYACbxQFwBW8cdeAh0EgYIFtQECAPUHAADNBQAMLQSACFoEAA4tB4AL8iO3A7dM17gDaADwByALPOQ4+QmAUBCNEGBgNdcRLeDeWH55f73iOSgqv8n5cMwzP8aKEsiyvkTEsCs7lHeqdNYjtEWwksAlbY9sVNjIDVWejuI7hY3jpNyt54xY1sW7ViM2bIes2RfAWQU3iBRCpD6iweRGm527wRPWam0Xb+ICuzt7fDOoWKW34gyzWOCqNm4DjhY7uNG1ev1WzTZPzQnbdtu0hXMtWhOq3hFk2Ke0BNvWcdWt1ipo1bQLmzUalfRvGsu2HV9qOzn4F5zc4nu58AlbZhl0wcK0zqg+Fg9hbLAds4gBJXLpoGpYd9CEbr2tbnKMPn1KarVSMtBxQWixqQGC1aqwtbTavUppMLGu0aKwrBdMmpYrVWJZorM6OJxxK4wa1EqmsGzmrffzpxLH11hZznclo0Zq2rNBY1y9eZLARsNq+xxcFrnHozum7wum0+yy3VW6d3QcGih7JEIw2HZhs7nVmzUBY3X/dIaV4yZHQrTu9kHFzG7MVLXF4nsj9Co2mOjPXYq236KMZmiWscV3d+sgryEsz04wHQnVdjziQG7WwJ36ShzE+YEywiT1EbW1XU0DdqZRJ3BJF8Yvtx8bboc6qzXZd/Bhf+9S9XPrttn4OlXZ0KxwdL8Q+OXnCzTUxqKYGxfidNdUxuCbQqysTax48dqLI8rKIyIfKynwRZeXnoPJyyA5LRtOm4SScKFckY63Iir5EnLQfIocFnFeA9VgQtgnYuBS63RKDNEUCkpRn8CxFyuIXwLPkRmXypoUER3JClwQGpCi4C5HSyTD9l4dIKrsa2qtyLCqdtjIJJ+PmVahsTK/yN/flSnZ+U36Pa9Ozxq0Zl3VjJvSf8lsyTCoY5rWpXRe8tvXtb+JN4tBdXXz4hUdt8/3me/6vGN4Qo+3SRbtfOkwa7pBU3Jri23Ng0rOuvl2f7X82VLpfkkel+mXs6/eXdnsG/iTuKiWRUFd9JmYjufyCG2tOT57k4z158qlbkyZ7+0yadKIv5ETMHO4ZtSTeOtTbMANnlGn/Iej/1WqxtjcLFgFy7lg4EfxJ3X3K35+Ccl9mIZdp43bXZRraU0j0bOTdkyNFt2IektwAVSavz0v1cx2K9bsL81f9HyLLW6QmIqJZkifrfGGph1xzlcFMpQYSa7p6wS6tq/+qU5wMjTneOozpwks4LMKchO+SxEW/xPkLFqjoozL/dVsO5VObp4UcHKXYJ/CpEQZrVW+BzS8Y/q/1hHaLM3oNT1FMaGtMV7jDH3/yYXRCLBnTs3e/Zb09L5Q95hq7uw73y0O6HtpqTwnqvuhpSFiv3ub43mREZDT0raWvyq7Q3AfZxwkJ/GOO9uR5d7Ei5gT19y91wmdiNpLLxCs6Kl2CRwdPyGw3rC0aVxxvgPFQOEEyaDUzFiVEwXC1wLYe+ar220u3sRCvQ4P8kA5j0UiUrPMLbjH14tu7d9B8dv/Uz8wclR1huAeyhxwMqu2U5mHc2GawbwLyD5jIDOszImDjshlJkcLY5cW/7WxM7zY4s8vIl1cWrxdXVHzRJflKxs9iBMNSteBRnHEMarXgNZNVuDYNzMERBxXhzwD/d5LbZAoLZZPfZOHDVpFnJA4AgJzC3+D/cXKWDGG9tZQXmfb/cxw8WbTrSKy031ea+02Ke/D8xjeB/mePG74wGAAN99Ug8G9DFBim17IteSrvbBqE/OwMXjPTiQGw/jaA/5l6uSfbMFSjhb82Q1UC5soHCFqwmbK3BxecbiBCGwisdkbezFEoAAJVBgDaamaAuNkJmMRJINxcN1P2x+BC7TOIuAUBlh4p7slZODT45k2xMmyhPgI3MlNQZjfZ2G90Yay0KqXBf1TPbZDFabPvC2fUNS7wO5ebEZDKBJ/sZTiOAotKj43FndmySRKiLowbmVY3MFSxsjh3C+pjJDcyU2y7aX3/N7owVspZ0or8R/W8e5CJpSPMX/o8asl9mex3LmdCJUE4W2UCn0Iljn63gIU+qsfGYt2MzmUjEVajsXq8fWO6xXW4+Zb1PotHGBFEIRckQq6IRgxiEYd4JAYus2IXqjkSopvywPlswjk8FF3gY4PrGDDypSIFk3x3ZRIObN7rbGRv53vkWi49u7nYbi9qhzVdZWfEiqsVAAAA") format("woff2"), url("iconfont.woff?t=1589358070551") format("woff"), url("iconfont.ttf?t=1589358070551") format("truetype"), url("iconfont.svg?t=1589358070551#iconfont") format("svg");
    /* iOS 4.1- */
  }
}

.login-wrapper .iconfont {
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.login-wrapper .icon-kaiguan-off:before {
  content: '\e618';
}

.login-wrapper .icon-kaiguan-on:before {
  content: '\e674';
}

.login-wrapper .icon-menu:before {
  content: '\e629';
}

.login-wrapper .icon-_huiyuanguanli:before {
  content: '\e601';
}

.login-wrapper .icon-refresh:before {
  content: '\e675';
}

.login-wrapper .icon-touxiang:before {
  content: '\e673';
}

.login-wrapper .icon-list:before {
  content: '\e613';
}

.login-wrapper .icon-weibo:before {
  content: '\e66b';
}

.login-wrapper .icon-sign_qq:before {
  content: '\e637';
}

.login-wrapper .icon-wechat:before {
  content: '\e623';
}

.login-wrapper .icon-fire:before {
  content: '\e6eb';
}

/*在线学习*/
.online-learn .commomTitle-title {
  text-align: center;
  width: 100%;
}

.online-learn .big-picture-tips .el-image {
  box-shadow: none;
  margin-top: -18px;
  margin-left: -500px;
}

.online-learn .big-picture-tips .el-image img {
  width: 545px;
}

/*列表页搜索框*/
.list-search-input {
  width: 200px;
}

.list-search-input .el-input__inner {
  border-radius: 22px;
}

.regist-entry.regist-j .regist-title {
  background-image: url(../../static/images/regist-bg-j.png);
}

/* loading 动画 */
.loader-box {
  position: fixed;
  height: 100vh;
  width: 100vw;
  z-index: 9999;
  top: 0;
  left: 0;
  background: #ffffff;
  /* loading动画 */
}

.loader-box #loading {
  width: 100%;
  height: 100vh;
  padding-top: 15%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  text-align: center;
  color: #008ddd;
  z-index: 9;
}

.loader-box #loading .loader {
  width: 0.25em;
  height: 0.25em;
  text-indent: -9999em;
  margin: 93px auto;
  box-shadow: 0.70711em 0.70711em 0 0em #9eadd6, -0.70711em 0.70711em 0 0.17678em #bfe1fa, -0.70711em -0.70711em 0 0.25em #6ec5f2, 0.70711em -0.70711em 0 0.17678em #017cb7;
  animation: gw 1s ease-in-out infinite, rot 2s linear infinite;
}

@keyframes gw {
  0% {
    box-shadow: 0.70711em 0.70711em 0 0.125em #9eadd6, -0.70711em 0.70711em 0 0.39017em #bfe1fa, -0.70711em -0.70711em 0 0.5em #6ec5f2, 0.70711em -0.70711em 0 0.39017em #017cb7;
  }
  25% {
    box-shadow: 0.70711em 0.70711em 0 0.39017em #9eadd6, -0.70711em 0.70711em 0 0.5em #bfe1fa, -0.70711em -0.70711em 0 0.39017em #6ec5f2, 0.70711em -0.70711em 0 0.125em #017cb7;
  }
  50% {
    box-shadow: 0.70711em 0.70711em 0 0.5em #9eadd6, -0.70711em 0.70711em 0 0.39017em #bfe1fa, -0.70711em -0.70711em 0 0.125em #6ec5f2, 0.70711em -0.70711em 0 0.39017em #017cb7;
  }
  75% {
    box-shadow: 0.70711em 0.70711em 0 0.39017em #9eadd6, -0.70711em 0.70711em 0 0.125em #bfe1fa, -0.70711em -0.70711em 0 0.39017em #6ec5f2, 0.70711em -0.70711em 0 0.5em #017cb7;
  }
  100% {
    box-shadow: 0.70711em 0.70711em 0 0.125em #9eadd6, -0.70711em 0.70711em 0 0.39017em #bfe1fa, -0.70711em -0.70711em 0 0.5em #6ec5f2, 0.70711em -0.70711em 0 0.39017em #017cb7;
  }
}

@keyframes rot {
  to {
    transform: rotate(360deg);
  }
}

/* 技术详情 */
.expertiseDetail-page .tech-pagespre {
  width: 100%;
  background: #fff;
}

.expertiseDetail-page .server-name-lay {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #7D8596;
}

.expertiseDetail-page .server-name-lay i {
  margin-right: 9px;
  font-size: 15px;
}

.expertiseDetail-page .product-detail-img-div {
  width: auto;
  height: auto;
}

.expertiseDetail-page .product-detail-bigimg {
  width: 616px;
  height: 380px;
}

.expertiseDetail-page .product-detail-bigimg img {
  object-fit: cover;
}

.expertiseDetail-page .park-detail-rc {
  padding-left: 40px;
}

.expertiseDetail-page .park-detail-rc-div {
  line-height: 1.5;
  margin-top: 15px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3d4552;
}

.expertiseDetail-page .product-detail-tgs {
  font-size: 16px;
  color: #666;
}

.expertiseDetail-page .product-detail-btn {
  margin-top: 160px;
}

.expertiseDetail-page .el-tabs__nav-wrap::after {
  height: 1px;
  background-color: #e9eff3;
}

.expertiseDetail-page .person-info {
  font-size: 16px;
  font-weight: bold;
  color: #3d4552;
  line-height: 24px;
}

.expertiseDetail-page .person-desc {
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #7d8596;
  line-height: 30px;
}

.expertiseDetail-page .p-detail-content {
  white-space: inherit;
  padding-bottom: 30px;
  margin-top: 20px;
  border-bottom: 1px dotted #d1d7df;
}

.expertiseDetail-page .park-detail-rc-title {
  font-size: 24px;
  color: #3D4552;
  font-weight: bold;
}

.supply-tabs {
  border-radius: 5px;
  overflow: hidden;
}

.supply-tabs .supply-tabs-header {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  padding-left: 20px;
}

.supply-tabs .supply-tabs-header .supply-tabs-item {
  margin-right: 15px;
  color: #303133;
  cursor: pointer;
}

.supply-tabs .supply-tabs-header .supply-tabs-item:hover {
  color: #409eff;
}

.supply-tabs .supply-tabs-header .bs {
  color: #409eff;
}

.supply-tabs .supply-tabs-header .bv {
  color: #303133;
}

.supply-tabs .supply-tabs-header .radiogroup-supply .el-radio-button--small {
  margin-top: 6px;
}

.supply-tabs .supply-tabs-pane {
  padding: 15px 30px;
  background: #fff;
}

.footer-right {
  position: relative;
}

.footer-right .el-image {
  height: 100px;
  width: 100px;
  line-height: 100px;
}

.footer-right:before {
  width: 1px;
  height: 196px;
  background: #68707d;
  border-radius: 50%;
  position: absolute;
  left: 0px;
  top: 6PX;
  content: "";
}

.footLinks {
  color: #FFFFFF;
}

.footLinks:hover {
  color: #fff;
  text-decoration: underline;
}

.corpers .el-form-item__label {
  line-height: 1.5;
}

.cor-message .el-form-item__label {
  margin-top: 5px;
}

.no-data-box {
  height: 146px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  color: #999;
}

/*立即咨询按钮*/
.immediate-consultation {
  background-color: #096fec;
  border-color: #096fec;
  font-size: 16px;
  width: 128px;
  height: 50px;
}

/*收藏按钮*/
.collection {
  width: 128px;
  font-size: 16px;
  height: 50px;
  border-color: #76adf1;
}

/* loading过渡动画 */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 2s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

/* 视频组件覆盖样式 */
.video-js span {
  font-family: VideoJS !important;
}

/* nothing组件 */
.nothing-box {
  width: 100%;
  height: 100%;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.nothing-box .nothing-con {
  height: auto;
}

.nothing-box .nothing-con .nothing-img {
  width: 100%;
  height: 80%;
  display: block;
  max-width: 100px;
  max-height: 100px;
}

.nothing-box .nothing-con .nothing-tips {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  color: #999;
  margin-top: 10px;
  font-size: 14px;
}

.nothing-box .loading-box .el-image {
  width: 80%;
}

/* 滚动条优化 */
html::-webkit-scrollbar, body::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 8px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #c3c6cf;
}

html::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #eff1f6;
}

/* 鼠标滑过元素放大动画 */
.sclae-img {
  position: relative;
  display: block;
  height: 300px;
  width: 500px;
  overflow: hidden;
  transition: all .5s ease;
  cursor: pointer;
}

.sclae-img:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.sclae-img:hover div {
  opacity: 0.3;
}

.sclae-img img {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  max-width: inherit !important;
}

.sclae-img div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

/* 贸易资讯 */
.trade .news-item {
  padding-left: 15px;
  padding-top: 15px;
}

/* 图片hover放大 */
.img-scale {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  cursor: pointer;
}

.img-scale:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/*el-image图片hover放大*/
.el-img-scale img {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  cursor: pointer;
}

.el-img-scale img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* 鼠标移上去文字高亮 */
.text-hover-active:hover {
  color: #0557EE !important;
}

.text-hover-active:hover div {
  color: #0557EE !important;
}

/* 视频封面修改 */
.vjs-poster {
  background-size: 100% 100%;
}

body {
  overflow: visible !important;
}

/* 404页面 */
.error-page {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.error-page img {
  cursor: pointer;
}

/* 分享字体设置*/
.set-font {
  display: inline-block;
}

.set-font div {
  display: inline-block;
  cursor: pointer;
}

.set-font div:hover {
  font-weight: 501;
}

/* 注册协议 */
.protocol .el-dialog__body {
  padding: 30px;
}

.protocol .el-dialog__headerbtn {
  top: 13px;
  right: 14px;
  font-size: 22px;
}

.protocol .el-dialog__header {
  padding: 15px 30px 15px;
  font-size: 22px;
}

.protocol .el-dialog__footer {
  text-align: center;
}

.protocol .dialog-footer {
  border-top: none;
}

.protocol .el-button {
  padding: 8px 20px;
  font-size: 12px;
  height: 36px;
}

/* loading动画 */
.loader-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader-box .sk-wave {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: space-between;
}

.loader-box .sk-wave-rect {
  background-color: #333;
  height: 100%;
  width: 15%;
  animation: sk-wave 1.2s infinite ease-in-out;
}

.loader-box .sk-wave-rect:nth-child(1) {
  animation-delay: -1.2s;
}

.loader-box .sk-wave-rect:nth-child(2) {
  animation-delay: -1.1s;
}

.loader-box .sk-wave-rect:nth-child(3) {
  animation-delay: -1.0s;
}

.loader-box .sk-wave-rect:nth-child(4) {
  animation-delay: -0.9s;
}

.loader-box .sk-wave-rect:nth-child(5) {
  animation-delay: -0.8s;
}

@keyframes sk-wave {
  0%, 40%, 100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}

/* 找xx页面 */
.find-box .productService {
  padding: 30px 0px;
  margin-top: 0px;
}

.find-box .el-image__inner {
  object-fit: cover;
}

.category-title-item {
  margin-left: 48px;
  width: 100%;
}

.category-title-item .find-page-category-box-item:first-child {
  margin-left: -48px;
}

.find-page-category-box {
  background: #f7f7f7;
}

.find-page-category-box .find-page-category-box-name {
  color: #3d4552;
  width: 100px;
  line-height: 32px;
}

.find-page-category-box .category-line {
  border-bottom: 1px dashed #DEDEDE;
  padding: 0px 0;
}

.find-page-category-box .category-line:last-child {
/*  border-bottom: none;*/
}

.find-page-category-box .find-page-category-box-item {
  margin-right: 20px;
  display: inline-block;
  line-height: 22px;
  margin: 4px 8px;
  padding: 0 10px;
  border-radius: 2px;
  cursor:pointer;
}

.find-page-category-box .active-item {
  color: #096fec;
}

.find-page-category-box .find-page-active-item {
  background: #096FEC;
  color: #FFFFFF !important;
}

.find-page-category-box .category-sort {
  padding-top: 0;
}

.find-page-category-box .collapse-category-line {
  position: relative;
}

.find-page-category-box .collapse-category-line .category-title-item {
  padding-right: 70px;
}

.find-page-category-box .collapse-category-line .category-line-close {
/*  height: 100px;*/
  overflow: hidden;
}

.find-page-category-box .collapse-category-line .category-line-open {
  height: auto;
}

.find-page-category-box .collapse-category-line .more {
  position: absolute;
  bottom: -1px;
  right: 0;
  color: #7D8596;
  width: 78px;
  height: 27px;
  background: #F7F7F7;
  border: 1px solid #DEDEDE;
  border-radius: 4px 4px 0px 0px;
  cursor: pointer;
  text-align: center;
}

.find-page-category-box .collapse-category-line .more-up {
  color: #3D4552;
}

.category-result-line {
  background: #f7f7f7;
  padding: 24px 20px;
  margin-top: 10px;
  color: #7D8596;
  font-size: 14px;
}

.category-result-line .category-result-line-title {
  width: 104px;
  height: 32px;
  background: #e8e8e8;
  color: #3D4552;
  font-size: 14px;
}

.category-result-line .category-result-item {
  min-width: 114px;
  height: 32px;
  background: #096FEC;
  color: #fff;
  padding: 0 24px 0 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /* white-space: normal; */
  word-break: break-all;
  max-width: 200px;
  vertical-align: top;
  position: relative;
}

.category-result-line .category-result-item .el-icon-close {
  font-size: 14px;
  margin-left: 18px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 8px;
}

/*按钮hover效果*/
.button-hover-opacity:hover {
  opacity: .7;
}

#mobile1 a {
  color: red;
}

/*立即咨询按钮*/
.immediatelyConsultBtn {
  background-color: #096FEC;
  font-size: 16px;
  padding: 0 6px;
  height: 48px;
  width: 162px;
  line-height: 48px;
}

.immediatelyConsultBtn:hover {
  background-color: #0661E9;
}

/* 按钮步骤条组件*/
.steps-box {
  user-select: none;
  width: 287px;
  height: 100%;
  position: relative;
}

.steps-box .Article-steps {
  background: #eee;
  padding: 5px;
  border-radius: 4px;
}

.steps-box .Article-steps .step {
  margin-right: 5px;
}

.steps-box .Article-steps .step .step-num {
  padding: 0 20px;
  height: 50px;
  display: inline-block;
  line-height: 50px;
  color: white;
  font-weight: bold;
  transition: 0.5s;
  text-align: center;
  border-radius: 4px;
}

.steps-box .Article-steps .step .step-num .num {
  display: inline-block;
}

.steps-box .Article-steps .step:last-child {
  margin-right: 0;
}

.steps-box .step-active .step-num {
  background: #2d7df5 !important;
}

.steps-box .step-active .title {
  color: #2d7df5 !important;
}

.steps-box .step-over .plan {
  background: #2d7df5 !important;
}

.steps-box .step-over .step-num {
  background: #2d7df5 !important;
}

.steps-box .step-over .title {
  color: #2d7df5 !important;
}

.el-upload-img .imgTips {
  font-size: 12px;
  line-height: 18px;
  margin-top: 12px;
  color: #666;
}
.clear {
    clear: both;
    display: block;
}
#myForm span{color:red;}
.el-icon-search:before{
  background: url("../../static/images/search.png") no-repeat;
}
.el-input__suffix-inner .icon-sousuo{cursor:pointer;}
.header{width:100%;}
.header .h-b{width:1200px;margin: 0 auto;height: 90px;padding-top: 30px;}
.header .h-b .h-logo img{height: 75px;}
.header .h-b .h-logo{width: 200px;float: left;margin-top: -22px;}
.header .h-b .h-search{float: left;border:1px solid #007bfd;border-radius: 20px;width: 300px;height: 30px;display: flex;justify-content:space-between;}
.header .h-b .h-search select,.header .h-b .h-search input{background-color: #f8f8f8;}
.header .h-b .h-search select{width: 85px;border-radius: 20px;margin-left: 5px;}
.header .h-b .h-search input{width: 116px;}
.header .h-b .h-search button{background-color:#007bfd;color: #fff;line-height: 26px;border-radius: 20px;width: 83px;text-align: center;border: 1px solid #007bfd;}
.header .h-b .h-nav{float: left;}
.header .h-b .h-nav .nav-a{color:#007bfd;}
.header .h-b .h-nav a{color: #000;display: inline-block;margin: 0 19px;line-height: 30px;font-weight: 400;}
.header .h-b .h-nav a:hover{color:#007bfd;}
.header .h-b .h-r{float: right;display: flex;font-size: 14px;}
.header .h-b .h-r .h-lang{opacity: 0.7;line-height: 30px;padding: 0 20px;color: #828A91;cursor: pointer;}
.header .h-b .h-r .h-lang .l-a,.lang-change .l-a{color:#000;}
.header .h-b .h-r .h-u{padding: 0 20px;background: #007bfd;line-height: 30px;color: #fff;border-radius: 20px;}
.index_banner{width: 1920px;height: 800px;background: url("../../static/images/index_banner.jpg") no-repeat;position: absolute;left: 50%;margin-left: -960px;}
.index_banner .b-ab{background-color: #fff;width: 1202px;height: 300px;position: absolute;top: 250px;left: 50%;margin-left: -600px;border-radius: 20px;display: flex;justify-content:space-between;text-align: center;}
.index_banner .b-ab .b-line{width: 1px;height: 100px;margin-top:100px;background-color: #d9d9d9;}
.index_banner .b-ab .b-item{padding-top: 55px;width: 400px;}
.index_banner .b-ab .b-item img{width: 86px;height: 89px;}
.index_banner .b-ab .b-item .b-if{font-size: 24px;color: #007bfd;line-height: 60px;}
.index_banner .b-ab .b-item .b-il{font-size: 14px;color:#fff;background-color: #007bfd;border-radius: 10px;line-height: 34px;margin: 0 auto;width: 180px;}
.xm-b{width: 1200px;margin:890px auto 0 auto;height: 600px;}
.xm-b .xm-t{text-align: center;font-size: 30px;color: #333333;padding: 0 0 45px 0;}
.xm-b .xm-l{display: flex;justify-content:space-between;}
.xm-b .xm-l .xm-item:nth-child(1){background: url('../../static/images/xm-item1.jpg') no-repeat;}
.xm-b .xm-l .xm-item:nth-child(2){background: url('../../static/images/xm-item2.jpg') no-repeat;}
.xm-b .xm-l .xm-item:nth-child(3){background: url('../../static/images/xm-item3.jpg') no-repeat;}
.xm-b .xm-l .xm-item{width: 390px;height: 517px;padding: 0 20px;}
.xm-b .xm-l .xm-item .xm-it{line-height: 82px;font-size: 24px;color: #007bfd;padding-bottom: 10px;}
.xm-b .xm-l .xm-item:nth-child(1) .xm-it{color: #007bfd;}
.xm-b .xm-l .xm-item:nth-child(2) .xm-it{color: #0469a1;}
.xm-b .xm-l .xm-item:nth-child(3) .xm-it{color: #347af2;}
.xm-b .xm-l .xm-item .xm-li{}
.xm-b .xm-l .xm-item .xm-li .xm-lit{font-size: 16px;color: #333333;padding: 17px 0 4px 0;}
.xm-b .xm-l .xm-item .xm-li .xm-lic{font-size: 14px;color: #999;line-height: 24px;height: 50px;overflow: hidden;}
.xm-b .xm-l .xm-item .xm-li .xm-line{border-bottom: 1px solid #f9f9f8;height: 1px;margin-top:10px;}
.xm-b .xm-m{margin: 20px auto 0 auto;line-height: 30px;background-color: #f3f4f5;font-size: 14px;color:#999999;text-align: center;width: 100px;border-radius: 20px;}

.qi-b{width: 1920px;height: 630px;background: url("../../static/images/qi-b.jpg") no-repeat;position: absolute;left: 50%;margin-left: -960px;}
.qi-b .qi-t{font-size: 30px;line-height: 113px;color:#fff;text-align: center;}
.qi-b .qi-li{width: 1200px;margin: 0 auto;display: flex;justify-content:space-between;}
.qi-b .qi-li .qi-lb{background-color: #fff;border-radius: 10px;width: 390px;height: 427px;padding: 0 10px 0 10px;}
.qi-b .qi-li .qi-lb .qi-item{display: flex;border-bottom:1px solid #f9f9f9;padding: 22px 0 15px 0;}
.qi-b .qi-li .qi-lb .qi-item:nth-child(4){border:0px;}
.qi-b .qi-li .qi-lb .qi-item .qi-l{padding-right: 10px;}
.qi-b .qi-li .qi-lb .qi-item .qi-l img{width: 60px;height: 60px;border-radius: 10px;}
.qi-b .qi-li .qi-lb .qi-item .qi-r{}
.qi-b .qi-li .qi-lb .qi-item .qi-r .qi-it{font-size: 16px;color: #333333;padding-bottom: 8px;margin-top: -3px;}
.qi-b .qi-li .qi-lb .qi-item .qi-r .qi-ic{font-size: 14px;color: #999999;height: 40px;overflow: hidden;}
.qi-b .xm-m{margin: 20px auto 0 auto;line-height: 30px;background-color: #f3f4f5;font-size: 14px;color:#999999;text-align: center;width: 100px;border-radius: 20px;}

.zx-b{width: 1200px;height: 698px;margin: 0 auto;margin-top:630px;}
.zx-b .zx-t{color:#333333;font-size: 30px;text-align: center;line-height: 128px;}
.zx-b .zx-lb{display: flex;justify-content:space-between;}
.zx-b .zx-lb .zx-l{width: 546px;background-color: #fff;height: 481px;font-size: 20px;border-radius: 10px;}
.zx-b .zx-lb .zx-l img{width: 546px;height: 283px;border-top-left-radius:10px;border-top-right-radius:10px;}
.zx-b .zx-lb .zx-l .zx-lt{color: #333;padding: 10px 15px 24px 15px;line-height: 30px;}
.zx-b .zx-lb .zx-l .zx-lti{color: #999;padding: 0 15px;}
.zx-b .zx-lb .zx-r{}
.zx-b .zx-lb .zx-r .zx-item{width: 635px;height: 145px;border-radius: 10px;display: flex;background-color: #fff;margin-bottom: 21px;font-size: 16px;}
.zx-b .zx-lb .zx-r .zx-item .zx-il{width: 361px;padding: 0 15px;}
.zx-b .zx-lb .zx-r .zx-item .zx-il .zx-ilt{color: #333;line-height: 30px;padding: 16px 0;height: 80px;overflow: hidden;}
.zx-b .zx-lb .zx-r .zx-item .zx-il .zx-ilti{color: #999;padding-top: 15px;}
.zx-b .zx-lb .zx-r .zx-item .zx-ir{}
.zx-b .zx-lb .zx-r .zx-item .zx-ir img{width: 274px;height: 145px;border-top-right-radius:10px;border-bottom-right-radius:10px;}
.zx-b .zx-m{margin: 20px auto 0 auto;line-height: 30px;background-color: #f3f4f5;font-size: 14px;color:#999999;text-align: center;width: 100px;border-radius: 20px;}

footer{width: 1920px;height: 337px;background: url("../../static/images/footer.jpg") no-repeat;position: absolute;left: 50%;margin-left: -960px;color:#fff;font-size: 14px;}
footer .f-b{width: 1200px;margin: 0 auto;}
footer .f-b div{color: #fff;}
footer .f-b .f-bt{display: flex;line-height: 60px;}
footer .f-b .f-bt div{display: flex;padding-right: 18px;}
footer .f-b .f-bc{display: flex;justify-content:space-between;}
footer .f-b .f-bcl{}
footer .f-b .f-bcl .f-bcc{line-height: 34px;}
footer .f-b .f-bcl .f-ib{text-align: center;}
footer .f-b .f-bcl .f-ib img{width: 130px;height: 130px;}
footer .f-b .f-bcl .f-ib div{}
footer .f-b .f-bb{text-align: center;line-height: 120px;}
footer a,footer a:hover{color: #fff;}

.icon-sousuo{line-height: 40px;}

.upload-container {
    position: relative;
    display: inline-block;
}
.upload-container img {
    display: block;
    width: 100px; /* 设置图片宽度 */
}
.upload-container input[type=file] {
    position: absolute;
    font-size: 150px; /* 使得input覆盖整个图片 */
    opacity: 0; /* 使得input不可见 */
    right: 0;
    top: 0;
}