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

.omit {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

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

a:hover {
    text-decoration: underline;
}

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

cite, i {
    font-style: normal;
}

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

.hide {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

.dds-dialog-boxer .dds-dialog-tc .dds-dialog-title {
    float: left;
    color: #fff;
    line-height: 25px;
    padding-left: 10px;
    padding-top: 5px;
}

/* alert 样式 */
.dds-dialog-boxer .dds-dialog-alert {
    width: 300px;
}

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

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

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

/* confirm 样式 */
.dds-dialog-boxer .dds-dialog-confirm {
    width: 300px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dds-dialog-none-boxer {
    position: absolute;
    color: #000;
}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* 网页最小尺寸 */
.SR-pager {
    min-width: 1210px;
}

/* 按钮效果 */
.BTN-add-attention, .BTN-has-attention {
    background: #0099cc;
    width: 56px;
    height: 26px;
    border-radius: 3px;
    line-height: 26px;
    color: #FFF;
    display: block;
    text-align: center;
    margin: 0 auto;
}

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

.freegift-more .more-btn .bg, .MR-star-tips, .MR-gift-tip, .MR-custom-dialog {
    background: url('../images/white_dot_05.png');
}

/* 喇叭容器 */
.M-bubble {
    position: absolute;
    background: url('../images/bubble_dot.png');
    border-radius: 3px;
    border: 1px solid #fe5d67;
}

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

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

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

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

.M-bubble .detail {
    padding: 8px 12px;
    white-space: nowrap;
}

/* 左侧导航 */
.SR-nav {
    width: 70px;
    position: fixed;
    top: 0;
    bottom: 0;
    min-height: 620px;
    z-index: 120;
}

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

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

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

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

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

.SR-nav .MR-user {
    float: none;
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
    overflow: hidden;
}

#LF-user .MR-user .hd-login {
    float: none;
    height: auto;
    margin: 12px 0 0;
}

.SR-nav .MR-user .ICON-coins {
    float: none;
    margin-top: 0;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

/* 未登录 */
.SR-nav .no-login a {
    width: 40px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    margin: 0 auto;
    color: #FFF;
    border-radius: 3px;
    display: block;
    padding: 0;
}

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

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

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

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

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

/* 已登录 */
.SR-nav .login .photoer {
    margin: 10px auto;
    width: 40px;
    cursor: pointer;
}

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

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

.SR-nav .login .money {
    text-align: center;
    color: #dfc153;
    margin-bottom: 10px;
}

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

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

.SR-nav .login .recharge {
    width: 40px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
    color: #FFF;
    border-radius: 10px;
    display: block;
    background: #ffcc34;
}

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


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

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

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

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

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

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

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

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

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


.ICON-nav-down {
    height: 44px;
    background-position: 0 -58px;
}

.SR-nav .nav li {
    cursor: pointer;
    border-bottom: 1px solid #6e2d59;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.SR-nav .nav-link .desc:hover {
    text-decoration: none;
}


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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 功能图标 */

/* 左侧会员信息窗 */

/* 主体界面 */
.SR-stager {
    /* width:1240px; */
    margin: 30px auto;
    padding-left: 80px;
    padding-right: 420px;
    box-sizing: border-box;
    min-width: 1305px;
    max-width: 1600px;
    position: relative;
    /* position:relative; */
    /*overflow:hidden;*/
    min-height: 1435px;
}

/* 左侧 播放窗口 */
.SR-area-video {
    max-width: 1190px;
    height: auto;
    position: relative;
    z-index: 5;
    overflow: hidden;
    /* background-color: pink; */

}

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

.SR-area-video .effect-box {
    display: none;
    position: absolute;
    opacity: 0;
    width: 240px;
    height: 75px;
    top: 70px;
    z-index: 1000;
    background: url('../images/ten-bg.png') no-repeat;
}

.SR-area-video .no-flash {
    padding: 200px 10px 0;
    font-size: 14px;
    text-align: center;
}

.SR-area-video .no-flash a {
    color: #ff2446;
    font-weight: 700;
}

/* 主播信息 */
.MR-about {
    background: #fff;
    height: 84px;
    /* overflow: hidden; */
    position: relative;
    color: #080c12;
    margin-bottom: 15px;
    padding: 8px 20px;

}

.MR-about .myLiveView-userinfo {
    float: left;
    overflow: hidden;
    width: 490px;
}

.MR-about .myLiveView-userinfo dt {
    border: 1px solid #ff2635;
    padding: 1px;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    /* overflow: hidden; */
    float: left;
    margin-right: 10px;
}

.MR-about .myLiveView-userinfo dt {
    width: 78px;
    height: 78px;
    border-radius: 50%;
}

.MR-about .myLiveView-userinfo dt a {
    display: block;
    position: relative;

}

.MR-about .myLiveView-userinfo dt .tip {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.26);
    color: white;
    display: none;
    opacity: 0;
}

.MR-about .myLiveView-userinfo dt .tip .txt {
    text-align: center;
    display: table-cell;
    font-size: 14px;
    height: 78px;
    transition: all 1s;
    vertical-align: middle;
}

.MR-about .myLiveView-userinfo dt:hover .tip {

    display: table;
    opacity: 1;
}

.MR-about .myLiveView-userinfo dt img {
    width: 78px;
    height: 78px;
    border-radius: 50%;
}

.MR-about .myLiveView-userinfo dd {
    float: left;
    width: 390px;
    overflow: hidden;
}

#playerzmblbkjP {
    height: 100%;
    width: 100%;
}

.MR-about .myLiveView-userinfo dd strong {
    display: block;
    height: 50px;
    position: relative;
}

/* .MR-about .myLiveView-userinfo dd strong:hover  .leilei{display: block;height: 50px;
	 position: absolute; bottom: 60px;}
.MR-about .myLiveView-userinfo dd strong .leilei{height: 50px;
	 position: absolute; bottom: 60px; line-height: 30px;
	padding: 3px 10px;border-radius: 2px;width: 100%;font-weight: normal;
border: 1px solid rgb(240, 135, 135);background-color: #fff;} */
.MR-about .myLiveView-userinfo dd strong b {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 330px;
    height: 50px;
    display: block;
    padding-right: 65px;
    float: left;
    font-size: 20px;
    color: #080c12;
    line-height: 50px;
    font-weight: normal;
    padding-right: 0px;
}

.MR-about .myLiveView-userinfo dd strong.lev1 {
    background: url(../../front/images/userCenter/lev1.png) right center no-repeat;
    background-size: auto auto;
}

.MR-about .myLiveView-userinfo dd strong.lev2 {
    background: url(../../front/images/userCenter/lev2.png) right center no-repeat;
    background-size: auto auto;
}

.MR-about .myLiveView-userinfo dd strong.lev3 {
    background: url(../../front/images/userCenter/lev3.png) right center no-repeat;
    background-size: auto auto;
}

.MR-about .myLiveView-userinfo dd strong.lev4 {
    background: url(../../front/images/userCenter/lev4.png) right center no-repeat;
    background-size: auto auto;
}

.MR-about .myLiveView-userinfo dd strong.lev5 {
    background: url(../../front/images/userCenter/lev5.png) right center no-repeat;
    background-size: auto auto;
}

.MR-about .myLiveView-userinfo dd strong.lev6 {
    background: url(../../front/images/userCenter/lev6.png) right center no-repeat;
    background-size: auto auto;
}

.MR-about .myLiveView-userinfo dd strong.lev7 {
    background: url(../../front/images/userCenter/lev7.png) right center no-repeat;
    background-size: auto auto;
}

.MR-about .myLiveView-userinfo dd strong.lev8 {
    background: url(../../front/images/userCenter/lev8.png) right center no-repeat;
    background-size: auto auto;
}

.MR-about .myLiveView-userinfo dd strong.lev9 {
    background: url(../../front/images/userCenter/lev9.png) right center no-repeat;
    background-size: auto auto;
}

.MR-about .myLiveView-userinfo dd strong.lev10 {
    background: url(../../front/images/userCenter/lev10.png) right center no-repeat;
    background-size: auto auto;
}

.MR-about .myLiveView-userinfo dd span {
    display: block;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    width: 400px;
}

.MR-about .myLiveView-userinfo dd span .anchor_nicename {
    font-weight: normal;
    margin-right: 20px;
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #3a3436;
    overflow: hidden;
    padding-left: 33px;
    background: url(../../front/images/click-count-icon1.png) no-repeat left center /19px;
}

.MR-about .myLiveView-userinfo dd span .clickCount {
    font-weight: normal;
    margin-right: 20px;
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #3a3436;
    overflow: hidden;
    padding-left: 33px;
    background: url(../../front/images/userCenter/click-count-icon.png) no-repeat left center /23px;
}

.MR-about .myLiveView-userinfo dd span .roomNum {
    font-weight: normal;
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #3a3436;
    overflow: hidden;
    padding-left: 38px;
    background: url(../../front/images/userCenter/room-icon.png) no-repeat left center;
}

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

.MR-about .header-other-info dt {
    float: left;
}

.MR-about .header-other-info dt strong {
    float: left;
    overflow: hidden;
    margin-top: 11px;
    color: #afaeae;
    height: 22px;
    line-height: 22px;
    padding-left: 25px;
    background: url(../../front/images/userCenter/live-share-icon.png) left center no-repeat;
}

.MR-about .header-other-info dd {
    padding: 0 20px;
    height: 37px;
    text-align: center;
    border-radius: 5px;
    background: #fe5d67;
    font-size: 18px;
    line-height: 37px;
    overflow: hidden;
    color: #fff;
    float: left;
    margin-left: 10px;
}

.MR-about .header-other-info dd span {
    display: inline-block;
    font-size: 16px;
}

.MR-about .header-other-info dd span a.BTN-add-attention {
    background: none;
    width: auto;
    font-size: 16px;
}

.MR-about .header-other-info dd span a.BTN-add-attention:hover {
    background: none;
    color: #fff;
}

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

.MR-about .header-other-info-code .code_icon {
    float: left;
    overflow: hidden;
    margin-top: 11px;
    color: #afaeae;
    height: 22px;
    max-width: 62px;
    line-height: 22px;
    padding-left: 25px;
    background: url(../../front/images/swipe_code.png) left center no-repeat /25px 25px;
}

.MR-about .header-other-info-code .info_code_panel {
    position: absolute;
    width: 150px;
    height: 150px;
    top: 78px;
    right: -54px;
    background: #FFF;
    padding-top: 8px;
    box-sizing: border-box;
    z-index: 301;
    text-align: center;
    border-top: 2px solid #fe5d67;
    display: none;
}

.MR-about .header-other-info-code:hover .info_code_panel {

    display: block;
}

.info_code_panel img {
    background-color: red;
    width: 120px;
}

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

}

