/* 初始化 */
@charset "UTF-8";
@import url(iconpc.css);
*{touch-action: pan-y;}
html{
    font-size: 100px;
--page-bg-color: #f6f6f6;
--block-bg-color: #fff;
--border-color: hsla(0,0%,93.7%,0.1);
--font-color: #202124;
--font-active-color: #006cff;
--title-color: #202124;
--info-color: #919499;
--tab-font-color: #303133;
--tab-font-active-color: #006cff;
--tab-line-color: #f5f6f7;
--rank-name-color: #202124;
--chat-item-bg-color: rgba(0,108,255,0.06);
--chat-item-color: #202124;
--chat-time-color: #999;
--chat-item-reply-color: #747474;
--chat-item-name-color: #919499;
--toolbar-split-color: #efefef;
--fullrich-text-color: #000;
--input-box-color: #202124;
--input-box-bg-color: #fafafb;
--input-box-border-color: #efefef;
--input-box-placeholder-color: #999;
--input-box-icon-color: #919499;
--input-box-icon-active-color: #006cff;
--ranking-tabs-bg-color: #f5f6f7;
--ranking-tab-color: #919499;
--ranking-active-tab-color: #fff;
--ranking-active-tab-bg-color: linear-gradient(270deg,#0084ff,#00baff);
}
body{margin: 0;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif; font-size: 14px;height: 100vh;overflow: hidden}
body .lay-transparent{ background-color:transparent; box-shadow: 0 0 0 0; }
i,em{ font-style:normal; }
a,input,button,select,textarea{outline:none;}
a,input,button,select,textarea{outline:none;}
img { border: 0; vertical-align: middle;}
table { border: 0; margin: 0;border-collapse: collapse; border-spacing: 0; }
.fl{ float:left; }
.fr{ float:right; }
.tl{ text-align:left; }
.tr{ text-align:right; }
.m0{ margin:0px 0 !important; }
.p0{ padding:0px 0 !important; }
.mh0{ margin-right:0px !important; margin-left:0px !important; }
.ph0{ padding-right:0px !important; padding-left:0px !important; }
.d-n{ display:none;}
.d-b{ display:block;}
.pos-r{ position:relative; }
.pos-a{ position:absolute; }
.pos-f{ position: fixed; }
.cny { margin:0 2px; font-family: Arial; color:#555; font-size:12px; }
.money{ font-size: 16px; font-family: Arial, Helvetica, sans-serif; color:#E40011; font-weight:bold;}
.money-market{ font-family: Arial, Helvetica, sans-serif; color:#E40011; text-decoration:line-through; color:#666; }
.linethrough{ text-decoration:line-through; color:#666; }
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.flex { display: -webkit-flex; display: flex; }
.flex-wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.flex-align-center { -webkit-align-items: center; align-items: center; }
.flex-justify-between { -webkit-justify-content: space-between; justify-content: space-between; }
.blank10 { margin: 0px auto; clear: both; height: 10px; font-size: 1px; overflow: hidden; }
.blank20 { margin: 0px auto; clear: both; height: 20px; font-size: 1px; overflow: hidden; }
.blank30 { margin: 0px auto; clear: both; height: 30px; font-size: 1px; overflow: hidden; }
.blank50 { margin: 0px auto; clear: both; height: 50px; font-size: 1px; overflow: hidden; }
.blank60 { margin: 0px auto; clear: both; height: 60px; font-size: 1px; overflow: hidden; }
.ellipsis { overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
/*poshytip*/
.tip-yellow { z-index:1000; text-align:left; border:1px solid #939393; padding:0px; min-width:50px; max-width:530px; color:#8c3901; background-color:#fef9d9; background-image:url(../images/tip-yellow.png);}
.tip-yellow .tip-inner { font-family: 'Microsoft YaHei',arial,helvetica,sans-serif margin-top:-2px; padding:0 3px 1px 3px;}
.tip-yellow .tip-arrow-top { margin-top:-7px; margin-left:15px; top:0; left:0; width:16px; height:10px; background:url(../images/tip-yellow_arrows.png) no-repeat;}
.tip-yellow .tip-arrow-right { margin-top:-6px; margin-left:15px; top:100%; right:30px; width:16px; height:13px; background:url(../images/tip-yellow_arrows.png) no-repeat -32px 0;}
.tip-yellow .tip-arrow-bottom { margin-top:-6px; margin-left:15px; top:100%; left:0; width:16px; height:13px; background:url(../images/tip-yellow_arrows.png) no-repeat -32px 0;}
.tip-yellow .tip-arrow-left { margin-top:-9px; margin-left:-6px; top:50%; left:0; width:10px; height:20px; background:url(../images/tip-yellow_arrows.png) no-repeat -48px 0;}
/*swiper2.7.6*/
.swiper-container {margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */z-index:1;}.swiper-wp8-horizontal {-ms-touch-action: pan-y;}.swiper-wp8-vertical {-ms-touch-action: pan-x;}.swiper-container .swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}.swiper-container .swiper-slide {float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-container { width: 100%; height: 100%; max-height: 450px}
.swiper-container .swiper-wrapper{width: 100%;height: 100%}
.swiper-container .swiper-wrapper .swiper-slide{ width:100%;    display: block;}
.swiper-container .swiper-wrapper .swiper-slide img{width: 100%;height: 100%}
.swiper-container .swiper-slide-active {}
.swiper-container .swiper-slide-visible {}
.swiper-container .pagination { position: absolute; left: 0; text-align: center;bottom:0px; width: 100%; }
.swiper-container .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; margin: 0 3px; cursor: pointer; }
.swiper-container .swiper-active-switch { background: #fff; }
.swiper-container .swiper-visible-switch {  }
.swiper-container .arrow-left { display:none; background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:10;}
.swiper-container .arrow-right { display:none; background: url(../images/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:10;}
/*弹窗窗口样式*/
.layui-layer{ color:#000; }
.layui-layer.transparent-lay{ background:none; }
.layui-layer.transparent-lay .popup_box{ }
.layui-layer-dialog,.layui-layer-page{ color:#333; }
.layui-layer-prompt{ padding-top:40px; }
.layui-btn-disabled{ border:0;}
.layui-btn-disabled:hover{ border:0;}
.layui-btn-xs i { font-size: 12px !important; }
.layui-table th{ word-break: keep-all;white-space:nowrap; }
.layui-form .layui-form-textarea .layui-form-label{ min-height:100px; }
.layui-form .layui-word-aux{ padding-left:10px;}
.layui-form .view-lay-bot{position: fixed; height:50px; line-height:50px; left:0; bottom:0; width:100%; background:#F8F8F8;border-top: 1px solid #EEEEEE; text-align:right;}
.layui-form .view-lay-bot .layui-btn{ margin:0px 10px 0 0; }
.flex_wrap { display: -webkit-box; display: flex; display: -ms-flex; display: -webkit-flex;}
.flex_item { flex: 1; -ms-flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; text-align: center;}
.layui-layer-title img{ height:20px; margin:0 5px 0 0; vertical-align: middle; }
.layui-input-inline.pane{ border: 1px solid #e6e6e6; min-height: 36px; margin-left: -2px; border-left: 0;}
/*
 * Tab切换样式
*/
.layui-tab-room { margin-top:0;height:100%; }
.layui-tab-room .layui-tab-title { border:0; overflow:hidden; }
.layui-tab-room .layui-tab-title li{ color:rgba(255,255,255,0.9); }
.layui-tab-room .layui-tab-title li::after{content:"";position:absolute;bottom:0; top:0; left:0; width:1px; height:100%; background-color:rgba(0,0,0,0.1); }
.layui-tab-room .layui-tab-title li.layui-this{ color:#ffffff; border-bottom-color:rgba(0,0,0,0.2); background:rgba(0,0,0,0.1); color:#FAC200; }
.layui-tab-room .layui-tab-title li.layui-this::after { display:none; border:0; border-radius:0; }
.layui-tab-room .layui-tab-content { padding:0; }
/**
 * 加载框 动画
 */
.loading-div {position: absolute;height: 100%;width: 100%;top: 0px;bottom: 0px;overflow: hidden;word-break: break-all;background: #051a54;z-index: 1000000;opacity: 1;display: flex;align-items: center;justify-content: center;flex-direction: row;gap: 5px;}
.spinner {width: 48px;height: 48px;text-align: center}
.spinner>div {background-color: var(--font-active-color);height: 100%;width: 4px;display: inline-block;margin: 2px;-webkit-animation: stretchdelay 1.2s ease-in-out infinite;animation: stretchdelay 1.2s ease-in-out infinite}
.spinner .rect7 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s}
.spinner .rect8 {-webkit-animation-delay: -1s;animation-delay: -1s}
.spinner .rect9 {-webkit-animation-delay: -.9s;animation-delay: -.9s}
.spinner .rect10 {-webkit-animation-delay: -.8s;animation-delay: -.8s}
.spinner .rect4 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s}
.spinner .rect3 {-webkit-animation-delay: -1s;animation-delay: -1s}
.spinner .rect2 {-webkit-animation-delay: -.9s;animation-delay: -.9s}
.spinner .rect1 {-webkit-animation-delay: -.8s;animation-delay: -.8s}
@-webkit-keyframes stretchdelay {0%,40%,to {-webkit-transform: scaleY(.4)} 20% {-webkit-transform: scaleY(1)}}
@keyframes stretchdelay {0%,40%,to {transform: scaleY(.4);-webkit-transform: scaleY(.4)} 20% {transform: scaleY(1);-webkit-transform: scaleY(1)}}

/*
 * 弹窗样式
*/
.layui-layim-min .layui-layer-content {margin:0 5px;padding: 5px; }
.blur{-moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);-moz-backdrop-filter: blur(5px);-ms-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
/*
 * 弹窗部分
*/
.popup_box{ padding:15px 20px 15px; margin:0px; color:#333; background-color: #fff;}
.popup_box .pop_tit { font-size: 24px; line-height: 50px; color: #444; text-align: center; }
.popup_box .pop_tit span { display: inline-block; margin: 25px 20px 0; height: 1px; vertical-align: top; background: #aec7de; width: 20%; }
.popup_box .pop_tit span i { display: block; height: 1px; background: #5d8fbe; width: 60%; }
.popup_box .pop_para{ display:block; padding:0px 10px 0; margin:0px; color:#666; text-align:right; }
.popup_box .pop_con { display:block;font-size: 14px; margin:10px; line-height: 24px;position: relative; }
.popup_box .pop_con .layui-form-item .layui-form-label{ width:20%;}
.popup_box .pop_con .layui-form-item .layui-input-inline{ width:80%;}
.popup_box .pop_con .mobileVerifyCode, .popup_box .pop_con .emailVerifyCode{ position:absolute; right:1px; top:1px; height:36px;line-height:36px; border:0px; border-left:1px solid #ddd; }
.popup_box .pop_con .pop-manage-area{ display: block; text-align:right; }
.popup_box .pop_con .pop-manage-area span.notice{ float: left; line-height:38px; color:#FF5722; }
.popup_box .pop_con .pop-manage-area .layui-btn{ float: right; margin:5px 0 0 10px; }
/*密码输入框*/
.popup_box.room-password{
    border-radius: .1rem;
    height: 100%;
}
.popup_box.room-password .pop_con {
    padding: .2rem;
}
.password-from{
    display: flex;
    flex-direction: column;
    gap: .15rem;
}
.password-from h3{
    text-align: center;
    font-size: .14rem;
    line-height: .2rem;
    color: #333;
}
.password-from .input-password{
    flex: 1;
    min-height: .36rem;
    background: #f5f6f7;
    border-radius: .18rem;
    display: flex;
    align-items: center;
    padding-right: .13rem;
    font-size: .12rem;
    min-width: 0;
    padding-left: .13rem;
    color: #999;
}
.password-from .input-password .iconbianji {
    color: #999;
    font-size: .16rem;
    margin-right: .1rem;
}
.password-from .input-password input::placeholder{
    color: var(--input-box-placeholder-color);
}
.password-from .input-password input{
    font-size: .13rem;
    flex: 1;
    height: 100%;
    min-width: 0;
    outline: none;
    border: none;
    background: transparent;
    resize: none;
    padding: .06rem 0 .05rem;
    box-sizing: border-box;
    line-height: 1.4;
}
.password-from .submit-password{
    min-height: .36rem;
    border-radius: .18rem;
    background: var(--ranking-active-tab-bg-color);
}

/*
 * 文件上传
*/
.uploadFile{ margin:5px 5px 5px 5px; width:60px; height:50px; padding:2px 0 0 0; float:left; }
.uploadFile:hover{ border: 1px dashed #FF5722; }
.uploadFile .layui-icon{ font-size:25px; margin-top:5px; }
.uploadFile p{ font-size:12px; }
.uploadFile.small{ margin:0px 5px; width:34px; height:34px; padding:1px; float:left; }
.uploadFile.small .layui-icon{ display: block; font-size:25px; margin-top:5px; }
.uploadFileShow {margin:0px 0 0 0; }
.uploadFileShow dd {position: relative; float: left;margin:5px 5px 5px 5px; width:50px; height:50px; border:1px solid #ddd; padding:1px;}
.uploadFileShow dd .img {max-height:50px;max-width:50px; cursor:pointer; margin-right:1px;}
.uploadFileShow .operate {position: absolute;top: 0;right: 0;z-index: 1}
.uploadFileShow .operate i {cursor: pointer;background: #2F4056;padding:1px; font-size:12px;line-height: 15px;text-align: center;color: #fff;margin-right:2px;float: left;filter: alpha(opacity=80);-moz-opacity: .8;-khtml-opacity: .8;opacity: .8}
.uploadFileShow .operate i:hover { background: #006CFF; filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1}
.uploadFileShow.multi { }
.uploadFileShow.multi dd {position:relative;float:left;  margin:5px 5px 5px 5px;float: left;width:auto;  height:50px; }
.uploadFileShow.multi dd .img { float:left; height:50px;min-width:50px; cursor:pointer; }
.uploadFileShow.multi dd textarea { float:left; height:40px; width:100px; padding:5px; border:0; border-left:1px solid #ddd; background:#f9f9f9;}
.uploadFileShow.multi .operate {left: 0;}
.uploadFileShow.small{ width:34px; height:34px; float:left; border:1px solid #ddd; padding:1px; }
.uploadFileShow.small dd { margin:0px; width:34px; height:34px; border:0; padding:0px; }
.uploadFileShow.small dd .img {max-height:34px;max-width:34px; margin:0px;}
/*
 * 礼物数量控制
*/
.numControl{ float:left; height:30px; line-height:30px; padding:0px 0; }
.numControl .number{ float:left; padding:0px;text-align:center; width:40px; height:28px; line-height:28px; border:1px solid #dddddd;border-left:0;border-right:0; }
.numControl .btn-down,.numControl .btn-up{float:left; width:28px; height:28px; line-height:28px; text-align:center; background:#f8f8f8; border:1px solid #dddddd; font-size:18px;}
.numControl .btn-down:hover,.numControl .btn-up:hover{ background:#f0f0f0; }
/*上人动画*/
.notice-enter{position: absolute;left: 10px;top: 10%;width: 100%;z-index: 99;}
.notice-enter p{position: absolute;left: -500px;height: .25rem;background: #5c86ff;border-radius: .12rem;padding: 0 .1rem;box-sizing: border-box;line-height: .25rem;margin-top: .12rem;width: fit-content;color: #fff;}
/*
 * 直播聊天窗口
*/
.mCSB_scrollTools .mCSB_draggerRail,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{display: none;}
.room-chat-area-tab{display: flex;flex-direction: column;flex: 1;max-height: 100%;}
.room-chat-area-tab .layui-tab-title{display: flex;justify-content: space-around;height: .46rem;border-color: var(--tab-line-color);}
.room-chat-area-tab .layui-tab-title li{font-size: .14rem;line-height: .46rem;}
.room-chat-area-tab .layui-tab-title .layui-this:after{height: .47rem;}
.room-chat-area-tab .layui-tab-content{flex: 1;overflow: hidden;padding: 0;}
.room-chat-area-tab .layui-tab-item.layui-show{box-sizing: border-box;height: 100%;display: flex!important;flex-direction: column;position: relative;}
.chat-area .dialog-chat-area {position: relative;flex: 1;overflow: hidden;}
.dialog-chat-list .chat-item{display: flex;margin: .14rem;}
.dialog-chat-list .chat-item.alert-time{color: var(--chat-time-color);justify-content: center;width: 100%;font-size: .12rem;}
.dialog-chat-list .chat-item.server-notice{display: block;text-align: center;}
.dialog-chat-list .chat-item.server-notice .server-notice-item{display: inline-flex;align-items: center;justify-content: center;height: .28rem;border-radius: .03rem;padding: 0 .06rem;background: linear-gradient(315deg, #f5dddd, #f6ecdd);color: #f40000;font-size: .12rem;max-width: calc(100% - .6rem);box-sizing: border-box;gap: .08rem;}
.dialog-chat-list .chat-item.server-notice .one-line {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dialog-chat-list .chat-item.server-notice img{width: .16rem;height: .16rem;margin: 0 .02rem;flex-shrink: 0;}
.dialog-chat-list .chat-item.server-notice .shrink{flex-shrink: 0;}

.dialog-chat-list .chat-item .user-header{position: relative;margin-right: .06rem;flex-shrink: 0;}
.dialog-chat-list .chat-item .user-header .avatar>img{width: .3rem;height: .3rem;border-radius: 50%;}
.dialog-chat-list .chat-item .content-aside{flex: 1;position: relative;}
.dialog-chat-list .chat-item .content-aside .user-name{color: var(--chat-item-name-color);font-size: .12rem;margin-bottom: .06rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 2.5rem;line-height: 1.4;display: flex;align-items: center;gap: 10px;}
.dialog-chat-list .chat-item .content-aside .user-name .group,.dialog-chat-list .chat-item .content-aside .user-name .account{overflow: hidden;flex-shrink: 2;text-overflow: ellipsis; /* 在文本末尾添加省略号 */}
.dialog-chat-list .chat-item .content-aside .user-name img{max-height: 22px;width: auto;}
.dialog-chat-list .chat-item .content-aside .content{    display: inline-block;line-height: 1.4;padding: .06rem .1rem;background: var(--chat-item-bg-color);color: var(--chat-item-color);border-radius: .02rem .06rem .06rem .06rem;word-break: break-word;font-size: .13rem;white-space: pre-wrap;max-width: calc(100% - .7rem);position: relative;}
.dialog-chat-list .chat-item .content-aside .html-content{line-height: 1.4;color: var(--chat-item-color);font-size: .13rem;position: relative;}
.dialog-chat-list .chat-item .content-aside .html-content img{max-width: 100%;height: auto;}

/**
窗口滚动样式
 */
.mCustomScrollBox {position: relative;overflow: hidden;height: 100%;max-width: 100%;outline: 0;direction: ltr;}
.mCSB_container {overflow: hidden;width: auto;height: auto;}
.mCSB_inside>.mCSB_container {margin-right: 10px;}
.mCSB_scrollTools {position: absolute;width: 10px;height: auto;left: auto;top: 0;right: 0;bottom: 0;opacity: .75;filter: "alpha(opacity=75)";-ms-filter: "alpha(opacity=75)";-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;transition: opacity .2s ease-in-out, background-color .2s ease-in-out;}
.mCSB_scrollTools .mCSB_draggerContainer {position: absolute;top: 0;left: 0;bottom: 0;right: 0;height: auto;}
.mCSB_scrollTools .mCSB_dragger {cursor: pointer;width: 100%;height: 30px;z-index: 1;}
.mCSB_scrollTools .mCSB_draggerRail {width: 2px;height: 100%;margin: 0 auto;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;background-color: #000;background-color: rgba(0, 0, 0, .4);filter: "alpha(opacity=40)";-ms-filter: "alpha(opacity=40)";}
/*
 * 礼物样式
*/
.dialog-chat-list .dialog .message .msg.gift{ padding:10px 20px;}
.dialog-chat-list .dialog .message .msg.gift .name{ color:#E30A0A; }
.dialog-chat-list .dialog .message .msg.gift .image{ max-width:100%;  }
.dialog-chat-list .dialog .message .msg.gift .number{ font-size:20px; font-weight:bold; color:#E30A0A;font-family:"iconfont" !important; margin:0 0 0 10px; }
/*
 * 礼物提醒
*/
.dialog-chat-list .dialog-notice{ position: relative; padding:0px 10px 0px 65px; margin: 0px 0 10px; height:auto; background: url(../images/common/notice.png) 10px top no-repeat;  }
.dialog-chat-list .dialog-notice.warning{ background: url(../images/common/warning.png) 10px center no-repeat; }
.dialog-chat-list .dialog-notice .infobar{ height:30px; line-height:30px;font-weight:bold; }
.dialog-chat-list .dialog-notice .message{ background-color:#fff; padding: 5px 10px; border-radius: 5px; font-size:16px; line-height:28px; color:#CE0B11; font-weight:bold; }
.dialog-chat-list .dialog-notice .gift{ background-color:#fff; padding: 5px 10px; border-radius: 5px; color:#333; }
.dialog-chat-list .dialog-notice .gift .name{ color:#E30A0A; }
.dialog-chat-list .dialog-notice .gift .number{ font-size:20px;color:#E30A0A;font-family:"iconfont" !important;  }
.dialog-chat-list .dialog-notice .gift .image{ margin:0 10px 0 0; }
.dialog-chat-list .dialog-notice .gift img{ max-width:100%; }
/*
 * 建平仓消息
*/
.dialog-chat-list .dialog-notice .message.jc,.dialog-chat-list .dialog-notice .message.pc{ background: url(../images/common/red.png) 5px center no-repeat #F93C3C; color:#fff; padding: 10px 10px 10px 40px; }
.dialog-chat-list .dialog-notice .message.jc a,.dialog-chat-list .dialog-notice .message.pc a{ color:#F7E30A; }
.dialog-chat-list .dialog-notice .message.pc{ }

/*
 * 快捷按钮
*/
.right-quick{ position: absolute; width:50px; right:15px; bottom:180px; z-index:100;text-align: center }
a.quick-icon{display:block;margin-bottom: .2rem;position: relative;cursor: pointer;pointer-events: auto;}
.quick-icon .myMoney{ display:block; background: #FC4C4C; color:#fff; text-align: center; line-height:18px; font-size:12px; border-radius:3px; }
.quick-icon img{width: .38rem;height: .38rem;background-size: 100% 100%;display: block;margin: 0 auto;}
.quick-icon span.text {text-align: center;min-width: .34rem;white-space: nowrap;background: #ff613b;border-radius: .04rem;color: #fff;font-size: .1rem;line-height: .11rem;position: absolute;bottom: -.12rem;padding: .03rem .04rem;box-sizing: border-box;left: 50%;transform: translateX(-50%);z-index: 2;}
/*
 * 红包样式
*/
.dialog-chat-list .redchat-notice{width: 2.3rem;height: .9rem;background: url(../images/redbag/redbagbg.png);background-size: 100% 100%;padding: .1rem;padding-bottom: 0;box-sizing: border-box;border-radius: .02rem .08rem .08rem;color: #fff;display: flex;flex-direction: column;cursor: pointer;position: relative;}
.dialog-chat-list .redchat-notice .redbag-top{ display: flex;align-items: center;flex: 1;position: relative;z-index: 2;}
.dialog-chat-list .redchat-notice .redbag-top .img{content: " ";background: url(../images/redbag/redbag1.png);width: .33rem;height: .33rem;background-size: 100% 100%;margin-right: .06rem;}

.dialog-chat-list .redchat-notice .redbag-top h3{font-size: .15rem;/*margin-bottom: .08rem;*/}
.dialog-chat-list .redchat-notice .redbag-top i{ font-size: .1rem; }
.dialog-chat-list .redchat-notice .redbag-bottom{ font-size: .1rem;height: .3rem;display: flex;align-items: center;border-top: 1px solid hsla(0, 0%, 100%, .3);color: hsla(0, 0%, 100%, .8);position: relative;z-index: 2; }
/*
 * 输入框部分
*/
.dialog-chat-post {    padding-top: .16rem;}
.dialog-chat-post .mymsg-area{ background: rgba(0,0,0,0.3);  }
.dialog-chat-post .mymsg-area .mymsg { display:block; padding:10px 0; position: absolute; bottom:155px; left:5px; right:5px; background: #f5f5be; z-index: 100; border-top:1px solid rgba(0,0,0,0.5); }
.dialog-chat-post .mymsg-area .mymsg .reply { display: inline-block; margin-left:10px;height: 22px; width: 56px; border: 1px solid #b59030; border-radius: 2px; text-align: center; color: #b59030; line-height: 22px; font-size: 14px;}
.dialog-chat-post .mymsg-area .mymsg p { padding: 0 44px 0 10px; display: inline-block; color: #c83344; line-height: 24px; font-size: 14px;}
.dialog-chat-post .mymsg-area .mymsg .close { position: absolute; display: block; right: 0; top: 0; }
.dialog-chat-post .mykefu-area{ background:var(--block-bg-color);flex-direction:row; justify-content: center; align-items: center; height:30px; padding:5px 5px; vertical-align: middle;  }
.dialog-chat-post .mykefu-area.show{ display:flex; }
.dialog-chat-post .mykefu-area.hide{ display:none; }
.dialog-chat-post .mykefu-area a{ max-width: 20%; flex:1; text-align:center; display:inline-block; text-align:center; }
.dialog-chat-post .mykefu-area a img{ max-width:90%; }
.dialog-chat-post .mykefu-area.qq{ display:none; }

.dialog-chat-post .quick-face{display: flex; align-items: center; height:40px; text-align:center; vertical-align: middle;border-top:1px solid rgba(111,88,61,0.4); border-bottom:1px solid rgba(111,88,61,0.4);}
.dialog-chat-post .quick-face a{ position: relative; display:block; margin:5px; color:#fff; width:20%; }
.dialog-chat-post .quick-face a span{ opacity:0.8; display:block; text-align: left; text-indent:30px; height:26px; line-height:26px; border-radius: 2px; }
.dialog-chat-post .quick-face a span.xg-xianhua{ background: url(../images/common/icons.png) 0px -160px no-repeat rgba(0,0,0,0.3); }
.dialog-chat-post .quick-face a span.xg-geili{   background: url(../images/common/icons.png) 0px -186px no-repeat rgba(0,0,0,0.3); }
.dialog-chat-post .quick-face a span.xg-guzhang{ background: url(../images/common/icons.png) 0px -214px no-repeat rgba(0,0,0,0.3); }
.dialog-chat-post .quick-face a span.xg-dingqi{  background: url(../images/common/icons.png) 0px -240px no-repeat rgba(0,0,0,0.3); }
.dialog-chat-post .quick-face a span.xg-dianzan{ background: url(../images/common/icons.png) 0px -268px no-repeat rgba(0,0,0,0.3); }
.dialog-chat-post .quick-face a i{ display:none; position:absolute; width:100%; height:100%; height:26px; line-height:26px; left: 0; top: 0; font-size:12px }
.dialog-chat-post .quick-face a:hover span{ background-color:rgba(0,0,0,0.5); }
.dialog-chat-post .quick-face a.magicQuickSend_no{ }
.dialog-chat-post .quick-face a.magicQuickSend_no span{ background-color:rgba(0,0,0,0.2); opacity:.3; }
.dialog-chat-post .quick-face a.magicQuickSend_no i{ display:block; opacity:1; }
.dialog-chat-post .input-area{ display:block; position: relative; padding:0px 5px 5px; background: var(--block-bg-color); }
.dialog-chat-post .input-area .toolbar {margin-bottom: .16rem;display: flex;justify-content: space-between;z-index: 101;}
.dialog-chat-post .input-area .toolbar .toolbar-left,.dialog-chat-post .input-area .toolbar .toolbar-right{display: flex;align-items: center;}
.dialog-chat-post .input-area .toolbar .toolbar-left{gap: .15rem}
.dialog-chat-post .input-area .toolbar .tbtn {box-sizing: border-box;width: .24rem;height: .24rem;cursor: pointer;}
.dialog-chat-post .input-area .toolbar .tbtn img{width: 100%;height: 100%;}
.dialog-chat-post .input-area .toolbar .tbtn i{color: var(--input-box-icon-color);font-size: .24rem;}
.dialog-chat-post .input-area .toolbar .tbtn:hover i{color: var(--font-active-color);}
.dialog-chat-post .input-area .toolbar .tbtn.scrollmsg i{color: var(--input-box-icon-color);}
.dialog-chat-post .input-area .toolbar .tbtn.scrollmsg.on i{color: var(--font-active-color);}
.dialog-chat-post .input-area .editinput {display: flex;position: relative;align-items: center;padding: .1rem .14rem .1rem .14rem;background: var(--input-box-bg-color);border: 1px solid var(--input-box-border-color);color: var(--input-box-color);border-radius: .04rem;}
.dialog-chat-post .input-area .editinput .sendbtn {display: inline-block;min-width: 2em;font-size: .14rem;padding-left: .14rem;font-weight: 500;color: var(--font-active-color);cursor: pointer;background: unset;border: none;}
.dialog-chat-post .input-area .editinput .sendbtn.layui-btn-disabled{color: var(--info-color)!important;background-color: unset !important;}
.dialog-chat-post .input-area .editinput .ctextarea {flex: 1;font-size: .14rem;position: relative;outline: none;border: none;resize: none;background: transparent;max-height: .6rem;overflow-y: auto;min-height: .18rem;padding: 0;color: var(--input-box-placeholder-color);}
.dialog-chat-post .input-area .editinput .ctextarea:focus {outline: none;}
.dialog-chat-post .input-area .editinput .ctextarea:empty:before{ position: absolute; left:0; top: 0; font-size:.14rem; content: '\89c2\671b\4e00\5929\4e0d\5982\54a8\8be2\4e00\904d\ff0c\8f93\5165\60a8\7684\95ee\9898'; color: var(--input-box-placeholder-color); }
.dialog-chat-post .input-area .editinput .ctextarea:focus:before{ content:none;}
.dialog-chat-post .input-area .editinput .ctextarea img{ max-height:50px;max-width:100px; }
.dialog-chat-post .input-area .editinput .read-write-plaintext-only { -webkit-user-modify: read-write-plaintext-only; }
.dialog-chat-post .input-area .no-chat-shade{ display:flex; position: absolute;  background:rgba(0,0,0,0.3); left:0; right:0; top:0px; bottom:0px; z-index:9999;justify-content: center;align-items: center; }
.dialog-chat-post .input-area .no-chat-shade i{ display:block; color: #fff; font-size:16px; }
.black .dialog-chat-post .input-area .no-chat-shade{background:rgba(0,0,0,0.6);}
.black .dialog-chat-post .input-area .no-chat-shade i{color: #999}
/*马甲设置部分*/
.robot-area{display: flex;align-items: center;justify-content: center;}
.robot-area .iconpc{color: var(--input-box-icon-color);font-size: .24rem;}

.robot-area .robotCurr{ max-width:150px;color:var(--input-box-icon-color); font-size:12px;cursor:pointer;  }
.robot-area:hover{ background:#fff; color:#333; }
.robot-area:hover .robotCurr{ color:#333; }
.robot-area .robotSelect{ display:none; width:300px; overflow:hidden; position: absolute; bottom:.24rem; right:0px; background:#fff; color:#333;box-shadow: 0 0 3px 0 #aaa; }
.robot-area .robotSelect .tool{ position:absolute; z-index:100; top:7px; right:5px; font-size:12px; }
.robot-area .robotSelect .layui-table{ padding:0;margin:0 0px; }
.robot-area .robotSelect .layui-table .layui-form-checkbox[lay-skin="primary"] { padding:0; }
.robot-area .robotSelect .layui-table tbody{}
.robot-area .robotSelect .layui-table th,
.robot-area .robotSelect .layui-table td{ padding:7px 10px; }
.robot-area .robotSelect .robotList{ padding: 0px; height:450px; overflow:hidden; }
.robot-area .robotSelect .robotList .layui-form-checkbox[lay-skin="primary"] { padding:0; }
.robot-area .robotSelect .robotList .robotAvatar { width:30px; height:30px; border:1px solid #ddd; border-radius: 30px; }
.robot-area.robot-show .robotSelect{ display:block; }
/*表情*/
.face-area {position: absolute; padding:5px; bottom: 40px;left: 0; right:10px; z-index: 101; background: #fff; border-radius: 3px; }
.face-area .item { text-align:center; }
.face-area .item img { border: 1px #ddd solid; margin:2px; padding:2px; cursor: pointer; width:28px; height:28px; }
.face-area .item :hover { border: 1px #0066cc solid; }
.face-area .close{ position: absolute; z-index: 102; padding: 0; right:-10px; top:-10px; color:#333; width:25px; height:25px; line-height:25px; text-align:center; cursor:pointer; background:#fff; border-radius:30px; }
.face-area .close:hover{ background:#f1f1f1; color:#333; }
.face-area.magicFace{ width:200px; padding:5px 10px; right:50%; }
.face-area.magicFace img{  width:180px; height:20px; margin:5px 0; padding:5px 5px; }
/*礼物*/
.face-area.giftFace .gift-item{ position: relative; display:block; padding:5px; color:#000; border: 1px #F0F0F0 solid; border-radius:5px; font-size:12px; cursor: pointer; text-align:center;}
.face-area.giftFace .gift-item img { border:0; width:60px; height:60px; }
.face-area.giftFace .gift-item .gift-item-c{ display:block; }
.face-area.giftFace .gift-item .gift-item-c p,.gift-item .gift-item-c span{ display:block; height:22px; line-height:22px; overflow:hidden; }
.face-area.giftFace .gift-item .gift-item-c p i{ color:#f00 }
.face-area.giftFace .gift-item .gift-item-s{ display:none; }
.face-area.giftFace .gift-item .gift-item-s .con{ position: absolute; display: flex; width:100%; height:100%; background: rgba(0,0,0,0.5); right:0; top:0; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ }
.face-area.giftFace .gift-item .gift-item-s .con input,.gift-item .gift-item-s .con a{ display:inline-block; margin:0 2px; }
/*
 * 礼物显示
*/
.gift-show-area{ position: absolute; top:20%; left:10px; right:10px; color:#fff; z-index:100; }
.gift-show-area .gift-show-item{ display:none; position: relative; margin:20px 0;}
.gift-show-area .gift-show-item .gift-image{ display:block; }
.gift-show-area .gift-show-item .gift-image img{ max-width: 100%; }
.gift-show-area .gift-show-item .con{ position: absolute; bottom:30px; left:2px; right: 0; z-index:101; color:#fff; }
.gift-show-area .gift-show-item .con p{ display:block;}
.gift-show-area .gift-show-item .con p.user-avatar{ float:left; padding:0 0px 0 5px; }
.gift-show-area .gift-show-item .con p.user-avatar img{ float:left; width: 50px;height: 50px;border-radius:50px;}
.gift-show-area .gift-show-item .con p.user-from{ float:left; height: 30px; line-height:30px; padding:0 0px 0 5px; }
.gift-show-area .gift-show-item .con i.number{ position: absolute; z-index:102; right:30px; top:center; font-size:30px; color:#F6FF00; font-weight:bold; }
.gift-show-area .gift-show-item .con.gift-11{ bottom: 23%;}
.gift-show-area .gift-show-item .con.gift-10{ bottom: 31%;}
.gift-show-area .gift-show-item .con.gift-9{bottom: 20%;}
.gift-show-area .gift-show-item .con.gift-8{bottom: 23%;}
.gift-show-area .gift-show-item .con.gift-7{bottom: 22%;}
.gift-show-area .gift-show-item .con.gift-6{bottom: 23%;}
.gift-show-area .gift-show-item .con.gift-5{bottom: 13%;}
.gift-show-area .gift-show-item .con.gift-4{bottom: 13%;}
.gift-show-area .gift-show-item .con.gift-3{bottom: 11%;}
.gift-show-area .gift-show-item .con.gift-2{bottom: 11%;}
.gift-show-area .gift-show-item .con.gift-1{bottom: 11%;}
/*
 * 榜单样式
*/
.bangdan-tit { position:absolute; left:0; right:0; top:50px; bottom:0; margin:5px auto; text-align:center; }
.bangdan-tit ul{ display:block; width:100%;}
.bangdan-tit ul li { display:inline-block; padding:0 30px; margin:0 5px; height:30px; line-height:30px; cursor:pointer; border-radius:15px; background:rgba(0,0,0,0.5); text-align:center; color:#ddd; }
.bangdan-tit ul li.curr { color:#f4dfd8; background:#A40000; }
.fansbang-area{ position:absolute; top:130px; bottom:0; left:0; right:0; }
.fansbang-area .fansbang-con { display:block; padding:0 15px 0; margin:0 auto }
.fansbang-area .fansbang-con li {display:block; height:50px;line-height: 50px; margin:0px 0 10px; background:rgba(0,0,0,0.2);border-radius:5px; vertical-align: middle; -webkit-box-shadow:0 0 2px rgba(0,0,0,0.8);-moz-box-shadow:0 0 2px rgba(0,0,0,0.8); box-shadow:0 0 2px rgba(0,0,0,0.8); }
.fansbang-area .fansbang-con li .user_ranking { float:left; display:inline-block; width: 50px;line-height: 50px; text-align: center;font-style: italic;font-weight: 700;font-size: 28px;color:#f0f0f0; -webkit-text-shadow:0 0 2px rgba(0,0,0,0.8);-moz-text-shadow:0 0 2px rgba(0,0,0,0.8); text-shadow:0 0 2px rgba(0,0,0,0.8); }
.fansbang-area .fansbang-con li .user_lavel { float:left; display:inline-block; line-height: 50px; }
.fansbang-area .fansbang-con li .user_name { float:left; display: inline-block; line-height: 50px; margin:0 5px; }
.fansbang-area .fansbang-con li .user_point { float:right; line-height: 50px; font-size:16px; margin:0 10px; color: rgba(255,255,255,.5); }
.fansbang-area .fansbang-con li .user_point i{ font-size: 22px; margin:0 5px; }
.fansbang-area .fansbang-con li.ranking1{border:3px solid #E39600; padding:10px 0; background:rgba(249,116,9,0.5); }
.fansbang-area .fansbang-con li.ranking1 .user_ranking{ color: #E39600; font-size:35px; }
.fansbang-area .fansbang-con li.ranking2{ border:3px solid #C1C1C1; padding:10px 0; background:rgba(193,193,193,0.5); }
.fansbang-area .fansbang-con li.ranking2 .user_ranking{ color: #C1C1C1; font-size:33px; }
.fansbang-area .fansbang-con li.ranking3{ border:3px solid #E2AF81; padding:10px 0; background:rgba(226,175,129,0.5); }
.fansbang-area .fansbang-con li.ranking3 .user_ranking{ color: #E2AF81; font-size:30px; }
.mastbang-area{ position:absolute; top:130px; bottom:0; left:0; right:0; }
.mastbang-area .mastbang-con{ display:block; padding:0 15px 0px; margin:0 auto; }
.mastbang-area .mastbang-con li { display: flex;align-items: center;gap:5px;padding: 0 5px;height: 80px;width: 100%; line-height: 80px; margin-bottom: 10px;border-radius: 5px;border: 2px solid #7E6A4C;box-sizing: border-box;background: linear-gradient(#554633,#7D684A,#87735A);}
.mastbang-area .mastbang-con li .user_avatar { width: 64px;height: 64px;}
.mastbang-area .mastbang-con li .user_avatar img{ display: block; width: 60px;height: 60px; border:2px solid #865D28; border-radius:65px; }
.mastbang-area .mastbang-con li .user_name {flex:1;flex-shrink:2;overflow: hidden;text-wrap: nowrap;text-overflow: ellipsis;font-size:18px; color: rgba(255,255,255,.8); }
.mastbang-area .mastbang-con li .user_point {font-size: 16px; color: rgba(255,255,255,.5); }
.mastbang-area .mastbang-con li .user_point i{ font-size: 22px;}
.mastbang-area .mastbang-con li .user_ranking {font-size: 20px;font-weight: 700;text-align: center;color: rgba(255,255,255,.5); overflow:hidden; width: 40px; height: 60px; line-height: 70px; background: url(../images/common/ranking.png) left top no-repeat; background-size: auto; background-size: 100% 100%;}
.mastbang-area .mastbang-con li .user_ranking.ranking1 font,
.mastbang-area .mastbang-con li .user_ranking.ranking2 font,
.mastbang-area .mastbang-con li .user_ranking.ranking3 font{ display:none;}
.mastbang-area .mastbang-con li .user_ranking.ranking1 { background: url(../images/common/ranking1.png) left top no-repeat; }
.mastbang-area .mastbang-con li .user_ranking.ranking2 { background: url(../images/common/ranking2.png) left top no-repeat; }
.mastbang-area .mastbang-con li .user_ranking.ranking3 { background: url(../images/common/ranking3.png) left top no-repeat; }
/*
 * 晒单区域样式
*/
.report-area{ position: absolute; top:45px; bottom:0px; right:0; left:0px; }
.report-area .report-con{ padding:5px 10px; }
.report-area .report-con li .sd-item{ display:block; padding:10px; border-radius:3px; background-color:rgba(255,255,255,0.1); }
.report-area .report-con li .sd-item .sd-tit{ display:block; font-size:14px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: 700; }
.report-area .report-con li .sd-item .sd-user{ display:block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:12px; padding:5px 0; }
.report-area .report-con li .sd-item .sd-img{ display:block; position: relative; padding:0px 0;height: 80px; }
.report-area .report-con li .sd-item .sd-img img{ width:100%; height:100%; }
.report-area .report-con li .sd-item .sd-img .i-zoom { display: block; width: 15px; height: 15px; position: absolute; bottom:2px; right:2px; color: #fff; }
/*
 * 重播列表样式
*/
.replay-area{ position: absolute; top:45px; bottom:0px; bottom:0px; left:0px; right:0px; }
.replay-area .replay-con{ padding:0px 10px; }
.replay-area .replay-con .item-img { display: block; position: relative; }
.replay-area .replay-con .item-img a { display: block; margin: 5px 0; border:1px solid #ddd; }
.replay-area .replay-con .item-img a img { display: block; width: 100%; position: relative; border:1px solid #ddd; top: -5px; left: -5px; vertical-align: middle;}
.replay-area .replay-con .item-text { display: block; }
.replay-area .replay-con .item-text h3{ margin: 10px 0 10px; font-size:14px; }
.replay-area .replay-con .item-text span { display: block; color: #fff; }
.replay-area .replay-con .item-text span i { color: #fff; font-size: 14px; padding: 8px 5px 0 0; position: relative;}
.replay-area .replay-con .item-text span b { font-family: 'AddFont',Microsoft Yahei;padding: 0 15px 0 0;font-weight: normal; }
.replay-area .replay-con .item-text p {display: block;margin: 5px 0; overflow: hidden; max-height: 150px; color: #FFFFFF; }
.replay-area .replay-con .item-text a{ color: #FFFFFF; }
.replay-area .replay-con .item-text a.more{ display: block; text-align:right;}
.replay-area .replay-con .item-text a.more i{ font-style:normal;}
/*
 * 红包弹窗
*/
#popBoxRedbag{ width:100%; height:100%; overflow:hidden; background:none; }
#popBoxRedbag .pop_con{ display:block;  width:100%; height:100%;  background:url(../images/redbag/index.png) left top no-repeat; overflow:hidden; }
#popBoxRedbag .pop_con .redbagBtn{ display:flex; width:100%; position: absolute; bottom: 50px; justify-content: center;gap: 20px; }
#popBoxRedbag .pop_con .redbagSet,
#popBoxRedbag .pop_con .redbagMy{ width:110px; height: 40px;line-height: 40px; color: #ef412f; background:#F0D23A; border-radius:10px;text-align: center;font-size: 16px;cursor: pointer;display:inline-block; }
#popBoxRedbagSet{ width:100%; height:100%; overflow:hidden; background:none; }
#popBoxRedbagSet .pop_con{ display:block; position:relative; width:100%; height:100%;  background:url(../images/redbag/set.png) left top no-repeat; overflow:hidden; }
#popBoxRedbagSet .pop_con .redbagSetForm{ position: absolute; bottom: 20px; right:15px; left:15px; }
#popBoxRedbagSet .pop_con .redbagSetForm .layui-form-item{margin-bottom: 5px;}
#popBoxRedbagSet .pop_con .redbagSetForm .layui-form-item .layui-form-label{ width:40px; padding: 9px 5px; text-align: center; }
#popBoxRedbagSet .pop_con .redbagSetForm .layui-form-item .layui-input-block { margin-left: 50px; }
#popBoxRedbagSet .pop_con .redbagSetForm .layui-form-item .layui-input-block .total{ display:blokc; text-align: center;font-size: 36px;font-weight: 400; color: #FC4C4C; margin:10px 0 0; }
#popBoxRedbagSet .pop_con .redbagSetForm .layui-form-item .layui-input-block .tetx{ display:blokc; font-size:14px;color:#a0a0a0; text-align: center; margin:10px 0 0; }
#popBoxRedbagSet .limitGroup{ position: absolute;display: block; left:-5px; right:-5px; top: -110px;color: #0034ff; font-size:12px;}
#popBoxRedbagSet .limitGroup span{float: left;}
#popBoxRedbagSet .limitGroup p{ position: absolute;left:50px;right: 0; }
#popBoxRedbagSet .limitUser{position: absolute;display: block;text-align: center;left:-5px; top: -60px;color: #0034ff; font-size:12px;}
#popBoxRedbagSet .limitUser input{ width:40px;display: inline-block;height: 22px;line-height: 22px;border: 0;padding: 0 5px; margin:0 5px 0 0; font-size:12px; }
#popBoxRedbagSet .setUser{position: absolute;display: block;text-align: center; right:0px; top: -60px; color: #0034ff; font-size:12px;}
#popBoxRedbagMy{ width:100%; height:100%; overflow:hidden; background:none; }
#popBoxRedbagMy .pop_con{ display:block; text-align: center; position:relative; width:100%; height:100%;  background:url(../images/redbag/list.png) left top no-repeat; overflow:hidden; }
#popBoxRedbagMy .pop_con .img{ margin: 0 auto; margin-top: 0px;border-radius: 50%;height: 60px;width: 60px;margin-top: 40px;overflow: hidden;box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5); }
#popBoxRedbagMy .pop_con .tit{ display:block; margin-top: 10px;font-size: 14px; }
#popBoxRedbagMy .pop_con .txt{ display:block; font-size: 12px; }
#popBoxRedbagMy .pop_con .money{ display:block; font-size: 24px;height: 40px;line-height: 40px; }
#popBoxRedbagMy .pop_con .bagList{ display:block; position:absolute; background:#F0F0F0; top:200px; bottom:0; left:0; right:0; overflow-y:auto;}
#popBoxRedbagMy .pop_con .bagList table{ margin:0; padding:0; }
#popBoxRedbagGet{ width:100%; height:100%; overflow:hidden; background:none; }
#popBoxRedbagGet .pop_con{ display:block; text-align: center; position:relative; width:100%; height:100%;  background:url(../images/redbag/meetredbag.png) left top no-repeat; overflow:hidden; color:#fff; }
#popBoxRedbagGet .pop_con .img{ margin: 0 auto; margin-top: 0px;border-radius: 50%;height: 60px;width: 60px;margin-top: 40px;overflow: hidden;box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5); }
#popBoxRedbagGet .pop_con .tit{ display:block; margin-top: 10px; font-size:20px; }
#popBoxRedbagGet .pop_con .txt{ display:block; font-size: 16px; margin-top:10px; }
#popBoxRedbagGet .pop_con .money{ display:block; font-size: 18px; margin-top:20px; color:#fff; }
#popBoxRedbagGet .pop_con .money span{ color:#333;font-size: 12px; margin-left:10px; }
#popBoxRedbagGet .pop_con .redbagBtn{ display:block; width:100%; position: absolute; bottom: 80px; text-align:center; }
#popBoxRedbagGet .pop_con .redbagOpen{ display: inline-table; font-size: 40px;background: #F9D855;border-radius: 80px;width: 80px;height: 80px;line-height: 80px;color: #fff;}
#popBoxRedbagOpen{ width:100%; height:100%; overflow:hidden; background:none; }
#popBoxRedbagOpen .pop_con{ display:block; text-align: center; position:relative; width:100%; height:100%;  background:url(../images/redbag/meetredbag.png) left top no-repeat; overflow:hidden; color:#fff; }
#popBoxRedbagOpen .pop_con .img{ margin: 0 auto; margin-top: 0px;border-radius: 50%;height: 60px;width: 60px;margin-top: 40px;overflow: hidden;box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5); }
#popBoxRedbagOpen .pop_con .tit{ display:block; margin-top: 10px; font-size:20px; }
#popBoxRedbagOpen .pop_con .txt{ display:block; font-size: 16px; margin-top:10px; }
#popBoxRedbagOpen .pop_con .money{ display:block; font-size: 18px; margin-top:20px; color:#fff; }
#popBoxRedbagOpen .pop_con .money span{ color:#333;font-size: 12px; margin-left:10px; }
#popBoxRedbagOpen .pop_con .redbagLog{ display:block; width:100%; position: absolute; bottom:20px; text-align:center; color:#fff; }
/*签到*/
.qiandao-sprits{background-image:url(../images/sign/qiandao_sprits.png); background-repeat:no-repeat}
.qiandao-tran{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-ms-transition:all .3s ease-out}
.qiandao-radius{-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px}
.qiandap-box{ display:block; width:800px; height:530px; padding:10px; }
.qiandao-con{ display:block; margin:0 auto;width:100%;height:100%;background:url(../images/sign/qiandao_con.png) right top no-repeat;}
.qiandao-left{ float:left; padding: 15px 30px 0; width:465px}
.qiandao-left .qiandao-left-top{ display:block; padding:0 10px;}
.qiandao-left .qiandao-left-top .current-date{float:left; color:#b25d06;font-size:18px; height:30px;line-height:30px;}
.qiandao-left .qiandao-left-top .qiandao-history{float:right;width:90px;height:30px;line-height:30px;border-radius:4px;background-color:#b25d06;color:#fff;text-align:center;font-size:16px;cursor:pointer}
.qiandao-left .qiandao-left-top .qiandao-history a{ display:block; height:30px;line-height:30px; color:#fff;text-align:center;font-size:16px; }
.qiandao-history:hover{background-color:#9c4f01}
.qiandao-left .qiandao-main{display:block; overflow:hidden;width:100%;}
.qiandao-left .qiandao-main .qiandao-list{ display: block; float:left; margin-top:70px; }
.qiandao-left .qiandao-main .qiandao-list li{position:relative;float:left;margin:0 1px 1px 0;width:65px;height:65px;background-image:url(../images/sign/qiandao_day.png);background-position:0 0}
.qiandao-left .qiandao-main .qiandao-list li.date1{background-position:-325px 0}
.qiandao-left .qiandao-main .qiandao-list li.date2{background-position:-390px 0}
.qiandao-left .qiandao-main .qiandao-list li.date3{background-position:0 -65px}
.qiandao-left .qiandao-main .qiandao-list li.date4{background-position:-65px -65px}
.qiandao-left .qiandao-main .qiandao-list li.date5{background-position:-130px -65px}
.qiandao-left .qiandao-main .qiandao-list li.date6{background-position:-195px -65px}
.qiandao-left .qiandao-main .qiandao-list li.date7{background-position:-260px -65px}
.qiandao-left .qiandao-main .qiandao-list li.date8{background-position:-325px -65px}
.qiandao-left .qiandao-main .qiandao-list li.date9{background-position:-390px -65px}
.qiandao-left .qiandao-main .qiandao-list li.date10{background-position:0 -130px}
.qiandao-left .qiandao-main .qiandao-list li.date11{background-position:-65px -130px}
.qiandao-left .qiandao-main .qiandao-list li.date12{background-position:-130px -130px}
.qiandao-left .qiandao-main .qiandao-list li.date13{background-position:-195px -130px}
.qiandao-left .qiandao-main .qiandao-list li.date14{background-position:-260px -130px}
.qiandao-left .qiandao-main .qiandao-list li.date15{background-position:-325px -130px}
.qiandao-left .qiandao-main .qiandao-list li.date16{background-position:-390px -130px}
.qiandao-left .qiandao-main .qiandao-list li.date17{background-position:0 -195px}
.qiandao-left .qiandao-main .qiandao-list li.date18{background-position:-65px -195px}
.qiandao-left .qiandao-main .qiandao-list li.date19{background-position:-130px -195px}
.qiandao-left .qiandao-main .qiandao-list li.date20{background-position:-195px -195px}
.qiandao-left .qiandao-main .qiandao-list li.date21{background-position:-260px -195px}
.qiandao-left .qiandao-main .qiandao-list li.date22{background-position:-325px -195px}
.qiandao-left .qiandao-main .qiandao-list li.date23{background-position:-390px -195px}
.qiandao-left .qiandao-main .qiandao-list li.date24{background-position:0 -260px}
.qiandao-left .qiandao-main .qiandao-list li.date25{background-position:-65px -260px}
.qiandao-left .qiandao-main .qiandao-list li.date26{background-position:-130px -260px}
.qiandao-left .qiandao-main .qiandao-list li.date27{background-position:-195px -260px}
.qiandao-left .qiandao-main .qiandao-list li.date28{background-position:-260px -260px}
.qiandao-left .qiandao-main .qiandao-list li.date29{background-position:-325px -260px}
.qiandao-left .qiandao-main .qiandao-list li.date30{background-position:-390px -260px}
.qiandao-left .qiandao-main .qiandao-list li.date31{background-position:0 -325px}
.qiandao-left .qiandao-main .qiandao-list li .qiandao-icon{position:absolute;top:0;left:0;z-index:2;display:none;width:65px;height:65px;background:url(../images/sign/qiandao_icon.png) no-repeat center center}
.qiandao-left .qiandao-main .qiandao-list li.qiandao .qiandao-icon{display:block}
.qiandao-left .qiandao-main .qiandao-list li.today{ cursor:pointer;  }
.qiandao-left .qiandao-main .qiandao-list li.today:after{border: solid transparent;content:'';height: 0;bottom: 0;right: 0px;position: absolute;width: 0;border-width: 10px;border-bottom-color: #f00;border-right-color: #f00;cursor:pointer;}
.qiandao-right{float:right;padding:0 20px;width:220px}
.qiandao-right .qiandao-top{padding-top:40px; height:160px; }
.qiandao-right .just-qiandao{margin:10px auto 15px; width:150px; height:50px;cursor:pointer}
.qiandao-right .just-qiandao.actived,.just-qiandao:active{ background-position:0 -60px }
.qiandao-right .qiandao-notic{color:#b25d06;text-align:center;font-size:14px; }
.qiandao-right .qiandao-rule-list{margin-bottom:20px;color:#8d8ebb;font-size:14px;line-height:26px}
.qiandao-right .qiandao-rule-list h4{font-weight:bolder;font-size:16px}
.qiandao-result{ display:block; padding:20px; }
.qiandao-result .yiqiandao{ display:block; margin: 20px auto 0; text-align: center; color:#666;font-size:14px;line-height:40px }
.qiandao-result .yiqiandao .yiqiandao-icon{ display:block; margin: 0 auto; width:180px;height:40px;background-position:-217px 0}
.qiandao-result .yiqiandao p{ display:block; line-height:30px; font-size:18px; margin: 20px auto 0; }
.qiandao-result .qiandao-jiangli{display:block; position:relative;margin:20px auto 0; height:170px;background-position:15px -150px}
.qiandao-result .qiandao-jiangli span{position:absolute;top:55px;left:80px;display:block;width:160px;height:100px;line-height:100px;color:#ff7300;text-align:center;font-weight:bold;font-size:30px;}
.qiandao-result .qiandao-jiangli span em{padding-left:5px;font-style:normal;font-size:14px}