body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
}

fieldset, img {
	border: 0;
}

abbr, acronym {
	border: 0;
	font-variant: normal;
}

:focus {
	outline: 0;
}

address, caption, cite, code, dfn, em, th, var, optgroup {
	font-style: inherit;
	font-weight: inherit;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

abbr, acronym {
	border: 0;
	font-variant: normal;
}

input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

input, button, select, textarea {
	outline: none;
}

textarea {
	resize: none;
}/*@branch For IE6-Win, IE7-Win */input, button, textarea, select {
	*font-size: 100%;
}

ul, ol,li {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {
	text-align: left;
}

sup, sub {
	font-size: 100%;
	vertical-align: baseline;
}

del {
	text-decoration: line-through;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

:link, :visited, ins {
	text-decoration: none;
}

article, aside, canvas, dialog, figure, footer, header, hgroup, nav, section, video {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	zoom: 1;
	cursor:default;
}
.clearfix .selected{
	border-radius:8%
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	clear: both;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	font-size: 12px;
	line-height: 22px;
	font-family: \5FAE\8F6F\96C5\9ED1,arial,\5b8b\4f53;
	cursor: default;
}

cite,i {
	font-style: normal;
}

body {
	background: #efefef;
	color: #FFF;
/* 	height:100%;
	width:100%; */
}
.jedate {
	color: #000;
}

.hide{
	display:none;
}

/* 弹窗 提示 */
.dds-dialog-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.dds-dialog-boxer {
	position: absolute;
	color: #fff;
	top: 0;
	left: 0;
}

.dds-dialog-boxer .dds-dialog-tl,.dds-dialog-boxer .dds-dialog-tr,.dds-dialog-boxer .dds-dialog-bl,.dds-dialog-boxer .dds-dialog-br,.dds-dialog-boxer .dds-dialog-cr,.dds-dialog-boxer .dds-dialog-cl,.dds-dialog-boxer .dds-dialog-bc {
	overflow: hidden;
	background: url('../images/white_dot_02.png');
}

.dds-dialog-boxer .dds-dialog-tc .dds-dialog-closed {
	background: url('../images/dialog_bg_icon.png') no-repeat -49px -5px;
	overflow: hidden;
	width: 11px;
	height: 11px;
	cursor: pointer;
	position: absolute;
	right: 8px;
	top: 13px;
}

.dds-dialog-boxer .dds-dialog-tc .dds-dialog-closed-over {
	background-position: -70px -5px;
}

.dds-dialog-boxer .dds-dialog-tl,.dds-dialog-boxer .dds-dialog-tc,.dds-dialog-boxer .dds-dialog-tr {
	height: 30px;
}

.dds-dialog-boxer .dds-dialog-tc {
	background: url('../images/dialog_top_bg.png') repeat-x;
	position: relative;
}

.dds-dialog-boxer .dds-dialog-cl,.dds-dialog-boxer .dds-dialog-cr {
	width: 5px;
}

.dds-dialog-boxer .dds-dialog-cc {
	background: #2f2c39;
}

.dds-dialog-boxer .dds-dialog-bl,.dds-dialog-boxer .dds-dialog-bc,.dds-dialog-boxer .dds-dialog-br {
	height: 5px;
}

.dds-dialog-boxer .dds-dialog-tc .dds-dialog-title {
	float: left;
	color: #fff;
	line-height: 25px;
	padding-left: 10px;
	padding-top: 5px;
}
/* alert 样式 */
.dds-dialog-boxer .dds-dialog-alert {
	width: 300px;
}

.dds-dialog-boxer .dds-dialog-alert .dds-dialog-txt {
	text-align: center;
	padding: 30px 20px;
}

.dds-dialog-boxer .dds-dialog-alert .dds-dialog-btnc {
	text-align: right;
	background: #2f2c39;
	padding: 10px;
}

.dds-dialog-boxer .dds-dialog-alert .dds-dialog-btn {
	width: 55px;
	height: 28px;
	background: url('../images/dialog_btn_bg.png') no-repeat 0 0;
	border: none;
	cursor: pointer;
}
/* confirm 样式 */
.dds-dialog-boxer .dds-dialog-confirm {
	width: 300px;
}

.dds-dialog-boxer .dds-dialog-confirm .dds-dialog-txt {
	text-align: center;
	padding: 30px 20px;
}

.dds-dialog-boxer .dds-dialog-confirm .dds-dialog-btn {
	text-align: right;
	background: #2f2c39;
	padding: 10px;
}

.dds-dialog-boxer .dds-dialog-confirm .dds-dialog-sure {
	width: 55px;
	height: 28px;
	background: url('../images/dialog_btn_bg.png') no-repeat 0 0;
	border: none;
	cursor: pointer;
	margin-right: 10px;
}

.dds-dialog-boxer .dds-dialog-confirm .dds-dialog-cancel {
	width: 55px;
	height: 28px;
	background: url('../image/dialog_btn_bg.png') no-repeat 0 -29px;
	border: none;
	cursor: pointer;
}

/* 红包礼物提示 */
#red_gift_config {
	display: none;
	position: absolute;
	top: 500px;
	left: 1000px;
	width: 270px;
	height: 156px;
	font-size: 14px;
	box-sizing: border-box;
	padding-top: 10px;
	border-radius: 10px;
	z-index: 999;
	background: #fff;
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
}

#red_gift_config::after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-width: 8px 8px 0;
	border-style: solid;
	border-color: #fff transparent transparent;
	/* 红 透明 透明 */
	bottom: -8px;
	left: 128px;
}

#red_gift_config .title {
	padding: 0 20px;
	text-align: center;
	font-size: 16px;
	color: #000;
	font-weight: 600;
	margin-bottom: 8px;
}

#red_gift_config .conter {
	padding: 0 15px;
	font-size: 14px;
	line-height: 20px;
	color: #999;
}

#red_gift_config .eg {
	font-size: 12px;
	line-height: 20px;
	color: #FC3434;
	text-align: center;
}

#red_gift_config .button {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	border-top: 1px solid #ECECEC;
	border-radius: 0 0 10px 10px;
	overflow: hidden;
}

#red_gift_config .button .cancel,
#red_gift_config .button .ok {
	float: left;
	height: 100%;
	width: 50%;
	box-sizing: border-box;
	font-size: 14px;
	background: #fff;
	text-align: center;
	line-height: 40px;
	color: #9B9B9B;
	border: none;
	margin: 0;
	padding: 0;
}

#red_gift_config .button .ok {
	border-left: 1px solid #ECECEC;
	color: #FF3434;
}

#red_gift_config .button .cancel:hover {
	background: #FF3434;
	color: #fff;
}

#red_gift_config .button .ok:hover {
	background: #FF3434;
	color: #fff;
}

/* 提示信息样式 */
.dds-dialog-tip .dds-dialog-tl,.dds-dialog-tip .dds-dialog-tr,.dds-dialog-tip .dds-dialog-tc {
	height: 5px;
	line-height: 5px;
}

.dds-dialog-tip .dds-dialog-tc .dds-dialog-closed {
	display: none;
}

.dds-dialog-tip .dds-dialog-tc .dds-dialog-closed-on {
	display: block;
	cursor: pointer;
}

.dds-dialog-tip .dds-dialog-cc {
	min-width: 50px;
	background: #2f2c39;
	padding: 4px;
	border-radius: 0;
}

.dds-dialog-tip .dds-dialog-cc .dds-dialog-con {
	padding: 3px;
	color: #FFF;
}

.dds-dialog-tip .dds-dialog-arrows {
	position: absolute;
	overflow: hidden;
	width: 10px;
	height: 10px;
	background: url('../images/room_bg.png') no-repeat;
}

.dds-dialog-tip .dds-dialog-bottom {
	background-position: -120px -220px;
	margin-top: -4px;
}

.dds-dialog-tip .dds-dialog-left {
	background-position: -180px -220px;
}

.dds-dialog-tip .dds-dialog-top {
	background-position: -140px -220px;
}

.dds-dialog-tip .dds-dialog-right {
	background-position: -160px -220px;
}

.dds-dialog-tip .tipClose {
	color: #FF6907;
}

.dds-dialog-tip .tipClose:hover {
	color: #FF823F;
}

.dds-dialog-none-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.dds-dialog-none-boxer {
	position: absolute;
	color: #000;
}
/* 提示窗 充值按钮 */
.BTN-recharge {
	background: #645991;
	border: 1px solid #645991;
	border-radius: 3px;
	text-align: center;
	display: block;
	cursor: pointer;	
	width: 45px;
	height: 28px;
	line-height: 28px;
	color: #FFF;
}	

.BTN-recharge:hover {
	background: #756b9e;
	border: 1px solid #756b9e;
}


/* 滚动条样式 */
.dds-scroll-panel .top-bg,.dds-scroll-panel .bottom-bg,.dds-scroll-slider .top-bg,.dds-scroll-slider .bottom-bg {
	width: 3px;
	height: 3px;
	overflow: hidden;
	position: absolute;
}

.dds-scroll-slider .top-bg,.dds-scroll-slider .bottom-bg,.dds-scroll-panel .dds-scroll-slider {
	background: url('../images/white_dot_02.png');
}

.dds-scroll-panel {
	position: relative;
	width: 3px;
}

.dds-scroll-panel .top-bg {
	top: -3px;
}

.dds-scroll-panel .bottom-bg {
	bottom: -3px;
}

.dds-scroll-panel .dds-scroll-slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
}

.dds-scroll-panel .dds-scroll-slider .top-bg {
	top: -3px;
}

.dds-scroll-panel .dds-scroll-slider .bottom-bg {
	bottom: -3px;
}

.dds-scroll-panel .dds-scroll-over {
}

.dds-scroll-panel .dds-scroll-over .top-bg {
}

.dds-scroll-panel .dds-scroll-over .bottom-bg {
}

.dds-scroll-panel-x .top-bg,.dds-scroll-panel-x .bottom-bg,.dds-scroll-panel-x .dds-scroll-slider .top-bg,.dds-scroll-panel-x .dds-scroll-slider .bottom-bg {
	width: 3px;
	height: 3px;
}

.dds-scroll-panel-x {
	width: auto;
	height: 3px;
}

.dds-scroll-panel-x .top-bg {
	left: -3px;
	top: 0;
}

.dds-scroll-panel-x .bottom-bg {
	right: -3px;
	top: 0;
}

.dds-scroll-panel-x .dds-scroll-slider {
	top: 0;
	left: 0;
	width: auto;
	height: 3px;
}

.dds-scroll-panel-x .dds-scroll-slider .top-bg {
	left: -3px;
	top: 0;
}

.dds-scroll-panel-x .dds-scroll-slider .bottom-bg {
	right: -3px;
	top: 0;
}



/* 网页最小尺寸 */
.SR-pager {
	min-width: 1532px;
	padding-top: 20px;
}
/* 按钮效果 */
.BTN-add-attention,.BTN-has-attention {
	background: #0099cc;
	width: 56px;
	height: 26px;
	border-radius: 3px;
	line-height: 26px;
	color: #FFF;
	display: block;
	text-align: center;
	margin: 0 auto;
}

.BTN-add-attention:hover,.BTN-has-attention:hover {
	background: #0086b3;
	text-decoration: none;
}

.freegift-more .more-btn .bg,.MR-star-tips,.MR-gift-tip,.MR-custom-dialog {
	background: url('../images/white_dot_05.png');
}
/* 喇叭容器 */
.M-bubble {
	position: absolute;
	background: url('../images/bubble_dot.png');
	border-radius: 3px;
	border: 1px solid #fe5d67;
}

.M-bubble .arrow-top {
	position: absolute;
	width: 9px;
	height: 6px;
	overflow: hidden;
	background: url('../images/icon_bg.png') no-repeat -231px -88px;
	left: 50%;
	top: -6px;
	margin-left: -4px;
}

.M-bubble .arrow-bottom {
	position: absolute;
	width: 9px;
	height: 6px;
	overflow: hidden;
	background: url('../images/icon_bg.png') no-repeat -211px -88px;
	left: 50%;
	bottom: -6px;
	margin-left: -4px;
}

.M-bubble .arrow-left {
	position: absolute;
	width: 6px;
	height: 9px;
	overflow: hidden;
	background: url('../images/icon_bg.png') no-repeat -256px -89px;
	top: 50%;
	left: -6px;
	margin-top: -4px;
}

.M-bubble .arrow-right {
	position: absolute;
	width: 6px;
	height: 9px;
	overflow: hidden;
	background: url('../images/icon_bg.png') no-repeat -272px -89px;
	top: 50%;
	right: -6px;
	margin-left: -4px;
}

.M-bubble .detail {
	padding: 8px 12px;
	white-space: nowrap;
}
/* 左侧导航 */
.SR-nav {
	width: 70px;
	position: fixed;
	top: 0;
	bottom: 0;
	min-height: 620px;
	z-index: 120;
}

.SR-nav .nav-fg {
	position: absolute;
	width: 100%;
	background:#320222 url(../../front/images/live-slide.png) center top no-repeat;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 98;
}

.SR-nav .nav-bg {
	position: absolute;
	left: -190px;
	top: 0;
	width: 240px;
	padding: 10px;
	background:#4d5e81 url('../images/yonghuliebao.png') no-repeat center top;
/* 	background: #2a2126; */
	bottom: 0;
	z-index: 97;
	display: none;
}

.SR-nav .nav-link {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	z-index: 99;
}

.SR-nav h1 {
	padding: 15px 0 10px 0;
	border-bottom: 1px solid #6e2d59;
	margin-bottom: 10px;
}

.SR-nav h1 img {
	width: 66px;
	height: auto;
}

.SR-nav .MR-user {
	float: none;
	margin: 0;
	padding: 0;
	margin-bottom: 12px;
	overflow:hidden;
}
#LF-user .MR-user .hd-login{
	float:none;
	height:auto;
	margin:12px 0 0;
}
.SR-nav .MR-user .ICON-coins {
	float: none;
	margin-top: 0;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}
/* 未登录 */
.SR-nav .no-login a {
	width: 40px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	margin: 0 auto;
	color: #FFF;
	border-radius: 3px;
	display: block;
	padding: 0;
}

.SR-nav .no-login a:hover {
	text-decoration: none;
}

.SR-nav .no-login a.login {
	background: #ac3765;
	margin: 0 auto 10px auto;
}

.SR-nav .no-login a.login:hover {
	background: #a81650;
}

.SR-nav .no-login a.reg {
	background: #ac3765;
}

.SR-nav .no-login a.reg:hover {
	background: #a81650;
}
/* 已登录 */
.SR-nav .login .photoer {
	margin: 10px auto;
	width: 40px;
	cursor: pointer;
}

.SR-nav .login .photoer img {
	display: block;
	width: 40px;
	height: auto;
	border-radius: 50%;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}

.SR-nav .login .photoer img:hover {
	box-shadow: 0 0 10px #FFF;
}

