/*
Version:
Author:  yawen.yi
Created: 2016.07.12
Model: index
*/
@charset "utf-8";

body{font-size: 2rem; color: #585858; background-color: #f5f6f9;}

#emcee_list_content{position: absolute; top: 89px; bottom: 0; left: 0; right: 0; z-index: 1; overflow-y: auto; -webkit-overflow-scrolling:touch; box-sizing: border-box;}
#emcee_list_content::-webkit-scrollbar{width:0;}/*webkit滚动条隐藏*/

.module-home-refresh{position: absolute; top: -60px; left: 0; right: 0; z-index: 1; height: 60px; line-height: 60px; font-size: 87.5%; color: #999; text-align: center;}

.emcee_wrap{padding: 0 10px;}
.emcee_wrap .title{padding: 28px 0 18px; font-size: 87.5%;}
.emcee_wrap .title .fk{margin-right: 5px; color: #fc5a58; font-size: 100%;}

.emcee_list{}
.emcee_list ul li{width: 243px; float: left;}
.emcee_list ul li .list_bor{border: 1px solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px;}
.emcee_list ul li .list_bor .emcee_name{font-size: 62.5%; padding: 6px 6px 2px; border-top: 1px solid #e3e3e3;}
.emcee_list ul li .list_bor .emcee_name section:nth-child(1){white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.emcee_list ul li .list_bor .emcee_name a{color: #585858;}
.emcee_list ul li .list_bor .emcee_name .online_num{width: 82px; white-space: nowrap; overflow: hidden; color: #bababa; /* margin-right: 5px; */ text-align: right;}
.emcee_list ul li .list_bor .emcee_name .online_num .iconfont{color: #ffa0a3; margin-right: 4px; font-size: 100%; line-height: 1.7;}
.emcee_list ul li .list_bor .emcee_pic{position: relative; z-index: 1;}
.emcee_list ul li .list_bor .emcee_pic .emcee_online_yes{position: absolute; top: 12px; right: 12px; z-index: 1; font-size: 62.5%; padding: 0 15px; color: #fff; border-radius: 1em; background-color: #000; background-color: rgba(0,0,0,0.4);}

.emcee_looked{position: fixed; top: 89px; left: 0; right: 0; z-index: 10; padding-bottom: 10px; background-color: #f0f0f0; box-shadow: 10px 20px 32px rgba(0,0,0,0.5);}

.bottom_layout{position: fixed; bottom: 0; left: 0; z-index: 100; width: 100%; background-color: #000; background-color: rgba(0,0,0,0.7);}
.bottom_layout .inside_sub{padding: 10px 20px;}
.bottom_layout .inside_sub section:nth-child(1) img{width: 54px;}
.bottom_layout .inside_sub section:nth-child(2){padding: 0 20px; color: #fff; line-height: 54px; font-size: 87.5%; white-space: nowrap; overflow: hidden;}
.bottom_layout .inside_sub section:nth-child(3){padding: 8px 0 0;}
.bottom_layout .inside_sub section:nth-child(3) a{
	display: block;
	line-height: 44px;
	text-align: center;
	padding: 0 20px;
	font-size: 100%;
	color: #fff;
	background-color: #fc5a58;
	border-radius: 8px;
}