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

372 lines
8.5 KiB

/* pages/home/xyc/index.wxss */
.xyk{
position: absolute;
width: 690rpx;
height: 227.34rpx;
line-height: 70rpx;
display: flex;
flex-direction: column;
background-repeat: no-repeat;
background-size:100% 100%;
margin-left:30rpx;
margin-top: 1194rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/xyk.png);
color:#9A9A9A;
text-align: center;
font-size: 27rpx;
}
.xybtn{
position: absolute;
width: 234rpx;
height: 146.67rpx;
display: flex;
text-align: center;
flex-direction: column;
background-repeat: no-repeat;
background-size:100% 100%;
margin-left:258rpx;
margin-top: 1228rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/xybtn.png);
color:#9A9A9A;
text-align: center;
font-size: 27rpx;
}
.xybtn1{
position: absolute;
margin-left: 158rpx;
margin-top: 279rpx;
width: 234rpx;
height: 96.67rpx;
border-radius: 30rpx;
background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
text-align: center;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
border: 20rpx solid rgba(255, 255, 255, 1);
}
.xybtn2{
position: absolute;
margin-left: 98rpx;
margin-top: 193rpx;
width: 200rpx;
height: 67.495rpx;
border-radius: 10px;
background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
text-align: center;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
border: 3px solid rgba(255, 255, 255, 1);
line-height: 67.495rpx;
color: aliceblue;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 30rpx;
}
.qlxybtn2{
position: absolute;
margin-left: 30rpx;
margin-top: 193rpx;
width: 200rpx;
height: 67.495rpx;
border-radius: 10px;
background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
text-align: center;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
border: 3px solid rgba(255, 255, 255, 1);
line-height: 67.495rpx;
color: aliceblue;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 30rpx;
}
.qlxybtn21{
position: absolute;
margin-left: 270rpx;
margin-top: 193rpx;
width: 200rpx;
height: 67.495rpx;
border-radius: 10px;
background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
text-align: center;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
border: 3px solid rgba(255, 255, 255, 1);
line-height: 67.495rpx;
color: aliceblue;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 30rpx;
}
.qlxybtn22{
position: absolute;
margin-left: 510rpx;
margin-top: 193rpx;
width: 200rpx;
height: 67.495rpx;
border-radius: 10px;
background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
text-align: center;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
border: 3px solid rgba(255, 255, 255, 1);
line-height: 67.495rpx;
color: aliceblue;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 30rpx;
}
.btn21{
margin-left:10rpx;
text-align: left;
}
.btn22{
margin-left:10rpx;
text-align: left;
}
.xybtn3{
position: absolute;
margin-left: 452rpx;
margin-top: 193rpx;
width: 200rpx;
height: 67.495rpx;
line-height: 67.495rpx;
text-align: center;
color: aliceblue;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 30rpx;
border-radius: 10px;
background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
text-align: center;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
border: 3px solid rgba(255, 255, 255, 1);
}
.bgt3{
position: absolute;
width: 684.67rpx;
height: 988rpx;
display: flex;
text-align: center;
flex-direction: column;
background-repeat: no-repeat;
background-size:100% 100%;
margin-left:46rpx;
margin-top: 242rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/bgt3.png);
color:#9A9A9A;
text-align: center;
font-size: 27rpx;
}
.bgt1{
position: absolute;
width: 656rpx;
height: 914rpx;
display: flex;
text-align: center;
flex-direction: column;
background-repeat: no-repeat;
background-size:100% 100%;
margin-left:48rpx;
margin-top: 280rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/bgt1.png);
color:#9A9A9A;
text-align: center;
font-size: 27rpx;
}
.bgt2{
position: absolute;
width: 410rpx;
height: 356.67rpx;
display: flex;
text-align: center;
flex-direction: column;
background-repeat: no-repeat;
background-size:100% 100%;
margin-left:170rpx;
margin-top: 348rpx;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/bgt2.png);
color:#9A9A9A;
text-align: center;
font-size: 27rpx;
}
.txypop{
margin-top: 50rpx;
width: 710rpx;
height:1300rpx;
border-radius: 30rpx!important;
}
.ttop1{
margin-left: 30rpx;
width: 650rpx;
height:1240rpx;
margin-top:30rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/xy11.png);
}
.xynr{
position: absolute;
left: 92rpx;
top: 230rpx;
width: 72px;
height: 24px;
color: rgba(108, 108, 108, 1);
font-size: 16px;
text-align: left;
font-family: SourceHanSansSC-regular;
}
.qwsj{
position: absolute;
left: 92rpx;
top: 468rpx;
width: 72px;
height: 24px;
color: rgba(108, 108, 108, 1);
font-size: 16px;
text-align: left;
font-family: SourceHanSansSC-regular;
}
.xylj{
position: absolute;
left: 92rpx;
top: 588rpx;
width: 72px;
height: 24px;
color: rgba(108, 108, 108, 1);
font-size: 16px;
text-align: left;
font-family: SourceHanSansSC-regular;
}
.xytp{
position: absolute;
left: 92rpx;
top: 692rpx;
width: 72px;
height: 24px;
color: rgba(108, 108, 108, 1);
font-size: 16px;
text-align: left;
font-family: SourceHanSansSC-regular;
}
.qx{
position: absolute;
left: 92rpx;
top: 994rpx;
width: 105px;
height: 35px;
line-height: 35px;
border-radius: 10px;
background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
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;
}
.wc{
position: absolute;
left: 414rpx;
top: 994rpx;
width: 105px;
height: 35px;
line-height: 35px;
border-radius: 10px;
background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%);
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;
}
.xynrf{
position: absolute;
left: 250rpx;
top: 230rpx;
width: 196px;
height: 90px;
line-height: 20px;
border-radius: 10px;
color: rgba(136, 136, 136, 1);
font-size: 14px;
text-align: left;
font-family: Microsoft Yahei;
border: 1px solid rgba(187, 187, 187, 1);
}
.xyljt{
padding: 15rpx!important;
position: absolute;
left: 250rpx;
top: 572rpx;
width: 196px!important;
height: 80rpx!important;
line-height: 80rpx!important;
border-radius: 10px;
color: rgba(136, 136, 136, 1);
font-size: 14px;
text-align: left;
font-family: Microsoft Yahei;
border: 1px solid rgba(187, 187, 187, 1);
}
.qwsjt{
padding: 15rpx!important;
position: absolute;
left: 250rpx;
top: 448rpx;
width: 196px!important;
height: 80rpx!important;
line-height: 80rpx!important;
border-radius: 10px;
color: rgba(136, 136, 136, 1);
font-size: 14px;
text-align: left;
font-family: Microsoft Yahei;
border: 1px solid rgba(187, 187, 187, 1);
}
.xltb{
position: absolute;
left:596rpx;
top:480rpx;
width:26rpx;
height:26rpx;
background-repeat: no-repeat;
background-size:100% 100%;
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/xltb.png);
}
.xytpt{
position: absolute;
width:600rpx;
height:600rpx;
margin-top:700rpx;
margin-left: 210rpx!important;
}
.t-grid {
background-color: transparent!important;
}
.ppop{
position: absolute;
width: 600rpx;
height: 700rpx;
margin-top: 370rpx;
margin-left: 75rpx;
}