.weui-half-screen-dialog__bd {
    padding-bottom: 56px
}

.weui-icon_msg.weui-icon-warn {
    min-width: 6.4em;
    min-height: 6.4em;
    margin-bottom: 24px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 100-17.6 8.8 8.8 0 000 17.6zm-.66-14.369h1.32l-.089 7.06H11.43l-.088-7.06zM12 17.073a.825.825 0 01-.835-.835.82.82 0 01.835-.835c.476 0 .835.36.835.835a.82.82 0 01-.835.835z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
    color: var(--weui-YELLOW)
}

.weui-msg__desc {
    margin-bottom: 0
}

.weui-half-screen-dialog__attachment-area .weui-link {
    font-size: 14px
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    line-height: 1.6;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
}
body,
dd,
dl,
fieldset,
h1,
h2,
h3,
h4,
h5,
ol,
p,
textarea,
ul {
    margin: 0
}

button,
fieldset,
input,
legend,
textarea {
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    *font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

ol,
ul {
    padding-left: 0;
    list-style-type: none
}

a img,
fieldset {
    border: 0
}

a {
    text-decoration: none
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .1)
}

html {
    font-size: 14px;
    text-align: center
}

body,
html {
    height: 100%
}

body {
    background-color: var(--weui-BG-2);
    color: var(--weui-FG-0)
}

.body {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
    padding: -webkit-calc(48px + constant(safe-area-inset-top)) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
    padding: calc(48px + constant(safe-area-inset-top)) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
    padding: -webkit-calc(48px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    padding: calc(48px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)
}

@media screen and (max-height:640px) {
    .body {
        padding: -webkit-calc(32px + constant(safe-area-inset-top)) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
        padding: calc(32px + constant(safe-area-inset-top)) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
        padding: -webkit-calc(32px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
        padding: calc(32px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)
    }
}

.body .container {
    -webkit-box-flex: 1;
    flex-grow: 1;
    overflow: hidden;
    flex-shrink: 1
}

.body .group_info {
    margin-left: 32px;
    margin-right: 32px;
    padding-bottom: 48px;
    position: relative;
    color: var(--weui-FG-1);
    font-size: 17px
}

@media screen and (max-height:640px) {
    .body .group_info {
        padding-bottom: 24px;
        margin-left: 32px;
        margin-right: 32px
    }
}

.body .msg {
    color: var(--weui-FG-1);
    font-size: 17px;
    text-align: center;
    margin-bottom: 8px
}

.body .group_name {
    margin-top: 24px;
    font-size: 22px;
    color: var(--weui-FG-0)
}

.body .group_icon {
    width: 64px;
    height: 64px;
    border-radius: 6px;
    display: block;
    margin: auto
}

.body .group_info.has-ext:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid var(--weui-FG-3);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.body .group_info_tip {
    color: var(--weui-FG-1);
    font-size: 17px;
    margin-top: 8px;
    text-align: center
}

.body .btn-area {
    position: relative;
    max-height: 168px;
    box-sizing: border-box;
    padding-bottom: 96px;
    padding-top: 32px
}

@media screen and (max-height:640px) {
    .body .btn-area {
        padding-bottom: 32px
    }
}

.body .btn-area:before {
    content: " ";
    height: 16px;
    position: absolute;
    top: -16px;
    width: 100%;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}

@media (prefers-color-scheme:dark) {
    .body .btn-area:before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 25, 25, 0)), to(#191919));
        background: linear-gradient(180deg, rgba(25, 25, 25, 0), #191919)
    }
}

.body .container {
    position: relative
}

.body .container:before {
    z-index: 100;
    content: " ";
    height: 40px;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    background: linear-gradient(#fff, #fff 24px, hsla(0, 0%, 100%, 0) 40px)
}

@media (prefers-color-scheme:dark) {
    .body .container:before {
        background: linear-gradient(#191919, #191919 24px, rgba(25, 25, 25, 0) 40px)
    }
}

@media screen and (max-height:640px) {
    .body .container:before {
        height: 24px;
        background: linear-gradient(#fff, #fff 8px, hsla(0, 0%, 100%, 0) 24px)
    }
}

@media screen and (max-height:640px) and (prefers-color-scheme:dark) {
    .body .container:before {
        background: linear-gradient(#191919, #191919 8px, rgba(25, 25, 25, 0) 24px)
    }
}

.body .ext_info {
    counter-reset: section;
    text-align: left;
    padding: 40px 32px 55px;
    color: var(--weui-FG-1);
    word-break: break-all;
    font-size: 14px;
    overflow: scroll;
    box-sizing: border-box;
    height: 100%
}

@media screen and (max-height:640px) {
    .body .ext_info {
        padding: 24px 24px 0
    }
}

.body .ext_info a {
    color: var(--weui-LINK)
}

.body .ext_info p {
    word-break: break-word;
    position: relative;
    padding-left: 18px;
    line-height: 20px;
    margin-bottom: 16.8px
}

.body .ext_info em {
    position: absolute;
    left: 0;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='10' cy='10' r='1.5' fill-rule='evenodd'/%3e%3c/svg%3e");
    background-color: currentColor
}

.body .being_invited {
    color: #21b100
}

.body .being_invited,
.body .overseas {
    font-size: 18px;
    padding: 0 15px
}

.room_icon {
    height: 20px;
    width: 24px;
    position: relative;
    top: 3px;
    left: 8px
}

.page_msg {
    padding: 144px 32px 0;
    text-align: center
}

@media screen and (max-height:640px) {
    .page_msg {
        padding-top: 88px
    }
}

.page_msg .title {
    font-size: 22px;
    color: var(--weui-FG-0)
}

.page_msg .group_info {
    margin-top: 72px;
    position: relative;
    color: var(--weui-FG-1);
    font-size: 17px
}

.page_msg .group_name {
    margin-top: 18px
}

.page_msg .room_icon {
    height: 16.66px;
    width: 20px;
    position: relative;
    top: 3px;
    left: 8px
}

.page_msg .group_icon {
    width: 64px;
    height: 64px;
    border-radius: 5px;
    margin: auto;
    display: block
}

.weui-half-screen-dialog__btn-area_block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.weui-half-screen-dialog .weui-half-screen-dialog__ft .weui-half-screen-dialog__btn-area_block .weui-btn {
    width: 184px;
    margin-left: 0;
    margin-right: 0
}

.weui-half-screen-dialog .weui-half-screen-dialog__ft .weui-half-screen-dialog__btn-area_block .weui-btn+.weui-btn {
    margin-top: 16px
}

.weui-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}