header,
sub,
sup {
  position: relative
}

img,
legend {
  border: 0
}

legend,
li,
td,
th,
ul {
  padding: 0
}

html {
  font-family: Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, WenQuanYi Micro Hei, Microsoft Yahei, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  overflow-x: hidden
}

body,
h1,
h2,
h3,
h4,
li,
p,
ul {
  margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

a {
  background-color: transparent;
  text-decoration: none;
}
button,input {
  outline: none;
}

li {
  vertical-align: top;
  list-style: none
}

a:active,
a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
optgroup,
strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

mark {
  background: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  height: 0
}

pre,
textarea {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal;
  background-color:#fff;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=search] {
  -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

header .loginInfo .tagSon,
header .minNav .tagSon {
  border-top: 1px solid #444;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

body,
html {
  width: 100%;
  height: 100%
}

iframe {
  border: none !important
}

.container {
  width: 1200px;
  margin: 0 auto
}

.lf {
  float: left
}

.rf {
  float: right
}

.clearfix:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both;
}
.luzhuangAD {
	/* display: none; */
	width: 640px;
	height: 400px;
	margin: 0 auto 20px;
	border: 1px solid #ccc;
}
.luzhuangAD.h480 {
  height: 480px;
}
.luzhuangAD.h400 {
  height: 400px;
}
.common-warn {
	color: #ce5700;
	line-height: 43px;
	font-size: 14px;
	padding: 0 45px 0 50px;
	background: #fff5a8;
	border: 1px solid #e5a200;
	margin-bottom: 20px;
	position: relative
}
.i-34aL {
	position: absolute;
	top: 14px;
	left: 20px;
	display: block;
	width: 16px;
	height: 15px;
	background: url('../images/icon-warn.png') 0 0 no-repeat;
}
.common-warn .close {
	position: absolute;
	right: 20px;
	top: 13px;
	display: block;
	width: 20px;
	height: 20px;
	background: url('../images/icon_close_10.png') no-repeat center;
	cursor: pointer;
}
/* 头部 */
header {
  height: 100px;
}
.logo {
  margin-top: 25px;
  float: left;
}
.search-header {
  position: relative;
  float: left;
  margin-left: 120px;
  margin-top: 30px;
  width: 450px;
  line-height: 38px;
  height: 38px;
  border: 1px solid #0686DA;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.search-header-select {
  position: relative;
  float: left;
  width: 93px;
  font-size: 16px;
  color: #999;
  text-align: center;
  cursor: pointer;
}
.search-header-select:after {
  position: relative;
  top: -3px;
  content: '';
  display: inline-block;
  margin-left: 5px;
  width: 10px;
  height: 5px;
  background: url('../images/icon-arrow-down.png') no-repeat;
}
.search-header-select:hover:after {
  background: url('../images/icon-arrow-up.png') no-repeat;
}
.search-header-select:hover .search-list{
  display: block;
}
.search-header-select li:hover {
  color:#0686DA;
}
.search-list {
  display: none;
  position: absolute;
  left: 0;
  top: 38px;
  width: 93px;
  z-index: 2;
  background-color: #fff;
  box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.search-list .active {
  background-color: #F4F4F4;
}
.search-input {
  width: 240px;
  border: none;
  color: #0E121B;
}
.search-input::placeholder {
  color: #99A0AE;
  font-size: 16px;
}
.search-header-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  color: #fff;
  height: 38px;
  line-height: 36px;
  background-color: #0686DA;
  border: none;
}
.search-header-btn:hover {
  background: #007ACC;
}
.find-btn {
  float: left;
  margin-top: 30px;
  margin-left: 10px;
  width: 110px;
  height: 40px;
  color: #fff;
  background-color: #F67C1A;
  border: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.find-btn:hover {
  background: #E96800;
}
.header-dataSheet-link{
  float: left;
  margin-top: 30px;
  margin-left: 10px;
  width: 110px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  background-color: #2a5caa;
  border: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.header-dataSheet-link:hover{
  background:#1d4e9c;
}
.header-right {
  float: right;
  margin-top: 40px;
}
.header-login {
  display: none;
  position: relative;
  top: 2px;
  float: right;
  padding: 0 10px;
  color: #333;
  line-height: 1;
}
.header-reg {
  display: none;
  position: relative;
  top: 2px;
  float: right;
  border-left: 1px solid #ddd;
  padding: 0 10px;
  line-height: 1;
  color: #333;
}
.header-more {
  position: relative;
  float: right;
  margin-left: 10px;
  color: #333;
  line-height: 1.2;
  cursor: pointer;
}
.header-more:after {
  content: "";
  display: inline-block;
  margin-left: 5px;
  width: 10px;
  height: 10px;
  background: url('../images/icon-arrow-down.png') no-repeat center 2px;
}
.header-more:hover {
  color: #0686DA;
}
.header-more:hover:after {
  background: url('../images/icon-arrow-up-line-blue.png')
}
.header-more:hover .header-more-wrap {
  display: block;
}
.header-more-wrap {
  display: none;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 16px;
  padding-top: 20px;
}
.header-more-list {
  padding: 5px 20px;
  width: 304px;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.header-more-list li {
  position: relative;
  margin-right: -19px;
  padding: 15px 0 0;
}
.header-more-list li+li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 304px;
  border-top: 1px solid #ddd;
}
.header-more-tag {
  float: left;
  margin-bottom: 14px;
  color: #666;
  font-size: 14px;
}
.header-more-tag:hover {
  color: #0686DA;
}
.header-more-tag {
  margin-right: 19px;
}
/* 用户 */
.user {
  display: none;
  float: right;
  height: 33px;
}
.user .information {
  float: left;
  width: 24px;
  height: 24px;
  position: relative;
  top: -2px;
  background: url('../images/icon-info.png')
}
.user .num {
  display: none;
  position: absolute;
  left: 24px;
  top: -6px;
  padding: 1px 5px;
  color: #fff;
  font-size: 12px;
  background: #F74444;
  border-radius: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
}
.user .user-wrap {
  float: left;
  margin-left: 43px;
  margin-right: 20px;
  padding-left: 50px;
  line-height: 40px;
  position: relative;
  top: -12px;
  color: #0686DA;
}
.user .user-photo {
  position: absolute;
  left: 0;
  top: 0;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.user .wrap {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 5;
  padding-top: 23px;
}
.user:hover .wrap {
  display: block;
}
.user .box {
  padding: 25px 20px;
  width: 262px;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.user .box-name {
  position: relative;
  padding-left: 80px;
  padding-top: 13px;
  height: 60px;
  font-size: 18px;
  color: #0686DA;
  line-height: 1.4;
}
.user .user-photo2 {
  position: absolute;
  left: 0;
  top: 0;
}
.user .gold {
  margin-top: 5px;
  padding-left: 26px;
  background: url('../images/icon-21coin.png') no-repeat 0 center;
  line-height: 1.4;
  font-size: 14px;
  color: #666;
}
.user .list {
  margin-top: 15px;
  padding-bottom: 17px;
  width: 264px;
}
.user .tag {
  float: left;
  margin-right: 2px;
  margin-bottom: 2px;
  width: 84px;
  padding-left: 46px;
  line-height: 32px;
  height: 32px;
  font-size: 14px;
  color: #333;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.user .tag:hover {
  color: #0686DA;
}
.user .tag.tag1 {
  background: #f4f4f4 url('../images/icon-friends.png') no-repeat 19px center;
}
.user .tag.tag2 {
  background: #f4f4f4 url('../images/icon-collection.png') no-repeat 19px center;
}
.user .tag.tag3 {
  background: #f4f4f4 url('../images/icon-post.png') no-repeat 19px center;
}
.user .tag.tag4 {
  background: #f4f4f4 url('../images/icon-friends.png') no-repeat 19px center;
}
.user .tag.tag5 {
  background: #f4f4f4 url('../images/icon-setting.png') no-repeat 19px center;
}
.user .user-bottom {
  padding-top: 20px;
  font-size: 14px;
  line-height: 1.4;
  border-top: 1px solid #ddd;
}
.user .user-out {
  color: #999;
}
.user .user-out:hover {
  color: #0686DA;
}
.user .link {
  color: #0686DA;
}

/* 导航 */
nav {
  position: relative;
  height: 60px;
  background: #0686DA;
}
.nav-tag {
  float: left;
  /* padding-left: 10px;
  width: 113px; */
  font-size: 18px;
  text-align: center;
  line-height: 60px;
  color: #fff;
  cursor: pointer;
  padding:0 35px;
}
.nav-tag-link {
  color: #fff;
}
.nav-tag.active,.nav-tag:hover {
  background-color: #007ACC;
}
.nav-tag:hover .nav-body {
  display: block;
}
.nav-tag.sub:hover:after {
  background: url('../images/icon-arrow-up-surface-white.png')
}
.nav-tag.sub:after {
  content: '';
  display: inline-block;
  margin-left: 5px;
  width: 10px;
  height: 10px;
  background: url('../images/icon-arrow-down-surface-white.png')
}
.nav-tag.width2 {
  /* width: 150px; */
  /* 新加修改 */
  position: relative;
}
.nav-body {
  display: none;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 60px;
  padding-top: 10px;
  padding-bottom: 19px;
  height: 341px;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ddd;
  box-shadow:0px 3px 9px 0px rgba(0, 0, 0, 0.3);
}
/* 新加修改 */
.nav-tag.width2 .nav-body{
  position: absolute;
  z-index: 2;
  left: 0;
  top: 60px;
  width: 160px;
  background: #fff;
  border-bottom: 1px solid #ddd;
  box-shadow:0px 3px 9px 0px rgba(0, 0, 0, 0.3);
  padding:0;
  height:auto;
}
.navTag-body-link{
  display: block;
  width:100%;
  height:50px;
  text-align: center;
  line-height: 50px;
  background:#fff;
  font-size:16px;
  color:#333;
}
.navTag-body-link:hover{
  background:#F4F4F4;
}
/*  */
.nav-body-left {
  position: relative;
  float: left;
  width: 383px;
}
.nav-body-news-tag {
  position: relative;
  display: block;
  margin-bottom: 15px;
  padding: 4px 0 4px 90px;
  font-size: 16px;
  color: #333;
  line-height: 24px;
  height: 48px;
  text-align: left;
  display: -webkit-box!important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.nav-body-news-tag img {
  position: absolute;
  left: 0;
  top: 0;
  background: #999;
}
.nav-body-news-tag:hover {
  color: #0686DA;
}
.nav-body h3 {
  padding-left: 30px;
  font-size: 18px;
  text-align: left;
  color: #0686DA;
}
.nav-news-title {
  background: url('../images/nav-icon-headlinenews.png') no-repeat 0 center;
}
.nav-body-centre {
  position: relative;
  float: left;
  margin-left: 25px;
  width: 383px;
}
.nav-hot-title {
  background: url('../images/nav-icon-hot.png') no-repeat 0 center;
}
.nav-hot-tag {
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 22px;
  color: #333;
  text-align: left;
  font-size: 16px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-hot-tag:hover {
  color: #0686DA
}
.nav-num {
  position: absolute;
  left: 2px;
  top: 0;
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: #999;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.nav-num.first {
  background: #F74444;
}
.nav-num.second {
  background: #F67C1A;
}
.nav-num.third {
  background: #0686DA;
}
.nav-body-right {
  position: relative;
  float: right;
  width: 383px;
}
.nav-edit-title {
  background: url('../images/nav-icon-recommend.png') no-repeat 0 center;
}
.nav-edit-tag {
  display: block;
  float: left;
  width: 180px;
  font-size: 16px;
  color: #333;
  line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-edit-tag:hover {
  color: #0686DA;
}
.nav-edit-tag+.nav-edit-tag {
  margin-left: 23px;
}
.nav-edit-tag img {
  display: block;
}
.nav-body-right table {
  margin-top: 8px;
  width: 100%;
  height: 100px;
  border:1px solid #ddd;
}
.nav-body-right tr{
  border:1px solid #ddd;
}
.nav-body-right td {
  height: 48px;
  border:1px solid #ddd;
}
.nav-edit-type {
  display: block;
  padding-top: 1px;
  padding-left: 31px;
  font-size: 18px;
  line-height: 48px;
  color: #333;
}
.nav-edit-type:hover {
  color: #0686DA;
}
.nav-edit-type.type1 {
  background: url('../images/nav-new-icon-dynamicnews.png') no-repeat 43px center;
}
.nav-edit-type.type2 {
  background: url('../images/nav-new-icon-poroduct.png') no-repeat 43px center;
}
.nav-edit-type.type3 {
  background: url('../images/nav-new-icon-technology.png') no-repeat 43px center;
}
.nav-edit-type.type4 {
  background: url('../images/nav-new-icon-meeting.png') no-repeat 43px center;
}
.nav-hot-post-title {
  background: url('../images/nav-icon-position.png') no-repeat 0 center;
}
.nav-new-post-title {
  background: url('../images/nav-icon-recruit.png') no-repeat 0 center;
}
.nav-famous-post-title {
  background: url('../images/nav-icon-enterprise.png') no-repeat 0 center;
}
.nav-post-table {
  margin-bottom: 15px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.nav-body-left2 {
  float: left;
  width: 321px;
}
.nav-post-table-tag {
  float: left;
  padding: 0 10px;
  width: 139px;
  font-size: 14px;
  color: #666;
  text-align: center;
  line-height: 39px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.nav-post-table-tag:hover {
  color: #0686DA;
}
.nav-body-centre2 {
  float: left;
  width: 506px;
  margin-left: 25px;
}
.nav-new-post-list li {
  position: relative;
  padding: 0 0 17px 14px;
  height: 40px;
  border-bottom: 1px dashed #ddd;
}
.nav-new-post-list li+li {
  padding-top: 16px;
}
.nav-new-post-list li:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 44px;
  width: 5px;
  height: 5px;
  background: #999;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.nav-new-post-tag {
  float: left;
  margin-right: 10px;
  color: #333;
  line-height: 1;
  font-size: 16px;
}
.nav-new-post-tag+.nav-new-post-tag {
  padding-left: 9px;
  border-left: 1px solid #ddd;
}
.nav-new-post-tag:hover {
  color: #0686DA;
}
.nav-new-post-info {
  clear: both;
  padding-top: 10px;
  font-size: 14px;
  color: #999;
  text-align: left;
}
.nav-new-post-info span {
  float: left;
  padding-right: 10px;
  line-height: 1;
}
.nav-new-post-info span+span {
  padding-left: 10px;
  border-left: 1px solid #ddd;
}
.nav-new-post-info .time{
  float: right;
  line-height: 1;
}
.nav-body-right2 {
  float: right;
  width: 300px;
}
.nav-famous-post-list {
  margin-top: 1px;
  width: 310px;
}
.nav-famous-post-tag {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 143px;
  height: 60px;
  line-height: 58px;
  text-align: center;
  border: 1px solid #ddd;
}
.nav-famous-post-tag img {
  max-width: 100%;
  max-height: 100%;
}
.nav-live-train-title {
  background: url('../images/nav-icon-live.png') no-repeat 0 center;
}
.nav-body-left8{
  position: relative;
  float: left;
  width: 815px;
}
.nav-ol-train-tag {
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 215px;
  padding-bottom: 20px;
  height: 115px;
  color: #333;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 1px dashed #ddd;
}
.live .nav-ol-train-tag{
  margin-right:25px;
  width:165px;
}
.live .nav-ol-train-tag+a+a {
  margin-bottom: 10px;
  padding-bottom: 0;
  border: none;
}
.playback .nav-ol-train-tag+a{
  margin-bottom: 10px;
  padding-bottom: 0;
  border: none;
}
.yxs .nav-ol-train-tag+a{
  margin-bottom: 10px;
  padding-bottom: 0;
  border: none;
}
.nav-playback-train-title{
  background: url('../images/nav-icon-playback.png') no-repeat 0 center;
}
.nav-playing-train-title{
  background: url('../images/icon-live.gif') no-repeat 0 center;
}
.nav-playing-train-title .nav-ol-more{
  color:#0686DA;
  padding-right:18px;
  background: url('../images/icon-more-11.png') no-repeat right center;
}
.nav-player{
  width:100%;
  height:270px;
}
.nav-ol-train-tag:after {
  content: '';
  position: absolute;
  left: 10px;
  top:75px;
  z-index: 2;
  width: 30px;
  height: 30px;
  background: url('../images/icon-video-n.png')
}
.nav-ol-train-tag img {
  position: absolute;
  left: 0;
  top: 0
}
.nav-ol-train-name {
  margin-bottom: 8px;
  height: 48px;
  text-align: left;
  display: -webkit-box!important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.nav-ol-train-tag:hover .nav-ol-train-name,.nav-meeting-train-tag:hover .nav-ol-train-name {
  color: #0686DA;
}
.nav-ol-train-tag:hover:after {
  background: url('../images/icon-video-s.png')
}
.nav-ol-state-on {
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 5px;
  padding: 2px;
  line-height: 1;
  font-size: 12px;
  color: #F67C1A;
  border: 1px solid #F67C1A;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}
.nav-ol-state-on.back{
  color: #0686DA;
  border: 1px solid #0686DA;
}
.nav-ol-time {
  margin-bottom: 13px;
  padding-left: 20px;
  font-size: 14px;
  color: #999;
  text-align: left;
  line-height: 24px;
  background: url('../images/icon-time-gray.png') no-repeat 0 center;
}
.nav-ol-state-on2 {
  font-size: 14px;
  color: #999;
}
.nav-ol-state-on2:hover{
  color: #0686DA;
}
.nav-ol-more {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 13px;
  font-size: 14px;
  color: #999;
  background: url('../images/icon-more-10.png') no-repeat right center;
}
.nav-ol-more:hover {
  color: #0686DA;
  background: url('../images/icon-arrow-selected-10.png') no-repeat 33px center;
}
.nav-plan-title{
  background: url('../images/nav-icon-plan.png') no-repeat 0 center;
}
.nav-meeting-train-title {
  background: url('../images/nav-icon-meeting.png') no-repeat 0 center;
}

.nav-meeting-train-tag {
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding-left: 215px;
  padding-bottom: 20px;
  height: 115px;
  color: #333;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 1px dashed #ddd;
}
.nav-meeting-train-tag+.nav-meeting-train-tag {
  margin-bottom: 10px;
  padding-bottom: 0;
  border: none;
}
.nav-meeting-train-tag img {
  position: absolute;
  left: 0;
  top: 0
}
.nav-meeting-train-tag:hover .nav-meeting-train-name {
  color: #0686DA;
}
.nav-meeting-train-tag:hover:after {
  background: url('../images/icon-video-s.png')
}
.nav-meeting-city {
  margin-bottom: 13px;
  padding-left: 20px;
  font-size: 14px;
  color: #999;
  text-align: left;
  line-height: 24px;
  background: url('../images/icon-location.png') no-repeat 0 center;
}
.nav-ti-train-title {
  background: url('../images/nav-icon-training.png') no-repeat 0 center;
}
.nav-ti-train-tag {
  padding-bottom: 16px;
  position: relative;
  float: left;
  width: 185px;
  font-size: 16px;
  color: #333;
  line-height: 35px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-ti-train-tag:after {
  content: '';
  position: absolute;
  left: 10px;
  top: 64px;
  width: 30px;
  height: 30px;
  background: url('../images/icon-video-n.png')
}
.nav-ti-train-tag:hover {
  color: #0686DA
}
.nav-ti-train-tag:hover:after {
  background: url('../images/icon-video-s.png')
}
.nav-ti-train-tag+.nav-ti-train-tag {
  margin-left: 10px;
}
.nav-ti-train-tag img {
  display: block;
  border: 1px solid #F8F8F8;
}
.nav-ti-tagbox {
  clear: both;
  padding: 10px 0 10px 20px;
  background: #F8F8F8;
}
.nav-ti-tag {
  float: left;
  margin-right: 10px;
  padding-left: 25px;
  width: 85px;
  line-height: 2.4;
  text-align: left;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: url('../images/icon-label.png') no-repeat 0 center;
}
.nav-ti-tag:hover {
  color: #0686DA;
}
.nav-bbs-title1 {
  background: url('../images/nav-icon-original.png') no-repeat 0 center;
}
.nav-bbs-title2 {
  background: url('../images/nav-icon-post.png') no-repeat 0 center;
}
.nav-bbs-title3 {
  background: url('../images/nav-icon-diy.png') no-repeat 0 center;
}
.nav-bbs-tag1 {
  position: relative;
  display: block;
  margin-bottom: 15px;
  padding-left: 130px;
  height: 80px;
  text-align: left;
}
.nav-bbs-tag1 img {
  position: absolute;
  left: 0;
  top: 0;
}
.nav-bbs-tag1-title {
  white-space: nowrap;
  font-size: 16px;
  color: #333;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-bbs-tag1:hover .nav-bbs-tag1-title {
  color: #0686DA;
}
.nav-bbs-tag1 p {
  margin-top: 10px;
  font-size: 14px;
  color: #999;
  line-height: 20px;
  height: 40px;
  display: -webkit-box!important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.nav-bbs-list li {
  position: relative;
  margin-bottom: 16px;
  padding-left: 10px;
  line-height: 1;
}
.nav-bbs-list li:after {
  position: absolute;
  content: '';
  left: 0;
  top: 6px;
  width: 5px;
  height: 5px;
  background: #999;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.nav-body-centre3 {
  float: left;
  /* width: 460px; */
  width:376px;
  margin-left: 30px;
}
.nav-bbs-item {
  display: block;
  /* width: 290px; */
  width:360px;
  color: #333;
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-bbs-item:hover {
  color: #0686DA;
}
.nav-bbs-author {
  position: absolute;
  right: 0;
  top: 2px;
  width: 120px;
  text-align: right;
  font-size: 14px;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-body-right3 {
  float: right;
  /* width: 300px; */
  width:383px;
}
.nav-bbs-tag2-wrap {
  width: 320px;
}
.nav-bbs-tag2 {
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
  width: 88px;
  font-size: 14px;
  color: #333;
  line-height: 28px;
  height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  border: 1px solid #ddd;
}
.nav-bbs-tag2:hover {
  color: #0686DA;
  border-color: #0686DA;
}
.nav-yxs-title1{
  background: url('../images/nav-icon-live.png') no-repeat 0 center;
}
.nav-yxs-title2{
  background: url('../images/nav-icon-yxsLive.png') no-repeat 0 center;
}
.nav-body-left4 {
  position: relative;
  float: left;
  width: 380px;
}
.nav-body-center4 {
  position: relative;
  float: left;
  width: 380px;
  margin:0 30px;
}
.nav-body-right4 {
  position: relative;
  float: right;
  width: 380px;
}
.nav-body-right4 .nav-ol-more{
  color:#0686DA;
  background:#fff;
}
/* .nav-act-title1 {
  background: url('../images/nav-icon-community.png') no-repeat 0 center;
}
.nav-act-item {
  position: relative;
  display: block;
  padding-left: 137px;
  padding-bottom: 14px;
  height: 72px;
}
.nav-act-item+.nav-act-item {
  padding-top: 14px;
  border: none;
  margin-bottom: 0;
  border-top: 1px dashed #ddd;
}
.nav-act-item img {
  position: absolute;
  left: 0;
  bottom: 15px;
  text-align: left;
}
.nav-act-item-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  line-height: 1;
  text-align: left;
  font-size: 16px;
}
.nav-act-item:hover .nav-act-item-title {
  color: #0686DA;
}
.nav-act-time {
  margin-top: 2px;
  padding-left: 24px;
  font-size: 14px;
  text-align: left;
  line-height: 2;
  color: #999;
  background: url('../images/icon-time-gray.png') no-repeat 0 center;
}
.nav-act-item span {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  color: #0686DA;
  text-align: left;
  line-height: 1.4;
} */
/* .nav-body-left4 {
  position: relative;
  float: left;
  width: 585px;
}
.nav-body-right4 {
  position: relative;
  float: right;
  width: 585px;
}
.nav-act-title2 {
  background: url('../images/nav-icon-enterprise.png') no-repeat 0 center;
} */
.nav-body-left5 {
  position: relative;
  float: left;
  width: 320px;
}
.nav-meeting-title1 {
  background: url('../images/nav-icon-meeting.png') no-repeat 0 center;
}
.nav-plan-back-title{
  background: url('../images/nav-icon-lookback.png') no-repeat 0 center;
}
.nav-meeting-tag1 {
  position: relative;
  display: block;
  margin-bottom: 4px;
  padding-left: 100px;
  height: 135px;
}
.nav-meeting-tag1 img {
  position: absolute;
  left: 0;
  top: 0;
}
.nav-meeting-tag1-title {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  height: 48px;
  text-align: left;
  display: -webkit-box!important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.nav-meeting-tag1-city {
  margin-top: 10px;
  padding-left: 20px;
  text-align: left;
  font-size: 14px;
  color: #999;
  line-height: 1.6;
  background: url('../images/icon-location.png') no-repeat 0 center;
}
.nav-meeting-tag1-time {
  padding-left: 20px;
  text-align: left;
  font-size: 14px;
  color: #999;
  line-height: 1.6;
  background: url('../images/icon-time-gray.png') no-repeat 0 center;
}
.nav-meeting-tag1 span {
  display: block;
  text-align: left;
  margin-top: 8px;
  line-height: 2;
  font-size: 14px;
  color: #0686DA;
}
.nav-meeting-tag1:hover .nav-meeting-tag1-title {
  color: #0686DA;
}
.nav-meeting-tag2 {
  display: block;
  position: relative;
  padding: 15px 0 15px 63px;
  height: 41px;
}
.nav-meeting-tag2+.nav-meeting-tag2 {
  border-top: 1px dashed #ddd;
}
.nav-meeting-tag2-icon {
  position: absolute;
  left: 0;
  top: 15px;
  width: 52px;
  font-size: 14px;
  color: #0686DA;
  text-align: center;
  line-height: 20px;
  border: 1px solid #0686DA;
}
.nav-meeting-tag2-icon-up {
  display: block;
  background: #0686DA;
  color: #fff;
}
.nav-meeting-tag2-icon.over {
  color: #999;
  border-color: #999;
}
.nav-meeting-tag2-icon.over .nav-meeting-tag2-icon-up {
  color: #fff;
  background: #999;
}
.nav-meeting-tag2-title {
  font-size: 16px;
  color: #333;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-meeting-tag2-author {
  margin-top: 8px;
  padding-left: 19px;
  font-size: 14px;
  color: #999;
  text-align: left;
  line-height: 1.4;
  background: url('../images/icon-people.png') no-repeat 2px center;
}
.nav-meeting-tag2-city{
  margin-top: 8px;
  padding-left: 19px;
  font-size: 14px;
  color: #999;
  text-align: left;
  line-height: 1.4;
  background: url('../images/icon-hotel.png') no-repeat 2px center;
}
.nav-meeting-tag2:hover .nav-meeting-tag2-title {
  color: #0686DA;
}
.nav-meeting-tag2-text {
  position: absolute;
  right: 0;
  bottom: 12px;
  line-height: 1.4;
  font-size: 14px;
  color: #0686DA;
}
.nav-body-centre5 {
  margin-left: 25px;
  position: relative;
  float: left;
  width: 320px;
}
.nav-body-right5 {
  position: relative;
  float: right;
  width: 150px;
}
.nav-meeting-title2 {
  /* padding-left: 30px; */
  font-size: 18px;
  text-align: left;
  color: #0686DA;
  font-weight: bolder;
  display: block;
  position: relative;
  /* background: url('../images/nav-icon-building.png') no-repeat 0 center; */
}
.nav-meeting-title2 span{
  display: block;
  padding-right: 10px;
  font-size: 14px;
  color: #999;
  background: url(../images/icon-arrow-10.png) no-repeat right center;
  line-height: 60px;
  position: absolute;
  right:0;
  top:0;
}
.nav-meeting-title2:hover span{
  color: #0686DA;
  background-image: url(../images/icon-arrow-selected-10.png);
}
.nav-meeting-logo {
  display: block;
  margin-bottom: 10px;
  width: 148px;
  line-height: 43px;
  height: 43px;
  text-align: center;
  border: 1px solid #ddd;
}
.nav-meeting-logo img {
  max-width: 100%;
  max-height: 100%;
}
.nav-c-title1 {
  background: url('../images/nav-icon-microsite.png') no-repeat 0 center;
}
.nav-c-item {
  float: left;
  /* margin-right: 10px;
  margin-bottom: 10px; */
  width: 178px;
  font-size: 14px;
  color: #666;
  text-align: center;
  line-height: 38px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  /*  */
  /* border-top: none; */
}
.nav-meeting-today{
  width:100%;
  height:264px;
  overflow: hidden;
  position: relative;
}
.nav-meeting-scroll{
  width:99999px;
}
.nav-meeting-scrollItem{
  width:320px;
  overflow: hidden;
}
.nav-meeting-scrollItem img{
  display: block;
}
.nav-meeting-scrollText{
  margin-top:10px;
  font-size:16px;
  color:#333;
  line-height: 20px;
  height:40px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2; 
  overflow: hidden; 
  text-align: left;
}
.nav-meeting-btn{
  border:none;
  outline: none;
  display: block;
  width:30px;
  height:40px;
  position: absolute;
  top:33%;
}
.nav-meeting-btn.left{
  background:url('../images/arrow_left.png') no-repeat center center;
  left:0;
}
.nav-meeting-btn.right{
  background:url('../images/arrow_right.png') no-repeat center center;
  right:0;
}
/* 修改 */
/* .nav-c-item:first-child{
  border-top: 1px solid #ddd;
}
.nav-c-item:first-child+a{
  border-top: 1px solid #ddd;
}
.nav-c-item:nth-child(2n){
  border-left:none;
} */
/*  */
.nav-c-item:hover {
  color: #fff;
  background: #0686DA;
  border-color: #0686DA;
}
.nav-body-left6 {
  float: left;
  width: 370px;
  position: relative;
}
.nav-c-list {
  width: 362px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.nav-body-centre6 {
  margin-left: 30px;
  float: left;
  width: 385px;
  position: relative;
  border-bottom: 1px dashed #ddd;
}
/* .nav-body-centre6+div+div{
  border-bottom: none;
} */
.nav-body-centre6 h3{
  padding-left:0;
}
.nav-c-title2 {
  background: url('../images/nav-icon-chip.png') no-repeat 0 center;
}
.nav-c-list2 {
  width: 455px;
}
.nav-c-item2 {
  float: left;
  margin-right: 15px;
  margin-bottom: 12px;
  padding-left: 26px;
  width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #333;
  line-height: 1.4;
  text-align: left;
  background: url('../images/icon-label.png') no-repeat 0 center;
}
.nav-c-item2:hover {
  color: #0686DA;
}
.nav-body-right6 {
  float: right;
  width: 333px;
  position: relative;
}
.nav-c-title3 {
  background: url('../images/nav-icon-e2e.png') no-repeat 0 center;
}
.nav-c-right li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 16px;
}
.nav-c-right li:after {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 5px;
  height: 5px;
  background: #999;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.nav-c-link {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  text-align: left;
  font-size: 16px;
  color: #333;
}
.nav-c-link:hover {
  color: #0686DA;
}
.nav-body-left7 {
  float: left;
  position: relative;
  width: 425px;
  margin-right:25px;
}
.nav-d-title1 {
  background: url('../images/nav-icon-notice.png') no-repeat 0 center;
}
.nav-body-right7 {
  float: right;
  width: 300px;
}
.nav-b-tagbox {
  width: 310px;
  padding-top: 20px;
}
.nav-b-tag {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-top: 105px;
  width: 143px;
  height: 40px;
  font-size: 14px;
  color: #333;
  line-height: 1.4;
  border: 1px solid #ddd;
}
.nav-b-tag:hover {
  color: #007ACC;
  border-color: #007ACC;
}
.nav-b-tag.tag1 {
  background: url('../images/cpss-icon-plan.png') no-repeat center 31px;
}
.nav-b-tag.tag2 {
  background: url('../images/cpss-icon-member.png') no-repeat center 31px;
}
.nav-b-tag.tag3 {
  background: url('../images/cpss-icon-yearbooks.png') no-repeat center 31px;
}
.nav-b-tag.tag4 {
  background: url('../images/cpss-icon-tpea.png') no-repeat center 31px;
}
/* 原厂 */
.firm {
  font-size: 14px;
  color: #333;
  line-height: 50px;
}
.firm-title {
  float: left;
}
.firm-item {
  position: relative;
  float: left;
  margin-left: 15px;
  height: 30px;
  color: #333;
  line-height: 30px;
  padding: 10px 0 10px 39px;
}
.firm-item img {
  position: absolute;
  left: 0;
  top: 10px;
}
.firm-item.item1 {
  padding-right: 15px;
  cursor: pointer;
}
.firm-item.item1:after {
  content: '';
  position: absolute;
  right: 0;
  top: 20px;
  width: 8px;
  height: 8px;
  background: url('../images/icon-arrow-down-surface-black.png') no-repeat 0 center;
}
.firm-item.item1:hover:after {
  background: url('../images/icon-arrow-up-surface-black.png') no-repeat 0 center;
}
.firm-item:hover .firm-item-body {
  display: block;
}
.firm-item-body {
  display: none;
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 2;
  padding: 10px 0;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.firm-link {
  display: block;
  width: 180px;
  font-size: 14px;
  color: #666;
  text-align: center;
}
.firm-link:hover {
  color: #0686DA;
}
.ad-top-item1 {
  float: left;
  margin-right: 12px;
  margin-bottom: 10px;
  width: 728px;
  height: 90px;
  overflow: hidden;
}
.ad-top-item2 {
  float: left;
  margin-bottom: 10px;
  width: 460px;
  height: 90px;
  overflow: hidden;
}
.ad-top-item3 {
  float: left;
  margin-right: 10px;
  width: 595px;
  height: 90px;
  overflow: hidden;
}
.ad-top-item4 {
  float: left;
  width: 595px;
  height: 90px;
  overflow: hidden;
}
.datasheet {
  position: relative;
  padding-top: 20px;
}
.datasheet label {
  margin-right: 8px;
  font-size: 16px;
  color: #333;
}
.datasheet label input {
  position: relative;
  top: -2px;
}
.datasheet-search {
  width: 647px;
  height: 18px;
  line-height: 18px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: normal;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.datasheet-btn1 {
  margin-left: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  height: 40px;
  line-height: 38px;
  width: 150px;
  background: #0686DA;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border: none;
}
.datasheet-btn1:hover {
  background: #007ACC
}
.datasheet-btn2 {
  position: absolute;
  right: 0;
  top: 20px;
  margin-left: 10px;
  color: #0686DA;
  height: 40px;
  line-height: 38px;
  width: 150px;
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border: 1px solid #0686DA;
}
.datasheet-btn2:hover {
  color: #007ACC;
  border-color: #007ACC;
}
.ad-area1{
  padding-top: 20px;
  background-color: #FAFAFA;
}
.ad-area2{
  background-color: #FAFAFA;
  padding-bottom: 20px;
}
.recommend-bg-wrap{
  background-color: #FAFAFA;
}
.recommend {
  position: relative;
  padding: 0 16px 20px;
  box-sizing: border-box;
  border-radius: 12px 12px 0 0;
  background-color: #fff;
}
.recommend-tab {
  border-bottom: 1px solid #ddd;
}
.recomment-tab-btn {
  font-size: 16px;
  color: #666;
  margin-right: 29px;
  line-height: 36px;
  border: none;
  background: none;
}
.recomment-tab-btn.active {
  margin-bottom: -2px;
  border-bottom: 2px solid #0686DA;
  color: #0686DA;
}
.recommend-info {
  position: absolute;
  right: 0;
  top: 25px;
  padding-left: 26px;
  font-size: 14px;
  color: #666;
  background: url('../images/icon-notice.png') no-repeat 0 center;
}
.recommend-info:hover {
  color: #0686DA;
}
.recoummend-part {
  display: none;
  min-height: 182px;
  /* height: 270px; */
}
.recoummend-part.active {
  display: block;
}
.recoummend-part-tr {
  position: relative;
  padding-left: 115px;
  border-bottom: 1px solid #ddd;
}
/* .recoummend-part.one .recoummend-part-tr:first-child+div+div{
  border-bottom: none;
} */
.recommend-part-title {
  position: absolute;
  left: 0;
  /* top: 29px; */
  top:50%;
  margin-top:-13px;
}
.recommend-btn-left {
  position: absolute;
  left: 82px;
  /* top: 25px; */
  top:50%;
  margin-top:-15px;
  width: 30px;
  height: 30px;
  background: #eaeaea url('../images/icon-arrow-left-gray.png') no-repeat center;
  border: none;
}
.recommend-btn-right {
  position: absolute;
  right: 0;
  /* top: 25px; */
  top:50%;
  margin-top:-15px;
  width: 30px;
  height: 30px;
  background: #eaeaea url('../images/icon-arrow-right-gray.png') no-repeat center;
  border: none;
}
.recommend-device {
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recommend-device-link {
  font-size: 14px;
  color: #999;
}
.recommend-device-link+.recommend-device-link {
  margin-left: 4px;
  padding-left: 6px;
  border-left: 1px solid #ddd;
}
.recommend-scroll-window {
  text-align: center;
  width: 1018px;
  overflow: hidden;
}
.recommend-scroll-window ul {
  width: 999999px;
}
.recommend-scroll-window li {
  float: left;
  padding: 5px 0;
  width: 146px;
}
.recommend-device:hover,.recommend-device-link:hover {
  color: #0686DA;
}
.recommend-device-firm {
  display: block;
  width: 120px;
  height: 40px;
  border: 1px solid #ddd;
}
.recommend-device-firm img {
  display: block
}
.recoummend-part-tr2 {
  position: relative;
  padding: 19px 50px 18px;
  border-bottom: 1px solid #ddd;
}
.recoummend-part-tr2.pad {
  padding: 12px 50px;
}
.recoummend-part-tr2.pad:first-child+div{
  border-bottom: none;
}
.recommend-scroll-window2 {
  width: 1068px;
  overflow: hidden;
}
.recommend-scroll-window2 ul {
  width: 999999px;
}
.recommend-scroll-window2 li {
  position: relative;
  float: left;
  margin-right: 35px;
  width: 240px;
}
.recommend-scroll-window2 li img{
  display: block;
}
.recommend-scroll-window2.y1 li{
  overflow: hidden;
  width:335px;
}
.recommend-scroll-window2.y1 li a {
  position: relative;
  display: block;
  padding-left:102px;
  min-height: 60px;
}
.recommend-scroll-window2Img{
  position: absolute;
  top:0;
  left:0;
}
.recommend-scroll-window2 li:hover  .recommend-title3 {
  color: #0686DA;
}
.recommend-title2 {
  margin-top: 4px;
  height: 40px;
  font-size: 16px;
  color: #333;
  display: -webkit-box!important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.recommend-btn-left2 {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top:-15px;
  width: 30px;
  height: 30px;
  background: #eaeaea url('../images/icon-arrow-left-gray.png') no-repeat center;
  border: none;
}
.recommend-btn-right2 {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top:-15px;
  width: 30px;
  height: 30px;
  background: #eaeaea url('../images/icon-arrow-right-gray.png') no-repeat center;
  border: none;
}
.recommend-scroll-window.w3 li {
  padding: 8px 17px;
  text-align: left;
  width: 311px;
  overflow: hidden;
}
.recommend-scroll-window.w3 .recommend-device {
  font-weight: normal;
}
.recommend-post-tag {
  font-size: 14px;
  color: #999;
}
.recommend-post-tag+.recommend-post-tag {
  margin-left: 4px;
  padding-left: 6px;
  border-left: 1px solid #ddd;
}
.recommend-resume-link {
  display: block;
  padding-top: 3px;
  margin-bottom: 6px;
  color: #333;
  line-height: 1;
}
.recommend-resume-link:hover {
  color: #0686DA;
}
.recommend-resume-link span+span {
  display: inline-block;
  padding-left: 10px;
  margin-left: 5px;
  border-left: 1px solid #ddd;
}
.recommend-post {
  font-size: 14px;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recommend-tag2 {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-right: 10px;
  padding-bottom: 1px;
  width: 28px;
  font-size: 12px;
  text-align: center;
  height: 15px;
  line-height: 17px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}
.recommend-tag2.state1 {
  color: #F67C1A;
  border: 1px solid #F67C1A;
}
.recommend-tag2.state2 {
  color: #0686DA;
  border: 1px solid #0686DA;
}
.recommend-title3 {
  margin-bottom: 8px;
  margin-top: 5px;
  font-size: 16px;
  color: #333;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recommend-bottom2 {
  padding-left: 19px;
  font-size: 14px;
  color: #999;
  height: 20px;
}
.recommend-bottom2.time {
  background: url('../images/icon_time.png') no-repeat 0 center;
}
.recommend-bottom2.expert {
  background: url('../images/icon-people.png') no-repeat 0 center;
}
.recommend-text-tag {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
  color: #0686DA;
}
.recommend-video {
  margin-right: 17px!important;
  width: 256px!important;
}
.recommend-video:after {
  content: '';
  position: absolute;
  left: 8px;
  top: 108px;
  width: 24px;
  height: 24px;
  background: url('../images/icon-video-n.png') no-repeat 0;
  background-size: 100% 100%;
}
.recommend-video:hover:after {
  background: url('../images/icon-video-s.png') no-repeat 0;
  background-size: 100% 100%;
}
.recommend-meeting {
  margin-right: 25px!important;
  width: 256px!important;
}
.recommend-bottom2 .city {
  display: inline-block;
  margin-left: 10px;
  padding-left: 16px;
  background: url('../images/icon-location.png') no-repeat 0;
}
.recommend-scroll-link {
  float: left;
  position: relative;
  margin: 7px 0;
  padding-left: 15px;
  width: 310px;;
  color: #333;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recommend-scroll-link:hover {
  color: #0686DA;
}
.recommend-scroll-link:after {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 5px;
  height: 5px;
  background: #999;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.recommend-scroll-window.w4 {
  margin-left: 20px;
  width: 670px;
}
.recommend-scroll-window.w4 li {
  padding: 6px 0 5px;
  width: 700px;
}
.recommend-scroll-window.w4 .recommend-scroll-link {
  margin-right: 20px;
  text-align: left;
}
.recommend-part-title.title2 {
  top: 48px;
}
.recommend-btn-left.btn2,.recommend-btn-right.btn2 {
  top: 45px;
}
.recoummend-part-tr.tr2 {
  width: 738px;
}
.recommend-hot-table {
  position: absolute;
  right: 16px;
  top: 90px;
  width: 298px;
  /* height: 198px; */
  padding-bottom: 14px;
  border: 1px solid #ddd;
}
.recommend-hot-table-title {
  line-height: 48px;
  background: #F4F4F4;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.recommend-hot-table-tag {
  float: left;
  margin-top: 14px;
  margin-left: 30px;
  padding-left: 25px;
  width: 85px;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url('../images/icon-label.png') no-repeat 0 center;
}
.recommend-hot-table-tag:hover {
  color: #0686DA;
}
/* 广告 */
.min-ad-list {
  width: 1210px;
  padding-bottom: 10px;
}
.min-ad-list .link {
  float: left;
  width: 100px;
  height: 50px;
  overflow: hidden;
  margin-right: 15px;
}
.min-ad-list img{
  display: block;
}
/* 今日焦点 */
.focus {
  margin-top: 30px;
  margin-bottom: 20px;
  box-sizing: border-box;
  padding: 0 16px;
  margin-top: 10px;
}
.focus .left {
  position: relative;
  float: left;
  margin-right: 30px;
}
.focus h2 {
  font-size: 30px;
  color: #333;
  font-weight: 500;
}
.focus .hint {
  position: absolute;
  right: 0;
  top: 0;
  width: 290px;
  text-align: right;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  font-size: 14px;
  color: #666;
}
.focus .hint .text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666;
}
.focus .hint .text:hover {
  color: #0686DA;
}
.focus .scroll {
  margin-top: 15px;
  margin-bottom: 10px;
  overflow: hidden;
  width: 420px;
}
.focus .scroll-wrap {
  width: 9999999px
}
.focus .scroll-wrap a,.focus .scroll-wrap div {
  float: left;
  position: relative;
}
.focus .scroll-wrap img {
  display: block;
  border-radius: 4px 4px 0 0;
}
.focus .scroll-wrap .title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 14px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.6)
}
.focus .scroll-tag-wrap {
  margin-top: 7px;
  width: 726px;
}
.focus .scroll .GZ-scrollNavTag {
  float: left;
  margin-right: 5px;
  border: none;
  height: 6px;
  background-color: #ddd;
  cursor: pointer;
}
.focus .scroll .GZ-scrollNavTag.active {
  background-color: #0686DA;
}
.focus .list, .bbs .list, .original .list, .society .list {
  padding-top: 20px;
}
.focus .list-item, .bbs .list-item,.original .list-item, .society .list-item {
  position: relative;
  margin-bottom: 8px;
  padding-left: 15px;
}
.focus .list-item:before, .bbs .list-item:before,.original .list-item:before, .society .list-item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  display: block;
  width: 5px;
  height: 5px;
  background: #999;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
/* 新加修改 */
.list-item-one{
  position: relative;
  padding-left:134px;
  min-height: 80px;
  margin-bottom: 16px;
}
.list-item-img{
  position: absolute;
  top:0;
  left:0;
  border-radius: 4px;
}
.list-item-h4{
  font-size:16px;
  color:#0E121B;
  font-weight: normal;
  width:100%;
  line-height: 24px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  display: block;
}
.list-item-h4:hover{
  color: #0686DA;
}
.list-item-p{
  font-size:14px;
  color:#99A0AE;
  line-height: 20px;
  height:40px;
  width:100%;
  display: -webkit-box!important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top:10px;
}
.list-item-two{
  position: relative;
  padding-left:215px;
  min-height: 114px;
  margin-bottom: 16px;
}
.list-item-time{
  font-size:14px;
  color:#999;
  line-height: 20px;
  padding-left:23px;
  background: url(../images/icon_time.png) no-repeat 0 0;
  margin-top:15px;
}
.list-item-link{
  font-size:14px;
  color:#0686DA;
  line-height: 20px;
  margin-top:40px;
  display: block;
}
/* 是否是统一代码 */
.bbs .list-link{
  width:100%!important;
}
.bbs .list-item{
  padding-left: 24px;
}
.bbs .list-item::before{
  content: '';
  position: absolute;
  left: 6px;
  top: 9px;
  display: block;
  width: 6px;
  height: 6px;
  background: #99A0AE;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
/*  */
.focus .list-link, .bbs .list-link, .original .list-link, .society .list-link {
  display: block;
  width: 310px;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  color: #0E121B;
}
.focus .list-link:hover,.bbs .list-link:hover,.original .list-link:hover, .society .list-link:hover {
  color: #0686DA;
}
.listNew .list-link{
  width:195px!important;
}
.focus .list-tag,.bbs .list-tag,.original .list-tag, .society .list-tag {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 22px;
  font-size: 14px;
  color: #999;
}
.focus .scroll2 {
  margin-top: 15px;
  width: 420px;
  overflow: hidden;
}
.focus .scroll2-wrap {
  width: 99999px;
}
.focus .scroll2-link {
  position: relative;
  float: left;
  width: 204px;
  color: #333;
  margin-right: 12px;
}
.focus .scroll2-link:after {
  position: absolute;
  z-index: 2;
  left: 5px;
  top: 86px;
  content: '';
  width: 24px;
  height: 24px;
  background: url('../images/icon-video-n.png');
  background-size: 100% 100%;
}
.focus .scroll2-link:before {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  content: '';
  width: 48px;
  height: 48px;
  background: url('../images/label-online.png');
}
.focus .scroll2 .GZ-scrollNavTag {
  display: inline-block;
  margin-right: 5px;
  border: none;
  width: 30px;
  height: 6px;
  background-color: #ddd;
  cursor: pointer;
}
.focus .scroll2 .GZ-scrollNavTag.active {
  background-color: #0686DA;
}
.focus .scroll2-tag-wrap {
  padding-top: 5px;
  text-align: center;
}
.focus .scroll2-tag {
	margin-right:7px;
  display: inline-block;
  width: 30px;
  line-height: 17px;
  height: 15px;
  font-size: 12px;
  text-align: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}
.focus .scroll2-tag.wait {
  color: #F67C1A;
  border: 1px solid #F67C1A;
}
.focus .scroll2-tag.over {
  color: #0686DA;
  border: 1px solid #0686DA;
}
.focus .scroll2-bottom {
  margin-top: 5px;
  width: 100%;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.focus .scroll2-link:hover {
  color: #0686DA;
}
.focus .scroll2-hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  padding: 15px 10px;
  width: 184px;
  height: 85px;
  color: #fff;
  background-color: rgba(0,0,0,0.6);
}
.scroll2-hover-bottom {
  margin-top: 20px;
  padding-left: 23px;
  font-size: 14px;
  background: url('../images/icon-time-white.png') no-repeat 0 center;
}
.focus .scroll2-link:hover .scroll2-hover {
  display: block
}
.focus .scroll2-link:hover:after,.focus .scroll2-link:before {
  display: none;
} 
.focus .centre {
  float: left;
  width: 428px;
  margin-right: 20px;
}
.focus .tab-wrap {
  padding-top: 14px;
}
.focus .link.rectangle {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #EB4E18!important;
  white-space: nowrap;
  line-height: 24px;
  height: 24px;
  /* border: 1px solid #0686DA; */
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 22px;

  margin-top: 8px;
  border-top: 1px solid rgba(64, 64, 64, .1);
  padding-top: 24px;
}
.focus .link.rectangle:nth-of-type(1) {
  margin-top: 10px;
  border-top: none;
  padding-top: 0;
}
.focus .link.inline {
  position: relative;
  display: block;
  line-height: 28px;
  color: #0E121B;
  word-break: break-all;
  padding-left: 11px;
  font-size: 14px;
  background:url('../images/icon-square.svg') left center no-repeat;
  background-size: 5px 5px;
}
.focus .link.inline+.inline {
  /* padding-left: 15px; */
  /* border-left: 1px solid #999; */
}
.focus .link:hover {
  color: #0686DA;
}
.focus .tab-item {
  text-align: justify;
}
.focus .link.inline.video {
  position: relative;
  padding-left: 37px;
}
.focus .link.inline.video:after {
  content: '';
  position: absolute;
  left: 15px;
  top: -1px;
  z-index: 2;
  width: 16px;
  height: 16px;
  background: url('../images/icon-video-blue.png') no-repeat;
  top: 50%;
  transform: translateY(-50%);
  background-size: 100% 100%;
}
.focus .right {
  float: right;
  width: 300px;
}
.ad-aside {
  width: 300px;
  height: 250px;
}
.focus .right .list-link {
  width: auto;
  color: #252525;
  font-size: 14px;
  line-height: 28px;
}
.focus .right .list {
  padding: 16px 0;
}
.focus .right .list .list-item{
  margin-bottom: 0;
}

.bbs {
  padding: 0 16px 0;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.bbs .left {
  float: left;
  width: 400px;
  margin-right: 42px;
}
.bbs .table {
  display: block;
  border: 1px solid #ddd;
  margin-top: 20px;
  border-radius: 4px;
}
.bbs .table-header {
  font-size: 16px;
  line-height: 38px;
  text-align: center;
  background: #F5F7FA;
  color: #0E121B;
}
.bbs .table-wrap {
  padding: 16px 12px 1px;
}
.bbs .table .link {
  position: relative;
  float: left;
  margin-right: 16px;
  margin-bottom: 16px;
  padding-left: 22px;
  width: 113px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #525866;
  line-height: 24px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #E1E4EA;
}
.bbs .table .link:nth-of-type(3n){
  margin-right: 0;
}
.bbs .table .link:hover {
  color: #0686DA;
}
.bbs .table .link:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 3px;
  width: 16px;
  height: 16px;
  background: url('../images/icon-lable2.svg');
}
.bbs .timer-shaft {
  /* margin-top: 20px; */
  margin-left: 72px;
  padding-left: 19px;
  /* border-left: 1px solid #ddd; */
}
.bbs .timer-shaft .item {
  position: relative;
  margin-bottom: 10px;
}
.bbs .timer-shaft .tag {
  position: absolute;
  left: -90px;
  top: 0;
  width: 52px;
  text-align: center;
  line-height: 24px;
  height: 24px;
  color: #fff;
  font-size: 14px;
  border-radius: 12px;
}
.bbs .timer-shaft .tag.start {
  background: #0686DA;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
.bbs .timer-shaft .tag:before {
  /* content: '';
  position: absolute;
  right: -4px;
  top: 8px;
  width: 0;
  height: 0;
  border-width:4px 0 4px 4px;
  border-style:solid;
  border-color:transparent transparent transparent #0686DA; */
}
.bbs .timer-shaft .tag:after {
  content: '';
  position: absolute;
  right: -24px;
  top: 8px;
  width: 8px;
  height: 8px;
  background: url("../images/icon-dot.png") center no-repeat;
  background-size: 100% 100%;
}
.bbs .timer-shaft .tag::before {
  content: '';
  position: absolute;
  right: -21px;
  top: 23px;
  width: 2px;
  height: 36px;
  background: url("../images/icon-line.png") center no-repeat;
  background-size: 100% 100%;
}
.bbs .timer-shaft .link {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #0E121B;
  font-size: 16px;
  line-height: 24px;
}
.bbs .timer-shaft .link:hover {
  color: #0686DA;
}
.bbs .info {
  margin-top: 4px;
}
.bbs .timer-shaft .time {
  color: #99A0AE;
  /* padding-left: 24px; */
  font-size: 14px;
  /* background: url('../images/icon_time.png') no-repeat 0 center; */
  line-height: 22px;
}
.bbs .timer-shaft .classify {
  float: right;
  font-size: 14px;
  color: #999;
}
.bbs .centre {
  float: left;
  width: 400px;
  margin-right: 20px;
}
.bbs .right {
  float: right;
  width: 300px;
}
.bbs .common-plate-minheader,.download .common-plate-minheader{
  background-color: #F5F7FA;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  text-align: center;
  color: #0E121B;
}
.bbs .common-plate-minheader::before{
  display: none;
}
.js-tag{
  border: 1px solid #E1E4EA;
  border-radius: 4px;
  margin-bottom: 20px;
}
.js-tag-list {
  padding: 16px 16px 1px;
  width: 300px;
  box-sizing: border-box;
}
.js-tag .link {
  float: left;
  margin: 0 14px 16px 0;
  width: 78px;
  height: 22px;
  font-size: 14px;
  color: #525866;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 22px;
  text-align: center;
  border: 1px solid #E1E4EA;
  border-radius: 4px;
}
.js-tag .link:nth-of-type(3n){
  margin-right: 0;
}
.js-tag .link:hover {
  color: #0686DA;
}
.js-tag .link:hover {
  color: #0686DA;
  border-color: #0686DA;
}

.train {
  padding: 0 16px 15px;
  box-sizing: border-box;
}
.train .left-part{
  float: left;
  width: 848px;
  margin-right: 20px;
}
.train .left {
  /* float: left;
  width: 420px;
  margin-right: 30px; */
}
.train .video-list{
  padding-top: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.train .video-list .item {
  position: relative;
  width: 200px;
  margin-right: 16px;
}
.train .video-list .item:nth-of-type(4){
  margin-right: 0;
}
.train .video-list .item:hover:before {
  background: url('../images/icon-video-s.png');
  background-size: 100% 100%;
}
.train .video-list .item+.item {
  border-top: 1px dashed #ddd;
}
.train .video-list .item:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 85px;
  z-index: 3;
  width: 24px;
  height: 24px;
  background: url('../images/icon-video-n.png');
  background-size: 100% 100%;
}
.train .video-img {
  display: block;
  border-radius: 4px;
  /* position: absolute;
  left: 0;
  top: 15px; */
}
.train .video-list .tag {
  position: relative;
  top: -2px;
  margin-right: 7px;
  line-height: 22px;
  width: 38px;
  height: 22px;
  padding: 0 2px;
  font-size: 12px;
  color: #F67C1A;
  border: 1px solid #F67C1A;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  text-align: center;
  display: inline-block;
}
.train .video-list .tag.start {
  color: #F74444;
  border-color: #F74444;
}
.train .video-list .tag.over {
  color: #0686DA;
  border-color: #0686DA;
}
.train .video-list .title {
  font-size: 16px;
  display: -webkit-box!important;
  line-height: 24px;
  height: 48px;
  color: #0E121B;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 8px;
}
.train .video-list2 .title {
  font-size: 16px;
  display: block!important;
  line-height: 24px;
  height: 24px;
  color: #0E121B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 8px;
}

.train .video-list .title:hover {
  color: #0686DA;
}
.train .video-list .time {
  margin-top: 8px;
  padding-left: 23px;
  font-size: 14px;
  line-height: 20px;
  color: #99A0AE;
  line-height: 20px;
  background: url('../images/icon-timer.svg') no-repeat 0 center;
  background-size: 20px 20px;
}
.train .video-list .expert {
  margin-top: 8px;
  padding-left: 23px;
  font-size: 14px;
  line-height: 20px;
  color: #99A0AE;
  background: url('../images/icon-people.svg') no-repeat 0 center;
  background-size: 20px 20px;
}
.train .video-list .type {
  display: block;
  margin-top: 10px;
  color: #999;
  font-size: 14px;
}
.train .video-list .type:hover {
  color: #0686DA;
}
.train .centre {
  /* float: left; */
  /* margin-right: 30px; */
  /* width: 420px; */
}
.train .right {
  float: right;
  width: 300px;
}
.train .video-scroll {
  margin-top: 16px;
  width: 300px;
  overflow: hidden;
}
.train .video-scroll-wrap {
  width: 9999999px;
}
.train .video-scroll .item {
  float: left;
  position: relative;
}
.train .video-scroll .title {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  padding: 0 20px;
  height: 169px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6)
}
.train .video-scroll .item:hover .title {
  display: table;
}
.train .video-scroll .title-text {
  display: table-cell;
  height: 169px;
  color: #fff;
  font-size: 20px;
  vertical-align: middle;
}
.train .video-scroll .item img {
  display: block;
  border-radius: 4px;
}
.train .video-scroll .item:before {
  content: '';
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 2;
  width: 30px;
  height: 30px;
  background: url('../images/icon-video-n.png')
}
.train .video-tag-wrap {
  margin-top: 3px;
  text-align: center;
  line-height: 16px;
}
.GZ-scrollNavTag {
  display: inline-block;
  margin-right: 5px;
  border: none;
  width: 45px;
  height: 6px;
  background-color: #D7EFFE;
  cursor: pointer;
  border-radius: 3px;
}
.GZ-scrollNavTag:last-child{
  margin-right: 0;
}
.GZ-scrollNavTag.active {
  background-color: #0686DA;
}
.train .video-scroll2 {
  margin-top: 30px;
}
.train .video-scroll2 .video-header {
  position: relative;
}
.train .video-scroll2 .title {
  font-size: 18px;
  font-weight: bold;
  color: #0686DA;
  padding-right: 32px;
  background: url('../images/live-fill.svg') right center no-repeat;
  background-size: 24px 24px;
  /* font-style: italic; */
  line-height: 24px;
}
.train .video-scroll2 .time {
  position: absolute;
  right: 0;
  top: 3px;
  font-size: 14px;
  color: #999;
}
.video-header .more {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 24px;
  font-size: 14px;
  color: #99A0AE;
  background: url('../images/icon-arrow-right.svg') no-repeat right center;
  background-size: 20px;
  font-weight: normal;
  line-height: 24px;
}
.train .video-scroll2 .item2 {
  float: left;
  width: 300px;
}
.train .video-scroll2 .item2-i {
  position: relative;
  padding: 0 0 0 100px;
  height: 120px;
  width: 100%;
  /* border-bottom: 1px dashed #ddd; */
  display: block;
}
.train .video-scroll2 .item2-i:first-child+div{
  border-bottom: none;
  /* padding-bottom: 0; */
}
.train .video-scroll2 .video-img {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.train  .video-scroll2 .header {
  font-size: 16px;
  color: #0E121B;
  line-height: 24px;
  width: 200px;
}
.train  .video-scroll2 .tag {
  position: relative;
  top: -2px;
  margin-right: 7px;
  line-height: 15px;
  height: 22px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 22px;
  color: #F67C1A;
  border: 1px solid #F67C1A;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  display: inline-block;
}
.train .video-scroll2 .tag.back{
  color: #0686DA;
  border: 1px solid #0686DA;
}
.train .video-scroll2 .video-scroll {
  margin-top: 16px;
}
.train .video-scroll2 .video-title {
  display: block;
  display: -webkit-box!important;
  width: 180px;
  line-height: 25px;
  height: 46px;
  color: #333;
  font-size:16px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.train .video-scroll2 .video-title:hover {
  color: #0686DA;
}
.train .video-scroll2 .expert {
  margin-top: 16px;
  padding-left: 23px;
  font-size: 14px;
  color: #99A0AE;
  background: url('../images/icon-people.svg') no-repeat 0 center;
  background-size: 20px 20px;
}
.train2 {
  margin-top: 10px;
  padding-bottom: 20px;
}
.train2 .left{
  width: 400px;
  float: left;
  margin-right: 20px;
}
.train2 .centre{
  width: 428px;
  float: left;
}
.train2 .left{
  width: 400px;
  float: left;
}
.train2 .meeting-list .item {
  position: relative;
  padding: 0 0 0 63px;
  margin-top: 8px;
}
.train2 .meeting-list .item.first {
  padding: 20px 0 16px 248px;
  height: 135px;
  margin-top: 0;
}
.train2 .meeting-list .item.default+.item.default {
  /* border-top: 1px dashed #ddd; */
}
.train2 .meeting-img {
  position: absolute;
  left: 0;
  top: 20px;
  border-radius: 4px;
}
.train2 .meeting-list .title {
  line-height: 24px;
  height: 48px;
  color: #0E121B;
  display: -webkit-box!important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 16px;
}
.train2 .meeting-list .title:hover {
  color: #0686DA;
}
.train2 .meeting-list .city {
  margin-top: 16px;
  padding-left: 23px;
  font-size: 14px;
  color: #99A0AE;
  background: url('../images/icon-map.svg') no-repeat 0 center;
  background-size: 20px 20px;
}
.train2 .meeting-list .time {
  margin-top: 8px;
  padding-left: 23px;
  font-size: 14px;
  color: #99A0AE;
  background: url('../images/icon-timer.svg') no-repeat 0 center;
  background-size: 20px 20px;
}
.train2 .meeting-list .info {
  margin-top: 8px;
  font-size: 14px;
  color: #0686DA;
  line-height: 20px;
  padding-right: 23px;
  background: url('../images/arrow-right-blue.svg') no-repeat right center;
  background-size: 20px 20px;
  display: inline-block;
}
.train2 .city-time {
  position: absolute;
  left: 0;
  top: 0;
  width: 54px;
  height: 46px;
  border: 1px solid #0686DA;
  border-radius: 4px;
}
.train2 .city-time .city2 {
  color: #fff;
  background: #0686DA;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.train2 .city-time .time2 {
  text-align: center;
  color: #0E121B;
  font-size: 14px;
  line-height: 24px;
}
.train2 .city-time.over {
  border-color: #999;
}
.train2 .city-time.over .city2 {
  background: #999;
}
.train2 .city-time.over .time2 {
  color: #999;
}
.train2 .meeting-list .title2 {
  color: #0E121B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 24px;
  max-width: 250px;
}
.train2 .meeting-list .title2:hover {
  color: #0686DA;
}
.train2 .meeting-list .expert {
  margin-top: 1px;
  padding-left: 23px;
  font-size: 14px;
  color: #99A0AE;
  background: url('../images/icon-hotel.svg') no-repeat 0 center;
  background-size: 20px 20px;
  line-height: 22px;
}
.train2 .meeting-list .info2 {
  position: absolute;
  right: 0;
  bottom: 13px;
  margin-top: 13px;
  font-size: 14px;
  color: #0686DA;
  background: url('../images/arrow-right-blue.svg') no-repeat right center;
  background-size: 20px 20px;
  padding-right: 23px;
}
.train2 .ti-scroll {
  width: 428px;
  overflow: hidden;
}
.train2 .ti-scroll-wrap {
  width: 999999px;
}
.train2 .ti-scroll .item {
  float: left;
  width: 433px;
}
.train2 .ti-scroll .link {
  position: relative;
  float: left;
  margin-top: 20px;
  width: 204px;
  color: #333;
  margin-right: 12px;
}
.train2 .ti-scroll .link:hover {
  color: #0686DA;
}
.train2 .ti-scroll .link:before {
  content: '';
  position: absolute;
  z-index: 2;
  left: 10px;
  top: 75px;
  width: 30px;
  height: 30px;
  background: url('../images/icon-video-n.png') 
}
.train2 .ti-scroll .link:hover:before {
  background: url('../images/icon-video-s.png')
}
.train2 .ti-scroll .title {
  margin-top: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  color: #0E121B;
  line-height: 24px;
}
.train2 .ti-scroll .tag {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0 5px;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  background: #F67C1A;
  border-bottom-left-radius: 4px;
}
.train2 .ti-scroll img {
  display: block;
  border-radius: 4px;
  /* border: 1px solid #ddd; */
}
.train2 .classify {
  margin-top: 20px;
}
.train2 .classify .link {
  float: left;
  padding-top: 70px;
  width: 95px;
  height: 30px;
  font-size: 14px;
  color: #333;
  text-align: center;
}
.train2 .classify .link+.link {
  margin-left: 13px;
}
.train2 .classify .link.tag1 {
  background: #f4f4f4 url('../images/icon-applications-designs.png') no-repeat center 10px;
}
.train2 .classify .link.tag2 {
  background: #f4f4f4 url('../images/icon-products.png') no-repeat center 10px;
}
.train2 .classify .link.tag3 {
  background: #f4f4f4 url('../images/icon-tools-software.png') no-repeat center 10px;
}
.train2 .classify .link.tag4 {
  background: #f4f4f4 url('../images/icon-lecture.png') no-repeat center 10px;
}
.train2 .zl-list {
  margin-top: 18px;
}
.train2 .zl-list .item {
  position: relative;
  margin-bottom: 9px;
  padding-left: 24px;
  font-size: 16px;
  line-height: 24px;
  color: #0E121B;
}
.train2 .zl-list .item::before {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  display: block;
  width: 5px;
  height: 5px;
  background: #99A0AE;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.train2 .zl-list .link {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
}
.train2 .zl-list .link:hover {
  color: #0686DA;
}
.train2 .btn-link {
  display: block;
  line-height: 44px;
  height: 44px;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  font-size: 14px;
}
.train2 .btn-link.link1 {
  margin-top: 20px;
  background: #FF8447;
}
.train2 .btn-link.link1:hover {
  background: #E96800;
}
.train2 .btn-link.link2 {
  margin-top: 16px;
  background: #0686DA;
}
.train2 .btn-link.link2:hover {
  background: #007ACC;
}
.train2 .ti-tag-wrap {
  margin-top: 5px;
  text-align: center;
}
.original {
  padding-bottom: 0;
}
.original .left {
  float: left;
  margin-right: 30px;
  width: 420px;
}
.original .chip-list {
  padding-top: 20px;
  width: 440px;
}
.original .chip-list .link {
  position: relative;
  float: left;
  margin-right: 20px;
  margin-bottom: 40px;
  width: 198px;
  height: 110px;
  border: 1px solid #ddd;
  border-bottom: none;
}
.original .chip-img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  margin: auto;  
  max-height: 90%;
  max-width: 90%;
}
.original .chip-list .title {
  position: absolute;
  bottom: -30px;
  margin-left: -1px;
  width: 200px;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  background: #cc0000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.original .centre {
  float: left;
  width: 420px;
  margin-right: 30px;
}
.original .ti-tag-list {
  margin-top: 20px;
  width: 430px;
}
.original .ti-tag-list .tag {
  float: left;
  margin: 10px 8px 0 0;
  width: 133px;
  height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  color: #333;
  border: 1px solid #ddd;
}
.original .ti-tag-list .tag:hover {
  color: #007ACC;
  border-color: #007ACC;
}
.original .right {
  float: right;
  width: 300px;
}
.original .ad-aside.margin {
  margin-bottom: 12px;
}
.download {
  padding: 0 16px 20px;
  box-sizing: border-box;
}
.download .left {
  float: left;
  width: 400px;
  margin-right: 20px;
}
.download .list{
  padding-top: 4px;
}
.download .list-item {
  position: relative;
  padding: 12px 0 0 0;
}
.download .list-item+.list-item {
  /* border-top: 1px dashed #ddd; */
}
.download .list-item::before {
  /* content: '';
  position: absolute;
  left: 0;
  top: 21px;
  display: block;
  width: 5px;
  height: 5px;
  background: #999;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px; */
}
.download .list .title {
  margin-bottom: 4px;
  color: #0E121B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
  font-size: 16px;
  max-width: 315px;
}
.download .list-tag {
  position: absolute;
  right: 0;
  bottom: 1px;
  font-size: 14px;
  color: #99A0AE;
  padding-right: 28px;
  background: url('../images/icon-down.svg') right center no-repeat;
  background-size: 20px 20px;
  line-height: 20px;
}
.download .list .info {
  font-size: 14px;
  color: #99A0AE;
  line-height: 20px;
}
.download .list .info-tag {
  margin-right: 12px;
}
.download .list-link:hover .title {
  color: #0686DA
}
.download .centre {
  float: left;
  width: 428px;
}
.download .item2 {
  position: relative;
  margin-bottom: 12px;
  padding-left: 24px;
}
.download .item2::before {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  display: block;
  width: 5px;
  height: 5px;
  background: #99A0AE;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.download .list2 {
  margin-top: 16px;
}
.download .list2 .title {
  width: 100%;
  color: #0E121B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 24px;
  padding-right: 36px;
  background: url('../images/icon-down.svg') right 2px no-repeat;
  background-size: 20px 20px;
  box-sizing: border-box;
}
.download .list3 .link2 .title {
  display: block;
  width:340px;
  background: none;
  /* background: url('../images/icon-_download.png') no-repeat right center; */
}
.download .link2:hover .title {
  color: #0686DA;
}
.download .list2 .num {
  font-size: 14px;
  color: #99A0AE;
  position: absolute;
  right: 0;
  width: 52px;
  top: 0;
  padding-left: 28px;
  line-height: 24px;
  background: url('../images/icon-down.svg') left center no-repeat;
  background-size: 20px 20px;
}
.download .right {
  float: right;
  width: 300px;
}
.download .tag-list {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 315px;
}
.download .tag-list .tag {
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
  width: 68px;
  padding:0 10px;
  font-size: 14px;
  color: #333;
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  line-height: 28px;
  border: 1px solid #ddd;
}
.download .tag-list .tag:hover {
  color: #0686DA;
  border-color: #0686DA;
}
.qa {
  box-sizing: border-box;
  padding: 0 16px 20px;
}
.qa .left {
  float: left;
  width: 400px;
  margin-right: 20px;
}
.qa .list{
  padding-top: 8px;
}
.qa .item {
  position: relative;
  padding: 0 0 0 70px;
  margin-top: 12px;
}
.qa .item+.item {
  /* border-top: 1px dashed #ddd; */
}
.qa .link {
  color: #0E121B;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 24px;
}
.qa .link:hover {
  color: #0686DA;
}
.qa .tag {
  position: absolute;
  left: 0;
  top: 0;
  width: 62px;
  line-height: 24px;
  height: 24px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: #FF8447;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
.qa .tag:after {
  /* content: '';
  position: absolute;
  right: -4px;
  top: 6px;
  width: 0;
  height: 0;
  border-width: 4px 0 4px 4px;
  border-style: solid;
  border-color: transparent transparent transparent #F67C1A; */
}
.qa .centre {
  float: left;
  width: 420px;
}
.qa .item2 {
  position: relative;
  padding-left: 28px;
  margin-top: 13px;
}
.qa .item2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
}
.qa .item2.icon-q::before {
  background: url('../images/icon-resolved.png') no-repeat 0;
}
.qa .item2.icon-a::before {
  background: url('../images/icon-ok.svg') no-repeat 0;
  background-size:20px 20px;
}
.qa .link2 {
  font-size: 16px;
  display: block;
  color: #0E121B;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qa .link2:hover{
  color: #0686DA;
}
.qa .right {
  float: right;
  width: 300px;
}
.qa .tag-list {
  margin-top: 16px;
  width: 300px;
}
.qa .tag-list .tag-link {
  float: left;
  margin-right: 16px;
  margin-bottom: 16px;
  width: 140px;
  padding:0 4px;
  font-size: 14px;
  color: #525866;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  line-height: 26px;
  border: 1px solid #E1E4EA;
  box-sizing: border-box;
  border-radius: 6px;
}
.qa .tag-list .tag-link:nth-of-type(2n){
  margin-right: 0;
}
.qa .tag-list .tag-link:hover {
  color: #0686DA;
  border-color: #0686DA;
}
.qa .btn-link {
  display: block;
  line-height: 50px;
  height: 50px;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  font-size: 14px;
}
.qa .btn-link.link1 {
  margin-top: 0;
  background: #FF8447;
}
.qa .btn-link.link1:hover {
  background: #E96800;
}
.qa .btn-link.link2 {
  margin-bottom: 20px;
  margin-top: 16px;
  background: #0686DA;
  color: #fff;
}
.qa .btn-link.link2:hover {
  background: #007ACC;
}
.job {
  padding-bottom: 20px;
}
.job .left {
  float: left;
  margin-right: 30px;
  width: 420px;
}
.job .centre {
  float: left;
  width: 420px;
}
.job .right{
  float: right;
  width: 300px;
}
.job .list-item {
  position: relative;
  padding: 15px 0 14px 14px;
}
.job .list-item+.list-item {
  border-top: 1px dashed #ddd;
}
.job .list-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 21px;
  display: block;
  width: 5px;
  height: 5px;
  background: #999;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.job .list .title {
  margin-bottom: 6px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.job .list-tag {
  position: absolute;
  right: 0;
  bottom: 15px;
  font-size: 14px;
  color: #999;
}
.job .list .info {
  width: 330px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #999;
}
.job .list .info-tag {
  position: relative;
  float: left;
  margin-right: 20px;
  line-height: 20px;
}
.job .list .info-tag+.info-tag:before {
  content: '|';
  position: absolute;
  left: -13px;
  font-size: 12px;
  color: #ddd;
}
.job .link {
  color: #333;
}
.job .link:hover {
  color: #0686DA;
}
.job .link+.link {
  position: relative;
  margin-left: 20px;
}
.job .link+.link:before {
  content: '|';
  position: absolute;
  left: -12px;
  top: 2px;
  font-size: 12px;
  color: #ddd;
}
.job .link-tag {
  position: relative;
  margin-right: 24px;
}
.job .link-tag+.link-tag:before {
  position: absolute;
  left: -14px;
  top: 2px;
  content: '|';
  color: #ddd;
  font-size: 12px;
}
.job .logo-link {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 143px;
  height: 48px;
  position: relative;
  border: 1px solid #ddd;
}
.job .logo-list {
  margin-bottom: 20px;
  width: 310px;
  margin-top: 20px;
}
.job .logo-img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.society {
  padding-bottom: 10px;
}
.society .left {
  float: left;
  width: 420px;
  margin-right: 30px;
}
.society .centre {
  float: left;
  width: 420px;
}
.society .common-tab .tab-item {
  height: 280px;
}
.society .right {
  float: right;
  width: 300px;
}
.society .award {
  position: relative;
  margin-top: 20px;
  padding-left: 225px;
  height: 140px;
}
.society .award-img {
  position: absolute;
  left: 0;
  top: 0;
}
.society .award-link {
  margin-bottom: 7px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 28px;
  color: #333;
  line-height: 30px;
  background: url('../images/icon-trophy.png') no-repeat 0 center;
}
.society .award-link:hover {
  color: #0686DA;
}
.society .newspaper {
  position: relative;
  margin-top: 20px;
  padding-left: 131px;
  height: 140px;
}
.society .newspaper-img {
  position: absolute;
  left: 0;
  top: 0;
}
.society .newspaper-link {
  position: relative;
  margin: 6px 0;
  float: left;
  width: 94px;
  color: #333;
  padding-left: 15px;
}
.society .newspaper-link:before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  display: block;
  width: 5px;
  height: 5px;
  background: #999;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.society .newspaper-link:hover {
  color: #0686DA;
}
.society .list {
  padding-bottom: 20px;
}
.society .tag-list {
  width: 310px;
}
.society .tag-link {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 143px;
  padding-top: 95px;
  height: 38px;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 14px;
  color: #333;
}
.society .tag-link:hover {
  color: #0686DA;
  border-color: #0686DA;
}
.society .tag-link.link1 {
  background: url('../images/cpss-icon-plan.png') no-repeat center 28px;
}
.society .tag-link.link2 {
  background: url('../images/cpss-icon-member.png') no-repeat center 28px;
}
.society .tag-link.link3 {
  background: url('../images/cpss-icon-yearbooks.png') no-repeat center 28px;
}
.society .tag-link.link4 {
  background: url('../images/cpss-icon-tpea.png') no-repeat center 28px;
}
.links {
  padding: 0 16px 20px;
  box-sizing: border-box;
}
.links .list {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.links .list .link {
  margin-bottom: 20px;
  color: #0E121B;
  font-size: 16px;
  line-height: 24px;
}
.links .list .line-span{
  width: 1px;
  height: 14px;
  background-color: #CACFD8;
  margin: 0 20px 20px;
}
.links .list .link:hover {
  color: #0686DA;
}
.links .scroll {
  position: relative;
  margin: 0px 0px 20px;
  padding: 0 50px;
}
.links .btn-left {
  position: absolute;
  left: 0;
  top: 25px;
  width: 32px;
  height: 28px;
  border: none;
  background: #f4f4f4 url('../images/swich-arrow-left.svg') no-repeat center;
  background-size: 20px;
  background-color: rgba(51, 92, 255, 0.1);
  border-radius: 8px;
}
.links .btn-right {
  position: absolute;
  right: 0;
  top: 25px;
  width: 32px;
  height: 28px;
  border: none;
  background: #f4f4f4 url('../images/swich-arrow-right.svg') no-repeat center;
  background-size: 20px;
  background-color: rgba(51, 92, 255, 0.1);
  border-radius: 8px;
}
.links .links-wondow {
  overflow: hidden;
}
.links .links-wrap {
  width: 99999999px;
}
.links .scroll .link {
  float: left;
  margin-right: 18px;
}
.footer{
  /* margin-top: 20px; */
  width:100%;
  padding-top:28px;
  background:#F4F4F4;
}
.footer-list{
  width:100%;
}
.footer-item{
  width:23%;
  text-align: left;
}
.footer-title{
  font-size:18px;
  color:#333;
  line-height: 40px;
}
.footer-phone{
  padding-left:60px;
  background:url('../images/icon-telephone.png') left center no-repeat;
  font-size:26px;
  color:#0686DA;
  line-height: 40px;
  margin-left:30px;
}
.footer-p{
  font-size:12px;
  color:#333;
  line-height: 24px;
}
.footer-list.list2{
  margin-top:20px;
}
.footer-erweima{
  margin-left:30px;
}
.footer-erwei-item{
  text-align: center;
  margin-right:20px;
}
.footer-erwei-item p{
  font-size:12px;
  color:#333;
  margin-top:13px;
}
.footer-top{
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
.footer-bot{
  padding:20px 0;
}
.footer-link:hover {
  color: #0686DA;
}
.footer-link, .footer-bot-p{
  font-size:12px;
  color:#333;
  line-height: 24px;
}
.footer-bot-logo{
  margin-left:20px;
}
.footer-botLeft {
  padding-top: 10px;
}
.footer-bot .item {
  float: left;
  padding-right: 20px;
  position: relative;
}
.footer-bot .item+.item:before {
  content: '|';
  position: absolute;
  left: -10px;
  top: 4px;
  font-size: 12px;
}
.popup-right {
  position: fixed;
  right: 15px;
  bottom: 200px;
  z-index: 8;
}
.popup-right .item {
  position: relative;
  display: block;
  margin-bottom: 10px;
  width: 60px;
  height: 60px;
  color: #fff;
  background: #0686DA
}
.popup-right .item.item1 {
  background: url('../images/btn-calendar-n.png')
}
.popup-right .item.item2 {
  background: url('../images/btn-wechat-n.png')
}
.popup-right .item.item3 {
  background: url('../images/btn-feedback-n.png');
}
.popup-right .item.item4 {
  background: url('../images/btn-top-n.png');
}
.popup-right .item.item5 {
  background: url('../images/btn-app-n.png');
}
.popup-right .item.item3 .text, .popup-right .item.item4 .text {
  cursor: pointer;
}
.popup-right .text {
  display: none;
  background: #0686DA;
  padding: 8px 0 0 14px;
  height: 52px;
  cursor: default;
}
.popup-right .item:hover .text {
  display: block;
}
.popup-right .box-wrap {
  display: none;
  position: absolute;
  right: 60px;
  top: 0;
  padding-right: 10px;
  z-index: 2;
}
.popup-right .item:hover .box-wrap {
  display: block;
}
.popup-right .box {
  padding: 5px 19px 20px;
  width: 360px;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.popup-right .wechat {
  position: relative;
  top: -3px;
  right: -5px;
}
.popup-right .title {
  margin: 15px 0;
  font-size: 18px;
  color: #333;
}
.popup-right .online-item {
  position: relative;
  margin-left: 7px;
  padding-left: 15px;
  border-left: 1px solid #ddd;
}
.popup-right .online-item+.online-item {
  padding-top: 8px;
}
.popup-right .online-item:before {
  content: '';
  position: absolute;
  left: -8px;
  top: 3px;
  z-index: 2;
  width: 13px;
  height: 13px;
  border: 1px solid #ddd;
  background: #f8f8f8;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.popup-right .online-time {
  margin-bottom: 5px;
  font-size: 14px;
  color: #999;
}
.popup-right .online-time.start {
  color: #F74444
}
.popup-right .online-link {
  display: block;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popup-right .online-link:hover {
  color: #0686DA;
}
.popup-bbs {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255, 0.6)
}
.popup-bbs ul {
  height: 400px;
  overflow-y: auto;
}
.popup-bbs .bbs-find {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9;
  bottom: 0;
  margin: auto;
  background: #fff;
  width: 770px;
  height: 420px;
  padding: 50px 0 0 30px;
  box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #ddd;
}
.popup-bbs .bbs-find-title {
  position: absolute;
  left: 0;
  top: 0;
  width: 770px;
  font-size: 18px;
  color: #333;
  padding-left: 30px;
  line-height: 50px;
  background: #f4f4f4;
}
.popup-bbs .item {
  padding: 17px 0;
}
.popup-bbs .item+.item {
  border-top: 1px dashed #ddd;
}
.popup-bbs .title {
  color: #333
}
.popup-bbs .link {
  float: left;
  margin-right: 20px;
  font-size: 14px;
  color: #666;
  margin-top: 12px;
}
.popup-bbs .link:hover {
  color: #0686DA;
}
.popup-close {
  position: absolute;
  right: 30px;
  top: 18px;
  width: 14px;
  height: 14px;
  z-index: 2;
  border: none;
  background: url('../images/icon-close.png') no-repeat;
}








.leftCol {
  float: left;
}
.rightCol {
  float: right;
}
.common-tab .tab-header {
  line-height: 38px;
  height: 38px;
  background-color: #D9EBFE;
  border-radius: 3px 3px 0 0;
}
.common-tab .tab-btn {
  float: left;
  padding: 0;
  width: 98px;
  font-size: 14px;
  color: #0E121B;
  border: none;
  background: none;
  position: relative;
}
.common-tab .tab-btn.active {
  font-size: 18px;
  color: #0E121B;
  height: 38px;
  background: url('../images/tab-center-bg.png') left top;
  background-size: auto 100%;
  font-weight: bolder;
  width: 106px;
}
.bbs .list{
  padding-top: 16px;
}
.common-tab .tab-btn:first-child::before,.common-tab .tab-btn:last-child::after{
  display: none;
}
.common-tab .tab-btn:first-child.active{
  text-indent: 5px;
}
.common-tab .tab-btn:last-child.active{
  text-indent: -5px;
}
.common-tab .tab-btn.active::before {
  content: '';
  position: absolute;
  left: -12px;
  bottom: 0;
  height: 35px;
  width: 17px;
  background: url('../images/tab-left-bg.png') no-repeat right center;
  background-size: 100% 100%;
}
.common-tab .tab-btn.active::after {
  content: '';
  position: absolute;
  right: -12px;
  bottom: 0;
  height: 35px;
  width: 17px;
  background: url('../images/tab-right-bg.png') no-repeat right center;
  background-size: 100% 100%;
}

.common-tab .tab-item {
  display: none;
}
.common-tab .tab-item.active {
  display: block;
}

.common-plate-header {
  position: relative;
  margin: 10px 0 16px;
  height: 30px;
}
.common-plate-header:after {
  /* position: absolute;
  left: 0;
  top: 20px;
  width: 100%;
  z-index: 1;
  height: 1px;
  background: #ddd; */
}
.common-plate-header h2 {
  position: relative;
  z-index: 2;
  float: left;
  font-size: 30px;
  color: #333;
  font-weight: 500;
  padding-right: 20px;
  background: #fff;
}
.common-plate-header h2 img{
  display: block;
}
.common-plate-header .link {
  position: relative;
  z-index: 2;
  float: right;
  margin-top: 8px;
  padding-left: 20px;
  padding-right: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #99A0AE;
  background: #fff url('../images/icon-arrow-right.svg') no-repeat right center;
  background-size: 20px;
}
.common-plate-header .link:hover {
  /* color: #0686DA;
  background-image: url('../images/icon-more-selected-14.png') */
  color: #99A0AE;
  background: #fff url('../images/icon-arrow-right.svg') no-repeat right center;
  background-size: 20px;
}
.common-plate-header .link-info {
  position: relative;
  z-index: 2;
  float: right;
  margin-top: 10px;
  padding-left: 20px;
  color: #999;
  background: #fff;
}
.common-plate-header .link4 {
  color: #999;
}
.common-plate-header .link4:hover {
  color: #0686DA;
}
.common-plate-minheader {
  position: relative;
  line-height: 24px;
  font-size: 18px;
  color: #0E121B;
  /* font-weight: bolder; */
}
.common-plate-minheader:before {
  /* content: '';
  position: absolute;
  left: 0;
  top: 15px;
  width: 3px;
  height: 20px;
  background: #0686DA; */
}
.common-plate-minheader .more {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 24px;
  font-size: 14px;
  color: #99A0AE;
  background: url('../images/icon-arrow-right.svg') no-repeat right center;
  background-size: 20px;
  font-weight: normal;
}
.common-plate-minheader .more:hover {
  /* color: #0686DA; */
  /* background-image: url('../images/icon-arrow-selected-10.png') */
}
.common-plate-header .show {
  position: relative;
  z-index: 2;
  float: right;
  padding-left: 20px;
  background: #fff;
}
.common-plate-header .ti {
  position: relative;
  float: left;
  padding: 0 30px 0 14px;
  line-height: 28px;
  height: 28px;
  color: #666;
  border: 1px solid #ddd;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  cursor: pointer;
}
.common-plate-header .ti:after {
  content: '';
  position: absolute;
  right: 14px;
  top: 10px;
  width: 8px;
  height: 8px;
  background: url('../images/icon-arrow-down-surface-black.png') no-repeat 0;
}
.common-plate-header .ti:hover {
  color: #0686DA;
  border-color: #0686DA;
}
.common-plate-header .ti:hover:after {
  background: url('../images/icon-arrow-up-surface-blue.png') no-repeat 0;
}
.common-plate-header .ti:hover .show-wrap {
  display: block;
}
.common-plate-header .show-wrap {
  display: none;
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 3;
  padding-top: 15px;
}
.common-plate-header .show-box {
  width: 180px;
  padding: 10px 0;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.common-plate-header .link2 {
  display: block;
  color: #666;
  text-align: center;
  font-size: 14px;
}
.common-plate-header .link2:hover {
  color: #0686DA;
}
.common-plate-header .link3 {
  float: left;
  margin-left: 10px;
  width: 78px;
  line-height: 28px;
  height: 28px;
  border: 1px solid #ddd;
  text-align: center;
  color: #666;
  border-radius: 15px ;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px ;
  -ms-border-radius: 15px ;
  -o-border-radius: 15px ;
}
.common-plate-header .link3:hover {
  color: #0686DA;
  border-color: #0686DA;
}

.popupADBox {
	position: fixed;
	top: 15%;
	width: 100%;
	z-index: 999;
}
.popupAD .ad10 .link {
	position: absolute;
	right: -40px;
	top: 0;
	background-color: #ccc;
}
.popupAD.right {
	right: 10px
}
.popupAD {
	position: absolute;
	z-index: 999;
	top: 0;
	width: 100px;
	height: 240px;
	padding-top: 30px
}

.popupAD.left {
	left: 10px
}

.popupAD .ad10 {
	width: 100%;
	height: 240px;
	overflow: hidden;
	position: relative
}

.popupAD .close1 {
	position: absolute;
	width: 38px;
	height: 11px;
	top: 10px;
	background: url('../images/close3.png') center center no-repeat;
	cursor: pointer;
}
.popupAD.left .close1 {
	left: 0;
} 
.popupAD.right .close1 {
	right: 0;
}

.popup-big {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 999;
  margin-left: -600px;
  width: 1200px;
  height: 400px;
  background: #ddd;
}
.popup-big-body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.popup-big-link {
  display: block;
  width: 100%;
  height: 100%;
}
.popup-big-link img {
  display: block;
}
.popup-big-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 999;
  width: 45px;
  height: 18px;
  line-height: 18px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  background: rgba(0,0,0,0.5);
  border: none;
}
.popup-big-btn2 {
  position: absolute;
  top: -25px;
  right: 0;
  z-index: 999;
  color: #333;
  text-align: center;
  font-size: 14px;
  background: none;
  border: none;
  width: 38px;
  height: 11px;
  background: url(../images/close3.png) center center no-repeat;
  cursor: pointer;
}
.popup-window {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255, 0.6);
}
.popup-window-ad-bottom{
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 100;
  width: 1920px;
  height: 120px;
}
.popup-window-body-ad-bottom{
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 101;
  width: 1920px;
  height: 120px;
  background: transparent;
  margin-left: -960px;
}
.popup-big-btn2-ad-bottom {
  position: fixed;
  right: 10px;
  bottom: 130px;
  z-index: 102;
  color: #333;
  text-align: center;
  font-size: 14px;
  background: none;
  border: none;
  width: 38px;
  height: 11px;
  background: url(../images/close3.png) center center no-repeat;
  cursor: pointer;
}
.popup-window-body {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 9999;
  margin-left: -320px;
  margin-top: -200px;
  width: 640px;
  height: 400px;
  background: #fff;
}
.popup-window-body2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* 21dianyuan 首页添加培训认证样式 start */
.recoummend-part .training-list{
  padding-top:14px;
}
.recoummend-part .training-item{
  float: left;
  width: 375px;
  height: 152px;
  margin-right: 21px;
  padding: 10px 20px 0 25px;
  box-sizing: border-box;
}
.recoummend-part .training-item1{
  background: url("../images/21dy-training-bg1.png") no-repeat center;
  background-size: 100%;
}
.recoummend-part .training-item2{
  background: url("../images/21dy-training-bg2.png") no-repeat center;
  background-size: 100%;
}
.recoummend-part .training-item3{
  background: url("../images/21dy-training-bg3.png") no-repeat center;
  background-size: 100%;
  margin-right: 0;
}
.recoummend-part .training-item1 .title{
  background: url("../images/21dy-training-icon1.png") no-repeat 83px center;
  background-size: 36px auto;
}
.recoummend-part .training-item2 .title{
  background: url("../images/21dy-training-icon2.png") no-repeat 67px center;
  background-size: 36px auto;
}
.recoummend-part .training-item3 .title{
  background: url("../images/21dy-training-icon3.png") no-repeat 81px center;
  background-size: 36px auto;
  margin-right: 0;
  text-indent: 60px!important;
}
.recoummend-part .training-item .title{
  text-align: center;
  font-size: 16px;
  line-height: 42px;
  color: #333;
  height: 42px;
  box-sizing: border-box;
  text-indent: 44px;
}
.recoummend-part .training-item .harvest{
  color: #333;
  font-size: 14px;
  line-height: 18px;
  padding-top: 10px;
  text-indent: 39px;
  background: url("../images/21dy-training-title.png") no-repeat 0 13px;
  background-size: 32px auto;
}
.recoummend-part .training-item .harvest .th{
  /* background: linear-gradient(-2deg,#ff4e00 0%, #ff6e02 100%);
  -webkit-background-clip: text;
  color: transparent; */
  color: #ff6e02;
}
.recoummend-part .training-item .training-href{
  display: block;
  margin: 14px auto 0;
  width: 100px;
  height: 28px;
  border-radius: 4px;
  text-align: center;
  line-height: 28px;
  color: #fff;
  background-color: #0686DA;
  font-size: 14px;
}
.recoummend-part .training-item2 .training-href{
  background-color: #7708CF;
}
.recoummend-part .training-item3 .training-href{
  background-color: #E07400;
}
.recoummend-part{
  min-height: 182px;
}
/* 21dianyuan 首页添加培训认证样式 end */



/* 近期培训-敬请期待-开始 */

.expectation-tip{
  display:none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 150px;
  margin-left: -85px;
  margin-top: -24px;
  padding: 14px 10px;
  background-color: rgba(0, 0, 0, .7);
  color: #fff;
  border-radius: 6px;
  text-align: center;
  line-height: 20px;
  z-index: 120;
}

/* 近期培训-敬请期待-结束 */

/* 改版样式 */
nav{
  background-color: #0686DA;
}
.search-header{
  margin-left: 0;
  margin-right: 16px;
  float: right;
  border: 1px solid #CACFD8;
  border-radius: 19px;
  font-size: 14px;
}
.search-header-btn{
  background-color: #fff!important;
  color: #525866;
  border-radius: 19px;
  width: 78px;
  padding-left: 35px;
  box-sizing: border-box;
  padding-right: 0;
  margin-left: 0;
  background: url('../images/icon-search.svg') 15px center no-repeat!important;
  background-size: 18px 18px!important;
  text-align: left;
  /* font-weight: bolder; */
}
.search-header-btn::before{
  content: '';
  position: absolute;
  left: 0;
  top: 11px;
  width: 1px;
  height: 16px;
  background-color: #CACFD8;
}
.search-header-select {
  position: relative;
  float: left;
  width: 78px;
  font-size: 14px;
  color: #525866;
  text-align: right;
  padding-right: 13px;
  box-sizing: border-box;
  cursor: pointer;
  margin-right: 16px;
}
.search-header-select > span{
  font-size: 14px;
  /* font-weight: bolder; */
}
.search-header-select:after {
  content: '';
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  background: url('../images/icon-arrow-bottom.svg') no-repeat;
  background-size: 18px 18px;
  padding-right: 13px;
  margin-left: 0;
}
.search-header-select:hover:after {
  background: url('../images/icon-arrow-top.svg') no-repeat;
  background-size: 18px 18px;
}
.search-header-select::before{
  content: '';
  position: absolute;
  right: 0;
  top: 11px;
  height: 16px;
  width: 1px;
  background-color: #CACFD8;
}
.search-header-select .search-list{
  text-align: center;
}
.search-header input::placeholder {
  font-size: 14px; /* 你可以根据需要调整这个值 */
}

.find-btn{
  float: right;
  width: 70px;
  background-color: #FAFAFA!important;
  color: #0686DA;
  font-size: 14px;
  font-weight: bolder;
  letter-spacing: 1px;
  margin-left: 0;
}
.header-reg,.header-login{
  font-size: 14px;
  font-weight: bolder;
  color: #717784;
  top: 4px;
  padding: 0 7px;
}
.header-reg:hover,.header-login:hover{
 color: #0686DA;
}
.header-login{
  padding-left: 21px;
  background: url('../images/icon-person.svg') left center no-repeat;
  background-size: 14px 14px;
  margin-left: 30px;
}
.user{
  margin-left: 30px;
}
.nav-tag.active, .nav-tag:hover{
  background-color: #1372B0;
}
.nav-tag{
  font-size: 20px;
  width: 171px;
  padding: 0!important;
}
.nav-tag.sub:after {
  content: '';
  display: inline-block;
  margin-left: 0;
  width: 24px;
  height: 24px;
  background: url('../images/icon-arrow-bottom2.svg');
  background-size: 24px 24px;
  position: relative;
  top: 6px;
  left: -2px;
}
.nav-tag.sub:hover:after {
  background: url('../images/icon-arrow-top2.svg');
  background-size: 24px 24px;
}
.recommend-tab-wrap{
  display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #F0EFF4;
}
.recommend-tab{
  border: none;
  height: 62px;
  line-height: 62px;
  border-bottom: 1px solid #F0EFF4;
}
.recommend-tab .recomment-tab-btn{
  margin-right: 0;
  padding: 0 19px;
  font-size: 15px;
  line-height: 30px;
  color: #656565;
}
.recommend-tab .recomment-tab-btn.active{
  background-color: rgba(222, 72, 21, 0.05);
  border-radius: 4px;
  color: #EB4E18;
  border: none;
  font-weight: bolder;
}
.device-form{
  display: inline-block;
  margin-left: 14px;
  display: flex;justify-content: flex-start;align-items: center;
  width: 296px;
  flex-shrink: 0;
}

.device-form input{
  width: 190px!important;
  height:40px;
  border-radius: 20px;
  border: 1px solid #CACFD8;
  padding: 0 16px;
  box-sizing: border-box;
  font-size: 14px;
  color: #0E121B;
}
.device-form input::placeholder {
  font-size: 14px; /* 你可以根据需要调整这个值 */
  color: #99A0AE;
}

.device-form .datasheet-btn1{
  width: 90px;
  height: 40px;
  margin-left: 16px;
  font-size: 14px;
  border-radius: 20px;
  background-color: #0686DA;
}

.recommend-btn-left {
  position: absolute;
  left: 82px;
  /* top: 25px; */
  top:50%;
  margin-top:-14px;
  width: 32px;
  height: 28px;
  background: #eaeaea url('../images/icon-arrow-left-gray.svg') no-repeat center;
  border: none;
  background-size: 20px 20px;
  background-color: rgba(51, 92, 255, 0.1);
  border-radius: 7px;
}
.recommend-btn-right {
  position: absolute;
  right: 0;
  /* top: 25px; */
  top:50%;
  margin-top:-14px;
  width: 32px;
  height: 28px;
  background: #eaeaea url('../images/icon-arrow-right-gray.svg') no-repeat center;
  background-size: 20px 20px;
  border: none;
  background-color: rgba(51, 92, 255, 0.1);
  border-radius: 7px;
}
.recommend-btn-left:hover {
  
  background: #eaeaea url('../images/icon-arrow-left-white.svg') no-repeat center;
  background-size: 20px 20px;
  background-color: #0686DA;
}
.recommend-btn-right:hover {
  background: #eaeaea url('../images/icon-arrow-right-white.svg') no-repeat center;
  background-size: 20px 20px;
  background-color: #0686DA;
}
.recommend-btn-left2{
  background: #eaeaea url('../images/icon-arrow-left-gray.svg') no-repeat center;
  background-size: 20px 20px;
  background-color: rgba(51, 92, 255, 0.1);
  border-radius: 7px;
}
.recommend-btn-right2{
  background: #eaeaea url('../images/icon-arrow-right-gray.svg') no-repeat center;
  background-size: 20px 20px;
  background-color: rgba(51, 92, 255, 0.1);
  border-radius: 7px;
}
.recommend-btn-left2:hover{
  background: #eaeaea url('../images/icon-arrow-left-white.svg') no-repeat center;
  background-size: 20px 20px;
  background-color: #0686DA;
  border-radius: 7px;
}
.recommend-btn-right2:hover{
  background: #eaeaea url('../images/icon-arrow-right-white.svg') no-repeat center;
  background-size: 20px 20px;
  background-color: #0686DA;
  border-radius: 7px;
}
.recommend-part-title{
  color: #0E121B;
}
.recoummend-part-datasheet .recoummend-part-tr{
  height: 80px;
}
.recoummend-part-datasheet .recoummend-part-tr ul{
  height: 80px;
  padding-top: 12px;
}
.recommend-device{
  color: #0E121B;
}
.recommend-device-link{
  color: #99A0AE;
}
.focus .left{
  width: 400px;
  margin-right: 20px;
}
.focus .scroll{
  position: relative;
  width: 400px;
  height: 420px;
  margin-top: 0;
  margin-bottom: 20px;
}
.focus .scroll-wrap .title{
  width: 100%;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 15px 14px;
  box-sizing: border-box;
  font-size: 18px;
  color: #fff;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /* text-overflow: ellipsis; */
  white-space: wrap;
  line-height: 28px;
}
.focus .scroll-wrap .title p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.focus .scroll-tag-wrap{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  right: 22px;
  bottom: 13px;
  width: auto;
}
.focus .scroll .GZ-scrollNavTag{
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #163549;
}
.focus .scroll .GZ-scrollNavTag{
  width: 20px!important;
  height: 20px;
  border-radius: 10px;
  background-color: #163549;
  box-sizing: border-box;
  margin-right: 7px;
}
.focus .scroll .GZ-scrollNavTag.active{
  background-color: #163549;
}
.focus .scroll2{
  width: 400px;
  margin-top: 20px;
}
.focus .scroll2-link{
  width: 194px;
}
.focus .scroll2-hover{
  width: 194px;
  height: 109px;
  box-sizing: border-box;
}
.focus .scroll2-link:after{
  top: 80px;
}
.focus .scroll2-bottom{
  font-size: 16px;
  line-height: 24px;
  color: #0E121B;
  height: 24px;
}
.focus .scroll2-tag{
  line-height: 22px;
  width: auto;
  padding: 0 8px;
  border-radius: 6px;
  margin-right: 5px;
  box-sizing: border-box;
  height: 22px;
}
.focus .scroll2 .GZ-scrollNavTag{
  width: 45px;
  height: 6px;
  background-color: #D7EFFE;
  border-radius: 3px;
}
.focus .list-item{
  color: #0E121B;
  font-size: 16px;
  line-height: 24px;
  list-style: none;
  padding-left: 0;
  margin-bottom: 12px;
}
.focus .list-item:last-child{
  margin-bottom: 0;
}
.focus .list-item:before{
  display: none;
}
.focus .list-link{
  width: calc(100% - 56px);
}
.focus .list-tag{
  width: auto;
  padding: 0 8px;
  height: 22px;
  border: 1px solid #E1E4EA;
  line-height: 22px;
  color: #525866;
  font-size: 12px;
  border-radius: 6px;
}
.GZ-scrollNavTag{
  overflow: hidden;
}