page{height:100%}.chat-box{display:flex;flex-direction:column;height:100%;background:#f0f1f2}.chat-box .head-box{background:linear-gradient(85deg,#3875ea,#1890fc)}.chat-box .head-box .title-hd{display:flex;align-items:center;justify-content:center;position:relative;height:43px;padding:0 30rpx;color:#fff}.chat-box .head-box .title-hd .icon-fanhui{position:absolute;left:30rpx;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.chat-box .head-box .title-hd .icon-gengduo2{position:absolute;right:210rpx;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.chat-box .scroll-box{flex:1}.chat-box .footer-box{display:flex;align-items:center;color:rgba(0,0,0,.8);background:#f7f7f7;padding:0 30rpx 15rpx 30rpx;height:115rpx}.chat-box .footer-box .words .icon-tupian{font-size:50rpx}.chat-box .footer-box .input-box{display:flex;align-items:center;flex:1;height:64rpx;padding-right:5rpx;margin-left:18rpx;background-color:#fff;border-radius:32rpx}.chat-box .footer-box .input-box input{flex:1;padding-left:20rpx;height:100%;font-size:28rpx;font-weight:400}.chat-box .footer-box .input-box .icon-fasong{font-size:50rpx;color:#ccc;font-weight:400}.chat-box .footer-box .input-box .isSend{color:#3875ea}.chat-box .footer-box .emoji .icon-biaoqing{margin-left:18rpx;font-size:50rpx}.chat-box .footer-box .more .icon-gengduozhankai{margin-left:18rpx;font-size:50rpx}.tool-wrapper{display:flex;justify-content:space-between;padding:45rpx 60rpx;background:#fff;font-size:24rpx}.tool-wrapper .tool-item{text-align:center}.tool-wrapper .tool-item image{width:104rpx;height:104rpx}.slider-banner{background:#fff;padding-bottom:0rpx;padding-bottom:calc(constant(safe-area-inset-bottom));padding-bottom:calc(env(safe-area-inset-bottom))}.words-mask{z-index:50;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.words-mask .content{position:absolute;left:0;right:0;top:114rpx;bottom:0;display:flex;flex-direction:column;padding:0 30rpx;background:#fff;border-radius:6rpx 6rpx 0 0}.words-mask .content .title-box{position:relative;height:125rpx;line-height:125rpx;text-align:center;font-size:32rpx}.words-mask .content .title-box .icon-cha1{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.words-mask .content .scroll-box{flex:1;overflow:hidden}.words-mask .content .scroll-box .msg-item{padding:25rpx 0;border-bottom:1px solid #eceff8}.chat-scroll-box{flex:1;padding:30rpx 30rpx 0;overflow:hidden}.chat-scroll-box .chat-item{display:flex;margin-bottom:36rpx;-webkit-user-select:auto}.chat-scroll-box .chat-item .avatar{width:80rpx;height:80rpx;border-radius:50%}.chat-scroll-box .chat-item .msg-box{display:flex;align-items:center;max-width:452rpx;margin-left:22rpx;padding:10rpx 24rpx;background:#fff;border-radius:14rpx;word-break:break-all;-webkit-user-select:auto}.chat-scroll-box .chat-item .img-box{width:270rpx;margin-left:22rpx}.chat-scroll-box .chat-item .img-box image{width:270rpx}.chat-scroll-box .chat-item .product-box{width:452rpx;margin-left:22rpx;background-color:#fff;border-radius:14rpx;overflow:hidden}.chat-scroll-box .chat-item .product-box image{width:452rpx}.chat-scroll-box .chat-item .product-box .info{padding:16rpx 26rpx}.chat-scroll-box .chat-item .product-box .info .price{font-size:36rpx;color:var(--view-priceColor)}.chat-scroll-box .chat-item .product-box .info .price text{font-size:28rpx}.chat-scroll-box .chat-item .order-box{width:452rpx;margin-left:22rpx;background-color:#fff;border-radius:14rpx}.chat-scroll-box .chat-item .order-box .title{padding:15rpx 20rpx;font-size:26rpx;color:#282828;border-bottom:1px solid #eceff8}.chat-scroll-box .chat-item .order-box .info{display:flex;padding:20rpx}.chat-scroll-box .chat-item .order-box .info image{width:124rpx;height:124rpx;border-radius:6rpx}.chat-scroll-box .chat-item .order-box .info .product-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;margin-left:16rpx}.chat-scroll-box .chat-item .order-box .info .product-info .name{font-size:26rpx}.chat-scroll-box .chat-item .order-box .info .product-info .price{font-size:30rpx;color:var(--view-priceColor)}.chat-scroll-box .chat-item.right-box{flex-direction:row-reverse}.chat-scroll-box .chat-item.right-box .msg-box{margin-left:0;margin-right:22rpx;background-color:#9cec60}.chat-scroll-box .chat-item.right-box .img-box{margin-left:0;margin-right:22rpx}.chat-scroll-box .chat-item.right-box .product-box{margin-left:0;margin-right:22rpx}.chat-scroll-box .chat-item.right-box .order-box{margin-left:0;margin-right:22rpx}.chat-scroll-box .chat-item .em{margin:0}.broadcast-details_box{display:flex;background:#fff;border-radius:6px;padding:24rpx}.broadcast_details_img{width:140rpx;height:140rpx;border-radius:8px;overflow:hidden;position:relative}.broadcast_details_img .goods-img{width:100%;height:100%}.broadcast_details_picBox{width:75%;margin-left:24rpx}.broadcast_details_tit{font-size:28rpx;color:#333;height:85rpx;font-weight:800;line-height:40rpx;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:left!important}.broadcast_details_pic{font-size:36rpx;color:var(--view-priceColor);text-align:left}.broadcast_details_pic_num{text-decoration:line-through;font-size:28rpx;color:rgba(0,0,0,.5);margin-left:.1rem}.broadcast_details_btn{width:130rpx;height:50rpx;background:var(--view-theme);opacity:1;border-radius:125rpx;color:#fff;font-size:24rpx;text-align:center;line-height:50rpx}.broadcast-details_num{width:100%;height:80rpx;line-height:80rpx;color:#000;font-size:26rpx;display:flex;justify-content:space-between;background:#fff;border-bottom:1px dashed rgba(0,0,0,.2);padding:0 24rpx}.day-box{font-size:24rpx;color:#999;text-align:center;margin-bottom:36rpx}.em{display:inline-block;width:50rpx;height:50rpx;margin:40rpx 0 0 50rpx}.emoji-outer{position:absolute;right:50rpx;bottom:30rpx;width:50rpx;height:50rpx}
|
