body{position: relative;background:#92a73d;}
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: 11%;bottom: 23%; display: block; width: 40%; height: 8rem;  background:url(../images/zjju.png) no-repeat; background-size:contain;} 
.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: url(../images/main01.jpg) no-repeat; background-size: contain;}
 

.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;  height:100%; overflow: hidden;margin:0 auto; padding: 0 20px; position: relative;}
.g-box .con .lk{display: block; width: 22rem;  height:22.5rem; margin-left: -11rem; position: absolute;left: 50%; top:1rem; }
.g-box .con .btn{display: block; width: 16rem;  height:4rem; margin-left: -8rem; position: absolute;left: 50%; bottom:.3rem;}
.g-box .con li {  height:auto;overflow:hidden; margin-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #ccc;}
.g-box .con li:nth-last-child(1) {  border-bottom:none;}
.g-box .con li a{ display: flex;justify-content:space-between;flex-wrap:nowrap;}
.g-box .con li img{ width: 50%;  height:auto; border-radius: 6px; margin-left: 10px;}
.g-box .con li p {height:6rem; overflow: hidden;font-size: 1.0rem;line-height:1.5rem;color: #333;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
.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:0 auto ; padding: 20px; box-sizing: border-box; border-radius: 20px;  background: #2b7cbb; }
.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; }

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

/*瀑布流结束*/
.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;	
}