@charset "utf-8";

/*--------------使用条款、版权声明、隐私政策----------------*/
.wrap_layout {
	max-width: 750px;
	height: 100%;
	margin: 0 auto;
}

.padding_layer {
	padding: 0 15px 20px;
}

.h3_title {
	color: #dabb84;
	font-size: 18px;
	text-align: center;
	padding: 20px 0;
}

.p_content {
	color: #848b9a;
	font-size: 14px;
	line-height: 20px;
}

/*-------------------重置密码---------------------*/
.reset_head {
	width: 100%;
	height: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

.logo_pic {
	width: 86px;
	height: 86px;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
}

.reset_out {
	width: auto;
	margin-bottom: 10px;
}

.reset_out input {
	width: 100%;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	border: none;
	border-radius: 20px;
	background: #333949;
	text-align: center;
}

#pas {
	color: #cdb07b;
	text-align: center;
	background: none;
	font-size: 18px;
}

.btn {
	margin: 10px 0;
}

.btn input {
	width: 100%;
	color: #DABB84;
	font-size: 18px;
	border-radius: 20px;
	background: #bb0462;
	line-height: 40px;
	max-height: 40px;
}

#p_pas2,
#p_pas1 {
	color: #DF122C;
	text-align: center;
	padding-bottom: 10px;
}

/*---------------------魅力值页面-----------------------*/
.tit_num {
	padding: 40px 0;
	text-align: center;
	color: #bb0462;
	font-size: 44px;
}

.txt_tit {
	font-size: 16px;
	color: #848b9a;
	padding: 20px 15px;
}

.txt_tit h5 {
	font-size: 20px;
	padding-bottom: 5px;
}

.tb_diamonds {
	width: 100%;
	color: #848b9a;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tb_diamonds thead tr {
	color: #d5b67f;
	font-size: 18px;
}

.tb_diamonds thead tr th {
	padding: 5px 10px;
	text-align: left;
	font-size: 14px;
}

.tb_diamonds td {
	padding: 5px 10px;
	font-size: 14px;
}

.tb_diamonds tbody tr {
	height: 48px;
	min-height: 48px;
	text-align: left;
	border-bottom: 1px solid #21232b;
	background: #2a2d37;
}

.tb_diamonds thead tr th:nth-child(1) {
	width: 25%;
}

.tb_diamonds thead tr th:nth-child(2) {
	width: 20%;
}

.tb_diamonds thead tr th:nth-child(3) {
	width: 50%;
}

/*---------------------赚取钻石页面-----------------------*/
.ul_PerCenter {
	width: 100%;
	height: auto;
	padding-top: 20px;
}

.ul_PerCenter li {
	height: 50px;
	line-height: 50px;
	background: #292b35;
	border-bottom: 1px solid #21232b;
}

.ul_PerCenter li a {
	display: block;
	color: #848b9a;
	padding: 0 20px;
}

.fl_span {
	float: left;
	padding-left: 45px;
}

.fr_span {
	float: right;
	background: url(../img/jiantou.png) no-repeat center;
	margin-top: 17px;
	background-size: 9px 16px;
	width: 9px;
	height: 16px;
}

.tp01 {
	background: url(../img/tb01.png) no-repeat left center;
	background-size: 30px;
}

.tp02 {
	background: url(../img/tb02.png) no-repeat left center;
	background-size: 30px;
}

.tp03 {
	background: url(../img/tb03.png) no-repeat left center;
	background-size: 30px;
}

.tp04 {
	background: url(../img/tb04.png) no-repeat left center;
	background-size: 30px;
}

.tp05 {
	background: url(../img/tb05.png) no-repeat left center;
	background-size: 30px;
}

.ul_PerCenter h3 {
	color: #d5b67f;
	font-size: 16px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.tp06 {
	background: url(../img/tb06.png) no-repeat left center;
	background-size: 30px;
}

.tp07 {
	background: url(../img/tb07.png) no-repeat left center;
	background-size: 30px;
}

/*----底部文本内容----*/
.background_wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	height: auto;
	width: 100%;
	z-index: 10;
	min-height: 200px;
	padding: 10px;
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .6), transparent);
	background: linear-gradient(0deg, rgba(0, 0, 0, .6), transparent);
}

.video_title {
	position: absolute;
	bottom: 20px;
	width: 80%;
	/* padding-left: 10px;*/
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
}

