forked from lsl/xzjl-ui
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.
617 lines
13 KiB
617 lines
13 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: 350rpx;
|
|
height: 180rpx;
|
|
line-height: 40rpx;
|
|
border-radius: 20rpx;
|
|
color: rgba(136, 136, 136, 1);
|
|
font-size: 28rpx;
|
|
text-align: left;
|
|
border: 1px solid rgba(187, 187, 187, 1);
|
|
}
|
|
|
|
.xyljt{
|
|
padding: 20rpx 0 0 20rpx !important;
|
|
position: absolute;
|
|
left: 250rpx;
|
|
top: 572rpx;
|
|
width: 350rpx!important;
|
|
height: 80rpx!important;
|
|
line-height: 80rpx!important;
|
|
border-radius: 20rpx;
|
|
font-size: 28rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
border: 1px solid rgba(187, 187, 187, 1);
|
|
}
|
|
|
|
.t-textarea__wrapper-inner {
|
|
color: rgba(136, 136, 136, 1) !important;
|
|
}
|
|
|
|
.qwsjt{
|
|
position: absolute;
|
|
left: 250rpx;
|
|
top: 448rpx;
|
|
padding: 20rpx 0 0 20rpx !important;
|
|
width: 350rpx!important;
|
|
height: 80rpx!important;
|
|
border-radius: 20rpx;
|
|
color: rgba(136, 136, 136, 1);
|
|
font-size: 28rpx;
|
|
border: 1px solid rgba(187, 187, 187, 1);
|
|
}
|
|
|
|
.xltb{
|
|
position: absolute;
|
|
right: 130rpx;
|
|
top:478rpx;
|
|
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;
|
|
}
|
|
|
|
/* 提示 */
|
|
.xyc-toast {
|
|
position: absolute;
|
|
top: 720rpx;
|
|
right: 180rpx;
|
|
width: 310rpx;
|
|
height: 180rpx;
|
|
padding: 24rpx;
|
|
box-sizing: border-box;
|
|
color: #6c6c6c;
|
|
opacity: 0.9;
|
|
border-radius: 30rpx;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
font-size: 28rpx;
|
|
box-shadow: 2rpx 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
|
|
}
|
|
|
|
/* 许愿进行中 */
|
|
.xyc-process {
|
|
position: absolute;
|
|
top: 530rpx;
|
|
left: 140rpx;
|
|
z-index: 999;
|
|
width: 484rpx;
|
|
height: 434rpx;
|
|
line-height: 20px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
border-radius: 15px;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
color: #6c6c6c;
|
|
font-size: 18px;
|
|
box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
|
|
}
|
|
|
|
.xyc-process .t-image {
|
|
width: 200rpx;
|
|
height: 200rpx;
|
|
margin-bottom: 26rpx;
|
|
}
|
|
|
|
/* 许愿成功回显 */
|
|
.wishdetail{
|
|
position: absolute;
|
|
width:750rpx;
|
|
height:1624rpx;
|
|
background-color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
.popbox{
|
|
position: absolute;
|
|
left: 66rpx;
|
|
top: 206rpx;
|
|
width: 620rpx;
|
|
height: 1080rpx;
|
|
background-repeat: no-repeat;
|
|
background-size:100% 100%;
|
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/detailbkg.png);
|
|
}
|
|
|
|
.yximg{
|
|
position: absolute;
|
|
left: 146rpx;
|
|
top: 330rpx;
|
|
width: 460rpx;
|
|
height: 308rpx;
|
|
border-radius: 10px;
|
|
background-color: #767686;
|
|
}
|
|
.ywwz2{
|
|
position: absolute;
|
|
left: 328rpx;
|
|
top: 706rpx;
|
|
/* width: 96rpx; */
|
|
height: 66rpx;
|
|
color: rgba(248, 99, 42, 1);
|
|
font-size: 24px;
|
|
text-align: left;
|
|
font-family: SourceHanSansSC-bold;
|
|
}
|
|
|
|
.ywxq2{
|
|
position: absolute;
|
|
left: 182rpx;
|
|
top: 798rpx;
|
|
width: 388rpx;
|
|
height: 150rpx;
|
|
color: rgba(108, 108, 108, 1);
|
|
font-size: 18px;
|
|
text-align: center;
|
|
font-family: SourceHanSansSC-regular;
|
|
}
|
|
.qwsj2{
|
|
position: absolute;
|
|
left: 280rpx;
|
|
top: 980rpx;
|
|
/* width: 192rpx; */
|
|
height: 66rpx;
|
|
color: rgba(248, 99, 42, 1);
|
|
font-size: 24px;
|
|
text-align: center;
|
|
font-family: SourceHanSansSC-regular;
|
|
}
|
|
.qwsjtxt2{
|
|
position: absolute;
|
|
left: 250rpx;
|
|
top: 1072rpx;
|
|
width: 254rpx;
|
|
height: 50rpx;
|
|
color: rgba(108, 108, 108, 1);
|
|
font-size: 18px;
|
|
text-align: center;
|
|
font-family: SourceHanSansSC-regular;
|
|
}
|
|
|
|
.anwz1 {
|
|
position: absolute;
|
|
bottom: 0;
|
|
margin-left: 315rpx;
|
|
}
|
|
|
|
.anwz1 .anwz1-tb {
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
margin: 0 auto;
|
|
border-radius: 50%;
|
|
background-color: #F8632A;
|
|
line-height: 17px;
|
|
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
|
|
font-size: 12px;
|
|
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;
|
|
}
|
|
|
|
.anwz1 .anwztxt1 {
|
|
margin-top: 20rpx;
|
|
font-size: 18px;
|
|
color: #6c6c6c;
|
|
text-align: center;
|
|
}
|
|
|
|
.anwz1 .anzmlogo1 {
|
|
width: 100rpx;
|
|
height: 100rpx;
|
|
}
|
|
|
|
.xyctoast {
|
|
position: absolute;
|
|
top: -16rpx;
|
|
right: -16rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
border-radius: 50%;
|
|
background-color: #F73535;
|
|
}
|
|
|
|
.shareBtn {
|
|
position: absolute;
|
|
bottom: 100px;
|
|
left: 100px;
|
|
}
|
|
|
|
.popup-main {
|
|
height: 462rpx;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.popup-main .main-top {
|
|
height: 80rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0 30rpx;
|
|
box-sizing: border-box;
|
|
border-bottom: 1px solid #E9E9E8;
|
|
}
|
|
|
|
.t-icon-close {
|
|
color: #6c6c6c;
|
|
}
|
|
|
|
.popup-main .main-top .text {
|
|
font-size: 16px;
|
|
color: #6c6c6c;
|
|
}
|
|
|
|
.popup-main .main-box {
|
|
height: 100%;
|
|
padding-top:70rpx;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.popup-main .main-box .box-item {
|
|
width: 100rpx;
|
|
height: 150rpx;
|
|
margin-left: 70rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.popup-main .main-box .box-item .item-icon {
|
|
width: 100rpx;
|
|
height: 100rpx;
|
|
border-radius: 50%;
|
|
margin-bottom: 10rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: #1AAD19;
|
|
}
|
|
|
|
.popup-main .main-box .box-item .item-icon .t-image {
|
|
width: 56rpx;
|
|
height: 56rpx;
|
|
}
|
|
|
|
.popup-main .main-box .box-item .item-text {
|
|
font-size: 12px;
|
|
color: #A2A2A2;
|
|
}
|
|
|
|
.cyan {
|
|
background-color: #A8E450 !important;
|
|
}
|
|
.orange {
|
|
background-color: #FF9900 !important;
|
|
}
|
|
.blue {
|
|
background-color: #3CCDFF !important;
|
|
}
|
|
.yellow {
|
|
background-color: #FFCE41 !important;
|
|
}
|
|
.cyan {
|
|
background-color: #A8E450 !important;
|
|
} |