* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

body {
  line-height: 1.6;
  font-size: 0.16rem;
}

.navbar {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 1.36rem;
  background: url(/skin/default/images/nav_bg.png) repeat-x;
  background-size: 0.133333rem 1.36rem;
  z-index: 999;
}

.navbar .left {
  float: left;
  margin-left: 0.253333rem;
}

.applogo {
  width: 1.506667rem;
  height: 1.506667rem;
  background: url(/skin/default/images/app_icon.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 0.146667rem;
  float: left;
}

.appname {
  width: 2.186667rem;
  height: 0.613333rem;
  background: url(/skin/default/images/app_name.png) no-repeat;
  background-size: 100% 100%;
  margin-left: 0.373333rem;
  margin-top: 0.346667rem;
  float: left;
}

.navbar .right {
  float: right;
  margin-top: 0.24rem;
  margin-right: 0.666667rem;
}

.apoint_btn {
  display: block;
  width: 2.933333rem;
  height: 0.906667rem;
  background: url(/skin/default/images/apoint_btn.png) no-repeat;
  background-size: 100% 100%;
}

.wrap {
  background: url(/skin/default/images/bg.jpg) no-repeat;
  background-size: 100% auto; /* 宽度100%，高度自适应 */
  background-position: center top;
  margin-top: 20px; /* 示例：将rem转换为px，便于理解 */
}

.top_hd{
  width:4.2933rem;
  height:2.96rem;
  margin-top:4.7rem;
  display:inline-block;
}
.top_hd img{
  width:100%;
  height:auto;
}

.apointSec {
  padding-top: 14.133333rem;
}

.apointNum {
  text-align: center;
  font-size: 0.44rem;
  color: #1f4ba6;
  margin-bottom: 0.266667rem;
}

.apointNum strong {
  font-size: 0.64rem;
}

.apointCard {
  width: 9.453333rem;
  margin: 0 auto;
}

.apointCard li {
  width: 9.453333rem;
  height: 2.2rem;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 0.133333rem;
}

.apointCard .a1 {
  background-image: url(/skin/default/images/ap1.png);
}

.apointCard .a2 {
  background-image: url(/skin/default/images/ap2.png);
}

.apointCard .a3 {
  background-image: url(/skin/default/images/ap3.png);
}

.apointCard .a4 {
  background-image: url(/skin/default/images/ap4.png);
}

.apointCard .a5 {
  background-image: url(/skin/default/images/ap5.png);
}

.apointCard .a1.on {
  background-image: url(/skin/default/images/ap1_active.png);
}

.apointCard .a2.on {
  background-image: url(/skin/default/images/ap2_active.png);
}

.apointCard .a3.on {
  background-image: url(/skin/default/images/ap3_active.png);
}

.apointCard .a4.on {
  background-image: url(/skin/default/images/ap4_active.png);
}

.apointCard .a5.on {
  background-image: url(/skin/default/images/ap5_active.png);
}

.apointCard li.on::after {
  content: '';
  position: absolute;
  right: -0.213333rem;
  bottom: 0;
  width: 1.84rem;
  height: 1.466667rem;
  background: url(/skin/default/images/card.png) no-repeat;
  background-size: contain;
}

.openLink {
  overflow: hidden;
  margin-left: -0.2rem;
  margin-bottom: 1.066667rem;
  padding-top:13.15rem;
}

.openLink a {
  width: 4.48rem;
  height: 1.84rem;
  float: left;
  margin-left: 0.466667rem;
  margin-bottom: 0.133333rem;
  background-size: contain;
}

.openLink .sp1 {
  background-image: url(/skin/default/images/men1.png);
}

.openLink .sp2 {
  background-image: url(/skin/default/images/men2.png);
}

.openLink .sp3 {
  background-image: url(/skin/default/images/men3.png);
}

.openLink .sp4 {
  background-image: url(/skin/default/images/men4.png);
}

.heroTit {
  width: 2.88rem;
  height: 1.2rem;
  background: url(/skin/default/images/tit.png) no-repeat;
  background-size: contain;
  margin: 0 auto 0.4rem;
}

.heroMore {
  position: absolute;
  width: 1.146667rem;
  height: 0.453333rem;
  background: url(/skin/default/images/more.png) no-repeat;
  background-size: contain;
  right: 0.4rem;
  top: 0.666667rem;
}

.person-list {
  margin-bottom: 0.533333rem;
  padding-left: 0.266667rem;
  position: relative;
}

.person-list ul {
  display: flex;
}

.person-list li {
  -webkit-filter: grayscale(100%);
  /* Chrome, Safari, Opera */
  filter: grayscale(100%);
  transform: scale(0.78);
  border-radius: 50%;
  padding: 0.066667rem;
  border: 1px solid rgba(0,0,0,0);
  transition: all 0.5s;
  cursor: pointer;
  width: 1.84rem;
  height: 1.84rem;
  margin: 0 0.066667rem;
}

.hairlines .person-list li {
  border: 0.5px solid rgba(0,0,0,0);
}

.person-list li img {
  width: 100%;
  border-radius: 50%;
  display: block;
  border: 0.04rem solid rgba(0,0,0,0);
  transition: all 0.5s;
}

.person-list li.on {
  -webkit-filter: none;
  filter: none;
  transform: scale(1);
  border: 1px solid #baaaff;
}

.hairlines .person-list li.on {
  border: 0.5px solid #baaaff;
}

.person-list li.on img {
  border: 0.04rem solid #baaaff;
}

.person-container {
  position: relative;
  height: 15.733333rem;
}

.person-container li {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}

.person-container li img {
  width: 100%;
}

.openNews {
  border-top: 1px solid #fce29a;
}

.hairlines .openNews {
  border-top: 0.5px solid #fce29a;
}

.openNews .news {
  padding: 0.4rem 0.4rem 0;
  height:6.2rem;
  overflow: hidden;
}

.openNews .news a {
  color: #b2b2b2;
}

.openNews .news_nav {
  border-bottom: 1px solid #666;
  display: flex;
}

.hairlines .openNews .news_nav {
  border-bottom: 0.5px solid #666;
}

.openNews .news_nav dd {
  width: 20%;
  text-align: center;
}

.openNews .news_nav dd a {
  font-size: 0.333333rem;
  line-height: 0.666667rem;
  display: block;
  color: #e9e9e9;
}

.openNews .news_nav dd .on {
  color: #ffdb6d;
  border-bottom: 0.026667rem solid #d3bc75;
  padding-bottom: 0;
  margin-bottom: -1px;
  position: relative;
}

.hairlines .openNews .news_nav dd .on {
  margin-bottom: -0.5px;
}

.openNews .list img {
  display: none;
}

.openNews .list li {
  font-size: 0.293333rem;
  line-height: 1rem;
  border-top: 1px dashed #2e294f;
  position: relative;
}

.hairlines .openNews .list li {
  border-top: 0.5px dashed #2e294f;
}

.openNews .list li:first-child {
  font-size: 0.293333rem;
  color: #d3bc75;
  border: 0;
}

.openNews .list li:first-child a {
  width: 6.6rem;
  color: #d3bc75;
  padding: 0;
}

.openNews .list li:first-child a:hover {
  color: #fee189;
}

.openNews .list li:first-child a:after {
  display: none;
}

.openNews .list a {
  width: 6.6rem;
  font-weight: normal!important;
  padding-left: 0.213333rem;
  position: relative;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}

.openNews .list a:hover {
  color: #fff;
}

.openNews .list a:after {
  content: '';
  width: 0.066667rem;
  height: 0.066667rem;
  border: 1px solid #b3b3b3;
  position: absolute;
  top: 50%;
  left: 0.026667rem;
  margin-top: -0.053333rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hairlines .openNews .list a:after {
  border: 0.5px solid #b3b3b3;
}

.openNews .list span {
  position: absolute;
  top: 0;
  right: 0;
  color: #b2b2b2;
}

.tese {
  position: relative;
  height: 4.966667rem;
}

.tese .swiper-container {
  width: 90%;
  height: 4.106667rem;
  overflow: hidden;
  margin: 0 auto;
}

.tese .swiper-slide {
  background-position: center;
  background-size: 100% auto;
  width: 7.28rem;
  height: 4.1rem;
  position:relative;
}
.tese .swiper-slide .lbbg{position: absolute;left:0;top:0;width:100%;height:100%;background:url(/skin/default/images/lbbg.png) no-repeat;background-size:100% 100%;z-index:2;}
.tese .swiper-slide img{
  width: 7.28rem;
  height: 4.1rem;
}

.tese .swiper-button-prev {
  position: absolute;
  top: 2rem;
  left: 0;
  background-image: url(/skin/default/images/gb_left_2.png);
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.tese .swiper-button-prev {
  width: 0.613333rem;
  height: 0.96rem;
}

.tese .swiper-button-next {
  width: 0.613333rem;
  height: 0.96rem;
}

.tese .swiper-button-next {
  position: absolute;
  top: 2rem;
  right: 0;
  background-image: url(/skin/default/images/gb_right_2.png);
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.footInfo {
  position: relative;
  height: 6.333333rem;
}

.footInfo .ani {
  position: absolute;
  top: -1.306667rem;
  left: 6.4rem;
  width: 3.906667rem;
  height: 4.346667rem;
  background: url(/skin/default/images/ani.png) no-repeat;
}

.codeBox {
  margin-bottom: 0.4rem;
}

.left {
  float: left;
  margin-left: 0.293333rem;
}

.right {
  float: right;
  margin-right: 0.293333rem;
}

.right .codeBox .img {
  float: right;
}

.codeBox .img {
  width: 2.36rem;
  height: 2.066667rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin-bottom: 0.133333rem;
}

.codeBox .img img {
  width: 1.626667rem;
  height: 1.626667rem;
  position: absolute;
  top: 0.213333rem;
}

.codeBox .b1 img,
.codeBox .b2 img {
  left: 1.186667rem;
}

.codeBox .b3 img,
.codeBox .b4 img {
  left: -0.44rem;
}

.codeBox .b1 {
  background-image: url(/skin/default/images/cc1.png);
}

.codeBox .b2 {
  background-image: url(/skin/default/images/cc2.png);
}

.codeBox .b3 {
  background-image: url(/skin/default/images/cc3.png);
}

.codeBox .b4 {
  background-image: url(/skin/default/images/cc4.png);
}

.codeBox b {
  font-size: 0.24rem;
  color: #fce5a0;
  display: block;
  clear: both;
}

.wait{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,.8);display: none;}
.wait_close{width: 80px;height: 80px;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 54%;z-index: 10;cursor: pointer;}
.wait img{width: 6.12rem;position: fixed;top: 50%;left: 50%;transform:translate(-50%,-50%);}

.tip{width:100%;height:100%;position: fixed;left:0;top:0;background:rgba(0,0,0,.8);z-index:999;display:none;}
.alert-tip{position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);background: url(/skin/default/images/alert_tip.png) no-repeat;background-size: 100% auto;width: 8.2667rem;height: 4.6667rem;z-index: 1001;}
.alert-tip .tip_close{width: 0.8rem;height: 0.8667rem;position: absolute;right: 0rem;bottom: 0.4267rem;cursor: pointer;z-index: 1002;}
.alert-tip p{width:90%;text-align: center;font-size: 0.4rem;color:#4b2617;font-weight: bold;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}

.register_wrap{width:100%;height:100%;position:fixed;left:0;top:0;z-index:99;background:rgba(0,0,0,.8);display: none;}
.register_wrap>.maincontent{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8.72rem;height:5.5067rem;background:url(/skin/default/images/tab1_bg.png) no-repeat;background-size:100% auto;}
.register_wrap>.maincontent .register_close{position:absolute;right:0;top:-0.8rem;width:0.5867rem;height:0.5867rem;background:url(/skin/default/images/register_close.png) no-repeat;background-size:100% auto;}
.register_wrap>.maincontent .tab1_wrap{position:absolute;left:0;top:0;width:100%;height:100%;background:url(/skin/default/images/tab1_bg.png) no-repeat;display:block;background-size:100% auto;}
.register_wrap>.maincontent .tab2_wrap{position:absolute;left:0;top:0;width:100%;height:100%;background:url(/skin/default/images/tab2_bg.png) no-repeat;display:none;background-size:100% auto;}
.register_wrap .tab_btn{width:8rem;height:0.8rem;position:absolute;top:0.2667rem;left:50%;transform:translateX(-48%);z-index:2;}
.register_wrap .tab_btn .item{display:inline-block;width:3.6267rem;height:0.7467rem;margin-right:0.2667rem;}
.register_wrap .tab_btn .item.tab1_btn{background:url(/skin/default/images/tab1.png) no-repeat;background-size:100% auto;}
.register_wrap .tab_btn .item.tab1_btn.on{background:url(/skin/default/images/tab1_act.png) no-repeat;background-size:100% auto;}
.register_wrap .tab_btn .item.tab2_btn{background:url(/skin/default/images/tab2.png) no-repeat;background-size:100% auto;}
.register_wrap .tab_btn .item.tab2_btn.on{background:url(/skin/default/images/tab2_act.png) no-repeat;background-size:100% auto;}
.register_wrap .wx_con{width:2.6267rem;height:3.7733rem;position:absolute;left:0.9333rem;top:1.3333rem;}
.register_wrap .wx_con img{width:4.6667rem;height:1.4133rem;margin-top:1.1rem;margin-left:-0.6rem;}
.register_wrap .main_con{width:6.1333rem;height:4rem;position: absolute;top:1.3333rem;left:50%;transform:translateX(-50%);}
.register_wrap .main_con .system_wrap{width:4rem;height:0.5333rem;}
.main_con .item{height:0.6933rem;border:0.0133rem solid #674ad0;background:transparent;border-radius:0.0667rem;text-indent:0.2667rem;outline:none;color:#fff;font-size:0.2667rem;box-sizing: border-box;}
.register_wrap .main_con .phone{width:100%;margin:0.2667rem 0;}
.register_wrap .main_con .item.yzm{width:2.6667rem;}
.register_wrap .main_con .item.send_code{text-align:center;text-indent:0rem;padding:0 0.4rem;vertical-align:top;border-color:#b8a67c;color:#b8a67c;}
.register_wrap .submit_btn{width: 2.16rem;height: 0.7467rem;background: url(/skin/default/images/btn_apply.png) no-repeat;background-size:100% auto;position: absolute;left:50%;bottom:0.4rem;transform:translateX(-50%);}

.qyns_footer{width:100%;background:#272a2c;overflow: hidden;}
.qyns_footer .pubMain{width:100%;min-height:1.3333rem;margin:0 auto;padding:0.4rem 0 0.4rem;position:relative;padding-bottom:1rem;}
.qyns_footer .pubMain p{font:0.2933rem/0.45rem 'microsoft yahei'; color:#fff;white-space: nowrap;text-align:center;}
.qyns_footer .pubMain p.small{font:0.1867rem/0.45rem 'microsoft yahei'; color:#fff;white-space: nowrap;text-align:center;margin-bottom:0.35rem;}
.qyns_footer .pubMain p.player{color:#8683b7;margin-top:0.35rem;}
.qyns_footer .pubMain p a{font:0.2933rem/0.45rem 'microsoft yahei'; color:#fff; display: inline-block;}
.qyns_footer .pubMain p em{font-style: normal;margin:0 0.04rem;}
.qyns_footer .wwy{position: absolute; left:50%;bottom:0.2rem;transform:translateX(-50%);width:0.5333rem;height:0.5333rem;}
.qyns_footer .wwy img{width:100%; height:auto;}

/* .wrap .btn_fns.ios_wrap{width:4rem;height:1.4rem;display:block;background-size:100% auto;position:absolute;left:50%;top:10.4rem;transform: translateX(-50%);}
.reg_btn_ios{background:url(/skin/default/images/top_btn.png) no-repeat;display: inline-block;background-size:100% auto;width:4rem;height:1.4rem;} */

.wrap .btn_fns.and_wrap{width:9rem;height:2rem;display:block;background-size:100% auto;position:absolute;left:50%;top:11.9rem;transform: translateX(-50%);text-align: center;display:none;}
.btn_fns.and_wrap .reg_btn_and{background:url(..//skin/default/images/qdxz.png) no-repeat;display: inline-block;background-size:100% auto;width:2.5067rem;height:0.9467rem;margin:0 .2rem;}
.btn_fns.and_wrap .and_down{background:url(/skin/default/images/make_z_09.png) no-repeat;display: inline-block;background-size:100% auto;width:2.5067rem;height:0.9467rem;margin:0 .3rem;}

.wrap .btn_fns.ios_wrap{width:9rem;height:2rem;display:block;background-size:100% auto;position:absolute;left:50%;top:11.9rem;transform: translateX(-50%);text-align: center;display:none;}
.btn_fns.ios_wrap .reg_ios{background:url(/skin/default/images/make_z_07.png) no-repeat;display: inline-block;background-size:100% auto;width:2.5067rem;height:0.9467rem;margin:0 .2rem;}

.wx-mask {position: fixed;z-index: 10000;-webkit-backface-visibility: hidden;width: 100%;height: 100%;bottom: 0;left: 0;background-color: #fff;-webkit-transition: all .5s;transition: all .5s;display:none;}
.wxm_tip {position: absolute;right: 0;top: 0rem;width: 100%;}


.ageCon{
  height: 8.7rem !important;
}
.ageTip p{
  font-size: .3rem;
  line-height: .4rem;
  padding-left: .35rem !important;
}
.ageCon span{
  width: .3rem !important;
  height: .3rem !important;
  line-height: .3rem !important;
  left: 0rem !important;
}
.ageTip_title p{
  font-size: .4rem !important;
}
.ageWrap{
  top: 11.8rem !important;
}