/*
.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: right;
	width: 30px;
	margin-right: 20px;
	padding-left: 25px;
	cursor: pointer;

}

.MR-about dl .report_icon{
	background: url(../images/report_icon.png) no-repeat left center;
}

.MR-about dl .share_icon{
	background: url(../images/share_icon.png) no-repeat left center;
}
.MR-about dl .private_chat_icon{
	background: url(../images/private_chat_icon.png) no-repeat left center;
}

.MR-about dl dd .name {
	display: block;
	font-size: 14px;
	color: #FFF;
}

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

	margin-left: 10px;
	width: 65px;
	text-align: center;
	background: #F00;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	margin-top: 5px;
	float: left;
}

.MR-about .forbidroom_icon{

	margin-left: 10px;
	width: 65px;
	text-align: center;
	background: #F00;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	margin-top: 5px;
	float: left;
}*/


/* 主播页面 */
.live-Quiz {
    overflow: hidden;
}

.live-Quiz .Quiz-title {
    border-bottom: 1px dashed #d8d8d8;
    margin-bottom: 16px;
    color: #080c12;
    font-size: 26px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    padding-left: 10px;
}

.live-Quiz .Quiz-title .del {
    display: inline-block;
    line-height: 28px;
    padding: 0 20px;
    color: #22BD82;
    background: white;
    border: 1px solid #22BD82;
    border-radius: 4px;
    margin-right: 20px;
    cursor: pointer;
}

.live-Quiz .Quiz-title .del:hover {
    color: white;
    background: #22BD82;
}

.live-Quiz .Quiz-title .switch {
    display: inline-block;
    line-height: 30px;
    padding: 0 20px;
    color: white;
    background: #FC4948;
    border-radius: 4px;
    margin-right: 20px;
    cursor: pointer;
}

.live-Quiz .Quiz-title .rule {
    font-size: 14px;
    font-weight: 500;
    color: #22BD82;
    line-height: 20px;
    text-decoration: none;
    margin-right: 20px;
}

.live-Quiz .Quiz-main {
    background: rgba(255, 255, 255, 1);
    background-color: #fff;
    overflow: hidden;
    padding: 10px;
    max-height: 448px;
    overflow: auto;
}

.live-Quiz .Quiz-item {
    width: 257px;
    height: 220px;
    position: relative;
    float: left;
    box-shadow: 0 0 2px gray;
    margin-right: 4px;
    margin-bottom: 4px;
}

/* .live-Quiz .Quiz-item:nth-child(3n){

	margin-right: 0px;
} */
.Quiz-item-title {
    border-top: 2px solid #22BD82;
    text-indent: 2em;
    /* background-image:-webkit-linear-gradient(45deg,#E1DEB0 50%,transparent 50%,transparent);
	background-image:-moz-linear-gradient(45deg,#E1DEB0 50%,transparent 50%,transparent);
	background-image:-o-linear-gradient(45deg,#E1DEB0 50%,transparent 50%,transparent); */
    color: #22BD82;
    height: 66px;
    font-size: 22px;
    line-height: 66px;
    background-image: linear-gradient(-60deg, rgba(255, 205, 205, .3) 0, rgba(255, 205, 205, .3) 25%,
    rgba(255, 205, 205, .2) 25%, rgba(255, 205, 205, .2) 50%, rgba(255, 205, 205, .3) 50%,
    rgba(255, 205, 205, .3) 75%, rgba(255, 205, 205, .2) 75%, rgba(255, 205, 205, .2));
    /* background-image: linear-gradient( -60deg, rgba(255,205,205,1) 0, rgba(255,205,205,1) 25%,
	rgba(255,205,205,.5) 25%, rgba(255,205,205,.5) 50%, rgba(255,205,205,1) 50%,
	rgba(255,205,205,1) 75%, 	rgba(255,205,205,.5) 75%, rgba(255,205,205,.5)  ); */
    background-size: 26px 44px;
    position: relative;
    overflow: hidden;
}

.Quiz-item-title .corner {
    position: absolute;
    width: 100px;
    height: 50px;
    color: white;
    font-size: 12px;
    text-align: center;
    text-indent: 0;
    top: -14px;
    left: -35px;
    line-height: 70px;
    background: linear-gradient(0deg, rgba(255, 40, 57, .5) 0%,
    #22BD82 100%);
    transform: rotatez(-45deg)
}

.Quiz-item .lengend {
    position: relative;
    padding: 30px 9px 19px;


}

.Quiz-item .lengend .team {
    width: 50%;
    float: left;
}

.Quiz-item .lengend .team .teamname {
    width: 74px;
    height: 40px;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    line-height: 40px;
    /* overflow: hidden;  */
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    position: relative;
}

.Quiz-item .lengend .team.winner .teamname:after {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: -5px;
    transform: translate(-50%, 0);
    background: url('/public/front/images/yingzhang.png') no-repeat center center /100% 100%;
}

.Quiz-item .lengend .team.loser .teamname:after {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: -5px;
    transform: translate(-50%, 0);
    background: url('/public/front/images/yingzhangcuowu.png') no-repeat center center /100% 100%;
}

.Quiz-item .lengend .team.voted .teamname:after {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: -5px;
    transform: translate(-50%, 0);
    background: url('/public/front/images/yitoupiao.png') no-repeat center center /100% 100%;
}

.Quiz-item .lengend .hometeam .teamname {
    /* background:linear-gradient(142deg,rgba(86,93,240,.5) 0%,rgba(61,59,207,.5) 100%); */
    background: #7574e8;
    /* box-shadow:0px 1px 2px 0px rgba(31,29,150,0.44),0px 1px 3px 1px rgba(133,132,255,0.74); */
    border-radius: 47px 0px 0px 47px;
    text-align: right;
    padding-right: 10px;
}

.Quiz-item .lengend .awayteam .teamname {
    margin-left: 45px;
    /* background:linear-gradient(336deg,rgba(255,40,57,.5) 0%,rgba(255,93,51,.5) 100%); */
    background: #22BD82;
    /* box-shadow:0px 1px 2px 0px rgba(122,8,17,0.34),0px 2px 3px 0px rgba(255,129,129,0.68); */
    border-radius: 0px 61px 61px 0px;
    text-align: left;
    padding-left: 10px;

}

.Quiz-item .lengend .lalacount {
    color: rgba(123, 123, 123, 1);
    font-size: 12px;
    line-height: 24px;
}

.Quiz-item .lengend .awayteam .lalacount {
    text-align: right;
}

.Quiz-item .lengend .lalapercent {
    width: 100px;
    height: 4px;
    background: rgba(216, 216, 216, 1);
    border-radius: 3px;
    position: relative;
}

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

.Quiz-item .lengend .match_info {
    text-align: center;
}

.Quiz-item .lengend .vs {
    text-align: center;
    margin-top: 4px;
}

.Quiz-item .lengend .vs span {
    display: inline-block;
    width: 51px;
    height: 37px;
    background: url('/public/front/images/vs_r.png') no-repeat center center / 100% 100%;
}

.Quiz-item .lengend .join_count {
    display: inline-block;
    padding: 0 5px;
    height: 20px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(141, 141, 141, 1);
    border: 1px solid rgba(141, 141, 141, 1);
    border-radius: 11px;
    line-height: 20px;
}

.Quiz-item .answer3 {
    width: 82px;
    height: 41px;
    /* background:linear-gradient(90deg,rgba(51,150,251,.5),rgba(50,196,255,.5)); */
    background: #71bafd;
    border-radius: 3px;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    line-height: 41px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Quiz-item .answer3.winner:after {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: -5px;
    transform: translate(-50%, 0);
    background: url('/public/front/images/yingzhang.png') no-repeat center center /100% 100%;
}

.Quiz-item .answer3.loser:after {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: -5px;
    transform: translate(-50%, 0);
    background: url('/public/front/images/yingzhangcuowu.png') no-repeat center center /100% 100%;
}

.Quiz-item .answer3.voted:after {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: -5px;
    transform: translate(-50%, 0);
    background: url('/public/front/images/yitoupiao.png') no-repeat center center /100% 100%;
}

.Quiz-item .lengend .join_percent {
    height: 23px;
    position: relative;
    width: 90%;
    margin: 10px auto 0;
    /* margin: 0 10px; */
}

.Quiz-item .lengend .join_percent .percent_value {
    height: 19px;
}

.Quiz-item .lengend .join_percent .percent_value span {
    float: left;
    width: 33.33%;
    font-size: 12px;
    font-weight: 500;
    color: rgba(123, 123, 123, 1);
}

.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.Quiz-item .lengend .join_percent_bg {
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(216, 216, 216, 1);
    width: 100%;
}

.Quiz-item .lengend .join_percent_bg span {
    float: left;
    border-radius: 3px;
    height: 4px;
}

.Quiz-item .lengend .join_percent_bg span:nth-child(1) {
    background-color: #fff;
    background: rgba(66, 65, 213, 1);

}

.Quiz-item .lengend .join_percent_bg span:nth-child(3) {
    background: #22BD82;
}

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

}

.Quiz-item .opreate {
    text-align: center;
    margin-top: 25px;
}

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

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

/* 猜完的竞猜 */
.live-Quiz .Quiz-item.Quizover .teamname {
    background: linear-gradient(180deg, rgba(234, 234, 234, 1) 0%, rgba(182, 182, 182, 1) 100%) !important;
    box-shadow: none;
}

.live-Quiz .Quiz-item.Quizover .answer3 {
    background: rgba(160, 160, 160, 1);
}

.Quiz-item.Quizover .lengend .lalapercent .holder {
    background: rgba(160, 160, 160, 1);
}

.Quiz-item.Quizover .lengend .vs span {
    background: url('/public/front/images/vs_b.png') no-repeat center center / 100% 100%;
}

.Quiz-item.Quizover .Quiz-item-title {
    color: #5C5C5C;
    background-image: linear-gradient(-60deg, rgba(205, 225, 255, .3) 0, rgba(205, 225, 255, .3) 25%,
    rgba(205, 225, 255, .2) 25%, rgba(205, 225, 255, .2) 50%, rgba(205, 225, 255, .3) 50%,
    rgba(205, 225, 255, .3) 75%, rgba(205, 225, 255, .2) 75%, rgba(205, 225, 255, .2));
    background-size: 26px 44px;
    position: relative;
    border-top-color: #403ED2;
}

.Quiz-item.Quizover .Quiz-item-title .corner {
    background: linear-gradient(142deg, rgba(86, 93, 240, 1) 0%, rgba(61, 59, 207, 1) 100%);
}

/* 结束的竞猜 */
.live-Quiz .Quiz-item.Quizend .teamname {
    background: linear-gradient(180deg, rgba(234, 234, 234, 1) 0%, rgba(182, 182, 182, 1) 100%) !important;
    box-shadow: none;
}

.live-Quiz .Quiz-item.Quizend .answer3 {
    background: rgba(160, 160, 160, 1);
}

.Quiz-item.Quizend .lengend .lalapercent .holder {
    background: rgba(160, 160, 160, 1);
}

.Quiz-item.Quizend .lengend .vs span {
    background: url('/public/front/images/vs_g.png') no-repeat center center / 100% 100%;
}

.Quiz-item.Quizend .Quiz-item-title {
    color: #5C5C5C;
    background-image: linear-gradient(-60deg, rgba(228, 228, 228, 1) 0, rgba(228, 228, 228, 1) 25%,
    rgba(228, 228, 228, .5) 25%, rgba(228, 228, 228, .5) 50%, rgba(228, 228, 228, 1) 50%,
    rgba(228, 228, 228, 1) 75%, rgba(228, 228, 228, .5) 75%, rgba(228, 228, 228, .5));
    background-size: 26px 44px;
    position: relative;
}

.Quiz-item.Quizend .Quiz-item-title {
    color: #5C5C5C;
    background-image: linear-gradient(-60deg, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, .5) 25%,
    rgba(187, 187, 187, .1) 25%, rgba(187, 187, 187, .1) 50%, rgba(255, 255, 255, .5) 50%,
    rgba(255, 255, 255, .5) 75%, rgba(187, 187, 187, .1) 75%, rgba(187, 187, 187, .1));
    background-size: 26px 44px;
    position: relative;
    border-top-color: rgba(187, 187, 187, 1);
}

