377 lines
6.0 KiB
CSS
377 lines
6.0 KiB
CSS
.body{
|
|
font-size: 24px;
|
|
background: #fff;
|
|
}
|
|
.header{
|
|
width: 100%;
|
|
height: 100px;
|
|
background-image: linear-gradient(90deg,#0af,#0085ff);
|
|
position: fixed;
|
|
z-index: 999;
|
|
}
|
|
.head_top{
|
|
display: flex;
|
|
align-items: center;
|
|
color: #fff;
|
|
padding-top: 10px;
|
|
}
|
|
.head_top .icon-location{
|
|
font-size: 18px;
|
|
}
|
|
.head_top .icon-down{
|
|
font-size: 12px;
|
|
}
|
|
.head_top p{
|
|
font-size: 17px;
|
|
font-weight: 700;
|
|
}
|
|
.head_sosuo{
|
|
width: 100%;
|
|
height: 36px;
|
|
text-align: center;
|
|
line-height: 36px;
|
|
background: #fff;
|
|
margin-top: 5px;
|
|
}
|
|
.head_sosuo i{
|
|
font-size: 14px;
|
|
color: #999;
|
|
}
|
|
.head_sosuo span{
|
|
font-size: 14px;
|
|
color: #999;
|
|
}
|
|
.content{
|
|
padding-top: 100px;
|
|
}
|
|
.list{
|
|
width: 100%;
|
|
margin-bottom: 20px;
|
|
}
|
|
.list ul{
|
|
width: 100%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.list ul li{
|
|
width: 20%;
|
|
text-align: center;
|
|
margin-top: 11px;
|
|
}
|
|
.list ul li img{
|
|
width: 45px;
|
|
height: 45px;
|
|
}
|
|
.list ul li p{
|
|
font-size: 12px;
|
|
color: #666;
|
|
}
|
|
.pztc_p{
|
|
padding-top: 12px;
|
|
padding-left: 15px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: linear-gradient(0deg,#f4f4f4 5%,#fafafa 95%);
|
|
}
|
|
.pztc .pztc_left{}
|
|
.pztc .pztc_left h3{
|
|
font-size: 17px;
|
|
color: #333;
|
|
font-weight: 700;
|
|
margin-bottom: 5px;
|
|
}
|
|
.pztc .pztc_left p:nth-child(2) {
|
|
color: #777;
|
|
font-size: 13px;
|
|
margin-bottom: 9px;
|
|
}
|
|
.pztc .pztc_left p:nth-child(3){
|
|
color: #af8260;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
}
|
|
.pztc img{
|
|
width: 141px;
|
|
margin-right: 5px;
|
|
}
|
|
.super{
|
|
margin-top: 3px;
|
|
}
|
|
.superhy{
|
|
width: 100%;
|
|
height: 40px;
|
|
background: linear-gradient(90deg,#ffefc4,#f3dda0);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center
|
|
}
|
|
.super_left{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding-left: 15px;
|
|
}
|
|
.super_left img{
|
|
width: 17px;
|
|
height: 17px;
|
|
margin-right: 8px;
|
|
}
|
|
.super_left h3{
|
|
color: #644f1b;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
}
|
|
.super_left p{
|
|
color: #644f1b;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.superhy p{
|
|
color: #644f1b;
|
|
font-size: 12px;
|
|
padding-right: 5px;
|
|
}
|
|
.tjsj{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 14px 0px;
|
|
}
|
|
.tjsj p:nth-child(1){
|
|
width: 20px;
|
|
height: 1px;
|
|
background: #999;
|
|
}
|
|
.tjsj p:nth-child(2){
|
|
font-size: 15px;
|
|
margin: 0px 13px;
|
|
}
|
|
.tjsj p:nth-child(3){
|
|
width: 20px;
|
|
height: 1px;
|
|
background: #999;
|
|
}
|
|
.menu{}
|
|
.menu_list{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.menu_list p{
|
|
color: #666;
|
|
font-size: 14px;
|
|
}
|
|
.menu_list .m_l{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.menu_list .m_l i{
|
|
font-size: 9px;
|
|
color: #666;
|
|
}
|
|
.menu_list .m_ll{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.menu_list .m_ll i{
|
|
font-size: 13.5px;
|
|
color: #666;
|
|
}
|
|
|
|
.content_nr{}
|
|
.nr_list{
|
|
margin: 15px 0px;
|
|
}
|
|
.nr_top{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.nr_top_left{}
|
|
.nr_top_left img{
|
|
width: 64px;
|
|
height: 64px;
|
|
}
|
|
|
|
.nr_top_right{
|
|
width: 80%;
|
|
}
|
|
.nr_top_right_title{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.nr_top_right_title p{
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
color: #333;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
width: 83%;
|
|
}
|
|
.nr_top_right_title i{
|
|
height: 10.4px;
|
|
line-height: 10.4px;
|
|
}
|
|
.nr_top_right_dingdan span{
|
|
color: #666;
|
|
font-size: 12px;
|
|
}
|
|
.nr_top_right_dingdan{
|
|
margin-top: 5px;
|
|
}
|
|
.nr_top_right_time{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
color: #666;
|
|
font-size: 12px;
|
|
margin-top: 5px;
|
|
}
|
|
.time_left,.time_right{
|
|
position: relative;
|
|
}
|
|
.nr_top_right_time span:nth-child(2){
|
|
margin-left: 6px;
|
|
}
|
|
.nr_top_right_time span:nth-child(1)::after {
|
|
height: 10px;
|
|
width: 1px;
|
|
content: "";
|
|
position: absolute;
|
|
/* transform: scaleY(0.5); */
|
|
bottom: 2px;
|
|
left: 49px;
|
|
background: #ddd;
|
|
}
|
|
|
|
.nr_down{
|
|
padding-left: 70px;
|
|
}
|
|
.zd{
|
|
margin-bottom: 15px;
|
|
margin-top: 10px;
|
|
}
|
|
.zhou{
|
|
width: 27px;
|
|
height: 13px;
|
|
color: rgb(102, 102, 102);
|
|
font-size: 9px;
|
|
border: 1px solid;
|
|
border-color: rgb(221, 221, 221);
|
|
text-align: center;
|
|
line-height: 13px;
|
|
}
|
|
.yhhd_top{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.jian{
|
|
width: 14px;
|
|
height: 14px;
|
|
background: rgb(240, 115, 115);
|
|
margin-right: 6px;
|
|
}
|
|
.jian>p{
|
|
font-size: 12px;
|
|
transform: scale(0.8);
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 14px;
|
|
}
|
|
.yhhd_top_left{
|
|
display: flex;
|
|
align-items: center;
|
|
width: 70%;
|
|
}
|
|
.yhhd_top_left span{
|
|
font-size: 12px;
|
|
color: #666;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
width: 83%;
|
|
}
|
|
.yhhd_top_right{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.yhhd_top_right span{
|
|
font-size: 12px;
|
|
color: #999;
|
|
}
|
|
.yhhd_top_right i{
|
|
font-size: 12px;
|
|
transform: scale(0.8);
|
|
color: #999;
|
|
}
|
|
.jian1{
|
|
width: 14px;
|
|
height: 14px;
|
|
background: rgb(112, 188, 70);
|
|
margin-right: 6px;
|
|
}
|
|
.jian1>p{
|
|
font-size: 12px;
|
|
transform: scale(0.8);
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 14px;
|
|
}
|
|
.yhhd_down{
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 2.5px;
|
|
}
|
|
.yhhd_down span{
|
|
font-size: 12px;
|
|
color: #666;
|
|
}
|
|
|
|
.xian{
|
|
width: 100%;
|
|
transform: scaleY(0.5);
|
|
height: 1px;
|
|
background: #e5e5e5;
|
|
margin-top: 1.225rem;
|
|
}
|
|
|
|
.footer{
|
|
width: 100%;
|
|
height: 50px;
|
|
box-shadow: 0 -0.266667vw 0.533333vw rgba(0,0,0,.1);
|
|
position: fixed;
|
|
bottom: 0;
|
|
background: #fff;
|
|
left: 0;
|
|
z-index: 999;
|
|
}
|
|
.footer ul{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.footer ul li{
|
|
text-align: center;
|
|
width: 25%;
|
|
margin-top: 5px;
|
|
}
|
|
.footer ul li img{
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.footer ul li p{
|
|
font-size: 12px;
|
|
color: #8e8e93;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|