.h5ad {
    display: none;
}
.pdffram {
    height: 800px;
    margin-top: 50px;
    margin-bottom:30px;
    border:1px solid #cecece;
}
@media (max-width:800px) {
.h5ad {display: block!important;}
	
.pdffram {
    height: 500px;
    margin-top: 0px;
}
}
.layout-image-display .each-cell {
    margin-bottom: 20px;
    height: 180px;
    overflow: hidden;
}
.layout-image-display .each-cell .img-box {
    width: 100%;
    height: 130px;
    cursor: pointer;
}
.layout-image-display .each-cell .img-box a {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    display: block;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}
.layout-image-display .each-cell .img-box a.fadeIn {
    opacity: 1;
}
.layout-image-display .each-cell .img-box a img {
    opacity: 0;
    visibility: hidden;
}
.layout-image-display .each-cell .desc {
    width: 100%;
    height: 100%;
    cursor: pointer;
    font-size: 15px;
    padding-top: 5px;
}
.layout-image-display .each-cell .desc .desc-inner {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5em;
    max-height: 3em;
    word-break: break-all;
}
.layout-image-display .each-cell .desc a {
    display: block;
    color: #333;
    width: 100%;
}
.common-post-like-wrapper {
    display: inline-block;
    position: relative;
}
.common-post-like-wrapper .digg_act {
    padding: 0 margin:0 30px 0 0;
    font-size: .9rem;
    cursor: pointer;
}
.common-post-like-wrapper .digg_act:hover {
}
.common-post-like-wrapper .digg_num {
    color: #bbb;
    font-size: 13px;
    line-height: 20px;
}
.common-post-like-wrapper .digg_percent {
    display: none;
}
.common-post-like-wrapper .digg_percent_num {
}
.common-post-like-wrapper .digg_bad {
    display: none;
}
.common-post-like-wrapper .post-pc-like {
    display: inline-block;
    padding: 0;
    margin: 0 30px;
    background-color: #fff;
    border-radius: 60px;
    color: #F35353;
    font-size: .9rem;
    width: 63px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    z-index: 20;
    position: relative;
    box-shadow: rgba(58,58,58,0.12) 0px 1px 4px;
}
.common-post-like-wrapper .post-pc-like:hover {
    background-color: #f5f5f5;
}
.common-post-like-wrapper a.post-pc-like.liked {
    background-color: #bbb;
}
.common-post-like-wrapper .count-box {
    position: absolute;
    color: #4285f4;
    top: -4px;
    font-size: 12px;
    line-height: 1;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
.common-post-like-wrapper .count-box .count {
    display: block;
    opacity: 0;
}
.common-post-like-wrapper .total-count-box {
    font-size: 10px;
    margin-left: 3px;
}
.article-audio {
    display: inline-block;
    position: relative;
    width: 300px;
    height: 70px;
    background: #fff;
    border: 1px solid #c4ceda;
    border-radius: 4px;
}
.article-audio .article-audio-left {
    display: inline-block;
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;
}
.article-audio .article-audio-left .article-audio-play {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 40px;
}
.article-audio .article-audio-left .article-audio-play:hover {
    cursor: pointer;
}
.article-audio .article-audio-right {
    display: inline-block;
    padding: 15px 0 0 70px;
}
.article-audio .article-audio-right .artile-audio-title {
    width: 210px;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    color: #464c56;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.article-audio .article-audio-right .artile-audio-time {
    width: 205px;
    height: 14px;
    font-size: 12px;
    color: #969fa9;
    line-height: 14px;
}
.article-audio .code-info {
    position: absolute;
    margin-top: 13px;
    display: block;
    width: 300px;
    height: 110px;
    background: #fff;
    border: 1px solid #c4ceda;
    border-radius: 4px;
}
.article-audio .code-info .intro {
    padding: 31px 0 0 30px;
}
.article-audio .code-info .intro .down-app {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #464c56;
    line-height: 1;
}
.article-audio .code-info .intro .listen-new {
    display: block;
    font-size: 16px;
    color: #969fa9;
}
.article-audio .code-info .intro .listen-new .listen-char {
    color: #464c56;
}
.article-audio .code-info .code-enter {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 5px;
    right: 5px;
}
.article-audio .code-info .code-enter img {
    width: 100%;
    height: 100%;
    border: 0;
}
.article-audio .code-info .nav {
    position: absolute;
    top: -8px;
    left: 27px;
    background: #fff;
    overflow: hidden;
    width: 13px;
    height: 13px;
    border-left: 1px solid #c4ceda;
    border-top: 1px solid #c4ceda;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.load-html-img {
    background-color: #f2f2f2;
    display: block;
}
.load-html-img.loaded {
    background-color: transparent;
}
.load-html-img.loaded img {
    opacity: 1;
}
.load-html-img img {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}
.image-gallery {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.image-gallery-content {
    position: relative;
}
.image-gallery-content .image-gallery-left-nav,.image-gallery-content .image-gallery-right-nav {
    color: #fff;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 3rem;
    line-height: 0;
    position: absolute;
    top: 48%;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    z-index: 4;
    opacity: 0;
    cursor: pointer;
}
.image-gallery-content:hover .image-gallery-left-nav,.image-gallery-content:hover .image-gallery-right-nav {
    opacity: 1;
}
@media (max-width:768px) {
    .image-gallery-content .image-gallery-left-nav,.image-gallery-content .image-gallery-right-nav {
        font-size: 3.4em;
    }
}
@media (min-width:768px) {
    .image-gallery-content .image-gallery-left-nav:hover,.image-gallery-content .image-gallery-right-nav:hover {
        color: #fff;
    }
}
.image-gallery-content .image-gallery-left-nav {
    left: 0;
}
.image-gallery-content .image-gallery-left-nav:before {
    padding: 50px 15px;
}
.image-gallery-content .image-gallery-right-nav {
    right: 0;
}
.image-gallery-content .image-gallery-right-nav:before {
    padding: 50px 15px;
}
.image-gallery-slides {
    line-height: 0;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}
.image-gallery-slide {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.image-gallery-slide.center {
    position: relative;
}
.image-gallery-slide .image-gallery-image {
    min-height: 50px;
    background-position: 50%;
}
.image-gallery-slide img {
    display: none;
    width: 100%;
}
.image-gallery-slide .image-gallery-description {
    background: rgba(0,0,0,.4);
    bottom: 70px;
    color: #fff;
    left: 0;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    -webkit-transition: all .45s ease-out;
    transition: all .45s ease-out;
    white-space: normal;
}
@media (max-width:768px) {
    .image-gallery-slide .image-gallery-description {
        bottom: 45px;
        font-size: .8em;
        padding: 8px 15px;
    }
}
.image-gallery-bullets {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 4;
}
.image-gallery-bullets .image-gallery-bullets-container {
    margin: 0;
    padding: 0;
}
.image-gallery-bullets .image-gallery-bullet {
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 0 #222;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    padding: 5px;
}
@media (max-width:768px) {
    .image-gallery-bullets .image-gallery-bullet {
        margin: 0 3px;
        padding: 3px;
    }
}
.image-gallery-bullets .image-gallery-bullet.active {
    background: #fff;
}
.image-gallery-thumbnails {
    background: #fff;
    overflow: hidden;
    padding-top: 5px;
}
.image-gallery-thumbnails .image-gallery-thumbnails-container {
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .45s ease-out;
    transition: all .45s ease-out;
    white-space: nowrap;
}
.image-gallery-thumbnail {
    display: inline-block;
    position: relative;
    width: 25%;
}
.image-gallery-thumbnail .chj-inner {
    display: block;
    position: relative;
    width: 96%;
    border: 2px solid transparent;
    -webkit-transition: border .3s ease-out;
    transition: border .3s ease-out;
}
.image-gallery-thumbnail .chj-pad {
    padding-bottom: 100%;
    display: block;
}
.image-gallery-thumbnail .img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
}
.image-gallery-thumbnail img {
    vertical-align: middle;
    width: 100px;
}
@media (max-width:768px) {
    .image-gallery-thumbnail img {
        border: 3px solid transparent;
        width: 75px;
    }
}
.image-gallery-thumbnail.active .chj-inner {
    border: 2px solid #ff0000;
}
@media (max-width:768px) {
    .image-gallery-thumbnail.active img {
        border: 3px solid #337ab7;
    }
}
.image-gallery-index {
    background: rgba(0,0,0,.4);
    bottom: 0;
    color: #fff;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    z-index: 4;
}
.chj-swipelist-container {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
}
.chj-swipelist-container:after,.chj-swipelist-container:before {
    content: " ";
    display: block;
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 11;
}
.chj-swipelist-container:before {
    background: -webkit-linear-gradient(left,#a3a3a3,#fff 80%);
    background: linear-gradient(90deg,#a3a3a3,#fff 80%);
    left: 0;
}
.chj-swipelist-container:after {
    background: -webkit-linear-gradient(left,#fff,#a3a3a3 80%);
    background: linear-gradient(90deg,#fff,#a3a3a3 80%);
    right: 0;
}
.chj-swipelist-container.at-last-left:after,.chj-swipelist-container.at-last-right:before {
    opacity: .5;
}
.chj-swipelist-container .chj-swipelist {
    width: 100%;
    cursor: move;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.chj-animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.chj-animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.chj-animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.chj-animated.bounceIn,.chj-animated.bounceOut,.chj-animated.flipOutX,.chj-animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
@font-face {
    font-family:icomoon;src:url(//);src:url(//) format("embedded-opentype"),url(//) format("truetype"),url(//) format("woff"),url(//) format("svg");font-weight:400;font-style:normal;
}
[class*=" icon-"],[class^=icon-] {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-ic-loading:before {
    content: "\E941";
}
.icon-ic-play:before {
    content: "\E93F";
}
.icon-ic-pay-success:before {
    content: "\E940";
}
.icon-ic-error:before {
    content: "\E93A";
}
.icon-ic-wait:before {
    content: "\E93B";
}
.icon-ic-success:before {
    content: "\E93C";
}
.icon-ic-pay-alipay:before {
    content: "\E93D";
}
.icon-ic-pay-wechat:before {
    content: "\E93E";
}
.icon-sound-web:before {
    content: "\E937";
}
.icon-news-web:before {
    content: "\E938";
}
.icon-hot-web:before {
    content: "\E939";
}
.icon-wechat-h5:before {
    content: "\E934";
}
.icon-weibo-h5:before {
    content: "\E935";
}
.icon-newspaper:before {
    content: "\E933";
}
.icon-ic-share-white:before {
    content: "\E932";
}
.icon-up-list:before {
    content: "\E930";
}
.icon-up-add:before {
    content: "\E931";
}
.icon-update-close:before {
    content: "\E92F";
}
.icon-ic_toolbar_open:before {
    content: "\E92B";
}
.icon-read-list-open:before {
    content: "\E92C";
}
.icon-add-list:before {
    content: "\E92D";
}
.icon-read-history:before {
    content: "\E92E";
}
.icon-read-list:before {
    content: "\E929";
}
.icon-ic_like:before {
    content: "\E927";
}
.icon-tag:before {
    content: "\E902";
}
.icon-article:before {
    content: "\E921";
}
.icon-collect:before {
    content: "\E91F";
}
.icon-comments:before {
    content: "\E920";
}
.icon-comment-min:before {
    content: "\E908";
}
.icon-collect-min:before {
    content: "\E909";
}
.icon-weibo:before {
    content: "\E90A";
}
.icon-readmode-active:before {
    content: "\E913";
}
.icon-readmode:before {
    content: "\E91A";
}
.icon-wechat:before {
    content: "\E91B";
}
.icon-reward:before {
    content: "\E91C";
}
.icon-back-top:before {
    content: "\E91D";
}
.icon-fav:before {
    content: "\E901";
}
.icon-weixin:before {
    content: "\E900";
}
.icon-sina:before {
    content: "\E914";
}
.icon-in:before {
    content: "\E915";
}
.icon-comment:before {
    content: "\E916";
}
.icon-minus:before {
    content: "\E917";
}
.icon-pv:before {
    content: "\E918";
}
.icon-add:before {
    content: "\E919";
}
.icon-person1:before {
    content: "\E906";
}
.icon-files:before {
    content: "\E907";
}
.icon-dollar1:before {
    content: "\E90C";
}
.icon-person2:before {
    content: "\E90D";
}
.icon-chart:before {
    content: "\E90E";
}
.icon-dollar2:before {
    content: "\E90F";
}
.icon-search:before {
    content: "\E910";
}
.icon-mail:before {
    content: "\E911";
}
.icon-arrow-up2:before {
    content: "\E912";
}
.icon-quotes-left:before {
    content: "\E904";
}
.icon-read:before {
    content: "\E903";
}
.icon-arrow-up:before {
    content: "\E60F";
}
.icon-del:before {
    content: "\E611";
}
.icon-display:before {
    content: "\E609";
}
.icon-ic_appdownload:before {
    content: "\E936";
}
.icon-check:before {
    content: "\E922";
}
.icon-radio_checked:before {
    content: "\E923";
}
.icon-radio:before {
    content: "\E926";
}
.icon-checkbox_checked:before {
    content: "\E928";
}
.icon-checkbox:before {
    content: "\E92A";
}
.icon-youdao:before {
    content: "\E90B";
}
.icon-loading:before {
    content: "\E905";
}
.icon-arrow-up22:before {
    content: "\E91E";
}
.icon-angle-right:before {
    content: "\E925";
}
.icon-angle-left:before {
    content: "\E924";
}
.bookmark.icon {
    color: #aaa;
    position: absolute;
    margin-left: 5px;
    margin-top: 3px;
    width: 10px;
    height: 13px;
    border-radius: 1px 1px 0 0;
    border-top: solid 1px currentColor;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;
    margin: 1px 0px 0 0!important;
}
.bookmark.icon:before {
    content: '';
    color: #aaa;
    position: absolute;
    top: 8px;
    left: 1px;
    width: 7px;
    height: 7px;
    border-top: solid 1px currentColor;
    border-left: solid 1px currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.eye.icon {
    color: #aaa;
    position: absolute;
    margin-left: 3px;
    margin-top: 3px;
    width: 12px;
    height: 12px;
    border-radius: 70% 15%;
    border: solid 1px currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 1px 0px 0 0!important;
}
.eye.icon:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: solid 1px currentColor;
    color: #aaa;
}
.eye2.icon {
    color: #aaa;
    position: absolute;
    margin-left: 3px;
    margin-top: 3px;
    width: 14px;
    height: 14px;
    border-radius: 70% 15%;
    border: solid 1px currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 1px 0px 0 0!important;
    left: 0;
    top: 10px;
}
.eye2.icon:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: solid 1px currentColor;
    color: #aaa;
}
.clock.icon {
    color: #aaa;
    position: absolute;
    margin-left: 2px;
    margin-top: 2px;
    width: 13px;
    height: 13px;
    border: solid 1px currentColor;
    border-radius: 8px;
    margin: 0px 0 0 2px!important;
}
.clock.icon:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 5px;
    width: 5px;
    height: 1px;
    background-color: currentColor;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}
.clock.icon:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 5px;
    width: 1px;
    height: 6px;
    background-color: currentColor;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}
body {
    font-family: PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,STHeitiSC-Light,simsun,\\5B8B\4F53,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.has-modal-open {
    overflow-y: hidden;
}
body.ios-has-modal-open {
    height: 100%;
    overflow-y: hidden;
    width: 100%;
    position: fixed;
}
html {
    font-size: 20px;
}
html.has-modal-open {
    overflow-y: hidden;
}
@media (min-width:820px) {
    html {
        font-size: 20px!important;
    }
}
html.size-20 {
    font-size: 20px!important;
}
html.size-12 {
    font-size: 12px!important;
}
[class*=chj-animation-] {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.chj-animation-in-out-down {
    -webkit-animation-name: chj-in-out-down;
    animation-name: chj-in-out-down;
}
@-webkit-keyframes chj-in-out-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    99% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes chj-in-out-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    99% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.radius-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.radius-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.ads_img_box a,.radius {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.ads_img_box a {
    overflow: hidden;
}
body,html {
}
body {
    padding-top: 0;
}
header.Wrapper.common-header {
	
}
header.Wrapper.common-header .container {
    width: 1180px;
    padding: 0;
}
header.Wrapper.common-header .logo {
    border: 0;
}
header.Wrapper.common-header .sub-nav li.user-menu {
    margin-right: 0;
}
header.Wrapper.common-header .sub-nav>li .menu-wrap {
    right: -8px;
}
header.Wrapper2.common-header {
	background: none;
}
header.Wrapper2.common-header .logo {
    top: 13px;
	border: 0;
}
header.Wrapper2.common-header .logo h{
	display: block;
	width: 170px;
    height: 51px;
	overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../image/logo2.png);
}
header.Wrapper2.common-header nav ul li a {
    color: #ffffff;
	line-height: 73px;
}
header.Wrapper2.common-header nav ul li a:hover {
    border-color: #f3f3f3;
}
header.showbg.common-header .logo {
    top: 8px;
}
header.showbg.common-header .logo h{
    background-image: url(../image/logo.png);
}
header.showbg.common-header nav ul li a {
    color: #333333;
	line-height: 65px;
}
header.showbg.common-header nav ul li a:hover {
    border-color: #333333;
}

.stealth-scroll-bar::-webkit-scrollbar {
    width: 0;
    height: 0;
}
h1 {
    font-size: 1.2rem;
    color: #999;
}
h1,h2 {
    font-weight: 600;
}
h2 {
    font-size: .9rem;
}
a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    color: #ff0000;
}
p,ul {
    margin: 0;
}
ul {
    list-style: none;
    padding: 0;
}
.brand-link {
    color: #ff0000;
}
.brand-link:hover {
    color: #ff0000;
}
.note {
    color: #aaa;
    font-size: .6rem;
}
.text_es_g {
    overflow: hidden;
}
.text_es_g:after {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10rem;
    background: -webkit-linear-gradient(left,hsla(0,0%,100%,0),#fff 80%);
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 80%);
}
.chj-tag-blue {
    border: 1px solid #ff0000;
    border-radius: 15px;
    color: #ff0000;
}
.chj-tag-blue,.chj-tag-new-gray {
    display: inline-block;
    padding: 0 15px;
    height: 26px;
    line-height: 24px;
}
.chj-tag-new-gray {
    border-radius: 4px;
    background: #c4ceda;
    font-size: 14px;
    color: #fff;
}
.chj-tag-gray {
    padding: 0 13px;
    border: 1px solid #cecece;
    border-radius: 15px;
    color: #a2a2a2;
}
.chj-tag-arrow-blue,.chj-tag-gray {
    display: inline-block;
    height: 24px;
    line-height: 24px;
}
.chj-tag-arrow-blue {
    vertical-align: middle;
    padding: 0 10px;
    border: 1px solid #ff0000;
    color: #4285f4;
    position: relative;
}
.chj-tag-arrow-blue .arrow {
    border-color: #333 transparent transparent;
    border-color: transparent #ff0000 transparent transparent;
    left: -10px;
    top: 50%;
    margin-top: -10px;
}
.chj-tag-arrow-blue .arrow,.chj-tag-arrow-blue .arrow em {
    display: block;
    border-width: 10px 10px 10px 0;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
}
.chj-tag-arrow-blue .arrow em {
    border-color: transparent #fff transparent transparent;
    top: -10px;
    left: 1px;
}
.chj-tag-arrow-blue.chj-size-min {
    height: 22px;
    line-height: 20px;
    font-size: 12px;
}
.chj-tag-arrow-blue.chj-size-min .arrow {
    border-width: 4px 4px 4px 0;
    left: -4px;
    margin-top: -4px;
}
.chj-tag-arrow-blue.chj-size-min .arrow em {
    border-width: 4px 4px 4px 0;
    top: -4px;
}
.chj-arrow,.chj-arrow span {
    display: block;
    border-style: solid;
    position: absolute;
    width: 0;
    height: 0;
}
.common-footer {
    z-index: 0;
}
.listmenu {
    padding: 20px 0 0;
    display: table;
}
.listmenu a {
    padding: 3px 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #999;
    font-size: .8rem;
    width: 88px;
    float: left;
    text-align: center;
    margin: 0 3px 5px 2px;
}
@media (max-width:820px) {
    .listmenu {
        padding: 20px .3rem 0 .6rem;
    }
    .listmenu a {
        width: 22%;
        float: left;
        text-align: center;
        margin: 0 2% 10px 1%;
    }
}
.fixed-tools {
    left: auto!important;
    margin-left: auto!important;
    right: 0;
    margin-right: 10px;
}
.pagewrap {
    min-height: 400px;
    width: 1200px;
    padding: 0px 0px;
    margin: 0 auto;
    margin-top: 0px;
}
.pagewrap.pagewrap-full {
    width: 100%;
    max-width: none;
    padding: 0;
}
.mainlib_flex_wapper {
    display: table;
    width: 100%;
}
.mainlib {
    background-color: #fff;
    min-height: 5rem;
    display: table-cell;
    vertical-align: top;
}
.mainlib .center_content {
    padding: 1rem 10px 0;
    margin: auto;
    max-width: 800px;
}
.ab-right .center_content {
    margin: 0 0 0 5%;
}
.rightlib {
    display: table-cell;
    width: 280px;
    vertical-align: top;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.rightlib .pad_inner {
    font-size: .65rem;
    margin-bottom: 1.3rem;
    width: 280px;
}
.tip {
    position: relative;
}
.tip b {
    display: inline-block;
    padding: .2rem .6rem;
    color: #fff;
    white-space: nowrap;
    background-color: #adc8db;
    border-radius: 3px;
    font-size: .6rem;
    font-weight: 400;
    top: -1.75rem;
}
.tip b,.tip b:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.tip b:after {
    content: "";
    border: .3rem solid #adc8db;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    height: 0;
    width: 0;
    bottom: -.5rem;
}
h3.h3 {
    color: #3d464d;
    margin-bottom: .8rem;
}
h3.h3 span {
    display: inline-block;
    padding-right: 10px;
    background-color: #fafafa;
    position: relative;
    z-index: 1;
}
h3.h3:after {
    width: 100%;
    content: "";
    border-bottom: 1px solid #efefef;
    display: block;
    position: relative;
    top: -12px;
}
.rightlib.cover_css .a_d_bd_div .baidu_ads_cell {
    margin-bottom: .8rem;
}
.rightlib.cover_css .a_d_bd_div .baidu_ads_cell a {
    display: block;
    width: 14.5rem;
    height: 9rem;
    margin: 0 auto;
    background-size: cover;
}
.rightlib.cover_css h3 {
    font-size: .8rem;
    color: #3d464d;
    margin: 0 auto;
    padding: .8rem 0;
    text-align: center;
    border-top: 1px solid #ff0000;
    border-bottom: 0px dashed #e6e8eb;
	font-weight: normal;
}
.rightlib.cover_css h3 span {
    display: inline-block;
    padding: 0 .5rem 0 0;
    position: relative;
    color: #e01010;
    z-index: 1;
}
.rightlib.cover_css h3 .more {
    font-size: .6rem;
    font-weight: 400;
    position: absolute;
    top: -.2rem;
    right: 0;
    padding: .15rem 0 .15rem .25rem;
    background-color: #fafafa;
    color: #999;
    display: block;
    z-index: 11;
}
.rightlib.cover_css h3 .more span {
    padding: 0;
}
.rightlib.cover_css h3 .more span:last-child {
    padding-left: .1rem;
    font-size: .6rem;
}
.rightlib.cover_css h3 .more:hover {
    color: #458df5;
}
.mainlib_flex_wapper .mainlib {
    display: block;
}
@media (max-width:820px) {
    html {
        font-size: 12px;
    }
    .pagewrap {
        padding: 0;
    }
    .Wrapper {
        position: static;
    }
    .Wrapper.common-header .container .logo {
        width: 110px;
        height: 40px;
        padding-top: 0px;
        left: 10px;
		top: 8px;
    }
    header.Wrapper.common-header .container {
        min-width: inherit;
	    width: 100%;
    }
	.Wrapper2.common-header .container .logo {
        width: 110px;
        height: 40px;
        padding-top: 0px;
        left: 10px;
		top: 8px;
    }
	.Wrapper2.common-header .container .logo h {
        width: 110px;
        height: 35px;
    }
	header.showbg.common-header .header-menu2:before {
       color: #333;
    }
	header.Wrapper2.common-header nav ul li a {
       line-height: 43.4px;
    }
	
    .mainlib_flex_wapper {
        display: block;
        width: 100%;
    }
    .mainlib_flex_wapper .rightlib {
        display: none;
    }
    .mainlib_flex_wapper .mainlib {
        display: block;
        width: 100%;
    }
    .mainlib_flex_wapper .mainlib .center_content {
        margin: 0;
        padding: 0;
        max-width: none;
        min-width: inherit;
		width: auto;
    }
}
.pagewrap .editor_recommend ul li:hover img {
}
.pagewrap .editor_recommend ul li img {
}
.pagewrap .a_ds_banner .slick-slide a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.pagewrap .a_ds_banner .slick-slide a {
    -webkit-transition: .7s;
    transition: .7s;
}
.pagewrap .chj_article_list ul li .comment-null,.pagewrap .chj_article_list ul li .favorite-null {
    display: none;
}
.pagewrap .chj_article_list ul li:hover {
    background-color: #f6f6f6;
}
.pagewrap .chj_article_list ul li:hover .comment-null,.pagewrap .chj_article_list ul li:hover .favorite-null {
    display: inline-block;
}
.pagewrap .chj_article_list .img_box img {
    -webkit-transition: .7s;
    transition: .7s;
    font-size: 0;
    min-height: 6.9rem;
}
.pagewrap .chj_article_list .img_box img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
@media (max-width:820px) {
    .pagewrap .chj_article_list .img_box img {
        min-height: 4rem;
	    border-radius: 5px;
	    max-height: 9rem!important;
    }
}
.pagewrap .chj_article_list ul li .baidu_ads_cell:hover {
    background-color: #f0f0f0;
}
.pagewrap .chj_article_list ul li .baidu_ads_cell .img_box a {
    -webkit-transition: .7s;
    transition: .7s;
}
.pagewrap .chj_article_list ul li .baidu_ads_cell .img_box a:hover,.pagewrap .chj_article_list ul li .info-flow-monographic-inner:hover .img-pad {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.pagewrap .chj_article_list ul li .info-flow-monographic-inner .img-pad,.pagewrap .news-post-item .img-box img {
    -webkit-transition: .7s;
    transition: .7s;
}
.pagewrap .news-post-item a:hover img {
    -webkit-transform: translate(-50%,-50%) scale(1.05)!important;
    transform: translate(-50%,-50%) scale(1.05)!important;
}
.pagewrap .hot_article.hot_posts li .img-cover img {
    -webkit-transition: .7s;
    transition: .7s;
}
.pagewrap .hot_article.hot_posts li .img-cover img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.pagewrap .hot_article.hot_posts li .img-left-cover img {
    -webkit-transition: .7s;
    transition: .7s;
}
.pagewrap .hot_article.hot_posts li .img-left-cover a:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.info-list-abtest {
    padding: 0 2px!important;
}
.textblock {
    font-family: PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,STHeitiSC-Light,simsun,\\5B8B\4F53,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";
    line-height: 1.7;
    font-size: 15px;
    color: #3d464d;
}
@media screen and (max-width:820px) {
    .textblock {
    font-size: 1.5rem;
    line-height: 1.7;
    text-align: justify;
    }
}
@media screen and (min-width:1450px) {
    .textblock {
        line-height: 30px;
        font-size: 16px;
    }
}
.textblock h1,.textblock h2 {
    font-size: 16px;
    margin: 30px 0 14px;
}
@media screen and (max-width:820px) {
    .textblock h1,.textblock h2 {
        font-size: 1.7rem;
    }
}
.textblock h3 {
    font-size: 15px;
    margin: 40px 0 14px;
    padding-left: 14px;
    line-height: 23px;
    position: relative;
}
.textblock h3:before {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    width: 4px;
    background: #4285f4;
    display: block;
    content: "";
}
@media screen and (max-width:820px) {
    .textblock h3 {
        font-size: 18px;
        line-height: 26px;
    }
}
.textblock p {
    margin-bottom: 26px;
}
.textblock p a {
    color: #3d464d;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #999;
    padding: 0 0 1px;
}
.textblock p a:hover {
    color: #4285f4;
    border-color: #ff0000;
}
.textblock ol,.textblock ul {
    padding: 0 0 0 20px;
    margin-bottom: 22px;
}
@media screen and (max-width:820px) {
    .textblock ol,.textblock ul {
        padding-left: 1.5em;
    }
}
.textblock ol li,.textblock ul li {
    margin-bottom: 6px;
}
.textblock ul li {
    list-style-type: square;
}
.textblock iframe,.textblock img {
    display: block;
    max-width: 100%;
}
.textblock blockquote {
    padding: 6px 0 6px 55px;
    position: relative;
    margin: 30px 0;
    color: #3d464d;
    font-family: PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,STHeitiSC-Light,simsun,\\5B8B\4F53,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";
    border: 0;
}
@media screen and (max-width:340px) {
    .textblock blockquote {
        padding: 6px 0 6px 35px;
    }
}
.textblock blockquote:before {
    display: block;
    width: 23px;
    height: 17px;
    background: url("") no-repeat 0 0;
    background-size: contain;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
}
@media screen and (max-width:340px) {
    .textblock blockquote:before {
        width: 18px;
        height: 14px;
        left: 10px;
    }
}
.textblock blockquote p {
    margin-bottom: 0;
    padding: 6px 10px;
}
.textblock b,.textblock strong {
    font-weight: 600;
}
.textblock img[src*="global/p/sensors"] {
    display: none;
}
.textblock p.img-desc {
    font-size: 12px;
    color: #999;
    text-align: center;
    line-height: 1.8;
    max-width: 600px;
    margin: -10px auto 15px;
}
.textblock .detect-string {
    display: none;
}
.textblock em,.textblock i {
    font-style: normal;
    color: #999;
}
.textblock iframe,.textblock img {
    margin: 20px auto;
}
.plan-image {
    position: relative;
}
.plan-image .mark {
    position: absolute;
    bottom: 5px;
    right: 5px;
    background-color: rgba(0,0,0,.3);
    color: #fff;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 1.5em;
}

.slick-next,.slick-prev {
    width: auto;
    height: auto;
}
@media (max-width:820px) {
    .a_ds_banner .slick-arrow {
        display: none;
    }
    .a_ds_banner:hover .slick-arrow {
        display: none!important;
    }
    .a_ds_banner .banner_cell .info {
        bottom: 2rem;
        font-size: .5rem;
    }
}
@media (max-width:780px) {
    .a_ds_banner .banner_cell .info {
        display: none;
    }
    .a_ds_banner .slick-dots {
        display: none!important;
    }
}
.tags em.highlight {
    font-style: normal;
    color: #4285f4;
    font-weight: 600;
}
.tags .rightlib {
    width: 290px;
}
.tags .mainlib {
    padding: 0 .75rem;
    max-width: 830px;
}
.tags .mainlib .center_content {
    padding-top: 1.5rem;
}
.tags_wrapper {
    height: 9rem;
    max-width: 54.25rem;
    position: relative;
    margin: 0 auto;
}
.tags_wrapper .tag_read {
    vertical-align: top;
}
.tagsbanner {
    background-color: #fafafa;
    width: 100%;
    height: 9rem;
    position: relative;
    padding: 0 1rem;
    margin: 0 auto;
    color: #68727d;
}
@media (max-width:1024px) {
    .tagsbanner {
        padding: 0;
    }
}
.tagsbanner .tag_tip {
    padding: 1.6rem 0 .5rem;
    font-size: .8rem;
}
.tagsbanner .tag_tip .icon-tag {
    font-size: 1.1rem;
    margin-right: .4rem;
    color: #9ca4ab;
}
@media (max-width:1024px) {
    .tagsbanner .tag_tip {
        padding-left: 1.5rem;
    }
}
.tagsbanner .tag_tip .tag_tip_txt {
    position: absolute;
    width: 100%;
    bottom: .5rem;
    left: 0;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    line-height: 1;
}
.tagsbanner .content {
    width: 100%;
}
@media (max-width:1024px) {
    .tagsbanner .content {
        padding: 0 1.5rem;
    }
    .tagsbanner .content .note {
        font-size: .7rem;
    }
}
.tagsbanner .content .tags_keywords {
    color: #3d464d;
}
.tagsbanner .content .tags_keywords h1 {
    margin: 0;
    padding: 0;
    color: #4285f4;
    padding-right: .25rem;
    font-weight: 400;
    display: inline-block;
}
.tagsbanner .content .tags_keywords span {
    font-size: 1.2rem;
    font-weight: 400;
}
.tagsbanner .content .note {
    font-size: .7rem;
    letter-spacing: 1px;
}
.tagsbanner .content .note a {
    color: #4285f4!important;
    margin-right: 6px;
}
.tagsbanner .content .note .select_word {
    color: #68727d;
    font-weight: 500;
}
.tags .rightlib h3 {
    font-size: .7rem;
}
.tags .rightlib .ad-wrap {
    height: 7.5rem;
    background-color: #00b3ee;
    margin: 0 1rem;
}
.tags .rightlib .ad-wrap .ads_img_box {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 7.5rem;
}
.tags .rightlib .ad-wrap .ads_img_box a {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
}
.common-comment .display-module {
    text-align: center;
}
.common-comment .display-module li {
    text-align: left;
    padding: .5rem 0;
    border-top: 1px dashed #e8e8e8;
    min-height: 84px;
}
.common-comment .display-module .img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: inline-block;
    margin-right: .75rem;
    vertical-align: middle;
    float: left;
    margin-top: .5rem;
}
.common-comment .display-module .msgwrap {
    overflow: hidden;
    font-size: 14px;
    line-height: 21px;
}
.common-comment .display-module .msgwrap .name {
    color: #4285f4;
}
.common-comment .display-module .msgwrap .reply,.common-comment .display-module .msgwrap .time {
    color: #ccc;
}
.common-comment .display-module .msgwrap .text {
    color: #666;
}
.common-comment .display-module .msgwrap .rejected,.common-comment .display-module .msgwrap .reviewing {
    display: inline-block;
    background-color: #ff9831;
    color: #fff;
    padding: 0 5px;
    margin-right: 5px;
    vertical-align: 1px;
    font-size: 12px;
    border-radius: 3px;
}
.common-comment .display-module .msgwrap .rejected {
    background-color: #d7252b;
}
.common-comment .display-module .msgwrap .replay_button {
    text-align: right;
}
.common-comment .display-module .msgwrap .submit {
    border: 0 none;
    background-color: transparent;
    color: #4285f4;
    font-size: 14px;
    padding: 0;
}
.common-comment .display-module .more {
    color: #4285f4;
    border: 1px solid #ff0000;
    border-radius: 3px;
    display: inline-block;
    background-color: transparent;
    font-size: 14px;
    padding: .1rem .25rem;
    margin: .5rem auto 0;
}
.common-comment .input-module {
    margin-bottom: 1rem;
}
.common-comment .input-module textarea {
    outline: none;
    -webkit-appearance: none;
    padding: .2rem;
    width: 100%;
    background-color: #f7fcff;
    border: 1px solid #d3d7db;
    border-radius: 3px;
    font-size: 14px;
    resize: vertical;
    margin-bottom: 15px;
    height: 5rem;
}
.common-comment .input-module textarea:focus {
    border: 1px solid #57c5f7;
    box-shadow: 0 0 0 2px rgba(45,183,245,.2);
}
.common-comment .input-module .blockel {
    min-height: 26px;
}
.common-comment .input-module .replytip {
    float: left;
    white-space: nowrap;
    background-color: #efefef;
    font-size: 12px;
    margin-right: 10px;
}
.common-comment .input-module .replytip span {
    display: inline-block;
}
.common-comment .input-module .replytip .parent-name {
    padding: 0 5px;
}
.common-comment .input-module .replytip .close {
    width: 24px;
    height: 24px;
    background-color: #66c5fd;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.common-comment .input-module .msg {
    line-height: 24px;
    color: #999;
    font-size: 12px;
}
.common-comment .input-module .error {
    color: red;
}
.common-comment .input-module button {
    outline: none;
    float: right;
    color: #008df2;
    border: 1px solid #008df2;
    border-radius: 3px;
    background-color: transparent;
    font-size: 14px;
}
.common-comment .input-module .msg {
    float: left;
}
.common-comment .input-module .current-user {
    font-size: 14px;
}
.common-comment .input-module .current-user .img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    margin-right: .75rem;
    vertical-align: middle;
}
.common-comment .input-module .current-user .name {
    color: #4285f4;
}
.common-comment .input-module .current-user span {
    color: #999;
}
.common-comment .notlogin button {
    border-color: #ff0000;
    color: #4285f4;
}
.common-comment .notlogin button a,.common-comment .notlogin button a:hover {
    color: #4285f4;
}
.common-comment .notlogin textarea {
    -webkit-user-select: none;
    background-color: #fafafa;
    color: #b6cad9;
}
.chj_tab .chj_tab_box {
    height: 2.5rem;
}
.chj_tab .chj_tab_wapper {
    height: auto;
    padding: .5rem;
    top: 0;
    z-index: 99;
    background: hsla(0,0%,100%,.9);
    font-weight: 600;
    -webkit-backdrop-filter: blur(8px);
	
}
.chj_tab ul {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-bottom: 0px solid #e6e8eb;
    text-align: center;
}
.chj_tab ul li {
    list-style: none;
    color: #828a92;
    cursor: pointer;
    position: relative;
    padding-bottom: .5rem;
    font-size: 15px;
    -webkit-transition: color .5s ease-in;
    transition: color .5s ease-in;
    margin: 0 10px;
    display: inline-block;
    font-weight: normal;
}
.chj_tab ul li .seo_h2 {
    font-size: inherit;
    padding: 0;
    margin: 0;
    display: inline-block;
    font-weight: 600;
}
.chj_tab ul li>span {
    display: inline-block;
}
.chj_tab ul li.chj_active {
    color: #3d464d;
}
.chj_tab ul li.chj_active:before {
    opacity: 1;
}
.chj_tab ul li:last-of-type {
    margin-right: 0;
}
.chj_tab .dropMenu {
    float: right;
    margin: 13px 0px 0 0;
    line-height: 23px;
}
.chj_tab .dropMenu ul {
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 1000;
    font-size: .8rem;
    height: inherit;
    text-align: center;
    background: #fff;
    border: 0px solid #e6e8eb;
    border-bottom: 0;
    border-right: 0;
}
.chj_tab .dropMenu a {
    float: left;
    padding-right: 30px;
    border-bottom: 0px solid #e6e8eb;
    border-right: 0px solid #e6e8eb;
    height: 30px;
    line-height: 25px;
    color: #888;
}
.chj_tab .dropMenu a:hover {
    color: #ff0000;
}
.chj_tab .dropMenu:hover ul {
    display: block;
}
.position {
    display: block;
    color: #ccc;
    padding-left: 5px;
    font-size: 13px;
}
.position a {
    color: #ccc!important;
}
@media (max-width:820px) {
    .position {
        display: none;
    }
}
.loading_more {
    display: block;
    width: 8rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 4px;
    margin: 0 auto;
    border: 1px solid #366df0;
    text-align: center;
    margin-top: 2.5rem;
    color: #366df0;
    font-size: .8rem;
    cursor: pointer;
}
.loading_more a {
    display: block;
    width: 8rem;
    height: 2rem;
    line-height: 2rem;
    color: #366df0;
}
.relation_author_right {
    margin-bottom: 2rem;
}
.relation_author_right li {
    position: relative;
    margin: 0 0 1.25rem;
}
.relation_author_right li:last-child {
    margin-bottom: 0;
}
.relation_author_right li .author_info {
    position: relative;
}
.relation_author_right li .author_info .add {
    position: absolute;
    top: 50%;
    right: .2rem;
    margin-top: -.5rem;
    display: block;
    color: #e1ebfc;
    font-size: .8rem;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
}
.relation_author_right li h4 {
    font-size: .7rem;
    color: #3d464d;
    margin: 0 0 .15rem;
    line-height: 1.2;
    height: 20px;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.relation_author_right li h4 a,.relation_author_right li h4 span {
    color: #366df0;
}
.relation_author_right li .img_box {
    float: left;
    width: 3rem;
    height: 3rem;
    background-color: #f0f0f0;
    border-radius: 50%;
}
.relation_author_right li .img_box img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.relation_author_right li .info_box {
    margin-left: 4rem;
    line-height: 1.4;
}
.relation_author_right li .info_box p {
    max-height: 1.75rem;
    overflow: hidden;
    padding-right: 2.25rem;
    font-size: .65rem;
}
.relation_author_right li .article_list {
    position: relative;
    display: none;
    margin-top: 1rem;
    padding: .75rem 1rem;
    background-color: #f1f1f1;
}
.relation_author_right li .article_list .arrow {
    position: absolute;
    top: -.4rem;
    left: 1rem;
    width: 1.5rem;
    height: .6rem;
    background-size: cover;
}
.relation_author_right li .article_list .cell {
    margin-bottom: 1rem;
}
.relation_author_right li .article_list .cell:last-child {
    margin-bottom: 0;
}
.relation_author_right li .article_list .pic_box {
    width: 4rem;
    height: 2.5rem;
    background-color: #c3c3c3;
    display: inline-block;
    vertical-align: middle;
}
.relation_author_right li .article_list .pic_box img {
    width: 100%;
    height: 100%;
}
.relation_author_right li .article_list .intro {
    vertical-align: middle;
    width: 7.75rem;
    margin-left: .75rem;
    font-size: .75rem;
    line-height: 1.4;
    color: #3d464d;
    float: right;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5em;
    max-height: 3em;
}
.hot_tag_right .inner_con {
    padding: 0 0 .5rem;
}
.hot_tag_right a {
    margin: .25rem .15rem;
}
.hot_focus_right div {
    margin-bottom: 30px;
}
.hot_focus_right a {
    max-width: 5rem;
    text-decoration: underline;
    color: #68727d;
}
.hot_focus_right .inner_con a {
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    margin-right: .75rem;
}
.chj_article_list {
    display: block;
    width: 800px;
    float: right;
    margin-right: 120px;
}
.chj_article_list ul {
    margin-bottom: 0;
}
.chj_article_list ul li {
    width: 48%;
    float: left;
    margin: 5px 1%;
    padding: 5px;
}
.chj_article_list ul li:last-child {
    border-bottom: 0px solid #f0f0f0;
}
@media (max-width:800px) {
.chj_article_list {
    width: 100%;
    float: none;
    margin: auto;
}
.chj_article_list ul li {
    border-bottom: 0px solid #d9d9d9;
    margin-top: -1px;
    width: 100%;
    float: none;
    margin: 0;
    padding: 3% 2%;
}
.chj_article_list ul li:last-child {
    border-bottom: 0.5px solid #f0f0f0;
}
}
.chj_article_list ul li .inner_li {
    height: 230px;
    overflow: hidden;
    position: relative;
}
.chj_article_list ul li .info-flow-monographic-wrapper.inner_li {
    height: 11.25rem;
}
.chj_article_list ul li .info-flow-monographic-wrapper.inner_li .mark {
    margin-left: 1rem;
    left: 0;
    top: 2rem;
}
.chj_article_list ul li .info-flow-monographic-inner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.chj_article_list ul li .info-flow-monographic-inner .background-cover {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,.4);
    z-index: 8;
}
.chj_article_list ul li .info-flow-monographic-inner .img-pad {
    background-size: cover;
    background-position: 50%;
    padding-bottom: 31.94444444%;
}
.chj_article_list ul li .info-flow-monographic-inner .info {
    padding: 0 1rem;
    bottom: 1rem;
    left: 0;
    position: absolute;
    width: 100%;
    color: #fff;
    z-index: 9;
    padding-right: 4rem;
}
.chj_article_list ul li .info-flow-monographic-inner .info .title {
    font-size: 1.2rem;
    margin-bottom: .5rem;
    font-weight: 600;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 1.5em;
    max-height: 1.5em;
}
.chj_article_list ul li .info-flow-monographic-inner .info .desc {
    font-weight: 400;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5em;
    max-height: 3em;
    font-size: .7rem;
}
.chj_article_list ul li .baidu_ads_cell {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    position: relative;
    padding: 1rem 0;
}
.chj_article_list ul li .baidu_ads_cell:after,.chj_article_list ul li .baidu_ads_cell:before {
    content: " ";
    display: table;
}
.chj_article_list ul li .baidu_ads_cell:after {
    clear: both;
}
.chj_article_list ul li:last-child {
    margin-bottom: 0;
}
.chj_article_list ul li.img_long {
    height: 4.5rem;
}
.chj_article_list ul li.topic {
    height: 15.5rem;
}
.chj_article_list ul li .img_box_long a {
    display: block;
    width: 100%;
    padding-bottom: 20%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.chj_article_list ul .more {
    display: flex;
    width: 100%;
}
.chj_article_list ul p {
    font-size: .8rem;
    border: 1px solid #e27979;
    list-style-type: none;
    margin: 30px auto;
    padding: 3px 0;
    width: 180px;
    border-radius: 3px;
}
.chj_article_list ul p a{
    color: #e27979;
}
.chj_article_list .ads_place {
    position: relative;
    width: 100%;
    margin-bottom: 1.5rem;
}
.chj_article_list .ads_place a {
    display: block;
    width: 100%;
}
.chj_article_list .ads_place a img {
    width: 100%;
}
.chj_article_list .ads_place a .des {
    padding: 0 3% 2%;
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: .65rem;
}
.chj_article_list .ads_place a .des .mark {
    top: -.5rem;
    left: 3%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.chj_article_list .mark {
    position: absolute;
    top: .4rem;
    left: .4rem;
    display: block;
    padding: 0 .5rem;
    color: #fff;
    background: rgba(0,0,0,.5);
    font-size: .6rem;
    text-align: center;
    border-radius: 1rem;
    z-index: 11;
}
.chj_article_list .mark a {
    color: #fff;
}
.chj_article_list .mark:hover {
    cursor: pointer;
}
.chj_article_list .mark1 {
    top: 0;
    color: #fff;
    font-size: .6rem;
    text-align: center;
    z-index: 10;
    position: absolute;
    left: .6rem;
    display: inline-block;
    width: 2.6rem;
    height: 1rem;
    background-color: rgba(247,127,30,0.85);
    background-size: initial;
}
.chj_article_list .mark1 a {
    color: #fff;
}
.chj_article_list .mark1:hover {
    cursor: pointer;
}
.chj_article_list .mark1:before {
    position: absolute;
    top: 1rem;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid rgba(247,127,30,0.85);
    border-right: 27.5px solid transparent;
    border-left: 0 solid transparent;
}
.chj_article_list .mark1:after {
    position: absolute;
    top: 1rem;
    right: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid rgba(247,127,30,0.85);
    border-left: 24.5px solid transparent;
    border-right: 0 solid transparent;
}
.chj_article_list .mark2 {
    top: 0;
    color: #fff;
    font-size: .6rem;
    text-align: center;
    z-index: 10;
    position: absolute;
    left: .6rem;
    display: inline-block;
    width: 2.6rem;
    height: 1rem;
    background-color: rgba(16,160,245,0.85);
    background-size: initial;
}
.chj_article_list .mark2 a {
    color: #fff;
}
.chj_article_list .mark2:hover {
    cursor: pointer;
}
.chj_article_list .mark2:before {
    position: absolute;
    top: 1rem;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid rgba(16,160,245,0.85);
    border-right: 27.5px solid transparent;
    border-left: 0 solid transparent;
}
.chj_article_list .mark2:after {
    position: absolute;
    top: 1rem;
    right: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid rgba(16,160,245,0.85);
    border-left: 24.5px solid transparent;
    border-right: 0 solid transparent;
}
.chj_article_list .h5_mark {
    display: none;
    line-height: 1;
}
.chj_article_list .baidu_ads_mark {
    background-color: #7c91c2;
}
.chj_article_list .img_box {
    float: left;
    width: 100%;
    max-width: 500px;
    height: 140px;
    background-color: #c1c1c1;
    position: relative;
    overflow: hidden;
}
.chj_article_list .img_box a {
    display: block;
    width: 100%;
    height: 140px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.chj_article_list .img_box img {
    width: 100%;
    height: 100%;
}
.chj_article_list .hide {
    display: none;
}
.chj_article_list .intro {
    font-size: .60rem;
    line-height: 1.5;
    word-break: break-all;
    color: #c1c1c1;
    height: auto;
    float: left;
    width: 100%;
}
.chj_article_list .intro h3 {
    font-size: .9rem;
    max-height: 2.7rem;
    overflow: hidden;
    margin: 10px 0;
    line-height: 1.4em;
    max-height: 2.8em;
    font-weight: 500;
    float: left;
    width: 100%;
}
.chj_article_list .intro h3 a {
    color: #333;
    display: block;
}
.chj_article_list .intro h3 a:hover {
    color: #d23725;
}
.chj_article_list .intro h3:after {
    display: none;
}
.chj_article_list .intro h5 {
    font-size: .9rem;
    max-height: 2.7rem;
    overflow: hidden;
    margin: 10px 0;
    line-height: 1.4em;
    max-height: 2.8em;
    font-weight: 500;
    float: left;
    width: 100%;
	display: none;
}
.chj_article_list .intro h5 a {
    color: #333;
    display: block;
}
.chj_article_list .intro h5 a:hover {
    color: #d23725;
}
.chj_article_list .intro h5:after {
    display: none;
}
.chj_article_list .intro .info {
    line-height: 1.2;
    vertical-align: middle;
    width: 100%;
    margin: 0px 0;
    float: left;
}
.noimg {
    position: relative!important;
    margin-top: 2rem;
}
.mr1 {
    margin-right: 1rem;
}
.chj_article_list .intro .info .user-info {
    vertical-align: middle;
    display: inline-block;
}
.chj_article_list .intro .info .oblique_line {
    padding: 0 .25rem;
    margin: 0;
}
.chj_article_list .intro .info .name {
    color: #aaa;
    margin: 0;
    vertical-align: middle;
}
.chj_article_list .intro .info .name:hover {
    color: #4285f4;
}
.chj_article_list .intro .info .time-div,.chj_article_list .intro .info .user-info-point {
    vertical-align: middle;
    display: inline-block;
}
.chj_article_list .intro .info .time-div {
    margin-top: 1px;
}
.chj_article_list .intro .info .time-div span {
    padding-left: 21px;
}
.chj_article_list .intro .info .h5_time {
    display: none;
}
.chj_article_list .intro .info .h5_eye {
    display: none;
}
.chj_article_list .intro .info .star {
    margin-top: -1px;
}
.chj_article_list .intro .info .star span {
    color: #ff6267;
    font-size: 15px;
}
.chj_article_list .intro .info [class*=icon],.chj_article_list .intro .info [class^=icon] {
    vertical-align: middle;
    font-size: 14px;
    margin: 1px 4px 0 0;
}
.chj_article_list .intro .abstract {
    position: relative;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.1rem;
    max-height: 3.3rem;
}
.chj_article_list .intro .abstract:after {
    height: .9rem;
}
.chj_article_list .intro .line2 {
    -webkit-line-clamp: 2!important;
}
.chj_article_list .ab_test .baidu_ads_cell {
    height: 9rem!important;
    border-bottom: 1px dashed #c3c3c3;
    margin-bottom: 1rem!important;
}
.chj_article_list .ab_test .baidu_ads_cell .mark {
    top: auto;
    bottom: 1rem;
    left: 0;
    border: 1px solid #fff;
    padding: 0;
    width: 3rem;
    height: 1.1rem;
    text-align: center;
    line-height: 1.1rem;
}
.chj_article_list .ab_test .baidu_ads_cell .img_box {
    float: right;
    position: static;
}
.chj_article_list .ab_test .baidu_ads_cell .intro {
    margin-right: 14rem;
    margin-left: 0;
}
.chj_article_list .info-list {
    display: inline-block;
    white-space: nowrap;
    padding-right: 2rem;
}
.chj_article_list .tags-list {
    color: #828a92;
    display: inline-block;
    white-space: nowrap;
    float: right;
}
.chj_article_list .tags-list i {
    display: inline-block;
    color: #999!important;
    margin-left: 0!important;
}
.chj_article_list .tags-list span {
    padding-left: 18px;
}
.chj_article_list .tags-list a {
    color: #aaa;
    display: inline-block;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.chj_article_list .tags-list a:hover {
    color: #4285f4;
}
.chj_article_list .inner_li_abtest .h5_mark {
    display: none!important;
}
.lock-solid.icon{
    color: #f7b521;
    position: relative;
    float: left;
    margin: 12px 6px 0 0;
    width: 12px;
    height: 9px;
    border-radius: 2px;
    border: solid 1px currentColor;
    background-color: currentColor;
}
.lock-solid.icon:before{
    content: '';
    position: absolute;
    left: 1px;
    top: -6px;
    width: 8px;
    height: 7px;
    border-radius: 5px 5px 0 0;
    border-top: solid 1px currentColor;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;
}
@media (max-width:820px) {
    .chj_article_list .inner_li_abtest .user-info {
    }
	.lock-solid.icon{
    margin: 9px 6px 0 0;
    }
	
	
}
.chj_article_list .inner_li_abtest .comments-list {
    color: #828a92;
    display: inline-block;
    white-space: nowrap;
    float: right;
    vertical-align: middle;
}
.chj_tab .chj_tab_box3 {
        display: none;
}
@media (max-width:1130px) {
    .chj_article_list .inner_li_abtest .tags-list {
        display: block;
    }
    .chj_article_list .inner_li_abtest .tags-list .h5_tags {
        display: none;
    }
}
@media (max-width:820px) {
    .chj_tab .chj_tab_wapper {
        padding-top: 0rem;
        height: auto;
        font-weight: 500;
	    background: none;
    }
    .chj_tab .chj_tab_box {
        display: block!important;
        margin: 0;
    }
    .chj_tab .chj_tab_box ul {
        display: block;
		border-bottom: 0.5px solid #d9d9d9;
    }
    .chj_tab .chj_tab_box ul li {
        display: inline-block;
        padding-bottom: 0;
        margin-right: .1rem;
        font-size: .8rem;
    }
    .chj_tab .chj_tab_box ul li a {
        color: #555;
    }
    .chj_tab .chj_tab_box ul li:last-of-type {
        margin-right: 0;
    }
    .chj_tab .chj_tab_box ul li.pc {
        margin-right: 0;
        display: none!important;
    }
    .chj_tab .chj_tab_box m {
        display: block!important;
    }
    .chj_tab .chj_tab_wapper .m {
        display: block!important;
    }
}
@media (max-width:820px) {
    .chj_tab .chj_tab_box2 {
        display: none;
        margin: 0;
    }
    .chj_tab .chj_tab_box2 ul {
        display: none;
    }
    .chj_tab .chj_tab_box2 ul li {
        display: inline-block;
        padding-bottom: 0;
        margin-right: .8rem;
        font-size: .9rem;
    }
    .chj_tab .chj_tab_box2 ul li:last-of-type {
        margin-right: 0;
    }
    .chj_tab .chj_tab_box2 ul li.pc {
        margin-right: 0;
        display: none!important;
    }
    .chj_tab .chj_tab_box2 .m {
        display: block!important;
    }
    .chj_tab .chj_tab_box3 {
        display: block!important;
        margin: 0;
	    background: none;
        border-top: 0px solid #ddd;
    }
    .chj_tab .chj_tab_box3 ul {
        display: block;
    }
    .chj_tab .chj_tab_box3 ul li {
    display: inline-block;
    font-size: .8rem;
	margin: 0 5px;
    }
    .chj_tab .chj_tab_box3 ul li a {
    font-weight: 400;
    color: #555;
	padding: 3px 8px;
    }
    .chj_tab .chj_tab_box3 ul li:last-of-type {
        margin-right: 0;
    }
    .chj_tab .chj_tab_box3 ul li.pc {
        margin-right: 0;
        display: none!important;
    }
    .chj_tab .chj_tab_box3 .m {
        display: block!important;
    }
    .chj_article_list .img_box {
    max-width: 100%;
    border-radius: 0px;
    height: auto!important;
    max-height: none!important;
	margin-bottom: 10px;
    }
    .chj_article_list ul li:nth-child(1) .img_box {
    }
    .chj_article_list ul li:nth-child(6) .img_box {
    }
    .chj_article_list ul li:nth-child(15) .img_box {
    }
	
	
    .chj_article_list ul li .ads_place {
        margin-bottom: 1rem;
    }
    .chj_article_list ul li .ads_place .des {
        font-size: .6rem;
    }
    .chj_article_list ul li .ads_place .des .mark {
        font-size: .55rem;
        top: -.05rem;
    }
    .chj_article_list ul li .baidu_ads_cell {
        position: relative;
    }
    .chj_article_list ul li .baidu_ads_cell .pc_mark {
        display: none;
    }
    .chj_article_list ul li .baidu_ads_cell .abstract {
        display: none!important;
    }
    .chj_article_list ul li .baidu_ads_cell .intro {
        margin-left: 7rem;
    }
    .chj_article_list ul li .inner_li {
    position: relative;
    padding: 0 0 20px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    height: auto;
    }
    .chj_article_list ul li:nth-child(1) .inner_li {
    }
    .chj_article_list ul li:nth-child(6) .inner_li {
    }
    .chj_article_list ul li:nth-child(15) .inner_li {
    }
	
	
	
    .chj_article_list ul li .inner_li.info-flow-monographic-wrapper .mark {
        bottom: inherit;
        right: inherit;
        background-color: rgba(0,0,0,.5)!important;
        color: #fff;
        padding: 2px 15px;
    }
    .chj_article_list ul li .inner_li .intro {
        position: relative;
        height: 100%;
        margin-left: auto;
	    width: 100%;
        padding: 0 2%;
    }
    .chj_article_list ul li:nth-child(1) .inner_li .intro {
    }
    .chj_article_list ul li:nth-child(6) .inner_li .intro {
    }
    .chj_article_list ul li:nth-child(15) .inner_li .intro {
    }
	
	
    .chj_article_list ul li .inner_li .intro h3 {
        font-weight: 400;
        font-size: .83rem;
		margin: 15px 0 10px;
		display: none;
    }
    .chj_article_list ul li .inner_li .intro h5 {
        font-weight: 400;
        font-size: .83rem;
		margin: 15px 0 10px;
		display: block;
    }
	
    .chj_article_list ul li .inner_li .intro .abstract {
        display: none!important;
    }
    .chj_article_list ul li .inner_li .intro .info {
        margin-bottom: 0;
    }
    .noimg {
        margin-top: .6rem;
    }
    .mr1 {
        margin-right: .5rem;
    }
    .chj_article_list ul li .inner_li .intro .info .am-icon-comment-o,.chj_article_list ul li .inner_li .intro .info .am-icon-star-o,.chj_article_list ul li .inner_li .intro .info .comment,.chj_article_list ul li .inner_li .intro .info .support,.chj_article_list ul li .inner_li .intro .info .time {
        display: none;
    }
    .chj_article_list ul li .inner_li .intro .info .h5_time {
        display: inline;
    }
    .chj_article_list ul li .inner_li .intro .info .h5_eye {
        display: inline;
    }
    .chj_article_list ul li .inner_li .intro .info .name {
        display: inline-block;
        max-width: 5rem;
        word-wrap: normal;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .chj_article_list ul li .inner_li .mark {
        top: .2rem;
        bottom: inherit;
        left: .2rem;
        right: inherit;
        color: #fff;
        background-color: rgba(204,204,204,0.6)!important;
        line-height: 1.5;
    }
    .chj_article_list ul li .inner_li .h5_mark {
        display: inline-block;
        margin-bottom: .75rem;
    }
    .chj_article_list .tags-list,.chj_article_list ul li .inner_li .pc_mark {
        display: none;
    }
   .chj_article_list .intro .info .star {
    margin-top: 2px;
   }
   .chj_article_list .intro .info .star span {
    font-size: 13px;
   }	
	
	
}
.hidden {
    display: none!important;
}
@-webkit-keyframes post-fadeIn {
    0% {
        opacity: 0;
        visibility: visible;
    }
    0.1% {
        opacity: .001;
    }
    to {
        opacity: 1;
    }
}
@keyframes post-fadeIn {
    0% {
        opacity: 0;
        visibility: visible;
    }
    0.1% {
        opacity: .001;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes post-fadeOut {
    0% {
        opacity: 1;
    }
    99.9% {
        opacity: .001;
    }
    to {
        opacity: 0;
        visibility: hidden;
    }
}
@keyframes post-fadeOut {
    0% {
        opacity: 1;
    }
    99.9% {
        opacity: .001;
    }
    to {
        opacity: 0;
        visibility: hidden;
    }
}
@-webkit-keyframes post-read-in {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    0.5% {
        opacity: .005;
        visibility: visible;
        -webkit-transform: translateY(99.5%);
        transform: translateY(99.5%);
    }
    to {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes post-read-in {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    0.5% {
        opacity: .005;
        visibility: visible;
        -webkit-transform: translateY(99.5%);
        transform: translateY(99.5%);
    }
    to {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes post-read-out {
    0% {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    99.5% {
        opacity: .995;
        visibility: visible;
        -webkit-transform: translateY(99.5%);
        transform: translateY(99.5%);
    }
    to {
        opacity: 1;
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}
@keyframes post-read-out {
    0% {
        opacity: 0;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    99.5% {
        opacity: .995;
        visibility: visible;
        -webkit-transform: translateY(99.5%);
        transform: translateY(99.5%);
    }
    to {
        opacity: 1;
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}
.article-detail {
    font-size: 15px;
    color: #3d464d;
    opacity: 1;
    width: 100%;
}
.article-detail .post-realtion-monographic-wrapper {
    margin: 2rem 0;
}
.article-detail .post-realtion-monographic-inner {
    position: relative;
    width: 100%;
}
.article-detail .post-realtion-monographic-inner .background-cover {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,.4);
    z-index: 33;
}
.article-detail .post-realtion-monographic-inner .mark-tag {
    z-index: 55;
    position: absolute;
    left: 1rem;
    top: 1rem;
    font-size: .7rem;
    padding: .1rem .75rem;
    background-color: #000;
    color: #fff;
    border-radius: .25rem;
}
.article-detail .post-realtion-monographic-inner .img-pad {
    background-size: cover;
    background-position: 50%;
    padding-bottom: 31.94444444%;
}
.article-detail .post-realtion-monographic-inner .info {
    padding: 0 1rem;
    bottom: 1rem;
    left: 0;
    position: absolute;
    width: 100%;
    color: #fff;
    z-index: 66;
}
.article-detail .post-realtion-monographic-inner .info .title {
    font-size: 1.2rem;
    margin-bottom: .5rem;
    font-weight: 600;
}
.article-detail .post-realtion-monographic-inner .info .desc {
    font-weight: 400;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5em;
    max-height: 3em;
    font-size: .7rem;
}
.article-detail .h5-author-info {
    display: none;
}
.article-detail .post-wrapper {
    position: relative;
    padding: 0 30px;
}
.article-detail .post-wrapper:not(:first-child) {
    border-top: 3px solid #ff0000;
}
.article-detail .related-articles h4 {
    color: #3d464d;
    margin: 10px 0;
}
    .article-detail .related-articles-h5 {
    display: block;
    margin: 0 auto;
    }
    .article-detail .related-articles-h5 h4 {
        margin-bottom: 0;
	    color: #ea1900;
    }
    .article-detail .related-articles-h5 .each-cell {
        position: relative;
        padding: 20px 0;
        border-bottom: 0.5px solid #f3f3f3;
    }
    .article-detail .related-articles-h5 .each-cell:last-child {
        border-bottom: none;
    }
    .article-detail .related-articles-h5 .each-cell .img-box {
        float: right;
    }
    .article-detail .related-articles-h5 .each-cell .img-box a {
        width: 190px;
        height: 110px;
        border-radius: 3px;
        background-color: #eee;
        display: block;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
    }
    .article-detail .related-articles-h5 .each-cell .info {
       margin-right: 210px;
       height: 110px;
       position: relative;
    }
    .article-detail .related-articles-h5 .each-cell .info .name {
        margin-top: -2px;
        font-size: 16px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 1.5em;
        max-height: 3em;
		padding: 2px 0;
    }
    .article-detail .related-articles-h5 .each-cell .info .name a {
    color: #3d464d;
    font-size: 18px;
    font-weight: 600;
    }
    .article-detail .related-articles-h5 .each-cell .info .name a:hover {
        color: #e42e2e;
    }
    .article-detail .related-articles-h5 .each-cell .info .description {
    color: #c5c5c5;
    font-size: 13px;
    overflow: hidden;
    line-height: 20px;
    margin: 10px 0;
    }		
	
    .article-detail .related-articles-h5 .each-cell .info .note {
        position: absolute;
        left: 0;
        bottom: 0;
        color: #aaa;
        line-height: 1em;
        font-size: 13px;
    }
    .article-detail .related-articles-h5 .each-cell .info .note span {
        padding-right: 6px;
    }
    .article-detail .related-articles-h5 .each-cell .info .note a {
        padding-right: 6px;
        display: inline-block;
        color: #4285f4;
        max-width: 100px;
        word-wrap: normal;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
    }
    .article-detail .related-articles-h5 .each-cell .info .authors {
        position: absolute;
        left: 0;
        bottom: 0;
        color: #999;
        line-height: 1em;
        font-size: 14px;
    }
    .article-detail .related-articles-h5 .each-cell .info .authors span {
        padding-right: 6px;
    }
    .article-detail .related-articles-h5 .each-cell .info .authors a {
        padding-right: 6px;
        display: inline-block;
        color: #4285f4;
        max-width: 100px;
        word-wrap: normal;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
    }
.article-detail .post-detail-con-box {
    max-width: 1120px;
    margin: 0 auto;
}
.article-detail.show-model {
    -webkit-animation-name: post-fadeIn;
    animation-name: post-fadeIn;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-delay: .2;
    animation-delay: .2;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.article-detail.hide-model {
    -webkit-animation-name: post-fadeOut;
    animation-name: post-fadeOut;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.article-detail .author-panel {
    margin-bottom: 1.4rem;
}
.article-detail u {
    text-decoration: none;
}
.article-detail .nonlink {
    color: #666!important;
    cursor: default;
}
.article-detail .circle {
    line-height: 1.5;
    top: 10px;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    position: relative;
    left: -15px;
    -moz-animation: spinoffPulse 1s infinite ease-in-out;
    -webkit-animation: spinoffPulse 1s infinite linear;
}
@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }
    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    }
}
@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
    }
}
.article-detail .loading_article {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #fafafa;
    background-color: #efefef;
    color: #999;
    border-radius: 5px;
    position: relative;
    z-index: 99;
    opacity: 0;
}
.article-detail .loading_article b {
    position: absolute;
    top: 0;
    font-weight: 400;
    font-size: 12px;
    left: 50%;
}
.article-detail .baidu_ads_cell .img_link {
    margin-top: 20px;
    width: 320px;
    height: 210px;
    overflow: hidden;
}
.article-detail .baidu_ads_cell .img_link a {
    display: block;
    background-position: 50%;
    background-size: 100% 100%;
    width: 320px;
    height: 210px;
}
.article-detail .share-nav-h5 {
    display: none;
}
.article-detail .share-nav {
    height: 50px;
    margin: 0 0;
}
.article-detail .share-nav a {
    color: #bbb;
}
.article-detail .share-nav .inner {
    height: 60px;
    background-color: hsla(0,0%,100%,.92);
    width: 100%;
}
.article-detail .share-nav .inner.fixed {
    display: block;
}
.article-detail .share-nav .inner.fixed .box {
    border-top: 0px solid #d3d7db;
    border-bottom: 0px solid #ddd;
}
.article-detail .share-nav .inner.fixed .ctrl-box .cell .tip {
    margin-top: -35px;
}
.article-detail .share-nav .inner .box {
    font-size: 13px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    height: 60px;
    line-height: 40px;
    padding: 10px 0 10px 0px;
}
@media screen and (max-width:820px) {
    .article-detail .share-nav {
        display: block;
    }
    .article-detail .share-nav .inner.fixed .box {
        border-bottom: 0px solid #545450;
    }
}
@media screen and (max-width:1160px) {
    .article-detail .share-nav .inner .other-ctrl {
        display: none;
    }
}
@media screen and (max-width:1040px) {
    .article-detail .share-nav .inner .share-ctrl {
        display: none;
    }
}
.article-detail .share-nav .share-author a {
    display: inline-block;
}
.article-detail .share-nav .share-author a img,.article-detail .share-nav .share-author a span {
    display: inline-block;
    vertical-align: middle;
}
.article-detail .share-nav .share-author a .name {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 40px;
    max-height: 40px;
    max-width: 100px;
    display: inline-block;
}
.article-detail .share-nav .share-author a img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 8px;
}
.article-detail .share-nav .share-author a span {
    margin-right: 12px;
}
.article-detail .share-nav .ctrl-box {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    position: relative;
}
.article-detail .share-nav .ctrl-box:before {
    content: " ";
    border-left: 1px solid #d3d7db;
    height: 24px;
    position: absolute;
    top: 50%;
    left: -.5px;
    margin-top: -12px;
}
.article-detail .share-nav .ctrl-box .cell {
    font-size: 28px;
    cursor: pointer;
    padding: 0 10px;
    color: #d3d7db;
    vertical-align: middle;
    position: relative;
}
.article-detail .share-nav .ctrl-box .cell .tip {
    display: none;
    position: absolute;
    -webkit-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%);
    margin-top: -20px;
    background-color: rgba(0,0,0,.2);
    top: 0;
    left: 50%;
    font-size: 12px;
    min-height: 50px;
    padding: 4px;
    line-height: 1.5em;
    color: #3d464d;
    width: 260px;
}
.article-detail .share-nav .ctrl-box .cell .tip .inner-box {
    padding: 10px 12px;
    position: relative;
    background-color: #fff;
}
.article-detail .share-nav .ctrl-box .cell .tip .chj-arrow {
    bottom: -15px;
    left: 50%;
    margin-left: -15px;
    border-width: 15px 15px 0;
    border-color: rgba(0,0,0,.18) transparent transparent;
}
.article-detail .share-nav .ctrl-box .cell .tip .chj-arrow span {
    left: 2px;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #fff transparent transparent;
    position: absolute;
    top: -19px;
    left: -15px;
}
.article-detail .share-nav .ctrl-box .cell .tip .img-box image {
    width: 100%;
    height: 100%;
}
.article-detail .share-nav .ctrl-box .cell.hover,.article-detail .share-nav .ctrl-box .cell:hover {
    color: #4285f4;
}
.article-detail .share-nav .ctrl-box .cell.hover .tip,.article-detail .share-nav .ctrl-box .cell:hover .tip {
    display: block;
}
.article-detail .share-nav .user-ctrl {
    padding-left: 18px;
}
.article-detail .share-nav .user-ctrl:before {
    display: none;
}
.article-detail .share-nav .user-ctrl>span:first-child {
    float: left;
    padding: 0 20px;
}
.article-detail .share-nav .user-ctrl .reward img {
    max-width: 100%;
}
.common-post-like-wrapper .post-pc-like .tip {
    text-align: center;
    display: none;
    position: absolute;
    -webkit-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%);
    margin-top: -16px;
    background-color: rgba(0,0,0,.2);
    top: 0;
    left: 50%;
    font-size: 12px;
    min-height: 50px;
    padding: 4px;
    line-height: 1.5em;
    color: #3d464d;
    width: 140px;
}
.common-post-like-wrapper .post-pc-like:hover .tip {
    display: block;
}
.common-post-like-wrapper .post-pc-like .tip .img-box {
    width: 108px;
    height: 108px;
    margin-bottom: 8px;
    background-size: cover;
}
.common-post-like-wrapper .post-pc-like .tip .img-box img {
    width: 108px;
    height: 108px;
}
.common-post-like-wrapper .post-pc-like .tip .inner-box {
    padding: 10px 12px;
    position: relative;
    background-color: #fff;
}
.common-post-like-wrapper .post-pc-like .tip .kr-arrow {
    bottom: -19px;
    left: 50%;
    margin-left: -15px;
    border-width: 15px 15px 0;
    border-color: rgba(0,0,0,.18) transparent transparent;
    display: block;
    border-style: solid;
    position: absolute;
    width: 0;
    height: 0;
}
.article-detail .share-nav .user-ctrl .reward .tip {
    width: auto;
    text-align: center;
    line-height: 1em;
}
.article-detail .share-nav .user-ctrl .reward .tip .img-box {
    width: 100px;
    height: 100px;
    margin-bottom: 8px;
    background-size: cover;
}
.article-detail .share-nav .user-ctrl .count-min {
    font-size: 10px;
    position: relative;
    top: -3px;
    vertical-align: middle;
}
.article-detail .share-nav .user-ctrl .count {
    display: block;
    opacity: 0;
    position: absolute;
    color: #4285f4;
    top: -4px;
    font-size: 12px;
    line-height: 1;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
.article-detail .share-nav .share-ctrl .cell {
    font-size: 28px;
}
.article-detail .share-nav .share-ctrl img {
    max-width: 100%;
}
.article-detail .share-nav .share-ctrl .weibo:hover {
    color: #d04340;
}
.article-detail .share-nav .share-ctrl .wechat .tip {
    width: 260px;
}
.article-detail .share-nav .share-ctrl .wechat .tip .txt {
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1.8em;
}
.article-detail .share-nav .share-ctrl .wechat .tip .img-box {
    width: 75px;
    height: 75px;
    background-size: cover;
}
.article-detail .share-nav .share-ctrl .wechat:hover {
    color: #75d172;
}
.article-detail .share-nav .other-ctrl {
    padding-right: 0;
}
.article-detail .share-nav .other-ctrl .tip {
    text-align: center;
}
.article-detail .share-nav .other-ctrl .tip p:first-child {
    padding-bottom: 10px;
}
.article-detail .back-to-normal {
    position: fixed;
    z-index: 11000;
    right: 20px;
    top: 20px;
    cursor: pointer;
    font-size: 45px;
    color: #68727d;
    opacity: .5;
}
.article-detail .back-to-normal:hover {
    opacity: 1;
}
.article-detail .article-section a,.article-detail .article-section a:hover {
    color: #bbb;
}
.article-detail .article-section a.post-pc-like {
    color: #fff;
}
.article-detail .fav-wrapper {
    text-align: center;
    margin: 2rem 0 0rem;
}
.article-detail .content-wrapper.focus-edition {
    float: none;
    margin: 0 auto;
}
.article-detail .content-wrapper .article blockquote {
    font-weight: 600;
    border-left: 4px solid #3da9f7;
    padding-left: 15px;
}
.article-detail .content-wrapper h1 {
    font-family: PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,STHeitiSC-Light,simsun,\\5B8B\4F53,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";
    color: #333;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 28px;
    text-align: left;
    line-height: 36px;
}
.article-detail .content-wrapper section iframe,.article-detail .content-wrapper section img {
    margin: 10px auto;
    height: auto;
    border-radius: 5px;
}
.article-detail .content-wrapper section.headimg .yestone_img,.article-detail .content-wrapper section.headimg img {
    width: 100%;
    border-radius: 5px;
}
.article-detail .content-wrapper .summary {
    padding: 15px 0;
    color: #999;
    font-size: 15px;
    margin-bottom: 0;
}
.article-detail .content-wrapper .summary:after {
    display: block;
    width: 160px;
    height: 4px;
    border-radius: 3px;
    background: #efefef;
    content: "";
    margin-top: 1rem;
}
.article-detail .content-wrapper .author {
    font-size: 14px;
    height: 25px;
    line-height: 25px;
	margin-left: 5px;
}
.article-detail .content-wrapper .author a,.article-detail .content-wrapper .author abbr,.article-detail .content-wrapper .author img,.article-detail .content-wrapper .author span {
    display: inline-block;
    vertical-align: middle;
}
.article-detail .content-wrapper .author a {
    color: #ccc;
}
.article-detail .content-wrapper .author img {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    margin-right: 6px;
}
.article-detail .content-wrapper .author .time {
    color: #ccc;
	margin-left: 5px;
    font-size: 13px;
}
.article-detail .content-wrapper .author .time abbr {
    border: 0 none;
    cursor: default;
}
.article-detail .content-wrapper .influence {
    float: right;
    margin: 0 0 5px;
}
.article-detail .content-wrapper .influence b {
    color: #9ca4ab;
    font-size: 13px;
    margin-left: .6rem;
    vertical-align: middle;
    font-weight: 400;
}
.article-detail .content-wrapper .influence .txt {
    margin-left: .2rem;
}
.article-detail .content-wrapper .abstract {
    clear: both;
    padding-top: 25px;
}
.article-detail .content-wrapper .abstract p {
    background-color: #fafafa;
    padding: 15px;
    position: relative;
    line-height: 1.6;
}
.article-detail .content-wrapper .abstract p i {
    font-size: 14px;
    color: #e3e3e3;
    position: absolute;
    left: -10px;
    top: 8px;
}
.article-detail .content-wrapper .abstract p b {
    font-weight: 600;
}
.article-detail .content-wrapper .textblock {
    font-family: PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,STHeitiSC-Light,simsun,\\5B8B\4F53,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";
    font-size: 16px;
    color: #3d464d;
}
@media screen and (max-width:820px) {
    .article-detail .content-wrapper .textblock {
        font-size: .85rem;
        color: #555;
        text-align: justify;
    }
}
@media screen and (min-width:1450px) {
    .article-detail .content-wrapper .textblock {
        line-height: 30px;
        font-size: 16px;
    }
}
.article-detail .content-wrapper .textblock h1,.article-detail .content-wrapper .textblock h2 {
    font-size: 16px;
    margin: 30px 0 14px;
}
@media screen and (max-width:820px) {
    .article-detail .content-wrapper .textblock h1,.article-detail .content-wrapper .textblock h2 {
        font-size: 1.7rem;
    }
}
.article-detail .content-wrapper .textblock h3 {
    font-size: 15px;
    margin: 40px 0 14px;
    padding-left: 14px;
    line-height: 23px;
    position: relative;
}
.article-detail .content-wrapper .textblock h3:before {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    width: 4px;
    background: #4285f4;
    display: block;
    content: "";
}
@media screen and (max-width:820px) {
    .article-detail .content-wrapper .textblock h3 {
        font-size: 18px;
        line-height: 26px;
    }
}
.article-detail .content-wrapper .textblock p {
    margin-bottom: 0px;
}
.article-detail .content-wrapper .textblock p a {
    color: #3d464d;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #999;
    padding: 0 0 1px;
}
.article-detail .content-wrapper .textblock p a:hover {
    color: #4285f4;
    border-color: #ff0000;
}
.article-detail .content-wrapper .textblock ol,.article-detail .content-wrapper .textblock ul {
    padding: 0 0 0 20px;
    margin-bottom: 22px;
}
@media screen and (max-width:820px) {
    .article-detail .content-wrapper .textblock ol,.article-detail .content-wrapper .textblock ul {
        padding-left: 1.5em;
    }
}
.article-detail .content-wrapper .textblock ol li,.article-detail .content-wrapper .textblock ul li {
    margin-bottom: 6px;
}
.article-detail .content-wrapper .textblock ul li {
    list-style-type: square;
}
.article-detail .content-wrapper .textblock iframe,.article-detail .content-wrapper .textblock img {
    display: block;
    max-width: 100%;
}
.article-detail .content-wrapper .textblock blockquote {
    padding: 6px 0 6px 55px;
    position: relative;
    margin: 30px 0;
    color: #3d464d;
    font-family: PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,STHeitiSC-Light,simsun,\\5B8B\4F53,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";
    border: 0;
}
@media screen and (max-width:340px) {
    .article-detail .content-wrapper .textblock blockquote {
        padding: 6px 0 6px 35px;
    }
}
.article-detail .content-wrapper .textblock blockquote:before {
    display: block;
    width: 23px;
    height: 17px;
    background-size: contain;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
}
@media screen and (max-width:340px) {
    .article-detail .content-wrapper .textblock blockquote:before {
        width: 18px;
        height: 14px;
        left: 10px;
    }
}
.article-detail .content-wrapper .textblock blockquote p {
    margin-bottom: 0;
    padding: 6px 10px;
}
.article-detail .content-wrapper .textblock b,.article-detail .content-wrapper .textblock strong {
    font-weight: bold;
}
.article-detail .content-wrapper .textblock img[src*="global/p/sensors"] {
    display: none;
}
.article-detail .content-wrapper .textblock p.img-desc {
    font-size: 12px;
    color: #999;
    text-align: center;
    line-height: 1.8;
    max-width: 600px;
    margin: -10px auto 15px;
}
.article-detail .content-wrapper .textblock .detect-string {
    display: none;
}
.article-detail .content-wrapper .textblock em,.article-detail .content-wrapper .textblock i {
    font-style: normal;
    color: #999;
}
.article-detail .content-wrapper .article-footer-label {
    margin-top: 0px;
    font-size: 13px;
    line-height: 1.5;
    padding: 13px;
    border: 0px solid #ddd;
    color: #aaa;
    border-radius:3px;
    text-align: left;
	background: #f9f9f9;
}
.article-detail .content-wrapper .article-footer-label .ref-link {
    display: inline-block;
    white-space: nowrap;
}
.article-detail .content-wrapper .article-footer-label a {
    color: #3d464d;
}
.article-detail .content-wrapper .article-footer-label div {
    margin-top: 10px;
}
.article-detail .content-wrapper .a_d_article_bottom {
    margin-top: 30px;
}
.article-detail .content-wrapper .a_d_article_bottom a {
    display: block;
    background-position: 50%;
    width: 100%;
    padding-bottom: 19.58%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.article-detail .content-wrapper .article-footer-ad .mark {
    display: none;
}
.article-detail .content-wrapper section.ad {
    font-size: 15px;
    margin: 25px 0 0;
    color: #666;
}
.article-detail .content-wrapper section.single-post-tags {
    padding-top: 15px;
}
.article-detail .content-wrapper section.single-post-tags a {
    margin-right: 10px;
    color: #68727d;
}
.article-detail .content-wrapper section.masterhandle {
    padding: 10px 0;
    margin-top: 10px;
    border: 1px solid #d3d7db;
    border-left: none;
    border-right: none;
    font-size: 12px;
}
.article-detail .content-wrapper section.masterhandle span {
    padding: 0 10px;
}
.article-detail .content-wrapper section.report-code-section {
    clear: both;
    margin: 2rem 0;
    text-align: center;
    font-size: 15px;
}
.article-detail .content-wrapper section.report-code-section .company-state {
    display: none;
}
.article-detail .content-wrapper section.report-code-section .show {
    display: block;
}
.article-detail .content-wrapper section.report-code-section img {
    width: 70px;
    height: 70px;
    margin: 0 auto .5rem;
}
.article-detail .content-wrapper section.report-code-section .orange {
    color: #f37b1d;
}
.article-detail .content-wrapper section.report-code-section b {
    font-weight: 600;
}
.article-detail .content-wrapper section.report-code-section .code img {
    width: 100%;
    height: auto;
}
.article-detail .article-side .block.ad {
    width: 330px;
    height: 300px;
    margin-bottom: 20px;
}
.article-detail .article-side .block.ad a {
    width: 100%;
    height: 100%;
    display: block;
    background: no-repeat 50%;
    background-size: cover;
}
.article-detail .article-side .author {
    background-color: #fff;
    margin-bottom: 20px;
    word-spacing: 0;
    padding: 25px;
}
.article-detail .article-side .author .avatar {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-size: cover;
    margin-right: 15px;
    vertical-align: top;
    overflow: hidden;
}
.article-detail .article-side .author .desc {
    overflow: hidden;
    display: inline-block;
    width: 200px;
    vertical-align: middle;
    white-space: normal;
}
.article-detail .article-side .author .desc .name {
    font-size: 17px;
    font-weight: 600;
    display: inline-block;
}
.article-detail .article-side .author .desc .badge {
    font-size: 12px;
    color: #fff;
    background: #6b9edb;
    padding: 0 5px;
    border-radius: 2px;
    margin-left: 4px;
    position: relative;
    top: -2px;
    vertical-align: middle;
}
.article-detail .article-side .author .desc .brief {
    margin-top: 5px;
    color: #666;
}
.article-detail .article-side .author .article-number-info {
    padding: 30px 0 10px;
}
.article-detail .article-side .author .article-number-info:after,.article-detail .article-side .author .article-number-info:before {
    content: " ";
    display: table;
}
.article-detail .article-side .author .article-number-info:after {
    clear: both;
}
.article-detail .article-side .author .article-number-info>div {
    display: block;
    float: left;
    width: 40%;
    margin: 0 5%;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #f3f3f3;
    background: #fff;
    padding: 15px 0;
    color: #999;
}
.article-detail .article-side .author .article-number-info .article-total,.article-detail .article-side .author .article-number-info .read-number {
    font-size: 28px;
    color: #999;
}
.article-detail .article-side .vendor-links {
    padding: 20px 25px;
    background: #fff;
    margin-bottom: 20px;
}
.article-detail .article-side .vendor-links h3 {
    font-size: 13px;
    font-weight: 600;
}
.article-detail .article-side .vendor-links article {
    margin-top: 20px;
}
.article-detail .article-side .vendor-links article:after,.article-detail .article-side .vendor-links article:before {
    content: " ";
    display: table;
}
.article-detail .article-side .vendor-links article:after {
    clear: both;
}
.article-detail .article-side .vendor-links article .image {
    float: left;
    margin-right: 15px;
}
.article-detail .article-side .vendor-links article a {
    margin-top: 5px;
}
.article-detail .article-side .articleInsideLink,.article-detail .article-side .latest-articles,.article-detail .article-side .top-articles {
    padding: 20px 25px;
    background: #fff;
}
.article-detail .article-side .articleInsideLink h3,.article-detail .article-side .latest-articles h3,.article-detail .article-side .top-articles h3 {
    font-size: 13px;
    font-weight: 600;
}
.article-detail .article-side .articleInsideLink article,.article-detail .article-side .latest-articles article,.article-detail .article-side .top-articles article {
    margin-top: 20px;
}
.article-detail .article-side .articleInsideLink article:after,.article-detail .article-side .articleInsideLink article:before,.article-detail .article-side .latest-articles article:after,.article-detail .article-side .latest-articles article:before,.article-detail .article-side .top-articles article:after,.article-detail .article-side .top-articles article:before {
    content: " ";
    display: table;
}
.article-detail .article-side .articleInsideLink article:after,.article-detail .article-side .latest-articles article:after,.article-detail .article-side .top-articles article:after {
    clear: both;
}
.article-detail .article-side .articleInsideLink article .pic,.article-detail .article-side .latest-articles article .pic,.article-detail .article-side .top-articles article .pic {
    width: 80px;
    height: 60px;
    background: #666 no-repeat 50%;
    background-size: cover;
    margin-right: 10px;
    float: left;
}
.article-detail .article-side .articleInsideLink article .desc,.article-detail .article-side .latest-articles article .desc,.article-detail .article-side .top-articles article .desc {
    overflow: hidden;
}
.article-detail .article-side .articleInsideLink article .desc .title,.article-detail .article-side .latest-articles article .desc .title,.article-detail .article-side .top-articles article .desc .title {
    display: inline-block;
    max-height: 60px;
    line-height: 20px;
    font-weight: 600;
    overflow: hidden;
}
.article-detail .article-side .latest-articles h3 {
    display: block;
    overflow: hidden;
}
.article-detail .article-side .latest-articles h3 i {
    position: relative;
    display: block;
    width: 100%;
    bottom: 10px;
    margin-left: 62px;
    border-bottom: 1px solid #efefef;
}
.article-detail .article-side .latest-articles .more-article {
    display: block;
    padding: 10px 0;
    text-align: right;
    font-size: 14px;
}
.article-detail .article-side .latest-articles .more-article a {
    color: #319fee;
}
.article-detail .article-side .articleInsideLink {
    margin-bottom: 20px;
    padding: 0;
}
.article-detail .article-side .articleInsideLink .internal_links p {
    margin: 5px 0;
    color: #999;
}
.article-detail .article-side .articleInsideLink .internal_links p a {
    color: #3da9f7;
    margin-right: 0;
}
.article-detail .article-side .articleInsideLink .internal_links p a:hover {
    color: #2c79b0;
}
.article-detail .article-side .articleInsideLink .internal_links .tags:after,.article-detail .article-side .articleInsideLink .internal_links .tags:before {
    content: " ";
    display: table;
}
.article-detail .article-side .articleInsideLink .internal_links .tags:after {
    clear: both;
}
.article-detail .article-side .articleInsideLink .internal_links .tags a {
    margin-top: 5px;
    margin-right: 10px;
    color: #999;
    line-height: 26px;
    background: #f3f3f3;
    padding: 0 8px;
    border-radius: 3px;
    font-size: 12px;
    display: inline-block;
}
.article-detail .single-post-comment h4 {
    font-size: 16px;
    margin-bottom: .5rem;
    margin-top: 1rem;
}
.article-detail .single-post-comment h4 a {
    color: #666;
}
.article-detail .single-post-comment .input-module {
    margin-bottom: 1rem;
}
.article-detail .single-post-comment .input-module textarea {
    outline: none;
    -webkit-appearance: none;
    padding: .2rem;
    width: 100%;
    background-color: #f7fcff;
    border: 1px solid #d3d7db;
    border-radius: 3px;
    font-size: 14px;
    resize: vertical;
    margin-bottom: 15px;
    height: 5rem;
}
.article-detail .single-post-comment .input-module textarea:focus {
    border: 1px solid #57c5f7;
    box-shadow: 0 0 0 2px rgba(45,183,245,.2);
}
.article-detail .single-post-comment .input-module .blockel {
    min-height: 26px;
}
.article-detail .single-post-comment .input-module .replytip {
    float: left;
    white-space: nowrap;
    background-color: #efefef;
    font-size: 12px;
    margin-right: 10px;
}
.article-detail .single-post-comment .input-module .replytip span {
    display: inline-block;
}
.article-detail .single-post-comment .input-module .replytip .parent-name {
    padding: 0 5px;
}
.article-detail .single-post-comment .input-module .replytip .close {
    width: 24px;
    height: 24px;
    background-color: #66c5fd;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.article-detail .single-post-comment .input-module .msg {
    line-height: 24px;
    color: #999;
    font-size: 12px;
}
.article-detail .single-post-comment .input-module .error {
    color: red;
}
.article-detail .single-post-comment .input-module button {
    outline: none;
    float: right;
    color: #008df2;
    border: 1px solid #008df2;
    border-radius: 3px;
    background-color: transparent;
    font-size: 14px;
}
.article-detail .single-post-comment .input-module .user {
    clear: both;
}
.article-detail .single-post-comment .input-module .msg {
    float: left;
}
.article-detail .single-post-comment .input-module .current-user {
    font-size: 14px;
}
.article-detail .single-post-comment .input-module .current-user .img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    margin-right: .75rem;
    vertical-align: middle;
}
.article-detail .single-post-comment .input-module .current-user .name {
    color: #4285f4;
}
.article-detail .single-post-comment .input-module .current-user span {
    color: #999;
}
.article-detail .single-post-comment .notlogin button {
    border-color: #ff0000;
    color: #4285f4;
}
.article-detail .single-post-comment .notlogin button a,.article-detail .single-post-comment .notlogin button a:hover {
    color: #4285f4;
}
.article-detail .single-post-comment .notlogin textarea {
    -webkit-user-select: none;
    background-color: #fafafa;
    color: #b6cad9;
}
.article-detail .single-post-comment .display-module {
    text-align: center;
}
.article-detail .single-post-comment .display-module li {
    text-align: left;
    padding: .5rem 0;
    border-top: 1px dashed #e8e8e8;
}
.article-detail .single-post-comment .display-module .img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: inline-block;
    margin-right: .75rem;
    vertical-align: middle;
    float: left;
    margin-top: .5rem;
}
.article-detail .single-post-comment .display-module .msgwrap {
    overflow: hidden;
    font-size: 14px;
    line-height: 21px;
}
.article-detail .single-post-comment .display-module .msgwrap .name {
    color: #4285f4;
}
.article-detail .single-post-comment .display-module .msgwrap .reply,.article-detail .single-post-comment .display-module .msgwrap .time {
    color: #ccc;
}
.article-detail .single-post-comment .display-module .msgwrap .text {
    color: #666;
    word-break: break-all;
    word-wrap: break-word;
}
.article-detail .single-post-comment .display-module .msgwrap .rejected,.article-detail .single-post-comment .display-module .msgwrap .reviewing {
    display: inline-block;
    background-color: #ff9831;
    color: #fff;
    padding: 0 5px;
    margin-right: 5px;
    vertical-align: 1px;
    font-size: 12px;
    border-radius: 3px;
}
.article-detail .single-post-comment .display-module .msgwrap .rejected {
    background-color: #d7252b;
}
.article-detail .single-post-comment .display-module .msgwrap .replay_button {
    text-align: right;
}
.article-detail .single-post-comment .display-module .msgwrap .submit {
    border: 0 none;
    background-color: transparent;
    color: #4285f4;
    font-size: 14px;
    padding: 0;
}
.article-detail .single-post-comment .display-module .more {
    color: #4285f4;
    border: 1px solid #ff0000;
    border-radius: 3px;
    display: inline-block;
    background-color: transparent;
    font-size: 14px;
    padding: .1rem .25rem;
    margin: .5rem auto 0;
}
.article-detail .only-article-shadow {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #fff;
}
.article-detail .only-article-shadow.show-model {
    -webkit-animation-name: post-fadeIn;
    animation-name: post-fadeIn;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.article-detail .only-article-shadow.hide-model,.article-detail .only-article-shadow.show-model {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
.article-detail .only-article-shadow.hide-model {
    -webkit-animation-name: post-fadeOut;
    animation-name: post-fadeOut;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.article-detail .only-article {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    width: 100%;
    height: 4000px;
    position: fixed;
    top: 0;
    z-index: 10001;
    left: 0;
    overflow: auto;
}
.article-detail .only-article.show-model {
    -webkit-animation-name: post-read-in;
    animation-name: post-read-in;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.article-detail .only-article.hide-model,.article-detail .only-article.show-model {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}
.article-detail .only-article.hide-model {
    -webkit-animation-name: post-read-out;
    animation-name: post-read-out;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.article-detail .only-article .center-content {
    margin: 30px auto 0;
    max-width: 810px;
}
.article-detail .only-article .center-content .post-wrapper {
    padding-bottom: 30px;
}
.article-detail .only-article .center-content .post-wrapper:not(:first-child) {
    padding-top: 30px;
}
.article-detail .only-article .content-wrapper {
    max-width: 810px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.article-detail.reading .full-reading {
    opacity: 0;
}
.article-detail.reading .only-article {
    opacity: 1;
    display: block;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}
.article-section .report-company-app {
    text-align: left;
    padding: 1rem 0 1rem 1rem;
    display: table;
    width: 100%;
}
.article-section .report-company-app>div {
    display: table-row;
}
.article-section .report-company-app>div .img-box {
    position: relative;
    overflow: hidden;
}
.article-section .report-company-app>div .img-box img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.article-section .report-company-app .info {
    padding-right: 1rem;
}
.article-section .report-company-app .code-box {
    width: 15.2rem;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
.article-section .report-company-app .company-box {
    display: table-cell;
    vertical-align: middle;
    width: 65%;
}
.article-section .report-company-app .app-code-panel {
    display: table-cell;
    vertical-align: middle;
    width: 35%;
    border-left: 1px solid #e6e8eb;
    text-align: center;
}
.article-section .report-company-app .app-code-panel a {
    color: #4285f4;
    padding: 0 20px;
    display: inline-block;
    background-color: #fafafa;
    border-color: #ff0000;
    margin: 0;
}
.article-section .report-company-app .app-code-panel a.contact-phone {
    background-color: #4285f4;
    color: #fff;
}
.article-section .report-company-app .txt a {
    margin-top: 1rem;
}
.share-nav-h5 {
    display: none;
}
@media screen and (max-width:820px) {
    .share-nav-h5 {
        display: block;
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        height: 50px;
    }
    .share-nav-h5 .inner {
        height: 50px;
        background-color: hsla(0,0%,100%,.92);
        width: 100%;
    }
    .share-nav-h5 .inner.fixed {
        position: fixed;
        bottom: 0;
        display: block;
    }
    .share-nav-h5 .inner .box {
        font-size: 13px;
        border-top: 1px solid #d3d7db;
        border-bottom: 1px solid #d3d7db;
        height: 50px;
        line-height: 30px;
        padding: 10px 0 10px 20px;
    }
    .share-nav-h5 .inner .box .each-cell {
        width: 25%;
        display: inline-block;
        text-align: center;
        font-size: 28px;
        color: #999;
    }
    .share-nav-h5 .inner .box .each-cell span {
        vertical-align: middle;
    }
    .share-nav-h5 .inner .box .each-cell .hover {
        color: #4285f4;
    }
    .share-nav-h5 .inner .box .each-cell a {
        color: #999;
        vertical-align: middle;
    }
    .article-detail .post-wrapper {
        padding: 0;
    }
    .article-detail .related-articles {
        display: none;
    }
    .article-detail .related-articles-h5 {
        display: block;
        padding: 17px;
    }
    .article-detail .related-articles-h5 h4 {
        margin-bottom: 0;
    }
    .article-detail .related-articles-h5 .each-cell {
        position: relative;
        padding: 15px 0;
        border-bottom: 0.5px solid #f3f3f3;
    }
    .article-detail .related-articles-h5 .each-cell:last-child {
        border-bottom: none;
    }
    .article-detail .related-articles-h5 .each-cell .img-box {
        float: right;
    }
    .article-detail .related-articles-h5 .each-cell .img-box a {
        width: 120px;
        height: 80px;
        border-radius: 3px;
        background-color: #eee;
        display: block;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
    }
    .article-detail .related-articles-h5 .each-cell .info {
        height: 80px;
        position: relative;
	    margin-right: 130px;
    }
    .article-detail .related-articles-h5 .each-cell .info .name {
        margin-top: -2px;
        font-size: 16px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 1.5em;
        max-height: 3em;
    }
    .article-detail .related-articles-h5 .each-cell .info .name a {
    color: #3d464d;
    font-size: 16px;
    font-weight: normal;
    }
    .article-detail .related-articles-h5 .each-cell .info .name a:hover {
    }
    .article-detail .related-articles-h5 .each-cell .info .description {
         display: none;
    }	
	
	
    .article-detail .related-articles-h5 .each-cell .info .note {
        position: absolute;
        bottom: 0;
        color: #999;
        line-height: 1em;
        font-size: 14px;
    }
    .article-detail .related-articles-h5 .each-cell .info .note span {
        padding-right: 6px;
    }
    .article-detail .related-articles-h5 .each-cell .info .note a {
        padding-right: 6px;
        display: inline-block;
        color: #4285f4;
        max-width: 100px;
        word-wrap: normal;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
    }
    .article-detail .h5-author-info {
        display: block;
        margin-bottom: 25px;
        padding: 15px 5px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .article-detail .h5-author-info .img-box img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        box-shadow: 0 3px 5px #aaa;
    }
    .article-detail .h5-author-info .info {
        margin-left: 65px;
    }
    .article-detail .h5-author-info .info .name {
        line-height: 1em;
        font-size: 14px;
    }
    .article-detail .h5-author-info .info .name a {
        color: #3d464d;
        margin-right: 10px;
        vertical-align: middle;
    }
    .article-detail .h5-author-info .info .name a:hover {
        color: #4285f4;
    }
    .article-detail .h5-author-info .info .intro {
        margin-top: 5px;
        color: #999;
    }
    .article-detail .content-wrapper .abstract p {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .article-detail .content-wrapper h1 {
        margin: 1rem 0;
        color: #111;
        font-size: 22px;
        font-weight: 600;
    }
    .article-detail .sharelist_normal {
        width: 100%;
        margin: 0;
        text-align: center;
        background-color: #fff;
        border-top: 1px solid #eee;
        bottom: 0;
        transform: translateX(50%);
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        left: -50%;
    }
    .article-detail .sharelist_normal li {
        display: inline-block;
        background-color: transparent;
        width: 18%;
        height: auto;
    }
    .article-detail .sharelist_normal li i {
        vertical-align: middle;
        width: 100%;
        line-height: 40px;
    }
    .article-detail .sharelist_normal .read-wrap,.article-detail .sharelist_normal .reward-wrap,.article-detail .sharelist_normal .weixin-wrap {
        display: none;
    }
    .article-detail .sharelist_normal .am-icon-arrow-up,.article-detail .sharelist_normal .am-icon-comment-o,.article-detail .sharelist_normal .am-icon-linkedin-square,.article-detail .sharelist_normal .am-icon-star-o,.article-detail .sharelist_normal .am-icon-weibo,.article-detail .sharelist_normal .am-icon-weixin,.article-detail .sharelist_normal .reward {
        font-size: 26px;
    }
    .article-detail .sharelist_normal .am-icon-comment-o:hover,.article-detail .sharelist_normal .am-icon-linkedin-square:hover,.article-detail .sharelist_normal .am-icon-star-o:hover,.article-detail .sharelist_normal .am-icon-weibo:hover,.article-detail .sharelist_normal .am-icon-weixin:hover,.article-detail .sharelist_normal .reward:hover {
        color: #aaa;
    }
    .article-detail .sharelist_normal .am-icon-star-o:active {
        color: #ffae00;
    }
    .article-detail .sharelist_normal .am-icon-comment-o:active {
        color: #1f83f5;
    }
    .article-detail .sharelist_normal .am-icon-weixin:active {
        color: #75d172;
    }
    .article-detail .sharelist_normal .am-icon-weibo:active {
        color: #d04340;
    }
    .article-detail .sharelist_normal .am-icon-linkedin-square:active {
        color: #0076b7;
    }
    .article-detail .to_normal_sharelist {
        right: 20px;
        top: 20px;
        z-index: 10009;
        width: auto;
        margin: 0;
        left: inherit;
        -webkit-transform: none;
        transform: none;
    }
    .article-detail .mainlib .center_content {
        margin: 0;
        padding-bottom: 30px;
    }
    .article-detail .mainlib .center_content .sponsor {
        display: block;
    }
    .article-detail .mainlib .center_content .sponsor h3:after {
        border: 0 none;
    }
    .article-detail .mainlib .center_content .sponsor h3 span {
        background-color: transparent;
    }
    .article-detail .mainlib .center_content .author-info {
        display: block;
        padding: 0;
    }
    .article-detail .mainlib .center_content .author-info .avatar {
        margin-top: -15px;
    }
    .article-detail .mainlib .center_content .author-info .abstract i {
        left: -.6em;
        top: 6px;
    }
    .article-detail .mainlib .center_content .author-info .desc .role-normal-ico,.article-detail .mainlib .center_content .author-info .desc a {
        display: inline-block;
        vertical-align: middle;
    }
    .article-detail .mainlib .center_content .author-info .desc h2 {
        font-size: 1.5rem;
        font-weight: 400;
    }
    .article-detail .mainlib .center_content .author-info .desc .note {
        font-size: 1.25rem;
    }
    .article-detail .mainlib .center_content .author-info .article-number-info>div>div {
        padding: 5px 0!important;
        line-height: 1.6;
    }
    .article-detail .mainlib .center_content .author-info .article-number-info .related-number {
        font-size: 1.5rem;
    }
    .article-detail .mainlib .center_content .author-info .article-number-info span {
        font-size: 1.4rem;
    }
    .article-detail .mainlib .center_content .author-info .role-investor .abstract,.article-detail .mainlib .center_content .author-info .role-investor .investor_case,.article-detail .mainlib .center_content .author-info .role-investor .projectinfo,.article-detail .mainlib .center_content .author-info .role-org .abstract,.article-detail .mainlib .center_content .author-info .role-org .org_member,.article-detail .mainlib .center_content .author-info .role-syb .syb-exp {
        display: none;
    }
    .article-detail .mainlib .center_content .author-info .padding-wrapper {
        padding: 30px 15px 20px;
        background-color: #fafafa;
        margin-bottom: 20px;
    }
    .article-detail .mainlib .center_content .mobile_article {
        padding: 17px;
    }
    .article-detail .mainlib .center_content .mobile_article h1 {
        line-height: 1.3em;
    }
    .article-detail .mainlib .center_content .article-section {
        padding-top: 0;
    }
    .article-detail .mainlib .author .dot,.article-detail .mainlib .author a {
        display: inline-block;
    }
    .article-detail .mainlib .author .name,.article-detail .mainlib .author .time .dot {
        color: #555;
        font-size: 13px;
    }
    .article-detail .mainlib section.masterhandle {
        margin-top: 25px;
    }
    .article-section .report-company-app {
        padding: 0;
    }
    .article-section .report-company-app,.article-section .report-company-app .app-code-panel,.article-section .report-company-app .company-box,.article-section .report-company-app>div {
        display: block;
        width: 100%;
    }
    .article-section .report-company-app .company-box {
        margin: 1rem auto 0;
        padding-bottom: 15px;
        border-bottom: 1px solid #d3d7db;
        width: 92%;
    }
    .article-section .report-company-app .img-box {
        width: 5.8rem;
        height: 5.8rem;
    }
    .article-section .report-company-app .info:not(.no-margin) {
        padding-left: 7rem;
    }
    .article-section .report-company-app .info .name {
        font-size: 1.3rem;
        line-height: 1.6rem;
    }
    .article-section .report-company-app .info .tip {
        font-size: 1.1rem;
        line-height: 1.5rem;
    }
    .article-section .report-company-app .info .des {
        font-size: 1.1rem;
        line-height: 1.6rem;
    }
    .article-section .report-company-app .contact-founder,.article-section .report-company-app .txt a {
        font-size: 1.3rem;
        line-height: 3.3rem;
        background-color: #4285f4;
        color: #fff;
    }
    .article-section .report-company-app .app-code-panel {
        padding: 1.3rem 0;
        position: relative;
        border-left: none;
    }
    .article-section .report-company-app .app-code-panel a.contact-phone {
        background-color: transparent;
        border: 1px solid #ff0000;
        color: #4285f4;
    }
    .article-section .report-company-app .contact-founder {
        clear: both;
        padding: 0 1rem;
        white-space: nowrap;
    }
    .article-section .report-company-app .code-box {
        box-shadow: none;
        border: none;
        width: 100%;
        margin: 0;
        background-color: #fafafa;
        position: static;
        -webkit-transform: none;
        transform: none;
    }
    .article-section .report-company-app .code-box:before {
        display: none;
    }
    .article-section .report-company-app .code-box .code-inner {
        background-color: #fafafa;
    }
    .article-section .report-company-app .code-box .txt {
        position: static;
        -webkit-transform: none;
        transform: none;
        text-align: center;
        width: 100%;
        padding-right: 0;
        font-size: 1.1rem;
        line-height: 1.5rem;
    }
    .article-section .report-company-app .code-box .txt a {
        border-radius: 4px;
        margin-top: .5rem;
    }
}
.user-statistics-entity {
    position: fixed;
    z-index: 999;
    right: -7px;
    bottom: 20px;
    display: inline-block;
    width: 20px;
    box-sizing: content-box;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    background: #2476ce;
    box-shadow: 0 0 5px #666;
    word-wrap: break-word;
    padding: 10px 6px;
    border: 2px solid #fff;
}
.user-statistics-entity:hover,.user-statistics-entity:visited {
    color: #fff;
}
@media screen and (max-width:820px) {
    .user-statistics-entity {
        display: none;
    }
}
.next-post-wrapper {
    margin-top: 15px;
    border: 1px solid #efefef;
    padding: 15px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}
.next-post-wrapper.show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .5s;
    transition: all .5s;
}
@media screen and (max-height:650px) {
    .next-post-wrapper {
        padding: 10px;
        margin-top: 30px;
    }
}
.next-post-wrapper h4 {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 200;
    color: #9ca4ab;
}
@media screen and (max-height:650px) {
    .next-post-wrapper h4 {
        font-size: 14px;
    }
}
.next-post-wrapper a.title {
    font-size: 16px;
    color: #000;
}
@media screen and (max-height:650px) {
    .next-post-wrapper a.title {
        font-size: 14px;
    }
}
.next-post-wrapper a.title:hover {
    color: #4285f4;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.next-post-wrapper .tags-list {
    margin-top: 10px;
    color: #9ca4ab;
}
.next-post-wrapper .tags-list .icon-tag {
    position: relative;
    top: 1px;
    margin-right: 5px;
}
.next-post-wrapper .tags-list a {
    color: #9ca4ab;
}
.hot_tag_right h4 {
    margin: 25px 0 10px;
    font-size: 15px;
    font-weight: 600;
}
.guess-posts-list {
    overflow: hidden;
}
.guess-posts-list h4 {
    color: #333;
    margin: 25px 0 10px;
    font-size: 15px;
    font-weight: 600;
}
.guess-posts-list h8 {
    margin: 15px 0 10px;
    font-size: 15px;
    font-weight: 600;
    display: block;
}
.guess-posts-list h8 span a {
    font-weight: 400;
    border: 1px solid #da3f3f;
    color: #ef4747;
    padding: 4px 15px;
    border-radius: 20px;
}
.guess-posts-list h8 span a:hover {
    border: 1px solid #808080;
    color: #5d5d5d;
}
@media screen and (max-height:650px) {
    .guess-posts-list h4 {
        font-size: 15px;
    }
}
.guess-posts-list .item {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.guess-posts-list .item:after,.guess-posts-list .item:before {
    content: " ";
    display: table;
}
.guess-posts-list .item:after {
    clear: both;
}
.guess-posts-list .item .cover {
    width: 60px;
    height: 50px;
    overflow: hidden;
    background: #efefef;
    position: relative;
    border-radius: 4px 0 0 4px;
    margin-right: 10px;
    float: left;
    display: none;
}
@media screen and (max-height:650px) {
    .guess-posts-list .item .cover {
        width: 40px;
        height: 40px;
    }
}
.guess-posts-list .item .cover img {
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 1000px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    opacity: .5;
}
.guess-posts-list .item .desc {
    color: #3d464d;
    font-size: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.8;
    max-height: 3.6;
    word-break: break-all;
    position: relative;
    padding-left: 16px;
}
@media screen and (max-height:650px) {
    .guess-posts-list .item .desc {
        font-size: 14px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 1.4;
        max-height: 2.8;
        word-break: break-all;
    }
}
.guess-posts-list .item .desc:before {
    position: absolute;
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #aaa;
    content: "";
}
@media screen and (max-height:650px) {
    .guess-posts-list .item .desc:before {
        top: 5px;
        left: 0;
        width: 4px;
        height: 4px;
    }
}
.guess-posts-list li:last-of-type .item {
    border-bottom: 0;
}
.guess-posts-list li:hover .item .cover img {
    opacity: 1;
}
.guess-posts-list li:hover .item .desc {
    color: #4285f4;
    -webkit-transition: color .4s;
    transition: color .4s;
}
.detect-string {
    display: none;
}
.post-detail-plan-bottom {
    margin-top: 1rem;
}
.post-detail-plan-bottom .a_d_bd_div a {
    display: block;
    padding-bottom: 25%;
    background-size: cover;
    background-position: 50%;
}
.right-author {
    padding: 0px 10px 25px 80px;
    border: 0px solid #EFEFEF;
    color: #756722;
    border-radius: 5px;
    background: #f7da4e;
}
.right-author .post-list {
    margin-top: 15px;
    border-top: 1px solid #d3d7db;
    padding-top: 15px;
}
.right-author .post-list h4 {
    margin-bottom: 0;
    color: #68727d;
    font-size: 14px;
}
.right-author .post-list li {
    padding-top: 15px;
}
.right-author .post-list li .title {
    font-size: 16px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.4em;
    max-height: 2.8em;
}
.right-author .post-list li .title a {
    color: #3d464d;
}
.right-author .post-list li .title a:hover {
    color: #4285f4;
}
.right-author .post-list li .note {
    margin-top: 5px;
}
.right-author .post-list li .note .time {
    color: #9ca4ab;
}
.right-author .post-list li .note .tag {
    color: #4285f4;
}
.right-author .author-avatar {
    position: relative;
    height: 30px;
}
.right-author .author-avatar a {
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    position: absolute;
    top: 18px;
    left: -110px;
    background-size: cover;
    box-shadow: 0 3px 8px rgba(0,0,0,.1);
    background-color: #d6e3f2;
    cursor: default;
}
.right-author .author-avatar a.pointer {
    cursor: pointer;
}
.right-author .post-count {
    margin-top: 12px;
}
.right-author .post-count span {
    margin-right: 5px;
    vertical-align: middle;
}
.right-author .author-desc {
    margin-top: 5px;
}
.right-author .author-info {
    margin-bottom: 5px;
}
.right-author .author-info .name {
    color: #3d464d;
    margin-right: 10px;
    cursor: default;
    vertical-align: middle;
    font-size: 16px;
}
.right-author .author-info span {
    color: #ff0000;
    margin-right: 10px;
    cursor: default;
    vertical-align: middle;
    font-size: 13px;
}
.right-author .author-info .name.pointer {
    cursor: pointer;
}
.right-author .author-info .name.pointer:hover {
    color: #4285f4;
}
.right-author .enter-report {
    margin-top: 30px;
}
.right-author .enter-report a {
    display: block;
    border-radius: 4px;
    background-color: #4285f4;
    color: #fff;
    text-align: center;
    padding: 6px;
    font-size: 16px;
}
.right-author .organization-intro {
    max-height: 180px;
    overflow: auto;
    margin-top: 5px;
    color: #999;
    font-size: 14px;
}
.right-author .organization-intro a {
    color: #4285f4;
}
.right-author .org-number-info {
    margin-top: 15px;
}
.right-author .org-number-info.investor .cell {
    width: 33.33333%;
}
.right-author .org-number-info .cell {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 50%;
    font-size: 12px;
}
.right-author .org-number-info .cell .num {
    color: #3d464d;
    font-size: 16px;
}
.right-author .org-number-info .cell:after {
    content: " ";
    position: absolute;
    right: 0;
    border-right: 1px solid #d3d7db;
    height: 20px;
    top: 50%;
    margin-top: -10px;
}
.right-author .org-number-info .cell:last-child:after {
    display: none;
}
.right-author .split-box {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #d3d7db;
}
.right-author .split-box h4 {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}
.right-author .org-member {
    overflow: hidden;
}
.right-author .org-member ul.list {
    font-size: 12px;
    line-height: 18px;
    width: 108%;
}
.right-author .org-member ul.list li {
    width: 50px;
    text-align: center;
    float: left;
    margin-top: 10px;
    margin-right: 15px;
}
.right-author .org-member ul.list h5 {
    margin: 0;
    font-size: 12px;
    color: #999;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 18px;
    max-height: 18px;
    font-weight: 400;
}
.right-author .org-member ul.list h5 a {
    color: #3d464d;
}
.right-author .org-member ul.list h5 a:hover {
    color: #4285f4;
}
.right-author .org-member ul.list .avatar {
    margin-bottom: 5px;
}
.right-author .org-member ul.list .avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
}
.right-author .org-member ul.list .role {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 18px;
    max-height: 18px;
}
.right-author .invest-case ul.list li {
    margin-top: 15px;
}
.right-author .invest-case ul.list li .img-box {
    border: 1px solid #d3d7db;
}
.right-author .invest-case ul.list li .img-box img {
    width: 60px;
    height: 60px;
}
.right-author .invest-case ul.list li .info {
    margin-left: 75px;
}
.right-author .invest-case ul.list li .info .name {
    font-size: 14px;
    line-height: 1em;
    color: #3d464d;
}
.right-author .invest-case ul.list li .info .name:hover {
    color: #4285f4;
}
.right-author .invest-case ul.list li .info .note {
    margin-top: 5px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 18px;
    max-height: 36px;
}
.right-author .invest-case ul.list li .info .step {
    font-size: 12px;
    margin-top: 5px;
}
.right-author .invest-case ul.list li .info .step b {
    font-weight: 400;
    margin: 0 5px;
}
.h5-author {
    display: none;
    width: 100%;
    height: 3rem;
    background-color: #f8f8f8;
    font-size: .8rem;
    overflow: hidden;
}
.h5-author .h5-img {
    position: relative;
    width: 90%;
    margin: .8rem 1rem;
}
.h5-author .h5-img .avatar {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-size: cover;
    vertical-align: middle;
}
.h5-author .h5-img .author-name {
    margin: 0 1rem;
    color: #000;
    max-width: 5rem;
    vertical-align: middle;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 1.3em;
    max-height: 1.3em;
    display: inline-block;
}
.h5-author .h5-img .author-ID {
    margin-right: 2rem;
    display: inline-block;
    vertical-align: middle;
    width: 4.2rem;
    height: 1rem;
    background-color: #458df5;
    font-size: .7rem;
    border-radius: 20px;
    text-align: center;
    line-height: 1rem;
    color: #fff;
}
.h5-author .h5-img .all-content {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #666;
}
.h5-author .h5-img .all-content .article-number {
    margin-left: .5rem;
}
@media (max-width:800px) {
    .h5-author {
        display: block;
    }
}
.sponsor {
    margin: 20px 0;
}
.sponsor h5 {
    font-size: .7rem;
    padding-bottom: .5rem;
    margin-bottom: 0;
}
.sponsor .am-list {
    margin: 0;
}
.sponsor .am-list>li {
    border: 0 none;
    background-color: transparent;
    padding: 0;
}
.sponsor .am-list>li .baidu_ads_cell {
    padding: 10px 0;
}
.sponsor h4 {
    font-size: .6rem;
    margin: .4rem 0 .1rem;
    color: #3d464d;
}
.sponsor .msgwrap {
    display: table;
    width: 100%;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}
.sponsor .msgwrap .msgleft {
    display: table-cell;
    -webkit-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.sponsor .msgwrap .msgleft a {
    display: inline-block;
    width: 3.4rem;
    height: 3.4rem;
    border: 1px solid #ddd;
    background-color: #fff;
    position: relative;
    background-position: 50%;
    background-size: cover;
}
.sponsor .msgwrap .msgright {
    -webkit-box-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3;
    padding-left: 0;
}
.sponsor .msgwrap .msgright a {
    color: #000;
    font-size: .7rem;
}
.sponsor .msgwrap .msgright a:hover {
    color: #4285f4;
}
.article-detail .mainlib .sponsor {
    display: none;
}
@media screen and (max-width:820px) {
    .sponsor .am-list {
        padding: 0;
    }
    .sponsor .msgwrap .msgleft {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4.25rem;
        flex: 0 0 4.25rem;
        display: block;
    }
    .sponsor .msgwrap .msgleft a {
        height: 0;
        padding-bottom: 100%;
        width: 100%;
    }
    .sponsor .msgwrap .msgright {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        padding-left: 1.25rem;
        display: block;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .sponsor h4 {
        margin-top: 0;
    }
    .sponsor .note {
        font-size: 13px!important;
    }
    .sponsor a {
        font-size: 14px!important;
    }
}
.relation-box {
    padding: 1px 0 0;
}
.relation-box .more {
    font-size: .6rem;
    position: relative;
    float: right;
    left: -.6rem;
}
.relation-box .more:before {
    position: absolute;
    right: -.8rem;
    margin-top: .05rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
}
.relation-box h3 {
    margin-top: 1rem;
    margin-bottom: 0;
}
.relation-box .am-list {
    margin: 0;
}
.relation-box .am-list>li {
    border: 0 none;
    background-color: transparent;
    position: relative;
    border-bottom: 1px solid #efefef;
}
.relation-box .am-list>li:last-child {
    border-bottom: none;
}
.relation-box h4 {
    font-size: .6rem;
    margin: .4rem 0 .1rem;
    color: #3d464d;
}
.relation-box h4 a {
    color: #3d464d;
}
.relation-box .msgwrap {
    display: table;
    width: 100%;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}
.relation-box .msgwrap .msgleft {
    display: table-cell;
    -webkit-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.relation-box .msgwrap .msgleft a {
    width: 3.4rem;
    height: 3.4rem;
    position: relative;
    display: block;
    border: 1px solid #ddd;
    background-color: #fff;
    overflow: hidden;
}
.relation-box .msgwrap .msgleft img {
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.relation-box .msgwrap .msgright {
    -webkit-box-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3;
    padding-left: 20px;
    position: relative;
}
.relation-box .msgwrap .msgright .tipbox {
    position: absolute;
    top: 0;
    right: 10px;
}
.relation-box .msgwrap .msgright .tipbox a {
    background-color: #f90;
    color: #fff;
    display: inline-block;
    padding: 0 5px;
}
.relation-box .msgwrap .msgright .tipbox .hover-box {
    position: absolute;
    background-color: #fff;
    width: 260px;
    border: 1px solid #ddd;
    left: -190px;
    top: -135px;
    padding: 0 10px 10px;
    display: none;
    z-index: 10;
}
.relation-box .msgwrap .msgright .tipbox .hover-box dl {
    margin: 0;
    padding: 10px;
}
.relation-box .msgwrap .msgright .tipbox .hover-box dl dd {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.relation-box .msgwrap .msgright .tipbox .hover-box dl dd .inner {
    padding: 10px 5px;
    position: relative;
}
.relation-box .msgwrap .msgright .tipbox .hover-box dl dd .inner .percent {
    position: absolute;
    top: 25px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
.relation-box .msgwrap .msgright .tipbox .hover-box dl dd span {
    display: block;
}
.relation-box .msgwrap .msgright .tipbox .hover-box dl dd span:nth-child(2) {
    color: #aaa;
}
.relation-box .msgwrap .msgright .tipbox .hover-box dl dd:not(:first-child) {
    width: 100px;
}
.relation-box .msgwrap .msgright .tipbox .hover-box dl dd.financing-cash span:first-child {
    color: #f60;
    font-weight: 600;
}
.relation-box .msgwrap .msgright .tipbox .hover-box .link-zhongchou-details {
    display: block;
    background-color: #178fe6;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border-radius: 2px;
}
.relation-box .msgwrap .msgright .tipbox .hover-box svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background: #ddd;
    border-radius: 50%;
}
.relation-box .msgwrap .msgright .tipbox .hover-box circle {
    fill: #fff;
    stroke: #f37b1d;
    stroke-width: 5;
}
.relation-box .msgwrap .msgright .tipbox:hover .hover-box {
    display: block;
}
.relation-box .arrow {
    position: absolute;
    right: 0;
    top: 12px;
    cursor: pointer;
}
.relation-box .arrow:before {
    display: block;
    -webkit-transition: -webkit-transform .4s ease-in-out .1s;
    transition: -webkit-transform .4s ease-in-out .1s;
    transition: transform .4s ease-in-out .1s;
    transition: transform .4s ease-in-out .1s,-webkit-transform .4s ease-in-out .1s;
}
.relation-box .arrow.spread:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.relation-box .extra-msg {
    display: none;
}
.relation-box .extra-msg .abstract-list {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}
.relation-box .extra-msg .abstract-list li {
    -webkit-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid #ddd;
    text-align: center;
    font-size: .65rem;
}
.relation-box .extra-msg .abstract-list li:last-child {
    border: 0 none;
}
.relation-box .extra-msg .abstract-list li b {
    font-weight: 400;
    color: #9ca4ab;
}
.relation-box .extra-msg .intro>div {
    max-height: 200px;
    overflow: auto;
}
.relation-box .extra-msg .intro p {
    font-size: .65rem;
    word-break: break-all;
    word-wrap: break-word;
    color: #666;
}
.relation-box .extra-msg .member-list {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
}
.relation-box .extra-msg .member-list .msgleft a {
    width: 3rem;
    height: 3rem;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
}
.relation-box .extra-msg .member-list .msgleft a img {
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.relation-org-box .member-list ul li {
    width: 33%;
    display: inline-block;
    margin-bottom: 10px;
}
.relation-org-box .member-list ul li .msg>a {
    display: block;
    margin: 0 auto;
    width: 2rem;
    height: 2rem;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #ddd;
    background-color: #fff;
}
.relation-org-box .member-list ul li .msg>a img {
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.relation-org-box .member-list ul li .msg p {
    text-align: center;
}
.relation-org-box .member-list ul li .msg p a {
    color: #3d464d;
}
.relation-investor-box {
    border-top: 1px solid #efefef;
}
.relation-investor-box .extra-msg .intro ul {
    color: #666;
    font-size: .65rem;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}
.relation-investor-box .extra-msg .intro ul li:first-child {
    -webkit-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.relation-investor-box .extra-msg .intro ul li:last-child {
    -webkit-box-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2;
}
.right-report-company {
    margin-top: 20px;
}
.right-report-company h4 {
    margin-bottom: 10px;
}
.report-company {
    margin-bottom: .6rem;
}
.report-company-app {
    padding: 20px;
    border: 1px solid #d3d7db;
}
.report-company-app .img-box,.report-company .img-box {
    width: 3.25rem;
    height: 3.25rem;
    position: relative;
    background: #f0f0f0;
    overflow: hidden;
}
.report-company-app .img-box img,.report-company .img-box img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.report-company-app .des,.report-company .des {
    margin-top: .4rem;
    line-height: 1.05rem;
    font-size: .7rem;
    color: #999;
}
.report-company-app .info:not(.no-margin),.report-company .info:not(.no-margin) {
    padding-left: 4.25rem;
}
.report-company-app .info .name,.report-company .info .name {
    font-size: .8rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5em;
    max-height: 3em;
    font-weight: 600;
    color: #3d464d;
    margin-right: .5rem;
}
.report-company-app .info .name a,.report-company .info .name a {
    color: #3d464d;
}
.report-company-app .info .name a:hover,.report-company .info .name a:hover {
    color: #4285f4;
}
.report-company-app .info a.name,.report-company .info a.name {
    color: #3d464d;
}
.report-company-app .info a.name:hover,.report-company .info a.name:hover {
    color: #4285f4;
}
.report-company-app .info .tip,.report-company .info .tip {
    color: #fff;
    background-color: #ff9035;
    line-height: 1.1rem;
    font-size: .6rem;
    float: left;
    margin-top: 4px;
    padding: 3px 10px;
    border-radius: 12px;
}
.report-company-app .info .in-con .name,.report-company .info .in-con .name {
    display: inline-block;
    vertical-align: middle;
}
.report-company-app .info .in-con .tip,.report-company .info .in-con .tip {
    margin-top: 0;
    display: inline-block;
    float: none;
    vertical-align: middle;
}
.report-company-app .tags,.report-company .tags {
    margin-top: .4rem;
}
.report-company-app .intro,.report-company .intro {
    margin-top: .5rem;
    border-top: 1px dashed #e8e8e8;
}
.report-company-app .intro p,.report-company .intro p {
    padding: .6rem 0;
    color: #3d464d;
    font-size: .7rem;
}
.report-company-app .intro .con,.report-company .intro .con {
    line-height: 1.5rem;
    max-height: 9.3rem;
    overflow: hidden;
    font-size: .7rem;
    color: #666;
    -webkit-transition: height .5s ease-out;
    transition: height .5s ease-out;
}
.report-company-app .intro .con.ellipsis,.report-company .intro .con.ellipsis {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    overflow: hidden;
    line-height: 1.8em;
    max-height: 16.2em;
}
.report-company-app .intro .ctrl-box,.report-company .intro .ctrl-box {
    text-align: right;
    margin-top: .4rem;
}
.report-company-app .app-code-panel,.report-company .app-code-panel {
    position: relative;
}
.report-company-app .code-box,.report-company .code-box {
    border: 1px solid #ebebeb;
    border-radius: .2rem;
    margin-top: .7rem;
    position: absolute;
    display: none;
    box-shadow: 0 0 10px #ebebeb;
    z-index: 10;
    width: 100%;
    text-align: center;
}
.report-company-app .code-box:before,.report-company .code-box:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: #fff;
    box-shadow: 0 0 10px #ebebeb;
    border: 1px solid #ebebeb;
    left: 50%;
    top: -7px;
    margin-left: -7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.report-company-app .code-box .code-inner,.report-company .code-box .code-inner {
    background-color: #fff;
    padding: .4rem;
    position: relative;
    border-radius: .2rem;
}
.report-company-app .code-box .txt,.report-company .code-box .txt {
    color: #666;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding-right: 4.4rem;
    font-size: .7rem;
    line-height: 1.2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.report-company-app .code-box .txt>p:first-child,.report-company-app .code-box .txt>p:first-child>b,.report-company .code-box .txt>p:first-child,.report-company .code-box .txt>p:first-child>b {
    color: #3d464d;
}
.report-company-app .code-box .txt .orange,.report-company .code-box .txt .orange {
    color: #ff9035;
}
.report-company-app .code-box .txt b,.report-company .code-box .txt b {
    font-weight: 600;
    color: #666;
}
.report-company-app .code-box .code,.report-company .code-box .code {
    width: 4rem;
    height: 4rem;
}
.report-company-app .code-box .code img,.report-company .code-box .code img {
    width: 100%;
    height: 100%;
}
.report-company-app .contact-founder,.report-company .contact-founder {
    display: block;
    background-color: #4285f4;
    border: 1px solid #ff0000;
    border-radius: .2rem;
    line-height: 1.9rem;
    font-size: .8rem;
    color: #fff;
    margin-top: .6rem;
    text-align: center;
}
.report-company-app .contact-founder.contact-pc:focus,.report-company-app .contact-founder.contact-pc:hover,.report-company .contact-founder.contact-pc:focus,.report-company .contact-founder.contact-pc:hover {
    color: #fff;
    background-color: #4285f4;
}
.report-company-app .contact-founder.contact-pc:focus+.code-box,.report-company-app .contact-founder.contact-pc:hover+.code-box,.report-company .contact-founder.contact-pc:focus+.code-box,.report-company .contact-founder.contact-pc:hover+.code-box {
    display: block;
}
.index_chj .list_con {
    margin-top: 1rem;
}
.index_chj .rightlib {
    width: 290px;
    padding-top: 35px;
}
.index_chj .rightlib .a_d_bd_div .baidu_ads_cell {
    margin-top: 0;
    margin-bottom: 1.6rem;
}
.index_chj .mainlib {
    width: 100%;
    display: block;
}
.index_chj .mainlib .center_content {
    padding-top: .75rem;
}
.index_chj .mainlib .high_projects {
    padding-top: 10px;
    position: relative;
}
.index_chj .mainlib .high_projects h2 {
    padding-top: 0;
}
.zsk_dh {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 190px;
    margin-top: 30px;
}
.zsk_dh .zsk_dh_lm {
    float: left;
    width: 15%;
    margin: 1rem 0 0rem 2%;
    height: 5rem;
    overflow: hidden;
    background: rgba(255,255,255,0.14);
    box-shadow: 0 0px 1px rgba(0,0,0,0.21);
    border: 0px solid #8e8e8e;
    border-radius: 0px;
}
.zsk_dh .zsk_dh_lm:hover {
    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
}
.zsk_dh .zsk_dh_lm li a {
    font-size: .9rem;
    width: 100%;
    line-height: 5rem;
    display: table;
    text-align: center;
    color: #fff;
    position: relative;
}
.zsk_dh .zsk_dh_lm li a span {
    right: 0;
    width: 168px;
    height: 100px;
    position: absolute;
    z-index: 3;
}
.zsk_dh .zsk_dh_lm li a img {
    right: 0;
    width: 168px;
    height: 100px;
    position: absolute;
    z-index: 2;
}
.zsk_dh .zsk_dh_lm li a:hover {
    color: #000;
}
@media (max-width:800px) {
    .zsk_dh {
        margin-top: 30px;
        padding-left: 6px;
    }
    .zsk_dh .zsk_dh_lm {
        width: 31%;
        margin: .3rem 1% .3rem 1% !important;
        height: 5rem;
    }
    .zsk_dh .zsk_dh_lm li a {
        line-height: 5rem;
    }
    .zsk_dh .zsk_dh_lm li a span {
        width: 100%;
        line-height: 220%;
        text-align: left;
        font-size: .8rem;
        padding-left: 10px;
    }
    .zsk_dh .zsk_dh_lm li a img {
        width: 100%;
        height: 5rem;
    }
}
.anliku_dh {
    display: table;
    width: 100%;
    background: #f9f9f9;
    height: 100%;
    min-height: 190px;
    padding: 0px 0 15px;
}
.anliku_dh .anliku_dh_lm {
    float: left;
    width: 16%;
    margin: .4rem .33% 0;
    height: 3rem;
    overflow: hidden;
    border: 0px solid #848484;
    border-radius: 3px;
    background-color: #fff;
}
.anliku_dh .anliku_dh_lm:hover {
	background-color: #ff0000;
	color: #fff;
}
.anliku_dh .anliku_dh_lm a {
    font-size: .8rem;
    width: 100%;
    line-height: 3rem;
    display: table;
    text-align: center;
    color: #2d2d2d;
    box-shadow: 0 1px 3px rgba(0,0,0,0.14);
}
.anliku_dh .anliku_dh_lm a:hover {
	color: #fff;
}
.fa_dh {
    display: table;
    width: 100%;
    background: #f9f9f9;
    height: 100%;
}
.fa_dh .fa_dh_lm {
    float: left;
    width: 16%;
    margin: .4rem .33% 0;
    height: 3rem;
    overflow: hidden;
    border: 0px solid #848484;
    border-radius: 0;
    background-color: #fff;
}
.fa_dh .fa_dh_lm:hover {
	background-color: #ff0000;
	color: #fff;
}
.fa_dh .fa_dh_lm a {
    font-size: .8rem;
    width: 100%;
    line-height: 3rem;
    display: table;
    text-align: center;
    color: #2d2d2d;
    box-shadow: 0 1px 3px rgba(0,0,0,0.14);
}
.fa_dh .fa_dh_lm a:hover {
	color: #fff;
}
.sharefa {
    width: 200px;
    margin: 8px auto 18px;
}
.sharefa a{
    font-size: 1rem;
    width: 100%;
    line-height: 45px;
    display: table;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    background: #f14949;
}
.sharefa a:hover {
    background: #f92222;
}
@media (max-width:800px) {
.anliku_dh {
     padding: 10px;
     background: #eee;
    }
.anliku_dh .anliku_dh_lm {
    width: 24%;
    margin: 0.5%;
    height: 2.5rem;
    float: none;
    display: inline-block;
    vertical-align: top;
    }
.anliku_dh .anliku_dh_lm a {
    line-height: 2.5rem;
}
.fa_dh {
     padding: 10px;
     background: #eee;
    }
.fa_dh .fa_dh_lm {
    width: 24.2%;
    margin: 0.4%;
    height: 2.4rem;
    float: none;
    display: inline-block;
    vertical-align: top;
    }
.fa_dh .fa_dh_lm a {
    line-height: 2.4rem;
}
.sharefa {
    width: 30%;
    margin: 10px auto 20px;
}
.sharefa a{
    font-size: .9rem;
    line-height: 2rem;
}
}
.article_content {margin-bottom: 10px;}
.readall_box {position: relative;overflow: hidden; z-index: 9999;margin-top: -50px;text-align: center; margin-left: 0.2%; margin-right: 0.4%;}
.readall_box .read_more_mask {height:60px;width: 100%;margin: 0 1px;
	background: -moz-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0));background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));background: -o-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0))}
.read_more_btn{
    font-size: .8rem;
    width: 100%;
    margin: 0 1px 10px;
    line-height: 45px;
    display: table;
    text-align: center;
    color: #828282;
    background:#fff url(404.png) no-repeat scroll center 26px;
    box-shadow: 0 1px 1px rgba(165, 165, 165, 0.14);
}
@media (max-width:800px) {
.article_content {margin-bottom: 0px;}
.read_more_btn{
	line-height: 45px; 
	margin-bottom: 0;
    background:#fff url(404.png) no-repeat scroll center 26px;
}
}
.read_more_btn:hover{color:#da2727;}
.index_chj .mainlib .high_projects .a_ds_banner_wapper {
    position: relative;
    overflow: hidden;
    max-height: 290px;
    margin-bottom: 0rem;
}
.index_chj .mainlib .high_projects .a_ds_banner_wapper .space_padding {
    padding-bottom: 30.864%;
}
.index_chj .mainlib .high_projects .a_ds_banner_wapper .a_ds_banner.index_banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.index_chj .mainlib .know_how_invest {
    border: 1px solid #f1f1f1;
}
.index_chj .mainlib .know_how_invest ul {
    background-color: #fafafa;
    list-style: none;
    padding: 0;
    color: #999;
}
.index_chj .mainlib .know_how_invest ul li {
    float: left;
    width: 25%;
    background-size: cover;
    font-size: .6rem;
    height: 4.5rem;
    position: relative;
}
.index_chj .mainlib .know_how_invest ul li .txt {
    position: absolute;
    top: 50%;
    left: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6rem;
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
}
.index_chj .mainlib .know_how_invest ul li .txt a {
    display: block;
    height: 1.8rem;
    line-height: 1.8rem;
    width: 7rem;
    text-align: center;
    background-color: #4285f4;
    color: #fff;
    border-radius: .2rem;
}
.index_chj .mainlib .know_how_invest ul li .icon {
    position: absolute;
    top: 50%;
    left: 20%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    font-size: 1.2rem;
    color: #4285f4;
}
.index_chj .mainlib .know_how_invest ul li .arrow {
    position: absolute;
    right: -2%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .6rem;
    height: 1.2rem;
    background-size: cover;
}
.index_chj .mainlib .know_how_invest ul li:nth-of-type(2) .arrow {
    right: -8%;
}
.index_chj .mainlib .know_how_invest ul li:nth-of-type(3) .arrow {
    right: 0;
}
.index_chj .mainlib .know_how_invest ul li:last-child .txt {
    left: 15%;
    width: 4rem;
}
.index_chj .mainlib .editor_recommend {
    display: -webkit-box;
    margin: auto auto 60px;
    max-width: 1200px;
}
.index_chj .mainlib .editor_recommend .h5_pc {
    width: 23%;
	height: 240px;
}
.index_chj .mainlib .editor_recommend .h5_pc:hover {
    box-shadow: 0 1px 10px rgba(0,0,0,0.18);
}
.index_chj .mainlib .editor_recommend .pc {
    display: block;
}
.index_chj .mainlib .editor_recommend .h5 {
    display: none;
}
@media (max-width:820px) {
    .index_chj .mainlib .editor_recommend .h5_pc {
    width: 96%;
    margin: 0;
    height: auto;
    margin: 3% 2%;
    padding: 2% 2% 15px;
    background: #fff;
    border-radius: 8px;
    }
    .index_chj .mainlib .editor_recommend .pc {
    display: none;
    }
.index_chj .mainlib .editor_recommend .h5 {
    display: block;
}
}
.index_chj .mainlib .editor_recommend .h5_list,.index_chj .mainlib .editor_recommend .h5_tit {
    display: none;
}
.index_chj .mainlib .editor_recommend ul li {
    float: left;
    margin-right: 30px;
    position: relative;
    width: 380px;
    overflow: hidden;
}
.index_chj .mainlib .editor_recommend ul li:last-child {
    margin-right: 0;
}
.index_chj .mainlib .editor_recommend ul li .space_cell {
    padding-bottom: 55.2%;
}
.index_chj .mainlib .editor_recommend ul li .baidu_ads_cell a {
    background-size: cover;
    padding-bottom: 55.2%;
}
.index_chj .mainlib .editor_recommend ul li a {
    display: block;
    width: 100%;
    height: 200px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.index_chj .mainlib .editor_recommend ul li a:hover img{
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}
.index_chj .mainlib .editor_recommend ul li a img {
    width: 100%;
    height: 100%;
    font-size: 0px;
    -webkit-transition: all .2s ease;
    transition: all .3s ease;
}
.index_chj .mainlib .editor_recommend ul li .des {
    font-size: .7rem;
    word-break: break-all;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    bottom: 26%;
    z-index: 100;
    text-align: center;
}
.index_chj .mainlib .editor_recommend ul li .des a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 15px;
    text-align: center;
}
.index_chj .mainlib .editor_recommend ul li .des a:hover {
    -webkit-transform: none;
    transform: none;
}
.index_chj .mainlib .editor_recommend ul li span {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    width: 100%;
    display: block;
    overflow: hidden;
}
.index_chj .mainlib .editor_recommend ul li p {
    color: #ffffff;
    display: block;
    width: 100%;
    height: 40px;
    font-size: 15px;
    word-break: break-all;
    overflow: hidden;
}
@media (max-width:820px) {
.index_chj .mainlib .editor_recommend ul li {
    margin: 0 2% 0 0;
    width: 32%;
}
.index_chj .mainlib .editor_recommend ul li:last-child {
    margin-right: 0%;
}
.index_chj .mainlib .editor_recommend ul li .des a {
    height: auto;
}
.index_chj .mainlib .editor_recommend ul li a {
    height: auto;
}
.index_chj .mainlib .editor_recommend ul li span {
    font-size: 16px;
    font-weight: normal;
}
.index_chj .mainlib .editor_recommend ul li p {
    display: none;
}
}
.real_time_intelligence .more-fastsection {
    display: block;
    width: 6rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 4px;
    margin: 0 auto 2rem;
    border: 1px solid #ff0000;
    text-align: center;
    color: #4285f4;
}
.real_time_intelligence li {
    padding: 0 0 .75rem 1.5rem;
    position: relative;
}
.real_time_intelligence li .con {
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
}
.real_time_intelligence li .con .show-content {
    height: auto;
    background-color: #fff;
    border: 1px solid #e6e8eb;
    line-height: 2;
    padding: .5rem .5rem .75rem;
    margin: .5rem .5rem .5rem 0;
    color: #757e88;
    overflow: hidden;
}
.real_time_intelligence li .con .hide {
    display: none;
}
.real_time_intelligence li .con .close-content {
    position: absolute;
    bottom: 1.25rem;
    left: 40%;
    width: 2.5rem;
    height: 1rem;
    text-align: center;
    border-radius: 0 0 4px 4px;
    border: 1px solid #e6e8eb;
    z-index: 11;
    line-height: 1;
    background-color: #fff;
    border-top: 1px dashed #fff;
    cursor: pointer;
}
.real_time_intelligence li .con .super-hide {
    display: none!important;
}
.real_time_intelligence li .con p {
    color: #a4abb1;
}
.real_time_intelligence li h4 {
    margin: 0 0 .05rem;
    line-height: 1.5;
    font-weight: 400;
    color: #cccecf;
}
.real_time_intelligence li h4 a {
    font-size: 15px;
}
.real_time_intelligence li h4 span.is_top {
    color: #ff4343;
    border: 1px solid #ff4343;
    padding: 0 .375rem;
    border-radius: .5rem;
    margin-right: .25rem;
    font-size: .5rem;
}
.real_time_intelligence li h4 .title {
    color: #3d464d;
    cursor: pointer;
}
.real_time_intelligence li h4 .title:hover {
    color: #366df0;
}
.real_time_intelligence li span {
}
.real_time_intelligence li span.r {
    float: right;
    margin: 0 5px;
}
.real_time_intelligence li .circle {
    position: absolute;
    display: block;
    top: .3rem;
    left: 0;
    padding: .05rem 0;
    width: .5rem;
    height: .5rem;
    background-color: #fafafa;
    z-index: 2;
}
.real_time_intelligence li .circle .inner {
    display: block;
    width: .4rem;
    height: .4rem;
    background-color: #c0d8ff;
    border-radius: 50%;
}
.real_time_intelligence li .triangle {
    position: absolute;
    top: .3rem;
    left: .3rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #fff #fff #fff #ff0000;
    -webkit-transform-origin: 25% center;
    transform-origin: 25% center;
    border-width: 4px;
}
.real_time_intelligence li .share {
    float: right;
    padding-right: 5px;
    display: none;
}
.real_time_intelligence li.show .share,.real_time_intelligence li:hover .share {
    display: block;
}
.real_time_intelligence li.show .triangle {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.real_time_intelligence li .share-title,.real_time_intelligence li .time {
    padding-top: 3px;
    display: inline-block;
    color: #aaa;
}
.biggie_word {
    width: 100%;
}
.biggie_word .biggie_list {
    margin-top: 50px;
}
.biggie_word .biggie_list li {
    position: relative;
    border: 1px solid #e6e8eb;
    margin-bottom: 65px;
}
.biggie_word .biggie_list li a {
    display: block;
    width: 100%;
    height: 100%;
}
.biggie_word .biggie_list li .biggie_photo {
    position: absolute;
    top: -35px;
    left: 110px;
    width: 70px;
    height: 70px;
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    border: 1px solid #f0f0f0;
    background-color: #fff;
}
.biggie_word .biggie_list li .biggie_name {
    text-align: center;
    font-size: 20px;
    color: #262a2f;
    padding-top: 40px;
}
.biggie_word .biggie_list li .biggie_content {
    font-size: 14px;
    color: #464c56;
    padding: 20px;
    padding-top: 5px;
}
.next_list_right li {
    word-break: break-all;
    cursor: pointer;
    position: relative;
    margin-bottom: .25rem;
    padding: .5rem 0;
}
.next_list_right li .inner_div {
    position: relative;
    width: 14.5rem;
    margin: 0 auto;
}
.next_list_right li a {
    padding-left: 2rem;
    display: block;
    position: relative;
}
.next_list_right li h4 {
    font-size: .7rem;
    color: #3d464d;
    margin: 0 0 .05rem;
    line-height: 1.5;
    font-weight: 400;
    -webkit-transition: color .5s ease-in;
    transition: color .5s ease-in;
}
.next_list_right li p {
    color: #999;
}
.next_list_right li .diamonds {
    line-height: 1.2;
    color: #b3cdff;
    padding: .1rem 0;
    position: absolute;
    top: .1rem;
    left: 0;
    text-align: center;
    width: 1.5rem;
    border: 1px solid #b3cdff;
    height: 1.75rem;
}
.next_list_right li .diamonds span {
    display: block;
}
.next_list_right li:hover {
    background-color: #f4f4f4;
}
.next_list_right li:hover h4 {
    color: #366df0;
}
.next_list_right li:last-child {
    margin-bottom: 0;
}
.next_list_right .btn_box {
    display: block;
    width: 9.5rem;
    margin: .75rem auto 0;
    color: #366df0;
    border: 1px solid #366df0;
    border-radius: .2rem;
    padding: .4rem 0;
    text-align: center;
    font-size: .8rem;
}
.best_comment_right {
    display: none;
}
.best_comment_right li {
    padding-bottom: .5rem;
}
.best_comment_right li:first-child {
    padding-top: 0;
}
.best_comment_right li:last-child {
    padding-bottom: 0;
}
.best_comment_right li .img_box {
    text-align: right;
}
.best_comment_right li .img_box img {
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
    border-radius: 50%;
}
.best_comment_right li .img_box span {
    vertical-align: middle;
    font-size: .65rem;
    padding-top: .2rem;
}
.best_comment_right li .img_box .circle {
    margin: 0 .5rem;
    display: inline-block;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #999;
}
.best_comment_right li .img_box .name {
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 .3rem;
    display: inline-block;
    max-width: 5rem;
}
.best_comment_right li .img_box .name a {
    color: #3d464d;
}
.best_comment_right li .info_box .comment_con {
    background-color: #f1f1f1;
    color: #3d464d;
    margin-top: .5rem;
    padding: .5rem;
    border-radius: 0 15px 15px 15px;
    position: relative;
}
.best_comment_right li .info_box .comment_con .comment_inner {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 2em;
    max-height: 6em;
}
.best_comment_right li .info_box .fast_comment {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.7);
}
.best_comment_right li .info_box .fast_comment span {
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 5px 15px;
    background: #4285f4;
    color: #fff;
    border-radius: 5px;
}
.best_comment_right li .info_box:hover .fast_comment {
    display: block;
}
.best_comment_right li .source {
    margin: .5rem 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 1.5em;
    max-height: 1.5em;
    color: #999;
}
.best_comment_right li .source span b {
    font-weight: 400;
    padding: 0 .25rem 0 0;
}
.best_comment_right li .source span a {
    color: #999;
    text-decoration: underline;
}
.best_company_right {
    display: none;
    max-width: 290px;
}
.best_company_right li {
    position: relative;
    margin-bottom: 1rem;
}
.best_company_right li:last-child {
    margin-bottom: 0;
}
.best_company_right li h4 {
    font-size: .7rem;
    margin: 0;
    padding: .05rem 0;
    line-height: 1.2;
    font-weight: 400;
    height: 20px;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.best_company_right li h4.crowdfunding:after {
    content: "\878D\8D44\4E2D";
    color: #ff9035;
    border: 1px solid #ff9035;
    border-radius: 10px;
    padding: 0 7.5px;
    margin-left: 8px;
    font-size: .5rem;
}
.best_company_right li h4 a {
    font-weight: 600;
    color: #3d464d;
}
.best_company_right li .img_box {
    float: left;
    width: 3.2rem;
    height: 3.2rem;
    background-color: #f0f0f0;
    border: 1px solid #f1f1f1;
    padding: .5rem;
    background-color: #fff;
}
.best_company_right li .img_box img {
    width: 100%;
    height: 100%;
}
.best_company_right li .info_box {
    margin-left: 4rem;
    word-break: break-all;
}
.best_company_right li .info_box .abstract {
    margin-bottom: .5rem;
    max-height: 2rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.4;
    max-height: 2.8;
    color: #999;
}
.best_company_right li .info_box .round_price {
    color: #3d464d;
}
.best_company_right li .info_box .space_line {
    color: #c3c3c3;
    padding: 0 .5rem;
}
.best_Investor_right {
    display: none;
}
.best_Investor_right h3 {
    position: relative;
}
.best_Investor_right li {
    position: relative;
    margin: 0 0 1.25rem;
    height: 3rem;
}
.best_Investor_right li:last-child {
    margin-bottom: 1.25rem;
}
.best_Investor_right li h4 {
    font-size: .7rem;
    margin: 0 0 .05rem;
    line-height: 1.2;
    font-weight: 400;
    height: 20px;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.best_Investor_right li h4 a {
    color: #3d464d;
    font-weight: 600;
}
.best_Investor_right li .img_box {
    float: left;
    width: 3rem;
    height: 3rem;
    background-color: #f0f0f0;
    border-radius: 50%;
    position: relative;
    z-index: 11;
}
.best_Investor_right li .img_box img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.best_Investor_right li .info_box {
    padding-left: 4rem;
    box-sizing: border-box;
    line-height: 1.4;
    position: absolute;
    width: 100%;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.down_load_right {
    background-color: #f1f1f1;
}
.down_load_right .inner_box {
    padding: .75rem;
    float: left;
}
.down_load_right .inner_box a {
    display: block;
    margin-right: .75rem;
    float: left;
    width: 5.8rem;
    text-align: center;
    height: 2rem;
    line-height: 2rem;
    font-size: .8rem;
    color: #fff;
    border-radius: .2rem;
}
.down_load_right .inner_box .ios {
    background-color: #3d464d;
}
.down_load_right .inner_box .android {
    background-color: #66b60e;
    margin-right: 0;
}
.down_load_right .code {
    float: right;
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    background-color: #e4e4e4;
    text-align: center;
    background-size: cover;
    position: relative;
}
.down_load_right .code:hover .code_box {
    display: block;
}
.down_load_right .code .code_box {
    position: absolute;
    display: none;
    width: 6rem;
    height: 6rem;
    padding: .5rem;
    background-color: #fff;
    right: .6rem;
    top: 3.25rem;
    z-index: 222;
}
.down_load_right .code .code_box .arrow_outer {
    position: absolute;
    top: -.5rem;
    right: .6rem;
    width: 1rem;
    height: .5rem;
    overflow: hidden;
}
.down_load_right .code .code_box .arrow {
    width: .5rem;
    height: .5rem;
    margin: .3rem auto 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 0 .3rem #ccc;
    background-color: #fff;
}
.down_load_right .code .code_box .img_box {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 .3rem #ccc;
    background: url("") #fff 50% no-repeat;
    background-size: cover;
}
.stationed_intro_right {
    border: 1px dashed #d3d7db;
    margin: .8rem 0;
    color: #3d464d;
    font-size: .5rem;
}
.stationed_intro_right ul {
    padding: 0 1.2rem;
}
.stationed_intro_right h4 {
    padding: 1rem 0;
    text-align: center;
    font-weight: 600;
    font-size: .8rem;
    margin: 0;
}
.stationed_intro_right .inner_box {
    padding: 0 0 1rem;
}
.stationed_intro_right .inner_box li {
    float: left;
    position: relative;
    width: 4rem;
    text-align: center;
}
.stationed_intro_right .inner_box li .circle {
    margin: 0 auto;
    border-radius: 50%;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    width: 3rem;
    background-color: #fff;
    color: #366df0;
    font-size: 1.2rem;
    margin-bottom: .5rem;
}
.stationed_intro_right .btn_box {
    display: block;
    width: 11.2rem;
    margin: 0 auto 1rem;
    background-color: #4285f4;
    color: #fff;
    border-radius: .2rem;
    padding: .4rem 0;
    text-align: center;
    font-size: .8rem;
}
@media (max-width:820px) {
    .top_swing {
        display: none!important;
    }
    .index_chj .mainlib .center_content {
        padding-top: 0;
        min-width: inherit;
    }
    .index_chj .mainlib .editor_recommend {
        width: 100%;
        padding: 0 10px;
		margin: auto;
    }
    .index_chj .mainlib .a_ds_banner_wapper,.index_chj .mainlib .high_projects,.index_chj .mainlib .knowhow_list_box {
        display: block;
        padding: 0;
    }
    .index_chj .mainlib .editor_recommend_box {
        padding: 0 0 0rem;
    }
    .index_chj .mainlib .editor_recommend_box h2 {
        display: none;
    }
    .index_chj .mainlib .editor_recommend_box .editor_recommend {
        display: block;
        overflow: hidden;
        position: relative;
        padding: 0;
    }
    .index_chj .mainlib .editor_recommend_box .editor_recommend .h5_tit {
        position: absolute;
        display: block;
        z-index: 22;
        background-color: #458df5;
        color: #fff;
        padding: .1rem .5rem;
        font-size: .6rem;
        left: 1.5rem;
        top: .75rem;
        border-radius: .25rem;
        width: 100%;
    }
    .index_chj .mainlib .editor_recommend_box .editor_recommend .h5_list {
        width: 100%;
        margin: 0;
        display: block;
        max-height: 11.7rem;
        position: relative;
    }
    .index_chj .mainlib .editor_recommend_box .editor_recommend .h5_list .slick-list,.index_chj .mainlib .editor_recommend_box .editor_recommend .h5_list .slick-list .slick-track {
        height: 100%;
    }
    .index_chj .mainlib .editor_recommend_box .editor_recommend .h5_list .cell {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .index_chj .mainlib .editor_recommend_box .editor_recommend .h5_list .cell a {
        display: block;
        height: 100%;
    }
    .index_chj .mainlib .editor_recommend_box .editor_recommend .h5_list .cell a img {
        width: 100%;
        height: 100%;
    }
    .index_chj .mainlib .editor_recommend_box .editor_recommend .h5_list .cell a span {
        padding: .5rem .75rem;
        display: block;
        bottom: 0;
        left: 0;
        position: absolute;
        background: rgba(0,0,0,.8);
        color: #fff;
        font-size: .8rem;
        width: 100%;
        line-height: 1.4;
    }
    .index_chj .mainlib .editor_recommend_box .editor_recommend .pc_list {
        display: none;
    }
    .index_chj .mainlib .editor_recommend ul li a img {
        max-height: 190px!important;
        border-radius: 0px;
    }
    .index_chj .mainlib .list_con {
        margin-top: 0;
        padding: 0;
    }
}
.ab_change {
    display: none;
    position: fixed;
    bottom: 1rem;
    left: .1rem;
    border: 1px solid #4385f5;
    border-radius: .2rem;
    background-color: #4385f5;
    font-size: .75rem;
    text-align: center;
    line-height: 1.4em;
    z-index: 111;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%);
    padding: 0 .25rem;
}
.ab_change.slide_show {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.ab_change .cell {
    padding: .4rem 0;
    border-bottom: 1px solid #4385f5;
}
.ab_change .cell a {
    color: #fff;
}
.ab_change .cell:last-child {
    border-bottom: none;
}
@media (min-width:820px) {
    .ab_change {
        display: block;
    }
}
@media (max-width:820px) {
    .ab_change {
        display: none;
    }
}
.top_swing {
    display: none;
    background: url(//) 50% no-repeat;
    background-size: cover;
    position: relative;
}
.top_swing .am-close {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 4px;
    color: #fff;
}
.top_swing .inner {
    height: 3rem;
    line-height: 2.9rem;
    margin: 0 auto;
    padding: 0 1.5rem 0 1rem;
    text-align: center;
}
.top_swing .cell {
    display: inline-block;
    vertical-align: middle;
}
.top_swing .cell:nth-of-type(2) {
    margin-left: 4rem;
}
.top_swing .cell span {
    color: #fff;
    font-size: .6rem;
    vertical-align: middle;
}
.top_swing .cell a {
    background-color: #fff;
    color: #4f8df5;
    margin-left: .75rem;
    font-size: .6rem;
    padding: .25rem .5rem;
    vertical-align: middle;
}
.vc_info_wapper {
    width: 100%;
}
.vc_info_wapper .mainlib {
    max-width: 830px;
}
.vc_info_wapper .mainlib .center_content {
    padding: 1rem 0;
    padding-top: 0;
}
.vc_info_wapper .rightlib {
    -webkit-box-flex: 0 0 290px;
    -moz-flex: 0 0 290px;
    -ms-flex: 0 0 290px;
    flex: 0 0 290px;
}
@media (max-width:820px) {
    .a_ds_banner_wapper {
        padding: 1rem .75rem 0;
    }
}
.topic-page-wrapper {
    font-size: .8rem;
}
.topic-page-wrapper .topic-top-nav {
    margin-bottom: 20px;
}
.topic-page-wrapper .topic-top-nav .chj-swipelist-container {
    max-width: 1200px;
}
.topic-page-wrapper .topics-hd {
    font-size: .7rem;
    position: relative;
    overflow: hidden;
    background-color: #000;
}
@media (max-width:1024px) {
    .topic-page-wrapper .topics-hd {
        padding: 1rem;
    }
}
.topic-page-wrapper .topics-hd:before {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(top,rgba(0,0,0,.3),rgba(0,0,0,.3) 100%);
    background: linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.3));
    z-index: 10;
}
.topic-page-wrapper .topics-hd .bg {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    background: no-repeat 50% #f4f4f4;
    background-size: cover;
    z-index: 5;
}
@media (min-width:1500px) {
    .topic-page-wrapper .topics-hd .bg {
        -webkit-filter: blur(10px);
        filter: blur(10px);
        -webkit-transition: all .5s;
        transition: all .5s;
        background-color: #000;
    }
}
.topic-page-wrapper .topics-hd .center_content {
    padding: 5rem 1.3em 1.25rem;
    color: #fff;
    position: relative;
    z-index: 100;
    max-width: 1180px;
    margin: 0 auto;
}
@media (max-width:1024px) {
    .topic-page-wrapper .topics-hd .center_content {
        padding-top: 3.5rem;
    }
}
.topic-page-wrapper .topics-hd .center_content .tag {
    background: rgba(0,0,0,.5);
    color: #fff;
    font-size: .6rem;
    text-align: center;
    padding: 3px 10px;
    box-shadow: 0 1px 0 rgba(0,0,0,.2);
    display: inline-block;
}
.topic-page-wrapper .topics-hd .center_content .title {
    font-size: 2.1rem;
    text-shadow: 0 1px 0 rgba(0,0,0,.8);
    font-weight: 600;
    margin-top: 5px;
    -webkit-font-smoothing: antialiased;
}
@media (max-width:1024px) {
    .topic-page-wrapper .topics-hd .center_content .title {
        font-size: 1.6rem;
        line-height: 1.2;
    }
}
.topic-page-wrapper .topics-hd .center_content .brief {
    text-shadow: 0 1px 0 rgba(0,0,0,.8);
    opacity: .8;
    font-size: .9rem;
    color: hsla(0,0%,100%,.9);
    margin-top: 10px;
    max-width: 700px;
}
@media (max-width:1024px) {
    .topic-page-wrapper .topics-hd .center_content .brief {
        font-size: .7rem;
    }
}
.topic-page-wrapper div.topics-wrapper {
    padding: 0!important;
}
@media (max-width:1024px) {
    .topic-page-wrapper .content-wrapper {
        padding: .5rem .5rem 0;
    }
}
.topic-page-wrapper .pagewrap {
    max-width: 1200px;
}
.topic-page-wrapper .mainlib .center_content {
    margin-right: 0;
    padding-top: 1rem;
}
.topic-page-wrapper .topic-content {
    position: relative;
}
.topic-page-wrapper .topic-content .topic-item {
    margin-bottom: 2.4rem;
}
.topic-page-wrapper .topic-content .topic-item .item-wrapper {
    margin-bottom: 3.2rem;
}
.topic-page-wrapper .topic-content .topic-item .item-wrapper:last-child {
    margin-bottom: 0;
}
.topic-page-wrapper .topic-content .topic-item .item-wrapper>h3 {
    font-size: .9rem;
    color: #9ca4ab;
    position: relative;
    margin-bottom: 15px;
    line-height: 1;
}
.topic-page-wrapper .topic-content .topic-item .item-wrapper>h3 span {
    display: inline-block;
    padding: 0 0 0 1rem;
    position: relative;
    color: #3d464d;
    z-index: 10;
    font-size: 20px;
}
.topic-page-wrapper .topic-content .topic-item .item-wrapper>h3:before {
    content: " ";
    display: block;
    width: 5px;
    height: 20px;
    background: #366df0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}
.topic-page-wrapper .topic-side-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 12px;
    line-height: 30px;
    z-index: -1;
}
@media (max-width:1024px) {
    .topic-page-wrapper .topic-side-nav {
        display: none;
    }
}
.topic-page-wrapper .topic-side-nav .side-nav {
    position: absolute;
    left: 50%!important;
    margin-left: 600px;
}
.topic-page-wrapper .topic-side-nav .side-nav:before {
    width: 1px;
    position: absolute;
    top: 8px;
    bottom: 8px;
    background: #efefef;
    display: block;
    content: "";
}
.topic-page-wrapper .topic-side-nav .bar {
    position: absolute;
    top: 0;
    margin-top: 8px;
    left: -2px;
    width: 4px;
    height: 16px;
    background: #366df0;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.topic-page-wrapper .topic-side-nav .nav-item {
    white-space: nowrap;
    padding-left: 15px;
    cursor: pointer;
}
.topic-page-wrapper .topic-top-nav .custom-pin-wrapper {
    background-color: hsla(0,0%,100%,.85);
    z-index: 111;
}
.topic-page-wrapper .topic-top-nav .top-nav {
    position: relative;
}
.topic-page-wrapper .topic-top-nav .top-nav .bar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #366df0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 11;
}
.topic-page-wrapper .topic-top-nav .top-nav .nav-item {
    float: left;
    margin-right: 40px;
    color: #9ca4ab;
    font-size: 18px;
    line-height: 1;
    padding: 10px 0 12px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.topic-page-wrapper .topic-top-nav .top-nav .nav-item:last-child {
    margin-right: 0;
}
.topic-page-wrapper .topic-top-nav .top-nav .nav-item.active {
    color: #000;
    cursor: default;
}
.topic-page-wrapper .left-right-layout .right-col {
    float: right;
    width: 350px;
}
.topic-page-wrapper .left-right-layout .left-col {
    margin-right: 410px;
}
.topic-page-wrapper .topic-btn {
    color: #262a2f;
    border: 1px solid #262a2f;
    display: inline-block;
    border-radius: 18px;
    font-size: 14px;
    padding: 0 15px;
}
.topic-page-wrapper .topic-btn:hover {
    color: #66c5fd;
    border: 1px solid #ff0000;
}
@media (max-width:1024px) {
    .topics-vote-web {
        padding: 1rem;
    }
}
.topics-vote-web .img-box img {
    width: 100%;
}
.topics-vote-web h4 {
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    margin: 2rem 0 .5rem;
    color: #3d464d;
}
@media (max-width:1024px) {
    .topics-vote-web h4 {
        font-size: .9rem;
    }
}
.topics-vote-web h4 .check-type {
    color: #999;
}
.topics-vote-web .desc {
    font-size: 14px;
    line-height: 1.5em;
    color: #999;
}
.topics-vote-web .vote-option-list {
    margin-top: 30px;
}
@media (max-width:1024px) {
    .topics-vote-web .vote-option-list h4 {
        margin: 1rem 0 0;
    }
}
.topics-vote-web .vote-option-list .vote-item {
    background-color: #f4f4f4;
    margin-bottom: 20px;
    height: 160px;
    position: relative;
    cursor: pointer;
}
.topics-vote-web .vote-option-list .vote-item .text {
    position: absolute;
    width: 100%;
    padding: 20px;
    top: 50%;
    left: 50%;
    overflow: hidden;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    word-break: break-all;
    text-align: center;
    max-height: 135px;
}
.topics-vote-web .vote-option-list .vote-item i {
    position: absolute;
    display: block;
    z-index: 11;
    -webkit-transition: all .4s;
    transition: all .4s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.topics-vote-web .vote-option-list .vote-item i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 60px;
    color: #fff;
    opacity: 0;
}
.topics-vote-web .vote-option-list .vote-item:hover i {
    opacity: 1;
    border: 1px solid #ff0000;
}
.topics-vote-web .vote-option-list .vote-item.checked i {
    opacity: .8;
    background: #4285f4;
    border: 0;
}
.topics-vote-web .vote-option-list .vote-item.checked i:before {
    opacity: 1;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.topics-vote-web .vote-option-list .vote-item.voted {
    margin-bottom: 30px;
    cursor: default;
    background: none;
    height: auto;
}
.topics-vote-web .vote-option-list .vote-item.voted .item-inner {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}
.topics-vote-web .vote-option-list .vote-item.voted .count-num {
    float: left;
    font-size: 40px;
    width: 120px;
    margin-right: 20px;
    color: #9ca4ab;
    line-height: 1;
    text-align: right;
}
.topics-vote-web .vote-option-list .vote-item.voted .result-info {
    font-size: .6rem;
    margin-left: 140px;
    font-size: 14px;
    line-height: 1.5em;
}
.topics-vote-web .vote-option-list .vote-item.voted .result-info .bar {
    height: 20px;
    width: 100%;
    margin-bottom: 10px;
    display: block;
    position: relative;
}
.topics-vote-web .vote-option-list .vote-item.voted .result-info .bar .bar-inner {
    height: 100%;
    display: block;
    background-color: #efefef;
}
.topics-vote-web .vote-option-list .vote-item.voted .result-info .bar .bar-inner .per {
    height: 100%;
    display: block;
    background-color: #4285f4;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.topics-vote-web .vote-option-list .vote-item.voted .result-info .count {
    font-size: 15px;
    margin: 0 5px;
    color: #f90;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.topics-vote-web .vote-option-list.radio .item i {
    border-radius: 8px;
}
.topics-vote-web .action {
    margin-top: 1rem;
    text-align: center;
}
.topics-vote-web .action button {
    padding: .5rem 2.4rem;
    background: none;
    color: #262a2f;
    border: 1px solid #262a2f;
    border-radius: 20px;
    font-size: .9rem;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.topics-vote-web .action button[disabled] {
    border-color: #262a2f;
    color: #262a2f;
}
.topics-vote-web .action button a {
    color: #262a2f;
}
@media (max-width:1024px) {
    .topics-vote-web .action button {
        width: 100%;
    }
}
.topics-vote-web .action .login-tip {
    margin-left: 10px;
}
@media (max-width:1024px) {
    .topics-vote-web .action .login-tip {
        display: block;
        margin: 6px 0 0;
    }
}
.topics-vote-web-right {
    font-size: 16px;
    color: #262a2f;
}
.topics-vote-web-right h4 {
    font-weight: 600;
    margin: 0 0 10px;
}
.topics-vote-web-right h4 span {
    color: #969fa9;
}
.topics-vote-web-right .desc {
    font-size: 14.4px;
    margin-bottom: 10px;
    color: #969fa9;
}
.topics-vote-web-right .img-box {
    position: relative;
    overflow: hidden;
    float: none;
    width: 100%;
    height: 0;
    padding-top: 45%;
    margin-bottom: 10px;
}
.topics-vote-web-right .img-box img {
    height: auto;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.topics-vote-web-right .vote-option-list .vote-item {
    cursor: pointer;
    padding: 10px 20px;
    margin-bottom: 10px;
    position: relative;
    background: #f4f4f4;
    font-size: 14.4px;
}
.topics-vote-web-right .vote-option-list .vote-item:last-of-type {
    margin-bottom: 0;
}
.topics-vote-web-right .vote-option-list .vote-item i {
    width: 15px;
    height: 15px;
    -webkit-transition: all .4s;
    transition: all .4s;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #969fa9;
    font-size: 18.4px;
}
.topics-vote-web-right .vote-option-list .vote-item.checked i {
    color: #4285f4;
}
.topics-vote-web-right .vote-option-list .vote-item .vote-txt {
    padding-right: 20px;
}
.topics-vote-web-right .vote-option-list .vote-item.voted {
    background: #fff;
    padding: 2px 0;
    margin-bottom: .5rem;
    cursor: default;
}
.topics-vote-web-right .vote-option-list .vote-item.voted .vote-txt {
    padding-right: 150px;
}
.topics-vote-web-right .vote-option-list .vote-item.voted .result-count {
    font-size: 12.8px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
}
.topics-vote-web-right .vote-option-list .vote-item.voted .result-count .bar {
    height: 4px;
    width: 80px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.topics-vote-web-right .vote-option-list .vote-item.voted .result-count .bar .bar-inner {
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
}
.topics-vote-web-right .vote-option-list .vote-item.voted .result-count .bar .bar-inner .per {
    height: 100%;
    display: block;
    background-color: #4285f4;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    float: right;
}
.topics-vote-web-right .vote-option-list .vote-item.voted .result-count .count {
    color: #4285f4;
    margin-left: 10px;
}
.topics-vote-web-right .vote-option-list.radio .item i {
    border-radius: 7.5px;
}
.topics-vote-web-right .action {
    margin-top: 20px;
    text-align: center;
}
.topics-vote-web-right .action button {
    padding: 10px 20px;
    background: #fff;
    color: #262a2f;
    font-size: 14.4px;
    border: 1px solid #262a2f;
    -webkit-transition: all .4s;
    transition: all .4s;
    margin: 0 auto;
    border-radius: 20px;
    line-height: 1.1;
}
.topics-vote-web-right .action button[disabled] {
    color: #262a2f;
    border: 1px solid #262a2f;
}
.topics-vote-web-right .action button a {
    color: #262a2f;
}
.topics-vote-web-right .action .login-tip {
    margin-left: 10px;
}
@media (max-width:1024px) {
    .topics-vote-web-right .action .login-tip {
        display: block;
        margin: 6px 0 0;
    }
}
.topics-theme-web h4 {
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    color: #3d464d;
    margin: 0;
}
@media (max-width:1024px) {
    .topics-theme-web h4 {
        font-size: .9rem;
    }
}
.topics-theme-web .desc {
    font-size: 14px;
    color: #999;
}
.topics-theme-web .theme-comment-wrapper {
    margin-top: 1rem;
}
.topics-theme-web .common-comment button {
    border-color: #262a2f;
    color: #262a2f;
    padding: 5px 10px;
    border-radius: 15px;
}
.topics-theme-web .common-comment button a {
    color: #262a2f;
}
.topics-theme-web .common-comment .notlogin button {
    border-color: #262a2f;
    color: #262a2f;
}
.topics-theme-web .common-comment .notlogin button a {
    color: #262a2f;
}
.topics-theme-web .common-comment .input-module textarea {
    background: #fff;
}
.topics-theme-web .blockel {
    display: none;
}
.topics-post-web .loading-more {
    margin: 2rem;
    text-align: center;
}
.topics-post-web .image-gallery-slide .image-gallery-image {
    padding-bottom: 25.641%;
}
.topics-post-web .image-gallery-bullets .image-gallery-bullet {
    padding: 2.5px;
}
.topics-post-web .image-gallery-slide .image-gallery-description {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 60%;
    max-width: 555px;
    padding: 10px 30px;
    bottom: auto;
    line-height: 1.5em;
    font-size: .9rem;
}
.topics-post-web .image-gallery-slide .image-gallery-description .des-inner {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5em;
    max-height: 3em;
}
.left-right-layout .left-col .topics-post-web .image-gallery-slide .image-gallery-image {
    padding-bottom: 33.3333333%;
}
.left-right-layout .right-col .topics-post-web .image-gallery-slide .image-gallery-image {
    padding-bottom: 57.142%;
}
.left-right-layout .right-col .topics-post-web .image-gallery-slide .image-gallery-description {
    width: 80%;
    font-size: .7rem;
}
.topics-newsflash-web .search-fast-result li.item {
    margin-top: 0;
}
.topics-newsflash-web .search-fast-result li.item:first-child {
    padding-top: 0;
}
.topics-ad-web .topics-ad-box {
    text-align: center;
    overflow: hidden;
}
.topics-ad-web .topics-ad-box .plan-cell {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
}
.topics-ad-web .topics-ad-box .plan-cell a {
    display: block;
    height: 70px;
    border: 1px solid #efefef;
    border-radius: 4px;
    min-width: 20px;
}
.topics-ad-web .topics-ad-box .plan-cell a img {
    height: 100%;
    display: block;
}
.topics-ad-web .topics-ad-box .plan-box {
    position: relative;
}
.topics-ad-web .topics-ad-box .plan-box .mark {
    position: absolute;
    top: 8px;
    left: 8px;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    border-radius: 20px;
    padding: 0 10px;
    font-size: 12px;
}
.topics-ad-web .topics-ad-box .plan-box .img-box a {
    background-position: 50%;
    background-size: cover;
    display: block;
    padding-bottom: 180px;
}
.topics-ad-web .topics-ad-box .plan-box .img-box a.h5-a {
    display: none;
}
.topics-ad-web .plan-video-wrapper {
    margin-right: -10px;
    margin-left: -10px;
}
.topics-ad-web .plan-video-wrapper .plan-video-cell {
    float: left;
    width: 16.1644444%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.topics-ad-web .plan-video-wrapper .plan-video-cell .video-img-box a {
    display: block;
    padding-bottom: 63.953%;
    background-size: cover;
    background-position: 50%;
}
.topics-ad-web .plan-video-wrapper .plan-video-cell .video-inner {
    border: 1px solid #efefef;
}
.topics-ad-web .plan-video-wrapper .plan-video-cell .desc {
    padding: 5px 10px;
    position: relative;
    font-size: 12px;
    text-align: left;
}
.topics-ad-web .plan-video-wrapper .plan-video-cell .desc .txt {
    position: relative;
    height: 3em;
    width: 100%;
}
.topics-ad-web .plan-video-wrapper .plan-video-cell .desc .txt>div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5em;
    max-height: 3em;
}
.left-right-layout .topics-ad-web .plan-video-wrapper .plan-video-cell {
    width: 25%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.left-right-layout .right-col .topics-ad-web .plan-video-wrapper .plan-video-cell {
    width: 50%;
    padding: 0 10px 0 7.5px;
    margin-bottom: 20px;
}
.fast_section_page .a_d_bd_div {
    margin: .75rem 0;
}
.fast_section_page .a_d_bd_div a {
    display: block;
    width: 100%;
    padding-bottom: 11.111%;
    background-size: cover;
}
.fast_section_filter {
    font-size: .65rem;
    line-height: 1.5rem;
}
.fast_section_filter dl {
    position: relative;
    color: #3d464d;
    margin: 0 1rem 0 0;
}
.fast_section_filter dd {
    float: left;
    border: 1px solid transparent;
    border-radius: 3px;
}
.fast_section_filter dt {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.6rem;
    float: left;
    margin-right: .5rem;
    position: relative;
    top: 2px;
}
.fast_section_filter dd {
    line-height: 1.6rem;
    margin-top: 0;
}
.fast_section_filter dd>div span {
    color: #9ca4ab;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: .15rem .9rem;
    line-height: normal;
    border: 1px solid #9ca4ab;
    margin-right: .3rem;
    border-radius: 12px;
}
.fast_section_filter dd>div i {
    display: none;
}
.fast_section_filter dd.selected:hover span,.fast_section_filter dd.selected span {
    border-color: #4285f4;
    color: #4285f4;
}
.fast_section_filter .custom_tools {
    margin-top: .5rem;
    float: left;
}
.fast_section_filter .custom_tools>div {
    display: inline-block;
    margin: .25rem 0;
    line-height: 1.6rem;
}
.fast_section_filter .custom_tools .search_input {
    width: 14.1rem;
    height: 1.5rem;
    border: 1px solid #9ca4ab;
    border-radius: 16px;
    padding: .1rem .5rem;
}
.fast_section_filter .custom_tools .search_input i {
    font-size: .8rem;
}
.fast_section_filter .custom_tools .search_input input {
    vertical-align: top;
    margin-left: .5rem;
    outline: none;
    border: none;
    margin-top: 3px;
    font-size: 14px;
}
.fast_section_filter .custom_tools .show_top {
    margin-left: 1.6rem;
}
.fast_section_filter .custom_tools .btn_refresh {
    margin-left: 1.45rem;
}
.fast_section_filter .custom_tools .btn_switch {
    margin-left: .5rem;
    position: relative;
    top: .23rem;
}
.fast_section_filter .custom_tools .line {
    margin: .25rem .75rem;
    color: #e4e4e4;
}
.fast_section_filter .custom_tools .btn_search {
    position: relative;
}
.fast_section_filter .custom_tools .btn_search i {
    font-size: .6rem;
    margin-right: .25rem;
}
.fast_section_filter .custom_tools .btn_search a {
    color: #3d464d;
    display: inline-block;
    position: relative;
}
.fast_section_filter .custom_tools .btn_search a:hover+.search_input {
    display: block;
}
.fast_section_filter .custom_tools .btn_search .search_input {
    width: 10.5rem;
    line-height: 1rem;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    box-shadow: 0 0 10px #f0f0f0;
    position: absolute;
    bottom: -40px;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
}
.fast_section_filter .custom_tools .btn_search .search_input input {
    width: 100%;
    height: 100%;
    border: none;
    padding: .5rem;
    color: #999;
}
.fast_section_filter .custom_tools .btn_search .search_input input:focus {
    outline: none;
}
.fast_section_filter .custom_tools .btn_search .search_input:before {
    content: "";
    width: .5rem;
    height: .5rem;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: 1rem;
    top: -.25rem;
    box-shadow: .25rem -.1rem .5rem #f0f0f0;
}
.fast_section_filter .custom_tools .btn_search:hover .search_input {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.fast_section_filter .custom_tools.nowrap {
    float: none;
    display: block;
    clear: both;
}
.fast_section_list {
    margin-top: 2.5rem;
}
.fast_section_list ol {
    list-style: none;
    padding: 0;
    margin: 0;
}
.fast_section_list ol>li {
    margin-bottom: 1.4rem;
}
.fast_section_list ol ul {
    margin: 0;
}
.fast_section_list .loading_more {
    padding-top: 0;
    margin-top: -.5rem;
}
.fast_section_list li {
    position: relative;
}
.fast_section_list li h2 {
    font-weight: 400;
    margin: 0;
    line-height: 1.4rem;
    font-size: .8rem;
    position: relative;
    letter-spacing: 1px;
    font-weight: 500;
}
.fast_section_list li h2 .title {
    color: #3d464d;
}
.fast_section_list li .today_headline,.fast_section_list li .top {
    white-space: nowrap;
    background-color: #f4424a;
    color: #fff;
    font-size: .65rem;
    border-radius: 3px;
    padding: 0 .25rem;
    line-height: 1rem;
    margin-left: .5rem;
    position: relative;
    top: -.1rem;
}
.fast_section_list li .top {
    background-color: #366df0;
}
.fast_section_list li .share_groups {
    margin-top: .4rem;
    padding-bottom: 1.7rem;
    font-size: .65rem;
    line-height: 1.5rem;
    color: #999;
}
.fast_section_list li .share_groups .publish-datetime {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.fast_section_list li p {
    color: #828a92;
    letter-spacing: 1px;
    font-size: .7rem;
    line-height: 1.3rem;
    margin-top: .75rem;
    word-break: break-all;
}
.fast_section_list li p a {
    color: #4285f4;
}
.fast_section_list li p a:hover {
    color: #f90;
}
.fast_section_list li .highlight {
    font-style: normal;
    color: #f60;
    font-weight: 600;
}
.fast_section_list li.item_datetime .auto_refresh {
    display: none;
}
.fast_section_list ul>li {
    padding: 0 2.9rem .5rem;
    margin-top: 1.1rem;
}
.fast_section_list ul>li:first-child {
    margin-top: 0;
}
.fast_section_list ul>li>div {
    border-bottom: 1px solid #efefef;
}
.fast_section_list .item_datetime header {
    padding-left: 1.7rem;
}
.fast_section_list .item_datetime .date {
    background-color: #4285f4;
    color: #fff;
    line-height: 15px;
    width: 1.7rem;
    text-align: center;
    padding: .25rem 0;
    position: absolute;
    left: 0;
}
.fast_section_list .item_datetime .date span {
    font-size: .65rem;
    display: block;
}
.fast_section_list .item_datetime .date b {
    font-size: .9rem;
    font-weight: 600;
}
.fast_section_list .item_datetime .date_chinese {
    display: none;
    padding: .6rem 0 .6rem .25rem;
    line-height: 1rem;
    font-size: .65rem;
}
.fast_section_list .item_datetime .date_chinese span {
    display: inline-block;
    color: #3d464d;
    margin: 0 .5rem;
}
.fast_section_list .item_datetime .date_chinese .date_cn {
    font-weight: 600;
    font-size: .75rem;
}
.fast_section_list .item_datetime.first_datetime .auto_refresh {
    display: inline-block;
}
.fast_section_list .item_datetime.first_datetime .auto_refresh .line {
    color: #e4e4e4;
}
.fast_section_list .item_datetime.first_datetime .auto_refresh .btn_refresh {
    margin: 0;
}
.load-more-btn {
    text-align: center;
}
.load-more-btn a {
    color: #4285f4;
    font-size: .65rem;
    line-height: 1.5rem;
}
.btn_switch {
    display: inline-block;
    width: 2.1rem;
    height: 1rem;
    border: 1px solid #9ca4ab;
    border-radius: 10px;
    position: relative;
    top: .15rem;
    cursor: pointer;
}
.btn_switch:before {
    content: "";
    position: absolute;
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    background-color: #9ca4ab;
    top: .1rem;
    left: .1rem;
    -webkit-transition: left .3s ease;
    transition: left .3s ease;
}
.btn_switch.on,.btn_switch.on:hover {
    border-color: #4285f4;
}
.btn_switch.on:before,.btn_switch.on:hover:before {
    left: 1.1rem;
    background-color: #4285f4;
}
.btn_switch:hover,.btn_switch:hover:before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.no_data_box {
    margin: 0 0 4rem -.85rem;
}
.no_data_box p {
    padding: 2.5rem;
    text-align: center;
    color: #3d464d;
    max-width: 80%;
    font-size: .75rem;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    margin: 0 auto;
}
.fast-section-share-box {
    margin-left: .5rem;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.fast-section-share-box .share-title,.fast-section-share-box div {
    float: left;
}
.fast-section-share-box a {
    float: left;
    position: relative;
    top: 3px;
}
.fast-section-share-box a:hover .icon-weixin {
    background-color: #75d172;
}
.fast-section-share-box a:hover .icon-sina {
    background-color: #d04340;
}
.fast-section-share-box .icon-sina,.fast-section-share-box .icon-weixin {
    color: #fff;
    font-size: .8rem;
    margin: 0 .25rem;
    padding: .1rem;
    float: left;
    position: relative;
    top: 1px;
    background-color: #9ca4ab;
    border-radius: 4px;
}
.fast-section-share-box .panel-weixin {
    position: absolute;
    width: 260px;
    height: 110px;
    padding: 15px;
    border: 1px solid #e9eaec;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    border-radius: 2px;
    left: -60px;
    top: -120px;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
}
.fast-section-share-box .panel-weixin .weixin-section {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 10px;
}
.fast-section-share-box .panel-weixin p {
    margin: 0!important;
}
.fast-section-share-box .panel-weixin img {
    width: 80px;
}
.fast-section-share-box .panel-weixin h3 {
    font-size: 13px;
    margin: 0;
    font-weight: 400;
    color: #333;
    line-height: 1.6;
    border: 0 none;
    padding: 0;
}
.fast-section-share-box .panel-weixin:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 64px;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    width: 12px;
    height: 12px;
    border: 1px solid #e9eaec;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
    border-width: 0 1px 1px 0;
}
.fast-section-share-box .item-weixin:hover .panel-weixin {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .4s;
    transition: all .4s;
    z-index: 999999;
}
.fast_section_page .rightlib.cover_css .a_d_bd_div .baidu_ads_cell {
    margin-top: 2rem;
}
.fast_section_page .rightlib.cover_css .a_d_bd_div .baidu_ads_cell a {
    display: block;
    width: 16rem;
    height: 10rem;
    margin: 0 auto;
    background-size: cover;
}
.fastsection-detail-wrapper .newsflash-detail {
    margin-top: 1rem;
    font-size: .7rem;
    padding-left: 57px;
    padding-bottom: 1.5rem;
    position: relative;
}
@media (max-width:1024px) {
    .fastsection-detail-wrapper .newsflash-detail {
        padding: 1rem;
    }
}
.fastsection-detail-wrapper .newsflash-detail .time-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    text-align: center;
    font-size: .7rem;
    background: #4285f4;
    color: #fff;
    padding: 0 0 3px;
}
@media (max-width:1024px) {
    .fastsection-detail-wrapper .newsflash-detail .time-wrapper {
        display: none;
    }
}
.fastsection-detail-wrapper .newsflash-detail .time-wrapper span {
    display: block;
}
.fastsection-detail-wrapper .newsflash-detail .time-wrapper b {
    display: block;
    font-weight: 600;
    line-height: 1;
    font-size: .9rem;
}
.fastsection-detail-wrapper .newsflash-detail .detail .title {
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.2;
}
.fastsection-detail-wrapper .newsflash-detail .detail .info {
    color: #aaa;
    font-size: .6rem;
    margin: .25rem 0;
}
.fastsection-detail-wrapper .newsflash-detail .detail .content {
    color: #666;
    word-break: break-all;
}
.fastsection-detail-wrapper .newsflash-detail .detail .content a {
    margin-left: 5px;
    white-space: nowrap;
    color: #4285f4;
}
.fastsection-detail-wrapper .newsflash-detail .detail .content a:hover {
    color: #f90;
}
.fastsection-detail-wrapper .newsflash-detail .share_groups {
    font-size: .65rem;
    line-height: 1rem;
    color: #999;
}
.fastsection-detail-wrapper .newsflash-detail .share_groups .share_box {
    margin-left: .5rem;
    position: relative;
    top: 2px;
}
.fastsection-detail-wrapper .newsflash-detail .share_groups div {
    float: left;
}
.fastsection-detail-wrapper .newsflash-detail .share_groups a {
    float: left;
    position: relative;
}
.fastsection-detail-wrapper .newsflash-detail .share_groups a:hover .icon-weixin {
    color: #75d172;
}
.fastsection-detail-wrapper .newsflash-detail .share_groups a:hover .icon-sina {
    color: #d04340;
}
.fastsection-detail-wrapper .newsflash-detail .share_groups .icon-sina,.fastsection-detail-wrapper .newsflash-detail .share_groups .icon-weixin {
    color: #999;
    font-size: .7rem;
    margin: 0 .25rem;
    float: left;
    position: relative;
    top: 1px;
}
.fastsection-detail-wrapper .recent-newsflashes {
    font-size: .7rem;
    padding-left: 57px;
    position: relative;
    padding-top: 1.5rem;
}
.fastsection-detail-wrapper .recent-newsflashes .float-title {
    position: absolute;
    top: 1.5rem;
    left: 0;
    width: 38px;
    text-align: center;
    font-size: .7rem;
    border: 1px solid #ff0000;
    color: #4285f4;
    padding: 6px 0;
    line-height: 1.4;
}
.fastsection-detail-wrapper .recent-newsflashes li {
    margin-bottom: 1rem;
}
.fastsection-detail-wrapper .recent-newsflashes li .title {
    line-height: 1.1;
    margin-bottom: .25rem;
    font-size: .9rem;
}
.fastsection-detail-wrapper .recent-newsflashes li .info {
    color: #aaa;
    font-size: .6rem;
}
.hot_article.hot_posts {
    font-size: .65rem;
    margin: 0;
}
.hot_article.hot_posts .ad {
    min-height: 100px;
    border: 1px dashed #d3d7db;
}
.hot_article.hot_posts .ad .baidu_ads_cell {
    padding: .7rem .7rem 0 1rem;
}
.hot_article.hot_posts .ad .tuiguang {
    color: #ccc;
    margin: .5rem 0 0 1rem;
}
.hot_article.hot_posts li {
    border: 0 none;
    background-color: transparent;
    position: relative;
    line-height: 1rem;
    margin-bottom: 1rem;
    min-height: 70px;
}
.hot_article.hot_posts li .dex_box {
    font-size: .6rem;
    display: block;
    content: attr(data-index);
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    background-color: #fff;
    color: #c0d8ff;
    left: 0;
    border: 1px solid #c0d8ff;
    border-radius: 3px;
}
.hot_article.hot_posts li .dex_box.dex-box-billing {
    width: auto;
    height: auto;
    padding: 0 5px;
    line-height: 1rem;
    background-color: #458df5;
    border-color: #458df5;
}
.hot_article.hot_posts li .img-cover {
    position: relative;
    width: 100%;
    height: 8rem;
    border-radius: 6px;
    overflow: hidden;
}
.hot_article.hot_posts li .img-cover a {
    width: 100%;
    height: 100%;
    z-index: 99;
    display: inline-block;
    overflow: hidden;
}
.hot_article.hot_posts li .img-cover span {
    position: absolute;
    left: .6rem;
    display: inline-block;
    width: 2.75rem;
    height: 1rem;
    background-color: #ff4343;
    background-size: cover;
    z-index: 10;
}
.hot_article.hot_posts li .img-cover span>b {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 400;
}
.hot_article.hot_posts li .img-cover span:before {
    position: absolute;
    top: 1rem;
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid #ff4343;
    border-right: 27.5px solid transparent;
    border-left: 0 solid transparent;
}
.hot_article.hot_posts li .img-cover span:after {
    position: absolute;
    top: 1rem;
    right: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid #ff4343;
    border-left: 24.5px solid transparent;
    border-right: 0 solid transparent;
}
.hot_article.hot_posts li .img-cover img {
    width: 100%;
    height: 100%;
}
.hot_article.hot_posts li .img-cover .article-title {
    position: absolute;
    bottom: 0;
    padding: .7rem 1rem;
    color: #fff;
    width: 100%;
    background-color: rgba(0,0,0,.3);
    font-size: .7rem;
    border-radius: 0 0 4px 4px;
}
.hot_article.hot_posts li .img-cover .article-title .article-wrapper {
    display: -webkit-box;
    text-overflow: ellipsis;
    color: #fff;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.hot_article.hot_posts li .img-left-cover {
    position: relative;
    float: left;
    width: 5rem;
    height: 3.5rem;
    border-radius: 0px 0 0 0px;
    overflow: hidden;
}
.hot_article.hot_posts li .img-left-cover a {
    overflow: hidden;
}
.hot_article.hot_posts li .img-left-cover a span {
    position: absolute;
    top: 0;
    left: 0;
    font-size: .6rem;
    padding: 0 .5rem;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    border-radius: 4px 0 0 0;
    z-index: 2;
}
.hot_article.hot_posts li .img-left-cover img {
    width: 100%;
    height: 100%;
}
.hot_article.hot_posts li .top2 {
    background-color: #ff9035!important;
}
.hot_article.hot_posts li .top2:after,.hot_article.hot_posts li .top2:before {
    border-top-color: #ff9035!important;
}
.hot_article.hot_posts li .right-article {
    margin-left: 5.5rem;
}
.hot_article.hot_posts li .text_link,.hot_article.hot_posts li h4 {
    margin: 0;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.1rem;
    color: #666;
    max-height: 43px;
    overflow: hidden;
}
.hot_article.hot_posts li .text_link a,.hot_article.hot_posts li h4 a {
    color: #3d464d;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.hot_article.hot_posts li h4 a {
    font-size: 15px;
}
.hot_article.hot_posts li .text_link a:hover,.hot_article.hot_posts li h4 a:hover {
    color: #4285f4;
}
.hot_article.hot_posts li .time_about {
    position: absolute;
    bottom: 0;
    color: #999;
    font-size: .6rem;
    margin-top: .25rem;
}
.hot_article.hot_posts li.no-billing {
    display: none;
}
.pin-wrapper .hot_article.hot_posts h3 {
    margin-top: 0!important;
}
@media (min-width:820px) {
    .hide-pc {
        display: none!important;
    }
    .fast_section_page .mainlib .center_content {
        margin-right: 0;
        padding: 2.2rem 0;
    }
    .fast_section_page .mainlib .center_content .plan-image {
        margin-right: 56px;
    }
}
@media (max-width:820px) {
    .hide-phone {
        display: none!important;
    }
    .fast_section_page .a_d_bd_div,.fast_section_page .mainlib .center_content .plan-image {
        display: none;
    }
    .fast_section_filter {
        display: none;
        padding: 1rem;
    }
    .fast_section_filter dl {
        max-width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }
    .fast_section_filter dl dd {
        border: none;
        float: none;
        display: inline-block!important;
    }
    .fast_section_filter dl dd:last-child>div span:after {
        display: none;
    }
    .fast_section_filter dl dd>div {
        padding-top: 1rem;
    }
    .fast_section_filter dl dd>div span {
        color: #9ca4ab;
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        padding: .15rem .9rem;
        line-height: normal;
        border: 1px solid #9ca4ab;
        margin-right: .5rem;
        border-radius: 12px;
    }
    .fast_section_filter dl dd.selected span {
        color: #458df5;
    }
    .fast_section_list {
        margin-top: 4rem;
    }
    .fast_section_list .item_datetime header {
        padding-left: 4.5rem;
    }
    .fast_section_list .item_datetime .date {
        width: 3.4rem;
        height: 3.5rem;
        padding: .5rem 0;
        left: 1rem;
    }
    .fast_section_list .item_datetime .date span {
        font-size: .9rem;
    }
    .fast_section_list .item_datetime .date b {
        font-size: 1rem;
        position: relative;
        top: -2px;
    }
    .fast_section_list .item_datetime .date_chinese {
        padding: .7rem 1rem;
        line-height: 2rem;
    }
    .fast_section_list .item_datetime .date_chinese .date_cn {
        font-size: 1.2rem;
    }
    .fast_section_list li h2 {
        font-size: 1.3rem;
        line-height: 1.7rem;
    }
    .fast_section_list li h2:before {
        width: .7rem;
        height: .7rem;
        left: -2.25rem;
        top: .3rem;
    }
    .fast_section_list li .today_headline,.fast_section_list li .top {
        font-size: 1rem;
        line-height: 1.7rem;
        padding: 0 .4rem;
    }
    .fast_section_list li p {
        font-size: 1.1rem;
        line-height: 1.5rem;
        margin-top: .5rem;
    }
    .fast_section_list li .fast_news_content {
        display: none;
    }
    .fast_section_list li .fast_news_content .icon-sina,.fast_section_list li .fast_news_content .icon-weixin {
        font-size: 1.3rem;
        top: 0;
    }
    .fast_section_list ul>li {
        cursor: pointer;
        padding: 0 1rem 1rem 6rem;
    }
    .fast_section_list ul>li:before {
        width: 4px;
        left: 2.4rem;
    }
    .fast_section_page .loading_more {
        width: auto;
        margin: 0 1rem;
        font-size: 1.2rem;
        line-height: 3rem;
        height: 3rem;
    }
}
.search_wrapper {
    width: 100%;
    height: 9rem;
    background-color: #f8f8fa;
}
.search_wrapper .search_content {
    max-width: 42.5rem;
    margin: 0 auto;
    overflow: hidden;
}
.search_wrapper .search-inner-wrapper {
    max-width: 1110px;
    margin: 0 auto;
    margin-top: .9rem;
}
.search_wrapper .search-inner-wrapper .chj_tab_wapper {
    background: none!important;
}
.search_wrapper .search-inner-wrapper .chj_tab_wapper ul {
    border-bottom: none!important;
}
.search_wrapper .chj-search-box {
    font-size: .8rem;
    margin-top: 2.5rem;
}
.search_wrapper .chj-search-box .group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
    overflow: hidden;
}
.search_wrapper .chj-search-box .group input {
    -webkit-box-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto;
    border-radius: 8px 0 0 8px;
}
.search_wrapper .chj-search-box .group .group-btn {
    -webkit-box-flex: 0 0 8rem;
    -moz-flex: 0 0 8rem;
    -ms-flex: 0 0 8rem;
    flex: 0 0 8rem;
    line-height: 1.5rem;
}
.search_wrapper .chj-search-box .group .group-btn .loading-icon,.search_wrapper .chj-search-box .group .group-btn.loading .search-icon {
    display: none;
}
.search_wrapper .chj-search-box .group .group-btn.loading .loading-icon {
    display: inline-block;
}
@media (max-width:820px) {
    .search_wrapper .chj-search-box .group .group-btn {
        -webkit-box-flex: 0 0 6rem;
        -moz-flex: 0 0 6rem;
        -ms-flex: 0 0 6rem;
        flex: 0 0 6rem;
    }
    .search_wrapper .chj-search-box .group .group-btn .search-icon {
        display: none;
    }
}
.search_wrapper .chj-search-box input {
    padding: .5em 1em;
    line-height: 1.5rem;
    border: 1px solid #ccc;
    border-right-color: #ff0000;
    outline: none;
    border-radius: 4px 0 0 4px;
}
.search_wrapper .chj-search-box input:focus {
    border-color: #4285f4;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(59,180,242,.3);
}
.search-filter-inner .chj_tab {
    float: left;
}
.search-filter-inner .chj_tab ul li {
    margin-right: 1.15rem;
}
.search-filter-inner .chj_tab ul li:first-child {
    margin-left: 1rem;
}
.search-filter-inner .search-result {
    float: right;
    font-size: .7rem;
    color: #999;
    padding: 1rem .5rem;
}
.search-filter-inner .highlight {
    color: #4285f4;
}
.search-list-panel {
    padding-bottom: 1rem;
}
.search-list-panel em {
    font-style: normal;
}
.search-list-panel ul li .share_groups {
    border-bottom: none!important;
    padding-bottom: 0;
}
.search-list-panel .highlight {
    color: #4285f4;
}
.search-list-panel .item {
    float: left;
    padding: 1rem 1.5rem;
    width: 50%;
    border-bottom: 1px dashed #e8e8e8;
    position: relative;
}
.search-list-panel .item:nth-child(odd) {
    padding-left: 0;
}
.search-list-panel .item:nth-child(odd):before {
    content: "";
    position: absolute;
    width: 1px;
    height: 40px;
    background-color: #e8e8e8;
    right: 0;
    top: 50%;
    margin-top: -20px;
}
.search-list-panel .img-panel {
    float: left;
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
}
.search-list-panel .img-panel img {
    position: relative;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    display: block;
    vertical-align: middle;
}
.search-list-panel .img-panel[href="javascript:;"] {
    cursor: text;
}
.search-list-panel .desc-panel {
    margin-left: 4rem;
}
.search-list-panel .desc-panel h2 {
    padding: 0;
    font-size: .8rem;
    line-height: 1.1;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}
.search-list-panel .desc-panel h2 a {
    color: #3d464d;
}
.search-list-panel .desc-panel h2 a:hover {
    color: #4285f4;
}
.search-list-panel .desc-panel h2 a[href="javascript:;"] {
    cursor: text;
}
.search-list-panel .desc-panel p {
    font-size: .7rem;
    color: #999;
    line-height: 1rem;
    margin-top: .25rem;
    height: 2rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.search-list-panel ul li .inner_li {
    margin: 0;
}
.search-list-panel .intro .info a.name:hover,.search-list-panel .intro .info h3 a:hover {
    color: #4285f4;
}
.search-list-panel.list-column-one .item {
    width: 100%;
    padding: 0;
}
.search-list-panel.list-column-one .item:before {
    display: none;
}
.search-list-panel.list-column-one .item:last-child {
    border-bottom: none;
}
.choose-user-type {
    position: relative;
    padding-right: 1rem;
    display: inline-block;
    font-size: .7rem;
    line-height: 1.3rem;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    min-width: 5rem;
}
.choose-user-type.active,.choose-user-type.active .sort-icon {
    border-radius: 4px 4px 0 0;
}
.choose-user-type.active ul {
    display: block;
}
.choose-user-type .sort-icon {
    position: absolute;
    width: 1rem;
    height: 100%;
    right: 0;
    top: 0;
    background-color: #ccc;
    color: #fff;
    border-radius: 0 4px 4px 0;
    text-align: center;
}
.choose-user-type ul {
    position: absolute;
    top: 100%;
    z-index: 1;
    display: none;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    width: 100%;
    left: -1px;
}
.choose-user-type ul li {
    padding: 0 .5rem;
    color: #999;
    cursor: pointer;
}
.choose-user-type ul li.active,.choose-user-type ul li:hover {
    color: #4285f4;
}
.choose-user-type>span {
    margin: 0 .5rem;
}
.search-fast-result {
    margin: 0;
}
.search-fast-result li.item {
    padding: 1rem 0;
    border-bottom: 1px dashed #e8e8e8;
    float: none;
    width: 100%;
}
.search-fast-result li.item:before {
    display: none;
}
.search-fast-result li.item h2 {
    padding: 0;
}
.search-fast-result li.item h2:before {
    display: none;
}
.search-fast-result li.item:last-child {
    border-bottom: none;
}
.search-fast-result li.item p {
    margin-top: .5rem;
}
.search-fast-result li.item .highlight {
    color: #4285f4;
    font-weight: 400;
}
.search-fast-result li.item .weixin_section p {
    margin-top: 0;
}
@media (max-width:820px) {
    .chj-search-box,.search-filter-inner {
        padding: 0 1rem;
        margin-top: 1rem;
    }
    .search-result {
        display: none;
    }
    .group .group_btn {
        -webkit-box-flex: 0 0 6rem;
        -moz-flex: 0 0 6rem;
        -ms-flex: 0 0 6rem;
        flex: 0 0 6rem;
    }
    .group .group_btn .search-icon {
        display: none;
    }
    .search-list-panel {
        padding: 0 1rem;
    }
    .search-list-panel .item {
        width: 100%;
        padding: 1rem 0;
    }
    .search-list-panel .item:before {
        display: none;
    }
    .search-list-panel .item:first-child {
        padding-top: 0;
    }
    .search-list-panel .img-panel {
        width: 4rem;
        height: 4rem;
    }
    .search-list-panel .desc-panel {
        margin-left: 5rem;
    }
    .search-list-panel .desc-panel h2 {
        font-size: .8rem;
    }
    .search-list-panel .desc-panel p {
        font-size: .7rem;
        margin-top: .5rem;
    }
    .search-list-panel.fast_section_list li h2 {
        font-size: .8rem;
        line-height: 1.2rem;
    }
    .search-list-panel.fast_section_list li .publish-datetime,.search-list-panel.fast_section_list li .today_headline,.search-list-panel.fast_section_list li .top,.search-list-panel.fast_section_list li p {
        font-size: .7rem;
        line-height: 1.2rem;
    }
    .search-list-panel.fast_section_list li .a_weixin {
        display: none;
    }
    .choose-user-type {
        min-width: 10rem;
        font-size: 1.2rem;
        line-height: 2rem;
    }
    .selected-choose {
        padding: 0 .75rem;
        margin-bottom: 2rem;
    }
}
.selected-choose {
    line-height: 1.7rem;
}
.selected-choose .am-selected {
    width: 7.5rem;
}
.selected-choose .am-btn,.selected-choose .am-selected-list {
    font-size: .7rem;
}
.project-news-wapper .banner-wrapper {
    height: 9rem;
    background-color: #fafafa;
    background-size: cover;
    background-position: 50%;
    position: relative;
}
.project-news-wapper .banner-wrapper .banner-inner {
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
.project-news-wapper .banner-wrapper .info-box {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 2rem 2rem;
    width: 100%;
}
.project-news-wapper .banner-wrapper .info-box .tit {
    font-size: 1.2rem;
}
.project-news-wapper .banner-wrapper .info-box .des {
    font-size: .7rem;
    color: #464c56;
}
@media (max-width:820px) {
    .project-news-wapper .mainlib_flex_wapper .mainlib .center_content {
        padding: 1rem;
    }
    .pagewrap {
    min-height: 2rem;
    width: 100%;
    }
}
html.html-project-news {
    font-size: 20px;
}
.news-post-wrapper .news-post-item {
    position: relative;
    margin-bottom: 20px;
}
.news-post-wrapper .news-post-item:last-child {
    margin-bottom: 0;
}
.news-post-wrapper .news-post-item .img-box {
    width: 100px;
    height: 65px;
    background-size: cover;
    background-position: 50%;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.news-post-wrapper .news-post-item .img-box img {
    height: 102%;
    width: 102%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.news-post-wrapper .news-post-item .info-box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding-left: 110px;
    width: 100%;
}
.news-post-wrapper .news-post-item .info-box .info-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
}
.news-post-wrapper .news-post-item .info-box .title {
    position: relative;
    top: -2px;
    font-size: 14px;
    color: #3d464d;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5em;
    max-height: 3em;
}
.news-post-wrapper .news-post-item .info-box .tips {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    line-height: 1;
    font-size: 12px;
    color: #9ca4ab;
}
.news-post-wrapper .more-project-news {
    display: block;
    width: 6rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 4px;
    margin: 0 auto 2rem;
    border: 1px solid #ff0000;
    text-align: center;
    color: #4285f4;
    margin-top: 20px;
}
.chj-btn {
    font-size: .8rem;
}
.chj-btn-primary {
    background-color: #4285f4;
    color: #fff;
}
.chj-btn-primary:hover {
    color: #fff;
}
.chj-page-wrap .chj-page-box {
    text-align: center;
}
.chj-page-wrap .chj-page-box .chj-page {
    display: inline-block;
}
.chj-page-wrap .chj-page-box .chj-page .chj-page-item {
    display: inline-block;
    margin-right: .5rem;
    vertical-align: middle;
    position: relative;
    font-size: .7rem;
}
.chj-page-wrap .chj-page-box .chj-page .chj-page-item.pre {
    margin-right: 1rem;
}
.chj-page-wrap .chj-page-box .chj-page .chj-page-item.next {
    margin-left: .5rem;
}
.chj-page-wrap .chj-page-box .chj-page .chj-page-item.next a,.chj-page-wrap .chj-page-box .chj-page .chj-page-item.pre a {
    padding: 0 .5rem;
}
.chj-page-wrap .chj-page-box .chj-page .chj-page-item .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.chj-page-wrap .chj-page-box .chj-page .chj-page-item a {
    display: block;
    min-width: 1.6rem;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    border: 1px solid #e8e8e8;
    border-radius: .2rem;
    color: #999;
}
.chj-page-wrap .chj-page-box .chj-page .chj-page-item.active a,.chj-page-wrap .chj-page-box .chj-page .chj-page-item a:hover {
    color: #4285f4;
    border-color: #4285f4;
}
@media (max-width:820px) {
    .chj-page-wrap .chj-page-box .chj-page .chj-page-item {
        display: none;
    }
    .chj-page-wrap .chj-page-box .chj-page .chj-page-item.next,.chj-page-wrap .chj-page-box .chj-page .chj-page-item.pre {
        display: inline-block;
    }
}
.no-result-box {
    color: #3d464d;
    font-size: .9rem;
    line-height: 1.8rem;
    text-align: center;
    padding: 3.5rem 0 5rem;
    min-height: 25rem;
}
.no-result-box .icon-nodata {
    display: block;
    width: 138px;
    height: 109px;
    margin: 1.5rem auto;
}
.no-result-box .icon-error {
}
.no-result-box .highlight {
    color: #ff4343;
}
.no-result-box .tips {
    font-size: .8rem;
    color: #999;
}
.loading-comps {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #fafafa;
    background-color: #efefef;
    color: #999;
    border-radius: 5px;
    position: relative;
    z-index: 99;
}
.loading-comps .circle {
    line-height: 20px;
    font-size: 16px;
    top: 10px;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    position: relative;
    left: -15px;
    -moz-animation: spinoffPulse 1s infinite ease-in-out;
    -webkit-animation: spinoffPulse 1s infinite linear;
}
.loading-comps b {
    position: absolute;
    top: 0;
    font-weight: 400;
    font-size: .6rem;
    left: 50%;
}
.loading-comps.loading-default {
    border: none;
    background-color: #fff;
    border-radius: 0;
    margin: 2rem 0;
}
.load-img {
    border: 0;
    border: none;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.load-img.fade {
    opacity: 1;
}
@media (min-width:820px) {
    .ab-index-exp .chj_article_list .intro h3 {
        font-size: 16px;
    }
    .ab-index-exp .chj_article_list .intro .abstract {
        line-height: 1.6;
    }
}
.star.smaller {
    border-color: #555 transparent transparent transparent;
    border-style: solid;
    border-top-width: 6px;
    border-right-width: 10px;
    border-left-width: 10px;
    height: 0;
    position: absolute;
    width: 0;
    left: 0;
    top: 17px;
}
.star.smaller:before,.star.smaller:after {
    border-color: #555 transparent transparent transparent;
    border-style: solid;
    border-top-width: 5px;
    border-right-width: 10px;
    border-left-width: 10px;
    content: '';
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: -5px;
    width: 0;
}
.star.smaller:before {
    transform: rotate(70deg);
}
.star.smaller:after {
    transform: rotate(-70deg);
}
.bookmark-solid.icon {
    color: #555;
    position: absolute;
    left: 0;
    top: 12px;
    width: 10px;
    height: 15px;
    border-radius: 1px 1px 0 0;
    border-top: solid 1px currentColor;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;
    background-color: currentColor;
}
.bookmark-solid.icon:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 1px;
    width: 7px;
    height: 7px;
    border-top: solid 1px currentColor;
    border-left: solid 1px currentColor;
    background-color: white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.eye-solid3.icon {
    color: #555;
    position: absolute;
    left: 0;
    top: 11px;
    width: 15px;
    height: 15px;
    border-radius: 70% 15%;
    border: solid 1px currentColor;
    background-color: currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.eye-solid3.icon:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    color: white;
    border: solid 2px currentColor;
}
.heart-solid.icon {
    color: #555;
    position: absolute;
    top: 16px;
    left: 3px;
    width: 9px;
    height: 9px;
    border-left: solid 1px currentColor;
    border-bottom: solid 1px currentColor;
    background-color: currentColor;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.heart-solid.icon:before {
    content: '';
    position: absolute;
    top: -5px;
    left: -1px;
    width: 9px;
    height: 6px;
    border-radius: 5px 5px 0 0;
    border-top: solid 1px currentColor;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;
    background-color: currentColor;
}
.heart-solid.icon:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 7px;
    width: 6px;
    height: 9px;
    border-radius: 0 5px 5px 0;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    border-bottom: solid 1px currentColor;
    background-color: currentColor;
}
.heart.icon {
    position: absolute;
    left: 27px;
    top: 26px;
    color: #F35353;
    width: 12px;
    height: 12px;
    border-left: solid 1px currentColor;
    border-bottom: solid 1px currentColor;
    background-color: currentColor;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 30;
}
.heart.icon:before {
    content: '';
    position: absolute;
    top: -6px;
    left: -1px;
    width: 11px;
    height: 7px;
    border-radius: 5px 5px 0 0;
    border-top: solid 1px currentColor;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;
    background-color: currentColor;
}
.heart.icon:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 10px;
    width: 6px;
    height: 12px;
    border-radius: 0 5px 5px 0;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    border-bottom: solid 1px currentColor;
    background-color: currentColor;
}
.bdshare-button-style2-16 a,.bdshare-button-style2-16 .bds_more {
    background: none!important;
}
@media (max-width:1555px) {
    body > .christmas-wrapper {
        display: none;
    }
}
header.common-header .zhongchou-ft-container {
    background: #454545;
    display: block;
    height: 55px;
    padding: 9px 15px 9px 10px;
    position: fixed;
    box-sizing: border-box;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 1000;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    display: none;
}
@media (max-width:820px) {
    header.common-header .zhongchou-ft-container {
        display: none !important;
    }
}
header.common-header .zhongchou-ft-container.hide {
    -webkit-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    transform: translate(0,100%);
}
header.common-header .zhongchou-ft-container .container {
    width: 500px;
    margin: 0 auto;
    overflow: hidden;
}
header.common-header .zhongchou-ft-container .container > * {
    vertical-align: middle;
    display: inline-block;
}
header.common-header .zhongchou-ft-container .zhongchou-logo {
    height: 22px;
    margin-right: 15px;
    display: inline-block;
    position: relative;
    top: 3px;
}
header.common-header .zhongchou-ft-container .headericon-close {
    color: #aaa;
    float: right;
    margin-left: 8px;
    position: relative;
    top: 10px;
}
header.common-header .zhongchou-ft-container .text {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    position: relative;
    top: 3px;
}
header.common-header .zhongchou-ft-container .button {
    float: right;
    padding: 5px 10px;
    border-radius: 4px;
    background: #ff9335;
    color: #fff;
    font-size: 14px;
    margin-top: 4px;
}
header.common-header .app-container,header.common-header .zhongchou-hd-container {
    display: none;
}
@media (max-width:820px) {
    header.common-header .app-container {
        display: block;
        height: 55px;
        padding: 9px 15px;
        position: relative;
        background: #454545;
    }
    header.common-header .app-container > * {
        vertical-align: middle;
        display: inline-block;
    }
    header.common-header .app-container .headericon-close {
        color: #aaa;
    }
    header.common-header .app-container .app-logo {
        width: 38px;
        height: 38px;
        background-size: contain;
        border-radius: 5px;
    }
    header.common-header .app-container .text {
        margin-left: 15px;
        color: #fff;
    }
    header.common-header .app-container .button {
        float: right;
        padding: 5px 10px;
        border-radius: 4px;
        background: #4285f4;
        color: #fff;
        font-size: 14px;
        margin-top: 4px;
    }
    header.common-header .zhongchou-hd-container {
        background: #454545;
        display: block;
        height: 55px;
        padding: 9px 15px 9px 10px;
        position: relative;
    }
    header.common-header .zhongchou-hd-container > * {
        vertical-align: middle;
        display: inline-block;
    }
    header.common-header .zhongchou-hd-container .zhongchou-logo {
        height: 17px;
        display: block;
        margin-bottom: 1px;
        margin-left: -2px;
    }
    header.common-header .zhongchou-hd-container .headericon-close {
        color: #aaa;
        float: left;
        margin-right: 8px;
        position: relative;
        top: 10px;
    }
    header.common-header .zhongchou-hd-container .text {
        font-size: 12px;
        color: #fff;
        display: block;
        line-height: 20px;
    }
    header.common-header .zhongchou-hd-container .button {
        float: right;
        padding: 5px 10px;
        border-radius: 4px;
        background: #ff9335;
        color: #fff;
        font-size: 14px;
        margin-top: 4px;
    }
}
body.holding .app-container {
    display: none !important;
}
.ysf-online-kefu {
    display: none !important;
}
.header-search-overflow-hidden {
    overflow: hidden;
}
header.common-header {
    font-family: 'Arial','Microsoft YaHei','微软雅黑','STHeitiSC-Light','simsun','宋体','WenQuanYi Zen Hei','WenQuanYi Micro Hei','sans-serif';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: none;
    height: 65px;
    z-index: 999;
    box-sizing: content-box;
	transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
header.common-header body {
    line-height: 1;
}
header.common-header ol,header.common-header ul {
    list-style: none;
}
header.common-header blockquote,header.common-header q {
    quotes: none;
}
header.common-header blockquote:before,header.common-header blockquote:after,header.common-header q:before,header.common-header q:after {
    content: '';
    content: none;
}
header.common-header a:hover,header.common-header a:active {
    outline: none;
}
header.common-header table {
    border-collapse: collapse;
    border-spacing: 0;
}
header.common-header input,header.common-header button,header.common-header textarea {
    border: 0;
    padding: 0;
    margin: 0;
}
header.common-header input:focus,header.common-header textarea:focus {
    outline: none;
}
header.common-header [placeholder]::-webkit-input-placeholder {
    font-size: 13px;
    color: #ccc;
}
header.common-header [placeholder]::-moz-input-placeholder {
    font-size: 13px;
    color: #ccc;
}
header.common-header [placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 0.5;
}
header.common-header [placeholder]:focus::-moz-input-placeholder {
    transition: opacity 0.5s ease;
    opacity: 0.5;
}
header.common-header input::-ms-clear {
    display: none;
}
header.common-header *,header.common-header *:before,header.common-header *:after {
    box-sizing: border-box;
}
header.common-header * {
    font-size: 16px;
    -webkit-transition: none;
    transition: none;
}
header.common-header .whitehidden {
    display: none;
}
header.common-header .path1,header.common-header .path2,header.common-header .path3,header.common-header .path4 {
    font-family: 'icomoon-header';
    font-size: 16px;
}
@font-face {
    font-family:'icomoon-header';src:url('../font/icomoon.eot');src:url('../font/icomoon.eot') format('embedded-opentype'),url('../font/icomoon.ttf') format('truetype'),url('../font/icomoon.woff') format('woff'),url('') format('svg');font-weight:normal;font-style:normal;
}
header.common-header [class^="headericon-"],header.common-header [class*=" headericon-"] {
    font-family: 'icomoon-header' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
header.common-header .headericon-header-message .path1:before {
    content: "\e90c";
    color: #000000;
}
header.common-header .headericon-header-message .path2:before {
    content: "\e90d";
    margin-left: -1em;
    color: rgba(0,0,0,0.6);
}
header.common-header .headericon-header-message .path3:before {
    content: "\e90e";
    margin-left: -1em;
    color: rgba(0,0,0,0.6);
}
header.common-header .headericon-envelope:before {
    content: "\e90b";
}
header.common-header .headericon-Icon_App .path1:before {
    content: "\e903";
    color: #000000;
}
header.common-header .headericon-Icon_App .path2:before {
    content: "\e904";
    margin-left: -1em;
    color: #000000;
}
header.common-header .headericon-Icon_App .path3:before {
    content: "\e905";
    margin-left: -1em;
    color: rgba(0,0,0,0.5);
}
header.common-header .headericon-Icon_Search:before {
    content: "\e906";
    color: #333;
}
header.common-header .headericon-Icon_SignIn:before {
    content: "\e907";
    color: #333;
}
header.common-header .headericon-Icon_SignUp .path1:before {
    content: "\e908";
    color: #333;
}
header.common-header .headericon-Icon_SignUp .path2:before {
    content: "\e909";
    margin-left: -1.5em;
    color: rgba(0,0,0,0.5);
}
header.common-header .headericon-Icon_SignUp .path3:before {
    content: "\e90a";
    margin-left: -1.5em;
    color: #333;
}
header.common-header .headericon-header-service:before {
    content: "\e902";
}
header.common-header .headericon-header-msg:before {
    content: "\e600";
}
header.common-header .headericon-header-app:before {
    content: "\e601";
}
header.common-header .headericon-header-user:before {
    content: "\e602";
}
header.common-header .headericon-header-search:before {
    content: "\e603";
    color: #333;
}
header.common-header .headericon-qrcode_hover:before {
    content: "\e900";
}
header.common-header .headericon-qrcode_nor:before {
    content: "\e901";
}
header.common-header .headericon-header-menu:before {
    content: "\e606";
    color: #333;
}
header.common-header .header-menu2:before {
    content: "\e606";
    color: #fff;
}
header.common-header .headericon-arrow-drop-down:before {
    content: "\e604";
}
footer.common-footer .footericon-arrow-drop-down:before {
    content: "\e604";
}
header.common-header .headericon-close:before {
    content: "\e605";
}
header.common-header .headericon-apple:before {
    content: "\eabf";
}
header.common-header .headericon-android:before {
    content: "\eac1";
}
header.common-header.showbg {
    background: #ffffff!important;
}

header.common-header a,header.common-header a:focus,header.common-header a:visited {
    color: #333333;
    text-decoration: none;
}
header.common-header a:hover {
    border-bottom: solid 2px #000;
    height: 65px;
}
header.common-header .container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
}
@media (min-width:820px) and (max-width:1280px) {
    header.common-header .container {
        padding: 0 10px;
    }
}
header.common-header .logo {
    display: block;
    width: 170px;
    position: absolute;
    top: 8px;
    left: 0;
}
header.common-header .logo img {
    width: 100%;
}
@media (min-width:820px) and (max-width:1280px) {
    header.common-header .logo {
        left: 10px;
    }
}
@media (max-width:820px) {
    header.common-header .logo {
        left: 10px;
    }
}
header.common-header .J_navList li:first-child {
    display: none;
}
@media (min-width:820px) {
    body {
        padding-top: 0px;
    }
    .triggers {
        display: none;
    }
    header.common-header {
        margin-bottom: 0px;
        box-sizing: border-box;
        position: fixed;
		min-width: 1180px;
		background: #ffffff;
		transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    }
	
    header.common-header > .triggers {
        display: none;
    }
    header.common-header nav {
        opacity: 1;
        -webkit-transition: opacity .4s linear 0s;
        transition: opacity .4s linear 0s;
        float: right;
    }
    header.common-header nav a.headericon-header-menu {
        display: none;
    }
    header.common-header nav ul li {
        float: left;
        position: relative;
        top: 0px;
		margin: 0 15px;
    }
    header.common-header nav ul li .headericon-arrow-drop-down {
        font-size: 18px;
        position: relative;
        top: 2px;
        left: -0px;
        color: #999;
    }
    footer.common-footer .links a .footericon-arrow-drop-down {
        font-size: 18px;
        position: relative;
        top: 2px;
        left: -0px;
        color: #999;
    }
	
    header.common-header nav ul li a {
    display: block;
    position: relative;
    padding: 0 15px;
    line-height: 65px;
    height: 63px;
    overflow: hidden;
    box-sizing: border-box;
    }
    header.common-header nav ul li .menu a {
        top: 0;
        text-align: center;
        width: 65px;
        float: left;
        margin: 0 5px;
    }
    header.common-header nav ul li a.pointer-box {
        position: relative;
    }
    header.common-header nav ul li a.pointer-box .red-pointer {
        position: absolute;
        top: 14px;
        right: 18px;
        width: 6px;
        height: 6px;
        background: #ff0000;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
    }
    header.common-header nav ul li a.pointer-box .red-pointer.current {
        display: none;
    }
    header.common-header nav ul li.active {
        border-bottom: solid 2px #000;
    }
    header.common-header nav ul li.active a {
        color: #000000;
    }
    header.common-header nav ul li.active a:hover {
        border: 0;
	    height: 63px;
    }
    header.common-header nav ul li .service-wrap {
        right: -45px;
        -webkit-transform-origin: 40% 0;
        -ms-transform-origin: 40% 0;
        transform-origin: 40% 0;
        padding: 10px 14px;
        min-width: 190px;
        top: 70px;
    }
    header.common-header nav ul li .service-wrap a {
        font-weight: normal;
    }
    header.common-header nav ul li .service-wrap:before {
        right: 86px;
    }
    header.common-header nav ul li .service-wrap:after {
        right: 86px;
    }
    header.common-header nav ul:after {
        content: ' ';
        clear: both;
    }
    header.common-header nav ul li.firstlevel {
        margin-right: -10px;
    }
    header.common-header .right-col {
        float: right;
    }
    header.common-header .pop-up {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 90% 0;
        -ms-transform-origin: 90% 0;
        transform-origin: 90% 0;
        visibility: hidden;
        -webkit-transition: all 0.3s cubic-bezier(0.31,0.57,0.68,1.36) 0.5s;
        transition: all 0.3s cubic-bezier(0.31,0.57,0.68,1.36) 0.5s;
        position: absolute;
        min-width: 180px;
        right: -13px;
        top: 68px;
        background: #fff;
        background-clip: padding-box;
        border: solid 1px #eee;
        box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.09);
        padding: 20px;
    }
    header.common-header .pop-up:before {
        width: 10px;
        height: 10px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background: #fff;
        background-clip: padding-box;
        border: solid 4px rgba(221,221,221,0);
        border-width: 4px 4px 0 0;
        position: absolute;
        top: -7px;
        right: 15px;
        content: " ";
    }
    header.common-header .pop-up:after {
        position: absolute;
        width: 0;
        height: 0;
        content: "";
        border: 5px solid rgba(221,221,221,0.5);
        border-top-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
        top: -14px;
        right: 15px;
    }
    header.common-header li:hover .pop-up {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        z-index: 100;
    }
    header.common-header .search-item:hover .txt,header.common-header .app-download:hover .txt {
        color: #4285f4 !important;
    }
    header.common-header .search-item:hover .path1:before,header.common-header .app-download:hover .path1:before,header.common-header .search-item:hover .path2:before,header.common-header .app-download:hover .path2:before,header.common-header .search-item:hover .path3:before,header.common-header .app-download:hover .path3:before {
        color: #4285f4;
    }
    header.common-header .app-download {
        -webkit-animation: icon-bounce 1s 1s 1 alternate;
        animation: icon-bounce 1s 1s 1 alternate;
    }
    header.common-header .search-mask {
        height: 60px;
        width: 100%;
        position: absolute;
        top: 0;
        display: none;
    }
    header.common-header .sub-nav {
        height: 62px;
        margin-right: -20px;
        width: 100%;
        position: relative;
        white-space: nowrap;
    }
    header.common-header .sub-nav li.user-menu {
        margin-left: 8px;
    }
    header.common-header .sub-nav li.app-download {
        position: relative;
    }
    header.common-header .sub-nav li.app-download i {
        margin-left: 4px;
    }
    header.common-header .sub-nav li.app-download .txt {
        position: absolute;
        font-size: 12px;
        top: 3px;
        left: -6px;
    }
    header.common-header .sub-nav li.app-download a {
        position: relative;
        top: -11px;
    }
    header.common-header .sub-nav li.app-download .pop-up {
        right: -109px;
        -webkit-transform-origin: 60% 0;
        -ms-transform-origin: 60% 0;
        transform-origin: 60% 0;
    }
    header.common-header .sub-nav li.msg-menu {
        margin-left: 10px;
        position: relative;
        left: 4px;
    }
    header.common-header .sub-nav li.msg-menu > a {
        vertical-align: middle;
        position: relative;
        top: -11px;
    }
    header.common-header .sub-nav li.msg-menu .txt {
        font-size: 12px;
        position: absolute;
        color: #333;
        top: 2px;
        left: 3px;
    }
    header.common-header .sub-nav li.msg-menu:hover .path1,header.common-header .sub-nav li.msg-menu:hover .path2,header.common-header .sub-nav li.msg-menu:hover .path3,header.common-header .sub-nav li.msg-menu:hover .txt {
        color: #4285f4;
    }
    header.common-header .sub-nav li.msg-menu:hover .path1:before,header.common-header .sub-nav li.msg-menu:hover .path2:before,header.common-header .sub-nav li.msg-menu:hover .path3:before,header.common-header .sub-nav li.msg-menu:hover .txt:before {
        color: #4285f4;
    }
    header.common-header .sub-nav > li {
        height: 72px;
        line-height: 62px;
        display: inline-block;
        margin: 0 18px 0 18px;
        vertical-align: middle;
    }
    header.common-header .sub-nav > li .search-form-wrapper {
    padding: 20px 0 19px;
    font-size: 18px;
    line-height: 28px;
    margin: 0 auto;
    }
    header.common-header .sub-nav > li .search-form-wrapper .search-form-inner {
    vertical-align: middle;
    height: 28px;
    line-height: normal;
    }
    header.common-header .sub-nav > li .search-form-wrapper .search-form-inner .searchdisplayico {
        vertical-align: middle;
        position: absolute;
        left: -20px;
        font-size: 16px;
        color: #333;
        cursor: pointer;
        height: 40px;
        top: -3px;
    }
    header.common-header .sub-nav > li .search-form-wrapper .search-form-inner .searchdisplayico:hover {
        color: #4285f4;
    }
    header.common-header .sub-nav > li .search-form-wrapper .search-form-inner .searchdisplayico:after {
        font-family: 'Arial','Microsoft YaHei','STHeitiSC-Light','simsun';
        content:'搜索';
        font-size: 12px;
        position: absolute;
        top: 22px;
        left: 6px;
        color: #333;
    }
    header.common-header .sub-nav > li .search-form-wrapper .search-form-box {
    float: left;
    border: 0px solid #ddd;
    border-radius: 20px;
    height: 28px;
    width: 180px;
    background: #eee;
    overflow: hidden;
    }
    header.common-header .sub-nav > li .search-form-wrapper .search-form-box .searchico {
        position: absolute;
        font-size: 16px;
        top: 7px;
        left: 6px;
        color: #808080;
    }
    header.common-header .sub-nav > li .search-form-wrapper .search-form-box input {
    padding: 0 15px;
    height: 28px;
    width: 70%;
    background: none;
    font-size: 13px;
    color: #969696;
    }
    header.common-header .sub-nav > li .search-form-wrapper .close-search {
        display: block;
        opacity: 0;
        position: absolute;
        color: #808080;
        cursor: pointer;
        font-size: 16px;
    }
    header.common-header .sub-nav > li .search-form-wrapper button {
    background: none;
    cursor: pointer;
    outline: none;
    line-height: 100%;
    vertical-align: middle;
    width: 43px;
    height: 28px;
    float: right;
    padding: 0;
    font-size: 13px;
	display: none;
    padding-right: 15px;
    }
    header.common-header .sub-nav > li .search-form-wrapper button.show {
        display: block;
    }
    header.common-header .sub-nav > li .search-form-wrapper .do-submit-icon {
        display: none;
    }
    header.common-header .sub-nav > li .search-form-wrapper:hover button {
        color: #e03b2c;
    }
    header.common-header .sub-nav > li .headericon-header-user,header.common-header .sub-nav > li .login b {
        display: none;
    }
    header.common-header .sub-nav > li i {
        font-size: 17px;
        vertical-align: -4px;
        margin: 0 -2px 0 7px;
    }
    header.common-header .sub-nav > li div.login {
        line-height: 64px;
        padding: 0 10px 0 0;
        position: relative;
        top: 10px;
    }
    header.common-header .sub-nav > li div.login .group {
        display: inline-block;
        line-height: 38px;
    }
    header.common-header .sub-nav > li div.login .group:hover a,header.common-header .sub-nav > li div.login .group:hover i:before,header.common-header .sub-nav > li div.login .group:hover span:before {
        color: #4285f4;
    }
    header.common-header .sub-nav > li div.login b {
        font-weight: normal;
    }
    header.common-header .sub-nav > li div.login a {
        padding: 0;
        display: inline-block;
        vertical-align: middle;
        line-height: 20px;
    }
    header.common-header .sub-nav > li div.login i {
        font-size: 16px;
        position: absolute;
        top: 5px;
    }
    header.common-header .sub-nav > li div.login .headericon-Icon_SignIn {
        left: -3px;
    }
    header.common-header .sub-nav > li div.login .headericon-Icon_SignIn:hover {
        color: #4285f4;
    }
    header.common-header .sub-nav > li div.login .headericon-Icon_SignUp {
        right: 16px;
    }
    header.common-header .sub-nav > li div.login .J_login {
        margin-right: 26px;
    }
    header.common-header .sub-nav > li div.login .J_signup,header.common-header .sub-nav > li div.login .J_login {
        height: 40px;
        line-height: 60px;
        vertical-align: baseline;
        position: relative;
        z-index: 1;
    }
    header.common-header .sub-nav > li div.login span {
        font-size: 16px;
    }
    header.common-header .sub-nav > li div.login .login-link {
        font-size: 12px;
        color: #333333;
    }
    header.common-header .sub-nav .headericon-header-message {
        position: relative;
    }
    header.common-header .sub-nav .headericon-header-message.point:after {
        content: " ";
        width: 6px;
        height: 6px;
        border-radius: 6px;
        background: #ec3e3e;
        position: absolute;
        top: 0px;
        right: -2px;
        display: block;
    }
    header.common-header .sub-nav > li .search-wrap {
        right: -200px;
        -webkit-transform-origin: 20% 0;
        -ms-transform-origin: 20% 0;
        transform-origin: 20% 0;
    }
    header.common-header .sub-nav > li .search-wrap:before {
        right: 225px;
    }
    header.common-header .sub-nav > li .mobile-wrap:before {
        right: 106px;
    }
    header.common-header .sub-nav > li .mobile-wrap:after {
        right: 106px;
    }
    header.common-header .sub-nav > li .msg-wrap {
        padding: 0;
        right: -15px;
    }
    header.common-header .sub-nav > li .msg-wrap:before {
        right: 12px;
    }
    header.common-header .sub-nav > li .msg-wrap:after {
        right: 12px;
    }
    header.common-header .sub-nav .searchbar {
        height: 32px;
        overflow: hidden;
        white-space: nowrap;
        word-spacing: 0;
    }
    header.common-header .sub-nav .searchbar button {
        width: 30px;
        height: 30px;
        box-sizing: border-box;
        background: #40afff;
        color: #fff;
        vertical-align: middle;
        border-radius: 0 2px 2px 0;
        font-size: 18px;
    }
    header.common-header .sub-nav .searchbar button:hover {
        background: #46c1ff;
    }
    header.common-header .sub-nav .searchbar input {
        width: 210px;
        height: 30px;
        float: left;
        border: solid 1px #a1d8ff;
        border-right: 0;
        border-radius: 2px 0 0 2px;
        background: #fff;
        box-sizing: border-box;
        overflow: hidden;
        padding: 2px 10px;
        line-height: 25px;
        vertical-align: middle;
    }
    header.common-header .sub-nav .mobile-wrap {
        line-height: 20px;
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    header.common-header .sub-nav .mobile-wrap .left,header.common-header .sub-nav .mobile-wrap .right {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    header.common-header .sub-nav .mobile-wrap .left {
        padding: 10px 20px 3px 0;
    }
    header.common-header .sub-nav .mobile-wrap .center {
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
        padding: 10px 20px 3px 20px;
    }
    header.common-header .sub-nav .mobile-wrap .right {
        padding: 10px 0 3px 20px;
    }
    header.common-header .sub-nav .mobile-wrap p {
        font-size: 12px;
        color: #6b6b6b;
        text-align: center;
    }
    header.common-header .sub-nav .mobile-wrap img.qr {
        height: 110px;
        margin: 13px  15px 0;
    }
    header.common-header .sub-nav .mobile-wrap img.applogo {
        width: 46px;
    }
    header.common-header .sub-nav .head-avatar {
        overflow: hidden;
        display: block;
        position: relative;
        padding-left: 10px;
        top: 13px;
        margin-right: 20px;
    }
    header.common-header .sub-nav .head-avatar img {
        border: 3px #e9e9e9 solid;
        display: block;
        width: 34px;
        height: 34px;
        border-radius: 34px;
    }
    header.common-header .sub-nav > li .menu-wrap {
        padding: 15px 20px 5px 20px;
        right: 11px;
    }
    header.common-header .sub-nav > li .menu-wrap .brief {
        padding-bottom: 10px;
        display: block;
        border-bottom: solid 1px #eee;
    }
    header.common-header .sub-nav > li .menu-wrap .brief img {
        float: left;
        width: 35px;
        height: 35px;
        border-radius: 30px;
        margin-right: 10px;
    }
    header.common-header .sub-nav > li .menu-wrap .brief span {
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        height: 40px;
        line-height: 40px;
    }
    header.common-header .anim .search-form-box {
        -webkit-transform: translateX(0px) !important;
        -ms-transform: translateX(0px) !important;
        transform: translateX(0px) !important;
        opacity: 1 !important;
    }
    header.common-header .stay .app-download,header.common-header .stay .login-actions,header.common-header .stay .msg-menu,header.common-header .stay .user-menu {
        display: none;
    }
    header.common-header .stay nav {
        opacity: 0;
    }
    header.common-header .stay .right-col {
        clear: both;
        float: none;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }
    header.common-header .stay .sub-nav {
        margin-left: 85px;
        width: 100%;
        position: relative;
    }
    header.common-header .stay .sub-nav li .search-item {
        margin-left: 80px;
    }
    header.common-header .stay .sub-nav li .search-form-wrapper {
        width: 500px;
        margin: 0 auto;
        position: absolute;
        left: 70%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-left: -85px;
    }
    header.common-header .stay .sub-nav li .search-form-inner {
        width: 80%;
        position: relative;
    }
    header.common-header .stay .sub-nav li .search-form-inner .searchdisplayico {
        display: none;
    }
    header.common-header .stay .sub-nav li .search-form-box {
        position: relative;
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        -webkit-transition: -webkit-transform 0.3s linear 0.3s,opacity 0.3s linear 0.3s;
        transition: transform 0.3s linear 0.3s,opacity 0.3s linear 0.3s;
    }
    header.common-header .stay .sub-nav li .search-form-box input {
       width: 80%;
       height: 28px;
    }
    header.common-header .stay .sub-nav li .search-form-box::-webkit-input-placeholder {
        color: #979797;
    }
    header.common-header .stay .sub-nav li .close-search {
        -webkit-transition: opacity 0.6s linear 0.6s;
        transition: opacity 0.6s linear 0.6s;
        opacity: 1;
        display: block;
        position: absolute;
        right: -50px;
        top: 7px;
    }
    header.common-header .menu a {
        display: block;
        height: 36px;
        line-height: 36px;
        border-top: solid 0px #eee;
        padding: 0 6px;
        font-size: 13px;
    }
    header.common-header .menu a span {
        background: #ec3e3e;
        float: right;
        color: #fff;
        padding: 0 4px;
        border-radius: 10px;
        line-height: 20px;
        height: 20px;
        font-size: 12px;
        font-weight: bold;
        position: relative;
        top: 8px;
    }
    header.common-header .menu a:first-of-type {
        border-top: 0;
    }
    header.common-header .header-message-box {
        width: 465px;
        overflow: hidden;
    }
    header.common-header .header-message-box * {
        font-size: 13px;
        -webkit-transition: none;
        transition: none;
    }
    header.common-header .header-message-box .header-message-box-title {
        text-align: center;
        font-weight: 600;
        padding: 20px 0 10px;
        font-size: 15px;
        line-height: 15px;
        color: #333;
    }
    header.common-header .header-message-box .header-message-box-body {
        position: relative;
        min-height: 200px;
        max-height: 500px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    header.common-header .header-message-box .header-message-box-body .header-message-loading {
        position: absolute;
        top: 50%;
        left: 50%;
    }
    header.common-header .header-message-box .header-message-box-item {
        padding: 20px 20px 25px;
        background-color: #fff;
        border-bottom: 1px solid #e4e4e4;
    }
    header.common-header .header-message-box .header-message-box-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    header.common-header .header-message-box .header-message-box-item:last-child {
        border: none;
    }
    header.common-header .header-message-box .header-message-box-item .item-avatar {
        float: left;
        position: relative;
        margin-right: 15px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        overflow: hidden;
        background-color: #fff;
    }
    header.common-header .header-message-box .header-message-box-item .item-avatar img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    header.common-header .header-message-box .header-message-box-item .item-info {
        position: relative;
        top: 2px;
        line-height: 1.5;
        overflow: hidden;
    }
    header.common-header .header-message-box .header-message-box-item .item-info i {
        font-size: 13px;
        font-style: normal;
        vertical-align: top;
        margin: 0;
    }
    header.common-header .header-message-box .header-message-box-item .info-title {
        color: #333;
        font-size: 16px;
        margin-bottom: 5px;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    header.common-header .header-message-box .header-message-box-item .info-img {
        display: block;
        margin-bottom: 10px;
    }
    header.common-header .header-message-box .header-message-box-item .info-img img {
        width: 100%;
    }
    header.common-header .header-message-box .header-message-box-item .info-header {
        position: relative;
        color: #333;
        margin-bottom: 5px;
    }
    header.common-header .header-message-box .header-message-box-item .info-header .item-time {
        margin-left: 20px;
        display: inline-block;
        color: #999;
    }
    header.common-header .header-message-box .header-message-box-item .info-header .mark-as-read {
        position: relative;
        display: inline-block;
        float: right;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        border: 1px solid #ccc;
        cursor: pointer;
        text-align: center;
        line-height: 15px;
        padding-left: 1px;
        color: #ccc;
        font-size: 12px;
    }
    header.common-header .header-message-box .header-message-box-item .info-body {
        text-align: justify;
        line-height: 24px;
        color: #333;
        margin-bottom: 10px;
        white-space: normal;
    }
    header.common-header .header-message-box .header-message-box-item .info-body .content {
        color: #46494a;
        width: 100%;
    }
    header.common-header .header-message-box .header-message-box-item .info-body .actions {
        margin-top: 10px;
    }
    header.common-header .header-message-box .header-message-box-item .info-body .actions .btn {
        display: inline-block;
        padding: 8px 48px;
        margin-right: 20px;
        border: 1px solid #4285f4;
        font-size: 13px;
        background-color: #4285f4;
        color: #fff;
        border-radius: 4px;
        min-width: 140px;
        text-align: center;
    }
    header.common-header .header-message-box .header-message-box-item .info-body .actions .btn:last-child {
        color: #4285f4;
        background-color: #fff;
        border-color: #4285f4;
        margin-right: 0;
    }
    header.common-header .header-message-box .header-message-box-item .header-message-more-link {
        display: block;
        width: 100%;
        color: #4285f4;
    }
    header.common-header .header-message-box .header-message-box-item .header-message-more-link:hover {
        color: #1266f1;
    }
    header.common-header .header-message-box .header-message-box-footer {
        height: 41px;
        line-height: 40px;
        padding: 0 20px;
        background-color: #f5f5f5;
        border-top: 1px solid #e4e4e4;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        overflow: hidden;
    }
    header.common-header .header-message-box .header-message-box-footer a {
        display: block;
        float: left;
        width: 33.33333333%;
    }
    header.common-header .header-message-box .header-message-box-footer i {
        color: #4285f4;
    }
    header.common-header .header-message-box .header-message-box-footer .service-online {
        color: #333;
        text-align: left;
    }
    header.common-header .header-message-box .header-message-box-footer .service-online i {
        margin-right: 5px;
    }
    header.common-header .header-message-box .header-message-box-footer .private-msg {
        color: #333;
        text-align: center;
    }
    header.common-header .header-message-box .header-message-box-footer .private-msg span {
        color: #f44242;
        font-weight: 600;
    }
    header.common-header .header-message-box .header-message-box-footer .view-all-msg {
        color: #4285f4;
        text-align: right;
    }@    -webkit-keyframes ball-scale-multiple {
        0%{-webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
@keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
header.common-header .header-message-box .ball-scale-multiple {
    position: relative;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
}
header.common-header .header-message-box .ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
header.common-header .header-message-box .ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
header.common-header .header-message-box .ball-scale-multiple > div {
    background-color: #4285f4;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    left: -30px;
    top: 0;
    opacity: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
    animation: ball-scale-multiple 1s 0s linear infinite;
}
header.common-header .header-message-empty {
    text-align: center;
}
header.common-header .header-message-empty .headericon-envelope {
    margin: 50px 0 15px;
    font-size: 50px;
    color: #4285f4;
}
header.common-header .header-message-empty p {
    color: #333;
    font-size: 16px;
    margin-bottom: 40px;
}}
@media (min-width:820px) and (min-width:820px) and (max-width:1100px) {
    header.common-header nav {
        padding-left: 145px;
    }
}
@media (min-width:820px) and (min-width:820px) {
    header.common-header nav ul li[name="insight"] {
        position: relative;
    }
    header.common-header nav ul li[name="insight"]:after {
        content: "";
        position: absolute;
        top: 13px;
        left: 75%;
        background: url('404.png') no-repeat center center;
        background-size: contain;
        width: 24px;
        height: 10px;
    }
}
@media (min-width:820px) and (min-width:820px) and (max-width:1100px) {
    header.common-header nav ul li:first-child,header.common-header nav ul li.discover {
        display: none;
    }
}
.mobile-show {
    display: none;
}
@media (max-width:820px) {
    .mobile-show {
        display: block;
    }
}
@media (max-width:820px) {
    .mobile-hide {
        display: none !important;
    }
}
@media (max-width:820px) {
    body {
        padding-top: 0px;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    body:after {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 1000;
        content: " ";
        display: block;
        background: #000;
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        visibility: hidden;
    }
    body header.common-header {
        z-index: 1001;
    }
    body header.common-header .container {
        min-width: inherit;
    }
    html.holding,body.holding {
        height: 100%;
        overflow: hidden;
        padding-top: 0;
    }
    html.holding footer,body.holding footer {
        display: none;
    }
    html.holding header.common-header,body.holding header.common-header {
        z-index: 1500;
        margin-bottom: 0;
    }
    html.holding header.common-header2,body.holding header.common-header2 {
        height: 0px;
    }
    body.holding-right {
    }
    body.slide-left {
        -webkit-transform: translate(0px,0);
        -ms-transform: translate(0px,0);
        transform: translate(0px,0);
    }
    body.slide-left:after {
        visibility: visible;
        opacity: 0.3;
        z-index: 1002;
    }
    header.common-header {
        display: block;
        position: fixed;
        height: 50px;
        z-index: 999;
		background: #ffffff;
    }
	header.common-header.showbg {
        height: 50px;
    }
    header.common-header2 {
        height: 50px;
    }
    header.common-header .triggers {
        display: block;
        word-spacing: 0;
        height: 50px;
        text-align: right;
    }
    header.common-header .triggers > a {
        display: inline-block;
        border-left: solid 0px #ddd;
        width: 62px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 28px;
        color: #333;
		border: 0;
    }
    header.common-header .triggers > a.searchico {
        text-indent: 4px;
    }
    header.common-header .trigger-hide {
        display: none;
    }
    header.common-header nav {
        display: none;
    }
    header.common-header .sub-nav li {
        display: none;
    }
    header.common-header .headericon-close {
        display: none;
    }
    header.common-header.show-search {
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        -webkit-transform: translate(0,-63px);
        -ms-transform: translate(0,-63px);
        transform: translate(0,-63px);
        height: 50px;
        background: #f2f2f2;
        z-index: 999;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    header.common-header.show-search .sub-nav {
        position: relative;
    }
    header.common-header.show-search .sub-nav li.search-item {
        display: block;
        height: 63px;
        position: relative;
    }
    header.common-header.show-search .sub-nav li.search-item form {
        border-bottom: solid 0px #ddd;
    }
    header.common-header.show-search .sub-nav li.search-item > a {
        display: none;
    }
    header.common-header.show-search .sub-nav li.search-item button {
        display: inline-block;
        border-left: solid 0.5px #aaa;
        width: 62px;
        height: 63px;
        line-height: 77px;
        text-align: center;
        font-size: 28px;
        color: #9ab8d0;
        background: none;
        position: absolute;
        right: 0;
        top: 0;
        outline: none;
    }
    header.common-header.show-search .sub-nav li.search-item button.search-icon {
        right: 62px;
        border-left: 0;
    }
    header.common-header.show-search .sub-nav li.search-item button.close-icon {
        color: #aaa;
    }
    header.common-header.show-search .sub-nav li.search-item .do-submit {
        display: none;
    }
    header.common-header.show-search .sub-nav li.search-item i.searchico,header.common-header.show-search .sub-nav li.search-item i.searchdisplayico {
        display: none;
    }
    header.common-header.show-search .sub-nav li.search-item .do-submit-icon {
        display: block;
        right: 62px;
        border: none;
        outline: none;
    }
    header.common-header.show-search .sub-nav li.search-item input {
        border: 0;
        width: 100%;
        height: 64px;
        padding: 13px 125px 0 20px;
        border-bottom: solid 0.5px #aaa;
        -webkit-appearance: none;
        box-sizing: border-box;
    }
    header.common-header.show-search .sub-nav li.search-item [placeholder]::-webkit-input-placeholder {
        font-size: 16px;
        color: #ccc;
    }
    header.common-header.show-search .sub-nav li.search-item [placeholder]::-moz-input-placeholder {
        font-size: 16px;
        color: #ccc;
    }
    header.common-header.show-menu .sub-nav li.login-actions {
        display: block;
    }
    header.common-header.show-menu .sub-nav li.login-actions a {
        display: inline-block;
        width: 130px;
        height: 55px;
        position: absolute;
        left: 100%;
        top: 0;
        line-height: 58px;
        color: #fff;
        text-align: left;
        padding-left: 14px;
        font-size: 95%;
        z-index: 300;
        border-bottom: solid 1px #1F1F1F;
    }
    header.common-header.show-menu .sub-nav li.login-actions a img {
        margin: 10px 10px 0 2px;
    }
    header.common-header.show-menu .sub-nav li.login-actions a i {
        font-size: 26px;
        vertical-align: middle;
    }
    header.common-header.show-menu .sub-nav li.login-actions .J_signup {
        margin-left: 60px;
        width: 80px;
        padding: 0;
    }
    header.common-header.show-menu .sub-nav li.login-actions .J_signup:before {
        content: '|';
        margin: 0 15px 0 0;
    }
    header.common-header.show-menu .sub-nav li.login-actions div.login {
        height: 0;
        overflow: hidden;
    }
    header.common-header.show-menu .sub-nav li.user-menu {
        display: block;
    }
    header.common-header.show-menu .sub-nav li.user-menu > a {
        display: none;
    }
    header.common-header.show-menu .sub-nav li.user-menu .menu {
        display: none;
    }
    header.common-header.show-menu .sub-nav li.user-menu .brief {
        display: block;
        max-width: 130px -10px;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 130px;
        height: 62px;
        position: absolute;
        left: 100%;
        top: 0;
        line-height: 62px;
        color: #fff;
        text-align: left;
        padding-left: 14px;
    }
    header.common-header.show-menu .sub-nav li.user-menu .brief img {
        width: 30px;
        height: 30px;
        border: solid 2px rgba(255,255,255,0.3);
        border-radius: 50%;
        vertical-align: middle;
        display: inline-block;
        margin-right: 3px;
    }
    header.common-header.show-menu nav {
        display: block;
        width: 150px;
        height: 2000px;
        background: rgba(175, 175, 175, 0.8);
        padding-top: 50px;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 3000;
		transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    }
    header.common-header.show-menu nav li a {
        height: 43.4px;
        line-height: 43.4px;
        display: block;
        text-align: left;
        border: solid 1px transparent;
        border-width: 1px 0;
        color: #fff;
        padding-left: 20px;
    }
    header.common-header.show-menu nav li a.trigger-hide {
        display: none;
    }
    header.common-header.show-menu nav li a.news {
        display: none;
    }
    header.common-header.show-menu nav li.active a {
        border-color: #bfbfbf;
        color: #ff0000;
    }
}
@-webkit-keyframes icon-bounce {
    0%,100% {
        -webkit-transform: rotate(0deg) scale(1,1);
        transform: rotate(0deg) scale(1,1);
    }
    5% {
        -webkit-transform: rotate(0deg) scale(1.3,1.3);
        transform: rotate(0deg) scale(1.3,1.3);
    }
    10% {
        -webkit-transform: rotate(0deg) scale(1.3,1.3);
        transform: rotate(0deg) scale(1.3,1.3);
    }
    30% {
        -webkit-transform: rotate(15deg) scale(1.3,1.3);
        transform: rotate(15deg) scale(1.3,1.3);
    }
    50% {
        -webkit-transform: rotate(-15deg) scale(1.3,1.3);
        transform: rotate(-15deg) scale(1.3,1.3);
    }
    70% {
        -webkit-transform: rotate(5deg) scale(1.3,1.3);
        transform: rotate(5deg) scale(1.3,1.3);
    }
    80% {
        -webkit-transform: rotate(-5deg) scale(1.3,1.3);
        transform: rotate(-5deg) scale(1.3,1.3);
    }
    90% {
        -webkit-transform: rotate(0deg) scale(1.3,1.3);
        transform: rotate(0deg) scale(1.3,1.3);
    }
    95% {
        -webkit-transform: rotate(0deg) scale(1.3,1.3);
        transform: rotate(0deg) scale(1.3,1.3);
    }
}
@keyframes icon-bounce {
    0%,100% {
        -webkit-transform: rotate(0deg) scale(1,1);
        transform: rotate(0deg) scale(1,1);
    }
    5% {
        -webkit-transform: rotate(0deg) scale(1.3,1.3);
        transform: rotate(0deg) scale(1.3,1.3);
    }
    10% {
        -webkit-transform: rotate(0deg) scale(1.3,1.3);
        transform: rotate(0deg) scale(1.3,1.3);
    }
    30% {
        -webkit-transform: rotate(15deg) scale(1.3,1.3);
        transform: rotate(15deg) scale(1.3,1.3);
    }
    50% {
        -webkit-transform: rotate(-15deg) scale(1.3,1.3);
        transform: rotate(-15deg) scale(1.3,1.3);
    }
    70% {
        -webkit-transform: rotate(5deg) scale(1.3,1.3);
        transform: rotate(5deg) scale(1.3,1.3);
    }
    80% {
        -webkit-transform: rotate(-5deg) scale(1.3,1.3);
        transform: rotate(-5deg) scale(1.3,1.3);
    }
    90% {
        -webkit-transform: rotate(0deg) scale(1.3,1.3);
        transform: rotate(0deg) scale(1.3,1.3);
    }
    95% {
        -webkit-transform: rotate(0deg) scale(1.3,1.3);
        transform: rotate(0deg) scale(1.3,1.3);
    }
}
.usersy {
    vertical-align: middle;
    float: left;
    width: 100%;
}
.usersy .welcome {
    width: 150px;
    background: #fff;
}
.usersy .welcome a {
    color: #333;
    width: 150px;
    padding: 0;
    font-size: 90%;
    height: 38px!important;
}
.usersy .userface {
    overflow: hidden;
    width: 100%;
    margin: 12px 0 0;
}
.usersy .userface a {
    display: block;
    text-align: center;
    width: 148px;
    height: 55px;
    line-height: 48px;
    font-size: 95%;
	overflow: hidden;
}
.usersy .userface a:hover {
    color: #ff0000;
}
.usersy .userface a img {
    display: block;
    padding: 0;
    border-radius: 100px;
    float: left;
    margin: 3px 10px 0 2px;
}
.usersy .userface a span {
    color: #333333;
    text-decoration: none;
    font-size: 95%;
}
.usersy .userface ul {
    display: none;
    overflow: hidden;
    width: 150px;
    margin: 0px;
    top: 65px;
    padding-bottom: 10px;
    position: absolute;
    z-index: 1000;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.18);
    background: #fff;
}
.usersy .userface:hover ul {
    display: block;
}
.usersy .mylink {
    width: 144px;
    float: left;
    overflow: hidden;
}
.usersy .mylink ul {
}
.usersy .mylink ul li {
    width: 72px;
    float: left;
    line-height: 21px;
    text-indent: 12px;
}
.usersy .mylink ul li a {
    color: #000;
}
.usersy .uclink {
    height: 35px;
    line-height: 40px;
    float: left;
    overflow: hidden;
    vertical-align: middle;
    background: #222;
}
.usersy .uclink a {
    color: rgb(230,230,230);
    margin: 0px 0px;
}
body {
    z-index: 1;
}
@font-face {
    font-family:'icomoon-footer';src:url('');src:url('') format('embedded-opentype'),url('') format('woff'),url('') format('truetype'),url('') format('svg');font-weight:normal;font-style:normal;
}
[class^="iconfooter-"],[class*=" iconfooter-"] {
    font-family: 'icomoon-footer';
    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;
}
.iconfooter-arrow-up:before {
    content: "\e606";
    color: #888;
}
.iconfooter-arrow-up2:before {
    content: "\e606";
    color: #aaa;
}
.iconfooter-evernote:before {
    content: "\e600";
}
.iconfooter-qr:before {
    content: "\e607";
    color: #888;
}
.iconfooter-add:before {
    content: "\e604";
}
.iconfooter-play-circle-outline:before {
    content: "\e605";
}
.iconfooter-comment:before {
    content: "\e603";
}
.iconfooter-renren:before {
    content: "\e601";
}
.iconfooter-douban:before {
    content: "\e602";
}
.iconfooter-star:before {
    content: "\f005";
}
.iconfooter-twitter:before {
    content: "\f099";
    color: #eee;
}
.iconfooter-facebook:before {
    content: "\f09a";
    color: #eee;
}
.iconfooter-rss:before {
    content: "\f09e";
}
.iconfooter-weibo:before {
    content: "\f18a";
    color: #eee;
}
.iconfooter-qq:before {
    content: "\f1d6";
}
.iconfooter-weixin:before {
    content: "\f1d7";
}
html {
    height: 100%;
}
body {
    margin: 0;
    min-height: 100%;
    position: relative;
    padding-bottom: 115px;
}
#app {
    margin-top: 65px;
    }
@media (max-width:800px) {
    body {
        padding-bottom: 280px;
        overflow: visible;
    }
    #app {
    margin-top: 50px;
    }
}
}
.clearfix {
    *zoom: 1;
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}
.radius-box {
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
@media (max-width:800px) {
    .mobile-hide {
        display: none !important;
    }
}
.mobile-show {
    display: none;
}
@media (max-width:800px) {
    .mobile-show {
        display: block;
    }
}
.fixed-tools {
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    font-family: 'PingFang SC','Lantinghei SC','Helvetica Neue','Helvetica','Arial','Microsoft YaHei','微软雅黑','STHeitiSC-Light','simsun','宋体','WenQuanYi Zen Hei','WenQuanYi Micro Hei','sans-serif';
    position: fixed;
    left: 50%;
    top: 75%;
    margin-left: 590px;
    z-index: 50;
}
.fixed-tools2 {
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    font-family: 'PingFang SC','Lantinghei SC','Helvetica Neue','Helvetica','Arial','Microsoft YaHei','微软雅黑','STHeitiSC-Light','simsun','宋体','WenQuanYi Zen Hei','WenQuanYi Micro Hei','sans-serif';
    position: fixed;
    left: 50%;
    top: 70%;
    margin-left: 590px;
    z-index: 50;
    display: none;
    left: auto!important;
    margin-left: auto!important;
    right: 0;
    margin-right: 10px;
}
.fixed-tools a {
    color: #333333;
    text-decoration: none;
}
@media (max-width:800px) {
    .fixed-tools {
        display: none !important;
    }
}
@media (max-width:800px) {
    .fixed-tools2 {
        display: block !important;
        visibility: hidden;
    }
}
.fixed-tools > a {
    display: block;
    width: 40px;
    height: 40px;
    border: solid 1px #d7dde3;
    margin-top: -1px;
    color: #8e9ca9;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    position: relative;
}
.fixed-tools2 > a {
    display: block;
    width: 40px;
    height: 40px;
    border: solid 1px #ccc;
    margin-top: -1px;
    color: #8e9ca9;
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    background: rgba(255,255,255,0.66);
    position: relative;
    border-radius: 50px;
}
.fixed-tools > a:last-of-type {
    opacity: 0;
    visibility: hidden;
}
.fixed-tools > a + .qr {
    position: absolute;
    right: 50px;
    top: -42%;
    padding: 0px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    overflow: hidden;
    border: solid 1px #d7dde3;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0.2s;
    transition: all 0.3s ease 0.2s;
    -webkit-transform: translate(0,20px);
    -ms-transform: translate(0,20px);
    transform: translate(0,20px);
    width: 120px;
    height: 132px;
    display: block;
}
.fixed-tools > a + .qr:hover {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0,0px);
    -ms-transform: translate(0,0px);
    transform: translate(0,0px);
}
.fixed-tools > a + .qr.extend {
    width: 395px;
    height: 225px;
    margin-top: -80px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.fixed-tools > a + .qr.extend .qr-min {
    display: none;
}
.fixed-tools > a + .qr.extend .qr-group {
    display: block;
    width: 398px;
    height: 225px;
}
.fixed-tools > a + .qr.extend .qr-group .tabs {
    *zoom: 1;
    background: #e4e6e7;
    border-bottom: solid 1px #d7dde3;
}
.fixed-tools > a + .qr.extend .qr-group .tabs:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}
.fixed-tools > a + .qr.extend .qr-group .tabs .tab {
    float: left;
    padding: 10px 0px;
    margin-bottom: -1px;
    width: 25%;
    text-align: center;
}
.fixed-tools > a + .qr.extend .qr-group .tabs .tab.active {
    background: #f5f5f5;
}
.fixed-tools > a + .qr .qr-group {
    display: none;
    background: #ff0000;
}
.fixed-tools > a + .qr .qr-group .panels .panel {
    display: none;
    background: none;
    border: none;
    box-shadow: none;
    padding: 24px;
}
.fixed-tools > a + .qr .qr-group .panels .panel.active {
    display: block;
}
.fixed-tools > a + .qr .qr-group .panels .panel .img {
    float: left;
    margin-right: 24px;
    text-align: center;
}
.fixed-tools > a + .qr .qr-group .panels .panel .img img {
    width: 120px;
    height: 120px;
    display: block;
    margin: 0 auto 10px;
}
.fixed-tools > a + .qr .qr-group .panels .panel .desc {
    overflow: hidden;
    line-height: 1.8;
}
.fixed-tools > a + .qr .qr-group .panels .panel .desc p {
    margin-bottom: 16px;
}
.fixed-tools > a + .qr .qr-min {
    padding: 10px;
    text-align: center;
}
.fixed-tools > a + .qr .qr-min img {
    display: block;
    width: 90px;
    height: 90px;
    padding: 5px;
    border: solid 1px #d7dde3;
    background: #ffffff;
    margin: 0px auto 6px;
}
.fixed-tools > a + .qr .qr-min .btn {
    display: inline-block;
    width: 90px;
    padding: 3px 0;
    text-align: center;
    background: #7dc8ff;
    color: #fff;
}
.fixed-tools > a + .qr .qr-min .btn:hover {
    background: #66b2ff;
}
.fixed-tools > a:last-of-type {
    border-radius: 0 0 2px 2px;
    line-height: 36px;
}
.fixed-tools > a:hover {
    color: #cc0000;
    background: #f8f8f8;
}
.fixed-tools > a:hover + .qr {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0,0px);
    -ms-transform: translate(0,0px);
    transform: translate(0,0px);
}
.fixed-tools > .tools-erweima {
    margin-top: 0;
    border-radius: 2px 2px 0 0;
    font-size: 20px;
    line-height: 36px;
    text-indent: 2px;
}
.fixed-tools.show > a:last-of-type {
    visibility: visible;
    opacity: 1;
}
.fixed-tools2.show > a:last-of-type {
    visibility: visible;
    opacity: 1;
}
footer.common-footer {
    background: #fefefe;
    height: auto;
    width: 100%;
    position: absolute;
    bottom: 0;
}
footer.common-footer article,footer.common-footer aside,footer.common-footer details,footer.common-footer figcaption,footer.common-footer figure,footer.common-footer footer,footer.common-footer header,footer.common-footer hgroup,footer.common-footer main,footer.common-footer menu,footer.common-footer nav,footer.common-footer section {
    display: block;
}
footer.common-footer ol,footer.common-footer ul {
    list-style: none;
}
footer.common-footer blockquote,footer.common-footer q {
    quotes: none;
}
footer.common-footer blockquote:before,footer.common-footer blockquote:after,footer.common-footer q:before,footer.common-footer q:after {
    content: '';
    content: none;
}
footer.common-footer a {
    text-decoration: none;
}
footer.common-footer a:hover,footer.common-footer a:active {
    outline: none;
}
footer.common-footer table {
    border-collapse: collapse;
    border-spacing: 0;
}
footer.common-footer input,footer.common-footer button,footer.common-footer textarea {
    border: 0;
    padding: 0;
    margin: 0;
}
footer.common-footer input:focus,footer.common-footer textarea:focus {
    outline: none;
}
footer.common-footer [placeholder]::-webkit-input-placeholder {
    font-size: 13px;
    color: #ccc;
}
footer.common-footer [placeholder]::-moz-input-placeholder {
    font-size: 13px;
    color: #ccc;
}
footer.common-footer [placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 0.5;
}
footer.common-footer [placeholder]:focus::-moz-input-placeholder {
    transition: opacity 0.5s ease;
    opacity: 0.5;
}
footer.common-footer input::-ms-clear {
    display: none;
}
footer.common-footer *,footer.common-footer *:before,footer.common-footer *:after {
    box-sizing: border-box;
}
footer.common-footer * {
    font-size: 13px;
    -webkit-transition: none;
    transition: none;
}
footer.common-footer .clearfix {
    *zoom: 1;
}
footer.common-footer .clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}
footer.common-footer .container {
    margin: 0 auto;
}
@media (min-width:1200px) {
    footer.common-footer .container {
        width: 1170px;
    }
}
@media (min-width:820px) and (max-width:1200px) {
    footer.common-footer .container {
        width: 1000px;
    }
}
@media (max-width:820px) {
    footer.common-footer .container {
        width: auto;
    }
}
@media (max-width:820px) {
    footer.common-footer .mobile-hide {
        display: none !important;
    }
}
footer.common-footer:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}
@media (max-width:820px) {
    footer.common-footer {
	background: #f5f5f5;
    height: auto;
    border-radius: 0px;
    padding: 0 0 0px;
    }
    footer.common-footer .breadcrumb {
        display: none;
    }
}
footer.common-footer .breadcrumb {
    background-color: #dee0e5;
    font-size: 13px;
    line-height: 20px;
    padding: 10px 0;
    color: #999;
}
footer.common-footer .breadcrumb .sections {
    padding: 0;
}
footer.common-footer .breadcrumb a {
    color: #999;
}
footer.common-footer .breadcrumb a:hover {
    color: #999;
}
footer.common-footer .breadcrumb .nav-left {
    float: left;
}
footer.common-footer .breadcrumb .nav-right {
    float: right;
}
footer.common-footer .breadcrumb .nav-right a {
    margin: 0 12px;
}
footer.common-footer .breadcrumb .nav-right a:last-child {
    margin-right: 0;
}
footer.common-footer ul {
    padding-left: 0;
}
footer.common-footer a {
    color: #8c8c8c;
}
footer.common-footer a:hover {
    color: #b1b1b1;
}
footer.common-footer .sections {
    margin: 0 auto;
    *zoom: 1;
    padding: 25px 0 15px;
}
@media (max-width:820px) {
    footer.common-footer .sections {
        width: auto;
	    padding: 0px 0 15px;
    }
}
footer.common-footer .sections:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}
footer.common-footer .sections section {
    float: left;
}
footer.common-footer .sections section h3 {
    font-size: 16px;
    color: #8c8c8c;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 10px;
    letter-spacing: 1px;
}
footer.common-footer .sections section.link-section {
    width: 100%;
    color: #9e9e9e;
    text-align: center;
}
footer.common-footer .sections section.link-section .links {
}
footer.common-footer .sections section.link-section .links a{
    padding: 0px 5px;
}
footer.common-footer .sections section.link-section .feedback,footer.common-footer .sections section.link-section .contact {
    margin-bottom: 0px;
}
footer.common-footer .sections section.link-section .contact a{
    margin: 0 5px;
}
footer.common-footer .sections section.link-section .links a .drop-down {
    width: 8px;
    height: 8px;
    border-bottom: #555 solid 1px;
    border-left: #555 solid 1px;
    transform: translateY(-50%) rotate(225deg);
    position: absolute;
    top: 50%;
    right: 0px;
	display:none;
}
@media (max-width:800px) {
    footer.common-footer .sections section.link-section {
        float: none;
        width: 100%;
        text-align: center;
    }
    footer.common-footer .sections section.link-section .links {
    padding: 10px 20px;
    margin-bottom: 20px;
    background: #fbfbfb;
    }
    footer.common-footer .sections section.link-section .links a{
    width: 100%;
    display: block;
    text-align: left;
    font-size: 15px;
    color: #555;
	position: relative;
	padding: 10px 0;
    }
    footer.common-footer .sections section.link-section .links a .drop-down {
	display:block;
    }
    footer.common-footer .sections section.link-section .contact {
        width: 90%;
        margin: auto;
    }
    footer.common-footer .sections section.link-section .contact a{
        font-size: 12px;
    }
}
footer.common-footer .sections section.partner-section {
    width: 44%;
    padding-right: 110px;
}
@media (min-width:800px) and (max-width:1200px) {
    footer.common-footer .sections section.partner-section {
        padding-right: 80px;
    }
}
@media (max-width:800px) {
    footer.common-footer .sections section.partner-section {
        display: none !important;
    }
}
footer.common-footer .sections section.partner-section h3 {
    margin-bottom: 25px;
}
footer.common-footer .sections section.partner-section ul {
    *zoom: 1;
    list-style: none;
}
footer.common-footer .sections section.partner-section ul:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}
footer.common-footer .sections section.partner-section ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    margin-bottom: 10px;
}
footer.common-footer .sections section.partner-section ul li a {
    opacity: 0.6;
}
footer.common-footer .sections section.partner-section ul li a:hover {
    opacity: 1;
}
footer.common-footer .sections section.partner-section ul span a {
    color: #fff;
}
footer.common-footer .sections section.qr-section {
    text-align: center;
    color: #aaaaaa;
    font-size: 12px;
    position: relative;
    left: 10px;
}
@media (max-width:800px) {
    footer.common-footer .sections section.qr-section {
        display: none !important;
    }
}
footer.common-footer .sections section.qr-section img {
    width: 100px;
    margin-bottom: 5px;
    position: relative;
    vertical-align: baseline;
}
footer.common-footer .bottom {
    line-height: 24px;
    height: auto;
    color: #888;
    position: relative;
    padding: 8px 0;
}
@media (max-width:800px) {
    footer.common-footer .bottom {
        text-align: center;
        padding: 15px;
        line-height: 22px;
    }
}
footer.common-footer .bottom .container {
    position: relative;
}
footer.common-footer .bottom .container .law {
    margin-left: 20px;
}
footer.common-footer .bottom .container .law a {
    color: #aaa;
}
footer.common-footer .bottom .container .law a:hover {
    color: #dcdcdc;
}
footer.common-footer .bottom .container .safe-logo img {
    width: 66px;
    height: auto;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}
footer.common-footer .bottom .company-addr {
    margin-left: 200px;
}
@media (max-width:800px) {
    footer.common-footer .bottom .company-addr {
        margin-left: 0;
    }
}
footer.common-footer .bottom .share {
    position: absolute;
    right: 0;
    top: 0;
}
@media (max-width:800px) {
    footer.common-footer .bottom .share {
        display: none !important;
    }
}
footer.common-footer .bottom .share a {
    color: #fff;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    border-radius: 50%;
    background: #3b4148;
    margin-left: 10px;
    line-height: 24px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
footer.common-footer .bottom .share a.icon-weibo:hover {
    background-color: #d04340;
}
footer.common-footer .bottom .share a.icon-twitter:hover {
    background-color: #5bbce5;
}
footer.common-footer .bottom .share a.icon-facebook:hover {
    background-color: #2f4485;
}
footer.common-footer .bottom .share a.icon-rss:hover {
    background-color: #e9640e;
}