.content_mian {
  overflow: hidden;
}
.l {
  float: left;
}
.listWarp {
  text-align: left;
  width: 744px;
}
.headerSadown {
  height: 8px;
  background: #999999;
  margin-top: 67px;
  position: fixed;
  width: 100%;
  top: -15px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
}
.filterBar2 {
  display: flex;
  width: 1000px;
  margin: 0 auto;
  /* margin-top: 123px !important; */
  margin-top: 80px !important;
  height: 30px;
  padding: 20px 0;
}
.filterBar .d1 {
  flex: 30;
  display: inline-block;
  text-align: left;
}
.filterBar .d1 span {
  font-size: 18px;
  cursor: pointer;
}

.filterBar .d2 {
  flex: 20;
  display: inline-block;
  text-align: right;
}
.d1 span {
  font-weight: 400;
  padding: 0 5px;
  color: #333;
}
.d1 .line {
  display: inline-flex;
  width: 4px;
  height: 18px;
  background: #fed208;
  border-radius: 4px;
  position: relative;
  top: 3px;
  padding: 0;
}
.d1 .col {
  color: #999;
}
.hosts_banner {
  width: 100%;
}
.w_mian {
  width: 1200px;
  margin: 0 auto;
}
video {
  width: 700px !important;
}
body:-webkit-full-page-media {
  background: #fff;
}
.menu_warp {
  background: #f8f8f8;
  /* height: 80px;
  line-height: 80px; */
  margin-bottom: 30px;
}
.newTitle {
  font-size: 28px;
  margin-top: 10px;
  color: #333;
  font-weight: 600;
}
.author {
  color: #999;
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 5px;
 
}
.newContent {
  margin: 20px 0;
}
.newContent p {
  /* margin-top: 40px; */
  text-align: justify;
  font-size: 16px;
  color: #333;
  /* line-height: 40px; */
}
.newContent p img ,#newContent div img{
  max-width: 100%;
  /* cursor: pointer; */
  margin-left: 0px;
  color: #647DB0;
  position: relative;
display: inline-block
}

.contact_us {
  height: 40px;
  padding: 40px 0;
  display: flex;
  width: 1000px;
  margin: 0 auto;
}
.contact_us .s1 {
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  padding: 0 0 8px 0;
}
.contact_us .s2 {
  font-size: 12px;
  text-align: left;
}
.contact_us input {
  height: 38px;
  border: 1px solid #999;
  text-align: left;
  outline: none;
  padding: 0 0 0 5px;
  font-size: 12px;
}
.contact_us .input2 {
  /* margin-right: 15px; */
}
.contact_us .btn1 {
  width: 90px;
  background-color: #333;
  height: 40px;
  border: none;
  font-size: 14px;
  text-align: center;
  color: #fff;
  padding: 0;
  line-height: 12px;
}
.contact_us .btn2 {
  width: 90px;
  background-color: #ccc;
  height: 40px;
  border: none;
  text-align: center;
  color: #fff;
  padding: 0;
  line-height: 12px;
  font-size: 14px;
  font-weight: 700;
  /* float: right; */
}
.newContent p {
  margin: 0;
  line-height: 30px;
  margin: 14px;
}

/* 分享 */
.share_row {
  background: #fafafa;
  padding: 20px 0;
  text-align: center;
  color: #666;
  font-size: 14px;
}
.article {
  position: relative;
}


.weRe {
  padding: 0;
  margin: 0;
  position: relative;
  top: -6px;
}
.guidance {
  margin-top: 40px;
}
.guidance .d1 span,
.LaberlBox .d1 span {
  font-size: 16px;
  font-weight: 500;
}