.Quiz-item.Quizend .Quiz-item-title .corner {
    background: rgba(187, 187, 187, 1);
}

.Quiz-item.Quizend .lengend .join_percent_bg span:nth-child(1) {
    background: rgba(160, 160, 160, 1);

}

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

/* 黑白竞猜主播方弹框 */
.live-Quize-dialog {
    display: block;
}

.live-Quize-dialog .masker {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#81020200, endColorstr=#80000062);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
}

.live-Quize-dialog .masker .dia-containner {
    /* position: fixed; */
    /* z-index: 10002; */
    /* left: 50%; */
    /* top: 50%; */
    /* transform: translate(-50%,-50%) */
}

.live-Quize-dialog .masker .dia-title {
    width: 600px;
    height: 60px;
    line-height: 60px;
    background: #F5484B;
    font-size: 26px;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    position: relative;
}

.live-Quize-dialog .masker .dia-title .close {
    color: 22 BD82;
    line-height: 20px;
    text-align: center;
    height: 20px;
    width: 20px;
    line-height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 1px;
    cursor: pointer;
}

.live-Quize-dialog .masker .dia-title .close::before {
    content: '\2716';
    color: white;
    font-size: 20px;
    line-height: 20px;

}

.live-Quize-dialog .masker .dia-body {
    width: 600px;
    background: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    padding: 48px 20px;
}

.live-Quize-dialog .formitem {
    position: relative;
    padding-left: 40px;
    margin-bottom: 20px;
    /* position: relative; */
}

.live-Quize-dialog .formitem.required .formlabel:before {
    content: '*';
    color: 22 BD82;
    /* position: absolute;left: 0; */
}

.live-Quize-dialog .formitem .formlabel {
    float: left;
    height: 30px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(75, 75, 75, 1);
    line-height: 30px;
    position: absolute;
}

.live-Quize-dialog .formitem .formcontent {
    margin-left: 100px;
    min-height: 30px;
}

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

.live-Quize-dialog .formitem .formcontent select {
    width: 300px;
    height: 30px;
    appearance: none;
    line-height: 30px;
    font-size: 16px;
    border: 1px solid rgba(224, 224, 224, 1);
    color: rgba(130, 130, 130, 1);
}

.live-Quize-dialog .opreate {
    text-align: center;
}

.live-Quize-dialog .opreate .submit {
    display: inline-block;
    padding: 0 26px;
    height: 41px;
    background: #F5484B;
    border-radius: 21px;
    font-size: 16px;
    line-height: 41px;
    color: white;
    text-align: center;
    cursor: pointer;
}

.live-Quize-dialog .opreate .cancel {
    display: inline-block;
    height: 41px;
    padding: 0 26px;
    font-size: 16px;
    background: rgba(232, 232, 232, 1);
    border-radius: 21px;
    margin-left: 35px;
    line-height: 41px;
    text-align: center;
    color: rgba(130, 130, 130, 1);
    cursor: pointer;
}


/* 玩家投注框*/
.formitem.bet .formcontent span {
    float: left;
    min-width: 80px;
    height: 30px;
    padding: 0 10px;
    background: rgba(245, 245, 245, 1);
    border: 1px solid rgba(224, 224, 224, 1);
    font-size: 16px;
    font-weight: 500;
    color: rgba(167, 167, 167, 1);
    line-height: 30px;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
}

.formitem.bet .formcontent span:hover, .formitem.bet .formcontent span.checked {
    color: white;
    background: #F5484B
}

.live-Quize-dialog .formitem.short_btn .formcontent {
    overflow: hidden;
}

.live-Quize-dialog .formitem.short_btn .formcontent span {
    float: left;
    width: 80px;
    height: 30px;
    background: rgba(245, 245, 245, 1);
    border: 1px solid rgba(224, 224, 224, 1);
    font-size: 16px;
    font-weight: 500;
    color: rgba(167, 167, 167, 1);
    line-height: 30px;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
}

.live-Quize-dialog .formitem.short_btn .formcontent span:hover {
    color: white;
    background: #F5484B;
}

/* 黑白竞猜玩法说明 */
.dia-containner.play_explanation .dia-body {
    padding: 20px 22px 10px;
    color: rgba(83, 83, 83, 1);
    text-align: left;
    box-sizing: border-box;
    height: auto;
}

.dia-containner.play_explanation h4 {
    height: 22px;
    font-size: 16px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(83, 83, 83, 1);
    line-height: 22px;
    margin-bottom: 12px;
}

.dia-containner.play_explanation p {
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(83, 83, 83, 1);
    line-height: 20px;
    margin-bottom: 12px;
}

.dia-containner.play_explanation .heihei {
    background: rgba(240, 240, 240, 1);
    border-radius: 4px;
    margin: 0 4px 20px;
    padding: 19px 10px;
}

.dia-containner.play_explanation .heihei h5 {
    font-size: 16px;
    line-height: 28px;
}

.dia-containner.play_explanation .rule_notice {
    height: 40px;
    background: rgba(239, 239, 239, 1);
    color: rgba(145, 141, 141, 1);
    line-height: 40px;
    text-indent: 2em;
}

/* 竞猜引流 */
.dia-attractflow {
    width: 380px;
    position: absolute;
    z-index: 10002;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.live-Quize-dialog .dia-attractflow .dia-header {
    width: 380px;
    height: 198px;
    background: url('/public/front/images/wzjc.png') no-repeat center center /100% 100%;
}

.live-Quize-dialog .dia-attractflow .close {
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url('/public/front/images/close.png') no-repeat center center /100% 100%;

}

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

    width: 380px;
    height: 129px;
    padding-top: 14px;
    background: rgba(255, 212, 53, 1);
    border-radius: 0px 0px 4px 4px;
    position: relative;
}

.live-Quize-dialog .dia-attractflow .dia-bodier:before {
    content: '';
    width: 100%;
    height: 13px;
    top: -6px;
    background: url('/public/front/images/juchi.png') no-repeat center center /100% 100%;

    position: absolute;

}

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

}

.dia-bodier .gotohappy {
    display: block;
    width: 260px;
    height: 47px;
    display: block;
    margin: 0 auto;
    line-height: 47px;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    background: #22BD82;
    border-radius: 4px;
    color: white;
}

.live-Quize-dialog #attractflow-success .dia-header {

    background: white;
    text-align: center;
    overflow: hidden;
}

.live-Quize-dialog #attractflow-faild .dia-header {

    background: white;
    text-align: center;
    overflow: hidden;
}

.dia-attractflow .title {
    text-align: center;
    margin-top: 10px;
    height: 25px;
    font-size: 24px;
    font-weight: normal;
    color: rgba(63, 63, 63, 1);
}

.Quiz-tab {
    width: 100%;
}

.tab-left {
    width: 50%;
    float: left;
    background: rgba(187, 187, 187, 1);
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #5C5C5C;
    cursor: pointer;
}

.tab-right {
    width: 50%;
    float: right;
    background: rgba(187, 187, 187, 1);
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    color: #5C5C5C;
    line-height: 40px;
    cursor: pointer;
}

.tab-cur {
    background: #FC4948;
    color: #fff;
}


.live-info {
    overflow: hidden;
    width: 100%;
}

.live-title {
    color: #080c12;
    font-size: 26px;
    color: #080c12;
    height: 50px;
    padding-left: 10px;
    line-height: 50px;
    overflow: hidden;
}

.live-title .isEditer, .slide-title .isEditer, .myLiveView-userinfo .isEditer {
    float: right;
    height: 28px;
    line-height: 28px;
    width: 50px;
    padding-left: 20px;
    font-size: 14px;
    border-radius: 3px;
    background: #ff485c url(../../front/images/write.png) 8px center no-repeat;
    background-size: auto 20px;
    margin-top: 11px;
    color: #fff;
    text-align: center;
    display: block;
    overflow: hidden;
}

.live-main {
    overflow: hidden;
    background: #fff;
    padding: 20px 15px;
    border: 1px solid #e9e9e9;
    margin-bottom: 20px;
}

.live-main p {
    padding: 0 20px;
    color: #5f5f5f;
    font-size: 16px;
    line-height: 28px;
    border-radius: 5px;
}

.live-main p.live-tips {
    background: #f5f5f5;
}

.live-main-title {
    color: #333;
    text-align: left;
    font-size: 16px;
}

.live-main-item {
    width: 33%;
    float: left;
    color: #333;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
}

.live-main-item a {
    width: 50px;
    height: 32px;
    display: inline-block;
    background: #22BD82;
    border-radius: 5px;
    color: #fff;
    text-align: center;
}

.live-main-item a:hover {
    width: 50px;
    height: 32px;
    display: inline-block;
    background: #22BD82;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.fillInfo .layui-layer-content {
    padding: 20px 20px 5px;
}

.fillInfo .layui-layer-content .layui-layer-input {
    height: 100px;
    width: 300px;
    resize: none;
    border: 1px solid #e6e6e6;
    padding: 3px 8px;
    line-height: 22px;
}

.fillInfo .layui-layer-btn .layui-layer-btn0 {
    border-color: #2e8ded;
}

/* 坐骑动画 */
.MR-enter-fx {
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    visibility: hidden;
    z-index: 101;
}

/* 礼物动画 */
.MR-gift-flash {
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: 40px;
    right: 316px;
    pointer-events: none;
    z-index: 99;
}

.MR-gift-flash-show {
}

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

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

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

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

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

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

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

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

.SR-video-rec-con .video-rec-con ul li {
    float: left;
}


/* 中间 聊天 礼物 */


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

.SR-area-chat .chat-msg {
    /* margin: 0 auto; */
    /*float: right;*/
    width: 100%;
}

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

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

