html,
body {
    -ms-touch-action: none;
    width: 100%;
    height: 100%;
}

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
blockquote,
pre,
form,
fieldset,
table,
th,
td {
    margin: 0;
    padding: 0;
    word-break: break-all;
}

ul,
li {
    list-style: none;
}

img {
    border: 0;
}

.pos_rel {
    position: relative;
}

.pos_abs {
    position: absolute;
}

.pos_fixed {
    position: fixed;
}

.auto {
    margin: 0 auto;
}

/*----start wechat-----*/
.select-wechat-wrapper {
    width: 100%;
    height: 100%;
}

.select-wechat {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #EBEBEB;
}

.wechat-wrapper {
    height: 100%;
    padding-bottom: 44px;
    box-sizing: border-box;
    list-style: none;
}

.chat-list-wrapper {
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    padding: 0 12px 0;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.wechat-info-list {
    width: 100%;
    /* padding-top: 12px; */
    padding: 12px 0 60px 0;
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
}

.wechat-wrapper li {
    list-style: none;
}

.wechat-wrapper li:nth-child(3) .hand,
.wechat-wrapper li:last-child .hand {
    display: none;
}

.info-item-wrapper {
    overflow: hidden;
}

.info-item {
    max-width: 90%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
}

.info-item-wrapper.left .info-item {
    flex-direction: row;
    float: left;
}

.info-item-wrapper.right .info-item {
    flex-direction: row-reverse;
    float: right;
}

.info-item .wechat-info-avatar {
    flex: 0 0 auto;
    width: 45px;
    height: 45px;
    /*background-color: #F1C668;*/
}

.info-item .wechat-info-avatar>img {
    width: 100%;
    height: 100%;
}

.info-item-wrapper.left .wechat-info-avatar {
    left: 0;
}

.info-item-wrapper.right .wechat-info-avatar {
    right: 0;
}

.info-item .info-wrapper {
    flex: 0 1 auto;
}

.info-item .info-wrapper .info-name {
    font-size: 12px;
    color: rgb(96, 96, 96);
    margin-bottom: 6px;
    padding-left: 12px;
}

.info-item .wc-img-box {
    margin-left: 12px;
    position: relative;
    line-height: 0;
}

.info-item-wrapper.right .info-item .wc-img-box {
    margin-left: auto;
    margin-right: 12px;
}

.info-item .wc-img-box img {
    width: 100%;
    border-radius: 3px;
    /* box-shadow: 0 3px 3px #ddd; */
}

.info-item .info-box {
    padding: 8px;
    border-radius: 3px;
    background-color: white;
    position: relative;
    box-shadow: 0 3px 3px #ddd;
    font-size: 16px;
    line-height: 1.5;
}

.info-item-wrapper.left .info-box {
    margin-left: 12px;
}

.info-item-wrapper.right .info-box {
    margin-right: 12px;
    background-color: #A1E958;
}

.info-item-wrapper.left .info-box:before {
    content: '';
    display: block;
    position: absolute;
    left: -15px;
    top: 8px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-right: 8px solid white;
}

.info-item-wrapper.right .info-box:before {
    content: '';
    display: block;
    position: absolute;
    right: -15px;
    top: 8px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-left: 8px solid #A1E958;
}

.wechat-footer {
    width: 100%;
    box-sizing: border-box;
    height: 44px;
    padding: 6px 12px;
    /*border-top: #ddd;*/
    box-shadow: 0 0 3px #ddd;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgb(245, 245, 247);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wechat-input {
    height: 32px;
    flex: 1 1 auto;
    margin-right: 24px;
    border-radius: 6px;
    border: 1px solid #dddddd;
    background-color: rgb(251, 251, 251);
}

.wechat-icons {
    width: 32px;
    height: 32px;
    background: url('data:image/png;base64,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');
}

.wechat-icons.more {
    background-position: 0 0;
    background-size: auto 100%;
}

.wechat-icons.yuyin {
    background-position: -128px 0;
    margin-right: 24px;
    background-size: auto 100%;
}

.wechat-icons.emoji {
    background-position: -64px 0;
    margin-right: 12px;
    background-size: auto 100%;
}

.loading {
    z-index: 1201;
    background: #82BED9;
    background-size: 100% auto;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.idx {
    width: 100vw;
    height: 100vh;
    background: url(./assets/bg01.jpg) no-repeat center top;
    background-size: 100% auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.idx_box {
    width: 100vw;
    height: 11rem;
}

.timeBox {
    color: #fff;
    text-align: center;
}

.timeBox .time {
    font-size: 60px;
}

.timeBox .date {
    font-size: 16px;
}

.idx_img {
    width: 7.17rem;
    margin-top: 1rem;
}

.imgEmoji {
    width: 20px;
}

.mask {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.close {
    font-size: 20px;
    right: 5px;
    top: 5px;
    color: #fff;
    z-index: 110;
}


.topTxt {
    font-size: 14px;
    text-align: justify;
    line-height: 1.8em;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 18px;
}

.topTxt span {
    color: #6C82BB;
}

.info-item .wc-img-box img.btnPlay {
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
}



.add {
    width: 100vw;
    height: 100vh;
    background: #F2F2F2 url(./assets/add02.jpg) no-repeat center bottom;
    background-size: 100% auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.addBox {
    width: 100vw;
    height: 11rem;
}



.hand {
    animation: hand 1s infinite;
}

@keyframes hand {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}









.none {
    display: none;
}