/* .issue_wrap {
    height: 519px
}

.issue_wrap.admin .issue_list {
    bottom: 31px
}

.issue_list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 10px;
    overflow-y: scroll;
    background-color: #fff
}

.issue_list .item {
    position: relative;
    margin-bottom: 6px
}

.issue_list .item:first-child {
    margin-top: 8px
}

.issue_list .item:after {
    display: block;
    clear: both;
    content: ''
}

.issue_list .member {
    height: 15px;
    margin-bottom: 6px;
    line-height: 15px
}

.issue_list .date {
    float: left;
    margin-left: 10px;
    font-size: 9px;
    font-family: Tahom,sans-serif;
    color: #999;
    line-height: 14px
}

.issue_list .btn_remove {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 13px;
    background: url(/public/img/layout/sp_issue.png) no-repeat -80px 0;
    text-indent: -9999px;
    z-index: 2
}

.issue_list .level {
    float: left;
    margin-right: 10px;
    width: 21px;
    height: 15px
}

.issue_list .fname {
    float: left;
    color: #999
}

.issue_list .unick {
    float: left;
    color: #999
}

.issue_list .unick.green {
    font-weight: 700;
    color: #27ae61
}

.issue_list .unick.yellow {
    font-weight: 700;
    color: #ffa800
}

.issue_list .unick.blue {
    font-weight: 700;
    color: #3498db
}

.issue_list .unick.violet {
    font-weight: 700;
    color: #8e44ad
}

.issue_list .unick.best {
    font-weight: 700;
    color: #e74c3c
}

.issue_list .best_fam .fname {
    color: #3498db
}

.issue_list .best_fam .member:before {
    float: left;
    margin-right: 1px;
    content: url(/public/img/level_classic/15x15/best_fam.png);
    width: 15px;
    height: 15px
}

.issue_list .fam_ranker .fname {
    color: #e74c3c
}

.issue_list .fam_ranker .member:before {
    float: left;
    margin-right: 1px;
    content: url(/public/img/level_classic/15x15/fam_rank1.png);
    width: 15px;
    height: 15px
}

.issue_list .log {
    display: block;
    position: relative;
    line-height: 17px;
    color: #333
}

.issue_list .log .event {
    display: inline-block
}

.issue_list .log .msg {
    margin-left: 5px
}

.issue_list .star_box {
    position: relative;
    margin: 40px 0 10px;
    border: 1px solid #2b2b2b;
    text-align: center
}

.issue_list .star_box dt {
    height: 59px;
    border-bottom: 1px solid #2b2b2b
}

.issue_list .star_box span {
    display: block
}

.issue_list .star_box .receiver {
    padding: 14px 0 4px
}

.issue_list .star_box .count {
    font-weight: 700;
    color: #e74c3c
}

.issue_list .star_box .bd {
    padding: 15px;
    background-color: #bdc3c7;
    color: #fff
}

.issue_list .star_box .sender {
    font-weight: 700;
    color: #ffff02
}

.issue_list .star_box .sender a {
    color: #ffff02
}

.issue_list .star_box .msg {
    margin-top: 10px;
    line-height: 18px;
    word-break: break-all
}

.issue_list .star_box .msg:empty {
    display: none
}

.issue_list .star_box.type1 .bd {
    background-color: #bdc3c7
}

.issue_list .star_box.type2 .bd {
    background-color: #ffa800
}

.issue_list .star_box.type3 .bd {
    background-color: #3498db
}

.issue_list .star_box.type4 .bd {
    background-color: #8e43ad
}

.issue_list .star_box.type5 .bd {
    background-color: #c0392b
}

.issue_list .star_box:after {
    position: absolute;
    content: '';
    top: -30px;
    left: 50%;
    margin-left: -144px;
    width: 289px;
    height: 29px;
    background: url(/public/img/chat/sp_star_gift.png) no-repeat
}

.issue_list .star_box.type1:after {
    background-position: 0 0
}

.issue_list .star_box.type2:after {
    background-position: 0 -40px
}

.issue_list .star_box.type3:after {
    background-position: 0 -80px
}

.issue_list .star_box.type4:after {
    background-position: 0 -120px
}

.issue_list .star_box.type5:after {
    background-position: 0 -160px
}

.issue_list .notify_admin {
    position: relative;
    padding: 10px 0;
    line-height: 17px;
    background-color: #1abc9c;
    color: #fff
}

.issue_list .notify_admin:before,.issue_list .notify_admin:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    width: 10px;
    background-color: #1abc9c
}

.issue_list .notify_admin:before {
    left: -10px
}

.issue_list .notify_admin:after {
    right: -10px
}

.issue_list .notify_admin span {
    display: block;
    padding-left: 25px
}

.issue_list .notify_admin span:before {
    position: absolute;
    content: '';
    top: 10px;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(/public/img/layout/sp_issue.png) no-repeat -60px 0
}

.level {
    width: 26px;
    height: 26px;
    object-fit: contain
}

.issue_wrap {
    position: relative;
    height: 100vh;
    display: flex;
    flex-direction: column
}

#chat_title {
    padding: 16px 15px;
    font-size: 16px;
    background-color: #34495e;
    color: #fff;
    font-weight: 700;
    display: none
}

.issue_wrap .notice_write {
    display: block;
    width: 100%;
    height: 40px;
    border-top: 1px solid #cbcbcb
}

.issue_wrap .notice_write>form {
    display: flex;
    align-items: center
}

.issue_wrap .notice_write>form>input {
    flex: 1;
    padding: 0 10px;
    height: 40px;
    line-height: 30px;
    border: none;
    background-color: #fff
}

.issue_wrap .notice_write>form>button {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 2px 10px 0 0;
    background-color: #608efb;
    border: 1px solid #5984e9
}

.issue_wrap .notice_write>form>button:disabled {
    background-color: silver;
    border: 1px solid silver;
    cursor: default
}

.global_chat_list {
    width: 100%;
    flex: 1;
    padding: 5px 0;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    z-index: 0;
    -webkit-font-smoothing: antialiased
}

.global_chat_list .btn_remove>img {
    width: 14px;
    height: 14px;
    object-fit: contain
}

.global_chat_list .chat_item {
    padding: 5px 10px
}

.global_chat_list .freeze_render {
    margin: 5px 10px;
    padding: 5px 0 0!important;
    width: 299px;
    height: 200px;
    border-radius: 10px;
    border: 1px dashed #bbbbba;
    display: flex;
    flex-direction: column
}

.global_chat_list .chat_user {
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    position: relative;
    cursor: pointer;
    width: fit-content
}

.global_chat_list .chat_user .user_menu {
    position: absolute;
    left: 10%;
    top: 10px;
    background-color: #fff;
    border: 1px solid #34495e;
    width: 130px;
    z-index: 2;
    border-radius: 5px;
    overflow: hidden;
    display: none
}

.global_chat_list .chat_user .user_menu>li:nth-of-type(1) {
    background-color: #34495e;
    color: #fff;
    padding: 8px 13px
}

.global_chat_list .chat_user .user_menu>li:not(:nth-of-type(1)) {
    border-bottom: 1px solid #e4e4e4;
    margin-left: 10px;
    padding: 8px 10px 8px 5px
}

.global_chat_list .chat_user>img {
    margin-right: 5px
}

.global_chat_list .chat_user>p {
    font-weight: 700
}

.global_chat_list .chat_user>p.best {
    font-size: 14px;
    color: #e01515
}

.global_chat_list .chat_msg {
    max-width: 80%;
    width: fit-content;
    margin-left: 5px;
    line-height: 24px;
    word-break: break-all;
    position: relative;
    display: inline
}

.global_chat_list .chat_msg .btn_remove {
    position: absolute;
    bottom: 0
}

.global_chat_list .notify_admin {
    padding: 10px;
    background-color: #e74c3c;
    border: 1px solid #d74738;
    color: #fff;
    margin: 3px 0 5px;
    word-break: break-all;
    display: flex;
    align-items: center;
    position: relative
}

.global_chat_list .notify_admin .btn_remove {
    align-self: flex-start;
    cursor: pointer;
    margin: 2px 0 0 5px
}

.global_chat_list .notify_admin>img {
    margin-right: 8px;
    align-self: flex-start
}

.global_chat_list .clean_chat:before {
    position: absolute;
    content: '';
    top: 9px;
    left: 10px;
    width: 15px;
    height: 15px;
    background: url(/public/img/layout/sp_issue.png) no-repeat -60px 0
}

.global_chat_list .rank_info {
    background-color: #608efb;
    border: 1px solid #5c88f0;
    text-align: center;
    padding: 10px;
    color: #fff;
    margin: 2.5px 0 5px;
    font-size: 14px;
    cursor: pointer
}

.global_chat_list .rank_info>span {
    position: relative
}

.global_chat_list .rank_info .sender {
    margin-top: 8px;
    min-height: 24px
}

.global_chat_list .create_room {
    background-color: #376e29;
    padding: 10px;
    color: #fff;
    margin: 2.5px 0 5px;
    font-size: 14px
}

.global_chat_list .room_title {
    color: #e2f678;
    font-size: 14px
}

.global_chat_list .room_join_btn {
    color: #e2f678;
    font-size: 14px;
    cursor: pointer
}

.global_chat_list .room_join_btn:hover {
    color: #ffbe47;
    font-weight: 700
}

.global_chat_list .img_loading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px
}

.global_chat_list .clean_chat {
    padding: 10px 10px 10px 33px;
    background-color: #34495e;
    border: 1px solid #233242;
    color: #fff;
    margin: 2.5px 0 5px;
    position: relative;
    z-index: 0;
    word-break: break-all;
    display: none
}

#chat_message_scroll {
    position: absolute;
    bottom: 55px;
    right: 25px;
    background-color: rgba(128,128,128,.4);
    width: 30px;
    height: 30px;
    z-index: 1;
    border-radius: 5px;
    cursor: pointer;
    display: none
}

#chat_message_scroll>img {
    width: 18px;
    margin: 4px auto;
    display: block
}

#open_chat_guide {
    position: fixed;
    left: 25px;
    top: 15px;
    z-index: 3;
    background-color: rgba(0,106,230,.9);
    color: #fff;
    border-radius: 3px;
    max-width: 286px;
    max-height: 490px;
    overflow-y: hidden
}

#open_chat_guide::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #006ae6
}

#open_chat_guide::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.7);
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.75)
}

#open_chat_guide::-webkit-scrollbar-corner {
    background: rgba(255,255,255,.7)
}

#open_chat_guide .close_guide {
    display: none;
    width: 20px;
    height: 20px;
    object-fit: contain;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    cursor: pointer
}

#open_chat_guide>p {
    font-weight: 700;
    padding: 3px 5px;
    cursor: pointer
}

#open_chat_guide .guide_text {
    display: none;
    padding: 0 15px 10px
}

#open_chat_guide .guide_text>p {
    font-size: 13px;
    font-weight: 700;
    margin: 5px 0
}

#open_chat_guide.active {
    overflow-y: auto
}

#open_chat_guide.active>p {
    font-size: 16px;
    padding: 10px 15px 0
}

#open_chat_guide.active .guide_text {
    display: block
}

#open_chat_guide.active .close_guide {
    display: block
}

#chat_message_setting {
    position: absolute;
    top: 10px;
    right: 25px;
    display: flex;
    align-items: flex-end;
    flex-direction: column
}

#chat_message_setting .setting_icon {
    background-color: rgba(128,128,128,.4);
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2
}

#chat_message_setting .setting_icon:hover,#chat_message_scroll:hover,#chat_message_setting .active_icon {
    background-color: #34495e
}

#chat_message_setting .setting_menu {
    width: 150px;
    background-color: #fff;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    margin: -12px 15px 0 0;
    display: none;
    z-index: 1;
    color: #7b7b7b
}

#chat_message_setting .setting_menu>li {
    padding: 15px 0 12px 10px;
    margin-left: 10px;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    cursor: pointer
}

#chat_message_setting .setting_menu>li>img {
    margin-right: 8px
}

.global_chat_list .ani_item {
    padding-bottom: 12px;
    margin: 5px 10px;
    position: relative;
    border-radius: 10px;
    border: 1px dashed #bbbbba
}

.global_chat_list .ani_user {
    text-align: center
}

.global_chat_list .sender {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

.global_chat_list .sender_wrap {
    max-width: 90%;
    margin: 0 auto;
    width: fit-content;
    width: -moz-fit-content
}

.global_chat_list .sender_wrap .sender {
    justify-content: flex-start
}

.global_chat_list .sender:not(:last-child) {
    margin-bottom: 3px
}

.global_chat_list .sender>img {
    margin: 0 2px 0 3px
}

.global_chat_list .sender>p {
    cursor: pointer;
    margin-left: 2px
}

.global_chat_list .sender_wrap .sender>p:nth-last-of-type(1) {
    flex: 1;
    text-align: left
}

.global_chat_list .sender .chat_link {
    padding: 2px 3px;
    background-color: #3498db;
    border: 1px solid #3292d2;
    color: #fff;
    border-radius: 2px;
    margin-left: 8px;
    font-size: 11px;
    cursor: pointer
}

.global_chat_list .ani_img {
    width: 100%;
    min-height: 136px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 10px
}

.global_chat_list .streak_ani .ani_box {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.global_chat_list .streak_ani .ani_box .str_num_wrap {
    position: absolute;
    width: 150px;
    height: 100%;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.global_chat_list .streak_ani .ani_user .highlight {
    color: #3498db;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700
}

.global_chat_list .streak_ani .str_num_wrap .ani_1 {
    animation: shake .3s infinite linear;
    -moz-animation: shake .3s infinite linear;
    -webkit-animation: shake .3s infinite linear;
    -o-animation: shake .3s infinite linear
}

.global_chat_list .streak_ani .str_num_wrap .ani_2 {
    animation: bounce .3s infinite alternate;
    -moz-animation: bounce .3s infinite alternate;
    -webkit-animation: bounce .3s infinite alternate;
    -o-animation: bounce .3s infinite alternate
}

.global_chat_list .streak_ani .str_num_wrap .ani_3 {
    -webkit-animation: resizing .4s cubic-bezier(.39,.575,.565,1) infinite both;
    animation: resizing .4s cubic-bezier(.39,.575,.565,1) infinite both
}

.global_chat_list .candy_ani {
    padding: 0 0 6px
}

.global_chat_list .candy_ani .star_img_wrap {
    width: 100%;
    overflow: hidden;
    margin-bottom: 3px
}

.global_chat_list .candy_ani .star_img_wrap .ani_img {
    margin-bottom: 0;
    object-fit: contain;
    width: 100%;
    min-height: 108px;
    max-height: 108px
}

.global_chat_list .candy_ani .highlight {
    color: #f03839
}

.global_chat_list .candy_ani .star_cnt {
    position: absolute;
    top: 39px;
    left: 203px;
    font-size: 26px;
    font-weight: 700
}

.global_chat_list .candy_ani .outer_text {
    color: #fff;
    -webkit-text-stroke: 7px #f99d0a
}

.global_chat_list .candy_ani .inner_text {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff
}

.global_chat_list .star_sticker .ani_box {
    padding: 5px
}

.global_chat_list .star_sticker .ani_box>img {
    width: 100%;
    height: auto;
    margin-bottom: 5px
}

.global_chat_list .star_sticker .sender {
    justify-content: center
}

.global_chat_list .star_sticker .sender>p {
    flex: inherit!important
}

.global_chat_list .star_sticker .simple_box {
    padding-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.global_chat_list .star_sticker .simple_box>img {
    width: 50%;
    height: 50%;
    margin-bottom: 5px
}

.global_chat_list .else_event {
    padding: 5px 0 12px!important;
    cursor: pointer
}

.global_chat_list .else_event>img {
    margin-bottom: 5px;
    height: 64px
}

.global_chat_list .else_event .description {
    font-size: 13px;
    display: flex;
    justify-content: center;
    position: relative;
    width: fit-content;
    max-width: 85%;
    margin: 10px auto 0;
    padding: 0 17px;
    text-align: center;
    color: #34495e;
    font-weight: 700
}

.global_chat_list .else_event .description>img {
    width: 10px;
    object-fit: contain;
    position: absolute;
    top: 0
}

.global_chat_list .else_event .description>img:nth-of-type(1) {
    left: 0
}

.global_chat_list .else_event .description>img:nth-last-of-type(1) {
    right: 0
}

.global_chat_list .best_fam_msg>img {
    max-width: 100%;
    height: auto
}

.global_chat_list .else_event .button_wrap {
    margin-top: 10px;
    padding: 0 15px
}

.global_chat_list .else_event .button_wrap>a {
    text-align: center;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 1px solid #17a55e
}

.global_chat_list .else_event .button_wrap>a:nth-of-type(1) {
    color: #fff;
    background-color: #17a55e
}

.global_chat_list .else_event .button_wrap>a:nth-of-type(2) {
    color: #17a55e;
    border: 1px solid #17a55e;
    margin-top: 5px
}

.global_chat_list .else_event .button_wrap>a:hover {
    filter: brightness(120%)
}

@keyframes shake {
    0% {
        -webkit-transform: translate(0,0) rotate(0deg)
    }

    25% {
        -webkit-transform: translate(0,0) rotate(5deg)
    }

    50% {
        -webkit-transform: translate(0,0) rotate(0deg)
    }

    75% {
        -webkit-transform: translate(0,0) rotate(-5deg)
    }

    100% {
        -webkit-transform: translate(0,0) rotate(0deg)
    }
}

@keyframes bounce {
    from {
        transform: translateY(0px)
    }

    to {
        transform: translateY(-10px)
    }
}

@keyframes moving {
    from {
        opacity: 1;
        transform: translateX(200px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes resizing {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes dumbling {
    0% {
        -webkit-transform: scale(1) rotate3d(-1,1,0,0deg);
        transform: scale(1) rotate3d(-1,1,0,0deg)
    }

    50% {
        -webkit-transform: scale(2.5) rotate3d(-1,1,0,90deg);
        transform: scale(2.5) rotate3d(-1,1,0,90deg)
    }

    100% {
        -webkit-transform: scale(1) rotate3d(-1,1,0,180deg);
        transform: scale(1) rotate3d(-1,1,0,180deg)
    }
} */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

