170 lines
3.1 KiB
CSS
170 lines
3.1 KiB
CSS
.header_top{
|
|
width: 100%;
|
|
height: 45px;
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0px;
|
|
/* background-image: url(../img/beijing.png); */
|
|
}
|
|
|
|
.header{
|
|
width: 100%;
|
|
height:230px;
|
|
background-image: url(../img/beijing.png);
|
|
padding-top: 35px;
|
|
background-size: cover;
|
|
}
|
|
.header_none{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0 21.5px;
|
|
}
|
|
.header .header_text {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 18px;
|
|
color: #ffffff;
|
|
|
|
}
|
|
.header .header_text .header_text_circle{
|
|
padding-right: 18.5px;
|
|
}
|
|
.header .header_text .header_text_nearby{}
|
|
.header .header_img{
|
|
width: 28px;
|
|
height: 21.5px;
|
|
}
|
|
|
|
|
|
|
|
|
|
.content{
|
|
width: 100%;
|
|
display: flex;
|
|
margin-top: 21px;
|
|
padding-left: 12px;
|
|
box-sizing: border-box;
|
|
}
|
|
.content .content_info{
|
|
width: 43px;
|
|
height: 43px;
|
|
|
|
}
|
|
.content .content_right{
|
|
padding-left: 11px;
|
|
}
|
|
.content .content_right .content_right_title{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-bottom: 11.5px;
|
|
}
|
|
.right_title_shop{
|
|
font-size: 15px;
|
|
color: #5a6f92;
|
|
}
|
|
.right_title_distance{
|
|
padding-right: 24px;
|
|
font-size: 12px;
|
|
color: #999999;
|
|
}
|
|
.content .content_right .content_right_text{
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
color: #686868;
|
|
padding-right: 21.5px;
|
|
margin-bottom: 13px;
|
|
}
|
|
.content .content_right .content_right_img{
|
|
margin-bottom: 11px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
padding-right: 20.5px;
|
|
}
|
|
|
|
.content .content_right .content_right_img img{
|
|
width: 92.5px;
|
|
height: 92.5px;
|
|
}
|
|
.content_right_time{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding-right: 28.5px;
|
|
margin-bottom: 18px;
|
|
}
|
|
.content_right_time .content_right_time_branch{
|
|
font-size: 12px;
|
|
color: #989898;
|
|
}
|
|
.content_right_time .content_right_time_text{
|
|
font-size: 10px;
|
|
color: #989898;
|
|
}
|
|
.content_right_time_img{
|
|
width: 17px;
|
|
height: 13px;
|
|
background-color: #f1f1f1;
|
|
}
|
|
.content_right_comment{
|
|
/* padding-left: 63px;
|
|
padding-right: 27px; */
|
|
background: #f7f7f7;
|
|
padding-left: 14px;
|
|
margin-right: 27px;
|
|
}
|
|
.content_right_comment .comment_name{
|
|
height: 37px;
|
|
line-height: 37px;
|
|
border-bottom: 1px #141414;
|
|
}
|
|
.comment_name .comment_name_img{
|
|
width: 14.5px;
|
|
height: 13px;
|
|
}
|
|
.comment_name .comment_name_fist{
|
|
font-size: 15px;
|
|
color: #5a6f92;
|
|
}
|
|
.comment_text li{
|
|
height: 30.25px;
|
|
line-height: 30.25px;
|
|
}
|
|
.comment_text .comment_name_fist{
|
|
font-size: 15px;
|
|
color: #5a6f92;
|
|
}
|
|
.comment_name .comment_name_symbol{}
|
|
.comment_text .comment_name_marvellous{
|
|
font-size: 15px;
|
|
color: #0e0e0e;
|
|
}
|
|
.content_right_comment .comment_text{
|
|
/* height: 59.5px; */
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.footer {
|
|
width: 100%;
|
|
height: 50px;
|
|
background: #141414;
|
|
position: fixed;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
font-size: 12px;
|
|
line-height: 54.167px;
|
|
color: #ffffff;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
}
|
|
.footer .footer_home{}
|
|
.footer .footer_friend{}
|
|
.footer .footer_circle{}
|
|
.footer .footerfooter_shopping_home{}
|
|
.footer .footer_my{}
|