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: #40689f url('../images/bg.jpg') no-repeat center top;

	color: #FFF;

 	height:100%;

	width:100%; */

	

}



.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: #666;

	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;

}



/* 提示信息样式 */

.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 {
	width: 1000px;
 
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	 
}

/* 按钮效果 */

.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 #085e75;

}



.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;

	 

	top: 0;

/* 	left: -70px; */

	bottom: 0;

	min-height: 620px;

	z-index: 120;

}



.SR-nav .nav-fg {

	position: absolute;

	width: 100%;

	background: #0a0d26;

	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 #2b2126;

	margin-bottom: 10px;

}



.SR-nav h1 img {

	width: 66px;

	height: 66px;

}



.SR-nav .MR-user {

	float: none;

	margin: 0;

	padding: 0;

	margin-bottom: 12px;

}



.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: #2a2126;

}



.SR-nav .no-login a.reg:hover {

	background: #22171d;

}

/* 已登录 */

.SR-nav .login .photoer {

	margin: 0 auto 10px auto;

	width: 40px;

	cursor: pointer;

}



.SR-nav .login .photoer img {

	display: block;

	width: 40px;

	height: 40px;

	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 .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 {

	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;

}





.SR-nav .nav li {

	cursor: pointer;

	border-bottom: 1px solid #273150;

}



.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: #273150;

	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: #273150;

}



/* 左侧底部 */

.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: #273150;

	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 {

	overflow: hidden;

	width: 100%;

	height: 44px;

}



.SR-nav .nav-link .help a,.SR-nav .nav-link .client 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 {

	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: 900px;

	margin: 0 auto;

 

	/* display: none; */

}

/* 左侧 播放窗口 */



.SR-area-video {

	width: 360px;

	height: 640px;

	float: left;

	position: relative;

	background: #000;

	z-index: 5;

}



.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 {

	position: absolute;

	width: 100%;

	background: url('../images/dot_zi_3.png');

	left: 0;

	top: 0;

	height: 40px;

	overflow: hidden;

	z-index: 9;

}



.MR-about-hover {

	background: #27293e;

}



.MR-about dl {

	padding: 3px 8px 0 8px;

}



.MR-about dl dt {

	float: left;

	width: 45px;

}



.MR-about dl dt .photoer {

	width: 30px;

	height: 30px;

	position: relative;

	border-radius: 50%;

	border: 2px solid #FFF;

	background: #CCC;

}



.MR-about dl dt img.anchor-head {

	width: 30px;

	height: 30px;

	display: block;

	border-radius: 50%;

}



.MR-about dl dd {

	float: left;

	width: 210px;

}



.MR-about dl dd .name {

	display: block;

	font-size: 14px;

	color: #FFF;

}



.MR-about .name .level {

	padding-left: 6px;

}



.MR-about .dou-prog {

	height: 12px;

	margin-top: 5px;

	overflow: hidden;

}



.MR-about .dou-prog .M-progress {

	width: 130px;

	height: 3px;

	background: #a59fb4;

}



.MR-about .dou-prog .M-progress .slider {

	background: #eb3d77;

	height: 3px;

	width: 79px;

}



.MR-about .M-attention {

	position: absolute;

	top: 8px;

	right: 8px;

	width: 50px;

}



.MR-about .BTN-add-attention,.MR-about .BTN-has-attention {

	width: 50px;

	height: 22px;

	border-radius: 0;

	background: #ffffff;

	line-height: 24px;

	border: none;

	border-radius: 0 2px 2px 0;

	color:#ffcc34;

	border: 1px solid #ffffff;

}



.MR-about .BTN-add-attention:hover,.MR-about .BTN-has-attention:hover {

	background: #ffcc34;

	color:#fff;

	border: 1px solid #ffffff;

}



.MR-about .M-siliao {

	position: absolute;

	top: 42px;

	right: 8px;

	width: 50px;

	height: 24px;

	line-height: 24px;

	text-align: center;

	background: url('../images/room_bg.png') no-repeat;

	background-position: -250px -220px;

	cursor: pointer;

}



.MR-about .M-siliao:hover {

	background-position: -320px -220px;

}



.MR-about .fans-num {

	position: absolute;

	border: 1px solid #ffffff;

	border-right: none;

	height: 22px;

	line-height: 22px;

	background: #ffcc34;

	padding: 0 10px;

	border-radius: 2px 0 0 2px;

	max-width: 60px;

	top: 8px;

	right: 58px;

}



.MR-about .beans {

	float: left;

	margin-right: 10px;

}



.MR-about .star {

	background: url('../images/active_bg.png') no-repeat;

	padding-left: 16px;

	position: relative;

}



