/*
 	图标
 * */
.icon-avatar {
	width: 15px;
	height: 15px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAb1BMVEUAAADrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSC327hcAAAAJHRSTlMA/OPw1q1OFgj23tG2d2s0m5FyWj0kHw/qy8Kif3BmRDovLCii7voQAAAAhElEQVQI122PWRaDIAxFH6DMBa3WznP2v8YG0L++n5tLODkJ/uUweOHC7bjqTlDN6dmUtriZNZdunJJkSAv0zB7Aorh4AI6hgdaIMMSZikcuuubBAJqqQxX2s5aFV2Ag8hmAvYs66C3Ugpo9dbbsc14Xfalve/fJAJ+xy9s9Y5DyksrnHzHaDL4k4IyfAAAAAElFTkSuQmCC') no-repeat center;
}

.icon-mobile {
	width: 10px;
	height: 15px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAMAAADqIa48AAAAP1BMVEUAAADrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSDrYSBkBl+9AAAAFHRSTlMAWvCI6NmZEb2yd0pA4M3KUjgQD9wKGRgAAABDSURBVAjXrY25EQAhDMQWDD6++7f/WjGuAQUaZQLwH8Zn0ROd9CCbWzvNiFWcSsQAJ+zOoiqiWrjGHC/XeFhfN5n7BC58A8VNTT/SAAAAAElFTkSuQmCC') no-repeat center;
}

.icon-adv1 {
	width: 26px;
	height: 14px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAOBAMAAADDIxFwAAAAFVBMVEXb29vb29vb29v////b29uZmZn09PQjSyvpAAAAA3RSTlPmSklSjzZ3AAAASElEQVQI12NQcEEAJgY2YwRIYHBG4pmAecHGxqamUJ5paGgoiAiG8IxB0kASxgPLh0J5UADnoeoDERBeMEIO1XY0lwkguZoRAIeOKIBn3QnUAAAAAElFTkSuQmCC') no-repeat center;
}

.icon-adv2 {
	width: 26px;
	height: 14px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAOBAMAAADDIxFwAAAAElBMVEUAAADGxsYAAAAAAAAAAAAAAADBp35SAAAABnRSTlOA2XlXFAClmQ4XAAAAOUlEQVQI12MgDQgwMDAyQtmMgoKCIEIAwgNLw+Wg8oJQHhQgeAh9UALEUwCSCDkDFF1OKLwQIyQOAKEvAnRDCORKAAAAAElFTkSuQmCC') no-repeat center;
}

.icon-search {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA/Obr+fTvzY9GLgndt4RyYl1OQTUE08jDv7CopJaUimxpPROXdVdLG12MYH0AAAC0SURBVBjTZY9XDsMgFAQf4F5ix07vPZn7XzDBuCmen10NQrDSkF62ASYvUxmoDI6s7t1VgT6c9wbUq3WxIihtWRYe3kKamhEk4rh5hE2Zw1w6Coht7sikJzUcbWoiGdg395eKy0jO0DagmErNYyR3rG0c0MO6u+9eqODZywjc70O8d+tKyF1LfNT5/iufIzDrxvugwnylsFxbm6xxbGMzGl2fNqtNdPudB6hK/ln4aJlQ69MX0rEQ0Xkj3LEAAAAASUVORK5CYII=') no-repeat center;
}

.icon-map {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAgVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9d3yJTAAAAKnRSTlMA0/iwDF1WIRDrhvqYSvTi1sKCdDIH7rRaUkI4JRcD26eKbGQcyaqjeHZZBHcLAAAA90lEQVQoz23R2ZKCMBRF0XMzMIsogwyC2trT+f8PbKAi2CXrgYfsyk2K4KlLLrHKkgL/mSudL4MXgTC9FaYsopQSYHWi+Jj5whMWLcMH4IkSD33I3RKu/AUaTjzk1EvY0weER3OkwOd+CYrD9OnRU6FkvL3jwWoJmh+A5864v1yr4T4YSxZnHsyFFotP6nW3DGvwq3HY7M7qDEcY25qqwOicsrExBaOAVBbfzAxghAmsIgMAOx4wL+lhOmDMOMx/JWI0Dwl5ixj6cEsuj1pFqhZ4DilTugeoydo9D1WJjgLnJ18v2iFngjcJc2ja92CpEXJTCL0d9B/Zrx2SjvFbAgAAAABJRU5ErkJggg==') no-repeat center;
}

