body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
html {
  -webkit-text-size-adjust: none;
}
body {
  font: 14px/2em Microsoft Yahei, tahoma, HELVETICA;
  color: #2d313e;
}
ol,
ul {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
img {
  border: none;
  vertical-align: top;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -ms-transition: none;
  object-fit: cover;
}
i,
em {
  font-style: normal;
}
input,
select,
option,
textarea {
  font-size: 12px;
  font-family: Microsoft Yahei,tahoma,HELVETICA;
  outline: none;
}
a {
  color: #2d313e;
  text-decoration: none;
  transition: color linear 0.1s;
}
a:hover {
  color: #f80;
  text-decoration: none;
}
a:hover em,
a:hover b,
a:hover i,
a:hover span {
  cursor: pointer;
}
a:hover img {
  opacity: 0.9;
}
.clear,
.clearfix:after {
  clear: both;
  height: 0;
  overflow: hidden;
  display: block;
}
.clearfix:after {
  visibility: hidden;
  content: ".";
}
.clearfix {
  *zoom: 1;
}
body {
  background: #f5f6f8;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb40 {
  margin-bottom: 40px;
}
.pannel {
  display: none;
}
.g-doc {
  min-width: 1400px;
  margin: 0 auto;
}
.g-doc a:hover {
  color: #0f89ff;
}
.title-alpha {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#131313', GradientType=0);
}
.dflex-between {
  display: flex;
  justify-content: space-between;
}
.bg-w {
  background: #fff;
}
.mod .hd-original,
.mod .hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mod .hd {
  margin-bottom: 20px;
}
.mod .hd .title {
  font-size: 28px;
  color: #2D313E;
  line-height: 28px;
  height: 32px;
  font-weight: bold;
  padding-left: 41px;
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: left;
}
.mod .hd .ico-sm {
  background-image: url('../picture/ico-tit-sm.png');
}
.mod .hd .ico-diy {
  background-image: url('../picture/ico-tit-diy.png');
}
.mod .hd .ico-family {
  background-image: url('../picture/ico-tit-family.png');
}
.mod .hd .ico-office {
  background-image: url('../picture/ico-tit-office.png');
}
.mod .hd .ico-qy {
  background-image: url('../picture/ico-tit-qy.png');
}
.mod .hd .ico-auto {
  background-image: url('../picture/ico-tit-auto.png');
}
.mod .hd .ico-best {
  background-image: url('../picture/ico-tit-best.png');
}
.mod .hd .ico-dp {
  background-image: url('../picture/ico-tit-dp.webp');
}
.mod .hd-original {
  margin-bottom: 20px;
}
.mod .mark {
  display: flex;
  align-items: center;
}
.mod .subCha {
  line-height: 24px;
  margin-left: 20px;
  color: #AFB2BE;
  font-size: 0;
  display: flex;
  align-items: center;
}
.mod .subCha a {
  color: #2d313e;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  line-height: 22px;
  box-sizing: border-box;
  margin-right: 12px;
  border-radius: 12px;
  border: 1px solid #D3D3D4;
  padding: 0 12px;
  transition: all 0.2s;
}
.mod .subCha a:hover {
  color: #0f89ff;
  border: 1px solid #0f89ff;
}
.mod .smark {
  color: #2d313e;
}
.mod .smark a {
  color: #2d313e;
}
.mod .smark a:hover {
  color: #0f89ff;
}
.col-abc {
  width: 1045px;
}
.col-bcd {
  width: 1025px;
}
.col-a {
  width: 315px;
}
.col-b,
.col-c {
  width: 325px;
}
.col-bc {
  width: 670px;
}
.col-d {
  width: 335px;
}
.txt-hide {
  line-height: 1000px;
  overflow: hidden;
}
.wrap {
  width: 1400px;
  margin: 0 auto;
}
.type-video {
  position: relative;
}
.type-video::after {
  content: "";
  width: 42px;
  height: 42px;
  background: url(../image/ico-play.png) no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -21px 0 0 -21px;
}
.tl-report {
  height: 180px;
  background: url(../image/bg-Special-Report.png) no-repeat #fff;
  margin-bottom: 20px;
  position: relative;
}
.tl-report-tit {
  height: 30px;
  border-radius: 0 0 4px 0;
  background: #0f89ff;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  padding: 0 10px;
}
.tl-report-wrap {
  padding: 20px;
  display: flex;
  position: relative;
  justify-content: space-between;
}
.tl-report-info {
  width: 508px;
  box-sizing: border-box;
  display: flex;
  padding-top: 19px;
  margin-right: 25px;
  position: relative;
  padding-right: 20px;
}
.tl-report-info::after {
  content: "";
  width: 1px;
  height: 140px;
  top: 0;
  right: 0;
  background: #E0E4E9;
  position: absolute;
}
.tl-report-info img {
  width: 120px;
  height: 120px;
  border: 1px solid #EAEDF0;
  margin-right: 20px;
  box-sizing: border-box;
}
.tl-report-info dl {
  flex: 1;
  overflow: hidden;
}
.tl-report-info dt {
  font-size: 22px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 22px;
}
.tl-report-info dd {
  font-size: 12px;
  color: #848792;
  line-height: 24px;
  margin-top: 15px;
}
.tl-report-info i {
  display: inline-block;
  margin-right: 20px;
  padding-left: 21px;
}
.tl-report-time {
  background: url(../image/ico-time.png) left no-repeat;
  background-size: 16px;
}
.tl-report-locat {
  background: url(../image/ico-locat.png) left no-repeat;
  background-size: 16px;
}
.tl-report .focus-pics .prev,
.tl-report .focus-pics .next {
  margin-top: -38px;
}
.tl-report .focus-pics li {
  font-size: 12px;
  display: flex;
  justify-content: space-between;
}
.tl-report .focus-pics li .item {
  width: 154px;
  margin-right: 13px;
}
.tl-report .focus-pics li .item:last-of-type {
  margin-right: 0;
}
.tl-report .focus-pics li img {
  width: 154px;
  height: 116px;
  margin-bottom: 6px;
}
.tl-report .focus-pics li em {
  display: block;
  text-overflow: ellipsis;
  line-height: 18px;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
}
.tl-report-picList {
  width: 822px;
  overflow: hidden;
  height: 140px;
  position: relative;
}
.tl-report-picList .focus-pics {
  width: 822px;
}
.tl-report .tl-report-lWrP {
  display: flex;
  width: 822px;
  position: relative;
  justify-content: space-between;
}
.tl-report .tl-report-lWrP .focus-pics {
  width: 318px;
  height: 140px;
  overflow: hidden;
  position: relative;
}
.tl-report .tl-report-lWrP li .item {
  margin-right: 10px;
}
.tl-report .tl-report-lWrP .tl-report-words {
  margin-right: 30px;
}
.tl-report .tl-report-lWrP .tl-report-words dd {
  width: 48%;
  float: left;
}
.tl-report .tl-report-lWrP .tl-report-words dd:nth-child(2n) {
  margin-right: 4%;
}
.tl-report .tl-report-words {
  flex: 1;
  overflow: hidden;
}
.tl-report .tl-report-words .tl-report-topic {
  width: 100%;
  padding-top: 2px;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  margin-bottom: 10px;
}
.tl-report .tl-report-words dd {
  font-size: 12px;
  padding-left: 13px;
  position: relative;
  line-height: 36px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
}
.tl-report .tl-report-words dd a {
  color: #2D313E;
}
.tl-report .tl-report-words dd a:hover {
  color: #0f89ff;
}
.tl-report .tl-report-words dd::before {
  content: "";
  width: 4px;
  height: 4px;
  background: #E3E3E3;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.tl-report .tl-report-lPrW {
  width: 400px;
  display: flex;
}
.tl-report .tl-report-lPrW:last-child {
  margin-left: 20px;
}
.tl-report .tl-report-lPrW .pic-mask {
  position: relative;
  width: 187px;
  height: 140px;
  margin-right: 15px;
}
.tl-report .tl-report-lPrW .pic-mask .art-img {
  width: 187px;
  height: 140px;
}
.tl-report .tl-report-lPrW .pic-mask em {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 59px;
  box-sizing: border-box;
  padding: 0 10px;
  text-align: center;
  color: #fff;
  padding-top: 24px;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.header .nav-sub {
  display: flex;
  position: relative;
  z-index: 2;
  margin-left: 40px;
}
.header .nav-sub.app-code-sub {
  cursor: pointer;
}
.header .nav-sub dt {
  display: flex;
  align-items: center;
}
.header .nav-sub dt:hover {
  color: #0f89ff;
}
.header .nav-sub dt:hover > a {
  color: #0f89ff;
}
.header .nav-sub dt:hover .tragl {
  transform: rotate(180deg);
  transform-origin: center;
}
.header .nav-sub .nav-sub-list {
  position: absolute;
  left: 50%;
  top: 40px;
  background: #fff;
  font-size: 14px;
  width: 125px;
  display: none;
  flex-direction: column;
  border: 1px solid #e4e6ec;
  box-sizing: border-box;
  transform: translateX(-50%);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.header .nav-sub .nav-sub-list a {
  height: 40px;
  text-align: center;
  line-height: 40px;
  margin: 0;
  transition: all linear 0.2s;
  display: block;
}
.header .nav-sub .nav-sub-list a:hover {
  background: #F5F6F8;
}
.header .nav-sub .nav-sub-list a {
  line-height: 32px;
  height: 32px;
}
.header .nav-sub .nav-sub-list a::before {
  content: '';
  display: block;
  height: 1px;
  background: #ececec;
}
.header .nav-sub .nav-sub-list a:nth-child(3)::before,
.header .nav-sub .nav-sub-list a:nth-child(1)::before {
  display: none;
}
.header .nav-sub .nav-sub-list::after {
  content: "";
  height: 30px;
  position: absolute;
  width: 100%;
  top: -30px;
  left: 0;
}
.header .nav-sub .nav-sub-list.app-code {
  /* 背景设置渐变 */
  width: 238px;
}
.header .nav-sub .nav-sub-list.app-code .app-code-p {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  line-height: 21px;
  /* background-color: white; */
}
.header .nav-sub .nav-sub-list.app-code .app-code-p img {
  width: 100%;
  height: 270px;
}
.header .nav-sub.hover dt {
  color: #0f89ff;
  position: relative;
  z-index: 3;
}
.header .nav-sub.hover dt .tragl {
  transform: rotate(180deg);
  transform-origin: center;
}
.header .nav-sub.hover dt > a {
  color: #0f89ff;
}
.header .nav-sub.hover .nav-sub-list {
  display: flex;
}
.header .nav-sub.hover .ico-wx {
  background-image: url(../image/ico-gzh-cur.png);
}
.header .nav-sub.hover .ico-mobile {
  background-image: url(../image/ico-mobile-t-cur.png);
}
.header .nav-sub.hover .ico-pcgroup {
  background-image: url(../image/ico-pcgroup-cur.png);
}
.header .nav-sub.hover .tragl {
  background-image: url(../image/ico_arrow_up-cur.png);
}
.header .nav-sub.hover .ico-sm {
  background-image: url(../image/ico-subnav-sm-cur.png);
}
.header .nav-sub .tragl {
  width: 10px;
  height: 7px;
  background: url(../image/ico_arrow_down.png) no-repeat;
  background-size: cover;
  display: inline-block;
  margin-left: 4px;
  transition: transform linear 0.2s;
}
.header .nav-sub .ico {
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 21px;
  white-space: nowrap;
  line-height: 30px;
}
.header .nav-sub .ico-wx {
  background-image: url(../image/ico-gzh.png);
}
.header .nav-sub .ico-mobile {
  background-image: url(../image/ico-mobile-t.png);
}
.header .nav-sub .ico-pcgroup {
  background-image: url(../image/ico-pcgroup.png);
}
.header .top {
  height: 80px;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.header .top h1 {
  display: flex;
  align-items: center;
}
.header .top h1 .top-float {
  display: flex;
  align-items: center;
}
.header .top h1 .top-float .top-icon-box {
  width: 166px;
  height: 64px;
  background: url(../image/top-title-float-tof.png) center / 100% 100% no-repeat;
}
.header .top h1 .top-float::before {
  content: "";
  width: 1px;
  height: 44px;
  margin-left: 20px;
  background-color: #dfdfdfe6;
}
.header .top .logo {
  width: 193px;
  height: 52px;
  background: url(../image/pconline_home_logo.png) no-repeat;
  background-size: cover;
  overflow: hidden;
  line-height: 1000px;
  display: block;
}
.header .top .featureLogo {
  display: flex;
  height: 44px;
  align-items: center;
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid #E0E0E0;
}
.header .top .featureLogo img {
  height: 72px;
  width: auto;
}
.header .nav-rSide {
  display: flex;
  align-items: center;
}
.header .qr-code .nav-sub-list {
  width: 202px;
  text-align: center;
}
.header .qr-code p {
  padding-bottom: 20px;
}
.header .qr-code em {
  line-height: 50px;
  color: #2D313E;
}
.header .qr-code img {
  width: 160px;
  height: 160px;
}
.header .pcgroup .nav-sub-list {
  top: 44px;
  width: 128px;
  margin-left: 10px;
}
.header .pcgroup .nav-sub-list a {
  text-align: left;
  padding: 0 20px;
}
.header .user-login {
  display: flex;
  align-items: center;
  height: 40px;
}
.header .user-login .btn-login {
  width: 64px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #0F89FF;
  box-sizing: border-box;
  display: block;
  color: #0F89FF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .user-login .nav-sub-list {
  left: 50%;
  top: 50px;
  width: 144px !important;
  font-size: 14px;
  display: none;
  flex-direction: column;
  border: 1px solid #e4e6ec;
  box-sizing: border-box;
  transform: translateX(-75%);
}
.header .user-login .nav-sub-list a {
  height: 40px;
  line-height: 40px;
  margin: 0;
  transition: all linear 0.2s;
  box-sizing: border-box;
  text-align: left;
  padding: 0 15px;
  display: flex;
  align-items: center;
}
.header .user-login .nav-sub-list a::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.header .user-login .nav-sub-list > a::before {
  background: url(../image/navibar.v3.png) no-repeat !important;
}
.header .user-login .nav-sub-list .ico-login-pc::before {
  background-position: 0 0 !important;
  background-size: cover !important;
}
.header .user-login .nav-sub-list .ico-login-account::before {
  background-position: -20px 0 !important;
  background-size: cover !important;
}
.header .user-login .nav-sub-list .ico-login-weixin::before {
  background-position: -40px 0 !important;
  background-size: cover !important;
}
.header .user-login .nav-sub-list .ico-login-qq::before {
  background-position: -60px 0 !important;
  background-size: cover !important;
}
.header .user-login .nav-sub-list .ico-login-weibo::before {
  background-position: -80px 0 !important;
  background-size: cover !important;
}
.header .user-login .nav-sub-list::after {
  content: "";
  height: 11px;
  position: absolute;
  width: 100%;
  top: -11px;
  left: 0;
}
.header .nav {
  height: 60px;
  background-image: linear-gradient(-90deg, #00CECF 0, #00ADF7 50%, #077DEF 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
.header .nav a {
  color: #fff;
}
.header .nav .nav-wrap {
  display: flex;
}
.header .nav .nav-wrap .link,
.header .nav .nav-wrap .cur {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  margin-right: 40px;
}
.header .nav .nav-wrap .link:last-child,
.header .nav .nav-wrap .cur:last-child {
  margin-right: 0;
}
.header .nav .nav-wrap .link {
  position: relative;
}
.header .nav .nav-wrap .link::after {
  content: "";
  width: 0px;
  height: 3px;
  background: #f5f6f8;
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translateX(-50%);
  transition: width ease 0.2s;
  overflow: hidden;
}
.header .nav .nav-wrap .link:hover::after {
  width: 26px;
}
.header .nav .nav-wrap .link-ico-new {
  position: relative;
}
.header .nav .nav-wrap .link-ico-new::before {
  content: "";
  width: 30px !important;
  height: 14px;
  background: url(../image/ico-new.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 2px;
  left: auto;
  right: -30px;
  transition: none;
}
.header .search {
  width: 295px;
  height: 34px;
  box-sizing: border-box;
  border-radius: 17px;
  padding-left: 15px;
  display: flex;
  align-items: center;
  background: #F5F6F8;
}
.header .search .ks-input {
  width: 100%;
  border-radius: 0 20px 20px 0;
  position: relative;
  z-index: 2;
  display: flex;
}
.header .search .btn-search {
  display: block;
  background: url(../image/ico_search.png) 10px center no-repeat;
  background-size: 15px;
  width: 34px;
  height: 34px;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
}
.header .search .btn-search:hover {
  background-image: url(../image/ico_search_hover.png);
}
.header .search .txt {
  border: none;
  height: 34px;
  width: 260px;
  background: transparent;
  font-size: 14px;
}
.header .search .ks-pop {
  position: absolute;
  left: 50%;
  top: 44px;
  background: #fff;
  font-size: 16px;
  width: 315px;
  display: flex;
  flex-direction: column;
  border: 1px solid #E4E6EC;
  box-sizing: border-box;
  margin-left: -165px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: none;
  color: #2d313e;
}
.header .search .ks-pop li {
  height: 34px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 34px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.header .search .ks-pop li:hover,
.header .search .ks-pop li.hover {
  background: #F5F6F8;
  color: #0f89ff;
}
.header .sub-nav {
  height: 50px;
  background-color: #fff;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
}
.header .sub-nav .u-channel {
  margin-right: 40px;
}
.header .sub-nav .ico-new {
  position: relative;
}
.header .sub-nav .ico-new::after {
  content: "";
  width: 30px;
  height: 14px;
  background: url(../image/ico-new.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -6px;
  right: -30px;
}
.header .sub-nav .ico-hot {
  position: relative;
}
.header .sub-nav .ico-hot::after {
  content: "";
  width: 30px;
  height: 14px;
  background: url(../image/ico-hot.webp) no-repeat;
  background-size: contain;
  position: absolute;
  top: -6px;
  right: -30px;
}
.header .sub-nav .sub-nav-wrap {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.header .sub-nav .sub-nav-wrap .nav-sub {
  margin-left: 0;
  margin-right: 40px;
}
.header .sub-nav .sub-nav-wrap .nav-sub .ico {
  margin-right: 0;
}
.header .sub-nav .sub-nav-wrap .nav-sub-list {
  width: 98px;
  font-size: 16px;
  top: 36px;
  margin-left: 8px;
}
.header .sub-nav .ico {
  background-size: 24px;
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 32px;
}
.header .sub-nav .ico-sm {
  background-image: url(../image/ico-subnav-sm.png);
}
.header .sub-nav .ico-diy {
  background-image: url(../image/ico-subnav-diy.png);
}
.header .sub-nav .ico-family {
  background-image: url(../image/ico-subnav-family.png);
}
.header .sub-nav .ico-office {
  background-image: url(../image/ico-subnav-office.png);
}
.header .sub-nav .ico-qy {
  background-image: url(../image/ico-subnav-qy.png);
}
.header .sub-nav .ico-cx {
  background-image: url(../image/ico-subnav-cx.png);
}
.header .sub-nav .ico-ai {
  background-image: url(../image/ico-subnav-ai.png);
}
.header .sub-nav .ico-college {
  background-image: url(../image/ico-college.png);
}
.header .sub-nav .ico-zhizao {
  background-image: url(../image/ico-subnav-zhizao.png);
}
.header .sub-nav .u-channel:hover .ico-diy {
  background-image: url(../image/ico-subnav-diy-cur.png);
}
.header .sub-nav .u-channel:hover .ico-family {
  background-image: url(../image/ico-subnav-family-cur.png);
}
.header .sub-nav .u-channel:hover .ico-office {
  background-image: url(../image/ico-subnav-office-cur.png);
}
.header .sub-nav .u-channel:hover .ico-qy {
  background-image: url(../image/ico-subnav-qy-cur.png);
}
.header .sub-nav .u-channel:hover .ico-cx {
  background-image: url(../image/ico-subnav-cx-cur.png);
}
.header .sub-nav .u-channel:hover .ico-ai {
  background-image: url(../image/ico-subnav-ai-cur.png);
}
.header .sub-nav .u-channel:hover .ico-college {
  background-image: url(../image/ico-college-cur.png);
}
.header .sub-nav .u-channel:hover .ico-zhizao {
  background-image: url(../image/ico-subnav-zhizao-cur.png);
}
.header .sub-nav .tgLink {
  font-size: 14px;
}
/*个人中心*/
.nb-menu {
  position: relative;
}
.nb-menulist {
  position: absolute;
  width: 124px;
  top: 27px;
  left: 50%;
  margin-left: -63px;
  z-index: 10;
  text-align: left;
  display: none;
}
.nb-menulist-s {
  line-height: 28px;
  width: 232px;
  margin-left: 0;
  left: 0;
}
.nb-tit-hover .nb-menulist {
  display: block;
}
.nb-tit-user {
  width: 32px;
  height: 32px;
  margin-left: 40px;
}
.user-link:hover {
  text-decoration: none;
}
.nb-head {
  height: 32px;
  width: 32px;
  display: block;
  overflow: hidden;
  font-size: 0;
  border-radius: 16px;
}
.nb-head img {
  object-fit: contain;
}
.nb-ml-user {
  width: 248px;
  left: 0;
  margin-left: -218px;
  background-color: #fff;
  top: 47px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  border: 1px solid #E4E6EC;
}
.nb-ml-user::after {
  content: "";
  height: 16px;
  position: absolute;
  width: 32px;
  top: -16px;
  right: 0;
  z-index: 2;
}
.nb-ml-user .nb-ml-arrow {
  margin-left: -80px;
}
.nb-ml-user .nb-menuList-con {
  padding: 15px 15px 0;
}
.nb-user-info {
  border-bottom: 1px dashed #F5F6F8;
  padding-bottom: 15px;
}
.nb-user-info dt a {
  color: #2d313e;
  font-weight: 400;
}
.nb-user-info dt a:hover {
  color: #0f89ff;
}
.nb-user-info dd {
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  *zoom: 1;
}
.nb-user-actions a {
  float: left;
  width: 46px;
  overflow: hidden;
  line-height: 1.3;
  text-align: center;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  color: #848792;
}
.nb-user-actions a.first {
  margin-left: -10px;
  border: 0;
}
.nb-user-actions a:hover {
  text-decoration: none;
  color: #aaa;
}
.nb-user-actions a span {
  display: block;
  color: #2d313e;
}
.nb-user-actions a:hover span {
  color: #0f89ff;
}
.nb-pt-pic {
  float: left;
  margin-right: 15px;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 32px;
}
.nb-picTxt dt {
  font-size: 14px;
  line-height: 22px;
}
.nb-picTxt dd {
  line-height: 2;
  color: #777;
}
.nb-user-rk {
  padding: 6px 0;
  line-height: 32px;
  margin-right: -30px;
}
.nb-user-rk li {
  padding: 0 5px;
  box-sizing: border-box;
  float: left;
  width: 50%;
  white-space: nowrap;
}
.nb-user-rk li i {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  vertical-align: middle;
  display: inline-block;
}
.nb-user-rk li .ico-bbs {
  background: url('../picture/ico-user-bbs.png') no-repeat;
  background-size: contain;
}
.nb-user-rk li .ico-collect {
  background: url('../picture/ico-user-collect.png') no-repeat;
  background-size: contain;
}
.nb-user-rk li .ico-friend {
  background: url('../picture/ico-user-friend.png') no-repeat;
  background-size: contain;
}
.nb-user-rk li .ico-cmt {
  background: url('../picture/ico-user-cmt.png') no-repeat;
  background-size: contain;
}
.nb-user-tf {
  color: #ddd;
  margin: 0 -15px;
  padding: 0 15px;
  text-align: right;
  height: 31px;
  line-height: 31px;
  background-color: #F5F6F8;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}
.nb-user-tf a {
  color: #848792;
}
.nb-user-tf a:hover {
  color: #0f89ff;
}
.focus-pics .prev,
.focus-pics .next {
  position: absolute;
  width: 40px;
  height: 54px;
  background: url('../picture/bg_turn.png') no-repeat;
  top: 50%;
  margin-top: -27px;
  z-index: 2;
  -webkit-transition: right 0.2s, left 0.2s;
  transition: right 0.2s, left 0.2s;
  cursor: pointer;
}
.focus-pics .prev {
  left: -40px;
  background-position: 0 0;
}
.focus-pics .prev:hover {
  background-position: -80px 0;
}
.focus-pics .next {
  right: -40px;
  background-position: -40px 0;
}
.focus-pics .next:hover {
  background-position: -120px 0;
}
.focus-pics.slide-pic-hover .prev {
  left: 0;
}
.focus-pics.slide-pic-hover .next {
  right: 0;
}
.sc-1 {
  display: flex;
  justify-content: space-between;
}
.sc-1 .topic {
  height: 325px;
  position: relative;
}
.sc-1 .topic .focus {
  width: 696px;
  float: left;
  overflow: hidden;
}
.sc-1 .topic .focus ul {
  height: 325px;
  overflow: hidden;
}
.sc-1 .topic .focus li {
  width: 100%;
  height: 100%;
}
.sc-1 .topic .focus li:not(:first-child) {
  display: none;
}
.sc-1 .topic .focus li .pic-wrap img {
  width: 100%;
  height: 100%;
  display: block;
}
.sc-1 .topic .focus li .title-alpha {
  color: #fff;
}
.sc-1 .topic .focus li .artTit {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  line-height: 54px;
  box-sizing: border-box;
  padding: 6px 100px 0 20px;
  font-size: 20px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sc-1 .topic .focus .focus-ctrl {
  position: absolute;
  right: 20px;
  bottom: 20px;
  height: 4px;
}
.sc-1 .topic .focus .focus-ctrl .ctrl-wrap {
  vertical-align: top;
}
.sc-1 .topic .focus .focus-ctrl .ctrl-wrap i {
  display: inline-block;
  vertical-align: top;
  width: 4px;
  height: 4px;
  background: rgba(255, 255, 255, 0.5);
  margin: 0 3px;
  transition: all linear 0.2s;
}
.sc-1 .topic .focus .focus-ctrl .ctrl-wrap i:last-child {
  margin-right: 0;
}
.sc-1 .topic .focus .focus-ctrl .ctrl-wrap .current {
  background: #fff;
  width: 16px;
}
.sc-1 .topic .nav-list {
  position: relative;
}
.sc-1 .topic .ip-pics {
  width: 344px;
  float: right;
}
.sc-1 .topic .ip-pics .link {
  display: block;
  height: 160px;
  position: relative;
  overflow: hidden;
  margin-bottom: 5px;
}
.sc-1 .topic .ip-pics .link:last-child {
  margin-bottom: 0;
}
.sc-1 .topic .ip-pics .link .art-img {
  width: 100%;
  height: 160px;
}
.sc-1 .topic .ip-pics .link .mask {
  position: absolute;
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  color: #fff;
  padding: 8px 16px 0;
  font-size: 16px;
}
.sc-1 .topic .ip-pics .link .mask dt {
  display: flex;
  align-items: center;
  line-height: 24px;
  margin-bottom: 5px;
}
.sc-1 .topic .ip-pics .link .mask img {
  border-radius: 12px;
  margin-right: 8px;
  width: 24px;
  height: 24px;
}
.sc-1 .topic .ip-pics .link .mask dd {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 56px;
  text-align: center;
}
.sc-1 .topic .ip-pics .ico-play {
  left: 4px;
  top: 4px;
  width: 48px;
  height: 48px;
}
.sc-1 .topic .label {
  position: absolute;
  height: 24px;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 0 8px;
  line-height: 24px;
  right: 8px;
  top: 8px;
  font-size: 12px;
}
.sc-1 .topic .ico-play {
  width: 60px;
  height: 60px;
  background: url('../picture/ico-video-play.webp') no-repeat;
  background-size: contain;
  position: absolute;
  left: 2px;
  top: 2px;
}
.sc-1 .m-topic {
  background: #fff;
  padding: 16px 20px 0;
  box-sizing: border-box;
  height: 253px;
}
.sc-1 .m-topic .twoCol {
  display: flex;
  justify-content: space-between;
}
.sc-1 .m-topic .tg-twoCol {
  height: 24px;
  margin: 7px 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transform: translate3d(0);
}
.sc-1 .m-topic .tg-twoCol .txtItem {
  line-height: 24px;
  height: 24px;
}
.sc-1 .m-topic .txtItem {
  width: 492px;
  line-height: 21px;
  font-size: 16px;
}
.sc-1 .m-topic .txtItem li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sc-1 .m-topic .txtItem li:not(:last-child) {
  margin-bottom: 16px;
}
.sc-1 .m-topic .txtItem strong {
  font-size: 24px;
  line-height: 32px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 16px;
}
.sc-1 .m-topic .txtItem .link {
  color: #E0E0E0;
  display: flex;
  white-space: nowrap;
}
.sc-1 .m-topic .txtItem .link .sub,
.sc-1 .m-topic .txtItem .link .tit {
  color: #2d313e;
}
.sc-1 .m-topic .txtItem .link .sub {
  margin-right: 12px;
}
.sc-1 .m-topic .txtItem .link .tit {
  margin-left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.sc-1 .m-topic .txtItem .link .tit:first-child {
  margin-left: 0;
}
.sc-1 .m-topic .txtItem .link:hover {
  color: #E0E0E0;
}
.sc-1 .m-topic .txtItem .link:hover .sub,
.sc-1 .m-topic .txtItem .link:hover .tit {
  color: #0f89ff;
}
.sc-1 .m-todayScene {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.sc-1 .m-todayScene-tit {
  font-size: 0;
  width: 36px;
  height: 95px;
  background: url('../picture/tit-today-news.webp') no-repeat;
  background-size: contain;
  flex-shrink: 0;
  margin-right: 14px;
}
.sc-1 .m-todayScene-list {
  flex: 1;
  display: flex;
  flex-flow: row wrap;
  row-gap: 16px;
  column-gap: 21px;
}
.sc-1 .m-todayScene-list li {
  line-height: 22px;
  font-size: 16px;
  width: 442px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.sc-1 .m-todayScene-list li:nth-child(2n) {
  width: 492px;
}
.sc-1 .m-todayScene-list a {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sc-1 .m-todayScene-list a:hover {
  position: absolute;
  width: auto;
  left: 58px;
  top: 0;
  overflow: initial;
  background: #fff;
  height: 21px;
  z-index: 2;
  padding: 6px 10px;
  margin: -7px 0 0 -11px;
  border: 1px solid #FAFAFA;
}
.sc-1 .m-todayScene-list .tag,
.sc-1 .m-todayScene-list .time {
  width: 37px;
  height: 20px;
  font-size: 14px;
  line-height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 21px;
  position: relative;
}
.sc-1 .m-todayScene-list .tag::after,
.sc-1 .m-todayScene-list .time::after {
  content: "";
  width: 1px;
  height: 16px;
  background: #d7d7d8d9;
  position: absolute;
  right: -11px;
  top: 2px;
}
.sc-1 .m-todayScene-list .tag {
  background: rgba(15, 137, 255, 0.1);
  color: #0F89FF;
  border-radius: 3px;
}
.sc-1 .m-todayScene-list .time {
  color: #2d313e;
}
.sc-1 .m-origList {
  height: 588px;
  box-sizing: border-box;
  background: #fff url('../picture/bg_origList.png') top no-repeat;
  background-size: contain;
  padding: 20px 20px 0;
}
.sc-1 .m-origList .tit {
  width: 158px;
  height: 24px;
  background: url('../picture/bg-tebiecehua.png') no-repeat;
  background-size: contain;
  line-height: 24px;
}
.sc-1 .m-origList .m-origList-ft {
  padding-top: 10px;
}
.sc-1 .m-origList .linkMore {
  display: flex;
  height: 44px;
  background: #F4FAFF;
  font-size: 14px;
  align-items: center;
  justify-content: center;
}
.sc-1 .m-origList .linkMore::after {
  content: "";
  width: 4px;
  height: 12px;
  background: url('../picture/ico-arrow-right.png') no-repeat;
  background-size: contain;
  margin-left: 6px;
}
.sc-1 .m-origList .linkMore:hover::after {
  background-image: url('../picture/ico-arrow-right-hover.png');
}
.sc-1 .m-origList .ip-item-wrap {
  position: relative;
}
.sc-1 .m-origList .ip-item-wrap:first-child {
  padding-top: 12px;
}
.sc-1 .m-origList .ip-item-wrap .item {
  height: 72px;
}
.sc-1 .m-origList .ip-item-wrap .ip-author {
  position: absolute;
  bottom: 4px;
  left: 140px;
  cursor: pointer;
}
.sc-1 .m-origList .ip-item-wrap .ip-author:hover {
  color: #0f89ff;
}
.sc-1 .m-origList .item {
  display: flex;
  padding: 10px 0;
  align-items: center;
  line-height: 26px;
  font-size: 14px;
}
.sc-1 .m-origList .item dl {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.sc-1 .m-origList .item dt {
  max-height: 48px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  position: relative;
  top: -4px;
}
.sc-1 .m-origList .item:last-child {
  border-bottom: none;
}
.sc-1 .m-origList .pic-wrap {
  position: relative;
  margin-right: 12px;
  width: 128px;
  height: 72px;
  overflow: hidden;
}
.sc-1 .m-origList .pic-wrap img {
  width: 128px;
  height: 72px;
}
.sc-1 .m-origList .ico-video::after {
  content: "";
  width: 16px;
  height: 16px;
  background: url('../picture/ico-play.png') no-repeat;
  background-size: contain;
  position: absolute;
  right: 5px;
  top: 5px;
}
.sc-1 .m-origList .art-author {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #848792;
}
.sc-1 .m-origList .art-author img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 6px;
}
.m-newpd .mod .hd {
  padding-top: 12px;
}
.m-newpd .mod .hd .title {
  font-size: 0!important;
  width: 120px;
  height: 32px;
  background: url('../picture/tit-new-pro.webp') no-repeat;
  background-size: contain;
}
.m-newpd-list {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
}
.m-newpd .pro {
  width: 335px;
  height: 108px;
  display: flex;
  align-items: center;
  background: #fff;
  padding: 12px 12px 12px 20px;
  position: relative;
  box-sizing: border-box;
}
.m-newpd .pro-info {
  flex: 1;
  overflow: hidden;
}
.m-newpd .pro .pic-wrap {
  width: 112px;
  height: 84px;
}
.m-newpd .pro-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-newpd .pro .pro-name {
  font-size: 16px;
  line-height: 21px;
  color: #2d313e;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.m-newpd .pro .pro-name a {
  position: relative!important;
  z-index: 1;
}
.m-newpd .pro .pro-name a:hover {
  color: #0f89ff;
}
.m-newpd .pro .whole-item-link {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.m-newpd .pro .links {
  display: flex;
  align-items: center;
  column-gap: 10px;
  margin-top: 8px;
}
.m-newpd .pro .links .link {
  color: #848792;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  z-index: 1;
}
.m-newpd .pro .links .link:hover {
  color: #0f89ff;
}
.m-newpd .pro .mall {
  display: flex;
  align-items: center;
  column-gap: 4px;
  margin-top: 14px;
}
.m-newpd .pro .mall img {
  width: 16px;
  height: 16px;
}
.m-newpd .pro .price {
  font-size: 14px;
  line-height: 18px;
  color: #f23e3e;
}
.label-original {
  width: 119px;
  height: 28px;
  background: url('../picture/label_yuanchuang.png') no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.cha-item-focus {
  width: 315px;
  height: 236px;
  position: relative;
  display: block;
}
.cha-item-focus .mask {
  position: absolute;
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  color: #fff;
  padding: 30px 20px 0;
  font-size: 14px;
}
.cha-item-focus .mask dt {
  display: flex;
  align-items: center;
  line-height: 24px;
  margin-bottom: 10px;
}
.cha-item-focus .mask img {
  border-radius: 12px;
  margin-right: 8px;
  width: 24px;
  height: 24px;
}
.cha-item-focus .mask dd {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 24px;
  font-size: 16px;
}
.focus,
.sc-focus {
  position: relative;
  overflow: hidden;
}
.sc-focus {
  width: 315px;
}
.sc-focus ul {
  height: 236px;
}
.sc-focus .focus-ctrl {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: rgba(255, 255, 255, 0.3);
  display: flex;
}
.sc-focus .focus-ctrl i {
  height: 3px;
  flex: 1;
  transition: all linear 0.2s;
}
.sc-focus .focus-ctrl .current {
  background: #0f89ff;
}