210 lines
2.9 KiB
Plaintext
210 lines
2.9 KiB
Plaintext
.content{
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.head-view{
|
|
width: 750rpx;
|
|
height: 420rpx;
|
|
position: absolute;
|
|
}
|
|
|
|
.home-title{
|
|
position: relative;
|
|
font-weight: bold;
|
|
font-size: 48rpx;
|
|
color: #333333;
|
|
margin: 108rpx 0 0 40rpx;
|
|
}
|
|
|
|
.head-view image{
|
|
width: 750rpx;
|
|
height: 420rpx;
|
|
}
|
|
|
|
.banner{
|
|
position: relative;
|
|
align-self: center;
|
|
width: 670rpx;
|
|
height: 286rpx;
|
|
margin-top: 54rpx;
|
|
border-radius: 20rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.banner image{
|
|
width: 670rpx;
|
|
height: 286rpx;
|
|
}
|
|
|
|
.item-view{
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin: 30rpx 40rpx 0;
|
|
}
|
|
|
|
#block{
|
|
float: left;
|
|
}
|
|
|
|
.item-list{
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 0 10rpx;
|
|
width: 160rpx;
|
|
height: 160rpx;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.item-image{
|
|
width: 72rpx;
|
|
height: 72rpx;
|
|
align-items: center;
|
|
}
|
|
|
|
.item-image image{
|
|
width: 72rpx;
|
|
height: 72rpx;
|
|
}
|
|
|
|
.item-title{
|
|
padding-top: 10rpx;
|
|
}
|
|
|
|
.item-title text{
|
|
top: 20rpx;
|
|
font-size: 28rpx;
|
|
font-weight: normal;
|
|
color: #333333;
|
|
}
|
|
|
|
.main{
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.main-item{
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 375rpx;
|
|
height: 254rpx;
|
|
}
|
|
|
|
.main-item image{
|
|
position: absolute;
|
|
margin: 0;
|
|
width: 375rpx;
|
|
height: 254rpx;
|
|
}
|
|
|
|
.title-view{
|
|
display: flex;
|
|
position: relative;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.main-title{
|
|
margin-left: 64rpx;
|
|
margin-top: 60rpx;
|
|
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
|
|
color: #345170;
|
|
font-size: 36rpx;
|
|
}
|
|
|
|
.sub-title{
|
|
margin-left: 64rpx;
|
|
margin-top: 5rpx;
|
|
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
|
|
font-size: 24rpx;
|
|
color: #345170;
|
|
}
|
|
|
|
.list-hospital{
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.list-item{
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 30rpx 40rpx;
|
|
}
|
|
|
|
.img-back{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
box-shadow: 0 0 10rpx #A6BBE1;
|
|
width: 220rpx;
|
|
height: 220rpx;
|
|
border-radius: 20rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.list-item image{
|
|
width: 180rpx;
|
|
height: 180rpx;
|
|
border-radius: 90rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.list-info{
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 32rpx;
|
|
}
|
|
|
|
.name{
|
|
margin-left: 32rpx;
|
|
margin-top: 0;
|
|
font-weight: bold;
|
|
font-size: 32rpx;
|
|
color: #333333;
|
|
}
|
|
|
|
.list-lable{
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.grade{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-left: 32rpx;
|
|
margin-top: 16rpx;
|
|
width: 90rpx;
|
|
height: 40rpx;
|
|
background: -webkit-linear-gradient(left,#1F92FF,#1FC6FF);
|
|
border-radius: 20rpx 20rpx 20rpx 0;
|
|
color: white;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.genre{
|
|
display: flex;
|
|
align-items: center;
|
|
height: 40rpx;
|
|
margin-left: 16rpx;
|
|
margin-top: 16rpx;
|
|
padding: 0 20rpx;
|
|
background: -webkit-linear-gradient(left,#F4B616,#FF9A16);
|
|
color: white;
|
|
border-radius: 20rpx;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.skiled{
|
|
margin-left: 32rpx;
|
|
margin-top: 24rpx;
|
|
font-size: 30rpx;
|
|
color: #666666;
|
|
}
|
|
|
|
.address{
|
|
margin-left: 32rpx;
|
|
margin-top: 24rpx;
|
|
font-size: 30rpx;
|
|
color: #666666;
|
|
} |