@media screen and (max-width: 420px) {
  .page-xiayiye{
    display: none!important;
}

 
}
.tiaozhuan-ok{
    display: flex;
    align-self: center;
    background: #222529;
    padding: 6px;
}

.page-item{
        border: 1px #484848 solid;
        margin-left:5px ;
}
.shoucang{
    position: absolute;
    z-index: 9;
    right: 2%;
}
.shoucang-anniu{
    /*width: 50%;*/
    background: rgb(83,109,230);
    color: #fff;
}

.shoucang-anniu:focus{
    background: #0cbc87;
    color: #fff;
}
.dianzan{
    float: right;
}

.fa-diamond{
         display: none;
     }
     .fa-coins{
         display: none;
     }
    .steampubucard-right{
        width: auto;
        overflow: hidden;
        height: auto;
        float: right;
    }
	.steampubucontainer {
	      /* display: flex; */
	      flex-wrap: wrap;
		  width: 100%;
		  margin: 0 auto;
		  height: auto;
		  /*float: left;*/
	    }
		.steampubusteam-pubu{
			border-radius: 15px;
			padding: 20px;
			height: auto;
			overflow: hidden;
		background-image: linear-gradient(0deg, rgb(22, 43, 73) 0%, rgb(40, 105, 130) 100%);
		}
		
		[data-bs-theme=dark] .steampubusteam-pubu{
			border-radius: 15px;
			padding: 20px;
			height: auto;
			overflow: hidden;
		background-image: linear-gradient(0deg, rgb(22, 43, 73) 0%, rgb(255 255 255 / 8%) 100%);
		}
	   .steampubucard {
	      background-color: #000;
	      /*border: 1px solid #ddd;*/
	      border-radius: 5px;
	      box-shadow: 0 2px 4px rgb(0 0 0 / 26%);
	      margin: 1%;
	      /*overflow: hidden;*/
	      position: relative;
		  /*width: 100%;*/
		  height: auto;
		  float: left;
		  transition: .2s;
	    }
		
		.steampubucard:hover{
			box-shadow: 0 0 10px #fff ;
			cursor: pointer;
		}
	
	   .steampubucard-img {
	      width: 100%;
	      height: auto;
	      display: block;
	      object-fit: cover;
				object-position: left top;
				transition: 1s;
	    }
	    .steampubucard img:hover{
	        object-position: right bottom;
	    }
	   .steampubucard-title {
	       width: 100%;
	      padding: 10px;
	      font-size: 15px;
	      font-weight: bold;
	      display: block;
	      float: left;
	      overflow: hidden;
	      text-overflow:ellipsis;
	      white-space:nowrap;
	       color: #fff;
	      
	    }
	    
	    
	    .steampubucard-shijian {
	       width: 50%;
    float: left;
    line-height: 18px;
    padding: 10px;
	    }
	     @media screen and (max-width: 768px) {
  .steampubucard-title {
    /*display: none;*/
  }
  .steampubucard-shijian {
    display: none;
  }
 
}

	     @media screen and (max-width: 1200px) {
  .steampubucard-title {
    /*display: none;*/
  }
  .steampubucard-shijian {
    font-size: 10px;
  }
 
}
	    
	    .steampubucard-title a{
	       
	        width: 15px;
	    }
	    .steampubucard-title svg{
	       
	        width: 15px;
	    }
	  
	    .steampubuchakan{
	       padding: 10px;
	    width: auto;
	    float: right;
	    text-align: center;
	    background: #4c6b22;
	    color: #beee11;
	    /*font-size: 18px;*/
	    /*font-weight: 800;*/
	    }
	    .steampubujiage{
	    padding: 10px;
    width: auto;
    float: right;
    text-align: center;
    background: #344654;
    color: #beee11;
    font-size: 12px;
    border-radius: 15px 0px 0px 0px;
	    }
	    
	    
	    
	    
	    
	    
	    
	    
	    .djhqgd{
	        
    float: left;
    height: auto;
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    /* background: aliceblue; */
    text-align: center;

	    }
	    .djhqgd a{
	display: block;
    background: #618e24;
    font-weight: 100;
    /*width: 15%;*/
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    color: #fff;
    padding: 0 10px 0 10px;

	    }
	    @media (max-width: 768px) {
     .steampubucard-right {
        display: none;
      }}
	.steampubusteam-biaoti{
	    color: #fff;
	    width: 100%;
	    height: auto;
	    margin-bottom: 10px;
	    font-size: 20px;
	    float: left;
	    display: block;
	}
	
	
	/*列表视频开始*/
	.gridshipin{
	    position: absolute;
	    height: auto;
	    width: 100%;
	    background-color: rgb(43,51,58);
	    color: rgb(161,161,168);
	    /*opacity: 0;*/
	    display: none;
	    /*margin-top: -50px;*/
	    box-shadow: 10px 10px 30px #000;
	}
	
	.gridactive{
	    /*display: none;*/
	    /*opacity: 1!important;*/
	}

	@media (min-width: 768px) {
     	.steampubucard:hover .gridshipin{
	    /*display: block;*/
	    /*transition: 4s;*/
	    transform: scale(1.1);
	    z-index: 9;
	}}
	.gridzhaiyao{
	    padding-left:  20px;
	    padding-right: 20px;
	    width: 100%;
	    /*background-color: #000;*/
	    overflow: hidden;
	    height: 17px;
	    font-size: 12px;
	}
	.gridshipin video{
	    height: 100%;
	    width: 100%;
	    position: relative;
	}
	.gridjieshao{
	    width: 100%;
	    height: auto;
	    background: linear-gradient(0deg, rgb(43,51,58), rgb(39,45,50),rgb(31,34,36));
	}
	.gridimg{
	    position: relative;
	    width: 50%;
	    height: auto;
	    margin: -50px -0px 10px 0px;
	    box-shadow: 5px 5px 20px #000;
	}
	.gridbiaoti{
	    text-align: center;
	    width: 100%;
	    
	}
	.gridfenlei{
	    text-align: center;
	    /*margin-bottom: 10px;*/
	}
	.gridshijian{
	    margin-bottom: 10px;
	    margin-left: 20px;
	    background: #fff;
	    width: fit-content;
    padding: 3px;
    border-radius: 4px;
    font-size: 12px;
    margin-top: 5px;
    background: #0000004f;
    padding-left: 5px;
    padding-right: 5px;
	    
	}
	
	
	/*steam导航开始*/
	.xmt_steamdaohang{
            position: sticky;
            /*top: 7%;*/
            z-index: 9;
            margin: 40px 0 40px 0;
        }
        .anniu{
            height: 30px!important;
        }
        .shurukuang{
            border-radius: 5px;
            height: 30px!important;
            background: rgb(49 93 206 / 80%)!important;
        }
        .sousuo-2{
            border-top-right-radius: 0!important;
            border-bottom-right-radius:0!important;
        }
        .sousuo-box form{
            border:none;
        }
     .sousuo-box{
         width: auto!important;
         float: right!important;
         position: relative;
         margin-top: 5px!important;
         margin-right: 5px!important;
         float: right;
     }       
     /*.daohangguding{*/
     /*    position: sticky;*/
     /*    top: 0;*/
     /*    z-index: 9;*/
     /*}*/
     