.nickname,
.article_p {
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nickname {
	font-size: 16px;
	padding-bottom: 5px;
	display: block;
	font-weight: bolder;
}

.topic {
	display: inline-block;
	padding: 4px 6px;
	background: #c90067;
	text-align: center;
	border-radius: 3px;
	margin-bottom: 5px;
}

.article_p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 5px;
}

#gongao {
	width: 50%;
	overflow: hidden;
	background-image: url(../img/music-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 12px;
	box-sizing: border-box;
	padding-left: 16px;
}

.scroll_div {
	white-space: nowrap;
	overflow: hidden;
}

#gongao #scroll_begin,
#gongao #scroll_end {
	display: inline;
	color: #fff;
}

/*固定头部*/
/*.fc_header {*/
/*display: block !important;*/
/*background: rgba(255, 255, 255, .6);*/
/*height: 60px;*/
/*width: 100%;*/
/*position: fixed;*/
/*left: 50%;*/
/*top: 0;*/
/*z-index: 999;*/
/*max-width: 720px;*/
/*-webkit-transform: translateX(-50%); transform: translateX(-50%);*/
/*}*/
.fc_header {
	display: block !important;
	background: rgba(255, 255, 255, .6);
	height: 60px;
	width: 100%;
	position: static;
	z-index: 999;

}

.logo_wrap {
	float: left;
	height: 55px;
	margin: 5px 0 0 5px;
	position: relative;
	width: 45%;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../img/tada_logo.png);
	background-size: 55px 55px;
}

.fc_slogan {
	position: absolute;
	top: 60%;
	color: #999;
	font-style: normal;
	font-family: '微软雅黑';
	margin-left: 52px;
	font-size: 12px;
}

.fc_header>a.download_app {
	float: right;
	background: -webkit-linear-gradient(top, #44ffd3, #29a1ea);
	text-align: center;
	display: inline-block;
	color: #fff;
	line-height: 32px;
	margin: 14px 10px 0 0;
	border-radius: 19px;
	padding: 0 15px;
}

/*底部打开APP*/
.bott_header {
	position: inherit;
	background: #fff;
}

/*more-video*/
.video_wrap {
	width: 100%;
	/*height: 200px;*/
}

.video_wrap .header {
	position: relative;
	margin-top: 15px;
	font-size: 0;
	color: #fff;
	text-align: center;
}

.video_wrap .header:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 40%;
	height: 1px;
	/* background-color: #fff; */
}

.video_wrap .header .title {
	position: relative;
	padding: 0 8px;
	font-size: 0.24rem;
	/* background: #21232b; */
}

.video_list {
	margin-top: 15px;
	width: 100%;
}

.video_list li,
.live_list li {
	float: left;
	display: inline-block;
	width: 50%;
	padding-bottom: 50%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	position: relative;
	margin: 0;
	border-right: 0.01rem solid #21232b;
	border-bottom: 0.01rem solid #21232b;
	height: 0;
	background: #ff8fcc;
}

.video_list li a {
	display: block;
	width: 100%;
}

.video_list li:nth-child(even) {
	border-right: none;
	background: #53c0ff;
}

.video_list li a img {
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
}

.more_detail,
.topic-zan {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 36px;
	width: 100%;
	line-height: 40px;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5)));
	background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
}

.more_detail span {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}

.more_detail .name {
	width: 60%;
	padding-left: 2%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 100%;
}

.more_detail .num {
	width: 35%;
	height: 100%;
	text-align: right;
}

/*新增播放按钮*/
.play_btn {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 54px;
	width: 54px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-image: url(../img/play_4a92d1e.png);
	background-size: 100%;
}

/*直播更多列表*/
.live_list li {
	width: 33.33%;
	padding-bottom: 33.33%;
}

.live_list li:nth-child(even) {
	border-right: 1px solid #21232b;
	background: #53c0ff;
}

.live_list li:nth-child(3n) {
	border-right: none;
	background: #ffb98f;
}

.live_list li img {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	position: absolute;
}

/*------------------------share-video-download------------------------------*/
.wrap_layout {
	max-width: 750px;
	height: 100%;
	margin: 0 auto;
}

.down_app {
	position: relative;
	width: 100%;
	height: 100%;
}

/*.facecast_logo{ position: absolute; top: 30%; width:252px; height: 52px; background: url(../img/logo.png) no-repeat center;
left: 50%; -webkit-transform:translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}*/
.facecast_logo {
	position: relative;
	top: 30%;
	margin: 0 auto;
	width: 80%;
}

.facecast_logo img {
	display: block;
	width: 80%;
	margin: auto;
}