.MR-about .star {

	background-position: 0 4px;

	float: left;

	width: 56px;

}



.MR-about .signs-con {

	padding: 0 8px 0 45px;

	margin-top: 10px;

}



.MR-about .signs {

	padding: 8px 0;

	color: #c4b9f1;

	line-height: 18px;

	word-wrap: break-word;

	word-break: break-all;

	border-top: 1px solid #5c5278;

}



.MR-about .medals {

	padding-top: 8px;

}



.MR-about .ICON-medal {

	height: 16px;

	float: left;

	margin-right: 6px;

}



.MR-about .ICON-medal img {

	height: 16px;

}



.MR-about .signs-con {

	position: relative;

}



.MR-about .sign-toggle {

	display: block;

	color: #FFF;

	position: absolute;

	right: 8px;

	top: 6px;

	cursor: pointer;

}





.MR-about .stardialog {

	display: none;

	position: absolute;

	left: -74px;

	width: 213px;

	height: 62px;

	z-index: 50;

	background: url('../images/dialog_bg.png') no-repeat;

	cursor: auto;

	color: #fff;

}



.MR-about .stardialog p {

	padding: 10px;

}



.MR-about .ICON-gender {

	position: absolute;

	right: 7px;

	bottom: -5px;

}



.MR-about .jingpai {

	display: inline-block;

	width: 16px;

	height: 16px;

	vertical-align: top;

	background: url('../images/v.png') no-repeat 0 0;

	border-radius: 50%;

	overflow: hidden;

	margin-left: 3px;

	margin-top: 3px;

}



/* 坐骑动画 */

.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: 100px;

	margin-left:-160px;

	display: none;

}



.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: #333333;
	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: 480px;
	height: 640px;
	position: relative;
	float: left;
	z-index: 100;
	background-color: #31334b;
}



.SR-area-chat .chat-msg {

	width: 480px;

	height:450px;

	/* margin: 0 auto; */

	float: right;

}



.SR-area-chat .chat-talk {

	position: absolute;

	bottom: 140px;

	width: 100%;

	padding-top: 10px;

	height: 40px;

	left: 0;

	background:#31334b;

}



.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;

}



.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;

	cursor: n-resize;

	background: url('../images/drag_bg.png') no-repeat;

}



.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 .scroller {

	position: absolute;

	right: -17px;

	top: 0;

}

/* 聊天 */

.MR-talk {

	height: 50px;

	position: relative;

	width: 460px;

	margin: 0 auto;

}



.MR-talk .send-btn {

	position: absolute;

	top: 0;

	right: 0;

	background: #ffcc34;

	width: 60px;

	height: 34px;

	line-height: 34px;

	color: #000;

	text-align: center;

	cursor: pointer;

	border-radius: 2px;

}



.MR-talk .send-btn:hover {

	background: #ca9701;

}



.MR-talk .saving,.MR-talk .saving:hover {

	cursor: default;

	background: #999;

	border: 1px solid #999;

}



.MR-talk .speaker {

	width: 388px;

	height: 32px;

	border-radius: 2px;

	left: 0;

	position: absolute;

	top: 0;

	background: #1d1b27;

	border: 1px solid rgba(255,255,255,0.1);

}



.MR-talk .speaker input {

	margin-left: 10px;

	color: #7f6b8c;

	width: 298px;

	height: 32px;

	line-height: 32px;

	border: none;

	background: none;

}



.MR-talk .speaker input.txt-focus {

	color: #FFF;

}



.MR-talk .speaker cite {

	font-style: normal;

	color: #7f6b8c;

	position: absolute;

	line-height: 22px;

	top: 5px;

	right: 35px;

}



.MR-talk .speaker cite.txt-error {

	color: #FF0000;

}



.MR-talk .BTN-face-toggle {

	position: absolute;

	display: block;

	top: 1px;

	left: 1px;

	width: 32px;

	height: 32px;

	background: url('../images/room_bg.png') no-repeat 7px -153px;

}



.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;

}

.msg-chat .MR-chat .boarder {

	height:249px;

}



.MR-chat .scroller {

	position: absolute;

	right: 0;

	top:0;

}



.MR-chat ul li {

	color: #fff;

	word-wrap: break-word;

	word-break: break-all;

	line-height: 24px;

	font-size: 14px;

	unicode-bidi: bidi-override;

	padding:2px 0;

}



.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: #fff;

}



.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,.MR-chat ul li .ICON-noble-level {

	vertical-align: middle;

	*vertical-align: baseline;

	margin-right: 5px;

	margin-top: -2px;

}