.main-menu2{
    
     transition: 1s;
     /*top: 90px;*/
	color: #fff!important;
	height:40px;
	border-radius: 5px;
	/*width:100%;*/
	margin: 0 auto;
	background:linear-gradient(to right, rgba(72, 111, 149, 0.9) , rgba(0, 00, 80, 0.9));
}
.main-menu2 ul{
    margin: 0!important;
}
.main-menu2 ul li{
	height:40px;
	width:auto;
    font-family: system-ui;
    font-weight: 800;
    color: #ffffff;
	text-align:center;
	float:left;
	padding-left: 12px;
	padding-right: 12px ;
 	/*margin-left:20px; */
	list-style:none;
	line-height:40px
}

.main-menu2 ul li:hover{
	/*background:rgba(1, 1000, 950, 0.2);*/
	background:linear-gradient(to right, rgba(1, 1000, 950, 0.2) , rgba(0, 00, 80, 0));
}
      
      
      @media screen and (max-width: 1200px){
   .main-menu2{display: none;}
}  


/*banner开始*/
.count-item{
            text-align: center;
            margin-bottom: 20px;
        }
    .cuziti{
    text-align: center;
    font-size: 30px;
    font-weight: 900;
    font-family: fantasy;
    }
  
   .banner-zhezhao {
    position: absolute;
    float: left;
    z-index: 1;
    height: 100%;
       width: 100%;
    /* background: linear-gradient(to top, #14141a, transparent); */
    left: 0;
}
   .banner-shipin video{
       /* width: 100%; */
       /*height: 100%;*/
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       /* width: auto; */
   }
    .banner-shipin{
       position: absolute;
       width: 100%;
       height: 100%;
       /*top: -50%;*/
   }
   
   .banner-tupian img{
       /*width: 100%;*/
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       width: auto;


   }
   .banner-tupian{
       position: absolute;
       width: 100%;
       height: 100%;
       
       top: 0%;
   }
   
   @media screen and (max-width: 960px) {
  .banner-tupian {
    left: 0;
  }
 
}
   .content h2{
       color: #fff;
   }
