/** common **/
 
 .V-page {
     background: #ededed
 }
 
 .V-page .header {
     position: relative;
     height: 1rem;
     line-height: 1rem;
 }
 
 .V-page .header .title {
     width: 100%;
     font-size: 0.32rem;
     font-weight: 700;
     text-align: center;
 }
 
 .V-page .header .back {
     display: flex;
     position: absolute;
     left: 0;
     top: 0;
     width: 1rem;
     height: 100%;
     justify-content: center;
     align-items: center;
 }
 
 .V-page .header .back svg {
     width: 0.6rem;
     height: 0.6rem;
     fill: #222
 }
 
 .V-page .header .more {
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
 }
 
 .weui-tabbar__item .weui-tabbar__icon {
     fill: rgba(0, 0, 0, 0.9)
 }
 
 .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon {
     fill: #07c160
 }
 /** dialog 上拉效果 **/
 
 .weui-half-screen-dialog {
     transition: transform 0.3s;
     transform: translateY(100%)
 }
 
 .weui-half-screen-dialog_show {
     transform: translateY(0)
 }
 
 .weui-loadmore_line .weui-loadmore__tips {
     background: #ededed;
 }
 
 .validate-phone-dialog {
     position: fixed;
     width: 6.5rem;
     min-height: auto;
     padding-top: 0.6rem;
     left: 50%;
     top: 46%;
     z-index: 5000;
     transform: translate(-50%, -50%);
     border-radius: 0.2rem;
 }
 
 .validate-phone-dialog .weui-form__title {
     font-size: 0.36rem;
     font-weight: 700;
 }
 
 .validate-phone-dialog .weui-form__opr-area:last-child {
     margin-top: 0.3rem;
     margin-bottom: 0.8rem
 }
 
 .validate-phone-dialog .weui-form__control-area {
     margin: 0.3rem 0;
 }
 
 .validate-phone-dialog .weui-cells__group_form .weui-label {
     max-width: 1.1rem;
 }
 
 .validate-phone-dialog .weui-cells__group_form .weui-cell__control_flex {
     min-width: auto;
 }
 
 .validate-phone-dialog .weui-cells,
 .validate-phone-dialog .weui-cells__group_form .weui-cell_vcode.weui-cell_wrap .weui-input {
     font-size: 0.32rem;
 }
 
 .validate-phone-dialog .weui-cell:before,
 .validate-phone-dialog .weui-cells:before,
 .validate-phone-dialog .weui-cells:after {
     left: 0;
     right: 0
 }
 
 .validate-phone-dialog .weui-cells__group_form .weui-vcode-btn {
     font-size: 0.3rem;
 }
 
 .validate-phone-dialog .weui-cells__group_form .weui-cell {
     padding-left: 0.06rem;
     padding-right: 0.06rem;
 }
 
 .validate-phone-dialog .weui-cells__group_form .weui-vcode-btn.weui-btn_disabled {
     color: rgba(0, 0, 0, .2)
 }
 
 .validate-phone-dialog .weui-btn {
     font-weight: normal;
 }
 
 .validate-phone-dialog .weui-btn.validate-phone {
     padding: 0;
     height: 0.8rem;
     line-height: 0.82rem;
     font-weight: normal;
 }
 /** page **/
 
 .V-index .title {
     padding: 0.5rem;
     height: 0.8rem;
     line-height: 1rem;
     font-size: 0.4rem;
     font-weight: 700;
 }
 
 .V-index .navigation {
     margin: 0.3rem;
     padding: 0.6rem;
     height: 4.4rem;
     border-radius: 0.2rem;
     background: #fff url(./images/index.jpg) no-repeat right bottom;
     background-size: 3rem 3rem;
 }
 
 .V-index .navigation .words {
     display: flex;
     height: 0.5rem;
     line-height: 0.5rem;
     font-size: 0.3rem;
 }
 
 .V-index .navigation .words b {
     display: inline-block;
     margin-right: 0.3rem;
     padding: 0 0.25rem;
     height: 0.5rem;
     background: #ededed;
     border-radius: 0.1rem;
 }
 
 .V-index .navigation .weui-btn {
     margin: 0.7rem 0 0;
     padding: 0;
     width: 3rem;
     height: 0.8rem;
     line-height: 0.8rem;
     border-radius: 0.4rem;
 }
 
 .V-index .navigator {
     position: relative;
     margin: 0.3rem;
     margin-bottom: 0;
     padding: 0.3rem 0.6rem;
     padding-left: 1.4rem;
     height: 1rem;
     border-radius: 0.2rem;
     background: url(https://fs-im-kefu.7moor-fs1.com/im/1cf621c0-5c37-11e9-9460-658dbd81beae/2024-04-09_22:07:40/1712671660713/38689344.jpg) #fff no-repeat center left;
     background-size: 1.6rem 1.6rem;
 }
 
 .V-index .navigator div {
     height: 0.5rem;
     line-height: 0.5rem;
     font-size: 0.28rem;
     color: #333;
     font-weight: bold;
 }
 
 .V-index .navigator div.desc {
     font-size: 0.26rem;
     color: #999;
     font-weight: normal;
 }
 
 .V-index .navigator .weui-btn {
     position: absolute;
     top: 0.46rem;
     right: 0.3rem;
     padding: 0;
     width: 1.5rem;
     height: 0.68rem;
     line-height: 0.7rem;
     border-radius: 0.34rem;
     font-size: 0.3rem;
 }
 
 .V-index .message-statistic {
     display: flex;
     padding: 0.25rem 0.3rem 0;
 }
 
 .V-index .message-statistic div {
     flex: 1;
     padding: 0.2rem 0.3rem;
     border-radius: 0.2rem;
     background: rgba(255, 255, 255, 0.5) url(data:image/png;base64,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) no-repeat 2.3rem center;
     background-size: 0.8rem 0.8rem;
 }
 
 .V-index .message-statistic div:first-child {
     margin-right: 0.2rem;
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAOVBMVEVERERFRUVERERERERHR0dDQ0NGRkZHcEwAs4ZCQkJERERAQEBEREQAs4cAsYUAtIcAs4ZEREQAs4ZvvoPJAAAAEXRSTlNAnICPGd8dAL8bcBDc1IBVz/G4rdMAAAC6SURBVGje7dm5EsIwDEVRZ4XsMf//sRTQxAQVjPRghnvLFDmN7UJKF0EJBAQEBOSvkD65NZwjU9Nlx+aqfUXq7F5dIm0OaCqQKgJpCmSOQLojMuSQ+gOSHh/9jvDzf6eI2/UDAQEB0SGj1/s4Goh3ICDiI8yzAgICAgIC8pvI1cwJuZmBFO2WsTghq4VsXkd4W94R+8plBPkuEjrolIxsJcNnzRhdshCQrDY0SxrNuokVIAgICAjI590BtBBZEP943acAAAAASUVORK5CYII=);
 }
 
 .V-index .message-statistic div h5 {
     font-weight: normal;
     color: #333;
     font-size: 0.3rem;
 }
 
 .V-index .message-statistic div span {
     font-weight: normal;
     color: #666;
 }
 
 .V-index .message-statistic div span b {
     color: #333;
     font-size: 0.36rem;
     padding-right: 0.1rem;
 }
 
 .V-index .message-menu {
     display: flex;
     margin: 0.2rem 0.3rem 0;
     padding: 0 0.15rem;
     background: #FFF;
     border-radius: 0.2rem;
 }
 
 .V-index .message-menu div {
     position: relative;
     flex: 1;
     height: 0.86rem;
     line-height: 0.8rem;
     font-size: 0.32rem;
     text-align: center;
     color: rgba(0, 0, 0, .9)
 }
 
 .V-index .message-menu div.on {
     color: #07c160
 }
 
 .V-index .message-menu .icon {
     display: block;
     position: absolute;
     width: 0.35rem;
     height: 4px;
     background: #07c160;
     border-radius: 2px;
     bottom: 6px;
     left: 50%;
     transform: translateX(-50%);
     transition: left 0.15s
 }
 
 .V-index .no-message,
 .V-index .not-logged-in {
     margin: 0.5rem 0.35rem;
     padding: 0.3rem;
     font-size: 0.32rem;
     background: #FFF;
     border-radius: 0.2rem;
     text-align: center;
     color: #888;
 }
 
 .V-index .no-message .weui-btn,
 .V-index .not-logged-in .weui-btn {
     padding: 0;
     margin-top: 0.3rem;
     width: 2rem;
     height: 0.6rem;
     line-height: 0.6rem;
     font-size: 0.28rem;
     font-weight: normal;
     opacity: 0.9;
 }
 
 .V-index .message {
     position: relative;
     margin: 0.15rem 0.3rem 0;
     padding: 0.2rem 0.2rem 0.8rem;
     padding-left: 1.1rem;
     min-height: 0.8rem;
     border-radius: 0.2rem;
     background: rgba(255, 255, 255, 0.8) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAACE1BMVEVHcEzb29vf39/e3t7b29vZ2dnb29vb29vb29vb29va2trb29vc3Nzb29vb29vb29va2trZ2dnb29vb29vd3d3b29va2trb29vZ2dnc3Nza2trY2Njc3Nza2trZ2dng4ODb29va2trb29vb29vb29vb29vb29vc3Nzc3Nzb29vb29vc3Nzb29va2trc3Nzb29vb29vb29vb29vb29ve3t7a2tra2trb29vb29vb29va2trY2Njc3Nzc3NzZ2dnc3Nzb29vj4+PW1tbf39/b29vb29vb29vc3Nzb29vY2Njc3Nza2trb29vb29vV1dXb29vb29va2tra2tra2trb29vb29vV1dXa2trb29va2trb29vb29vb29vb29vZ2dnb29vPz8/b29vc3Nzb29va2trb29vg4ODb29va2tra2trc3Nzb29vc3Nzb29vb29vd3d3b29vc3NzS0tLR0dHd3d3a2trZ2dnb29vb29vb29vc3Nzc3Nzb29va2trc3Nzd3d3b29vc3Nzb29vc3Nzc3Nzb29vb29vc3Nzb29vc3Nzd3d3b29vX19fc3Nzb29vZ2dnc3Nzb29vZ2dnc3Nzc3Nzb29vMzMze3t7c3Nza2trb29vf39/b29vd3d3b29vc3Nzb29va2trb29vd3d3d3d3c3Nzc3Nzd3d3c3Nzb29vb29va2trX19fa2trc3Nza2trb29uZdRdjAAAAsHRSTlMA0CgneYAy66FAw90znfi/dlGVskwqmY9kZoM0rbtDGc9M7OXqqmufisfMifm1OhW64/FwL9a88LfV2CcktDZ23AkZEFX64HSsLuBT5IcMjE5n7YvexAZh8q6+4qTnUIUQzfzS65Qh19FvQnrnveEPo1ERC2FFG/WT1h3C2zBlcBwsZNH1yyuYsTtLnBOnxVeX1D3fXpYFNqZSYgjoWcnZcYr3JWhIbHevI8ieIML3YJc7/WYAAAQTSURBVBgZ7cFjezRJAAXQO+weIzMT205e27bNtW3btm3en7gf+k26e6aqurqSfNhn9xz8718sWorb6UjGyuetTCRtx0tRLKroBzd+RYH0wR0bsCiuHD1HhXNHr2Ch2g/PMsDs4XYsRMqmFjsFU70d1NbRCxOxHEPJxRBa0WJIVhHhJDtpoDOJEFr6aKSvBdrKNFaGpkGKnbnzcqo6jelqKlGgzAy0FCj2yGNwvfoKJVZCwwCFCg/C77MXKLYMgZZR6EM0yJ6n2AACrKRQDSIFihWgNEOhkxArUGwQCmUKnY9BbEM/xcqQaqHYT5BJUKIFEsk+Cs1AqrufYn1JiHVS7DTkypTohFCREhsg9xplihCIWRTLQGWAElYMjXKUmITKJGVyaNBLmWGoDFOqF/U6KDMClRFKdaBOilIjUBmhXAp+NqWGoTJMORs+7ZSbhMokFdrh1Ua596FyjApt8OqhwrOQ+5IqPfDoosqtkLtApS64mqny/FbIVHdSqRmutVTaDJlxqq3DvBVUO1CF2Po7GGAT5gwxwLsQuu9rBoljzkYG+Q0C2/9ioFWYw2CFu1HvEnXgmig1jFbg10otUThK1NJUwbz7W8eopwRHnJruej1VncZ0NVUeoK44HDaXkA1HmksoDUeESygCR4ZLKAOHRU0P37Dv0bE/R6/fcvHMddRkwZFnsC/O7p6CV/X0yxFqyMORp9rqptZfIfJ56vKLDJCHw6LC1W8rULnpuU+oYsGRodTs7lMI9N4eymXgiFBi4vgz0LL/ccpE4EhT7JcktG2mRBoOm0LLEUblAIVsOOIUeRIhNVEkDkeJAocQWoICJTiibDQFAwk2iuIaNtgBIzk2wJyNrJOAme5+1lmFOUP06++GoQTrxDFnBf0SMNXdT79NmLeWXt91w1iCPuvgaqbXzTD3AH2a4eqi1xqYS9GnCx499HgH5h6iVw+82uhxEOa20qsNXll6vAlze+mVhU+NrlGY+5QeNfhl6boIc0/TI4s6NboqMNZEVw31khOc1wRTFbomkmgwTlcFhproGkejbbs4rwlm7qVr1zYILKfrd5hYv5qu5RBaQ9dxGHiCrjUQi52g60eENkrXiRgkjtDjG4STPUaPI5Aq0mPwD4SQoFcRCjl6zLZCV/YCvcahdJJeY63Qka3R5x4EsOgz1voGAnxco98+BBqg3+rBv09B6qWf32KdZdBQYL2de36YOoQG6/cnbmGDldAySJEtZxNDb9+2t/uj7d9PXXrqdvvqBEVmoKlMY2Voa+mjkb4WhJDspIHOJMIpWgzJKiK0WI6h5GIw0dtBbR29MJWyqcVOYSHa23oYoKetHQvW1byOUmubu7BINsVXUWDj0AosrmgpbqcjGSuftzKRtB0vRfHf8w9mE5IMaEurmAAAAABJRU5ErkJggg==) no-repeat 0.2rem 0.25rem;
     background-size: 0.7rem 0.7rem;
 }
 
 .V-index .message .phone {
     position: relative;
     display: flex;
     justify-content: space-between;
     height: 0.5rem;
     line-height: 0.5rem;
 }
 
 .V-index .message .phone b {
     font-weight: normal;
     font-size: 0.28rem;
     color: #333;
 }
 
 .V-index .message .phone span {
     font-size: 0.24rem;
     color: #bbb;
 }
 
 .V-index .message .text {
     padding-bottom: 0.1rem;
     font-size: 0.26rem;
     color: #888;
     line-height: 0.36rem;
 }
 
 .V-index .message .text span {
     display: block;
     min-height: 0.36rem;
     overflow-wrap: break-word;
     word-wrap: break-word;
     word-break: break-all;
     white-space: pre-wrap;
 }
 
 .V-index .message .text i {
     display: inline-block;
     position: relative;
     top: 0.04rem;
     left: 0.1rem;
     width: 0.26rem;
     height: 0.26rem;
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAATlBMVEWrq6urq6uqqqqnp6eqqqqpqamqqqpHcEypqamnp6eqqqqqqqqpqamqqqqwsLCrq6upqamrq6unp6eqqqqqqqqioqKoqKioqKiqqqqqqqroOV28AAAAGXRSTlO/VZw3M7WvAIBAqk47kx3UjokgskULcDXlmUIg4gAAAJxJREFUSMft1tsKwkAMBNCobXfqrd51/v9HfRPRGSVQsMjO+4ENCZtESSd+RNCFzL5x5EibhSYHLzjXpCejVwEZnsiixyUAksRmHLKCzOVkSdhuwBD4Bt7OmrSknqwgr5rE4wGvY0v2lVRSyfQIIoLsUuT5r0mQZUkRALNSkuW/7cp/I3KrerL5sLu3mqy9GNxB0uz0rmgxmUvpa+6NiFnLmEzR5gAAAABJRU5ErkJggg==) no-repeat center;
     background-size: 0.22rem 0.22rem;
     transform: scale(1.35);
 }
 
 .V-index .message .phone i {
     display: none;
     position: absolute;
     right: -0.4rem;
     top: 0.06rem;
     width: 0.36rem;
     height: 0.36rem;
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAe1BMVEVHcEzMzMzNzc3Nzc3Q0NDMzMzNzc3Ly8vMzMzLy8vLy8vGxsbNzc3MzMzIyMjMzMzNzc3Ly8vLy8vMzMzLy8vMzMzb29vMzMzMzMzMzMzNzc3MzMzNzc3V1dXHx8fMzMzNzc3MzMzNzc3Ly8vLy8vOzs7R0dHIyMjMzMxOZsySAAAAKHRSTlMA30efG/JcgL9AiQlRzC7UxXWZI47bBxQ3zSRqWxIglWZVskliThwOQr4lSQAAAKZJREFUSMft1NkOgjAQheEiaju477u4e97/Cb1oLRYMnRANIel/NW3yJWQgCNGYhuS09Is53DZrL0E++SdC2UnVSp6JygKgnOPnqfsmLXDrtA0hNoF9MpLMtg35gk83sw6yuzzs4qNZ6qRfFHcg0dPA7nIPpHoaAb0CkYDKv/9vd4EEUguJgJmezkDMIhJTc/e4RFcW8f8QA6lOyvsJWS3KxViEqvYCfH1NVulo/9QAAAAASUVORK5CYII=) no-repeat center;
     background-size: 0.28rem 0.28rem;
 }
 
 .V-index .message .phone.delete {
     margin-right: 0.3rem;
 }
 
 .V-index .message .phone.delete i {
     display: block;
 }
 
 .V-index .message .images,
 .V-message .form .uploaded-images {
     display: flex;
     flex-wrap: wrap;
     width: 5.6rem;
 }
 
 .V-message .form .uploaded-images {
     display: none;
     width: 6rem;
 }
 
 .V-index .message .images .item,
 .V-message .form .uploaded-images .item {
     display: block;
     position: relative;
     margin-right: 0.1rem;
     margin-bottom: 0.1rem;
     width: 1.8rem;
     height: 1.8rem;
     background: #F0F0F0 center center no-repeat;
     background-size: contain;
     overflow: hidden;
 }
 
 .V-message .form .uploaded-images .item {
     margin-right: 0.18rem;
     margin-bottom: 0.18rem;
     width: 1.88rem;
     height: 1.88rem;
 }
 
 .V-index .message .images .item:nth-child(3n),
 .V-message .form .uploaded-images .item:nth-child(3n) {
     margin-right: 0;
 }
 
 .V-index .message .images .item i,
 .V-message .form .uploaded-images .item i {
     display: block;
     position: absolute;
     width: 0.8rem;
     height: 0.8rem;
     top: -0.4rem;
     right: -0.4rem;
     border-radius: 50%;
     background: rgba(0, 0, 0, 0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAe0lEQVRIS+3UMQ2AQBBE0T96MEGJEQQQbCABHdTowMySKyAE6r2jGATMT95tEI0+NericDV5U5s6TcDHRUT0Gb6S9ufuTR0RA7AAXUYYOIBJ0lb2n+ESnZOi1+wqafxNuA31ZVH9uJLf9jPvH0g1cVObOk3Ax5VG+x4+AUpvHh91WARVAAAAAElFTkSuQmCC) 0.12rem 0.45rem no-repeat;
     background-size: 30%;
 }
 
 .V-index .message .images .item i.delete {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAvVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9o6qWPAAAAPnRSTlMACTxgf5P4gEC/b0VpSiteghpNcVc4e1wmTzPnLR2jhCLHzNHW+pjgHOUCbgyStsWm6avzLxA+pQq02BS5vp/Y8joAAAFOSURBVEjH7dXHTgNBDADQAJuE3nsLvfde3/9/FgckYDN2xClcsPZiS+8y9tqNRt+jnUZOJPHXZDiNxn/8qufpHKTdyDvUH/LZX3Ty7nfQPQd3OMif6AB3XbUN3OTkBhtdtbN93nPyzv5Zd/Ga3Zzscl0UXzjOyTEvRXGb1s+RqKrqR9piuyAXOPlOMfKdneCiII94zcgrHgvSxHJGltEsyDQWMrKA6YLMYSIjE5gryBCWMrKEoYKs4DQjp1gpyEN9w9VJhYeCrNcfpU6aWC/IEa4ycoWjgjy1eMvIG62ncvLW2MnIDmvBsO5xmJFD9gJyyW1GbrkMyDPua/vwK7nHc0A2sRX/YFvYDOrnWI3JKs6TqzcWk7Hk9o1iPibzGA3qUxiPyTimgvosFuP1uojZgAz23t+DAZnsTSYDMtObzARkoF21q6+vOHgDfT7HHy5ei1F7LAGUAAAAAElFTkSuQmCC)
 }
 
 .V-index .message .button {
     display: flex;
     position: absolute;
     padding-top: 0.1rem;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 0.8rem;
 }
 
 .V-index .message .button a {
     flex: 1;
     text-align: center;
     height: 0.8rem;
     line-height: 0.6rem;
     box-sizing: border-box;
     color: #666;
     font-size: 0.28rem;
 }
 
 .V-index .message .button a:first-child {
     border-right: 1px solid #ededed;
 }
 
 .V-index .message .button a i {
     position: relative;
     top: -0.04rem;
     left: -0.06rem;
     width: 0.28rem;
     height: 0.28rem;
     opacity: 0.6;
 }
 
 .V-message .header .more {
     padding-left: 0.4rem;
     margin-right: 0.3rem;
     font-size: 0.28rem;
     color: #999;
 }
 
 .V-message .header .more .weui-icon-info-circle {
     position: absolute;
     top: 50%;
     left: 0;
     transform: translateY(-50%);
     width: 0.36rem;
     height: 0.36rem;
     background: #999
 }
 
 .V-message .notice {
     position: relative;
     height: 0.7rem;
     line-height: 0.7rem;
     background: #eafaef;
     overflow: hidden;
 }
 
 .V-message .notice .title {
     position: absolute;
     left: 0;
     top: 0;
     padding: 0.15rem;
     background: #eafaef;
 }
 
 .V-message .notice .title span {
     display: block;
     width: 0.7rem;
     height: 0.4rem;
     line-height: 0.4rem;
     text-align: center;
     font-size: 0.2rem;
     border-radius: 0.1rem;
     color: #FFF;
     background: #00d905;
 }
 
 .V-message .notice .content {
     position: absolute;
     top: 0;
     left: 1rem;
     width: 99rem;
     font-size: 0.24rem;
 }
 
 .V-message .notice .content span {
     display: block;
     float: left;
     animation: notice 30s linear infinite
 }
 
 .V-message .notice .content span i {
     display: inline-block;
     width: 0.7rem
 }
 
 .V-message .notice .close {
     display: flex;
     position: absolute;
     top: 0;
     right: 0;
     width: 0.8rem;
     height: 100%;
     background: #eafaef;
     justify-content: center;
     align-items: center;
 }
 
 .V-message .notice .close .weui-icon-close-thin {
     width: 0.4rem;
     height: 0.4rem;
     background: #222
 }
 
 @keyframes notice {
     to {
         transform: translateX(-50%)
     }
 }
 
 .V-message .form .phone {
     position: relative;
     margin: 0.5rem 0.5rem 0;
     width: 6.5rem;
     height: 1.1rem;
     z-index: 3;
 }
 
 .V-message .form .phone input {
     position: relative;
     width: 6rem;
     height: 0.6rem;
     line-height: 0.6rem;
     padding: 0.25rem;
     border-radius: 0.2rem;
     font-size: 0.3rem;
     background: #fff;
     z-index: 2;
 }
 
 .V-message .form .phone .history {
     display: none;
     position: absolute;
     left: 0;
     top: 0.8rem;
     padding-top: 0.3rem;
     padding-bottom: 0.05rem;
     width: 100%;
     background: #fff;
     border-radius: 0.2rem;
     box-shadow: 0 0 0.08rem 0.08rem rgba(0, 0, 0, 0.05);
     z-index: 1;
 }
 
 .V-message .form .phone .history div {
     position: relative;
     margin: 0 0.2rem;
     height: 0.7rem;
     line-height: 0.7rem;
     font-size: 0.3rem;
     color: #999;
     text-indent: 0.4rem;
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAABNVBMVEVHcEyYmJiXl5eZmZmZmZmYmJiZmZmXl5eYmJiampqZmZmZmZmZmZmampqZmZmZmZmZmZmampqSkpKZmZmZmZmZmZmZmZmampqZmZmYmJiZmZmbm5uXl5eXl5eXl5ednZ2YmJiZmZmZmZmZmZmYmJiYmJiZmZmZmZmZmZmcnJyZmZmioqKbm5uVlZWAgICZmZmZmZmbm5uZmZmampqYmJiZmZmZmZmZmZmYmJiZmZmampqXl5eampqYmJiZmZmYmJiZmZmYmJiYmJiZmZmZmZmampqZmZmampqampqZmZmZmZmZmZmZmZmSkpKZmZmYmJienp6ZmZmYmJiZmZmYmJiYmJiZmZmZmZmZmZmZmZmampqZmZmYmJiXl5eYmJiZmZmZmZmZmZmXl5eYmJiYmJiampqZmZmYgjkeAAAAZnRSTlMApoDZVXLjQCrUjOfyvxQe3YgH89CUxm2q8bYhIBtgDUPNsZt3al9rkSRkC1kMBH9mLhmDXM/Lc6Tp+TF0kPR8N8dP7o4wu6Z33FCn8RXIiCKjSJaan4nq0/fHnSVb+yjX62VKXis8wlPnAAAB/ElEQVRIx5WW5WLyQBBFb0hwaHEtUC917+fu7u523v8Rvh9AkexCcn8lszkk3J2dGcmnzk7KybqZjJt1Ut62Zmqz2mBMta3mVCBR7j1XjyUrlWSs3rsrJ6zAfL4I0GgPQ14NoJifNxPraaBUXRiPtjZKQHrNRKwCuWjBv1CI5oAV/8IyEJkzv38uAixNRgE8uy9RgPHQEpCY5uUisDwaWPH9hl/A6vBuDVichSSA9fP9SEN0dmJ4kB7sTx4ik+tHcDQZ24d8/41Fcj534xD3eZ2j2POobPosE6IolCWpCaVCMKRQgk1JW7ChYIiqUJVUg1ZQZAEa0jbUFBRRAzryzLllQdqwo5Q5VSyIICWHehikjqMssTBIjKxckmGQJK4yVMIgFTJTkMem+CkZ24cdwiPTMf2Fa/v7ciDpZzqQtZksHZuYf+DYtlLSCwPzB1K2hJGklJ/5DX9taSlJ6vqYCLRsyd/TmwnmWYwz6xHr6+048xDeWw/yQO9Gmd078NpaLs71Ck4H11fhgb0oDfUE+i1n7zLctJe+ER14Q7uuhSuwinCpGaqMSzo4DNcsJjWzJZkbzrTGd+XCrrm97lu83rtxnYthmrhu3wLawUcFndwHYvGgA8mPk+4ZwN1gY89z98N3AJ5274Ubrj4ev5ztd3+E+5T++fnLt6/+9f/bJJTcqycB3wAAAABJRU5ErkJggg==) no-repeat 0.05rem center;
     background-size: 0.26rem 0.26rem;
     border-top: 1px solid #f7f7f7;
 }
 
 .V-message .form .phone .history div:first-child {
     border-top: none;
 }
 
 .V-message .form .phone .history div i {
     display: block;
     position: absolute;
     top: 0.05rem;
     right: 0;
     width: 0.6rem;
     height: 0.6rem;
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAD1BMVEWXl5dHcEyampqXl5eZmZk7pETbAAAABHRSTlOAACYgpnpzTQAAALlJREFUOMu9lFEKwzAMQzXoAeqxixR6gGzk/mcaa5PGdngfg7F+tZGUyoodGT36ObJNq/cTeZQJWZ4HstdbAtb6OpC1ZtHy4aq/BElpDrLoZMomUSPKJlHjybKo02RZ1FmyJLpISt+Do7QwKEqbjG0Vf+ysKJp19hXcevcKFfqK5VORT0k+yeqTVYiy2JcI74YO2DVWyulgonwKeHJ82tgh3FXYidy92PE8JThZPI08wTz1fFP85a56A69kZdv9HLSoAAAAAElFTkSuQmCC) no-repeat center;
     background-size: 0.26rem 0.26rem;
 }
 
 .V-message .form .text {
     padding: 0.25rem;
     margin: 0.3rem 0.5rem;
     width: 6rem;
     min-height: 1.5rem;
     border-radius: 0.2rem;
     background: #fff url(./images/edit.jpg) no-repeat right bottom;
     background-size: 1.85rem 1.3rem;
 }
 
 .V-message .form .text .auto-height-textarea {
     position: relative;
     width: 100%;
     min-height: 1.5rem;
 }
 
 .V-message .form .text .auto-height-textarea textarea {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     background: transparent;
 }
 
 .V-message .form .text .auto-height-textarea textarea,
 .V-message .form .text .auto-height-textarea div {
     width: 100%;
     overflow: hidden;
     font-size: 0.3rem;
     line-height: 0.5rem;
     overflow-wrap: break-word;
     word-wrap: break-word;
     word-break: break-all;
 }
 
 .V-message .form .text .auto-height-textarea div {
     visibility: hidden;
 }
 
 .V-message .form .text .statistic,
 .V-message .form .images .statistic {
     padding-top: 1rem;
     font-size: 0.18rem;
     color: #51d37b;
 }
 
 .V-message .form .images .statistic {
     display: none;
     padding-top: 0;
 }
 
 .V-message .form .text .statistic .count,
 .V-message .form .images .statistic .count {
     color: #999;
     font-size: 0.22rem;
 }
 
 .V-message .form .text .statistic .count i {
     font-style: normal;
 }
 
 .V-message .form .images,
 .V-message .form .send-time {
     display: flex;
     flex-direction: column;
     margin: 0.3rem 0.5rem 0;
     padding: 0.25rem;
     width: 6rem;
     border-radius: 0.2rem;
     background: #fff;
 }
 
 .V-message .form .images .title,
 .V-message .form .send-time .title {
     display: flex;
     justify-content: space-between;
     width: 100%;
     height: 0.6rem;
     line-height: 0.6rem;
     font-size: 0.32rem;
     color: #aaa;
 }
 
 .V-message .form .images .title {
     height: 0.5rem;
     margin-bottom: 0.1rem;
 }
 
 .V-message .form .images .title span,
 .V-message .form .send-time .title span,
 .V-message .form .send-time .title input {
     display: block;
     width: 2.3rem;
     height: 0.6rem;
     line-height: 0.6rem;
     font-size: 0.3rem;
 }
 
 .V-message .form .images .title .choose-image,
 .V-message .form .send-time .title input {
     width: 3.3rem;
     text-align: right;
     font-size: 0.3rem;
 }
 
 .V-message .form .images .title svg,
 .V-message .form .send-time .title svg {
     margin-left: 0.1rem;
     margin-top: 0.1rem;
     width: 0.4rem;
     height: 0.4rem;
     fill: #aaa;
 }
 
 .V-message .agreement {
     text-align: center;
 }
 
 .V-message .agreement .weui-agree {
     margin: 0.05rem;
     padding: 0.25rem;
 }
 
 .V-message .send-message-button,
 .V-message .send-message-button a {
     position: relative;
     margin: 0 0.5rem;
     padding: 0;
     width: auto;
     height: 0.8rem;
     line-height: 0.8rem;
     border-radius: 0.4rem;
 }
 
 .V-message .send-message-button.disabled {
     opacity: 0.6;
 }
 
 .V-message .send-message-button svg {
     position: relative;
     top: 0.09rem;
     left: -0.05rem;
     fill: #fff;
     width: 0.4rem;
     height: 0.4rem;
 }
 
 .V-index .service,
 .V-message .preview-message {
     display: block;
     margin: 0.05rem;
     padding: 0.25rem;
     text-align: center;
     color: #576b95;
     font-size: 0.28rem;
 }
 
 .V-message .js_dialog_wrap.help-dialog .weui-bottom-fixed-opr-page__content,
 .V-message .js_dialog_wrap.agreement-dialog .weui-bottom-fixed-opr-page__content,
 .V-message .js_dialog_wrap.preview-dialog .weui-bottom-fixed-opr-page__content,
 .V-index .js_dialog_wrap.reply-dialog .weui-bottom-fixed-opr-page__content {
     padding-bottom: 1rem;
 }
 
 .V-message .js_dialog_wrap.help-dialog .weui-half-screen-dialog__desc,
 .V-message .js_dialog_wrap.agreement-dialog .weui-half-screen-dialog__desc {
     font-size: 0.3rem;
     color: #333;
 }
 
 .V-message .js_dialog_wrap.help-dialog .weui-half-screen-dialog__tips,
 .V-message .js_dialog_wrap.agreement-dialog .weui-half-screen-dialog__tips {
     font-size: 0.26rem;
     padding: 0.1rem;
     color: #999;
 }
 
 .V-message .js_dialog_wrap.agreement-dialog .weui-half-screen-dialog__tips {
     line-height: 0.4rem;
 }
 
 .V-message .js_dialog_wrap.preview-dialog .weui-half-screen-dialog__title {
     font-size: 0.3rem;
     font-weight: normal;
 }
 
 .V-message .js_dialog_wrap.preview-dialog .weui-half-screen-dialog__hd.phone {
     background: #f2f2f2;
     text-align: center;
     border-bottom: 1px solid #ddd;
 }
 
 .V-message .js_dialog_wrap.preview-dialog .send-time,
 .V-index .js_dialog_wrap.reply-dialog .send-time {
     margin-top: 0.2rem;
     height: 0.6rem;
     line-height: 0.6rem;
     text-align: center;
     color: #7e7e7e;
     font-size: 0.2rem;
 }
 
 .V-index .js_dialog_wrap.reply-dialog .send-time {
     margin-top: 0;
 }
 
 .V-message .js_dialog_wrap.preview-dialog .text,
 .V-index .js_dialog_wrap.reply-dialog .text {
     padding: 0.2rem;
     width: 5.5rem;
     font-size: 0.3rem;
     line-height: 0.4rem;
     background: #e9e9e9;
     border-radius: 0.3rem;
     overflow-wrap: break-word;
     word-wrap: break-word;
     word-break: break-all;
     white-space: pre-wrap;
 }
 
 .V-message .js_dialog_wrap.preview-dialog .text img {
     max-width: 100%;
 }