body {
  /* background: #000 url("../img/bg.jpg") no-repeat bottom center; */
  background-color: #000;
  color: #fff;
  background-size: cover;
  overflow-x: hidden;
  position: relative;
  width: 100%;
  max-width: 100vw;
  margin: 0;
  padding: 0;
}

html {
  overflow-x: hidden;
  max-width: 100vw;
}

.banner {
  position: relative;
}

.banner > img {
  display: block;
}
.banner img {
  width: auto;
}
.banner .logo {
  position: absolute;
  top: .5rem;
  left: .6rem;
  z-index: 1;
}

.banner .logo img {
  width: 1.9rem;
}

.banner .txt {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  bottom: -1.1rem;
}

.banner .txt img {
  max-width: 6.23rem;
}

.block1 li {
  margin-bottom: .2rem;
  width: 49%;
  float: left;
}

.block1 li:nth-child(2n) {
  float: right;
}

.block1 li .item {
  padding: .27rem .2rem;
  text-align: center;
}

.block1 li .item .info .tit {
  font-size: .28rem;
  font-weight: bold;
}

.block1 li .item .info .desc {
  color: rgba(255, 255, 255, 0.8);
  margin-top: .06rem;
  font-size: .2rem;
}

.block1 li .item:hover {
  opacity: .88;
}

.block1-1 .list {
  padding: .62rem 0 .2rem;
}

.block1-1 .list li {
  margin-bottom: .25rem;
  padding: .25rem .25rem;
}

.block1-1 .list li:nth-child(1) {
  background-image: url("../img/bg_ys1.png");
}

.block1-1 .list li:nth-child(2) {
  background-image: url("../img/bg_ys2.png");
}

.block1-1 .list li:nth-child(3) {
  background-image: url("../img/bg_ys3.png");
}

.block1-1 .list li:nth-child(4) {
  background-image: url("../img/bg_ys4.png");
}

.block1-1 .list li .icon {
  width: 1.5rem;
  flex-shrink: 0;
}

.block1-1 .list li .info .tit {
  font-size: .26rem;
  font-weight: bold;
}

.block1-1 .list li .info .desc {
  width: 5rem;
  line-height: 1.3;
  margin-top: 0.08rem;
  /* white-space: nowrap; */
  opacity: 0.8;
}



.g-type {
  margin: .8rem 0 .4rem;
  width: 100%;
  float: left;
  clear: both;
  position: relative;
}

.g-type img {
  width: .35rem;
}