.vr-icon1 {
	width: 44px;
	height: 44px;
	background: url(http://assets.xafc.com/img/vr_web.png) no-repeat center;
}

.vr-icon2 {
	width: 36px;
	height: 36px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAkCAMAAAA0AnPTAAABQVBMVEUAAAAAAAAAAAAAAAAAAAAAAAABAQEAAAAAAAAAAAAAAAAAAAABAQEAAAAFBQUAAAAAAAABAQH////+/v79/f38/Pzy8vL+/v7n5+fS0tLPz8/7+/vn5+fa2tqrq6tRUVH8/Pz8/Pz5+fn39/fx8fHu7u7h4eHPz8/i4uLR0dHGxsa+vr6fn5+IiIhTU1P19fXk5OTn5+fGxsaysrJ3d3deXl5HR0c6Ojr7+/v4+Pj39/f29vb09PTz8/Pt7e3w8PDs7Ozt7e3X19fr6+vc3Nzr6+vd3d3X19fR0dHc3NzDw8PX19fS0tLIyMjW1tbLy8vd3d3JycnW1tbDw8O5ubl+fn6xsbGoqKiMjIyIiIhOTk6VlZVCQkJycnJNTU0kJCRPT08uLi7h4eHV1dXb29vb29vGxsZra2tfX19CQkL///8TJkIXAAAAanRSTlMAAysIBQwoFRMPGBouNiAjHTH89vPqyfqtiH3koItYUvDt5dS8tqGemYN8a0I2J9Kso2BfQTkzMuzf28/Owru2s6yqqKikn56Vk5ORjoyIhIN/dXJUT05GRT8+Ojo5OTIqIamEgYBiXVlNhioGKAAAAoxJREFUOMuVlNd62zAMhRvUpmySluTteMUzdryy995779mku3j/ByigWJ+S+KY9VzrQz0OBkPTp39XXVa/zCJ/vM8vn41ue8Sgu+v3BYNDPN5hwjJ8pF6FiMGCQAkwR4TpawhAjVDSkur/uSKqTAobsXN8radAShhwmaKizDGJyua04QLWXk4iZM2UEuwzFBFQWq838UbzYsqW0W8X4Ub5ZxawKUFA3Ro7hNyFATM6WTds2y7OTZEQOx2TQz0F9FCMXFwih8jjmTTOP4wLYDS9KCnplDBXLUfULlaM5y8rFhCADkIspw2Oi/VQqDAKkmpbVTAEMFqjQH/WYgCpXaWk/EgR0QQjSIlEtq+5ePnqe75G8AIK2tKMtBxnHH/Q8TvN8PC/zsfQ0wAFuh0jbeAAwnY7Nv/ABEfLa2PMKYkLrHaz9GajhTlgvIK48c1veOdvmTfocdKiGpFpIw3n6xrQ5xmOUbVlC6NAAMwMhLYRlmeoDY75noJeR9u3oXALCoT1m9kJhSMyN3try3Ux/RmdSDdCHuPb71xoeamikZqJjb2dqtKKVKQFwjBvc+wYeA4ipSrTFm7lnuJqZJuQUv4YdjeApQ/FVPkN3XvE6IQ0c0ZcPAA+XegQbAFCPu/PiriJDADqW0rq0L8R+SetUQQMMRbgzd6aZLOXcaXiKpC0rHXkCfUebZTPK8GY6WqA3j7SbfDTNx+QukMRELOs+D/fVLg5PAIfX+V2t89YwMVxsO325M72KJxNLJVw3lZTKXMfSUiIZv3ozU4Y6J5XE5oWSAZJUF5uJykmHEY5xIYPWS/5QSfwRUp7hIswQRHUSfZcsz3l/BYKoTuJfAhnPOYhHsZh4b3r/Uh/c/+gvK4ZX/6fTbwwAAAAASUVORK5CYII=') no-repeat center;
}

/*.icon-kft {
	w
	h
	background: url() no-repeat center;
}*/
/*.icon-kft {
	w
	h
	background: url() no-repeat center;
}*/


/*
 	顶部导航栏
 * */
#nav-top-wrap {
	min-width: 1200px;
	height: 35px;
	background-color: #f2f2f2;
	border-bottom: 1px solid #e5e5e5;
}

