* {
                    box-sizing: border-box;
                    margin: 0;
                    padding: 0;
                    list-style: none;
                }
                
                .nav {
                    display: flex;
                    margin: 10px;
                    background-color: #648df7;
                    box-shadow: 1px 0px 10px 1px;
                    padding: 15px;
                    height: 110px;
                    width: 100%;
                }
                
                .hi {
                    padding-top: 30px;
                }
                
                .nav_ul_li a {
                    color: rgb(255, 255, 255);
                    text-decoration: none;
                    padding: 3px 5px;
                    width: 100%;
                    display: block;
                    text-align: center;
                }
                
                .nav_ul_li:hover>a {
                    background-color: #3b5af4;
                    width: 100px;
                    height: 50px;
                    border-radius: 10%;
                }
                
                .little_ul {
                    display: none;
                    position: absolute;
                    top: 99%;
                    background-color: #3b5af4;
                    min-width: 100px;
                    box-shadow: rgb(44, 68, 184)4;
                    border-radius: 10%;
                }
                
                .nav_ul_li:hover .little_ul {
                    display: block;
                }
                
                .little_ul li {
                    padding: 0;
                }
                
                .little_ul a {
                    color: white;
                    padding: 10px 15px;
                    text-align: center;
                    transition: background 0.2 ease;
                }
                
                .little_ul a :hover {
                    background-color: rgb(74, 71, 252);
                }
                
                .nav_ul {
                    list-style-type: none;
                    display: flex;
                    justify-content: center;
                    gap: 20px;
                    width: 100%;
                    align-items: center;
                    cursor: grab;
                }
                
                .nav_ul_li {
                    list-style: none;
                    margin: 3px;
                    float: left;
                    text-align: center;
                    width: 100%;
                    position: relative;
                }
                
                body {
                    background-color: #bacafc;
                }
                
                .myself img {
                    border-radius: 50px;
                    height: 80px;
                    width: 80px;
                    display: flex;
                    flex-direction: center;
                }
                
                .myself {
                    display: flex;
                    flex-direction: column;
                    height: 50vh;
                    width: 50vh;
                    background-color: #628bf1;
                    box-shadow: 1px 0px 10px 1px;
                    align-items: center;
                }
                
                .button_pushume {
                    background-color: rgb(74, 71, 252);
                    padding: 6px;
                    cursor: grab;
                }
                
                .content p {
                    background-color: #628bf1;
                    width: auto;
                    text-align: center;
                }
                
                .content {
                    display: grid;
                    margin: 50px;
                    padding: 50px;
                }
                
                .content h2 {
                    display: flex;
                    justify-self: center;
                    padding: 30px;
                }
                
                .daohang {
                    display: grid;
                    margin: 80px;
                    padding: 30px;
                    background-color: #628bf1;
                    text-align: center;
                }
                
                .lianjie {
                    display: grid;
                    margin: 80px;
                    background-color: #628bf1;
                    padding: 30px;
                }
                
                .imgline {
                    background-color: #0b4df2;
                    padding: 5px;
                }
                
                .photo li {
                    display: inline-block;
                    justify-self: center;
                    margin: 10px;
                    vertical-align: top;
                    padding: 50px;
                }
                
                .photo {
                    list-style: none;
                    width: 120px;
                    margin: 10px;
                    padding: 100px;
                }
                
                .photo img {
                    width: 200px;
                    height: auto;
                    border: 1px solid #0b4df2;
                    padding: 5px;
                    background-color: #628bf1;
                    vertical-align: middle;
                }
                
                .photo h3 {
                    display: flex;
                    justify-content: center;
                }
                
                .week {
                    background-color: #628bf1;
                }
                
                .timetable h1 {
                    color: rgba(255, 255, 255, 0.873);
                }
                
                .timetable h5 {
                    color: rgb(195, 223, 230);
                }
                
                .timetable th {
                    color: rgb(186, 237, 216);
                    width: 100px;
                }
                
                .timetable tr {
                    width: 100px;
                }
                
                .box {
                    display: flex;
                    flex-direction: column;
                    gap: 20px;
                    padding: 40px;
                    width: 800px;
                    height: auto;
                    box-shadow: 1px 0px 10px 1px;
                    background-color: #628bf1;
                }
                
                .timetable {
                    color: aqua;
                }
                
                .Main {
                    display: flex;
                    gap: 20px;
                    padding: 30px;
                }
                
                .line_photo {
                    flex: 1;
                    padding: 20px;
                    background-color: #628bf1;
                    box-shadow: 1px 0px 10px 1px;
                }
                
                .run_photo {
                    flex: 1;
                    padding: 20px;
                    background-color: #628bf1;
                    box-shadow: 1px 0px 10px 1px;
                }
                
                .run_photo_group {
                    background-color: #3b5af4;
                    width: 100%;
                    margin: 20px auto;
                    position: relative;
                    overflow: hidden;
                    border-radius: 50px;
                }
                
                .photo_body {
                    display: flex;
                    transition: transform 0.5s ease-in-out;
                }
                
                .photos {
                    min-width: 100%;
                }
                
                .photo_body img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }