.app-swiper{
  width: 100%;
  height: 6.99rem;
}
#headerIframe {
  width: 100%;
  height: 100%;
  border: 0;
  position: relative;
  z-index: 100;
}
.app-menu{
  width: 100%;
  height: auto;
  margin: 0.52rem 0 0 0;
}
.app-menu-ul{
  width: 11.22rem;
  overflow: hidden;
  margin: 0 auto;
}
.app-menu-li{
  width: 3.74rem;
  height: 2.88rem;
  float: left;
  box-sizing: border-box;
  margin-bottom: 0.75rem;
}
.app-menu-a{
  width: 100%;
  height: 1.67rem;
  text-align: center;
  display: block;
}
.app-menu-a img{
  width: auto;
  height: 100%;
  margin: 0 auto;
  display: block;
}
.app-menu-text{
  width: 100%;
  display: block;
  margin-top: 0.32rem;
  text-align: center;
  font-size: 0;
}
.app-menu-text span{
  font-size: 0.6rem;
  color: #000;
  font-weight: 400;
  line-height: 0.62rem;

}
.app-box{
  width: 100%;
  padding: 0 0.6rem;
  box-sizing: border-box;
}
.app-title{
  width: 100%;
  height: auto;
  position: relative;
}
.app-title-img{
  width: 9.37rem;
  height: auto;
  display: block;
}
.app-topdetial{
   width: auto;
   height: 0.72rem;
   display: block;
   position: absolute;
   right: 0;
   top: 50%;
  transform: translateY(-50%);
}
.app-video-box{
  width: 100%;
  height: 6.49rem;
  background-image: url('../img/app/app-video-bg.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0.22rem;
  box-sizing: border-box;
  margin-top: 0.63rem;
}
.app-video{
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.app-martop109{
  margin-top: 1.09rem;
}
.app-ajzx{
  width: 100%;
  margin-top: 0.2rem;
}
.app-ajzx-item{
  width: 100%;
  display: block;
}
.app-first{
  border-bottom: 0.015rem solid #b2b2b2;
  padding-bottom: 0.34rem;
  margin-top: 0.7rem;
}
.app-first .app-img-item{
  width: 100%;
  height: auto;
  min-height: 6.25rem;
  background-color: #ccc;
  display: block;
  margin: 0.49rem 0 0.24rem 0;
}
.app-info{
  width: 100%;
  font-size: 0.53rem;
  font-weight: 400;
  line-height: 0.7rem;
  text-align: left;
  color: #000;
}
.app-as{
  width: 100%;
  font-size: 0.44rem;
  font-weight: 400;
  line-height: 0.46rem;
  text-align: left;
  color: #777777;
  padding: 0.2rem 0;
}
.app-source{
  margin-right: 0.62rem;
}
.app-tow{
  width: 100%;
  overflow: hidden;
  margin: 0.475rem 0;
}
.app-con{
  width: 8.13rem;
  height: 2.39rem;
  float: left;
}
.app-tow .app-img-item{
  width: 3.01rem;
  height: 2.39rem;
  float: right;
}
.app-tow .app-info{
  margin-top: 0.16rem;
}
.app-tow .app-as{
  margin-top: 0.35rem;
}
.app-border{
  border-bottom: 0.015rem solid #b2b2b2;
  padding-bottom: 0.34rem;
}
.slh2{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  overflow: hidden;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-line-clamp: 2;
  overflow: hidden;
  display: -o-box;
  -o-box-orient: vertical;
  -o-line-clamp: 2;
  overflow: hidden;
}
.app-imglist{
  width: 100%;
  overflow: hidden;
  margin: 0.26rem 0 0.3rem 0;
}
.app-three{
  border-bottom: 0.015rem solid #b2b2b2;
  padding-bottom: 0.34rem;
  padding-top: 0.4rem;
}
.app-three .app-img-item{
  width: 3.64rem;
  height: 2.09rem;
  margin-right: 0.14rem;
  margin-bottom: 0.14rem;
  float: left;
}
.app-three .app-img-item:nth-child(3n){
  margin-right: 0;
}
.mar-down-65{
  margin-bottom: 0.65rem;
}
.app-load{
  width: 100%;
  padding: 0.47rem 0 1.32rem 0;
  font-size: 0.58rem;
  line-height: 0.58rem;
  color: #646464;
  font-weight: 400;
  text-align: center;
  
}
.main{
  width: 100%;
  overflow-x: hidden;
  padding-bottom: 1.53rem;
  position: relative;
}
.app-backtop{
  width: 100%;
  height: 1.53rem;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
}
.app-szzg{
  width: 100%;
  padding-top: 0.77rem;
}
.app-szzg-title{
  width: 100%;
  padding:0 0.6rem;
}
.app2-title{
  width: 9.37rem;
  height: 1.08rem;
  display: block;
}
.app-szzg-ul{
  width: 100%;
  overflow: hidden;
  padding: 0 0.6rem;
  box-sizing: border-box;
}
.app-szzg-li{
  width: 100%;
  margin-top: 0.37rem;
}
.app-szzg-a{
  width: 100%;
  display: block;
}
.app-szzg-img{
  width: 100%;
  height: auto;
  display: block;
}
.app-szzg-li-p{
  color: #1d1d1d;
  font-size: 0.57rem;
  font-weight: 400;
  text-align: center;
  line-height: 0.7rem;
  margin: 0.32rem 0;
}
.app-home-top{
  width: 100%;
  height: 1.51rem;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 1000;
}
.app-home-top-bg{
  width: 12.42rem;
  height: 1.51rem;
  background-image: url('../img/app/app-back-home-top.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.app-back-home{
  width: 50%;
  height: 1.51rem;
  float: left;
}
.app2-back-top{
  width: 50%;
  height: 1.51rem;
  float: left;
}
.app-rel{
  width: 100%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.app-select-box{
  font-size: 0.6rem;
  font-weight: 500;
  color: #4b4b4b;
  line-height: 0.6rem;
  position: absolute;
  right: 0.6rem;
  top: 50%;
  transform: translateY(-50%);
}
.app-select-val{
  padding-right: 0.6rem;
  background-image: url('../img/app/app-select-icon.png');
  background-size: 0.45rem 0.38rem;
  background-repeat: no-repeat;
  background-position: center right;
  color: #bc1d22;
  padding-left: 0.1rem;
  font-weight: 600;
}
.pad36{
  padding: 0.36rem;
  box-sizing: border-box;
  background-color: #f7ddd9;
}
.pad36 .app-szzg-li-p{
  text-align: left;
}
.app-ly-name{
  color: #1d1d1d;
  font-size: 0.57rem;
  font-weight: 400;
  text-align: right;
  line-height: 0.7rem;
}
.app-w100{
  width: 100%;
}
.app-dk-ly-box{
  width: 100%;
  padding: 0 0.6rem;
  box-sizing: border-box;
  margin-top: 1.01rem;
}
.app-dk-ly-box2{
  width: 100%;
  /* height:6.89rem; */
  border: 0.02rem solid #e35050;
  display: inline-block;
  border-radius: 0.2rem;
  margin-bottom: 0.17rem;
  padding: 0 0.12rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.app-dk-ly-box .tologinbox {
  width: 100%;
  height: 0.3rem;
  top: -0.3rem;
  right: 0;
  position: absolute;
}

.app-dk-ly-box  .to-login1 {
  font-size: 0.4rem;
  line-height: 0.4rem;
  position: absolute;
  right: 0;
  top: -0.3rem;
  color: #e35050;
}
.to-login2{
  font-size: 0.4rem;
  line-height: 0.4rem;
  position: absolute;
  right: 0.3rem;
  bottom: 0.2rem;
  color: #e35050;
}

.daka-ly-box .daka-ly-1 {
  width: 100%;
  overflow: hidden;
}

.app-dk-ly-box2 .daka-ly-1 .name-daka {
  width: 6rem;
  float: left;
  padding-left: 1.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url("../img/ly-user.png");
  background-repeat: no-repeat;
  background-size: 0.6rem auto;
  background-position:0.3rem center;
}

.app-dk-ly-box2 .daka-ly-1 .name-daka input {
  width: 100%;
  height: 1.06rem;
  margin-top: 0.2rem;
  line-height: 1.06rem;
  border: 0;
  text-align: left;
  outline: none;
  font-size: 0.4rem;
  color: #000;
  font-weight: 500;
}

.app-dk-ly-box2 .daka-ly-1 .img-daka {
  width: 4.4rem;
  float: right;
  margin-top: 0.44rem;
  margin-right: 0.44rem;
}

.app-dk-ly-box2 .daka-ly-1 .img-daka .avatar {
  height: 0.74rem;
  float: right;
  font-size: 0.4rem;
  color: #000;
  font-weight: 400;
}

.app-dk-ly-box2 .daka-ly-1 .img-daka .avatar img {
  width: 100%;
  height: 100%;
}

.app-dk-ly-box2 .daka-ly-1 .img-daka .up-box {
  width: 0.83rem;
  height: 0.74rem;
  line-height: 0.74rem;
  background-image: url("../img/up.png");
  background-size: 0.83rem 0.74rem;
  background-repeat: no-repeat;
  background-position: left center;
  float: right;
  margin-left: 0.46rem;
  position: relative;
  z-index: 100;
}

.app-dk-ly-box2 .daka-ly-1 .img-daka .up-icon {
  width: 0.83rem;
  height: 0.74rem;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
}

.daka-ly-box .daka-ly-1 .img-daka .up-btn {
  width: 25px;
  height: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  cursor: pointer;
  position: relative;
  z-index: 100;
}
.daka-ly-3 {
  width: 100%;
  height: 0.88rem;
  text-align: center;
  font-size: 0;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}

.daka-ly-3 #dkBtn {
  width: 5.87rem;
  height: 0.88rem;
  border-radius: 0.4rem;
  line-height: 0.6rem;
  text-align: center;
  font-size: 0.6rem;
  background-color: #e35050;
  color: #fff;
  letter-spacing: 0.02rem;
  font-weight: 400;
  display: inline-block;
  outline: none;
  border: 0;
  cursor: pointer;
}
.daka-ly-1{
  overflow: hidden;
}
.daka-ly-2 {
  width: 100%;
  height: 3.84rem;
}
#form1{
  width: 100%;
  display: block;
}
.daka-ly-2 textarea {
  width: 100%;
  height: 3.84rem;
  padding: 0.2rem;
  box-sizing: border-box;
  font-size: 0.4rem;
  color: #000;
  font-weight: 400;
  text-align: left;
  border-radius: 0.1rem;
  border: 0.015rem solid #fadfdf;
  box-sizing: border-box;
  outline: none;
}
.padlr60{
  padding: 0 0.6rem;
  box-sizing: border-box;
}
.app-h6{
  height: 1.06rem;
}
.jxly-title{
  font-size: 0.6rem;
  font-weight: 600;
  color: #bc1d22;
  text-align: left;
  padding: 0 0.6rem;
  box-sizing: border-box;
  margin: 0.5rem 0;
}
.app-jxly-ul{
  padding: 0 0.6rem;
  box-sizing: border-box;
}
.app-jxly-li{
  border-radius: 0.1rem;
  border: 0.015rem solid #fadfdf;
  box-sizing: border-box;
  padding: 0.36rem;
  box-sizing: border-box;
  margin: 0.39rem 0 0 0;
}
.app-jxly-name{
  color: #1d1d1d;
  font-size: 0.57rem;
  font-weight: 400;
  text-align: left;
  line-height: 0.7rem;
}
.app-jxly-li-p{
    color: #1d1d1d;
    font-size: 0.57rem;
    font-weight: 400;
    text-align: left;
    line-height: 0.8rem;
    margin: 0.32rem 0;
}
.swiper8-box {
  width: 11.12rem;
  height: 16.30rem;
  margin: 0 auto;
  position: relative;
  margin-top: 1.42rem;
  margin-bottom: 1rem;
}
/* .swiper-button-prev{
  background-image: url('../../img/btn-lf.png')!important;
  display: none;
}.swiper-button-next{
  background-image: url('../../img/btn-rt.png')!important;
  display: none;
} */
.swiper8{
  width: 11.12rem;
  height: 16.30rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#Swiper8{
  height: 16.30rem;
}
.swiper8 .swiper-slide{
    height: 14.34rem;
    background-image: url(../img/bg-item8.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    padding: 1.74rem 0 0.46rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#Swiper8 .swiper-slide .w100-1 {
  width: 100%;
  padding: 0 0.870rem 0 0.3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#Swiper8 .swiper-slide .img-box {
  width: 100%;
  height: 7.47rem;
  position: relative;
  padding-top: 0.44rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#Swiper8 .swiper-slide .img-box .img-box-box {
  width: 100%;
  height: 6.72rem;
  position: relative;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.7);
}
#Swiper8 .swiper-slide .img-box .img-box-box img {
  width: 3.82rem;
  height:7rem;
  position: absolute;
  left: 50%;
  top: 50%;
  /* -o-object-fit: none;
  object-fit: none; */
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#Swiper8 .swiper-slide .p4 {
  font-size: 0.53rem;
  line-height:  0.73rem;
  text-align: left;
  color: #c71e48;
  margin-top: 0.45rem;
  padding: 0 0.77rem 0 0.3rem;
  box-sizing: border-box;
}

#Swiper8 .swiper-pagination-bullet {
  width:1.42rem;
  border-radius: 0;
  background-color: #fff;
  opacity: 1;
  margin: 0 0.12rem;
  box-shadow: 0 0.01rem 0.02rem 0.02rem #d8434126;
}
#Swiper8 .swiper-pagination-bullet-active {
  background-color: #e35050;
  opacity: 1;
}
#Swiper8 .swiper-pagination{
  bottom: 0.7rem!important;
  font-size: 0;
  line-height: 0.4rem;
}
#Swiper8 .swiper-pagination-bullet{
  height: 0.16rem!important;
}
#Swiper8 .swiper-slide .img-box::before {
  content: '';
  width: 0.6rem;
  height:0.6rem;
  background-image: url(../img/ft8.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
#Swiper8 .swiper-slide .img-box::after {
  content: '';
  width: 0.6rem;
  height: 0.6rem;
  background-image: url(../img/rd8.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 100;
}
.jxhd-bg{
  background-color: #feecec;
}
.mask2 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 600;
  display: none;
  background-color: rgba(0, 0, 0, 0.3);
}

