*{	margin: 0;
	padding: 0;
}
html,body{
	height:100%;
	overflow:hidden;
}
::-webkit-scrollbar{
  width: 5px;
  height: 5px;
  border-radius:20px;
  background:rgba(255,255,255,0.3);
}
::-webkit-scrollbar-track {
  border-radius: 20px;
  background-color:#F5F5F5;
}

::-webkit-scrollbar-thumb{
  border-radius: 20px;
  background-color:#c8c8c8;
}

.swiper-container {
	width: 100%;
    height: 100%;
}  
.swiper-slide{
	width:100%;
	height:100%;
}
.pics{width:100%;height:auto;display:block;}
.typeBox{width:90%;margin:20px auto 0 auto;}

/*H5*/
.page{background-size:100% 100%;position:relative;}

.page01{background:#c33936;}
.page01 .topBox{}
.page01 .cenBox{margin-top:1rem;}
.page01 .footBox{position:absolute;left:0px;bottom:0px;width:100%;height:auto;z-index:88;}
.page01 .rightBox{position:absolute;right:15px;bottom:27%;width:12%;height:auto;z-index:99;}

.page02{background:#c33936;}
.page02 .topBox{padding:1.5rem 0 0.5rem 0;}
.page02 .topBox img{width:50%;margin:0px auto;}
.page02 .cenBox{width:90%;margin:0px auto;position:relative;z-index:99;}
.page02 .cenBox .titBox{color:#fff;padding:0.8rem 0;font-size:1.6rem;border-bottom:#fcddb0 5px solid;}
.page02 .cenBox .txtBox{height:38vh;overflow:hidden;overflow-y:auto;color:#fff;margin-top:1rem;line-height:1.6rem;}
.page02 .footBox{position:absolute;left:0px;bottom:0px;width:100%;height:auto;z-index:88;}


.page03{background:#fff;}
.page03 .topBox{padding:1.5rem 0 0.5rem 0;}
.page03 .topBox img{width:60%;margin:0px auto;}
.page03 .cenBox{width:90%;margin:0px auto;position:relative;z-index:99;}
.page03 .cenBox .txtBox{height:38vh;overflow:hidden;overflow-y:auto;color:#333;margin-top:1rem;line-height:1.6rem;}
.page03 .cenBox .picBox{padding:0.5rem 0;} 
.page03 .cenBox .picBox img{border-radius:8px;}
.page03 .footBox{position:absolute;left:0px;bottom:0px;width:100%;height:auto;z-index:88;}


.page04{background:#c33936;}
.page04 .picBox{position:absolute;left:0px;bottom:0px;width:auto;height:95%;top:2%;z-index:9;display:flex;align-items:center;justify-content:center;} 
.page04 .picBox img{width:75%;}
.page04 .bgBox{position:absolute;left:0px;bottom:0px;width:auto;height:95%;top:2%;z-index:1;max-width:100%;} 
.page04 .bgBox img{width:auto;height:100%;max-width:100%;}

.page05{background:#fff;}
.page05 .cenBox{position:relative;z-index:999;}
.page05 .footBox{position:absolute;left:0px;bottom:0px;width:100%;height:auto;z-index:88;}

.page10{background:#c33936;}
.page10 .typeBox{width:100%;margin:0px auto;}
.page10 .teacherBox{width:94%;margin:20px auto 0 auto;color:#fff;height:calc(100vh - 400px);overflow:hidden;overflow-y:auto;padding:20px 0;}
.page10 .teacherBox dl{margin-bottom:10px;}
.page10 .teacherBox dt{font-size:1.2rem;font-weight:bold;}
.page10 .teacherBox dd{font-size:0.8rem;line-height:1.2rem;padding-right:10px;}

.page11{background:#fff;}
.page11 .topBox{padding:1rem 0;}
.page11 .topBox img{width:60%;margin:0px auto;}
.page11 .cenBox img{width:90%;margin:0px auto;}
.page11 .footBox{position:absolute;left:0px;bottom:0px;width:100%;height:auto;z-index:88;}

.page12{background:#c33936;}
.page12 .bgBox{position:absolute;left:0px;bottom:0px;width:100%;height:90%;top:5%;z-index:1;text-align:center;max-width:100%;} 
.page12 .bgBox img{width:auto;height:100%;margin:0px auto;max-width:100%;}
.page12 .videoBox{position:absolute;left:0px;bottom:0px;width:auto;height:80%;top:14%;z-index:9;display:flex;align-items:center;justify-content:center;}
.page12 #myvideo{width:80%;height:85%;}

.page13{background:#c33936;}
.page13 .contBox{position:absolute;left:0px;bottom:0px;width:100%;top:10%;z-index:9;display:flex;align-items:flex-start;justify-content:center;flex-wrap: wrap;}
.page13 .contBox .formBox{width:80%;margin:0px auto;}

.page13 .contBox .formBox .formtit{display:flex;align-items:center;justify-content:center;color:#c33936;}
.page13 .contBox .formBox .formtit dl{font-size:1.8rem;font-weight:bold;}
.page13 .contBox .formBox .formtit::after{content:'';width:3.2rem;height:1.2rem;background:url(../images/titBg.jpg) no-repeat;background-size:100% 100%;overflow:hidden;margin:0px 10px;}
.page13 .contBox .formBox .formtit::before{content:'';width:3.2rem;height:1.2rem;background:url(../images/titBg.jpg) no-repeat;background-size:100% 100%;overflow:hidden;margin:0px 10px;}

.page13 .contBox .formBox .itemBox{margin:2rem auto;}
.page13 .contBox .formBox .itemBox li{height:3rem;background:#f5f5f5;border-radius:4px;margin-bottom:1rem;display:flex;align-items:center;border:1px #eee solid;}
.page13 .contBox .formBox .itemBox li p{width:2rem;height:1.5rem;margin:0 0.5rem;position:relative;}
.page13 .contBox .formBox .itemBox li p.user{background: url(../images/user_ico.png) no-repeat center center;background-size:auto 100%;}
.page13 .contBox .formBox .itemBox li p.phone{background: url(../images/phone_ico.png) no-repeat center center;background-size:auto 100%;}
.page13 .contBox .formBox .itemBox li p::after{content:'';width:1px;height:80%;background:#c1c1c1;overflow:hidden;position:absolute;top:10%;right:-0.5rem;}
.page13 .contBox .formBox .itemBox li .put{height:2rem;line-height:2rem;width:100%;flex:1;border:none;margin:0 1rem;background:none;font-size:1rem;}
.page13 .contBox .formBox .btnBox{height:3rem;line-height:3rem;background:#f6251b;color:#fff;font-size:1rem;text-align:center;border-radius:30px;cursor:pointer;background-image:linear-gradient(to right, #c33936, #c33936);}


.page13 .contBox .adsBox{width:80%;margin:0px auto;}
.page13 .contBox .adsBox dt{font-size:1.2rem;font-weight:bold;color:#c33936;}
.page13 .contBox .adsBox dd{margin:10px 0;}
.page13 .contBox .adsBox a{height:3rem;line-height:3rem;background:#f6251b;color:#fff;font-size:1rem;text-align:center;border-radius:30px;cursor:pointer;background-image:linear-gradient(to right, #c33936, #c33936);display:block;border:none;width:100%;margin-top:20px;}

.page13 .bgBox{position:absolute;left:0px;bottom:0px;width:auto;height:95%;top:2%;z-index:1;max-width:100%;} 
.page13 .bgBox img{width:auto;height:100%;max-width:100%;}

/*loading*/
.loader{width:60px;height:60px;position:absolute;left:50%;margin-left:-30px;top:50%;margin-top:-30px;}


.tipModal{background:rgba(0,0,0,0.8);padding:20px;border-radius:20px;color:#fff;text-align:center;max-width:80%;line-height:30px;position: fixed;z-index:9999999999999;left:50%;top:50%;margin-top:-35px;display: none;}

@keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); 
	 }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.7; 
	}
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; 
	} 
}

.ball-grid-pulse {
  width: 57px; 
 }
  .ball-grid-pulse > div:nth-child(1) {
    -webkit-animation-delay: -0.06s;
            animation-delay: -0.06s;
    -webkit-animation-duration: 0.72s;
            animation-duration: 0.72s; 
}
  .ball-grid-pulse > div:nth-child(2) {
    -webkit-animation-delay: 0.25s;
            animation-delay: 0.25s;
    -webkit-animation-duration: 1.02s;
            animation-duration: 1.02s; 
}
  .ball-grid-pulse > div:nth-child(3) {
    -webkit-animation-delay: -0.17s;
            animation-delay: -0.17s;
    -webkit-animation-duration: 1.28s;
            animation-duration: 1.28s; 
}
  .ball-grid-pulse > div:nth-child(4) {
    -webkit-animation-delay: 0.48s;
            animation-delay: 0.48s;
    -webkit-animation-duration: 1.42s;
            animation-duration: 1.42s;
}
  .ball-grid-pulse > div:nth-child(5) {
    -webkit-animation-delay: 0.31s;
            animation-delay: 0.31s;
    -webkit-animation-duration: 1.45s;
            animation-duration: 1.45s; 
}
  .ball-grid-pulse > div:nth-child(6) {
    -webkit-animation-delay: 0.03s;
            animation-delay: 0.03s;
    -webkit-animation-duration: 1.18s;
            animation-duration: 1.18s; 
}
  .ball-grid-pulse > div:nth-child(7) {
    -webkit-animation-delay: 0.46s;
            animation-delay: 0.46s;
    -webkit-animation-duration: 0.87s;
            animation-duration: 0.87s; 
}
  .ball-grid-pulse > div:nth-child(8) {
    -webkit-animation-delay: 0.78s;
            animation-delay: 0.78s;
    -webkit-animation-duration: 1.45s;
            animation-duration: 1.45s; 
}
  .ball-grid-pulse > div:nth-child(9) {
    -webkit-animation-delay: 0.45s;
            animation-delay: 0.45s;
    -webkit-animation-duration: 1.06s;
            animation-duration: 1.06s; 
}

.ball-grid-pulse > div {
    background:#fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    display: inline-block;
    float: left;
    -webkit-animation-name: ball-grid-pulse;
            animation-name: ball-grid-pulse;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
            animation-delay: 0; 
}

/*loading*/


/*上翻*/
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}
.arrow-up{
	display:block;
	height:auto;
	width:25px;
	position:absolute;
	left:50%;
	top:92%;
	margin-left:-12px;
	z-index:999;
	-webkit-animation:start 1.5s infinite ease-in-out;
}
/*上翻*/


/*音乐*/
.music{
    position:fixed;
    right: 20px;
    top: 20px;
    z-index: 9999;
	width:50px; cursor:pointer;
}
.open{
    -webkit-animation: moveRo linear 3.5s  infinite;
    animation-delay:0;
}
.icon-music{
    width:50px;
    height:50px;
    background: url(../images/icon-muisc.png);
    background-size: 100% 100%;
    display: block;
}
.music-span{
    position: absolute;
    top: -5px;
    left: 6px;
    width: 15px;
    height: 25px;
    background: url(../images/music-span.png);
    background-size: 100% 100%;
    -webkit-animation: openIconRo ease 1.2s both infinite;
    animation: openIconRo ease 1.2s both infinite;
}

@-webkit-keyframes moveRo {
    from {-webkit-transform: rotate(360deg);  }
    to { -webkit-transform: rotate(-360deg); }
}
@keyframes moveRo {
    from {  transform: rotate(-360deg)}
    to {  transform: rotate(360deg); }
}
/*小音符动画*/

@-webkit-keyframes openIconRo {
    0% { -webkit-transform: translateY(100%); opacity:0;}
    50% { -webkit-transform: translateY(0%); opacity:1;}
    100% { -webkit-transform: translateY(-100%); opacity:0;}
}
@keyframes openIconRo {
    0% { -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity:0;
    }
    50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
    100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity:0;}
}

.music_text{
    color: #000;
    margin-left: 5px;
    font-size: 20px;
    opacity: 0;
}

@keyframes show_hide{
    from{
        opacity: 0;
    }to{
         opacity: 1;
    }
}
@-webkit-keyframes show_hide{
    from{
        opacity: 0;
    }to{
         opacity: 1;
    }
}
/*音乐*/



/*禁止横屏*/
.mask{width:100%;height:100%;background:#666;}
.mask-box{width:300px;height:250px;position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-119px}
.mask-pic{width:195px;height:195px;margin:0 auto;text-align:center}
.mask span{font-size:16px;display:block;color:#fff;text-align:center;height:28px;padding-top:10px}
.mask i{width:100px;height:165px;background:url(../images/iphone.png) no-repeat;background-size:100px 165px;display:block;margin:0 auto;-webkit-animation:maskAni 1.5s ease infinite alternate;animation:maskAni 1.5s ease infinite alternate}
@-webkit-keyframes maskAni{
	0%,30%{-webkit-transform:rotate(-90deg)}
	100%,70%{-webkit-transform:rotate(0)}
}

@media screen and (orientation: portrait) {
   /*竖屏 css*/
   .mask{display:none;}
} 
@media screen and (orientation: landscape) {
   /*横屏 css*/
   .container{display:none;}
   .music{display:none;}
   .arrow-up{display:none;}
}
/*禁止横屏*/