body {
  margin: 0;
  padding: 0;
  object-fit: contain;
  font-family: PingFang SC;
  color: #333;
  background: #f8f9fb;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal
}

img {
  border: 0
}

a {
  text-decoration: none
}

a:hover {
  text-decoration: none
}

ul,
li,
dd,
dl {
  margin: 0;
  padding: 0;
  list-style: none
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0
}

.fl {
  float: left
}

.fr {
  float: right
}

.nav {
  width: 100%;
  height: 1.066667rem;
  background: #fff;
  position: relative
}

.nav h1 img {
  width: 3.013333rem;
  margin: .106667rem 0 0 .426667rem
}

.nav .touxian {
  width: .8rem;
  height: .8rem;
  box-shadow: 0 0 .026667rem 0 rgba(0, 0, 0, .5);
  border: solid .026667rem #fff;
  border-radius: 50%;
  position: absolute;
  top: .133333rem;
  right: .506667rem
}

.modular {
  width: 9.52rem;
  height: 2.48rem;
  border-radius: .106667rem;
  background-color: #fff;
  box-shadow: 0 .106667rem .266667rem 0 rgba(125, 125, 125, .04);
  margin: .24rem auto;
  padding-top: .346667rem
}

.modular .logo {
  width: 1.706667rem;
  height: 2.133333rem;
  float: left;
  margin-left: .266667rem
}

.modular dl {
  float: left;
  margin-left: .36rem;
  width: 4.48rem
}

.modular dl dt {
  font-size: .426667rem;
  font-weight: 600;
  letter-spacing: .005333rem;
  color: #272727
}

.modular dl dd:nth-child(2) {
  font-size: .32rem;
  line-height: 1.33;
  color: #797979;
  margin-top: .066667rem
}

.modular dl dd:nth-child(3) {
  font-size: .373333rem;
  font-weight: 600;
  letter-spacing: .004rem;
  color: #272727;
  margin-top: .053333rem
}

.modular .mai {
  float: right;
  margin-right: .32rem;
  width: 2rem;
  height: 1.92rem
}

.details {
  padding: 0 .533333rem;
  overflow: hidden;
  height: auto;
  margin-bottom: .933333rem
}

.details .details-top {
  margin-top: .4rem;
  padding-bottom: .666667rem;
  border-bottom: solid .026667rem #f5f5f5;
  overflow: hidden;
  height: auto
}

.details .details-top img {
  float: left;
  width: 2.666667rem;
  height: 2.666667rem;
  margin-right: .4rem
}

.details .details-top .right {
  float: left
}

.details .details-top .right h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.13;
  letter-spacing: .010667rem;
  color: #4a4a4a;
  margin-bottom: .133333rem
}

