body { padding: 1rem 2rem 2rem; width: 880px; border-radius: 0.7em; margin: 0 auto; background-color: rgba(255, 255, 255, 0.9); font-size: 14px; color: #2c3e50; } .集数按钮 { font-weight: 600; color: #000; background-color: #FFF000; width: 43px; border-radius: 10px; text-align: center; padding: 4px 6px; display: inline-block; cursor: pointer; transition: 0.2s linear; } .集数按钮:hover { opacity: 0.5; } .各集内容 { padding: 14px; display: none; } .各集内容 span { font-size: 24px; font-weight: bolder; color: #000; } .各集内容 .内容 { border-radius: 15px; border: 2px solid #000; padding: 6px 15px; background-color: #FFF; max-width: 580px; } .各集内容 img { width: 100%; height: auto; } .各集内容 p { font-size: 16.8px; line-height: 1.6; } .各集内容 .黑幕 { background-color: #252525; color: #252525; transition: 0.13s linear; font-size: 16.8px; } .各集内容 .黑幕:hover { color: white; } #艺术字 { margin-left: 105px; } #艺术字 .艺术字 { width: 50%; color: #36c0b9; font-size: 30px; font-weight: bolder; text-align: center; padding: 1em; vertical-align: middle; } #艺术字 .艺术字 span { font-size: 35px; } #bg { background: url(image/background_picture.jpg) no-repeat; background-attachment: fixed; } #mybody { padding: 1rem 2rem 2rem; width: 880px; border-radius: 0.7em; margin: 0 auto; background-color: rgba(255, 255, 255, 0.9); font-size: 14px; color: #2c3e50; } article { display: block; unicode-bidi: isolate; } #事先声明 { color: rgb(70, 70, 70); font-size: small; border: 1px solid rgba(128, 128, 128, 0.466); border-left: 10px #1e90ff solid; height: 50px; } div { display: block; unicode-bidi: isolate; } h2 { display: block; font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: isolate; } p { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; unicode-bidi: isolate; } a { text-decoration: none; color: #3f51b5; } a:active, a:visited:active { color: orange; } a:visited { color: #0b0080; } #事先声明 { color: rgb(70, 70, 70); font-size: small; border: 1px solid rgba(128, 128, 128, 0.466); border-left: 10px #1e90ff solid; height: 50px; } #事先声明 p { position: relative; top: -50px; left: 70px; } #事先声明 img { position: relative; top: 4px; left: 4px; } .大圆角标签1 { width: 5px; height: 30px; background: #f62020; border-radius: 1em; float: left; position: relative; top: 0px; } .大圆角标签2 { width: 5px; height: 30px; background: #f8c708; border-radius: 1em; float: left; position: relative; top: 0px; } .大圆角标签3 { width: 5px; height: 30px; background: #3f4fd9; border-radius: 1em; float: left; position: relative; top: 0px; } .大圆角标签4 { width: 5px; height: 30px; background: #8ed495; border-radius: 1em; float: left; position: relative; top: 0px; } .大圆角标签5 { width: 5px; height: 30px; background: #be8eb0; border-radius: 1em; float: left; position: relative; top: 0px; } .大圆角标签6 { width: 5px; height: 30px; background: #44c7e8; border-radius: 1em; float: left; position: relative; top: 0px; } .imgBox { display: inline-block; width: 113px; height: 122px; text-align: center; transition: 0.25s; } .imgBox:hover { opacity: 0.70; } .imgBox img { width: 100px; height: 100px; }