body{position: relative;background:#88b065;font-family: 'Verdana', 'Microsoft YaHei', 'PingFang SC', FZYaSong-B-GBK, 'Microsoft YaHei', SimSun;}
html,body{ height: 100%; scroll-behavior: smooth; }
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
@keyframes bigSmall {
	0% {
        transform: scale(0.3);
		opacity: 0;
    }
    100% {
        transform: scale(1.2) ;
		opacity: 1;
    }
}
@keyframes swing {
	 0% {
        transform: rotate(-15deg);
    }
	20% {
        transform: rotate(0deg);
    }
    40% {
        transform: rotate(0deg);
    } 
	80% {
        transform: rotate(0deg);
    }
	100% {
        transform: rotate(15deg);
    }
}
@keyframes ring {
    0% {
        transform: scale(1);
    }

    10%,
    20% {
        transform: scale(0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        transform: scale(1) rotate(0);
    }
}
.top-header{ width: 100%;padding:0 ; position: relative; display: table; }
.top-header h3{ font-size: 1.6em; padding: 1em; margin: 0 30%;   white-space: nowrap; text-align: center; overflow: hidden; text-overflow: ellipsis; display: block; color: #fff; font-weight: normal; display: table-cell;}
/*
.top-header a:first-child{width: 14%; display: table-cell;  padding:0 4%;vertical-align: middle;}
.top-header a:last-child{ width: 14%; display:table-cell;padding:0 4%; vertical-align: middle;}
*/
.top-header img{ width: 100%;  display: block;} 
.top-header .record{ position: absolute; right: 1rem;top:1rem; display: block;  height: 2rem; padding: 0 10px; font-size:1rem;font-weight:200;color:#30b97a; line-height: 2rem; text-align: center; border-radius: 2rem;    background:#11643f;} 
.top-header .subTitle{ position: absolute; left: 20%;bottom: .5rem; width: 60%; height: 6rem;  background:url(../images/subTitle01.png) no-repeat; background-size:contain;} 
.top-header .detail {position: absolute;right:30%;top:33.5%; display: block; width: 30%; height:6rem;background: url(../images/detail.png) center no-repeat; background-size: contain; z-index: 555;}

.header{position: relative;z-index:10;overflow: hidden;height:3.425em;margin-bottom: 10px; background: #78b5ff;}
.header h1 {font-size:1.225rem;font-weight:200;padding:0 ;color:#fff;line-height:150%; text-align:center;}
.header h1 .go-back{position: absolute;left:10px;top:20%;display:block;font-size:2rem;font-weight:200;color:#fff;}
.header h1 img{display:block; width:60%;}
.wrapper{clear: both;   margin: 0 auto; background:#88b065;}
 

.g-box{clear: both;  width:100%;  margin:0 auto ; padding-bottom: 2rem; }
.g-box img{display: block; width: 100%;height:auto;}
.g-box .con{clear: both; width: 25.5rem;  height:24rem; overflow: hidden;margin:0 auto; padding:1rem  2px; position: relative; }
.g-box .con::before{content: " ";display: block; width: 100%;  height:100%;  position: absolute;background: url(../images/picBg.png) no-repeat;background-size: contain; }
.g-box .con .lk{display: block; width: 4rem;  height:4rem; margin-left: -2rem; position: absolute;left: 50%; top:11rem; background: url(../images/play.png) no-repeat; background-size: contain;}
.g-box .con .btn{display: block; width: 17rem;  height:4rem; margin-left: -8.5rem; position: absolute;left: 50%; bottom:5.6rem;}
.g-box .con img{ width: 84%;  height:auto; border-radius: 6px; margin: 5rem auto 0 auto;}
.g-box .con h3 { position: absolute;left: 5.5rem; top:2.0rem; width: 15.2rem; height:3rem; overflow: hidden; display: flex;align-items: center; text-align: center;}
.g-box .con h3 span{ font-size: 1.3rem; line-height:1.5rem;color: #fff;margin: 0 auto; }
.g-box .cover {position: absolute;left:4.8%;top:0; width: 90%; height:100%;background: url(../images/lock.png) center no-repeat rgba(0,0,0,0.5); background-size: 80%; z-index: 888;}

 

.g-block{clear: both;  width:90%; overflow: hidden;  margin:2rem auto 0 auto ; padding: 20px; box-sizing: border-box; border-radius: 20px;  background: #f5ba69; }
.g-block img{display: block; width: 50%;height:auto; margin:0 auto 20px auto;}
.g-block .con{clear: both;  height:25rem; overflow: hidden;margin:0 auto; padding: 10px; position: relative;border-radius: 20px; background: #fff;}
.g-block .con ul{position: absolute; left: 20px; top: 30px; display: block; width: calc(100% - 40px);}
.g-block .con li { margin-top: 1rem; padding-bottom: 10px;  font-size: 1.1rem; color: #000; line-height: 1.4rem;  border-bottom: 1px solid #2b7cbb; }

.g-review{clear: both;  width:100%; overflow: hidden;  margin:2rem auto 0 auto ;  }
.g-review img{display: block; width: 90%;height:auto; margin:0 auto 20px auto;}
.g-review .con{clear: both;  height:100%; overflow: hidden;margin:0 auto; padding: 10px 20px; }
.g-review .con ul{display: flex; justify-content: space-between;flex-wrap: wrap; }
.g-review .con li { width: 49%; margin-bottom: 1rem;  text-align: center; border-radius: 2rem; background: #5b912c; }
.g-review .con li a {font-size: 1.125rem; color: #fff; line-height: 2.5rem;}

.footer{ height: 3rem;}
.gundong{ height: 23rem;}

.past{ display: block; width: 60%;  height: 2.7rem; margin: 2rem auto; padding: 0 10px;line-height:2.7rem; text-align: center; border-radius: 2rem; background:#5b912c;} 
.past a{ display: block;  font-size:1.6rem; color:#fff;  } 
/*瀑布流结束*/
.clear{clear: both; height: 30px;}



.footer{  width: 100%; overflow: hidden; margin: 0 auto;}
.footer img{ width: 100%;  display: block;} 
 
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	white-space:nowrap;
}

.str_wrap.str_active {
	background:#f1f1f1;
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}