.message_wrap .ani_item {
    padding-bottom: 12px;
    margin: 5px 0px;
    position: relative;
    border-radius: 10px;
    border: 1px dashed #bbbbba
}


.message_wrap .candy_ani {
    padding: 0 0 6px
}

.message_wrap .candy_ani .star_img_wrap {
    width: 100%;
    overflow: hidden;
    margin-bottom: 3px
}

.message_wrap .candy_ani .star_img_wrap .ani_img {
    margin-bottom: 0;
    object-fit: contain;
    width: 100%;
    min-height: 108px;
    max-height: 108px
}

.message_wrap .candy_ani .highlight {
    color: #f03839
}

.message_wrap .candy_ani .star_cnt {
    position: absolute;
    top: 39px;
    left: 56%;
    font-size: 26px;
    font-weight: 700;
}

.message_wrap .candy_ani .outer_text {
    color: #fff;
    -webkit-text-stroke: 7px #f99d0a
}

.message_wrap .candy_ani .inner_text {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff
}

.message_wrap .ani_user {
    text-align: center
}


.message_wrap .streak_ani .ani_user .highlight {
    color: #3498db;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700
}

.message_wrap .star_box .sender {
    font-weight: 700;
    color: #ffff02
}

.message_wrap .star_box .sender a {
    color: #ffff02
}

