body{ position: absolute; } .main{ padding: 0 0 80px; } .enrollContainer{ display: flex; justify-content: center; width: 100%; height: auto; } .enrollList{ padding-top: 2%; } .enrollList .item{ /*border: 1px solid #cccccc;*/ box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.04); border-radius: 8px; box-shadow: #3c3c3c; padding: 20px; margin-top: 20px; width: 100%; max-width: 1000px; display: flex; background-color: #ffffff; justify-content: flex-start; overflow: hidden; margin-right: 0; margin-left: 0; } .enrollList .item .itemTitle{ font-weight: 800; padding-bottom: 10px; font-size: 20px; margin-bottom: 20px; } /*.enrollList .item .detail{*/ /* background: #7B4800;*/ /* border-radius: 20px;*/ /* padding: 5px 10px;*/ /* font-size: 12px;*/ /* color: #ffffff;*/ /* position: absolute;*/ /* right: 0;*/ /* bottom: 0;*/ /*}*/ .enrollList .item .detail a{ background: #245201; border-radius: 20px; padding: 5px 15px; font-size: 16px; color: #ffffff; position: absolute; right: 62px; bottom: 22px; text-decoration: none; } .enrollList .item .itemImg{ /*width: 200px;*/ /*height: 200px;*/ /*border: 1px solid #ccc;*/ padding-left: 0; padding-right: 0; overflow: hidden; aspect-ratio: 4/3; border-radius: 10px; } .enrollList .item .itemImg img{ /*width: 300px;*/ /*height: 200px;*/ } .enrollList .item .itemVal{ /*height: 200px;*/ position: relative; } .enrollImg{ padding-right: 5%; padding-top: 5%; /*position: absolute;*/ /*top: 68px;*/ /*left: 102px;*/ } /*鎷涚敓绠€绔?/ .sectionStudent{ /*background-color: #f8f8f8;*/ height: 900px; } .sectionStudent .StudentList{ width: 100%; max-width: 1000px; height: 400px; background-color: #ffffff; position: relative; left: 50%; transform: translate(-50%); margin-top: 50px; position: relative; border-radius: 8px; box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.04); } .sectionStudent .StudentList .stuTitle span:nth-of-type(1){ font-size: 22px; font-weight: 800; text-align: center; display: inherit; padding-top: 34px; } .sectionStudent .StudentList .stuTitle span:nth-of-type(2){ font-size: 12px; text-align: center; display: inherit; color: #aaaaaa; } .sectionStudent .StudentList .download{ border: 1px solid #245201; color: #245201; padding: 8px; border-radius: 8px; position: absolute; top: 74px; right: 67px; text-align: center; } .sectionStudent .StudentList .stuVal{ margin-top: 50px; padding: 0 23px; } .zenTitle{ text-align: center; padding: 40px; font-size: 34px; font-family: Microsoft YaHei UI; font-weight: 400; color: #000000; line-height: 72px; display: flex; /* margin: 10px; */ align-items: center; justify-content: center; } .zenTitle span{ padding: 0 20px; } .zenTitle .top img:nth-of-type(2){ margin: 10px; } .zenList{ display: flex; align-items: center; margin: 0 auto; width: 100%; max-width: 1200px; flex-wrap: wrap; justify-content: flex-start; } .zenItem-outer { margin-bottom: 20px; } .zenItem{ /* width: 280px; */ background: #FFFFFF; box-shadow: 0px 7px 16px 0px rgb(0 0 0 / 4%); border-radius: 10px; margin-left: 10px; margin-right: 10px; color: #000; padding: 12px; padding-bottom: 20px; overflow: hidden; margin: 0 2%; } .zenItem img{ width: 100%; margin: 0 auto; height: 200px; border-radius: 10px 10px 0 0; } .zenItem p { color: #999; font-size: 14px; padding: 15px 0 0 0px; } .zenList a{ color: #000000; font-size: 18px; }