.details .details-top .right p {
  font-size: 15px;
  line-height: 1.73;
  text-indent: .24rem;
  background: url(https://www.imiker.com/templates/app/pro/images/oval-8@2x.png) left center no-repeat;
  background-size: .106667rem .106667rem;
  letter-spacing: .005333rem;
  color: #4a4a4a;
  margin: 0
}

.details h4 {
  background: url(https://www.imiker.com/templates/app/pro/images/group-16@2x.png) left 4px no-repeat;
  background-size: .613333rem .413333rem;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.63;
  letter-spacing: .010667rem;
  color: #333;
  padding-left: .666667rem;
  margin-top: .4rem;
  margin-bottom: .4rem
}

.details .ty-mk {
  width: 8.933333rem;
  border-radius: .106667rem;
  background-color: #f8f8f8;
  padding: .266667rem .266667rem .266667rem 0
}

.details .ty-mk div {
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: .010667rem;
  color: #666;
  background: url(https://www.imiker.com/templates/app/pro/images/oval-8@3x.png) 9px 10px no-repeat;
  background-size: .146667rem .133333rem;
  padding-left: .653333rem
}

.details .ty-mk .m30 {
  margin-bottom: .4rem
}

.details .m50 {
  margin-top: .666667rem
}

.details .ty-mk .mk-warp {
  padding-left: .266667rem;
  background: 0 0
}

.details p {
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: .010667rem;
  color: #4a4a4a;
  margin: .666667rem 0 0
}

.details .ty-mk span {
  background: url(https://www.imiker.com/templates/app/pro/images/oval-8@3x.png) .24rem center no-repeat;
  background-size: .146667rem .133333rem;
  text-indent: .613333rem;
  display: inline-block;
  width: 40%;
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: .010667rem;
  margin-bottom: .2rem
}

.details .img {
  display: block;
  margin: .666667rem auto;
  width: 3.666667rem;
  height: .48rem
}

.details .title {
  font-weight: 600;
  color: #333;
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: .010667rem;
  color: #4a4a4a;
  margin-top: .373333rem
}

.details .f-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .010667rem;
  color: #d89f13;
  margin-top: .666667rem
}

.purchase {
  width: 10rem;
  height: 1.6rem;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  box-shadow: 0 -.053333rem .053333rem 0 #f4f5f7
}

.purchase div {
  float: left;
  width: 50%;
  height: 1.6rem;
  line-height: 1.6rem
}

.purchase div:nth-child(1) {
  font-size: .533333rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: .010667rem;
  color: #4a4a4a
}

.purchase div:nth-child(2) {
  background: #ee9841;
  font-size: .48rem;
  font-weight: 600;
  letter-spacing: .008rem;
  color: #fff
}

.purchase div:nth-child(2) a {
  text-align: center;
  color: #fff;
  display: block
}

.logging {
  background: #fff;
  top: 0;
  width: 10rem;
  position: fixed;
  z-index: 11111;
  height: 5.333333rem;
  display: none
}

.logging div {
  width: 100%;
  height: 1.12rem;
  position: relative
}

.logging div .logo {
  position: absolute;
  width: 3.013333rem;
  height: .86rem;
  top: .266667rem;
  left: .426667rem
}

.logging div i {
  position: absolute;
  width: .426667rem;
  height: .426667rem;
  line-height: .426667rem;
  top: .32rem;
  right: .533333rem;
  cursor: pointer
}

.logging div i img {
  width: .426667rem;
  height: .426667rem
}

.logging a {
  width: 9.2rem;
  height: 1.12rem;
  margin: auto;
  display: block;
  text-indent: .853333rem;
  border-bottom: solid .013333rem #eaeaea;
  font-size: .4rem;
  line-height: 1.12rem;
  letter-spacing: .005333rem;
  color: #333
}

.logging a:nth-child(2) {
  background: url(/dist/images/20180926/9.png) .053333rem center no-repeat;
  background-size: .4rem .4rem
}

.logging a:nth-child(3) {
  background: url(/dist/images/20180926/10.png) .053333rem center no-repeat;
  background-size: .4rem .4rem
}

.logging a:nth-child(4) {
  background: url(/dist/images/20180926/11.png) .053333rem center no-repeat;
  background-size: .4rem .4rem
}

.logging-backdrop {
  position: fixed;
  display: none;
  z-index: 998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  background: rgba(0, 0, 0, .4)
}

.img1 {
  width: 8.946667rem
}

.img2 {
  width: 9.04rem
}

#countdown_dashboard {
  width: 8.773333rem;
  overflow: hidden;
  height: .933333rem;
  background-size: 100%;
  margin: .266667rem auto;
  position: absolute;
  top: 1.746667rem;
  left: .626667rem
}

.dash {
  float: left;
  height: 1.093333rem;
  position: relative;
  display: inline;
  width: 1.253333rem;
  line-height: .933333rem;
  text-align: center
}

.dash .digit {
  float: left;
  display: inline;
  font: 700 .64rem "微软雅黑", Tahoma, Geneva, sans-serif;
  position: relative;
  color: #fff;
  width: .4rem;
  line-height: .933333rem
}

.kkg_smalltime {
  top: 4.4rem;
  left: 50%;
  margin-left: -3.733333rem;
  font: .24rem/0.653333rem "微软雅黑";
  top: .466667rem;
  color: #f6f000;
  padding-left: .866667rem;
  position: absolute;
  height: .653333rem;
  width: 4rem
}

.countdown_dashboard2 {
  width: 2.933333rem;
  overflow: hidden;
  height: .506667rem;
  position: relative;
  top: -.533333rem;
  left: .64rem
}

.countdown_dashboard2 .dash {
  height: .453333rem;
  padding-left: .146667rem;
  width: .346667rem;
  margin-right: .24rem
}

.countdown_dashboard2 .dash .digit {
  font: 700 .24rem/0.453333rem "微软雅黑", Tahoma, Geneva, sans-serif;
  width: .146667rem
}

.m1 {
  margin-left: 1.333333rem
}

.m2 {
  margin-left: .8rem
}

.m3 {
  margin-left: .573333rem
}

.m4 {
  margin-left: .533333rem
}

.mokuai {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative
}

.icenew a {
  display: inline-block;
  position: absolute;
  width: 4.333333rem;
  height: 1.2rem;
  border-radius: .6rem;
  color: #fff;
  text-align: center;
  line-height: 1.2rem;
  letter-spacing: .064667rem;
  top: 3.933333rem;
  font-size: .453333rem
}

.icenew a:nth-child(3) {
  left: .613333rem
}

.icenew a:nth-child(4) {
  right: .453333rem
}