.message_wrap .rank_info .sender {
    margin-top: 8px;
    min-height: 24px
}

.message_wrap .ani_user {
    text-align: center
}

.message_wrap .sender {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

.message_wrap .sender_wrap {
    max-width: 90%;
    margin: 0 auto;
    width: fit-content;
    width: -moz-fit-content
}

.message_wrap .sender_wrap .sender {
    justify-content: flex-start
}

.message_wrap .sender:not(:last-child) {
    margin-bottom: 3px
}

.message_wrap .sender>img {
    margin: 0 2px 0 3px
}

.message_wrap .sender>p {
    cursor: pointer;
    margin-left: 2px
}

.message_wrap .global_chat_list .sender_wrap .sender>p:nth-last-of-type(1) {
    flex: 1;
    text-align: left
}

.message_wrap .global_chat_list .sender .chat_link {
    padding: 2px 3px;
    background-color: #3498db;
    border: 1px solid #3292d2;
    color: #fff;
    border-radius: 2px;
    margin-left: 8px;
    font-size: 11px;
    cursor: pointer
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#chatContent .ani_item {
    padding-bottom: 12px;
    margin: 5px 10px;
    position: relative;
    border-radius: 10px;
    border: 1px dashed #bbbbba
}


#chatContent .candy_ani {
    padding: 0 0 6px
}

