.list-Box{ // width: 360px; width: 324px; // height: 700px; height: 100%; overflow: hidden; padding-top: 130px; padding-bottom: 70px; position: relative; .top{ position: absolute; top:20px; left: 0; } h2{ font-weight: 700; font-size: 18px; color: #2A9BD5; letter-spacing: 0; // line-height: 18px; margin: 0 0 10px 20px; } .list-time{ width: 323px; height: 39px; background: #E9F5FA; // margin: 0 20px 8px; padding-top: 6px; position: relative; img{ vertical-align: middle; margin: 0 10px; } } .filter-box{ font-size: 12px; color: #767676; height: 44px; line-height: 44px; background: #F8F9FB; .filter{ font-size: 12px; margin-left: 20px; } .condition{ font-size: 12px; padding: 3px 10px; border-radius: 12px; margin-left: 3px; cursor: pointer; } .select{ color: #2A9BD5; background: #E2EFF6; } } .list{ // height: 480px; height: 100%; overflow-y: auto; padding-bottom: 20px; li{ font-size: 13px; color: #0E1932; // height: 68px; padding: 16px 20px 16px 44px; position: relative; } .name{ font-size: 12px; color: #7C828E; margin-top: 8px; } .second{ margin-top: 15px; } .select-li{ color:#2A9BD5; background: #E9F5FA; .name{ color:#2A9BD5; } } /* .select-name{ color:#2A9BD5; } */ .check-box{ width: 14px; // height: 14px; position: absolute; left: 20px; top: 27px; } .more{ text-align: center; color: #2A9BD5; cursor: pointer; margin-top: 15px; } } .all-box{ color: #7C828E; height: 69px; width: 323px; line-height: 69px; padding: 0 20px; border-top: 1px solid #E9F5FA; position: absolute; bottom: 2px; left: 0; background: #fff; .check-all{ width: 14px; margin: 0 8px 0 0; } .export{ color: #a3c9de; display: inline-block; width: 92px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #a3c9de; border-radius: 4px; margin-left: 136px; cursor: pointer; } .exp-select{ color: #2A9BD5; border-color: #2A9BD5; } } }