.nav-top {
	color: #999;
}

.nav-top-item {
	float: left;
	height: 35px;
}

.nav-top-left a,
.nav-top-right span,
.nav-top-right a {
	float: left;
	margin-left: 3px;
	height: 35px;
	line-height: 35px;
	color: #999;
}

.nav-top-left a,
.nav-top-right a {
	margin-right: 17px;
}

#login {
	margin-right: 0px;
}

.nav-top-left a:hover,
.nav-top-right a:hover {
	color: #eb6120;
}

/*隐藏二维码*/
.fixed_xcx_wrap,
.fixed_app_wrap {
	display: none;
	position: absolute;
	left: 0;
	top: 35px;
	padding: 24px 24px 20px;
	background-color: #ffffff;
	box-shadow: 0px 2px 4px 0px #ccc;
	border: solid 1px #e8e8e8;
	z-index: 105000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.fixed_xcx_wrap .app_tip,
.fixed_app_wrap .app_tip {
	position: absolute;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #fafafa;
	top: -20px;
	left: 50%;
	margin-left: -10px;
}

.fixed_xcx,
.fixed_app {
	overflow: hidden;
}

.fixed_xcx img,
.fixed_app img {
	width: 112px;
	height: 112px;
	margin-bottom: 10px;
}

.fixed_xcx h3,
.fixed_app h3 {
	font-size: 12px;
	line-height: 20px;
	color: #333;
	text-align: center;
	font-family: "Microsoft YaHEI", "Arial";
}

#fixed-top-wx {
	display: none;
	padding: 24px 24px 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 35px;
	margin-left: -190px;
	width: 258px;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 115000;
	box-shadow: 0px 2px 4px 0px #ccc;
	border: solid 1px #e8e8e8;
}

.wx_tip {
	position: absolute;
	left: 50%;
	top: -20px;
	border: 10px solid transparent;
	border-bottom-color: #fff;
}

.wx-intence {
	width: 278px;
}

.wx-intence .wx_qrcode_con {
	float: left;
	width: 115px;
	height: 140px;
	margin-right: 24px;
}

.wx_qrcode_con img {
	width: 112px;
	height: 112px;
}

.wx-intence .wx_qrcode_con h3 {
	width: 100%;
	font-size: 12px;
	line-height: 28px;
	text-align: center;
	color: #333;
	font-family: "Microsoft YaHEI", "Arial";
}

.wx_text {
	border-top: 1px solid #ccc;
	padding-top: 5px;
	font-size: 12px;
	text-align: center;
}

.wx_text a {
	color: #eb6120;
}

/*广告*/
.xafcshow {
	position: relative;
	margin-top: 4px;
}

.xafcshow .adicon {
	left: -1px;
	z-index: 99;
	width: 30px;
	bottom: 1px;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 4px;
	font-size: 8px;
	color: #fff;
	position: absolute;
}

#head-wrap {
	position: relative;
	width: 100%;
	min-width: 1200px;
	padding: 27px 0;
	background: #fff;
	border-bottom: 1px solid #e8e8e8;
	z-index: 10;
}

#head-wrap .head {
	height: 45px;
}

/*logo*/
#logo {
	margin-left: 10px;
}

#logo .index-logo {
	display: block;
	height: 45px;
}

#logo .index-logo img {
	width: 195px;
	height: 45px;
}

#logo .newhouse-logo {
	margin: 10px 0 0 10px;
	display: block;
	height: 30px;
}

#logo .newhouse-logo img {
	width: 73px;
	height: 30px;
}

/* 城市 */
#city {
	position: relative;
	width: 60px;
	font-size: 14px;
	margin-left: 5px;
	cursor: pointer;
	z-index: 10;
}

#city .city-wrap {
	position: relative;
	height: 36px;
}

#city .city-wrap a {
	position: absolute;
	top: 50%;
	left: 0;
	width: 50px;
	height: 75px;
	line-height: 45px;
	margin-top: -18px;
	color: #666;
	text-align: center;
}

