html,body{
    font-size: 16px;
    color:#333;
}

ul{padding: 0;margin:0;}
.right{float: right;}
.left{float: left;}
ul li{list-style: none;}
.xzlm-msgday-body-tit{
    text-align: center;
    /*font-size: 0.9375rem;*/
}
.xzlm-msgday-body-tit > span{
    padding: 0.2rem 0.9375rem;
    background-color: #fff;
    border-radius: 0.625rem;
    font-size: 0.875rem;
}
.main-layout .friends {
  height: auto !important;
}
.show-file-icon{
    display: inline-block;
    background-position: -108px -118px;
    width: 37px;
    height: 50px;
    margin-right: 5px;
    background-image: url('../../images/icons.png');
    background-repeat: no-repeat;
    vertical-align: middle;
}
.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.icon-file2 {
    background-position: -108px -118px;
    width: 37px;
    height: 50px;
    margin-right: 5px;
}
.message.self .message-content{
    /*background-color:#9eea6a;*/
    background-color:#fff;
    color:#333;
    margin-right: 50px;
}
.message .message-content{
    border-radius: 0.3rem;

}
.message-content a{color:#333;}
.u-msgTime{
    text-align: center;
    color: #999;
    font-size: 12px;
}
.btn-primary {
    color: #fff;
    background-color: #5cacde;
    border-color: #5cacde;
}
.hide{display: none;}
.msg-file{height: 20px;width:20px;position: absolute;left:0;top:0;opacity: 0;z-index: 2;}
.m-emoji-picCol-ul{
    position: relative;
    width: 716px;
    height: 10rem;
    background-color: #fff;
    overflow-y: auto;
    padding: 0 0.5rem;
}
.chat-body{position: relative;}
.chat-body .chat-footer {
    padding: 10px 20px;
    border-top: 1px solid #e5e9f2;
    height: auto;
    background: #fff;

}
#emojiTag svg,#emojiTag img{
    max-width:125px;
    min-width:2.8rem;
    width: auto;
    padding: 0.5rem;
}

