@charset "utf-8";
.newMain {display: flex;margin:0 auto;width:100%;text-align:center;}
.newMain .center {flex-grow: 1;height: 500px;overflow: hidden;background-size: 100% 100%;background-position: 0 0;background-repeat: no-repeat;width:100%;border:1px solid var(--bmw-board-color);}
.gameTitleWrap {display: flex;justify-content: space-between;align-items: center;margin:0 auto;margin-top: 10px;height:40px;font-weight: 600;}
.gameTitleWrap h3 {font-size: 16px;}
.gameTitleWrap .more {color: var(--bmw-main-title);font-size: 14px;}
.gameTitleWrap .more:hover {color: #ffffff;text-shadow: 0 0 5px #cfff5e, 0 0 10px #ffb25e, 0 0 20px #ef7c00;transition: all 300ms;}
.gameWrap {position:relative;overflow: hidden;}
.gameWrap .slidebox {display: flex;margin:0 auto;overflow: hidden;}
.slideitem {display: block;overflow: hidden;transition: all 800ms;opacity: 0;position: relative;aspect-ratio: 400 / 160;width: 0px;cursor: pointer;background: #000;}
.slideitem.show {opacity: 1;width: 100%;margin: 0 5px;border: 1px solid var(--bmw-box-border);}
.slideitem img.bg {position: absolute;left: 0px;top: 0px;bottom: 0px;right: 0px;display: block;width: 100%;filter: grayscale(0.6) brightness(0.6);transition: all 100ms;}
.slideitem img.label {position: absolute;display: block;left: 20px;top: 70%;transform: translate(0, -80%);filter: grayscale(1) brightness(0.8);transition: all 100ms;}
.slidebox .slideitem:hover {border-color: var(--bmw-box-border-hover);}
.slidebox .slideitem:hover img {filter:grayscale(0) brightness(1);transition: all 100ms;}
.slidebox .slideitem:hover img.bg {transform:scale(1.1);}
.slidebox .slideitem .info {height: 48px;position: absolute;bottom: 0;left: 0;width: 100%;background-color: rgba(50, 35, 12, 0.3);transition: all 300ms;}
.slidebox .slideitem .info .name {display: block;width:100%;line-height: 48px;color: #fff;font-size:16px;font-weight:400;white-space: nowrap;text-align: center;text-overflow: ellipsis;overflow: hidden;transition: all 300ms;}
.slidebox .slideitem:hover .info .name {text-shadow:0 0 5px #517dce,0 0 10px #577ac2,0 0 20px rgb(194, 209, 235);color: var(--bmw-box-border-hover);transition: all 300ms;}
.slotList .slideitem img.label {left: 50%;top: 50%;transform: translate(-50%, -50%);}
.main-service{display:flex;width: 100%;flex-direction:column;justify-content:center;}
.main-service h2{display:block;width:548px;height:125px;margin:0 auto;background:url(https://i.imgur.com/X64yNtC.png) no-repeat;font-size:0;line-height:0;}
.main-service ul{display:flex;justify-content:space-between;width: 100%;margin:50px auto 0px;}
.main-service ul li{display:flex;position:relative;top:0;flex-direction:column;align-items:center;margin-left: 20px;padding:68px 0 40px;background:#000;text-align:center;transition:all .3s;border: 1px solid #31210a;width: 25%;}
.main-service ul li i{display:inline-flex;justify-content:center;width:110px;height:140px;margin-bottom:5px;background: linear-gradient(to right,#cacccb 0%,#fafcfb 25%,#92959c 47%,#fff 68%,#878c90 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:128px;filter: drop-shadow(0px 3px #775a31);}
.main-service ul li span{margin-bottom:5px;font-size:26px;color:#fff;transform: rotate(0.04deg);}
.main-service ul li em{margin-bottom:22px;font-style:normal;font-size:16px;color: #dc911a;}
.main-service ul li p{font-size:14px;color: #746e67;line-height:22px;}
.main-service ul li:first-child{margin-left:0;}
.main-service ul li:hover{top:-15px;cursor:pointer;}