*{margin:0;padding:0;border:0;box-sizing:border-box;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:"SourceHanSansCN","MiSans","Microsoft YaHei","Heiti SC","tahoma","Arial","Hiragino Sans GB","sans-serif";font-size:.36rem;font-weight:400;}
img{border:0;max-width:100%;}
ul,li{list-style:none}
em,i{font-style:normal}
a,a:link{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:active,a:hover{outline:0;color:var(--color);text-decoration:none}
.clear{clear:both}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
.al{text-align:left !important}
.ac{text-align:center !important}
.ar{text-align:right !important}
.aj{text-align:justify !important}
.fl{float:left}
.fr{float:right!important}
.rel{position:relative}
.abl{position:absolute}
.ovh{overflow:hidden}
.upp{text-transform:uppercase}
.fb{font-weight: bold;}
input,button,textarea{border:0;outline:0;font-family:inherit;font-size:inherit}
.ep1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ep2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.5;height:3em;}
.img-a{display:inline-block;max-width:100%;height:auto}
.h100{height:100%}
.line{line-height:1.3;}
.lineM{line-height:1.5;}
.lineB{line-height:2;}
.radius,.radius img{border-radius:.1rem;}
.wp{padding:0 .48rem}

.x1{width:8.33333333%}.x2{width:16.66666667%}.x20{width:20%}.x3{width:25%}.x4{width:33.33333333%}.x5{width:41.66666667%}.x6{width:50%}.x7{width:58.33333333%}.x8{width:66.66666667%}.x9{width:75%}.x10{width:83.33333333%}.x11{width:91.66666667%}.x12{width:100%}
.grid-m ul{margin: -0.05rem;}
.grid-m .item{margin: .05rem;}
/* flex */
.flex{display:flex}
.flex-a{flex:1;overflow: hidden;}
.flex-b{display:flex;justify-content:space-between}
.flex-c{display:flex;justify-content:center}
.flex-e{display:flex;justify-content:flex-end}
.flex-w{display: flex;flex-wrap: wrap;}
.flex-ac{display:flex;align-items:center;}
.flex-cb{display:flex;align-items:center;justify-content:space-between}
.flex-cc{display:flex;align-items:center;justify-content:center}
.flex-ce{display:flex;align-items:center;justify-content:flex-end}
.flex-ae{display:flex;align-items:flex-end;justify-content:flex-start}
.flex-cs{display:flex;align-items:center;justify-content:flex-start}
.flex-col{display:flex;flex-direction: column;}
.flex-shr{flex-shrink:0;}
.flex-dg-dz{color: #ffffff
}
.d-block,.d-block img{display:block;width:100%}
.bgt{background-repeat:no-repeat;background-size:cover;background-position:center;}
@font-face {
    font-family:'DIN';
    src: url('https://www.9artedu.com/fonts/DIN-Bold.otf');
    font-display: swap; /* 在iOS上优化字体渲染 */
}
.din{
	font-family:'DIN',  Arial, sans-serif;
}

@font-face {
    font-family:'sht';
    src: url('https://www.9artedu.com/fonts/Alimama_ShuHeiTi_Bold.ttf');
    font-display: swap; /* 在iOS上优化字体渲染 */
}
.sht{
	font-family:'sht', Arial, sans-serif;
}
/* fonts */
.p120{padding:1.2rem 0;}
.p60{padding:.68rem 0;}
.f26{font-size:.26rem}
.f28{font-size:.28rem}
.f31{font-size:.31rem}
.f32{font-size:.32rem}
.f34{font-size:.34rem}
.f36{font-size:.36rem}
.f38{font-size:.38rem}
.f40{font-size:.4rem}
.f42{font-size:.42rem}
.f44{font-size:.44rem}
.f47{font-size:.47rem}
.f50{font-size:.5rem;}
.f52{font-size:.52rem;}
.f53{font-size:.53rem;}
.f60{font-size:.6rem}
.f62{font-size:.62rem}
.f66{font-size:.66rem}
.txt-black{color:#000;}
.fb400{font-weight:400}
/* 文字呼吸灯 */
@keyframes breathe {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
  }


  /* 模态框的样式 */
#outerdiv{
    display: none; /* 默认隐藏模态框 */
    position: fixed;
    z-index:22; /* 位于顶层 */
    left: 0;
    top: 0%;
    width: 100%; /* 全屏宽度 */
    height: 100%; /* 全屏高度 */
    overflow: auto; /* 允许滚动 */
    /* display: flex !important; */
    justify-content: center;
    align-items: center;
    background-color: rgb(0,0,0); /* 背景颜色带些透明度 */
    background-color: rgba(0,0,0,0.9); /* 透明度 */
  }
#innerdiv{
    margin: auto;
    height:100%;
    width:100%;
    display:flex;
    align-items: center;
    justify-content:center;
  }
  .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
  }
  .close:hover,
  .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }
  /* 其他样式 */