.remensearch a {
    /* padding-left: 5px; */
    /* padding-right: 5px; */
    background-color: #cacaca30;
    height: 30px;
    display: block;
    float: left;
    margin: 5px;
    line-height: 10px;
    padding: 10px;
    border-radius: 5px;
}
.remensearch span {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}
.anniu1{
            height: 40px!important;
        }
        .shurukuang1{
            border-radius: 5px;
            height: 40px!important;
            font-size: 14px;
            /*background: rgb(50 50 50) !important;*/
        }
        .sousuo-3{
            border-top-right-radius: 0!important;
            border-bottom-right-radius:0!important;
        }
        .sousuo-box1 form{
            border:none;
        }
     .sousuo-box1{
         text-align: center;
         width: 100%;
         position: relative;
         margin-top: -30px ;
         margin-bottom: 10px;
         /*margin-left: 5vh;*/
     }       


            .main-iv {
  position: relative;
  width: 100%;
  min-height: 80vh;
  column-gap: 3rem;
  padding-block: min(20vh, 3rem);
  padding-inline: 2.3em;
  align-items: center;
  justify-content: center;
  /*backdrop-filter: blur(20px);*/
  /*background-color: #191919;*/
  /* background: #461356; */
    background-size: cover ;
  overflow: hidden;
  
}



@media screen and (min-width: 960px) {
  .main-iv {
    display: flex;
    padding-inline: 0;
  }
}

@media screen and (max-width: 960px) {
  .main-iv {
   
    min-height: auto;
  }
}