.mask2 .mask2-con {
  width: 90%;
  height:18rem;
  position: absolute;
  top:10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #fff;
  border-radius: 0.05rem;
  z-index: 600;
  padding-bottom: 0.2rem;
  box-sizing: border-box;
  
}
.mask2-info{
  height:15.5rem;
  overflow-y: scroll;
  padding: 0.2rem 0.5rem 0.5rem 0.5rem;
  width: 100%;
  box-sizing: border-box;
}
.mask2 .mask2-con .rel-mask2 {
  width: 100%;
  position: relative;
  padding: 1.8rem 0 0.5rem 0;
  box-sizing: border-box;
}

.mask2 .mask2-con .rel-mask2 .mask2-title {
  width: 100%;
  height:1.2rem;
  font-size: 0.6rem;
  line-height:0.9rem;
  color: #000;
  font-weight: 400;
  text-align: left;
  position: absolute;
  padding-left: 0.9rem;
  padding-bottom: 0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 0;
  top:0.3rem;
  z-index: 600;
  border-bottom:0.015rem solid #bb291d;
}

.mask2 .mask2-con .rel-mask2 .mask2-close {
  width: 0.9rem;
  height: 0.9rem;
  font-size: 0.6rem;
  line-height: 0.9rem;
  color: #000;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 0.6rem;
  z-index: 700;
  cursor: pointer;
}

