@keyframes anup {
            	from {bottom:-30%;}
	            to {bottom:0%;}
            
            100%{
              opacity:1;  
            }
        }
        .ttr{
				text-indent: 2em;
			}
			
		.xxbq {
		    background:#ea1616;
		    color:white;font-size:13px;
			border-radius: 0px 0px 14px 14px;
			width:35%;
			height:100%;
			border: none;
			outline: none;
		}
		
        .anup{
            opacity:0;
        }
        .ovv{
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.4);
            z-index: 10;
        }
        
		.q1 {
			background: #fff;
			padding: 8px 0;
			width: 100%;
			height: 33%;
			white-space: nowrap;
			/*文本不会换行，文本会在在同一行上继续*/
			overflow-y: auto;
			/*可滑动*/
		}
		.jz {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
		}

		.box {
			width: 100%;
			height: 75%;
			position: relative;
		}


		.box111 {
			width: 100%;
			height: 70%;
			position: relative;
		}

		.chl_box {

			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			border-radius: 25px;
			border: 5px solid black;
		}
        
		.ww {
			left: 50%;
			position: absolute;
			top: 50%;
			transform: translate(-50%, -50%);
		}

		.aa {
			left: 50%;
			position: absolute;
			top: 50%;
			transform: translate(-50%, -50%);

		}

		.ee {
			font-size: 25px;
			color: black;
			width: 100%;
			height: 10%;
			text-align: center;
		}

		.rr {
			cursor: pointer;
		}

		.tt {
			cursor: pointer;
			color: rgb(65, 159, 245);
			width: 33%;
			height: 100%;
			float: right;
			font-size: 150%;
		}

		.yy {
			cursor: pointer;
		}

		.btn:hover {
			background-color: #0000FF;
			color: #fff;
		}

		.input-group {
			margin-bottom: 15px;
			padding: 0px 0px;
			border-bottom: 1px solid #e5e5e5;
			position: relative;
		}

		.kk {

			box-sizing: border-box;
			padding: 0em 0.5em;
			width: 100%;
			background: rgba(255, 255, 255, 0.7);
			box-shadow: 2px 9px 89px -17px rgba(0, 0, 0, 0);
		}

		.btn-v {

			color: #fff;
			background-color: #1E90FF;
			margin-top: 30px;
			outline: none;
			width: 100%;
			padding: 15px 15px;
			cursor: pointer;
			font-size: 18px;
			font-weight: 600;
			border-radius: 6px;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			-ms-border-radius: 6px;
			-o-border-radius: 6px;
			border: none;
			text-transform: capitalize;
		}

		.btn-v:hover {
			background-color: #0000FF;
			color: #fff;
		}

		.vs1 {
			width: 100%;
			height: 100%;
			left: 50%;
			position: absolute;
			top: 50%;
			transform: translate(-50%, -50%);
		}

		.vs {

			height: 100%;
			width: 100%;
			left: 50%;
			top: 50%;
			
			position: absolute;
			transform: translate(-50%, -50%);
		}

		.dss {
			left: 50%;
			position: absolute;
			top: 50%;
			transform: translate(-50%, -50%);
		}



		.sse {
			font-size: 24px;
			width: 100%;
			height: 15%;
			border-bottom: 1px solid #CCCCCC;
			border-radius: 5px;
			cursor: pointer;
		}

		.mk {
      /*width: 31%;*/
      /*height: 0;*/
      /*margin:0 1% 3% 1%;*/
      flex: 0 0 calc(33.33% - 10px);
      margin: 5px;
      
      padding-bottom: 35%;
	  border-radius: 8px ;
	  
	  background-image:
	  linear-gradient(to bottom, rgba(140, 106, 169,0.05), rgba(1, 1, 255, 0.1));
      position: relative;
      cursor: pointer;
    }
    .mk1 {
		/*width: 31%;*/
		/*height: 0;*/
		/*margin:0 1% 3% 1%;*/
		flex: 0 0 calc(33.33% - 10px);
		margin: 5px;
		
		
		padding-bottom: 35%;
		border-radius: 8px ;
		position: relative;
		cursor: pointer;
		background-image:
		 linear-gradient(to top, rgba(215, 126, 159,0.3), rgba(235, 106, 166, 0.79));
	  
    }
    .ull {
	  list-style-type: none;
	  padding: 0;
	  margin: 15px;
	  display: flex;
	  flex-wrap: wrap;
	  /*justify-content: space-between;*/
	  
	}
	.ulll {
			list-style-type: none;
			padding: 0;
			margin: 15px;
			display: flex;
			flex-wrap: wrap;
			/*justify-content: space-between;*/

		}
	.ullll {
			list-style-type: none;
			padding: 0;
			margin: 15px;
			display: flex;
			flex-wrap: wrap;
			/*justify-content: space-between;*/

		}
	
	
	.first-div {
	    display:none ;
	  position: absolute;
	  z-index: 2;
	  border-radius: 8px 0 8px 0 ;
	  color: #D3C7AD;
	  background: linear-gradient(to right, #484848, #484848);;
	  font-size: 10px;
	  padding:2px 4px;
	}
	.first-div1 {
	    display:none ;
	  position: absolute;
	  z-index: 2;
	  border-radius: 8px 0 8px 0 ;
	  color: #d74b4b;
	  background: linear-gradient(to right, #f5ce35, #f9d314);
	  font-size: 10px;
	  padding:2px 4px;
	}
	
	.second-div {
	  position: absolute;
	  z-index: 1;
	  width: 100%;
	  height: 100%;
	}
	.second-div1{
		margin-top: 25%;
		font-size: 13px;
		text-align: center;
		font-weight: bold;
		color: rgba(0,0,0,0.6);  
	}
	.second-div2{
		margin-top: 5px;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		color: #5b4201;
	}
	.second-div3{
		margin-top: 5px;
		text-align: center;
		text-decoration: line-through;
		font-size: 12px;
		color: #84848f;
	}
	.second-div4{
		position: absolute;
		z-index: 2;
		margin-top: 5px;
		font-size: 11px;
		border-radius:0 8px 0 8px  ;
		color: #D3C7AD;
		background: linear-gradient(to right, #484848, #484848);
		left: 0;
		  bottom: 0;
		  padding:0.14rem 0.66rem;
	}
		.zfmk{
		   background: #FF6A6A;
		   background:linear-gradient(to right, rgba(255, 102, 106,1), rgba(255, 102, 106, 0.85));
		}
        .jbt{
            background: #D2B48C;
		    background:linear-gradient(to right, rgba(210, 180, 140,0.7), rgba(210, 180, 140, 0.1));
            font-weight:bold;
        }
		.mkk {
			width: 48%;
			height: 85%;
			border: 3px solid #0099ff;
			border-radius: 25px;
			font-size: 25px
		}
		.kkff {
			border-bottom: 1px solid #8a8a8a;
			margin-bottom: 5px;
			margin-top: 5px;
			height: 20%;
			width: 90%;
			cursor: pointer;
		}
		.kkff span{
		   font-size:12px
		}
		

		.mkk1 {
			width: 48%;
			height: 85%;
			border: 3px solid #0099ff;
			border-radius: 25px;
			font-size: 25px;
			background:#0066cc;
		}

		.anys {
			border-radius: 31px;
			background: #87CEF3;
			border: none;
			outline: none;
			width: 250px;
			background:linear-gradient(to left, rgba(51, 153, 255,0.6), rgba(0, 112, 225, 0.8));
		}
        input[type="radio"] {
            display: none;
            
        }
        input[type="radio"] + label::before {
             content: "";
             display: block;
             height:14px;
             width: 14px;
             border-radius: 30%;
             border: 2px solid #bbb;
             margin-right: 10px;
             margin-bottom: 10px;
             
             cursor: pointer;
        }
        input[type="radio"]:checked + label::before {

              background-image: url("../img/选中.png"); /* 添加选中状态的背景图 */
            background-repeat: no-repeat; /* 取消背景图片平铺效果 */
             background-size: 100% 100%; /* 背景图全屏显示 */
            
            
            border-color: #007bff;
        }
        .pk{
            width:90%;
            height:70%;
            background:rgb(231 241 255);
            border-radius: 15px;
            
        }
        .pk1{
            width:90%;
            height:90%;
            background:rgba(214, 209, 209,0);
            border-radius: 15px;
            
        }
        
		.bjtp {
			background-image: url('../img/q8.jpg');
			background-size: 100% 100%;
		}

		.eer {
			background-image: url('../img/w1.png');
			background-size: 100% 100%;
		}
		.yb{
		    width:50%; 
		    height:100%;
		    float:left;
		}
		.yb1{
		    width:50%; 
		    height:100%;
		    float:right;
		}
		table {
          border-collapse: collapse;
        }
        td, th {
          border: 1px solid #838383;
          padding:10px 0 ;
          user-select: text;
          user-select: auto !important; /* 强制允许选择和复制 */
        -webkit-user-select: auto !important; /* 兼容 Webkit 浏览器 */
        -moz-user-select: auto !important; /* 兼容 Firefox 浏览器 */
        -ms-user-select: auto !important; /* 兼容 IE 浏览器 */
        }
        .bgck{
            width:100%;
            height:30px;
        }
        a:link 
        {color: #48b5ee;
        text-decoration: none;
            
        }
        .zyboxpp div div span{
            font-size:15px ;
        }
        .zyboxpp div{
            position: relative;
            
        }
        
        .bbn div img,.bbn div i{
            cursor:pointer;
        }
        .zyboxpp div div {
           padding: 6px;
            
        }
        body {
            touch-action: none;
            overflow: hidden;
            viewport-fit: auto;
            
             -webkit-user-select: none; /* Safari */
            -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Standard syntax */
            
            
        }
        
        
        html::-webkit-scrollbar {
          width: 0px;
          background-color: transparent;
        }
        
     ::-webkit-scrollbar {
    width: 8px;
  }
  
  /* 滚动条轨道 */
  ::-webkit-scrollbar-track {
    background-color: #f1f1f1;
  }
  
  /* 滚动条滑块 */
  ::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
  }
  
  /* 滚动条悬停时的滑块 */
  ::-webkit-scrollbar-thumb:hover {
    background-color: #555;
  }
  
  /* 滚动条按钮（上下按钮） */
  ::-webkit-scrollbar-button {
    display: none;
  }   
    
    
    
       
.tablinks{
    flex: 1;
    text-align: center;
    margin: 0 2px;
  /*background:linear-gradient( to top ,#f3f3f3,#d7d5d5);*/
  /*background:#fff;*/
}
.active{
    flex: none;
    
}
         .tab {
    overflow: hidden;
  }
  
  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    color: #62390d;
    height: 100%;
    padding: 14px 16px;
    transition: background-color 0.3s ease;
  }
   .tabcontent {
    display: none;
    margin: 0 20px;
  }
  .active{
  background:linear-gradient( to top ,#f3f3f3,#eb3030d1);
  box-shadow: inset 0px 2px 1px 1px rgba(0, 0, 0, 0.3);
    background: #fff;
}

#kmxzysj{
    cursor: pointer;
}
#kmxfysj{
    cursor: pointer;
}
.kkmxzsb{
    background:
linear-gradient(to right, rgba(255, 106, 106,0.8), rgba(255, 106, 106, 0.6));
}
.kkmxzsb1{
    background: rgb(213, 213, 213);
}

