.service-item{width:100%;text-align:center;margin-bottom:1.067vw}.service-item .service-content{display:inline-block;padding:.533vw 2.667vw;border-radius:2.133vw;color:#fff;font-size:3.2vw;background:#ccc}.chat-item-left-message .voice-bg{flex-direction:row}.chat-item-left-message .voice-bg .voice-bg-duration{padding:0 0 0 1.333vw}.chat-item-left-message .voice-bg img{transform:rotateY(1turn)}.voice-bg{display:flex;align-items:center;flex-direction:row-reverse;height:5.067vw}.voice-bg .voice-bg-duration{font-weight:500;padding:0 1.333vw 0 0}.voice-bg img{width:3.333vw;transform:rotateY(180deg)}.time-box{width:64vw;max-height:29.333vw;border-radius:2.667vw;background:#fff;box-sizing:border-box;padding:4vw}.time-box .time-box1{height:2.933vw;font-size:2.933vw;font-weight:500;color:#ff2283;line-height:2.933vw;margin-bottom:2.667vw}.time-box .time-box3{font-size:3.467vw;font-weight:500;color:#0c0c0c;line-height:4.533vw;margin-top:4vw}.time-box22{width:64vw;border-radius:4vw;background:#f1f1f1;box-sizing:border-box;padding:4vw}.time-box22 .time-box23{font-size:3.467vw;font-weight:500;color:#0c0c0c;line-height:6.133vw;margin-bottom:2.667vw}.time-box22 .time-box24{font-size:3.467vw;color:#ff2283;line-height:6.667vw}.chat-main-box{height:calc(0vh - env(safe-area-inset-bottom) + 100%);height:calc(0vh - constant(safe-area-inset-bottom) + 100%)}.chat-main-box,.chat-main-box *{box-sizing:border-box}.chat-main-box .headWrap{position:fixed;top:0;z-index:1}.chat-main-box .chatCardBox{width:92vw;height:24vw;background-color:#fff;position:fixed;left:4vw;bottom:17.333vw;display:flex;box-sizing:border-box;padding:2.667vw}.chat-main-box .chatCardBox .chatCardBoxImage{width:18.667vw;height:18.667vw;border-radius:1.333vw;background-color:#f1f1f1;margin-right:2.667vw;overflow:hidden}.chat-main-box .chatCardBox .chatCardBoxImage img{display:block;width:100%}.chat-main-box .chatCardBox .chatCardBoxRight{width:calc(100% - 21.333vw)}.chat-main-box .chatCardBox .chatCardBoxRight1{font-size:3.733vw;color:#666867}.chat-main-box .chatCardBox .chatCardBoxRight2{font-size:3.733vw;color:#ff2283;margin:1.333vw 0}.chat-main-box .chatCardBox .chatCardBoxRight2 span{color:#acacac;font-size:2.933vw;margin-left:2.667vw}.chat-main-box .chatCardBox .chatCardBoxRight3{width:30.667vw;height:5.333vw;border-radius:.8vw;background-color:#ff2283;color:#fff;font-size:3.467vw;text-align:center;line-height:5.333vw}.chat-main-box .titBox{display:flex;flex-direction:column;justify-content:center;align-items:center}.chat-main-box .titBox .tit{font-size:3.733vw;font-weight:500}.chat-main-box .titBox .desc{color:#a8a8a8;font-size:3.2vw}.chat-main-box .chat-box-box{width:100%;background-color:#fff;box-sizing:border-box;padding:13.333vw 2.667vw 13.333vw 2.667vw}.chat-main-box .chat-box-box1{padding-bottom:29.333vw}.chat-main-box .sound-img{width:4vw;margin:0 2.667vw 0 2.667vw;box-sizing:border-box}.chat-main-box .chat-bottom{line-height:0;flex:0 0 13.333vw;position:fixed;bottom:0;width:100vw;background-color:#fff;padding:1.867vw;display:flex;align-items:center;overflow:hidden;box-sizing:border-box}.chat-main-box .chat-bottom *{-moz-user-select:none;-webkit-user-select:none;user-select:none}.chat-main-box .chat-bottom input{-webkit-user-select:auto}.chat-main-box .chat-bottom .send-img{width:8vw;margin-left:2.667vw;margin-right:1.333vw}.chat-main-box .chat-bottom .text-input{padding:1.867vw;padding-left:3.333vw}.chat-main-box .chat-bottom .text-input,.chat-main-box .chat-bottom .text-textarea{height:9.333vw;border:1px solid #eee;box-sizing:border-box;outline:none;font-size:3.2vw;flex:1;background:#f8f7f5;border-radius:5.733vw}.chat-main-box .chat-bottom .text-textarea{line-height:9.333vw;padding:0;resize:none;padding-left:3.333vw}.chat-main-box .chat-bottom .text-textarea::-webkit-scrollbar{width:2.133vw;border:0;background:transparent}.chat-main-box .chat-bottom .text-textarea::-webkit-scrollbar-thumb,.chat-main-box .chat-bottom .text-textarea::-webkit-scrollbar-track:hover{background:transparent}.chat-main-box .chat-bottom .text-input2{box-sizing:border-box;text-align:center;color:#c9c9c9;font-size:4.267vw;display:flex;align-content:center;justify-content:center;padding:0;line-height:8vw;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-main-box .chat-bottom .c-btn{width:16vw;height:9.333vw;margin-left:1.867vw}.chat-main-box .chat-bottom .up-image{width:6.133vw;height:6.133vw;margin-left:1.867vw}.chat-main-box .chat-item{display:flex;margin-bottom:4vw;justify-content:left;text-align:left}.chat-main-box .chat-item .chat-item-img{width:8.667vw;height:8.667vw;border-radius:8vw;background-color:#f1f1f1;margin-right:2.4vw;overflow:hidden}.chat-main-box .chat-item .chat-item-img img{display:block;width:100%}.chat-main-box .chat-item .chat-item-right .chat-item-right-time{font-size:2.933vw;margin-bottom:1.333vw}.chat-main-box .chat-item .chat-item-right .chat-item-right-title{font-size:2.933vw;color:#666}.chat-main-box .chat-item .chat-item-right .chat-item-right-title span{background:red;padding:.267vw 1.067vw;border-radius:.267vw;font-size:1.6vw;color:#fff;font-weight:600;line-height:1.6vw;font-style:italic}.chat-main-box .chat-item .chat-item-right .chat-item-right-title .chat-item-right-title-ico{margin-bottom:-.533vw;padding-left:1.6vw;width:13.333vw}.chat-main-box .chat-item .chat-item-right .card-message-box{width:64vw;border-radius:4.667vw!important;background-color:#fff;padding:0!important;overflow:hidden;display:flex;flex-wrap:wrap;box-shadow:0 0 .667vw 0 rgba(41,41,41,.2)}.chat-main-box .chat-item .chat-item-right .card-message-box .card-content{width:32vw;height:32vw;position:relative}.chat-main-box .chat-item .chat-item-right .card-message-box .card-content .card-message-img{width:32vw;height:32vw;border:1px solid #fff}.chat-main-box .chat-item .chat-item-right .card-message-box .card-content .card-message-bottom{position:absolute;bottom:0;left:0;background:rgba(0,0,0,.25);color:#fff;width:32vw;text-align:left;padding-left:2vw}.chat-main-box .chat-item .chat-item-right .card-message-box .card-bottom{width:64vw;background:#fff;display:flex;padding:1.333vw;justify-content:space-between}.chat-main-box .chat-item .chat-item-right .card-message-box .card-bottom .card-bottom-text img{width:21.333vw}.chat-main-box .chat-item .chat-item-right .card-message-box .card-bottom .card-bottom-location{display:flex;justify-content:center;align-items:center;color:#9f9f9f}.chat-main-box .chat-item .chat-item-right .card-message-box .card-bottom .card-bottom-location img{width:4vw}.chat-main-box .chat-item .chat-item-right .chat-item-vip{padding:0!important;background:#fff;overflow:hidden;border-radius:2.667vw;background:transparent!important}.chat-main-box .chat-item .chat-item-right .chat-item-vip img{width:64vw}.chat-main-box .chat-item .chat-item-right .chat-item-right-message{max-width:64vw;padding:2.4vw;border-radius:1.333vw;font-size:3.467vw;color:#444;line-height:6.133vw;background-color:#ffebd3}.chat-main-box .chat-item .chat-item-right .chat-item-left-message{word-break:break-all;max-width:64vw;padding:2.4vw;border-radius:1.333vw;font-size:3.467vw;color:#444;line-height:6.133vw;background-color:#f1f1f1}.chat-main-box .chat-item .chat-item-right .chat-item-right-img{max-width:100%;width:26.667vw;background-color:#fff;border-radius:2.667vw;overflow:hidden}.chat-main-box .chat-item .chat-item-right .chat-item-right-img img{display:block;width:100%}.chat-main-box .chat-item1{justify-content:flex-end;text-align:right}.chat-main-box .chat-item1 .chat-item-img{margin-left:2.133vw;margin-right:0}.chat-main-box .chat-item1 .chat-item-right-title{text-align:right}.vanPop{background:transparent;padding:9.333vw 0 21.333vw 0}.vanPop .dialogBox{position:relative;width:62.4vw;background-color:#fff;border-radius:4.267vw;background:linear-gradient(-180deg,#ffe7aa,#fff 40%);text-align:center;color:#999;font-size:3.733vw;padding:19.467vw 0 7.733vw 0}.vanPop .dialogBox .tit{color:#ffbc3b;font-weight:500;font-size:5.333vw}.vanPop .dialogBox .desc{margin:1.6vw 0}.vanPop .dialogBox .btn{text-align:center;margin-top:4vw}.vanPop .dialogBox .btn>span{display:inline-block;border-radius:6.8vw;background:linear-gradient(-68.19deg,#fcde00 15%,#ff881a 56%,#fcde00);padding:2.133vw 13.867vw;color:#fff}.vanPop .dialogBox .goldIcon{position:absolute;top:0;left:50%;transform:translate(-50%,-35%)}.vanPop .dialogBox .close{position:absolute;bottom:-20vw;left:50%;transform:translate(-50%)}.vanPop .dialogBox .close .clear{color:hsla(0,0%,100%,.4470588235294118)}