#city .city-wrap.active a {
	color: #eb6120;
}

#city .icon-arrow {
	position: absolute;
	left: 50px;
	top: 50%;
	margin-top: 4px;
	border: 5px solid transparent;
	border-top: 5px solid #999;
	z-index: 10;
}

#city .city-wrap.active .icon-arrow {
	margin-top: -2px;
	border: 5px solid transparent;
	border-bottom: 5px solid #eb6120;
}

.city-menu {
	display: none;
	position: absolute;
	top: 72px;
	left: -14px;
	width: 228px;
	background: #fff;
	border-radius: 4px;
	border: solid 1px #e8e8e8;
	z-index: 10;
}

.city-menu li {
	float: left;
	width: 48px;
	height: 22px;
	padding: 6px 14px;
}

.city-menu li a {
	display: inline-block;
	width: 48px;
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	text-align: center;
	color: #666;
}

.city-menu li a.active {
	border-radius: 3px;
	background: #f2f2f2;
	color: #eb6120;
}

/* 内容 */
.main-title {
	height: 30px;
	line-height: 30px;
	font-size: 24px;
	font-weight: 600;
	color: #333;
}

/* 列表 */
.live-list {
	width: 1240px;
}

.live-list .live-item {
	float: left;
	display: block;
	margin: 0 32px 40px 0;
	width: 276px;
	height: 500px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 8px 1px #ccc;
	-moz-box-shadow: 1px 1px 8px 1px #ccc;
	box-shadow: 1px 1px 8px 1px #ccc;
}

.live-img-wrap {
	width: 276px;
	height: 368px;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	overflow: hidden;
	position: relative;
}

