body, div, p, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, span, i, input, img, a, button, select, table, tr, th, td, label, textarea {
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
    /*-webkit-overflow-scrolling: touch;*/
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

li {
    list-style: none;
}

i {
    font-style: normal;
}

a {
    text-decoration: none;
}

img {
    border: 0 none;
    vertical-align: top;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    content: ".";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

body,
button {
    font-size: 14rem;
    font-family: "microsoft yahei";
	overflow:hidden;
}

html {
    overflow: hidden
}

body {
    background: #fff;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 100rem;
    color: #000000;
    margin: 0;
    padding: 0;
	position: relative;
    overflow: hidden;
}
#body{
	overflow-y:scroll;
}
.loading {
    width            : 100%;
    height           : 100%;
    position         : absolute;
    z-index          : 999999;
    background-color : #f0fdff;
    /*display          : none;*/
    display          : flex;
    flex-flow        : row wrap;
    justify-content  : center;
    align-items      : center;
}
.loadingtext {
    width      : 100%;
    position   : absolute;
    left       : 0;
    top        : 5.6rem;
    text-align : center;
    font-size  : 0.24rem;
    color      : #585858;
    display    : none;
}
.loading_gif {
    width : 2.2rem;
}
.hp .loading_gif {
    position : absolute;
    width    : 2.2rem;
    margin   : 0 auto;
    top      : 2.37rem;
    left     : 5.655rem;
}
.part2 {
    width: 100%;
    height: 100%;
    position: relative;
	display:none;
	overflow-y:scroll;
}

.part2 img{
	width:100%;
	float:left;
}
.part2 .bgimg{
	width:100%;
	float:left;
	/*height:43rem;*/
}
.topimg{
	width:7.5rem;
	height:4.22rem;
	position: absolute;
	top:0;
	left:0;
}
.p1{
	/*position:absolute;
	left:0.22rem;
	top:6.43rem;
	width:7.09rem;
	height:5.61rem;*/
	background:url("../images/bg2.png") no-repeat;
	background-size:100% 100%;
	position: absolute;
	left:0.12rem;
	top:6.4rem;
	width:7.22rem;
	height:6.15rem;
}
.p1title{
	background:url("../images/p1title.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.15rem;
	top:0.2rem;
	width:2.83rem;
	height:0.36rem;
}
.video3{
	position:absolute;
	left:0.16rem;
	top:0.81rem;
	width:6.95rem;
	height:3.92rem;
}
#zhibo1 {
	display : none;
	width:6.95rem;
	height:3.92rem;
	left       : 0;
	top        : 0;
	z-index    : 9999;
	object-fit : fill;
	position:absolute;
}
.v2img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.fix {
	width: 7.04rem;
    height: 1.27rem;
    position: absolute;
    left: 0.16rem;
    top: 4.9rem;
    /* background: #f9781f; */
    z-index: 1;
}
.swiper1{
	width:6.95rem;
	position:absolute;
	left:0;
	top:0;
	height:1.2rem;
}
.swiper1 .swiper-slide{
	width:6.95rem;
	height:0.91rem;
}
.swiper1 img{
	width:1.6rem;
	height:0.91rem;
	
}

.zzhao{
    width: 1.6rem;
    height: 0.91rem;
    background: rgb(0,0,0,0.3);
    /* opacity: 0.5; */
    position: absolute;
    top: 0;
    left: 0;
    /*border: 1px solid rgba(255,255,255,0);*/
}
.playactive .zzhao{
	display:none;
}

.p1img{
	width:3.47rem;
	height:1.95rem;
}
.line{
	background:url("../images/line.png") no-repeat;
	background-size:100% 100%;
	position: relative;
	width:7.5rem;
	height:0.07rem;
	margin-top:0.18rem;
}
.p2{
	
	position: absolute;
	left:0.14rem;
	top:19.14rem;
	width:7.22rem;
	height:5.89rem;
}
.p2title{
	background:url("../images/p2title.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.15rem;
	top:0;
	width:3.2rem;
	height:0.58rem;
}
.hudong{
	background:url("../images/hudong.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:6.22rem;
	top:0.34rem;
	width:0.64rem;
	height:0.21rem;
}
.video2{
	position:absolute;
	left:0.01rem;
	top:0.81rem;
	width:7.21rem;
	height:4.03rem;
}
#zhibo2 {
	display : none;
	width:7.21rem;
	height:4.03rem;
	left       : 0;
	top        : 0;
	z-index    : 9999;
	object-fit : fill;
	position:absolute;
}
.videobg2{
	width:7.21rem;
	height:4.03rem;
	position:absolute;
	left:0;
	top:0;
}
.vbg2{
	width:7.21rem;
	height:4.03rem;
}
.part2 .playbtn3{
	width: 1rem;
    height: 1rem;
    position: absolute;
	top: 1.51rem;
    left: 3.1rem;
}
.v1img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.fix2 {
	width: 7.21rem;
    height: 0.93rem;
    position: absolute;
    left: 0.01rem;
    top: 4.95rem;
    /* background: #f9781f; */
    z-index: 1;
}
.swiper4{
	width:7.21rem;
	position:absolute;
	left:0;
	top:0;
	height:0.93rem;
}
.swiper4 .swiper-slide{
	width:7.21rem;
	height:0.93rem;
}
.swiper4 img{
	width:1.67rem;
	height:0.93rem;
	/*margin-right:0.18rem;*/
}
.swiper4 .swiper-slide img:last-child{
	margin-right:0;
}
/*.swiper4 img.none{
	margin-right:0;
}*/

.playactive img{
	/*border:1px solid #0034ff;*/
}

.zzhao2{
    width:1.67rem;
	height:0.93rem;
    background: rgb(0,0,0,0.3);
    /* opacity: 0.5; */
    position: absolute;
    top: 0;
    left: 0;
    /*border: 1px solid rgba(255,255,255,0);*/
}
.playactive .zzhao2{
	display:none;
}
.p6title2{
	font-size: 0.24rem;
    position: absolute;
    width: 95%;
    max-height: 0.9rem;
    line-height: 0.3rem;
    top: 50%;
    left: 2.5%;
    color: #f0fdff;
    overflow: hidden;
	text-align:center;
    /* line-height: 50%; */
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
.p3{
	background:url("../images/bg3.png") no-repeat;
	background-size:100%;
    position: absolute;
	left:0.14rem;
	top:25.34rem;
	width:7.21rem;
	height:5.78rem;
}
.p3title{
	background:url("../images/p3title.png") no-repeat;
	background-size:100%;
	position:absolute;
	left:0.15rem;
	top:0.2rem;
	width:2.81rem;
	height:0.47rem;
}
.more{
	background:url("../images/more.png") no-repeat;
	background-size:100%;
	position:absolute;
	left: 6.36rem;
    top: 0.45rem;
	width:0.63rem;
	height:0.21rem;
}
.swiper2{
	width:6.92rem;
	position:absolute;
	left:0.15rem;
	top:0.85rem;
	height:4.64rem;
}
.swiper2 .swiper-slide{
	width:2.21rem;
	height:4.64rem;
}
.swiper2 img{
	width:2.21rem;
	height:3.93rem;
}
.sw2title{
	width: 100%;
    height: 0.6rem;
    position: absolute;
    top: 4rem;
    line-height: 0.3rem;
    left: 0;
    font-size: 0.27rem;
    color: #000;
    overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.p4{
	/*background:url("../images/bg3.png") no-repeat;
	background-size:100%;*/
	position: absolute;
	left:0.14rem;
	top:13rem;
	width:7.2rem;
	height:5.76rem;
}
.p4title{
	background:url("../images/p4title.png") no-repeat;
	background-size:100%;
	position:relative;
	left: 0.14rem;
    top: 00;
    width: 2.16rem;
    height: 0.49rem;
	display:block;
}
.p4ul{
	width:7.21rem;
	height:1.98rem;
	position:absolute;
	top:0.7rem;
	left:0;
}
.p4ul li{
	width:3.54rem;
	height:5.08rem;
	background:url("../images/bg4.png") no-repeat;
	background-size:100%;
	position:relative;
	float:left;
}
.p4ul li:first-child{
	margin-right:0.11rem;
}
.p4ul li .p4img{
	position: absolute;
    left: 0.05rem;
    top: 0.05rem;
    width:3.43rem;
	height:4.98rem;
}
.p6{
	position:absolute;
	left:0.15rem;
	top:31.64rem;
	width:7.21rem;
	height:4.73rem;
}
.p6title{
	background:url("../images/p6title.png") no-repeat;
	background-size:100%;
	position:absolute;
	left:0.13rem;
	top:0;
	width:5.13rem;
	height:0.56rem;
}
.p6cont{
	width:7.21rem;
	height:4.03rem;
	position:absolute;
	left:0;
	top:0.7rem;
}
.p6cont img{
	width:7.21rem;
	height:4.03rem;
}
.p5{
	background:url("../images/bg5.png") no-repeat;
	background-size:100%;
	position: absolute;
	left:0.15rem;
	top:36.85rem;
	width:7.21rem;
	height:7.72rem;
}
.p5title{
	background:url("../images/p5title.png") no-repeat;
	background-size:100%;
	position:relative;
	left: 0.17rem;
    top: 0.2rem;
    width: 2.18rem;
    height: 0.36rem;
	display:block;
}
.p5ul{
	position: relative;
    left: 0.15rem;
    width: 6.96rem;
	margin-top:0.45rem;
	height:6.5rem;
	overflow-y:scroll;
	/*max-height: 10.86rem;
    overflow: scroll;*/
}
.p5ul li{
	width:6.74rem;
	height:1.27rem;
	margin-bottom:0.45rem;
	position:relative;
}
.p5ul li:last-child{
	margin-bottom:0;
}
.p5ul .p5img{
	width:2.28rem;
	height:1.27rem;
	position:absolute;
	left:0;
	top:0;
}
.p5title2{
	position: absolute;
    top: 0;
    left: 2.55rem;
    width: 4.4rem;
    max-height: 1.09rem;
    font-size: 0.26rem;
    color: #000;
    overflow: hidden;
    line-height: 0.37rem;
	/*transform:translateY(-50%);
	-webkit-transform:translateY(-50%);*/
}
.p7{
	background:url("../images/bg5.png") no-repeat;
	background-size:100%;
	position: absolute;
	left:0.15rem;
	top:44.97rem;
	width:7.21rem;
	height:7.72rem;
}
.p7title{
	background:url("../images/p7title.png") no-repeat;
	background-size:100%;
	position:relative;
	left: 0.17rem;
    top: 0.2rem;
    width: 2.49rem;
    height: 0.36rem;
	display:block;
}
.p7ul{
	position: relative;
    left: 0.15rem;
    width: 6.96rem;
	margin-top:0.45rem;
	height:6.5rem;
	overflow-y:scroll;
	/*max-height: 10.86rem;
    overflow: scroll;*/
}
.p7ul li{
	width:6.74rem;
	height:1.27rem;
	margin-bottom:0.45rem;
	position:relative;
}
.p7ul li:last-child{
	margin-bottom:0;
}
.p7ul .p7img{
	width:2.28rem;
	height:1.27rem;
	position:absolute;
	left:0;
	top:0;
}
.p7title2{
	position: absolute;
    top: 0;
    left: 2.55rem;
    width: 4.4rem;
    max-height: 1.09rem;
    font-size: 0.26rem;
    color: #000;
    overflow: hidden;
    line-height: 0.37rem;
	/*transform:translateY(-50%);
	-webkit-transform:translateY(-50%);*/
}
.logo2{
	position:absolute;
	background:url("../images/logo2.png") no-repeat;
	background-size:100%;
	left:1.08rem;
	top:53.62rem;
	width:5.41rem;
	height:0.45rem;
	z-index:99;
}
.bottom{
	width:7.5rem;
	height:1.94rem;
	background:url("../images/bottom.png") no-repeat;
	background-size:100%;
	position: absolute;
	top:52.51rem;
}
.bottom2{
	width:7.5rem;
	height:1.3rem;
	background:url("../images/bottom.png") no-repeat;
	background-size:100%;
	position:fixed;
	bottom:0;
}
.sec{
	background:url("../images/bg.jpg?1231") no-repeat;
	background-size:100%;
	width:7.5rem;
	height:16.24rem;
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
}
.ltitle{
	position:absolute;
	left:2.77rem;
	top:3.27rem;
	width:1.86rem;
	height:0.44rem;
}
.ltitle img{
	width:100%;
}
.jie{
	background:url("../images/jie.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:-0.03rem;
	top:3.76rem;
	width:0.88rem;
	height:1.49rem;
	z-index:82;
}
.deng{
	background:url("../images/deng.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:6.97rem;
	top:3.78rem;
	width:0.5rem;
	height:1.22rem;
	z-index:81;
}
.list{
	width:7.04rem;
	height:10.2rem;
	position:absolute;
	top:4.2rem;
	left:0.23rem;
	overflow:scroll;
}
.list li{
	width:7.04rem;
	height:1.63rem;
	position:relative;
	background:url("../images/libg.png") no-repeat;
	background-size:100%;
	margin-bottom:0.25rem;
}
.list li:last-child{
	margin-bottom:0;
}
.liimg{
	position:absolute;
	left:0.1rem;
	top:0.1rem;
	width:2.55rem;
	height:1.44rem;
}
.lititle{
	font-size: 0.26rem;
    position: absolute;
    width: 3.9rem;
    left: 2.9rem;
	color:#000;
    top: 50%;
    transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}
.list2{
	position:absolute;
	left:0.49rem;
	top:4.27rem;
	width:6.47rem;
	height:10.2rem;
	overflow:scroll;
}
.list2 li{
	width:3.12rem;
	height:6.19rem;
	background:url("../images/libg2.png") no-repeat;
	background-size:100%;
	position:relative;
	float:left;
	margin-right:0.2rem;
	margin-bottom:0.2rem;
}
.list2 li:nth-child(even){
	margin-right:0;
}
.liimg2{
	position:absolute;
	left:0.07rem;
	top:0.11rem;
	width:2.97rem;
	height:5.24rem;
}
.lititle2{
	width:100%;
	height:0.6rem;
	position:absolute;
	top:5.48rem;
	left:0;
	font-size:0.28rem;
	color:#fff;
	line-height:0.32rem;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;	
}


.notetxt{
    position: absolute;
    padding: 0.2rem 0;
    top: 4.5rem;
    height: 5rem;
    line-height: 3rem;
    background: #26445c;
    /* margin: 0 auto; */
    left: 0rem;
    width: 100%;
    text-align: center;
    font-size: 0.4rem;
    color: #fff;
    /* display: none; */
    z-index: 99999;
	line-height:0.7rem;
}

.videobg{
	width: 6.95rem;
    height: 3.92rem;
	position:absolute;
	left:0;
	top:0;
}
.vbg{
	width: 6.95rem;
    height: 3.92rem;
}
.part2 .playbtn2{
	width: 1rem;
    height: 1rem;
    position: absolute;
	top: 1.46rem;
    left: 2.975rem;
}
.btn1{
	position: absolute;
    width: 2.7rem;
    height: 0.6rem;
    top: 3.8rem;
    left: 0.85rem;
	-webkit-animation        : zoomIn 1s ease-in-out alternate infinite;
	animation                : zoomIn 1s ease-in-out alternate infinite;
}
.btn2{
	position: absolute;
    width: 2.7rem;
    height: 0.6rem;
    top: 102.33rem;
    left: 0.45rem;
	-webkit-animation        : zoomIn 1s ease-in-out alternate infinite;
	animation                : zoomIn 1s ease-in-out alternate infinite;
}
.btn3{
	position: absolute;
    width: 2.7rem;
    height: 0.6rem;
    top: 102.33rem;
    left: 4.25rem;
	-webkit-animation        : zoomIn 1s ease-in-out alternate infinite;
	animation                : zoomIn 1s ease-in-out alternate infinite;
}
.audwrap{background: url('../images/music.png') center no-repeat;background-size: 100%; position: absolute;	right:0.4rem;
	top:0.61rem;
	width:0.6rem;
	height:0.63rem; z-index: 99999;
}
.audwrap img{width: 100%;-webkit-animation: show 0.8s linear infinite;animation: show 0.8s linear infinite;opacity: 0;}
.audwrap.off{
	background: url('../images/music-off.png') center no-repeat;background-size: 100%;
}
.audwrap.on{
    -webkit-animation: rotateani 2s linear forwards infinite;animation: rotateani 2s linear forwards infinite;
}

.logoapp{
	width:7.5rem;
	height:1.16rem;
	position:fixed;
	bottom:0;
	background:#fff;
	z-index:9999;
	display:none;
}

.logo{
	background: url(../images/logo.png) center no-repeat;
    background-size: contain;
	width:2.28rem;
	height:0.64rem;
	position:absolute;
	left:0.3rem;
	top:0.2rem;
}
.open{	
	background: url(../images/open.png) center no-repeat;
    background-size: contain;
    width: 1.62rem;
    height: 0.87rem;
    line-height: 0.45rem;
    position: absolute;
    left: 5.5rem;
    top: 0.06rem;
}

@-webkit-keyframes rotateani {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotateani {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.music {
    position: absolute;
    width: 0.6rem;
    top: 0.58rem;
    right: 0.3rem;
    animation: music 5s infinite linear;
    -webkit-animation: music 5s infinite linear;
    z-index: 8888;
}

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

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

.music_pause {
    animation-play-state: paused;
    /*-webkit-animation-play-state : paused; !* Safari 和 Chrome *!*/
    -webkit-animation: none !important;
}
@-webkit-keyframes zoomIn {
	from {
		opacity           : 1;
		-webkit-transform : scale(.95) translate(0, 0);
		transform         : scale(.95) translate(0, 0);
	}

	50% {
		opacity : 1;
	}
	100% {
		opacity           : 1;
		-webkit-transform : scale(1) translate(0, 0);
		transform         : scale(1) translate(0, 0);
	}
}
@keyframes zoomIn {
	from {
		opacity           : 1;
		-webkit-transform : scale(.95) translate(0, 0);
		transform         : scale(.95) translate(0, 0);
	}

	50% {
		opacity : 1;
	}
	100% {
		opacity           : 1;
		-webkit-transform : scale(1) translate(0, 0);
		transform         : scale(1) translate(0, 0);
	}
}
/*.zoomIn {
	-webkit-animation-name : zoomIn;
	animation-name         : zoomIn;
}*/
.sharepage{
    width: 100%;
    height: 100%;
    z-index: 666666;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    display:none;
}
.part2 .goshare {
    width: 0.5rem;
    position: absolute;
    right: 0.2rem;
    top: 0.5rem;
}
/*iPhoneX的适配*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
}