/* ykd new */
 .ykd_item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding:0.56rem;
}
 .ykd_item:nth-of-type(odd) {
  flex-direction: row-reverse;
}
 .ykd_item:nth-of-type(odd) {
  padding-left: 2.4rem;
}
 .ykd_item:nth-of-type(even) > img{
  margin-right: 1rem;
}
.ydk_title {
    font-size: 0.4rem;
    color: #fc9153;
}
.subTitle {
    font-size: 0.3rem;
    color: #737373;
    margin-top: 0.46rem;
    margin-bottom: 0.2rem;
}
.describe {
    font-size: 0.18rem;
    color: #737373;
    line-height: 0.28rem;
}

.header {
  width: 14.4rem;
  height: 7.08rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 70px;
}
.top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.43rem;
}
.top > img {
  width: 4.07rem;
}
.code {
  display: flex;
  flex-direction: row;
  margin-left: 0.89rem;
}
.code > img {
  width: 1.23rem;
  height: 1.23rem;
  margin-right: 0.23rem;
}
.code_font p{
  font-size: 0.29rem;
  line-height: 0.43rem;
  letter-spacing: 0.03rem;
  color: #fff;
  margin: 0rem;
}
.code_font {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.bottom {
  font-size: 0.29rem;
  line-height: 0.57rem;
  letter-spacing: 0.06rem;
  color: #fff;
  width: 8.73rem;
  text-align: center;
}

.ykd_nav {
  position: fixed;
  width: 100%;
  height: 55px;
  padding: 0 60px;
  top: 70px;
  left: 0;
  font-size: 14px;
  color: #FFF;
  z-index: 99 !important;
}
.navActive {
  color: #5e5e5e;
  background-color: rgba(255, 255, 255, .9);
}

.ykd_nav ul{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: FLEX-END;
  height: 100%;
  float: right;
  width: 100%;
  border-bottom: 1px solid #b9b9b9;
}

.ykd_nav li {
  text-align: right;
  height: 100%;
  width: 100px;
  line-height: 55px;
}
.ykd_item img {
  width: 7rem;
}

.vip_item {
  align-items: flex-start;
}
.vip_item .font{
  position: relative;
}

.vip_item > img {
  width: 7rem;
  margin-top: -1rem;
  margin-left: 1rem;
}
.vip_item .table {
  position: relative;
}
.vip_item .table li {
  border: 1px solid rgba(0,0,0,0.1);
  border-bottom: none;
  display: flex;
  padding: 0 0.2rem;
  align-items: center;
  justify-content: space-between;
  font-size: 0.2rem;
  color: #737373;
  height: 0.6rem;
  width: 4.41rem;
}
.vip_item .table li:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

button {
  width: 4.41rem;
  height: 0.63rem;
  text-align: center;
  background-color: #ff5221;
  border-radius: 7px;
  font-size: 0.24rem;
  color: #fff;
  border: none;
  margin: 0.2rem 0rem;
  letter-spacing: 0.7px;
  position: relative;
  outline: none;
}

button:hover .vip_code {
  opacity: 1;
}

.vip_item .describe {
  font-size: 0.14rem;
  line-height: 0.24rem;
  width: 4.5rem;
}

.vip_code {
  position: absolute;
  top: 0rem;
  right: -2.7rem;
  text-align: center;
  box-shadow: 0 2px 16px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);  
  opacity: 0;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.vip_code img {
  width: 2.48rem;
}
.vip_code p {
 font-size: 0.23rem;
 color: black;
 line-height: 0.23rem;
 padding-bottom: 0.2rem;
}
.discount {
  position: relative;
}
.discount::after {
  content: "";
  width: 0.5rem;
  height: 1px;
  border: solid 1px #ff5221;
  position: absolute;
  top: 0.11rem;
  left: -0.05rem;
}
.toolTip {
  width: 1.54rem;
  height: 0.4rem;
  font-size: 0.22rem;
  color: #fff;
  background: #ff5221;
  position: absolute;
  top: -0.6rem;
  right: -0.7rem;
  text-align: center;
  line-height: 0.4rem;
  border-radius: 15px;
}
.toolTip::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 0.1rem solid transparent;
  border-right: 0.1rem solid transparent;
  border-top: 0.2rem solid #ff5221;
  position: absolute;
  bottom: -0.2rem;
  left: 0.3rem;
}

a.anchor {
  outline: none;
  width: 100%;
  height: 100%;
  display: inline-block;
  color: inherit;
}
.anchorActive {
  color: #fd985e !important;
}

a.anchor:hover {
  color: #fd985e;
  text-decoration: none;
}
a.anchor:visited {
  color: inherit;
}

.download {
  display: none;
}