.live-img-wrap img {
	width: 276px;
	/* height: 368px; */
	height: auto;
	transition: all .6s;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.live-img-wrap .live-type {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 9;
}

.live-img-wrap .live-type.type1 {
	width: 68px;
	height: 30px;
	background: url(http://assets.xafc.com/img/type1.png) no-repeat center;
}

.live-img-wrap .live-type.type2 {
	width: 68px;
	height: 30px;
	background: url(http://assets.xafc.com/img/type2.png) no-repeat center;
}

.live-img-wrap .live-type.type3 {
	width: 58px;
	height: 30px;
	background: url(http://assets.xafc.com/img/type3.png) no-repeat center;
}

.live-img-wrap .live-type.type4 {
	width: 81px;
	height: 30px;
	background: url(http://assets.xafc.com/img/type4.png) no-repeat center;
}

.live-list .live-item:hover {
	-webkit-box-shadow: 1px 1px 4px 1px #eb6120;
	-moz-box-shadow: 1px 1px 4px 1px #eb6120;
	box-shadow: 1px 1px 4px 1px #eb6120;
}

.live-list .live-item:hover .live-img-wrap img {
	transform: scale(1.1);
}

.live-info-wrap {
	padding: 0 13px;
	width: 250px;
	height: 132px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	overflow: hidden;
}

.live-info-wrap h2 {
	float: left;
	width: 250px;
	margin: 12px 0;
	height: 48px;
	line-height: 24px;
	font-size: 18px;
	font-weight: 600;
	color: #333;
	overflow: hidden;
}

.live-list .live-item:hover .live-info-wrap h2 {
	color: #eb6120;
}

.live-info-wrap .customer-wrap {
	float: left;
	max-width: 130px;
	height: 60px;
	overflow: hidden;
}

.live-info-wrap .customer-wrap .avatar {
	float: left;
	margin: 20px 5px 0 0;
	width: 20px;
	height: 20px;
}

.live-info-wrap .customer-wrap .nickname {
	float: left;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	color: #666;
}

.live-info-wrap .watch-num {
	float: right;
	padding-left: 24px;
	max-width: 120px;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	color: #666;
	background: url(http://assets.xafc.com/img/num.png) no-repeat left center;
	overflow: hidden;
}

.no_live {
	display: block;
	margin: 100px auto 20px;
	width: 97px;
	height: 82px;
}
.no_live_text {
	margin-bottom: 80px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #999;
	text-align: center;
}

/* 分页 */
.zx_page {
	text-align: center;
	height: 34px;
	margin: 20px 0
}
.zx_page a {
	border: 1px solid #e5e5e5;
	padding: 8px 15px;
	margin-right: 4px;
	display: inline-block
}
.zx_page a:hover {
	background: #ea5504;
	color: #fff !important;
	text-decoration: none
}
.zx_page span {
	display: inline-block;
	padding: 9px 2px;
	margin-right: 4px;
}
.zx_page span.current {
	padding: 9px 15px;
	background: #ea5504;
	color: #fff;
}

/* 详情 */
.live-details-title {
	padding: 20px 0;
	/* height: 100px; */
}

.live-details-title h2 {
	padding: 15px 0;
	width: 1050px;
	/* height: 60px;
	line-height: 60px; */
	font-size: 30px;
	font-weight: 600;
	color: #333;
}

.live-details-title p {
	padding-left: 24px;
	width: 1040px;
	height: 40px;
	line-height: 40px;
	font-weight: 400;
	font-size: 16px;
	color: #333;
	background: url(http://assets.xafc.com/img/time.png) no-repeat left center;
}

.mobile-qrcode {
	position: absolute;
	right: 0;
	top: 15px;
	width: 100px;
	height: 110px;
	user-select: none;
}

.mobile-qrcode img {
	display: block;
	margin: 0 auto;
	width: 92px;
	height: 92px;
}

.mobile-qrcode span {
	text-align: center;
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	color: #333;
}


/* 推荐 */
/* .houseinfo-container {
	width: 1240px;
} */
.houseinfo-wrap,
.house-qrcode {
	float: left;
	margin: 0 20px 30px 0;
	width: 380px;
	height: 140px;
}

.houseinfo-wrap .img-wrap {
	float: left;
	width: 182px;
	height: 138px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}

.houseinfo-wrap .img-wrap.border {
	border-color: #eee;
}

.houseinfo-wrap .img-wrap img {
	width: 182px;
	height: 138px;
	transition: all .6s;
}

.houseinfo-wrap .houseinfo {
	float: left;
	padding-left: 10px;
	width: 186px;
	height: 140px;
	overflow: hidden;
}

.houseinfo-wrap .houseinfo h2 {
	height: 40px;
	line-height: 40px;
	font-weight: 600;
	font-size: 20px;
	color: #333;
}

.houseinfo-wrap .houseinfo h2 span {
	display: inline-block;
	max-width: 135px;
	height: 40px;
	line-height: 40px;
	font-weight: 600;
	font-size: 20px;
	color: #333;
}

.houseinfo-wrap .houseinfo h2 .sellType {
	display: inline-block;
	vertical-align: top;
	margin: 10px 0 0 5px;
	padding: 0 9px;
	height: 22px;
	line-height: 22px;
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}

.houseinfo-wrap .houseinfo h2 .sellType.coming {
	background-color: #35aadc;
}

.houseinfo-wrap .houseinfo h2 .sellType.selling {
	background-color: #ff4e49;
}

.houseinfo-wrap .houseinfo h2 .sellType.sellout {
	background-color: #999;
}

.houseinfo-wrap .houseinfo div.text-ellipsis {
	line-height: 32px;
	font-size: 14px;
	color: #999;
}

.houseinfo-wrap .houseinfo div.text-ellipsis em {
	font-size: 28px;
	color: #ff4e49;
	line-height: 1;
}

.houseinfo-wrap .houseinfo p {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	height: 96px;
	overflow: hidden;
}

.houseinfo-wrap:hover h2,
.houseinfo-wrap:hover h2 span {
	color: #eb6120;
}

.houseinfo-wrap:hover .img-wrap img {
	transform: scale(1.1);
}

/* 二维码 */
.house-qrcode .img-wrap {
	float: left;
	width: 138px;
	height: 138px;
	border: 1px solid #eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}

.house-qrcode .img-wrap img {
	width: 138px;
	height: 138px;
	transition: all .6s;
}

.house-qrcode .qrcode-info {
	float: left;
	padding-left: 15px;
	width: 225px;
	height: 140px;
}

.house-qrcode .qrcode-info h2 {
	height: 40px;
	line-height: 40px;
	font-weight: 600;
	font-size: 20px;
	color: #333;
}

.house-qrcode .qrcode-info p {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #999;
}

/* 
  底部
 */
#bottom {
	margin-top: 60px;
	background: #f3f3f3;
	border-top: 1px solid #e0e0e0;
	width: 100%;
	float: left;
	height: 85px;
}

.bottombox {
	width: 1200px;
	margin: 0 auto;
	padding-top: 15px;
	color: #818181;
	height: 30px;
	line-height: 29px;
	font-size: 14px;
	text-align: center;
}

.bottombox a {
	color: #818181;
	padding: 0 6px;
	display: inline-block;
}


/* 直播 */
#video-container {
	margin: 0 auto 30px;
	width: 1200px;
	height: 490px;
	overflow: hidden;
}

/* 视频区 */
#video-container .video-wrap {
	float: left;
	position: relative;
	width: 872px;
	height: 490px;
	background: #000;
}

#author {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 9;
}

#author .author-wrap {
	float: left;
	margin-right: 5px;
	width: 42px;
	height: 42px;
	/* border: 1px solid #fff; */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}

#author .author-wrap img {
	width: 100%;
	height: 100%;
}

#author .author-info {
	float: left;
	margin-right: 10px;
	height: 42px;
	overflow: hidden;
}

#author .author-info span {
	display: block;
	color: #fff;
}