.down_app a.download_app {
	position: absolute;
	z-index: 99;
	bottom: 10px;
	display: block;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	padding: 12px 0;
	background: #c90067;
	color: #fff;
	font-size: 16px;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.down_app a.position_bott {
	bottom: 30%
}

/*-----------------------live_video---------------------------------------*/
.live_top {
	position: absolute;
	width: 100%;
	left: 0;
	padding-top: 0.2rem;
	z-index: 10;
	height: 2.0rem;
	background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, .6), transparent);
    background: linear-gradient(180deg, rgba(0, 0, 0, .6), transparent);
}

.live_top .author {
	float: left;
	position: relative;
	height: 0.62rem;
	border-radius: 0.62rem;
	padding: 0 0.52rem 0 0;
	display: block;
	background: rgba(0, 0, 0, 0.3);
	left: 0.18rem;
	top: 0.1rem;
}

.author_a {
	position: relative;
	display: inline-block;
	float: left;
	width: 0.62rem;
	height: 0.62rem;
}

.author a.author_a img {
	display: inline-block;
	width: 0.62rem;
	height: 0.62rem;
	border-radius: 50%;
	position: absolute;
}

.author a.author_a img.pendant {
	width: 0.82rem;
    height: 0.82rem;
    z-index: 9;
    left: -0.08rem;
    top: -0.1rem;
}

.author a.author_a img.flag {
	position: absolute;
	right: -0.02rem;
	width: 0.2rem;
	height: 0.2rem;
	margin: 0;
	border: 0.01rem solid #fff;
	bottom: 0.07rem;
	z-index: 10;
}

.author h3,
.author p {
	/*max-width: 2.24rem;*/
	max-width:1.9rem;
	min-width: 0.8rem;
    color: #fff;
    font-size: 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0.12rem;
    padding-right: 0.05rem;
    line-height: 0.31rem;
}

/*.author h3 {
	padding-top: 0.03rem;
}*/

.author p {
	background-image: url(../img/liveAn.gif);
	background-repeat: no-repeat;
	background-position: 0.14rem center;
	background-size: 0.16rem auto;
	text-indent: 0.22rem;
}

.author a.follow {
	position: absolute;
	z-index: 11;
	right: 0.12rem;
	top: 0.11rem;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background: #1ba1f3;
	font-weight: bold;
	background-image: url(../img/follow.png);
	background-size: 0.4rem 0.4rem;
}

.anchor_lm {
	position: absolute;
	z-index: 11;
	margin: 4px 15px 0;
}

.anchor_lm a.lianmai {
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: rgba(51, 57, 73, .6);
	color: #D5B67F;
	border-radius: 50%;
}

.anchor_lm a.lianmai i {
	font-size: 20px;
}

.bott_icon {
	position: absolute;
	z-index: 11;
	right: 10px;
	left: 10px;
	bottom: 8px;
}

.bott_icon li {
	float: left;
}

.bott_icon li a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
	text-align: center;
	color: #fff;
	background: rgba(51, 57, 73, .6);
	color: #fff;
	border-radius: 50%;
	margin-left: 10px;

}

.bott_icon li.enter {
	width: 65%;
}

.enter_inp {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	background: -webkit-linear-gradient(to bottom, rgba(68, 255, 211, 0.6) 0%, rgba(41, 161, 234, 0.6) 100%);
	background: linear-gradient(to bottom, rgba(68, 255, 211, 0.6) 0%, rgba(41, 161, 234, 0.6) 100%);
	box-sizing: border-box;
	padding: 0 20px;
	color: #fff;
}

/*2020.1.16*/

.bigder {
	max-width: 4rem;
	margin-right: 10px;
	height: 0.74rem;
	overflow: hidden;
	float: right;
}

.big {
	overflow: hidden;
	overflow-x: scroll;
	margin-top: 0;
	height: 0.92rem;
	display: -webkit-flex;
	display: flex;
}

.big div {
	position: relative;
	width: 0.7rem;
	height: 0.74rem;
	margin: 0 0.05rem;
}
.big div img:nth-child(1){ 
	margin-top: 0.15rem;
    margin-left: 0.04rem;
	width: 0.56rem;
	height: 0.56rem;
	border-radius: 50%;
}


/*皇冠*/
.big img.crown {
	position: absolute;

	top: 0;

	left: 0;

	width: 0.7rem;

	height: 0.74rem;

	z-index: -1;
}

/*环形头像框*/
.big img.rg_pendant {
	position: absolute;
    top: 0.05rem;
    left: -0.04rem;
    width: 0.74rem;
    height: 0.74rem;
    z-index: 9;
}