.g-type .tit {
  margin: 0 .24rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  /*   font-family: "Noto Sans SC"; */
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.g-type .tit .en {
  opacity: 0.4;
  background: var(--Linear, linear-gradient(180deg, #F0D197 11.78%, #FEF9ED 39.53%, #000000 92%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  top: -.2rem;
  width: 100%;
  font-size: .37rem;
  left: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

.g-type .tit .cn {
  font-size: .45rem;
  margin-top: .05rem;
  letter-spacing: normal;
  background: var(--Linear, linear-gradient(100deg, #F0D197 11.78%, #FEF9ED 39.53%, #F0D197 69.36%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-font-smoothing: antialiased;  
  text-rendering: optimizeLegibility;  
}

.block2 .list ul {
  width: 49%;
  height: 10rem;
}

.block2 .list ul.ul1 li {
  height: calc(50% - .1rem);
}

.block2 .list ul.ul2 li {
  height: calc(33.33% - .1rem);
}

.block2 .list ul .item {
  height: 100%;
}

.block2 .list li {
  margin-bottom: .2rem;
  text-align: center;
}



.block2 .list li .item {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding: 0 .14rem;
  display: flex;
  justify-content: center;
}

.block2 .list li .item  .cont{
  margin-top: 2rem;
}

.block2 .list li .item .pimg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.block2 .list li .item .tit {
  text-shadow: 0px 1px 0px #000;
  font-size: .36rem;
  font-style: normal;
  font-weight: 600;
}

.block2 .list li .item .desc {
  text-shadow: 0px 1px 0px #000;
  /*   font-family: "Noto Sans SC"; */
  margin-top: .06rem;
  font-size: .22rem;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 0 0.05rem;
}

.block2 .list li:last-child {
  margin-bottom: 0;
}

.block3 {
  padding: 0 .24rem;
}

.block3 .dl {
  margin-bottom: .56rem;
}

.block3 .dl .designer {
  margin-bottom: .2rem;
}

.block3 .dl .designer .box1 .user {
  width: 1.55rem;
  height: 1.55rem;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  margin-left: -0.1rem;
}

.block3 .dl .designer .box1 .user::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background: url("../img/ky.png") no-repeat;
  background-size: 100% 100%;
  -webkit-animation: roate 10s linear infinite;
  -moz-animation: roate 10s linear infinite;
  -o-animation: roate 10s linear infinite;
  animation: roate 10s linear infinite;
}

.block3 .dl .designer .box1 .user img {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 50%;
}

.block3 .dl .designer .box1 .item-tit {
  height: .52rem;
  border-radius: .04rem;
  border: .01rem solid #FEF9ED;
  background: rgba(255, 255, 255, 0.1);
}

.block3 .dl .designer .box1 .item-tit .name {
  width: 1.33rem;
  height: .52rem;
  color: #45330F;
  text-align: center;
  /*   font-family: "Noto Sans SC"; */
  font-size: .28rem;
  font-style: normal;
  font-weight: 500;
  margin-right: .08rem;
  line-height: normal;
  border-radius: .04rem;
  background: var(--Linear, linear-gradient(206deg, #FEF9ED 15.86%, #F0D197 82.7%));
  -webkit-font-smoothing: antialiased; 
  text-rendering: optimizeLegibility;  
}

.block3 .dl .designer .box1 .item-tit .tit {
  background: var(--Linear, linear-gradient(100deg, #F0D197 11.78%, #FEF9ED 39.53%, #F0D197 69.36%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*   font-family: "Noto Sans SC"; */
  font-size: .26rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.block3 .dl .designer .box2 {
  /*   font-family: "Noto Sans SC"; */
  font-size: .24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* .36rem */
  letter-spacing: .02rem;
  margin-top: .25rem;
}

.block3 .dl .works ul {
  margin: -2px;
}

.block3 .dl .works li {
  overflow: hidden;
}

.block3 .dl .works li .item {
  margin: 2px;
  overflow: hidden;
  display: block;
}

.block3 .dl .works li .item img {
  width: 100%;
  display: block;
}

.block3 .dl.dl2 .works .list2 {
  margin: -2px;
}

.block3 .dl.dl2 .works .list2 a {
  margin: 2px;
  display: block;
}

.block3 .dl.dl2 .works .list2 a img {
  width: 100%;
  display: block;
}

.block3 .dl.dl3 a {
  margin: 2px;
  display: block;
}

.block3 .dl.dl3 a img {
  display: block;
  width: 100%;
}

.block3 .dl:last-child {
  margin-bottom: 0;
}

.block4 .block4-banner-text{
    padding: 0.2rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url(../Outline/1.png);
    height: 3.46rem;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 0.2rem;
}

.block4  .block4-banner-text .tit {
    font-size: .28rem;
    margin-bottom: 0.2rem;
    font-weight: bold;
    background: var(--Linear, linear-gradient(100deg, #F0D197 11.78%, #FEF9ED 39.53%, #F0D197 69.36%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

.block4 .block4-banner-video{
    overflow: hidden;
    height: 4.1rem;
    width: 100%;
    margin-bottom: 0.6rem;
}

.block4 .dl {
  margin-bottom: .5rem;
  clear: both;
}

.block4 .dl .card-type {
  height: .6rem;
  width: 4.9rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100% 100%;
}

.block4 .dl .card-type .tit {
  background-position: right center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 0 1rem 0 .2rem;
  color: #45320F;
  font-family: 'SourceHanSansCN-Heavy';
  /*   font-family: "Noto Sans SC"; */
  font-size: .36rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  -webkit-font-smoothing: antialiased; 
  text-rendering: optimizeLegibility;  
}

.block4 .dl.dl1 .card-type {
  background-image: url("../img/bg_type1.png");
}

.block4 .dl.dl1 .card-cont {
  background-image: url("../img/bg_card1.png");
  padding: .3rem .25rem .6rem .25rem;
}

.block4 .dl.dl1 .card-cont .box2 {
  margin: .4rem 0 0;
}

.block4 .dl.dl1 .card-cont .box2 .dd {
  margin-bottom: .6rem;
}

.block4 .dl.dl1 .card-cont .box2 .dd .g-type2 i {
  width: .09rem;
  height: .09rem;
  flex-shrink: 0;
  background: #86C9FF;
}

.block4 .dl.dl1 .card-cont .box2 .dd .g-type2 span {
  font-family: "Source Han Sans CN";
  font-size: .34rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 45px */
  letter-spacing: .03rem;
  margin: 0 .14rem;
  background: var(--Linear, linear-gradient(180deg, #FFF 0%, #48ADFB 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.block4 .dl.dl1 .card-cont .box2 .dd .g-desc {
  font-size: .22rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin: .1rem 0 .3rem;
  text-align: center;
}

.block4 .dl.dl1 .card-cont .box2 .dd:last-child {
  margin-bottom: 0;
}

.block4 .dl.dl1 .card-cont .box2 .dd .list1 {
  overflow: hidden;
  padding: 0 .2rem;
}

.block4 .dl.dl1 .card-cont .box2 .dd .list1 li {
  width: calc(50% - .12rem);
  margin-bottom: .05rem;
  float: left;
}

.block4 .dl.dl1 .card-cont .box2 .dd .list1 li:nth-child(2n) {
  float: right;
}

.block4 .dl.dl1 .card-cont .box2 .dd .list2 li {
  border: 0.02rem solid rgba(156, 205, 250, 0.5);
  background: linear-gradient(103deg, rgba(255, 255, 255, 0) 4.66%, rgba(255, 255, 255, 0.15) 99.38%);
  backdrop-filter: blur(0.12rem);
  margin-bottom: .3rem;
  align-items: stretch;
}

.block4 .dl.dl1 .card-cont .box2 .dd .list2 li:last-child {
  margin-bottom: 0;
}

.block4 .dl.dl1 .card-cont .box2 .dd .list2 li .col1 {
  width: 50%;
  flex-shrink: 0;
  border-right: 1px solid #7091AF;
  position: relative;
  padding: .32rem .2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.block4 .dl.dl1 .card-cont .box2 .dd .list2 li .col1 .icon {
  width: 2.35rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.block4 .dl.dl1 .card-cont .box2 .dd .list2 li .col1 .tit {
  font-weight: 700;
  font-size: .28rem;
  line-height: 150%;
  letter-spacing: 0%;
  margin-bottom: .06rem;
}

.block4 .dl.dl1 .card-cont .box2 .dd .list2 li .col1 .info {
  font-size: .2rem;
}

.block4 .dl.dl1 .card-cont .box2 .dd .list2 li .col1 .info p {
  margin: .07rem 0;
  position: relative;
  padding-left: .14rem;
}

.block4 .dl.dl1 .card-cont .box2 .dd .list2 li .col1 .info p::before {
  content: "";
  width: .06rem;
  height: .06rem;
  background: #FFE928;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}

.block4 .dl.dl1 .card-cont .box2 .dd .list2 li .col2 {
  flex: 1;
  overflow: hidden;
}

.block4 .dl.dl1 .card-cont .box2 .dd .list2 li .col2 .pic {
  width: 100%;
  height: 100%;
}

.block4 .dl.dl2 .card-type {
  background-image: url("../img/bg_type2.png");
}
.block4 .dl.dl2 .card-type .tit{
  color: #452E0F;
}
.block4 .dl.dl2 .card .box1 {
  background-size: 100% 100%;
  background-position: top center;
  position: relative;
  margin-bottom: .3rem;
}

.block4 .dl.dl2 .card .box1 .item-txt {
  width: 100%;
  padding: 0.48rem .24rem .48rem .24rem;
}

.block4 .dl.dl2 .card .box1 .item-txt .piclist {
  margin: .12rem 0;
}

.block4 .dl.dl2 .card .box1 .item-txt .piclist img {
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  margin: 0 .14rem 0 0;
}

.block4 .dl.dl2 .card .box1 .item-txt .item-tit img{
 height: 1.27rem;
}


.block4 .dl.dl2 .card .box1 .item-txt .item-desc {
  margin-top: 0.26rem;
}
.block4 .dl.dl2 .card .box1 .item-txt .item-desc .item-desc-tit{
  height: .48rem;
}

.block4 .dl.dl2 .card .box1 .item-txt .item-desc1 {
  margin-top: 0.2rem;
}

.block4 .dl.dl2 .card .box1 .item-txt .item-desc2 {
  font-size: .22rem;
}

.block4 .dl.dl2 .card .box1 .item-txt .item-desc2 img {
  width: .24rem;
  vertical-align: middle;
  margin-right: .03rem;
  margin-top: -.05rem;
}

.block4 .dl.dl2 .card .step {
  padding: 0;
}

.block4 .dl.dl2 .card .step .li {
  width: 100%;
  clear: both;
  overflow: hidden;
  margin-bottom: .3rem;
}

.block4 .dl.dl2 .card .step .step-tit {
  background-size: 100% 100%;
  border-radius: .05rem;
}

.block4 .dl.dl2 .card .step .step-tit .name {
  width: 1.74rem;
  flex-shrink: 0;
  font-size: .3rem;
  /*   font-family: "Noto Sans SC"; */
  font-weight: 700;
  text-align: center;
}

.block4 .dl.dl2 .card .step .step-tit .name span {
  letter-spacing: .03rem;
  background: linear-gradient(180deg, #FFF 0%, #D17425 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.block4 .dl.dl2 .card .step .step-tit .cont {
  padding-left: .16rem;
}

.block4 .dl.dl2 .card .step .step-tit .cont .tit {
  color: #111;
  font-size: .3rem;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  letter-spacing: .02rem;
}

.block4 .dl.dl2 .card .step .step-tit .cont .num {
  color: #0F2E45;
  text-align: center;
  font-size: .2rem;
  letter-spacing: .02rem;
  margin-left: .12rem;
}

.block4 .dl.dl2 .card .step .step-cont {
  padding: .12rem 0.24rem 0.24rem;
  overflow: hidden;
  background-color: #222222;
  border-radius: .05rem;
  font-size: 0.21rem;
}

.block4 .dl.dl2 .card .step .step-cont .attr {
  margin-bottom: .24rem;
}

.block4 .dl.dl2 .card .step .step-cont .attr img{
  height: 0.7rem;
}

.block4 .dl.dl2 .card .step .step-cont .attr ul li {
  margin: .06rem 0;
  position: relative;
  padding-left: .3rem;
  background-position: left top 3px;
  font-size: .22rem;
  background-repeat: no-repeat;
  background-image: url("../img/dian2.png");
  background-size: .2rem;
  line-height: 150%;
  letter-spacing: .01rem;
}

.block4 .dl.dl2 .card .step .step-cont .table {
  border: 1px solid #4E677D;
}

.block4 .dl.dl2 .card .step .step-cont .table .tr {
  display: flex;
  border-bottom: 1px solid #4E677D;
  font-size: .22rem;
  align-items: stretch;
}

.block4 .dl.dl2 .card .step .step-cont .table .tr .td {
  display: flex;
  padding: .03rem 0;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.block4 .dl.dl2 .card .step .step-cont .table .tr .td:nth-child(1) {
  width: 1.48rem;
  flex-shrink: 0;
  border-right: .01rem solid #4E677D;
}

.block4 .dl.dl2 .card .step .step-cont .table .tr .td:nth-child(2) {
  flex: 1;
  overflow: hidden;
}

.block4 .dl.dl2 .card .step .step-cont .table .tr:last-child {
  border-bottom: none;
}



.block4 .dl.dl2 .card .step .pic-list1 li img {
  display: block;
}

.block4 .dl.dl2 .card .step .pic-list2 li img {
  width: 100%;
  display: block;
}

.block4 .dl.dl2 .card .step .pic-list2 li:last-child {
  margin-bottom: 0;
}
.block4 .dl.dl2 .card .step1 .li {
    clear: both;
    overflow: hidden;
    margin-bottom: .1rem;
}
.block4 .dl.dl2 .card .step1 .li:nth-child(odd) {
  padding-right: .05rem;
}

.block4 .dl.dl2 .card .step1 .li:nth-child(even) {
  padding-left: .05rem;
}


.block4 .dl.dl2 .card .step.step2 .li {
  margin-bottom: .5rem;
}

.block4 .dl.dl2 .card .step.step2 .li .step-tit {
  background-image: url("../img/type_cj2.png");
  margin-bottom: .2rem;
}

.block4 .dl.dl2 .card .step.step2 .li .step-tit .name span {
  background: linear-gradient(180deg, #FFF 0%, #77C4FF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.block4 .dl.dl2 .card .step.step2 .li .step-cont {
  padding: 0;
}

.block4 .dl.dl2 .card .step.step2 .li .step-cont .attr {
  margin: 0 0 .12rem 0;
}

.block4 .dl.dl2 .card .step.step2 .li .step-cont .attr ul li {
  margin: .1rem 0;
  background-image: url("../img/dian2.png");
}

.block4 .dl.dl2 .card .step.step3 .li {
  margin-bottom: .5rem;
}

.block4 .dl.dl2 .card .step.step3 .li .step-tit {
  background-image: url("../img/type_cj3.png");
  margin-bottom: 0;
}

.block4 .dl.dl2 .card .step.step3 .li .step-tit .name span {
  background: linear-gradient(180deg, #FFF 0%, #0E73F2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.block4 .dl.dl2 .card .step.step3 .li .step-cont .attr ul li {
  margin: .1rem 0;
  background-image: url("../img/dian3.png");
}

.block4 .dl.dl2 .card .step.step3 .li .step-cont .table {
  border-color: #615C55;
}

.block4 .dl.dl2 .card .step.step3 .li .step-cont .table .td,
.block4 .dl.dl2 .card .step.step3 .li .step-cont .table .tr {
  border-color: #615C55;
}

.block4 .dl.dl2 .card .step .pic-list4 li {
  margin-bottom: .03rem;
}

.block4 .dl.dl2 .card .step.step4 .li .step-tit {
  background-image: url("../img/type_cj4.png");
}

.block4 .dl.dl2 .card .step.step4 .li .step-tit .name span {
  background: linear-gradient(180deg, #FFF 0%, #4E6FFB 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.block4 .dl.dl2 .card .step.step4 .li .step-cont .attr ul li {
  background-image: url("../img/dian4.png");
}

.block4 .dl.dl3 .card-type {
  background-image: url("../img/bg_type3.png");
}

.block4 .dl.dl3 .card-type .tit {
  color: #0F2E45;
}

.block4 .dl.dl3 .box1 {
  position: relative;
}
.block4 .dl.dl3 .card .step.step3 .li .step-cont .attr ul li {
  background-size: 0.2rem;
  margin: .1rem 0;
  background-image: url("../img/dian3.png");
}

.block4 .dl.dl3 .card .step.step3 .li .step-tit .name span {
  background: linear-gradient(180deg, #FFF 0%, #0E73F2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.block4 .dl .box1 .tips1 {
  font-size: 10px;
  position: absolute;
  right: 14px;
  top: 10px;
  z-index: 1;
  text-shadow: 0 1px 1px #000;
}

.block4 .dl.dl4 {
  margin-bottom: .4rem;
}

.block4 .dl.dl4 .card-type {
  background-image: url("../img/bg_type4.png");
}
.block4 .dl.dl4 .card-type .tit {
    color: #21632F;
}
.block4 .dl.dl4 .card {
  margin-bottom: 0;
}

.block4 .dl.dl4 .card .step .li .step-tit {
  background-image: url(../img/type_cj3.png);
}

.block4 .dl.dl4 .card .step .li .step-tit .name span {
  background: linear-gradient(180deg, #FFF 0%, #3BC23B 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

.block4 .dl.dl4 .card .step .li .step-cont {
  padding-bottom: .1rem;
}


.block4 .dl.dl4 .card .step .li .step-cont .attr li {
  background-image: url("../img/dian4.png");
}

.block4 .dl.dl5 .card-type {
  background-image: url("../img/bg_type5.png");
}
.block4 .dl.dl5 .card-type .tit {
    color: #45320F;
}
.block4 .dl.dl5 .list li {
  margin-bottom: .3rem;
}
.block4 .dl.dl5 .card .step .step-tit .name span {
  background: linear-gradient(180deg, #FFF 0%, #F9B311 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.block4 .dl.dl5 .list li .item {
  background-image: url("../img/bg_gh1.jpg");
  background-size: cover;
  cursor: pointer;
  transition: all ease .3s;
}

.block4 .dl.dl5 .list li .item .item1 {
  padding: .26rem .33rem;
  background: rgba(156, 205, 250, 0.2);
  backdrop-filter: blur(0.07rem);
}

.block4 .dl.dl5 .list li .item .item1 .uimg {
  width: 1.22rem;
  height: 1.22rem;
  position: relative;
  margin-right: .35rem;
  flex-shrink: 0;
}

.block4 .dl.dl5 .list li .item .item1 .uimg::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background: url("../img/ky.png") no-repeat;
  background-size: 100% 100%;
  -webkit-animation: roate 10s linear infinite;
  -moz-animation: roate 10s linear infinite;
  -o-animation: roate 10s linear infinite;
  animation: roate 10s linear infinite;
}

.block4 .dl.dl5 .list li .item .item1 .uimg img {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 50%;
}

.block4 .dl.dl5 .list li .item .item1 .uinfo .name {
  font-size: .3rem;
  font-weight: 700;
  background: var(--Linear, linear-gradient(180deg, #FFF 0%, #48ADFB 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.block4 .dl.dl5 .list li .item .item1 .uinfo .desc p {
  margin: .02rem 0;
}

.block4 .dl.dl5 .list li .item .item2 {
  padding: .3rem;
}

.block4 .dl.dl5 .list li .item .item2 .item-tit {
  font-size: .28rem;
  font-weight: 700;
}

.block4 .dl.dl5 .list li .item .item2 .item-attr {
  color: #9CCDFA;
  padding-top: .1rem;
}

.block4 .dl.dl5 .list li .item .item2 .item-attr .dd {
  margin-top: .1rem;
  padding-left: .24rem;
  background-position: left top .04rem;
  font-size: .22rem;
  background-repeat: no-repeat;
  background-image: url("../img/star1.png");
  background-size: .16rem .23rem;
  line-height: 150%;
}

/* 学习激励模块样式 */
.block11 {
  position: relative;
  padding: 0 .24rem;
  margin-bottom: .8rem;
}

.incentive-container {
  position: relative;
  z-index: 2;
}

.incentive-section {
  margin-bottom: .6rem;
  padding: .4rem .3rem;
  border-radius: .08rem;

}

.incentive-section:last-child {
  margin-bottom: 0;
}

.section-header {
  margin-bottom: .3rem;
}

.section-title {
  font-size: .32rem;
  font-weight: 600;
  letter-spacing: .032rem;
background: var(--Linear, linear-gradient(100deg, #F0D197 11.78%, #FEF9ED 39.53%, #F0D197 69.36%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  margin: 0;
  padding: 0;
  display: flex;

  align-items: center;
  justify-content: center;
}

.section-desc {
  font-size: .2rem;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.4;
  margin: 0 0 .25rem 0;
}

.incentive-item {
  margin-bottom: .25rem;
}

.incentive-item:last-child {
  margin-bottom: 0;
}

.item-header {
  display: flex;
  align-items: center;
  margin-bottom: .12rem;
}

.item-icon {
  width: .12rem;
  height: .12rem;
  margin-right: .08rem;
  flex-shrink: 0;
}

.item-title {
  font-size: .2rem;
  font-weight: 500;
  background: var(--Linear, linear-gradient(100deg, #F0D197 11.78%, #FEF9ED 39.53%, #F0D197 69.36%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.item-content {
  font-size: .2rem;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.4;
  padding-left: .2rem;
}

/* 高亮文本样式 */
.highlight-yellow {
  background: #FFD000;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 400;
}

.highlight-orange {
  background: rgba(232, 190, 3, 0.9);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 400;
}

.highlight-gold {
  background: #D3AE05;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 400;
}

/* 注意事项样式 */
.incentive-note {
  font-size: .14rem;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.3;
  margin-top: .25rem;
  padding: .15rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: .04rem;
}

/* 背景装饰 */
.incentive-bg-decoration {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}

.bg-svg-1, .bg-svg-2 {
  position: absolute;
  width: 100%;
  height: auto;
  opacity: 0.1;
}

.bg-img-1, .bg-img-2 {
  position: absolute;
  width: 100%;
  height: auto;
  opacity: 0.05;
  border-radius: .08rem;
}

.bg-svg-1 {
  top: .5rem;
  left: 0;
}

.bg-img-1 {
  top: .5rem;
  left: 0;
}

.bg-svg-2 {
  bottom: .5rem;
  right: 0;
}

.bg-img-2 {
  bottom: .5rem;
  right: 0;
}

/* 响应式适配 */
@media (max-width: 480px) {
  .block11 {
    padding: 0 .2rem;
  }
  
  .incentive-section {
    padding: .3rem .25rem;
  }
  
  .section-title {
    font-size: .28rem;
  }
  
  .section-desc, .item-content {
    font-size: .18rem;
  }
  
  .item-title {
    font-size: .18rem;
  }
  
  .incentive-note {
    font-size: .13rem;
  }
}

.block4 .dl.dl5 .list li .item:hover {
  background-image: url("../img/bg_gh2.png");
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
}

.block4 .dl.dl5 .list li .item:hover .uinfo .name {
  color: #FFD000;
}

.block4 .dl.dl5 .list li .item:hover .item2 .item-tit {
  color: #FFD000;
}

.block4 .dl.dl5 .list li:last-child {
  margin-bottom: 0;
}

.block4 .dl.dl6 .card-type{
  background-image: url("../img/bg_type6.png");
}
.block4 .dl.dl6 .card-type .tit {
    color: #452A0F;
}

.block4 .dl.dl6 .card .step .step-tit .name span {
background: linear-gradient(180deg, #FFF 0%, #F9B311 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.block4 .dl.dl6 .card .step .step-cont .attr ul li{
  background-image: url(../img/dian6.png);
}

.block4 .dl.dl7 .card-type{
  background-image: url("../img/bg_type9.png");
  width: 5.5rem;
}
.block4 .dl.dl7 .card-type .tit {
    color: #0F2E45;
}
.block4 .dl.dl7 .card .step .step-cont .attr ul li{
  background-image: url(../img/dian9.png);
}
.block5 {
  padding: 0 .2rem;
}

.block5 .list li {
  width: calc(50% - .15rem);
  float: left;
  margin-bottom: .3rem;
}

.block5 .list li:nth-child(2n) {
  float: right;
}

.block5 .list li .item {
  height: 1.6rem;
  padding: 0 .22rem;
  text-align: center;
  cursor: pointer;
}

.block5 .list li .item .tit {
  font-size: .28rem;
  font-weight: 700;
  margin-bottom: .06rem;
  background: #ffffff;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.block5 .list li .item .desc {
  font-size: .22rem;
  height: 3em;
  line-height: 1.35;
  display: flex;
  align-items: center;
  justify-content: center;
}




.block6 .list li .item {
  background-size: 100% 100%;
  margin-bottom: .43rem;
  padding: 0.3rem 0.3rem 0.3rem .3rem;
}

.block6 .list li .item .icon {
  width: 1rem;
  margin-right: .51rem;
  flex-shrink: 0;
}

.block6 .list li .item .info .tit {
  font-size: .36rem;
  font-style: normal;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block6 .list li .item .info .tit img {
  width: 0.5rem;
  margin-right: .1rem;
}

.block6 .list li .item .info .desc {
  line-height: 1.5;
  margin-top: .19rem;
  font-size: 0.18rem;
  text-align: center;
}

.block7 .works li .item {
    overflow: hidden;
    display: block;
    margin: 0.02rem;
}

.block7 .step {
    clear: both;
}
.block7 .step .li {
    clear: both;
    overflow: hidden;
    margin-bottom: .1rem;
}
.block7  .step .li:nth-child(odd) {
  padding-right: .05rem;
}

.block7  .step .li:nth-child(even) {
  padding-left: .05rem;
}
.block7  .step .works-bimg {
  position: relative;
}
.block7  .step .works-bimg .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1rem;
    height: 1rem;
    z-index: 2;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

/* 从事方向  */
.block8 ul {
  margin: -.05rem;
}

.block8 .item {
  margin: 0 .1rem;
  padding-bottom: .17rem;
  background-size: 100%;
}

.block8 .item .item-tit {

  font-weight: bold;
  color: #F8F0D3;
  text-align: center;
}



.block9 .list li .item .item1 {
  padding: .26rem .33rem;
  background: rgba(255, 237, 201, 0.20);
  backdrop-filter: blur(0.07rem);
}

.block9 .list li .item .item1 .uimg {
  width: 1.55rem;
  height: 1.55rem;
  position: relative;
  margin-right: .35rem;
  flex-shrink: 0;
}

.block9 .list li .item .item1 .uimg::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background: url("../img/ky.png") no-repeat;
  background-size: 100% 100%;
  -webkit-animation: roate 10s linear infinite;
  -moz-animation: roate 10s linear infinite;
  -o-animation: roate 10s linear infinite;
  animation: roate 10s linear infinite;
}

.block9 .list li .item .item1 .uimg img {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 50%;
}

.block9 .list li .item .item1 .uinfo .name {
  font-size: .3rem;
  font-weight: 700;
background: var(--Linear, linear-gradient(100deg, #F0D197 11.78%, #FEF9ED 39.53%, #F0D197 69.36%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.block9 .list li .item .item1 .uinfo .desc p {
  margin: .02rem 0;
}
.block9 .list li .item {
    background: rgba(255, 255, 255, 0.20);
    margin-bottom: 0.2rem;
}


.block9 .list li .item .item2 {
  padding: .3rem;
  backdrop-filter: blur(0.07rem);
}

.block9 .list li .item .item2 .item-tit {
  font-size: .28rem;
  font-weight: 700;
  background: var(--Linear, linear-gradient(100deg, #F0D197 11.78%, #FEF9ED 39.53%, #F0D197 69.36%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.block9 .list li .item .item2 .item-attr {
  color: #fff;
  padding-top: .1rem;
}

.block9 .list li .item .item2 .item-attr .dd {
  margin-top: .1rem;
  padding-left: .24rem;
  background-position: left top .04rem;
  font-size: .22rem;
  background-repeat: no-repeat;
  background-image: url("../img/star1.png");
  background-size: .16rem .23rem;
  line-height: 150%;
}


.block12 .works li .item {
    overflow: hidden;
    display: block;
}

.block13 .ul-icons{overflow:hidden;margin:0 -.18rem}
.block13 .ul-icons li{float:left;width:33.33%}
.block13 .ul-icons .con{display:block;margin:0 .18rem .26rem;overflow:hidden;background-color:#fff;-webkit-border-radius:.12rem;-moz-border-radius:.12rem;border-radius:.12rem}
.block13 .ul-icons .pic{font-size:0;text-align:center;height:.7rem;line-height:.7rem;overflow:hidden}
.block13 .ul-icons .pic img{display:inline-block;vertical-align:middle;max-height:.7rem}

.header{
     height: 0.6rem; 
}

.header .logo img {
    display: block;
    width: 2rem
}
.header .menu {
    width: 0.6rem;
    height: 0.6rem;
    background-size: 0.3rem;
}


.empty_hd {
  height: 0.6rem;
}

.snv {
    width: 1.8rem;
    padding-top: 1.2rem;
}

.snv .v1{
  line-height: 1rem;
  padding-left: 0.2rem;
  font-size: 0.3rem;
}

.snv .dropIcon{
    width: 0.2rem;
    height: 0.2rem;
}

/* .m-snvbox .inner{
      width: 4.5rem;
} */

.snv .sub .v2 {
    display: block;
    font-size: 0.3rem;
    color: #1f1f1f;
    border-bottom: 1px solid #e8e6e6;
    line-height: 1rem;
}