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/xx/index.wxss

598 lines
14 KiB

/* pages/home/xx/index.wxss */
/* pages/home/xyc/wdyw/wdyw.wxss */
.reback{
position: fixed;
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: fixed;
left: 278rpx;
top: 108rpx;
width: 196rpx;
height: 48rpx;
color: rgba(108, 108, 108, 1);
font-size: 32rpx;
text-align: center;
font-family: SourceHanSansSC-regular;
}
.bkgfs{
position: absolute;
left: 48px;
top: 70rpx;
width: 279px;
height: 128px;
line-height: 20px;
border-radius: 15px;
background-color: rgba(253, 190, 196, 1);
text-align: center;
}
.bkg{
position: absolute;
width: 691.33rpx;
height: 1326rpx;
display: flex;
flex-direction: column;
background-repeat: no-repeat;
background-size:100% 100%;
margin-left:29.33rpx;
margin-top: 98rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/bkg.png);
color:#9A9A9A;
text-align: center;
font-size: 27rpx;
}
.xzt{
position: absolute;
width: 398rpx;
height: 314rpx;
display: flex;
flex-direction: column;
background-repeat: no-repeat;
background-size:100% 100%;
margin-left:146.67rpx;
margin-top: 234rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xzt.png);
color:#9A9A9A;
text-align: center;
font-size: 27rpx;
}
.fgx{
position: absolute;
width: 398rpx;
height: 16rpx;
display: flex;
flex-direction: column;
background-repeat: no-repeat;
background-size:100% 100%;
margin-left:146.67rpx;
margin-top: 702rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/fgx.png);
color:#9A9A9A;
text-align: center;
font-size: 27rpx;
}
.xzbtn{
position: absolute;
width: 234rpx;
height: 96.67rpx;
display: flex;
flex-direction: column;
background-repeat: no-repeat;
background-size:100% 100%;
margin-left:228.67rpx;
margin-top: 558.67rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xzbtn.png);
color:#9A9A9A;
text-align: center;
font-size: 27rpx;
}
.jbbtn{
position: absolute;
width: 234rpx;
height: 96.67rpx;
display: flex;
flex-direction: column;
background-repeat: no-repeat;
background-size:100% 100%;
margin-left:228.67rpx;
margin-top: 1108.67rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/jbbtn.png);
color:#9A9A9A;
text-align: center;
font-size: 27rpx;
}
.jbt{
position: absolute;
width: 398rpx;
height: 314rpx;
display: flex;
flex-direction: column;
background-repeat: no-repeat;
background-size:100% 100%;
margin-left:146.67rpx;
margin-top: 784rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/jbt.png);
color:#9A9A9A;
text-align: center;
font-size: 27rpx;
}
.hybtn{
position: fixed;
left: 0px;
top: 104px;
width: 83px;
height: 35px;
line-height: 70rpx;
opacity: 0.7;
border-radius: 0px 10px 10px 0px;
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
text-align: center;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
color: rgba(255, 255, 255, 1);
font-size: 14px;
text-align: center;
font-family: SourceHanSansSC-regular;
}
.xfgjl{
position: fixed;
left: 0px;
margin-top: 1286rpx;
width: 750rpx;
height: 87px;
line-height: 20px;
opacity: 0.7;
background-color: rgba(255, 255, 255, 1);
text-align: center;
}
.ltinfo{
position: absolute;
width: 750rpx;
height: 2000rpx;
margin-top:200rpx;
}
.h1{
position: fixed;
left: 0px;
width: 375px;
height: 88px;
line-height: 20px;
background-color: rgba(255, 255, 255, 1);
text-align: center;
}
.txl{
position: absolute;
left: 122px;
top: 30rpx;
width: 36px;
height: 36px;
}
.txr{
position: absolute;
top: 30rpx;
left:434rpx;
width: 36px;
height: 36px;
}
.qlzjt{
position: absolute;
left: 173px;
top: 50rpx;
width: 30px;
height: 16px;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/qlzjt.png);
color:#9A9A9A;
text-align: center;
font-size: 27rpx;
}
.bkgfstxt{
position: absolute;
left: 28px;
top: 74rpx;
width: 223px;
height: 73px;
color: rgba(255, 255, 255, 1);
font-size: 14px;
text-align: center;
font-family: SourceHanSansSC-regular;
}
.xxqlcd{
position: absolute;
top: 32rpx;
width: 55px;
height: 55px;
border-radius: 56rpx;
line-height: 110rpx;
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;
box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
font-family: Arial;
border: 5rpx solid rgba(255, 255, 255, 1);
color: rgba(255, 255, 255, 1);
font-size: 16px;
text-align: center;
font-family: SourceHanSansSC-medium;
}
.xxqlcd1{
left: 21px;
}
.xxqlcd2{
left: 114px;
}
.xxqlcd3{
left: 206px;
}
.xxqlcd4{
left: 299px;
}
.ltxinxi{
position: absolute;
margin-top:360rpx;
width: 750rpx;
}
.wchatfor{
width: 750rpx;
}
.wchattime{
left: 131px;
top: 256px;
width: 750rpx;
height: 28px;
color: rgba(153, 153, 153, 1);
font-size: 12px;
text-align: center;
font-family: SourceHanSansSC-regular;
}
.wchattxk{
display: inline-block;
margin-left: 317px;
margin-top: 7rpx;
width: 36px;
height: 36px;
}
.wchattxk1{
display: inline-block;
margin-left: 19px;
margin-top: 7rpx;
width: 36px;
height: 36px;
background-color: chartreuse;
}
.dfxf{
display: inline-block;
margin-left: 12px;
top: 287px;
width: 93px;
height: 65px;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xfpic.png);
}
.tt{
display: inline-block;
width: 750rpx;
}
.dfxfydwd{
display: inline-block;
margin-left: 20rpx;
margin-top: 30px;
width: 28px;
height: 20px;
color: rgba(206, 206, 206, 1);
font-size: 12px;
text-align: left;
font-family: SourceHanSansSC-regular;
}
.dftext{
display: inline-block;
margin-left: 7px;
width: 180px;
height: 60px;
line-height: 60px;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/textpic.png);
color: rgba(51, 51, 51, 1);
font-size: 14px;
text-align: left;
font-family: SourceHanSansSC-regular;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
}
.xjtext{
margin-left: 36rpx;
width: 123px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
}
.dftextwd{
display: inline-block;
margin-left: 20rpx;
top: -30px;
width: 28px;
height: 20px;
line-height: 20px;
color: rgba(206, 206, 206, 1);
font-size: 12px;
text-align: left;
font-family: SourceHanSansSC-regular;
}
.dfaudio{
display: inline-block;
margin-left: 10px;
top: 768px;
width: 150px;
height: 42px;
line-height: 20px;
border-radius: 10px;
background-color: rgba(255, 255, 255, 1);
color: rgba(16, 16, 16, 1);
font-size: 14px;
text-align: center;
font-family: Arial;
border: 1px solid rgba(239, 239, 239, 1);
}
.dfaudiologo{
position: relative;
left: 16px;
top: 6px;
width: 30px;
height: 30px;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/yppic.png);
}
.dfaudiologotxt{
float: left;
margin-left: 66px;
margin-top: -19px;
width: 45px;
height: 18px;
color: rgba(154, 154, 154, 1);
font-size: 12px;
text-align: left;
font-family: SourceHanSansSC-regular;
}
.zjtablea1{
width: 750rpx;
height: 176rpx;
}
.zjtx1{
position: absolute;
margin-left: 317px;
margin-top: 19rpx;
width: 36px;
height: 36px;
}
.zjxf1{
position: absolute;
margin-left: 215px;
width: 93px;
height: 65px;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/xfpic.png);
}
.zjydwd1{
position: absolute;
margin-left: 360rpx;
margin-top: 50px;
width: 28px;
height: 20px;
color: rgba(206, 206, 206, 1);
font-size: 12px;
text-align: left;
font-family: SourceHanSansSC-regular;
}
.zjtablea2{
width: 750rpx;
height:134rpx;
}
.zjypk1{
position: absolute;
left: 160px;
margin-top: 7px;
width: 150px;
height: 42px;
line-height: 20px;
border-radius: 10px;
background-color: rgba(255, 255, 255, 1);
color: rgba(16, 16, 16, 1);
font-size: 14px;
text-align: center;
font-family: Arial;
border: 1px solid rgba(239, 239, 239, 1);
}
.zjypt1{
position: absolute;
left: 16px;
top: 6px;
width: 30px;
height: 30px;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/yppic.png);
}
.zjypwz1{
position: absolute;
left: 56px;
top: 24rpx;
width: 45px;
height: 18px;
color: rgba(154, 154, 154, 1);
font-size: 12px;
text-align: left;
font-family: SourceHanSansSC-regular;
}
.zjypydwd{
position: absolute;
margin-left: 250rpx;
margin-top: 30px;
width: 28px;
height: 20px;
color: rgba(206, 206, 206, 1);
font-size: 12px;
text-align: left;
font-family: SourceHanSansSC-regular;
}
.zjtable3{
width: 750rpx;
height: 150rpx;
}
.zjxxbox1{
position: absolute;
margin-left: 260rpx;
width: 180px;
height: 60px;
line-height: 60px;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xx/textpic.png);
color: rgba(51, 51, 51, 1);
font-size: 14px;
text-align: left;
font-family: SourceHanSansSC-regular;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
}
.zjtextydwd1{
position: absolute;
margin-left: 210rpx;
margin-top: 30px;
width: 28px;
height: 20px;
color: rgba(206, 206, 206, 1);
font-size: 12px;
text-align: left;
font-family: SourceHanSansSC-regular;
}
.zjtextcontent{
position: absolute;
margin-left: 52rpx;
margin-top: 41rpx;
width: 126px;
height: 21px;
line-height: 42rpx;
color: rgba(51, 51, 51, 1);
font-size: 14px;
font-family: SourceHanSansSC-regular;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ztPop{
position: absolute;
width:750rpx ;
height: 1624rpx;
z-index: 999;
}
.xzylanbtn{
position: absolute;
top: 396px;
width: 105px;
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%);
text-align: center;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
border: 3px solid rgba(255, 255, 255, 1);
color: rgba(255, 255, 255, 1);
font-size: 14px;
text-align: center;
font-family: SourceHanSansSC-medium;
}
.openSend {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.9);
}
.openSend-main {
width: 620rpx;
height: 1080rpx;
margin: 0 auto;
margin-top: 188rpx;
padding-top: 110rpx ;
box-sizing: border-box;
background-size: contain;
background-image: url(https://wk921-1316969570.cos.ap-nanjing.myqcloud.com/%E7%BB%91%E5%AE%9A%E6%83%85%E4%BE%A3%E8%83%8C%E6%99%AF.png?q-sign-algorithm=sha1&q-ak=AKIDBoSyA3WoZy_K5pulXw4YwFFHSwjFqxnletbnHqQeqsRjs6Z9txpRYnJsTOBkTuB-&q-sign-time=1686277836;1686281436&q-key-time=1686277836;1686281436&q-header-list=host&q-url-param-list=ci-process&q-signature=690b486d55a1508bbd0fa788fc514205f8e093ae&x-cos-security-token=fOK1T4qo16Mru7W3aQJ2E9sScf0A7RGad630a09d5896cabd06bbc21068eb367b0Y1MqoJbaHndptGx2BSuYBj716Nh9KM5pliR7tTMw41pxbQkpuvQEJzIMJB81Gn2J8YczG8Xp2c8TawHArzH0tWHlefZqUS4htBd2RgoMX7sRqgMQrzWKqSqtQvCClDVjhFU8HaCDxGOe5WHMFrig91Hzv-y0eBh9tQ1ZshhS9zluBgjfnv9DvY68t4xdRRuT2lvuZodggzQgdI70Dn2Gw&ci-process=originImage);
}
.openSend-main-img {
width: 404rpx;
height: 404rpx;
margin: 0 auto;
background-image: url(https://wk921-1316969570.cos.ap-nanjing.myqcloud.com/%E9%92%BB%E7%9F%B3.png?q-sign-algorithm=sha1&q-ak=AKIDst1-IkRWRN-vG6c40Q-UlDDwO_XkhhbYojH9k0I_aHwwWrsDpGsgzp8wq1qqVreA&q-sign-time=1686278212;1686281812&q-key-time=1686278212;1686281812&q-header-list=host&q-url-param-list=ci-process&q-signature=0faf4873a6d53f31c4546212b03c34facea0ad7e&x-cos-security-token=fOK1T4qo16Mru7W3aQJ2E9sScf0A7RGae2bdb94cb7cb0f1587a5681379bd60560Y1MqoJbaHndptGx2BSuYK3CIkr19FgIPMfB-yHA0KDAkpcfsga1JeNj2wEobNz87tC3goLmUbIap-_7G6k8LvI24RUR2sayPV97z2zxAuQuMMiHcziszgQTR1R1nFpF5pAqP7Wxz65QQwX-sCy_eX1AEXfpFmxzDtq1BKIHIu73jhFZ1bAbMfFpLYxNnVZDm2gcmuV8hhQM6lC5xAcVcA&ci-process=originImage);
background-size: contain;
}
.openSend-btn {
width: 100%;
display: flex;
margin-top: 42rpx;
justify-content: space-evenly;
}
.openSend-btn .btn {
width: 210rpx;
height: 70rpx;
border-radius: 20rpx;
background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
border: 3px solid rgba(255, 255, 255, 1);
display: flex;
justify-content: center;
align-items: center;
color: #fff;
margin: 0;
box-sizing: border-box;
}
.openSend-main-text1 {
width: 100%;
display: flex;
justify-content: center;
color: rgba(248, 99, 42, 1);
font-size: 24px;
margin-top: 52rpx;
font-weight: 700;
}
.openSend-main-text2 {
color: rgba(108, 108, 108, 1);
font-size: 36rpx;
display: flex;
justify-content: center;
align-items: center;
margin: 42rpx 0;
}
.openSend-main-text3 {
color: rgba(108, 108, 108, 1);
font-size: 24rpx;
display: flex;
justify-content: center;
align-items: center;
margin-top: 20rpx;
}