.main-iv .content {
  width: 100%;
  color: #fff;
  position: relative;
  z-index: 2;
  margin-bottom: 3em;
}
@media screen and (min-width: 960px) {
  .main-iv .content {
    width: 40%;
    padding-left: 5em;
    margin-bottom: 0;
    
  }
}
.main-iv h2 {
    text-align: center;
  letter-spacing: 0.8px;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1.2;
}
.main-iv p {
    text-align: center;
  font-size: 1rem;
  line-height: 1.8;
  margin-inline: auto;
  margin-top: 10px;
}
.main-iv .counter {
  font-weight: 400;
  display: flex;
  align-items: center;
  margin: 2.5em 0 2em 0;
  gap: 2em;
}
.counter li{
    list-style: none;
}
.main-iv .counter i {
  margin-right: 10px;
}
.main-iv .counter span {
  display: block;
  text-transform: capitalize;
  font-size: 0.8rem;
  color: #c1c1c1;
  margin-top: 3px;
}
.main-iv .btn {
  background-color: #d51a6d;
  border: none;
  color: white;
  padding: 12px 20px;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  border-radius: 4px;
  transition: 0.3s ease-in;
}
.main-iv .btn i {
  margin-left: 15px;
}
.main-iv .btn:hover {
  background-color: #ae0a53;
}
.circle-iv {
  position: absolute;
  bottom: 20em;
  left: -8em;
  width: clamp(150px, 40vw, 400px);
  height: clamp(150px, 40vw, 400px);
  background: linear-gradient(180deg,#474747, #00000000);
  border-radius: 50%;
  z-index: 1;
  opacity: 0.7;
}
.swiper-slide--six h3 {
  font-family: "Chonburi", cursive;
  font-weight: 400;
}

.swiper-slide-active {
  display: grid;
  opacity: 1;
}

.swiper-pagination {
  position: relative;
  bottom: -0.313rem;
  text-align: center;
  margin-top: 35px;
  width: auto;
}
.swiper-pagination-bullet {
  border-radius: 0;
  width: 1.5rem;
  height: 0.25rem;
  background: #fff;
}
.swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  right: 0px;
  margin: 0 auto;
}
.swiper-slide--one {
  background: #0f2027;
  /*background: linear-gradient(to bottom, #2c536400, #203a4303, #0f2027cc), url("https://cdn.123goo.shop/wp-content/uploads/2024/06/1718076392-5680c2ed28e1b91.webp") no-repeat 50% 50%/cover;*/
}

