| 1 |
- .send{font-size:26rpx;color:#fff;padding:16rpx 20rpx;background:#0c66c2;border-radius:16rpx}.chat-bottom .chat-down-box{position:fixed;bottom:0;left:0;z-index:99;width:750rpx;background-color:#fff}.chat-bottom .chat-down-box .emoji-scroll{height:300rpx}.chat-bottom .chat-down-box .emoji-scroll .empji-box{width:750rpx}.chat-bottom .chat-down-box .emoji-scroll .empji-box text{padding:10rpx 0;text-align:center;width:10%;font-size:40rpx}.chat-bottom .chat-down-box .changyong-box{height:500rpx;width:100%}.chat-bottom .chat-down-box .changyong-box .changyong-scroll{min-height:1rpx;padding:0 32rpx;width:100%;box-sizing:border-box;border-top:2rpx solid #f0f0f0}.chat-bottom .chat-down-box .changyong-box .changyong-scroll .changyong-text{border-bottom:2rpx solid #f0f0f0;padding:32rpx 0;font-size:30rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#222}.chat-bottom .chat-down-box .changyong-box .changyong-scroll .changyong-text:last-child{border:none}.chat-bottom .chat-down-box .changyong-box .changyong-btn{height:90rpx;width:100%;box-shadow:0rpx -1rpx 0rpx 0rpx rgba(0,0,0,.2)}.chat-bottom .chat-down-box .changyong-box .changyong-btn .text2{height:44rpx;border:2rpx solid #e5e5e5}.chat-bottom .chat-down-box .changyong-box .changyong-btn .text1{line-height:90rpx;width:45%;text-align:center;font-size:32rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#0c66c2}.chat-bottom .chat-down-box .more-box{height:200rpx;padding:0 60rpx;width:100%;box-sizing:border-box}.chat-bottom .chat-down-box .more-box .more-item{margin:0 58rpx 0 0}.chat-bottom .chat-down-box .more-box .more-item .item-text{font-size:22rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#444}.chat-bottom .chat-down-box .more-box .more-item .item-img{width:114rpx;height:114rpx;background:#f3f3f3;border-radius:20rpx;margin-bottom:24rpx}.chat-bottom .chat-down-box .more-box .more-item .item-img .hide{position:absolute;top:0;right:0;min-width:100%;min-height:100%;filter:alpha(opacity=0);opacity:0;cursor:inherit;display:none}.chat-bottom .chat-down-box .more-box .more-item .item-img image{width:52rpx;height:52rpx}.chat-bottom .chat-down-box .chat-down-btn{margin:12rpx auto;width:686rpx;height:84rpx;background:#f3f3f3;border-radius:42rpx;padding:0 28rpx}.chat-bottom .chat-down-box .chat-down-btn .input{flex:1;margin-left:28rpx;font-size:28rpx}.chat-bottom .chat-down-box .chat-down-btn .img1{width:44rpx;height:44rpx;margin:0 28rpx}.chat-bottom .chat-down-box .chat-down-btn .img2{width:44rpx;height:44rpx}.chat-bottom .chat-down-box .chat-down-btn .changyong{width:44rpx;height:44rpx;line-height:44rpx;border:3rpx solid #131415;text-align:center;border-radius:100rpx;font-size:26rpx;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#131415}.chat-bottom .record-box{width:100%;position:relative}.chat-bottom .luyin button::after{border:none}.chat-bottom .luyin button{font-size:14px;line-height:38px;width:100%;height:38px;border-radius:8px;text-align:center;background:#f3f3f3}.chat-bottom .luyin button image{width:16px;height:16px;margin-right:4px;vertical-align:middle}.chat-bottom .record-btn-2{background:rgba(255,211,0,.2)}.chat-bottom .prompt-layer{border-radius:8px;background:#fff;padding:8px 16px;box-sizing:border-box;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.chat-bottom .prompt-layer::after{content:"";display:block;border:6px solid transparent;border-top-color:#ffd300;position:absolute;bottom:-10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.chat-bottom .prompt-layer-1{font-size:12px;width:128px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;top:-80px}.chat-bottom .prompt-layer-1 .p{color:#000}.chat-bottom .prompt-layer-1 .span{color:rgba(0,0,0,.6)}.chat-bottom .prompt-loader{width:96px;height:20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.chat-bottom .prompt-loader .em{display:block;background:#333;width:1px;height:10%;margin-right:2.5px;float:left}.chat-bottom .prompt-loader .em:last-child{margin-right:0}.chat-bottom .prompt-loader .em:nth-child(1){-webkit-animation:load 2.5s 1.4s infinite linear;animation:load 2.5s 1.4s infinite linear}.chat-bottom .prompt-loader .em:nth-child(2){-webkit-animation:load 2.5s 1.2s infinite linear;animation:load 2.5s 1.2s infinite linear}.chat-bottom .prompt-loader .em:nth-child(3){-webkit-animation:load 2.5s 1s infinite linear;animation:load 2.5s 1s infinite linear}.chat-bottom .prompt-loader .em:nth-child(4){-webkit-animation:load 2.5s .8s infinite linear;animation:load 2.5s .8s infinite linear}.chat-bottom .prompt-loader .em:nth-child(5){-webkit-animation:load 2.5s .6s infinite linear;animation:load 2.5s .6s infinite linear}.chat-bottom .prompt-loader .em:nth-child(6){-webkit-animation:load 2.5s .4s infinite linear;animation:load 2.5s .4s infinite linear}.chat-bottom .prompt-loader .em:nth-child(7){-webkit-animation:load 2.5s .2s infinite linear;animation:load 2.5s .2s infinite linear}.chat-bottom .prompt-loader .em:nth-child(8){-webkit-animation:load 2.5s 0s infinite linear;animation:load 2.5s 0s infinite linear}.chat-bottom .prompt-loader .em:nth-child(9){-webkit-animation:load 2.5s .2s infinite linear;animation:load 2.5s .2s infinite linear}.chat-bottom .prompt-loader .em:nth-child(10){-webkit-animation:load 2.5s .4s infinite linear;animation:load 2.5s .4s infinite linear}.chat-bottom .prompt-loader .em:nth-child(11){-webkit-animation:load 2.5s .6s infinite linear;animation:load 2.5s .6s infinite linear}.chat-bottom .prompt-loader .em:nth-child(12){-webkit-animation:load 2.5s .8s infinite linear;animation:load 2.5s .8s infinite linear}.chat-bottom .prompt-loader .em:nth-child(13){-webkit-animation:load 2.5s 1s infinite linear;animation:load 2.5s 1s infinite linear}.chat-bottom .prompt-loader .em:nth-child(14){-webkit-animation:load 2.5s 1.2s infinite linear;animation:load 2.5s 1.2s infinite linear}.chat-bottom .prompt-loader .em:nth-child(15){-webkit-animation:load 2.5s 1.4s infinite linear;animation:load 2.5s 1.4s infinite linear}@-webkit-keyframes load{0%{height:10%}50%{height:100%}100%{height:10%}}@keyframes load{0%{height:10%}50%{height:100%}100%{height:10%}}.chat-bottom .prompt-layer-2{top:-40px}.chat-bottom .prompt-layer-2 .text{color:#000;font-size:12px}
|
