/* * @Descripttion: * @version: * @Author: sueRimn * @Date: 2021-05-19 15:50:20 * @LastEditors: sueRimn * @LastEditTime: 2021-05-20 15:46:44 */ .box{ height: 97%; width: 100%; padding: 10px; background-color: #F7F8FA; display: flex; .boxleft{ width: 20%; height: 100%; background-color: #FFFFFF; display: flex; flex-direction: column; .lefthead{ height: 50px; width: 100%; display: flex; border-bottom: 1px solid #F7F8FA; span{ font-size: 16px; } .leftheadone{ width: 40%; height: 100%; span{ margin: 10px 10px; height: 50px; line-height: 50px; } } .leftheadtwo{ width: 20%; height: 100%; margin-left: 50%; cursor: pointer; img{ position: relative; top: 2px; } span{ //margin-left: 70%; //margin: 10px 10px; height: 50px; line-height: 50px; } } } .leftbox{ height: 100%; width: 100%; display: flex; flex-direction: column; .leftbody{ width: 100%; height: 40px; display: flex; .bodyname{ height: 40px; width: 60%; span{ font-size: 16px; height: 40px; line-height: 40px; margin-left: 10px; } } .bodycz{ height: 40px; width: 40%; img{ margin-left: 10px; } span{ color: #B2BEC7; font-size: 16px; height: 40px; line-height: 40px; margin-left: 30%; } } } } } .boxright{ margin-left: 10px; height: 100%; width: 78%; background-color: #FFFFFF; } }