.MR-chat ul li .user-name {

	color: #ffd350;

}



.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: #fff;

}



.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: 91px;

	top: 11px;

}



.MR-horn .toggle {

	width: 32px;

	height: 32px;

	overflow: hidden;

	cursor: pointer;

	background: url('../images/room_bg.png') no-repeat 2px -231px;

}



.MR-horn .toggle:hover {

	background-position: -58px -231px;

}



.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: 500px;

	padding: 5px 0 0 0;

	height: 92px;

	top: -59px;

	left: -377px;

	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: 220px;

	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: 500px;

	padding: 5px 0 0 0;

	background: url('../images/white_dot_02.png');

	height: 92px;

	top: -99px;

	left: -377px;

	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: 432px;

	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;

}



@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: -20px;

	top: 0;

	padding-left: 60px;

	width: 440px;

	height: 41px;

	background: #3f547c;

	z-index:99;

}



.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;

}



.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 {

	width: 460px;

	margin: 0 auto;

}



.MR-gift .M-arrow-scroll {

	position: relative;

}



.MR-gift .M-arrow-scroll .con {

	width: 450px;

	height: 49px;

	overflow: hidden;

	*position: relative;

	padding-top: 1px;

}



.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;

}



.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 1px;

	cursor: pointer;

	background: #595868;

}



.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-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-top: 5px;

	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: #FFF;

	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;

}



.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;

}



.MR-gift-tip .tip-content {

	background: #221D20;

	padding: 5px 10px;

	line-height: 14px;

	min-height: 32px;

}



.MR-gift-tip .tip-img {

	position: absolute;

	left: 10px;

	width: 30px;

	height: 30px;

}



.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 {

	margin-top: 5px;

	padding-top: 5px;

	

	position: relative;

	height: 40px;

	line-height: 40px;

	padding-left: 4px;

}

.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 {

	position: absolute;

	width: 272px;

	height: 34px;

	right: 0;

	line-height: 34px;

}



.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: #ffcc34;

	color:#000

}



.MR-moregift .send-btn:hover {

	background: #b58906;

}



.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;

}



.num-confirm-btns a {

	cursor: pointer;

}



.MR-gift .gift-group {

	position: relative;

	width: 490px;

	

	padding-right: 60px;

	margin-left: -14px;

}

.MR-gift .gift-group .gift-wrap

{

	padding-top:2px;

	padding-bottom:2px;

	background:#373649;

	padding-left:20px

}

/* 头条 */

.MR-big-gift {

	position: absolute;

	top: 0;

	left: 0;

	width: 500px;

	display:none;

}



.MR-big-gift .out-boxer {

	background: #6b224e;

	height: 40px;

	width: 500px;

	position: absolute;

	top: -40px;

}



.MR-big-gift .high-boxer {

	position: absolute;

	top: 0;

	left: 50%;

	height: 40px;

	line-height: 40px;

	z-index: 60;

	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: right;

	height: 640px;

	position: relative;

	background: url('../images/dot_black_2.png');
	display:none;

}

/* 房间统计 */

.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 {

	height: 40px;

	position: relative;

	z-index: 10;

	background: #182746;

}



.MR-rank {

	padding: 5px 0 0 0;

	height: 30px;

	position: relative;

	z-index: 90;

}



.MR-rank .tab {

	padding: 0 15px;

	height: 30px;

}



.MR-rank .thr img {

	width: 30px;

	height: 30px;

	border-radius: 50%;

	display: block;

	cursor:default;

}



.MR-rank .tab li {

	float: left;

	background: url('../images/white_dot_01.png');

	width: 114px;

	padding-left: 21px;

	margin: 0 5px;

	color: #FFF;

	height: 30px;

	line-height: 30px;

	cursor: pointer;

}



.MR-rank .tab li span {

	display: block;

}



.MR-rank .tab li:hover {

	background: url('../images/white_dot_02.png');

}



.MR-rank .tab li.end {

	margin-right: 0;

}



.MR-rank .tab li span cite {

	float: left;

	padding-right: 6px;

	padding-left:10px;

}



.MR-rank .tab li span i {

	background: url('../images/rank_bg.png') no-repeat -485px -118px;

	float: left;

	width: 9px;

	height: 5px;

	margin-top: 14px;

	overflow: hidden;

}



.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 {

	background: #303d59;

}



.MR-rank .tab-con {

	background: #182746;

}



.MR-rank .thr {

	width: 316px;

	height: 146px;

	margin: 0 auto;

	position: relative;

	background: url('../images/rank_bg.png') no-repeat 0 0;

}