.roomid {
	position: absolute;
	margin-top: 0.86rem;
	padding: 0 0.18rem;
	width: 100%;
	color: #dabb84;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.room {
	color: #fff;
	font-size: 0.24rem;
	padding-top: 0.03rem;
	text-shadow: 0.01rem 0.01rem 0.05rem #000;
}
.fbzan{
	background: rgba(0, 0, 0, .3);
    border-radius: 0.44rem;
	}
.roomid a.zan {
	background-image: url(../img/heartGood.png);
	background-repeat: no-repeat;
    background-position: 0.1rem center;
    color: #ff589D;
    padding: 0px 0.1rem 0 0.44rem;
    display: block;
    min-width: 0.4rem;
    height: 0.44rem;
    line-height: 0.44rem;
    text-align: center;
    font-size: 0.24rem;
    background-size: 0.28rem;
	text-align: left;
}

.roomid a.addfb {
	background-image: url(../img/fb.png);
	color: #FFB200;
}

.fc_bott {
	position: absolute;
	bottom: 0;
	left: 0;
	height: auto;
	width: 80%;
	z-index: 10;
	min-height: 220px;
	padding: 10px;
}

.fc_bott p {
	color: #c90067;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: box;
	box-orient: vertical;
	line-clamp: 3;
	overflow: hidden;
}

/*---------------------视频删除提示页面----------*/
.delete_tip {
	padding: 100px 10px 10px;
	text-align: center;
	color: #9EA1A8;
	font-size: 15px;
	background-image: -webkit-linear-gradient(left, #2ac3e4, #2e90fe);
	background-clip: text;
	-webkit-background-clip: text;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	color: transparent;
}

/*---------下载APP提示遮罩层---------*/
#down_mask {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	filter: Alpha(opacity=80);
	background-color: rgba(0, 0, 0, 0.8);
}

#down_mask p {
	color: #fff;
	position: absolute;
	top: 80px;
	left: 20%;
	font-size: 18px;
}

#down_mask p img {
	width: 40px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
}

#down_mask>img {
	width: auto;
	height: 95px;
	position: absolute;
	right: 0;
	top: 0;
}

/*---------------------关注页面------------------------------*/
.bg_color {
	width: 100%;
	height: 100%;
	background: radial-gradient(#2B88C1, #AF62AA);
}

.follow_wrap {
	position: relative;
	top: 6%;
	margin: 0 auto;
	width: 90%;
	padding: 40px 30px;
	background: #fff;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.center_img {
	position: absolute;
	left: 50%;
	margin-left: -60px;
}

.txt {
	padding-top: 50px;
	color: #848b9a;
	font-size: 14px;
	text-align: center;
}

.txt p {
	text-align: center;
}

.txt p:first-child {
	font-size: 16px;
	color: #21232b;
}

.center_img img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	border: 5px solid #dadce1;
	margin: 0 auto;
}

.follow_des {
	padding: 0 20px;
	text-align: center;
	margin-top: 150px;
	color: #848b9a;
}

.follow_des p {
	line-height: 20px;
	font-size: 13px;
}

.follow_des p:first-child {
	font-size: 16px;
	padding-bottom: 10px;
	color: #21232b
}

.btn_a {
	text-align: center;
}