.vip_lb{
        color: #D3C7AD;
        /*border-bottom:  4px solid #D3C7AD;*/
    }
    .vip_lb11{
        color: #D3C7AD;
        /*border-bottom:  4px solid #ff3366;*/
    }
            
            input[type="checkbox"] {
                -webkit-appearance: none; 
                -moz-appearance: none;
                appearance: none;
                width: 16px; 
                height: 16px;
                border-radius: 50%;
                border: 1px solid #ccc;
                /*background-color:#a9a5a5;*/
                margin: 3px;
              }
              input[type="checkbox"]:checked {
                background-color: #5196fd; 
              }
            .anys3{
                border: none;
                font-weight: bold;
                cursor: pointer;
                outline: none;
                border-radius: 30px;
                padding: 10px 3em;
                background: linear-gradient(to right,#ff588b,#f92828);
                color: #3f2200;
            }  


.wwd1{
                
                
                height: 4.22rem;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding-left: .8rem;
                font-size: .95rem;
                margin-bottom: .88rem;
                background: #fff;
                width: 9.7rem;
                border-radius: .12rem;
                margin-right: auto;
                font-family: NotoSansHans-Medium,NotoSansHans;
                font-weight: 700;
                color: #4a4a4a;
                border-radius: .29rem;
            }
            .wwd0{
                    margin: 0 auto;
                    overflow: hidden;
                    margin-top: 3.4rem;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    width: 22rem;
                }
                .wwd1 img{
                    margin-right: .8rem;
                    width: 2.48rem;
                    height: 2.48rem;
                }
            .wwd0 .wwd1:nth-child(2n){
                margin-right: 0;
            }
            .grtx0{
                    height: 2.41rem;
                margin: 0 auto;
                width: 22rem;
                background: #fff;
                border-radius: .12rem;
                position: relative;
                margin-top: 3rem;
            }
            .grtx1{
                    position: absolute;
                left: 0;
                right: 0;
                z-index: 1;
                top: -2.1rem;
                width: 4.2rem;
                height: 4.2rem;
                overflow: hidden;
                border-radius: 100%;
                margin: 0 auto;
            }
            .sjhh0{
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                padding-top: 2.69rem;
            }
            .sjhh1{
              font-size: .96rem;
                line-height: 1.75rem;
                height: 1.55rem;
                font-family: PingFangSC-Medium,PingFang SC;
                font-weight: 700;
                color: #4a4a4a;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: pre;
                max-width: 55%;  
            }
            .uid0{
                    font-size: .84rem;
                font-family: PingFangSC-Regular,PingFang SC;
                font-weight: 500;
                color: #9b9b9b;
                margin: 0.2rem 0;
                text-align: center;
            }
            .qhzh0{
                    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: -1.12rem;
    margin: 0 auto;
    width: 8.26rem;
    height: 2.24rem;
    background: -webkit-gradient(linear,right top,left top,from(#fe8376),to(#fa4844));
    background: -o-linear-gradient(right,#fe8376 0,#fa4844 100%);
    background: linear-gradient(
270deg,#ff9f95,#fd6764);
    border-radius: .38rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .87rem;
    font-family: PingFang-SC-Medium,PingFang-SC;
    font-weight: 500;
    color: #fff;
            }
#zybox div img,#zybox div i {
    border-radius: 50%;
    box-shadow: 0px 2px 9px #858585;
    z-index: 2;
    
    background-image:url('../img/szz.png');
    background-size: 100% 100%;
}



#yllb div{
                margin-right:20px;
                cursor: pointer;
                    position: relative;
            }
            .ylbbb{
                color: #F96D6F;
                /*border-bottom: 3px solid #F96D6F;*/
            }
.sqys{
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 3;
    padding: 0.15em 0.7em;
    font-size: 0.55em;
    color: #ffffff;
    background: linear-gradient(to left,#0cffc7,#00a9f9);
    border-radius: 0 10px 0 5px;

}
            



#zywx {
    opacity: 1;
}


.animated-element {

			animation: slide-in 3s ease-in-out infinite;
			animation-delay: 1s;

			background-color: blue;
		}


@keyframes slide-in {

			0%,
			100% {
				transform: translateX(0);
			}

			5% {
				transform: translateX(-30px);
			}

			25%,
			35%,
			45%,
			55% {
				transform: translateX(-5px);
				/* 在动画的一半时，元素向左偏移10像素 */
			}

			20%,
			30%,
			40%,
			50%,
			60% {
				transform: translateX(0);
				/* 在动画的一半时，元素向左偏移10像素 */
			}

		}
.zygn{
    display: flex;flex-direction: column;align-items: flex-start;    padding: .4rem;
    flex-wrap: wrap;
    align-content: flex-start;
    
}
.zygn1{
    display: flex;flex-direction: column;align-items: flex-start; padding: .4rem;    flex-wrap: nowrap;
    align-content: flex-start;
}

.zygn input[type="text"]
,.zygn1 input[type="text"] {
        width: 50%;
        padding: 2px 5px;
        border: 1px solid #ccc;
        border-radius: 5px;
        font-size: 16px;
        outline: none;
            margin: .4rem 0;
    }

 .zygn input[type="text"]:focus
 ,.zygn1  input[type="text"]:focus {
        border-color: #007bff;
        box-shadow: 0 0 5px #007bff;
    }

.zygn1  button{
        background-color: #007bff;
        color: white;
        border: none;
        padding: 5px 20px;
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
    }

    .zygn1  button:hover {
        background-color: #0056b3;
    }

 .zygn2{display: flex;padding: .4rem; }
    
.lbdiv{
    display: flex;
    padding: 10px;
    align-items: center;
    flex-direction: row;
    border-bottom: 2px solid ;
    border-image: linear-gradient(to right, #ebebeb, #ccc, #ebebeb) 1;
}
.lbdiv label{
    font-size: 12.5px;
} 
.zygn4{
     background: linear-gradient(to right,#ff588b,#f92828);
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 20px;
        font-size: 16px;
        cursor: pointer;
}

html{
                -webkit-tap-highlight-color:transparent;
                
            }
            
#zyvip.vip_lb11,
#vip1.vip_lb,
#bq_1.active,
#kmkvip.vip_lb22
{
    background-image: linear-gradient(to right, #4dbac5, #2e4de5);
    color: #ffffff;
    
}
#zyxvip.vip_lb11,
#vip2.vip_lb,
#bq_2.active,
#kmxvip.vip_lb22
{
    background-image: linear-gradient(to right, #c752c9, #7823e1);
    color: #ffffff;
    
}
#zysvip.vip_lb11,
#vip3.vip_lb,
#bq_3.active,
#kmsvip.vip_lb22
{
    background-image: linear-gradient(to right, #aed945e3, #63dd45);
    color: #ffffff;
    
}
.consww{
    flex:1; height:100%;cursor:pointer;position:relative;justify-content: center;padding: 6px 0px;
    border-radius: 7px;font-size: 0.8rem;
}
.sadvvv{
    flex:1;cursor:pointer;position:relative;justify-content: center;padding: 6px 0px;
    border-radius: 7px;font-size: 0.8rem;
}

.gacdgg{
    flex:1;cursor:pointer;position:relative;justify-content: center;padding: 6px 0px;
    border-radius: 7px;font-size: 0.8rem;
}


.bq1_ys{
    background-image: linear-gradient(to right, #4dbac5, #2e4de5);
    -webkit-background-clip: text;
    color: transparent; 
    background-clip: text;
    font-size: 1.4em;
}
.bq2_ys{
    background-image: linear-gradient(to right, #c752c9, #7823e1);
    -webkit-background-clip: text;
    color: transparent; 
    background-clip: text;
    font-size: 1.4em;
}
.bq3_ys{
    background-image: linear-gradient(to right, #aed945e3, #63dd45);
    -webkit-background-clip: text;
    color: transparent;
    background-clip: text;
    font-size: 1.4em;
}

.kanys1{
    border: none;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    border-radius: 20px;
    padding: 0.1em 0.76em;
    font-size: 1.22em;
    background-image: linear-gradient(to right, #4dbac5, #2e4de5);
    color: #3f2200;
}
.xanys1{
    border: none;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    border-radius: 20px;
    padding: 0.1em 0.76em;
    font-size: 1.22em;
    background-image: linear-gradient(to right, #c752c9, #7823e1);
    color: #3f2200;
} 
.sanys1{
    border: none;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    border-radius: 20px;
    padding: 0.1em 0.76em;
    font-size: 1.22em;
    background-image: linear-gradient(to right, #aed945e3, #63dd45);
    color: #3f2200;
} 
.xts_wenzi {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: opacity 1s;
  color: #fff;
  z-index: 22;
  background: #000000bf;
  padding: 5px 12px;
  font-family: serif;
  font-size: 15px;
  border-radius: 5px;
  text-align: center;
  line-height: 1.5;
    letter-spacing: 1.5px;
}