#author .author-info span.nickname {
	font-size: 18px;
	height: 24px;
	line-height: 24px;
}

#author .author-info span.live-watch-num {
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	font-weight: 600;
}

#attented {
	float: left;
	margin-top: 7px;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-image: linear-gradient(-90deg,
		#eb6120 0%,
		#fc9419 100%),
		linear-gradient(90deg,
		#eb6120 0%,
		#fc9419 100%);
	background-blend-mode: normal,
		normal;
}

/* 倒计时 */
#countdown {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
}

#countdown h2 {
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	text-align: center;
	color: #fff;
}

#countdown p {
	height: 38px;
	line-height: 38px;
	color: #fff;
	font-size: 20px;
	opacity: .8;
}

#countdown p span {
	display: inline-block;
	vertical-align: top;
	margin: 0 8px;
	width: 48px;
	height: 38px;
	line-height: 38px;
	font-size: 24px;
	text-align: center;
	background-color: #eb6120;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/* 点赞 */
#like-container {
	position: absolute;
	right: 25px;
	bottom: 60px;
	z-index: 9;
}
#like-content {
	position: absolute;
	right: -20px;
	bottom: 120px;
}
#like-container .like-wrap {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: center;
}
#like-container .like-wrap .like-num {
	display: inline-block;
	padding: 4px 8px;
	height: 20px;
	line-height: 18px;
	font-size: 12px;
	color: #fff;
	-webkit-border-radius: :;;
	-moz-border-radius: 14px;
	border-radius: 14px;
	overflow: hidden;
	background: rgba(255,0,0,.5);
	user-select: none;
}

#like {
	display: block;
	margin: -5px auto 0;
	width: 44px;
	height: 44px;
	background: url(http://assets.xafc.com/img/like.png) no-repeat center;
}

/* 直播主体 */
#video {
	width: 872px;
	height: 490px;
	background: url(http://assets.xafc.com/img/live_bg.jpg) no-repeat center;
}

/* 评论区 */
#video-container .comment-wrap {
	float: left;
	position: relative;
	width: 328px;
	height: 490px;
	background: #323030;
}

#video-container .comment-wrap .comment-title {
	margin-top: 12px;
	padding-left: 15px;
	border-bottom: 1px solid #424242;
}

.comment-title a {
	float: left;
	height: 42px;
	line-height: 42px;
	color: #999;
	font-size: 18px;
	border-bottom: 2px solid #eb6120;
}
#comment {
	padding: 15px;
	height: 350px;
}
#barrage {
	width: 298px;
	height: 350px;
	overflow: hidden;
}
.overflow-text {
    display: block;
    opacity: 0;
    clear: both;
    padding: 0 10px;
    border-radius: 10px;
    box-sizing: border-box;
    max-width: 100%;
    color: #fff;
}
.overflow-tag {
    color: #FFDF74;
}
.zhubo-tag {
    color: #E84944;
}
#input {
	display: block;
	margin: 0 15px;
	padding: 0 14px;
	width: 270px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #fff;
	background-color: #4d4a4a;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}