* {
  margin: 0;
  padding: 0;
}
html,
body {
  font-family: "Microsoft YaHei";
  font-size: 0;
  /* background: url(../img/page_bg.png); */
  /* background-size: 100% auto;
  background-repeat: repeat; */
}
.header {
  width: 100%;
}
.v3-a-detail {
  width: 100%;
  display: block;
  position: relative;
}
.v3-detail {
  width: 3.06rem;
  position: absolute;
  top: -2rem;
  left: 50%;
  transform: translateX(-1.53rem);
}
.content1 {
  margin-top: 0.9rem;

}

.title0 {
  z-index: 10;
  display: block;
  width: 5.17rem;
  margin: 0 auto 0.6rem;
}
.title1 {
  z-index: 10;
  display: block;
  width:5.17rem;
  margin: 0.9rem auto 0.6rem;
}
.title2 {
  z-index: 10;
  display: block;
  width: 5.17rem;
  margin: 0.56rem auto 1rem;
}
.title3 {
  display: block;
  width: 5.17rem;
  margin: 0.84rem auto 0.72rem;
}
.title4 {
  display: block;
  width: 5.17rem;
  margin: 0.75rem auto 0.45rem;
}
.title5 {
  display: block;
  width: 5.17rem;
  margin: 0.8rem auto 0.66rem;
}
.title6 {
  display: block;
  width: 5.17rem;
  margin: 0.8rem auto 0.4rem;
}

.title-p {
  width: 5.21rem;
  height: 0.7rem;
  background: url(../img/title.png) no-repeat center;
  background-size: cover;
  text-align: center;
  line-height: 0.7rem;
  margin: 0rem auto 0.3rem;
  font-size: 0.4rem;
  font-weight: bold;
  color: #665249;
  position: relative;
  z-index: 2;
}
.longer-title {
  width: 6.6rem;
  height: 0.7rem;
  background: url(../img/longer-title.png) no-repeat center;
  background-size: cover;
  text-align: center;
  line-height: 0.7rem;
  margin: 0rem auto 0.3rem;
  font-size: 0.4rem;
  font-weight: bold;
  color: #665249;
  position: relative;
  z-index: 2;
}
.topic-title {
  color: #1198cb;
  font-size: 0.3rem;
  margin-bottom: 0.1rem;
  width: 100%;
  text-align: center;
}
.topic-ja {
  width: 6.94rem;
  height: 11.09rem;
  background: url(../img/bk-text.png);
  background-size: 100% auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0.36rem;
}

.topic-ja p {
   line-height: 0.44rem;
   margin-bottom: 0.24rem;
   font-size: 0.3rem;
}
.topic-ja div {
  padding: 0.8rem 0.6rem 1rem 0.8rem !important;
}
.topic-cn {
  width: 6.94rem;
  height: 13.12rem;
  background: url(../img/bk-text-cn.png);
  background-size: 100% auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0.5rem;
  font-size: 0.3rem;
  /*padding-bottom: 0.52rem;*/
}
.topic-cn p {
  margin-bottom: 0.24rem;
}
.topic-en {
  width: 6.94rem;
  height: 15.37rem;
  background: url(../img/bk-text-en.png);
  background-size: 100% auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0.44rem;
  font-size: 0.3rem;
  /*padding-bottom: 0.52rem;*/
}
.topic-en p {
  margin-bottom: 0.24rem;
}
.topic div {
  width: 100%;
  height: 100%;
  padding: 0.8rem 0.8rem 1rem 0.8rem;
  box-sizing: border-box;
}
.topic p {
  color: #262626;
}

.topic-en div {
  padding: 0.8rem 0.6rem 1rem 0.8rem;
}
.content4 {
  margin-top: 1.23rem;
}

.content4-p {
  font-size: 0.26rem;
  line-height: 0.4rem;
  display: block;
  width: 6.7rem;
  margin: 0 auto;
  color: #262626;
}

.content4-p span {
  color: #E94242;
}

.content4-detail-box {
  width: 6.94rem;
  height: 9.13rem;
  color: #565656;
  background: url(../img/bk-1.png) no-repeat center;
  background-size: 100% auto;
  margin: 0.58rem auto 0.8rem;
  padding: 1rem 0.84rem 0.5rem ;
  box-sizing: border-box;
}

