@font-face {
  font-family: LanTingCuHei;
  src: url("//s3.ssl.qhimg.com/static/c9afe43cb7ed6e52.eot");
  src: url("//s3.ssl.qhimg.com/static/c9afe43cb7ed6e52.eot?#iefix") format("embedded-opentype"), url("//s4.ssl.qhimg.com/static/2b4950395d195f0f.woff2") format("woff2"), url("//s2.ssl.qhimg.com/static/128cabc940b24cc8.woff") format("woff"), url("//s1.ssl.qhimg.com/static/db5e1fb79cf7139c.ttf") format("truetype")
}
@font-face {
  font-family: LanTingHei;
  src: url("//s1.ssl.qhimg.com/static/b862563b01bc4d0c.eot");
  src: url("//s1.ssl.qhimg.com/static/b862563b01bc4d0c.eot?#iefix") format("embedded-opentype"), url("//s3.ssl.qhimg.com/static/24eeba44edbadcdb.woff2") format("woff2"), url("//s2.ssl.qhimg.com/static/931996bc2707bc52.woff") format("woff"), url("//s3.ssl.qhimg.com/static/3812220686e8ff8f.ttf") format("truetype")
}
body {
  font-family: "Microsoft Yahei", sans-serif;
  width: 100%
}
body, html, p, ul {
  padding: 0;
  margin: 0
}
a {
  text-decoration: none
}
.clearfix::after {
  display: block;
  content: "";
  clear: both
}
.page {
  overflow: hidden
}
.header {
  height: 72px;
  width: 100%;
  position: fixed;
  background: transparent;
  background: #00031f
}
.header__content {
  width: 1000px;
  height: 100%;
  margin: 0 auto
}
.header__logo {
  float: left;
  width: 148px;
  height: 60px
}
.header__logo img {
  width: 100%;
  cursor: pointer;
  margin-top: 6px
}
.header__nav {
  float: right;
  height: 100%
}
.header__nav__item {
  display: inline-block;
  margin-left: 31px;
  font-size: 14px;
  font-weight: 400;
  height: 100%;
  line-height: 72px;
  cursor: pointer
}
.header__nav__item.active a {
  color: #2DE654
}
.header__nav__item a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #FFF
}
.header__nav__item a:hover {
  color: #2DE654
}
.banner {
  margin-top: 72px;
  height: 728px;
  background: url(https://p3.ssl.qhimg.com/t01265db3382548f5ba.png) no-repeat;
  background-size: cover;
  background-position: top center;
  background-color: #010424
}
.banner__content {
  width: 1000px;
  margin: 0 auto;
  color: #fff;
  padding: 174px 0 0
}
.banner__title {
  font-size: 48px;
  font-weight: bolder;
  font-family: LanTingCuHei, "Microsoft Yahei", sans-serif
}
.banner__text {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 14px;
  margin-top: 10px;
  font-family: "Microsoft Yahei", sans-serif
}
.banner__btn {
  width: 160px;
  height: 56px;
  cursor: pointer
}
.banner__btn:hover {
  background-position: -160px 0
}
.banner__btn:active {
  background-position: -320px 0
}
.banner__btns {
  margin-top: 34px
}
.banner__btn--normal {
  float: left;
  text-align: center;
  background: url(//p5.ssl.qhimg.com/t018551299efb8bc001.png) no-repeat
}
.banner__btn--normal .text {
  font-size: 20px;
  font-weight: 700;
  margin-top: 6px;
  color: #fff
}
.banner__btn--normal .date-size {
  font-size: 12px;
  font-weight: 400;
  color: #B6FFC5
}
.banner__btn--beta {
  float: left;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 56px;
  color: #fff;
  background: url("../360sd_files/t01d37cd4fec1220177.png") no-repeat
}
.banner__other {
  margin-top: 14px;
  font-size: 14px;
  font-weight: 400
}
.banner__other a {
  color: #009CFF;
  margin-right: 24px
}
.intro {
  background: #f4f6f8
}
.intro__content {
  width: 1000px;
  height: 360px;
  padding: 64px 0 0;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: justify
}
.intro__content::after {
  content: "";
  display: inline-block;
  width: 100%
}
.intro__card {
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 216px;
  height: 232px;
  background: #FFF;
  padding: 24px 26px 30px;
  text-align: center;
  border: 1px solid #fff
}
.intro__card:hover {
  border: 1px solid #d3e5ff;
  -webkit-box-shadow: 0 4px 8px 0 rgba(55, 129, 203, 0.1);
  box-shadow: 0 4px 8px 0 rgba(55, 129, 203, 0.1)
}
.intro__card:active {
  background: #D3E5FF;
  border: 1px solid #D3E5FF;
  -webkit-box-shadow: 0 4px 8px 0 rgba(55, 129, 203, 0.1);
  box-shadow: 0 4px 8px 0 rgba(55, 129, 203, 0.1)
}
.intro__icon {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background: url(https://p1.ssl.qhimg.com/t010304efbcf107a8b9.png) no-repeat
}
.intro__icon__1 {
  background-position: 0 0
}
.intro__icon__2 {
  background-position: -80px 0
}
.intro__icon__3 {
  background-position: -160px 0
}
.intro__icon__4 {
  background-position: -240px 0
}
.intro__title {
  padding: 20px 0 16px;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  line-height: 27px
}
.intro__text {
  font-size: 14px;
  font-weight: 400;
  color: #4D4D4D;
  line-height: 21px
}
.feature, .feature__center {
  overflow: hidden
}
.feature__center {
  height: 800px
}
.feature__center__text-left, .feature__center__text-right {
  height: 680px
}
.feature__center__text-left {
  background: #f4f6f8
}
.feature__center__big-pic {
  background: #f4f6f8;
  height: 920px
}
.feature__content {
  width: 1000px;
  margin: 119px auto 0;
  text-align: center
}
.feature__text-left, .feature__text-right {
  width: 510px;
  margin-top: 120px;
  text-align: left
}
.feature__text-left {
  float: left
}
.feature__text-right {
  float: right
}
.feature__title {
  font-size: 30px;
  font-weight: 700;
  color: #333
}
.feature__border {
  margin: 0 auto;
  width: 40px;
  height: 4px;
  background: #2DE654
}
.feature__border--left {
  margin: 0
}
.feature__desc {
  width: 770px;
  margin: 23px auto 53px;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #4D4D4D
}
.feature__desc--left {
  width: 510px;
  text-align: left
}
.feature__bg {
  width: 1000px;
  height: 480px;
  background: url("../360sd_files/t016197759dcc3a2bad.png") no-repeat;
  background-size: cover
}
.feature__bg--left, .feature__bg--right {
  width: 460px;
  height: 460px
}
.feature__bg--right {
  float: right;
  background: url("../360sd_files/t01d237b64565b29acb.png") no-repeat
}
.feature__bg--left {
  float: left;
  background: url("../360sd_files/t01483dcd2e529aedde.png") no-repeat
}
.feature__bg--big {
  height: 640px;
  background: url("../360sd_files/t01a26ddd9909269aa7.png") no-repeat
}
.download {
  background: #20212D;
  height: 380px
}
.download__content {
  overflow: hidden;
  width: 1000px;
  margin: 0 auto;
  padding-left: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.download__title {
  font-size: 24px;
  font-weight: 700;
  color: #FEFFFF;
  margin: 40px 0 8px
}
.download__text {
  width: 910px;
  font-size: 14px;
  font-weight: 400;
  color: #999
}
.download__list {
  margin-top: 32px
}
.download__item {
  margin-right: 217px;
  display: inline-block
}
.download__item .title {
  font-size: 16px;
  font-weight: 400;
  color: #FEFFFF;
  margin-bottom: 15px
}
.download__item .time, .download__item .size {
  font-size: 12px;
  color: #999
}
.download__item .time span, .download__item .size span {
  color: #2DE654
}
.download__item .btns {
  margin-top: 27px
}
.download__item .btn {
  line-height: 48px;
  display: inline-block;
  text-align: center;
  cursor: pointer
}
.download__item .btn--normal {
  width: 160px;
  height: 48px;
  color: #fff;
  font-weight: bolder;
  background: url(https://p1.ssl.qhimg.com/t01f23a4f661e161126.png) no-repeat
}
.download__item .btn--normal:hover {
  background-position: -160px 0
}
.download__item .btn--normal:active {
  background-position: -320px 0
}
.download__item .btn--link {
  font-weight: 400;
  color: #009CFF;
  margin-left: 25px
}
.footer, .footer a {
  color: #999
}
.footer {
  background: #181920;
  padding: 32px 0;
  height: 120px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
  font-weight: 400
}