.follow_app {
	background: -webkit-gradient(linear, left top, left bottom, from(#fe2e57), to(#f41d6a));
	background: -webkit-linear-gradient(top, #fe2e57, #f41d6a);
	background: -o-linear-gradient(top, #fe2e57, #f41d6a);
	background: linear-gradient(top, #fe2e57, #f41d6a);
	text-align: center;
	display: inline-block;
	color: #fff;
	line-height: 34px;
	margin-top: 20px;
	border-radius: 17px;
	padding: 0 40px;
}

.foot_logo {
	position: absolute;
	bottom: 5%;
	width: 25%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.foot_logo img {
	width: 100%;
	max-width: 124px;
	margin: 0 auto;
}

/*--2018/12/26改--*/
.addindex {
	position: fixed;
	height: 64px;
	max-width: 720px;
	top: 0;
	background-color: rgba(0, 0, 0, .7) !important;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
}

/*----------------------Invite friends--------------------*/
.invite_bgc {
	width: 100%;
	height: 100%;
	background: #f5f5f5;
}

.invite_wrap {
	width: 90%;
	margin: auto;
	padding: 30px 0;
}

.p_txt {
	color: #666;
}

.p_txt span {
	font-weight: bold;
}

.invite_center,
.btn_wrap {
	width: 90%;
	margin: 0 auto;
}

.diamonds {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 40px 0;
}

.diamonds_show {
	flex: 1;
	text-align: center;
}

.diamonds_show a {
	margin-bottom: 20px;
	display: block;
}

.diamonds_show a p {
	font-size: 16px;
	padding-top: 10px;
}

.fl_a {
	border-right: 1px solid #ccc;
}

.diamonds_show p {
	text-align: center;
	color: #666;
	font-size: 13px;
}

.diamonds_show .fl_a>img {
	width: 38px;
	margin: 0 auto;
}

.diamonds_show .fr_a>img {
	width: 26px;
	margin: 0 auto;
}

.btn_wrap {
	width: 80%;
	padding-bottom: 20px;
}

.btn_wrap .btn_a {
	display: block;
	background: #1ba1f3;
	border-radius: 20px;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	margin-bottom: 20px;
}

/*----------------------Exclusive gift||Special effect--------------------*/
.layout_pd {
	padding: 0 15px;
}

.layout_pd ul {
	padding: 10px 0;
}

.layout_pd ul li {
	padding: 5px 0 8px;
}

.layout_pd ul li h3 {
	font-size: 16px;
	padding-bottom: 3px;
}

.layout_pd ul li p {
	color: #848b9a;
	font-size: 14px;
}

/*------------------------topic-----------------------*/
.topicul-out {
	width: 100%;
	padding-bottom: 70px;
}

.topic-layout {
	max-width: 720px;
	height: 100%;
	margin: 0 auto;
	background: #fff;
}

.topic-wrap {
	padding: 8% 5% 0;
	text-align: center;
}

.topic-img {
	position: relative;
	margin: 0 auto;
	width: 20%;
	height: auto;
	overflow: hidden;
	padding-bottom: 20%;
}

.topic-img img {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	border-radius: 50%;
	box-sizing: border-box;
}

.creat-by {
	text-align: center;
	margin-top: 15px;
}

.joined {
	text-align: center;
	margin-top: 5px;
	color: #333;
	font-size: 12px;
}

.topic-cont {
	text-align: center;
	margin-top: 5px;
}

.topic-cont02 {
	text-align: center;
	margin-top: 5px;
	display: none;
}

.a-text {
	font-size: 14px;
	color: #3C8EF4;
	cursor: pointer;
}

.post-btn {
	display: inline-block;
	margin: 15px 0 5px;
	text-align: center;
	background: #3C8EF4;
	color: #fff;
	line-height: 36px;
	padding: 0 15px;
	border-radius: 3px;
}

.creat-by span {
	color: #3C8EF4;
}

.topic-ul {
	margin-top: 15px;
	padding: 0 2% 20px;
}

.topic-ul li {
	float: left;
	display: inline-block;
	width: 50%;
	padding-bottom: 50%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	position: relative;
	margin: 0;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	height: 0;
	background: #eee;
}

/*直播更多列表*/
.topic-ul li {
	width: 33.33%;
	padding-bottom: 45%;
	border-radius: 8px;
}

.topic-ul li:nth-child(even) {
	border-right: 3px solid #fff;
	/*background: #53c0ff;*/
}

.topic-ul li:nth-child(3n) {
	border-right: none;
	/* background: #ffb98f;*/
}

.topic-ul li a {
	display: block;
}

.topic-ul li img {
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	position: absolute;
}

.add-topic {
	position: fixed;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	max-width: 720px;
}

.menu_topic {
	padding: 0 15%;
}

.topic_menu_ul {
	margin-top: 8px;
	max-width: 100%;
	overflow: hidden;
}

.topic_menu_ul li {
	float: left;
	height: 40px;
	width: 33.333%;
}

.topic_menu_ul li a {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	color: #333;
	width: 100%;
}

.topic_menu_ul li a.active {
	color: #3C8EF4;
	font-size: 16px;
	font-weight: 700;
}

.topic-zan span {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.like {
	width: 65%;
	padding-left: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 100%;
	background-image: url(../img/xin_zan.png);
	background-repeat: no-repeat;
	background-position: 3px 15px;
	background-size: 15px;
}

.rank {
	width: 30%;
	height: 100%;
	text-align: right;
	padding-right: 2%;
}

.official {
	position: absolute;
	right: 2%;
	top: 0;
	font-size: 11px;
	background: #3C8EF4;
	padding: 0 3px;
	border-radius: 3px;
}

.bottom-tit {
	text-align: center;
	color: #999;
	padding: 0 15%;
}

.change_small {
	width: 40px;
	height: 40px;
}