.content2 {
  margin-top: 0.64rem;
  box-sizing: border-box;
  min-height: 25.06rem;
  background: url(../img/content_bg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  overflow: hidden;

}
.details {
  width: 6.87rem;
  height: 8.13rem;
  padding-bottom: 0.5rem;
  padding-top: 0.3rem;
  background: url(../img/bk.png) no-repeat center;
  background-size: 100% auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.detail-line {
  width: 100%;
  height: 3.42rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.4rem;
}
.detail {
  width: 2.49rem;
  height: 3.42rem;
  background: url(../img/bk-small.png) no-repeat center;
  background-size: 100% 100%;
  text-align: center;
  display: inline-block;
  font-size: 0.2rem;
  margin-left: 0.2rem;
  box-sizing: border-box;
  padding-top: 0.3rem;
  line-height: 0.26rem;
}
.new-detail {
  width: 2.6rem;
  .detail-title {
    margin-top: 0.2 rem;
    margin-bottom: 0.4rem;
  }
}
.detail p {
  /* width: 2.04rem; */
  width: 80%;
  margin: 0 auto;
  word-break: break-all;
  color: #518B00;
  font-size: 0.19rem;
}

.detail .detail-title {
  color: #443745 ;
  font-size: 0.24rem ;
  font-weight: bold;
  line-height: 0.3rem;
  position: relative;
  margin-bottom: 0.2rem ;
}

.detail-title::after{
  content: "";
  width: 1.7rem;
  height: 1px;
  background-color: #D4E88D;
  position: absolute;
  left: 50%;
  margin-left: -0.85rem;
  bottom: -0.1rem;
}

.detail img {
  max-height: 1.14rem;
  max-width:1.2rem;
}

.new-detail img {
  margin-bottom: 0.1rem;
}
.content4-detail-box-ja .detail img {
  max-width: 1rem;
}
.content4-detail-box-ja .detail p {
  font-size: 0.18rem;
}
.v3-progress {
  width: 6.74rem;
  margin: 0.4rem auto 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.v3-progress ul {
  width: 3rem;
  height: 10rem;
  color: #002121;
  font-size: 0.26rem;
}
.v3-progress ul li {
  list-style: none;
  clear: both;
}
.v3-progress ul li p {
  text-align: right;
}
.v3-detail-btn {
  width: 1.32rem;
  height: 0.47rem;
  border: 0.02rem solid #f5587f;
  border-radius: 0.24rem;
  color: #f5587f;
  display: flex;
  justify-content: center;
  align-items: center;
  float: right;
  margin-top: 0.1rem;
}
.v3-left2 {
  margin-top: 1.8rem;
}
.v3-left3 {
  margin-top: 1.8rem;
}
.v3-left4 {
  margin-top: 1.8rem;
}
.v3-right .v3-detail-btn {
  float: left;
}
.v3-right1 {
  margin-top: 1.8rem;
}
.v3-right2 {
  margin-top: 1.8rem;
}
.v3-right3 {
  margin-top: 1.8rem;
}
.v3-progress-img {
  width: 0.24rem;
  margin-top: 0.3rem;
}
.v3-progress ul li .v3-text-left {
  text-align: right;
}
.v3-progress ul li .v3-text-right {
  text-align: left;
}
.v3-progress span{
  font-size: 0.32rem;
  color: #262626;
  font-weight: bold;
  display: block;
  margin-bottom: 0.12rem;
}

.v3-progress p {
  color: #767676;
  font-size: 0.28rem;
}
.table {
  width: 7.1rem;
  margin: 0 auto;
}
.tr {
  width: 7.1rem;
  height: 0.93rem;
  color: #0c6181;
  font-size: 0.24rem;
  border-top: 0.01rem solid #7dcaf4;
  border-left: 0.01rem solid #7dcaf4;
  border-right: 0.01rem solid #7dcaf4;
}
.time {
  width: 2.3rem;
  height: 0.93rem;
  line-height: 0.93rem;
  text-align: center;
  border-right: 0.01rem solid #7dcaf4;
  display: inline-block;
}
.time-right {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 4.2rem;
  margin-left: 0.2rem;
  height: 0.93rem;
}
.getDetail {
  color: #f5587f;
  width: 1.19rem;
  height: 0.44rem;
  border: 0.01rem solid #f5587f;
  border-radius: 0.22rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.tr-last {
  border-bottom: 0.01rem solid #7dcaf4;
}
.topic a {
  color: #f5587f;
  text-decoration: none;
}
.topic span {
  color: #FF0000;
  font-weight: bold;
}
.topic3 {
  width: 6.89rem;
  margin: 0 auto;
}

.topic3 a {
  color: #E94242;
  text-decoration: none;
}

.v3-topic3 {
  width: 6.94rem;
  height: 12.99rem;
  background: url(../img/v3-bk-add-cn.png) no-repeat center;
  background-size: 100% auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0.8rem;
  padding-top: 0.94rem;
  box-sizing: border-box;
}

.v3-topic3-ja {
  width: 6.94rem;
  height: 15.86rem;
  background: url(../img/v3-bk-add.png) no-repeat center;
  background-size: 100% auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0.8rem;
  padding-top: 1rem;
}
.v3-topic3  .intro2 {
  display: flex;
  align-items: flex-start;
  /* justify-content: space-between; */
}
.v3-topic3  .intro2 p:nth-child(1) {
  font-weight: bold;
}
.split {
  height: 0.24rem;
  display: block;
}
.v3-topic3  .introSp {
  color: #767676;
  font-size: 0.26rem;
  line-height: 0.4rem;
  margin-bottom: 0.14rem;
}
.v3-topic3 div {
  width: 5.3rem;
  margin-bottom: 0.4rem;
}

.v3-contact {
  width: 7rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 1rem;
}
.v3-contact-div {
  width: 2.1rem;
  height: 2.9rem;
  background: url(../img/bk-contact.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0.12rem 0.1rem;
  color: rgb(100, 91, 101);
}
.v3-contact-img1 {
  width: 0.47rem;
}
.v3-contact-img2 {
  width: 0.75rem;
}
.v3-contact-img3 {
  width: 0.59rem;
}
.v3-contact-img4 {
  width: 0.59rem;
}
.v3-contact-img5 {
  width: 0.55rem;
}
.v3-contact-div div {
  height: 0.8rem;
}
.v3-contact-div .contact-p {
  margin-bottom: 0.4rem;
  color: #443745 !important;
  font-size: 0.2rem;
  position: relative;
}

.v3-contact-div .contact-p::after {
  content: "";
  width: 1.7rem;
  height: 1px;
  background-color: #D4E88D;
  position: absolute;
  left: 50%;
  margin-left: -0.85rem;
  bottom: -0.2rem
}
.blue {
  color: #1198cb;
  font-size: 0.24rem;
  line-height: 0.38rem;
}
.intro {
  color: rgb(68, 55, 69);
  font-size: 0.26rem;
  line-height: 0.4rem;
}
.intro2 {
  color: #262626;
  font-size: 0.26rem;
  line-height: 0.36rem;
}
.intro2 i, .intro i {
  font-style: normal;
  color: #767676;
}
.v3-topic3-ja .intro2 {
  font-size: 0.24rem;
}
.intro span,
.intro .target {
  color: #E94242;
  text-decoration: none;
}
.intro .pdf {
  color: #E94242;
  text-decoration: none;
}
.intro-last {
  padding-bottom: 0.5rem;
}
.contact {
  color: #443745;
  font-size: 0.26rem;
  width: 6.7rem;
  margin: 0 auto;
  /* text-align: center; */
  margin-bottom: 0.2rem;
}
.contact span {
  color: #1198cb;
}
.overlay {
  position: fixed;
  top: 0%;
  left: 0%;
  background: black;
  opacity: 0.8;
  display: none;
  z-index: 10002;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.alert {
  position: fixed;
  z-index: 10003;
  display: none;
  width: 6.97rem;
  color: #1dafe6;
  font-size: 0.22rem;
  height: 8.5rem;
  overflow-y: auto;
}
.alert-word {
  color: #ffffff;
  margin-bottom: 0.3rem;
}
.alert-tips {
  width: 4.82rem;
  height: 2.01rem;
  padding-bottom: 0.2rem;
  background: url(../img/alert-bk.png) no-repeat center;
  background-size: cover;
  color: #0c6181;
  font-size: 0.22rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.alert-tips p {
  width: 4.5rem;
}
.new-add-nav {
  width: 100%;
  height: 1.11rem;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #00a1ff;
  color: #dcf2ff;
  font-size: 0.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 22;
}
.new-add-nav a {
  text-decoration: none;
  display: block;
  width: 50%;
  text-align: center;
  color: #dcf2ff;
}
.new-add-nav .active {
  width: 50%;
  height: 1.21rem;
  background: url(../img/2020nav.png) no-repeat center;
  background-size: cover;
  color: #ff940b;
  font-size: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content3 {
  min-height: 30rem;
  overflow: hidden;
}
.v3-topic {
  color: #262626;
  font-size: 0.26rem;
  line-height: 0.42rem;
  /* text-indent: 2em; */
  width: 6.8rem;
  margin: 0 auto 0.6rem;
}

.v3-topic a,.v3-topic span {
  color: #E94242;
  font-weight: bold;
}

.v3-topic p {
  margin-bottom: 0.1rem;
}
.top-icon {
  position: absolute;
  top: 4rem;
  left: 0.5rem;
}
.top-icon img {
  width: 0.6rem;
  margin-right: 0.06rem;
}
.about-top-left {
  width: 6.48rem;
  height: 5.13rem;
  background: url(../img/2020new1.png) no-repeat center;
  background-size: cover;
  position: relative;
  margin: 0 auto 0.08rem auto;
}
.about-top-left a {
  position: absolute;
  top: 2.6rem;
  right: 0.3rem;
}
.about-top-left a img {
  width: 2.4rem;
}
.about-top-right {
  width: 5.1rem;
  height: 2.9rem;
  border: 0.01rem solid #1198cb;
  padding: 0.04rem;
  margin: 0 auto 0.5rem auto;
}
video {
  object-fit: inherit;
}
.about-top-p {
  width: 6.52rem;
  margin: 0 auto;
  color: #565656;
  font-size: 0.24rem;
  padding-bottom: 1rem;
}
.new-title-add {
  width: 7.3rem;
  margin: 0 auto;
  color: #095f7f;
  font-size: 0.22rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-title-add img {
  width: 2.65rem;
  height: 0.22rem;
}
.new-title-add span {
  display: block;
  padding: 0 0.05rem;
}
.title-sp {
  width: 6.56rem;
}
.ul-components {
  display: flex;
  color: #565656;
  font-size: 0.22rem;
  text-align: center;
  overflow-x: auto;
  margin-top: 0.4rem;
  padding-bottom: 1rem;
}
.ul-components li {
  list-style: none;
}
.ul-components img {
  width: 2.4rem;
}
.setup-img {
  width: 5.35rem;
  margin: 0 auto;
}
.setup-img img {
  width: 5.97rem;
  margin-left: -0.62rem;
}
.setup-p {
  width: 6.7rem;
  margin: 0.2rem auto 0;
  color: #565656;
  font-size: 0.24rem;
}
.setup-p em {
  display: inline-block;
  width: 0.34rem;
  height: 0.3rem;
  vertical-align: sub;
  background: url(../img/2020icon1.png) no-repeat center top;
  background-size: cover;
}
.setup-p span {
  margin-left: 0.1rem;
  display: inline-block;
  width: 90%;
  vertical-align: top;
}
.setup-p .num2 {
  background: url(../img/2020icon2.png) no-repeat center top;
  background-size: cover;
}
.setup-p .num3 {
  background: url(../img/2020icon3.png) no-repeat center top;
  background-size: cover;
}
.setup-p .num4 {
  background: url(../img/2020icon4.png) no-repeat center top;
  background-size: cover;
}
.setup-p .num5 {
  background: url(../img/2020icon5.png) no-repeat center top;
  background-size: cover;
}
.setup-p p {
  margin-bottom: 0.3rem;
}
.content-new-add3 {
  color: #565656;
  font-size: 0.24rem;
  position: relative;
  overflow-x: hidden;
}
.content-new-add3-div {
  width: 6.57rem;
  margin: 0 auto;
}
.new-title {
  color: #1198cb;
  font-size: 0.28rem;
  margin: 0.47rem 0 0.2rem 0;
}
.game-play p {
  line-height: 0.3rem;
  margin-bottom: 0.2rem;
}
.game-play .game-cards {
  margin-bottom: 0.05rem;
  padding-top: 0.3rem;
}
.cards-title {
  color: #565656;
  font-size: 0.28rem;
  margin-bottom: 0.2rem;
}
.game-drifting {
  margin-bottom: 0.2rem;
}
.cards {
  padding-bottom: 0.5rem;
}
.cards img {
  width: 2.48rem;
  margin-right: 0.57rem;
}
.game-red {
  color: #f15658;
}
.scoring-img {
  width: 5.33rem;
  margin-bottom: 0.29rem;
}
.add-new {
  margin-top: 1.8rem;
}
.game-last {
  margin-bottom: 1rem;
}
.content4-new {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.title-intview {
  width: 100%;
  text-align: center;
}
.li-question {
  color: #1198cb;
}
.answer {
  color: #565656;
  margin-bottom: 0.3rem;
}
.sp-margin {
  margin-top: 0.8rem;
}
.content-new-add4-div {
  width: 7.1rem;
  margin: 0 auto;
}
.drifting-first {
  margin-top: 0.4rem;
}
.d9-new {
  width: 100%;
  margin-bottom: -1.5rem;
}
.new-d10 {
  width: 6.17rem;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0.15;
}
.new-d11 {
  width: 7.36rem;
  position: absolute;
  bottom: -0.5rem;
  right: -3rem;
}
.new-d12 {
  width: 14.08rem;
  position: absolute;
  bottom: 19.5rem;
  right: -8rem;
}
.new-d13 {
  width: 5.55rem;
  position: absolute;
  top: 35rem;
  right: -1rem;
}
.title-margin {
  margin-bottom: 0.3rem;
}
.padding-new {
  color: #565656;
  font-size: 0.24rem;
  position: relative;
}