/*  @font-face {
            font-family: 'SourceHanSansCN-Medium';
            src: url('../font/simple-SourceHanSansCN-Medium.ttf');
            
            font-weight: normal;
            font-style: normal;
        }
  @font-face {
            font-family: 'SourceHanSansTWHK-Heavy';
            src: url('../font/OPPOSansH.ttf');
            
            font-weight: normal;
            font-style: normal;
        }
 */


select{
	appearance:none;
	-moz-appearance:none; 
	-webkit-appearance:none;  
	  -webkit-appearance: none;
	  outline: none;
	  border: 0;
	  background-color: transparent;
}

.no_img{pointer-events: none;}

body {
    font-size: 16px;
	font-family: 'SourceHanSansCN-Medium';
	width: 100vw;
	height: 100vh;
	background: #f2f2f2;
	overflow-x: hidden;
	color: #1D1D1D;
}


:root {
  --primary-border:#ccc; /* 或使用hsl(200, 70%, 60%) */
}



body,
dd,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin: 0;
}




@media screen and (max-height: 1280px) {
.zhediep {display: block; }
  
}



@media screen and (min-height: 1680px) {
  .swiper-page9 .p4{bottom: 8vh; }
  .swiper-page9 .p5{bottom: 8vh;}
}



.mainlist .active{
	
	opacity: 0.5;
}




@-webkit-keyframes lx-img1 {
    0% {
        width: 60px;
        position: absolute;
        right:40px;
        top:40px;
    }
    100% {
        width:154px;
        right:750px;
        top:800px;
        opacity: 0;
    }
}
@-webkit-keyframes lx-img2 {
    0% {
        width: 60px;
        position: absolute;
        right:40px;
        top:-140px;
    }
    100% {
        width:164px;
        right:750px;
        top:300px;
        opacity: 0;
    }
}

@-webkit-keyframes lx-img3 {
    0% {
        width: 60px;
        position: absolute;
        right:-140px;
        top:140px;
    }
    100% {
        width:134px;
        right:750px;
        top:1600px;
        opacity: 0;
    }
}

@-webkit-keyframes lx-img4 {
    0% {
        width: 60px;
        position: absolute;
        right:-140px;
        top:-240px;
    }
    100% {
        width:144px;
        right:750px;
        top:1300px;
        opacity: 0;
    }
}


ol,
ul {
    list-style: none;
    padding: 0;
}

