@charset "utf-8";
html,
body {
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
}
body {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 0.8rem;
  line-height: 1rem;
  color: #000;
  -webkit-overflow-scrolling: touch;
}
a,
button,
input,
select,
textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a,
u {
  text-decoration: none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-appearance: none;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
em,
img,
q,
s,
b,
i,
u,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
canvas,
footer,
header,
nav,
output,
section,
summary,
time,
mark,
audio,
video,
button {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font: inherit;
  font-size: 100%;
}
ol,
ul {
  list-style: none;
}
textarea,
input {
  display: block;
  padding-top: 0.1rem;
  padding-left: 0;
  height: 1.7rem;
  vertical-align: middle;
  font-size: 0.7rem;
  line-height: 0.8rem;
  border: 0;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  font-family: inherit;
  outline-offset: 0;
  outline-style: none;
  background-image: none;
}
textarea,
[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"] {
  margin: 0;
  padding: 0;
  -webkit-user-select: text;
}

.headnav{max-width: 1024px;margin: 0 auto;}
.headtop{position: relative;overflow: hidden;}
.headbjto{position: absolute;top: 0;left: 0;width: 100%;height:3rem;background-color: #188EEE;z-index: -1;}
.headgrad{margin: 1rem 3% 0.2rem 3%;border-radius: 6px;background-color: #fff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);padding:0.4rem 2%;}

.hgrad_top{display: flex;justify-content: space-between;align-items: center;position: relative;}
.hgrad_top .hgrad_timg{width: 3rem;height: 3rem;border-radius: 50%;margin-right: 2%;}
.hgrad_top .hgrad_tnav{flex: 1;}
.hgrad_top .hgrad_tag{position: absolute;right: 0;top: 0.3rem;color: #999999;font-size: 0.7rem;}
.hgrad_tnav p{font-size: 0.8rem;color: #333333;font-weight: bold;padding-bottom: 0.4rem;}
.hgrad_tnav .hgrad_hot{font-size: 0.7rem;color: #333333;}
.hgrad_tnav .hgrad_hot img{display: inline-block;width: 0.85rem;position: relative;top: 0.1rem;margin-right: 1.5%;}
.hgrad_tnav .hgrad_hot span{color: #188EEE;}
.hgrad_tnav .hgrad_hot a{display: inline-block;padding: 0 3%;background-color: #D9EEFF;border-radius: 10px;color: #188EEE;font-size: 0.7rem;margin-left: 2.5%;position: relative;top: -0.1rem;}
.hmoteg{display: block;width: 100%;line-height: 2rem;text-align: center;background-color: #188EEE;border-radius: 6px;color: #fff;font-size: 0.9rem;margin: 0.8rem 0 0.4rem 0;}
.hmotit{width: 100%;line-height: 1.6rem;text-align: center;border-radius: 2px;background-color: #FFFAF2;color: #FF6A00;font-size: 0.65rem;}

.hmhotall{display: block;overflow: hidden;}
.hmhotgo{padding: 0.3rem 1%;background-color: #EBF6FF;border-radius: 2px;display: flex;justify-content: space-between;align-items: center;margin: 0.4rem 0 0.5rem 0;}
.hmhotgo img{width: 2.3rem;margin-right: 2%;}
.hmhotgo .hmhotit{flex: 1;}
.hmhotgo .hmhotit h3{font-size: 0.8rem;color: #333333;padding-bottom: 0.2rem;}
.hmhotgo .hmhotit p{font-size: 0.65rem;color: #999999;}

.infor_boxlist{display: none;}
.infor_box .infor_boxlist:nth-child(1){display: block;}
.infor_tit{ display: flex;justify-content: space-between;padding: 0 3%;}
.infor_tit li{width: 25%;text-align: center;font-size: 0.73rem;color: #333333;font-weight: bold;line-height: 2.2rem;}
.infor_tit li.activego::after{content: '';display: block;width:100%;height: 0.1rem;background-color: #188EEE;}
.infor_tit li.activego{color: #188EEE;}

.infor_btit{padding: 0.4rem 6%;background-color: #FFFAF2;border-radius: 2px;line-height: 1.2rem;color: #FF6A00;font-size: 0.65rem;}

.infor_box{padding-bottom: 0.8rem;}
.infoboxul{ display: flex;justify-content: left;padding: 0 3%;flex-wrap: wrap;}
.infoboxul li{width: 23%;text-align: center;font-size: 0.75rem;color: #666;line-height: 1.6rem;border-radius: 0.2rem;border: 1px solid #E6E6E6;margin-top: 0.6rem;margin-right: 2.5%;}
.infoboxul li:nth-child(4n + 4){margin-right: 0;}
.infoboxul li.activegos{color: #fff;background-color: #188EEE;border: none;}
.info_twolist{padding: 0 3%;display: none;}
.info_two .info_twolist:nth-child(1){display: block;}

.info_twoopen{display: flex;justify-content: space-between;padding: 0.6rem 0;border-bottom: 1px dashed #E6E6E6;}
.info_twoopen:nth-last-child(1){border: none;}
.info_twoopen .info_twoimg{width: 1.4rem;height: 1.5rem; margin:0.2rem 2% 0 0;}
.info_twoopen .info_twko{flex: 1;}
.info_twoopen .info_twko p{font-size: 0.7rem;overflow: hidden; 
  display: -webkit-box; 
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;  }
.info_twoopen .info_twko p a{color: #8f8f94;}

.info_twoopen .info_twoxz{width: 18%;height: 1.4rem;line-height: 1.4rem;border-radius: 15px;background-color: #188EEE;margin:0.2rem 0 0 5%;font-size: 0.75rem;color: #fff;text-align: center;box-shadow: 0 0 10px 0 rgba(24, 142, 238, 0.50);}

.info_twko .hgrad_hot{font-size: 0.6rem;color: #999999;margin-top: 0.2rem;}
.info_twko .hgrad_hot img{display: inline-block;width: 0.85rem;position: relative;top: 0.15rem;margin-right: 1.5%;}
.info_twko .hgrad_hot span{color: #999999;margin-left: 4%;}

.after_box,.after_boxto,.after_cat,.after_hb{ position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: RGBA(122, 122, 122, 0.5);display: none;}
.after_box .after_nav,.after_navto,.after_catnav,.after_hbbox{position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);width: 84%;overflow: hidden;border-radius: 6px;background-color: #fff;}

  .after_box .after_nav .after_hide,.after_hideto{position: absolute;right: 12px;top: 12px;width: 0.8rem;z-index: 99;}
  .after_hidetogo{position: absolute;right: 12px;top: 12px;width: 0.8rem;z-index: 99;}


  .hgrad_tops{display: flex;justify-content: space-between;align-items: center;position: relative;background:url(../img/zlimg_kc12.png)no-repeat;background-size: 100% 100%;}
  .hgrad_tops .hgrad_timgs{width: 2.8rem;height: 2.8rem;border-radius: 50%;margin: 0.6rem 4%;}
  .hgrad_tops .hgrad_tnavs{flex: 1;}

  .hgrad_tops .hgrad_tag{position: absolute;right: 0;top: 0.3rem;color: #999999;font-size: 0.7rem;}
  .hgrad_tnavs p{font-size: 0.7rem;color: #fff;font-weight: bold;padding-bottom: 0.2rem;}
  .hgrad_tnavs .hgrad_hot{font-size: 0.65rem;width: 73%; padding:0.1rem 3%;background-color: #fff;border-radius: 15px;text-align: center;color: #188EEE;}
  .hgrad_tnavs .hgrad_hot span{color: #FF6A00;display: inline-block;padding: 0 2%;}
  .hgrad_tnavs .hgrad_hot a{color:#188EEE;}

  .after_golo{background-color: #fff;padding-bottom: 0.6rem;}
  .after_tit{text-align: center;color: #188EEE;font-weight: bold;font-size: 0.8rem;padding: 0.8rem 0 0.4rem 0;}
  .after_img{display: block;width: 94%;margin: 0 auto;}
  .after_imgto{display: block;width: 75%;margin: 0 auto;}
  .after_text{text-align: center;font-size: 0.8rem;font-weight: bold;color: #188EEE;padding: 0.6rem 0;}
  .after_text img{display: inline-block;width: 0.9rem;margin: 0 2%;}
  .after_gard{padding: 0 4%;}
  .after_gard .after_grtit{font-size: 0.75rem;font-weight: bold;color: #188EEE;}
  .after_gard .after_gtext{font-size: 0.75rem;color: #333333;line-height: 1.2rem;padding: 0.2rem 0;overflow: hidden;}
  .after_gard .after_gtext span{word-break: break-all;}
  .after_gard .after_gbtn{width: 95%;text-align: center;font-size: 0.75rem;color: #188EEE;border: 1px solid #188EEE;border-radius: 6px;line-height: 1.8rem;margin:0 auto 0.8rem;}
  .after_gard .after_gbtn img{display: inline-block;width: 0.9rem;margin-right: 2%;position: relative;top: 0.1rem;}
  .after_gard .after_scbtn{display: block;width: 50%;text-align: center;text-align: center;color: #fff;font-size: 0.75rem;border-radius: 5px;line-height: 1.8rem;background-color: #188EEE;margin: 0.4rem 0;}
  .after_gard .after_scbtn img{display: inline-block;width: 0.8rem;margin-right: 2%;position: relative;top: 0.1rem;}

  .after_toyq .after_toyqimg{display: block;width: 78%;margin:0.6rem auto;}
  .after_ulto{display: flex;justify-content: space-between;}
  .after_ulto li{width: 30%;}
  .after_ulto li p{font-size: 0.7rem;color: #4D4D4D;line-height: 1rem;text-align: center;}
  .after_tobtn{display: block;width: 90%;margin:0.8rem auto 0.2rem;border-radius: 5px;background-color: #188EEE;font-size: 0.7rem;color: #fff;line-height: 1.8rem;text-align: center;}
  .after_catit{padding: 1rem 0 0.6rem 0;}
  .after_catit p{font-size: 0.9rem;color: #333;font-weight: bold;text-align: center;padding-bottom: 0.4rem;}
  .after_catit p span{color: #FF6A00;}
  .after_twoopen{padding: 0 10%;border: none;}
  .after_catgo{text-align: center;font-size: 0.65rem;color: #188EEE;padding: 1rem 0;}
  .after_catxz{display: block;width: 86%;margin: auto;border-radius: 5px;border: 1px solid #188EEE;text-align: center;font-size: 0.7rem;color: #188EEE;line-height: 1.8rem;}
  .after_catyq{display: block;width: 86%;margin:0.6rem auto 0.6rem;border-radius: 5px;border: 1px solid #188EEE;text-align: center;font-size: 0.7rem;color: #fff;line-height: 1.8rem;background-color: #188EEE;}

  /* 下载币 */
  .download{margin: 1rem 3% 0.2rem 3%;background-color: #fff;border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
   }
  .download ul{display: flex;justify-content: space-between;padding: 1rem 0;}
  .download ul li{width: 33%;}
  .download ul li:nth-child(2){border-left: 1px dashed #E6E6E6;border-right: 1px dashed #E6E6E6;}
  .download ul li h3{font-size: 0.95rem;color: #188EEE;text-align: center;padding-bottom: 0.4rem;}
  .download ul li p{font-size: 0.65rem;color: #333333;text-align: center;font-weight: bold;}

  .download_ul{display: flex;justify-content: left;padding: 0 3%;border-bottom: 1px solid #E6E6E6;}
  .download_ul li{width: 15%;text-align: center;font-size: 0.73rem;color: #333333;font-weight: bold;height: 2.2rem;line-height: 2.15rem;margin-right: 10%;}
.download_ul li.download_act::after{content: '';display: block;width:100%;height: 0.1rem;background-color: #188EEE;}
.download_ul li.download_act{color: #188EEE;}
.download_box{display: flex;justify-content: space-between;align-items: center;padding: 0.6rem 3%;border-bottom: 1px solid #F2F2F2;}
.download_box .download_btext{flex: 1;}
.download_box .download_btext p{font-size: 0.8rem;color: #333333;padding-bottom: 0.2rem;}
.download_box .download_btext h3{font-size: 0.65rem;color: #999999;}
.download_box .download_rgtext{width: 15%;font-size: 0.85rem;text-align: right;color: #FF0000;}
.download_box .download_rgtexts{width: 15%;font-size: 0.85rem;text-align: right;color: #188EEE;}

.act_head{height: 100%;}
.act_moto{display: flex;justify-content: space-between;align-items: center;padding: 0.6rem 4%;background-color: #F5F5F5;}
.act_moto p{flex:1;font-size: 0.8rem;font-weight: bold;text-align: left;color: #333333;}
.act_moto p img{display: inline-block;width: 0.8rem;margin-right: 2%;position: relative;top: 0.1rem;}
.act_moto h3{width: 15%;font-size: 0.65rem;color: #188EEE;text-align: right;}
.act_moto h3 span{font-size: 1rem;color: #188EEE;font-weight: bold;}

.act_grad{border-radius: 5px;background-color: #fff;height: 100%;}
.act_grad .download_box{padding: 0.6rem 8%;}
.download_box .act_getto{width: 30%;}
.act_wumo img{display: block;width: 30%;margin: 6rem auto .4rem;}
.act_wumo p{font-size: 0.8rem;text-align: center;color: #999;}

.after_hbbox .after_hbimg{display: block;width: 100%;}
.after_hbbox p{font-size: 0.8rem;color: #fff;background-color: #fb6e28;text-align: center;line-height: 2rem;}
.after_hbbox p img{display: inline-block;width: 1rem;position: relative;top: 0.2rem;}
.after_hidetoimg{position: absolute;right: 12px;top: 12px;width: 0.8rem;z-index: 99;}
.info_imgs{width:100%}

/* 2023 12 12 */
.study_xzal{padding: 0.6rem 3% 0 3%;}
.study_tital{font-size: 0.85rem;font-weight: bold;color: #333333;}
.study_opal .study_imgal{display: block;margin:0.8rem auto 0.6rem;width: 2.8rem;}
.hgrad_hots{text-align: center;}
.study_opal .hgrad_hots{font-size: 0.65rem;color: #999999;}
.study_opal .hgrad_hots img{display: inline-block;width: 0.85rem;position: relative;top: 0.1rem;margin-right: 1%;}

.study_opal .hgrad_hots span{color: #999999;margin-right: 0.4rem;font-size: 0.65rem;}
.study_tzal{display: block;width: 90%;line-height: 2rem;border: 1px solid #188EEE;border-radius: 25px;text-align: center;background-color: #E5F4FF;margin:0.8rem auto;font-size: 0.85rem;color: #188EEE;cursor: pointer;}
.study_tzal img{display: inline-block;margin-right: 8px;position: relative;top: 2px;width: 0.9rem;}
.study_imgop{display: block;width: 100%;}

/*  */
.rulenav{padding: 3rem 3% 1rem 3%;}
.rulenav h3{font-size: 0.85rem;font-weight: bold;margin: 0.6rem 0 0.2rem 0;}
.rulenav p{font-size: 0.7rem;color: #333;line-height: 1.2rem;}
.rulehead{position: fixed;top: 0;left: 0;right: 0; line-height: 2.5rem;width: 100%;background-color: #188EEE;text-align: center;color: #fff;font-size: 0.85rem;}
.rulehead a{position: absolute;left:0;top: 0;display: block;width: 20%;height: 100%;}
.rulehead a img{display: block;width: 0.6rem;margin: 0.7rem 0 0 24%;}

/* 2024 1 13 */
.aftetaclo{position: fixed;bottom: 0;left: 0;right: 0;top: 0;width: 100%;
  height: 100%;
  background-color: RGBA(122, 122, 122, 0.5);display: none;}
.afteopal{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width:84%; border-radius: 10px;background-color: #fff;padding:0.6rem 3%;}
.afteopal .afteoptit{font-size: 0.8rem;text-align: center;color: #333;font-weight: bold;}
.afteopal img.afteopimg{display: block;position: absolute;right: 10px;top: 10px;cursor: pointer;width: 0.8rem;}
.afteopal img.afteopimgto{display: block;width: 100%;margin-top: 0.4rem;}
.after_textae {
    font-size: 14px;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 15px;
    cursor: pointer;
}