body{margin:0 auto;font-family: Arial,Helvetica,Verdana,sans-serif;background-color: #b02930;}
.cl{clear: both;}
.fl{float:left;}
.fc{float: center;}
.fr{float: right;}
.container-900{max-width: 900px;margin:0 auto;}
.banner{width:100%;}
.banner-all{width:1200px;margin:0 auto;}
.banner-all-img{width:200px;margin-top: 40px;display: block;}
.banner-all-img img{width:100%;}
.logo-t{width:8rem;}
.wenzi1{display: block;width:500px;margin:0 auto;}
.wenzi2{display: block;width:150px;margin:0 auto;}
.wenzi3{display: block;width:454px;margin:0 auto;}
.bgxl{display: block;width:850px;margin:0 auto;}
.xuedui{display:block;width:100%;margin-top: -59px;}
.banner-all-img1{margin-top: 20px;display: block;margin-left: 20px;}

.wenzi11{display: block;margin:0 auto;width:70%;}
.wenzi21{display: block;margin:0 auto;}
.wenzi31{display: block;margin:0 auto;width:70%;}
.bgxl1{display: block;margin:0 auto;width:85%;}
.xuedui1{width:100%;display:block;margin-top: -50px;}

.all{padding:20px;}
.center-tit{text-align: left;}
.center-tit-font1{color:#fff;font-size: 20px;}
.center-tit-font11{color:#fff;font-size: 0.8rem;}
.center-tit-span1{color:#feb253;font-size: 34px;font-weight: bold;}
.center-tit-span2{color:#feb253;font-size: 20px;}
.center-tit-span22{color:#feb253;font-size: 1.2rem;}
.site__title {
        color: #f35626;
        background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation: hue 10s infinite linear;
      }
    @-webkit-keyframes hue {
        from {
          -webkit-filter: hue-rotate(0deg);
        }
        to {
          -webkit-filter: hue-rotate(-360deg);
        }
      }
.site__title2{background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(166, 4, 249)), to(rgb(251, 223, 11)));
  /*必需加前缀 -webkit- 才支持这个text值 */
  -webkit-background-clip: text;
  /*text-fill-color会覆盖color所定义的字体颜色： */
  -webkit-text-fill-color: transparent;}
.masked{
      text-align: center;
      background-image: -webkit-linear-gradient(left, #147B96, #E6D205 25%, #147B96 50%, #E6D205 75%, #147B96);
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-background-size: 200% 100%;
      -webkit-animation: masked-animation 4s infinite linear;
    }
  @-webkit-keyframes masked-animation {
       0%{ background-position: 0 0;}
       100% { background-position: -100% 0;}
  }
.slideShine{
   background:#871317 -webkit-linear-gradient(left,#561214,#febaf7 50%,#ff0 90%,#561214) no-repeat 0 0;
   background-size:20% 100%; 
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-size: 36px;
   text-align: center;
   font-weight: bold;
   text-decoration: underline;
}
.slideShine {-webkit-animation: slideShine 4s linear infinite;animation: slideShine 4s linear infinite;}

@-webkit-keyframes slideShine {
   0% {
        background-position: 0 0;
      }
   100% {
        background-position: 100% 100%;
    }
}
@keyframes slideShine {
    0% {background-position: 0 0; }
   100% {background-position: 100% 100%; }
}
@keyframes blink{
  0%{opacity: 1;}
  50%{opacity: 1;}
  50.01%{opacity: 0;} /* 注意这里定义50.01%立刻透明度为０，可以设置闪烁效果 */
  100%{opacity: 0;} 
}

/* 添加兼容性前缀 */

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

/* 定义blink类*/
.blink{
    animation: blink .75s linear infinite;  
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    color: #dd4814;
}

@-webkit-keyframes shake {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    
    100% { opacity: 1; }
}

@-moz-keyframes shake {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    
    100% { opacity: 1; }
}

@-ms-keyframes shake {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    
    100% { opacity: 1; }
}

@-o-keyframes shake {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    
    100% { opacity: 1; }
}
.shake{-webkit-animation:shake 2s infinite;animation:shake 2s infinite;}


.center-tit-span2:hover{color:#feb253;}
.ss{width:136px;height:54px;}
.ss1{width:5.36rem;}
.center-ss-left{text-align: center;}
.ss-span{color:#fff;font-size: 16px;white-space:nowrap;}
.ss-span1{color:#fff;font-size: 0.8rem;}
.oldman{width:200px;}
.oldman1{width:5rem;margin-top: 2rem;margin-left:-16px;}
.center-tit-span3{font-size: 22px;}
.center-tit-span33{font-size: 0.8rem;}
.center-ss-right{text-align: center;}
.liwu1{width:80px;}
.liwu11{width:3.5rem;}
.liwu2{width:100px;}
.liwu22{width:5rem;}
.liwu1-a-tit1{width:10rem;height:2rem;font-size: 0.5rem;z-index: 1;background-size: cover;margin-left:-20px;line-height: 2rem;}

#demo{animation-duration:3s;animation-delay:2s;animation-iteration-count:2;}
.bobbing{animation:bobbing 6000ms ease-in-out infinite alternate;}
@keyframes bobbing {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-15px); }
  100% {
    transform: translateY(0); } }
.pulse{transform: scale(1);animation: pulse 2600ms ease-in-out infinite alternate; }}

@keyframes pulse {
  from {
    transform: scale(1); }
  to {
    transform: scale(4.5); } }
.cake{animation:move 3s 0s infinite;-webkit-animation:move 3s 0s infinite;transform-origin:bottom;-webkit-transform-origin:bottom;}

    @keyframes move
    {
    	0%, 65%{ 
    	  -webkit-transform:rotate(0deg);
    	  transform:rotate(0deg);
    	}
    	70% {  
    	  -webkit-transform:rotate(6deg);
    	  transform:rotate(6deg);
    	}
    	75% {  
    	  -webkit-transform:rotate(-6deg);
    	  transform:rotate(-6deg);
    	}
    	80% {  
    	  -webkit-transform:rotate(6deg);
    	  transform:rotate(6deg);
    	}
    	85% {  
    	  -webkit-transform:rotate(-6deg);
    	  transform:rotate(-6deg);
    	}
    	90% {  
    	  -webkit-transform:rotate(6deg);
    	  transform:rotate(6deg);
    	}
    	95% {  
    	  -webkit-transform:rotate(-6deg);
    	  transform:rotate(-6deg);
    	}
    	100% {  
    	  -webkit-transform:rotate(0deg);
    	  transform:rotate(0deg);
    	}
    }

    @-webkit-keyframes move
    {
    	0%, 65%{ 
    	  -webkit-transform:rotate(0deg);
    	  transform:rotate(0deg);
    	}
    	70% {  
    	  -webkit-transform:rotate(6deg);
    	  transform:rotate(6deg);
    	}
    	75% {  
    	  -webkit-transform:rotate(-6deg);
    	  transform:rotate(-6deg);
    	}
    	80% {  
    	  -webkit-transform:rotate(6deg);
    	  transform:rotate(6deg);
    	}
    	85% {  
    	  -webkit-transform:rotate(-6deg);
    	  transform:rotate(-6deg);
    	}
    	90% {  
    	  -webkit-transform:rotate(6deg);
    	  transform:rotate(6deg);
    	}
    	95% {  
    	  -webkit-transform:rotate(-6deg);
    	  transform:rotate(-6deg);
    	}
    	100% {  
    	  -webkit-transform:rotate(0deg);
    	  transform:rotate(0deg);
    	}
    }
.toShow {
    /*position: absolute;*/
    animation: toShow 1.5s 0.5s;
    animation: toShow 1.5s 0.5s;
    animation-fill-mode: both !important;
    -webkit-animation-fill-mode: both !important;
}


@keyframes toShow {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes toShow {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.tt{-webkit-animation:gogogo 5s infinite linear;}
@-webkit-keyframes gogogo {
    0% {
    	-webkit-transform:rotate(-15deg);

    }
    50%{
		-webkit-transform:rotate(15deg);
		/*background: black;*/

    }
    /*100% {
    	-webkit-transform:rotate(360deg);
		background: white;
		border:5px solid red;
    }*/
}

.oldman-x{animation:toLeft 10s infinite linear;-webkit-animation:toLeft 10s infinite linear;}
@keyframes toLeft {
	0% {
		transform: translateX(0rem);
	}
	50% {
		transform: translateX(10rem);
	}
	to {
		transform: translateX(0rem);
	}
}

@-webkit-keyframes toLeft {
	0% {
		-webkit-transform: translateX(0rem);
	}
	50% {
		-webkit-transform: translateX(10rem);
	}
	to {
		-webkit-transform: translateX(0rem);
	}
}

.hand{-webkit-animation: scaleDraw 5s ease-in-out infinite;}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{
                transform: scale(1);  /*开始为原始大小*/
            }
            25%{
                transform: scale(1.5); /*放大1.1倍*/
            }
            50%{
                transform: scale(1);
            }
            75%{
                transform: scale(1.5);
            }
        }



.liwu1-a{color:#fff;font-size: 16px;font-weight: bold;display: block;width:308px;height:30px;position: relative;line-height: 30px;margin:0 auto;}
.liwu1-a1{color:#fff;font-size: 16px;font-weight: bold;display: block;width:100%;height:2rem;position: relative;margin:0 auto;}
.anniu11{position: absolute;bottom:0;left:0;width:8rem;height:2rem;z-index: 0;}
.timg{position: absolute;bottom:-40px;right:0;}
.click{position: absolute;bottom:0%;right:5%;z-index: 3;}
.liwu-a:hover{color:#fff;}
.anniu{position: absolute;top:0;left:0;width:308px;height:55px;z-index: -1;}
.price{color:#feb253;font-weight: bold;font-size: 34px;text-align: center;}
.price1{color:#feb253;font-weight: bold;font-size: 1.2rem;text-align: center;}
.package{background-color: #2c6b48;border:4px solid #fedc9f;border-radius: 15px;margin:0.2rem;}
.note-tit{font-weight: bold;color:#feb253;}
.note-p{color:#fff;}
.note-p1{color:#fff;font-size: 2rem;}
.shop{width:90%;text-align: center;}
.hongxian3{height:4px;width:80%;text-align: center;background-color: #f00;position: absolute;background-color: #f00;bottom:8%;}
.hongxian1{height:4px;width:30%;text-align: center;background-color: #f00;position: absolute;background-color: #f00;bottom:10%;left:30%;}
.hongxian2{height:4px;width:60%;text-align: center;background-color: #f00;position: absolute;background-color: #f00;bottom:9%;left:15%;}
.font2{color:#fff;}
.font2:hover{color:#EB6333;}


.snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100001;}
.santaClaus{position: fixed;bottom:20%;right:4%;width:240px;height:240px;z-index: 99999;}
.santaClaus img{width:100%;}
.closeeee{background: url("images/closesanjiao.png")  no-repeat center center;}
.music_box{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 98;
    
}
.music_box_sj{
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 98;
    
}
.m_on{
	animation: 1s rotateAni infinite linear;
    -webkit-animation: 1s rotateAni infinite linear;
}
.music_box .music_on{
	display: block;
}
.music_box .music_off{
	display: none;
}
.m_off .music_on{
	display: none;
}
.m_off .music_off{
	display: block;
}
@keyframes rotateAni{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
@-webkit-keyframes rotateAni{
	from{
		-webkit-transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
	}
}
.music_box img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}