xzjl-ui/pages/home/jl/jlai/jlai.wxss

/* pages/home/jl/jlai/jlai.wxss */
.ai-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.header {
    position: relative;
    width: 100%;
    height: 176rpx;
    padding-top: 88rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reback{
    position: absolute;
    left: 20rpx;
    width:48rpx;
    height:48rpx;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/reback.png);
}

.title{
    width: 196rpx;
    height: 48rpx;
    color: rgba(108, 108, 108, 1);
    font-size: 32rpx;
    text-align: center;
}

.main {
    flex: 1;
    width: 100%;
    overflow: hidden;
}

.mfcs{
    width: 100%;
    height: 88rpx;
    background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
    color: rgba(255, 255, 255, 1);
    font-size: 28rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ltkjj{
    margin: 0 auto;
    margin-top: 64rpx;
    width: 686rpx;
    padding: 0 38rpx;
    border-radius: 30rpx;
    background-color: rgba(255, 255, 255, 1);
    color: rgba(16, 16, 16, 1);
    font-size: 28rpx;
    box-shadow: 2rpx 4rpx 12rpx 0px rgba(0, 0, 0, 0.2);
}

.ltkjj-item {
    width: 100%;
    height: 164rpx;
    padding-top: 64rpx;
    display: flex;
    justify-content: space-between;
}


.ltkjj1{
    position: absolute;
    left: 32rpx;
    top: 328rpx;
    width: 686rpx;
    height: 1000rpx;
    line-height: 20px;
    opacity: 0.9;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 1);
    color: rgba(16, 16, 16, 1);
    font-size: 14px;
    text-align: center;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.2);
    font-family: Arial;
}

