@charset "utf-8";
.border-box-layout,
.border-box-layolut * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/* 头部 */
.fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}
.king-header {
  display: flex;
  padding: 0.2rem 15px 0.2rem 6px;
  background-color: #f9f9f9;
}
.king-header .back {
  display: block;
  width: 0.5rem;
  margin-right: 0.4rem;
  background: url('../images/king_back.png') left center / 0.5rem 0.5rem no-repeat;
}
.king-header .king-txt {
  border-left: 0.02rem solid #ddd;
  padding-left: 0.6rem;
  font-size: 0.34rem;
  color: #666;
  height: 0.5rem;
  line-height: 0.5rem;
}
.mt45 {
  margin-top: 0.9rem;
}
.down-main {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: calc(100vh - 1.3rem);
  padding-top: 0.4rem;
  background: url('../images/down_app_bg.jpg') top center / 100% 100% no-repeat;
}
.king-logo {
  display: block;
  width: 2.4rem;
  margin: 0 auto;
}
.king-logo img {
  display: block;
  max-width: 100%;
  height: auto;
}
.down-links-main {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.down-links-main article {
  display: block;
  width: 4.4rem;
  height: 0.88rem;
  margin: 0 auto 0.3rem;
  line-height: 0.88rem;
  font-size: 0.36rem;
  text-align: center;
}
.down-links-main article a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  border-radius: 0.08rem;
}
.down-links-main article .android {
  background-color: #25b458;
}
.down-links-main article .android-span {
  padding-left: 0.6rem;
  background: url('../images/android.png') left center / 0.4rem 0.4rem no-repeat;
}
.down-links-main article .ios {
  background-color: #3d403e;
}
.down-links-main article .ios-span {
  padding-left: 0.6rem;
  background: url('../images/ios.png') left center / 0.4rem 0.4rem no-repeat;
}
.down-links-main article .web {
  background-color: #24a0ee;
}
.down-links-main article .web-span {
  padding-left: 0.6rem;
  background: url('../images/ie.png') left center / 0.4rem 0.4rem no-repeat;
}
/* 介绍页 */
.introduce-head {
  background: url('../images/intr_bg.jpg') top center / 100% 100% no-repeat;
  padding: 15px 15px;
}
.introduce-head .logo {
  width: 2.3rem;
  margin-bottom: 0.1rem;
}
.introduce-head .logo img {
  display: block;
  max-width: 100%;
  height: auto;
}
.introduce-head .support {
  margin-bottom: 0.6rem;
  font-size: 0.2rem;
  line-height: 0.36rem;
  color: #d0d0d0;
}
.introduce-head .in-money {
  margin-bottom: 0.2rem;
  font-family: "PingFang SC Medium";
  font-size: 0.52rem;
  line-height: 0.64rem;
  color: #ffe08c;
  letter-spacing: 0.02rem;
  text-align: center;
}
.introduce-head .in-money-small {
  font-size: 0.24rem;
  color: #fdd25c;
  line-height: 0.36rem;
  letter-spacing: 0.26rem;
  text-align: center;
}
.introduce-head .tips {
  margin-top: 0.4rem;
}
.introduce-head .tips-lists {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.introduce-head .tips-lists li {
  margin-right: 0.2rem;
  font-size: 0.26rem;
  color: #ddd;
  line-height: 0.36rem;
  padding-left: 0.52rem;
}
.introduce-head .tips-lists li:last-child {
  margin-right: 0;
}
.introduce-head .tips-lists .tally {
  background: url('../images/int_icon_1.png') left center / 0.36rem 0.36rem no-repeat;
}
.introduce-head .tips-lists .mobile-play {
  background: url('../images/int_icon_2.png') left center / 0.36rem 0.36rem no-repeat;
}
.introduce-head .tips-lists .remote {
  background: url('../images/int_icon_3.png') left center / 0.36rem 0.36rem no-repeat;
}
/*  数据统计 */
.count-tips {
  margin: 0.6rem auto;
}
.count-tips .count-lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0.3rem;
  background: url('../images/introduce_bg.png') center center / 100% 100% no-repeat;
}
.count-tips li {
  color: #fff;
}
.count-tips li p {
  font-size: 0.4rem;
  line-height: 0.52rem;
  text-align: center;
}
.count-tips li .He {
  font-size: 0.44rem;
}
.count-tips li .tips-zh {
  margin-top: 0.2rem;
  font-size: 0.32rem;
  line-height: 0.4rem;
}
/* 详细说明 */
.introduce-main {
  padding-bottom: 1.0rem;
}
.int-main-lists {
  padding: 0 0.3rem;
}
.int-main-lists .main-list {
  overflow: hidden;
  margin-bottom: 0.6rem;
  padding: 0.4rem 0.3rem;
  box-shadow: 0 0  0.4rem #e8e8e8;
  background-color: #fff;
  border-radius: 0.16rem;
  text-align: center;
}
.int-main-lists .title {
  font-size: 0.36rem;
  line-height: 0.52rem;
  color: #000;
}
.int-main-lists .small-title {
  font-size: 0.32rem;
  line-height: 0.44rem;
  color: #595959;
}
.int-main-lists .main-img {
  width: 100%;
  margin: 0.4rem auto;
}
.int-main-lists .main-img img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.main-lists-sub {
  padding: 0 0.3rem;
}
.sub-main-list {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0.4rem;
  height: 2.3rem;
  width: 100%;
  background-color: #fff;
  border-radius: 0.16rem;
  box-shadow: 0 0  0.4rem #e8e8e8;
}
.sub-main-list .sub-left {
  position: absolute;
  left: -1.15rem;
  top: 0;
  width: 2.3rem;
  height: 100%;
  border-radius: 50%;
}
.sub-main-list .tikuan {
  background: url('../images/intr_icon_1.png') left 1.2rem center / 0.82rem 0.82rem no-repeat;
  background-color: #769dec;
}
.sub-main-list .kefu {
  background: url('../images/intr_icon_2.png') left 1.2rem center / 0.82rem 0.82rem no-repeat;
  background-color: #ecb776;
}
.sub-main-list .sub-right {
  padding-left: 1.4rem;
  color: #595959;
  line-height: 0.5rem;
  font-size: 0.26rem;
}
.sub-main-list .sub-right .sub-title {
  color: #000;
  font-size: 0.36rem;
}
/*  立即开通  */
.new-open {
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: 0;
  width: 100%;
}
.link-open {
  display: block;
  width: 100%;
  height: 0.88rem;
  line-height: 0.88rem;
  background-color: #25b458;
  font-size: 0.34rem;
  color: #fff;
  text-align: center;
}