.liveClose {
    display: none;
    width: 100%;
    height: 54px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 1);
    z-index: 11;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    padding: 0 20px 0 10px;
    align-items: center;
    box-shadow: 0 0 5px rgb(197, 197, 197);
    box-sizing: border-box;

}

.liveClose .laba {
    width: 30px;
    height: 25px;
    background: url('/public/front/images/tongzhi.icon.png') no-repeat center center /100% 100%;
    animation: zaza .8s infinite ease-in-out;
}

.liveClose .contxt {
    /* width: 2.9rem; */
    flex: 1;
    margin: 0 23px 0 11px;
    font-size: 14px;
    line-height: 20px;
    color: #999;

}

.liveClose .contxt a {
    color: #FC4948;
}

.liveClose .download {
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: #FC4948;
    border-radius: 20px;
    color: white;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

@keyframes zaza {
    0% {
        background-size: 80% 80%;
    }

    60% {
        background-size: 80% 80%;

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

#LF-chat-gift {
    background: #fff;
    padding: 10px 0;
    overflow: visible;
    height: 110px;
}

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

.SR-area-chat .control-bar {
    width: 100%;
    height: 31px;
    top: 170px;
    left: 0;
    position: absolute;
    z-index: 42;
}

.MR-talk .emoticon-toggle-panel {
    float: left;
}

.SR-area-chat .control-bar cite {
    display: block;
    height: 1px;
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
    cursor: n-resize;
    background: url('../images/dot_white_05.png');
}

.SR-area-chat .control-bar span {
    display: block;
    position: absolute;
    width: 15px;
    height: 9px;
    left: 50%;
    margin-left: -7px;
    top: 6px;
    /*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: 24px;
    position: relative;
    margin: 0 auto;
}

.MR-talk .send-btn {
    /* position: absolute; */
    float: right;
    /* top: 2px; */
    /* right: 75px; */
    /* right: 10px; */
    background: #FF203A;
    width: 54px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
}

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

.MR-talk .saving, .MR-talk .saving:hover {
    cursor: default;
    background: #999;
    border: 1px solid #999;
}

#svgaCanvas {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20;
    top: 0;
    left: 0;
    display: none;
}

#svgaCanvas .svga_close {
    background: #22BD82;
    position: absolute;
    right: 10px;
    top: 10px;
    color: white;
    border-radius: 12px;
    line-height: 20px;
    text-align: center;
    height: 20px;
    width: 20px;
    font-size: 15px;
    padding: 1px;
    cursor: pointer;
}

#svgaCanvas .svga_close::before {
    content: '\2716';
}

.show_effect_sw {
    margin: 0 5px;
    float: left;
    width: 48px;
    height: 25px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.show_effect_sw .show_btn {
    width: 26px;
    height: 26px;
}

/* .show_effect_sw:hover  .effect_sws{
	display: block;
} */
.show_effect_sw .effect_sws {
    position: absolute;
    display: none;
    top: -99px;
    left: -40px;
    width: 147px;
    height: 82px;
    background: white;
    border: 1px solid rgba(224, 224, 224, 1);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 16px 12px;
    box-sizing: border-box;
    text-align: left;
    z-index: 21;

}

.show_effect_sw .effect_sws:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 52px;
    width: 10px;
    height: 10px;
    background-color: white;
    z-index: 100;
    transform: rotate(45deg);
    border: 1px solid rgba(224, 224, 224, 1);
    border-top-color: transparent;
    border-left-color: transparent;
}

.show_effect_sw .effect_sws .effect_sw_item {
    font-size: 12px;
    font-weight: 400;
    color: rgba(110, 110, 110, 1);
}

.show_effect_sw .effect_sw_item span {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid rgba(224, 224, 224, 1);
    border-radius: 50%;
    vertical-align: -4px;
}

.show_effect_sw .effect_sw_item.on span {
    background: url('/public/front/images/effect_on.png') no-repeat center center /100% 100%;
}


/* .biggift_switch{

	margin: 0 5px;
	float: left;
	background: rgb(204, 204, 204);
	width: 48px;
    height: 25px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	border-radius: 15px;
}
.biggift_switch span{
position: absolute;
left: 8px;
top: 0;
width: 30px;
height: 20px;
text-align: center;
}
.biggift_switch .dot{
	position: relative;
	left: 1px;
	top: 2px;
	background-color: white;
	box-shadow: 0 0 3px white;
	transition: left 0.2s ease-in-out;
    width: 22px;
	height: 22px;
	border-radius: 50%;
	color: gray;
	line-height: 22px;
	text-align: center;
	user-select: none;

}
.biggift_switch.on{
	background-color: #ff384521;
}
.biggift_switch.on span{
left: 20px;
}
.biggift_switch.on .dot{
	left:24px;
	top: 2px;
	color: white;
	background-color: #ff3846;
	box-shadow: 0 0 3px #ff3846;

} */


/* .danmu_switch{
	position: absolute;
	top: 7px;
	right:10px;
	background: rgb(204, 204, 204);
	width: 60px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	border-radius: 15px;
}
.danmu_switch span{
position: absolute;
left: 8px;
top: 0;
width: 30px;
height: 20px;
text-align: center;
}
.danmu_switch .dot{
	position: relative;
	left: 40px;
	top: 3px;;
	width: 14px;
height: 14px;
border-radius: 7px;
background-color: white;
box-shadow: 0 0 3px white;
}
.danmu_switch.on{
	color: #ff3846;
}
.danmu_switch.on span{
left: 20px;
}
.danmu_switch.on .dot{

	left: 4px;
	top: 3px;
background-color: #ff3846;
box-shadow: 0 0 3px #ff3846;
} */

#LF-chat-msg-area:hover .chat_scroll_lock {
    display: block;
}

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

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


}

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

}

.chat_scroll_lock.unlock:before {

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

}

.chat_scroll_lock.unlock:after {
    color: #006ee1;
    content: "\89e3\9501";
}

.chat_scroll_lock.lock:before {

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

.chat_scroll_lock.lock:after {
    color: #FF203A;
    content: "\9501\5c4f";
}

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

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

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

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

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

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

.MR-talk .speaker cite.txt-error {
    color: #22BD82;
}

.MR-talk .emoticon-toggle-panel {
    float: left;
}

.MR-talk .BTN-face-toggle {
    display: block;
    width: 24px;
    height: 24px;
    background: url('../images/chat_expression_normal.png') no-repeat center center /100% 100%;;
}

/*
.MR-talk .BTN-face-toggle:hover {
	background-position: -233px -153px;
}*/

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

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

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

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

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

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

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

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

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

.MR-emoticon-layer .expression-bd {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.MR-chat .boarder {
    overflow: hidden;
}

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

.msg-chat .MR-chat .boarder {
    height: 500px;
}

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

.MR-chat ul li {
    color: #4b4b4b;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 24px;
    font-size: 14px;
    unicode-bidi: bidi-override;
    padding: 0 10px;
    margin: 2px 0;
}

.MR-chat ul li.fans {
    background: #FFEBEB;
}

.MR-chat ul li.fans0, .MR-chat ul li.fans1, .MR-chat ul li.fans2, .MR-chat ul li.fans3, .MR-chat ul li.fans4, .MR-chat ul li.fans5, .MR-chat ul li.fans6, .MR-chat ul li.fans7, .MR-chat ul li.fans8, .MR-chat ul li.fans9, .MR-chat ul li.fans10, .MR-chat ul li.fans11, .MR-chat ul li.fans12, .MR-chat ul li.fans13, .MR-chat ul li.fans14 {
    background: #FFF;
}

.MR-chat ul li .fake-name {
    color: #FC4948;
}

.MR-chat ul li.no {
    text-align: center;
}

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

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

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

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

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

.MR-chat ul li .ICON-horn, .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:#E1C89B;
} */
/* .MR-chat ul li .user-name.level1 {
	color: #58c14b
}
.MR-chat ul li .user-name.level2 {
	color: #6a63ff
}
.MR-chat ul li .user-name.level3 {
	color: #fba422
}
.MR-chat ul li .user-name.level4 {
	color: #08f
}
.MR-chat ul li .user-name.level5 {
	color: #00eaea
}
.MR-chat ul li .user-name.level6 {
	color: #6907ff
}
.MR-chat ul li .user-name.level7 {
	color: #ff1c84
}
.MR-chat ul li .user-name.level8 {
	color: #624aa9
}
.MR-chat ul li .user-name.level9 {
	color: #F0D500
}
.MR-chat ul li .user-name.level10 {
	color: #fe431d
}
.MR-chat ul li .user-name.level11 {
	color: #843504
}
.MR-chat ul li .user-name.level12 {
	color: #FC4F5D
}
.MR-chat ul li .user-name.level13 {
	color: #8341FF
}
.MR-chat ul li .user-name.level14 {
	color: #071EFF
}
.MR-chat ul li .user-name.level15 {
	color: #0E6C54
}
.MR-chat ul li .user-name.level16 {
	color: #CC0000
} */
/* 主播 */
.MR-chat ul li .ICON-pro-anAnchor {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 3px;
    background: url(/public/front/images/micorphone.2.png) no-repeat center center/ 100% 100%;
}

/* 黑白号 */
.MR-chat ul li .ICON-pro-kingFlag {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 3px;

    background: url(/public/front/images/ICON-pro-kingFlag.2.png) no-repeat center center/  100% 100%;
}

/* vip */
.MR-chat ul li .ICON-pro-vipFlag {
    display: inline-block;
    width: 29px;
    height: 24px;
    vertical-align: middle;
    margin-right: 3px;
    text-align: right;
}

.MR-chat ul li .ICON-pro-vipFlag.vipFlag1 {
    background: url(/public/front/images/ICON-pro-vipFlag1.png) no-repeat center center/  100% 100%;
}

.MR-chat ul li .ICON-pro-vipFlag.vipFlag2 {
    background: url(/public/front/images/ICON-pro-vipFlag2.png) no-repeat center center/  100% 100%;
}

.MR-chat ul li .ICON-pro-vipFlag.vipFlag3 {
    background: url(/public/front/images/ICON-pro-vipFlag3.png) no-repeat center center/  100% 100%;
}

.MR-chat ul li .ICON-pro-vipFlag.vipFlag4 {
    background: url(/public/front/images/ICON-pro-vipFlag4.png) no-repeat center center/  100% 100%;
}

.MR-chat ul li .ICON-pro-vipFlag.vipFlag5 {
    background: url(/public/front/images/ICON-pro-vipFlag5.png) no-repeat center center/  100% 100%;
}

/* .MR-chat ul li .user-name.anAnchor {
    color: #929292;
    padding-left: 18px;
    padding-right: 5px;
    border-radius: 10px;
    background: #FD5B52 url(/public/front/images/user_grade/v.png) no-repeat 2px center/ 13px 13px;
} */

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

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

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

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

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

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

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

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

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

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

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

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

/* 喇叭 广播 */
.MR-horn {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 82px;
    top: 11px;
}

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

.MR-horn .toggle.close {
    background-position: -28px -233px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: #22BD82;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* 今日话题 */
#todayTopicLink {
    width: 100%;;
    height: 44px;
    background-color: white;
    color: #7D7D7D;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 50px;
    display: none;

}

#todayTopicLink .linkLeft img {
    height: 100%;
}

