.header{ position: fixed; left: 0; top: 0; width: 100%; z-index: 9998; background-color: #f9f9f9; } .header_top{ display: flex; align-items: center; justify-content: space-around; position: relative; left: 0; right: 0; width: 100%; height: 42px; } .header_top .leftimg{ height: 14px; width: 64px; } .header_top input{ width: 200px; height: 33px; border: none; border-radius: 20px; background-color: rgba(155,155,155,0.1); background-image: url("../img/icon_search.png"); background-repeat: no-repeat; background-position: 10px; background-size: 14px; padding-left: 35px; box-sizing: border-box; } .header_top .rightimg{ margin-left: 5px; height: 25px; width: 25px; } .header_top span{ margin-right: 5px; font-size: 14px; } /* 内容 */ .content{ width: 100%; margin-top: 42px; margin-bottom: 52px; display: flex; justify-content: space-between; } .content_left{ overflow: hidden; padding-left: 5px; box-sizing: border-box; position: fixed; height: 100%; overflow-y: scroll; } .contentleft_core{ display: flex; justify-content: space-around; flex-direction: column; height: 120%; } .contentleft_core li{ margin: 18px 0; font-size: 13px; color: #333333; } .content_right{ margin-left: 31%; overflow-y: scroll; } .content_right .img1{ height: 70px; margin-top: 8px; margin-left: 5px; width: 96%; border-radius: 12px; } .details{ width: 100%; margin-top: 10px; } .details .titlep{ font-size: 14px; color: #333333; text-align: center; } .details ul{ width: 100%; display: flex; justify-content: space-around; flex-wrap: wrap; } .details ul li{ display: flex; align-items: center; justify-content: center; flex-direction: column; width: 33.333%; margin-top: 8px; } .details ul li img{ height: 50px; width: 50px; } .details ul li p{ margin-top: 8px; width: 55px; height: 28px; font-size: 11px; color: #666666; overflow: hidden; text-align: center; } /* 底部 */ .foot{ height: 52px; width: 100%; position: fixed; display: flex; bottom: 0; left: 0; z-index: 99999; background-color: #f9f9f9; } .foot li{ width: 20%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .foot li .ftimg{ width: 24px; height: 24px; } .foot li span{ color: #787878; font-size: 10px; margin-top: 3px; margin-bottom: 5px; } .foot li a{ color: #787878; width: 24px; height: 24px; }