hldy_app/unpackage/dist/dev/mp-weixin/pages/Initialization/index.wxss

142 lines
3.4 KiB
Plaintext

.backgroundContainer.data-v-41b2a00b {
display: flex;
flex-direction: column;
position: relative;
width: 100%;
height: 100vh;
background-image: url('../../static/index/lightbgcnew.png');
background-size: cover;
background-position: center center;
overflow: hidden;
}
.darkbackgroundContainer.data-v-41b2a00b {
display: flex;
flex-direction: column;
position: relative;
width: 100%;
height: 100vh;
background-image: url('../../static/index/background.png');
background-size: cover;
background-position: center center;
overflow: hidden;
}
.index-title.data-v-41b2a00b {
display: flex;
width: calc(100% - 110rpx);
height: 130rpx;
justify-content: space-between;
margin: 20rpx 50rpx 0 60rpx;
}
.index-title .index-title-left.data-v-41b2a00b {
display: flex;
height: 100%;
align-items: center;
margin-top: 20rpx;
}
.index-title .index-title-left .index-title-left-img.data-v-41b2a00b {
width: 75rpx;
height: 75rpx;
}
.index-title .index-title-left .index-title-left-font.data-v-41b2a00b {
margin-left: 20rpx;
}
.index-title .index-title-left .index-title-left-wel.data-v-41b2a00b {
margin-left: 40rpx;
}
.index-title .index-title-left .index-title-left-weight.data-v-41b2a00b {
font-weight: 700;
margin: 0 10rpx;
}
.index-title .index-title-right.data-v-41b2a00b {
display: flex;
height: 100%;
align-items: center;
margin-top: 20rpx;
}
.index-title .index-title-right .top-card.data-v-41b2a00b {
width: 180rpx;
height: 55rpx;
border-radius: 30rpx;
background-color: #E2E7FF;
display: flex;
align-items: center;
margin-right: 20rpx;
}
.index-title .index-title-right .top-card .top-card-img.data-v-41b2a00b {
width: 35rpx;
height: 35rpx;
margin-right: 5rpx;
margin-left: 20rpx;
}
.index-title .index-title-right .top-card .top-card-font.data-v-41b2a00b {
font-size: 25rpx;
}
.index-content.data-v-41b2a00b {
width: 100%;
height: calc(100vh - 150rpx);
display: flex;
}
.index-content .index-content-leftMenus.data-v-41b2a00b {
height: 100%;
width: 170rpx;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.index-content .index-content-leftMenus .left-img.data-v-41b2a00b {
width: 93rpx;
height: 93rpx;
z-index: 100;
}
.index-content .index-content-leftMenus .left-img-font.data-v-41b2a00b {
margin-top: 10rpx;
color: #fff;
}
.index-content .index-content-leftMenus .left-img-font-target.data-v-41b2a00b {
margin-top: 10rpx;
color: #0174D3;
}
.index-content .index-content-leftMenus .blue-circle-pos.data-v-41b2a00b {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 230rpx;
}
.index-content .index-content-leftMenus .blue-circle-pos .blue-circle.data-v-41b2a00b {
position: absolute;
top: -50rpx;
left: -68rpx;
}
.index-content .index-content-leftMenus .blue-circle-pos .blue-circle .blue-circle-size.data-v-41b2a00b {
width: 170rpx;
height: 250rpx;
}
.red-pao.data-v-41b2a00b {
position: absolute;
top: 40rpx;
left: 60rpx;
padding: 3rpx 10rpx;
background-color: #FF4C4E;
color: #fff;
font-size: 20rpx;
border-radius: 20rpx;
z-index: 101;
}
.ball-bgc.data-v-41b2a00b {
width: 58rpx;
height: 58rpx;
border-radius: 50%;
background-color: #E2E7FF;
display: flex;
align-items: center;
justify-content: center;
margin-right: 25rpx;
}
.ball-bgc .ball-img.data-v-41b2a00b {
width: 38rpx;
height: 38rpx;
}