#todayTopicLink .linkRight {
    color: #7D7D7D;
    line-height: 44px;
    display: inline-block;
    width: 300px;
    text-overflow: ellipsis;
    font-size: 14px;

    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
}

/* 主播预约 */
.anchor-reserve {
    margin-top: 10px;
}

.anchor-reserve .reserve-header {

    height: 52px;
    line-height: 33px;
    color: rgba(67, 68, 70, 1);
    box-sizing: border-box;
}

.anchor-reserve .reserve-header span {
    float: left;
    font-size: 18px;
    font-weight: 600;
    position: relative;
}

.anchor-reserve .reserve-header span:after {
    position: absolute;
    content: '';
    font-size: 18px;
    font-weight: 600;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #22BD82;
}

.anchor-reserve .reserve-header a {
    float: right;
    font-weight: 600;
    font-size: 16px;
    color: rgba(67, 68, 70, 1);
    text-decoration: none;
}

.anchor-reserve .reserve-item {
    height: 80px;
    border-bottom: 2px solid rgba(230, 230, 230, 1);
    position: relative;
}

.anchor-reserve .reserve-item:nth-child(2n+1) {
    background: rgba(247, 247, 247, 1);
}

.anchor-reserve .reserve-item .team {
    width: 50%;
    height: 100%;
    float: left;
    line-height: 80px;
    color: rgba(58, 58, 58, 1);
    font-size: 14px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.anchor-reserve .reserve-item img {
    position: absolute;
    max-height: 34px;
    max-width: 34px;;
    top: 26px;
}

.anchor-reserve .reserve-item .home-team {
    float: left;
    padding-right: 80px;
    text-align: right;
    top: 0px;
}

.anchor-reserve .reserve-item .home-team img {
    right: 35px;
}

.anchor-reserve .reserve-item .away-team {
    float: right;
    padding-left: 80px;
    text-align: left;
    top: 0px;
}

.anchor-reserve .reserve-item .away-team img {
    left: 35px;
}

.anchor-reserve .reserve-item .info {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0px;
    text-align: center;
    line-height: 18px;
}

.anchor-reserve .info .league-name {
    font-size: 10px;
    font-weight: 200;
    color: rgba(69, 69, 69, 1);
    text-align: center;
    padding-top: 5px;
}

.anchor-reserve .info .league-date {
    padding: 8px;
    font-size: 10px;
    font-weight: 200;
    color: rgba(69, 69, 69, 1);
    text-align: center;
}

.anchor-reserve .info .league-time {
    font-size: 14px;
    font-family: FZLTZHK--GBK1-0;
    font-weight: 600;
    color: rgba(58, 58, 58, 1);
    text-align: center;
}

/* 主播推荐盘口 */
.reserve-item .recomend-btn {
    position: absolute;
    z-index: 4;
    color: #22BD82;
    font-size: 14px;
    width: 128px;
    height: 28px;
    text-indent: 3em;
    line-height: 28px;
    cursor: pointer;
    background: url('/public/front/images/anchor-recomand.png') no-repeat center center /100% 100%;
}

.reserve-item .recomend-btn:before {
    content: '';
    position: absolute;
    z-index: 5;
    left: 14px;
    top: 0px;
    width: 20px;
    height: 28px;
    background: url('/public/front/images/recomand-logo.png') no-repeat center center /14px 18px;
}

.reserve-item .reserve-recomend {
    width: 100%;
    min-height: 100%;
    z-index: 3px;
    position: absolute;
    background: linear-gradient(-24deg, rgba(255, 90, 154, 1), rgba(255, 157, 143, 1));

    display: none;
}

.reserve-item .reserve-recomend .recommend-item {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    height: 26px;
    font-size: 12px;
    line-height: 26px;
    padding: 0 8px;
    width: 87px;
    color: white;
    background: rgba(0, 0, 0, 0.104);
    border-radius: 13px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.MR-gift .gift-panel .gift-pic {
    height: 48px;
    width: 48px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.MR-gift .gift-panel .gift-pic .gift-num {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: 14px;
    line-height: 14px;
    background: #22BD82;
    color: #FFF;
    padding: 0 5px;
    border-radius: 7px;
    display: none;
}

.MR-gift .gift-panel .gift-lian {
    margin-top: -22px;
    z-index: 10000;
    float: right;
    width: 18px;
    height: 18px;
    position: relative;
    display: block;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    border-color: #ffcc34;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    background-color: #ffcc34;
    color: #ffffff;
}

.MR-gift .gift-panel p {
    text-align: center;
}

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.MR-gift-tip .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 {
    float: right;
    position: relative;
    height: 40px;
    line-height: 40px;
}

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

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


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

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

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

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

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

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

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

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

.MR-free-gift .MR-star .count {
    position: absolute;
    right: -4px;
    top: -4px;
    height: 18px;
    line-height: 18px;
    color: #FFF;
    background-color: #22BD82;
    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: #22BD82;
}

.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 {
	width: 70px;
	height: 34px;
	line-height: 34px;
	margin:0px 0;
	position: absolute;
	right: -80px;
	top: 10px;
} */

.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: #22BD82;
    color: #fff;
    position: relative;
}

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

.MR-moregift .select-group .numselect-btn {
    position: absolute;
    top: 1px;
    right: 8px;
    width: 11px;
    height: 32px;
    background: url('../images/room_bg.png') no-repeat -200px -6px;
    cursor: pointer;
}

.gift-con {
    overflow: visible;
    height: 80px;
    box-sizing: border-box;
    padding-right: 100px;
    position: relative;
}

.num-confirm-btns a {
    cursor: pointer;
}

.MR-gift .gift-group {
    position: relative;
    float: left;
}

.MR-gift .gift-group .gift-wrap {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 20px
}

/* 头条 */
.MR-big-gift {
    width: 100%;
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.MR-big-gift .horn-speak a:hover {
    text-decoration: underline;
}


/* 右侧 */
.SR-area-info {
    width: 316px;
    float: left;
    height: 640px;
    position: relative;
    background: url('../images/dot_black_2.png');
    margin-right: 10px;
}

/* 房间统计 */
.SR-area-info .info-count {
    height: 40px;
    position: relative;
    background: #182746;
}

.MR-count {
    height: 40px;
}

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

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

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

.MR-count .info {
    float: left;
}

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

.MR-rank .thr .s .photo .rank_avatar {
    width: 50px;
    height: 50px;
    bottom: 15px;
}

.MR-rank .thr .t .photo .rank_avatar {
    width: 50px;
    height: 50px;
    bottom: 15px;
}

.MR-rank .thr .photo .rank_f_avatar {
    width: 54px;
    height: 54px;
}

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

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

}

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

/*.MR-rank .thr .f .stage {
	top:116px;
}*/

/*.MR-rank .thr .f {
	background: url(../images/contribute1.png) center 30px no-repeat;
	background-size: 90%;
}

.MR-rank .thr .s {
	background: url(../images/contribute2.png) center 30px no-repeat;
	background-size: 80%;
}

.MR-rank .thr .t {
	background: url(../images/contribute3.png) center 30px no-repeat;
	background-size: 80%;
}*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.MR-guard-container .list-inner .page .item .limit i {
    color: #22BD82;
}

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

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


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

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

.MR-guard-container .bottom-container .buy:hover {
    background: #ef4d83;
}

/* 购买守护 */
.MR-guard-buy-dialog {
    height: 350px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.buykeeperbg {
    height: 100%;
}

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

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

#playerzmblbkjP_wrapper {
    width: 100%;
    height: 100%;
}

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

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

.no-pull-content .no-pull-p {
    background: #232323 url('../images/guangbo.png') 15px center no-repeat;
    box-sizing: border-box;
    border-radius: 5px;
    color: #FFF;
    font-size: 14px;
    line-height: 20px;
    margin: 10px auto 15px;
    padding: 7px 14px 7px 60px;
    width: 290px;
    height: 54px;
}

.no-pull-content ul {
    width: 394px;
    overflow: hidden;
    margin: 0px auto;
    background: black;
}

.no-pull-content .live-item {
    width: 183px;
    margin: 10px 5px 0px;
}

.no-pull-content .live-item .live-img {
    width: 183px;
    height: 104px;
}

.no-pull-content .live-item .user-info a {
    color: #666;
}

/* 在线用户 */

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

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

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

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

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

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

}

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

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

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

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

/*.MR-online .dialog .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;
    width: 93%;
    height: 45px;
    color: #7fe3ed;
    white-space: nowrap;
    background: linear-gradient(90deg, #202226 20%, #25282d 60%);
    margin-top: 10px;
    margin-left: 5%;
    border-radius: 23px;
    padding-left: 1%;
}

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

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

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

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

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

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

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

}

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

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

.MR-online .dialog .nav-con .MR-chat .boarder ul li .ICON-noble-level {
    margin-top: 6px;
}

.MR-online .dialog .nav-con .MR-chat .boarder ul li .ICON-anchor-level {
    margin-top: 6px;
}

/* 分享 */
.ICON-online, .ICON-gift, .ICON-share, .ICON-weibo, .ICON-qq, .ICON-zone, .ICON-change, .ICON-edit, .ICON-copy, .ICON-lock-screen, .ICON-scroll-screen {
    background: url(../images/icon_bg.png) no-repeat;
    display: block;
}

.ICON-weibo {
    width: 26px;
    height: 20px;
    background-position: -286px -6px;
}

.ICON-qq {
    width: 26px;
    height: 20px;
    background-position: -334px -6px;
}

.ICON-zone {
    width: 26px;
    height: 20px;
    background-position: -391px -6px;
}

.MR-share {
    position: absolute;
    float: none;
    width: auto;
    padding: 0;
    top: -75px;
}

.MR-share .M-bubble {
    position: relative;
    left: auto;
}

.MR-share cite {
    text-align: center;
    display: block;
}

.MR-share .ICON-share {
    margin: 0 auto;
}

.MR-share:hover cite {
    color: #e4007f;
}

.MR-share:hover .ICON-share {
    background-position: -103px -40px;
}

.MR-share .detail {
    width: 135px;
}

.MR-share .detail a {
    float: left;
    width: 45px;
    margin-left: 16px;
}

.MR-share i {
    margin: 0 auto;
}

.MR-share label {
    display: block;
    text-align: center;
    color: #0099cc;
}

.MR-share .detail a:hover {
    text-decoration: none;
}

.MR-share .detail a:hover label {
    text-decoration: none;
    color: #ec0053;
}

.MR-share .detail a:hover .ICON-weibo {
    background-position: -286px -50px;
}

.MR-share .detail a:hover .ICON-qq {
    background-position: -334px -50px;
}

.MR-share .detail a:hover .ICON-zone {
    background-position: -391px -50px;
}

.MR-share .M-bubble .arrow-left {
    background: url(../images/room_bg2.png) no-repeat -40px -460px;
    width: 7px;
    height: 13px;
}

.MR-share .M-bubble {
    background: #FFF;
}

.MR-share .M-bubble .detail {
    height: 168px;
}

.MR-share .M-bubble .detail .qr {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.MR-share .M-bubble .detail img {
    max-width: 100px;
    max-height: 120px;
}

.MR-chat .boarder ul li.anchor .yanjing {
    font-size: 12px;
    float: right;
    line-height: 30px;
    height: 20px;
    width: 20px;
}

.MR-chat .boarder ul li.anchor .xinxi {
    height: 34px;
    width: 95%;
    color: #fff;
    display: block;
    margin-left: 3px;
}

.MR-chat .boarder ul li.anchor .yanjing .yanjing_img {
    height: 12px;
    width: 20px;
    background: url(/public/home/images/yanjing.png) no-repeat;
    background-size: 100%;
    margin-top: 10px;
}

.MR-chat .boarder ul li.anchor .xinxi:hover {
    /* 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;
    z-index: 9999;
}

.popupOwn {
    right: auto;
    background: url('../images/white_dot_02.png') 0 0;
    cursor: default;
    position: absolute;
    right: -119px;
    top: 25px;
    padding: 5px;
    width: 157px;
    font-size: 12px;
    right: 10px;
}

.popupOwn .pop_contentOwn {
    background: #4c6187;
    padding: 0 10px;
    height: 30px;
    text-align: center;
    line-height: 30px
}

.popup .pop_content {
    background: #4c6187;
    padding: 0 10px;
    height: 70px;
    width: 92%
}

.popup_img {
    float: left;
    margin-top: 10px;
}

.popup_img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.popup .pop_content .handle {
    width: 73%;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

.popup .pop_content .handle span {
    width: 55px;
    display: block;
    float: left;
    text-align: center;
    cursor: pointer;
    color: #ffcc34;
    margin-bottom: 7px;
}

.popup .pop_content .handle span:hover {
    color: #ffa700
}

.layui-layer-dialog {
    color: #000;
}

.system_a {
    color: #f9963e;
    cursor: default;
    text-decoration: none;
}

.system_name {
    color: #7e5596;
    cursor: default;
    text-decoration: none;
}

.system_name:hover {
    color: #7e5596;
    cursor: default;
    text-decoration: none;
}

.system_a:hover {
    cursor: default;
    text-decoration: none;
}

.identity {
    color: #ffcc34;
    text-decoration: none;
}

.identity:hover {
    color: #ce9a00;
    text-decoration: none;
    cursor: pointer
}

.report {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.report:hover {
    text-decoration: none;
    cursor: pointer
}

/*礼物效果*/
.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: -200px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-property: opacity, left;
    transition-property: opacity, left;
    z-index: 998
}

.hjPopGift.hjPopGift_small.first {
    top: 100px
}

.hjPopGift.hjPopGift_small.last {
    top: 170px
}

.hjPopGift.hjPopGift_small.first.active, .hjPopGift.hjPopGift_small.last.active {
    left: 38%;
    top: 100%;
    opacity: 1
}

.hjPopGift.hjPopGift_small .icon-avatar {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    border-radius: 20px;
    border: 1px solid #fff;
    box-sizing: border-box
}

.hjPopGift.hjPopGift_small .nickname {
    height: 20px;
    line-height: 20px;
    color: #fff;
    width: 100px; /*要显示文字的宽度*/
    overflow: hidden; /*超出的部分隐藏起来。*/
    white-space: nowrap; /*不显示的地方用省略号...代替*/
    text-overflow: ellipsis; /* 支持 IE */

}

.hjPopGift.hjPopGift_small .giftname {
    height: 15px;
    line-height: 15px;
    color: #1daeff
}

.hjPopGift.hjPopGift_small .icon-gift {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    border-radius: 20px
}

.hjPopGift.hjPopGift_small .giftNum {
    position: absolute;
    right: -30px;
    top: -10px;
    font-size: 20px;
    color: #1fbcf8;
    text-shadow: 0 0 1px white
}

.hjPopGift.hjPopGift_small .giftNum.active {
    -webkit-animation: giftNum 100ms ease-in-out 0s;
    animation: giftNum 100ms ease-in-out 0s
}

.hjPopGift.hjPopGift_big {
    display: block;
    position: absolute;
    width: 100%;
    right: -100%;
    bottom: 50%;
    z-index: 300;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.hjPopGift.hjPopGift_big img {
    display: block;
    margin: 0 auto;
    padding: 0;
    border: 0;
    max-width: 85%;
    max-height: 200px;
}

.hjPopGift.hjPopGift_big .giftMsg {
    text-align: center;
    color: blue;
    text-shadow: 0 0 3px #fff;
    width: 100%
}

.hjPopGift.hjPopGift_big.active {
    right: 0;
    bottom: -1%;
    opacity: 1;
    height: 50px;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.hjPopGift.hjPopGift_big.out {
    opacity: 0;
    right: 300%;
    bottom: -300%;
    height: 50px;
    -webkit-transform: scale(0.2);
    transform: scale(0.2)
}

@-webkit-keyframes bigGift {
    0% {
        opacity: 0;
        right: -100%;
        bottom: 100%;
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }

    15% {
        opacity: 1;
        right: 0;
        bottom: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    85% {
        opacity: 1;
        right: 0;
        bottom: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    92% {
        opacity: 1;
        right: 200%;
        bottom: -1px;
        -webkit-transform: scale(0.1);
        transform: scale(0.1)
    }

    100% {
        opacity: 0;
        right: 300%;
        bottom: -200%;
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }
}

@keyframes bigGift {
    0% {
        opacity: 0;
        right: -100%;
        bottom: 100%;
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }

    15% {
        opacity: 1;
        right: 0;
        bottom: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    85% {
        opacity: 1;
        right: 0;
        bottom: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    92% {
        opacity: 1;
        right: 200%;
        bottom: -1px;
        -webkit-transform: scale(0.1);
        transform: scale(0.1)
    }

    100% {
        opacity: 0;
        right: 300%;
        bottom: -200%;
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }
}

@-webkit-keyframes giftNum {
    0% {
        -webkit-transform: scale(4);
        transform: scale(4)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes giftNum {
    0% {
        -webkit-transform: scale(4);
        transform: scale(4)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

/*点亮样式*/
#player-praises {
    width: 42px;
    height: 42px;
    position: absolute;
    bottom: 45px;
    right: 20px;
    z-index: 99;
}

#player-praises .bubble {
    width: 100%;
    height: 100%;
    position: relative
}

#player-praises svg {
    position: absolute
}

#player-praises .praises {
    position: relative;
    top: -100%;
    display: block;
    overflow: hidden;
}

.slide-header {
    border: 1px solid #e9e9e9;
    overflow: hidden;
    padding: 10px 15px;
    background: #fff url(../../front/images/userCenter/slideBoxBg.png) 200px 120px no-repeat;
}

.slide-title {
    font-size: 18px;
    color: #2f2f2f;
    padding: 0 0 5px;
    width: 80px;
    border-bottom: 2px solid #fe5d67;
    overflow: hidden;
    margin-bottom: 20px;
}

.slide-cont1 {
    width: 350px;
    padding: 5px 5px;
    border: 1px solid #e9e9e9;
    background: #fbfbfb;
    height: auto;
    margin: 0 auto 10px;
    overflow: hidden;
    border-radius: 5px;
    font-size: 14px;
}

.slide-cont1 .wechat {
    padding-left: 30px;
    color: #000;
    min-height: 22px;
    line-height: 22px;
    background: url(../../front/images/userCenter/wechat-icon.png) left top no-repeat;
    display: block;
    width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.slide-cont1 .sounds {
    padding-left: 30px;
    color: #000;
    min-height: 22px;
    line-height: 22px;
    background: url(../../front/images/userCenter/sounds-icon.png) left top no-repeat;
    display: block;
    width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.slide-cont1 .sounds .item-qq {
    padding: 2px 4px;
    background-color: #66d7ff;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

.slide-cont1 .sounds .item-wechat {
    padding: 4px;
    background-color: #2bc100;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

.slide-cont1 .sounds .item-url {
    padding: 4px;
    color: #3583d8;
    border-radius: 4px;
}

.slide-cont1 .sounds .item-helper {
    display: inline-block;
    margin-left: 5px;;
    padding: 4px;
    color: white;
    border-radius: 4px;
    background-color: #ff9c31;
}

.slide-cont2 {
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
    color: #a5a5a5;
}

.slide-cont2 a {
    color: #000;
}

.copyLinkUrl {
    border: 1px solid #e9e9e9;
    background: rgba(233, 233, 233, .6) url(../images/link-icon.png) 9px center no-repeat;
    border-radius: 5px;
    overflow: hidden;
    padding-left: 38px;
}

.copyLinkUrl dd {
    height: 32px;
    line-height: 32px;
    background: rgba(255, 255, 255, .8);
    width: 285px;
    float: left;
    overflow: hidden;
}

.copyLinkUrl dd .push_url {
    padding: 0 10px;
    width: 265px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
}

.copyLinkUrl dt {
    float: right;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 43px;
}

.copyLinkUrl dt .copyLinkUrlBtn {
    background: no-repeat;
    color: #fe5d67;
}

.slide-chat {
    position: relative;
    padding-top: 214px;
}

.slide-main {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    border: 1px solid #e9e9e9;
    border-top: 0;
    overflow: hidden;
    background: white url('../images/beach/ranking_bg.png') no-repeat center top/420px 215px;
    height: 214px;
    border-radius: 10px 10px 0 0;
    box-sizing: border-box;
    overflow: hidden;
}

.slide-tab-header {
    height: 40px;
    overflow: hidden;
    display: flex;
}

.slide-tab-header dd {
    flex: 1;
    margin-top: 10px;
    height: 20px;
    line-height: 20px;
    color: white;
    font-size: 16px;
    float: left;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}

.slide-tab-header dd.curr {
    color: #ffdb75;
}

.slide-tab-header dd:nth-child(2) {
    border-left: 2px solid #ffffff7d;
    border-right: 2px solid #ffffff7d;
}

.slide-tab-header dt {
    width: 128px;
    float: left;
    overflow: hidden;
    text-align: center;
    line-height: 40px;
}

.slide-tab-header dt strong {
    font-weight: normal;
    display: inline;
    height: 18px;
    font-size: 12px;
    color: #666666;
    text-align: center;
}

.slide-tab-header dt span {
    font-weight: normal;
    display: inline;
    height: 18px;
    font-size: 12px;
    color: #fe5d67;
    text-align: center;
}

.slide-tab-main {
    overflow: hidden;
}
/* 聊天上方公告 */
.slide-bulletin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 214px;
    background: #FFF;
    border-radius: 10px 10px 0 0;
}
.slide-bulletin .bulletin-content {
    position: relative;
    width: 100%;
    height: 125px;
    overflow-y: hidden;
    padding: 10px;
    padding-bottom: 0;
    box-sizing: border-box;
}
.slide-bulletin .bulletin-content1 {
    width: 100%;
    height: 125px;
}
.slide-bulletin .bulletin-content1 img{
    width: 400px;
    height: 125px;
}
.slide-bulletin .bulletin-content:hover {
    overflow-y: auto;
}
.slide-bulletin .helper-content {
    position: relative;
    width: 100%;
    height: 89px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    box-sizing: border-box;
}
.slide-bulletin .helper-content img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.slide-change {
    position: relative;
    width: 100%;
    height: 54px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #EBEDF0;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}
.slide-change .slide-change-item {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #999;
    cursor: pointer;
}
.slide-change .slide-change-item.current {
    background: #EFA04A;
    color: #FFF;
    cursor: default;
}
.slide-change .slide-change-item .isEditer {
    width: auto;
    height: 24px;
    padding: 0 5px;
    font-size: 14px;
    line-height: 24px;
    color: #FFF;
    background: #FF203A;
    border-radius: 3px;
    margin-left: 8px;
}
/* clark 之前的排行榜样式（备份）
.slide-list{position:relative;overflow:hidden;padding:140px 15px 30px; display:none;}
.slide-list.curr{display:block;}
.slide-list dt{width:120px;height:100px;position:absolute;text-align:center;}
.slide-list dt strong{display:block;font-weight:normal;position:relative;z-index:9;text-align:center; font-size:14px;width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 auto;}
.slide-list dt span{display:block;font-size:12px;color:white;position:relative;z-index:9;text-align:center; }
.slide-list dt.one{left:0;right:0;top:15px;margin:0 auto;padding-top:25px;}
.slide-list dt.one strong{top:-10px;color:#b55e0a;}
.slide-list dt.one span{top:-8px;}
.slide-list dt.one img{width:60px;height:60px;border-radius:60px;display:block;margin:0 auto;}
.slide-list dt.one b{position:absolute;width:116px;height:95px;top:0;left:0;right:0;z-index:8;margin:0 auto;display:block;background:url(../../front/images/userCenter/sort_1.png) center bottom no-repeat;}
.slide-list dt.two{left:10px;top:15px;padding-top:30px;}
.slide-list dt.two strong{top:-12px;color:#7f8080;}
.slide-list dt.two span{top:-10px;}
.slide-list dt.two img{width:58px;height:58px;border-radius:58px;display:block;margin:0 auto;}
.slide-list dt.two b{position:absolute;width:116px;height:95px;top:0;left:0;right:0;z-index:8;margin:0 auto;display:block;background:url(../../front/images/userCenter/sort_2.png) center bottom no-repeat;}
.slide-list dt.three{right:10px;top:15px;padding-top:30px;}
.slide-list dt.three strong{top:-12px;color:#b55e0a;}
.slide-list dt.three span{top:-10px;}
.slide-list dt.three img{width:58px;height:58px;border-radius:58px;display:block;margin:0 auto;}
.slide-list dt.three b{position:absolute;width:116px;height:95px;top:0;left:0;right:0;z-index:8;margin:0 auto;display:block;background:url(../../front/images/userCenter/sort_3.png) center bottom no-repeat;}
.slide-list dd{border-top:1px solid #f6f6f6;float:left;width:160px;padding:3px 14px 3px 10px;height:24px;line-height:24px;}
.slide-list dd i{display:block;width:24px;height:24px;line-height:24px;text-align:center;font-size:14px;color:#fff;background:#c9c9c9;border-radius:50%;float:left;margin-right:10px;}
.slide-list dd strong{font-size:14px;color:#474747;font-weight:normal;display:block;float:left;height:24px;line-height:24px;width:85px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.slide-list dd span{font-size:14px;color:#474747;font-weight:normal;display:block;float:right;height:24px;line-height:24px;} */
.slide-list.chat-msg {
    padding: 0;
}

.slide-list {
    position: relative;
    overflow: hidden;
    padding: 185px 0px 0px;
    display: none;
}

.slide-list.curr {
    display: block;
}

.slide-list dt {
    width: 120px;;
    position: absolute;
    text-align: center;
}

.slide-list dt strong {
    display: block;
    font-weight: normal;
    position: relative;
    z-index: 9;
    text-align: center;
    font-size: 14px;
    width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto;
}

.slide-list .star {
    color: white;
    font-size: 12px;
    text-align: center;
    line-height: 19px;
}

.slide-list dd .star {
    color: #999999;
}

.slide-list .star-icon {
    width: 17px;
    height: 16px;
    vertical-align: -4px;
    display: inline-block;
}

/* .slide-list .star-icon.red{background:url('/public/front/images/star-red.png') no-repeat center center/14px 16px;}
.slide-list .star-icon.gray{ background:url('/public/front/images/star-gray.png') no-repeat center center/14px 16px;;} */
.slide-list .star-icon.red {
    background: url('/public/front/images/beach/stone.png') no-repeat center center/20px 20px;
}

.slide-list .star-icon.gray {
    background: url('/public/front/images/beach/stone.png') no-repeat center center/20px 20px;;
}

.slide-list dt:nth-child(1) {
    left: 0;
    right: 0;
    top: 0px;
    margin: 0 auto;
    padding-top: 10px;
}

.slide-list dt:nth-child(1) .crown {
    width: 84px;
    height: 81px;
    overflow: hidden;
    margin: 0 22px 5px;
    background: url('/public/front/images/level/contribute1.png') no-repeat center center/84px 81px;
}

.slide-list dt:nth-child(1) .avarda {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    display: block;
    margin: 9px 0 0 12px;
}

.slide-list dt:nth-child(1) strong {
    color: white;
    margin-top: 5px;
}

.slide-list .level {
    width: auto;
    height: 16px;
    padding: 0 6px;
    margin: 3px auto;
    background-size: 100% !important
}

.slide-list .level.level1 {
    background: #58C14B;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}

.slide-list .level.level2 {
    background: #6A63FF;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}

.slide-list .level.level3 {
    background: #FBA422;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}

.slide-list .level.level4 {
    background: #0088FF;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}

.slide-list .level.level5 {
    background: #00EAEA;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}

.slide-list .level.level6 {
    background: #6907FF;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}

.slide-list .level.level7 {
    background: #FF1C84;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}

.slide-list .level.level8 {
    background: #624AA9;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}

.slide-list .level.level9 {
    background: #F0D500;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}

.slide-list .level.level10 {
    background: #FE431D;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}

.slide-list .level.level11 {
    background: #843504;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}

.slide-list .level.level12 {
    background: #FC4F5D;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}

.slide-list .level.level13 {
    background: #8341FF;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}

.slide-list .level.level14 {
    background: #071EFF;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}

.slide-list .level.level15 {
    background: #0E6C54;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}

.slide-list .level.level16 {
    background: #CC0000;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}

.slide-list dt:nth-child(2) {
    left: 19px;
    top: 15px;
    margin: 0 auto;
    padding-top: 10px;
}

.slide-list dt:nth-child(2) .crown {
    width: 68px;
    height: 66px;
    overflow: hidden;
    margin: 0 22px 5px;
    background: url('/public/front/images/level/contribute2.png') no-repeat center center/68px 66px;
}

.slide-list dt:nth-child(2) .avarda {
    width: 56px;
    height: 56px;
    border-radius: 60px;
    display: block;
    margin: 7px 0 0 10px;
}

.slide-list dt:nth-child(2) strong {
    color: white;
}


.slide-list dt:nth-child(3) {
    right: 19px;
    top: 15px;
    margin: 0 auto;
    padding-top: 10px;
}

.slide-list dt:nth-child(3) .crown {
    width: 68px;
    height: 66px;
    overflow: hidden;
    margin: 0 22px 5px;
    background: url('/public/front/images/level/contribute3.png?_t=1323213123') no-repeat center center/68px 66px;
}

.slide-list dt:nth-child(3) .avarda {
    width: 56px;
    height: 56px;
    border-radius: 60px;
    display: block;
    margin: 7px 0 0 10px;
}

.slide-list dt:nth-child(3) strong {
    color: white;
}


.slide-list dd {
    height: 35px;
    padding: 0 15px;
    /* background:rgba(255,243,244,1); */
    line-height: 35px
}

.slide-list dd:nth-of-type(2n) {
    background-color: #fff;
}

.slide-list dd i {
    float: left;
    font-size: 12px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-top: 6px;
    line-height: 18px;
    text-align: center;
    font-weight: normal;
    color: rgba(102, 102, 102, 1);
    background: rgba(237, 237, 237, 1);
}

.slide-list dd .level {
    float: left;
    margin: 8px 5px 9px;

}

.slide-list dd strong {
    float: left;
    font-size: 12px;
    color: #999999;
    width: 92px;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.slide-list dd .star {
    float: right;
    line-height: 35px;
}

.MR-msg-list {
    background: #fff;
    overflow: hidden;
    border-bottom: 1px solid #e1e1e1;
}

#face-list {
    position: absolute;
    background: #fff;
    width: 372px;
    border-left: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    top: -190px;
    left: 0;
    z-index: 9;
}

#face-list li {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    float: left;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

#face-list li img {
    vertical-align: middle;
}

#player-praises .praises span {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: block;
    background: #fe5963;
    text-align: center;
    line-height: 42px;
}

#player-praises .praises span:after {
    content: "\e945";
    font-size: 24px;
    color: #fff;
}

#player-praises .praises:hover span {
    background-color: #fe5963
}

#player-praises .praises:active span {
    background-color: #fe5963
}

.layui-layer-setwin {
    display: none
}

.layui-layer-btn1 {
    display: none
}

.popup .pop_content .handle .name {
    margin-bottom: 2px;
    margin-top: -2px;
    margin-left: 4px;
}

.popup .pop_content .handle .name a {
    margin-left: 5px;
    color: #fad64e;
}

.popup .pop_content .handle .name a:hover {
    color: #fad64e;
    text-decoration: none;
}

/*主播页面选择弹窗显示*/
.emceeno_mount {
    /* height:344px; */
}

.dds-dialog-bg {
    width: 100%;
    height: 200% !important;
    z-index: 201;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    background: #000;
    text-align: center;
    color: #fff;

    display: none;
}

.selectPlay {
    width: 538px;
    display: none;
    margin: 0 auto;
    background: #fff;
    position: fixed;
    padding: 44px 44px 0px 44px;
    position: fixed;
    z-index: 203;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.selectPlay .dialog-tc {
    width: 100%;
    overflow: hidden;
}

.selectPlay .dialog-tc .rotate {
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    cursor: pointer;
    right: 24px;
    top: 24px;
    background-position: -48px -4px;
    background-image: url(../images/dialog_bg_icon.png);
    display: block;
}

.selectPlay .dialog-tc span:hover {
    background-image: url(../images/dialog_bg_icon.png);
    background-position: -70px -4px;
}

.mount-method {
    cursor: default;
    margin: 0 auto;
    width: 90%;
    overflow: hidden
}

.mount-method a {
    display: block;
    width: 78px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    float: left;
    margin-right: 9px;
    margin-bottom: 9px;
}

.mount-method2 {
    cursor: default;
    overflow: hidden;
    text-decoration: none;
}

.mount-method2 a {
    display: block;
    width: 82px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    color: #929292;
    float: left;
    margin-right: 9px;
    margin-bottom: 9px;
}

.mount-method2 a:hover {
    text-decoration: none;
    color: red;
    border: 1px solid red;
}

.dialog-tc .mode {
    color: #000;
    text-align: center;
    font-size: 15px;

    /* background: #fdce4a; */
}

.dialog-tc .mode a {
    font-size: 20px;
    /* height: 30px; */
    display: block;
    line-height: 35px;
    text-align: center;
    padding-bottom: 24px;
    border-bottom: 1px solid #F5F5F5;
}

.dialog-tc .mode a:hover {
    text-decoration: none;
    color: #000;
}

.mount-method a:hover {
    text-decoration: none;
    cursor: pointer;
    color: red;
    border: 1px solid red;
}

.mount_btn_no {
    text-align: center;
    border: 1px solid #EAEAEA;
}

.mount_btn_on {
    color: red;
    text-align: center;
    border: 1px solid red;
}

.mount_title {
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    color: rgba(146, 146, 146, 1);
}

.mount_num {
    /* width: 90%; */
    margin: 0 auto;
    overflow: hidden;
    display: none;
}

.mount_num span {
    color: #000;
    float: left;
    font-size: 13px;
    text-align: center;
    margin-top: 8px;
}

.mount_num input {
    height: 43px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: rgba(146, 146, 146, 1);
    line-height: 20px;
    -web-kit-appearance: none;
    -moz-appearance: none;
    display: block;
    padding: 0 1em;
    background: rgba(249, 249, 249, 1);
}

.mount_num select {
    box-sizing: border-box;
    text-align: center;
    font-size: 1.2em;
    height: 32px;
    border: 1px solid #cacaca;
    color: #6a6f77;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    width: 96%;
}

.dialog-tc .deal-footer {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 15px;
}

.dialog-tc .deal-footer .mount_cancel {
    margin-left: 16px;
    background: rgba(255, 255, 255, 1);
    color: #929292;
    border: 1px solid rgba(229, 229, 229, 1);

}

.dialog-tc .deal-footer a {
    display: inline-block;
    text-align: center;
    background: #949494;
    width: 215px;
    height: 37px;
    background: rgba(254, 85, 95, 1);
    border-radius: 19px;
    border: 1px solid rgba(229, 229, 229, 1);
    font-size: 12px;
    text-decoration: none;
    font-weight: 500;
    color: rgb(255, 255, 255);
    line-height: 37px;
    cursor: pointer;
}

/*点亮样式结束*/
/*滚动条*/
::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 5px solid transparent;
}

::-webkit-scrollbar-track {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .2) inset;
}

::-webkit-scrollbar-thumb {
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, .2) inset;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

.guanbi {
    vertical-align: middle;
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}

.identity {
    float: left;
    height: 25px;
    padding: 0 11px;
    background: #22BD82;
    border-radius: 4px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;

}

/*改版新加*/
.SR-anchor-info {
    height: 155px;
    background: #26292e;
    padding: 15px 10px;
}

.SR-anchor-info-avatar {
    width: 60px;
    height: 60px;
    float: left;
    position: relative;
}

.SR-anchor-info-avatar .anchor_avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #FFF;
}

.SR-anchor-info-avatar .anchor_grade {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25px;
    height: 25px;
}

.SR-anchor-info-right {
    float: left;
    margin-left: 20px;
}

.SR-anchor-info-nicename {
    height: 30px;
    line-height: 20px;
    color: #FFF;
    font-size: 16px;
    width: 215px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.SR-anchor-info-fans {
    height: 27px;
    line-height: 27px;
}

.follow_status {
    width: 75px;
    display: block;
    float: left;
    background: #ffd350;
    text-align: center;
    color: #000;
    font-size: 14px;
    border-radius: 15px 0 0 15px;
}

.fans_num {
    width: 135px;
    display: block;
    float: left;
    background: #000;
    text-align: center;
    font-size: 14px;
    border-radius: 0 15px 15px 0;
}

.SR-anchor-info-bottom {
    height: 53px;
    border-top: 1px solid #444;
    margin-top: 20px;
    padding-top: 12px;
}

.SR-anchor-info-bottom p {
    color: #b3b4b4;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.anchor_follow_num, .anchor_comein {
    margin-left: 15px;
    font-size: 14px;
}

.share_area {
    position: absolute;
    width: 400px;
    height: 150px;
    top: 78px;
    right: 100px;
    background: #FFF;
    z-index: 301;
    border-top: 2px solid #fe5d67;
    display: none;

}

.share_area:before {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom: 5px solid #fe5d67;
    position: absolute;
    top: -13px;
    right: 38px;

}

.share_area_left {
    width: 230px;
    padding: 15px;
}

.share_area_left p {
    color: #000;
    text-align: center;
}

.share_icon_list {
    text-align: center;
}

.share_icon_list img {
    margin-left: 50px;
    float: left;
    margin-top: 10px;
}

.share_url {
    height: 20px;
    line-height: 20px;
    border: 1px solid #CCC;
    margin-top: 10px;
    width: 100%;
    padding: 0 5px;
}

.share_copy_btn {
    float: right;
    width: 60px;
    height: 20px;
    line-height: 20px;
    background: #fe5d67;
    text-align: center;
    margin-top: 5px;
    border-radius: 5px;
    margin-right: -5px;
    color: #fff;
}

.share_area_right {
    width: 100px;
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #CCC;
}

.share_area_right p {
    color: #000;
    text-align: center;
}

.clearboth {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.mind-banner {
    width: 152px;
    height: 108px;
    position: relative;
    overflow: hidden;
    float: left;
    margin-bottom: 28px;
}

.mind-banner-list {
    height: 108px;
    overflow: hidden;
    position: relative;
}

.mind-banner-list li {
    height: 108px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.mind-banner-list li img {
    width: 100%
}

.mind-banner-list li.curr {
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 9;
}

.mind-banner-change {
    position: absolute;
    overflow: hidden;
    text-align: center;
    bottom: 10px;
    z-index: 9;
    left: 0;
    right: 0;
}

.mind-banner-change li {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffffff;
    margin: 0 4px;
    cursor: pointer;
}

.mind-banner-change li.curr {
    background: #ff3d4a;
}


/* 弹框 */
.we-dia {

    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.08);
    z-index: 3000;
    display: none;
}

.we-dia-containner {
    position: absolute;
    width: 397px;
    min-height: 280px;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    background: white;
    box-shadow: 2px 3px 5px gray;
}

.we-dia-title {
    height: 49px;
    background: #F5484B;
    border-radius: 4px 4px 0px 0px;
    line-height: 49px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    padding: 0 20px;

}

.we-dia-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: white;
    text-align: center;
    color: rgba(0, 0, 0, 0.404);
    transition: background-color .5s;

}

.we-dia-close:hover {
    background-color: rgba(254, 41, 78, 1);
    color: rgba(255, 255, 255, 0.719);


}

.we-dia-close:before {
    content: ' \2716';
    font-size: 16px;
    line-height: 25px;

}

.we-dia-body {
}

.we-dia-footer {
    text-align: center;
    padding-bottom: 20px;
    user-select: none;
}

.we-dia-footer .sbumit_btn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    background-color: red;
    color: white;
    cursor: pointer;
}

.we-dia-footer .cancel_btn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    background-color: rgba(128, 128, 128, 0.671);
    color: white;
    margin-left: 20px;
    cursor: pointer;

}

/* .we-dia-footer .submit_btn {
    width: 259px;
    height: 47px;
    background: rgba(254, 41, 78, 1);
    border-radius: 4px;
    line-height: 47px;
    color: white;
    margin: 20px auto;
    text-align: center;
    cursor: pointer;
} */

.notice-editor-container {
    margin: 20px;

}

.editor-html {
    display: block;
    width: 334px;
    border: 1px solid rgba(128, 128, 128, 0.233);
    padding: 10px;
    border-radius: 3px;
    height: 150px;
    font-size: 14px;
    color: rgb(85, 84, 84);
    resize: none;
}

.editor-tool {
    padding: 5px;
    font-size: 14px;
    background-color: rgba(109, 109, 109, 0.068);
    color: rgb(119, 117, 117)
}

.editor-tool-btn {
    padding: 0 5px;
    cursor: pointer;
    background-color: rgb(243, 242, 242);
    border-radius: 5px;
    font-size: 14px;
    color: white;
    position: relative;
}

.editor-tool-btn.item-qq {
    background-color: #66d7ff;
}

.editor-tool-btn.item-wechat {
    background-color: #2bc100;
}

.editor-tool-btn.item-url {
    background-color: #3583d8;
}

.editor-tool-btn:hover {
    opacity: .8;
}

.editor-helper {
    float: right;
    color: rgba(0, 0, 0, 0.603);
    background-color: #fff;
    padding: 0 10px;
    text-align: center;
    cursor: pointer;
    height: 19px;
    line-height: 19px;
    position: relative;

}

.editor-helper:hover .helper-info {
    display: block;
    opacity: 1;

}

.helper-info {
    display: none;
    opacity: 0;
    position: absolute;
    top: 19px;
    right: -5px;
    width: 337px;
    min-height: 157px;
    background-color: rgb(255, 228, 229);
    text-align: left;
    padding: 10px;
    line-height: 20px;
    user-select: text;
    transition: opacity 1s;
    font-size: 16px;
}

.helper-info h4 {
    text-align: center;
    margin: 0 0 10px;
}

.helper-info .red {
    color: red
}

.loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.loading .loading-box {
    position: relative;
    top: 50%;
    width: 70px;
    height: 70px;
    margin-top: -35px;
    background-image: url("/public/images/loading.png");
    background-repeat: no-repeat;
    background-size: 2000% 100%;
    background-position-x: 0;
    background-position-y: 0;
    -webkit-animation: changload 1.5s steps(20) infinite;
    animation: changload 1.5s steps(20) infinite;
    margin: 0 auto;
}

@-webkit-keyframes changload {
    0% {
        background-position-x: 0;
    }
    to {
        background-position-x: -1400px;
    }
}

@keyframes changload {
    0% {
        background-position-x: 0;
    }
    to {
        background-position-x: -1400px;
    }
}