body{background:var(--light);}

.fixed-bg{position:absolute; top:0; left:0; z-index:1;  width:100%; height: calc(80px * var(--device));}

.bg-color-ry{height: calc(80px * var(--device));position: absolute;top: 0;left: 0;width: 100%;z-index: 1;}
.bg-color-ry2{position: absolute;z-index: 1;top: calc(40px * var(--device));height: calc(50px * var(--device));left: 0;width: 100%;}

.line-search{position:relative;z-index:1;padding-top:calc(10px *  var(--device));}
.line-search-rq{position:relative;z-index:2;}
.kj-input{background:#fff; border:0px;}

.index-rq1{position:relative; background:#0E5DC4}
.index-rq1-bg{position:absolute;  top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-image: linear-gradient(45deg, rgba(209, 0, 42, 0.6) 0%, #0E5DC4 100%); opacity: 0.9;}
.index-rq1-bg-img{position:absolute; right:calc(20px *  var(--device)); bottom:calc(10px *  var(--device)); opacity:0.75}
.index-rq1-word{position:relative; z-index:2; color:#fff;}

#index-banner .swiper-slide{padding:0 calc(20px *  var(--device))}
#index-banner .swiper-slide img{width:100%; height:100%; position:absolute;top:0; left:0;}
#index-banner .swiper-pagination-bullet {width: calc(20px *  var(--device)); height: calc(20px *  var(--device)); margin:0 calc(6px *  var(--device))}
#index-banner .swiper-pagination{bottom:calc(0px *  var(--device))}
#index-banner .swiper-pagination-bullet-active{background-color: var(--orange)}
#index-banner .swiper-slide .swiper-bg{position:absolute;  top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background-image: linear-gradient(-45deg, rgba(209, 0, 42, 0.6) 0%, #0E5DC4 100%); opacity: 0.85;}
#index-banner .swiper-word {position:absolute;  top: 0; left: 10%; right: 10%; bottom: 0; z-index: 3; color:#fff;}


.Html-list .item{position:relative;}
.Html-list .item-img{position:relative; padding-top:75%; height:0;}
.Html-list .item-img img{position:absolute; top:0; left:0;width:100%; height:100%;object-fit:contain;}

.Html-list .item-tag{border-radius:calc(30px *  var(--device)); position:absolute; z-index:2; color:#fff; top:calc(-12px *  var(--device)); left:calc(-10px *  var(--device));}
/*.Html-list .item-tag:before{ border-top-width: 15px; border-top-style:solid;  position:absolute;  content:"";top:calc(34px *  var(--device)); left:0; width: 0;  height: 0;  border-left: 10px solid transparent;*/ /* 左边框透明 */  /*border-bottom: 10px solid transparent;*/ /* 右边框透明 *//*}*/
.Html-list .item-tag-blue{background:var(--blue); }
.Html-list .item-tag-blue:before{border-top-color:var(--blue); }
.Html-list .item-tag-green{background:var(--green); }
.Html-list .item-tag-green:before{border-top-color:var(--green); }
.Html-list .item-tag-orange{background:var(--orange); }
.Html-list .item-tag-orange:before{border-top-color:var(--orange); }
.Html-list .item-tag-purple{background:var(--purple); }
.Html-list .item-tag-purple:before{border-top-color:var(--purple); }
.Html-list .item-tag-pink{background:var(--pink); }
.Html-list .item-tag-pink:before{border-top-color:var(--pink); }

.loadLayout{position:fixed; top:0; left:0; right:0; bottom:0; z-index:100; background:url('../../images/index/bg.jpg') center center no-repeat; background-size:100% 100%;}
.loadLayout-content{position:absolute; top:calc(60px *  var(--device)); left:calc(60px *  var(--device)); right:calc(60px *  var(--device)); bottom:calc(60px *  var(--device));}
/*.loadLayout-content img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}*/
.loadLayout-load{opacity:0;}
.loadLayout-load.AniShow{opacity:1;}
.loadLayout-logo{transform:scale(0.7); opacity:0;}
.loadLayout-logo.AniShow{transform:scale(1); opacity:1;}

.loadLayout-word-left{margin-left:-100px; opacity:0;}
.loadLayout-word-left.AniShow{margin-left:0px; opacity:1;}

.loadLayout-word-right{margin-right:-100px; opacity:0;}
.loadLayout-word-right.AniShow{margin-right:0px; opacity:1;}

.loadLayout-word-top{margin-top:100px; opacity:0;}
.loadLayout-word-top.AniShow{margin-top:0px; opacity:1;}

@keyframes shake {
  0%, 100% {
   transform: translate(0, 0);
  }
 10%, 30%, 50%, 70%, 90% {
    transform: translateY(-2px);
  }
  20%, 40%,60%, 80% {
    transform: translateY(2px);
  }
}
.shockTag {
  animation: shake 6s cubic-bezier(.36,.07,.19,.97)  infinite;
  transform-origin: center center;
}

/*.item-tag.delay-1{
animation-delay: 0.1s;
}
.item-tag.delay-2{
animation-delay: 0.2s;
}
.item-tag.delay-3{
animation-delay: 0.3s;
}
.item-tag.delay-4{
animation-delay: 0.4s;
}
.item-tag.delay-5{
animation-delay: 0.5s;
}*/