.contacts-list .emoji{
    height: 18px;
    width:  18px;
}
#emojiTag{
    z-index: 10;
    height: 12.8rem;
    position: absolute;
    bottom: 20px;
    overflow: hidden;
    display: none;
    -webkit-box-shadow:2px 2px 10px #909090;
    -moz-box-shadow: 2px 2px 10px #909090
}
.f-sel{background: #fff;height: 2.8rem;width: 2.8rem;}
.m-emoji-chnCol{width: 100% !important;}
.m-emoji-chnCol,.m-emoji-chnCol-ul{background: #f0f0f0;}
.m-emoji-chnCol span{
    height: 2.8rem;
    width: 2.8rem;
    display: inline-block;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    color: #fff;
    background-color: #5cacde;
    border-color: #5cacde;
}
.panel_count{
    position: absolute;
    width: 14px;
    height: 14px;
    top: 4px;
    left:2.7rem;
    background: red;
    line-height: 14px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border-radius: 28px;
}

    .container, .container-sm {
        max-width: 586px;
    }
.msg-main{height: 572px;width: 100%;}
.huihua-list {width: 250px;height: 572px;background: #fff;position: relative;}
.huihua-detail{width: 550px;height: 572px;}
#messageBody .chartlet{height: 100px;width: 100px;}
#messageBody .emoji{height: 22px;width: 22px;}
.act-type-list{height: 30px;width: 100%;margin:0;padding: 0;}
.act-type-list li{margin-top: 5px;height: 20px;width: 20px;line-height:20px;text-align:center;float: left;margin-right: 20px;position: relative;font-size: 16px;color: #999;}
.chat-btn{height: 20px;width: 20px;}
.message-item{height: 80px;width: 100%;margin-top: 10px;background: #fff;}
.submit-button{width: 100%;height: 30px;margin-top:10px;}
.btn-sendmsg{width: 80px;height: 30px;border: 1px solid #f1f1f1;font-size: 14px;text-align: center;line-height: 30px;float: right;}
::-webkit-scrollbar{
    width:2px;
    height:2px;
    /**/
}
::-webkit-scrollbar-track{
    background: rgb(239, 239, 239);
    border-radius:2px;
}
::-webkit-scrollbar-thumb{
    background: #bfbfbf;
    border-radius:2px;
}
::-webkit-scrollbar-thumb:hover{
    background: #333;
}
::-webkit-scrollbar-corner{
    background: #179a16;
}
.chat-header1{
    padding: 0 1rem;
    border-bottom: 1px solid #e5e9f2;
}
.contacts-list{padding:10px 0;width: 242px;margin:0;}
.contacts-list li{height: 77px;}
element.style {
}

.contacts-list .contacts-item {
    width: 92%;
    margin: 0 auto;
}
.contacts-list .contacts-content .contacts-texts{height: 18px;overflow: hidden;}
.contacts-list .contacts-item .contacts-link{padding: 10px;height: 77px;border:0;}
.order-msg-chart{width: 240px;height: auto;font-size: 12px;color:#666;line-height: 26px;margin: 0 auto;}
.message .avatar{margin-top:0;display: inline-block;vertical-align: bottom;}
.cannel-order-msg{height: 100%;width: 100px;border: 1px solid #ddd;border-radius:10px;line-height: 30px;text-align: center;float:left;font-size: 0.75rem;cursor: pointer;}
.send-order-msg{height: 100%;width: 100px;background:#fdac0f ;color:#fff;border-radius:10px;line-height: 30px;text-align: center;float:right;font-size: 0.75rem;cursor: pointer;}
.avatar.avatar-sm{height: 38px;width:38px;min-width: 0;}
.message .avatar img{box-shadow:none;}
.message .message-content{padding: 0.5rem;margin-left: 50px; position: relative;background: #fff;}
.message .message-options>*{
    margin-left: .3rem;
    margin-right: .3rem;
}
.message .message-options{
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    height: 38px;
    color: #adb5bd;
    margin: .3125rem 0;
}
.message{
    margin-bottom: 2.25rem;
    font-size: .75rem !important;

}
.contextmenu {
    width: 80px;
    height:auto;
    margin: 0;
    z-index: 9999;
    padding: 0;
    position: absolute;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    display: none;
}
.contextmenu li{height: 40px;line-height: 40px;text-align: center;font-size: 12px;color:#999;cursor: default;}
.xz-logo{color:#FDAC0F;}
.order-tip{
    font-size: 12px;
    padding: 10px 10px 0;
    color:#FDAC0F;
}
.order-title{
    font-size: 14px;
    color: #333;
    font-weight: bold;
    text-align: left;
    padding-left: 4px;
    line-height: 26px;
}
.contacts-list .contacts-content .contacts-info .chat-name{font-size: 0.75rem;color:#333;}
.system_msg{font-size: 12px;text-align: center;line-height: 20px;margin: 10px 0;color:#666;}
.phrase-item{height: 150px;width: 100%;background: #fff;}
.phrase-list{margin:10px 20px 0;overflow-y: scroll;height: 110px;padding:0;}
.phrase-list li{height: 26px;line-height: 26px; font-size: 12px;color:#999;cursor: pointer;}
.add-phrase-item{padding:0 20px;height: 30px;}
.add-phrase-btn{width: 80px;height: 100%;line-height: 30px;font-size: 12px;color:#FDAC0F;float: left;text-align: left;cursor: pointer;}
.save-phrase-btn{width: 170px;height: 30px;float: right;}
.btn-save-canel{width: 80px;height: 30px;background:#f1f1f1;font-size: 14px;text-align: center;line-height: 30px;float: left;margin-right: 10px;}
.btn-save-phrase{width: 80px;height: 30px;border:1px solid #f1f1f1;font-size: 14px;text-align: center;line-height:30px;float: left;}
.show-result{text-align: center;width: 490px;height: 30px;line-height: 30px;float: right;font-size: 12px;color:#FDAC0F;display: none;}
.chart-tip{min-height: 20px;line-height:20px;text-align:center;font-size:12px;color:#999;width: 100%;clear:both;margin: 10px 0;}
.search-form{height: 50px;width: 100%;top:0;left:0;background: #f1f1f1;padding: 5px 1.25rem;position: relative;}
.accid-text{width: 100%;height: 30px;background: #fff;border-radius: 6px;outline:none;border:1px solid #fff;padding:0 30px 0 30px;font-size: 14px;margin-top: 5px;}
.chart-user-search{height: 14px;width:14px;position: absolute;top:18px;left:30px;}
.chart-close-search{height: 14px;width:14px;position: absolute;top:18px;right:30px;}
.notice-item{height: 40px;width: 100%;background:#fff;color: #333;font-size: 12px;line-height: 40px;padding: 0 10px;text-align: center;position: absolute;bottom:183px;z-index: 999;}
.notice-message{height: 40px;width: 100%;position: relative;}
.follow-btn{color:#FDAC0F;text-decoration: underline;cursor: pointer;}
.close-notice{height: 24px;width:60px;float: right;margin-top: 9px;font-size: 12px;color:#666;line-height: 24px;text-decoration: underline;cursor: pointer;}
.fllow-window{width: 150px;height: 150px;position: absolute;right:25px;top:-153px;background: #f1f1f1;z-index: 999;}
.fllow-text{height: 24px;width: 100%;line-height: 24px;font-size: 12px;color:#666;text-align: center;}
.fllow-img{width:100px;height: 100px;margin:10px auto 13px; }
.tips{text-align: center;font-size: 0.75rem;color: #d1d1d1;margin:0.5rem 0;}

.exchange-tabel{width:280px;height:auto;margin:0 auto;padding:12px;background:#fff;}
.exchange-tips{text-align: center;font-size: 0.75rem;height:20px;color:#999;margin-bottom:10px;}
.exchange-btn-item{height: 26px;width: 100%;}
.exchange-no-btn{height: 26px;width:120px; float: left;line-height:26px;text-align:center;background:#f1f1f1;color:#333;font-size: 0.75rem;cursor: pointer;}
.exchange-yes-btn{height: 26px;width:120px; float: right;line-height:26px;text-align:center;background: #fdac0f;color:#fff;font-size: 0.75rem;cursor: pointer;}
.card-tabel{width: 220px;height: 80px;background: #fff;}
.card-text{width: 140px;height:56px;line-height: 20px;padding: 12px;text-align: center;color:#666;float: left; }
.card-cimg{height: 80px;width: 80px;float: left;background:#3fa737; }
.card-cimg img{height: 40px;width: 40px;margin:20px;}
.card-input-text{border:0;background: #f1f1f1;padding:0.3rem 0.5rem;}
.card-info-tabel{width: 240px;min-height: 140px;height:auto;background: #fff;padding: 12px;}
.card-info-title{font-size: 0.875rem;font-weight: bold;color:#666;text-align: center;width: 100%;line-height:20px;margin-bottom: 14px;}
.card-info-text{font-size: 0.75rem;color:#999;text-align: left;width: 100%;line-height:27px;overflow: hidden;}
.xzww_daily_msg_panel{background-color: #CCCC66; padding:5px 10px;}
.xzww_daily_msg_item{margin-bottom:5px;color:#333333;}
.edit-form{text-align: center;}
.layui-layer-min,.layui-layer-max{display: none;}


.get-tel-btn,.req-abtn{width:120px;height: 100%;background: #fdac0f;color:#fff;text-align: center;line-height: 26px;margin: 0 auto;display: block;font-size: 0.75rem;cursor: pointer;}
.redbag-table{width: 120px;height: 120px;background: url("../../../resource/images/ad/red_bag1.png");background-size:100% 100%; }
.redbag-open-table{width: 138px;height: 138px;background: url("../../../resource/images/ad/open.png");background-size:100% 100%; position: relative;}
.money-text{height: 30px;line-height:30px;text-align:center;color:#fff;width: 100%;}
.red-bag-text{text-align: center;font-size: 0.75rem;height: 30px; line-height:30px;color:#fff;padding-top:10px;width: 100%;}
.quan-table{width: 190px;height:70px;background: url("../../../resource/images/ad/quan.png");background-size:100% 100%;}
.quan-open-table{width: 190px;height:70px;background: url("../../../resource/images/ad/quanre.png");background-size:100% 100%;}
.quan-open-table a{display: block;width: 250px !important; height: 97px !important;}
.fun-list{color: #999;height:50px;white-space: nowrap;width:550px;background: #f1f1f1;padding:5px 0;margin:0;}
.fun-list li{width:107px;display: inline-block;overflow: hidden;cursor: pointer;}
.fun-img-item img{height: 20px;}
.fun-img-item  div{font-size:12px;color:#999;line-height: 20px;}
.go-order{cursor: pointer;margin-left: 4px;}
.min-window-icom{height:20px;width:20px;display:block;color:#666;background: url('../../../resource/images/ad/min-window.png');background-position:center;background-repeat: no-repeat; }
.close-window-icom{height:20px;width:20px;;display:block;color:#666;background: url('../../../resource/images/ad/close-window.png');background-position:center;background-repeat: no-repeat; }
.members-icom{height:20px;width:20px;display:block;color:#666;background: url('../../../resource/images/ad/members.png');background-position:center;background-repeat: no-repeat;}

.showimg-preview-container{display: none;}
.member-item{width: 199px;height: 572px;overflow-y:scroll;background: #ffffff;border-left: 1px solid #f1f1f1;}
.close-member-btn{cursor:pointer;position: absolute;right: 5px;top: 5px;font-size: 14px;font-weight: normal;}
.member-text{height: 48px;width:180px;padding:0 10px;line-height: 50px;text-align: left;border-bottom: 1px solid #ddd;}
.member-list{width:198px;padding:10px;height: auto;margin:0;}
.member-list li{width:100%;height:36px;line-height:36px;margin: 2px;text-align: center;overflow: hidden;}
.member-name{font-size: 12px;color:#666;overflow: hidden;text-align: left;padding-left: 4px;}
.member-table{height: auto;width:100%;}
.fun-modular{height:auto;margin-top: 20px;padding: 0 10px;}
.member-item::-webkit-scrollbar {width: 0px;background-color: #fafafa;}
.member-item::-webkit-scrollbar-thumb {background-color: #fbedd2;}
.fun-modular dd{font-size: 14px;font-weight: bold;color:#333;line-height: 20px;text-align: left;margin-top: 10px;margin-bottom: 4px;}
.fun-modular dt{font-size: 12px;font-weight: normal;color:#666;line-height: 20px;text-align: left;margin-bottom: 10px;}
.message .message-content{word-break: break-all;word-wrap: break-word;}
.coupon-name{ font-size: 12px;color: #fff;font-weight: bold;display: flex;align-items: center;height: 70px;justify-content: center;width: 120px;text-align: center}
.good-info-msg{width:180px;height:auto;background: #fff;}
.good-info-msg img{width: 100%;}
.good-name-msg{line-height: 20px;font-size: 0.75rem;color:#999;padding: 4px;text-align: center;}
.good-price-msg{font-size: 0.9375rem;color:red;}

.share-good-item{height: 110px;width: 260px;padding: 10px;background: #fff;cursor: pointer;}
.share-title{font-size: 14px;color:#333;height:40px;line-height: 20px;text-align: left; }
.share-desc-item{width: 100%;height:50px;}
.share-desc{width:140px;text-align: left;font-size: 12px;color:#666; }
.share-img{height: 50px;width: 100px;}
.tel-table{width: 130px;height: 32px;float: left;}
.tel-list{min-height: 80px;height: auto;}
.zi-tel{height: 30px;width: 150px;background: #f1f1f1;border:0;padding:0 5px;}
.get-tel-btn a, .req-abtn a{display: block;}
.tel-table{margin:4px 10px 10px 0;}
.tel-table table{width: 130px;height: 32px;}

.chart-menu {
    display: none;
    position: absolute;
    width: 100px;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    border-radius: 5px;
    list-style: none;
    overflow: hidden;
    z-index: 999999;
}
.chart-menu li{height: 40px;line-height: 40px;text-align: center;font-size: 12px;color:#999;cursor: pointer;}

.func-item{position: absolute;left:0;top:0;z-index: 2;}
.xzww-scrollbar{
    overflow-y: auto;

    scrollbar-color:  #efefef #ffffff;  /* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */
    scrollbar-width: thin;  /* 火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细 */
    -ms-overflow-style:none;  /* 隐藏滚动条（在IE和Edge两个浏览器中很难更改样式，固采取隐藏方式） */
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.xzww-scrollbar::-webkit-scrollbar{
    width:1px;
    height:2px;
    /**/
    -ms-overflow-style:none;
    scrollbar-color:  #efefef #ffffff;  /* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */
    scrollbar-width: thin;  /* 火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细 */
    -ms-overflow-style:none;  /* 隐藏滚动条（在IE和Edge两个浏览器中很难更改样式，固采取隐藏方式） */

}
/*定义滚动条轨道 内阴影+圆角*/
.xzww-scrollbar::-webkit-scrollbar-track{
    background: rgb(239, 239, 239);
    border-radius:2px;
}
/*定义滑块 内阴影+圆角*/
.xzww-scrollbar::-webkit-scrollbar-thumb{
    background: #bfbfbf;
    border-radius:2px;
}
.xzww-scrollbar::-webkit-scrollbar-thumb:hover{
    background: #bfbfbf;
}
.xzww-scrollbar::-webkit-scrollbar-corner{
    background: #FFFFFF;
}
.sticky-top{height: 50px;width: auto;line-height: 50px;}
.huihua-detail{background: #fafbfd;}
.show-error{font-size: 12px;color:red;}
.f-maxWid,.f-maxWid p{font-size: 0.875rem;}
#jqContextMenu ul{overflow: hidden;}
.chat-time{font-size: 0.75rem;}
.chat-body{display: block;}
.message-content img{max-width:200px; }
.order-item{width: 56%;margin: 0 auto;border: 1px solid #ddd;padding: 3%;}
.order-chart-btn-item{
    width: 100%;height: 30px;margin-top: 10px;
}

.cannel-order-msg{
    height: 30px;
    width: 100px;
    text-align: center;
    background: #f1f1f1;
    line-height: 30px;
    cursor: pointer;
}

.topic-item{
    margin: 0 auto;
    font-size: 0.75rem;
    min-height: 1rem;
    display: table;
}
.topic-title{color:#fdac0f;line-height: 2rem;  margin:0 3.05rem;}
.topic-list{display: block; margin:0 3.05rem;}
.topic-list li {height:2rem;line-height: 2rem;width:30%;background: #f1f1f1;color:#333;text-align: center;float: left;margin-right:5%;margin-bottom:0.6rem;overflow: hidden;cursor: pointer;font-size: 12px;}
.wel-tips{
    height: auto;
    padding: 0.5rem;
    text-align: left;

    /*background: #f1f1f1;*/
    /*color:#333;*/
    border: 1px solid #f1f1f1;
    background: #fff;
    line-height: 1.2rem;
    margin:1rem 3.05rem;
}
.tip-title{height: 24px;line-height:24px;text-align: center;border-bottom:1px dashed #ddd;color:#666;margin-bottom:10px;}
.tip-desc{min-height: 24px;height:auto;line-height:24px;text-align: left;color:#999;}
.no-read-num{height: 14px;width: 14px;position: absolute;left: 30px;top: -5px;background: red;line-height: 14px;font-size: 10px;color: #fff;border-radius: 10px;text-align: center;}