.ltat{
    width: 176rpx;
    height: 100rpx;
    opacity: 0.9;
    border-radius: 50rpx;
    background: linear-gradient(222.69deg, rgba(248,99,42,1) 14.04%,rgba(249,135,89,1) 88.56%);
    color: #fff;
    font-size: 24rpx;
    box-shadow: 0px 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ltwm {
    width: 236rpx;
    height: 100rpx;
    opacity: 0.9;
    border-radius: 50rpx;
    background: linear-gradient(222.69deg, rgba(248,99,42,1) 14.04%,rgba(249,135,89,1) 88.56%);
    color: #fff;
    font-size: 24rpx;
    box-shadow: 0px 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}

.wzmxyx {
    width: 334rpx;
    height: 100rpx;
    opacity: 0.9;
    border-radius: 50rpx;
    background: linear-gradient(222.69deg, rgba(248,99,42,1) 14.04%,rgba(249,135,89,1) 88.56%);
    color: #fff;
    font-size: 24rpx;
    box-shadow: 0px 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ltqsfaf {
    width: 274rpx;
    height: 100rpx;
    opacity: 0.9;
    border-radius: 50rpx;
    background: linear-gradient(222.69deg, rgba(248,99,42,1) 14.04%,rgba(249,135,89,1) 88.56%);
    color: #fff;
    font-size: 24rpx;
    box-shadow: 0px 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}

.lltqsfeaf {
    width: 306rpx;
    height: 100rpx;
    opacity: 0.9;
    border-radius: 50rpx;
    background: linear-gradient(222.69deg, rgba(248,99,42,1) 14.04%,rgba(249,135,89,1) 88.56%);
    color: #fff;
    font-size: 24rpx;
    box-shadow: 0px 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}

.tximg{
    width: 84rpx;
    height: 84rpx;
    margin-top: 64rpx;
}
.ltwzk{
    margin-top: 64rpx;
    width: 482rpx;
    height: 144rpx;
    color: rgba(108, 108, 108, 1);
    font-size: 17px;
    line-height: 43rpx;
    text-align: justify;
    font-family: SourceHanSansSC-regular;
}

.ltkjj-btm {
    width: 100%;
    height: 272rpx;
    display: flex;
    justify-content: space-between;
}

.ltkjj-btn {
    width: 100%;
    height: 236rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.ai-btm {
    margin-bottom: 64rpx;
}

.ltk1{
    width: 100%;
    height: 112rpx;
    padding: 14rpx 32rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F8F8F8;
}

.ltk1txt{
    width: 530rpx;
    height: 84rpx;
    border-radius: 10rpx;
    color: rgba(136, 136, 136, 1);
    font-size: 28rpx;
    text-align: left;
    padding-left: 20rpx;
    background-color: #fff;
}
.t-textarea{
    margin: 0!important;
    padding: 0!important;
    height:84rpx;
    line-height: 84rpx!important;
}
.ltk1txt1{
    width: 530rpx;
    height: 84rpx;
}

.t-textarea__label{
    height:84rpx;
    line-height: 84rpx!important;
}

.fsan{
    width: 54rpx;
    height: 54rpx;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/chatbtn.png);
}

.addbtn{
    width: 54rpx;
    height: 54rpx;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/addbtn.png);
}

.chatbox{
    width: 750rpx;
    height: 100%;
    overflow-y: scroll;
}

.chatbox1{
    width:750rpx;
    height:166rpx;
    display: block;
}

.chatbox2{
    width:750rpx;
    height:166rpx;
    display: block;
    background-color: rgba(248, 99, 42, 0.05);
}

.chattoux{
    margin-left: 32rpx;
    margin-top: 32rpx;
    border-radius: 50%;
    overflow: hidden;
    width: 84rpx;
    height: 84rpx;
}

.chattoux image {
    width: 100%;
    height: 100%;
}

.chatinfo{
    margin-left: 74px;
    margin-top: -70rpx;
    width: 280px;
    height: 90px;
    color: rgba(79, 79, 79, 1);
    font-size: 17px;
    text-align: justify;
    font-family: SourceHanSansSC-regular;
}

.kthybtn{
    position: relative;
    width: 240rpx;
    height: 70rpx;
    border-radius: 20rpx;
    background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
    color: rgba(16, 16, 16, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 28rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kthytips{
    color: rgba(108, 108, 108, 1);
    font-size: 24rpx;
}

.hyhgtx{
    position: absolute;
    top: -80rpx;
    right: -40rpx;
    width: 120rpx;
    height: 127rpx;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/hyhg.png);
}

.myshkjj{
    width: 100%; /* 容器宽度 */
    overflow-x: scroll; /* 横向滚动 */
}

.myshkjj-container {
    width: 990rpx;
    height: 200rpx;
    padding-top: 20rpx;
    display: flex;
    flex-wrap: wrap;
}

.myshkjjco{
    margin-left: 30rpx;
    height: 60rpx;
    border-radius: 48rpx;
    background: linear-gradient(222.69deg, rgba(248,99,42,1) 14.04%,rgba(249,135,89,1) 88.56%);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
    color: rgba(255, 255, 255, 1);
    font-size: 28rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}
.myshkjjxzys{
    width: 176rpx;
}
.myshkjjxxzb{
    width: 176rpx;
}
.myshkjjtlzb{
    width: 178rpx;
}
.myshkjjwzmxyx{
    width: 274rpx;
}
.myshkjjbwxyfqs{
    width: 306rpx;
}
.myshkjjwhtwlhzy{
    width: 334rpx;
}
.myshkjjqgqs{
    width: 236rpx;
}

.noChat {
    position: absolute;
    top: 276rpx;
    width: 100%;
    height: 1180rpx;
    background-color: rgba(255, 255, 255, 0.7);
}

.noChat-taost {
    width: 686rpx;
    height: 540rpx;
    margin: 278rpx auto;
    padding: 96rpx 40rpx;
    box-sizing: border-box;
    border-radius: 30rpx;
    background-color: rgba(255, 255, 255, 1);
    color: rgba(16, 16, 16, 1);
    font-size: 28px;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.2);
}

.noChat-taost-top {
    width: 100%;
    height: 106rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.taost-top-left {
    width: 84rpx;
    height: 84rpx;
    border-radius: 50%;
    border: 6rpx solid #A18651;
}

.taost-top-right {
    color: rgba(108, 108, 108, 1);
    font-size: 34rpx;
}

.noChat-taost-btm {
    width: 100%;
    height: 110rpx;
    margin-top: 164rpx;
}

.taost-btm-btn {
    width: 100%;
    height: 70rpx;
    display: flex;
    justify-content: center;
    align-items: center;
}

.taost-btm-btn .btn {
    position: relative;
    width: 240rpx;
    height: 70rpx;
    border-radius: 20rpx;
    background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
    color: rgba(16, 16, 16, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, 1);
    font-size: 28rpx;
}

.taost-btm-btn .btn-img {
    position: absolute;
    top: -80rpx;
    right: -50rpx;
    width: 120rpx;
    height: 127rpx;
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-image: url(https://wish-assets.windymuse.com.cn/xy/hyhg.png);
}

.taost-btm-text {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(108, 108, 108, 1);
    font-size: 24rpx;
}