@charset "UTF-8";
html,body,body div,span,object,iframe,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0)}h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}article,aside,figure,footer,header,nav,section,details,summary{display:block}*,*::before,*::after{box-sizing:inherit}img,object,embed{max-width:100%}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:'';content:none}a{margin:0;padding:0;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:separate;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:middle}input[type="checkbox"]{vertical-align:middle}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,select,textarea{margin:0}button,input[type=button]{overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}
*{-webkit-tap-highlight-color:rgba(255,255,255,0)}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);height: 100%;}
body{font-family:"Pingfang-SC","Microsoft YaHei", sans-serif;line-height:1.61111;color:#222;background-color:#fff;-webkit-tap-highlight-color:rgba(255,255,255,0);min-height: 100%;position: relative;padding-bottom: 100px;}
a{text-decoration:none;color:#222;-webkit-tap-highlight-color:rgba(255,255,255,0)}
.clearfix::after, .clear::after{content:"";display:block;clear:both}
input{border:0}
input:focus{outline:none}
textarea{vertical-align:top}
textarea:focus{outline:none}
select{outline:none}
pre{font-family:"Pingfang-SC","Microsoft YaHei", sans-serif}


.content-left{width:894px}
.content-right{width:280px}
.content-main-box{width:100%;padding-top:20px}
.default-background {
  background-image: url(../fonts/e69e76443ee74f68be3d72310c49b7cd.woff);transform:translate(0)}
.famous-banner .slider-dots{position:absolute;left:50%;bottom:10px;-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.famous-banner .slider-dots li{float:left;margin-right:12px}
.famous-banner .slider-dots li button{display:block;width:8px;height:8px;font-size:0;background-color:#D7D4D4;outline-style:none;border:none;border-radius:50%;cursor:pointer;-o-transition:width 0.6s;-moz-transition:width 0.6s;-webkit-transition:width 0.6s;transition:width 0.6s}
.famous-banner .slider-dots .slick-active button{width:16px;border-radius:4px;background-color:#FC3}
.famous-banner .slick-list, .famous-banner .slick-slide {height:300px;width:100%}
.ad-top-link{position:relative}
.ad-top-tip{position:absolute;top:266px;right:11px;z-index:5;padding:5px 19px;font-size:12px;color:#fff;line-height:12px;background-color:rgba(0,0,0,0.2);border-radius:22px}
/* FM */

/* PlayProgressBar */
.fm-box{width:126px;position: fixed;top:152px;right: calc((100vw - 1200px)/2 - 151px);z-index:21;box-shadow:0px 2px 15px 0px rgba(206,216,222,0.5);border-radius:9px;}
.fm-minimize-box{width:63px;height:34px;line-height: 34px;position: fixed;top:152px;right: calc((100vw - 1200px)/2 - 88px);z-index:21;box-shadow:0px 2px 15px 0px rgba(206,216,222,0.5);border-radius:9px;}
@media (max-width: 1520px){.fm-box {right:0}.fm-minimize-box {right:0}}
.fm-minimize-img{width: 47px;height: 14px;}
.fm-play-icon-box{height:110px}
.fm-play-close{position: absolute;top:10px;left:10px; width:16px;height: 16px; background:url(../images/fm-play-close.png) no-repeat center;background-size:100% 100%}
.fm-play-close:hover{background-image:url(../images/fm-play-hover-close.png)}
.fm-play-icon-1{position: absolute;top:28px;left:23px; width:80px;height: 80px;box-shadow:0px 4px 4px 0px rgba(156,161,172,0.5);border-radius:100%;}
.fm-play-icon-2{position: absolute;top:10px;left:10px; width:20px;height: 20px;}
.fm-play-icon-3{position: absolute;top:10px;right:10px; width:38px;height: 74px;}
.fm-icon{margin: 3px 13px 10px 13px;width: 100px;height: 27px;}
.fm-anchorList{width:126px;padding: 12px 0;height: 81px;border-top: 1px solid #f4f4f4;overflow: hidden;}
.famous-anchor-box{margin:10px 0;height:60px;overflow: hidden;display: inline-block}
.famous-anchor-item{display: inline-block;width: 40px;height:57px;}
.famous-anchor-icon{margin:0 2px; width:36px;height:36px;border-radius:50%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.fm-interactive-wechat{position: relative;padding:14px 0;/*height:32px; border-top: 1px solid #f4f4f4;*/}
.fm-interactive-wechat::before{content: "";display: block;width: 100%;height: 1px;position: absolute;top:0;background:#f4f4f4;-o-transform: scaleY(0.5);-moz-transform: scaleY(0.5);-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.fm-interactive-wechat img{width: 14px;height:12px;margin-bottom: 2px;margin-right: 4px;vertical-align: middle;}
.fm-live-time{position: relative;padding:14px 0 17px 0;height:48px; /*border-top: 1px solid #f4f4f4;*/}
.fm-live-time::before{content: "";display: block;width: 100%;height: 1px;position: absolute;top:0;background:#f4f4f4;-o-transform: scaleY(0.5);-moz-transform: scaleY(0.5);-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.fm-live-time img{width: 14px;height: 10px;margin-bottom: 2px;margin-right: 4px;vertical-align: middle;}
.fm-notification-tip{position:absolute;top:-32px;left:0px;z-index:5;width:126px;height:28px;font-size:12px;line-height:28px;text-align:center;border-radius:14px}
.fm-notification-tip img{margin-right:4px; width:14px; height:14px; vertical-align:sub;}
.fm-notification-arrow{position:absolute;top:32px;left:25px;line-height:12px;-o-transform:scaleX(1.2);-moz-transform:scaleX(1.2);-webkit-transform:scaleX(1.2);transform:scaleX(1.2);}
.fm-pause-icon{position:absolute;top:60px;left:55px;width:15px;height: 15px;}
/*旋转*/
.start-play{-o-animation:paly 20s infinite both linear running;-moz-animation:paly 20s infinite both linear running;-webkit-animation:paly 20s infinite both linear running;animation:paly 20s infinite both linear running;}
@-o-keyframes paly{ 0%{-o-transform:rotate(0deg)} 100% {-o-transform:rotate(360deg)} }
@-moz-keyframes paly{ 0% {-moz-transform:rotate(0deg)} 100% {-moz-transform:rotate(360deg)} }
@-webkit-keyframes paly{ 0% {-webkit-transform:rotate(0deg)} 100% {-webkit-transform:rotate(360deg)}}
@keyframes paly{ 0% {transform:rotate(0deg)} 100% {transform:rotate(360deg)} }
.pause-play{-o-animation:paly 20s infinite both linear paused;-moz-animation:paly 20s infinite both linear paused;-webkit-animation:paly 20s infinite both linear paused;animation:paly 20s infinite both linear paused;}
/*  */
/* 滚动动画 */
.an{display:inline-block;white-space:nowrap}
.an-time{display:inline-block;-o-animation:an 20s infinite both linear;-moz-animation:an 20s infinite both linear;-webkit-animation:an 20s infinite both linear;animation:an 20s infinite both linear;white-space:nowrap}
@-o-keyframes an{ 0%{-o-transform:translateX(50%)} 100% {-o-transform:translateX(-100%)} }
@-moz-keyframes an{ 0% {-moz-transform:translateX(50%)} 100% {-moz-transform:translateX(-100%)} }
@-webkit-keyframes an{ 0% {-webkit-transform:translateX(50%)} 100% {-webkit-transform:translateX(-100%)} }
@keyframes an{ 0% {transform:translateX(50%)} 100% {transform:translateX(-100%)} }
/* 滚动动画 */
/* PlayProgressBar */

/* famousDetails */
.famous-detail-img-box{margin-right:30px;width:237px;height:319px;}
.famous-detail-img{width:237px;height:319px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.famous-detail-introduction-box{margin-left:30px;height:319px;border-left:1px solid}
.famous-introduction-image-box{display:inline-block;padding-right:8px;padding-left:30px;-webkit-transform:skewX(-20deg) translateX(-22px);transform:skewX(-20deg) translateX(-22px)}
.famous-introduction-image{-webkit-transform:skewX(20deg);transform:skewX(20deg)}
.famous-detail-price{margin-top:30px;margin-bottom:28px;}
.famous-info-column{padding:0 100px;}
.famous-info-column:hover{padding-bottom:11px;border-bottom:4px solid #FF9A02}
.famous-introduction-head-icon-box{margin-top:40px;margin-bottom:10px;width:110px;height:110px;border-radius:50%;}
.famous-introduction-head-icon{width:110px;height:110px;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:cover}
.famous-introduction-describe{margin-bottom:20px;margin-left:20px;margin-right:20px;width:188px;height:36px;line-height:18px}
.famous-learn-more{display:inline-block;padding:0 12px;height:30px;line-height:30px;border-radius:17px}
.famous-detail-info{height:319px}
.famous-detail-title-box span{display:inline-block;vertical-align:bottom}
.famous-detail-title{margin-right:10px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:47%}
.famous-detail-video-brief{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.famous-detail-video-describe{height:63px;line-height:21px}
.famous-detail-expire-date{margin-top:48px;margin-bottom:28px}
.famous-detail-watch-button{display:inline-block;padding:10px 47px;border:1px solid;cursor:pointer}
.famous-directory{margin:0 -10px;width:1220px;}
.famous-directory-item{margin:0 10px 25px;padding-top:30px;}
.famous-directory-box{float:left;width:263px;margin:0 10px;margin-bottom:20px;padding:10px;border:1px solid #fff;box-shadow:0 0 12px rgba(228,229,235,0.6)}
.famous-directory-box:hover{border:1px solid #FF9A02;}
.famous-directory-image{margin-bottom:10px;width:265px;height:149px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.famous-directory-duration{position:relative;padding:4px 6px;left:200px;top:120px;opacity:0.8}
.famous-directory-title{margin-bottom:15px;height:25px;line-height:25px}
.famous-directory-title span{display:inline-block;vertical-align:middle}
.famous-directory-period{margin-right:10px;padding:0 7px;line-height:20px;border-radius:0 6px}
.famous-directory-video-title{max-width:78%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.famous-directory-describe{margin-bottom:15px;height:40px;line-height:20px}
.watch-number-image{margin-right:3px;width:14px;}
.famous-comment{padding-top:30px}
/* famousDetails */

/* famousExpert */
.expert-detail-background{height:248px;background-repeat:no-repeat;background-position:center top;}
.expert-detail-head-icon-box{padding-top:92px}
.expert-detail-head-default-icon{margin:auto;width:142px;height:142px;border-radius:50%;}
.expert-detail-head-icon{width:142px;height:142px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:50%;}
.expert-detail-describe{margin-bottom:32px;padding-bottom:36px;border-bottom:1px solid;white-space:pre-line}
.expert-no-data-tip{padding:40px 0 280px}
/* famousExpert */

/* FMComment */
.send-commend-box{padding-bottom:72px;border-bottom:1px solid}
.famous-comment-icon-box{float:left;width:56px;height: 56px;}
.famous-comment-icon{margin-right:20px;width:56px;height:56px;border-radius:50%;object-fit: cover;}
.famous-comment-input{display:block;width:1087px;margin-bottom:20px;padding:13px 15px;height:62px;resize:none;outline-style:none;border-radius:11px}
.subject-follow.comment-submit-button{padding:0 33px;height:35px;line-height:35px;border-radius:21px}
.comment-content-item{padding-top:30px;border-bottom:1px solid}
.comment-content-item:last-child{border:none}
.comment-content-box{padding-left:85px;margin-bottom:20px}
.comment-content{margin-bottom:13px;line-height:22px}
.comment-time{line-height:32px}
.comment-zan{margin-bottom:18px}
.comment-reply-text{margin-left:8px;margin-right:8px;cursor:pointer}
.comment-reply-text:hover{text-decoration:none}
.comment-reply-input{margin-bottom:20px;padding:6px 16px;width:964px;height:26px;line-height:26px;resize:none;outline-style:none;border-radius:11px}
.comment-error-message{width:680px;padding-top:8px;margin:0 10px 0 83px}
.comment-reply-button{display:inline-block;vertical-align:middle;margin-top:4px;padding:0 33px;height:35px;line-height:35px;border-radius:21px;cursor:pointer}
.comment-reply-time{margin-left:8px}
.comment-reply-content-item{margin-bottom:25px;padding-left:20px;border-bottom:1px solid}
.comment-reply-content-item:last-child{border:none}
.comment-reply-info{margin-bottom:8px}
.comment-reply-content{margin-bottom:22px;line-height:22px}
.comment-no-data-tip{padding:30px 0}
/* FMComment */

/* famousVideo */
.aliplayer-box{position:relative;padding:33px 0 47px 0;overflow: hidden;}
.video-list-box{width:277px;height:500px;overflow-y:scroll;}
.video-list-box::-webkit-scrollbar{width:10px;border-radius:5px}
.video-list-box::-webkit-scrollbar-thumb{background-color:#333;border-radius:5px;}
.video-list-box-title{margin-bottom:15px}
.recommend-video-box{padding:20px 10px;border-bottom:1px solid}
.recommend-video-title{margin-bottom:15px}
.video-introduction-box{padding:28px 0;border-bottom:1px solid}
.video-introduction-head-icon{margin-right:30px;width:110px;height:110px;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:cover;}
.video-introduction-descr{max-height:84px;line-height:28px}
.recommend-watch-number-icon{margin-left:20px;margin-right:5px;width:13px;height:13px}
.buy-modal-wrap{position:absolute;left:-4px;top:33px;width:894px;height:500px;z-index:99}
.buy-modal-box{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%)}
.to-buy-button{margin-top:20px;padding:10px 20px;}
.famous-expert-video-introduction{padding:17px 0 30px;white-space:pre-line}
.recommend-video-playing-icon{margin-left:6px;display:inline-block}
/* 播放中动画 */
.playing-animation{display:inline-block;width:2px;}
.playing-animation-1{margin-left:2px;margin-right:2px;-o-animation:playing-animation 1.5s infinite;-o-animation-fill-mode:forwards;-moz-animation:playing-animation 1.5s infinite;-moz-animation-fill-mode:forwards;-webkit-animation:playing-animation 1.5s infinite;-webkit-animation-fill-mode:forwards;animation:playing-animation 0.8s infinite;animation-fill-mode:forwards}
.playing-animation-2{margin-right:2px;-o-animation:playing-animation 1.5s infinite 0.5s;-o-animation-fill-mode:forwards;-moz-animation:playing-animation 1.5s infinite 0.5s;-moz-animation-fill-mode:forwards;-webkit-animation:playing-animation 1.5s infinite 0.5s;-webkit-animation-fill-mode:forwards;animation:playing-animation 1s infinite 0.5s;animation-fill-mode: forwards}
.playing-animation-3{margin-right:2px;-o-animation:playing-animation 1.5s infinite 0.2s;-o-animation-fill-mode:forwards;-moz-animation:playing-animation 1.5s infinite 0.2s;-moz-animation-fill-mode:forwards;-webkit-animation:playing-animation 1.5s infinite 0.2s;-webkit-animation-fill-mode:forwards;animation:playing-animation 1.2s infinite 0.2s;animation-fill-mode: forwards}
.playing-animation-4{-o-animation:playing-animation 1.5s infinite 0.6s;-o-animation-fill-mode:forwards;-moz-animation:playing-animation 1.5s infinite 0.6s;-moz-animation-fill-mode:forwards;-webkit-animation:playing-animation 1.5s infinite 0.6s;-webkit-animation-fill-mode:forwards;animation:playing-animation 0.6s infinite 0.6s;animation-fill-mode:forwards}
@-o-keyframes playing-animation {0% {height:10px} 50%{height:0} 100% {height:10px}}
@-moz-keyframes playing-animation {0% {height:10px} 50%{height:0} 100% {height:10px}}
@-webkit-keyframes playing-animation {0% {height:10px} 50%{height:0} 100% {height:10px}}
@keyframes playing-animation {0% {height:10px} 50%{height:0} 100% {height:10px}}
/* 播放中动画 */
/* famousVideo */

/* plate */
.plate-column-box{padding:0 10px;height:18px;line-height:18px}
.plate-up-and-down{display:inline-block;margin-right:10px;padding:3px 10px;border:1px solid}

.plate-up-and-down-icon{margin-right:5px;vertical-align:middle;width:18px}
.plate-up-list span{margin-right:10px}
.plate-up-list span:nth-child(3n){margin-left:10px;margin-right:20px}
.plate-stock-introduction{width:193px;height:34px;word-wrap: break-word;word-break: break-all;}
.plate-right-name-box{padding:15px 20px}
.plate-right-name{margin-bottom:10px;line-height:30px}
.plate-right-desc{line-height:25px}
/* plate */

/*DetphNav*/
.level-2-nav-box{line-height:42px}
.level-2-nav-box a{float:left;position:relative;width:94px;text-align: center;}
.depth-nav a{width:105px;}
.level-2-nav-box a:hover{color:#EF9524}
.level-2-nav-box a:after{content:"\20";position:absolute;top:12px;right:0;width:1px;height:18px;background-color:#5f5f6a}
.level-2-nav-box a:last-child:after{width:0}
.drop-down-menu-box {position: absolute;top:42px;left: 0px;z-index:9;background: rgba(52,48,75,0.95);}
.level-2-nav-box a.level-2-nav-arrow{position: absolute;top:0px;right: 22px; width: 12px;height: 8px;}
a[href="/depth?id=1160"]{display:none}
/*DetphNav*/

/*index*/
.home-content-left{width:845px;margin-top: 15px;}
.home-news-swiper {height:280px;margin-bottom:30px;}
.home-news-swiper .slide-box{width:420px;height:280px;overflow:hidden}
.home-news-swiper .slide-box div{outline:none}
.home-news-swiper .slide-image{height:280px;background-repeat:no-repeat;background-position:center;background-size:cover}
.home-news-swiper .slide-title{position:absolute;bottom:0;left:0;right:0;padding:6px 10px;width:420px;line-height:24px}
.home-news-swiper .slide-title-content{max-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-news-swiper .slick-slider.center{position:static;top:auto;left:auto;-ms-transform:translate(0);transform:translate(0)}
.home-news-swiper .slick-prev{left:15px;z-index:5;width:14px;height:20px;background:url(../images/prev.png) no-repeat center;background-size:100% 100%}
.home-news-swiper .slick-prev:before{content:"\20"}
.home-news-swiper .slick-prev:hover{background:url(../images/prev-hover.png) no-repeat center;background-size:100% 100%}
.home-news-swiper .slick-next{right:15px;width:14px;height:20px;background:url(../images/next.png) no-repeat center;background-size:100% 100%}
.home-news-swiper .slick-next:before{content:"\20"}
.home-news-swiper .slick-next:hover{background:url(../images/next-hover.png) no-repeat center;background-size:100% 100%}
.home-banner-adTag{padding:0 2px;position:absolute; bottom:5px; right:5px; border-radius: 2px; border:1px solid #999}

.home-cls-app-ad {height:144px;margin-bottom:30px;}
.home-cls-app-ad .slide-box{height:144px;overflow:hidden}
.home-cls-app-ad .slide-box div{outline:none}
.home-cls-app-ad .slide-image{height:144px;background-repeat:no-repeat;background-position:center;background-size:cover}
.home-quote-box{padding:0 20px}
.home-zone-nav{padding:0 20px;height:52px;line-height:52px;}
.home-zone-nav-comment{padding:0}
.home-zone-nav-arrow{position:absolute;top:0;right:20px;width:9px}
.home-zone-nav-arrow-comment{top:11px;right:0;width:auto}
.home-zone-nav-arrow-comment img{-webkit-transform:translateY(2px);transform:translateY(2px)}
.home-event-chart-box:before{content:"\20";position:absolute;top:0;left:0;right:0;z-index:5;width:100%;height:1px;background-color:#e6e7ea}
.transaction-box{line-height:22px}
.transaction-article{padding:0 20px}
.transaction-lable{padding:3px;font-style:italic}
.transaction-more{position:absolute;top:3px;right:20px}
.transaction-more img{margin-left:7px;width:6px}
.home-content-ad{margin-top:25px;margin-bottom:25px;height:90px}
.home-article-list{border-bottom:1px solid;float: left;width: 425px;}
.home-article-list:last-child{border:none}
.home-article-title{margin-bottom:5px;max-height:76px;line-height:38px}
.home-article-title-small{max-height:64px;line-height:32px}
.home-article-time{margin-bottom:12px}
.home-article-tag{float:left;margin-right:10px;margin-top:9px;padding:3px;font-style:italic}
.home-article-title .home-article-underline{text-decoration:none}
.home-article-title a:hover{text-decoration:none}
.home-article-title-small a:hover{color:#222}
.home-article-headline-rec a{line-height:26px}
.home-article-headline-rec a:after{content:"|";margin:2px 8px 0;width:1px;height:14px;line-height:14px;color:#E6E7EA}
.home-article-headline-rec a:last-child:after{margin:0;font-size:0}
.home-article-rec-small{float: left;width: 400px;}
.home-article-rec-small a{float:left;margin-bottom:7.5px}
.home-article-rec-list:before{content:"\2022";padding-right:5px;font-size:15px;line-height:20px;color:#2E346A}
.home-article-rec-list{text-overflow:ellipsis;white-space:nowrap}
.home-article-rec a:hover{text-decoration:none}
.home-content-right{width:325px;}
.cls-app-ad{vertical-align:top;height:144px}
.home-telegraph-animation{padding:10px 20px 0}
.telegraph-animation{width:2px}
.telegraph-animation-1{margin-left:7px;margin-right:6px;;-webkit-animation:telegraph-animation 1.5s infinite;-webkit-animation-fill-mode:forwards;animation:telegraph-animation 1.5s infinite;animation-fill-mode:forwards}
.telegraph-animation-2{margin-right:6px;-webkit-animation:telegraph-animation 1.5s infinite 0.2s;-webkit-animation-fill-mode:forwards;animation:telegraph-animation 1.5s infinite 0.2s;animation-fill-mode:forwards}
.telegraph-animation-3{-webkit-animation:telegraph-animation 1.5s infinite 0.4s;-webkit-animation-fill-mode:forwards;animation:telegraph-animation 1.5s infinite 0.4s;animation-fill-mode:forwards}
.home-telegraph-list{padding:0 20px;max-height:658px;overflow-y: hidden;}
.home-telegraph-item{height:42px;margin-bottom:12px;padding-bottom:14px;line-height:21px;border-bottom:1px solid}
.home-telegraph-item:last-child{padding-bottom:0;border:none}
.home-telegraph-item a:hover{text-decoration:none}
.home-hot-plate-list{height:380px}
.home-hot-plate-item{padding:20px 15px 28px;width:179px;height:73px;border-right:1px solid;border-bottom:1px solid}
.home-hot-plate-item:hover{background-color:#F9FAFC}
.home-hot-plate-item:nth-child(2n){border-right-width:0;}
.home-hot-plate-name{margin-bottom:10px;height:25px;line-height:25px}
.home-hot-plate-name a{width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-hot-plate-name a:hover{text-decoration:none}
.home-hot-plate-stock{margin-bottom:6px;display:block;height:20px;line-height:20px;}
/* .home-hot-plate-stock>span{font-weight:bold;} */
.home-hot-plate-lead-up:hover{color:#fff;background-color:#de0422}
.home-hot-plate-lead-down:hover{color:#fff;background-color:#52c2a3}
.home-hot-plate-lead-up:hover>span{color:#fff}
.home-hot-plate-lead-down:hover>span{color:#fff}
.home-invest-kalendar{padding:20px;height:380px;overflow-y:scroll;white-space:pre-wrap}
.home-invest-kalendar-page{padding:20px}
.home-invest-kalendar::-webkit-scrollbar{width:4px;background-color:#fff;border-radius:6px;}
.home-invest-kalendar::-webkit-scrollbar-thumb{background-color:#d8d8d8;border-radius:6px;}
.home-invest-kalendar-item{position:relative;padding-left:15px;padding-bottom:30px;line-height:22px}
.home-invest-kalendar-item:before{content:"\20";position:absolute;left:0;top:9px;width:8px;height:8px;background-color:#8994A7;border-radius:50%;}
.home-invest-kalendar-item:after{content:"\20";position:absolute;left:3px;top:9px;width:1px;height:100%;border-left:1px dashed #8994A7}
.home-invest-kalendar-item:last-child{padding-bottom:8px}
.home-invest-kalendar-icon{float:left;margin-right:10px;padding:0 9px;height:22px;line-height:22px;border-radius:11px;}
.home-recommended-subject-box{padding-top:20px;height:840px;overflow-y:scroll;white-space: pre-wrap}
.home-recommended-subject-box::-webkit-scrollbar{width:4px;background-color:#fff;border-radius:6px}
.home-recommended-subject-box::-webkit-scrollbar-thumb{background-color:#d8d8d8;border-radius:6px}
.home-subject-nav{height:32px;line-height:32px;}
.home-subject-list{padding:20px;border-bottom:1px solid}
.home-subject-list:hover{background-color:#f9fafc;}
.home-subject-list:last-child{border:none}
.subject-follow{width:74px;height:25px;line-height:25px;border-radius:14px;border: 1px solid;}
.home-subject-image{width:76px;height:76px;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover}
.home-subject-image-tip{position:absolute;top:0;left:0;width:30px;height:14px;line-height:14px}
.home-subject-list-item-box{z-index:10;width:75.79787%;}
.home-subject-list-title{max-width:200px;text-overflow:ellipsis;white-space:nowrap}
.home-subject-list-title-right{z-index:10;max-width:150px}
.home-subject-list-title:hover{text-decoration:none}
.home-subject-list-article{text-overflow:ellipsis;white-space:nowrap}
.home-subject-list-article:hover{text-decoration:none}
.home-subject-list-stock{margin-right:20px;padding:0 5px;height:20px;line-height:20px}
.home-subject-list-article-right-box{z-index:10}
.home-subject-list-article-right{list-style:disc inside;max-height:40px;line-height:20px}
.home-subject-list-article-right:before{content:"\2022";padding-right:5px;font-size:15px;line-height:20px;color:#d8d8d8}
.home-subject-list-article-right>a:hover{text-decoration:none}
.home-subject-list-number{margin-bottom:18px}
.home-recommend-item{height:100px;padding:20px;border-bottom:1px solid}
.home-recommend-item:hover{background-color:#f9fafc;}
.home-recommend-item:last-child{border:none}
.home-item-global-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}
.home-recommend-item-link{z-index:10}
.home-recommend-poster{width:102px;height:102px;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover}
.home-recommend-poster-mask{position:absolute;left:0;bottom:0;height:18px;line-height:18px}
.home-recommend-name{z-index:10;margin-bottom:6px}
.home-recommend-detail{z-index:10;width:260px}
.home-recommend-detail a:hover{text-decoration:none}
.home-recommend-title-box{z-index:10;margin-bottom:6px}
.home-recommend-title{max-width:200px;text-overflow:ellipsis;white-space:nowrap}
.home-recommend-title-fm{max-width:180px}
.home-recommend-vip-icon{margin-left:10px;width:37px}
.home-recommend-brief{height:40px;line-height:20px}
.home-recommend-detail .home-recommend-brief:hover{text-decoration:none}
.home-recommend-price{height:18px;line-height:18px}
.fm-periodicals{margin-right:8px;display:inline-block;vertical-align:middle;width:36px;height:17px;line-height:17px;border-radius:0 8px}
.home-partners-list{width:150px;border-right:1px solid #ecedef}
.home-partners-list:last-child{border-right:0;}
.home-recommended-box{height:630px;}
.home-join-us{padding:15px 20px;width:234px;height:128px;border-top:2px solid #000}
.home-join-us-icon{width:15px}
.home-review{height: 128px;}
.home-review .slide-box{width:325px;height:128px;overflow:hidden}
.home-review .slide-box div{outline:none}
.home-review .slide-image{height:128px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.home-review .prev{left:6px;z-index:5;width:7px;height:14px;background:url(../images/prev.png) no-repeat center;background-size:100% 100%}
.home-review .prev:before{content:"\20"}
.home-review .prev:hover{background:url(../images/prev-hover.png) no-repeat center;}
.home-review .next{right:6px;width:7px;height:14px;background:url(../images/next.png) no-repeat center;background-size:100% 100%}
.home-review .next:before{content:"\20"}
.home-review .next:hover{background:url(../images/next-hover.png) no-repeat center;}
.home-review .slick-dots{bottom:7px}
.home-review .slick-dots li{width: 10px;height: 10px;}
.home-review .slick-dots li button{width:0;height:0;padding:1px 5px;background-color:#fff;opacity:0.24;border-radius:0;}
.home-review .slick-dots .slick-active button{opacity:1}
.home-review .home-slide-review-content{width:325px;height:128px;position:absolute; top:0;}
.home-review .home-slide-review-title{padding-left:5px; width: 305px; height: 25px; background:-webkit-linear-gradient(180deg, rgba(222, 4, 34, 0) 0%, #DE0422 100%); background: linear-gradient(270deg, rgba(222, 4, 34, 0) 0%, #DE0422 100%);}
.home-review .home-slide-review-brief{width: 305px;}
/*index*/

/*Header*/
.top-nav-box{height:42px;line-height:42px;}
.top-nav-box-search{height:34px;line-height:34px}
.top-nav-left a{margin-right:50px}
.top-nav-left a:hover{text-decoration:none}
.top-nav-right a:hover{text-decoration:none}
.top-nav-right .top-nav-right-link:hover{text-decoration:none}
.top-nav-box-search .top-nav-left a:hover{color:#d0d0d8}
.top-nav-box-search .top-nav-right a:hover{color:#B3B3C1}
.top-nav-box-search .top-nav-right .top-nav-right-link:hover{color:#B3B3C1}

.top-ad .slide-image{height:110px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.top-ad .slick-active{z-index:5}
.top-ad .slick-list{height: 110px; width: 100% }
.top-ad .slick-slider.center{position:static;top:auto;left:auto;-ms-transform:translate(0);transform:translate(0)}
.top-ad .slick-slide{height: 110px; width: 100% }
.top-ad .slick-slide img { min-width: 1200px; }
.top-ad .slider-dots{position:absolute;left:50%;bottom:10px;-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.top-ad .slider-dots li{float:left;margin-right:12px}
.top-ad .slider-dots li button{display:block;width:8px;height:8px;font-size:0;background-color:#D7D4D4;outline-style:none;border:none;border-radius:50%;cursor:pointer;-o-transition:width 0.6s;-moz-transition:width 0.6s;-webkit-transition:width 0.6s;transition:width 0.6s}
.top-ad .slider-dots .slick-active button{width:16px;border-radius:4px;background-color:#FC3}
.top-ad .slick-list {height:110px;width:100%}
.top-ad .slick-slide {height:110px;width:100%}
.head-line .slide-image{height:90px;background-repeat:no-repeat;background-position:center;background-size:cover}
.head-line .slick-active{z-index:5}
.head-line .slick-list{height: 90px; width: 100% }
.head-line .slick-slider.center{position:static;top:auto;left:auto;-ms-transform:translate(0);transform:translate(0)}
.head-line .slick-slide{height: 90px; width: 100% }
.head-line .slider-dots{position:absolute;left:50%;bottom:10px;-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.head-line .slider-dots li{float:left;margin-right:12px}
.head-line .slider-dots li button{display:block;width:8px;height:8px;font-size:0;background-color:#D7D4D4;outline-style:none;border:none;border-radius:50%;cursor:pointer;-o-transition:width 0.6s;-moz-transition:width 0.6s;-webkit-transition:width 0.6s;transition:width 0.6s}
.head-line .slider-dots .slick-active button{width:16px;border-radius:4px;background-color:#FC3}
.head-line .slick-list {height:90px;width:100%}
.head-line .slick-slide {height:90px;width:100%}

.bottom-ad{width: 880px;height: 160px}
.bottom-ad .slide-image{height:160px;background-repeat:no-repeat;background-position:center;background-size:cover}
.bottom-ad .slick-active{z-index:5}
.bottom-ad .slick-list{height: 160px; width: 100% }
.bottom-ad .slick-slider.center{position:static;top:auto;left:auto;-ms-transform:translate(0);transform:translate(0)}
.bottom-ad .slick-slide{height: 160px; width: 100% }
.bottom-ad .slider-dots{position:absolute;left:50%;bottom:10px;-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.bottom-ad .slider-dots li{float:left;margin-right:12px}
.bottom-ad .slider-dots li button{display:block;width:8px;height:8px;font-size:0;background-color:#D7D4D4;outline-style:none;border:none;border-radius:50%;cursor:pointer;-o-transition:width 0.6s;-moz-transition:width 0.6s;-webkit-transition:width 0.6s;transition:width 0.6s}
.bottom-ad .slider-dots .slick-active button{width:16px;border-radius:4px;background-color:#FC3}
.bottom-ad .slick-list {height:160px;width:100%}
.bottom-ad .slick-slide {height:160px;width:100%}

.level-1-nav-box{padding-top:16px;padding-bottom:16px;height: 65px;}
.home-logo{vertical-align:bottom;margin-right:50px;width:198px}
.level-1-nav{margin-top:24px;height:28px;line-height:28px}
.level-1-nav a{display:inline-block;margin-right:25px}
/* .level-1-nav a:hover{color:#de0422} */
.level-1-nav a:last-child{margin-right:0}
.level-1-nav h2{display:inline}
.header-search-box{margin-top:23px}
.header-search-input{padding:0 16px;width:156px;height:28px;line-height:28px;border-radius:15px;border:1px solid}
.header-search-icon{margin-left:12px;}
.ad-top-link{position:relative}
.header-ad-top-tip{position:absolute;bottom:10px;right:10px;z-index:5;padding:5px 19px;font-size:12px;line-height:12px;background-color:rgba(0,0,0,0.2);border-radius:22px}
.header-user-name{width:150px;text-align: right;}
/*Header*/

/*Depth*/
.depth-banner-swiper{margin-bottom:25px;height:300px}
.depth-banner-swiper .slide-box{width:894px;height:300px;overflow:hidden}
.depth-banner-swiper .slide-box div{outline:none}
.depth-banner-swiper .slide-image{height:300px;background-repeat:no-repeat;background-position:center;background-size:cover}
.depth-banner-swiper .slide-title{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;width:894px;line-height:29px}
.depth-banner-swiper .slide-title-content{max-height:29px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.depth-banner-swiper .slick-slider.center{position:static;top:auto;left:auto;-ms-transform:translate(0);transform:translate(0)}
.depth-banner-swiper .slick-prev{left:15px;z-index:5;width:14px;height:20px;background:url(../images/prev.png) no-repeat center;background-size:100% 100%}
.depth-banner-swiper .slick-prev:before{content:"\20"}
.depth-banner-swiper .slick-prev:hover{background:url(../images/prev-hover.png) no-repeat center;background-size:100% 100%}
.depth-banner-swiper .slick-next{right:15px;width:14px;height:20px;background:url(../images/next.png) no-repeat center;background-size:100% 100%}
.depth-banner-swiper .slick-next:before{content:"\20"}
.depth-banner-swiper .slick-next:hover{background:url(../images/next-hover.png) no-repeat center;background-size:100% 100%}
.depth-top-article-list{margin-bottom:25px}
.depth-top-article-list a:hover{text-decoration:none}
.depth-top-article-list .home-article-tag{margin-top:5px}
.depth-list-article{margin-bottom:14px;line-height:30px;white-space:nowrap;text-overflow:ellipsis}
.depth-top-article-rec li:before{content:"\2022";padding-right:5px;font-size:15px;line-height:20px;color:#d8d8d8}
.depth-top-article-rec li{margin-right:50px;margin-bottom:9px;width:395px;white-space:nowrap;text-overflow:ellipsis}
/*Depth*/

/*CommonList*/
.subject-interest-list{padding-top:20px;padding-bottom:20px;border-bottom:1px solid}
.subject-interest-list-illustration{margin-bottom:5px;width:194px;height:128px;background-repeat:no-repeat;background-position:center;background-size:cover}
.subject-interest-small-title{margin-bottom:10px;height:20px;line-height:20px}
.subject-interest-small-content{line-height:31px;word-break: break-all}
.subject-interest-image{margin-right:5px;display:inline-block;width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:cover}
.subject-interest-content-box{min-height:110px;}
.subject-interest-image-content-box{margin-left:214px;height:128px}
.depth-list-tag{float:left;margin-top:7px;margin-right:5px;padding:0 5px;font-style:italic;line-height:16px;border:1px solid}
.subject-interest-title{margin-bottom:8px;line-height:30px;text-overflow:ellipsis;white-space:nowrap}
.subject-interest-title a:hover, .subject-interest-small-content a:hover{text-decoration: none;}
.subject-interest-brief{margin-bottom:17px;height:54px;line-height:26px}
.subject-interest-time{position:absolute;right:0;bottom:0;line-height:12px}
.subject-bottom-box{line-height:20px}
.list-error{margin-top:40px}
/*CommonList*/

/*股票通用*/
.industry-stock{margin-bottom:5px;line-height:22px}
.industry-stock a{float:left;margin-right:10px;margin-bottom:5px;padding:0 5px}
.industry-stock span:first-child{margin-right:10px}
.watch-industry-stock{margin-bottom:0}
/*股票通用*/

/*TelegraphSubject*/
.label-item{float:left;padding:0 8px;line-height:28px;margin-bottom:10px;margin-right:10px;border:1px solid;cursor:pointer}
.label-item:hover{border-color:#222}
.link-label-item{margin-right: 0;}
.label-item.link-label-item:hover{border-color:#4a90e2}
/*TelegraphSubject*/

/*subject*/
.subject-newest{margin-right:15px;width:212px;height:155px}
.subject-newest:last-child{margin-right:0}
.subject-newest-name{width:206px;line-height: 20px;position:absolute;top:0;left:0;z-index:5;padding-left:10px;padding-right:10px;overflow:hidden;}
.subject-newest-name a{padding: 2px 0;display: inline-block;box-shadow: 10px 0 0 #DE0422, -10px 0 0 #DE0422;}
.subject-newest-title{position:absolute;bottom:8px;left:0;z-index:5;padding:0 7px;width:198px;max-height:40px}
.subject-newest-image{background-repeat:no-repeat;background-position:center;background-size:cover}
.subject-newest-mask{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.78}
.subject-list-box{position:relative;margin-left:-20px;margin-right:-20px;width:934px}
.subject-list-box:before{content:"\20";position:absolute;top:0;bottom:0;left:467px;width:1px;height:100%;background-color:#e6e7ea}
.subject-list{float:left;position:relative;padding:30px 20px;width:427px;border-top:1px solid;overflow:hidden}
.subject-list-image{float:left;width:76px;height:76px;background-repeat:no-repeat;background-position:center;background-size:cover}
.subject-list-item-box{float:left;width:336px;}
.subject-list-name{width:336px;line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.subject-list-name-image{width:245px}
.subject-list-number{margin-bottom:10px}
.subject-list-brief{height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.subject-list-follow{position:absolute;right:20px;top:30px;z-index:5;width:76px;padding-top:3px;padding-bottom:3px;border-radius:14px}
.toggle-nav-box{height:39px;line-height:38px;border-bottom:1px solid #e6e7ea}
.toggle-nav-box div{float:left;width:147px;background-color:#f9fafc;text-align:center;border:1px solid #e6e7ea;border-bottom:none;border-right:none;cursor:pointer}
.toggle-nav-box.neeq-toggle-nav div{width:127px;}
.toggle-nav-box div:hover{color:#222}
.toggle-nav-box div:last-child{border-right:1px solid #e6e7ea}
.toggle-nav-box div.toggle-nav-active{font-weight:bold;color:#222;background-color:#fff;border-top-width:2px;border-top-color:#222}
.toggle-nav-box.fm-toggle-nav div{width:238px}
.toggle-nav-box.fm-toggle-nav div:last-child{width:241px}
.toggle-nav-box.search-toggle-nav-box div{width:126px}
.toggle-nav-box.search-toggle-nav-box div:last-child{width:130px}
.toggle-nav-box.login-toggle-nav-box div{width:178px}
.toggle-nav-box.login-toggle-nav-box div:last-child{width:179px}
/* .finance-toggle-nav div:last-child{width:180px} */
.subject-recommend-list{padding:20px;border-top:1px solid}
.subject-recommend-title{margin-bottom:1px;width:149px;overflow:hidden;line-height:25px;white-space:nowrap;text-overflow:ellipsis}
.subject-recommend-title a:hover{text-decoration:none}
.subject-recommend-number{margin-bottom:7px}
.subject-recommend-article{line-height:20px}
.subject-recommend-stock-box{z-index:10}
.subject-recommend-stock{margin-right:8px;margin-bottom: 6px;padding-left:5px;padding-right:5px;line-height:15px}
.subject-recommend-stock-down:hover{color:#fff;background-color:#52C2A3}
.subject-recommend-stock-up:hover{color:#fff;background-color: #DE0422}
.subject-recommend-stock:hover a,.subject-recommend-stock:hover div{color:#fff;}
.subject-recommend-stock-name{margin-right:5px}
/*subject*/

/*subjectDetail*/
.subject-detail-nav{padding-top:15px;padding-bottom:15px;height:19px;line-height:19px;border-bottom:2px solid}
.subject-detail{padding-bottom:30px;border-bottom:1px solid}
.subject-detail-image{width:200px;height:132px;overflow:hidden;background-repeat: no-repeat;background-position: center;background-size: cover;}
.subject-detail-describe{margin-left:220px;}
/*subjectDetail*/

/* Download */
.download-top{height:350px;background:url("../images/bgone.png") no-repeat;background-size:100% 100%}
.download-top img{width:416px;margin-top:110px;}
.download-middle{height:732px;background:url("../images/bgtwo2.png") no-repeat;background-size:100% 100%}
.download-middle-center{width:1420px}
.download-middle-center-left{width:30%;position:absolute;top:108px;left:118px}
.download-p1{margin-bottom:28px}
.download-p2{margin-bottom:14px}
.download-p3{margin-bottom:10px}
.download-code{display:block;width:146px;margin-bottom:10px}
.download-phone{width:762px;position:absolute;top:0;right:0}
.download-bottom{height:696px;background:url("../images/bgthree3.png") no-repeat;background-size:100% 100%}
.download-bottom-center{width:1420px}
.download-bottom-img-mc{width:760px;position:absolute;top:160px;left:0}
.download-bottom-center-right{width:37%;position:absolute;top:210px;left:872px;}
.download-button-wrap{margin-top:20px;margin-bottom:16px}
.download-button-item{margin-right:14px}
.download-button{width:172px;height:50px;border:1px solid #FFFFFF;border-radius:25px;position:relative;cursor:pointer}
.download-button-icon{width:28px;position:absolute;left:16px;top:9px;}
.download-button p{width:120px;height:50px;line-height:50px;position:absolute;left:45px;top:0;padding-left:16px;-moz-user-select: none;-webkit-user-select: none;-ms-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
/* Download */

/*Collect*/
.favorite span:hover{text-decoration:none}
.iconfont.favorite-icon{margin-right:6px;font-size:14px;color:#ddd}
.iconfont.vip-favorite-icon{color:#2c3341}
.iconfont.favorite-icon.collection{color:#EF9524}
.iconfont.detail-favorite-icon{margin-right:6px;font-size:16px}
/*Collect*/

/*telegraph*/
.telegraph-list{padding-top:20px;padding-bottom:20px;border-bottom:1px solid}
.telegraph-list-brief{line-height:31px}
/*telegraph*/

/*Quote*/
.quote-item{padding-top:12px;padding-bottom:12px;line-height:22px;border-bottom:1px solid}
.quote-item:last-child{border:none}
.quote-name{width:56px}
.quote-name-large{width:90px}
.quote-item:hover .quote-name a{text-decoration:none}
.quote-last{width:70px}
.quote-last-top{margin-right:6px}
.quote-diff{width:150px}
.quote-item:hover .quote-diff-up{background-color:#DE0422;color:#fff}
.quote-item:hover .quote-diff-down{background-color:#52c2a3;color:#fff}
.quote-diff-normal{background-color:#E6E7EA;color:#fff}
.quote-item .stock-list{height:56px}
.rank-nav-box{margin-bottom:20px;height:39px;line-height:39px;border-bottom:1px solid}
.rank-nav{float:left;width:92px;background-color:#f9fafc;border:1px solid #e6e7ea;border-right:0}
.rank-nav-2{padding-left:20px;padding-right:20px;width:98px}
.rank-nav:last-child{border-right:1px solid #e6e7ea}
.rank-nav-active{font-weight:bold;color:#222;background-color:#fff;border-top:2px solid #222;border-bottom:0;}
.rank-list-box{padding-left:18px;padding-right:18px}
.rank-list-title-name{width:83px;}
.rank-list-title-change{width:79px}
.rank-list-sort-icon{margin-left:4px;width:6px}
.rank-list-sort-icon-sort{-o-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.rank-item-box{padding:16px 18px;line-height:22px;border-bottom:1px solid}
.rank-item-box:last-child{border-bottom:0;}
.rank-name{width:83px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rank-change{float:left;padding-left:4px;padding-right:4px;width:71px;text-align:center}
.rank-last{display:inline-block;vertical-align:middle;width: 60px;margin-right:28px;}
.rank-diff{width:72px}
.telegraph-images-box{width:195px;height:130px;overflow:hidden}
.finance-images-box{margin-right:5px;margin-bottom:5px;width:59px;height:59px;overflow:hidden}
.telegraph-image-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:cover}
.telegraph-explain-box{padding:25px 22px 30px 22px}
.quote-right-box .quote-box{margin-bottom:10px}
.quote-right-box .quote-last{width:auto}
.quote-right-box .quote-diff{width:113px}
.quote-top-box .quote-item{border:none}
.quote-top-box .quote-last{width:auto;font-family: arial;}
.quote-top-box .quote-diff{width:55px;font-family: arial;}
/*Quote*/

/*vip列表*/
.vip-content-left{width:844px;word-break: break-all;}
.vip-content-right{width:338px}
/* vip */
.column-top-banner{position:relative;height:160px;background: url(../images/viptop.png) no-repeat center #0c0c0e}
.column-list-box{margin-top:-21px;margin-right:-15px}
.column-list{width:388px;height:338px;margin-right:15px;margin-bottom:18px;padding-top:15px;padding-bottom:15px;border:1px solid #ecedef;border-top:1px solid #FF9A02;box-shadow:0 1px 4px 0 #EBEBEB}
.column-list-title-box{padding-left:10px;padding-right:10px}
.column-list-title{line-height:22px}
.column-list-title:hover{color:#FF9A02}
.column-list-brief-box{padding-left:10px;padding-right:10px}
.column-list-brief{width:75%;text-align:justify;text-overflow:ellipsis;white-space:nowrap}
.column-list-buynumber{width:25%}
.column-list-image-box{height:190px}
.column-list-image{-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}
.column-list-image:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}
.column-list-update-num{position:absolute;left:15px;top:10px}
.column-list-article{height:48px;}
.column-list-article:hover{color:#FF9A02}
.column-case-box{padding-top:14px;padding-right: 20px;padding-bottom: 24px;padding-left: 20px;height:128px;border-radius: 2px;background: -webkit-linear-gradient(96deg, #3F3F6D 0%, #222645 100%);background: linear-gradient(96deg, #3F3F6D 0%, #222645 100%)}
.column-case-name:hover{color:#FF9A02}
.column-case-change{padding-left:5px;padding-right: 5px;border: 1px solid ;border-radius: 2px;}
.column-case-change-icon{margin-right:2px;width: 10px;height: 10px;}
.column-mainline-banner-box{box-shadow: 0px 2px 8px 0px rgba(231, 236, 255, 0.8);border-radius: 2px;}
.column-mainline-banner-nav{padding-left: 10px;padding-right: 10px;padding-top: 16px;padding-bottom: 16px;}
.column-mainline-banner-nav-index{margin-right:2px;width: 19px;background-repeat:no-repeat;background-position:center;background-size:100%;}
.column-mainline-banner-nav-list{width:84px;}
.column-mainline-banner-nav-name{width:60px;}
.column-mainline-thread-banner{width: 272px;height: 147px;}
.column-mainline-thread-banner .slick-list{border-radius: 2px;}
.column-mainline-thread-banner .slide-image{height:147px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.column-mainline-thread-banner .slick-slide>div{width: 272px;height: 147px;outline:none}
.column-mainline-thread-banner .slick-prev{left:8px;z-index:5;width:17px;height:17px;background:url(../images/mainline-slick-prev.png) no-repeat center;background-size:100% 100%}
.column-mainline-thread-banner .slick-prev:before{content:"\20"}
.column-mainline-thread-banner .slick-prev:hover{background:url(../images/mainline-slick-prev.png) no-repeat center;background-size:100% 100%}
.column-mainline-thread-banner .slick-next{right:8px;width:17px;height:17px;background:url(../images/mainline-slick-next.png) no-repeat center;background-size:100% 100%}
.column-mainline-thread-banner .slick-next:before{content:"\20"}
.column-mainline-thread-banner .slick-next:hover{background:url(../images/mainline-slick-next.png) no-repeat center;background-size:100% 100%}
.column-mainline-thread-banner .mainline-slide-content{padding-left:37px;padding-right: 37px;padding-top:10px;padding-bottom: 20px;width: 272px;height: 147px;position:absolute; top:0;background: rgba(0, 0, 0, 0.3)}
.column-mainline-thread-banner .mainline-slide-content-hot{padding-left: 8px;padding-right: 8px;height: 20px;line-height: 20px;background: rgba(0, 0, 0, 0.63); border-radius: 3px;}
.column-mainline-thread-banner .mainline-slide-content-hot-image{width: 58px;height: 8px;display: inline-block;}

.vip-content-box{padding-top:14px;}
.vip-article-list{margin-left:15px;margin-right:15px;padding-top:15px;padding-bottom:15px;border-bottom:1px solid}
.vip-article-list-box:hover{background:#f9f9f9}
.vip-article-list-box:last-child .vip-article-list{border-bottom:0}
.vip-article-list-column{width:120px;}
.vip-article-title:hover{color:#FF9A02}
.vip-unlock{padding-left:7px;padding-right: 84px;line-height: 27px;border-top-left-radius: 5px;border-bottom-left-radius: 5px}
.vip-unlock-image{position: absolute;bottom:0px;right: -3px;width: 80px;height: 30px;}
.vip-latest-article-icon{margin-right: 4px;margin-top: 2px;width: 22px;height: 22px;}
.vip-trial-reading-icon{margin-right: 4px;margin-bottom: 2px;width: 22px;height: 22px;vertical-align: middle;}
.vip-flip-icon{margin-bottom: 2px;width: 14px;height: 14px;vertical-align: middle;}
.vip-unlocked-icon{width: 56px;height: 17px;}
.vip-unlock-list-box{padding-left:20px;padding-right:20px;padding-top:42px;padding-bottom:16px;background: url("../images/unlock-list-background.png") no-repeat;background-color:#FFFBFA;background-size:100%}
.vip-unlock-list{margin-bottom:24px;}
.vip-unlock-list:last-child{margin-bottom:0;}
.vip-unlock-list-index{margin-right:7px;width: 25px;}
.vip-unlock-list-content{width: 200px;}
.vip-unlock-list-content a:hover{color:#FF8102}
.vip-unlock-see-more{position: absolute;right: 0px;top:5px;width: 7px;}
.vip-record-news{margin-bottom:14px;width: 1200px;height: 68px;line-height: 68px;overflow: hidden;background:url("../images/record-news-background.png") no-repeat;background-size:100% 100%}
.vip-record-news-content{margin-left:72px;}
.vip-header-box{padding-top:10px;width:100%;min-height:110px;}
.vip-header-icon{width:54px;height:30px;vertical-align: middle;}
.vip-header-nav{position: relative;z-index: 21;}
.vip-top-articles-box{position: absolute;top:60px;z-index:20;padding-top:60px;width:100%;}
.vip-top-articles-banner-box{top:180px;}
.vip-top-articles{padding-top: 28px;padding-bottom: 28px;width:100%; height: 114px;background: rgba(230, 208, 198, 0.7)}
.vip-top-articles-list{padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px;width:336px;height:90px;background: -webkit-linear-gradient(180deg, #FFE8DA 0%, #FFFFFF 100%);background: linear-gradient(180deg, #FFE8DA 0%, #FFFFFF 100%);box-shadow: 0px 3px 14px 0px #8E543F, inset 0px 1px 0px 0px #FFFFFF;border-radius: 2px;}
.vip-top-articles-content{margin-bottom:10px;height: 60px;overflow: hidden;}
.vip-banner-box{padding-bottom: 16px;height: 336px;}
.vip-banner-left{width:620px;height:336px}
.vip-banner-left .slick-slide{width:620px;height:336px}
.vip-banner-left .slick-list{border-radius: 2px;}
.vip-banner-left .slide-image{height:336px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.vip-banner-left .slick-slider .slick-arrow{opacity:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}
.vip-banner-left .slick-slider:hover .slick-arrow{opacity:1}
.vip-banner-middle{width: 560px;}
.vip-banner-middle-list{height:158px;overflow: hidden;float: left;}
.vip-banner-middle-list .slick-slide{height:158px;overflow: hidden}
.vip-banner-middle-list .slick-list{border-radius: 2px;}
.vip-banner-middle-list .slide-image{height:158px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.vip-banner-middle-list .slick-slider .slick-arrow{opacity:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}
.vip-banner-middle-list .slick-slider:hover .slick-arrow{opacity:1}
.vip-banner-right{width: 272px;height: 336px;overflow: hidden}
.vip-banner-right .slick-slide{width: 272px;height: 336px;overflow: hidden}
.vip-banner-right .slick-list{border-radius: 2px;}
.vip-banner-right .slide-image{height:336px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.vip-banner-right .slick-slider .slick-arrow{opacity:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}
.vip-banner-right .slick-slider:hover .slick-arrow{opacity:1}

.vip-banner-bottom{width: 272px;height: 330px;overflow: hidden}
.vip-banner-bottom .slick-slide{width: 272px;height: 330px;overflow: hidden}
.vip-banner-bottom .slick-list{border-radius: 2px;}
.vip-banner-bottom .slide-image{height:330px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.vip-banner-bottom .slick-slider .slick-arrow{opacity:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}
.vip-banner-bottom .slick-slider:hover .slick-arrow{opacity:1}

.vip-banner-left .slick-prev{left:0px;z-index:5;width:36px;height:36px;background:url(../images/vip-top-banner-prev.png) no-repeat center;background-size:100% 100%}
.vip-banner-left .slick-prev:before{content:"\20"}
.vip-banner-left .slick-prev:hover{background:url(../images/vip-top-banner-prev.png) no-repeat center;background-size:100% 100%}
.vip-banner-left .slick-next{right:0px;width:36px;height:36px;background:url(../images/vip-top-banner-next.png) no-repeat center;background-size:100% 100%}
.vip-banner-left .slick-next:before{content:"\20"}
.vip-banner-left .slick-next:hover{background:url(../images/vip-top-banner-next.png) no-repeat center;background-size:100% 100%}

.vip-banner-middle .slick-prev{left:0px;z-index:5;width:22px;height:22px;background:url(../images/vip-top-banner-prev.png) no-repeat center;background-size:100% 100%}
.vip-banner-middle .slick-prev:before{content:"\20"}
.vip-banner-middle .slick-prev:hover{background:url(../images/vip-top-banner-prev.png) no-repeat center;background-size:100% 100%}
.vip-banner-middle .slick-next{right:0px;width:22px;height:22px;background:url(../images/vip-top-banner-next.png) no-repeat center;background-size:100% 100%}
.vip-banner-middle .slick-next:before{content:"\20"}
.vip-banner-middle .slick-next:hover{background:url(../images/vip-top-banner-next.png) no-repeat center;background-size:100% 100%}

.vip-banner-right .slick-prev{left:0px;z-index:5;width:22px;height:22px;background:url(../images/vip-top-banner-prev.png) no-repeat center;background-size:100% 100%}
.vip-banner-right .slick-prev:before{content:"\20"}
.vip-banner-right .slick-prev:hover{background:url(../images/vip-top-banner-prev.png) no-repeat center;background-size:100% 100%}
.vip-banner-right .slick-next{right:0px;width:22px;height:22px;background:url(../images/vip-top-banner-next.png) no-repeat center;background-size:100% 100%}
.vip-banner-right .slick-next:before{content:"\20"}
.vip-banner-right .slick-next:hover{background:url(../images/vip-top-banner-next.png) no-repeat center;background-size:100% 100%}

.vip-banner-bottom .slick-prev{left:0px;z-index:5;width:22px;height:22px;background:url(../images/vip-top-banner-prev.png) no-repeat center;background-size:100% 100%}
.vip-banner-bottom .slick-prev:before{content:"\20"}
.vip-banner-bottom .slick-prev:hover{background:url(../images/vip-top-banner-prev.png) no-repeat center;background-size:100% 100%}
.vip-banner-bottom .slick-next{right:0px;width:22px;height:22px;background:url(../images/vip-top-banner-next.png) no-repeat center;background-size:100% 100%}
.vip-banner-bottom .slick-next:before{content:"\20"}
.vip-banner-bottom .slick-next:hover{background:url(../images/vip-top-banner-next.png) no-repeat center;background-size:100% 100%}


.vip-column-nav-box{height: 66px;}
.vip-column-nav-list{padding-left:20px;padding-right:20px;height: 66px;line-height: 66px;}
.vip-column-nav-more{width: 150px;height: 66px;line-height: 66px;}
.vip-column-nav-list:hover{background:url("../images/20015-background.png") no-repeat;background-size:100% 100%}
.vip-column-nav-list:hover .vip-column-nav-icon-20015{background:url("../images/column-hover-20015.png") no-repeat;background-size:100% 100%}
.vip-column-nav-list:hover .vip-column-nav-icon-20013{background:url("../images/column-hover-20013.png") no-repeat;background-size:100% 100%}
.vip-column-nav-list:hover .vip-column-nav-icon-20014{background:url("../images/column-hover-20014.png") no-repeat;background-size:100% 100%}
.vip-column-nav-list:hover .vip-column-nav-icon-20021{background:url("../images/column-hover-20021.png") no-repeat;background-size:100% 100%}
.vip-column-nav-list:hover .vip-column-nav-icon-20022{background:url("../images/column-hover-20022.png") no-repeat;background-size:100% 100%}
.vip-column-nav-list:hover .vip-column-nav-icon-20023{background:url("../images/column-hover-20023.png") no-repeat;background-size:100% 100%}
.vip-column-nav-list:hover .vip-column-nav-icon-20026{background:url("../images/column-hover-20026.png") no-repeat;background-size:100% 100%}
.vip-column-nav-list:hover .vip-column-nav-icon-20025{background:url("../images/column-hover-20025.png") no-repeat;background-size:100% 100%}
.vip-column-nav-list:hover .vip-column-nav-icon-20063{background:url("../images/column-hover-20063.png") no-repeat;background-size:100% 100%}
.vip-column-nav-list:hover .vip-column-nav-title{font-weight: bold;color: #4e1f19}

.vip-column-nav-more-list{padding-left:20px;padding-right:20px;height: 66px;line-height: 66px;}
.vip-column-nav-more-list:hover{background:url("../images/column-nav-icon-hover.png") no-repeat;background-size:100% 100%}
.vip-column-nav-more-list:hover .vip-column-nav-icon-20015{background:url("../images/column-hover-20015.png") no-repeat;background-size:100% 100%}
.vip-column-nav-more-list:hover .vip-column-nav-icon-20013{background:url("../images/column-hover-20013.png") no-repeat;background-size:100% 100%}
.vip-column-nav-more-list:hover .vip-column-nav-icon-20014{background:url("../images/column-hover-20014.png") no-repeat;background-size:100% 100%}
.vip-column-nav-more-list:hover .vip-column-nav-icon-20021{background:url("../images/column-hover-20021.png") no-repeat;background-size:100% 100%}
.vip-column-nav-more-list:hover .vip-column-nav-icon-20022{background:url("../images/column-hover-20022.png") no-repeat;background-size:100% 100%}
.vip-column-nav-more-list:hover .vip-column-nav-icon-20023{background:url("../images/column-hover-20023.png") no-repeat;background-size:100% 100%}
.vip-column-nav-more-list:hover .vip-column-nav-icon-20026{background:url("../images/column-hover-20026.png") no-repeat;background-size:100% 100%}
.vip-column-nav-more-list:hover .vip-column-nav-icon-20025{background:url("../images/column-hover-20025.png") no-repeat;background-size:100% 100%}
.vip-column-nav-more-list:hover .vip-column-nav-icon-20063{background:url("../images/column-hover-20063.png") no-repeat;background-size:100% 100%}
.vip-column-nav-more-list:hover .vip-column-nav-title{font-weight: bold;color: #4e1f19}

.vip-column-nav-icon{display: inline-block;margin-bottom: 5px;width: 26px;height: 26px;vertical-align: middle;}
.vip-column-nav-icon-20015{background:url("../images/column-20015.png") no-repeat;background-size:100% 100%}
.vip-column-nav-icon-20013{background:url("../images/column-20013.png") no-repeat;background-size:100% 100%}
.vip-column-nav-icon-20014{background:url("../images/column-20014.png") no-repeat;background-size:100% 100%}
.vip-column-nav-icon-20021{background:url("../images/column-20021.png") no-repeat;background-size:100% 100%}
.vip-column-nav-icon-20022{background:url("../images/column-20022.png") no-repeat;background-size:100% 100%}
.vip-column-nav-icon-20023{background:url("../images/column-20023.png") no-repeat;background-size:100% 100%}
.vip-column-nav-icon-20026{background:url("../images/column-20026.png") no-repeat;background-size:100% 100%}
.vip-column-nav-icon-20025{background:url("../images/column-20025.png") no-repeat;background-size:100% 100%}
.vip-column-nav-icon-20063{background:url("../images/column-20063.png") no-repeat;background-size:100% 100%}
.vip-column-more-nav{padding-top:56px;position:absolute;top: 10px;right:0px;z-index: 10;}
.vip-column-more-nav .vip-column-nav-list:after{content: "";display: block;margin:0 auto; width: 120px; border: 0.5px solid #4F525E;}
.vip-footer-statement{padding-top:30px;}
.vip-bidding-assistant-box{margin-bottom: 30px;padding-top: 22px;padding-bottom: 26px;width: 272px;height: 386px;background:url("../images/bidding-assistant-background.png") no-repeat;background-size:100% 100%}
.vip-bidding-assistant-name{margin-bottom: 20px;width: 272px;height: 58px;}
.vip-bidding-assistant-header{padding-left:15px;padding-right: 15px;}
.vip-bidding-assistant-content-box{margin-left: 15px;margin-right: 15px;height: 204px;border-radius: 5px;border: 1px solid}
.vip-bidding-assistant-nav{padding-left: 5px;padding-right: 5px;padding-top:10px;width: 50px;height:32px;}
.vip-bidding-assistant-nav-box{border-radius: 4px 4px 0px 0px;}
.vip-bidding-assistant-list-box{border-radius: 0px 0px 4px 4px;}
.vip-bidding-assistant-list{padding-left: 5px;padding-right: 5px;width: 49px;height:53px;line-height: 53px;border-top: 1px solid;border-right: 1px solid}
.vip-bidding-assistant-list:last-child{width:50px;border-right: 0;}
.vip-bidding-assistant-button{width: 200px;height: 40px;}
.vip-nuggets-box{margin-bottom: 30px;padding-top: 28px;padding-bottom: 26px;width: 272px;height: 324px;background:url("../images/nuggets-background.png") no-repeat;background-size:100% 100%}
.vip-nuggets-name{margin-bottom: 22px;margin-left: 45px;margin-right: 45px;width: 183px;height: 53px;}
.vip-article-popup{position: fixed;bottom: 10px;left:50%;-o-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index: 26;width: 1096px;height: 70px;background:url("../images/vip-popup-background.png") no-repeat;background-size:100% 100%}
.vip-article-popup-close{position: absolute;top:29px;right: 58px;width: 12px;height: 12px;}
.vip-article-popup-content{padding-left:138px;padding-right: 70px;line-height: 70px;}
.vip-related-stock-box{border-radius: 2px;}
.vip-related-stock{border:1px solid;border-radius: 2px;}

.column-detail-box{height:282px;}
.column-detail{position: relative;z-index: 10;height:320px;overflow: hidden;border-radius: 2px;background:url("../images/column-detail-background.png") no-repeat;background-size: cover}
.column-all-detail{height:auto;overflow: auto;box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.35)}
.column-detail-left{width:520px;height:320px;}
.column-detail-right{width:580px;height:250px;padding-top:32px;padding-left: 42px;padding-right: 58px; padding-bottom: 38px;}
.column-share-box{padding-top:13px}
.column-share-icon{margin-left:10px;width:32px;height:32px;vertical-align: middle;}
.column-detail-name{height: 45px;}
.column-detail-price{margin-top:10px;margin-left:25px;padding-left:10px;padding-right:10px;border:1px solid;border-radius: 2px;}
.column-detail-price-icon{margin-bottom: 4px;margin-right: 8px;width:17px;height:19px;vertical-align: middle;}
.column-detail-brief{margin-bottom:22px;}
.column-detail-slogan{margin-bottom:42px;}
.column-detail-button{width: 180px;height: 44px;line-height: 44px;border-radius: 25px;border: 1px solid;}
.column-detail-purchase-icon{margin-right: 66px;background:url("../images/purchase-icon.png") no-repeat;background-size:100% 100%}
.column-detail-open-icon{margin-left: 6px;margin-bottom: 3px;display: inline-block;width:0;height:0;border-top:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;}
.column-detail-close-icon{margin-left: 6px;margin-bottom: 3px;display: inline-block;width:0;height:0;border-bottom:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;}
.column-detail-open-slogan{padding-top:22px;padding-left: 84px;padding-right: 84px;padding-bottom: 20px;line-height:32px;border-top: 1px dashed #DEC1B0;}
.column-detail-slogan-title{margin-top:20px;margin-bottom:20px;display: inline-block;}
.column-detail-slogan-title:after{content:"\20";padding-right: 30px;position:absolute;bottom:0px;left:0;width:100%;height: 16px;background: rgba(255, 196, 161, 0.48);}
.column-unlock-background{position: absolute;top:-22px;right: -50px;padding-left:10px;padding-right:10px;height:30px; line-height: 30px;background:url("../images/column-unlock-background.png") no-repeat;background-size:100% 100%}
.column-detail-put-away{margin-left:10px;width: 13px;height: 8px;}
.column-editor-select-article{padding-bottom:20px;padding-left:30px;padding-right:30px;width:838px;height:168px}
.column-editor-select-article .slick-slide>div{width: 260px;}
.column-editor-select-article .slick-prev{left:-30px;z-index:5;width:0;height:0;border-right:8px solid #532620;border-top:8px solid transparent;border-bottom:8px solid transparent}
.column-editor-select-article .slick-prev:before{content:"\20"}
.column-editor-select-article .slick-prev:hover{border-right-color:#f6082c}
.column-editor-select-article .slick-next{right:-10px;width:0;height:0;border-left:8px solid #532620;border-top:8px solid transparent;border-bottom:8px solid transparent}
.column-editor-select-article .slick-next:before{content:"\20"}
.column-editor-select-article .slick-next:hover{border-left-color:#f6082c}

.column-editor-select-article-list{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;width:260px;height:168px;border:1px solid;border-radius: 2px;}
.column-editor-select-article-title{margin-bottom:8px;height: 65px;}
.column-editor-select-article-unlock-button{color:#e83a24; border-color:#ff6200;width: 228px;height: 32px;line-height:30px;border-radius: 2px;border:1px solid;}
.column-editor-select-article-unlock-button:hover{color:#fff; border-color:transparent;background:-webkit-linear-gradient(90deg, #FF415E 0%, #F6082C 100%);background: linear-gradient(90deg, #FF415E 0%, #F6082C 100%);}
.column-editor-select-article-unlock-button:hover a{color:#fff;}

.column-bottom-box{padding-top:20px;padding-bottom:20px}
.column-bottom-poster{width:50px;height:50px;object-fit:cover}
.column-bottom-content{width:970px}

.column-article-left{width:596px;word-break: break-all;}
.column-article-center{width:272px;}
.column-article-right{width:272px}
.column-detail-article{width:898px;}

.column-article-list-right-box{padding:20px 20px 10px 20px;}
.column-article-time-box{margin-left:15px;height: 22px;border-radius: 2px;}
.column-article-time{padding-left:7px;padding-right:7px;height: 20px;border:1px solid;border-radius: 2px;}
.column-article-list-title{float:left;margin-right: 46px;}
.column-article-list-nav-box{padding:15px;border-top:2px solid #222;border-bottom: 1px solid #e6e7ea;}
.column-article-detail-nav-box{border-top:0}
.column-article-list-nav{float:left;margin-right: 46px;}
.column-article-list-nav:hover{font-weight:bold;color:#67332c;}
.column-article-list-title-box{padding:15px;height:25px;border-top:2px solid #222;border-bottom: 1px solid #e6e7ea;}
.column-article-list-title-active{font-weight:bold;color:#67332c;}
.column-article-list-title-active:after{content: "";display: block;position: absolute;bottom:-16px;left: 50%;-o-transform:translate(-50%, 0);-moz-transform:translate(-50%,0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);width: 100%;height: 2px;background: #B67D5E;border-radius: 2px;}

/* vip */

/* 主线挖掘 */
.mainline-top{height: 166px;z-index: 9;background: url(../images/mainline-background.png) 100% no-repeat;}
.mainline-top-title{width:25px;padding:39px 0 0 66px; white-space: nowrap;}
.mainline-top-content{height: 44px;margin: 16px 52px 42px 66px;}
.mainline-top-brief{width: 801px;line-height: 20px;white-space: pre-wrap;}
.mainline-top-tag{position:relative;top:-25px;left:0;}
.mainline-line{height:2px; margin:15px 0 15px 0;}
.mainline-line-left{width: 896px;height: 2px;background: #222222;}
.mainline-line-right{width: 274px;height: 2px;background: #222222;}
.mainline-tag{padding-top:15px;padding-bottom: 15px;height: 25px;border-top:2px solid #222;border-bottom: 1px solid #e6e7ea;}
.mainline-tag-text{font-weight: 500; margin: -3px 0 0 8px;}
.mainline-tag-huantext{margin: 0 0 0 4px;}
.mainline-content{margin: 15px 0 0 0;}
.mainline-content-left{width: 898px;border-radius: 2px;}
.mainline-content-left-per-box:hover{background-color: #f9fafc;}
.mainline-content-left-per{ padding-top:30px;padding-bottom: 30px;margin-left:15px;margin-right: 15px;border-bottom: 1px solid; }
.mainline-content-left-per-box:last-child .mainline-content-left-per{border-bottom: 0;}
.mainline-content-left-per:hover .mainline-content-left-per-noneline {width: 837px; border-top: 1px solid #f9fafc;}
.mainline-content-left-per-title{margin-bottom:8px;display: inline-block; width: 866px; line-height: 26px;}
.mainline-content-left-per-title:hover{color:#FF9A02}
.mainline-content-left-per-brief{margin-bottom:20px;display: inline-block; width: 866px;overflow: hidden;text-overflow: ellipsis;}
.mainline-content-left-per-other{width:866px;height:20px;}
.mainline-content-left-per-other-moretag{position: absolute;left: 50px;top: 1px;width: 7px;height: 7px;margin-top: 10px;border-right: 1px solid;border-bottom: 1px solid;-webkit-transform: rotate(320deg);content: '';}
.mainline-content-left-per-topline{width: 896px;border-top: 1px solid #e6e6e6;}
.mainline-content-left-per-line{width: 866px;border-top: 1px solid;}
.mainline-content-left-per-noneline{width: 837px; border-top: 1px solid #fff;}
.mainline-content-right{width: 272px;}
.mainline-content-right-per{border-radius: 2px;width: 272px;}
.mainline-content-right-per-top{width:272px;height:50px;}
.mainline-content-right-per-top-info{top:0px;left:-15px;padding:12px 20px 0 15px;box-sizing: border-box;background:rgba(0, 0, 0, 0.3)}
.mainline-content-right-per-title{line-height: 25px;}
.mainline-content-right-per-percent{line-height: 25px;margin-left: 2px;}
.mainline-content-right-per-viewdetial{line-height: 17px;}
.mainline-content-right-per-arr{position: absolute;top: 1px;width: 6px;height: 6px;margin-top: 10px;border-right: 2px solid;border-bottom: 2px solid;-webkit-transform: rotate(320deg);content: '';}
.mainline-content-right-per-brief{padding: 14px 15px 18px 16px;box-sizing: border-box;line-height: 20px;}
.mainline-content-right-per-brief-sign{display: inline-block; width: 66px;height: 20px;line-height: 20px; text-align: center; background: #9B9B9B;border-radius: 2px;transform: skewX(-10deg);}
.mainline-top-briefmodal-out{position: fixed; top: 0;bottom: 0;right: 0;left: 0;z-index:9999;overflow-y: auto;}
.mainline-top-briefmodal{position:absolute;left:50%;top:60%;width:600px;min-height: 450px;z-index:10;border-radius:2px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius: 5px;}
.mainline-top-briefmodal-title{width:600px;height:70px;line-height: 70px;text-align: center;background: url(../images/mainline-topmodal-title.png) 100% no-repeat;}
.mainline-top-briefmodal-content{min-height:160px; padding: 55px 38px 0 38px;white-space: pre-wrap;}
.mainline-top-briefmodal-footer{width:375px;height:50px;line-height:50px;text-align: center; margin:50px auto;background: url(../images/mainline-topmodal-confirm.png) 100% no-repeat;}
/* 主线挖掘 */

/*RecommendColumn*/
.recommend-column-list-box{padding-top:25px;}
.recommend-column-list{margin-bottom:25px;padding-left: 15px;padding-right: 15px;padding-top:12px;padding-bottom:12px;width: 238px;height: 84px;border-radius: 2px; border: 1px solid;}
.recommend-column-list:last-child{margin-bottom:0}
.recommend-column-poster{margin-top: 2px;width:56px;height:56px;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;}
/* .recommend-column-poster-mask{position:absolute;bottom:0;height:28px;line-height:28px;background-image:linear-gradient(-180deg, rgba(0,0,0,0.30) 4%, #101010 100%)} */
.recommend-column-detail{width:135px}
.recommend-column-title:hover{color:#ff9a02}
.recommend-column-price{position:absolute;right:-4px;top:-14px;width:80px;height:20px;line-height:20px;background:url("../images/column-price-box.png") no-repeat;background-size:100% 100%}
/*RecommendColumn*/

/*行情无数据*/
.no-data-box{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5}
.no-data-text{position:absolute;top:50%;left:50%;-o-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.no-data-finance-box{height:90.1%;top:9.9%}
/*行情无数据*/

/*QutoationIndex*/
/* 6个行情 */
.quotation-index-box{padding-top:13px;border-top:2px solid}
.quotation-index-box:before{content:"\20";position:absolute;top:177px;left:0;right:0;width:100%;height:1px;background-color:#ECEDEF;-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.quotation-index-box:after{content:"\20";position:absolute;bottom:166px;left:0;right:0;width:100%;height:1px;background-color:#ECEDEF;-o-transform:translateY(50%);-moz-transform:translateY(50%);-webkit-transform:translateY(50%);transform:translateY(50%)}
.quotation-index-line{position:absolute;left:50%;top:50%;width:1px;height:150px;-o-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.quotation-index-line:before{content:"\20";position:absolute;left:50%;top:-177px;width:1px;height:150px;background-color:#ECEDEF;-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.quotation-index-line:after{content:"\20";position:absolute;left:50%;bottom:-177px;width:1px;height:150px;background-color:#ECEDEF;-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.change-range-title-box{padding:15px 20px;line-height:22px;border-bottom:1px solid #E6E7EA;border-top:2px solid #222}
.change-range-box{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid}
.change-range-content{float:left;margin-right:20px;padding:3px 15px;width:100px}
.change-range-content span:first-child{float:left}
.change-range-content span:last-child{float:right}
.change-range-content:last-child{margin-right:0}
.our-request-message{position:absolute;top:50%;left:50%;padding:10px 20px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
/*QutoationIndex*/

/* finance */
.watch-content-right{width:280px}
.watch-content-left{width:890px}
.watch-table-box{height: 590px;overflow: hidden;}
.watch-table{border-collapse:collapse;}
.watch-table th{padding:16px 15px;vertical-align:middle;font-weight:normal}
.watch-table td{padding:0 15px;vertical-align:middle;height:54px}
.watch-table tr:nth-child(even){background-color:#f9fafc}
.watch-table tr:hover{background-color:#ECEFF9}
.watch-table tr:first-child:hover{background-color:inherit}
.watch-table tbody tr.watch-table-th{margin-bottom:15px;}
.watch-table tbody tr.watch-table-th td{padding:0 0 0 8px;width:890px;height:26px;line-height:26px;background-color:#8C92A6}
.watch-table-industry-name{height:26px;line-height:26px}
.watch-table-industry-name:before{content:"\20";display:inline-block;vertical-align:top;margin-top:5px;margin-right:9px;width:4px;height:16px;font-size:0;background-color:#fff}
.new-stock-table tr:nth-child(even){background-color:#fff}
.new-stock-table tr:hover{background-color:#ECEFF9}
.new-stock-table td{border-bottom:1px solid #e6e7ea}
.new-stock-table th{padding:0 15px;vertical-align:middle;height:27px}
.new-stock-table tr:last-child td{border:none}
.watch-quote-reason{width:300px;max-height:34px;line-height:17px}
.watch-plate-box{max-height: 1250px;overflow: hidden;}
.watch-plate-item{padding:15px 20px;line-height:19px;border-bottom:1px solid}
.watch-plate-item:last-child{border:none}
.watch-plate-content{margin-left:47px}
.watch-plate-float{display:inline-block;margin-bottom:10px;padding:0 5px;font-style:italic;text-align:center;border:1px solid}
.watch-plate-images{width:195px;height:130px;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover;}
.quotation-new-stock{padding:10px 12px;height:20px;line-height:20px}
.quotation-new-stock-name{padding:1px 5px}
.new-stock-image{height:20px}
.quotation-new-stock-box{width:1075px ;display:inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.new-stock-image:after{content:"|";display:inline-block;margin-left:13px;margin-right:13px;width:1px;height:20px;overflow:hidden;font-size:0;background-color:#d8d8d8}
.watch-right-arrow{padding-top:4px;width:9px}
.quotation-content{width:386px}
.quotation-bjstock-content{width:793px}
.quotation-banner{margin-bottom: 12px;width:793px;height:92px;}
.quotation-banner .slide-box{width:793px;height:92px;overflow:hidden}
.quotation-banner .slide-box div{outline:none}
.quotation-banner .slide-image{height:92px;background-repeat:no-repeat;background-position:center;background-size:cover}

.finance-banner{margin-bottom: 24px;padding-top:17px;width:890px;height:82px;}
.finance-banner .slide-box{width:890px;height:82px;overflow:hidden}
.finance-banner .slide-box div{outline:none}
.finance-banner .slide-image{height:82px;background-repeat:no-repeat;background-position:center;background-size:cover}

.hot-plate-box{width:162px}
.quotation-button-box{padding:6px 0;border:1px solid;border-radius:4px}
.quotation-button-box:after{content:"\20";position:absolute;left:50%;top:0;bottom:0;width:1px;height:100%;background-color:#ddd;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.quotation-button{padding:6px 18px}
.quotation-button-box .quotation-button:first-child{border-radius:4px 0 0 4px}
.quotation-button-box .quotation-button:last-child{border-radius:0 4px 4px 0}
.delete-optional-button{display:inline-block;padding:0 12px;height:25px;line-height:25px;border-radius:18px; text-align: center;color: #666;background-color: #fff;border: 1px solid #d0d0d0;cursor: pointer}
.delete-optional-button:hover{color: #fff;background-color: #de0422;border-color: #de0422;}
.watch-chart-box{z-index: 15;padding:10px 0;margin-bottom:10px;border-top:1px solid;border-bottom:1px solid;}
.hot-plate-box:hover{background-color:#f4f5fa}
.optional-login-button{padding:0 20px;display:inline-block;height:35px;line-height:35px;border-radius:17px}
.new-stock-trailer-box{padding:10px 20px;}
.new-stock-trailer-icon{padding:0 6px;}
.new-stock-trailer-list{padding:10px 0;border-bottom:1px solid;border-bottom:1px solid;}
.new-stock-trailer-list:last-child{border:0;}
.new-stock-trailer-item {position: relative; padding-left: 15px;padding-bottom: 30px;}
.new-stock-trailer-item:before{content: "\20";position: absolute;left: 0;top: 5px; width: 8px;height: 8px;background-color: #d8d8d8; border-radius: 50%;}
.new-stock-trailer-item:after {content: "\20";position: absolute;left: 3px;top: 6px;width: 1px;height: 100%;border-left: 1px solid #d8d8d8;}
.optional-timeline-item{position:relative;padding-left:15px;padding-bottom:30px;line-height:22px}
.optional-timeline-item:before{content:"\20";position:absolute;left:0;top:9px;width:8px;height:8px;background-color:#8994A7;border-radius:50%;}
.optional-timeline-item:after{content:"\20";position:absolute;left:3px;top:9px;width:1px;height:100%;border-left:1px dashed #8994A7}
.optional-timeline-item:last-child{padding-bottom:8px}
.optional-timeline-item-same{position:relative;padding-left:15px;padding-bottom:30px;line-height:22px;}
.optional-timeline-item-same:after{content:"\20";position:absolute;left:3px;top:0px;width:1px;height:100%;border-left:1px dashed #8994A7}
.optional-timeline-item-same:last-child{padding-bottom:8px}
.optional-timeline-item-tag{height: 20px;width: 20px;line-height: 20px;border-radius: 5px;}
.optional-timeline-item-tip{height: 16px;line-height: 16px;border-radius: 3px;border-width: 1px;border-style: solid;padding:0 5px;}
/* finance */
/* 热门板块 */
.main-fund-diff-list{padding:15px 18px 15px 30px;margin-right:10px;margin-bottom:10px; width: 242px; height: 60px; background-color:#ecf2fa;}
.main-fund-diff-list:hover span{color:#fff;}
.main-fund-diff-list.up:hover{background-color:rgba(222, 4, 34, 0.6)}
.main-fund-diff-list.down:hover{background-color:rgba(82, 194, 163, 0.8)}
.main-fund-diff-list:nth-child(3n){margin-right:0px}
.main-fund-diff-icon{position: absolute;top:15px;left:10px;width:5px ;height: 60px;overflow: hidden;}
.main-fund-diff-icon:after {content: "\20"; display:block; position: absolute;top: -10px;width: 15px;height: 26px;transform: rotate(40deg);-ms-transform: rotate(40deg);-webkit-transform: rotate(40deg); }
.main-fund-diff-icon.chang-up:after{background-color:#F8A2A2;}
.main-fund-diff-icon.chang-up{background-color:#E8504F;}
.main-fund-diff-icon.chang-down:after{background-color:#AFEADA;}
.main-fund-diff-icon.chang-down{background-color:#52C2A3;}

.main-fund-diff-list:hover .main-fund-diff-icon.chang-up:after{background-color:#F9D5D5;}
.main-fund-diff-list:hover .main-fund-diff-icon.chang-up{background-color:#F8A2A2;}
.main-fund-diff-list:hover .main-fund-diff-icon.chang-down:after{background-color:#D4FBF0;}
.main-fund-diff-list:hover .main-fund-diff-icon.chang-down{background-color:#AFEADA;}
.main-fund-diff-list:hover .diff-name{color:#fff}
.neeq-box{border-top: 2px solid #222; border-bottom: 1px solid #ecedef;}
.bjstock-img{margin-right:5px;width: 26px;height:13px;}
/* 热门板块 */

/*stock*/
.stock-detail{padding:10px;border-top:2px solid #222;border-bottom:1px solid #ECEDEF}
.stock-label{padding-left:7px;padding-right: 7px;border:1px solid #A7ADD3;border-radius: 2px;}
.stock-column-title{padding:0 20px;height:32px;line-height:32px}
.f10-manage-box{padding:0 20px;line-height:20px;}
.f10-manage-content{width:350px;display:inline-block;}
.f10-finance-box{width:50%;}
.f10-finance-box div{margin-bottom:15px;position:relative}
.f10-finance-box span{position:absolute;right:87px;top:0}
.f10-dividend-date{width:223px;display:inline-block;}
.f10-dividend div{margin-bottom:15px}
.notice-content{padding:20px 0;line-height:20px;border-bottom:1px solid;}
.notice-title{width:88%;display:inline-block;white-space:nowrap;overflow:hidden;}
.stock-interaction{padding:20px 0;line-height:24px;border-bottom:1px solid;}
.stock-interaction-question{float:left;margin-right:10px;padding:1px 4px}
.add-optional-button-box{margin-top:6px}
.add-optional-button{padding:5px 20px;border-radius:18px;border:1px solid}
.stock-related-box{padding:0 20px}
.stock-related-plate{padding:15px 0;border-bottom:1px solid;}
.stock-related-plate:last-child{border-bottom:none;}
.stock-related-plate-reason{padding:0 5px;width:58px;line-height:22px}
.stock-hot-plate-item-box .home-hot-plate-item{width:147px}
.stock-hot-plate-item-box .home-hot-plate-item:nth-child(5n){border-right:none}
.stock-hot-plate-item-box .home-hot-plate-item:nth-child(2n){border-right-width:1px;}
.stock-hot-plate-item-box .home-hot-plate-name a{width:55%}
/*stock*/

/*LimitInfo*/
.heat-chart-box{z-index: 1;margin-right:15px;padding-right:15px;border-right:1px solid}
.heat-chart{margin-bottom:12px;padding-bottom:15px;width:155px;height:80px;border-bottom:1px solid}
.heat-chart-text{position:absolute;bottom:12px;left:50%;-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.heat-content-box{line-height:18px;width:143px}
.heat-content{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid}
.heat-chart-explain-icon{margin-left: 5px;margin-bottom: -1px;display: inline-block;width: 12px;height: 12px;background:url("../images/heat-chart-explain-icon.png") no-repeat;background-size:cover}
.heat-chart-explain-icon:hover{background-image: url("../images/heat-chart-explain-hover-icon.png")}
.heat-chart-explain{position: absolute;top:-30px;left: 130px;z-index: 2;padding-left: 30px;padding-top: 16px;padding-right: 30px;padding-bottom: 30px;width:318px;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);border-radius: 2px;border: 1px solid #E9E9E9;}
.heat-chart-explain-close{position: absolute;top:0px;right:0px;display: inline-block;width: 15px;height: 15px;background:url("../images/heat-chart-explain-close.png") no-repeat;background-size:cover}
.heat-chart-explain-close:hover{background-image: url("../images/heat-chart-explain-hover-close.png")}
/*LimitInfo*/

/* detail */
.detail-banner{height:260px;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover}
.detail-telegraph-logo{display:inline-block;vertical-align:sub;margin-right:6px;width:75px;height:27px}
.detail-banner-title{position:absolute;left:0;bottom:12px;padding:0 16px;line-height:44px;text-align:justify}
.detail-banner-title span{box-shadow:16px 0 0 #DE0422, -16px 0 0 #DE0422}

/* 详情页标题置灰 */
.detail-banner-title span{box-shadow:none}
.detail-banner-title .bg-c-de0422{background-color:transparent}
/* 详情页标题置灰 */

.detail-time{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid}
.detail-attachment{width:13px}
.detail-editorsnote{margin:20px;padding:10px}
.detail-tag{float:left;margin-right:10px;padding:0 3px;font-weight: normal;line-height:23px;border:1px solid}
.detail-telegraph{padding-bottom:30px;line-height:32px;border-bottom:1px solid}
.detail-telegraph-content{line-height:34px}
.detail-option{padding-left:23px;padding-right:30px;height:60px;line-height:60px}
.detail-option-box{position:relative;z-index:5;padding-bottom:11px}
.detail-option-box + div{margin-top:-1px}
.detail-option-readnumber{margin-left:52px}
.detail-content{font-size:18px;line-height:1.77778;text-align: justify;word-wrap:break-word;word-break:break-all}
.detail-content a{font-weight:bold;color:#000;border-bottom:1px solid #e10000}
.detail-content img{display:block;margin:40px auto 25px;max-width:100%;height:auto !important}
.detail-content ul{color:#222;margin:40px 0 25px}
.detail-content li{list-style-type:disc;list-style-position:inside}
.detail-content p{margin:10px 0 25px}
.detail-content p:last-of-type{margin-bottom:8px}
.detail-content center{margin:10px 0 25px}
.detail-content center:last-of-type{margin-bottom:8px}
.detail-content h1, .detail-content h2, .detail-content h5{font-size:1.11111em;margin:40px 0 25px}
.detail-pinjian-content h1{position: relative;margin:40px 0 32px;font-size:1.88889em}
.detail-pinjian-content h1:after{content: "\20";position: absolute;bottom: -12px;left: 0px;z-index: 1;width: 200px;height: 1px;
  background-color: #ccc;}
.detail-content h3{margin:10px 0 25px;color:#999;font-weight:normal}
.detail-content em{font-style:normal}
.detail-content h4{margin:40px 0 25px}
.detail-content blockquote{position:relative;margin:20px 0 20px;padding:10px;text-indent: 20px;background-color: #f7f7f7;}
.detail-content blockquote:before{content: '\20';position: absolute;top: 20px;left: 15px;width: 2px;height: 6px;background-color: #ef4444;border-radius: 2px;box-shadow: 4px -2px 0 0 #ef4444;-webkit-transform: rotate(25deg);transform: rotate(25deg);}
.detail-content blockquote p{margin-top: 0;margin-bottom: 0;line-height: 1.6;color: #666;word-break: break-all;word-wrap: break-word;}
.detail-content .brief{display:none}
.detail-content table{margin:40px 0 25px;width:100%;border-collapse:collapse;border:1px solid #A5A2A2;text-align:center;color:#222}
.detail-content th{padding:4px;background-color:rgba(140,164,179,0.3);border:1px solid #A5A2A2;word-break:break-all}
.detail-content td{padding:4px;border:1px solid #A5A2A2;word-break:break-all}
.detail-content .underLine{border-bottom:1px solid #747474}
.detail-content .stockText{color:#222}
.detail-content code{white-space:normal}
.detail-content pre{white-space:normal}
.detail-content p{font-size:1em}
.detail-content center{font-size:0.88889em}
.detail-content h3{font-size:0.88889em}
.detail-content h4{font-size:1em}
.detail-content table{font-size:1em}
.detail-content blockquote{font-size:1em}
.xk-contnt pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}
.detail-remark-box{margin:10px 0 15px}
.detail-remark-box blockquote{margin:10px 0 15px}
.detail-remark-box blockquote:before{content:"\20";display:inline-block;vertical-align:middle;margin-right:10px;width:3px;height:16px;background-color:#747474;-webkit-transform:translateY(-1px);transform:translateY(-1px)}
.detail-stock-box{margin-bottom:20px;padding-top:20px;border-top:1px solid}
/* .detail-stock-title{width:110px;line-height:34px} */
.detail-stock-content{width:690px;margin-bottom:-10px}
.detail-stock{float:left;margin-top:7px;margin-bottom:7px;margin-right:30px;padding:0 15px;height:20px;line-height:20px}
.detail-belong-subject-box{padding:20px}
.detail-belong-subject-img-box{margin-right:20px}
.detail-belong-subject-img{margin-bottom:7px;width:69px;height:69px;border-radius:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
.detail-subject-description-box{width:145px}
.detail-subject-description-name{margin-bottom:3px;white-space:nowrap;text-overflow:ellipsis}
.detail-subject-description-name a:hover{text-decoration:none}
.detail-subject-description{margin-bottom:15px;height:36px;line-height:18px}
/* .detail-subject-list-box{padding:0 20px} */
.detail-subject-list{padding:20px 10px;border-bottom:1px solid}
.detail-subject-list-title{padding:15px 20px;border-top:2px solid}
.detail-depth-list{padding:0 20px}
.detail-depth-list-article{max-height:40px;line-height:20px}
.detail-depth-list-article:hover{text-decoration:none}
.detail-depth-list-article:before{content:"\2022";padding-right:5px;font-size:15px;line-height:20px;color:#d8d8d8}
.detail-depth-list-more-button{margin:0 auto;margin-bottom:30px;width:98px;height:28px;line-height:28px;border:1px solid;border-radius:15px}
.detail-vip-unlock{display:inline-block;width:204px;height:48px;cursor:pointer;background:url("../images/detail-vip-unlock-button.png") no-repeat;background-size:100% 100%}
.detail-subject-list-name-box{margin-left:10px;width:140px}
.detail-subject-list-name{margin-bottom:3px;text-overflow:ellipsis;white-space:nowrap}
.detail-subject-list-name a:hover{text-decoration:none}
.detail-article-column-box{margin-top:35px;padding-left:85px;padding-top:20px;padding-right:75px;padding-bottom:20px;background: url(../images/column-detail-background.png) no-repeat;background-size: cover;}
.detail-vip-column-name-box{width:500px;}
/* .detail-vip-column-header{height:146px;} */
.detail-vip-column-name{height: 40px;}
.detail-vip-title{line-height: 44px;text-align: justify;}
.detail-vip-title span{background: -webkit-linear-gradient(90deg, #B3856B 0%, #B3856B 100%);background: linear-gradient(90deg, #B3856B 0%, #B3856B 100%)}
.detail-vip-column-tag{padding-left:7px;padding-right:7px;margin-right:10px;height:25px;line-height: 23px;background: -webkit-linear-gradient(90deg, #262733 0%, #414A4E 100%);background: linear-gradient(90deg, #262733 0%, #414A4E 100%);border-radius: 1px;}
.detail-vip-buy{width:204px;height:48px;line-height: 48px;background:url("../images/purchase-icon.png") no-repeat;background-size:100% 100%}
.detail-vip-content-left{width:898px;}
.detail-vip-content-right{width:272px;}
.detail-vip-option-wrapper{width: 898px;height:82px;}
.detail-vip-option-box{width: 898px;height:82px;line-height: 82px;}
.detail-vip-option-box-fixed{position: fixed;bottom: 0;z-index: 25;}
.detail-vip-option-line{height: 5px;background: -webkit-linear-gradient(90deg, #F2E0D6 0%, #CEA68D 100%);background: linear-gradient(90deg, #F2E0D6 0%, #CEA68D 100%)}
.detail-vip-option-image{margin-right: 12px;margin-bottom: 6px;width: 100px;vertical-align: middle;}
.detail-vip-option-column:before {content: "\2022"; padding-right: 10px;font-size: 18px;line-height: 20px;color: #000;}
.detail-vip-toTop-icon{width:20px;height: 20px;vertical-align: middle;}
.detail-vip-next-article-box{padding-left:25px;padding-right: 25px;padding-top: 20px;padding-bottom: 20px;border-top:4px solid;border-radius: 2px;}
.detail-vip-next-article-column{margin-right: 10px;padding-left:12px;padding-right: 12px;line-height: 22px;border-radius: 11px;}
.detail-vip-next-article-title:hover{color:#FF8102}
.detail-vip-user-select{ -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.detail-vip-content-main-box{padding-top:0}

/* detail */

/*Comment*/
.comment-body{padding:18px 20px;width:852px;height:132px;border:1px solid;resize:none}
.add-comment-button{padding:0 50px;height:42px;line-height:42px;border-radius:21px}
/*Comment*/

/*NewComment*/
.new-comment-header{padding-bottom:15px}
.new-comment-body{padding:20px 0;border-top:1px solid}
.observer-photo{width:56px;height:56px;border-radius:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
.observer-photo-level-avatar{width: 22px;height:22px;position: absolute;bottom:0;right:0;}
.observer-photo-level{margin-right:10px;width:68px;height:18px;vertical-align: middle;}
.new-comment-detail{width:824px}
.new-comment-name-box{margin-bottom:2px;height:31px;line-height:31px}
.new-comment-name{margin-right:8px;line-height:31px}
.new-comment-content{line-height:24px}
.comment-like{margin-bottom:15px;height:23px;line-height:23px}
.comment-reply{margin-right:5px}
.comment-reply:hover{text-decoration:none}
.more-reply-list{padding:20px;border-bottom:1px solid}
.more-reply-list:last-child{border:0}
.more-reply-list-time{line-height:30px}
.reply-box{margin-top:10px;margin-bottom:10px}
.reply-text:hover{text-decoration:none}
.reply-input-box{margin-top:10px;margin-bottom:10px;}
.reply-input{padding:7px 22px;height:24px;line-height:24px;border:1px solid;border-radius:24px}
.reply-box .reply-input{width:658px}
.reply-input-box .reply-input{width:620px}
.reply-button{width:100px;height:40px;line-height:40px;border-radius:20px}
.comment-recommend-icon{width:50px;height: 50px;position: absolute;top:0;right:100px;}
/*NewComment*/

/* investKalendar */
.invest-kalender-nav{height:50px;line-height:50px;border-bottom:1px solid}
.invest-kalender-filter-box{padding:15px 0}
.invest-kalender-date-filter{float:left;margin-right:10px;padding:5px 20px;border:1px solid;border-radius:4px;cursor:pointer}
.invest-kalender-nowtime{line-height:16px}
.invest-kalender-type-box{margin-left:10px;padding:0 10px;width: 90px;height:28px;line-height: 28px;border:1px solid;border-radius:4px;}
.invest-kalender-type-list{position:absolute;top:30px;left:34px;z-index:5;width:110px;border:1px solid;border-radius:4px}
.invest-kalender-type-title{line-height:28px}
.invest-kalender-type-item{height:40px;line-height: 40px;border-bottom:1px solid}
.invest-kalender-type-item:last-child{border:0}
/* investKalendar */

/* our */
.our-left-item{width:160px}
.our-box-shadow{border:1px solid;box-shadow:0 1px 4px 0 #EBEBEB}
.our-navbar-box{padding:10px 0;border:1px solid #e6e7ea;border-top:1px solid #FF9A02;box-shadow:0 1px 4px 0 #EBEBEB;}
.our-nav{position:relative;padding:10px 20px 10px 45px;cursor:pointer}
.our-nav:hover{background-color:#f4f5fa}
.our-arrow-icon{position:absolute;right:28px;top:14px}
.our-right-item{margin:30px 0 89px 180px}
.our-wrap{min-height:800px}
.our-title-box{border-bottom:1px solid}
.our-title{margin-left:20px;height:55px;line-height:55px;border-bottom:2px solid;display:inline-block}
.our-content{padding:30px}
.our-map > div{float:left;width:131px;text-align:center}
.our-map-site div{margin-top:10px;cursor:pointer}
.our-feedback-textarea{display:block;width:870px;padding:10px 20px;height:185px;border:1px solid;border-radius:6px;outline:none;letter-spacing:1px;resize:none;}
.our-input{width:240px;padding:0 8px;height:38px;border:1px solid;border-radius:2px;}
.our-feedback-button{padding:0 30px;height:42px;line-height:42px;border-radius:7px}
.our-tips-title{padding:20px;line-height:27px}
.our-tips-title:hover{color:#FF9a02}
.our-tips-anwser{padding:0 20px 20px 20px;}
.our-friend-name a{line-height:30px;color:#666}
.our-friend-name a:after{content:"|";margin-left:10px;margin-right:10px;margin-bottom:15px}
.our-friend-name a:hover{color:#ff9a02}
.our-friend-name a:hover:after{color:#666}
.contact-brief-box{width: 260px;margin-right:25px;border-right:1px solid #F1F1F1}
.contact-brief img{width: 92px;}
.contact-brief p:after{content:"";display:block;margin-top:16px;width: 16px;height: 2px;background-color:#FF9A02;}
.contact-list-box{width: 672px; height:612px;}
.contact-list{width: 220px;}
/* our */

/*Footer*/
.footer-box{position:absolute;left:0;bottom:0;height:100px}
.footer{padding-top:24px}
.footer-link:hover{color:#cbcbcb}
.footer-link-icon{margin-left:15px;margin-right:15px}
.footer-report-image{width:140px}
/*Footer*/

/* _error */
.error-page-box{width:310px;margin:120px auto 0}
.error-page-button{margin-top:50px;width:160px;height:36px;line-height:36px;border-radius:19px}
/* _error */

/*telegraph*/
.telegraph-top-switch-box{margin-top:10px}
.telegraph-top-switch{position:relative;margin-left:26px;margin-right:9px;width:30px;height:18px;background-color:#e5e5e5;border-radius:15px;cursor:pointer}
.telegraph-top-switch:before{content:"\20";position:absolute}
.telegraph-top-switch:after{content:"\20";position:absolute}
.telegraph-top-switch-open{background-color:#eb1515}
.telegraph-top-switch-open:before{left:1px;top:1px;width:16px;height:16px;}
.telegraph-top-switch-open:after{right:1px;top:1px;width:14px;height:14px;border:1px solid #e5e5e5;background-color:#fff;border-radius:15px}
.telegraph-top-switch-close{background-color:#e5e5e5}
.telegraph-top-switch-close:before{left:1px;top:1px;width:16px;height:16px}
.telegraph-top-switch-close:after{left:1px;top:1px;width:14px;height:14px;border:1px solid #e5e5e5;background-color:#fff;border-radius:15px}
.telegraph-notification-tip{float:left;line-height:18px;cursor:pointer}
.telegraph-notification-question{margin-left:8px;margin-top:3px;width:13px}
.telegraph-content-left{margin-bottom:-10px}
.telegraph-time-box{margin-top:3px}
.telegraph-time-today-box{width:110px;white-space:nowrap}
.telegraph-vip-time{margin-top:3px;margin-right:5px}
.telegraph-content-box{word-wrap:break-word;word-break: break-all;overflow:hidden}
.telegraph-content{max-height:130px}
.telegraph-content-close{position:absolute;right:0;bottom:0;padding-left:20px;background-image:-webkit-linear-gradient(0, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%);background-image:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%)}
.telegraph-content-close:before{content:"...";margin-right:5px;color:#34304b}
.telegraph-content-toggle-level.telegraph-content-close:before{color:#de0422}
.telegraph-content-close:after{content:"\20";display:inline-block;margin-bottom:2px;margin-left:5px;width:11px;height:6px;background-image:url(../images/telegraph-content-icon.png);background-position:center;background-repeat:no-repeat;background-size:100% auto}
.telegraph-content-open:after{content:"\20";display:inline-block;margin-bottom:2px;margin-left:5px;width:11px;height:6px;background-image:url(../images/telegraph-content-icon.png);background-position:center;background-repeat:no-repeat;background-size:100% auto;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.telegraph-content-br-close{margin-left:5px}
.telegraph-content-br-close:before{content:"...";margin-right:5px;color:#34304b}
.telegraph-content-toggle-level.telegraph-content-br-close:before{color:#de0422}
.telegraph-content-br-close:after{content:"\20";display:inline-block;margin-bottom:2px;margin-left:5px;width:11px;height:6px;background-image:url(../images/telegraph-content-icon.png);background-position:center;background-repeat:no-repeat;background-size:100% auto}
.telegraph-content-br-open:after{content:"\20";display:inline-block;margin-bottom:2px;margin-left:5px;width:11px;height:6px;background-image:url(../images/telegraph-content-icon.png);background-position:center;background-repeat:no-repeat;background-size:100% auto;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.telegraph-content-br-box .telegraph-content-br-close{position:absolute;right:0;bottom:0;margin-left:0;padding-left:20px;background-image:-webkit-linear-gradient(0, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%);background-image:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%)}
.telegraph-vip-box{padding:20px 20px 10px 20px;border-radius:4px;background-image:-webkit-linear-gradient(0deg, #FFEDC9 0%, #FFECCF 100%);background-image:linear-gradient(-90deg, #FFEDC9 0%, #FFECCF 100%)}
.telegraph-vip-time-icon{margin-left:6px;margin-top:2px;padding:0 5px;height:22px;line-height:22px;border-radius:4px}
.telegraph-vip-time-icon img{margin-right:4px}
.telegraph-vip-title{max-width:80%;margin-right:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.telegraph-vip-content{line-height:37px}
.telegraph-vip-content:hover .telegraph-vip-title{text-decoration:none}
.telegraph-vip-content:hover .telegraph-vip-tip{text-decoration:none}
.detail-relevant li:before{content:"\2022";padding-right:5px;font-size:15px;line-height:20px;color:#d8d8d8}
.relevant-article{margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.detail-relevant{margin-bottom:20px;border-top:1px solid}
.detail-relevant-list:hover{text-decoration:none}
.detail-relevant-nav{padding-top:20px;line-height:34px}
@-webkit-keyframes telegraph-animation {0% {height:10px} 50%{height:0} 100% {height:10px}}
@keyframes telegraph-animation {0% {height:10px} 50%{height:0} 100% {height:10px}}
.telegraph-link-icon{margin-top:8px;margin-right:5px;width:12px;}
.telegraph-banner{margin-top:24px; width:894px;height:82px;}
.telegraph-banner .slide-box{width:894px;height:82px;overflow:hidden}
.telegraph-banner .slide-box div{outline:none}
.telegraph-banner .slide-image{height:82px;background-repeat:no-repeat;background-position:center;background-size:cover}

/*telegraph*/

/*search*/
.search-column-title{margin-bottom:-10px;height:33px;line-height:33px}
.search-cls-logo{display:inline-block;vertical-align:middle;margin-right:28px;width:150px}
.search-cls-logo img{vertical-align:top;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
.search-icon{position:absolute;top:10px;right:24px}
.search-result-input{padding:0 24px;width:666px;height:38px;border-radius:21px;border:1px solid}
.search-telegraph-list{padding:20px 0;border-bottom:1px solid}
.search-telegraph-list:last-child{border:none}
.search-subject-interest-list:last-child{border:none}
.search-content{margin-bottom:12px;line-height:24px}
.search-content:hover{text-decoration:none}
.search-content:hover em{text-decoration:none;color:#DE0422}
.search-content em{color:#DE0422;font-style:normal}
.search-content em:hover{text-decoration:none;color:#DE0422}
.search-telegraph-content{margin-bottom:0;line-height:27px}
.search-article-content{height:auto;max-height:48px}
.search-article-content-image{height:48px}
.label-bar-icon{display:inline-block;vertical-align:middle;margin-left:10px;margin-right:10px;width:1px;height:10px}
.search-subject-list-poster{margin-right:16px;width:76px;height:76px;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover}
.search-subject-name{margin-bottom:1px;line-height:25px}
.search-subject-interest-brief{height:auto}
.search-plate-list{padding:0 20px;margin-bottom:10px;height:48px;line-height:48px;border:1px dashed}
.search-recommend-follow{margin-top:11px}
.search-subject-content{width:700px}
.search-list-name{margin-bottom:1px}
.search-interest-title{white-space:normal;text-overflow:initial}
.search-stock-list{margin-top:-1px;padding:20px 7px;height:22px;line-height:22px;border-top:1px solid;border-bottom:1px solid}
.search-stock-introduction{width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-time{line-height:21px}
/*search*/

/* user */
.user-sidebar-box{width:80px;padding-top:20px;padding-right:30px;}
.user-sidebar-avatar{margin-bottom:40px;width:74px;height:74px;border-radius:100%;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover}
.user-sidebar-list a:hover{text-decoration:none}
.user-content-box{margin-bottom:70px;padding-top:20px;padding-left:40px;width:1048px;border-left:1px solid}
.user-content-title{margin-bottom:40px}
.user-name-box{margin-bottom:46px}
.user-input-title-box{margin-bottom:12px}
.user-name-input{padding:0 10px;width:318px;height:42px;border-radius:4px;border:1px solid}
.user-name-error{position:absolute;left:0;bottom:-25px}
.gender-box{margin-bottom:68px}
.user-sex-input{margin-right:73px}
.user-attention-plate{margin-bottom:44px}
.user-all-plate{height:208px}
.user-plate-item{margin-bottom:30px;display:inline-block;width:170px;height:22px;line-height:22px}
.user-plate-more-icon{display:inline-block;margin-left:8px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.user-plate-more-icon img{width:5px}
.user-invest-style{margin-bottom:46px}
.user-investment-extent{padding:0 10px;width:318px;height:42px;border-radius:4px;border:1px solid}
.user-investment-capital{margin-bottom:46px;}
.user-submit-change-info{display:inline-block;padding:0 65px;height:44px;line-height:44px;border-radius:22px}
/* user */

/* Attention */
.attention-box{padding-top:20px;padding-bottom:20px;border-bottom:1px solid}
.attention-box:last-child{border:0;}
.attention-poster{width:80px;height:80px;overflow: hidden;background-repeat:no-repeat;background-position:center;background-size:cover}
.attention-content{margin-left:100px}
.attention-content-title{margin-bottom:1px;line-height:25px}
.attention-article-title{width:850px;text-overflow:ellipsis;white-space:nowrap}
.subject-attention-article-title{width:700px}
/* Attention */

/* ChangePassword*/
.change-password-input-box{width:340px;height:42px}
.change-password-input{padding:0 10px;width:318px;height:42px;border:1px solid;border-radius:4px}
.change-password-input:focus{border-color:#222}
.change-password-verification{position:absolute;top:1px;right:1px;padding:0 10px;width:30%;line-height:42px;border-radius:4px}
.submit-change-password{width:162px;height:42px;line-height:42px;border-radius:22px}
.change-password-error{margin-top:10px;margin-bottom:40px;height:20px;}
/* ChangePassword*/

/* Favorite*/
.favorite-article-list{position:relative;padding:20px 0;border-bottom:1px solid}
.favorite-article-content{width:900px;}
.favorite-follow{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
/* Favorite*/

/* Prepaid*/
.prepaid-column-box{padding-top:20px;border-bottom:1px solid}
.prepaid-column-list{margin-bottom:40px;width:493px;border-right:1px solid}
.prepaid-column-list:nth-child(2n){margin-left:40px;border-right:none}
.prepaid-recommend-poster{width:100px;height:100px;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover}
.prepaid-column-detail{margin-left:120px;}
.prepaid-column-title{margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap}
.prepaid-column-title a:hover{text-decoration:none}
.prepaid-column-brief{margin-bottom:15px;width:335px;height:40px;line-height:20px}
.prepaid-article-list{padding:15px 0;line-height:22px;border-bottom:1px solid}
/* Prepaid*/

/* Adverts */
.ad-box{ margin-top:30px;margin-bottom:30px;overflow:hidden}
.ad-box img{vertical-align:top}
.ad-tip{position:absolute;bottom:5px;right:5px;z-index:5;padding:0px 2px;font-size:10px;color:#999;border:1px solid #999;border-radius:2px}
/* Adverts*/

/*WeiXinCodeBox*/
.wx-wrap{position:fixed;left:0;top:0;z-index:9999}
.wx-box{width:360px;height:340px;position:absolute;top:50%;left:50%;z-index:10;border-radius:5px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.wx-title{margin-top:55px}
.wx-close{position:absolute;right:0;top:0;padding:10px 20px}
.wx-qr-image{margin:25px auto;width:130px;height:130px}
.wx-tip{margin:0 auto;width:90%}
/*WeiXinCodeBox*/

/* ErrorMessage */
.error-box{position:fixed;top:50%;left:50%;z-index:999;padding:10px 20px;border-radius:4px;-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
/* ErrorMessage */

/* MoreButton */
.list-more-button{margin:24px auto;width:162px;height:38px;line-height:38px;text-align:center;border-radius:19px;border:1px solid}
/* MoreButton */

/*ShareBar*/
.share-content-box{display:none;position:absolute;top:100%;right:-6px;z-index:9}
.share-content{margin-top:10px;padding: 0 10px;width:58px;border:1px solid}
.share-box:hover .share-content-box{display:block}
.share-list{height:30px;line-height:30px;}
.share-list:first-child{border-bottom:1px solid #e6e7ea}
.share-icon{display:inline-block;width:16px;height:13px;vertical-align:middle}
.share-weixin{background-image:url('../images/weixin.png');background-repeat:no-repeat;background-position:top center;background-size:100% 100%;}
.share-list:hover .share-weixin{background-image:url('../images/weixin-active.png')}
.share-weixin:hover{background-image:url('../images/weixin-active.png')}
.share-weibo{ background-image:url('../images/weibo.png');background-repeat:no-repeat;background-position:top center;background-size:100% 100% }
.share-list:hover .share-weibo{background-image:url('../images/weibo-active.png')}
.share-weibo:hover{background-image:url('../images/weibo-active.png')}
.share-list:hover a{color:#EF9524}
.share-list:hover span{color:#EF9524}
.share-box-icon{position:absolute;top:6px;left:34px;width:8px;height:8px;border-top-width:1px;border-right:1px solid;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
/*ShareBar*/

/*ArticleModal*/
.pay-wrap{position: fixed; top: 0;bottom: 0;right: 0;left: 0;z-index:100;cursor:default;overflow-y: scroll;}
.pay-wrap-close{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y: scroll;}
.pay-box{margin:100px auto;width:600px;z-index:10;border-radius:2px;}
.pay-fm-close{position:absolute;top:0;right:0;padding:10px 20px}
.pay-close{position: absolute;top:14px;left:23px;z-index: 1;width: 20px; height: 20px;line-height: 20px;border-radius: 100%;border:1px solid;}
.pay-fm-content-top-box{padding:40px 30px 15px;border-bottom:1px dashed;text-align: left;}
.pay-fm-title-box{width:450px;text-overflow:ellipsis;text-align: left;}
.pay-fm-title{line-height:30px}
.pay-fm-image{width:50px;height:50px;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;}


.pay-content-top-box{position: relative;height:240px;background: url(../images/column-detail-background.png) no-repeat;background-size: cover}
.pay-content-top-left{width: 300px; height:240px}
.pay-content-top-right{padding-top:78px;padding-left:50px;padding-right:40px;width: 210px;}
.pay-content-box{padding-top:20px;width:600px;}
.pay-way-box{margin-bottom:20px;width:380px}
.pay-way-list{width:166px;height:40px;line-height:40px;background-size:cover;border:1px solid #d9d9d9;border-radius: 2px;}
.pay-way-active{border:0;background-image:url(../images/pay_border.png)}
.pay-zhifubao-image{width:35px}
.pay-weixin-image{width:26px}
.pay-button{width: 375px;height: 50px;line-height: 50px;background: -webkit-linear-gradient(90deg, #F2E0D6 0%, #CEA68D 100%);background: linear-gradient(90deg, #F2E0D6 0%, #CEA68D 100%);border-radius: 45px;}
.pay-privilege-box{height:66px;padding-top:20px;padding-bottom:24px;padding-left:38px;padding-right:38px;}
.pay-column-box{padding:20px 15px}
.pay-column-title{height:25px}
.pay-column-price{padding-left:10px;padding-right:10px;border:1px solid;border-radius: 2px;}
.pay-column-purchase{position: absolute;top:14px;right: 0;width: 118px;height: 30px;line-height: 30px;background: -webkit-linear-gradient(90deg, #F99850 0%, #FA4953 100%);background: linear-gradient(90deg, #F99850 0%, #FA4953 100%);border-radius: 15px 0px 0px 15px;}
.pay-process-box{border-bottom:1px solid}
.pay-process-tip{margin:15px 0 30px}
.pay-process-qr-box{width:123px}
.pay-process-ali-image{width:50px}
.pay-process-change-box{padding: 20px 38px;}
.pay-process-change{padding-bottom:2px;}

.pay-coupon-box{margin-bottom: 14px;padding-left: 5px;padding-right: 5px;width:371px;height:52px;line-height: 52px; border-bottom: 1px solid;}
.pay-coupon-box-open{box-shadow: 0px 2px 6px 0px rgba(213, 213, 213, 0.5)}
.pay-coupon-header{position: relative;z-index: 10;background: #fff;padding-left: 5px;padding-right: 5px;}
.pay-coupon-open-icon{position: absolute;top:20px;right: 0px;width: 12px;height:12px;}
.pay-coupon-list-box{position: absolute;top:100%;left: 0;right: 0;padding-bottom:10px;border-top: 1px solid;box-shadow: 0px 2px 6px 0px rgba(213, 213, 213, 0.5)}
.pay-coupon-list{padding-left:18px;padding-right:18px;height:52px;line-height: 52px;}

.pay-article-title{padding-left:54px;padding-right: 54px;padding-top:64px;padding-bottom: 30px;;height: 58px}
.pay-article-price-box{padding-left:20px;padding-right: 20px;width: 330px;height: 50px;line-height: 50px;background: rgba(198, 158, 139, 0.1);border-radius: 2px;border: 1px solid}
.pay-article-price-icon{margin-bottom: 2px;margin-right: 8px;width:17px;height:19px;vertical-align: middle;}
/*ArticleModal*/


/*ColumnPayModal*/
.pay-select-header{width:369px;}
/* .pay-select-box{min-height: 261px;} */
/* .pay-select-box::-webkit-scrollbar{width:4px;background-color:#fff;border-radius:6px;}
.pay-select-box::-webkit-scrollbar-thumb{background-color:#d8d8d8;border-radius:6px;} */
.pay-select{margin:0 auto 14px;padding:0 13px;width:343px;height:38px;line-height:38px;border:1px solid;border-radius:2px;cursor:pointer;overflow: hidden;}
.pay-select:last-child{margin-bottom: 0;}
.pay-select span del{text-decoration: none;}
.pay-column-solgan{padding-bottom:10px;height:24px;overflow:hidden}
.pay-column-solgan-open{height:100px;overflow:auto}
.pay-column-solgan-icon img{vertical-align:middle;width:20px}
.pay-total{padding-left: 38px;padding-right: 38px;padding-bottom:10px;border-bottom:1px solid}
/*ColumnPayModal*/

/* 退出登录弹框 */
.log-out-wrap{position:fixed;left:0;top:0;z-index:9999;cursor:default}
.log-out-box{position:absolute;left:50%;top:50%;z-index:10;width:420px;height:200px;border-radius:2px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.log-out-close{position:absolute;top:0;right:0;padding:10px 20px}
.log-out-button-box{position: absolute; bottom:20px;right:20px;}
.log-out-button{padding:6px 24px; border-radius: 24px;border:1px solid;}
.log-out-button:nth-child(1):hover{border-color:#e6e6e6;background-color:#e6e6e6; color:#222222;}
.log-out-button:nth-child(2):hover{border-color:#DE0422;background-color:#DE0422; color:#fff;}

/* 退出登录弹框 */

/*PayResult*/
.pay-result-box{margin:50px 0 30px}
.pay-line-box{width:80%}
/*PayResult*/

/* LoginRegister */
.register-wrap{position:fixed;left:0;top:0;z-index:1100}
.register-box{position:absolute;left:50%;top:50%;width:420px;z-index:10;-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.login-register-cls-logo{margin:67px auto 46px;width:142px;height:38px}
.register-close{position:absolute;top:0;right:0;padding:10px 20px}
.login-box{padding:0 30px}
.register-input-box{margin-bottom:11px;line-height:22px}
.register-input{padding:17px 0;line-height:22px;border-bottom:1px solid}
.register-input:focus{border-bottom-color:#222;background-color:#fff}
.register-input::-webkit-input-placeholder{font-size:15px;line-height:1.4;color:#ACACAC}
.register-input::-moz-placeholder{font-size:15px;line-height:1.4;color:#ACACAC}
.register-input:-moz-placeholder{font-size:15px;line-height:1.4;color:#ACACAC}
.register-input:-ms-input-placeholder{font-size:15px;line-height:1.4;color:#ACACAC}
.register-input::input-placeholder{font-size:15px;line-height:1.4;color:#ACACAC}
.register-verification{position:absolute;top:17px;right:0;padding-left:15px}
.register-verification-second{padding-right:15px}
.login-button{height:48px;line-height:48px;letter-spacing:2px;border-radius:24px;}
.login-first{padding-top:10px;height:38px}
.login-others{height:100px;}
.third-party{padding-top:26px}
.login-wx{margin-left:106px;width:48px;height:58px}
.login-wx .login-icon{margin-bottom:11px;width:36px;height:30px;background:url(../images/wx.png) no-repeat center;background-size:100% auto}
.login-wx:hover .login-icon{background-image:url(../images/wx-hover.png)}
.login-qq{margin-right:102px;width:48px;height:58px}
.login-qq .login-icon{margin-bottom:9px;width:36px;height:30px;background:url(../images/qq.png) no-repeat center;background-size:100% auto}
.login-qq:hover .login-icon{background-image:url(../images/qq-hover.png)}
.register-title{margin-top:49px;margin-bottom:11px}
.register-message{margin-bottom:30px;height:17px;line-height:17px}
.register-message-step-1{margin-bottom:157px}
.register-message-step-3{margin-bottom:254px}
.register-button{margin-bottom:10px;height:48px;line-height:48px;letter-spacing:2px;border-radius:24px;}
.register-forget-button{margin-top:110px}
.register-step-box{padding:67px 30px 31px}
/* LoginRegister */

/*vip桌面通知*/
.vip-notification-tip{position:absolute;bottom:-73px;right:23px;z-index:5;padding:10px 17px;background-color:rgba(0,0,0,0.7);border-radius:6px}
.vip-notification-icon{width:34px;height:20px;background:url(../images/sound-open.png) no-repeat center;background-size:100% 100%}
.vip-notification-close .vip-notification-icon{background-image:url(../images/sound-close.png)}
/*vip桌面通知*/

/*echart */
/*Quotation*/
.mline1 .chart-wrap{width:80%}
.mline1 .landscape-chart-wrap{width:80%}

.chart-box{height:71%}
.value-box{position:relative;height:29%}
.value-icon{position:absolute;top:34.5%;right:3px;width:4.53258%}
.landscape-chart-box{height:100%}
.landscape-value-box{height:0}
.mline1 .index-chart-wrap{width:100%}

.nav-landscape-box{padding-top:10px;padding-bottom:10px;border-top:1px solid}
.nav-landscape-line{float:left;margin-right:10px;padding-left:15px;padding-right:15px;border:1px solid;border-radius:4px;cursor:pointer}
.nav-landscape-line:hover{border-color:#383838}

.all-chart-box{position:relative;padding-top:8px;padding-bottom:1px;}
.all-chart-box:after{content:"\20";position:absolute;top:1px;bottom:1px;right:0;width:1px;background-color:#ECEDEF}
.all-chart-landscape-box{position:relative;height:460px;}
.all-chart-landscape-box:after{content:"\20";position:absolute;top:1px;bottom:18px;right:20%;width:1px;background-color:#ECEDEF;}
.all-chart-not-stock:after{display:none}
.all-chart-ma-box{position:absolute;top:4px;left:5px}
.all-chart-ma{-webkit-transform-origin:left center;transform-origin:left center}
.all-chart-ma-interval{margin-right:10px}

.five-wrap{box-sizing:border-box;position:relative;width:20%}
.five-wrap:before{content:"\20";position:absolute;top:0;left:0;width:100%;height:1px;background-color:#ECEDEF;}
.five-wrap:after{content:"\20";position:absolute;bottom:0;right:0;height:1px;width:100%;background-color:#ECEDEF}
.all-chart-landscape-box .five-wrap{padding-bottom:18px}
.all-chart-landscape-box .five-wrap:after{bottom:17px}

.five-box{height:404px}
.all-chart-landscape-box .five-box{height:404px}
.five-name{width:25%;overflow:hidden;white-space:nowrap}
.five-change{width:35%;white-space:nowrap}
.five-value{width:40%;white-space:nowrap;text-align:right}
.five-line{margin-left:17px;margin-bottom:17px;height:1px}
.five{margin:22px 12px 22px 17px}
.five-top{margin-top:17px;margin-bottom:22px}
.five-bottom{margin-top:22px;margin-bottom:17px}
.five-reason-box{position:absolute;top:1px;left:6px;right:5px;z-index:5;height:42.6%;overflow:hidden}
.five-reason{margin-bottom:7px;max-height:65px;overflow:hidden;word-wrap:break-word;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.five-reason-tso{margin-bottom:2px}
.five-reason-popup-box{position:fixed;top:0;left:0;bottom:0;right:0;z-index:10;overflow:auto}
.five-reason-popup-mask{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.57)}
.five-reason-popup{position:absolute;top:50%;left:50%;width:90%;max-height:90%;overflow:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.five-reason-popup-content{padding:12px;max-height:85%;overflow:auto;text-align:justify;border-radius:4px}
.five-reason-icon{margin:auto;padding-top:12px}
.five-no-reason{margin-top:5px}

.five-button-box{height:38px}
.five-button-box:before{content:"\20";position:absolute;top:0;bottom:0;right:0;width:1px;height:38px;background-color:#DBD9D9}
.five-button-box:after{content:"\20";position:absolute;top:0;bottom:0;left:50%;width:1px;height:38px;background-color:#DBD9D9;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.five-button{box-sizing:border-box;float:left;height:38px;padding:9px 0;width:50%;text-align:center;border-top:1px solid;border-bottom:1px solid;border-color:#e6e7ea}
.five-button-text{position:relative;z-index:5}
.five-button-active{border-top-width:2px;border-top-color:#222;border-bottom-color:#fff}
.five-line{height:1px}

.volume-box{overflow:hidden}
.volume-scroll-box{margin-left:10px;padding-right:12px;overflow:auto}
.volume-time{width:33%}
.volume-last{width:33%;text-align:center}
.volume-vol{width:34%;text-align:right}
.volume{line-height:32px}
.landscape-stock-box{position:relative;margin-bottom:4px;max-height:80px;overflow:hidden}
.landscape-stock-box > div > div:first-child{margin-bottom:10px;height:24px;line-height:24px;overflow:hidden}
.landscape-stock-box > div > div:last-child{height:16px;line-height:16px;overflow:hidden}

.quote-text-box{width:20%}
.quote-index-text-box{width:16.66%}
.quote-text-border:after{content:"\20";position:absolute;right:20px;top:50%;width:1px;height:12px;background-color:#D8D8D8;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.quote-name-box{width:16.91963%}
.quote-price-box{width:21.02009%}
.quote-change-box{margin-bottom:15px;padding:5px 10px}
.quote-data{margin-bottom:20px;padding-left:10px;padding-right:10px}
.quote-text1-box{width:3.09119%}
.quote-num-box{width:10.66461%}
.quote-text2-box{width:8.21886%}
.portrait-button{position:absolute;right:0;top:0;padding:18px 32px}

.fq-box{float:left;position:relative;margin-right:10px;padding-left:15px;padding-right:15px;border:1px solid;border-radius:4px;cursor:pointer}
.fq-box:hover .fq-select{display:block}
.fq-select{display:none;position:absolute;left:0;right:0;top:100%;z-index:5;border-width:1px;border-style:solid;border-radius:4px}

.quotation-no-data-box{top:37px}
.quotation-no-data-box .no-data-icon-box{-webkit-transform:translateY(-37px);transform:translateY(-37px)}
.quotation-no-data-box .no-data-text{-webkit-transform:translateY(-37px);transform:translateY(-37px)}
.quotation-landscape-no-data-box{top:74px;/*bottom:100px*/}
/*Quotation*/

.event-chart-box{margin-top:-1px;width:420px;height:210px}
.event-querydate-box{position:relative;z-index:10;margin-bottom:10px}
.event-querydate{margin-right:20px;height:30px;border-width:1px;border-style:solid;border-radius:4px;}
.event-query-image{margin-top:1px;width:13px;}
.event-querydate-selected{margin-left:10px}
.event-querydate-select{position:absolute;top:30px;left:0;right:0;z-index:5;}

.fundflow-content-box{height:225px}
.fundflow-content{float:left;width:50%}
.fundflow-content-nav{margin-bottom:22px}
.fundflow-main-box{width:302px;height:225px}
.fundflow-limit-price{float:left;width:33.33%}
.fundflow-limit-price > div{margin-bottom:22px}
.fundflow-limit-price > div div{float:left}
.fundflow-limit-price > div div:first-child{margin-left:4px;margin-right:30px}
.fundflow-line{content:"\20";position:absolute;top:0;bottom:0;width:1px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.fundflow-update-time{margin-top:6px}

.market-info-box{margin-top:30px;margin-bottom:40px;width:890px}
.market-info-market-chart-box{margin-bottom:15px;height:180px}
.market-info-title{width:31.46067%}
.market-info-final{width:37.07865%}
.market-info-final div{vertical-align:middle}
.market-info-final span{vertical-align:middle}
.market-info-rate{width:31.46067%}
.market-info-rate div{vertical-align:middle}
.market-info-rate span{vertical-align:middle}
.market-info-icon{vertical-align:middle;margin-left:4px;margin-right:6px;width:11px;height:11px}
.shhk-box{height:286px}
.market-info-final-box{height:290px}
.shhk-small-box{width:239px;height:105px}
.shhk-alone-box{margin-left:20px;/*margin-right:20px;*/border-left-width:1px;border-left-style:solid}
/*echart */

/****************************/
/*热门文章排行榜*/
.home-content-right-ad{margin-top:22px;height:144px;background-repeat: no-repeat;background-position: center;background-size: cover}
.home-plate-right-arrow{position:absolute;top:18px;right:20px;display:inline-block;width:9px;height:14px}
.home-plate-right-arrow img{position:absolute}
.home-article-ranking-box{border-top: 1px solid #E6E7EA}
.home-article-ranking-list{margin-left:20px;margin-right:20px;padding-top:12px;padding-bottom:12px;border-bottom:1px solid}
.home-article-ranking-list:last-child{border-bottom-width:0}
.home-article-ranking-first{position: absolute;bottom:0;padding-left:20px;padding-right:20px;}
.home-article-ranking-title{width:219px; height:42px;line-height: 21px;}
.home-article-ranking-title a:hover{text-decoration:none}
.article-serial{margin-top:4px;margin-right:4px;width:14px;height:14px}
/*热门文章排行榜*/

/* DesktopNotificationTip */
.noification-tip-box{position:fixed;top:0;left:0;z-index:22;width:100%;height:100%;}
.noification-tip{box-sizing:content-box;padding:0 43px;position:relative;top:10%;z-index:23;width:600px;height:80%;overflow:auto;font-size:12px;color:#66686d;line-height:24px;background-color:#fff}
.noification-close{position:absolute;right:20px;top:30px;padding:10px;cursor:pointer}
.noification-title-1{margin-bottom:35px;padding-top:40px;font-size:18px;line-height:18px;text-align:center}
.noification-title-2{margin:23px 0 17px;;font-size:18px;line-height:18px}
.noification-title-3{font-size:12px;line-height:24px}
.noification-note{margin:23px 0}
.noification-image-box{margin:23px 0}
.noification-image-box img{max-width:100%}
.noification-link{color:#3446b0;text-decoration:none}
.noification-text-last{margin-bottom:43px}
.noification-conact-box{display:table;margin-bottom:30px;padding-bottom:30px;width:100%;border-bottom:1px solid #999}
.noification-conact{display:inline-block;vertical-align:middle;margin:0 62px 0 32px}
.noification-conact-weixin{display:inline-block;vertical-align:middle;margin-right:23px;text-align:center}
.noification-conact-weixin-image{margin-bottom:12px}
.noification-conact-weixin-image img{max-width:100%}
.noification-download-box{padding-bottom:40px;text-align:center}
.noification-download-qr{margin:10px auto;width:128px}
.noification-download-qr img{max-width:100%}
/* DesktopNotificationTip */

/* Sidebar */
.sidebar-wrap{position:fixed;bottom: 10%;z-index: 11;right:20px;width:32px;}
.sidebar-logo-wrap{ float:left;height:33px;margin-bottom:7px;cursor: pointer; position:relative;}
.sidebar-logo{width:32px;}
.kf-code-slider{ max-width:230px;position:absolute;top:0px;left:-242px;}
.sidebar-code-image{max-width:150px;position:absolute;top:0px;left:-162px;}
.sidebar-new-number{min-width: 110px;position: absolute;top: 160px;left: -120px;;padding: 7px 28px 7px 15px;border-radius: 5px;box-shadow:0 0 6px #b0b0b0;z-index: -10;}

/* Sidebar */

/*iconfont*/
.iconfont.iconfont-add{font-size:8px}
.iconfont.iconfont-added{font-size:8px}
/*iconfont*/

/* ImageZoom */
.spinner{width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.container1 > div, .container2 > div, .container3 > div{width:12px;height:12px;background-color:#ff9a02;border-radius: 100%;position: absolute;animation: bouncedelay 1.2s infinite ease-in-out;animation-fill-mode: both}
.spinner .spinner-container{position:absolute;width:100%;height:100%}
.container2{transform: rotateZ(45deg)}
.container3{transform: rotateZ(90deg)}
.circle1{top:0;left:0}
.circle2{top:0;right:0}
.circle3{right:0;bottom:0}
.circle4{left:0;bottom:0}

.container2 .circle1{animation-delay: -1.1s}
.container3 .circle1{animation-delay:-1.0s}
.container1 .circle2{animation-delay:-0.9s}
.container2 .circle2{animation-delay: -0.8s}
.container3 .circle2{animation-delay: -0.7s;}
.container1 .circle3{animation-delay: -0.6s;}
.container2 .circle3{animation-delay: -0.5s;}
.container3 .circle3{animation-delay: -0.4s;}
.container1 .circle4{animation-delay: -0.3s;}
.container2 .circle4{animation-delay: -0.2s;}
.container3 .circle4{animation-delay: -0.1s;}
@-webkit-keyframes bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) }}
@keyframes bouncedelay {0%, 80%, 100% { transform: scale(0.0) } 40% {  transform: scale(1.0) }}

.telegraph-image-zoom-box{position:fixed;top:0;left:0;z-index:1003;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}
.telegraph-image-zoom-background{position:absolute;top:0;left:0;width:100%;height:100%}
.telegraph-image-close-box{position:relative;z-index:1001;width:100%;height:44px;background-color:rgba(0,0,0,0.2)}
.telegraph-image-close{float:right;margin-right:20px;margin-top:9px;width:26px;height:26px;cursor:pointer}
.telegraph-image-zoom{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.telegraph-image-box{position:relative}
.telegraph-image-box-mask{position:absolute;top:0;left:0;z-index:1001;width:100%;height:100%}
.telegraph-image{max-width:none;transition:transform 0.2s ease}
.telegraph-image-1{transform:scale(2)}

.react-draggable, .cursor {cursor:move}
.no-cursor{cursor:auto}
.cursor-y{cursor:ns-resize}
.cursor-x{cursor:ew-resize}
/* ImageZoom */

.ie-update{position:absolute;top:0;left:283px;z-index:100;padding:10px 22px;width:588px;border-width:1px;border-style:solid;border-radius:4px}
.ie-update-close{position:absolute;right:22px;top:14px;width:11px;height:11px}

/* 骨架屏 */

/* 骨架屏 */

/* 通用样式 */
/*hover*/
/*关注*/
.follow-button{text-align:center;color:#222;border:1px solid #222;cursor:pointer}
.pinjian-button{color:#fff; border-color:#808080;}
.follow-button:hover{color:#fff;background-color:#de0422;border-color:#de0422}
.followed-button{text-align:center;color:#999;border:1px solid #999;cursor:pointer}
/*关注*/

/*评论*/
.normal-button{text-align:center;color:#fff;background-color:#de0422;cursor:pointer}
.normal-button:hover{background-color:#E03D54}
/*评论*/

/*查看更多*/
.more-button{text-align:center;color:#222;background-color:#fff;border:1px solid #222;cursor:pointer}
.more-button:hover{color:#666;border-color:#999}
.vip-more-button{text-align:center;color:#222;border:1px solid #afafaf;cursor:pointer}
.loading-complete{margin-top:30px;margin-bottom: 30px;color:#999;text-align: center;}
/*评论*/

/*文字*/
.text-button{color:#222;cursor:pointer}
.text-button:hover{color:#666}
/*文字*/

/*取消收藏*/
.favorite-button{text-align:center;color:#BCBCBC;background-color:#fff;border:1px solid #BCBCBC;cursor:pointer}
.favorite-button:hover{color:#fff;background-color:#D8D8D8;border-color:#D8D8D8}
/*取消收藏*/

/*股票*/
.quote-up:hover{background-color:#DE0422;color:#fff}
.quote-up:hover a{color:#fff}
.quote-up:hover span{color:#fff}
.quote-down:hover{background-color:#52c2a3;color:#fff}
.quote-down:hover a{color:#fff}
.quote-down:hover span{color:#fff}
/*股票*/

/* 品见 */
.pinjian-top-banner{width:832px;height:468px}
.pinjian-top-banner .slick-slide{position: relative;width:832px;height:468px}
.pinjian-top-banner .slide-image{width:832px;height:468px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.pinjian-top-banner .slick-prev{left:0px;z-index:5;width:50px;height:50px;background:url(../images/pinjian-banner-prev.png) no-repeat center;background-size:100% 100%}
.pinjian-top-banner.slick-prev:before{content:"\20"}
.pinjian-top-banner .slick-prev:hover{background:url(../images/pinjian-banner-prev.png) no-repeat center;background-size:100% 100%}
.pinjian-top-banner .slick-next{right:0px;z-index:5;width:50px;height:50px;background:url(../images/pinjian-banner-next.png) no-repeat center;background-size:100% 100%}
.pinjian-top-banner .slick-next:before{content:"\20"}
.pinjian-top-banner .slick-next:hover{background:url(../images/pinjian-banner-next.png) no-repeat center;background-size:100% 100%}

.pinjian-top-banner .slide-title{position:absolute;bottom:0;left:0;right:0;width:832px;height:240px}
.pinjian-top-banner .slide-title::before{content:"\20";position:absolute;top:0;left:0;width:100%;height:100%;background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, #000 100%);background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);opacity: 0.6}
.pinjian-top-banner .slide-title-content{position: absolute;bottom: 34px;left: 16px;width: 800px;}

.pinjian-slogan-image{width:353px;height: 468px;}
.pinjian-article-list{margin-right: 20px;position: relative; width:386px;height: 216px;overflow: hidden;}
.pinjian-article-list:last-child{margin-right: 0;}
.pinjian-article-image{width:386px;height: 216px;overflow: hidden;}
.pinjian-article-image img{width:386px;height: 216px;object-fit: cover}
.pinjian-article-title-box{padding-left: 10px;padding-right: 10px;position: absolute;bottom: 0;left: 0;width:366px;height: 108px;opacity: 0.6;}
.pinjian-article-title{position: absolute;bottom: 16px;left: 10px;width: 366px;height:44px;}
.pinjian-article-icon{margin-right: 10px;width: 22px;height: 22px;vertical-align: middle;}
.pinjian-article-box{padding-left:14px;padding-right: 14px;padding-bottom: 16px;width: 358px;height: 50px;border-bottom: 1px solid;}
.pinjian-article-box a:hover{color:#dd0422}
.pinjian-features-box{margin-bottom: 58px;overflow: hidden;}
.pinjian-features-banner{margin-left: -10px; width: 1215px; height:330px;}
.pinjian-features-banner .slick-slide{height: 330px;}
.pinjian-features-banner .slick-slide .slide-image{margin:0 auto;width: 185px; height:330px;border-radius: 7px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.pinjian-features-banner .slick-prev{left:9px;z-index:5;width:46px;height:50px;background:url(../images/pinjian-banner-prev.png) no-repeat center;background-size:100% 100%}
.pinjian-features-banner .slick-prev:before{content:"\20"}
.pinjian-features-banner .slick-prev:hover{background:url(../images/pinjian-banner-prev.png) no-repeat center;background-size:100% 100%}
.pinjian-features-banner .slick-next{right:6px;width:46px;height:50px;background:url(../images/pinjian-banner-next.png) no-repeat center;background-size:100% 100%}
.pinjian-features-banner .slick-next:before{content:"\20"}
.pinjian-features-banner .slick-next:hover{background:url(../images/pinjian-banner-next.png) no-repeat center;background-size:100% 100%}
.pinjian-detail-image {width: 894px;height: 212px;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;}
.pinjian-detail-describe{position: absolute; left:0; bottom:0;padding-left:25px;padding-right: 25px;padding-top:5px;padding-bottom:5px;width: 844px;}
.pinjian-detail-name{height:34px;}
.pinjian-detail-article-list{padding-top:20px;padding-bottom: 20px;height: 128px;border-bottom:1px solid;}
.pinjian-detail-article-image{width: 193px;height: 128px;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;}
.pinjian-detail-article-brief{height: 70px;}
.pinjian-detail-article{width: 680px;}
.pinjian-detail-article-time{line-height: 17px;}
.pinjian-more-icon{position: absolute;top:22px;right: 0;width: 90px;height: 20px;}

.pinjian-features-list-item-link-box {background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);border-radius: 7px;}
.pinJian-features-list-title-box{width: 185px;height: 330px;background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);border-radius: 7px;}
.pinJian-features-item-title-box {position: absolute;top: 205px;left: 20px;z-index: 600;width: 145px;}
.pinJian-features-item-title-en {margin-top: -0.4rem;margin-bottom: 0.4rem;font-family: 'DINCond';text-overflow: ellipsis;white-space: nowrap;}
.pinjian-features-list-item-link:after {content: "\20";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 10;background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%)}
.pinJian-features-list-title-box:before {content: "\20";position: absolute;top: 16px;left: 18px;z-index: 10;
  width: 16px;height: 16px;background-color: #fff;border-radius: 50%;}
.pinJian-features-list-title-box:after {content: "\20";position: absolute;bottom: 40px;left: 8.88889%;z-index: 500;width: 62.22222%;height: 1px;background-color: #fff;opacity: 0.3;}

.fashion-list{width:894px ;height:212px;}
.fashion-list-image{width:894px ;height:212px;overflow: hidden;}
.fashion-list-image img{width:894px ;height:212px; object-fit: cover}
.fashion-list-title-box {padding-left: 24px;padding-right: 24px;position: absolute;bottom: 0;left: 0;width: 846px;height: 106px;opacity: 0.6;}
.fashion-list-title{position: absolute;bottom: 20px;left: 24px;width: 846px;}
.fashion-list-subject-name-en{font-family: 'DINCond';text-overflow: ellipsis;white-space: nowrap;}
/* 品见 */

/* 投资日历 */
.home-invest-kalendar-item > div:last-child{margin-bottom:0}
.invest-kalendar-item-list{padding:20px;border-radius:4px}
.invest-kalendar-item-list::before{content:'';position:absolute;width:0;height:0;top:-18px;left:26px;border:10px solid;border-color:transparent transparent #f8f8f8 transparent}
.invest-kalendar-item-list > div:not(:last-child){margin-bottom:30px}
.invest-kalender-code{max-width:140px;top:calc(100% - 16px);right:0;z-index:8}
.invest-kalender-code-icon{top:3px;width:16px;height:16px}
.invest-kalendar-data{display:inline-block;vertical-align:top;min-width:60px;max-width:100px;margin-left:5px;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}
.invest-kalendar-content{width:calc(100% - 60px)}
.invest-kalendar-title{white-space:normal}
/* 投资日历 */

.link-hover:hover{text-decoration:underline}
/*hover*/

.w-b-a{word-wrap:break-word;word-break:break-all}

.d-b{display:block}
.d-n{display:none}
.d-i-b{display:inline-block}

.line1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.line2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.line4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.line5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}

.f-l{float:left}
.f-r{float:right}

.v-a-t{vertical-align:top}
.v-a-m{vertical-align:middle}

.c-p{cursor:pointer}
.o-f-c{object-fit:cover}
.p-r{position:relative}
.p-a{position:absolute}

.w-10p{width:10%}
.w-20p{width:20%}
.w-40p{width:40%}
.w-60p{width:60%}
.w-70p{width:70%}
.w-80p{width:80%}
.w-50p{width:50%}
.w-55p{width:55%}
.w-100p{width:100%}
.w-1200{width:1200px}
.w-50{width:50px}
.w-272{width:272px}
.h-100p{height:100%}
.o-h{overflow:hidden}
.m-auto{margin-left:auto;margin-right:auto}

/*应用*/
.m-t-1{margin-top:1px}
.m-t-2{margin-top:2px}
.m-t-3{margin-top:3px}
.m-t-5{margin-top:5px}
.m-t-10{margin-top:10px}
.m-t-15{margin-top:15px}
.m-t-25{margin-top:25px}
.m-t-20{margin-top:20px}
.m-t-30{margin-top:30px}
.m-t-35{margin-top:35px}
.m-t-50{margin-top:50px}
.m-r-5{margin-right:5px}
.m-r-10{margin-right:10px}
.m-r-15{margin-right:15px}
.m-r-20{margin-right:20px}
.m-r-25{margin-right:25px}
.m-r-30{margin-right:30px}
.m-r-35{margin-right:35px}
.m-b-2{margin-bottom:2px}
.m-b-5{margin-bottom:5px}
.m-b-10{margin-bottom:10px}
.m-b-12{margin-bottom:12px}
.m-b-15{margin-bottom:15px}
.m-b-20{margin-bottom:20px}
.m-b-24{margin-bottom:24px}
.m-b-25{margin-bottom:25px}
.m-b-30{margin-bottom:30px}
.m-b-35{margin-bottom:35px}
.m-b-40{margin-bottom:40px}
.m-b-50{margin-bottom:50px}
.m-l-5{margin-left:5px}
.m-l-10{margin-left:10px}
.m-l-15{margin-left:15px}
.m-l-20{margin-left:20px}
.m-l-30{margin-left:30px}
.m-l-35{margin-left:35px}

/*应用 */
.p-t-1{padding-top:1px}
.p-t-15{padding-top:15px}
.p-t-20{padding-top:20px}
.p-t-30{padding-top:30px}
.p-t-35{padding-top:35px}
.p-t-38{padding-top:38px}
.p-t-42{padding-top:42px}
.p-t-60{padding-top:60px}
.p-r-10{padding-right:10px}
.p-r-20{padding-right:20px}
.p-l-10{padding-left:10px}
.p-l-15{padding-left:15px}
.p-l-20{padding-left:20px}
.p-l-30{padding-left:30px}
.p-b-15{padding-bottom:15px}
.p-b-25{padding-bottom:25px}
.p-b-30{padding-bottom:30px}
.p-b-40{padding-bottom:40px}


.f-s-10{font-size:10px}
.f-s-12{font-size:12px}
.f-s-13{font-size:13px}
.f-s-14{font-size:14px}
.f-s-15{font-size:12px}
.f-s-16{font-size:16px}
.f-s-17{font-size:17px}
.f-s-18{font-size:18px}
.f-s-20{font-size:20px}
.f-s-21{font-size:21px}
.f-s-22{font-size:22px}
.f-s-23{font-size:23px}
.f-s-24{font-size:24px}
.f-s-25{font-size:25px}
.f-s-26{font-size:26px}
.f-s-27{font-size:27px}
.f-s-28{font-size:28px}
.f-s-30{font-size:30px}
.f-s-34{font-size:34px}
.f-s-40{font-size:40px}
.f-s-60{font-size:60px}

.f-w-n{font-weight:normal}
.f-w-b{font-weight:bold}

.t-a-l{text-align:left}
.t-a-c{text-align:center}
.t-a-r{text-align:right}

.l-h-1{line-height:1}
.l-h-115{line-height:1.15}
.l-h-13{line-height:1.3}
.l-h-133333{line-height:1.33333}
.l-h-136363{line-height: 1.36363;}
.l-h-1375{line-height:1.375}
.l-h-1389{line-height:1.389}
.l-h-14{line-height:1.4}
.l-h-141667{line-height:1.41667}
.l-h-142857{line-height:1.42857}
.l-h-14444{line-height:1.4444}
.l-h-15{line-height:1.5}
.l-h-15556{line-height:1.5556}
.l-h-1571{line-height: 1.571;}
.l-h-166667{line-height:1.66667}
.l-h-17{line-height:1.7}
.l-h-17143{line-height:1.7143;}
.l-h-183333{line-height: 1.83333;}
.l-h-1875{line-height:1.875}
.l-h-2{line-height:2}
.l-h-25{line-height:2.5}
.l-h-24p{line-height:24px}
.l-h-26p{line-height:26px}

.c-52c2a3{color:#52C2A3}
.c-de0422{color:#DE0422}
.c-f26d80{color:#F26D80}
.c-ff9a02{color:#ff9a02}
.c-f1d499{color:#F1D499}
.c-2e346a{color:#2e346a}
.c-4a90e2{color:#4A90E2}
.c-6f564d{color:#6F564D}
.c-fff{color:#FFF}
.c-f4f4f4{color:#F4F4F4}
.c-d8d8d8{color:#D8D8D8}
.c-ddd{color:#ddd}
.c-a6a6b3{color:#A6A6B3}
.c-999{color:#999}
.c-8b8b8b{color:#8b8b8b}
.c-828293{color:#828293}
.c-747474{color:#747474}
.c-666{color:#666}
.c-6a6a6a{color:#6A6A6A}
.c-555{color:#555}
.c-5f5f6a{color:#5f5f6a}
.c-4d4d4d{color:#4d4d4d}
.c-403e3e{color:#403E3E}
.c-383838{color:#383838}
.c-34304b{color:#34304b}
.c-232967{color:#232967}
.c-222{color:#222}
.c-333{color:#333}
.c-8b91bc{color:#8B91BC}
.c-020202{color:#020202}
.c-b2b2b2{color:#b2b2b2}
.c-43454b{color:#43454b}
.c-262626{color:#262626}
.c-67332c{color:#67332C}
.c-515358{color:#515358}
.c-363c44{color:#363c44}
.c-f6082c{color:#f6082c}
.c-4e1f19{color:#4e1f19}
.c-909090{color:#909090}
.c-985631{color:#985631}
.c-363c4a{color:#363c4a}
.c-80838b{color:#80838b}
.c-9295a6{color:#9295a6}
.c-290504{color:#290504}
.c-fdc6a2{color:#fdc6a2}
.c-dadada{color:#dadada}
.c-3b414f{color:#3b414f}
.c-a9abb0{color:#a9abb0}
.c-d69579{color:#d69579}
.c-c69e8b{color:#c69e8b}
.c-686868{color:#686868}
.c-552620{color:#552620}
.c-fbdac6{color:#fbdac6}
.c-967b77{color:#967b77}
.c-e83a24{color:#e83a24}
.c-e6b273{color:#e6b273}
.c-171717{color:#171717}
.c-ff0000{color:#ff0000}
.c-777b85{color:#777b85}
.c-165dff{color:#165dff}
.c-a0978a{color:#a0978a}
.c-cb020c{color:#cb020c}
.c-29a015{color:#29a015}
.c-9a7845{color:#9a7845}
.c-b40000{color:#b40000}
.c-dfeef1{color:#dfeef1}
.c-e12920{color:#e12920}
.c-f63131{color:#f63131}
.c-0079f4{color:#0079f4}
.c-cd00ff{color:#cd00ff}
.c-ff7a32{color:#ff7a32}
.c-5d6470{color:#5d6470}
.c-87888e{color:#87888e}
.c-adadad{color:#adadad}
.c-2c3341{color:#2c3341}
.c-f89121{color:#f89121}
.c-2274f9{color:#2274f9}
.c-e11632{color:#e11632}
.c-0362ff{color:#0362ff}

.bg-c-8b91bc{background-color:#8B91BC;}
.bg-c-2e346a{background-color:#2e346a}
.bg-c-cebb77{background-color:#cebb77}
.bg-c-de0422{background-color:#DE0422}
.bg-c-ffd8d8{background-color:#FFD8D8}
.bg-c-fff1f1{background-color:#FFF1F1}
.bg-c-52c2a3{background-color:#52c2a3}
.bg-c-a0f1dc{background-color:#A0F1DC}
.bg-c-e5fff8{background-color:#E5FFF8}
.bg-c-ff9a02{background-color:#ff9a02}
.bg-c-ef9524{background-color:#ef9524}
.bg-c-fff{background-color:#FFF}
.bg-c-f1f1f1{background-color:#f1f1f1}
.bg-c-f6f8f9{background-color:#F6F8F9}
.bg-c-f9fafc{background-color:#f9fafc}
.bg-c-f4f5fa{background-color:#F4F5FA}
.bg-c-000{background-color:#000}
.bg-c-000-78{background-color:rgba(0,0,0,0.78)}
.bg-c-000-60{background-color:rgba(0,0,0,0.60)}
.bg-c-000-50{background-color:rgba(0,0,0,0.50)}
.bg-c-101017{background-color:#101017}
.bg-c-222{background-color:#222}
.bg-c-34304b{background-color:#c01920}
.bg-c-5f5f6a{background-color:#5f5f6a}
.bg-c-8994a7{background-color:#8994a7}
.bg-c-8c92a6{background-color:#8c92a6}
.bg-c-eff1f5{background-color:#EFF1F5}
.bg-c-eceff5{background-color:#eceff5}
.bg-c-e6e7ea{background-color:#E6E7EA}
.bg-c-ebeef9{background-color:#ebeef9}
.bg-c-ebebeb{background-color:#ebebeb}
.bg-c-fffbe6{background-color:#fffbe6}
.bg-c-ecf2fa{background-color:#ecf2fa}
.bg-c-f4f5f9{background-color:#F4F5F9}
.bg-c-ce9a7d{background-color:#ce9a7d}
.bg-c-1f232f{background-color:#1f232f}
.bg-c-333a4c{background-color:#333a4c}
.bg-c-413c5c{background-color:#413c5c}
.bg-c-f7f5f4{background-color:#f7f5f4}
.bg-c-f4f5fb{background-color:#f4f5fb}
.bg-c-f5f5f5{background-color:#f5f5f5}
.bg-c-b67d5e{background-color:#b67d5e}
.bg-c-fff4e3{background-color:#fff4e3}
.bg-c-fff8ef{background-color:#fff8ef}
.bg-c-e6e7ff{background-color:#e6e7ff}
.bg-c-f8f8f8{background-color:#f8f8f8}
.bg-c-f63131{background-color:#f63131}
.bg-c-0079f4{background-color:#0079f4}
.bg-c-cd00ff{background-color:#cd00ff}
.bg-c-ff7a32{background-color:#ff7a32}
.bg-c-faf8f7{background-color:#faf8f7}
.bg-c-f7f7f7{background-color:#f7f7f7}
.bg-c-fffaf7{background-color:#fffaf7}
.bg-c-f6f6f6{background-color:#f6f6f6}
.bg-c-fff0e1{background-color:#fff0e1}
.bg-c-ddefff{background-color:#ddefff}
.bg-c-ffebeb{background-color:#ffebeb}
.bg-c-g-000-0-000-100{background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, #000 100%);background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);}

.b-t-1{border-top:1px solid}
.b-t-2{border-top:2px solid}
.b-b-0{border-bottom:0}
.b-b-1{border-bottom:1px solid}
.b-b-2{border-bottom:2px solid}
.b-c-cae9e1{border-color:#CAE9E1}
.b-c-de0422{border-color:#DE0422}
.b-c-f9d5d5{border-color:#F9D5D5}
.b-c-ef9524{border-color:#ef9524}
.b-c-ddd{border-color:#D4D4D4}
.b-c-e6e7ea{border-color:#E6E7EA}
.b-c-ecedef{border-color:#ecedef}
.b-c-5b5b5b{border-color:#5b5b5b}
.b-c-403e3e{border-color:#403E3E}
.b-c-222{border-color:#c01920}
.b-c-fff{border-color:#fff}
.b-c-979797{border-color:#979797}
.b-c-f1db8d{border-color:#f1db8d}
.b-c-b67d5e{border-color: #b67d5e}
.b-c-ce9a7d{border-color:#ce9a7d}
.b-c-333a4c{border-color:#333a4c}
.b-c-f2e1d5{border-color:#f2e1d5}
.b-c-c69e8b{border-color:#c69e8b}
.b-c-dcbca8{border-color:#dcbca8}
.b-c-ffdabd{border-color:#ffdabd}
.b-c-909090{border-color:#909090}
.b-c-a9abb0{border-color:#a9abb0}
.b-c-d9d9d9{border-color:#d9d9d9}
.b-c-f6082c{border-color:#f6082c}
.b-c-e5c27e{border-color:#e5c27e}
.b-c-dcc189{border-color:#dcc189}
.b-c-bfc7ff{border-color:#bfc7ff}
.b-c-a7b2ff{border-color:#a7b2ff;}
.b-c-999{border-color:#999}
.b-c-e6e6e6{border-color:#e6e6e6}
.b-c-f63131{border-color:#f63131}
.b-c-0079f4{border-color:#0079f4}
.b-c-cd00ff{border-color:#cd00ff}
.b-c-ff7a32{border-color:#ff7a32}
.b-c-5d6470{border-color:#5d6470}
.b-c-f8f8f8{border-color:#f8f8f8}