You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
xzjl-ui/pages/home/jl/jlai/jlai.wxss

365 lines
6.6 KiB

/* pages/home/jl/jlai/jlai.wxss */
.reback{
position: absolute;
margin-left: 20rpx;
margin-top:108rpx;
width:48rpx;
height:48rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/reback.png);
}
.title{
position: absolute;
left: 278rpx;
top: 108rpx;
width: 196rpx;
height: 48rpx;
color: rgba(108, 108, 108, 1);
font-size: 32rpx;
text-align: center;
font-family: SourceHanSansSC-regular;
}
.mfcs{
position: absolute;
left: 0px;
top: 88px;
width: 375px;
height: 44px;
line-height: 88rpx;
opacity: 0.8;
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
text-align: center;
color: rgba(255, 255, 255, 1);
font-size: 14px;
}
.ltkjj{
position: absolute;
left: 16px;
top: 164px;
width: 343px;
height: 382px;
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;
}
.ltkjj1{
position: absolute;
left: 16px;
top: 164px;
width: 343px;
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{
position: absolute;
height: 50px;
line-height: 100rpx;
opacity: 0.9;
border-radius: 24px;
background: linear-gradient(222.69deg, rgba(248,99,42,1) 14.04%,rgba(249,135,89,1) 88.56%);
color: rgba(16, 16, 16, 1);
font-size: 12px;
text-align: center;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
font-family: Arial;
color: rgba(255, 255, 255, 1);
font-size: 14px;
text-align: center;
font-family: SourceHanSansSC-regular;
}
.ltxzys{
left: 38rpx;
top: 64rpx;
width: 88px;
}
.ltxzzb{
left: 128px;
top: 64rpx;
width: 88px;
}
.lttlzb{
top: 64rpx;
width: 88px;
left:237px;
}
.ltqgqs{
width:118px;
left:38rpx;
top:228rpx;
}
.ltwm{
left:158px;
top:228rpx;
width:167px;
}
.wzmxyx{
left:38rpx;
width:137px;
top:392rpx;
}
.ltqs{
left:172px;
width:153px;
top:392rpx;
}
.tximg{
position: absolute;
left: 38rpx;
top: 278px;
width: 42px;
height: 42px;
border: 3px solid rgba(161, 134, 81, 1);
background-color: coral;
}
.ltwzk{
position: absolute;
left: 154rpx;
top: 278px;
width: 241px;
height: 72px;
color: rgba(108, 108, 108, 1);
font-size: 17px;
line-height: 43rpx;
text-align: justify;
font-family: SourceHanSansSC-regular;
}
.ltk1{
position: absolute;
left: 0px;
top: 722px;
width: 375px;
height: 90px;
line-height: 20px;
background-color: rgba(248, 248, 248, 1);
text-align: center;
border: 1px solid rgba(255, 0, 0, 0);
}
.ltk1txt{
position: absolute;
left: 16px;
top: 14rpx;
width: 265px;
height: 84rpx;
border-radius: 5px;
color: rgba(136, 136, 136, 1);
font-size: 14px;
text-align: left;
font-family: Arial;
border: 1px solid rgba(255, 0, 0, 0);
}
.t-textarea{
margin: 0!important;
padding: 0!important;
height:84rpx;
line-height: 84rpx!important;
}
.ltk1txt1{
width: 265px;
height: 84rpx;
}
.t-textarea__wrapper-inner{
}
.t-textarea__label{
height:84rpx;
line-height: 84rpx!important;
}
.fsan{
position: absolute;
left: 332px;
top: 32rpx;
width: 27px;
height: 27px;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/chatbtn.png);
}
.addbtn{
position: absolute;
left: 293px;
top: 30rpx;
width: 27px;
height: 27px;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/addbtn.png);
}
.chatbox{
position: absolute;
top:132px;
width:750rpx;
height:1360rpx;
overflow: auto;
}
.chatbox1{
width:750rpx;
height:148rpx;
display: block;
}
.chattoux{
margin-left: 32rpx;
margin-top: 32rpx;
width: 84rpx;
height: 84rpx;
display: online;
}
.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;
}
.dd1{
width:750rpx;
height:160rpx;
}
.kthybtn{
position: absolute;
left: 224rpx;
top: 826rpx;
width: 120px;
height: 35px;
line-height: 70rpx;
border-radius: 10px;
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);
font-size: 12px;
text-align: center;
font-family: Arial;
color: rgba(255, 255, 255, 1);
font-size: 14px;
text-align: center;
font-family: SourceHanSansSC-medium;
}
.kthytips{
position: absolute;
top: 448px;
width: 343px;
height: 20px;
color: rgba(108, 108, 108, 1);
font-size: 12px;
text-align: center;
font-family: SourceHanSansSC-regular;
}
.hyhgtx{
position: absolute;
left: 196px;
top: 371px;
width: 59.8px;
height: 66.45px;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/jl/hyhg.png);
}
.ltk112{
position: absolute;
left: 0px;
top: 1224rpx;
width: 375px;
height: 90px;
line-height: 20px;
background-color: rgba(248, 248, 248, 1);
text-align: center;
border: 1px solid rgba(255, 0, 0, 0);
}
.myshkjj{
position: absolute;
top: 1340rpx;
width: 1924rpx;
height: 108px;
line-height: 20px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
overflow: auto;
}
.myshkjjco{
position: absolute;
height: 30px;
line-height: 55rpx;
opacity: 0.9;
border-radius: 24px;
background: linear-gradient(222.69deg, rgba(248,99,42,1) 14.04%,rgba(249,135,89,1) 88.56%);
font-size: 12px;
text-align: center;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
font-family: Arial;
color: rgba(255, 255, 255, 1);
font-size: 14px;
text-align: center;
font-family: SourceHanSansSC-regular;
}
.myshkjjxzys{
left: 14px;
top: 17px;
width: 88px;
}
.myshkjjxxzb{
left: 118px;
top: 17px;
width: 88px;
}
.myshkjjtlzb{
left: 222px;
top: 17px;
width: 88px;
}
.myshkjjwzmxyx{
left: 326px;
top: 17px;
width: 137px;
}
.myshkjjbwxyfqs{
left: 14px;
top: 63px;
width: 153px;
}
.myshkjjwhtwlhzy{
left: 183px;
top: 63px;
width: 167px;
}
.myshkjjqgqs{
left: 366px;
top: 63px;
width: 118px;
}