@import url(../css/bootstrap.min.css);
@import url(../css/font-awesome.min.css);
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(0,0,0,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]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);height: 100%;}
body{font-family:"Linux Biolinum", "Noto Serif SC", serif, sans-serif;line-height:1.61111;color:#222;background-color:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0);min-height: 100%;position: relative;padding-bottom: 100px;}
a{text-decoration:none;color:#222;-webkit-tap-highlight-color:rgba(0,0,0,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:"Linux Biolinum", "Noto Serif SC", serif}

.content-left{width:894px}
.content-right{width:280px}
.content-main-box{width:100%;margin-top:20px;margin-bottom:30px}
.default-background {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAAYCAMAAABA+GoQAAAAilBMVEUAAADg4ODg4ODg4ODg4ODh4eHf39/g4ODg4ODf39/g4ODg4ODj4+Pn5+ff39/g4ODg4ODg4OD////g4ODg4ODg4ODg4ODg4ODg4ODh4eHg4ODj4+Pn5+fg4ODg4ODg4ODh4eHg4ODg4ODh4eHh4eHi4uLl5eXg4ODg4ODg4ODh4eHg4ODg4ODf3989S3dyAAAALXRSTlMAiOD3Py/o2HDwwJ8PB6jQR1gDf1CukGDIOHglFfrtZyC9uFtLIh2klrJr02HGnhERAAACuElEQVRIx62U22KqMBBFh4RIWwUBgaKIIiLay/z/7509MRRPqfal6wE2MFmBCUAgNcfXW7Ke/ox1wN/Jt/QDVRwbuqGxx9s4XssdxuA6bNE0Te+GaJ5SprgSrxwxWS6YlehZO/yYWRFtmOdiZJCR8IT0TJY3HlCB0kP+xBWP6xnQ7DWFsESJoZJZX/CwMxOiek0HZkzudwxW5pt858zvvTycn7NlbuVLAhF7ax7IyMjISCoyxdxuNJwplUEgos3/8gVbogU5Es3gcJWfPO8EuSmlVTVu1x/l2AyEBA4Ip5/kbSo5tNsjg5er3Gf2IZeqHc0YycqbN5EXStWMCZUS+RZ5SRM5otw3bk8XUpZP5RXzxyh3jQMBS9st764rE3khM9vm58aY96kc+8Mv8tJ1JW/lZN22npP7OLnnkYkcrTrftGWRT+QNkqLNmp6/FE4uXSkeyTfwOvm4oHkQaFEGQUdSwQG9JNRlc0SdZb6T2/f9kRwzP03kSx5IiD6cfNrzFOH8SI42HEd5HSmRx8neliZJj7N35VuE1SN5if0PC5pI+CCpvS+PEeABOjqfX0Z5jGuQi7ca5doLrvIzD7dW5PqePJI0l3RE2IzyOSSQpzUWfdJzSnfsxoDZPXl9Qko/58Vazsyc/OR3mln7/qnHjqbytViQHss5WNBA+sZO7tZhZS3qRq5Ny7xMyEPc4NJjOUqNc29zFg6Swx1rzbuQMubSyccXsJAYVUjVPfnwRdXnYxNufW83vgvy0V4uzHv5b+SDXDPPlgGerertL1hJwSg32fARZSFRy1NcPRRVJWM8zELZ9c/kV6Ht1xxzy1NBld/Ii9GBVhvNU5YQUGeHoU0dBCsKcHpLgpNflMKTZEqVBEqlDhR1K/UF5BSrifvQE0jDML1uQ0nYjKvuDn4n9PdPt7wa+hv+AW+6rVCtcAVcAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #EEE;
    background-size: 80% auto;
}
.c-default-background {
    background-repeat: no-repeat;
    background-position: center;
    background-color: #EEE;
    width:127px;height:76px;
    overflow:hidden;
    background-size:cover
}
.sj-default-background {
    background-image: url(../img/default/sj.jpg);
}
.cppc-default-background {
    background-image: url(../img/default/cppc.jpg);
}
.bdt-default-background {
    background-image: url(../img/default/bdt.jpg);
}
.cp-default-background {
    background-image: url(../img/default/cp.jpg);
}
.xjj-default-background {
    background-image: url(../img/default/xjj.jpg);
}
.lp-default-background {
    background-image: url(../img/default/lp.jpg);
}
.js-default-background {
    background-image: url(../img/default/js.jpg);
}
.hy-default-background {
    background-image: url(../img/default/hy.jpg);
}
.gs-default-background {
    background-image: url(../img/default/gs.jpg);
}
.zt-default-background {
    background-image: url(../img/default/zt.jpg);
}


.top-area .slick-list{
    width: 1200px;
}
/****************************/
/* FM */
.famous-expert{padding-top:40px}
.famous-expert-image{padding-left:13px;height:42px}
.famous-expert-box{margin-top:22px;margin-bottom:26px}
.famous-expert-box .slick-list{height:320px;width:100%;padding-top:10px;padding-bottom:10px}
.famous-expert-box .slick-slide{height:320px;width:100%;padding-top:10px;padding-bottom:10px}
.famous-expert-box .slick-slider.center{position:static;top:auto;left:auto;-ms-transform:translate(0);transform:translate(0)}
.famous-expert-box .slick-next:before{font-size:0}
.famous-expert-box .slick-prev:before{font-size:0}
.famous-expert-item{width:224px;height:290px;margin:0 10px;outline:none}
.famous-expert-item:hover{background-color:#fff;box-shadow:0 0 12px rgba(228,229,235,0.6)}
.famous-expert-icon-box{margin:31px auto;width:110px;height:110px;border-radius:50%;}
.famous-expert-icon{margin:31px auto;width:110px;height:110px;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:cover}
.famous-expert-name{white-space:nowrap}
.famous-expert-box-describe{margin:15px 20px 35px;height:38px;line-height:19px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.famous-expert-introduction{padding:17px 0 37px 0;word-break:break-all;word-wrap:break-word;white-space:pre-line}
.famous-courses{margin:0 -10px;width:1221px}
.famous-courses-box{float:left;margin:0 10px;margin-bottom:20px;padding:15px;width:355px;border:1px solid #fff;box-shadow:0 0 12px rgba(228,229,235,0.6)}
.famous-courses-box:hover{border-color:#FF9A02}
.famous-courses-img{float:left;width:116px;height:156px;background-repeat:no-repeat;background-position:center;background-size:cover}
.famous-courses-box-title{margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.famous-courses-head-icon{margin-right:8px;width:22px;height:22px;border-radius:50%;object-fit: cover;}
.famous-courses-name{width:45%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 22px}
.famous-courses-box-describe{height:38px;line-height:19px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.famous-courses-expire-date{height:28px}
.get-more-box{margin-top:17px;margin-bottom:150px}
.get-more{display:inline-block;padding:0 110px;height:43px;line-height:43px;border:1px solid;border-radius:27px}
.famous-courses-no-data-tip{padding:10px 0 30px}
.famous-expert-box .slick-arrow svg:hover polygon{fill:#999}

/* FMbanner */
.famous-banner .slick-active{z-index:5}
.famous-banner .slick-list, .famous-banner .slick-slide {height: 164px; width: 100% }
.famous-banner .slick-slide img { min-width: 1200px; }
.famous-banner .slick-slider.center{position:static;top:auto;left:auto;-ms-transform:translate(0);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:1002;box-shadow:0px 2px 15px 0px rgba(206,216,222,0.5);border-radius:9px;}
@media (max-width: 1520px){.fm-box {right:0}}
.fm-play-icon-box{height:110px}
.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:57px;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:underline}
.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}
.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:1001}
.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:95px;}
.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;}
/*DetphNav*/

/*index*/
.home-content-left{margin-right:20px;padding-right:20px;width:420px;height:577px;border-right:1px solid}
.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(https://cdnjs.cls.cn/www/stib/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(https://cdnjs.cls.cn/www/stib/images/prev-hover.png) no-repeat center;background-size:100% 100%}
.home-news-swiper .slick-next{right:15px;width:14px;height:20px;background:url(https://cdnjs.cls.cn/www/stib/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(https://cdnjs.cls.cn/www/stib/images/next-hover.png) no-repeat center;background-size:100% 100%}
.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}
.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:underline}
.home-article-title a:hover{text-decoration:underline}
.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 a{float:left;margin-bottom:10px}
.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-list-no:before{padding-right:5px;font-size:15px;line-height:20px;color:#2E346A}
.home-article-rec-list-no{text-overflow:ellipsis;white-space:nowrap}
.home-article-rec a:hover{text-decoration:underline}
.home-content-right{width:277px;height:577px}
.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:12px;line-height:21px;border-bottom:1px solid}
.home-telegraph-item:last-child{padding-bottom:0;border:none}
.home-telegraph-item a:hover{text-decoration:underline}
.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:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-hot-plate-name a:hover{text-decoration:underline}
.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 7px;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: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{width:61.79787%;}
.home-subject-list-title{max-width:200px;text-overflow:ellipsis;white-space:nowrap}
.home-subject-list-title-right{max-width:150px}
.home-subject-list-title:hover{text-decoration:underline}
.home-subject-list-article{text-overflow:ellipsis;white-space:nowrap}
.home-subject-list-article:hover{text-decoration:underline}
.home-subject-list-stock{margin-right:20px;padding:0 5px;height:20px;line-height:20px}
.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:underline}
.home-subject-list-number{margin-bottom:18px}
.home-recommend-item{height:100px;padding:20px;border-bottom:1px solid}
.home-recommend-item:last-child{border:none}
.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{margin-bottom:6px}
.home-recommend-detail{width:260px}
.home-recommend-detail a:hover{text-decoration:underline}
.home-recommend-title-box{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-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:170px;height:50px;border-right:1px solid #ecedef}
.home-partners-list:last-child{border-right:0;}
.home-recommended-box{height:443px;}
.home-join-us{padding:15px 20px;width:234px;height:128px;border-top:2px solid #000}
.home-join-us-icon{width:15px}
/*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{color:#222;text-decoration:underline}
.top-nav-right a:hover{text-decoration:underline}
.top-nav-right .top-nav-right-link:hover{text-decoration:underline}
.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{margin-top:10px;margin-bottom:14px;height:79px;}
.home-logo{vertical-align:bottom;margin-right:50px;}
.level-1-nav{margin-top:11px;height:28px;line-height:28px}
.level-1-nav a{display:inline-block;margin-right:66px}
/* .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:50px}
.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(https://cdnjs.cls.cn/www/stib/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(https://cdnjs.cls.cn/www/stib/images/prev-hover.png) no-repeat center;background-size:100% 100%}
.depth-banner-swiper .slick-next{right:15px;width:14px;height:20px;background:url(https://cdnjs.cls.cn/www/stib/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(https://cdnjs.cls.cn/www/stib/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:underline}
.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:21px;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: underline;}
.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}
/*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:176px;background-color:#f9fafc;text-align:center;border:1px solid #e6e7ea;border-bottom:none;border-right:none;cursor:pointer}
.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:underline}
.subject-recommend-number{margin-bottom:7px}
.subject-recommend-article{line-height:20px}
.subject-recommend-stock{margin-right:8px;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("https://cdnjs.cls.cn/images/site/cailianWeb/bgOne.png") no-repeat;background-size:100% 100%}
.download-top img{width:416px;margin-top:110px;}
.download-middle{height:732px;background:url("https://cdnjs.cls.cn/images/site/cailianWeb/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:122px;margin-bottom:10px}
.download-phone{width:762px;position:absolute;top:0;right:0}
.download-bottom{height:696px;background:url("https://cdnjs.cls.cn/images/site/cailianWeb/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:underline}
.iconfont.favorite-icon{margin-right:6px;font-size:14px;color:#ddd}
.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:underline}
.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}
.quote-top-box .quote-diff{width:55px}
/*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(https://cdnjs.cls.cn/www/20180717/images/vip/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-article-list-box{margin-bottom:30px;border:1px solid;box-shadow:0 1px 4px 0 #EBEBEB}
.column-article-list-right-box{padding:20px 20px 10px 20px;}
.column-article-list-title-box{border-bottom:1px solid}
.column-article-list-title{float:left;margin-left:30px;padding-top:5px;border-bottom:2px solid}
.vip-article-list-box:hover{background-color:#f9f9f9}
.vip-article-list{margin-left:30px;margin-right:30px;padding-top:30px;padding-bottom:30px;border-bottom:1px solid}
.vip-article-list-column{width:120px;}
.vip-article-title:hover{color:#FF9A02}
.column-detail-left-wrap{margin-bottom:30px;padding-top:25px;padding-bottom:25px}
.column-detail-left-box{margin-left:70px;width:313px;}
.column-detail-right-box{margin-right:70px;width:647px}
.column-detail-poster{height:152px;object-fit:cover}
.column-detail-button-box{padding-top:10px;padding-bottom:10px}
.column-detail-button{width:115px;height:30px;border-radius:2px}
.column-detail-brief-title-box{line-height:21px;border-bottom:1px solid}
.column-detail-brief-title{padding-bottom:10px;border-bottom:2px solid}
.column-detail-description{height:190px;line-height:23px;overflow-y:scroll;white-space:pre-wrap}
.column-detail-description::-webkit-scrollbar{width:4px;background-color:#333;border-radius:5px}
.column-detail-description::-webkit-scrollbar-thumb{background-color:#696969;border-radius:5px}
.column-bottom-box{padding-top:20px;padding-bottom:20px}
.column-bottom-poster{width:50px;height:50px;object-fit:cover}
.column-bottom-content{width:970px}
/* vip */

/*RecommendColumn*/
.recommend-column-poster{width:100px;height:100px;display: inline-block;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:166px}
.recommend-column-title{width:98px;}
.recommend-column-title:hover{color:#ff9a02}
.recommend-column-brief{height:40px}
.recommend-column-price{line-height:24px}
/*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:125px;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}
.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{border-top:1px solid;border-bottom:1px solid;padding:10px 0;margin-bottom:10px}
.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;}
/* finance */

/*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{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}
/*LimitInfo*/

/* detail */
.detail-banner{height:100px;overflow:hidden;background-repeat:no-repeat;background-position:center top;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-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-style:italic;line-height:28px;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;}
.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-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:40px 0 25px}
.detail-content blockquote p:first-child:before{content:'\20';display:inline-block;vertical-align:middle;margin-right:15px;width:3px;height:40px;background-color:#e10000;-webkit-transform:translateY(-1px);transform:translateY(-1px)}
.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:underline}
.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:underline}
.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-unlock{display:inline-block;padding:10px 40px;cursor:pointer}
.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:underline}
.detail-article-column-box{margin-top:40px;padding:30px}
/* 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:underline}
.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:underline}
.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;}
.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-top:3px;margin-left:26px;margin-right:9px;width:22px;height:12px;background-color:#d8d8d8;border-radius:6px}
.telegraph-top-switch:before{content:"\20";position:absolute}
.telegraph-top-switch:after{content:"\20";position:absolute}
.telegraph-top-switch-open:before{left:0;top:0;width:10px;height:12px;}
.telegraph-top-switch-open:after{right:0;top:0;width:12px;height:12px;background-color:#34304B;border-radius: 6px;}
.telegraph-top-switch-close:before{left:0;top:0;width:12px;height:12px;}
.telegraph-top-switch-close:after{left:0;top:0;width:12px;height:12px;background-color:#eFeFeF;border-radius: 6px;}
.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:2px}
.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:hover{text-decoration:underline}
.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:underline}
.telegraph-vip-content:hover .telegraph-vip-tip{text-decoration:underline}
.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:underline}
.detail-relevant-nav{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*/

/*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}
.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:underline}
.search-content:hover em{text-decoration:underline;color:#DE0422}
.search-content em{color:#DE0422;font-style:normal}
.search-content em:hover{text-decoration:underline;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:underline}
.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:underline}
.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:10px;right:10px;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}
/* 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:40px 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('https://cdnjs.cls.cn/www/20200601/image/weixin.png');background-repeat:no-repeat;background-position:top center;background-size:100% 100%;}
.share-list:hover .share-weixin{background-image:url('https://cdnjs.cls.cn/www/20200601/image/weixin-active.png')}
.share-weixin:hover{background-image:url('https://cdnjs.cls.cn/www/20200601/image/weixin-active.png')}
.share-weibo{ background-image:url('https://cdnjs.cls.cn/www/20200601/image/weibo.png');background-repeat:no-repeat;background-position:top center;background-size:100% 100% }
.share-list:hover .share-weibo{background-image:url('https://cdnjs.cls.cn/www/20200601/image/weibo-active.png')}
.share-weibo:hover{background-image:url('https://cdnjs.cls.cn/www/20200601/image/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;left:0;top:0;z-index:9999;cursor:default}
.pay-box{position:absolute;left:50%;top:50%;width:600px;z-index:10;border-radius:2px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.pay-close{position:absolute;top:0;right:0;padding:10px 20px}
.pay-content-top-box{margin-top:40px;padding:0 30px 15px;border-bottom:1px dashed;text-align: left;}
.pay-price{line-height:28px}
.pay-content-box{padding:20px}
.pay-way-box{width:380px}
.pay-way-box div{margin:20px 0 30px;width:151px;height:38px;line-height:38px;background-color:#f4f5fa;background-size:cover}
.pay-way-active{background-image:url(https://cdnjs.cls.cn/www/20180717/images/pay/pay_border.png)}
.pay-way-box img{width:23px}
.pay-button{border:none;outline:none;width:260px;height:37px;line-height:37px;border-radius:20px}
.pay-privilege-box{padding:10px 15px;border-bottom:1px solid;border-top:1px solid;line-height:18px}
.pay-column-box{padding:20px 15px}
.pay-column-image{width:70%}
.pay-column-image{width:50px;height:50px;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;}
.pay-column-title-box{width:450px;text-overflow:ellipsis;text-align: left;}
.pay-column-title{line-height:30px}
.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{padding-bottom:2px;border-bottom:1px solid}
/*ArticleModal*/

/* 退出登录弹框 */
.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;}

/* 退出登录弹框 */

/*ColumnPayModal*/
.pay-select{margin:0 auto 10px;padding:0 13px;width:343px;height:38px;line-height:38px;border:1px solid;border-radius:2px;cursor:pointer}
.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-bottom:10px;border-bottom:1px solid}
/*ColumnPayModal*/

/*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;min-height:600px;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{margin-top:38px;height:48px;line-height:48px;letter-spacing:2px;border-radius:24px;}
.login-first{padding-top:10px;height:38px}
.login-others{position:absolute;bottom:0;left:0;right:0;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(https://cdnjs.cls.cn/www/20200601/image/wx.png) no-repeat center;background-size:100% auto}
.login-wx:hover .login-icon{background-image:url(https://cdnjs.cls.cn/www/20200601/image/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(https://cdnjs.cls.cn/www/20200601/image/qq.png) no-repeat center;background-size:100% auto}
.login-qq:hover .login-icon{background-image:url(https://cdnjs.cls.cn/www/20200601/image/qq-hover.png)}
.register-title{margin-top:49px;margin-bottom:11px}
.register-message{margin-bottom:38px;height:17px;line-height:17px}
.register-message-step-2{margin-bottom:106px}
.register-message-step-3{margin-bottom:220px}
.register-button{margin-top:157px;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-box{position:relative;padding-top:95px}
.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:22px;height:12px;background:url(https://cdnjs.cls.cn/www/20180929/images/sound-open.png) no-repeat center;background-size:100% 100%}
.vip-notification-close .vip-notification-icon{background-image:url(https://cdnjs.cls.cn/www/20180929/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:underline}
.article-serial{margin-top:4px;margin-right:4px;width:14px;height:14px}
/*热门文章排行榜*/

/* DesktopNotificationTip */
.noification-tip-box{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}
.noification-tip{box-sizing:content-box;position:relative;top:10%;padding:0 43px;width:600px;height:80%;overflow:auto;font-size:12px;line-height:24px;color:#66686d;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:underline}
.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: 99;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:200px;position:absolute;top:0px;left:-212px;}
.sidebar-code-image{max-width:100px;position:absolute;top:0px;left:-112px;}
.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;background-color:#fff;border:1px solid #222;cursor:pointer}
.follow-button:hover{color:#fff;background-color:#de0422;border-color:#de0422}
.followed-button{text-align:center;color:#999;background-color:#fff;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}
.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}
/*股票*/

.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}
.p-r{position:relative}

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

/*应用*/
.m-t-2{margin-top:2px}
.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-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-b-5{margin-bottom:5px}
.m-b-10{margin-bottom:10px}
.m-b-15{margin-bottom:15px}
.m-b-20{margin-bottom:20px}
.m-b-25{margin-bottom:25px}
.m-b-30{margin-bottom:30px}
.m-b-40{margin-bottom:40px}
.m-l-5{margin-left:5px}
.m-l-15{margin-left:15px}
.m-l-20{margin-left:20px}

/*应用 */
.p-t-20{padding-top:20px}
.p-t-30{padding-top:30px}
.p-r-20{padding-right:20px}
.p-l-20{padding-left:20px}

.p-20{padding: 20px}
.p-10{padding: 10px}

.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:15px}
.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-1375{line-height:1.375}
.l-h-14{line-height:1.4}
.l-h-141667{line-height:1.41667}
.l-h-142857{line-height:1.42857}
.l-h-15{line-height:1.5}
.l-h-166667{line-height:1.66667}
.l-h-17{line-height:1.7}
.l-h-1875{line-height:1.875}
.l-h-2{line-height:2}
.l-h-25{line-height:2.5}

.c-52c2a3{color:#52C2A3}
.c-de0422{color:#DE0422}
.c-f26d80{color:#F26D80}
.c-ef9524{color:#ef9524}
.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-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}

.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-101017{background-color:#101017}
.bg-c-222{background-color:#222}
.bg-c-34304b{background-color:#34304B}
.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}

.b-t-1{border-top:1px solid}
.b-t-2{border-top: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:#222}
.b-c-fff{border-color:#fff}
.b-c-979797{border-color:#979797}
.b-c-f1db8d{border-color:#f1db8d}
.pagination {
    position: relative;
    z-index: 1; }
.pagination .page-item .page-link {
    width: 40px;
    height: 40px;
    border: 1px solid #ebebeb;
    font-size: 12px;
    font-weight: 600;
    line-height: 38px;
    padding: 0;
    text-align: center;
    color: #787878; }
.pagination .page-item .page-link:hover, .pagination .page-item .page-link:focus {
    color: #0315ff;
    box-shadow: none; }
.pagination .page-item:first-child {
    margin-right: 15px; }
.pagination .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
.pagination .page-item:last-child {
    margin-left: 15px; }
.pagination .page-item:last-child .page-link {
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
/* Spacing */
.mt-15 {
    margin-top: 15px !important; }

.mt-30 {
    margin-top: 30px !important; }

.mt-50 {
    margin-top: 50px !important; }

.mt-70 {
    margin-top: 70px !important; }

.mt-100 {
    margin-top: 100px !important; }

.mb-15 {
    margin-bottom: 15px !important; }

.mb-30 {
    margin-bottom: 30px !important; }

.mb-50 {
    margin-bottom: 50px !important; }

.mb-70 {
    margin-bottom: 70px !important; }

.mb-100 {
    margin-bottom: 100px !important; }

.ml-15 {
    margin-left: 15px !important; }

.ml-30 {
    margin-left: 30px !important; }

.ml-50 {
    margin-left: 50px !important; }

.mr-15 {
    margin-right: 15px !important; }

.mr-30 {
    margin-right: 30px !important; }

.mr-50 {
    margin-right: 50px !important; }

/* Height */
.height-400 {
    height: 400px !important; }

.height-500 {
    height: 500px !important; }

.height-600 {
    height: 600px !important; }

.height-700 {
    height: 700px !important; }

.height-800 {
    height: 800px !important; }

.guanyu{width:270px; clear:both; overflow:hidden; height:105px; padding-top:15px;}
.guanyu img{ float:left;}
.guanyu p{ float:right; width:150px;}
.guanyu p span{ display:block; font-size:15px; width:100%; padding:15px 0;}
.guanyu p a{ float:left; width:40px; height:41px; overflow:hidden; margin-right:9px; background:url(../img/guanzhu.png) no-repeat;}
.guanyu p a.n1{ background-position:0 0;}
.guanyu p a.n2{ background-position:-49px 0;}
.guanyu p a.n3{ background-position:-99px 0;}
.huzuo{ width:270px; clear:both; overflow:hidden; margin-top:10px;}
.huzuo li{ float:left; width:214px; line-height:36px; height:36px; background:url(../img/hezuo.png) no-repeat; padding-left:56px; margin-top:8px; color:#999;}
.huzuo li.n1{ background-position:0 0;}
.huzuo li.n2{ background-position:0 -47px;}
.huzuo li.n3{ background-position:0 95px;}

#img_head {
    display: block;
    position: absolute;
    left: 2px;
    padding-left: 2px;
    bottom: 2px;
    color: #fff;
    font-size: 15px;
    z-index: 11;
    width: 100%;
    height: 45px;
  /*  white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #666;
   /* line-height: 36px;*/
}

#img_head_back {
    border: 0px solid #FF0000;
    /*position:absolute;*/
    /*width: 210px;*/
    /*height: 210px;*/
    left: 600px;
    top: 170px;
    z-index: 10;
}
.TickerNews {
    padding-left: 40px;
    width: 100%;
    height: 50px;
    line-height: 50px;
}

.ti_wrapper {

    width: 100%;
    position: relative;
    overflow: hidden;
    height: 50px;
}

.ti_slide {
    width: 30000px;
    position: relative;
    left: 0;
    top: 0;
}

.ti_content {
    width: 8000px;
    position: relative;
    float: left;
    line-height: 31px;
}
.ti_news { float: left;padding-left: 20px; }
.scroll-message {
    height: 32px;
    line-height: 32px;
    background: #fafafa;
    overflow: hidden;
    margin-top: 10px;
}
.scroll-message-tit {
    width: 20px;
    height: 31px;
    background: #008ee1;
    position: relative;
    text-align: center;
    color: #fff;
    display: block;
    line-height: 14px;
    padding-top: 1px;
    float: left;
}
.scroll-message-tit i {
    background: url(../img/rukou-icon0307.png) no-repeat;
    position: absolute;
    width: 4px;
    height: 8px;
    right: -4px;
    top: 12px;
}
.biaoqian{width:270px; clear:both; overflow:hidden;}
.biaoqian a{ float:left; border:1px solid #e2e2e2; color:#666; height:28px; line-height:28px; padding:0 8px; margin:10px 0 0 5px; white-space: nowrap; border-radius:14px; font-size:16px;}
.biaoqian a:hover{ border:1px solid #999; color:#999; }
.list5{ width:245px; clear:both; overflow:hidden;}
.list5 li{ float:left; width:245px; height:145px; position:relative; margin-top:15px;}
.list5 li span{ display:block; position:absolute; left:0; top:0;width:260px; height:28px; line-height:28px; background:#00b0ec; padding-left:10px; color:#fff;}
.list5 li i{ display:block; position:absolute; left:0; bottom:5px;width:260px; height:28px; line-height:28px; padding-left:10px; color:#fff;}