@import url("common.css");

/* banner */ 
.social_banner {position:relative;min-width:1000px;padding-top:30%;height:110px;
/*background: url(http://d1gepk4kb15yaj.cloudfront.net/images/banner_01.jpg) no-repeat center center;*/
background: url(https://d3cp16l6o6j1cv.cloudfront.net/banner_01.jpg) no-repeat center center;
    background-size: 100% auto;box-shadow: 0 -5px 15px 0 #1f1d1a;}
.banner_shadow {width: 100%;height: 600px;position: absolute;left: 0;top: 0;z-index: 1;}
.banner_in {position: absolute;left: 0;top: 36%;width: 100%;height:auto;}

.banner_in h1 {color: #fff;text-align: center;font-size: 43px;font-weight: normal;}
.banner_in p {color: #fff;text-align: center;font-size: 23px; opacity: 0.75;}

.top_article {width:100%;position:relative;z-index:10;height: 110px;overflow:hidden;background:rgba(30,30,30,.8);white-space: nowrap;}
.top_article div div{height:110px;display: inline-block;color:#fff;vertical-align: top;}
.top_article .hot_article {width: 65%;}
.top_article .learn_about {width: 35%;margin-top:20px;border-left: 2px solid #000;height: 70px;box-shadow: inset 1px 0 0 0px #918e8f;}
.top_article div a {color: #fff;}
.hot_article article {padding:20px 65px 0 10px;}
.hot_article article h2 {height:38px;font-size:20px;font-weight:normal;line-height: 38px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot_article article p {font-size: 13px;white-space: normal;opacity: .9;}
.learn_about h2 {border-left: 1px solid #918e8f;padding-left:90px;margin:auto;font-size:16px;font-weight:normal;line-height: 33px;}


/* index main */
.social_main {padding: 40px 0;}
/* index  news */
.social_news {width: 65%;}
.social_news ul {padding: 0 ;}
.social_news ul li:hover {border-color: #1cd580;border-radius:0px;box-shadow: 0 0 0.1px 2px #1cd580;}
.social_news ul li {float:left;width:47%;height:350px;overflow:hidden;border:0;}
.social_news ul li h3 {padding:18px 20px 0;height:67px;font-size:20px;font-weight:normal;line-height:30px;}
.social_news ul li h3 a {color: #494949;}
.social_news ul li h3 a:hover {text-decoration: underline;}

.social_news ul li p {padding:6px 20px;font-size:13px;line-height:28px;}
.social_news ul li p.grey {white-space: nowrap;}
.social_news ul li p.grey span { display: inline-block;width:auto;}
.social_news ul li p.grey span:nth-child(1) {width:140px;}

p.new_detail {max-height:195px;overflow: hidden;text-overflow: ellipsis;text-indent: 26px;}

/* index  ranking */
.social_index_ranking {width:35%;}
.rank_box {padding:0 0 43px 20px;}
.rank_header {height: 60px;border-bottom: 1px solid #dcdbdb;}
.rank_header h2 {margin-left:-20px;padding-left: 15px;border-left: 5px solid #1cd580;font-size:16px;font-weight: normal;}
.rank_header a {display: inline-block;height:40px;line-height: 35px;padding:0 30px 0 0 ;margin-right: 25px;}
.rank_header a i{font-size: 14px;}
.rank_header a:hover,.rank_header a:hover i  {color: #1cd580 !important;}

.rank_con {padding: 18px 0 18px 30px;}
.rank_con li {padding:5px 0;position: relative;white-space: nowrap;}
.rank_con li.padding_l_10 {padding-left: 10px;height: 13px;margin-top: 5px;list-style-type: disc;}
.rank_con li.padding_l_10 p{padding:  0 0 0 10px;}
.rank_con li span.rank_img {width:32px;height:32px;overflow: hidden;vertical-align: top;}
.rank_con li span.rank_img img {display: inline-block;width: 100%;height: 100%;}
.rank_con li span.po_ranknum {position: absolute;display:block;height:18px;margin-top:-9px;left: -30px;top:50%;font-size:18px;}
.rank_con li p {display:inline-block;padding:5px 0 0 14px;font-size:13px;line-height: 22px;vertical-align: top;}
.rank_con li p a {color: #494949;}
.rank_con li p small {text-indent: 20px;}
.recommend_about {padding: 35px 0 0;}
.recommend_about li {float: left;width: 110px;height:66px ;}
.recommend_about li a {display: block; width: 90px;height: 35px;text-align: center;font-size:13px;color:#1cd580;background:#dcf6eb;line-height: 35px;}
.recommend_about li a:hover {background: #1cd580;color: #fff;}