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.
 
 
 
 
 
cesuan/scss/taohua.scss

236 lines
4.7 KiB

.taohua {
position: relative;
width: 721rpx;
height: 1200rpx;
background: url(../../static/yy/zeri-bg.png) 100% no-repeat;
background-size: 100% 100%;
display: flex;
flex-direction: column;
margin: -1rpx 0 0 15rpx;
top:160rpx;
.block_2 {
width: 614rpx;
height: 46rpx;
flex-direction: row;
display: flex;
margin: 40rpx auto 30rpx auto;
align-items: center;
}
.text_2 {
height: 21rpx;
overflow-wrap: break-word;
color: rgba(255,255,255,1);
font-size: 22rpx;
font-family: SimHei;
font-weight: normal;
text-align: left;
white-space: nowrap;
line-height: 22rpx;
}
.tabs_1 {
width: 346rpx;
height: 46rpx;
background: url(../../static/yy/mingan-1.png) 100% no-repeat;
background-size: 100% 100%;
margin-left: 28rpx;
flex-direction: row;
display: flex;
}
.genderselect{
width: 300rpx;
display: flex;
justify-content: space-between;
height: auto;
overflow-wrap: break-word;
font-family: FZLTHK--GBK1-0;
font-weight: normal;
text-align: left;
line-height: 28rpx;
margin: 0 auto;
input{
font-size: 24rpx;
border: 1px solid rgba(0,0,0,0.1);
margin-left:10rpx;
padding:10rpx;
margin-top: 0;
}
>view
{
display: flex;
overflow: hidden;
height: 60rpx;
line-height:60rpx;
}
}
.ganeroption
{
display: flex;
}
.ganeroption>view
{
margin-left: 20rpx;
align-self: center;
}
.ganeroption img
{
vertical-align: middle;
}
.option-on,.option-off
{
align-self: center;
width: 36rpx;
heigt:36rpx;
}
.tabs_2 {
width: 346rpx;
height: 46rpx;
background: url(../../static/yy/mingan-1-2.png) 100% no-repeat;
background-size: 100% 100%;
margin-left: 28rpx;
flex-direction: row;
display: flex;
}
.text_3,.text_4 {
width: 174rpx;
height: 48rpx;
overflow-wrap: break-word;
color: rgba(255,255,255,1);
font-size: 30rpx;
font-family: SimHei;
font-weight: normal;
text-align: center;
white-space: nowrap;
line-height: 48rpx;
}
.icon_1 {
width: 43rpx;
height: 43rpx;
margin-left: 52rpx;
}
.text_5 {
width: 462rpx;
height: 30rpx;
overflow-wrap: break-word;
color: rgba(34,24,21,1);
font-size: 30rpx;
font-family: FZLTHK--GBK1-0;
font-weight: normal;
text-align: left;
white-space: nowrap;
line-height: 30rpx;
margin: 61rpx 0 0 150rpx;
}
.text_6 {
width: 454rpx;
height: 25rpx;
overflow-wrap: break-word;
color: rgba(159,160,160,1);
font-size: 30rpx;
font-family: FZLTHK--GBK1-0;
font-weight: normal;
text-align: left;
white-space: nowrap;
line-height: 30rpx;
margin: 59rpx 0 0 134rpx;
}
.text_7 {
width: 454rpx;
height: 25rpx;
overflow-wrap: break-word;
color: rgba(0,0,0,1);
font-size: 30rpx;
font-family: FZLTHK--GBK1-0;
font-weight: normal;
text-align: left;
white-space: nowrap;
line-height: 30rpx;
margin: 44rpx 0 0 134rpx;
}
.text_8 {
width: 455rpx;
height: 25rpx;
overflow-wrap: break-word;
color: rgba(230,0,18,1);
font-size: 30rpx;
font-family: FZLTHK--GBK1-0;
font-weight: normal;
text-align: left;
white-space: nowrap;
line-height: 30rpx;
margin: 44rpx 0 0 134rpx;
}
.text_9 {
width: 455rpx;
height: 25rpx;
overflow-wrap: break-word;
color: rgba(0,0,0,1);
font-size: 30rpx;
font-family: FZLTHK--GBK1-0;
font-weight: normal;
text-align: left;
white-space: nowrap;
line-height: 30rpx;
margin: 44rpx 0 0 134rpx;
}
.text_10 {
width: 455rpx;
height: 25rpx;
overflow-wrap: break-word;
color: rgba(159,160,160,1);
font-size: 30rpx;
font-family: FZLTHK--GBK1-0;
font-weight: normal;
text-align: left;
white-space: nowrap;
line-height: 30rpx;
margin: 50rpx 0 0 134rpx;
}
.tag_1 {
height: 66rpx;
background: url(../../static/yy/mingan-2.png) 100% no-repeat;
background-size: 100% 100%;
display: flex;
flex-direction: column;
width: 133rpx;
margin: 45rpx 0 0 298rpx;
}
.text_11 {
width: 79rpx;
height: 40rpx;
overflow-wrap: break-word;
color: rgba(255,255,255,1);
font-size: 40rpx;
font-family: FZQKBYSJW--GB1-0;
font-weight: normal;
text-align: left;
white-space: nowrap;
line-height: 40rpx;
margin: 13rpx 0 0 26rpx;
}
.image_4 {
width: 322rpx;
height: 398rpx;
margin: 42rpx 0 5rpx 189rpx;
}
.image_5 {
position: absolute;
left: 54rpx;
top: 356rpx;
width: 613rpx;
height: 67rpx;
}
.image_youshi {
width: 398rpx;
height: 398rpx;
margin: 42rpx auto 5rpx auto;
}
}