147 lines
2.6 KiB
CSS
147 lines
2.6 KiB
CSS
body{
|
|
background: #f5f5f5;
|
|
}
|
|
|
|
.header{
|
|
width: 100%;
|
|
height: 7.5rem;
|
|
background: url(../img/likebeijing.png) no-repeat center;
|
|
background-size: 100% 100%;
|
|
}
|
|
.like_headportrait{
|
|
width: 300px;
|
|
padding-top: 20px;
|
|
margin: auto;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
}
|
|
.toux{
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.head_lef img{
|
|
height: 66px;
|
|
width: 66px;
|
|
border: 3px solid rgba(255,255,255,0.5);
|
|
border-radius: 100%;
|
|
margin-right: 10px;
|
|
}
|
|
.head_right span{
|
|
font-size: 12px;
|
|
}
|
|
.head_list{
|
|
display: flex;
|
|
width: 100px;
|
|
font-size: 12px;
|
|
height: 24px;
|
|
line-height: 22px;
|
|
border-radius: 16px;
|
|
border: 1px solid rgba(255,255,255,0.5);
|
|
background: rgba(255,255,255,0.2);
|
|
padding: 0px 12px;
|
|
margin-left: 82px;
|
|
}
|
|
.head_list p{
|
|
margin-right: 5px;
|
|
}
|
|
.like_list{
|
|
width: 100%;
|
|
height: 44px;
|
|
background: #fff;
|
|
display: flex;
|
|
justify-content: center;
|
|
|
|
}
|
|
.like_list li{
|
|
|
|
width: 6.2rem;
|
|
}
|
|
.like_list li:nth-child(2) a{
|
|
border-right: 1px solid #eee;
|
|
border-left: 1px solid #eee;
|
|
}
|
|
.like_list li a{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 10px 0px;
|
|
}
|
|
.like_list li a p{
|
|
color: #ff4c35;
|
|
}
|
|
.like_list li a{
|
|
font-size: 14px;
|
|
color: #999;
|
|
}
|
|
.honnr{
|
|
padding: 0 .8rem;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
background: #fff;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.honnr p{
|
|
font-size: 16px;
|
|
color: #333;
|
|
padding-top: 6px;
|
|
padding-bottom: .25rem;
|
|
}
|
|
.honnr_pic{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding-bottom: .7rem;
|
|
}
|
|
.honnr_pic img{
|
|
width: 1.9rem;
|
|
height: 1.6rem;
|
|
}
|
|
.information li{
|
|
padding: 0 .8rem;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: 44px;
|
|
background: #fff;
|
|
border-bottom: 1px solid #f5f5f5;
|
|
}
|
|
.information li a{
|
|
height: 100%;
|
|
justify-content: space-between;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.information li .information_left {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 16px;
|
|
color: #333;
|
|
}
|
|
|
|
.information li .information_left img{
|
|
width: 1.35rem;
|
|
height: 1.35rem;
|
|
margin-right: .5rem;
|
|
}
|
|
.information li .information_right{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.information li .information_right p{
|
|
font-size: 12px;
|
|
color: #ff4c35;
|
|
margin-right: 10px;
|
|
}
|
|
.information li .information_right span{
|
|
font-size: 20px;
|
|
color: #666;
|
|
}
|
|
.information li:nth-child(2){
|
|
margin-top: .5rem;
|
|
}
|
|
.information li:nth-child(3){
|
|
margin-top: .5rem;
|
|
}
|