* { padding: 0; margin: 0; box-sizing: border-box; } ul, li { list-style: none; } html, body { height: 100%; width: 100%; } html::-webkit-scrollbar { display: none; } #wrap { width: 100rem; height: 56.25rem; } /* #wrap::-webkit-scrollbar{ display: none; } */ /* 添加背景图的样式 */ .baseImg { background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } .item { width: 23.6458rem; background-image: url(../images/01/leftbj.png); } .item-title { height: 2.3958rem; line-height: 2.3958rem; padding-left: 1.0417rem; width: 100%; border-bottom: 1px solid #2B5FA5; font-size: 16px; color: #1AB1FF; position: relative; display: flex; flex-direction: row; align-items: center; } /* 最新考勤 */ .news { height: 10.6771rem; padding: 1.0417rem; display: flex; flex-direction: column; justify-content: space-between; } .news > li { height: 1.4583rem; line-height: 1.4583rem; color: #A4E1FF; font-size: .625rem; display: flex; flex-direction: row; justify-content: space-around; align-items: center; white-space: nowrap; overflow-x: hidden; } .news > li:nth-of-type(2n) { background-color: #10457B; } .news > li > span { padding: 0 .3125rem; white-space: nowrap; } .item1 { background-image: url(../images/01/Slice\ 17.png); } .item-title > .circleBtn { width: 4.7396rem; height: 1.4583rem; text-align: center; line-height: 1.4583rem; background: #186EAB; color: #ffffff; border-radius: .6771rem; } .defaultBtn { margin-left: 1.0417rem; width: 4.7396rem; height: 1.4583rem; text-align: center; line-height: 1.4583rem; color: #ffffff; }