.fishGame-main[data-v-7e1720dc] { position: relative; } .fishGame-main .wrapper[data-v-7e1720dc] { position: relative; padding: 209px 10px 10px 10px; width: 1010px; background: #00397d url(../../static/img/fish-bg.jpg) no-repeat center top; } .fishGame-main .wrapper .fishGmae-ul[data-v-7e1720dc] { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fishGame-main .wrapper .fishGmae-ul li[data-v-7e1720dc] { position: relative; width: 246px; height: 246px; padding-top: 20px; font-size: 16px; color: #fff; text-align: center; background-position: center 30px; background-repeat: no-repeat; -webkit-transition: padding-top 0.4s; transition: padding-top 0.4s; background: rgba(0, 0, 0, 0.3); cursor: pointer; } .fishGame-main .wrapper .fishGmae-ul li[data-v-7e1720dc]:hover { padding-top: 15px; } .fishGame-main .wrapper .fishGmae-ul li:hover .gameName[data-v-7e1720dc] { color: #d00; } .fishGame-main .wrapper .fishGmae-ul li .maintain[data-v-7e1720dc] { position: absolute; left: 50%; top: 50%; height: 20px; padding: 2px 8px; font-size: 12px; line-height: 1.2; border-radius: 10px; background: rgba(0, 0, 0, 0.5); color: #fff; white-space: nowrap; border: 1px solid rgba(255, 255, 255, 0.5); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .fishGame-main .wrapper .fishGmae-ul li + li[data-v-7e1720dc] { margin-left: 2px; margin-bottom: 2px; } .fishGame-main .wrapper .fishGmae-ul li[data-v-7e1720dc]:nth-child(4n+1) { margin-left: 0; } .fishGame-main .wrapper .fishGmae-ul li .gameLogo[data-v-7e1720dc] { position: relative; display: inline-block; width: 196px; height: 196px; } .fishGame-main .wrapper .fishGmae-ul li .gameName[data-v-7e1720dc] { font-size: 18px; color: #FFFFFF; line-height: 36px; text-align: center; line-height: 1.5; } .fishGame-main .wrapper .fishGmae-ul li i[data-v-7e1720dc] { position: absolute; top: 10px; right: 10px; font-size: 18px; line-height: 20px; } .fishGame-main .wrapper .fishGmae-ul li .iconshixinaixin[data-v-7e1720dc] { color: #d00; }