img {
    padding: 0;
    margin: 0;
    border: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

.red{color: red;}
.pr {position: relative;}
.pa {position: absolute;}
.pf {position: fixed;}
.db {display: block;}
.dn { display: none;}

 @-webkit-keyframes fd1 {
      0% {
          -webkit-transform: scale3d(.85, .85,.85);
  
      }
      50% {
          -webkit-transform: scale3d(1, 1, 1);
  
      }
      100% {
          -webkit-transform: scale3d(.85, .85,.85);
      }
  
  }
  
  
@-webkit-keyframes jianru2 {
       0% {
  		   opacity: 0;
       }
       50% {
          opacity: 1;
       }
	   100% {
	      opacity: 0;
	   }
   
   }
  
  
  @-webkit-keyframes jianru {
       0% {
		   opacity: 0;
       }
       100% {
          opacity: 1;
       }
   
   }
  

@-webkit-keyframes arown2 {
    0% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
	100% {
	    -webkit-transform: translateX(20px);
	    transform: translateX(20px);
	}
}


@-webkit-keyframes arown {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.arown {position:absolute; width: 100%;text-align: center;bottom: 30px;}
.arown img {-webkit-animation: arown 2s linear infinite;width: 5vw;}
input { text-indent: 0; background: transparent; border: 0 none;resize: none; outline: none;border-radius: 0; -webkit-appearance: none; line-height: normal; }
input::-webkit-input-placeholder {color: var(--primary-border); }


select{border: none;background: none;}

.page,
.page1,
.page2{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	overflow: hidden;
}

.main {
    top: 44vw;
    left: 0;
    padding: 4vw 3vw;
}


.yourElement{
    animate-duration: 5s;    //动画持续时间
    animate-delay: 10s;    //动画延迟时间
    animate-iteration-count: 5;    //动画执行次数
}



@-webkit-keyframes shan {
    0% {
        opacity: 1;

    }
    50% {
      opacity: .2;

    }
    100% {
       opacity: 1;
    }

}


.circle {
				width: 5vw;
				height:  5vw;
			}

.circle1 {
				-webkit-animation: circle 2s linear infinite;
				animation: circle 2s linear infinite;
			}

.circle2 {
				-webkit-animation: circle 2s linear 0.8s infinite;
				animation: circle 2s linear 0.8s infinite;
			}

.circle3 {
				-webkit-animation: circle 2s linear 1.6s infinite;
				/* Safari and Chrome */
				animation: circle 2s linear 1.6s infinite;
			}

.circle1,
.circle2,
.circle3,
.center {
				position: absolute;
				left: 16%;
				top: 18%;

				width: 5vw;
				height:  5vw;
				border-radius: 100px;
				background-color: #fff;
}

@-webkit-keyframes circle {

				from {
					opacity: 1;
					-webkit-transform: scale(0);
				}

				to {
					opacity: 0;
					-webkit-transform: scale(2);
				}
}




.xuanzhuan {
			-webkit-transition-property: -webkit-transform;
			-webkit-transition-duration: 1s;
			-moz-transition-property: -moz-transform;
			-moz-transition-duration: 1s;
			-webkit-animation: rotate 3s linear infinite;
			-moz-animation: rotate 3s linear infinite;
			-o-animation: rotate 3s linear infinite;
			animation: rotate 3s linear infinite;
		}
		
.calendar .days li.active .day-li { 
	
		background: url('../img/daka-back3.png') no-repeat;
		background-size: 100% 100%;
	
}		

@-webkit-keyframes rotate {
			from {
				-webkit-transform: rotate(0deg)
			}
			to {
				-webkit-transform: rotate(360deg)
			}
		}

@-moz-keyframes rotate {
			from {
				-moz-transform: rotate(0deg)
			}

			to {
				-moz-transform: rotate(359deg)
			}
		}

@-o-keyframes rotate {
			from {
				-o-transform: rotate(0deg)
			}

			to {
				-o-transform: rotate(359deg)
			}
		}

@keyframes rotate {
			from {
				transform: rotate(0deg)
			}

			to {
				transform: rotate(359deg)
			}
		}
		

		

/* #container::-webkit-scrollbar {width: 10px;height: 1px;}
.el-upload-list {display: none;}
#container::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #F90;background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%,rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);}
#container::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 10px;background: #EDEDED;}
.swiper {width: 100%;height: 100%;} */
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
  
  










  .index-main{background: #ebeff3;width: 100%;height: 100%;overflow: auto;}
  .index-main-p1{position: relative;width: 100%; text-align: center;padding-top: 0.2rem;}
  .index-main-p2{width: 0.3rem;top: 0.15rem;left: 0.5rem;position: absolute;}
  .index-main-p3{width: 2.6rem;top: 0.5rem;left: 1rem;}
  .index-main-p4{margin-top: 0.4rem !important;width: 1.5rem;display: block;margin: auto;cursor: pointer;}
  .index-main-p5{width: 50%;margin:0 auto 0.2rem auto; background: #fff; padding: 0.2rem; border-bottom-left-radius: 0.1rem;border-bottom-right-radius: 0.1rem; }
.index-main-p6{font-size: 0.1rem;color: #1a86ee;font-weight: bold;margin-bottom: 0.2rem;margin-top: 0; width: 50%; margin:0.2rem auto 0; padding: 0.1rem 0.2rem;  background: url('../img/index-top-title.png');background-size: 100% 100%;}
.index-main-p66{}

.index-main-p7{font-size: 0.1rem;color: #000;margin-bottom: 0.2rem;font-weight: bold;}
.index-main-p8{justify-content: center;width: 100%;}
.index-main-p9{width: 70%;}
.index-main-p10{width: 30%;}
.index-main-p11{text-align: center;}
.index-main-p12{width: 0.5rem;}
.index-main-p13{text-align: center;font-size: 0.2rem;color: #606060;}
.index-main-p14{width: 1rem;border: var(--primary-border) solid 1px;border-radius: 10rem;text-align: center;margin:auto;padding: 0.05rem 0;cursor: pointer;}
	  
  .index-main-p15{width: 50%; margin: auto; text-align: center;padding: 0.3rem 0;}
  .index-main-p15 img{width: 1.5rem;}
  
  
.index-w{width: 90%;margin: auto;}
.index-p1{background: url('../img/index-top.png') no-repeat;background-size: 100%;background-position: bottom;}
.index-p1-top{font-size: 0.36rem;padding: 0.6rem 0 0.1rem 0;}
.index-p1-top2{margin-bottom: 0.24rem;}
 .index-p1-top span{background: #b9a2a5;color: #fff;font-size: 0.22rem;padding: 0.05rem 0.3rem;border-radius: 100px;} 
 .index-p1-ul {background: url('../img/index-top-ul.png');background-size: 100% 100%;border-radius: 0.2rem;padding: 6vw 4vw 6vw 4vw;}
.index-p1-ul li{width: 33.3%;text-align: center;}
.index-p1-ul li .p1{font-size: 0.36rem;color: #995e35;font-weight: bold;margin-bottom: 0.1rem;}
.index-p1-ul li .p2{font-size: 0.24;color: #727272;font-weight: bold;}


.index-p2-main{width: 100%;border: #995e35 solid 1px;border-radius: 0.2rem;}

.index-p2{margin-top: 0.2rem;}


.index-p2-main-bottom-map{}
.index-p2-main-bottom-map li{background: #f6f7f9;margin-bottom: 0.2rem;text-align: center;padding: 0.1rem 0;}
.index-p2-main-bottom-map li .pp1{color: #995e35;font-size: 0.32rem;font-weight: bold;}
.index-p2-main-bottom-map li .pp2{color: #727272;font-size: 0.24rem;}
.index-p2-main-bottom-map .p1{width: 30%;}
.index-p2-main-bottom-map .p2{width: 36%;}
.index-p2-main-bottom-map .p3{width: 30%;}


.index-p3{margin-top: 0.2rem;}

.index-p3-main{width: 100%;border: #995e35 solid 1px;border-radius: 0.2rem;}

.index-p3-main-bottom span{color: #995e35;}

.index-page2{font-size: 0.1rem;}
.index-page2 li {
    background: url(../img/xuan-p1.png);
    background-repeat: no-repeat;
    background-size: 0.1rem;
    padding-left: 0.15rem;
    background-position: 0 0.015rem;
}
.index-page2 li.active{
	
	 background: url(../img/xuan-p2.png);
	    background-repeat: no-repeat;
	    background-size: 0.1rem;
	    padding-left: 0.15rem;
	    background-position: 0 0.015rem;

}

.index-page3{}
.index-page3 li{
	
	background: #e8e8e8 url(../img/aron-p1.png);
	    background-repeat: no-repeat;
	    background-size: 0.1rem;
	    background-position: 0.65rem 0.06rem;
	    margin-top: 0.1rem;
	    margin-bottom: 0.1rem;
	    margin-right: 0.25rem;
	    padding: 0.05rem 0.15rem;
	    border-radius: 0.5rem;
		
		cursor: pointer;
 }
.index-page3 select{font-size: 0.1rem;    width: 0.5rem;cursor: pointer;}

.index-input{ background:#fff; width: 50%;margin: auto;padding-top: 0.2rem; padding: 0.2rem; border-radius: 0.1rem; margin-bottom: 0.2rem; }
.index-input li{
	    border-bottom: var(--primary-border) solid 1px;
	    padding-left: 0.15rem;
	    background: url(../img/xuan-p2.png) no-repeat;
	    background-size: 0.08rem;
	    background-position:0 0.05rem;
	
}
.index-input li input{padding: 0.05rem 0;font-size: 0.08rem;width: 100%;}


.index-data{width: 100%;margin: auto;}
.index-data li{border-top: var(--primary-border) solid 1px;padding: 0.2rem 0;font-size: 0.1rem;}
.index-data li .index-data-div{padding-left: 0.2rem !important;padding: 0.1rem 0;color: #606060;}

.index-data li .index-data-div-p1{background: url('../img/icon1.png') no-repeat;background-size: 0.12rem;background-position:0 0.1rem;}
.index-data li .index-data-div-p2{background: url('../img/icon3.png') no-repeat;background-size: 0.12rem;background-position:0 0.1rem;}
.index-data li .index-data-div-p3{background: url('../img/icon4.png') no-repeat;background-size: 0.12rem;background-position:0 0.1rem;}


.index-main2{background: #ebeff3;width: 100%;height: 100%;}
.index-main2-p1{width: 100%;background: url('../img/back.png') no-repeat;background-size: 100%;}
.index-main2-p2{width: 90%;margin: auto;padding-top: 0.5rem;}
.index-main2-p3{color: #fff;font-size: 0.35rem;font-weight: bold;}
.index-main2-p4{width: 100%;height: 3rem;}
.index-main2-p5{width: 90%;background: #fff; margin: auto;border-radius: 0.2rem;}
.index-main2-p6{width: 100%;text-align: center;}
.index-main2-p7{width: 90%;margin: auto;border-top: var(--primary-border) solid 0.01rem;padding-top: 0.5rem;padding-bottom: 0.5rem;}
.index-main2-p7 li{font-size: 0.35rem;padding: 0.2rem 0;color: #606060;align-items: start;}
.index-main2-p7 li strong{display: block;width: 28%;}
.index-main2-p7 li span{display: block;width: 72%;}
.index-main2-p7 li span.uu1{width: 40%;font-weight: bold;}
.index-main2-p7 li span.uu2{width: 60%;}



@media only screen and (max-width: 991px) {	
	
	
	
	
	
	
	.index-main-p15{width: 100%;padding: 0.5rem 0;}
	
	
	  .index-main{background: #ebeff3;width: 100%;height: 100%;overflow: auto;}
	  .index-main-p1{position: relative;width: 100%; text-align: center;padding-top: 0.5rem;}
	  .index-main-p2{width: 1rem;top: 0.5rem;left: 0.5rem;position: absolute;}
	  .index-main-p3{width: 100%;top: 0rem;left: 1rem;}
	  .index-main-p4{margin-top: 0.4rem;width: 100%;}
	  .index-main-p5{width: 90%; border-bottom-left-radius: 0.2rem;border-bottom-right-radius: 0.2rem; }
	.index-main-p6{ width: 90%; font-size: 0.35rem;color: #1a86ee;font-weight: bold;margin-bottom: 0;margin-top: 0;}
	.index-main-p7{font-size: 0.35rem;color: #000;margin-bottom: 0.2rem;font-weight: bold;}
	.index-main-p8{justify-content: center;width: 100%;}
	.index-main-p9{width: 70%;}
	.index-main-p10{width: 30%;}
	.index-main-p11{text-align: center;}
	.index-main-p12{width: 1rem;}
	.index-main-p13{text-align: center;font-size: 0.3rem;color: #606060;}
	.index-main-p14{width: 2rem; font-size: 0.25rem; border: var(--primary-border) solid 1px;border-radius: 10rem;text-align: center;margin:auto; margin-top: 0.5rem; padding: 0.1rem 0;}
		  
	  .index-main-p15{width: 100%;text-align: center;padding: 0.3rem 0;}
	  .index-main-p15 img{width: 4rem;}
	  
	  
	.index-w{width: 90%;margin: auto;}
	.index-p1{background: url('../img/index-top.png') no-repeat;background-size: 100%;background-position: bottom;}
	.index-p1-top{font-size: 0.36rem;padding: 0.6rem 0 0.1rem 0;}
	.index-p1-top2{margin-bottom: 0.24rem;}
	 .index-p1-top span{background: #b9a2a5;color: #fff;font-size: 0.22rem;padding: 0.05rem 0.3rem;border-radius: 100px;} 
	 .index-p1-ul {background: url('../img/index-top-ul.png');background-size: 100% 100%;border-radius: 0.2rem;padding: 6vw 4vw 6vw 4vw;}
	.index-p1-ul li{width: 33.3%;text-align: center;}
	.index-p1-ul li .p1{font-size: 0.36rem;color: #995e35;font-weight: bold;margin-bottom: 0.1rem;}
	.index-p1-ul li .p2{font-size: 0.24;color: #727272;font-weight: bold;}
	
	
	.index-p2-main{width: 100%;border: #995e35 solid 1px;border-radius: 0.2rem;}
	
	.index-p2{margin-top: 0.2rem;}
	
	
	.index-p2-main-bottom-map{}
	.index-p2-main-bottom-map li{background: #f6f7f9;margin-bottom: 0.2rem;text-align: center;padding: 0.1rem 0;}
	.index-p2-main-bottom-map li .pp1{color: #995e35;font-size: 0.32rem;font-weight: bold;}
	.index-p2-main-bottom-map li .pp2{color: #727272;font-size: 0.24rem;}
	.index-p2-main-bottom-map .p1{width: 30%;}
	.index-p2-main-bottom-map .p2{width: 36%;}
	.index-p2-main-bottom-map .p3{width: 30%;}
	
	
	.index-p3{margin-top: 0.2rem;}
	
	.index-p3-main{width: 100%;border: #995e35 solid 1px;border-radius: 0.2rem;}
	
	.index-p3-main-bottom span{color: #995e35;}
	
	.index-page2{font-size: 0.3rem;}
	.index-page2 li {
	    background: url(../img/xuan-p1.png);
	    background-repeat: no-repeat;
	    background-size: 0.3rem;
	    padding-left: 0.35rem;
	    background-position: 0 0.07rem;
	}
	.index-page2 li.active{
		
		 background: url(../img/xuan-p2.png);
		    background-repeat: no-repeat;
		    background-size: 0.3rem;
		    padding-left: 0.35rem;
		    background-position: 0 0.07rem;
	
	}
	
	.index-page3{}
	.index-page3 li{
		
		background:#e8e8e8 url('../img/aron-p1.png');
		background-repeat: no-repeat;
		background-size: 0.3rem;
		background-position:1.85rem 0.15rem;
		margin-top: 0.2rem;
		 margin-bottom: 0.2rem;
		 margin-right: 0.5rem;
	 padding: 0.1rem 0.3rem;
	 border-radius: 0.5rem;
	 }
	.index-page3 select{font-size: 0.25rem; line-height: 0.3rem; display: block;  height: 0.4rem;    width: 1.8rem;}
	
	.index-input{width: 90%;margin: auto;padding-top: 0.2rem; margin-bottom: 0.2rem; border-radius: 0.2rem; }
	.index-input li{
		    border-bottom: var(--primary-border) solid 1px;
		    padding-left: 0.6rem;
		    background: url(../img/xuan-p2.png) no-repeat;
		    background-size: 0.30rem;
		    background-position: 0.06rem;
		
	}
	.index-input li input{padding: 0.2rem 0;font-size: 0.25rem;width: 100%;}
	
	
	.index-data{width: 100%;margin: auto;padding-top: 0.2rem;}
	.index-data li{border-top: var(--primary-border) solid 1px;padding: 0.2rem 0;font-size: 0.25rem;}
	.index-data li .index-data-div{padding-left: 0.4rem !important;padding: 0.1rem 0;color: #606060;}
	
	.index-data li .index-data-div-p1{background: url('../img/icon1.png') no-repeat;background-size: 0.3rem;background-position:0 0.16rem;}
	.index-data li .index-data-div-p2{background: url('../img/icon3.png') no-repeat;background-size: 0.3rem;background-position:0 0.16rem;}
	.index-data li .index-data-div-p3{background: url('../img/icon4.png') no-repeat;background-size: 0.3rem;background-position:0 0.16rem;}
	
	
	
	
	
	
}