﻿body {
  width: 100%;
  height: 100%;
  background: url(../images/header.png) no-repeat top/100%,
    url(../images/bottom.png) no-repeat bottom/100%;
  background-color: #000209;
}

.text-img {
  max-width: 799px;
}

.sm-box {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 5px;
}

.title1 {
  font-size: 48px;
  color: #8ff1ff;
  letter-spacing: 0;
  text-align: center;
  line-height: 48px;
}

.ai-text-1 {
  font-size: 24px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
}

.ai-text-2 {
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  line-height: 14px;
}

.ai-img {
  max-width: 242px;
}

.text-view-more {
  font-size: 16px;
  line-height: 16px;
}

.new-content-daybox {
  width: 64px;
  height: 64px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  text-align: center;
}

.new-content-day {
  font-size: 24px;
  color: #ffffff;
}

.new-content-box {
  height: 64px;
}

.new-content-box:hover {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}

.new-content-box:hover > .new-content-daybox {
  background: none;
}

.new-content-box:hover > .new-content {
  color: #8ff1ff !important;
}

.btn-new::after {
  content: "";
  position: absolute;
  right: -50px;
  width: 60px;
  height: 30px;
  /*background: url("../images/gif_New.gif") no-repeat;*/
  transform: rotate(-35deg);
}

/* 鏂伴椈璧勮 s */
.new-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 64px;
  padding: 4px 0;
  box-sizing: border-box;
  cursor: pointer;
}

.new-item:hover {
  background: rgba(242, 249, 252, 0.5);
  border-radius: 4px;
  color: #2960bc;
}

.new-item > .new-item-content {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.new-time {
  min-width: 64px;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}

.new-item:hover > .new-time {
  background: transparent;
}

.new-time > .new-time-day {
  font-size: 24px;
  line-height: 1.1;
}

/* 鏂伴椈璧勮 e */

.max433 {
  max-width: 433px;
}

.max253 {
  max-width: 253px;
}

.max236 {
  max-width: 236px;
}

.platform-download-button2 {
  display: inline-block;
  position: relative;
  width: 230px;
  text-align: left;
}

.img-sprite {
  background: url("../images/Sprite-1.png") no-repeat;
  background-size: 362px 274px;
}
/* 涓嬭浇鎸夐挳 */
.i-sprite-w26 {
  display: inline-block;
  min-width: 26px;
  height: 26px;
  vertical-align: middle;
}
.img-w {
  background-position: -220px -146px;
}

.img-a {
  background-position: -4px -146px;
}

.img-m {
  background-position: -148px -146px;
}

.img-i {
  background-position: -76px -146px;
}
.sprite-box {
  display: inline-block;
  max-width: 400px;
}
.i-sprite-w70 {
  display: inline-block;
  min-width: 70px;
  height: 70px;
}

.img-point-1 {
  background-position: -2px -2px;
}

.img-point-2 {
  background-position: -74px -2px;
}

.img-point-3 {
  background-position: -146px -2px;
}

.img-point-4 {
  background-position: -218px -2px;
}

.img-point-5 {
  background-position: -290px -2px;
}

.img-point-6 {
  background-position: -2px -74px;
}

.img-point-7 {
  background-position: -74px -74px;
}

.img-point-8 {
  background-position: -146px -74px;
}

.img-point-9 {
  background-position: -218px -74px;
}

.img-point-10 {
  background-position: -290px -74px;
}