.SR-nav .login .money {
	text-align: center;
	color: #dfc153;
	margin-bottom: 10px;
}
.SR-nav .login .money .chargeBtn{
  display:block;
  width:54px;
  height:22px;
  border-radius:4px;
  margin:0 auto;
  color:#fff;
  font-size:12px;
  text-align:center;
  line-height:22px;
  background:-webkit-linear-gradient(90deg, #ff3240, #fe5f69);
  background:-moz-linear-gradient(90deg, #ff3240, #fe5f69);
  background:-ms-linear-gradient(90deg, #ff3240, #fe5f69);
  background:-o-linear-gradient(90deg, #ff3240, #fe5f69);
  background:linear-gradient(90deg, #ff3240, #fe5f69);
}
.SR-nav .login .money .exChangeBtn{
  display:block;
  width:54px;
  height:22px;
  border-radius:4px;
  margin:5px auto 5px;
  color:#fff;
  font-size:12px;
  text-align:center;
  line-height:22px;
  background:-webkit-linear-gradient(90deg, #ff3240, #fe5f69);
  background:-moz-linear-gradient(90deg, #ff3240, #fe5f69);
  background:-ms-linear-gradient(90deg, #ff3240, #fe5f69);
  background:-o-linear-gradient(90deg, #ff3240, #fe5f69);
  background:linear-gradient(90deg, #ff3240, #fe5f69);
}
.SR-nav .login .recharge {
	width: 40px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin: 0 auto;
	color: #FFF;
	border-radius: 10px;
	display: block;
	background: #ffcc34;
}

.SR-nav .login .recharge:hover {
	text-decoration: none;
	background: #deaf23;
}


.ICON-nav-news,.ICON-nav-online,.ICON-nav-share,.ICON-nav-app,.ICON-nav-weixin,.ICON-nav-help,.ICON-nav-report,.ICON-client,.ICON-nav-down {
	background: url('../images/nav_icon_v2.png') no-repeat;
	display: block;
	margin: 0 auto;
	width: 25px;
}

.ICON-nav-news {
	height: 17px;
	background-position: 0 0;
}

.ICON-nav-online {
	height: 23px;
	background-position: 0 -56px;
}

.ICON-nav-share {
	height: 24px;
	background-position: 0 -242px;
}

.ICON-nav-app {
	height: 24px;
	background-position: 0 -292px;
}

.ICON-nav-weixin {
	height: 20px;
	background-position: 0 -344px;
}

.ICON-nav-help {
	height: 23px;
	background-position: 0 -392px;
}

.ICON-client {
	height: 24px;
	background-position: 0 -128px;
}

.ICON-nav-report {
	height: 44px;
	background-position: 0 -180px;
}


.ICON-nav-down {
	height: 44px;
	background-position: 0 -58px;
}
.SR-nav .nav li {
	cursor: pointer;
	border-bottom: 1px solid #6e2d59;
}

.SR-nav .nav li .dds-pop-co {
	*margin-top: -4px;
}

.SR-nav .nav li label.fun {
	display: block;
	text-align: center;
	cursor: pointer;
	line-height: 32px;
}

.SR-nav .nav li a.linked {
	display: block;
	text-align: center;
	height: 32px;
	color: #FFF;
	line-height: 32px;
}

.SR-nav .nav li a.linked:hover {
	background: #fe5d67;
	text-decoration: none;
}

.SR-nav .nav li.user {
	cursor: default;
}

.SR-nav .nav li.user label {
	cursor: default;
	display: block;
	text-align: center;
}

.SR-nav .nav li.on {
	background: #fe5d67;
}

/* 左侧底部 */
.SR-nav .nav-link li {
	position: relative;
}

.SR-nav .nav-link li .info {
	position: absolute;
	left: 70px;
	top: 40px;
	display: none;
}

.SR-nav .nav-link li .icon {
	overflow: hidden;
	width: 100%;
	height: 44px;
}

.SR-nav .nav-link dl {
	cursor: pointer;
	height: 88px;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}

.SR-nav .nav-link dl:hover {
	transform: translate(0,-44px);
	-moz-transform: translate(0,-44px);
	-webkit-transform: translate(0,-44px);
	-o-transform: translate(0,-44px);
}

.SR-nav .nav-link .share dt {
	height: 34px;
	padding-top: 10px;
}

.SR-nav .nav-link .app dt {
	height: 34px;
	padding-top: 10px;
}

.SR-nav .nav-link .app .app-ma {
	background: url('../images/pc_room.png') no-repeat;
	width: 107px;
	height: 120px;
	top: -37px;
	left: -7px;
	position: absolute;
}

.SR-nav .nav-link .weixin .weixin-ma {
	background: url('../images//weixin2.png') no-repeat;
	width: 107px;
	height: 120px;
	top: -40px;
	left: -7px;
	position: absolute;
}

.SR-nav .nav-link .weixin dt {
	height: 32px;
	padding-top: 12px;
}

.SR-nav .nav-link .desc {
	display: block;
	background: #fe5d67;
	height: 44px;
	color: #FFF;
	text-align: center;
	text-decoration:none;
	line-height: 44px;
	cursor: pointer;
}
.SR-nav .nav-link .desc:hover
{
	text-decoration:none;
}


.SR-nav .dds-pop-co {
	margin-left: 9px;
}

.SR-nav .nav-link .client {
	display: none;
}

.SR-nav .nav-link .help,.SR-nav .nav-link .client,.SR-nav .nav-link .down {
	overflow: hidden;
	width: 100%;
	height: 44px;
}

.SR-nav .nav-link .help a,.SR-nav .nav-link .client a,.SR-nav .nav-link .down a {
	display: block;
	height: 88px;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}

.SR-nav .nav-link .help a .ICON-nav-help {
	height: 44px;
	background-position: 0 -380px;
}

.SR-nav .nav-link .help a:hover,.SR-nav .nav-link .client a:hover,.SR-nav .nav-link .down a:hover  {
	text-decoration: none;
	transform: translate(0,-44px);
	-moz-transform: translate(0,-44px);
	-webkit-transform: translate(0,-44px);
	-o-transform: translate(0,-44px);
}

.SR-nav .nav-link .help a .ICON-nav-iku {
	height: 44px;
	display: block;
	margin: 0 auto;
	width: 25px;
	background: url('../images/iku_room.png') no-repeat 3px 14px;
}

.SR-nav .nav-link .client a .ICON-client {
	height: 44px;
	background-position: 0 -120px;
}

.SR-nav .nav-link .report {
	overflow: hidden;
	width: 100%;
	height: 44px;
}

.SR-nav .nav-link .report .icon {
	display: block;
	height: 88px;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}

.SR-nav .nav-link .report .icon:hover {
	text-decoration: none;
	transform: translate(0,-44px);
	-moz-transform: translate(0,-44px);
	-webkit-transform: translate(0,-44px);
	-o-transform: translate(0,-44px);
}

/* 左侧导航 */
/* 左侧会员信息窗 */
.M-top-user-card-container {
	position: absolute;
	right: -119px;
	top: 25px;
	padding: 5px;
	width: 327px;
	font-size: 12px;
	right: auto;
	left: 70px;
	top: 70px;
}

.M-top-user-card-tip {
	height: 34px;
	line-height: 34px;
	border-radius: 5px 5px 0 0;
	text-align: center;
	display:none;
}


.M-top-user-card-room {
	right: auto;
	background: url('../images/white_dot_02.png') 0 0;
	cursor: default;
	display: none; 
}

.M-top-user-card-room .M-top-user-card,.M-top-user-card-room .M-top-user-card-tip {
	background: #221d20;
	color: #FFF;
}

.M-top-user-card-room .info-area .edit-btn {
	background: url('../images/edit.png') no-repeat;
	background-position: 0 0;
}

.M-top-user-card-room .info-area .edit-btn:hover {
	background-position: -25px 0;
}

.M-top-user-card-room .info-area .progress .progress-bar {
	background: url('../images/p_b.png') 0 0;
}

.M-top-user-card-room .info-area .progress .count {
	color: #FFF;
}

.M-top-user-card-room .info-area .level-msg {
	color: #999999;
}

.M-top-user-card-room .info-area .name-text .text {
	color: #f0eaf2;
}

.M-top-user-card-room .hidden-area {
	background: url('../images/level_v1.png') no-repeat 0 0;
}

.M-top-user-card-room .hidden-area .tip {
	color: #c59801;
	border: 1px solid #0a7593;
	background: url('../images/tip_b.png') 0 0;
}

.M-top-user-card-room .hidden-area .tip .arrow {
	background: url('../images/tip_bot.png') no-repeat 0 0;
}

.M-top-user-card-room .info-area .name-edit .edit-input {
	border: 1px solid #0a7593;
	color: #FFF;
}

.M-top-user-card-room .info-area .name-edit .edit-input:focus {
	border: 1px solid #0099cc;
}

.M-top-user-card-room .info-area .name-edit .edit-submit {
	color: #FFF;
	background-color: #0099cc;
}

.M-top-user-card-room .info-area .name-edit .edit-submit:hover {
	background-color: #00bfff;
}

.M-top-user-card-room .M-top-user-card-bottom-area {
	background: #2d292b;
}



.M-top-user-card {
	padding: 10px 10px 0;
	display: none; 
}

.M-top-user-card .info-area {
	position: relative;
	padding-left: 51px;
	height: 58px;
}

.M-top-user-card .info-area .pic,.M-top-user-card .info-area .pic img {
	width: 40px;
	height: 40px;
}

.M-top-user-card .info-area .pic {
	position: absolute;
	left: 0;
	top: 5px;
	border-radius: 30px;
	overflow: hidden;
}

.M-top-user-card .info-area .name-text,.M-top-user-card .info-area .name-edit {
	padding-bottom: 5px;
}

.M-top-user-card .info-area .name-text .text {
	float: left;
	padding-right: 5px;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
}

.M-top-user-card .info-area .name-text .level {
	float: left;
	margin: 5px 10px 5px 0;
}

.M-top-user-card .info-area .name-text .edit-btn {
	float: left;
	margin-top: 3px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.M-top-user-card .info-area .name-edit .edit-input {
	float: left;
	padding: 0 5px;
	width: 90px;
	height: 24px;
	line-height: 24px;
	border-radius: 5px;
	background: none transparent;
}

.M-top-user-card .info-area .name-edit .edit-submit {
	float: left;
	margin-left: 5px;
	height: 26px;
	width: 50px;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	line-height: 26px;
}

.M-top-user-card .info-area .progress {
	position: relative;
}

.M-top-user-card .info-area .progress .progress-bar,.M-top-user-card .info-area .progress .progress-bar-inner {
	height: 3px;
}

.M-top-user-card .info-area .progress .progress-bar-inner {
	background: #b9406f;
}

.M-top-user-card .hidden-area {
	position: relative;
	padding-bottom: 18px;
	height: 82px;
	display: none; 
}

.M-top-user-card .hidden-area .tip {
	position: absolute;
	left: 0;
	top: 26px;
	padding: 0 5px;
	height: 26px;
	line-height: 26px;
	border-radius: 5px;
}

.M-top-user-card .hidden-area .tip .arrow {
	position: absolute;
	left: 15px;
	top: 26px;
	width: 9px;
	height: 6px;
}

.M-top-user-card .right-area .right-title {
	position: relative;
	height: 14px;
	line-height: 14px;
}

.M-top-user-card .right-area .right-title .line {
	position: absolute;
	left: 76px;
	right: 0;
	top: 7px;
	height: 1px;
	line-height: 1px;
	overflow: hidden;
	background-color: #818383;
}

.M-top-user-card .right-area .right-icons {
	line-height: 24px;
	padding: 5px 0;
	display:none;
}

.M-top-user-card .right-area .right-icons .icon {
	float: left;
	margin-right: 5px;
	zoom: 1;
}

.M-top-user-card-bottom-area {
	padding: 0 10px;
	height: 30px;
}

.M-top-user-card-bottom-area .my,.M-top-user-card-bottom-area .logout {
	height: 30px;
	line-height: 30px;
}

.M-top-user-card-bottom-area .my {
	float: left;
	color: #FFF;
}

.M-top-user-card-bottom-area .logout {
	float: right;
	color: #FFF;
}

.M-top-user-card .ICON-coins {
	margin: 0 3px;
	line-height: 17px;
}

/* 功能图标 */
.ICON-right,.ICON-right-grey {
	display: inline-block;
	vertical-align: middle;
}

.ICON-right {
	background: url('../images/icon-rights-3.png') no-repeat;
}

.ICON-right-grey {
	background: url('../images/icon-rights-grey-3.png') no-repeat;
}

.ICON-right-48-13 {
	width: 48px;
	height: 48px;
	background-position: 0 0;
}

.ICON-right-48-12 {
	width: 48px;
	height: 48px;
	background-position: -53px 0;
}

.ICON-right-48-11 {
	width: 48px;
	height: 48px;
	background-position: -106px 0;
}

.ICON-right-48-34 {
	width: 48px;
	height: 48px;
	background-position: -159px 0;
}

.ICON-right-48-22 {
	width: 48px;
	height: 48px;
	background-position: -212px 0;
}

.ICON-right-48-21 {
	width: 48px;
	height: 48px;
	background-position: -265px 0;
}

.ICON-right-48-20 {
	width: 48px;
	height: 48px;
	background-position: -318px 0;
}

.ICON-right-48-19 {
	width: 48px;
	height: 48px;
	background-position: -371px 0;
}

.ICON-right-48-33 {
	width: 48px;
	height: 48px;
	background-position: -424px 0;
}

.ICON-right-48-27 {
	width: 48px;
	height: 48px;
	background-position: -477px 0;
}

.ICON-right-48-26 {
	width: 48px;
	height: 48px;
	background-position: -530px 0;
}

.ICON-right-48-25 {
	width: 48px;
	height: 48px;
	background-position: -583px 0;
}

.ICON-right-48-24 {
	width: 48px;
	height: 48px;
	background-position: -636px 0;
}

.ICON-right-48-23 {
	width: 48px;
	height: 48px;
	background-position: -689px 0;
}

.ICON-right-48-14 {
	width: 48px;
	height: 48px;
	background-position: -741px 0;
}

.ICON-right-48-15 {
	width: 48px;
	height: 48px;
	background-position: -794px 0;
}

.ICON-right-48-16 {
	width: 48px;
	height: 48px;
	background-position: -847px 0;
}

.ICON-right-48-17 {
	width: 48px;
	height: 48px;
	background-position: -900px 0;
}

.ICON-right-48-18 {
	width: 48px;
	height: 48px;
	background-position: -953px 0;
}

.ICON-right-32-13 {
	width: 32px;
	height: 32px;
	background-position: 0 -53px;
}

.ICON-right-32-12 {
	width: 32px;
	height: 32px;
	background-position: -53px -53px;
}

.ICON-right-32-11 {
	width: 32px;
	height: 32px;
	background-position: -106px -53px;
}

.ICON-right-32-34 {
	width: 32px;
	height: 32px;
	background-position: -159px -53px;
}

.ICON-right-32-22 {
	width: 32px;
	height: 32px;
	background-position: -212px -53px;
}

.ICON-right-32-21 {
	width: 32px;
	height: 32px;
	background-position: -265px -53px;
}

.ICON-right-32-20 {
	width: 32px;
	height: 32px;
	background-position: -318px -53px;
}

.ICON-right-32-19 {
	width: 32px;
	height: 32px;
	background-position: -371px -53px;
}

.ICON-right-32-33 {
	width: 32px;
	height: 32px;
	background-position: -424px -53px;
}

.ICON-right-32-27 {
	width: 32px;
	height: 32px;
	background-position: -477px -53px;
}

.ICON-right-32-26 {
	width: 32px;
	height: 32px;
	background-position: -530px -53px;
}

.ICON-right-32-25 {
	width: 32px;
	height: 32px;
	background-position: -583px -53px;
}

.ICON-right-32-24 {
	width: 32px;
	height: 32px;
	background-position: -636px -53px;
}

.ICON-right-32-23 {
	width: 32px;
	height: 32px;
	background-position: -689px -53px;
}

.ICON-right-32-14 {
	width: 32px;
	height: 32px;
	background-position: -741px -53px;
}

.ICON-right-32-15 {
	width: 32px;
	height: 32px;
	background-position: -794px -53px;
}

.ICON-right-32-16 {
	width: 32px;
	height: 32px;
	background-position: -847px -53px;
}

.ICON-right-32-17 {
	width: 32px;
	height: 32px;
	background-position: -900px -53px;
}

.ICON-right-32-18 {
	width: 32px;
	height: 32px;
	background-position: -953px -53px;
}

.ICON-right-24-13 {
	width: 24px;
	height: 24px;
	background-position: 0 -90px;
}

.ICON-right-24-12 {
	width: 24px;
	height: 24px;
	background-position: -53px -90px;
}

.ICON-right-24-11 {
	width: 24px;
	height: 24px;
	background-position: -106px -90px;
}

.ICON-right-24-34 {
	width: 24px;
	height: 24px;
	background-position: -159px -90px;
}

.ICON-right-24-22 {
	width: 24px;
	height: 24px;
	background-position: -212px -90px;
}

.ICON-right-24-21 {
	width: 24px;
	height: 24px;
	background-position: -265px -90px;
}

.ICON-right-24-20 {
	width: 24px;
	height: 24px;
	background-position: -318px -90px;
}

.ICON-right-24-19 {
	width: 24px;
	height: 24px;
	background-position: -371px -90px;
}

.ICON-right-24-33 {
	width: 24px;
	height: 24px;
	background-position: -424px -90px;
}

.ICON-right-24-27 {
	width: 24px;
	height: 24px;
	background-position: -477px -90px;
}

.ICON-right-24-26 {
	width: 24px;
	height: 24px;
	background-position: -530px -90px;
}

.ICON-right-24-25 {
	width: 24px;
	height: 24px;
	background-position: -583px -90px;
}

.ICON-right-24-24 {
	width: 24px;
	height: 24px;
	background-position: -636px -90px;
}

.ICON-right-24-23 {
	width: 24px;
	height: 24px;
	background-position: -689px -90px;
}

.ICON-right-24-14 {
	width: 24px;
	height: 24px;
	background-position: -741px -90px;
}

.ICON-right-24-15 {
	width: 24px;
	height: 24px;
	background-position: -794px -90px;
}

.ICON-right-24-16 {
	width: 24px;
	height: 24px;
	background-position: -847px -90px;
}

.ICON-right-24-17 {
	width: 24px;
	height: 24px;
	background-position: -900px -90px;
}

.ICON-right-24-18 {
	width: 24px;
	height: 24px;
	background-position: -953px -90px;
}

.ICON-right-16-13 {
	width: 16px;
	height: 16px;
	background-position: 0 -119px;
}

.ICON-right-16-12 {
	width: 16px;
	height: 16px;
	background-position: -53px -119px;
}

.ICON-right-16-11 {
	width: 16px;
	height: 16px;
	background-position: -106px -119px;
}

.ICON-right-16-34 {
	width: 16px;
	height: 16px;
	background-position: -159px -119px;
}

.ICON-right-16-22 {
	width: 16px;
	height: 16px;
	background-position: -212px -119px;
}

.ICON-right-16-21 {
	width: 16px;
	height: 16px;
	background-position: -265px -119px;
}

.ICON-right-16-20 {
	width: 16px;
	height: 16px;
	background-position: -318px -119px;
}

.ICON-right-16-19 {
	width: 16px;
	height: 16px;
	background-position: -371px -119px;
}

.ICON-right-16-33 {
	width: 16px;
	height: 16px;
	background-position: -424px -119px;
}

.ICON-right-16-27 {
	width: 16px;
	height: 16px;
	background-position: -477px -119px;
}

.ICON-right-16-26 {
	width: 16px;
	height: 16px;
	background-position: -530px -119px;
}

.ICON-right-16-25 {
	width: 16px;
	height: 16px;
	background-position: -583px -119px;
}

.ICON-right-16-24 {
	width: 16px;
	height: 16px;
	background-position: -636px -119px;
}

.ICON-right-16-23 {
	width: 16px;
	height: 16px;
	background-position: -689px -119px;
}

.ICON-right-16-14 {
	width: 16px;
	height: 16px;
	background-position: -741px -119px;
}

.ICON-right-16-15 {
	width: 16px;
	height: 16px;
	background-position: -794px -119px;
}

.ICON-right-16-16 {
	width: 16px;
	height: 16px;
	background-position: -847px -119px;
}

.ICON-right-16-17 {
	width: 16px;
	height: 16px;
	background-position: -900px -119px;
}

.ICON-right-16-18 {
	width: 16px;
	height: 16px;
	background-position: -953px -119px;
}

.ICON-right-16-32 {
	width: 12px;
	height: 16px;
	background-position: -1007px -119px;
}

.ICON-right-24-32 {
	width: 24px;
	height: 24px;
	background-position: -1007px -90px;
}

.ICON-right-32-32 {
	width: 32px;
	height: 32px;
	background-position: -1007px -52px;
}

.ICON-right-48-32 {
	width: 48px;
	height: 48px;
	background-position: -1007px 0;
}
/* 功能图标 */

/* 左侧会员信息窗 */

/* 主体界面 */
.SR-stager {
	/* width:1240px; */
	margin:0px auto;
	padding-left: 80px;
	padding-right: 420px;
	box-sizing: border-box;
	min-width: 1305px;
	max-width: 1600px;
	position: relative;
	min-height:1435px;
}
/* 左侧 播放窗口 */
.SR-area-video {
	height: auto;
	position: relative;
	z-index: 5;
	overflow:hidden;
}

.SR-area-video object {
	display: block;
}

.SR-area-video .effect-box {
	display: none;
	position: absolute;
	opacity: 0;
	width: 240px;
	height: 75px;
	top: 70px;
	z-index: 1000;
	background: url('../images/ten-bg.png') no-repeat;
}
.SR-area-video .no-flash {
	padding: 200px 10px 0;
	font-size: 14px;
	text-align: center;
}

.SR-area-video .no-flash a {
	color: #ff2446;
	font-weight: 700;
}
/* 主播信息 */
.MR-about {
	background:#fff;
	height: 84px;
	/* overflow: hidden; */
	position:relative;
	color:#080c12;
	margin-bottom:15px;
	padding:8px 20px;
	
}
.MR-about .myLiveView-userinfo{
	float: left;
    overflow: hidden;
    width: 490px;
}
.MR-about .myLiveView-userinfo dt {
    border: 1px solid #ff2635;
    padding: 1px;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    /* overflow: hidden; */
    float: left;
    margin-right: 10px;
}
.MR-about .myLiveView-userinfo dt{
	width: 78px;
	height: 78px;
	border-radius: 50%;
}
.MR-about .myLiveView-userinfo dt a{
	display: block;
	position: relative;

}
.MR-about .myLiveView-userinfo dt  .tip{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.26);
	color: white;
	display: none;
	opacity: 0;
}
.MR-about .myLiveView-userinfo dt  .tip .txt{
    text-align: center;
	display: table-cell;
	font-size: 14px;
	height: 78px;
	transition: all 1s;
	vertical-align: middle;
}
.MR-about .myLiveView-userinfo dt:hover  .tip{

	display: table;
	opacity: 1;
}
.MR-about .myLiveView-userinfo dt img{
	width: 78px;
    height: 78px;
    border-radius: 50%;
}
.MR-about .myLiveView-userinfo dd{
	float: left;
    width: 390px;
    overflow: hidden;
}
#playerzmblbkjP{height:100%;width:100%;}

.MR-about .myLiveView-userinfo dd strong{display: block;height: 50px; position: relative;}
.MR-about .myLiveView-userinfo dd strong b{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:330px;height:50px;display:block;padding-right:65px;float:left;font-size:20px;color:#080c12;line-height:50px;font-weight:normal;padding-right:0px;}
.MR-about .myLiveView-userinfo dd strong.lev1{background:url(../../front/images/userCenter/lev1.png) right center no-repeat;background-size:auto auto;}
.MR-about .myLiveView-userinfo dd strong.lev2{background:url(../../front/images/userCenter/lev2.png) right center no-repeat;background-size:auto auto;}
.MR-about .myLiveView-userinfo dd strong.lev3{background:url(../../front/images/userCenter/lev3.png) right center no-repeat;background-size:auto auto;}
.MR-about .myLiveView-userinfo dd strong.lev4{background:url(../../front/images/userCenter/lev4.png) right center no-repeat;background-size:auto auto;}
.MR-about .myLiveView-userinfo dd strong.lev5{background:url(../../front/images/userCenter/lev5.png) right center no-repeat;background-size:auto auto;}
.MR-about .myLiveView-userinfo dd strong.lev6{background:url(../../front/images/userCenter/lev6.png) right center no-repeat;background-size:auto auto;}
.MR-about .myLiveView-userinfo dd strong.lev7{background:url(../../front/images/userCenter/lev7.png) right center no-repeat;background-size:auto auto;}
.MR-about .myLiveView-userinfo dd strong.lev8{background:url(../../front/images/userCenter/lev8.png) right center no-repeat;background-size:auto auto;}
.MR-about .myLiveView-userinfo dd strong.lev9{background:url(../../front/images/userCenter/lev9.png) right center no-repeat;background-size:auto auto;}
.MR-about .myLiveView-userinfo dd strong.lev10{background:url(../../front/images/userCenter/lev10.png) right center no-repeat;background-size:auto auto;}
.MR-about .myLiveView-userinfo dd span{display:block;height:32px;line-height:32px;overflow:hidden;width:400px;}
.MR-about .myLiveView-userinfo dd span .anchor_nicename{font-weight:normal;margin-right:20px;display:block;float:left;height:32px;line-height:32px;font-size:16px;color:#3a3436;overflow:hidden;padding-left:33px;background:url(../../front/images/click-count-icon1.png) no-repeat left center /19px;}
.MR-about .myLiveView-userinfo dd span .clickCount{font-weight:normal;margin-right:20px;display:block;float:left;height:32px;line-height:32px;font-size:16px;color:#3a3436;overflow:hidden;padding-left:33px;background:url(../../front/images/userCenter/click-count-icon.png) no-repeat left center /23px;}
.MR-about .myLiveView-userinfo dd span .roomNum{font-weight:normal;display:block;float:left;height:32px;line-height:32px;font-size:16px;color:#3a3436;overflow:hidden;padding-left:38px;background:url(../../front/images/userCenter/room-icon.png) no-repeat left center ;}

.MR-about .header-other-info{
	overflow:hidden;
	float:right;
	padding-top:36px;
}

.MR-about .header-other-info dt {
	float: left;
}
.MR-about .header-other-info dt strong{
	float: left;
    overflow: hidden;
    margin-top: 11px;
    color: #afaeae;
    height: 22px;
    line-height:22px;
    padding-left: 25px;
    background: url(../../front/images/userCenter/live-share-icon.png) left center no-repeat;
}
.MR-about .header-other-info dd {
	padding:0 20px;
    height: 37px;
    text-align: center;
    border-radius: 5px;
    background: #fe5d67;
    font-size: 18px;
    line-height: 37px;
    overflow: hidden;
    color: #fff;
    float: left;
    margin-left: 10px;
}
.MR-about .header-other-info dd span{
	display: inline-block;
	font-size:16px;
}
.MR-about .header-other-info dd span a.BTN-add-attention{
	background:none;
	width:auto;
	font-size:16px;
}
.MR-about .header-other-info dd span a.BTN-add-attention:hover{
	background:none;
	color:#fff;
}

/* 微信扫码 */
.MR-about .header-other-info-code{
	float:right;
	padding-top:36px;
	margin-right: 20px;
	cursor: pointer;
	position: relative;
	display: none;
}

.MR-about .header-other-info-code .code_icon{
	float: left;
    overflow: hidden;
    margin-top: 11px;
    color: #afaeae;
	height: 22px;
	max-width: 62px;
    line-height:22px;
    padding-left: 25px;
    background: url(../../front/images/swipe_code.png) left center no-repeat /25px 25px ;
}
.MR-about .header-other-info-code .info_code_panel{
	position: absolute;
	width: 150px;
	height: 150px;
	top: 78px;
	right: -54px;
	background: #FFF;
	padding-top: 8px;
	box-sizing: border-box;
	z-index: 301;
	text-align: center;
	border-top: 2px solid #fe5d67;
	display: none;
}
.MR-about .header-other-info-code:hover .info_code_panel{

	display: block;
}
.info_code_panel img{
	background-color: red;
	width: 120px;
}
.MR-about .header-other-info-code .info_code_panel:before{
	content:" ";
    display: inline-block;
    width: 0;
    height: 0;
    border:7px solid transparent;
    border-bottom: 5px solid #fe5d67;
    position: absolute;
    top: -13px;
	left: 50%;
	margin-left: -4px;

}

/* 主播页面 */
.live-Quiz{overflow:hidden;}
.live-Quiz .Quiz-title{
	border-bottom: 1px dashed #d8d8d8;
	margin-bottom: 16px;
	color:#080c12;
	font-size:26px;
	height:50px;
	line-height:50px;
	overflow:hidden;
	padding-left:10px;}
	.live-Quiz .Quiz-title .del{
		display: inline-block;
	line-height: 28px;
	padding: 0 20px;
	color: #fe5761;
	background:white;
	border:1px solid #fe5761;
	border-radius:4px;
	margin-right: 20px;
	cursor: pointer;
	}
	.live-Quiz .Quiz-title .del:hover{
		color: white;
		background:#fe5761;
	}
.live-Quiz .Quiz-title .switch{
	display: inline-block;
	line-height: 30px;
	padding: 0 20px;
	color: white;
	background:#fe5761;
	border-radius:4px;
	margin-right: 20px;
	cursor: pointer;}
.live-Quiz .Quiz-title .rule{
	font-size:14px;
	font-weight:500;
	color:#fe5761;
	line-height:20px;
	text-decoration: none;
	margin-right: 20px;
}

.live-Quiz .Quiz-main{
	background:rgba(255,255,255,1);
	background-color: #fff;
	overflow: hidden;
	padding:10px;
	max-height: 448px;
	overflow: auto;
}
.live-Quiz .Quiz-item{
	width: 257px;
	height: 220px;
	position: relative;
	float: left;
	box-shadow: 0 0 2px gray;
	margin-right: 4px;
	margin-bottom: 4px;
}
.Quiz-item-title{
	border-top: 2px solid rgba(245,66,84,1);
	text-indent: 2em;
	color: #F54254;
	height:66px;
	font-size:22px;
	line-height: 66px;
	background-image: linear-gradient( -60deg, rgba(255,205,205,.3) 0, rgba(255,205,205,.3) 25%, 
	rgba(255,205,205,.2) 25%, rgba(255,205,205,.2) 50%, rgba(255,205,205,.3) 50%, 
	rgba(255,205,205,.3) 75%, 	rgba(255,205,205,.2) 75%, rgba(255,205,205,.2)  );
	background-size: 26px 44px;
	position: relative;
	overflow: hidden;
}
.Quiz-item-title .corner{ 
	position: absolute;
	width: 100px;
	height: 50px;
	color: white;
	font-size:12px;
	text-align: center;
	text-indent: 0;
	top: -14px;
	left: -35px;
	line-height: 70px;
	background:linear-gradient(0deg,rgba(255,40,57,.5) 0%,
	rgba(255,93,51,1) 100%);
	transform: rotatez(-45deg)
}
.Quiz-item .lengend{
position: relative;
padding:30px 9px 19px;


}
.Quiz-item .lengend .team{
	width: 50%;
	float: left;
}
.Quiz-item .lengend .team .teamname{
	width:74px;
	height:40px;
	color:rgba(255,255,255,1);
	font-size: 16px;
	line-height: 40px;
	/* overflow: hidden;  */
	text-overflow: ellipsis; 
	white-space: nowrap; 
	box-sizing: border-box;
	position: relative;
}
.Quiz-item .lengend .team.winner .teamname:after{
	content: '';
	width:50px;
	height:50px;
	position: absolute;
	left: 50%;top:-5px;
	transform: translate(-50%,0);
	background: url('https://staticfile.ztdj6.com/public/front/images/yingzhang.png') no-repeat center center /100% 100%;
}
.Quiz-item .lengend .team.loser .teamname:after{
	content: '';
	width:50px;
	height:50px;
	position: absolute;
	left: 50%;top:-5px;
	transform: translate(-50%,0);
	background: url('https://staticfile.ztdj6.com/public/front/images/yingzhangcuowu.png') no-repeat center center /100% 100%;
}
.Quiz-item .lengend .team.voted .teamname:after{
	content: '';
	width:50px;
	height:50px;
	position: absolute;
	left: 50%;top:-5px;
	transform: translate(-50%,0);
	background: url('https://staticfile.ztdj6.com/public/front/images/yitoupiao.png') no-repeat center center /100% 100%;
}
.Quiz-item .lengend .hometeam .teamname{
	background:#7574e8;
	border-radius:47px 0px 0px 47px;
	text-align: right;
	padding-right:10px;
}
.Quiz-item .lengend .awayteam .teamname{
	margin-left: 45px;
	background:#ff6d6d;
	border-radius:0px 61px 61px 0px;
	text-align: left;
	padding-left:10px;

}

.Quiz-item .lengend .lalacount{
	color:rgba(123,123,123,1);
	font-size: 12px;
	line-height: 24px;
}
.Quiz-item .lengend .awayteam .lalacount{
	text-align: right;
}
.Quiz-item .lengend .lalapercent{
	width:100px;
	height:4px;
	background:rgba(216,216,216,1);
	border-radius:3px;
	position: relative;
}

.Quiz-item .lengend  .match_info{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.Quiz-item .lengend .match_info{
	text-align: center;
}
.Quiz-item .lengend .vs{
	text-align: center;
	margin-top: 4px;
}
.Quiz-item .lengend .vs span{
	display: inline-block;
	width: 51px;
	height: 37px;
	background: url('https://staticfile.ztdj6.com/public/front/images/vs_r.png') no-repeat center center / 100% 100%;
}
.Quiz-item .lengend .join_count{
	display: inline-block;
	padding: 0 5px;
	height:20px;
	font-size:12px;
	font-weight:400;
	color:rgba(141,141,141,1);
	border: 1px solid rgba(141,141,141,1);
	border-radius: 11px;
	line-height:20px;
}
.Quiz-item .answer3{
	width:82px;
	height:41px;
	background:#71bafd;
	border-radius:3px;
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
	line-height: 41px;
	position: relative;
	text-overflow: ellipsis; 
	white-space: nowrap; 
}
.Quiz-item .answer3.winner:after{
	content: '';
	width:50px;
	height:50px;
	position: absolute;
	left: 50%;top:-5px;
	transform: translate(-50%,0);
	background: url('https://staticfile.ztdj6.com/public/front/images/yingzhang.png') no-repeat center center /100% 100%;
}
.Quiz-item .answer3.loser:after{
	content: '';
	width:50px;
	height:50px;
	position: absolute;
	left: 50%;top:-5px;
	transform: translate(-50%,0);
	background: url('https://staticfile.ztdj6.com/public/front/images/yingzhangcuowu.png') no-repeat center center /100% 100%;
}
.Quiz-item .answer3.voted:after{
	content: '';
	width:50px;
	height:50px;
	position: absolute;
	left: 50%;top:-5px;
	transform: translate(-50%,0);
	background: url('https://staticfile.ztdj6.com/public/front/images/yitoupiao.png') no-repeat center center /100% 100%;
}
.Quiz-item .lengend .join_percent{
	height: 23px;
	position: relative;
	width: 90%;
	margin: 10px auto 0;
	/* margin: 0 10px; */
}
.Quiz-item .lengend .join_percent .percent_value{
	height: 19px;
}
.Quiz-item .lengend .join_percent .percent_value span {
	float: left;
	width: 33.33%;
	font-size:12px;
	font-weight:500;
	color:rgba(123,123,123,1);
}
.tal{
	text-align: left;
}
.tac{
	text-align: center;
}
.tar{
	text-align: right;
}
.Quiz-item .lengend .join_percent_bg{
	height: 4px;
	position: absolute;
	left: 0;bottom: 0;
	background:rgba(216,216,216,1);
	width: 100%;
}
.Quiz-item .lengend .join_percent_bg span{
float: left;
border-radius: 3px;
height: 4px;
}
.Quiz-item .lengend .join_percent_bg span:nth-child(1){
background-color: #fff;
background:rgba(66,65,213,1);

}
.Quiz-item .lengend .join_percent_bg span:nth-child(3){
background:rgba(255,45,61,1);
}

.Quiz-item .lengend .join_percent_bg span{
float: left;

}
.Quiz-item  .opreate{
	text-align: center;
	margin-top: 25px;
}
.Quiz-item  .opreate .btn{
	width:70px;
	height:26px;
	text-align: center;
	display:inline-block;
	background:linear-gradient(180deg,rgba(242,242,242,1) 0%,rgba(228,228,228,1) 100%);
	border-radius:14px;
	line-height: 26px;
	color:#666;
	border:1px solid rgba(202,202,202,0.55);
	cursor: pointer;
}

.Quiz-item  .opreate .question{
	display:inline-block;
	width:24px;
	height:24px;
	background:rgba(155,155,155,1);
	border-radius: 50%;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
	margin-left: 5px;
	color: white;
}

/* 猜完的竞猜 */
.live-Quiz .Quiz-item.Quizover .teamname{
	background:linear-gradient(180deg,rgba(234,234,234,1) 0%,rgba(182,182,182,1) 100%) !important;
	box-shadow: none;
}
.live-Quiz .Quiz-item.Quizover .answer3{
	background:rgba(160,160,160,1);
}
.Quiz-item.Quizover .lengend  .lalapercent .holder{
	background:rgba(160,160,160,1);
}
.Quiz-item.Quizover .lengend .vs span{
	background: url('https://staticfile.ztdj6.com/public/front/images/vs_b.png') no-repeat center center / 100% 100%;
}

.Quiz-item.Quizover .Quiz-item-title{
	color: #5C5C5C;
	background-image: linear-gradient( -60deg, rgba(205,225,255,.3) 0, rgba(205,225,255,.3) 25%, 
	rgba(205,225,255,.2) 25%, rgba(205,225,255,.2) 50%, rgba(205,225,255,.3) 50%, 
	rgba(205,225,255,.3) 75%, 	rgba(205,225,255,.2) 75%, rgba(205,225,255,.2)  );
	background-size: 26px 44px;
	position: relative;
	border-top-color: #403ED2;
}
.Quiz-item.Quizover .Quiz-item-title .corner{
	background:linear-gradient(142deg,rgba(86,93,240,1) 0%,rgba(61,59,207,1) 100%);
}
/* 结束的竞猜 */
.live-Quiz .Quiz-item.Quizend .teamname{
	background:linear-gradient(180deg,rgba(234,234,234,1) 0%,rgba(182,182,182,1) 100%) !important;
	box-shadow: none;
}
.live-Quiz .Quiz-item.Quizend .answer3{
	background:rgba(160,160,160,1);
}
.Quiz-item.Quizend .lengend  .lalapercent .holder{
	background:rgba(160,160,160,1);
}
.Quiz-item.Quizend .lengend .vs span{
	background: url('https://staticfile.ztdj6.com/public/front/images/vs_g.png') no-repeat center center / 100% 100%;
}
.Quiz-item.Quizend .Quiz-item-title{
	color: #5C5C5C;
	background-image: linear-gradient( -60deg, rgba(228,228,228,1) 0, rgba(228,228,228,1) 25%, 
	rgba(228,228,228,.5) 25%, rgba(228,228,228,.5) 50%, rgba(228,228,228,1) 50%, 
	rgba(228,228,228,1) 75%, 	rgba(228,228,228,.5) 75%, rgba(228,228,228,.5)  );
	background-size: 26px 44px;
	position: relative;
}
.Quiz-item.Quizend .Quiz-item-title{
	color: #5C5C5C;
	background-image: linear-gradient( -60deg, rgba(255,255,255,.5) 0, rgba(255,255,255,.5) 25%, 
	rgba(187,187,187,.1) 25%, rgba(187,187,187,.1) 50%, rgba(255,255,255,.5) 50%, 
	rgba(255,255,255,.5) 75%, 	rgba(187,187,187,.1) 75%, rgba(187,187,187,.1)  );
	background-size: 26px 44px;
	position: relative;
	border-top-color: rgba(187,187,187,1);
}
.Quiz-item.Quizend .Quiz-item-title .corner{
	background:rgba(187,187,187,1);
}
.Quiz-item.Quizend .lengend .join_percent_bg span:nth-child(1){
	background:rgba(160,160,160,1);
	
	}
	.Quiz-item.Quizend .lengend .join_percent_bg span:nth-child(3){
		background:rgba(160,160,160,1);
	}

/* 战神竞猜主播方弹框 */
.live-Quize-dialog{
display: block;
}
.live-Quize-dialog .masker{
	width: 100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#81020200,endColorstr=#80000062);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10001;
	display: flex;
	align-items: center;
	justify-content: center;
}
.live-Quize-dialog .masker .dia-title{
	width:600px;
	height:60px;
	line-height: 60px;
	background:rgba(244,65,83,1);
	font-size:26px;
	font-weight:500;
	color:rgba(255,255,255,1);
	text-align: center;
	position: relative;
}
.live-Quize-dialog .masker .dia-title .close {
	color: red;
	line-height: 20px;
	text-align: center;
	height: 20px;
	width: 20px;
line-height: 20px;
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 1px;
	cursor: pointer;
}
.live-Quize-dialog .masker .dia-title .close::before {
	content: '\2716';
	color: white;
	font-size: 20px;
	line-height: 20px;
	
}
.live-Quize-dialog .masker .dia-body{
	width:600px;
	background:rgba(255,255,255,1);
	box-sizing: border-box;
	padding: 48px 20px;
}

.live-Quize-dialog .formitem{
	position: relative;
	padding-left: 40px;
	margin-bottom: 20px;
	/* position: relative; */
}
.live-Quize-dialog .masker .quiz_options{
	max-height: 360px;
	overflow-y: auto;
}
.live-Quize-dialog .formitem.required .formlabel:before{
		content:'*';
		color:red;
	/* position: absolute;left: 0; */
}
.live-Quize-dialog .formitem .formlabel{
float: left;
height:30px;
font-size:16px;
font-weight:500;
color:rgba(75,75,75,1);
line-height:30px;
position: absolute;
}

.live-Quize-dialog .formitem .formcontent .tab_icon_clear{
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.live-Quize-dialog .formitem .formcontent{
margin-left: 100px;
min-height: 30px;
overflow-y: auto;
max-height: 200px;

}
.live-Quize-dialog .formitem .formcontent input{
display: inline-block;
width:300px;
height:30px;
padding-left: 5px;
box-sizing: border-box;
/* background:rgba(245,245,245,1); */
border:1px solid rgba(224,224,224,1);
font-size:16px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(75,75,75,1) 	;
line-height:30px;
}
.live-Quize-dialog .formitem .formcontent select{
	width: 300px;
	height: 30px;
	/* appearance: none; */
	line-height: 30px;
	font-size: 14px;
	border: 1px solid rgba(224,224,224,1);
	color: rgba(130,130,130,1);
}

.live-Quize-dialog .opreate{text-align: center;}
.live-Quize-dialog .opreate .submit{
	display: inline-block;
	padding: 0 26px;
height:41px;
background:linear-gradient(142deg,rgba(254,41,83,1) 0%,rgba(255,39,37,1) 100%);
border-radius:21px;
font-size: 16px;
line-height: 41px;
color: white;
text-align: center;
cursor: pointer;
}
.live-Quize-dialog .opreate .cancel{
	display: inline-block;
	height:41px;
	padding: 0 26px;
	font-size: 16px;
	background:rgba(232,232,232,1);
	border-radius:21px;
	margin-left: 35px;
	line-height: 41px;
	text-align: center;
	color:rgba(130,130,130,1);
	cursor: pointer;
}
.live-Quize-dialog .quiz_option{
	max-height: 300px;
	overflow-y: auto;
}
.live-Quize-dialog .addOption{
	font-size: 12px;
	font-weight: 400;
	color: #DE5058;
	cursor: pointer;
	display: inline-block;
}
.live-Quize-dialog .addOption img{
	width: 14px;
	height: 14px;
	object-fit: cover;
}

/* 玩家投注框*/
.formitem.bet .formcontent span {
	float: left;
	min-width:80px;
	height:30px;
	padding: 0 10px;
	background:rgba(245,245,245,1);
	border:1px solid rgba(224,224,224,1);
	font-size:16px;
	font-weight:500;
	color:rgba(167,167,167,1);
	line-height:30px;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: center;
	cursor: pointer;
	transition: all .5s;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
} 
.formitem.bet .formcontent span:hover,.formitem.bet .formcontent span.checked{
	color:white;
	background:linear-gradient(142deg,rgba(254,41,83,1)
	 0%,rgba(255,39,37,1) 100%);}
.live-Quize-dialog .formitem.short_btn .formcontent{
	overflow: hidden;
}
.live-Quize-dialog .formitem.short_btn .formcontent span{
	float: left;
	width:80px;
height:30px;
background:rgba(245,245,245,1);
border:1px solid rgba(224,224,224,1);
font-size:16px;
font-weight:500;
color:rgba(167,167,167,1);
line-height:30px;
margin-right: 20px;
margin-bottom: 20px;
text-align: center;
cursor: pointer;
transition: all .5s;
}
.live-Quize-dialog .formitem.short_btn .formcontent span:hover{
	color:white;
	background:linear-gradient(142deg,rgba(254,41,83,1) 0%,rgba(255,39,37,1) 100%);}

/* 战神体育竞猜玩法说明 */
.dia-containner.play_explanation .dia-body{
	padding: 20px 22px 10px ;
	color:rgba(83,83,83,1);
	text-align: left;
	box-sizing: border-box;
	height: auto;
}
.dia-containner.play_explanation h4{
	height:22px;
	font-size:16px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(83,83,83,1);
	line-height:22px;
	margin-bottom: 12px;
}
.dia-containner.play_explanation p{
	font-size:14px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(83,83,83,1);
	line-height:20px;
	margin-bottom: 12px;
}
.dia-containner.play_explanation .heihei{
	background:rgba(240,240,240,1);
	border-radius:4px;
	margin: 0 4px 20px;
	padding: 19px 10px;
}
.dia-containner.play_explanation .heihei h5{
 font-size: 16px;
 line-height: 28px;
}
.dia-containner.play_explanation .rule_notice{
	height:40px;
	background:rgba(239,239,239,1);
	color:rgba(145,141,141,1);
line-height:40px;
text-indent: 2em;
}

/* 竞猜引流 */
.dia-attractflow{
	width: 380px;
	position: absolute;
    z-index: 10002;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.live-Quize-dialog  .dia-attractflow .dia-header{
	width:380px;
	height:198px;
	background:url('https://staticfile.ztdj6.com/public/front/images/wzjc.png') no-repeat center center /100% 100%;
}
.live-Quize-dialog  .dia-attractflow .close{
position: absolute;
right: -15px;
top: -15px;
width: 30px;
height: 30px;
cursor: pointer;
background:url('https://staticfile.ztdj6.com/public/front/images/close.png') no-repeat center center /100% 100%;

}
.live-Quize-dialog  .dia-attractflow .dia-bodier{

	width:380px;
	height:129px;
	padding-top: 14px;
	background:rgba(255,212,53,1);
	border-radius:0px 0px 4px 4px;
	position: relative;
}
.live-Quize-dialog  .dia-attractflow .dia-bodier:before{
	content: '';
	width: 100%;
	height: 13px;
	top: -6px;
	background:url('https://staticfile.ztdj6.com/public/front/images/juchi.png') no-repeat center center /100% 100%;
	
	position: absolute;

}
.live-Quize-dialog  .dia-attractflow .dia-bodier .gotologin{
	width:260px;
	height:47px;
	font-size: 16px;
	margin: 0 auto 10px;
	line-height: 47px;
	text-align: center;
	background:rgba(243,243,243,1);
	border-radius:4px;color: black;
	cursor: pointer;

}
.dia-bodier .gotohappy{
	display:block;width:260px;
	height:47px;
	display: block;
	margin: 0 auto;
	line-height: 47px;
	text-align: center;
	font-size: 16px;
	text-decoration: none;
	background:rgba(254,41,78,1);
	border-radius:4px; color:white;}
.live-Quize-dialog #attractflow-success .dia-header{
		
	background: white;
	text-align: center;
	overflow: hidden;
}
.live-Quize-dialog #attractflow-faild .dia-header{
		
	background: white;
	text-align: center;
	overflow: hidden;
}
.dia-attractflow .title{
	text-align: center;
	margin-top: 10px;
	height:25px;
	font-size:24px;
	font-weight:normal;
	color:rgba(63,63,63,1);
}
.Quiz-tab{
	width: 100%;
}
.tab-left{
	width: 50%;
	float: left;
	background: rgba(187,187,187,1);
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	color: #5C5C5C;
	cursor: pointer;
}
.tab-right{
	width: 50%;
	float: right;
	background: rgba(187,187,187,1);
	overflow: hidden;
	text-align: center;
	font-size: 18px;
	color: #5C5C5C;
	line-height: 40px;
	cursor: pointer;
}
.tab-cur{
	background: #fe5962;
	color: #fff;
}

.live-info{overflow:hidden; width: 100%;}
.live-title{color:#080c12;font-size:26px;color:#080c12;height:50px;padding-left:10px; line-height:50px;overflow:hidden;}
.live-title .isEditer, .slide-title .isEditer, .myLiveView-userinfo .isEditer{float:right;height:28px;line-height:28px;width:50px;padding-left:20px;font-size:14px; border-radius:3px;background:#ff485c url(../../front/images/write.png) 8px center no-repeat;background-size:auto 20px;margin-top:11px;color:#fff;text-align:center;display:block;overflow:hidden;}
.live-main{overflow:hidden;background:#fff;padding:20px 15px;border:1px solid #e9e9e9;margin-bottom:20px;}
.live-main p{padding:0 20px;color:#5f5f5f;font-size:16px;line-height:28px;border-radius:5px;}
.live-main p.live-tips{background:#f5f5f5;}
.live-main-title{color:#333;text-align:left; font-size: 16px;}
.live-main-item{width:33%;float:left;color:#333;height:32px;line-height:32px;overflow:hidden;font-size:14px;text-align:center;}
.live-main-item a{width:50px;height:32px;display:inline-block;background:#fe5761;border-radius:5px;color:#fff;text-align:center;}
.live-main-item a:hover{width:50px;height:32px;display:inline-block;background:#fe5761;border-radius:5px;color:#fff;text-align:center;text-decoration: none;}
.fillInfo .layui-layer-content{padding:20px 20px 5px;}
.fillInfo .layui-layer-content .layui-layer-input{height:100px;width:300px;resize:none;border:1px solid #e6e6e6;padding:3px 8px;line-height:22px;}
.fillInfo .layui-layer-btn .layui-layer-btn0{border-color:#2e8ded;}
/* 坐骑动画 */
.MR-enter-fx {
	position: absolute;
	left: 0;
	bottom: 40px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	visibility:hidden;
	z-index: 101;
}
/* 礼物动画 */
.MR-gift-flash {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 40px;
	right: 316px;
	pointer-events: none;
	z-index: 99;
}

.MR-gift-flash-show {
}

/* 主播推荐 */
.SR-video-rec-con {
	width: 320px;
	height: 410px;
	position: absolute;
	left: 50%;
	top: 250px;
	margin-left:-160px;
	display: none;
	z-index: 300;
}

.SR-video-rec-con .rec-title {
	width: 100%;
	height: 20px;
	line-height: 25px;
	text-align: center;
	display: block;
	font-size: 18px;
}

.SR-video-rec-con .video-rec-con {
	width: 100%;
	height: 360px;
	margin: 40px 0 0 0;
}

.SR-video-rec-con .video-rec-con .rec-item {
	width: 150px;
	height: 170px;
	margin: 10px 0 0 10px;
	cursor: pointer;
}

.SR-video-rec-con .video-rec-con .rec-item img {
	width: 142px;
	height: 105px;
}

.SR-video-rec-con .video-rec-con .rec-item .rec-author-name {
	display: block;
	width: 110px;
	height: 22px;
	text-align: left;
	margin: auto auto auto 10px;
	color: #FFFFFF;
	font-size: 12px;
}

.SR-video-rec-con .video-rec-con .rec-item .rec-author-num {
	display: block;
	width: 110px;
	height: 22px;
	text-align: left;
	color: #7f6b8c;
	font-size: 12px;
}

.SR-video-rec-con .video-rec-con .rec-item .rec-row {
	float: left;
}

.SR-video-rec-con .video-rec-con ul li {
	float: left;
}
/* 中间 聊天 礼物 */

.SR-area-chat {
	width:400px;
	height:auto;
	position:absolute;
	top: 0;
	right:0;
	z-index:4;
	overflow:hidden;
}

.SR-area-chat .chat-msg {
	width: 100%;
}

#LF-chat-msg-area{
	padding-bottom:50px;
	background:#fff;
	overflow:hidden;
}

.SR-area-chat .chat-talk {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 15px 15px;
	box-sizing: border-box;
	left: 0;
	background:white;
	border-top:1px solid #8080801c ;
}

.liveClose{
	display: none;
	width: 100%;
	height: 54px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background:rgba(255,255,255,1);
	z-index: 11;
	display: flex;
	font-size: 12px;
	justify-content: space-between;
	padding: 0 20px 0 10px;
	align-items: center;
	box-shadow:  0 0  5px rgb(197, 197, 197);
	box-sizing: border-box;
	
}
.liveClose .laba{
	width: 30px;
	height: 25px;
	background: url('https://staticfile.ztdj6.com/public/front/images/tongzhi.icon.png') no-repeat center center /100% 100%;
	animation: zaza  .8s infinite ease-in-out;
}
.liveClose .contxt{
	/* width: 2.9rem; */
	flex:1;
	margin:  0 23px 0 11px;
	font-size: 14px;
	line-height: 20px;
	color:#999;

}
.liveClose .contxt a{
	color:rgba(255,77,88,1);
}
.liveClose .download{
	width:80px;
	height:30px;
	line-height: 30px;
	background:rgba(255,77,88,1);
	border-radius:20px;
	color: white;
	font-size:14px;
	font-weight: 400;
	text-align: center;
}
@keyframes zaza {
	0%{
		background-size: 80% 80%;
	}
   
	60%{
		background-size: 80% 80%;

	}
	100%{
		background-size: 100% 100% ;
	}
}

#LF-chat-gift{background:#fff;padding:10px 0;overflow:visible;height:110px;}
.SR-area-chat .chat-gift {
	border-top: 1px solid rgba(255,255,255,0.05);
	height: 139px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background:#0e0d24;
}

.SR-area-chat .control-bar {
	width: 100%;
	height: 31px;
	top: 170px;
	left: 0;
	position: absolute;
	z-index: 42;
}
.MR-talk .emoticon-toggle-panel{
	float: left;
}
.SR-area-chat .control-bar cite {
	display: block;
	height: 1px;
	margin-top: 10px;
	width: 100%;
	overflow: hidden;
	cursor: n-resize;
	background: url('../images/dot_white_05.png');
}

.SR-area-chat .control-bar span {
	display: block;
	position: absolute;
	width: 15px;
	height: 9px;
	left: 50%;
	margin-left: -7px;
	top: 6px;
}

.MR-msg {
	position: relative;
}


.MR-msg .ICON-medal img.medal-img {
	margin-top: -2px;
}

.MR-msg .msg-gift {
	padding: 5px 0;
	margin-bottom: 21px;
}

.MR-msg .msg-chat {
	padding: 5px 0;
	position: relative;
}

.MR-msg .MR-chat {
	position: relative;
}

.MR-msg .MR-chat .boarder {
	overflow: auto;
}
.MR-msg .MR-chat .homeowner_chat_box{
	display: none;
	bottom: 182px;
	left: 18px;
	height: 30px;
	border-radius: 30px;
	overflow: hidden;
	background: linear-gradient(85deg, #FDB588 0%, #F52B51 100%);
	color: #fff;
	font-size: 14px;
	position: absolute;
    bottom: 5px;
    left: 15px;
}
.dplayer-chat-area .homeowner_chat_box_screen{
	bottom: 182px;
	left: 18px;
	height: 30px;
	border-radius: 30px;
	overflow: hidden;
	background: linear-gradient(85deg, #FDB588 0%, #F52B51 100%);
	color: #fff;
	font-size: 14px;
	position: fixed;
    bottom: 5px;
    left: 15px;
}

.live_room_chat_box_item,
.dplayer-chat-area .live_room_chat_box_item
{
	display: flex;
	align-items: center;
	padding: 0 10px;
	height: 30px;
}
.MR-msg .MR-chat .other_live_room_chat_box_item{
	background: #feebeb;
	border-radius: 30px;
}
.MR-msg .MR-chat .chat_room_type,
.dplayer-chat-area .chat_room_type{
	width:77px;
	height: 22px;
	border-radius: 13px;
	border: 1px solid #fff;
	color: #fff;
	background-color: #fc5151;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
	padding: 0 3px;
}
.MR-msg .MR-chat .go_chat_room,
.dplayer-chat-area .go_chat_room{
	display: flex;
	align-items: center;
}
.MR-msg .MR-chat .chat_room_icon,
.dplayer-chat-area .chat_room_icon
{
	width: 18px;
	height: 18px;
	object-fit: cover;
}
.MR-msg .MR-chat .right_icon,
.dplayer-chat-area .right_icon{
	width: 8px;
	height: 24px;
	object-fit: cover;
	margin-left: 5px;
}
.MR-msg .MR-chat .other_chat_box,
.dplayer-chat-area .other_chat_box{
	position: absolute;
    bottom: 5px;
    left: 15px;
	display: none;
	width: 100%;
	height: 30px;
	overflow: hidden;
}
.dplayer-chat-area .other_chat_box_content{
	position: fixed;
    bottom: 5px;
    left: 15px;
	width: 100%;
	height: 30px;
	overflow: hidden;
}

.MR-msg .MR-chat .other_chat_box .Initiate,
.dplayer-chat-area .other_chat_box_content .Initiate
{
	color: #FA5052;
}
.MR-msg .MR-chat .other_chat_box .other_chat_box_item{
	color: #393939;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 1s;
	height: 30px;
	border-radius:30px;
	font-size: 14px;
  }

.dplayer-chat-area .other_chat_box_content .other_chat_box_screen{
	color: #393939;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 1s;
	height: 30px;
	font-size: 14px;
}
.dplayer-chat-area .other_chat_box_content .other_chat_box_item{
	display: flex;
	align-items: center;
	height: 30px;
    padding: 0 10px;
	background: #feebeb;
	border-radius: 30px;

}
  
.MR-msg .MR-chat .scroller {
	position: absolute;
	right: -17px;
	top: 0;
}

/* 聊天 */
.MR-talk {
	height: 24px;
	position: relative;
	margin: 0 auto;
}
 
.MR-talk .send-btn {
	float: right;
	background: #ff3845dc;
	width: 54px;
	height: 24px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
}

.MR-talk .send-btn:hover {
	background: #ff3846;
}

.MR-talk .saving,.MR-talk .saving:hover {
	cursor: default;
	background: #999;
	border: 1px solid #999;
}
#keywordSvgaCanvas{
	position: absolute;
	width: 100%;height: 428px;
	z-index: 20;
	top: 0;
	left: 0;
	display: none;
}
#svgaCanvas{
	background: rgba(0,0,0,0.5); 
	position: absolute;
	width: 100%;height: 428px;
	z-index: 20;
	top: 0;
	left: 0;
	display: none;
}

#svgaCanvas .svga_close{
	background: #ff3846;
	position: absolute;
	right: 10px;
	top: 10px;
	color: white;
    border-radius: 12px;
    line-height: 20px;
    text-align: center;
    height: 20px;
    width: 20px;
    font-size: 15px;
	padding: 1px;
	cursor: pointer;
}
#svgaCanvas .svga_close::before {
    content: '\2716';
}
.show_effect_sw{
	margin: 0 5px;
	float: left;
	width: 48px;
    height: 25px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.show_effect_sw .show_btn{
	width: 26px;
	height: 26px;
}
.show_effect_sw  .effect_sws{
	position: absolute;
	display: none;
	top: -107px;
    left: -40px;
    width: 147px;
    height: 99px;
	background:white;
	border:1px solid rgba(224,224,224,1);
	box-shadow:0px 3px 6px rgba(0,0,0,0.05);
	border-radius: 5px;
	padding: 16px 12px ;
	box-sizing: border-box;
	text-align: left;
	z-index: 21;

}
.show_effect_sw  .effect_sws:after{
	content: '';
	position: absolute;
	bottom:-6px;
	left: 52px;
	width:10px;
	height:10px;
	background-color: white;
	z-index: 100;
	transform: rotate(45deg);
	border:1px solid rgba(224,224,224,1);
	border-top-color:transparent ;
	border-left-color:transparent ;
}
.show_effect_sw  .effect_sws .effect_sw_item{
	font-size:12px;
	font-weight:400;
	color:rgba(110,110,110,1);
}
.show_effect_sw   .effect_sw_item span{
	display: inline-block;
	width: 16px;
	height: 16px;
	border:1px solid rgba(224,224,224,1);
	border-radius: 50%;
	vertical-align:-4px;
}
.show_effect_sw   .effect_sw_item.on span{
	background: url('https://staticfile.ztdj6.com/public/front/images/effect_on.png') no-repeat center center /100% 100%;
}

/* 播放器聊天展示 */
.dplayer-chat-switch{
	display: inline-block;
	height: 16px;
	line-height: 16px;
	border-radius: 14px;
	background-color: #E0DFDE;
	color: #666666;
	font-size: 12px;
	padding: 0 8px;
	margin-left: 10px;
	vertical-align: middle;
	cursor: pointer;
}
.dplayer-chat-switch .dplayer-live-dot{
	
	background-color: #666666;
}
.dplayer-chat-switch.on{
	background-color: #fff;
	color: #FF6365;
}
.dplayer-chat-switch.on .dplayer-live-dot{
	background-color: #FF6365;
}
.dplayer-chat-input{
	width: 400px;
	height: 24px;
	margin-left: 20px;
	padding: 0 10px;
	background: #262626;
	opacity: 0.8;
	border-radius: 6px;
	vertical-align: middle;
	color: white;
}
.dplayer-chat-input::-webkit-input-placeholder {
	color: white;
  }
.dplayer-chat-input:-moz-placeholder {
	color: white;
  }
.dplayer-chat-input:-ms-input-placeholder {
	color: white;
  }
.player-send-btn{
	display: inline-block;
	width: 82px;
	height: 24px;
	line-height: 24px;
	margin-left: 10px;
	color: white;
	text-align: center;
	background: #FF6365;
	border-radius: 5px;
	vertical-align: middle;
	cursor: pointer;
}
.player-send-btn.disabled{
	background-color: #E0DFDE;
	color: #666666;
}

/**add by rookie start*/
.dplayer-controller .dplayer-icons.dplayer-icons-danmu .dplayer-icon {
    padding: 8px; 
}
.danmu-box,.danmu-show-box {
	display: inline-block;
	height: 100%;
}
.danmu-box .danmu-icon, .danmu-show-box .danmu-icon{
	display: inline-block;
	width: 24px;
	height: 22px;
}

.danmu-show-box span.open {

	background: url('https://staticfile.ztdj6.com/public/front/images/specialEffects_normal_open.png') no-repeat center center/100% 100%;
}

.danmu-show-box span.close {
	background: url('https://staticfile.ztdj6.com/public/front/images/specialEffects_normal_close.png') no-repeat center center/100% 100%;
}

.danmu-box span.view {
	background: url('https://staticfile.ztdj6.com/public/front/images/specialEffects_normal_view.png') no-repeat center center/100% 100%;
}

/**add by rookie end*/
.dplayer-chat-area {
	width: 30%;
	height: 50%;
    position: absolute;
    z-index: 255;
    left: 50px;
	transform:translate(0 ,calc( -40px - 100%));
	padding-bottom: 40px;
}

.dplayer-chat-area ul{
	overflow-y: auto;
	width: 100%;
	height: 100%;
	
}
.dplayer-chat-area ul li {
	color: white;
	word-wrap: break-word;
	word-break: break-all;
	background-color: rgba(0,0,0,.4);
	line-height: 24px;
	font-size: 14px;
	unicode-bidi: bidi-override;
	padding:0 10px;
	width: auto;
	margin: 4px 0;
	border-radius: 12px;
}
.dplayer-chat-area ul li.fans {
	border:1px solid #FF72B5;
}
.dplayer-chat-area ul li.fans0, .dplayer-chat-area ul li.fans1, .dplayer-chat-area ul li.fans2,  .dplayer-chat-area ul li.fans3, .dplayer-chat-area ul li.fans4, .dplayer-chat-area ul li.fans5, .dplayer-chat-area ul li.fans6, .dplayer-chat-area ul li.fans7, .dplayer-chat-area ul li.fans8,  .dplayer-chat-area ul li.fans9, .dplayer-chat-area ul li.fans10, .dplayer-chat-area ul li.fans11, .dplayer-chat-area ul li.fans12, .dplayer-chat-area ul li.fans13, .dplayer-chat-area ul li.fans14 {
	border:1px solid transparent;
} 


.dplayer-chat-area ul li .ICON-flag{
	margin-right: 1px;
	vertical-align: 1px;
	display: inline-block;
	width: 16px;
	height: 16px;
}
.dplayer-chat-area ul li .ICON-flag img{
	height: 16px;
	width: 16px;
}
.dplayer-chat-area ul li .ICON-manager{
	margin-right: 3px;
	vertical-align: 1px;
}
.dplayer-chat-area ul li .ICON-manager img{height: 16px;
    width: 16px;}
.dplayer-chat-area ul li.room-manager{
	background:#FFF9E0 ;
}
.dplayer-chat-area ul li .fake-name{
	color:#ff3644;
}
.dplayer-chat-area ul li.no {
	text-align: center;
}

.dplayer-chat-area ul li .time {
	padding-right: 5px;
	color: #666;
	float: left;
	font-size: 12px;
}

.dplayer-chat-area ul li .mlr-5 {
	padding: 0 5px;
	color: #f6f6f6ad;
}

.dplayer-chat-area ul li .emoticon {
	vertical-align: middle;
	vertical-align: top\0;
	margin-left: 3px;
	margin-right: 2px;
	width: 24px;
	height: 24px;
	border: 0 none;
}

.dplayer-chat-area ul li .ICON-horn {
	width: 14px;
	background-position: -585px -281px;
}

.dplayer-chat-area ul li .ICON-anchor-level {
	margin-right: 5px;
}

.dplayer-chat-area ul li .ICON-horn,.dplayer-chat-area ul li .ICON-noble-level {
	vertical-align: middle;
	*vertical-align: baseline;
	margin-right: 5px;
	margin-top: -2px;
}

.dplayer-chat-area ul li .user-name.level1 {
	color: #58c14b
}
.dplayer-chat-area ul li .user-name.level2 {
	color: #6a63ff
}
.dplayer-chat-area ul li .user-name.level3 {
	color: #fba422
}
.dplayer-chat-area ul li .user-name.level4 {
	color: #08f
}
.dplayer-chat-area ul li .user-name.level5 {
	color: #00eaea
}
.dplayer-chat-area ul li .user-name.level6 {
	color: #6907ff
}
.dplayer-chat-area ul li .user-name.level7 {
	color: #ff1c84
}
.dplayer-chat-area ul li .user-name.level8 {
	color: #624aa9
}
.dplayer-chat-area ul li .user-name.level9 {
	color: #F0D500
}
.dplayer-chat-area ul li .user-name.level10 {
	color: #fe431d
}
.dplayer-chat-area ul li .user-name.level11 {
	color: #20b2aa
}
.dplayer-chat-area ul li .user-name.level12 {
	color: #FC4F5D
}
.dplayer-chat-area ul li .user-name.level13 {
	color: #8341FF
}
.dplayer-chat-area ul li .user-name.level14 {
	color: #071EFF
}
.dplayer-chat-area ul li .user-name.level15 {
	color: #0E6C54
}
.dplayer-chat-area ul li .user-name.level16 {
	color: #CC0000
}
.dplayer-chat-area ul li .user-name.level17{
	color: #029BFB
}
.dplayer-chat-area ul li .user-name.level18 {
	color: #49DF3E
}
.dplayer-chat-area ul li .user-name.level19 {
	color: #FC399C
}
.dplayer-chat-area ul li .user-name.level20 {
	color: #E411FF
}
.dplayer-chat-area  .system_name{
	color:#fff;
	cursor:default;
	text-decoration:none;
}
.dplayer-chat-area  .system_name:hover{
	color:#fff;
	cursor:default;
	text-decoration:none;
}
.dplayer-chat-area  .system_a:hover{
	cursor:default;
	text-decoration:none;
}

/* 主播 */
.dplayer-chat-area ul li .ICON-pro-anAnchor{
	display: inline-block;
	width: 26px;
    height: 24px;
    vertical-align: -6px;
	margin-right: 3px;
	background:  url(https://staticfile.ztdj6.com/public/front/images/micorphone.2.png) no-repeat center center/ 100% 100%;
}
/* 战神号 */
.dplayer-chat-area ul li .ICON-pro-kingFlag{
	display: inline-block;
	width: 24px;
    height: 24px;
	vertical-align: -6px;
	margin-right: 3px;
	
	background:  url(https://staticfile.ztdj6.com/public/front/images/ICON-pro-kingFlag.2.png) no-repeat center center/  100% 100%;
}
/* JX存款标识 */
.dplayer-chat-area ul li .ICON-pro-jxFlag{
	display: inline-block;
	width: 24px;
    height: 24px;
	vertical-align: -6px;
	margin-right: 3px;
	background:  url(https://staticfile.ztdj6.com/public/front/images/jxflag-6.gif) no-repeat center center/  100% 100%;
}
/* vip */
.dplayer-chat-area ul li .ICON-pro-vipFlag{
	display: inline-block;
	width: 29px;
    height: 24px;
	vertical-align: -6px;
	margin-right: 3px;
	text-align: right;
}
.dplayer-chat-area ul li .ICON-pro-vipFlag.vipFlag1{
	background:  url(https://staticfile.ztdj6.com/public/front/images/ICON-pro-vipFlag1.png) no-repeat center center/  100% 100%;
}
.dplayer-chat-area ul li .ICON-pro-vipFlag.vipFlag2{
	background:  url(https://staticfile.ztdj6.com/public/front/images/ICON-pro-vipFlag2.png) no-repeat center center/  100% 100%;
}
.dplayer-chat-area ul li .ICON-pro-vipFlag.vipFlag3{
	background:  url(https://staticfile.ztdj6.com/public/front/images/ICON-pro-vipFlag3.png) no-repeat center center/  100% 100%;
}
.dplayer-chat-area ul li .ICON-pro-vipFlag.vipFlag4{
	background:  url(https://staticfile.ztdj6.com/public/front/images/ICON-pro-vipFlag4.png) no-repeat center center/  100% 100%;
}
.dplayer-chat-area ul li .ICON-pro-vipFlag.vipFlag5{
	background:  url(https://staticfile.ztdj6.com/public/front/images/ICON-pro-vipFlag5.png) no-repeat center center/  100% 100%;
}

.dplayer-chat-area ul li.anchor .user-name {
	color: #f0717e;
}

.dplayer-chat-area ul li .anchor-user .user-name {
	color: #f0717e;
}

.dplayer-chat-area ul li.anchor .auser-name .user-name {
	color: #3bafda;
	padding-right: 5px;
}

.dplayer-chat-area ul li.horn {
	color: #f6bb41;
}

.dplayer-chat-area ul li.enter {
	color: #aaa;
	font-size:12px;
}

.dplayer-chat-area ul li.enter .all-name {
	padding: 0 5px;
}

.dplayer-chat-area ul li.noble-opt {
	color: #999;
}

.dplayer-chat-area ul li.noble-opt .user-name {
	padding-right: 5px;
}

.dplayer-chat-area ul li .pss {
	color: #999;
	padding-left: 5px;
}

.dplayer-chat-area ul li img {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin: 0 3px 0 2px;
}

.dplayer-chat-area ul li .ICON-active-level-bg {
	margin-right: 5px;
}

.dplayer-chat-area ul li .ICON-active-level-bg img {
	width: 16px;
	height: 16px;
	vertical-align: top;
	margin: 0;
	margin-right: 4px;
}

#LF-chat-msg-area:hover .chat_scroll_lock{
	display: block;
}
  .chat_scroll_lock {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 51px;
	height: 24px;
	font-size: 12px;
	z-index: 2;
	border: 1px solid rgba(245, 245, 245, 1);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1) 51%, rgba(255, 255, 255, 1) 100%);
	border-radius: 3px;
	cursor: pointer;
	display: none;
}

.chat_scroll_lock:before {
	content: '';
	height: 24px;
	width: 24px;
	position: absolute;
	line-height: 24px;
	left: 2px;


}

 .chat_scroll_lock:after {
	content: '';
	height: 24px;
	width: 24px;
	position: absolute;
	line-height: 24px;
	right: 4px;

}

 .chat_scroll_lock.unlock:before {

	background: url('https://staticfile.ztdj6.com/public/front/images/chat_Unlock_normal.png')no-repeat left center /20px 20px;

}

 .chat_scroll_lock.unlock:after {
	color: #006ee1;
	content: "解锁";


}

 .chat_scroll_lock.lock:before {

	background: url('https://staticfile.ztdj6.com/public/front/images/chat_Lock_normal.png')no-repeat left center /20px 20px;
}

 .chat_scroll_lock.lock:after {
	color: #e61a27;
	content: "锁屏";

}

 .chat_scroll_bottom {
	width: 160px;
	height: 25px;
	background: rgba(252, 57, 70, 1);
	border-radius: 13px;
	position: absolute;
	bottom: 85px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 25px;
	color: rgba(255, 255, 255, 1);
	z-index: 2;
	cursor: pointer;
	display: none;
}

 .chat_scroll_bottom::after {
	content: '';
	background: url('https://staticfile.ztdj6.com/public/front/images/chat_Down_normal.png')no-repeat center center /10px 10px;
	width: 18px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
}

.MR-talk .speaker {
	float: left;
	width: 224px;
	height: 24px;
	border-radius: 18px;
	/* left: 8px;
	position: absolute;
	top: 0; */
	box-sizing: border-box;
	background: #e0dfdf;
	border: 1px solid rgba(255,255,255,0.1);
	padding: 0 10px;
}

.MR-talk .speaker input {
	color: #7f6b8c;
	width: 100%;
	display: block;
	height: 24px;
	line-height: 32px;
	border: none;
	background: none;
}

.MR-talk .speaker input.txt-focus {
	color: #7f6b8c;
}

.MR-talk .speaker cite {
	font-style: normal;
	color: #7f6b8c;
	position: absolute;
	line-height: 22px;
	top: 5px;
	right: 35px;
	display:none;
}

.MR-talk .speaker cite.txt-error {
	color: #FF0000;
}
.MR-talk .emoticon-toggle-panel{
	float: left;
}
.MR-talk .BTN-face-toggle {
	display: block;
	width: 24px;
	height: 24px;
	background: url('../images/chat_expression_normal.png') no-repeat center center /100% 100%;;
}
/*
.MR-talk .BTN-face-toggle:hover {
	background-position: -233px -153px;
}*/

/* 表情 */
.MR-emoticon-layer {
	position: absolute;
	width: 360px;
	bottom: 46px;
	left: 20px;
	z-index: 5;
	background: url('../images/dot_white_2.png');
	padding: 5px;
}

.MR-emoticon-layer .closed {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	width: 9px;
	height: 9px;
	overflow: hidden;
	background: url('../images/room_bg.png') no-repeat -320px -160px;
}

.MR-emoticon-layer .closed:hover {
	background-position: -350px -160px;
}

.MR-emoticon-layer .expression-wrap {
	background: #2f2c39;
}

.MR-emoticon-layer .expression-hd {
	height: 52px;
	width: 336px;
	margin: 0 auto;
	background: url('../images/dot_white_05.png') repeat-x left 37px;
}

.MR-emoticon-layer .expression-hd ul {
	float: left;
}

.MR-emoticon-layer .expression-hd li {
	float: left;
	position: relative;
	height: 40px;
	line-height: normal;
	padding-top: 12px;
	text-align: center;
	cursor: pointer;
	color: #7f6b8c;
	width: 112px;
}

.MR-emoticon-layer .expression-hd .cur {
	cursor: default;
	background: none;
	color: #FFF;
	background: url(../images/tab_on.png) no-repeat center 37px;
}

.MR-emoticon-layer .expression-hd .cur .expression-tips,.expression-hd .cur .guizu-tab-tips {
	display: block;
}
.MR-emoticon-layer .expression-bd{} 

.MR-emoticon-layer .expression-bd .expression-con {
	overflow: hidden;
	width: 360px;
	margin: 0 auto;
}

.emoticons-wrap {
	overflow: hidden;
	position: relative;
	width: 298px;
	padding: 10px;
}

.emoticons-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1000px;
	background: #444;
	opacity: 0.95;
	filter: alpha(opacity=95);
	z-index: 1;
}

.emoticons {
	position: relative;
	padding: 1px 0 0;
	z-index: 2;
}

.emoticons li,.emoticons img {
	width: 30px;
	height: 30px;
}

.emoticons li {
	float: left;
	overflow: hidden;
	display: inline;
	margin-top: -1px;
	margin-right: -1px;
	padding: 3px;
	border: 1px solid #6C5266;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}

.emoticons li:hover {
	background-color: #4a4a54;
}

.emoticons-wrap .emoticons-tips {
	position: relative;
	z-index: 2;
}

 .expression-wrap .emoticons-wrap {
	width: auto;
	padding: 0;
}

 .expression-wrap .emoticons-bg {
	display: none;
}

 .expression-wrap .emoticons {
	margin: 0;
	padding: 0;
	background: url('../images/emi_bg.png');
}

 .expression-wrap .emoticons li {
	padding: 0;
	border: 0 none;
	margin: 0;
	padding: 5px;
}

 .expression-wrap .emoticons li img {
	display: block;
}

.MR-emoticon-layer .expression-tips {
	position: absolute;
	bottom: 41px;
	left: -15px;
	display: none;
	width: 150px;
	padding: 0 0 5px;
	border: 1px solid #0A7593;
	color: #FFF;
	text-align: center;
}

/* 礼物记录 消息*/
.MR-chat {
	position: relative;
}

.MR-chat .boarder {
	overflow: hidden;
}
.msg-gift .MR-chat .boarder {
	height:170px;
	padding:0 10px;
}
.msg-chat .MR-chat .boarder {
	height:419px;
}

.MR-chat .scroller {
	position: absolute;
	right: 0;
	top:0;
}

.MR-chat ul li {
	color: #4b4b4b;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 24px;
	font-size: 14px;
	unicode-bidi: bidi-override;
	padding:0 10px;
	margin: 2px 0;
}
.MR-chat ul li.fans {
	background: #FFEBEB;
}
.MR-chat ul li.fans0, .MR-chat ul li.fans1, .MR-chat ul li.fans2,  .MR-chat ul li.fans3, .MR-chat ul li.fans4, .MR-chat ul li.fans5, .MR-chat ul li.fans6, .MR-chat ul li.fans7, .MR-chat ul li.fans8,  .MR-chat ul li.fans9, .MR-chat ul li.fans10, .MR-chat ul li.fans11, .MR-chat ul li.fans12, .MR-chat ul li.fans13, .MR-chat ul li.fans14 {
	background: #FFF;
} 


.MR-chat ul li .ICON-flag{
	margin-right: 1px;
	vertical-align: 1px;
	display: inline-block;
	width: 28px;
	height: 28px;
}
.MR-chat ul li .ICON-flag img{
	height: 19px;
	width: 28px;
}
.MR-chat ul li .ICON-manager{
	margin-right: 3px;
	vertical-align: 1px;
}
.MR-chat ul li .ICON-manager img{height: 16px;
    width: 16px;}
.MR-chat ul li.room-manager{
	background:#FFF9E0 ;
}
.MR-chat ul li .fake-name{
	color:#ff3644;
}
.MR-chat ul li.no {
	text-align: center;
}

.MR-chat ul li .time {
	padding-right: 5px;
	color: #666;
	float: left;
	font-size: 12px;
}

.MR-chat ul li .mlr-5 {
	padding: 0 5px;
	color: #000;
}

.MR-chat ul li .emoticon {
	vertical-align: middle;
	vertical-align: top\0;
	margin-left: 3px;
	margin-right: 2px;
	width: 24px;
	height: 24px;
	border: 0 none;
}

.MR-chat ul li .ICON-horn {
	width: 14px;
	background-position: -585px -281px;
}

.MR-chat ul li .ICON-anchor-level {
	margin-right: 5px;
}

.MR-chat ul li .ICON-horn {
	vertical-align: middle;
}

.MR-chat ul li .user-name.level1 {
	color: #58c14b
}
.MR-chat ul li .user-name.level2 {
	color: #6a63ff
}
.MR-chat ul li .user-name.level3 {
	color: #fba422
}
.MR-chat ul li .user-name.level4 {
	color: #08f
}
.MR-chat ul li .user-name.level5 {
	color: #00eaea
}
.MR-chat ul li .user-name.level6 {
	color: #6907ff
}
.MR-chat ul li .user-name.level7 {
	color: #ff1c84
}
.MR-chat ul li .user-name.level8 {
	color: #624aa9
}
.MR-chat ul li .user-name.level9 {
	color: #F0D500
}
.MR-chat ul li .user-name.level10 {
	color: #fe431d
}
.MR-chat ul li .user-name.level11 {
	color: #20b2aa
}
.MR-chat ul li .user-name.level12 {
	color: #FC4F5D
}
.MR-chat ul li .user-name.level13 {
	color: #8341FF
}
.MR-chat ul li .user-name.level14 {
	color: #071EFF
}
.MR-chat ul li .user-name.level15 {
	color: #0E6C54
}
.MR-chat ul li .user-name.level16 {
	color: #CC0000
}
.MR-chat ul li .user-name.level17 {
	color: #029BFB;
}
.MR-chat ul li .user-name.level18 {
	color:#49DF3E;
}
.MR-chat ul li .user-name.level19 {
	color:#FC399C; 
}
.MR-chat ul li .user-name.level20 {
	color:#E411FF
}
/* .MR-chat ul li .user-name.level17 {
	color: #00fdf4;
	background: -webkit-linear-gradient(325deg, #0047ED 0%, #0081F5 27%, #00F6E4 50%, #00FBBB 77%, #00E5EC 100%);
	background: linear-gradient(125deg, #0047ED 0%, #0081F5 27%, #00F6E4 50%, #00FBBB 77%, #00E5EC 100%);
}
.MR-chat ul li .user-name.level18 {
	color: #7fff00;
	background: -webkit-linear-gradient(325deg, #029B04 0%, #3AD925 27%, #FDFE1E 50%, #E5F217 77%, #85E229 100%);
	background: linear-gradient(125deg, #029B04 0%, #3AD925 27%, #FDFE1E 50%, #E5F217 77%, #85E229 100%);
}
.MR-chat ul li .user-name.level19 {
	color: #fd5f00;
	background: -webkit-linear-gradient(325deg, #E4060A 0%, #ED1B54 27%, #FF9F86 50%, #FE3BA7 77%, #FF1A7E 100%);
	background: linear-gradient(125deg, #E4060A 0%, #ED1B54 27%, #FF9F86 50%, #FE3BA7 77%, #FF1A7E 100%);
}
.MR-chat ul li .user-name.level20 {
	color: #ff00aa;
	background: -webkit-linear-gradient(325deg, #0102E9 0%, #333FFB 27%, #FE31FF 50%, #E546FF 77%, #8E41FF 100%);
	background: linear-gradient(125deg, #0102E9 0%, #333FFB 27%, #FE31FF 50%, #E546FF 77%, #8E41FF 100%);
} */
/* .MR-chat ul li .user-name.viplevel {
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-size: 200% 100%;
	-webkit-animation: flowCss 2s infinite linear;
			animation: flowCss 2s infinite linear;
  }
  @-webkit-keyframes flowCss {
	0% {
	  background-position: 0 0;
	}
	100% {
	  background-position: -200% 0;
	}
  }
  @keyframes flowCss {
	0% {
	  background-position: 0 0;
	}
	100% {
	  background-position: -200% 0;
	}
  } */
/* 主播 */
.MR-chat ul li .ICON-pro-anAnchor{
	display: inline-block;
	width: 26px;
    height: 24px;
    vertical-align: -6px;
	background:  url(https://staticfile.ztdj6.com/public/front/images/micorphone.2.png) no-repeat center center/ 100% 100%;
}
/* 战神号 */
.MR-chat ul li .ICON-pro-kingFlag{
	display: inline-block;
	width: 24px;
    height: 24px;
	vertical-align: -6px;
	margin-right: 3px;
	
	background:  url(https://staticfile.ztdj6.com/public/front/images/ICON-pro-kingFlag.2.png) no-repeat center center/  100% 100%;
}
/* JX存款标识 */
.MR-chat ul li .ICON-pro-jxFlag{
	display: inline-block;
	width: 24px;
    height: 24px;
	vertical-align: -6px;
	margin-right: 3px;
	background:  url(https://staticfile.ztdj6.com/public/front/images/jxflag-6.gif) no-repeat center center/  100% 100%;
}
/* vip */
.MR-chat ul li .ICON-pro-vipFlag{
	display: inline-block;
	width: 29px;
    height: 24px;
	vertical-align: -6px;
	margin-right: 3px;
	text-align: right;
}
.MR-chat ul li .ICON-pro-vipFlag.vipFlag1{
	background:  url(https://staticfile.ztdj6.com/public/front/images/ICON-pro-vipFlag1.png) no-repeat center center/  100% 100%;
}
.MR-chat ul li .ICON-pro-vipFlag.vipFlag2{
	background:  url(https://staticfile.ztdj6.com/public/front/images/ICON-pro-vipFlag2.png) no-repeat center center/  100% 100%;
}
.MR-chat ul li .ICON-pro-vipFlag.vipFlag3{
	background:  url(https://staticfile.ztdj6.com/public/front/images/ICON-pro-vipFlag3.png) no-repeat center center/  100% 100%;
}
.MR-chat ul li .ICON-pro-vipFlag.vipFlag4{
	background:  url(https://staticfile.ztdj6.com/public/front/images/ICON-pro-vipFlag4.png) no-repeat center center/  100% 100%;
}
.MR-chat ul li .ICON-pro-vipFlag.vipFlag5{
	background:  url(https://staticfile.ztdj6.com/public/front/images/ICON-pro-vipFlag5.png) no-repeat center center/  100% 100%;
}

.MR-chat ul li.anchor .user-name {
	color: #f0717e;
}

.MR-chat ul li .anchor-user .user-name {
	color: #f0717e;
}

.MR-chat ul li.anchor .auser-name .user-name {
	color: #3bafda;
	padding-right: 5px;
}

.MR-chat ul li.horn {
	color: #f6bb41;
}

.MR-chat ul li.enter {
	color: #aaa;
	font-size:12px;
}

.MR-chat ul li.enter .all-name {
	padding: 0 5px;
}

.MR-chat ul li.noble-opt {
	color: #999;
}

.MR-chat ul li.noble-opt .user-name {
	padding-right: 5px;
}

.MR-chat ul li .pss {
	color: #999;
	padding-left: 5px;
}

.MR-chat ul li img {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin: 0 3px 0 2px;
}

.MR-chat ul li .ICON-active-level-bg {
	margin-right: 5px;
}

.MR-chat ul li .ICON-active-level-bg img {
	width: 16px;
	height: 16px;
	vertical-align: top;
	margin: 0;
	margin-right: 4px;
}
/* 喇叭 广播 */
.MR-horn {
	position: absolute;
	width: 32px;
	height: 32px;
	right: 82px;
	top: 11px;
}

.MR-horn .toggle {
	width: 32px;
	height: 32px;
	overflow: hidden;
	cursor: pointer;
	background: url('../images/room_bg.png') no-repeat 2px -233px;
}
.MR-horn .toggle.close {
	background-position: -28px -233px;
}

/* .MR-horn .toggle:hover {
	background-position: -58px -233px;
} */

.MR-horn .closed {
	width: 9px;
	height: 9px;
	position: absolute;
	top: 12px;
	right: 7px;
	cursor: pointer;
	background: url('../images/room_bg.png') no-repeat -320px -160px;
}

.MR-horn .closed:hover {
	background-position: -350px -160px;
}

.MR-horn .selector {
	width: 398px;
    height: 92px;
    bottom: -6px;
    right: -84px;
    opacity: 1;
    border: none;
    border-radius: 0px;
    background: url(../images/dot_white_2.png);
}

.MR-horn .selector .detail {
	padding: 0;
	background: #1c1b3a;
	overflow: hidden;
	padding: 20px;
}

.MR-horn .selector .arrow-right {
	display: none;
}

.MR-horn .selector .btn {
	float: left;
	width: 155px;
	height: 53px;
	background-color: #343750;
	position: relative;
	cursor: pointer;
	background-image: url('../images/room_bg.png');
	background-repeat: no-repeat;
}

.MR-horn .selector .btn:hover {
	background-color: #494d6f;
}

.MR-horn .selector .gold {
	background-position: 10px -362px;
}

.MR-horn .selector .site {
	float: right;
	background-position: 10px -362px;
}

.MR-horn .selector p {
	padding-left: 60px;
}

.MR-horn .selector p.name {
	padding-top: 5px;
	color: #f7dd66;
	font-size: 14px;
}

.MR-horn .selector .num {
	color: #FFF;
	font-size: 12px;
}

.MR-horn .dialog {
	width: 398px;
	background: url('../images/white_dot_02.png');
	height: 92px;
	bottom: 34px;
	right: -82px;
	border: none;
	opacity: 0;
	position: absolute;
}

.MR-horn .dialog h4 {
	background: #221d20;
	height: 30px;
	line-height: 30px;
	padding-left: 25px;
}

.MR-horn .dialog .detail {
	background: #221d20;
	padding: 0 25px;
}

.MR-horn .dialog textarea {
	width: 292px;
	height: 40px;
	padding: 3px 8px;
	line-height: 20px;
	font-size: 12px;
	background: none;
	border: 1px solid #393437;
	overflow-X: hidden;
	overflow-Y: auto;
	color: #999;
}

.MR-horn .dialog textarea.txt-focus {
	color: #fff;
}

.MR-horn .dialog .opt {
	margin-top: 10px;
	height: 42px;
}

.MR-horn .dialog .opt span {
	float: left;
	color: #999;
}

.MR-horn .dialog .opt span.txt-error {
	color: #FF0000;
}

.MR-horn .dialog .horn-send {
	background: #ffcc34;
	width: 60px;
	height: 22px;
	line-height: 22px;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	float: right;
	border: none;
	border-radius: 2px;
	color:#000
}

.MR-horn .dialog .horn-send:hover {
	background: #d6a619;
}

.MR-horn .dialog .sd-send-no,.MR-horn .dialog .sd-send-no:hover {
	background: #999;
}

.MR-horn .dialog .num i {
	color: #ff0000;
}

.MR-horn .dialog h4.site,.MR-horn .dialog .detail-site {
	background: #2e3148;
}

.MR-horn .dialog .detail-site textarea {
	border: 1px solid #ffcc34;
}

.MR-horn-show {
	position: absolute;
	right: 0;
	bottom: 130px;
	width: 100%;
	height: 125px;
	z-index: 36;
	overflow: hidden;
}

.MR-horn-show .bg {
	position: absolute;
	top: 0;
	right: 0;
	width: 540px;
	height: 125px;
	overflow: hidden;
}

.MR-horn-show .speak {
	position: absolute;
	color: #f7dd66;
	white-space: nowrap;
	font-size: 14px;
	line-height: 22px;
	padding: 5px 18px;
	background: url('../images/black_dot.png');
	border-radius: 16px;
}

.MR-horn-show .speak .user-name {
	color: #c4b9f1;
}

.MR-horn-show .speak .girl .user-name {
	color: #ff5d93;
}

.MR-horn-show .speak .ICON-noble-level,.MR-horn-show .speak .ICON-anchor-level {
	vertical-align: middle;
	vertical-align: top\0;
	margin-right: 3px;
}

.MR-horn .ICON-coins {
	padding-bottom: 2px;
}

.MR-horn .selector-fx {
	animation: selector 0.4s ease-in-out;
	-moz-animation: selector 0.4s ease-in-out;
	-webkit-animation: selector 0.4s ease-in-out;
	-o-animation: selector 0.4s ease-in-out;
	opacity: 0;
}

.MR-horn .dialog-fx {
	animation: dialog 0.4s ease-in-out;
	-moz-animation: dialog 0.4s ease-in-out;
	-webkit-animation: dialog 0.4s ease-in-out;
	-o-animation: dialog 0.4s ease-in-out;
	opacity: 1;
}

.MR-horn .selector-show {
	animation: selectShow 0.6s ease-in-out;
	-moz-animation: selectShow 0.6s ease-in-out;
	-webkit-animation: selectShow 0.6s ease-in-out;
	-o-animation: selectShow 0.6s ease-in-out;
	opacity: 1;
}

/* 今日话题 */
#todayTopicLink{
	width: 100%;;
	height: 44px; background-color: white;  
	color: #7D7D7D;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top:50px;
	display: none;
	
}
#todayTopicLink .linkLeft img{
	height:100%;
}
#todayTopicLink .linkRight{
	color:#7D7D7D;
	line-height:44px;
	display:inline-block;
	width:300px;
		text-overflow: ellipsis;
		font-size: 14px;
		
   overflow: hidden;
   white-space: nowrap;
   text-decoration: none;
}

/* 主播预约 */
.anchor-reserve{
	background-color: #fff;
	margin-top: 10px;
}
.anchor-reserve .reserve-header{
	background-color: #fff;
	height: 52px;
	line-height: 33px;
	padding:5px 15px 0;
	color:rgba(67,68,70,1);
	box-sizing: border-box;
}
.anchor-reserve .reserve-header span{
	float: left;
	font-size: 18px;
	font-weight: 600;
	position: relative;
}
.anchor-reserve .reserve-header span:after{
	position: absolute;
	content: '';
	font-size: 18px;
	font-weight: 600;
	height: 2px;
	width: 100%;
	left: 0;bottom: 0;
	background-color:rgba(254,87,97,1);
}
.anchor-reserve .reserve-header a{
	float: right;
	font-weight: 600;
	font-size :16px;
	color:rgba(67,68,70,1);
	text-decoration: none;
}
.anchor-reserve .reserve-item{
	height:80px;
	border-bottom: 2px solid  rgba(230,230,230,1);
	position: relative;
}
.anchor-reserve .reserve-item:nth-child(2n+1){
	background:rgba(247,247,247,1);
}
.anchor-reserve .reserve-item .team{
	width:50%;
	height: 100%;
	float: left;
	line-height: 80px;
	color:rgba(58,58,58,1);
	font-size: 14px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.anchor-reserve .reserve-item img{
	position: absolute;
	max-height: 34px;
    max-width: 34px;;
	top: 26px;
}
.anchor-reserve .reserve-item .home-team{
	float: left;
	padding-right: 80px;
	text-align: right;
	top: 0px;
}
.anchor-reserve .reserve-item .home-team img{
	right: 35px;
}
.anchor-reserve .reserve-item .away-team{
	float:right;
	padding-left: 80px;
	text-align: left;
	top: 0px;
}
.anchor-reserve .reserve-item .away-team img{
	left: 35px;
	}
	.anchor-reserve .reserve-item .info{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;top: 0px;
		text-align: center;
		line-height: 18px;
	}
	.anchor-reserve .info .league-name{
		font-size:10px;
		font-weight:200;
		color:rgba(69,69,69,1);
		text-align: center;
		padding-top: 5px;
	}
	.anchor-reserve .info .league-date{
		padding: 8px;
		font-size:10px;
		font-weight:200;
		color:rgba(69,69,69,1);
		text-align: center;
	}
	.anchor-reserve .info .league-time{
		font-size:14px;
		font-family:FZLTZHK--GBK1-0;
		font-weight:600;
		color:rgba(58,58,58,1);
		text-align: center;
	}
/* 主播推荐盘口 */
.reserve-item .recomend-btn{
	position: absolute;
	z-index: 4;
	color:rgba(255,86,85,1);
	font-size: 14px;
	width: 128px;
	height: 28px;
	text-indent: 3em;
	line-height: 28px;
	cursor: pointer;
	background:url('https://staticfile.ztdj6.com/public/front/images/anchor-recomand.png')no-repeat center center /100% 100%;
}	
.reserve-item .recomend-btn:before{
	content:'';
	position: absolute;
	z-index: 5;
	left: 14px;
	top: 0px;
	width: 20px;
	height: 28px;
	background:url('https://staticfile.ztdj6.com/public/front/images/recomand-logo.png')no-repeat center center /14px 18px;
} 
.reserve-item  .reserve-recomend{
	width: 100%;
	min-height: 100%;
	z-index: 3px;
	position: absolute;
	background:linear-gradient(-24deg,rgba(255,90,154,1),rgba(255,157,143,1));
	
	display:none;
}
.reserve-item  .reserve-recomend .recommend-item{
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	height: 26px;
	font-size: 12px;
	line-height: 26px;
	padding: 0 8px ;
	width: 87px;
	color: white;
	background:rgba(0, 0, 0, 0.104);
	border-radius:13px;
	text-align: center;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@keyframes selectShow {
	0% {
		transform: rotateX(180deg);
		opacity: 0;
	}

	65% {
		transform: rotateX(90deg);
		opacity: 1;
	}

	100% {
		transform: rotateX(0);
		opacity: 1;
	}
}

@-moz-keyframes selectShow {
	0% {
		-moz-transform: rotateX(180deg);
		opacity: 0;
	}

	65% {
		-moz-transform: rotateX(90deg);
		opacity: 1;
	}

	100% {
		-moz-transform: rotateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes selectShow {
	0% {
		-webkit-transform: rotateX(180deg);
		opacity: 0;
	}

	65% {
		-webkit-transform: rotateX(90deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: rotateX(0);
		opacity: 1;
	}
}

@-o-keyframes selectShow {
	0% {
		-o-transform: rotateX(180deg);
		opacity: 0;
	}

	65% {
		-o-transform: rotateX(90deg);
		opacity: 1;
	}

	100% {
		-o-transform: rotateX(0);
		opacity: 1;
	}
}

@keyframes dialog {
	100% {
		transform: rotateX(0);
		opacity: 1;
	}

	0% {
		transform: rotateX(90deg);
		opacity: 0;
	}
}

@-moz-keyframes dialog {
	100% {
		-moz-transform: rotateX(0);
		opacity: 1;
	}

	0% {
		-moz-transform: rotateX(90deg);
		opacity: 0;
	}
}

@-webkit-keyframes dialog {
	100% {
		-webkit-transform: rotateX(0);
		opacity: 1;
	}

	0% {
		-webkit-transform: rotateX(90deg);
		opacity: 0;
	}
}

@-o-keyframes dialog {
	100% {
		-o-transform: rotateX(0);
		opacity: 1;
	}

	0% {
		-o-transform: rotateX(90deg);
		opacity: 0;
	}
}

@keyframes selector {
	0% {
		transform: rotateX(0);
		opacity: 1;
	}

	100% {
		transform: rotateX(90deg);
		opacity: 0;
	}
}

@-moz-keyframes selector {
	0% {
		-moz-transform: rotateX(0);
		opacity: 1;
	}

	100% {
		-moz-transform: rotateX(90deg);
		opacity: 0;
	}
}

@-webkit-keyframes selector {
	0% {
		-webkit-transform: rotateX(0);
		opacity: 1;
	}

	100% {
		-webkit-transform: rotateX(90deg);
		opacity: 0;
	}
}

@-o-keyframes selector {
	0% {
		-o-transform: rotateX(0);
		opacity: 1;
	}

	100% {
		-o-transform: rotateX(90deg);
		opacity: 0;
	}
}

/* 喇叭展示 */
.MR-msg-notice {
	position: absolute;
	left:0px;
	top: 0;
	padding-left: 60px;
	width:100%;
	height: 41px;
	background: #3f547c;
	z-index:99;
	box-sizing:border-box;
	display:none !important;
}

.MR-msg-notice .title {
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -10px;
	width: 30px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	background: #ffcc34;
	border-radius: 8px;
}

.MR-msg-notice .msg-content {
	position: relative;
	height: 41px;
	overflow: hidden;
	line-height:41px;
}

.MR-msg-notice .msg-content .notice-horn {
	position: absolute;
	left: 0;
	top: 0;
	height: 41px;
	line-height: 41px;
	font-size: 14px;
	color: #f7dd66;
	word-break: keep-all;
}

.MR-msg-notice .msg-content .notice-horn .link {
	padding-left: 3px;
	color: #fff;
}

.MR-msg-notice .msg-content .notice-horn:hover {
	text-decoration: none;
	color: #F7F0A8;
}

.MR-msg-notice .msg-content .notice-horn:hover .link {
	color: #fff;
}

/* 礼物 */
.MR-gift {
	margin: 0 auto;
}

.MR-gift .M-arrow-scroll {
	position: relative;
}

.MR-gift .M-arrow-scroll .con {
	/* width: 700px; */
	height: 49px;
	overflow: hidden;
	position: relative;
	padding-top: 1px;
	margin-left: 3px;
}

.MR-gift .M-arrow-scroll .left-arrow {
	width: 10px;
	height: 29px;
	position: absolute;
	left: -15px;
	top: 11px;
	display: block;
	cursor: pointer;
}

.MR-gift .M-arrow-scroll .right-arrow {
	width: 10px;
	height: 29px;
	position: absolute;
	right: 5px;
	top: 11px;
	display: block;
	cursor: pointer;
	z-index:9;
}

.MR-gift .gift-panel .free-gift {
	width: 54px;
	height: 45px;
	cursor: pointer;
}

.MR-gift .gift-panel .gift-null,.MR-gift .gift-panel .gift,.MR-gift .gift-panel .goods,.MR-gift .gift-panel .red-packet,.MR-gift .gift-panel .links {
	float: left;
	width: 48px;
	height: 48px;
	margin: 0 2px;
	cursor: pointer;
	background: #595868;
	border-radius: 5px;
}

.MR-gift .gift-panel .gift-null {
	cursor: auto;
}

.MR-gift .gift-package {
	position: relative;
}

.MR-gift .gift-package .count {
	position: absolute;
	left: 40px;
	top: 0;
	height: 16px;
	line-height: 16px;
	color: #FFF;
	text-align: center;
	border-radius: 3px;
	padding: 0 2px;
	background: #f33b39;
}

.MR-gift .gift-panel .no-valid .gift {
	cursor: default;
}

.MR-gift .star-no-valid {
	cursor: default;
}

.MR-gift .star-no-valid p {
	color: #999;
}

.MR-gift .gift-panel .no-valid .gift p {
	color: #999;
}

.MR-gift .gift-panel .gift-pic {
	height: 48px;
	width: 48px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.MR-gift .gift-panel .gift-pic .gift-num{
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	height: 14px;
	line-height: 14px;
	background: #ff3450;
	color: #FFF;
	padding: 0 5px;
	border-radius: 7px;
	display: none;
}
.MR-gift .gift-panel .gift-lian
{
	margin-top: -22px;
	z-index: 10000;
	float: right;
	width: 18px;
	height: 18px;
	position: relative;
	display:block;
	border-radius:50%;
	border-style:solid;
	border-width:1px;
	border-color: #ffcc34;
	font-size:10px;
	line-height: 18px;
	text-align:center;
	background-color: #ffcc34;
	color: #ffffff;
}
.MR-gift .gift-panel p {
	text-align: center;
}

.MR-gift .gift-tab {
	height: 31px;
	padding:5px 25px 0;
	background: url('../images/dot_white_05.png') repeat-x left 26px;
}

.MR-gift .gift-tab li {
	color: #7f6b8c;
	padding: 0 12px;
	height: 31px;
	line-height: normal;
	float: left;
	text-align: center;
	cursor: pointer;
	position: relative;
	margin-right: 10px;
}

.MR-gift .gift-tab li.on {
	color: #ffcc34;
	background: url('../images/tab_on.png') no-repeat center 21px;
}

.MR-gift .gift-tab .dot-tip {
	border-radius: 50%;
	width: 6px;
	height: 6px;
	position: absolute;
	right: -2px;
	top: -2px;
	background: #FF0000;
	border: 1px solid #FFF;
}

.MR-gift .gift-tab .dot-new {
	width: 20px;
	height: 11px;
	position: absolute;
	right: 0;
	top: -9px;
	background: url('../images/new_icon_v2.png') no-repeat;
}

.MR-moregift .BTN-num-custom,.MR-custom-dialog .close-btn,.MR-free-gift .freegift-more .icon,.MR-free-gift .freegift-more li,.MR-star .progress,.MR-star,.MR-gift .gift-panel .is-event,.MR-gift .gift-panel .luck-mark,.MR-gift .gift-panel .is-top {
	background: url('../images/room_icon.png') no-repeat;
}

.MR-gift .gift-panel .gift-pic:hover,.MR-gift .gift-panel .gift.selected .gift-pic,.MR-gift .M-arrow-scroll .left-arrow,.MR-gift .M-arrow-scroll .right-arrow {
	background: url('../images/room_bg.png') no-repeat;
}

.MR-gift .gift-panel .is-time-limit {
	width: 25px;
	height: 25px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	background: url('../images/xian.png') no-repeat;
}

.MR-gift .gift-panel .luck-mark {
	width: 30px;
	height: 14px;
	position: absolute;
	left: 9px;
	top: 34px;
}

.MR-gift .gift-panel .gold-mark {
	background: url('../images/icon_gold.png') no-repeat 0 0;
}

.MR-gift .gift-panel .is-top {
	background-position: 0 -58px;
}

.MR-gift .gift-panel .is-event {
	background-position: 0 -374px;
}

.MR-gift .gift-panel .is-top,.MR-gift .gift-panel .is-event {
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
	top: 0;
}

.MR-gift .gift-panel .gift-pic:hover {
	background-position: -240px -80px;
}

.MR-gift .gift-panel .gift.selected .gift-pic {
	background-position: 0 0;
	background-color: #ff0000;
	border-radius: 10%;
}

.MR-gift .gift-panel .gift-pic img {
	width: 38px;
	height: 38px;
	margin-top: 10%;
}

.MR-gift .lucky,.MR-gift-more .gift {
	background: url('../images/gift_icon_bg.png') no-repeat;
}

.MR-gift .gift-panel .gift-pic-blue {
	background: url('../images/gift_icon_bg.png') no-repeat;
}

.MR-gift .gift-panel .gift-pic-va {
	background: url('../images/gift_icon_bg.png') no-repeat;
}

.MR-gift .lucky {
	background-position: -14px -23px;
}

.MR-gift .lucky-on {
	background-position: -10px -94px;
}

.MR-star,.MR-gift .gift-panel .gift-pic {
	background-position: -165px -28px;
}

.MR-gift-more .gift {
	background-position: -147px -97px;
}

.MR-star .progress {
	background-position: -261px bottom;
}

.MR-gift .goods .MR-star {
	background-position: -158px -28px;
}

/* 礼物信息tips */
.MR-gift-tip {
	position: absolute;
	bottom: 52px;
	padding: 2px;
	min-height: 42px;
	cursor: auto;
	z-index: 2147483648;
}

.MR-gift-tip .tip-content {
	background: #221D20;
	padding: 5px 10px;
	line-height: 14px;
	min-height: 32px;
}


.MR-gift-tip .gift-tip-expire,.MR-gift-tip .gift-tip-desc,.MR-gift-tip .gift-tip-con {
	margin-left: 35px;
	max-width: 175px;
}

.MR-gift-tip .gift-tip-help,.MR-gift-tip .gift-tip-price {
	color: #D4AF2B;
	margin-left: 5px;
}

.MR-gift-tip .gift-tip-desc {
	word-break: break-all;
	white-space: pre-wrap;
}

/* 礼物底部 */
.MR-gift .gift-footer {
	float:right;
	position: relative;
	height: 40px;
	line-height: 40px;
}
.gift-footer .MR-star {
	width: 32px;
	height: 33px;
	text-align: center;
	line-height: normal;
	position: relative;
	background-position: -200px 0;
	cursor: pointer;
}

.gift-footer .MR-star:hover {
	background-position: -240px -47px;
}


.freegift-more .star-0 .icon,.MR-star .icon {
	width: 20px;
	height: 19px;
	position: absolute;
	top: 6px;
	left: 6px;
	background: url('../images/room_bg.png') no-repeat -167px -87px;
}

.freegift-more .star-0 .icon {
	left: 5px;
}

.freegift-more .star-1 .icon,.freegift-more .star-50 .icon,.freegift-more .star-10 .icon {
	position: absolute;
	width: 15px;
	height: 24px;
}

.freegift-more .star-1 .icon {
	width: 12px;
	background-position: -200px -252px;
	left: 8px;
	top: 5px;
}

.freegift-more .star-10 .icon {
	left: 10px;
	top: 5px;
	background-position: -246px -286px;
}

.freegift-more .star-50 .icon {
	left: 8px;
	top: 5px;
	background-position: -245px -252px;
}

.MR-star .goods-pic {
	width: 24px;
	height: 24px;
	margin: 0 auto;
	margin-bottom: 12px;
}

.MR-star .goods-pic img {
	width: 24px;
	height: 24px;
}

.MR-free-gift .MR-star .count {
	position: absolute;
	right: -4px;
	top: -4px;
	height: 18px;
	line-height: 18px;
	color: #FFF;
	background-color: #f33b39;
	text-align: center;
	border-radius: 50%;
	width: 18px;
}

.MR-free-gift .freegift-more {
	display: none;
	position: relative;
	top: -4px;
	padding-top: 4px;
	padding-left: 4px;
	width: 145px;
	height: 36px;
	border-radius: 36px;
	background: url('../images/blank_dot_06.png');
}

.MR-free-gift .freegift-more li {
	position: absolute;
	float: left;
	margin-right: 4px;
	width: 32px;
	height: 33px;
	background-position: -200px 0;
	cursor: pointer;
}

.MR-free-gift .freegift-more li.star-1 {
	left: 40px;
}

.MR-free-gift .freegift-more li.star-10 {
	left: 76px;
}

.MR-free-gift .freegift-more li.star-50 {
	right: 0;
}

.MR-free-gift .freegift-more li:hover {
	background-position: -240px -47px;
}

.freegift-more .more-btn .bg {
	display: none;
	position: absolute;
	width: 60px;
	bottom: 38px;
	left: -15px;
	padding: 2px;
	text-align: center;
	min-height: 20px;
	cursor: auto;
}

/* 点歌 */
.MR-app-item,.MR-app-item-close .icon-close,.MR-app-item-start .icon,.MR-app-item-start {
	background: url('../images/room_icon.png') no-repeat;
}

.MR-app-item-start {
	position: relative;
	width: 32px;
	height: 33px;
	text-align: center;
	line-height: normal;
	cursor: pointer;
	background-position: -200px 0;
}

.MR-app-item-start:hover {
	background-position: -240px -47px;
}

.MR-app-item-close .icon-close,.MR-app-item-start .icon {
	position: absolute;
	left: 8px;
	top: 7px;
	width: 18px;
	height: 18px;
	background-position: -245px -85px;
}

.MR-app-item {
	width: 32px;
	height: 33px;
	cursor: pointer;
	background-position: -200px 0;
}

.M-app-UI-enable:hover {
	background-position: -240px -47px;
	;
}

.MR-app-item .icon {
	display: block;
}

.MR-app-item .icon {
	margin: 0 auto;
	width: 20px;
	height: 20px;
	position: relative;
	top: 7px;
}

.MR-app-item .icon img {
	width: 30px;
	height: 30px;
}

.MR-app-item .title {
	padding-top: 5px;
	line-height: 14px;
	text-align: center;
}

.MR-app-item .title {
	display: none;
}

.MR-app-list {
	display: none;
	background: url('../images/blank_dot_06.png');
	border-radius: 30px;
	height: 36px !important;
	padding-top: 3px;
	padding-left: 4px;
}

.MR-app-list .MR-app-item {
	position: relative;
	float: left;
	margin-right: 5px;
	background-position: -200px 0;
}

.MR-app-list .MR-app-UI-open {
	background: #003399;
	cursor: default;
}

.MR-app-window {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

.MR-app-box {
	padding: 4px;
	border: 1px solid #5c5c5c;
	border-radius: 4px 0 4px 4px;
}

.MR-app-title {
	position: absolute;
	right: 0;
	top: -26px;
	height: 26px;
	text-align: right;
}

.MR-app-title .title {
	display: inline-block;
	padding: 7px 58px 0 23px;
	height: 19px;
	line-height: 18px;
	border: 1px solid #5c5c5c;
	border-bottom: 0 none;
	text-align: left;
	border-radius: 4px 4px 0 0;
	color: #7f6b8c;
}

.MR-app-title .close {
	display: block;
	position: absolute;
	right: 10px;
	top: 6px;
	height: 20px;
	width: 20px;
	text-align: center;
	color: #7f6b8c;
	cursor: pointer;
}

.MR-app-title .close:hover {
	color: #8675A0;
}


.M-app-UI-enable:hover,.M-app-UI-open {
	color: #ff0087;
}

.M-app-UI-open {
	cursor: default;
}

.M-app-UI-disable {
	cursor: default;
	color: #848282;
}

.MR-app-item .icon {
	background: url('../images/app_icon_v2.png') no-repeat;
}

.MR-app-item .app-icon-song {
	background: url('../images/room_bg.png') no-repeat -87px -89px;
}

.M-app-UI-enable .app-icon-multi {
	background-position: -37px 0;
}

.M-app-UI-enable:hover .app-icon-multi,.M-app-UI-open .app-icon-multi {
	background-position: -176px 0;
}

.M-app-UI-disable .app-icon-multi {
	background-position: -315px 0;
}

.M-app-UI-enable .app-icon-vote {
	background-position: -73px 0;
}

.M-app-UI-enable:hover .app-icon-vote,.M-app-UI-open .app-icon-vote {
	background-position: -213px 0;
}

.M-app-UI-disable .app-icon-vote {
	background-position: -352px 0;
}

.MR-app-title .title,.MR-app-box,.MR-app-switch {
	background: #2f2c39;
}

.M-mic-flash-tab,.dds-mic-miniPlayer .title {
	background: url('../images/black_dot.png') left top;
}

.gift-footer .MR-app,.gift-footer .MR-free-gift {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}

.gift-footer .MR-app .MR-app-list {
	position: relative;
	top: -4px;
	width: auto !important;
}

.MR-gift .M-arrow-scroll .left-arrow {
	background-position: -178px -151px;
}

.MR-gift .M-arrow-scroll .left-arrow:hover {
	background-position: -178px -151px;
	opacity: 0.8;
}

.MR-gift .M-arrow-scroll .right-arrow {
	background-position: -88px -151px;
}

.MR-gift .M-arrow-scroll .right-arrow:hover {
	background-position: -88px -151px;
	opacity: 0.8;
}

.MR-gift .locked {
	cursor: default;
}


.MR-gift .gift-panel .gift.selected .gift-pic img {
	animation: heart 1s .2s ease both;
	-webkit-animation: heart 1s .2s ease both;
	-moz-animation: heart 1s .2s ease both;
}

.MR-moregift .select-box {
	position: absolute;
	bottom: 33px;
	z-index: 500;
}

.MR-moregift .select-box .select-list-con {
	overflow: hidden;
	position: relative;
}

.MR-moregift .select-box .select-list {
	position: relative;
	background: #2f2c39;
	top: 182px;
}

.MR-moregift .select-box li {
	width: 74px;
	height: 25px;
	line-height: 25px;
	border-bottom: solid 1px #373441;
	cursor: pointer;
}

.MR-moregift .select-box li:hover {
	background: #373441;
}

.MR-moregift .select-box li.custom-select {
	color: #d8b32b;
}

.MR-moregift .select-box li span {
	margin-left: 10px;
}

.MR-moregift .select-box .select-tip {
	display: none;
	position: absolute;
	top: 0;
	left: 74px;
	width: 140px;
	height: 170px;
	background: #373441;
}

.MR-moregift .send-btn,.MR-moregift .BTN-num-custom {
	display: block;
	position: absolute;
	top: 0;
	height: 34px;
	line-height: 34px;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	border: none;
	text-decoration: none;
	cursor: pointer;
}

.MR-moregift .BTN-num-custom {
	left: 0;
	width: 80px;
	background-position: 0 -480px;
}

.MR-moregift .BTN-num-custom:hover {
	background-position: 0 -420px;
}

.MR-moregift .num-group {
	position: absolute;
	top: 0;
	width: 110px;
	height: 34px;
	right: 70px;
}

.MR-moregift .num-group .num-name {
	color: #7f6b8c;
}

.MR-moregift .num-group .select-group {
	position: absolute;
	top: 0;
	right: 0;
	width: 75px;
	height: 34px;
	background: url('../images/room_bg.png') no-repeat 0 -280px;
}

.MR-moregift .num-group .num-input {
	position: absolute;
	color: #fff;
	top: 0;
	padding-left: 5px;
	width: 50px;
	height: 32px;
	line-height: 32px;
	background: none;
	border: none;
}

.MR-moregift .send-btn {
	width: 60px;
	right: 0;
	background: #fe5962;
	color:#fff;
	position:relative;
}

.MR-moregift .send-btn:hover {
	background: #fe5962;
}

.gift-orange-limit-mask {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100000;
	background: rgba(8, 6, 18, .72);
	backdrop-filter: blur(4px);
}

.gift-orange-limit-dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	width: 560px;
	max-width: 90%;
	padding: 58px 42px 34px;
	box-sizing: border-box;
	transform: translate(-50%, -50%);
	border-radius: 30px;
	background: radial-gradient(circle at 50% -12%, rgba(255, 232, 134, .9), transparent 30%), linear-gradient(145deg, #ff8b27 0%, #ff4f43 48%, #b72962 100%);
	box-shadow: 0 28px 80px rgba(0, 0, 0, .42), inset 0 0 0 1px rgba(255, 255, 255, .28);
	text-align: center;
	color: #fff;
}

.gift-orange-limit-dialog:before,
.gift-orange-limit-dialog:after {
	content: "";
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}

.gift-orange-limit-dialog:before {
	top: -180px;
	left: -180px;
	width: 420px;
	height: 420px;
	background: rgba(255, 255, 255, .18);
}

.gift-orange-limit-dialog:after {
	right: -130px;
	bottom: -120px;
	width: 300px;
	height: 300px;
	background: rgba(255, 220, 118, .18);
}

.gift-orange-limit-close {
	position: absolute;
	top: 18px;
	right: 18px;
	z-index: 2;
	width: 46px;
	height: 46px;
	border: 0;
	border-radius: 50%;
	background: rgba(40, 20, 20, .26);
	cursor: pointer;
}

.gift-orange-limit-close:before,
.gift-orange-limit-close:after {
	content: "";
	position: absolute;
	top: 22px;
	left: 13px;
	width: 20px;
	height: 2px;
	background: #fff;
}

.gift-orange-limit-close:before {
	transform: rotate(45deg);
}

.gift-orange-limit-close:after {
	transform: rotate(-45deg);
}

.gift-orange-limit-glow {
	position: absolute;
	top: 28px;
	left: 50%;
	width: 170px;
	height: 170px;
	margin-left: -85px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 248, 188, .9), rgba(255, 152, 63, .05) 68%);
	filter: blur(2px);
}

.gift-orange-limit-icon {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 96px;
	margin: 0 auto 22px;
	border-radius: 50%;
	background: linear-gradient(180deg, #fff6b8 0%, #ffcf4d 56%, #ff9d27 100%);
	box-shadow: 0 12px 28px rgba(147, 39, 9, .28), inset 0 4px 10px rgba(255, 255, 255, .72);
	color: #9e4100;
	font-size: 42px;
	font-weight: bold;
}

.gift-orange-limit-title {
	position: relative;
	z-index: 1;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.35;
	text-shadow: 0 3px 10px rgba(104, 22, 8, .24);
}

.gift-orange-limit-desc {
	position: relative;
	z-index: 1;
	margin-top: 20px;
	padding: 22px 24px;
	border-radius: 22px;
	background: rgba(39, 18, 18, .32);
	color: #fff8ee;
	font-size: 18px;
	line-height: 1.65;
	text-align: left;
}

.gift-orange-limit-tips {
	position: relative;
	z-index: 1;
	margin-top: 16px;
	color: rgba(255, 255, 255, .88);
	font-size: 15px;
	line-height: 1.5;
}

.gift-orange-limit-actions {
	position: relative;
	z-index: 1;
	margin-top: 28px;
}

.gift-orange-limit-helper {
	display: block;
	width: 100%;
	height: 58px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(180deg, #fff7d4 0%, #ffe08a 100%);
	box-shadow: 0 12px 26px rgba(117, 26, 12, .22);
	color: #b84300;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}

.gift-orange-limit-helper:hover {
	background: linear-gradient(180deg, #fff9df 0%, #ffd86b 100%);
}

.gift-orange-limit-secondary {
	display: block;
	width: 100%;
	margin-top: 18px;
	border: 0;
	background: transparent;
	color: rgba(255, 255, 255, .86);
	font-size: 16px;
	cursor: pointer;
}

.gift-orange-limit-helper[style*="display: none"] + .gift-orange-limit-secondary {
	height: 52px;
	margin-top: 0;
	border-radius: 999px;
	background: linear-gradient(180deg, #fff7d4 0%, #ffe08a 100%);
	box-shadow: 0 12px 26px rgba(117, 26, 12, .22);
	color: #b84300;
	font-size: 18px;
	font-weight: bold;
}

.MR-moregift .select-group .numselect-btn {
	position: absolute;
	top: 1px;
	right: 8px;
	width: 11px;
	height: 32px;
	background: url('../images/room_bg.png') no-repeat -200px -6px;
	cursor: pointer;
}
.gift-con{overflow:visible; 
	height: 80px;
    box-sizing: border-box;
    padding-right: 100px;
    position: relative;}
.num-confirm-btns a {
	cursor: pointer;
}

.MR-gift .gift-group {
	position: relative;	
	float:left;
}
.MR-gift .gift-group .gift-wrap
{
	padding-top:2px;
	padding-bottom:2px;
	padding-left:20px
}
/* 头条 */
.MR-big-gift {
	width: 100%;
	overflow:hidden;
}

.MR-big-gift .out-boxer {
	background: #6b224e;
	height: 40px;
	width: 100%;
	overflow:hidden;
}

.MR-big-gift .high-boxer {
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
}

.MR-big-gift a {
	display: block;
	height: 40px;
	color: #FFF;
	line-height: 40px;
}

.MR-big-gift a:hover {
	text-decoration: none;
}

.MR-big-gift .photoer {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	line-height: normal;
}

.MR-big-gift .photoer img {
	border-radius: 50%;
	width: 25px;
	height: 25px;
}

.MR-big-gift .desc {
	white-space: nowrap;
}

.MR-big-gift .txt {
	color: #7f6b8c;
}

.MR-big-gift .gift-num {
	color: #f7dd66;
}

.MR-big-gift .gift-pic {
	margin-top: 1px;
	line-height: normal;
}

.MR-big-gift .gift-pic img {
	width: 32px;
	height: 32px;
	vertical-align: middle;
}

.MR-big-gift .user {
	color: #c4b9f1;
	padding: 0 5px;
}

.MR-big-gift .name,.MR-big-gift .anchor {
	color: #ff5d93;
	padding: 0 5px;
}

.MR-big-gift .horn-speak {
	background: url('../images/room_bg.png') no-repeat -585px -274px;
	padding-left: 20px;
}

.MR-big-gift .horn-speak .say {
	padding-right: 10px;
}

.MR-big-gift .horn-speak .name {
	color: #f6bb41;
	padding: 0;
}

.MR-big-gift .horn-speak a {
	display: inline;
	color: #FFF;
}

.MR-big-gift .horn-speak a:hover {
	text-decoration: underline;
}
/* 右侧 */
.SR-area-info {
	width: 316px;
	float: left;
	height: 640px;
	position: relative;
	background: url('../images/dot_black_2.png');
	margin-right: 10px;
}
/* 房间统计 */
.SR-area-info .info-count {
	height: 40px;
	position: relative;
	background: #182746;
}

.MR-count {
	height: 40px;
}

.MR-count .online,.MR-count .gift {
	float: right;
	height: 40px;
	line-height: 40px;
	margin-right: 20px;
}

.MR-count .online {
	margin-right: 24px;
}

.MR-count cite {
	text-align: left;
	padding-right: 6px;
}

.MR-count .info {
	float: left;
}
/* 排行榜 */
.SR-area-info .info-rank {
	background: #26292e;
	margin-top: 10px;
	height: 226px;
}

.MR-rank {
	position: relative;
	z-index: 90;
}

.MR-rank .tab {
	height: 50px;
}

.MR-rank .thr .rank_f_avatar{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: block;
	cursor:default;
	position: absolute;
	left: 20px;
	top: 17px;
	z-index: 1;
}

.MR-rank .tab li {
	float: left;
	width:50%;
	color: #FFF;
	height: 49px;
	line-height: 49px;
	cursor: pointer;
	border-bottom:1px solid #444;
	text-align: center;
	position: relative;
}


.MR-rank .tab li .photoer {
	float: right;
	position: relative;
	padding-top: 10px;
	margin-right: 5px;
}

.MR-rank .tab li .photoer i {
	width: 18px;
	height: 17px;
	position: absolute;
	display: block;
	right: -6px;
	top: 2px;
}

.MR-rank .tab li.on {
	border-bottom: 2px solid #ffd350;
	color: #ffd350;
}

.MR-rank .tab li.on:after{
	content:" ";
    display: inline-block;
    width: 0;
    height: 0;
    border:6px solid transparent;
    border-bottom: 6px solid #ffd350;
    position: absolute;
    bottom: 0;
    left: 45%;
}

.MR-rank .tab-con {
	background: #26292e;
	position: relative;
}

.MR-rank .thr {
	height: 146px;
	position: relative;
}

.MR-rank .thr .f,.MR-rank .thr .s,.MR-rank .thr .t {
	position: absolute;
	width: 116px;
	height: 146px;
}

.MR-rank .thr .f{
	left: 0;
	right: 0;
	margin:0 auto;
}

.MR-rank .thr .t{
	right: 0px;
}

.MR-rank .thr .photo {
	margin:0 auto;
	position: relative;
	text-align: center;
	border-radius: 50%;
}

.MR-rank .thr .photo .rank_bg{
	width: 100%;
	height: auto;
	z-index: 2;
	position: relative;
	top: 0;
}

.MR-rank .thr .photo .rank_avatar{
	border-radius: 50%;
    width: 70px;
    height: 70px;
    left: 0;
    position: absolute;
    right: 0;
    margin: 0 auto;
    bottom:0;
}
.MR-rank .thr .s .photo .rank_avatar{
    width: 50px;
    height: 50px;
    bottom:15px;
}
.MR-rank .thr .t .photo .rank_avatar{
    width: 50px;
    height: 50px;
    bottom:15px;
}
.MR-rank .thr .photo .rank_f_avatar {
	width: 54px;
	height: 54px;
}

.MR-rank .f .photo .rank_f_avatar {
	width: 58px;
	height: 58px;
	left: 19px;
	top: 16px;
}

.MR-rank .t .photo .rank_f_avatar {
	left: 21px;
	top: 18px;

}

.MR-rank .thr .stage {
	position: absolute;
	top: 116px;
	text-align: center;
	width: 100%;
	font-size: 14px;
	color:#000;
}

.MR-rank .thr .name {
	position: absolute;
	text-align: center;
	color: #000;
	width: 52px;
	white-space: nowrap;
	left: 0;
	right:0;
	margin:0 auto;
	z-index: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.MR-rank .thr .f .name {
	top: 97px;
	color: #b55e0a;
}

.MR-rank .thr .s .name {
	top: 96px;
	color: #7f8080;
}

.MR-rank .thr .t .name {
	top: 96px;
	color: #b55e0a;
}

.MR-rank .thr .f .photo {
	top: 20px;
}

.MR-rank .thr .s .photo {
	top: 31px;
}

.MR-rank .thr .t .photo {
	top: 31px;
}

.MR-rank-more{
	height: 30px;
	line-height: 30px;
	background: url(../images/rank_more.png) no-repeat center center;
	position: relative;
	display:none;
}

.MR-rank .other {
	padding: 10px 14px;
	margin: 0 auto;
	height: auto;
	max-height: 190px;
	display: block;
	overflow: hidden;
}

.MR-rank .con .bottom-line {
	background: url('../images/white_dot_02.png');
	height: 3px;
	overflow: hidden;
	width: 100%;
	display:none;
}

.MR-rank .other ul li {
	border-top: 1px solid #f6f6f6;
    float: left;
    width: 160px;
    padding: 3px 15px 3px 10px;
    height: 24px;
    line-height: 24px;
}

/* .MR-rank .other ul li:hover {
	background: #4e4466;
} */

.MR-rank .con .no {
	text-align: center;
	cursor: default;
	color: #CCC;
	padding-top: 20px;
}

.MR-rank .con .no:hover {
	background: none;
}

.MR-rank .other ul li label {
	display:block;width:24px;height:24px;line-height:24px;text-align:center;font-size:14px;color:#fff;background:#c9c9c9;border-radius:50%;float:left;margin-right:10px;
}

.MR-rank .other ul li .name {
	font-size:14px;color:#474747;font-weight:normal;display:block;float:left;height:24px;line-height:24px;width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.MR-rank .other ul li .ICON-coins {
	font-size:14px;color:#474747;font-weight:normal;display:block;float:right;height:24px;line-height:24px;
}


.MR-rank .other .board-scroll {
	position: absolute;
	top: 13px;
	right: -17px;
	width: 3px;
}

.MR-rank .ICON-coins {
	line-height: 16px;
	display: inline-block;
	color: #fe5d67;
	font-size: 14px;
}

.MR-rank .tab-con .tabs {
	width: 296px;
	position: relative;
	margin: 0 auto;
	font-size: 14px;
	padding-left: 20px;
	padding-top: 10px;
	background: url('../images/rank_bg.png') no-repeat -360px 0;
}

.MR-rank .tab-con .tabs span {
	float: left;
	height: 20px;
	cursor: pointer;
	line-height: 20px;
	margin-right: 20px;
}

.MR-rank .tab-con .tabs span.on {
	cursor: default;
	font-weight: bold;
	border-bottom: 3px solid #FFF;
}

.MR-rank .boards-sns ul li label {
	color: #fff;
}

.MR-rank .boards-sns ul li label.firs {
	color: #d6417c;
}

.MR-rank .other ul li .value {
	float: right;
}

.MR-rank .ICON-medal,.MR-rank .ICON-active-level-bg {
	float: left;
}

.MR-rank .ICON-active-level-bg,.MR-rank .ICON-medal {
	margin-top: 5px;
}

/*  */
.SR-area-info .info-gift {
	height: 170px;
	position: relative;
	background: url('../images/line_black.png') repeat-x 0 bottom;
}
/* 守护 */
.SR-area-info .info-guard {
	height: 305px;
	position: relative;
	background: url('../images/line_black.png') repeat-x 0 bottom;
}

.MR-guard-container .white-btn {
	color: #FFF;
	cursor: pointer;
	background: #645991;
	border-radius: 3px;
}

.MR-guard-container .white-btn:hover {
	background: #7468a6;
}

.MR-guard-container .disable-btn,.MR-guard-container .disable-btn:hover {
	color: #999;
	background-color: #888;
	cursor: default;
}

.MR-guard-container {
	position: relative;
	padding: 9px 15px 15px;
}

.MR-guard-top-line {
	height: 1px;
	overflow: hidden;
	line-height: 1px;
}

.MR-guard-container .top-container,.MR-guard-container .top-container .title,.MR-guard-container .top-container .count {
	height: 25px;
}

.MR-guard-container .top-container {
	padding: 3px 0 4px;
	position: relative;
	background: url('../images/line.png') repeat-x 0 bottom;
}

.MR-guard-container .top-container .title,.MR-guard-container .top-container .count {
	float: left;
	line-height: 25px;
	padding-right: 5px;
}

.MR-guard-container .top-container .title {
	font-size: 14px;
}

.MR-guard-container .top-container .count {
	line-height: 29px;
	color: #999;
	font-size: 10px;
	overflow: hidden;
}

.MR-guard-container .top-container .btn-l,.MR-guard-container .top-container .btn-r {
	position: absolute;
	top: 5px;
	width: 14px;
	height: 14px;
	line-height: 13px;
	text-align: center;
}

.MR-guard-container .top-container .btn-l {
	right: 18px;
}

.MR-guard-container .top-container .btn-r {
	right: 0;
}

.MR-guard-container .list-container {
	height: 240px;
}

.MR-guard-container .list-container {
	position: relative;
	padding-top: 10px;
	overflow: hidden;
}

.MR-guard-container .scroller {
	position: absolute;
	right: 3px;
	top: 48px;
}

.MR-guard-container .list-inner .page .item {
	float: left;
	position: relative;
	margin: 0 8px;
	width: 55px;
	height: 80px;
}

.MR-guard-container .list-inner .page .item .pic,.MR-guard-container .list-inner .page .item .limit,.MR-guard-container .list-inner .page .item .name,.MR-guard-container .list-inner .page .item .limit,.MR-guard-container .list-inner .page .item .off-line {
	display: block;
	width: 50px;
	margin: 0 auto;
}

.MR-guard-container .list-inner .page .item .pic,.MR-guard-container .list-inner .page .item .pic img,.MR-guard-container .list-inner .page .item .limit,.MR-guard-container .list-inner .page .item .off-line {
	width: 50px;
	height: 50px;
	border-radius: 25px;
}

.MR-guard-container .list-inner .page .item .limit,.MR-guard-container .list-inner .page .item .off-line {
	position: absolute;
	display: none;
	left: 50%;
	top: 0;
	margin-left: -25px;
	text-align: center;
	background: url('../images/blank_dot_05.png');
}

.MR-guard-container .list-inner .page .item .name {
	height: 24px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	color: #c4b9f1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.MR-guard-container .list-inner .page .item .name:hover {
	text-decoration: underline;
}

.MR-guard-container .list-inner .page .item .icon,.MR-guard-container .list-inner .page .item img {
	height: 16px;
	width: 16px;
}

.MR-guard-container .list-inner .page .item .icon {
	position: absolute;
	right: 0;
	top: 0;
}

.MR-guard-container .list-inner .page .item .off-line {
	display: block;
}

.MR-guard-container .list-inner .page .item .limit {
	display:none;
	padding: 5px 0;
	height: 40px;
	line-height: 20px;
}
.MR-guard-container .list-inner .page .item .limit i{
	color:#F00;
}

.MR-guard-container .list-inner .page .item-empty {
	background: url('../images/guard_item_bg.png') no-repeat center 0;
}

.MR-guard-container .list-inner .page .item-self .name {
	color: #f5cb39;
}


/* 购买守护按钮 */
.MR-guard-container .bottom-container {
	position: absolute;
	width: 60px;
	height: 22px;
	top: 10px;
	right: 15px;
}

.MR-guard-container .bottom-container .buy {
	display: block;
	height: 24px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
	background: #eb3d77;
}

.MR-guard-container .bottom-container .buy:hover {
	background: #ef4d83;
}
/* 购买守护 */
.MR-guard-buy-dialog {
	height: 350px;
}

.MR-guard-buy-dialog .top {
	padding: 0 20px;
}

.MR-guard-buy-dialog .title {
	font-size: 14px;
	height: 24px;
	line-height: 24px;
}

.MR-guard-buy-dialog .title .hl {
	padding-left: 22px;
	color: #d6417d;
	font-size: 12px;
}

.MR-guard-buy-dialog .info {
	position: relative;
	padding-left: 81px;
	height: 94px;
	border-bottom: 1px solid #333;
}

.MR-guard-buy-dialog .info .icon {
	position: absolute;
	left: 0;
	top: 14px;
	width: 60px;
	height: 60px;
}

.MR-guard-buy-dialog .info .info-title {
	padding-top: 8px;
	height: 24px;
	line-height: 24px;
}

.MR-guard-buy-dialog .info .info-text {
	line-height: 24px;
	color: #666;
}

.MR-guard-buy-dialog .info .info-text .link {
	padding-left: 3px;
	color: #999;
	text-decoration: underline;
}

.MR-guard-buy-dialog .info .info-text .link:hover {
	color: #fff;
}

.MR-guard-buy-dialog .select-line {
	position: relative;
	padding-left: 60px;
	margin-top: 10px;
	height: 20px;
	color: #999;
}

.MR-guard-buy-dialog .select-line .label {
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	line-height: 20px;
	color: #666;
}

.MR-guard-buy-dialog .select-line .select-option {
	float: left;
	position: relative;
	margin-right: 10px;
	width: 60px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	border: 1px solid #333;
	cursor: pointer;
}

.MR-guard-buy-dialog .select-line .select-option:hover {
	color: #c4b9f1;
	border: 1px solid #333;
}

.MR-guard-buy-dialog .select-line .s-cur {
	border: 1px solid #645991;
	color: #c4b9f1;
	cursor: default;
}

.MR-guard-buy-dialog .select-line .s-cur:hover {
	border: 1px solid #645991;
	color: #c4b9f1;
}

.MR-guard-buy-dialog .select-line .on-discount {
	padding-right: 25px;
}

.MR-guard-buy-dialog .select-line .on-discount .discount {
	position: absolute;
	right: 0;
	top: -2px;
	width: 25px;
	height: 29px;
}

.MR-guard-buy-dialog .select-line .select-month {
	position: relative;
	width: 60px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	border: 1px solid #645991;
}

.MR-guard-buy-dialog .select-line .select-month .value {
	position: relative;
	display: block;
	padding-right: 5px;
	height: 18px;
	color: #c4b9f1;
	z-index: 1;
}

.MR-guard-buy-dialog .select-line .select-month .open {
	height: 19px;
}

.MR-guard-buy-dialog .select-line .select-month .m-options {
	display: none;
	position: absolute;
	left: -1px;
	top: 18px;
	width: 210px;
	border: 1px solid #645991;
}

.MR-guard-buy-dialog .select-line .select-month .m-options .item {
	float: left;
	height: 24px;
	line-height: 24px;
	width: 35px;
	cursor: pointer;
}

.MR-guard-buy-dialog .select-line .select-month .m-options .item:hover {
	color: #c4b9f1;
	background: #444;
}

.MR-guard-buy-dialog .select-line .select-month .m-options .m-cur,.MR-guard-buy-dialog .select-line .select-month .m-options .m-cur:hover {
	color: #FFF;
	background: transparent;
	cursor: default;
}

.MR-guard-buy-dialog .select-line .price {
	color: #d6417d;
}

.MR-guard-buy-dialog .bottom {
	margin-top: 25px;
	padding: 13px 0;
	background: #3b3845;
}

.MR-guard-buy-dialog .bottom .btn-buy {
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 18px;
	color: #FFF;
	background: #645991;
	cursor: pointer;
}

.MR-guard-buy-dialog .bottom .btn-buy:hover {
	background: #7468a6;
}

.MR-guard-buy-dialog .info-m .icon {
	background: url('../images/guard_icon_m_bg.png') no-repeat 0 0;
}

.MR-guard-buy-dialog .info-y .icon {
	background: url('../images/guard_icon_y_bg.png') no-repeat 0 0;
}

.MR-guard-buy-dialog .select-line .select-month .value {
	background: url('../images/guard_d_arr.png') no-repeat 51px center #2f2c39;
}

.MR-guard-buy-dialog .select-line .select-month .m-options {
	background: #2f2c39;
}

.buykeeperbg{
	height:100%;
}
.buykeeper{
	width: 370px; 
	height: auto; 
	left: 50%; 
	top: 50%;
	margin-top:-190px;
	margin-left:-185px;
	display: none;
}

/* 播放窗口 */
.channel-player-v2{
	width:100%;
	height:492px;
	overflow:hidden;
	background:#000;
	position:relative;
}
#playerzmblbkjP_wrapper{
	width:100%;
	height:100%;
}

.gift_effect_area{
	position: absolute;
	top: 241px;
	z-index: 200;
	width: 100%;
	height: 225px;
	left: 0;
}

.no-pull-content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 201;
	width: 458px;
	/* height: 492px; */
}

.no-pull-content .no-pull-p{
	background: #232323 url('../images/guangbo.png') 15px center no-repeat;
    box-sizing: border-box;
	border-radius: 5px;
	color: #FFF;
    font-size: 14px;
    line-height: 20px;
    margin: 10px auto 15px;
    padding: 7px 14px 7px 60px;
    width: 290px;
    height: 54px;
}
.no-pull-content ul{
	width: 394px;
	overflow: hidden;
	margin: 0px auto;
	background: black;
}
.no-pull-content .live-item{
	width: 183px;
	margin: 10px 5px 0px;
}
.no-pull-content .live-item .live-img{
	width: 183px;
	height: 104px;
}
.no-pull-content .live-item .user-info a{
	color: #666;
}

/* 在线用户 */

.MR-online {
	width: 100%;
	margin-top: 10px;
	background: #26292e;
}

.MR-online h4 {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}

.MR-online .dialog {
	width: 100%;
}

.MR-online .dialog .nav-tab {
	height: 49px;
	border-bottom: 1px solid #444;
}

.MR-online .dialog .nav-tab cite {
	padding: 0 4px;
}

.MR-online .dialog .nav-tab li {
	float: left;
	width: 120px;
	height: 48px;
	cursor: pointer;
	line-height: 48px;
	font-size: 12px;
	text-align: center;
	color: #CCC;
	border-bottom: 2px solid #241b20;

}

.MR-online .dialog .nav-tab li.on {
	background: none;
	color: #ffcc34;
	border-bottom: 2px solid #ffcc34;
}

.MR-online .dialog .nav-tab li span {
	padding-left: 6px;
}

.MR-online .dialog .nav-con {
	padding-top: 10px;
	position: relative;
}

.MR-chat .user_list_bottom{
	height: 10px;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li {
	cursor: pointer;
	width: 93%;
	height: 45px;
	color: #7fe3ed;
	white-space: nowrap;
	background: linear-gradient(90deg, #202226 20%, #25282d 60%);
	margin-top: 10px;
	margin-left: 5%;
	border-radius: 23px;
	padding-left: 1%;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li .user_avatar{
	float: left;
	width: 45px;
	height: 45px;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li .user_avatar img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li .user_info{
	float: left;
	margin-left: 10px;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li .user_info .user_id{
	color: #9d9d9e;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li.noble {
	color: #fe9ac7
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li.anchor,.MR-online .dialog .nav-con .MR-chat .boarder ul li.no {
	color: #FFF;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li span {
	font-size: 12px;
	margin-right: 5px;
	display: block;
	float: left;

}
.MR-online .dialog .nav-con .MR-chat .boarder ul li span.name{
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li .photo img {
	width: 30px;
	height: 30px;
	border: 1px solid #3e4a52;
	float: left;
	border-radius: 15px;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li .ICON-noble-level {
	margin-top: 6px;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li .ICON-anchor-level {
	margin-top: 6px;
}

/* 分享 */
.ICON-online,.ICON-gift,.ICON-share,.ICON-weibo,.ICON-qq,.ICON-zone,.ICON-change,.ICON-edit,.ICON-copy,.ICON-lock-screen,.ICON-scroll-screen {
	background: url(../images/icon_bg.png) no-repeat;
	display: block;
}
.ICON-weibo {
	width: 26px;
	height: 20px;
	background-position: -286px -6px;
}

.ICON-qq {
	width: 26px;
	height: 20px;
	background-position: -334px -6px;
}

.ICON-zone {
	width: 26px;
	height: 20px;
	background-position: -391px -6px;
}
.MR-share {
	position: absolute;
	float: none;
	width: auto;
	padding: 0;
	top: -75px;
}

.MR-share .M-bubble {
	position: relative;
	left: auto;
}

.MR-share cite {
	text-align: center;
	display: block;
}

.MR-share .ICON-share {
	margin: 0 auto;
}

.MR-share:hover cite {
	color: #e4007f;
}

.MR-share:hover .ICON-share {
	background-position: -103px -40px;
}

.MR-share .detail {
	width: 135px;
}

.MR-share .detail a {
	float: left;
	width: 45px;
  margin-left: 16px;
}

.MR-share i {
	margin: 0 auto;
}

.MR-share label {
	display: block;
	text-align: center;
	color: #0099cc;
}

.MR-share .detail a:hover {
	text-decoration: none;
}

.MR-share .detail a:hover label {
	text-decoration: none;
	color: #ec0053;
}

.MR-share .detail a:hover .ICON-weibo {
	background-position: -286px -50px;
}

.MR-share .detail a:hover .ICON-qq {
	background-position: -334px -50px;
}

.MR-share .detail a:hover .ICON-zone {
	background-position: -391px -50px;
}

.MR-share .M-bubble .arrow-left {
	background: url(../images/room_bg2.png) no-repeat -40px -460px;
	width: 7px;
	height: 13px;
}

.MR-share .M-bubble {
	background: #FFF;
}

.MR-share .M-bubble .detail {
	height: 168px;
}
.MR-share .M-bubble .detail .qr{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.MR-share .M-bubble .detail img{
	max-width:100px;
	max-height:120px;
}
.MR-chat .boarder ul li.anchor .yanjing
{
	font-size: 12px;
	float: right;
	line-height: 30px;
	height:20px;
	width:20px;
}
.MR-chat .boarder ul li.anchor .xinxi
{
	height:34px;
	width:95%;
	color:#fff;
  display: block;
	margin-left:3px;
}
.MR-chat .boarder ul li.anchor .yanjing .yanjing_img
{
	height: 12px;
	width:20px;
	background: url(/public/home/images/yanjing.png) no-repeat;
	background-size:100%;
	margin-top: 10px;
}
.MR-chat .boarder ul li.anchor .xinxi:hover
{
	margin-left:-1px;
	opacity:0.5; 
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
}
/*用户列表弹出层*/
.popup
{
	right: auto;
	background: url('../images/white_dot_02.png') 0 0;
	cursor: default;
	position: absolute;
	right: -119px;
	top: 25px;
	padding: 5px;
	width: 257px;
	font-size: 12px;
	right: auto;
	left: 55px;
	z-index: 9999;
}
.popupOwn
{
	right: auto;
	background: url('../images/white_dot_02.png') 0 0;
	cursor: default;
	position: absolute;
	right: -119px;
	top: 25px;
	padding: 5px;
	width: 157px;
	font-size: 12px;
	right: 10px;
}
.popupOwn .pop_contentOwn
{
	background: #4c6187;
	padding: 0 10px;
	height: 30px;
	text-align:center;
	line-height:30px
}
.popup .pop_content
{
	background: #4c6187;
	padding: 0 10px;
	height: 70px;
	width:92%
}
.popup_img
{
	float: left;
	margin-top: 10px;
}
.popup_img img
{
	width: 50px;	
	height: 50px;	
	border-radius: 50%;
}
.popup .pop_content .handle
{
	width: 73%;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}
.popup .pop_content .handle span
{
	width: 55px;
	display: block;
	float: left;
	text-align: center;
	cursor:pointer;
	color:#ffcc34;
	margin-bottom:7px;
}
.popup .pop_content .handle span:hover
{
	color:#ffa700
}
.layui-layer-dialog
{
	color:#000;
}
.system_a
{
	color:#f9963e;
	cursor:default;
	text-decoration:none;
}
.system_name
{
	color:#7e5596;
	cursor:default;
	text-decoration:none;
}
.system_name:hover
{
	color:#7e5596;
	cursor:default;
	text-decoration:none;
}
.system_a:hover
{
	cursor:default;
	text-decoration:none;
}
.identity
{
	color:#ffcc34;
	text-decoration:none;
}
.identity:hover
{
	color:#ce9a00;
	text-decoration:none;
	cursor:pointer
}
.report
{
	color:#fff;
	text-decoration:none;
	cursor:pointer
}
.report:hover
{
	text-decoration:none;
	cursor:pointer
}
/*礼物效果*/
.hjPopbox {
	display: none;
	position: absolute;
	left: 10px;
	height: 25%;
	bottom: 70px;
	width: 240px;
	z-index: 100;
	overflow: hidden
}

.hjPopbox .color_0 {
	color: #efba35
}

.hjPopbox .color_1 {
	color: #e88260
}

.hjPopbox .color_2 {
	color: #dd787c
}

.hjPopbox .color_3 {
	color: #9a6dbf
}

.hjPopbox .color_4 {
	color: #c667bb
}

.hjPopbox .color_5 {
	color: #7587dd
}

.hjPopbox .color_6 {
	color: #31afae
}

.hjPopbox .color_7 {
	color: #cb9d20
}

.hjPopbox .color_8 {
	color: #d5802d
}

.hjPopbox .color_9 {
	color: #4ab685
}

.hjPopbox .color_10 {
	color: #e06a83
}

.hjPopbox .hj_showArea .bgcolor_0 {
	background-color: rgba(100,174,100,0.4)
}

.hjPopbox .hj_showArea .bgcolor_1 {
	background-color: rgba(232,130,96,0.4)
}

.hjPopbox .hj_showArea .bgcolor_2 {
	background-color: rgba(221,120,124,0.4)
}

.hjPopbox .hj_showArea .bgcolor_3 {
	background-color: rgba(154,109,191,0.4)
}

.hjPopbox .hj_showArea .bgcolor_4 {
	background-color: rgba(198,103,187,0.4)
}

.hjPopbox .hj_showArea .bgcolor_5 {
	background-color: rgba(117,135,221,0.4)
}

.hjPopbox .hj_showArea .bgcolor_6 {
	background-color: rgba(49,175,174,0.4)
}

.hjPopbox .hj_showArea .bgcolor_7 {
	background-color: rgba(203,157,32,0.4)
}

.hjPopbox .hj_showArea .bgcolor_8 {
	background-color: rgba(213,128,45,0.4)
}

.hjPopbox .hj_showArea .bgcolor_9 {
	background-color: rgba(74,182,133,0.4)
}

.hjPopbox .hj_showArea .bgcolor_10 {
	background-color: rgba(224,106,131,0.4)
}

.hjPopbox .hj_showArea {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden
}

.hjPopbox .hj_showArea ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0
}

.hjPopbox .hj_showArea li {
	list-style: none;
	display: table;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 4px 8px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms
}

.hjPopbox .hj_showArea li span:first-child {
	display: inline-block;
	float: left
}

.hjPopbox .hj_showArea li span:last-child {
	display: inline-block
}

.hjPopbox .hj_tip {
	position: absolute;
	width: 90px;
	color: #fff;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	background-color: #123;
	left: 0;
	bottom: 0;
	text-align: center;
	border-radius: 10px;
	display: none
}

.hjPopbox .hj_showArea .type_notice span:first-child {
	color: #bf1d1d
}

.hjPopbox .hj_showArea .type_msg span:first-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%
}

.hjPopbox .hj_showArea .type_follow {
	color: #1daeff
}

.hjPopbox .hj_showArea .type_gift {
	color: #1daeff
}

.hjPopbox .hj_showArea .type_gift .icon-gift {
	display: none;
	float: right;
	width: 17px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: -3px -4px;
	background-size: 23px 23px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: 4px
}
.hjPopGift {
	position: absolute
}

.hjPopGift.hjPopGift_small {
	opacity: 0;
	font-size: 12px;
	padding: 0 50px 0 40px;
	background-color: rgba(0,0,0,0.3);
	border-radius: 20px;
	left: -200px;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-property: opacity,left;
	transition-property: opacity,left;
	z-index: 998
}

.hjPopGift.hjPopGift_small.first {
	top: 100px
}

.hjPopGift.hjPopGift_small.last {
	top: 170px
}

.hjPopGift.hjPopGift_small.first.active,.hjPopGift.hjPopGift_small.last.active {
	left: 38%;
	top: 100%;
	opacity: 1
}

.hjPopGift.hjPopGift_small .icon-avatar {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	border-radius: 20px;
	border: 1px solid #fff;
	box-sizing: border-box
}

.hjPopGift.hjPopGift_small .nickname {
	height: 20px;
	line-height: 20px;
	color: #fff;
	width:100px;/*要显示文字的宽度*/
	overflow:hidden; /*超出的部分隐藏起来。*/
	white-space:nowrap;/*不显示的地方用省略号...代替*/
	text-overflow:ellipsis;/* 支持 IE */
}

.hjPopGift.hjPopGift_small .giftname {
	height: 15px;
	line-height: 15px;
	color: #1daeff
}

.hjPopGift.hjPopGift_small .icon-gift {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	border-radius: 20px
}

.hjPopGift.hjPopGift_small .giftNum {
	position: absolute;
	right: -30px;
	top: -10px;
	font-size: 20px;
	color: #1fbcf8;
	text-shadow: 0 0 1px white
}

.hjPopGift.hjPopGift_small .giftNum.active {
	-webkit-animation: giftNum 100ms ease-in-out 0s;
	animation: giftNum 100ms ease-in-out 0s
}

.hjPopGift.hjPopGift_big {
	display: block;
	position: absolute;
	width: 100%;
	right: -100%;
	bottom: 50%;
	z-index: 300;
	-webkit-transform: scale(0.2);
	transform: scale(0.2);
	opacity: 0;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.hjPopGift.hjPopGift_big img {
	display: block;
	margin: 0 auto;
	padding: 0;
	border: 0;
	max-width: 85%;
	max-height:200px;
}

.hjPopGift.hjPopGift_big .giftMsg {
	text-align: center;
	color: blue;
	text-shadow: 0 0 3px #fff;
	width: 100%
}

.hjPopGift.hjPopGift_big.active {
	right: 0;
	bottom: -1%;
	opacity: 1;
	height:50px;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.hjPopGift.hjPopGift_big.out {
	opacity: 0;
	right: 300%;
	bottom: -300%;
	height:50px;
	-webkit-transform: scale(0.2);
	transform: scale(0.2)
}

@-webkit-keyframes bigGift {
	0% {
		opacity: 0;
		right: -100%;
		bottom: 100%;
		-webkit-transform: scale(0.2);
		transform: scale(0.2)
	}

	15% {
		opacity: 1;
		right: 0;
		bottom: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	85% {
		opacity: 1;
		right: 0;
		bottom: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	92% {
		opacity: 1;
		right: 200%;
		bottom: -1px;
		-webkit-transform: scale(0.1);
		transform: scale(0.1)
	}

	100% {
		opacity: 0;
		right: 300%;
		bottom: -200%;
		-webkit-transform: scale(0.2);
		transform: scale(0.2)
	}
}

@keyframes bigGift {
	0% {
		opacity: 0;
		right: -100%;
		bottom: 100%;
		-webkit-transform: scale(0.2);
		transform: scale(0.2)
	}

	15% {
		opacity: 1;
		right: 0;
		bottom: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	85% {
		opacity: 1;
		right: 0;
		bottom: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	92% {
		opacity: 1;
		right: 200%;
		bottom: -1px;
		-webkit-transform: scale(0.1);
		transform: scale(0.1)
	}

	100% {
		opacity: 0;
		right: 300%;
		bottom: -200%;
		-webkit-transform: scale(0.2);
		transform: scale(0.2)
	}
}

@-webkit-keyframes giftNum {
	0% {
		-webkit-transform: scale(4);
		transform: scale(4)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes giftNum {
	0% {
		-webkit-transform: scale(4);
		transform: scale(4)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

/*点亮样式*/
#player-praises {
	width: 42px;
	height: 42px;
	position: absolute;
	bottom: 45px;
	right: 20px;
	z-index: 99;
}

#player-praises .bubble {
	width: 100%;
	height: 100%;
	position: relative
}

#player-praises svg {
	position: absolute
}

#player-praises .praises {
	position: relative;
	top: -100%;
	display: block;
	overflow: hidden;
}
.slide-header{border:1px solid #e9e9e9;overflow:hidden;padding:10px 15px;background:#fff url(../../front/images/userCenter/slideBoxBg.png) 200px 120px no-repeat;}
.slide-title{font-size:18px;color:#2f2f2f;padding:0 0 5px;width:80px;border-bottom:2px solid #fe5d67;overflow:hidden;margin-bottom:20px;}
.slide-cont1{width:350px;padding:5px 5px; border:1px solid #e9e9e9;background:#fbfbfb;height:auto;margin:0 auto 10px;overflow:hidden;border-radius:5px;font-size:14px;}
.slide-cont1 .wechat{padding-left:30px;color:#000;min-height:22px;line-height:22px;background:url(../../front/images/userCenter/wechat-icon.png) left top no-repeat;display:block;width:320px;overflow:hidden;text-overflow:ellipsis;}
.slide-cont1 .sounds{padding-left:30px;color:#000;min-height:22px;line-height:22px;background:url(../../front/images/userCenter/sounds-icon.png) left top no-repeat;display:block;width:320px;overflow:hidden;text-overflow:ellipsis;}
.slide-cont1 .sounds .item-qq{padding:2px 4px; background-color: #66d7ff; color: white;border-radius: 4px; cursor: pointer;}
.slide-cont1 .sounds .item-wechat{padding: 4px; background-color: #2bc100;color: white;border-radius: 4px; cursor: pointer;}
.slide-cont1 .sounds .item-url{padding: 4px;  color: #3583d8;border-radius: 4px;}
.slide-cont1 .sounds .item-llb{padding:2px 4px; background-color: #FF3434; color: white;border-radius: 4px; cursor: pointer;}
.slide-cont1 .sounds .item-helper{display:inline-block;margin-left: 5px;; padding: 4px;  color: white;border-radius: 4px;background-color: #ff9c31;}

.slide-cont2{padding:15px 0;text-align:center;font-size:16px;color:#a5a5a5;}
.slide-cont2 a{color:#000;}
.copyLinkUrl{border:1px solid #e9e9e9;background:rgba(233,233,233,.6) url(../images/link-icon.png) 9px center no-repeat;border-radius:5px;overflow:hidden;padding-left:38px;}
.copyLinkUrl dd{height:32px;line-height:32px;background:rgba(255,255,255,.8);width:285px;float:left;overflow:hidden;}
.copyLinkUrl dd .push_url{padding:0 10px;width:265px;height:32px;line-height:32px;overflow:hidden;}
.copyLinkUrl dt{float:right;overflow:hidden;height:32px;line-height:32px;text-align:center;width:43px;}
.copyLinkUrl dt .copyLinkUrlBtn{background:no-repeat;color:#fe5d67;}

.slide-chat{
	position: relative;
	padding-top: 214px;
	border-radius: 5px;
    overflow: hidden;
}
.slide-main{position: absolute;top: 0;width: 100%;z-index: 100; border:1px solid #e9e9e9;border-top:0;overflow:hidden;background: white url('../images/ranking_bg.png') no-repeat center top/420px 215px;height:214px ;border-radius: 10px 10px 0 0;overflow: hidden;}
.slide-tab-header{height:40px;overflow:hidden;display: flex;}
.slide-tab-header dd{flex: 1;margin-top:10px;height:20px;line-height:20px;color:white;font-size:16px;float:left;text-align:center;overflow:hidden;cursor:pointer;}
.slide-tab-header dd.curr{color:#ffdb75;}
.slide-tab-header dd:nth-child(2){border-left:2px solid white ;border-right:2px solid white ;}
.slide-tab-header dt{width:128px;float:left;overflow:hidden;text-align:center;line-height:40px;}
.slide-tab-header dt strong{font-weight:normal;display:inline;height:18px;font-size:12px;color:#666666;text-align:center;}
.slide-tab-header dt span{font-weight:normal;display:inline;height:18px;font-size:12px;color:#fe5d67;text-align:center;}
.slide-tab-main{overflow:hidden;}
.slide-list.chat-msg{padding: 0;}
.slide-list{position:relative;overflow:hidden;padding:175px 0px 30px; display:none ;}
.slide-list.curr{display:block;}
.slide-list dt{width:120px;;position:absolute;text-align:center;}
.slide-list dt strong{display:block;font-weight:normal;position:relative;z-index:9;text-align:center; font-size:14px;width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 auto;}
.slide-list .star{color: white;  font-size:12px;text-align: center;line-height: 19px;}
.slide-list dd .star{color: #999999;}
.slide-list .star-icon{width: 14px;height: 16px; vertical-align: -4px; display: inline-block;}
.slide-list .star-icon.red{background:url('https://staticfile.ztdj6.com/public/front/images/userCenter/blue_diamond.png') no-repeat center center/16px 16px;}
.slide-list .star-icon.gray{ background:url('https://staticfile.ztdj6.com/public/front/images/userCenter/blue_diamond.png') no-repeat center center/16px 16px;}

.slide-list dt:nth-child(1){left:0;right:0;top:0px;margin:0 auto;padding-top:10px;}
.slide-list dt:nth-child(1) .crown{
	width: 84px;height: 81px;
	overflow: hidden;
	margin: 0 auto 0 15px;
	background: url('https://staticfile.ztdj6.com/public/front/images/level/contribute1.png') no-repeat center center/84px 81px;
}
.slide-list dt:nth-child(1) .avarda{width:70px;height:70px;border-radius:60px;display:block;margin:9px 0 0 12px;}
.slide-list dt:nth-child(1) strong{color:white; }

.slide-list  .level{width: 70px;height: 26px; margin: 0 auto;}
.slide-list  .level.level1{background: url('https://staticfile.ztdj6.com/public/front/images/level/1.png?v=11') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level2{background: url('https://staticfile.ztdj6.com/public/front/images/level/2.png?v=11') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level3{background: url('https://staticfile.ztdj6.com/public/front/images/level/3.png?v=11') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level4{background: url('https://staticfile.ztdj6.com/public/front/images/level/4.png?v=11') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level5{background: url('https://staticfile.ztdj6.com/public/front/images/level/5.png?v=11') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level6{background: url('https://staticfile.ztdj6.com/public/front/images/level/6.png?v=11') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level7{background: url('https://staticfile.ztdj6.com/public/front/images/level/7.png?v=11') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level8{background: url('https://staticfile.ztdj6.com/public/front/images/level/8.png?v=11') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level9{background: url('https://staticfile.ztdj6.com/public/front/images/level/9.png?v=1') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level10{background: url('https://staticfile.ztdj6.com/public/front/images/level/10.png?v=11') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level11{background: url('https://staticfile.ztdj6.com/public/front/images/level/11.png?v=11') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level12{background: url('https://staticfile.ztdj6.com/public/front/images/level/12.png?v=11') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level13{background: url('https://staticfile.ztdj6.com/public/front/images/level/13.png?v=11') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level14{background: url('https://staticfile.ztdj6.com/public/front/images/level/14.png?v=11') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level15{background: url('https://staticfile.ztdj6.com/public/front/images/level/15.png?v=11') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level16{background: url('https://staticfile.ztdj6.com/public/front/images/level/16.png?v=11') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level17{background: url('https://staticfile.ztdj6.com/public/front/images/level/17.png?v=11') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level18{background: url('https://staticfile.ztdj6.com/public/front/images/level/18.png?v=11') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level19{background: url('https://staticfile.ztdj6.com/public/front/images/level/19.png?v=11') center center no-repeat;background-size: 75px auto;}
.slide-list  .level.level20{background: url('https://staticfile.ztdj6.com/public/front/images/level/20.png?v=11') center center no-repeat;background-size: 75px auto;}

.slide-list dt:nth-child(2){left:19px;top:15px;margin:0 auto;padding-top:10px;}
.slide-list dt:nth-child(2) .crown{
	width: 68px;height: 66px;
	overflow: hidden;
	margin: 0 auto 0 22px;
	background: url('https://staticfile.ztdj6.com/public/front/images/level/contribute2.png') no-repeat center center/68px 66px;
}
.slide-list dt:nth-child(2) .avarda{width:56px;height:56px;border-radius:60px;display:block;margin:7px 0 0 10px;}
.slide-list dt:nth-child(2) strong{color:white;}


.slide-list dt:nth-child(3){right:19px;top:15px;margin:0 auto;padding-top:10px;}
.slide-list dt:nth-child(3) .crown{
	width: 68px;height: 66px;
	overflow: hidden;
	margin: 0 auto 0 22px;
	background: url('https://staticfile.ztdj6.com/public/front/images/level/contribute3.png?_t=1323213123') no-repeat center center/68px 66px;
}
.slide-list dt:nth-child(3) .avarda{width:56px;height:56px;border-radius:60px;display:block;margin:7px 0 0 10px;}
.slide-list dt:nth-child(3) strong{color:white;}
.slide-list dd{
	height:37px;
	padding: 0 15px;
	line-height: 37px;
	overflow: hidden;
}
.slide-list dd:nth-of-type(2n){
	background-color: #fff;
}
.slide-list dd i{
	float: left;
	font-size:12px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	margin-top: 10px;
	line-height: 18px;
	text-align: center;
	font-weight:normal;
	color:rgba(102,102,102,1);
	background:rgba(237,237,237,1);

}
.slide-list dd .level{
	float: left;
	margin: 10px 11px;
}
.slide-list dd strong{
	float: left;
	font-size:12px;
	color:#999999;
	width: 92px;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.slide-list dd .star{
	float: right;
	line-height: 37px;
}

.MR-msg-list{background:#fff;overflow:hidden;border-bottom:1px solid #e1e1e1;}
#face-list{position:absolute;background:#fff;width:372px;border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1;top:-190px;left:0;z-index:9;}
#face-list li{width:30px;height:30px;text-align:center;line-height:30px;float:left;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
#face-list li img{vertical-align:middle;}
#player-praises .praises span {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: block;
	background: #fe5963;
	text-align:center;
	line-height: 42px;
}
#player-praises .praises span:after{
	content: "\e945";
    font-size: 24px;
    color: #fff;
}
#player-praises .praises:hover span {
	background-color: #fe5963
}

#player-praises .praises:active span {
	background-color: #fe5963
}
.layui-layer-setwin
{
	display:none
}
.layui-layer-btn1
{
	display:none
}
.popup .pop_content .handle .name
{
	margin-bottom: 2px;
  	margin-top: -2px;
  	margin-left: 4px;
}
.popup .pop_content .handle .name a
{
	margin-left: 5px;
  	color: #fad64e;
}
.popup .pop_content .handle .name a:hover
{
	color: #fad64e;
	text-decoration:none;
}
/*主播页面选择弹窗显示*/

.dds-dialog-bg
{
    width:100%;
    height:200% !important;
    z-index:201;
    filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity:0.4;
    opacity: 0.4;
    background:#000;
    text-align:center;
    color:#fff;
    display: none;
}
.selectPlay{
    width: 538px;
    display: none;
    margin: 0 auto;
    background: #fff;
    position: fixed;
	padding:44px 44px 0px 44px;
	position: fixed;
	z-index: 203;
   	top: 50%;
   	left:50%;
 	transform: translate(-50%,-50%);
}
.selectPlay .dialog-tc
{
	width: 100%;
	overflow:hidden;
}
.selectPlay .dialog-tc .rotate
{
	width:20px;
	height:20px;
	overflow:hidden;
	position:absolute;
	cursor:pointer;
	right:24px;
	top:24px;
	background-position:-48px -4px;
	background-image:url(../images/dialog_bg_icon.png);
	display:block;
}
.selectPlay .dialog-tc span:hover
{
    background-image:url(../images/dialog_bg_icon.png);
    background-position:-70px -4px;
}
.mount-method
{
	cursor:default;
	margin: 0 auto;
	width:90%;
	overflow:hidden
}
.mount-method a
{
	display: block;
	width: 78px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
}
.mount-method2
{
	cursor:default;
	overflow:hidden;
	text-decoration: none;
}
.mount-method2 a
{
	display: block;
	width:82px;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	color: #929292;
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
}
.mount-method2 a:hover{
	text-decoration: none;
	color:red;
	border:1px solid red;
}
.dialog-tc .mode
{
	color: #000;
  	text-align: center;
  	font-size: 15px;
}
.dialog-tc .mode a
{
	font-size: 20px;
	display: block;
	line-height: 35px;
	text-align:center;
	padding-bottom: 24px;
	border-bottom: 1px solid #F5F5F5;
}
.dialog-tc .mode a:hover
{
	text-decoration:none;
	color:#000;
}
.mount-method a:hover
{
	text-decoration:none;
	cursor:pointer;
	color:red;
	border:1px solid red;
}
.mount_btn_no
{
	text-align:center;
	border: 1px solid #EAEAEA;
}
.mount_btn_on
{
	color:red;
	text-align:center;
	border:1px solid red;
}
.mount_title{
	margin: 0 auto;
	height:30px;
	line-height:30px;
	color:#000;
	font-size:14px;
	font-weight:700;
	color:rgba(146,146,146,1);
}
.mount_num
{
	/* width: 90%; */
	margin: 0 auto;
	overflow:hidden;
	display:none;
}
.mount_num span
{
	color: #000;
	float: left;
	font-size: 13px;
	text-align: center;
	margin-top: 8px;
}
.mount_num input
{
	height:43px;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	font-size:14px;
	font-weight:400;
	color:rgba(146,146,146,1);
	line-height:20px;
	-web-kit-appearance: none;
	-moz-appearance: none;
	display: block;
	padding: 0 1em;
	background:rgba(249,249,249,1);
}

.mount_num select
{
	box-sizing: border-box;
	text-align: center;
	font-size: 1.2em;
	height: 32px;
	border: 1px solid #cacaca;
	color: #6a6f77;
	-webkit-appearance: none;
	-moz-appearance: none;
	display: block;
	outline: 0;
	padding: 0 1em;
	text-decoration: none;
	width: 96%;
}
.dialog-tc .deal-footer
{
	width: 90%;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 15px;
}
.dialog-tc .deal-footer .mount_cancel
{
	margin-left: 16px;
background:rgba(255,255,255,1);
color: #929292;
border:1px solid rgba(229,229,229,1);

}
.dialog-tc .deal-footer a{	
	display: inline-block;
	text-align: center;
	background: #949494;
  	width:215px;
	height:37px;
	background:rgba(254,85,95,1);
	border-radius:19px;
	border:1px solid rgba(229,229,229,1);
	font-size:12px;
	text-decoration: none;
	font-weight:500;
	color:rgb(255, 255, 255);
	line-height:37px;
	cursor:pointer;
}
/*点亮样式结束*/
/*滚动条*/
::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 5px solid transparent;
}

::-webkit-scrollbar-track {
  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;
}

::-webkit-scrollbar-thumb {
  min-height: 20px;
  background-clip: content-box;
  box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;
}

::-webkit-scrollbar-corner {
  background: transparent;
}
.guanbi{
	vertical-align: middle;
  float: right;
  margin-top: 5px;
  margin-right: 5px;
}
.identity{
	float: left;
    height: 25px;
    padding: 0 11px;
    background: #fc4e53;
    border-radius: 4px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    text-decoration:none;

}

/*改版新加*/
.SR-anchor-info{
	height: 155px;
	background: #26292e;
	padding:15px 10px;
}
.SR-anchor-info-avatar{
	width: 60px;
	height: 60px;
	float: left;
	position: relative;
}
.SR-anchor-info-avatar .anchor_avatar{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid #FFF;
}

.SR-anchor-info-avatar .anchor_grade{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 25px;
	height: 25px;
}
.SR-anchor-info-right{
	float: left;
	margin-left:20px;
}
.SR-anchor-info-nicename{
	height: 30px;
	line-height: 20px;
	color: #FFF;
	font-size: 16px;
	width: 215px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.SR-anchor-info-fans{
	height: 27px;
	line-height: 27px;
}
.follow_status{
	width: 75px;
	display: block;
	float: left;
	background: #ffd350;
	text-align: center;
	color: #000;
	font-size: 14px;
	border-radius: 15px 0 0 15px;
}

.fans_num{
	width: 135px;
	display: block;
	float: left;
	background: #000;
	text-align: center;
	font-size: 14px;
	border-radius:0 15px 15px 0;
}

.SR-anchor-info-bottom{
	height: 53px;
	border-top: 1px solid #444;
	margin-top: 20px;
	padding-top: 12px;
}
.SR-anchor-info-bottom p{
	color: #b3b4b4;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}

.anchor_follow_num,.anchor_comein{
	margin-left: 15px;
	font-size: 14px;
}

.share_area{
	position: absolute;
	width: 400px;
	height: 150px;
	top: 78px;
	right: 100px;
	background: #FFF;
	z-index: 301;
	border-top: 2px solid #fe5d67;
	display: none;

}

.share_area:before{
	content:" ";
    display: inline-block;
    width: 0;
    height: 0;
    border:7px solid transparent;
    border-bottom: 5px solid #fe5d67;
    position: absolute;
    top: -13px;
    right: 38px;

}

.share_area_left{
	width:230px;
	padding:15px;
}
.share_area_left p{
	color: #000;
	text-align: center;
}
.share_icon_list{
	text-align: center;
}
.share_icon_list img{
	margin-left: 50px;
	float: left;
	margin-top: 10px;
}
.share_url{
	height: 20px;
	line-height: 20px;
	border: 1px solid #CCC;
	margin-top: 10px;
	width: 100%;
	padding:0 5px;
}
.share_copy_btn{
	float: right;
	width: 60px;
	height: 20px;
	line-height: 20px;
	background: #fe5d67;
	text-align: center;
	margin-top: 5px;
	border-radius: 5px;
	margin-right: -5px;
	color:#fff;
}
.share_area_right{
	width: 100px;
	margin-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px solid #CCC;
}

.share_area_right p{
	color: #000;
	text-align: center;
}

.clearboth{
	clear: both;
}
.fl{
	float: left;
}
.fr{
	float: right;
}

.mind-banner{width:152px;height:108px;position:relative;overflow:hidden;float:left;margin-bottom:28px; }
.mind-banner-list{height:108px;overflow:hidden;position:relative;}
.mind-banner-list li{height:108px;position:absolute;left:0;top:0;z-index:1; overflow:hidden;filter:alpha(opacity=0);opacity:0;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
.mind-banner-list li img{width:100%}
.mind-banner-list li.curr{filter:alpha(opacity=100);opacity:1;z-index:9;}
.mind-banner-change{position:absolute;overflow:hidden;text-align:center;bottom:10px;z-index:9;left:0;right:0;}
.mind-banner-change li{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffffff;margin:0 4px;cursor:pointer;}
.mind-banner-change li.curr{background:#ff3d4a;}


/* 弹框 */
.we-dia{

    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.08);
	z-index: 3000;
	display: none;
}

.we-dia-containner {
    position: absolute;
    width: 397px;
    min-height: 280px;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    background: white;
    box-shadow: 2px 3px 5px gray;
}

.we-dia-title {
    height: 49px;
    background: rgba(244, 244, 244, 1);
    border-radius: 4px 4px 0px 0px;
    line-height: 49px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    padding: 0 20px;

}

.we-dia-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: white;
    text-align: center;
    color: rgba(0, 0, 0, 0.404);
    transition: background-color .5s;

}

.we-dia-close:hover {
    background-color: rgba(254, 41, 78, 1);
    color: rgba(255, 255, 255, 0.719);


}

.we-dia-close:before {
    content: ' \2716';
    font-size: 16px;
    line-height: 25px;

}

.we-dia-body {}

.we-dia-footer {
    text-align: center;
    padding-bottom: 20px;
    user-select: none;
}
.we-dia-footer .sbumit_btn{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding:0 20px;
    background-color: red;
    color:white;
    cursor: pointer;
}
.we-dia-footer .cancel_btn{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding:0 20px;
    background-color: rgba(128, 128, 128, 0.671);
    color:white;
    margin-left: 20px;
    cursor: pointer;

}
.notice-editor-container {
    margin: 20px;

}

.editor-html {
    display: block;
    width: 334px;
    border: 1px solid rgba(128, 128, 128, 0.233);
    padding: 10px;
    border-radius: 3px;
    height: 150px;
    font-size: 14px;
    color: rgb(85, 84, 84);
    resize: none;
}

.editor-tool {
    padding: 5px;
    font-size: 14px;
    background-color: rgba(109, 109, 109, 0.068);
    color: rgb(119, 117, 117)
}

.editor-tool-btn {
    padding: 0 5px;
    cursor: pointer;
    background-color: rgb(243, 242, 242);
    border-radius: 5px;
    font-size: 14px;
    color: white;
    position: relative;
}
.editor-tool-btn.item-qq{
   background-color: #66d7ff;
}
.editor-tool-btn.item-wechat{
   background-color: #2bc100;
}
.editor-tool-btn.item-url{
   background-color: #3583d8;
}
.editor-tool-btn.item-llb{
   background-color: #FF3434;
}
.editor-tool-btn:hover {
    opacity: .8;
}

.editor-helper {
    float: right;
    color: rgba(0, 0, 0, 0.603);
    background-color: #fff;
    padding: 0 10px;
    text-align: center;
	cursor: pointer;
	height: 19px;
	line-height: 19px;
    position: relative;

}

.editor-helper:hover .helper-info {
    display: block;
    opacity: 1;

}

.helper-info {
    display: none;
    opacity: 0;
    position: absolute;
	top: 19px;
    right: -5px;
    width: 337px;
    min-height: 157px;
    background-color: rgb(255, 228, 229);
    text-align: left;
	padding: 10px;
	line-height: 20px;
    user-select: text;
	transition: opacity 1s;
	font-size: 16px;
}

.helper-info h4 {
    text-align: center;
    margin: 0 0 10px;
}

.helper-info .red {
    color: red
}

.loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.loading .loading-box {
  position: relative;
  top: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  background-image: url("https://staticfile.ztdj6.com/public/images/loading.png");
  background-repeat: no-repeat;
  background-size: 2000% 100%;
  background-position-x: 0;
  background-position-y: 0;
  -webkit-animation: changload 1.5s steps(20) infinite;
          animation: changload 1.5s steps(20) infinite;
  margin: 0 auto;
}

@-webkit-keyframes changload {
  0% {
    background-position-x: 0;
  }
  to {
    background-position-x: -1400px;
  }
}

@keyframes changload {
  0% {
    background-position-x: 0;
  }
  to {
    background-position-x: -1400px;
  }
}