@import url("common.css");

.rank_tabs {padding-bottom:60px;margin-top: -8px;}
.rank_tab_header {margin-bottom: 23px;border-bottom:2px solid #1cd580;font-size: 0;height: 45px;}
.rank_tab_header a {width:150px;display: inline-block;padding: 0 10px;height: 45px;border:1px solid #1cd580;border-bottom:0;color: #1cd580;font-size: 16px;line-height: 45px;text-align: center;}
.rank_tab_header .active {background: #1cd580;color: #fff;}

.rank_tilte {padding: 10px 0;}
.rank_tilte h2 {height: 24px; padding-left: 11px ;font-weight:normal;border-left:4px solid #1cd580;font-size:24px;color: #1cd580;line-height: 24px;}

.rank_ad_banner {position: relative;display: block;width: 100%;height: auto;top:-10px}
.rank_ad {width: 100%;position: absolute;left: 0;top: 0;z-index: 1;height: 100%;}
.rank_ad div {color: #fff;padding-top: 50px;position: relative;height: calc(100% - 50px) ;}
.rank_ad div h1 {border-left:4px solid #fff;padding-left:16px;font-size:32px;font-weight: normal;margin:7px 0 ;height: 32px;line-height: 32px;letter-spacing: 1px;}
.rank_ad div p {padding-left:20px;font-size:16px;line-height: 30px;letter-spacing: 1px;}
.rank_ad div span {position:absolute;right:0;top:50%;display: inline-block;width: 60px;height:60px;margin-top:-30px;overflow: hidden;text-align: center;line-height:52px;vertical-align: middle; }
.rank_ad div span i {font-size: 80px;}
.rank_banner {height:180px;width: 100%;margin:auto;margin-top:60px;overflow: hidden;}


.rank_selects { padding: 10px 0;}
/*.rank_selects .click_dropdown {padding:0 0 10px 0;}*/
.rank_selects .drop_select {background-color: white;height: 34px; font-size: 14px;  line-height: 34px;  padding:0 21px;border: 1px solid #e6e9ec;}
.rank_selects .drop_select span {padding-left: 13px;font-size: 16px;}
.rank_selects .drop_con {background: #fff;border: 1px solid #e6e9ec;border-top: none;}
.rank_selects .drop_con li a { display: block;color:#1cd580;height: 36px;
    line-height: 35px;
    text-align: center;}
.rank_selects .drop_con li a:hover {background: #1cd580;color: #fff;}
.rank_selects  > p {height: 42px;font-size:12px;line-height: 42px;}

.rank_content > div {position: relative; min-height: 200px ;background: #fcfcfc;}
.rank_content > div .loadEffect,.detailchart .loadEffect{margin: -16px 0 0 -50px ;position: absolute;left: 50%;top: 50%;}
.rank_content table {width:100%;background: #fff;}

.rank_content table tr.hightlight td {position: relative;border-top:1px solid  #1cd580;border-bottom:1px solid  #1cd580;}
.rank_content table tr.hightlight td:nth-child(1) {border-left:1px solid  #1cd580;}
.rank_content table tr.hightlight td:nth-last-child(1) {border-right:1px solid  #1cd580;}
.rank_content table tr span.star {display: none;position: absolute;left: 0;top: 0;width: 28px;height: 32px;}
.rank_content table tr.hightlight span.star {display: block;line-height: 1;padding-left: 4px;text-align: left;
	background: -webkit-linear-gradient(135deg,#1cd580, #1cd580 50%,  transparent 50%,transparent); 
    background: -o-linear-gradient(135deg, #1cd580, #1cd580 50%,  transparent 50%,transparent); 
    background: -moz-linear-gradient(135deg,#1cd580, #1cd580 50%,  transparent 50%,transparent);
    background: linear-gradient(135deg,#1cd580, #1cd580 50%,  transparent 50%,transparent); 
}
.rank_content table tr.hightlight span.star i {font-size: 12px;color: #d2f7e6;}
.rank_content table tr.hightlight td {background:rgba(28,213,128,0.2) !important;}
.rank_content table tr:nth-child(2n-1) {background: #f5f5f5;}
.rank_content table th,.rank_content table td {padding: 5px;text-align: center;min-height: 52px;font-weight:normal;font-size:16px;line-height: 52px;}
.rank_content table th {height: 42px;line-height: 42px;}
.rank_content table td img {display:inline-block; width:32px;height: 32px;vertical-align: middle;}
.rank_content table td a {color: #1cd580;}
.rank_content table td a:hover {text-decoration: underline;}

.screen_body {top:100px;margin-left:-470px;width:840px;height:calc(100% - 220px);padding: 30px 50px 50px;background: #fff;}
.screen_body h2 {height: 50px;font-size: 25px;font-weight: normal;text-align:center;line-height: 50px;}
.screen_body .selects {padding:20px 0 ;text-align: center;}
.screen_body .selects .social_tab { display: inline-block;font-size: 0;}
.screen_body .selects a:hover{  background: rgba(28,213,128,0.8) !important;}
.screen_body .selects a {color:#494949 !important;display: inline-block;border:1px solid #d4d4d4;margin-left:-1px;width:123px;height: 34px;font-size:12px;line-height: 34px;}
.screen_body .selects a:nth-child(1) {margin:0; }
.screen_body .selects a.active {background: #1cd580 !important; color: #fff !important;}


.screen_body .close_screen i {font-size: 20px;color: #494949;}
.screen_body .close_screen:hover i {color: #49dd99;}

.detailchart {height:calc(100% - 170px);background:#fcfcfc;position: relative;}
.sure {margin:20px 0 0 ;}
/*特殊的处理*/
.content_head .drop_down { width: 250px;  float: right;  right: 250px;}
/*影响力跳转*/
#influence{  position: relative;  }
#influence a{
    display: inline-block;
    margin-left: -80px;
    width: 80px;
    height: 52px;
    text-align:right;
    margin-bottom: -22px;}
#influence a:hover{cursor: pointer}
#influence img{width: 13px; height: 13px;margin-right:-20px;margin-top:-2px;}