.MR-rank .thr .f,.MR-rank .thr .s,.MR-rank .thr .t {

	position: absolute;

	top: 0;

	width: 90px;

	height: 146px;

	background: url('../images/rank_bg.png') no-repeat;

}



.MR-rank .thr .f {

	left: 116px;

}



.MR-rank .thr .s {

	left: 18px;

}



.MR-rank .thr .t {

	left: 212px;

}



.MR-rank .thr .photo {

	position: absolute;

	text-align: center;

	background: #645991;

	width: 40px;

	height: 40px;

	left: 30px;

	border-radius: 50%;

}



.MR-rank .thr .photo img {

	width: 40px;

	height: 40px;

}



.MR-rank .thr .stage {

	position: absolute;

	top: 114px;

	text-align: center;

	width: 90px;

}



.MR-rank .thr .f .stage {

	top: 98px;

}



.MR-rank .thr .f {

	background-position: -690px -2px;

}



.MR-rank .thr .s {

	background-position: -795px 10px;

}



.MR-rank .thr .t {

	background-position: -929px 13px;

}



.MR-rank .thr .name {

	position: absolute;

	text-align: center;

	color: #FFF;

	width: 100%;

	white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.MR-rank .thr .f .name {

	top: 76px;

}



.MR-rank .thr .s .name {

	top: 90px;

}



.MR-rank .thr .t .name {

	top: 90px;

}



.MR-rank .thr .f .photo {

	top: 30px;

}



.MR-rank .thr .s .photo {

	top: 46px;

}



.MR-rank .thr .t .photo {

	top: 46px;

}



.MR-rank .thr .photo cite {

	display: none;

}



.MR-rank .other {

	padding: 10px 0;

	width: 276px;

	margin: 0 auto;

	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 {

	cursor:default;

	width: 100%;

	float: left;

	height: 24px;

	margin-bottom: 4px;

	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 {

	position: relative;

	height:93px;

}



.MR-rank .other ul li label {

	float: left;

	margin-right: 10px;

}



.MR-rank .other ul li .name {

	float: left;

	height: 24px;

	overflow: hidden;

	margin-right: 3px;

}



.MR-rank .other ul li .ICON-coins {

	float: right;

	line-height: 16px;

	margin-top: 4px;

}



.MR-rank .other .boards {

	overflow: hidden;

}



.MR-rank .other .board-scroll {

	position: absolute;

	top: 13px;

	right: -17px;

	width: 3px;

}



.MR-rank .ICON-coins {

	line-height: 16px;

	display: inline-block;

	color: #c4b9f1;

}



.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:100%;

}

#playerzmblbkjP_wrapper{

	width:100%;

	height:100%;

}



/* 在线用户 */

.MR-online {

	width: 100%;

}



.MR-online h4 {

	height: 30px;

	line-height: 30px;

	font-size: 16px;

}



.MR-online .dialog {

	width: 100%;

}



.MR-online .dialog .nav-tab {

	height: 30px;

}



.MR-online .dialog .nav-tab cite {

	padding: 0 4px;

}



.MR-online .dialog .nav-tab li {

	float: left;

	width: 120px;

	height: 30px;

	cursor: pointer;

	line-height: 30px;

	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;

}



.MR-online .dialog .more-toggle {

	width: 205px;

	height: 14px;

	cursor: pointer;

	margin: 0 auto;

	background: url('../images/icon_bg.png') no-repeat;

}



.MR-online .dialog .more-toggle {

	background-position: -204px -182px;

}



.MR-online .dialog .more-toggle:hover {

	opacity: 0.7;

	filter: alpha(opacity=70);

}



.MR-online .dialog .MR-chat .boarder {

	min-height: 440px;

}



.MR-online .dialog .MR-chat .scroller {

	top: 4px;

	right: -4px;

}



.MR-online .dialog .nav-con .MR-chat .boarder ul li {

	cursor: pointer;

	float: left;

	float: left;

	width: 100%;

	color: #7fe3ed;

	white-space: nowrap;

}



.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;

	float: left;

	line-height: 30px;

}



.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

{

	/* border-style:solid;

	border-width:1px;

	border-color:#3b6aa4; */

	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;

}

.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

}

/*礼物效果*/

.player-main

{

	/* position: absolute;

	float: left;

	width: 868px;

	top: 0;

	bottom: 0;

	overflow: hidden */

}

.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: -20px;

	-webkit-transition-duration: 500ms;

	transition-duration: 500ms;

	-webkit-transition-property: opacity,left;

	transition-property: opacity,left;

	z-index: 998

}



.hjPopGift.hjPopGift_small.first {

	top: 220px

}



.hjPopGift.hjPopGift_small.last {

	top: 290px

}



