@import "base.css";

.main .bd .list{width: 1200px; height: auto; display: flex; gap: 50px; flex-direction: column;}
.main .bd .list .item{padding-left: 70px; position: relative;}
.main .bd .list .item .title{height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; color: #333333;}
.main .bd .list .item .desc{color: #666666; line-height: 30px}
/*.main .bd .list .item .desc::after{content: ""; display: block; width: 100%; height: 1px; background: #cccccc; margin-top: 20px;}*/
.main .bd .list .item .index{width: 70px;height: 50px;color: var(--theme-color);position: absolute;top: 0;left: 0;font-size: 40px;font-family: alfy, serif;}

.actions{width: 100%; display: flex; gap: 50px; justify-content: space-evenly; margin: 30px 0;}
.actions .action_item{width: 150px; height: 150px; border-radius: 30px; background: var(--theme-color); color: #FFFFFF; display: flex; align-items: center; justify-content: center; gap: 20px; flex-direction: column;}
.actions .action_item .action_index{font-size: 32px; font-family: alfy, serif; opacity: 0.5;}
.actions .action_item .action_name{font-size: 16px; line-height: 20px;}

.album{width: 100%; height: auto; display: flex; gap: 30px;}
.album .album_item{flex: 1}
.album .album_item img{display: block; width: 100%; aspect-ratio: 16/9; background: #ffffff; object-fit: contain;}