/* CSS Document */
body{ background-color:#f7f7f7}
.wrap-banner{ position:relative; background-color:#fdfdfd; margin-top:20px; overflow:hidden}
.tab-focus{width:3600px; position:relative}
.tab-focus .tab-bd{ padding:20px; width:1160px; float:left; opacity:0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);transition: all .4s ease-in-out;}
.tab-focus .current,.tab-focus .tab-bd:first-child{ opacity:1;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.tab-focus .tab-pic,.tab-focus .tab-pic img{width:635px; height:325px;}
.tab-focus .tab-pic{ border:1px solid #ececec; position:relative;}
.tab-focus .bg-opacity,.tab-focus .title{ position:absolute; left:0; bottom:0; width:605px; height:40px; line-height:40px; text-align:center; overflow:hidden;}
.tab-focus .bg-opacity{ width:100%;z-index:1;}
.tab-focus .title{ z-index:2; color:#fff; font-size:20px; font-weight:bold; padding:0 15px;}
.wrap-banner .tab-hd-ul li:hover{color:#fa4e68}
.tab-artlist{ width:500px;}
.artlist-top{border-bottom:1px dotted #dfdfdf; padding-bottom:20px; margin-bottom:15px;}
.artlist-top .art-title{ display:inline-block; background:url(../images/ico.png) 0px 5px no-repeat; padding-left:30px; line-height:30px; font-size:18px; margin-bottom:3px; font-weight:normal}
.artlist-top .info{ text-indent:2em; background:url(../images/ico.png) 0px -85px no-repeat; width:100%; line-height:22px; max-height:66px; padding-top:5px; color:#808080; display: -webkit-box;-webkit-line-clamp: 3;word-wrap: break-word;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.tab-artlist .tab-list{}
.tab-artlist .tab-list li{ height:35px; line-height:35px; background:url(../images/ico.png) 0px -321px no-repeat; padding-left:13px;}
.tab-artlist .tab-list span{ float:right; color:#808080;}
.tab-artlist .tab-list a{ float:left; display:inline-block; height:35px; max-width:430px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px;}
.wrap-banner .tab-hd{ height:48px;}
.tab-hd-ul{ width:1143px; float:left}
.wrap-banner .tab-hd-ul li{ float:left; cursor:pointer; display:inline-block; width:380px; height:48px; line-height:48px; text-align:center; border-right:1px solid #fff; background-color:#ededed;}
.wrap-banner .tab-hd-ul .active{ background-color:#ffecee; color:#fa4e68;}
.wrap-banner .tab-hd .more{ width:55px; text-align:center; line-height:48px; display:inline-block; float:right; height:48px;}
.article_area{ width:870px;}
.slide-area{ width:300px;}
.article-list{ margin-top:20px; padding:5px 20px;}
.article-list li{ border-bottom:1px dotted #dadada; height:50px; line-height:50px; padding-left:40px;background:url(../images/ico.png) -3px -160px no-repeat;}
.article-list li:last-child{ border-bottom:none}
.article-list li span{ display:inline-block; height:50px; line-height:50px; overflow:hidden}
.article-list .title-cata{max-width:720px;}
.article-list .title-cata .title{max-width:615px;}
.article-list li .nub{ float:right; color:#808080}
.article-list li a{ display:inline-block; overflow:hidden; float:left; font-size:16px;white-space: nowrap;text-overflow: ellipsis}.article-list li .cata{ font-size:14px; color:#999}
.article-list li a:hover{color:#fa4e68}
.article-title{ height:34px; line-height:34px; font-size:22px; color:#fa4e68; border-bottom:1px solid #ececec; padding:10px 0}
.article-title .more{ float:right; font-size:14px; color:#999}
.article-list .article-title .more:hover{ color:#fa4e68}
.score-article li{ background:none; padding-left:0}
.score-article .score{ float:left; display:inline-block; height:50px;background:url(../images/ico.png) -3px -247px no-repeat; width:15px; padding:0  10px 0 18px; color:#fa4e68}
.slide-con{ width:260px; padding:5px 20px; margin-top:20px;}
.slide-con li{ width:100%; height:35px; line-height:35px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis}
.slide-con li span{display:inline-block; float:left;}
.slide-con li .sort{height:16px; width:16px; margin-top:10px; text-align:center; line-height:16px; margin-right:15px; color:#fff; background-color:#b7b7b7; font-size:12px;}
.slide-con li .trend{ float:right; display:inline-block; max-width:85px; height:35px; line-height:35px; overflow:hidden;color:#999;}
.slide-con li .up{background:url(../images/ico.png) 0px -444px no-repeat;}
.slide-con li .down{background:url(../images/ico.png) 0px -382px no-repeat;}
.slide-con li .remain{ margin-top:16px;background:url(../images/ico.png) 0px -419px no-repeat;}
.slide-con li:nth-child(1) .sort,.slide-con li:nth-child(2) .sort,.slide-con li:nth-child(3) .sort{ background-color:#fa4e68;}
.wealth-score li a{ display:inline-block; max-width:180px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis}