.hjPopGift.hjPopGift_small.first.active,.hjPopGift.hjPopGift_small.last.active {

	left: 60%;

	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: -50%;

	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: 72px;

	height: 337px;

	position: absolute;

	bottom: 105px;

	right: 5px

}



#player-praises .bubble {

	width: 100%;

	height: 280px;

	position: relative

}



#player-praises svg {

	position: absolute

}



#player-praises .praises {

	position: relative;

	top: -15px;

	display: block;

	overflow: hidden;

	padding: 15px

}



#player-praises .praises span {

	width: 42px;

	height: 42px;

	border-radius: 50%;

	display: block;

	background: #ffcc34 url(http://p4.qhimg.com/t01f30af2fc87f8c5c2.png) no-repeat

}



#player-praises .praises:hover span {

	background-color: #c39303

}



#player-praises .praises:active span {

	background-color: #c39303

}

.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;

}

/*主播页面选择弹窗显示*/

.emceeno_mount

{

  /* height:344px; */

}

.dds-dialog-bg

{

    width:100%;

    height:200%;

    z-index:201;

    filter:alpha(opacity=40);

    -moz-opacity:0.4;

    -khtml-opacity:0.4;

    opacity: 0.4;

    background:#fff;

    text-align:center;

    color:#fff;

    position: fixed;

    margin-top:-200px;

    display: none;

}

.selectPlay{

    width: 480px;

    display: none;

    margin: 0 auto;

    background: #fff;

    border-radius: 8px 8px 8px 8px;

    position: fixed;

	margin-top:10%

}

.selectPlay .dialog-tc

{

	width: 100%;

	overflow:hidden

}

.selectPlay .dialog-tc .rotate

{

  width:12px;

  height:12px;

  overflow:hidden;

  position:absolute;

  cursor:pointer;

  right:8px;

  top:8px;

  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;

}

.dialog-tc .mode

{

	color: #000;

  text-align: center;

  font-size: 15px;

  height: 30px;

  border-radius: 8px 8px 0px 0px;

  background: #fdce4a;

}

.dialog-tc .mode a

{

	font-size: 15px;

  height: 30px;

  display: block;

  float: left;

  margin-left: 33%;

  line-height: 35px;

}

.dialog-tc .mode a:hover

{

	text-decoration:none;

	color:#000;

}

.mount-method a:hover

{

	text-decoration:none;

	cursor:pointer;

	color:#ffd14a;

	border:1x solid #ffd14a;

}

.mount_btn_no

{

	text-align:center;

	border: 1px solid #EAEAEA;

}

.mount_btn_on

{

	color:#ffd14a;

	text-align:center;

	border:2px solid #ffd14a;

}

.mount_title{

	width: 90%;

	margin: 0 auto;

	height:30px;

	line-height:30px;

	color:#000;

}

.mount_num

{

	width: 90%;

	margin: 0 auto;

	overflow:hidden;

	margin-top: 10px;

	display:none;

}

.mount_num span

{

	color: #000;

	float: left;

	font-size: 13px;

	text-align: center;

	margin-top: 8px;

}

.mount_num input

{

	box-sizing: border-box;

	text-align: center;

	font-size: 1.4em;

	height: 1.8em;

	border-radius: 4px;

	border: 1px solid #c8cccf;

	color: #6a6f77;

	-web-kit-appearance: none;

	-moz-appearance: none;

	display: block;

	outline: 0;

	padding: 0 1em;

	text-decoration: none;

	width: 96%;

}



.mount_num select

{

	box-sizing: border-box;

	text-align: center;

	font-size: 1.4em;

	height: 1.8em;

	border-radius: 4px;

	border: 1px solid #c8cccf;

	color: #6a6f77;

	-web-kit-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: #949494;

}

.dialog-tc .deal-footer a

{

	float: left;

  height: 30px;

  padding: 0 11px;

  background: #fdce4a;

  border-radius: 4px;

  line-height: 30px;

  text-align: center;

  color: #fff;

  font-size: 14px;

  cursor: pointer;

  text-decoration: none;

	width:37%;

}

/*点亮样式结束*/

/*滚动条*/

::-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;



}



/* flash加载提示 */

.flashLoadMsg{

	display: block;

	width: 200px;

	height: 40px;

	background: #FC4E53;

	border-radius: 8px;

	line-height: 40px;

	text-align: center;

	position: relative;

	left: 35%;

	top: 45%;

	color: #FFF;

}



.flashLoadMsg:link,.flashLoadMsg:visited,.flashLoadMsg:hover,.flashLoadMsg:active{

	text-decoration: none;

	color: #FFF;

}