/***************************************************************
****************************************************************
                      网红榜列表页
***************************************************************
***************************************************************/

/*蓝色值 #4eb6ff*/

a.tip {display:inline-block; margin-left:3px; width:16px; height:16px; line-height:16px; border-radius:8px; text-align:center; background:#d7d7d7; color:#fff; cursor:help; position:relative;}
a.tip span {position:absolute; width:170px; line-height:17px; font-size:0.8em; padding:7px; border:1px #767676 solid; background:#fffbeb; color:#555; right:10px; bottom:0; margin-bottom:20px; text-align:left; font-weight:normal; display:none; z-index:10;}
a.tip:focus span,
a.tip:hover span {right:0; display:block;}

/*==================== 周榜和月榜 ====================*/
.rank-dayWeekMonthAll {width:600px; height:60px; margin:0 auto; background:#fff; margin-bottom:20px; overflow:hidden;}
.rank-dayWeekMonthAll label {float:left; width:33.3333%; height:100%; line-height:60px; font-size:1.5em; text-align:center; cursor:pointer;}
.rank-dayWeekMonthAll label:hover {color:#00a1e9;}
.rank-dayWeekMonthAll label.active {background:#00a1e9; color:#fff;}
.rank-dayWeekMonthAll label.active:hover {color:#fff;}

input[type="radio"][name="bangDayWeekMonthAll"] + .yun-rank-date {display:none;}
input#bangday:checked + .yun-rank-date.days,
input#bangweek:checked + .yun-rank-date.weeks,
input#bangmonth:checked + .yun-rank-date.months,
input#bangall:checked + .yun-rank-date.alls {display:block;}


.yun-rank {background:#f6f6f6; padding:20px 0; color:#666;}
/*==================== 排名列表左边 ====================*/
.yun-rank-left {float:left; width:165px; position:relative;}
/*---------- 直播列表 ----------*/
.yun-rank-left .yun-rank-platList {background:#fff; width:165px;}
.yun-rank-left .yun-rank-platList ul li {height:80px; margin:0 20px; position:relative; border-bottom:1px #f3f3f3 solid;}
.yun-rank-left .yun-rank-platList ul li a {display:block; height:100%;}
/*----- 关闭按钮 -----*/
.yun-rank-close {height:30px; padding:10px; display:none;}
.yun-rank-close label {float:right; width:30px; height:30px; line-height:32px; background:#319dd8; color:#fff; border-radius:50%; text-align:center; font-size:2.1em; cursor:pointer;}
/*----- 激活图标 -----*/
.yun-rank-left .yun-rank-platList ul li i {position:absolute; left:-9999px; top:0; width:6px; height:35px; top:50%; margin-top:-17px; border-left:3px #00a1e9 solid;}
/*.yun-rank-left .yun-rank-platList ul li i b {position:absolute; width:6px; height:11px; background:url(../images/rank/icon-jt.gif) no-repeat; top:50%; margin-top:-5px;}*/
/*----- 直播头像 -----*/
.yun-rank-left .yun-rank-platList ul li .tx {position:absolute; width:45px; height:45px; top:17px; left:0; border-radius:50%; overflow:hidden;}
.yun-rank-left .yun-rank-platList ul li .tx b {display:block; width:100px; height:45px; margin-left:-27px;}
.yun-rank-left .yun-rank-platList ul li .tx b img {margin:0 auto; height:100%;}
/*总榜头像*/
.yun-rank-left .yun-rank-platList ul li .tx b .zong-icon {width:45px; height:45px; margin:0 auto; background:#4eb6ff; position:relative;}
.yun-rank-left .yun-rank-platList ul li .tx b .zong-icon span {position:absolute; width:4px; bottom:14px; background:#fff;}
.yun-rank-left .yun-rank-platList ul li .tx b .zong-icon span:nth-of-type(1) {height:6px; left:10px;}
.yun-rank-left .yun-rank-platList ul li .tx b .zong-icon span:nth-of-type(2) {height:14px; left:16px;}
.yun-rank-left .yun-rank-platList ul li .tx b .zong-icon span:nth-of-type(3) {height:9px; left:22px;}
.yun-rank-left .yun-rank-platList ul li .tx b .zong-icon span:nth-of-type(4) {height:18px; left:28px;}
/*----- 直播名字 -----*/
.yun-rank-left .yun-rank-platList ul li h3 {position:absolute; height:20px; line-height:20px; top:30px; left:55px; font-size:1.2em; font-weight:normal;}
/*----- 激活及鼠标经过状态 -----*/
.yun-rank-left .yun-rank-platList ul li.active i {left:-20px;}
.yun-rank-left .yun-rank-platList ul li.active h3,
.yun-rank-left .yun-rank-platList ul li:hover h3 {color:#00a1e9;}
/**/
#yun-zhiboshi-List:checked + .yun-rank-platList {left:0;}





/*==================== 排名列表右边 ====================*/
.yun-rank-right {margin-left:185px;}
/*========== 直播头部 ==========*/
.yun-rank-right .yun-rank-head {background:#fff; padding:20px 30px;}
.yun-rank-right .yun-rank-head .yun-rank-headTop {position:relative;}
/*----- 清除漂浮 -----*/
.yun-rank-right .yun-rank-head .yun-rank-headTop .yun-clear {clear:right;}
/*----- 选择直播室 -----*/
.yun-rank-right .yun-rank-head .yun-rank-headTop .yun-choseZhibo {float:left; height:20px; padding:0 13px; background:#319dd8; border-radius:10px; color:#fff; margin-right:5px; cursor:pointer; display:none;}
.yun-rank-right .yun-rank-head .yun-rank-headTop .yun-choseZhibo span {float:left; height:20px; line-height:16px; font-size:2.5em;}
.yun-rank-right .yun-rank-head .yun-rank-headTop .yun-choseZhibo b {float:left; height:20px; line-height:20px; font-size:1em; font-weight:normal;}
/*----- 直播名字 -----*/
.yun-rank-right .yun-rank-head .yun-rank-headTop h3 {float:left; position:relative; margin-right:10px; height:30px; line-height:28px; font-weight:normal; font-size:1.35em; color:#000;}
.yun-rank-right .yun-rank-head .yun-rank-headTop h3 b {font-weight:normal;}
.yun-rank-right .yun-rank-head .yun-rank-headTop h3 i {font-style:normal;}
.yun-rank-right .yun-rank-head .yun-rank-headTop h3 > span {float:left;}
/*----- 榜的类型 -----*/
.yun-rank-right .yun-rank-head .yun-rank-headTop h3 .the-bang {position:relative; float:left; padding-right:12px; cursor:pointer;}
.yun-rank-right .yun-rank-head .yun-rank-headTop h3 .the-bang i {position:absolute; right:0; font-size:8px;}
.yun-rank-right .yun-rank-head .yun-rank-headTop h3 .the-bangs {position:absolute; top:100%; left:32px; margin-top:3px; display:none; z-index:4;}
.yun-rank-right .yun-rank-head .yun-rank-headTop h3 .the-bangs ul {display:block; width:100px; background:#fff; outline:1px #aaa solid;}
.yun-rank-right .yun-rank-head .yun-rank-headTop h3 .the-bangs ul li a {display:block; height:26px; line-height:26px; padding:0 10px; font-size:0.8em; cursor:pointer;}
.yun-rank-right .yun-rank-head .yun-rank-headTop h3 .the-bangs ul li a:hover {background:#4eb6ff; color:#fff;}
#the-bang:checked + .the-bangs {display:block;}

/*--------------- 选择日期 ---------------*/
.yun-rank-right .yun-rank-date {float:left; position:relative; margin-right:10px;}
/*--- 选择的日期 ---*/
.yun-rank-right .yun-rank-date .the-date {position:relative; height:28px; border:1px #ddd solid; background:#fff; border-radius:14px; padding:0 30px 0 35px; z-index:3; cursor:pointer;}
.yun-rank-right .yun-rank-date .the-date .icon {position:absolute; top:0;}
.yun-rank-right .yun-rank-date .the-date .icon.calendar {left:10px; width:16px; height:17px; top:5px; background:url(../images/rank/icon-date.jpg) no-repeat;}
.yun-rank-right .yun-rank-date .the-date .icon.down {right:10px; width:12px; height:7px; top:12px; background:url(../images/rank/icon-jt2-down.gif) no-repeat;}
.yun-rank-right .yun-rank-date .the-date .thedate {height:28px; line-height:28px; font-size:1.2em; white-space:nowrap;}
/*--- 日期列表 ---*/
.yun-rank-right .yun-rank-date .the-dates {position:absolute; top:0; left:-9999px; width:100%; padding-top:14px; z-index:2;}
.yun-rank-right .yun-rank-date .the-dates ul {display:block; border:1px #ddd solid; background:#fff; padding-top:15px;}
.yun-rank-right .yun-rank-date .the-dates ul li span {display:block; height:30px; line-height:30px; font-size:1.15em; text-align:center; cursor:pointer;}
.yun-rank-right .yun-rank-date .the-dates ul li:hover {background:#4eb6ff; color:#fff;}
/*--- 当点击的时候 ---*/
#yun-rank-selectday:checked ~ .the-date .icon.down,
#yun-rank-selectweek:checked ~ .the-date .icon.down,
#yun-rank-selectmonth:checked ~ .the-date .icon.down,
#yun-rank-selectall:checked ~ .the-date .icon.down {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
#yun-rank-selectday:checked ~ .the-dates,
#yun-rank-selectweek:checked ~ .the-dates,
#yun-rank-selectmonth:checked ~ .the-dates,
#yun-rank-selectall:checked ~ .the-dates {left:0;}

/*----- 截止日期 -----*/
.yun-rank-right .yun-rank-head .yun-rank-headTop .yun-rank-datend {float:left; margin-right:10px; height:30px; line-height:30px; font-size:1.2em;}
.yun-rank-right .yun-rank-head .yun-rank-headTop .yun-rank-datend span {padding-left:10px; border-left:1px #e9e9e9 solid; color:#bbb;}
/*----- 样本数量 -----*/
.yun-rank-right .yun-rank-head .yun-rank-headTop .yun-rank-ybNum {float:left; margin-right:10px; height:30px; line-height:30px; font-size:1.2em;}
.yun-rank-right .yun-rank-head .yun-rank-headTop .yun-rank-ybNum span {padding-left:10px; border-left:1px #e9e9e9 solid; color:#bbb;}
/*----- 搜索 -----*/
.yun-rank-search {float:right; height:28px; border:1px #eaeaea solid; border-radius:14px; padding:0 10px; position:relative;}
.yun-rank-search button {position:absolute; width:28px; height:28px; right:5px; border:none; background:url(../images/rank/icon-search.png) center center no-repeat; cursor:pointer;}
.yun-rank-search input {border:none; height:26px; width:90%;}
/*---------- 直播头部 下半部分 ----------*/
.yun-rank-right .yun-rank-head .yun-rank-headBottom {padding-top:20px;}
.yun-rank-right .yun-rank-head .yun-rank-headBottom ul li {display:inline-block; margin-right:10px;}
.yun-rank-right .yun-rank-head .yun-rank-headBottom ul li span {float:left; height:26px; line-height:26px; padding:0 15px; font-size:1.2em; border:1px #e8e8e8 solid; background:#fff; border-radius:13px; cursor:pointer;}
.yun-rank-right .yun-rank-head .yun-rank-headBottom ul li.active span {background:#00a1e9; color:#fff; border:1px #00a1e9 solid;}
.yun-rank-right .yun-rank-head .yun-rank-headBottom ul li span:hover {color:#00a1e9;}
.yun-rank-right .yun-rank-head .yun-rank-headBottom ul li.active span:hover {color:#fff;}

/*========== 直播表格 ==========*/
.yun-rank-right .yun-rank-table table thead th {padding:10px; font-size:1.25em;}
.yun-rank-right .yun-rank-table table thead th .tsSort {display:inline-block; width:11px; height:12px; margin-right:3px; background:url(../images/rank/icon-jt-px.png) left top no-repeat; cursor:pointer;}
.yun-rank-right .yun-rank-table table thead th .tsSort.active {color:#333; background-position:-11px 0; cursor:default;}
.yun-rank-right .yun-rank-table table tbody {background:#fff;}
.yun-rank-right .yun-rank-table table tbody td {border-bottom:1px #f6f6f6 solid; padding:20px 10px; font-size:1.15em; text-align:center;}
.yun-rank-right .yun-rank-table table tbody tr:nth-of-type(even) {background:#f8faf9;}
.yun-rank-right .yun-rank-table table tbody tr:hover {background:#e7f9ff; color:#00a1e9;}
.yun-rank-right .yun-rank-table table tbody tr:hover .yun-rank-id span {color:#999;}
/*---------- 排名数字 ----------*/
.yun-rank-right .yun-rank-table .yun-rank-num {width:35px; height:35px; margin:0 auto; overflow:hidden; position:relative;}
.yun-rank-right .yun-rank-table .yun-rank-num.yun-rank-no1 {background:url(../images/rank/ranks.png) no-repeat; background-position:0 0;}
.yun-rank-right .yun-rank-table .yun-rank-num.yun-rank-no2 {background:url(../images/rank/ranks.png) no-repeat; background-position:-35px 0;}
.yun-rank-right .yun-rank-table .yun-rank-num.yun-rank-no3 {background:url(../images/rank/ranks.png) no-repeat; background-position:-70px 0;}
.yun-rank-right .yun-rank-table .yun-rank-num.yun-rank-nos i {position:absolute; width:26px; height:26px; left:50%; margin-left:-10px; top:50%; margin-top:-10px; background:#d5d5d5; color:#fff; line-height:26px; text-align:center; border-radius:50%; font-size:1.15em; font-weight:bold; font-style:normal;}
/*---------- 会员 ----------*/
.yun-rank-right .yun-rank-table td.yun-rank-member {width:260px;}
/*----- 会员头像 -----*/
.yun-rank-tx {float:left; width:50px; height:50px; margin-right:10px; position:relative;}
.yun-rank-tx span {position:relative; display:block; height:100%; border-radius:50%; cursor:pointer; overflow:hidden;}
.yun-rank-tx span b {position:absolute; width:200%; height:100%; left:-50%;}
.yun-rank-tx span b img {height:100%; margin:0 auto;}
.yun-rank-tx i {position:absolute; width:16px; height:16px; background:url(../images/rank/icon-v.png) no-repeat; bottom:0; right:0; z-index:1;}
/*----- 会员信息 -----*/
.yun-rank-txInfo {height:45px; padding-top:5px;}
/*-- 数字 --*/
.yun-rank-txInfo .number {float:right; font-size:2.3em; color:#319dd8;}
/*-- 昵称 --*/
.yun-rank-txInfo .nickName {height:22px; font-size:1.1em; overflow:hidden;}
.yun-rank-txInfo .nickName img {float:left; height:16px; margin-top:2px; margin-right:5px;}
.yun-rank-txInfo .nickName span {float:left; margin-right:5px; color:#333; cursor:pointer;}
.yun-rank-txInfo .nickName i {float:left; height:14px; margin-top:4px; line-height:12px; background:#4eb6ff; border-radius:6px; font-size:0.7em; color:#fff; padding:0 8px;}
.yun-rank-txInfo .nickName span:hover {color:#4eb6ff;}
/*-- 映客号 --*/
.yun-rank-txInfo .yun-rank-id {text-align:left;}
.yun-rank-txInfo .yun-rank-id span {color:#999; position:relative; font-size:0.9em;}
.yun-rank-txInfo .yun-rank-id span img.sex {position:absolute; left:100%; margin-left:3px; width:12px; height:12px; top:50%; margin-top:-6px;}
.yun-rank-txInfo .yun-rank-id span img.plate {float:left; width:20px; height:20px; margin-right:5px;}
/*-- 简介 --*/
.yun-rank-txInfo .explan {font-size:1.15em; margin-top:7px;}
/*---------- 指数 ----------*/
.yun-rank-right .yun-rank-table .yun-rank-zhishu {width:80%; min-width:50px; margin:0 auto;}
.yun-rank-right .yun-rank-table .yun-rank-zhishu b {display:block; height:3px; background:#ddd;}
.yun-rank-right .yun-rank-table .yun-rank-zhishu b i {display:block; height:100%; background:#13b5fe; width:0;}

/*========== 暂无数据 ==========*/
.yun-rank-right .yun-rank-table .yun-rank-noData span {display:block; height:500px; line-height:200px; font-size:1.2em; text-align:center; background:#fff; border-top:1px #eee solid;}
/*========== 查看更多 ==========*/
.yun-rank-right .yun-rank-table .yun-rank-showMore span {display:block; height:70px; line-height:70px; background:#fff; text-align:center; font-size:1.25em; cursor:pointer; position:relative;}
.yun-rank-right .yun-rank-table .yun-rank-showMore span i {position:absolute; width:16px; height:9px; left:50%; margin-left:-60px; top:50%; margin-top:-2px; background:url(../images/rank/icon-jt3-down.gif) no-repeat;}

.support {padding:25px 0;}
.support span {display:table; position:relative; margin:0 auto; padding-left:50px; font-size:1.4em; color:#333;}
.support span i {position:absolute; width:40px; height:40px; left:0; top:50%; margin-top:-20px; background:url(../images/rank/jinan-logo.png) center no-repeat; background-size:100% auto;}



/***************************************************************
****************************************************************
                      网红榜搜索页
***************************************************************
***************************************************************/
/*==================== LACATION ====================*/
.yun-rank-location {height:30px; font-size:1.1em;}
.yun-rank-location span {color:#4eb6ff;}
/*==================== 搜索页左边 ====================*/
.yun-rank-sea-left {margin-right:300px;}
/*========== 搜索容器 ==========*/
.yun-rank-sea-left .yun-rank-seaBox {background:#fff; border-radius:10px; padding:20px;}
/*---------- 搜索结果 ----------*/
.yun-rank-sea-left .yun-rank-seaBox .yun-rank-seaResult {height:50px;}
/*----- 搜索词 -----*/
.yun-rank-sea-left .yun-rank-seaBox .yun-rank-seaResult .yun-rank-seaWords {float:left; height:30px; line-height:30px; font-size:1.2em;}
.yun-rank-sea-left .yun-rank-seaBox .yun-rank-seaResult .yun-rank-seaWords span {color:#319dd8;}
/*---------- 无搜索结果 ----------*/
.yun-rank-noSearch {min-height:600px; border-top:1px #f2f2f2 solid; position:relative;}
.yun-rank-noSearch div {position:absolute; width:100%; height:150px; top:50%; margin-top:-75px;}
.yun-rank-noSearch div i {display:block; width:100px; height:100px; margin:0 auto; background:url(../images/rank/noSearch.jpg) center center no-repeat;}
.yun-rank-noSearch div span {display:block; height:50px; line-height:50px; text-align:center; font-size:1.2em;}

/*---------- 搜索列表 ----------*/
.yun-rank-seaList ul li {border-top:1px #f2f2f2 solid; padding:15px 0;}
.yun-rank-seaList ul li .yun-rank-tx {width:95px; height:95px;}
.yun-rank-seaList ul li .yun-rank-tx span {border:2px #ccc solid;}
.yun-rank-seaList ul li .yun-rank-tx i {right:8px;}
/*----- 会员信息 -----*/
.yun-rank-sea-left .yun-rank-seaBox .yun-rank-seaList ul li .yun-rank-txInfo {height:auto; min-height:100px; margin-left:110px;}
/*-- 映客号 --*/
.yun-rank-sea-left .yun-rank-seaBox .yun-rank-seaList ul li .yun-rank-txInfo .yun-rank-id {margin-top:7px;}

/*==================== 搜索页右边 ====================*/
.yun-rank-sea-right {float:right; width:285px; position:relative;}
/*========== 今日热搜 ==========*/
.yun-rank-sea-right .yun-rank-todayHot {background:#fff; padding:20px;}
/*---------- 热搜开关 ----------*/
.yun-rank-sea-right .yun-rank-openTodayHot {position:absolute; right:0; z-index:8; height:26px; line-height:26px; width:80px; text-align:center; background:#319dd8; color:#fff; font-size:1.1em; cursor:pointer; top:-38px; display:none;}
/*---------- 热搜标题 ----------*/
.yun-rank-title {height:25px;}
.yun-rank-title span {float:left; height:16px; line-height:14px; border-left:3px #319dd8 solid; padding-left:10px; font-size:1.3em;}
/*---------- 热搜列表 ----------*/
.yun-rank-sea-right .yun-rank-todayHot li {padding:15px 0; border-bottom:1px #f2f2f2 solid;}
#yun-rank-todayHot:checked + .yun-rank-todayHot {left:0;}


/***************************************************************
****************************************************************
                      网红榜详情页
***************************************************************
***************************************************************/
/*==================== 详情页右边 ====================*/
.yun-rank-detail-right {float:right; width:300px;}
/*========== 直播平台 ==========*/
.yun-rank-detail-right .yun-rank-plat {height:190px; background:#fff; border-radius:8px; position:relative;}
/*---------- 角标 ----------*/
.yun-rank-detail-right .yun-rank-plat .yun-rank-plat-tl,
.yun-rank-detail-right .yun-rank-plat .yun-rank-plat-br {position:absolute; width:20px; height:20px; border:1px #e7e7e7 solid;}
.yun-rank-detail-right .yun-rank-plat .yun-rank-plat-tl {border-right:none; border-bottom:none; top:35px; left:25px;}
.yun-rank-detail-right .yun-rank-plat .yun-rank-plat-br {border-left:none; border-top:none; bottom:35px; right:25px;}
/*---------- 平台名称 ----------*/
.yun-rank-detail-right .yun-rank-plat .yun-rank-plat-tit {position:absolute; top:35px; width:100%; text-align:center; font-size:1.3em;}
/*---------- 平台头像 ----------*/
.yun-rank-detail-right .yun-rank-plat .yun-rank-plat-tx {width:65px; height:65px; position:relative; top:70px; margin:0 auto; border-radius:36%; overflow:hidden;}
.yun-rank-detail-right .yun-rank-plat .yun-rank-plat-tx span {position:absolute; height:100%; width:200%; margin-left:-50%;}
.yun-rank-detail-right .yun-rank-plat .yun-rank-plat-tx span img {height:100%; margin:0 auto;}

/*========== 指数 ==========*/
.yun-rank-detail-right .yun-rank-rank {height:180px; padding:10px 0; margin-top:10px; background:#fff; border-radius:8px; position:relative;}
/*---------- 日周月排名 ----------*/
.yun-rank-detail-right .yun-rank-rank .theRanks {margin:0 15px; padding-top:25px; margin-bottom:15px;}
.yun-rank-detail-right .yun-rank-rank .theRanks label {float:left; position:relative; width:33.333%; color:#999; font-size:1.3em; text-align:center; padding:5px 0; cursor:pointer;}
.yun-rank-detail-right .yun-rank-rank .theRanks label i {position:absolute; width:20px; height:1px; background:#4eb6ff; top:100%; margin-top:2px; left:50%; margin-left:-10px; opacity:0;}
#theday:checked + label[for="theday"],
#theweek:checked + label[for="theweek"],
#themonth:checked + label[for="themonth"] {color:#4eb6ff;}
#theday:checked + label[for="theday"] i,
#theweek:checked + label[for="theweek"] i,
#themonth:checked + label[for="themonth"] i {opacity:1;}
/*---------- 上周排名 ----------*/
.yun-rank-detail-right .yun-rank-rank .yun-rank-ranking {padding:10px; margin:0 10px;}
.yun-rank-detail-right .yun-rank-rank .yun-rank-ranking div {display:inline-block; width:48%;}
.yun-rank-detail-right .yun-rank-rank .yun-rank-ranking div:nth-of-type(1) {border-right:1px #e7e7e7 solid;}
.yun-rank-detail-right .yun-rank-rank .yun-rank-ranking div span {display:block; text-align:center; padding:5px 0; font-size:1.35em;}
.yun-rank-detail-right .yun-rank-rank .yun-rank-ranking div font {display:block; text-align:center;}
.yun-rank-detail-right .yun-rank-rank .yun-rank-ranking div font.no {font-size:1.6em; color:#bbb; padding-top:5px;}
.yun-rank-detail-right .yun-rank-rank .yun-rank-ranking div font.yes {font-size:2.4em; color:#4eb6ff;}
/*---------- 指数 ----------*/
.yun-rank-detail-right .yun-rank-rank .yun-rank-zhishu {padding:10px 0; font-size:1.3em; color:#319dd8; text-align:center;}
.yun-rank-detail-right .yun-rank-rank .yun-rank-zhishu b {display:inline-block; width:16px; height:16px; text-align:center; line-height:16px; background:#ddd; color:#fff; border-radius:50%; cursor:help;}


/*==================== 详情页左边 ====================*/
.yun-rank-detail-left {float:left; width:890px;}
/*----- 主播信息 -----*/
.yun-rank-detail-left .yun-rank-details {height:360px; padding:20px; background:#fff; border-radius:8px; position:relative;}
.yun-rank-detail-left .yun-rank-details ul {padding:20px; padding-top:50px; min-height:140px;}
.yun-rank-detail-left .yun-rank-details ul li {min-height:100px;}
/*----- 我要认领 -----*/
.yun-rank-detail-left .yun-rank-details .renling {position:absolute; top:180px; left:45px;}
.yun-rank-detail-left .yun-rank-details .renling .rl {float:left; width:90px; height:22px; background:url(../images/rank/icon-renling.gif) left top no-repeat;}
.yun-rank-detail-left .yun-rank-details .renling .rl.do {background-position:0 0; cursor:pointer;}
.yun-rank-detail-left .yun-rank-details .renling .rl.doing {background-position:0 -22px; cursor:default;}
.yun-rank-detail-left .yun-rank-details .renling .rl.done {background-position:0 -44px; cursor:default;}
/*----- 头像 -----*/
.yun-rank-detail-left .yun-rank-details .yun-rank-tx {width:95px; height:95px;}
.yun-rank-detail-left .yun-rank-details .yun-rank-tx span {border:3px #e9e9e9 solid; cursor:default;}
.yun-rank-detail-left .yun-rank-details .yun-rank-tx i {bottom:0; right:5px;}
/*----- 信息 -----*/
.yun-rank-detail-left .yun-rank-details .yun-rank-txInfo {margin-left:130px;}
.yun-rank-detail-left .yun-rank-details .yun-rank-txInfo .nickName span {color:#333; font-size:1.25em; cursor:default;}
.yun-rank-detail-left .yun-rank-details .yun-rank-txInfo .yun-rank-id {margin-top:5px;}
.yun-rank-detail-left .yun-rank-details .yun-rank-txInfo .yun-rank-id span {font-size:1.2em;}
/*----- 截止时间 -----*/
.yun-rank-detail-left .yun-rank-details .yun-rank-jiezhi {position:absolute; top:20px; left:0; overflow:hidden;}
.yun-rank-detail-left .yun-rank-details .yun-rank-jiezhi span {display:block; height:26px; line-height:26px; background:#4eb6ff; color:#fff; font-size:1.1em; padding:0 15px; padding-left:40px; border-radius:13px; margin-left:-30px;}
/*----- 总计 -----*/
.yun-rank-detail-left .yun-rank-details .theTotal {float:left; padding-top:70px;}
.yun-rank-detail-left .yun-rank-details .theTotal span {float:left; height:30px; line-height:30px; padding-left:33px; background:url(../images/rank/icon-theTotal.png) left center no-repeat; font-size:1.7em; color:#4eb6ff;}
/*----- 粉丝&点赞之类的 -----*/
.yun-rank-detail-left .yun-rank-details dl {height:122px; padding-top:25px; overflow:hidden;}
.yun-rank-detail-left .yun-rank-details dl dd {float:left; height:98%; border:1px #f0f0f0 solid; border-radius:7px; text-align:center; position:relative;}
/*----- 如果是huajiao -----*/
.yun-rank-detail-left .yun-rank-details dl.f_5 dd {width:17%; margin-left:2.1%;}
/*----- 如果是inke -----*/
.yun-rank-detail-left .yun-rank-details dl.f_4 dd {width:22%; margin-left:2.1%;}
.yun-rank-detail-left .yun-rank-details dl dd i {position:absolute; width:45px; height:45px; left:50%; margin-left:-22px; top:0; margin-top:-22px; background:url(../images/rank/icon-s6.png) no-repeat;}
.yun-rank-detail-left .yun-rank-details dl dd font {display:block; position:relative; top:35px; font-size:2.4em;}
.yun-rank-detail-left .yun-rank-details dl dd span {display:block; position:relative; top:40px; font-size:1.3em;}
/*-粉丝-*/
.yun-rank-detail-left .yun-rank-details dl dd.fans {color:#f26d7e;}
.yun-rank-detail-left .yun-rank-details dl dd.fans i {background-position:0 0;}
/*-收礼-*/
.yun-rank-detail-left .yun-rank-details dl dd.shouli {color:#72ddcb;}
.yun-rank-detail-left .yun-rank-details dl dd.shouli i {background-position:-45px 0;}
/*-点赞-*/
.yun-rank-detail-left .yun-rank-details dl dd.dianz {color:#febd17;}
.yun-rank-detail-left .yun-rank-details dl dd.dianz i {background-position:-90px 0;}
/*-直播-*/
.yun-rank-detail-left .yun-rank-details dl dd.zhibo {color:#59a3fc;}
.yun-rank-detail-left .yun-rank-details dl dd.zhibo i {background-position:-135px 0;}
/*-观看-*/
.yun-rank-detail-left .yun-rank-details dl dd.view {color:#00c3d5;}
.yun-rank-detail-left .yun-rank-details dl dd.view i {background-position:-180px 0;}
/*-映票-*/
.yun-rank-detail-left .yun-rank-details dl dd.inpiao {color:#73dece;}
.yun-rank-detail-left .yun-rank-details dl dd.inpiao i {background-position:-225px 0;}
/*-发布视频-*/
.yun-rank-detail-left .yun-rank-details dl dd.fabu {color:#57b7a4;}
.yun-rank-detail-left .yun-rank-details dl dd.fabu i {background-position:-270px 0;}
/*-评论-*/
.yun-rank-detail-left .yun-rank-details dl dd.pinglun {color:#a197ed;}
.yun-rank-detail-left .yun-rank-details dl dd.pinglun i {background-position:-315px 0;}
/*-身高-*/
.yun-rank-detail-left .yun-rank-details dl dd.height {color:#1cd39b;}
.yun-rank-detail-left .yun-rank-details dl dd.height i {background-position:-360px 0;}


/*========= 曲线图表 ==========*/
.yun-rank-chart {height:400px; margin-top:10px; padding:40px; background:#fff; border-radius:7px;}
#lineChart1, #lineChart2 {width:100%; height:100%;}

/*========== 最新热门主播 ==========*/
.yun-rank-nh-right {float:right; margin-top:10px; width:530px;}
.yun-rank-nh-left {float:left; margin-top:10px; width:660px;}
.yun-rank-nh-left > div, .yun-rank-nh-right > div {height:290px; padding:40px; background:#fff; border-radius:7px;}
/*----- 最新直播 左边 -----*/
.yun-rank-newZBlist ul {padding-left:30px; padding-top:10px;}
.yun-rank-newZBlist ul li {height:56px; border-left:1px #f3f3f3 solid; padding-left:30px; position:relative;}
.yun-rank-newZBlist ul li i {position:absolute; width:6px; height:6px; border:2px #f3f3f3 solid; border-radius:50%; left:0; margin-left:-6px; top:50%; margin-top:-4px; background:#fff;}
.yun-rank-newZBlist ul li div {height:55px; line-height:55px; border-bottom:1px #f3f3f3 solid;}
.yun-rank-newZBlist ul li div a {display:block; font-size:1.3em; margin-right:100px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.yun-rank-newZBlist ul li div b {float:right; font-weight:normal; font-size:1.3em; color:#cbcbcb;}
.yun-rank-newZBlist ul li div b span {color:#f23b59; margin-right:10px;}
.yun-rank-newZBlist ul li:hover i {border:2px #f23b59 solid;}
.yun-rank-newZBlist ul li:hover div a {color:#f23b59;}
/*----- 查看主播主页 -----*/
.yun-rank-zbIndex div {padding-top:50px;}
.yun-rank-zbIndex div a {display:block; width:230px; height:45px; margin:0 auto; line-height:45px; font-size:1.3em; text-align:center; border:1px #4eb6ff solid; border-radius:10px; color:#4eb6ff;}
.yun-rank-zbIndex div a:hover {background:#4eb6ff; color:#fff;}

/*----- 热门主播 右边 -----*/
.yun-rank-hotZBlist ul {height:270px; margin:0 10px; overflow:hidden;}
.yun-rank-hotZBlist ul li {float:left; width:50%;}
.yun-rank-hotZBlist ul li a {display:block; height:56px; padding:17px 0;}
/*-- 头像 --*/
.yun-rank-hotZBlist ul li a .yun-rank-hotZBtx {float:left; width:56px; height:56px; border-radius:50%; position:relative; overflow:hidden;}
.yun-rank-hotZBlist ul li a .yun-rank-hotZBtx span {position:absolute; width:200%; height:100%; left:-50%;}
.yun-rank-hotZBlist ul li a .yun-rank-hotZBtx span img {margin:0 auto; height:100%;}
/*-- 信息 --*/
.yun-rank-hotZBlist ul li a .yun-rank-hotZBinfo {margin-left:65px;}
.yun-rank-hotZBlist ul li a .yun-rank-hotZBinfo > div {height:28px; line-height:24px;}
.yun-rank-hotZBlist ul li a .yun-rank-hotZBinfo .yun-rank-hotZBname {font-size:1.3em; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.yun-rank-hotZBlist ul li a .yun-rank-hotZBinfo .yun-rank-hotZBfans {font-size:1.2em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.yun-rank-hotZBlist ul li a .yun-rank-hotZBinfo .yun-rank-hotZBfans span {color:#747474;}
.yun-rank-hotZBlist ul li a .yun-rank-hotZBinfo .yun-rank-hotZBfans font {color:#319dd8;}
.yun-rank-hotZBlist ul li a:hover .yun-rank-hotZBinfo .yun-rank-hotZBname {color:#4eb6ff;}








.fixedTop {position:fixed; top:0; z-index:9;}