.guidance_row li {
  padding: 30px 0;
  margin: 0;
  border-bottom: 2px solid #f8f8f8;
}
.guidance_rowItem {
  display: flex;
}
.guidance_l {
  flex: 16 1 0%;
  width: 109px;
  height: 70px;
  border: 1px solid #f8f8f8;
  margin-top: 3px;
}
.guidance_row li:last-child {
  border: 0;
}
.guidance_l img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.guidance_R {
  flex: 85 1 0%;
  position: relative;
  padding-left: 30px;
}
.guidance_R h3 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  cursor: pointer;
  width: 458px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.guidance_R span {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 16px;
}
.guidance_R p {
  width: 565px;
  margin: 12px 0 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 43px;
  line-height: 23px;
}
.guidance_R h3,
.guidance_R span,
.soreBOX h5,
.soreBOX .soreConten{
  color: #333;
}
/* 侧边栏 */
.sidebar {
  width: 300px;
  margin: 30px 0 0 60px;
}
.soreBOX {
  background: #F8F8F8;
  padding-top: 24px;
  height: 296px;
}

.barImg {
  /* border: 1px solid #eeeeee; */
  width: 100%;
  height: 96px;
  display: inline-block;
  text-align: center;
  overflow: hidden;
 
}
.barImg img {
  height: 100%;
  border-radius: 50px;
  width: 96px;
}
.soreBOX h5,
.soreBOX p {
  padding: 0 15px 0 25px;
  text-align: left;
  margin: 0;
}
.soreBOX h5 {
  font-size: 18px;
  line-height: 2;
  padding-top: 4px;
  text-align: center;
}
.soreBOX p,
.soreBOX .tageClass span,
.sore_btn {
  font-size: 14px;
  color: #999;
  text-align: center;
}
.soreBOX .tageClass span {
  color: #999;
}
.soreBOX p span,
.New_recommend_row li p {
  color: #F55E53;
 
}

.sore_btn {
  background: #333;
  color: #fff;
  line-height: 40px;
  cursor: pointer;
  margin: 12px 20px 0;
}
/* 标签 */
.LaberlBox,
.New_recommend,
.HOT_Consultation {
  margin-top: 40px;
}
.LaberlBox .d1,
.New_recommend .d1,
.HOT_Consultation .d1 {
  text-align: left;
}
.LaberlBox .Tlbael {
  width: 312px;
  overflow: hidden;
  margin: 10px 0 0 0;
  text-align: center;
}
.LaberlBox .Tlbael span {
  display: inline-block;
  width: 90px;
  height: 40px;
  line-height: 40px;
  color: #647DB0;
  padding: 0;
  margin: 0px 12px 12px 0;
  float: left;
  border: 1px solid #eee;
  font-size: 14px;
  cursor: pointer;
}
.LaberlBox .Tlbael a:hover span{
  background: #647DB0;
  color: #FFFFFF;
}