.mask2 .mask2-con p {
  font-size: 0.53rem;
  font-weight: 400;
  line-height: 0.7rem;
  text-indent:1.06rem;
  text-align: justify;
  font-weight: 400;
  margin-bottom: 0.36rem;
}
.video-box {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  padding-top: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#vidoeId {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 101;
  -o-object-fit: fill;
     object-fit: fill;
}

.video2-btn {
  width:1rem;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 200;
}

.play {
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 102;
}

.play-rel {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}

.poster {
  width: 100%;
  height: 100%;
}
.ovhid{
  overflow: hidden;
}
.play-btn {
  width: 0.72rem;
  width: 0.72rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 200;
}
.app-ov{
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.app-select-ul{
  width: 2rem;
  height: 4rem;
  /* background-color: red; */
  position: absolute;
  top: 0.5rem;
  right: 0;
}
.mask3{
  width: 100%;
  height: 100%;
  position: fixed;
  top:0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}
.mask3-bg{
  width: 100%;
  height: 100%;
  position: fixed;
  top:0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
.mask3-con{
  width: 100%;
  position: fixed;
  bottom:0;
  left: 0;
  background-color: #fff;
  z-index: 1001;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  padding: 0.5rem 0.2rem;
  box-sizing: border-box;
}
.mask3-scroll{
  width: 100%;
  height: 8rem;
  overflow-y: scroll;
}
.mask3-li{
  width: 100%;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.9rem;
  text-align: center;
  color: #000;
  padding: 0.3rem 0;
  border-bottom: 0.015rem solid #b2b2b2;
}
.mask3-con .mask3-li:last-child{
   border-bottom: 0;
}
.app-clock-name .clock-bg{
  margin-bottom: 2rem;
}
.app-clock-name .big-title{
  font-size: 0.8rem;
  text-align: center;
  font-weight: bold;   
}
.app-clock-name .small-title{
  text-align: center;
  font-size: 0.55rem;
  color: #6c6c6c;
  margin-top: 0.5rem; 
}
.app-clock-name .form-box{
  padding: 0 0.5rem;
}
.app-clock-name .fill-name{
  display: flex;
  margin-top: 1.5rem;
  padding: 0.45rem 0.3rem;
  border-top: 0.1rem solid #dbdbdb;
  border-bottom: 0.1rem solid #dbdbdb;
}
.app-clock-name .fill-name .label{
  font-size: 0.55rem;
}
.app-clock-name .fill-name .name-text{
  border: none;
  outline: 0;
  height: 0.8rem;
  font-size: 0.5rem;
  flex: 1;
}
.app-clock-name .btn-box{
  margin-top: 0.7rem;
}
.app-clock-name .btn-box .btn{
  border: none;
  outline: 0;
  width: 100%;
  height: 1.3rem;
  background: #c2272d;
  border-radius: 0.2rem;
  font-size: 0.55rem;
  color: #fff;
}
.app-base{
  width: 100%;
  height: 100vh;
  position: relative;
  background: url('../img/app/cert_bg.jpg') no-repeat #df672b;
  background-size: 100%;
}
.app-base .base-info{
  font-size: 0.45rem;
  position: absolute;
  left: 0;
  top: 0;
  padding: 9.8rem 3.3rem 0 3.4rem;
}
.app-base .base-info .item{
  font-size: 0.38rem;
  margin-bottom: 0.2rem;
}
.app-base .base-info .item:nth-last-of-type(1){
  color: #c2272d;
  margin-top: 0.2rem;
  font-size: 0.42rem;
}
.app-base .qr-code{
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  padding-top: 14.5rem;  
}
.app-base .check-cert{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0.8rem;
  display: flex;
  flex-direction: column;
}
.app-base .dk-cert{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 2.4rem;
  display: flex;
}
.app-base .check-cert a{
  width: 90%;
  height: 1.3rem;
  margin: 0 auto;
  border: 1px solid #fccc77;
  border-radius: 0.2rem;
  color: #fff;
  text-align: center;
  line-height: 1.3rem;
  font-size: 0.5rem;
  background: #c2272d;
}
.app-base .dk-cert a{
  width: 90%;
  height: 1.3rem;
  margin: 0 auto;
  border: 1px solid white;
  border-radius: 0.2rem;
  color: #fff;
  text-align: center;
  line-height: 1.3rem;
  font-size: 0.5rem;
}
.app-check{
  width: 100%;
  height: 100vh;
  position: relative;
  background: url('../img/app/check_bg.jpg') no-repeat #df672b;
  background-size: 100%;
}
.app-check .check-cert{
  width: 100%;
  position: absolute;
  left: 0;
  top: 9.8rem;
  display: flex;
}
.app-check .check-cert a{
  width: 65%;
  height: 1.3rem;
  margin: 0 auto;
  border: 1px solid #fccc77;
  border-radius: 0.2rem;
  color: #fff;
  text-align: center;
  line-height: 1.3rem;
  font-size: 0.5rem;
  background: #c2272d;
}
.app-certificate-list{
  padding: 0.7rem 0.5rem 2.5rem 0.5rem;
}
.app-certificate-list .user-message{
  height: 1.2rem;
  line-height: 1.2rem;
  border-radius: 0.2rem;
  width: 75%;
  background: #c2272d;
  color: #fff;
  text-align: center;
  margin: 0 auto;  
  font-size: 0.5rem;
}
.app-certificate-list .cert-logo{
  display: flex;
  justify-content: center;
  margin-top: 0.7rem;
}
.app-certificate-list .cert-logo img{
  width: 60%;   
}
.cert-tabMain{
	    margin-top: 0.5rem;
		width: 100%;
		height: 1.1rem;
		border-bottom: 1px solid gainsboro;
		display: flex;
		justify-content: center;
	}
	.cert-2024{
		width: 30%;
		text-align: center;
		cursor: pointer;
	}
	.cert-2023{
		width: 30%;
		text-align: center;
		cursor: pointer;
	}
	.cert-2024 p{
		font-size: 0.65rem;
		line-height: 0.6rem;
	}
	.cert-2023 p{
		font-size: 0.65rem;
		line-height: 0.6rem;
	}
	.activeYear{
		color: red;
		border-bottom: 1px solid red;
	}
	.cert-2024-content{
		
	}
	.cert-2023-content{
		display: none;
	}
.app-certificate-list .cert-info{
  margin-top: 0.3rem;
  border-radius: 0.2rem;
  box-sizing: border-box;
  padding: 0.4rem 0.5rem;
  background: linear-gradient(to bottom, rgba(199,46,45,0.6), #ea6a2d); }
}
.app-certificate-list .cert-info .title{
  font-size: 0.6rem;
  color: #fff;
  font-weight: bold;
}
.app-certificate-list .cert-info .tip-inst{
  background: #e8682c;
  padding: 0.2rem;
  color: #fff;
  font-size: 0.35rem;
  margin-top: 0.3rem;
}
.app-certificate-list .cert-info .bottom{
  display: flex;
  color: #fff;
  font-size: 0.4rem;
  margin-top: 0.4rem;
}
.app-certificate-list .cert-info .cert-state{
  margin-top: 0.45rem;
  display: flex;
}
.app-certificate-list .cert-info .cert-state a{
  height: 1.1rem;
  line-height: 1.1rem;
  font-size: 0.45rem;
  color: #fff;
  border-radius: 0.2rem;
  text-align: center;
  flex: 1;
}
.app-certificate-list .cert-info .cert-state .todo{
  background: #eb6d2c;
}
.app-certificate-list .cert-info .cert-state .already{
  background: #c2272d;
}
.app-certificate-list .cert-info .cert-state .done{
  background: #b9b7b7;
}
.app-certificate-list .cert-info .bottom .item{
  width: 50%;
}
.app-certificate-list .online-certificate{
  padding: 0.4rem 0.5rem 0.8rem 0.5rem;
  margin-top: 0.6rem;
  border-radius: 0.2rem;
    background: linear-gradient(to bottom, rgba(199,46,45,0.6), #ea6a2d);
}
.app-certificate-list .online-certificate .title{
  font-size: 0.6rem;
  color: #fff;
  font-weight: bold;
}
.app-certificate-list .online-certificate .cert-list{
  margin-top: 0.5rem;
  padding: 0 0.7rem;
}
.app-certificate-list .online-certificate .no-data, 
.app-certificate-list .offline-certificate .no-data{
  color: #fff;
  font-size: 0.65rem;
  text-align: center;
  padding: 1rem 0;
}
.app-certificate-list .online-certificate .certificate{
  width: 100%;
  height: 5rem;
  background: url('../img/app/online_cert.jpg') no-repeat #df672b;
  background-size: 100%;
  border-radius: 0.2rem;
  border: 0.1rem solid #fccc77;
  font-size: 0.4rem;
  margin-bottom: 0.6rem;
  box-sizing: border-box;
  padding: 0.4rem 0.8rem;
  color: #ffc619;
}
.app-certificate-list .online-certificate .base-name{
  margin-top: 0.15rem;
}
.app-certificate-list .online-certificate .format{
  margin-top: 0.15rem;
}
.app-certificate-list .online-certificate .caption{
  margin-top: 0.5rem;
  color: #fff;
  font-size: 0.45rem;
}
.app-certificate-list .online-certificate .base-name, .app-certificate-list .online-certificate .format{
  font-size: 0.45rem;
  color: #ffc619;
}
.app-certificate-list .online-certificate .certificate:nth-last-of-type(1){
  margin-bottom: 0;
}
.app-certificate-list .offline-certificate{
    background: linear-gradient(to bottom, rgba(199,46,45,0.6), #ea6a2d);
  box-sizing: border-box;
  padding: 0.4rem 0.6rem 0.8rem 0.6rem;
  margin-top: 0.6rem;
  overflow: hidden;
  border-radius: 0.2rem;  
}
.app-certificate-list .offline-certificate .title{
  font-size: 0.6rem;
  font-weight: bold;
  color: #fff;  
}
.app-certificate-list .offline-certificate .cert-list .certificate{
  width: 100%;
  height: 12.4rem;
  background: url("../img/offline_cert.jpg") no-repeat;
  background-size: 100%;
  border-radius: 0.2rem;
  margin-top: 0.4rem;
  border: 2px solid #fccc77;
  box-sizing: border-box;
}
.app-certificate-list .offline-certificate .cert-list .certificate a{
  display: block;
  height: 5.5rem;
  padding: 6rem 1.4rem 0.8rem 1.4rem;
}
.app-certificate-list .offline-certificate .cert-list{
  padding: 0 0.7rem;
}
.app-certificate-list .offline-certificate .cert-list .base-name,
.app-certificate-list .offline-certificate .cert-list .format,
.app-certificate-list .offline-certificate .cert-list .person{
  color: #000;
  font-size: 0.35rem;
  margin-bottom: 0.25rem;  
}
.app-certificate-list .offline-certificate .cert-list .caption{
  color: #d30721;
  font-size: 0.42rem;
  margin-top: 0.3rem;  
}
.mask-login .mask{
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1001;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}
.login-info{
  position: fixed;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: #fff;
  box-sizing: border-box;
  padding: 0.8rem;
  font-size: 0.45rem;
  color: #c2272d;
  transition: all 0.2s linear;
  transform: translateX(100%);
  z-index: 1005;
}
.login-info .name, .login-info .phone{
  margin-bottom: 0.15rem; 
}
.login-info .enter-cert{
  margin-top: 0.5rem;
  border-top: 0.1rem solid #c2272d;
  border-bottom: 0.1rem solid #c2272d;
  padding: 0.3rem 0;
  display: flex;
}
.login-info .enter-cert a{
  border-radius: 0.3rem;
  /* background: #c2272d; */
  color: #c2272d;
  text-align: center;
  width: 100%;
  padding: 0.2rem 0;
}
.login-info .logout{
  display: flex;
  margin-top: 0.6rem;
}
.login-info .logout a{
  border-radius: 0.3rem;
  background: #c2272d;
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 0.2rem 0;
}
.prize-popup {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  display: none; 
}
  .prize-popup .mask {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); 
  }
  .prize-popup .prize-info {
    position: fixed;
    width: 92%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
  }
    .prize-popup .prize-info .prize-todo {
      display: block; 
    }
    .prize-popup .prize-info .prize-already {
      display: none; 
    }
    .prize-popup .prize-info .popup-top, .prize-popup .prize-info .popup-footer {
      height: 2rem;
      box-sizing: border-box;
      padding: 0 0.6rem;
      background: linear-gradient(to right, #c52d2d, #eb6d2d); 
    }
    .prize-popup .prize-info .popup-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 0.6rem;
      font-weight: bold;
      color: #fff; 
    }
      .prize-popup .prize-info .popup-top a {
        width: 0.5rem;
        height: 0.5rem;
        background: url("../img/close.png") no-repeat;
        background-size: 100%; 
      }
    .prize-popup .prize-info .popup-body {
      box-sizing: border-box;
      padding: 0.6rem 0.45rem; 
    }
      .prize-popup .prize-info .popup-body .tip-inst, .prize-popup .prize-info .popup-body .select-city {
        margin-bottom: 0.4rem; 
      }
      .prize-popup .prize-info .popup-body .tip-inst {
        font-size: 0.5rem; 
      }
      .prize-popup .prize-info .popup-body .select-city .select {
        width: 3.2rem;
        height: 1.1rem;
        margin-right: 0.3rem;
        font-size: 0.45rem; 
      }
        .prize-popup .prize-info .popup-body .address-prize .item {
          margin-bottom: 0.5rem; }
          .prize-popup .prize-info .popup-body .address-prize .item .tip {
            font-size: 0.5rem;
            margin-bottom: 0.3rem; }
          .prize-popup .prize-info .popup-body .address-prize .item .show-time, .prize-popup .prize-info .popup-body .address-prize .item .show-address {
            border-radius: 0.2rem;
            background: #f1f1f1;
            box-sizing: border-box;
            padding: 0.35rem 0.6rem;
            font-size: 0.45rem; 
          }
          .prize-popup .prize-info .popup-body .address-prize .item .show-address {
            width: 100%; 
          }
      .prize-popup .prize-info .popup-body .address-box .address {
        width: 100%;
        height: 1.2rem;
        outline: 0;
        box-sizing: border-box;
        padding: 0 0.25rem;
        font-size: 0.45rem; 
      }
    .prize-popup .prize-info .popup-footer {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .prize-popup .prize-info .popup-footer a {
        padding: 0.2rem 0.7rem;
        color: #fff;
        border-radius: 0.2rem;
        font-size: 0.45rem; 
      }
      .prize-popup .prize-info .popup-footer .cancel {
        border: 1px solid #fff;
        margin-right: 0.5rem; 
      }
      .prize-popup .prize-info .popup-footer .enter {
        background: #c52d2d; 
      }