.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; }