.swiper-slide--two {
  background: linear-gradient(to bottom, #2c536400, #203a4303, #0f2027cc), url("/wp-content/themes/ripro-v5/assets/img/bg3.jpg") no-repeat 50% 50%/cover;
}
.swiper-slide--two h3 {
  font-family: "Noto Serif Vithkuqi", serif;
  font-weight: 300;
}
.swiper-slide--three {
  background: url("/wp-content/themes/ripro-v5/assets/img/bg3.jpg") no-repeat 50% 50%/cover;
}
.swiper-slide--four {
  background: url("/wp-content/themes/ripro-v5/assets/img/bg3.jpg") no-repeat 50% 50%/cover;
}
.swiper-slide--five {
  background: url("/wp-content/themes/ripro-v5/assets/img/bg3.jpg") no-repeat 50% 50%/cover;
}
.swiper-slide--six {
  background: linear-gradient(to bottom, #2c536400, #203a4303, #0f2027cc), url("/wp-content/themes/ripro-v5/assets/img/bg3.jpg") no-repeat 50% 50%/cover;
}

.swiper-slide span {
    display: inline-block;
    /*background: #0000004a;*/
    backdrop-filter: blur(30px);
    border-radius: 0 50px 50px 0;
    text-transform: capitalize;
    padding: 5px 20px;
    letter-spacing: 0.5px;
    font-weight: 500;
    position: absolute;
    top: 1em;
    left: 0;
    font-weight: 800;
    font-size: 18px;
    /*color: #ff0000;*/
}
.swiper-slide h3 {
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.4;
  margin-bottom: 0.625rem;
  letter-spacing: 0.8px;
  position: relative;
  word-wrap: break-word;
}
@media screen and (min-width: 800px) {
  .swiper-slide h3 {
    font-size: 1.8rem;
  }
}
.swiper-slide p {
  color: #fff;
  line-height: 1.6;
  font-size: 0.8rem;
}
.swiper-slide .slide-content {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -10px);
  width: 90%;
}



/*下载组件开始*/
[data-bs-theme=dark] .sidebar .widget{
    background: linear-gradient(to right,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%);
    border-radius: 15px;
}

.helpinfo{
    background: linear-gradient(135deg,  rgba(130,114,81,0.5) 0%,rgba(226,197,139,0.5) 100%);
    padding: 6px;
    color: #e1c48a!important;
    font-size: 12px;
}

.small.text-muted.list-group-item.bg-white{
    margin-bottom: 3px!important;
    margin-top: 3px!important;
    background: #9a9a9a14!important;
}

.sidebar .widget ul>li{
    border: none;
    padding: 0;
}

.xiazai-title{
    display: block;
    width: 30%;
    /*height: 100%;*/
    background: #fff;
}
.list-info li{
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.list-info .data-label{
   color: #505c74;
    text-align: center;
    cursor: default;
    line-height: 30px;
    width: 35%;
    margin: auto;
}

[data-bs-theme=dark] .list-info .data-label{
     color: #fff;
   
}
.list-group-flush>.list-group-item{
    border: none;
}
.list-info .info{ 
    background-color: rgb(103 193 245 / 27%);
        color: #0a5ea0;
    
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    cursor: default;
        width: 60%;
        margin: auto;
        padding: 5px;
}

[data-bs-theme=dark] .list-info .info{
   background-color: rgba(103, 193, 245, 0.1);
   color: #66c0f4;
}
.list-info li{
    margin: 0;
    font-size: 12px;
    vertical-align: top;
}

.btn-secondary-soft{
    background: linear-gradient( to right, #75b022 5%, #588a1b 95%);
    color: #d2efa9;
    border-radius: 5px!important;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled){
    border-radius: 5px!important;
}

.ri-down-warp .down-buy-warp .prices-info{
    border: none;
    background: rgba(103, 193, 245, 0.1);
}
[data-bs-theme=dark] .price-item.no{
    color: #fff!important;
}

/*文章内页*/

.page2-title .wenzhang-title{
        font-weight: 900 !important;
    width: 100%;
    text-overflow:ellipsis; white-space: nowrap;
    overflow: hidden;
}

.single-content-nav .nav-item .nav-link{
    color: #7bcc40;
    border: solid 2px #7bcc4052;
}
.single-content-nav .nav-item .nav-link.active{
    background-color: #7bcc40;
}


body{
    	/*background-color: #131313;*/
}
.nav .nav-link:hover{
    color: #81d742!important;
}

[data-bs-theme=dark] .single-download-nav {
    background: #14141a;
}
.single-download-nav li .nav-link.active{
    color: #81d742;
    border-color: #81d742;
}
.single-download-nav{
    position: sticky;
    top: 0;
    z-index: 9;
}
.meta-shhop-icon{
    display: none;
}
.hero-shop .hero{
    display: none;
}
	.page2-fenge1{
		width: 80%;
		background-color: #eeeeee;
		height:1px;
		margin-top: 20px;
		border-width:0;
		color:#14141a;
	}
	.page2-miaoshu{
	}
	.page2-miaoshu table{
		width: 100%;
		margin-top: 30px;
		text-align: center;
	}
	.page2-miaoshu table tr {
		height: 30px;
		/* background-color: aqua; */
	}
	.page2-miaoshu table tr th{
		width: 25%;
		font-size: 13px;
		color: #81d742;
	}
	.page2-miaoshu table tr td{
		font-size:  15px;
		color: #14141a;
	}
	.page2-title{
	    position: absolute;
		height: auto;
		width: 90%;
		/* background-color: aqua; */
		margin-top: -10%;
		padding-left:  5%;
		color: #1e2c77;
		font-size: 1.5rem;
		font-weight: 800;
		/* padding:0 0px 0px 100px; */
	}
	.page2-allbox{
		width: 100%;
		height: auto;
		border-radius: 16px;
		overflow: hidden;
		background-color: #fff;
		/* background-color: aqua; */
		/*float: left;*/
		border: 1px solid #dcdcdc;
		margin-bottom: 20px ;
	}
	.article-header.mb-0{
	    opacity: 0;
	}
	
	.archive-hero.post-hero.text-center {
   
    
    z-index: -1;
    width: 100%;
    height: 80vh;
    position: absolute;
    background-size: cover;
    /*filter: grayscale(80%);*/
     background:linear-gradient(135deg, rgba(151, 51, 255, 0.1) 0%, rgba(82, 106, 255, 0.1) 42%, rgba(17, 185, 255, 0.1) 100%);
    opacity: .1;
    background-position: center;
	    
	}
	.archive-hero .archive-hero-bg::before{
	    background: #00000000;
	}
	.page2-content{
		padding-left: 5%;
    padding-right: 5%;
    padding-bottom:  5%;
		/* height: 600px; */
		/* width: 100%; */
		/* background-color: chartreuse; */
	}

	.bgxuhuaimg{
	 z-index: -1;
    width: 250%;
    margin-left: -50%;
    height: 80vh;
    /*top: -40px;*/
    position: absolute;
    background-size: cover;
    filter: grayscale(80%);
    opacity: .1;
    background-image: linear-gradient(to top, #f0f4f5, #f0f4f500), url();
    background-position: center;
	}
	[data-bs-theme=dark] .bgxuhuaimg{
	 background-image: linear-gradient(to top, #202634, #2026346b), url();   
	    
	}


	.pagebox{
		width: 100%;
		margin: 0 auto;
		margin-top: 100px;
		
		
	}
	@media (max-width: 768px) {
    .page2-title h2{
        font-size: 1.2rem!important;
    }
	    
	    .page2-imagebox{
	        height: 180px;
	    }
	    
	    .page2-miaoshu table tr td{
	        font-size: 0.7rem!important;
	    }
	    .page2-miaoshu table tr th{
	        font-size: 0.6rem!important;
	    }
	}
		@media (max-width: 480px) {
		    .page2-imagebox{
	        height: 80px;
	    }
		}
	
	[data-bs-theme=dark] .page2-allbox {
	background:#14141a;
}

[data-bs-theme=dark] .page2-allbox{
	border:1px solid #23232b
}
[data-bs-theme=dark] .page2-fenge1{
	background-color:#242d32;
}
[data-bs-theme=dark] .page2-miaoshu table tr td{
    color: #fff!important;
}
.tab-content{
    height: auto;
}

[data-bs-theme=dark] .entry-page-next, [data-bs-theme=dark] .entry-page-prev{
    background: #14141a;
}

.post-content .h2, .post-content h2 {
     padding-bottom: 0px; 
     font-size: 0px; 
     border-bottom: 0px solid #efefef; 
     margin: 0px 0 0px; 
     line-height: 1.4; 
     font-weight: 600; 
}

.accordion-button:not(.collapsed) {
    background-color: #212c33;
    
}



/*个人中心样式*/
.diyuserbgc{
    background: radial-gradient(farthest-side at top right, #8d435c, transparent 500px), radial-gradient(farthest-corner at top left, rgb(8 227 93 / 25%), transparent 600px), radial-gradient(farthest-corner at bottom right, rgb(66 219 240 / 0%), transparent 500px), radial-gradient(farthest-corner at bottom left, rgb(236 240 11 / 13%), transparent 600px);
    background-color: rgb(46 13 36 / 93%);
    
}

[data-bs-theme=dark] .card {
    padding-bottom: 10px;
    background-color: #0000007a;
}
.fw-bold.mb-0{
        padding: 10px;
    background: linear-gradient(90deg, rgb(20 62 70 / 93%) 0%, rgb(54 22 57 / 93%) 90%);
    border-radius: 5px;
}
[data-bs-theme=dark] .bg-white.rounded.overflow-hidden{
    background: #0000001a !important;
}

.container.mt-2.mt-sm-4.diyuserbgc{
    padding-bottom: 10px;
}


.userbgdiv{
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
background-repeat: no-repeat!important;
    background-size: 100%!important;
    background-position: top!important;
}
.steampubucard-padding{
    padding: 0!important;
}

.grid2-list{
    overflow: visible!important;
}

@media (min-width: 768px) {
     	.grid2-list:hover .gridshipin{
	    /*display: block;*/
	    /*transition: 4s;*/
	    transform: scale(1.1);
	    z-index: 9;
	}}
	
	.gridactive{
	    z-index: 9999;
	}
	
	.steampubucard-bottom{
	    overflow: hidden;
	}