464 lines
8.5 KiB
Plaintext
464 lines
8.5 KiB
Plaintext
/**index.wxss**/
|
|
.container{
|
|
/* background-image: url('http://minipro1.luochunlvshi.com/uploads/index11.jpg'); */
|
|
background-image: url('https://minipro.luochunlvshi.com/uploads/image/innerBack.png');
|
|
background-size: 100% auto;
|
|
position: relative;
|
|
height:100vh;
|
|
width:100%;
|
|
}
|
|
|
|
/* .top_2{
|
|
height: 95rpx;
|
|
height:60vh;
|
|
margin-top: 4rpx;
|
|
width: 750rpx;
|
|
} */
|
|
.topBackImage{
|
|
height: 64rpx;
|
|
background-size: 100% 100%;
|
|
}
|
|
.lightUp{
|
|
background-image: linear-gradient(
|
|
180deg,
|
|
rgba(228, 1, 6, 1) 0,
|
|
rgba(253, 86, 92, 1) 100%
|
|
);
|
|
border-radius: 20rpx;
|
|
width: 280rpx;
|
|
height: 140rpx;
|
|
border: 4rpx solid rgba(255, 255, 255, 1);
|
|
margin: 6rpx 0 0 235rpx;
|
|
z-index: 999999999;
|
|
}
|
|
.lightUp_no{
|
|
background-color: #DCD9D4; background-image: linear-gradient(to bottom, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), radial-gradient(at 50% 0%, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.50) 50%); background-blend-mode: soft-light,screen;
|
|
border-radius: 20rpx;
|
|
width: 280rpx;
|
|
height: 140rpx;
|
|
border: 4rpx solid rgba(255, 255, 255, 1);
|
|
margin: 6rpx 0 0 235rpx;
|
|
z-index: 999999999;
|
|
}
|
|
|
|
.lightUp_no .lightImage_1{
|
|
width: 202rpx;
|
|
height: 40rpx;
|
|
margin: 33rpx 0 0 39rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.lightUp .lightImage_1{
|
|
width: 202rpx;
|
|
height: 40rpx;
|
|
margin: 33rpx 0 0 39rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.lightImage_1 .innerDian{
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
}
|
|
.lightImage_1 .lightUpText{
|
|
width: 152rpx;
|
|
height: 36rpx;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 255, 255, 1);
|
|
font-size: 38rpx;
|
|
font-family: PingFang SC-Bold;
|
|
font-weight: 700;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
line-height: 36rpx;
|
|
margin-left: 4rpx;
|
|
}
|
|
|
|
.item-container{
|
|
width:100%;
|
|
padding: 4rpx 20rpx 30rpx 20rpx;
|
|
}
|
|
.item-container .item-city{
|
|
width: 44%;
|
|
height: 130rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: #FFF;
|
|
border-radius: 20rpx;
|
|
padding-bottom: 16rpx;
|
|
}
|
|
.item-container .item-city .locationImage{
|
|
width: 70rpx;
|
|
height: 70rpx;
|
|
margin-top: 12rpx;
|
|
}
|
|
.item-container .item-city .item-locationText{
|
|
width:40%;
|
|
padding-top:20rpx;
|
|
margin-left: 20rpx;
|
|
|
|
}
|
|
.item-container .item-canlendar{
|
|
width: 44%;
|
|
height: 130rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: #FFF;
|
|
border-radius: 20rpx;
|
|
padding-bottom: 16rpx;
|
|
margin-left: 50rpx;
|
|
/* justify-content: space-between; */
|
|
}
|
|
.item-container .item-canlendar .canlendarImage{
|
|
width: 70rpx;
|
|
height: 70rpx;
|
|
margin-top: 10rpx;
|
|
}
|
|
.item-container .item-canlendar .item-canlendarText{
|
|
margin-left: 20rpx;
|
|
width:40%;
|
|
padding-top:21rpx;
|
|
}
|
|
.item-containerFir{
|
|
width: 95%;
|
|
height: 120rpx;
|
|
margin-top: 10rpx;
|
|
border-radius: 20rpx;
|
|
background-color: #fff;
|
|
padding-bottom: 10rpx;
|
|
}
|
|
.item{
|
|
width:33.3%;
|
|
padding-top:16rpx;
|
|
/* background-color: #FFF; */
|
|
}
|
|
.item .top{
|
|
color:rgba(61, 61, 61, 1);
|
|
font-size:28rpx;
|
|
font-family: PingFang SC-Bold;
|
|
font-weight: 700;
|
|
padding-top:10rpx;
|
|
}
|
|
.item .bottomRed{
|
|
color: rgba(234, 23, 29, 1);
|
|
font-size:30rpx;
|
|
font-family: PingFang SC-Bold;
|
|
font-weight: 700;}
|
|
.item .bottom{
|
|
color:#333;
|
|
font-size:30rpx;
|
|
/* padding-top:10rpx; */
|
|
font-family: PingFang SC-Bold;
|
|
font-weight: 700;
|
|
}
|
|
|
|
|
|
ec-canvas {
|
|
width: 100%;
|
|
height: 50vh;
|
|
}
|
|
cover-view{overflow:visible;}
|
|
.mask{
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
background: #000;
|
|
z-index: 9000;
|
|
opacity: 0.7;
|
|
}
|
|
.modalDlg{
|
|
width: 580rpx;
|
|
height: 620rpx;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
z-index: 9999;
|
|
margin-top:290rpx;
|
|
margin-left:90rpx;
|
|
background-color: #fff;
|
|
border-radius: 36rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.modalDlg .closeBox {
|
|
/* width: 100%;
|
|
height: 56rpx; */
|
|
/* margin-top: 20rpx; */
|
|
}
|
|
.modalDlg .closeBox image {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
position: absolute;
|
|
right: 4%;
|
|
top: 20rpx;
|
|
}
|
|
.modalDlg text{margin-top:40rpx;}
|
|
.modalDlg image{width:100%;height:280rpx;}
|
|
.modalInput{width:90%;height:60rpx;line-height:60rpx;border:1px solid #999;border-radius:10rpx;margin-top:40rpx;padding-left:10rpx;font-size:24rpx;}
|
|
.bao {
|
|
width: 300rpx;
|
|
height: 80rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: absolute;
|
|
bottom: 50rpx;
|
|
background: linear-gradient(to right,#25ca9f,#2ebcc0);
|
|
left: 140rpx;
|
|
color: #ffffff;
|
|
font-size: 33rpx;
|
|
border-radius: 36rpx;
|
|
}
|
|
.addToSmallProgramClass {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 80rpx;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: rgba(0,0,0,0.6);
|
|
color: white;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.addToSmallProgramClass .center_text_div_class {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 28rpx;
|
|
transform: translateX(-70rpx);
|
|
}
|
|
|
|
.addToSmallProgramClass .arrow {
|
|
width: 100%;
|
|
height: 100%;
|
|
animation-name: addToSmallProgramClass_arrow_swing;
|
|
animation-duration: 0.8s;
|
|
animation-timing-function: linear;
|
|
animation-iteration-count: infinite;
|
|
animation-direction: alternate;
|
|
}
|
|
|
|
@-webkit-keyframes addToSmallProgramClass_arrow_swing {
|
|
from {
|
|
transform: translateY(20%);
|
|
}
|
|
|
|
to {
|
|
transform: translateY(-20%);
|
|
}
|
|
}
|
|
|
|
@keyframes addToSmallProgramClass_arrow_swing {
|
|
from {
|
|
transform: translateY(20%);
|
|
}
|
|
|
|
to {
|
|
transform: translateY(-20%);
|
|
}
|
|
}
|
|
|
|
.addToSmallProgramClass .more {
|
|
width: 46rpx;
|
|
height: 17rpx;
|
|
margin-left: 15rpx;
|
|
margin-right: 15rpx;
|
|
}
|
|
|
|
.addToSmallProgramClass .as-close {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
right: 30rpx;
|
|
padding: 20rpx;
|
|
}
|
|
|
|
.denglu {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
background: rgba(0,0,0,0.5);
|
|
z-index: 10;
|
|
}
|
|
|
|
.denglu_ong {
|
|
width: 622rpx;
|
|
margin: 0 auto;
|
|
margin-top: 55%;
|
|
height: 439rpx;
|
|
border-radius: 15rpx;
|
|
position: relative;
|
|
padding: 59rpx 0;
|
|
padding-top: 41rpx;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
background: #fff;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
}
|
|
|
|
.denglu_ong text {
|
|
font-size: 31rpx;
|
|
color: #131313;
|
|
}
|
|
|
|
.denglu_img {
|
|
width: 100%;
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
}
|
|
.imhyua {
|
|
width: 119rpx;
|
|
height: 119rpx;
|
|
}
|
|
|
|
.register {
|
|
color: #fe4045;
|
|
font-size: 25rpx;
|
|
display: flex;
|
|
width: 466rpx;
|
|
height: 83rpx;
|
|
border-radius: 50rpx;
|
|
align-items: center;
|
|
background: none;
|
|
justify-content: center;
|
|
}
|
|
.button-hover {
|
|
background-color: none;
|
|
}
|
|
.dianji {
|
|
position: fixed;
|
|
top: 93%;
|
|
width: 195rpx;
|
|
height: 83rpx;
|
|
display: flex;
|
|
right: 0;
|
|
z-index: 5;
|
|
}
|
|
.quan {
|
|
width: 90%;
|
|
height: 90%;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
background: rgba(0,0,0,0.5);
|
|
display: block;
|
|
z-index: 10;
|
|
}
|
|
|
|
.none {
|
|
display: none;
|
|
}
|
|
|
|
button {
|
|
padding: 0;
|
|
margin: 0;
|
|
border-radius: 0;
|
|
background: none;
|
|
line-height: normal;
|
|
}
|
|
|
|
button::after {
|
|
content: none;
|
|
}
|
|
|
|
.dhlc{width:120rpx;height:120rpx;
|
|
border-radius:50%;
|
|
background-color:#E1270E;
|
|
position:absolute;
|
|
top:-60rpx;
|
|
}
|
|
|
|
.dhlc text{color:#FFF;}
|
|
.dhlc .text{font-size:22rpx;}
|
|
.dhlc .num1{font-size:30rpx;font-weight:bold;}
|
|
.dhlc .num{font-size:34rpx;}
|
|
.step{
|
|
padding:5rpx 10rpx;
|
|
background-color:#474747;
|
|
border-radius:25rpx;
|
|
color:#FFF;font-size:22rpx;
|
|
margin-bottom:10rpx;
|
|
position:absolute;
|
|
top:-110rpx;
|
|
}
|
|
.isRuleShow{
|
|
display: block;
|
|
}
|
|
.isRuleHide{
|
|
display: none;
|
|
}
|
|
.ruleZhezhao{
|
|
height: 100%;
|
|
width: 100%;
|
|
position: fixed;
|
|
background-color:rgba(0, 0, 0, .5);
|
|
z-index: 100000000000;
|
|
top: 0;
|
|
bottom: 30%;
|
|
left: 0;
|
|
}
|
|
.ruleZhezhaoContent{
|
|
/* padding: 20rpx 0; */
|
|
width: 100%;
|
|
/* background: #ffffff; */
|
|
margin: 20% auto;
|
|
border-radius: 20rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
position: relative;
|
|
}
|
|
.backSuccess{
|
|
width: 750rpx;
|
|
height: 880rpx;
|
|
position: relative;
|
|
left: 16rpx;
|
|
top: 0rpx;
|
|
}
|
|
.guanf{
|
|
position: relative;
|
|
bottom: 510rpx;
|
|
left: 220rpx;
|
|
width: 70rpx;
|
|
height: 70rpx;
|
|
}
|
|
.successCity{
|
|
width: 400rpx;
|
|
height: 340rpx;
|
|
position: relative;
|
|
bottom: 500rpx;
|
|
border-radius: 20rpx;
|
|
}
|
|
.successTime{
|
|
position: relative;
|
|
bottom: 480rpx;
|
|
}
|
|
|
|
|
|
|