body{
    font-size:12px;
}
.leftBar{
    position: fixed;
    width: 60px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #0091ea;
    font-size:12px;
}
.leftBar ul li{
    padding: 15px 0;
    border-bottom: 1px solid #2b2126;
    margin-bottom: 10px;
    text-align: center;
}
.leftBar ul li a{
    color:#fff;
}
.leftBar span.my_coin{
    color:#dfc153;
}
.leftBar ul li a.pay{
    width: 43px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
    color: #000;
    border-radius: 10px
;
    display: block;
    background: #ffcc34;
}
.show_bg .author{
    height: 85px;
    padding: 10px 15px;
    background-color: #0091ea;
}
.show_bg .media {
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.show_bg .author img {
    width: 64px;
    height: 64px;
    border-radius: 32px;
}
.show_bg .author .media-body {
    position: relative;
    margin-left: 10px;
}
.show_bg .author h5 {
    color: #fff;
    font-size: 16px;
}
.show_bg .author .media-body p {
    font-size: 14px;
    color: #C0C4CC;
}

.showType{
    position:absolute;
    z-index:999;
    top:85px;
    left:30px;
    color: #f2f2f2;
    padding:10px 20px;
    border-radius:5px;
    border: 1px solid #f2f2f2;
}

.col-sm-4{margin:10px 0px;}

/*礼物 start*/
#chwozecldvutanmeih  {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.gift-pic img {
    height: 60px;
    margin-top: 10%;
    max-width: 80px;
    overflow: hidden;
    border-radius: 8px;
    background: #595868;
    margin: 0 2px;
    cursor: pointer;
}
.con{background:#0091ea;padding:5px;}
.gift-con{clear:both;}
.MR-gift .gift-panel .gift-pic:hover img{background: #c4c4c4;}
.gift:last-child:hover .gift-desc{margin-left:-60px;}
.gift-desc{font-size: 12px;
            border: 1px solid #fff;
            padding: 2px;
            position: absolute;
            width: auto;
	        display:none;
	        border-radius:5px;
	        background: #7f6b8c;
	        padding:2px 5px;
	        margin-top:5px;
	    }
.gift:hover .gift-desc{display:block;}
.gift:hover .gift-desc .gift-name{color:#C0C4CC;}
.gift:hover .gift-desc .gift-coin{color:#fff}
.gift-pic ul li{float:left;}
.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;
}
.gift-panel{
    background: #0091ea;
}
.MR-gift ul.gift-tab li{
    color:#fff;
    padding:5px 20px;
}
.gift-panel ul li{
    float:left;
}
.play_tip{
    clear:both;
    height:50px;
}
/*礼物 end*/
.room_chat{margin-top:80px;height: 440px;overflow-y: auto;}
.my-chat ul li {
    word-wrap: break-word;
    word-break: break-all;
    line-height: 24px;
    font-size: 14px;
    unicode-bidi: bidi-override;
    padding: 2px 0;
}

.my-chat .msg {
    word-break: break-all;
    word-wrap: break-word;
}
.my-chat .name {
    display: inline-block;
    max-width: 8em;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.my-chat .msg-normal-decorationSuffix {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    color:#4f9eff;
}
.my-chat .msg-normal .colon, .my-chat .msg-normal .msg, .my-chat .msg-normal .name {
    vertical-align: middle;
    color:#000;
}

.chat-room__input {
    margin-left: 0;
    border-left: none;
}
.room-profileNotice, .room-profileNotice div {
    position: relative;
    background: #0091ea;
    padding:5px;
}
.room-sidebar-hd {
    position: relative;
    z-index: 99;
}
.room-core-r {
    width: 100%;
    height: 100%;
}
#tipsOrchat {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 88;
    height: 60px;
    width: 100%;
    border-top: 1px solid #eee;
}
.chat-room__ft .msg-input-num {
    position: absolute;
    bottom: 9px;
    right: 0;
    font-size: 12px;
    color: #949ca1;
}
.chat-room__ft .chat-room__ft__pannel {
    position: relative;
    height: 32px;
}
.chat-room__ft .chat-room__ft__chat {
    height: 48px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
}
.chat-room__input {
    margin-left: 0;
    border-left: none;
}
.chat-room__ft {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    padding: 7px 10px 9px;
    zoom: 1;
    background: #0091ea;
    border-radius: 0 0 5px 5px;
}
.chat-room__input .btn-sendMsg {
    position: absolute;
    top: 7px;
    right: 0;
    color: #fff;
    font-size: 14px;
    font-family: Microsoft YaHei;
    cursor: default;
    background: #0091ea;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #fff;
}
.chat-room__ft .chat-room__ft__pannel {
    position: relative;
    height: 32px;
}
.room-sidebar {
    position: relative;
    z-index: 6;
    border: 1px solid #eee;
    background: #0091ea;
    box-sizing: border-box;
    padding:10px;
    overflow:hidden;
    height: 600px;
}
.chat-room__wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.chat-room {
    position: absolute;
    z-index: 33;
    width: 96%;
    font-family: Microsoft YaHei;
    top: 41px;
    bottom: 100px;
}
.chat-room__list {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    font-family: Microsoft YaHei;
    line-height: 22px;
    font-size: 14px;
}
.scroll_bar {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    z-index: 1;
    display: none;
}
.chat-room__input {
    margin-left: 0;
    border-left: none;
}
.msg-input textarea {
    width: 90%;
    height: 46px;
    padding: 4px 5px 0 4px;
    line-height: 16px;
    border: 1px solid #0091ea;
    font-size: 12px;
    background: #fff;
}
.btn-sendMsg {
    position: absolute;
    top: -1px;
    right: 0;
    color: #fff;
    font-size: 14px;
    font-family: Microsoft YaHei;
    cursor: default;
    background: #ff8a00;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 0 5px 5px 0;
}

.vcp-player{
    background:url('../images/showBg.png');
}
.bg{
    background:url('../images/show.jpg');
}
.layui-layer-molv{border-radius:8px}
.layui-layer-molv .layui-layer-btn a{color:#ffffff;}
.layui-layer-btn{text-align:center;}
.msg-info{color: #a9a9a9 !important;}
.msg-error{color: #ef1d44;}
.J_userMenu{color:#35c4ff;}