/* 首页专属样式（对应镜像站 index.ejs 的行内 <style>） */

table thead th, table tbody td, table td { padding: 0; }
table { border: none; }
dl, dt, dd { margin: 0; padding: 0; }

#marqueediv dl { width: 228px; height: 200px; float: left; margin-right: 20px; border: 1px solid #ccc; margin-bottom: 15px; }
#marqueediv dl:nth-child(4n) { margin-right: 0px; }
#marqueediv dl:hover img { transform: scale(1.1); }
#marqueediv dl > dt { width: 100%; height: 160px; overflow: hidden; }
#marqueediv dl > dt img { width: 100%; height: 160px; transition: 1s all; }
#marqueediv dl > dd { width: 100%; height: 40px; line-height: 40px; text-align: center; }
#marqueediv dl > dd > a { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding: 0 4px; line-height: 40px; }

.liyou { background: url("/images/bb.jpg") no-repeat center center; width: 100%; height: 500px; margin: 50px auto 20px; }
.liyou .container123 { margin: 0 auto; width: 1000px; height: 500px; position: relative; }
.liyou img { position: absolute; cursor: pointer; transition: 1s all; width: 100px; }
.liyou img:hover { transform: rotate(360deg); }
.liyou img:nth-child(1) { top: 180px; left: -4px; }
.liyou img:nth-child(2) { top: 370px; left: -4px; }
.liyou img:nth-child(3) { top: 180px; right: -2px; }
.liyou img:nth-child(4) { top: 370px; right: -4px; }