#chatContent .candy_ani .star_img_wrap {
    width: 100%;
    overflow: hidden;
    margin-bottom: 3px
}

#chatContent .candy_ani .star_img_wrap .ani_img {
    margin-bottom: 0;
    object-fit: contain;
    width: 100%;
    min-height: 108px;
    max-height: 108px
}

#chatContent .candy_ani .highlight {
    color: #f03839
}

#chatContent .candy_ani .star_cnt {
    position: absolute;
    top: 39px;
    left: 203px;
    font-size: 26px;
    font-weight: 700
}

#chatContent .candy_ani .outer_text {
    color: #fff;
    -webkit-text-stroke: 7px #f99d0a
}

#chatContent .candy_ani .inner_text {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff
}

#chatContent .ani_user {
    text-align: center
}


#chatContent .streak_ani .ani_user .highlight {
    color: #3498db;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700
}

#chatContent .star_box .sender {
    font-weight: 700;
    color: #ffff02
}

#chatContent .star_box .sender a {
    color: #ffff02
}

#chatContent .rank_info .sender {
    margin-top: 8px;
    min-height: 24px
}

#chatContent .ani_user {
    text-align: center
}

#chatContent .sender {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

#chatContent .sender_wrap {
    max-width: 90%;
    margin: 0 auto;
    width: fit-content;
    width: -moz-fit-content
}

#chatContent .sender_wrap .sender {
    justify-content: flex-start
}

#chatContent .sender:not(:last-child) {
    margin-bottom: 3px
}

#chatContent .sender>img {
    margin: 0 2px 0 3px
}

#chatContent .sender>p {
    cursor: pointer;
    margin-left: 2px
}

#chatContent .global_chat_list .sender_wrap .sender>p:nth-last-of-type(1) {
    flex: 1;
    text-align: left
}

#chatContent .global_chat_list .sender .chat_link {
    padding: 2px 3px;
    background-color: #3498db;
    border: 1px solid #3292d2;
    color: #fff;
    border-radius: 2px;
    margin-left: 8px;
    font-size: 11px;
    cursor: pointer
}