body #content{
  font-family: -apple-system, "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif;
}
@media (min-width: 1024px) {
  .blog-banner {
    background: url(./../images/blogDetail-banner140.png) center no-repeat;
    height: 140px;
  }
  .blog-wapper {
    max-width: 1180px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
  }
  .blog-banner .banner-text {
    padding-top: 47px;
  }
  .blog-banner .banner-text .title {
    font-size: 36px;
    color: #FFFFFF;
    line-height: 46px;
    text-align: left;
    font-weight: 600;
  }
}
@media (max-width: 1023px) {
  .blog-banner {
    background: url(./../images/blogDetail-banner140.png) center no-repeat;
    height: 100px;
  }
  .blog-wapper {
    padding-left: 20px;
    padding-right: 20px;
  }
  .blog-banner .banner-text {
    padding-top: 36px;
  }
  .blog-banner .banner-text .title {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 28px;
    text-align: left;
    font-weight: 600;
  }
}
@font-face {
  font-family: 'cui-icon';
  src: url(./../images/blogDetail-cui-icon.eot);
  src: url(./../images/blogDetail-cui-icon.eot#iefix) format('embedded-opentype'), url(./../images/blogDetail-cui-icon.woff2) format('woff2'), url(./../images/blogDetail-cui-icon.woff) format('woff'), url(./../images/blogDetail-cui-icon.ttf) format('truetype'), url(./../images/blogDetail-cui-icon.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}
.blog-detail-content .cui-icon {
  font-family: 'cui-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
@media (min-width: 1024px) {
  .blog-detail-content .blog-detail-crumbs {
    /* font-family: Roboto-Regular; */
    font-size: 14px;
    color: #252B3A;
    letter-spacing: 0;
    line-height: 18px;
    padding: 18px 0;
    border-bottom: 1px solid #DDDDDD;
  }
  .blog-detail-content .blog-detail-crumbs .alink {
    color: #666a75;
  }
  .blog-detail-content .blog-detail-crumbs .alink:hover {
    color: #F66F6A;
  }
  .blog-detail-content .blog-detail-crumbs i {
    display: inline-block;
    font-size: 12px;
    margin-right: 6px;
    margin-left: 6px;
  }
  .blog-detail-content .blog-detail-crumbs .icon {
    display: none;
  }
  /*PC左侧内容主体*/
  .left-content .head-info .title {
    /* font-family: Roboto-Medium; */
    font-size: 36px;
    color: #252B3A;
    line-height: 46px;
    padding: 30px 60px 10px 0;
    font-weight: 600;
  }
  .left-content .head-info .sub-author {
    /* font-family: Roboto-Regular; */
    font-size: 14px;
    color: #666A75;
    letter-spacing: 0;
    line-height: 22px;
    border-right: 2px solid #DDDDDD;
    padding-right: 8px;
  }
  .left-content .head-info .sub-date {
    /* font-family: Roboto-Regular; */
    font-size: 14px;
    color: #666A75;
    letter-spacing: 0;
    line-height: 22px;
    padding-left: 3px;
  }
  .left-content .head-info .tags-info {
    padding: 10px 0 20px;
  }
  .left-content .head-info .tag {
    /* font-family: Roboto-Regular; */
    font-size: 12px;
    color: #666A75;
    letter-spacing: 0;
    text-align: center;
    line-height: 18px;
    background: #F5F5F5;
    border-radius: 2px;
    padding: 3px 10px;
    margin-right: 10px;
  }
  .left-content .head-info .tag:hover {
    background: #F66F6A;
    color: #FFFFFF;
  }
  .left-content .shareto {
    line-height: 20px;
    position: relative;
    left: 690px;
    top: -18px;
  }
  .left-content .shareto img,
  span {
    line-height: 20px;
    vertical-align: middle;
  }
  .left-content .sub-info {
    background: #F7F8FF;
    /* font-family: Roboto-Regular; */
    font-size: 14px;
    color: #252B3A;
    letter-spacing: 0;
    line-height: 22px;
    padding: 30px;
  }
  .left-content .rich-content {
    /* font-family: Roboto-Regular; */
    font-size: 14px;
    color: #252B3A;
    letter-spacing: 0;
    line-height: 22px;
    padding: 20px 0;
  }
  /*PC端右侧推荐栏*/
  .right-content .related {
    background: #F7F7F7;
    margin: 20px 0 10px;
  }
  .right-content .related-title {
    /* font-family: Roboto-BoldCondensed; */
    font-size: 16px;
    color: #252B3A;
    line-height: 20px;
    padding-top: 15px;
  }
  .right-content .related-title p {
    border-left: 4px solid #C7000B;
    padding-left: 20px;
    font-weight: 600;
  }
  .right-content .related-recommend-list {
    padding: 0 20px;
  }
  .right-content .recommend-content {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 20px ;
  }
  .right-content .recommend-product .recommend-content {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 20px ;
    overflow: hidden;
  }
  .right-content .recommend-item {
    /* font-family: Roboto-Medium; */
    font-size: 12px;
    color: #252B3A;
    letter-spacing: 0;
    line-height: 16px;
    display: inherit;
    padding: 10px 0px 2px;
  }
  .right-content .recommend-item .info {
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    max-height: 54px;
    overflow: hidden;
  }
  .right-content .recommend-article .recommend-item .info:hover {
    color: #C7000B;
  }
  .right-content .related .link {
    /* font-family: Roboto-Regular; */
    font-size: 12px;
    color: #666A75;
    letter-spacing: 0;
    line-height: 18px;
    padding: 15px 0;
    text-align: center;
  }
  .right-content .related .link:hover {
    color: #007ACE;
  }
  .right-content .related .link:hover i {
    transform: translateX(2px);
  }
  .cui-icon-more:before {
    content: "\EA19";
  }
  /*PC端右侧-推荐产品*/
  .right-content .over-hidden-dot {
    position: relative;
    max-height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .right-content .icon-prod-rec {
    width: 24px;
    height: 24px;
    font-size: 24px;
    vertical-align: middle;
  }
  .right-content .recommend-item .caption {
    vertical-align: middle;
    margin-bottom: 5px;
    height: 26px;
  }
  .right-content .recommend-item .name {
    /* font-family: Roboto-Medium; */
    font-size: 14px;
    color: #252B3A;
    letter-spacing: 0;
    line-height: 22px;
    position: relative;
    left: 32px;
    top: -23px;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .right-content .recommend-item .caption p:hover {
    color: #C7000B;
  }
  .cui-icon-down:before {
    content: "\EA17";
  }
  .right-content .related .dropdown {
    /* font-family: Roboto-Regular; */
    font-size: 12px;
    color: #666A75;
    letter-spacing: 0;
    line-height: 18px;
    padding: 15px 0;
    text-align: center;
  }
  .right-content .related .dropdown:hover {
    color: #007ACE;
  }
  /*推荐产品超过3个展开*/
  .right-content .recommend-product.active .dropdown i {
    -ms-transform: rotate(180deg);
    transform: rotateX(180deg);
  }
  .right-content .recommend-product.active .recommend-content {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 20px ;
    height: auto;
  }
  /*右侧广告位*/
  .right-content .right-ads {
    padding-bottom: 10px;
  }
  .right-content .right-ads-bg {
    height: 100px;
    background: url(./../images/blogDetail-ad.png) center no-repeat;
  }
}
@media (max-width: 1023px) {
  .blog-detail-content .blog-detail-crumbs {
    /* font-family: Roboto-Regular; */
    font-size: 14px;
    color: #666A75;
    line-height: 18px;
    padding: 18px 0;
    border-bottom: 1px solid #DDDDDD;
  }
  .blog-detail-content .blog-detail-crumbs i {
    display: none;
  }
  .blog-detail-content .blog-detail-crumbs span {
    display: none;
  }
  .blog-detail-content .blog-detail-crumbs .icon {
    vertical-align: middle;
  }
  /*移动端左侧内容主体*/
  .left-content .head-info .title {
    /* font-family: Roboto-Medium; */
    font-size: 18px;
    color: #252B3A;
    line-height: 20px;
    padding: 30px 0 10px 0;
    font-weight: 600;
  }
  .left-content .head-info .sub-author {
    /* font-family: Roboto-Regular; */
    font-size: 12px;
    color: #666A75;
    letter-spacing: 0;
    line-height: 20px;
    border-right: 2px solid #DDDDDD;
    padding-right: 8px;
  }
  .left-content .head-info .sub-date {
    /* font-family: Roboto-Regular; */
    font-size: 12px;
    color: #666A75;
    letter-spacing: 0;
    line-height: 18px;
    padding-left: 3px;
  }
  .left-content .head-info .tags-info {
    padding-top: 14px;
  }
  .left-content .head-info .tag {
    /* font-family: Roboto-Regular; */
    font-size: 12px;
    color: #666A75;
    letter-spacing: 0;
    text-align: center;
    line-height: 18px;
    background: #F5F5F5;
    border-radius: 2px;
    padding: 3px 10px;
    margin-right: 10px;
  }
  .left-content .sub-info {
    background: #F7F8FF;
    /* font-family: Roboto-Regular; */
    font-size: 12px;
    color: #252B3A;
    letter-spacing: 0;
    line-height: 18px;
    padding: 15px;
    margin-top: 12px;
  }
  .left-content .rich-content {
    /* font-family: Roboto-Regular; */
    font-size: 14px;
    color: #252B3A;
    letter-spacing: 0;
    line-height: 22px;
    padding: 15px 0;
  }
  .left-content .shareto {
    display: none;
  }
  /*移动端右侧推荐栏*/
  .right-content .related {
    background: #F7F7F7;
    margin: 20px 0 10px;
  }
  .right-content .related-title {
    /* font-family: Roboto-BoldCondensed; */
    font-size: 16px;
    color: #252B3A;
    line-height: 20px;
    padding-top: 15px;
  }
  .right-content .related-title p {
    border-left: 4px solid #C7000B;
    padding-left: 20px;
    font-weight: 600;
  }
  .right-content .related-recommend-list {
    padding: 0 20px;
  }
  .right-content .recommend-content {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 20px ;
  }
  .right-content .recommend-product .recommend-content {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 20px ;
    overflow: hidden;
  }
  .right-content .recommend-item {
    /* font-family: Roboto-Medium; */
    font-size: 12px;
    color: #252B3A;
    letter-spacing: 0;
    line-height: 16px;
    display: inherit;
    padding: 10px 0px 2px;
  }
  .right-content .recommend-item .info {
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    max-height: 48px;
    overflow: hidden;
  }
  .right-content .recommend-article .recommend-item .info:hover {
    color: #C7000B;
  }
  .right-content .related .link {
    /* font-family: Roboto-Regular; */
    font-size: 12px;
    color: #666A75;
    letter-spacing: 0;
    line-height: 18px;
    padding: 15px 0;
    text-align: center;
  }
  .right-content .related .link:hover {
    color: #007ACE;
  }
  .right-content .cui-icon-more:before {
    content: "\EA19";
  }
  /*移动端右侧-推荐产品*/
  .right-content .over-hidden-dot {
    position: relative;
    max-height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .right-content .icon-prod-rec {
    width: 24px;
    height: 24px;
    font-size: 24px;
    vertical-align: middle;
  }
  .right-content .recommend-item .caption {
    vertical-align: middle;
    margin-bottom: 5px;
    height: 30px;
  }
  .right-content .recommend-item .name {
    /* font-family: Roboto-Medium; */
    font-size: 14px;
    color: #252B3A;
    letter-spacing: 0;
    line-height: 22px;
    position: relative;
    left: 32px;
    top: -23px;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .right-content .recommend-item .caption p:hover {
    color: #C7000B;
  }
  .cui-icon-down:before {
    content: "\EA17";
  }
  .right-content .related .dropdown {
    /* font-family: Roboto-Regular; */
    font-size: 12px;
    color: #666A75;
    letter-spacing: 0;
    line-height: 18px;
    padding: 15px 0;
    text-align: center;
  }
  .right-content .related .dropdown:hover {
    color: #007ACE;
  }
  /*推荐产品超过3个展开*/
  .right-content .recommend-product.active .dropdown i {
    -ms-transform: rotate(180deg);
    transform: rotateX(180deg);
  }
  .right-content .recommend-product.active .recommend-content {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 20px ;
    height: auto;
  }
  /*右侧广告位*/
  .right-content .right-ads {
    padding-bottom: 10px;
  }
  .right-content .right-ads-bg {
    height: 120px;
    background: url(./../images/blogDetail-ad.png) center no-repeat;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .left-content .shareto {
    line-height: 20px;
    position: relative;
    left: 604px;
    top: -18px;
  }
}

/*# sourceMappingURL=index.css.map*/