body{ position:relative;}
body:after{ content: ''; width:100%; height:26.8rem; position: absolute; top: 0; left: 0; background: url(./images/body-bg.webp) repeat-x center top/ auto 100%; z-index: -1;}
/*
    body {
      position:relative;
      background-color: #191970;
    }*/
.content{ width: 7.5rem; margin: 0 auto;}
.partner{
  height: 0.5rem;
  padding: 0;
  margin: auto;
  position: absolute;
  bottom: 0;
  width: 7.5rem;
  background-color: #000000;
  text-align: center;
}

.banner{ width: 7.1rem;}
.banner .swiper-slide{ width: 100%; height: auto; border-radius: .3rem; overflow: hidden;}
.banner img{ border-radius: .3rem;}

.notice{ height: 0.7rem; line-height: .5rem; padding: .2rem .1rem; font-size: .28rem; display: flex; justify-content: flex-start;}
.notice h3{ min-width: 1rem; padding-left: 0.7rem; font-size: .28rem; font-weight: bolder; color: #137ada; background: url(./images/icon-notice.webp) no-repeat left center; background-size: 0.7rem 0.7rem;}
.notice a{ color: #3d3d3d;}
.notice .swiper{ height: .5rem; margin: 0; overflow: hidden;margin-left:-0.2rem;}
.notice .swiper-slide{ height: .5rem; overflow: hidden; font-weight: bold; color:#ff954c; }

.quick-btn{ padding: 0 .24rem; text-align: center; display: flex; justify-content: space-between; flex-wrap: nowrap;}
.quick-btn a{ display: block; width: 3.4rem;}
.quick-btn img{ width: 3.4rem;}

button {
  padding: 0 .24rem;
  background: #e3f6fb;
  border: none;
  height: 1rem;
  border-radius: .2rem;
  color: #444;
  font-size: 0.5rem;
  text-align: center;
  outline: none;
  cursor: pointer;
  transition: .2s ease-in-out;
  box-shadow: -6px -6px 16px rgba(255, 255, 255, .75),
              -6px -6px 12px rgba(255, 255, 255, .5),
              6px 6px 10px rgba(255, 255, 255, .1),
              6px 6px 12px rgba(0, 0, 0, .2);
}

button:active {
  box-shadow: inset -2px -2px 6px rgba(255, 255, 255, .75),
              inset -2px -2px 4px rgba(255, 255, 255, .5),
              inset 2px 2px 2px rgba(255, 255, 255, .1),
              inset 2px 2px 4px rgba(0, 0, 0, .2);
}
.hot-logo h3{ font-size: 0; height: .5rem; margin-top: -.2rem; background: url(./images/banner.webp) no-repeat center top; background-size: 7.5rem auto;}
.hot-logo img{ width: 100%;}

.hot-ck h3{ font-size: 0; height: .5rem; margin-top: .4rem; background: url(./images/ck.webp) no-repeat center top; background-size: 7.5rem auto;}
.hot-ck img{ width: 100%;}


.hot-partner h3{ font-size: 0; height: 2rem; background: url(./images/partner.png) no-repeat center top; background-size: 7.5rem auto;}
.hot-partner img{ width: 100%;}


.image-container {
  position: relative;
  display: inline-block;
}

.label {
  position: absolute;
  bottom: 10%;
  left: 10%;
  right: 10%;
  background-color: transparent;
  color: #f8f8ff;
  padding: 5px 10px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.5;
  font-weight: bold;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
}


.hot-game h3{ font-size: 0; height: .5rem; margin: -0.1rem 0rem; background-size: 7.5rem auto;}

.hot-event h3{ font-size: 0; height: 2.4rem; margin: .1rem 0 .1rem; background: url(./images/tit-hot-game.png) no-repeat center top; background-size: 7.5rem auto;}
.hot-kefu h3{ font-size: 0; height: .5rem; margin: -.2rem 0 .1rem; background: url(./images/tit-hot-kefu.png) no-repeat center top; background-size: 7.5rem auto;}
.hot-dl h3{ font-size: 0; height: .5rem; margin: -.2rem 0 .3rem; background: url(./images/tit-hot-dl.png) no-repeat center top; background-size: 7.5rem auto;}


.foot{ padding: .6rem .24rem 0; display: flex; justify-content: center;}
.foot a:last-child{ margin-left: -.36rem; margin-top: -.8rem;}
.foot a:first-child img{ height: 1.5rem;}
.foot a:last-child{ width: 4.1rem;}

.hr-text {
     margin-top: -.4rem;
	 line-height: 2em;
	 position: relative;
	 outline: 0;
	 border: 0;
	 color: black;
	 text-align: center;
	 height: 3em;
	 opacity: 0.5;
	 font-size: 0.2rem;
}

.hr-text,
.hr-text:after {
  background-size: 400% 400%;
  background-image: linear-gradient(to right, #ff0000, #ff8000, #fff200, #51ff00, #00d0ff, #9000ff,#ff008c);
  -webkit-background-clip: text;
  animation: text-color-gradient 10s ease infinite;
  color: transparent;
}

.floating-button {
  position: fixed;
  top: 398px;
  right: 10px;
  width: 83px;
  height: 50px;
  background: tomato url('./images/zhuce.png') center/contain no-repeat;
  border: none;
  border-radius: 10%;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  animation: zoomRadiate 1s ease-in-out infinite;
}

@keyframes zoomRadiate {
  50% {
    transform: scale(1.1);
    box-shadow: 0 0 10px 5px rgba(255, 0, 0, 0.5);
  }
}