.New_recommend_row,
.New_recommend_row li.hot_ca,
.hot_ca li {
  margin: 0;
  padding: 0;
}
.New_recommend_row {
  width: 240px;
  margin-left: -15px;
  overflow: hidden;
}
.New_recommend_row li {
  width: 95px;
  float: left;
  margin-left: 15px;
  text-align: left;
  margin-bottom: 15px;
}
.New_recommend_row li .recommendImg {
  width: 103px;
  height: 70px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.New_recommend_row li .recommendImg img {
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.New_recommend_row li h5,
.New_recommend_row li p,
.hotFist h5 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.3;
}
.New_recommend_row li h5 {
  font-weight: 500;
  margin-top: 8px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.New_recommend_row li:first-child,
.hotFist {
  padding-top: 10px;
}
.New_recommend_row li:first-child,
.New_recommend_row li:first-child .recommendImg,
.hotFist .recommendImg {
  width: 223px;
}
.New_recommend_row li:first-child .recommendImg,
.hotFist .recommendImg {
  width: 234px;
  height: 157px;
}
.hotFist .recommendImg {
  border: 1px solid #ddd;
  overflow: hidden;
  cursor: pointer;
}
.hotFist .recommendImg img {
  height: 100%;
  width: 100%;
}
.hotFist,
.hot_ca li {
  text-align: left;
}
.hotFist h5 {
  line-height: 1.5;
  margin-top: 5px;
  padding: 0 5px 0 0;
  cursor: pointer;
}
.hot_ca li {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  position: relative;
  display: block;
}
.hot_ca li::before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #333;
  margin-right: 9px;
  top: 10px;
}
.hot_ca li p {
  margin: 0 0 0 13px;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.share_warp{
  transition: all .2S linear;
}
.share_warp li{
  position: relative
}
.share_activeicon{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.share_warp li img{width: 56px;height: 56px; transition: all .2S linear;}
.share_icon {
  background: url(/images/share_icon.png) no-repeat;
  display: inline-block;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.weixIcon {
  background-position: 2px -2px;
}
.penyouqIcon {
  background-position: -56px 0px;
}
.xlwbIcon {
  background-position: -119px 0px;
}
.QQkjIcon {
  background-position: -174px 0px;
}
.tiebIcon {
  background-position: -235px 0px;
}
.moreIcon {
  background-position: -301px 0px;
}
.doubanbIcon {
  background-position: -366px 0px;
}
.renrenIcon {
  background-position: -426px 0px;
}
.txWbIcon {
  background-position: -490px 0px;
}
.share_row {
  position: relative;
}
.more_share {
  position: absolute;
  bottom: 0;
}
.newContent .ql-align-center{
  text-align: center
}

.selectBox{ width: 95%;  border: 1px solid #aaa;}
.select {
  display: inline-block;
  width: 100%;
  height: 38px;
  position: relative;
  vertical-align: middle;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  color: #555;
  border: 0px solid #aaa;
  text-shadow: none;
  border-radius: 0px;	
  transition: box-shadow 0.25s ease;
  z-index: 2;
}

.select:hover {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.select:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #ccc;
  top: 14px;
  right: 10px;
  cursor: pointer;
  z-index: -2;
}
.select select {
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.select select:focus {
  outline: none;
}

/* new */
.share_warp li{
  margin: 0;
  width: 56px;
  height: 56px;
  overflow: hidden;
  transition: all .2S linear
}
.share_warp li img{
  width: 56px;
  height: 56px;
cursor: pointer;
transition: all .2S linear
}
.share_warp li:hover .share_activeicon{
  opacity: 1;
  transition: all .2S linear
}
.share_warp li:hover .share_icon{
  display: none;
  transition: all .2S linear
}
.recode {
  text-align: center;
  line-height: 1;
  margin-left: -38px;
  width: 100px;
  height: 100px;
  box-shadow: 0 2px 6px 0 rgba(30,35,47,0.15);
  display: none;
  position: relative;
  top: -13px;
  left: 15px;
}
#canvas {
  width: 95px !important;
  height: 95px !important;
  padding-left: 3px;
  padding-top: 8px;
  left: 68px;
}
#canvas img{position: relative;
left: 5px;
width: 86px;
height: 85px;
}
.newsLis li{
  margin: 0;
  padding:0 6px;
  cursor: pointer;
}
.newsLis:after{
  content: '';
  display: block;
  clear: both;
}
.videoWARP{
  position: relative;
  width:744px;
  height:418px;
  line-height: 418px;
  text-align: center;
 
}
#coverdVideoBtn{
position: absolute;
top: 50%;
left: 50%;
margin-top: -40px;
margin-left: -40px;
cursor: pointer;

}
#coverdVideo{
  display: none
}
.Collection{
  cursor: pointer;
 margin-left: 20px;color: #647DB0;
 position: relative;
display: inline-block
}

.shoucImg{
  position: absolute;
  z-index: 99;
  margin-left: 10px;
  top: 5px;
  left: 22px;
  width: 141px;
  height: 136px;
}
.none{
display: none
}
.Collection:hover .shoucImg{
 display: block
}