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";
}

html {
    overflow: hidden
}

body {
    background: #eeeeee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 100rem;
    color: #000000;
    margin: 0;
    padding: 0;
	position: relative;
    overflow: hidden;
}
.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;
	overflow-y: auto;
	display:none;
}
.part2 img{
	width:100%;
	float:left;
}
.p1{
	background:url("../images/p1.png?0323") no-repeat;
	background-size:100%;
	position:absolute;
	left:0.13rem;
	top:1.13rem;
	width:7.33rem;
	height:6.09rem;
	z-index:999;
}
.p1 img{
	width:100%;
	height:100%;
}

.p2{
	background:url("../images/p2.png?0323") no-repeat;
	background-size:100%;	
	position:absolute;
	left:0.65rem;
	top:23rem;
	width:6.23rem;
	height:7.72rem;
	z-index:99;
}
.upload{
	background:url("../images/upload.png?0221") no-repeat;
	background-size:100%;	
	position:absolute;
	left:1.27rem;
	top:5.49rem;
	width:5.14rem;
	height:1.12rem;
}
.vote{
	background:url("../images/vote.png?0221") no-repeat;
	background-size:100%;	
	position:absolute;
	left:0.98rem;
	top:4.18rem;
	width:5.14rem;
	height:1.12rem;
}
.hand{
	background:url("../images/hand.png?0323") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:5.29rem;
	top:4.29rem;
	width:0.94rem;
	height:1.12rem;
	transform:scale(0.9);
	-webkit-transform:scale(0.9);
	-webkit-animation: show 1s ease-in-out alternate infinite;
	animation: show 1s ease-in-out alternate infinite;
	z-index: 99;
}
.fdj{
	background:url("../images/fdj.png") no-repeat;
	background-size:100% 100%;
	position: absolute;
	left:5.03rem;
	top:6.37rem;
	width:1.26rem;
	height:1.2rem;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -webkit-animation: show 1s ease-in-out alternate infinite;
    animation: show 1s ease-in-out alternate infinite;
}
.p2title{
	background:url("../images/p2title.png?1026") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.09rem;
	top:0.18rem;
	width:2.13rem;
	height:0.26rem;
}


.v1img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.p3{
	background:url("../images/p6.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.19rem;
	top:15.45rem;
	width:7.11rem;
	height:6.73rem;
}
.left{
	background:url("../images/left.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.11rem;
	top:4.08rem;
	width:0.41rem;
	height:0.44rem;
}
.right{
	background:url("../images/right.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:6.41rem;
	top:4.08rem;
	width:0.41rem;
	height:0.44rem;
}
.swiper2{
	position:absolute;
	left:0.69rem;
	top:2.5rem;
	width:5.64rem;
	height:3.54rem;
}
.swiper2 .swiper-slide{
	width:5.64rem;
	height:3.54rem;
}
.swiper2 img{
	width:5.64rem;
	height:3.17rem;
}
.sw2title{
	width: 100%;
    height: 0.3rem;
    position: absolute;
    top: 3.23rem;
    line-height: 0.3rem;
    left: 0;
    font-size: 0.24rem;
    color: #382105;
    overflow: hidden;
	text-align:center;
}
.p3title{
	background:url("../images/p3title.png?10262005") no-repeat;
	background-size:100%;
	position:absolute;
	left:0.23rem;
	top:0.2rem;
	width:3.15rem;
	height:0.4rem;
}

.p4{
	background:url("../images/p4.png?0323") no-repeat;
	background-size:100%;
	position:absolute;
	left:0.23rem;
	top:31.34rem;
	width:7.1rem;
	height:6.72rem;
	z-index:999;
}
.p4.hide{
	background:url("../images/p42.png") no-repeat;
	background-size:100%;
}
.p4ul{
	position:absolute;
	left:0.59rem;
	top:2.29rem;
	width:5.77rem;
	height:3.49rem;
	overflow-y:scroll;
}
.p4ul li{
	width: 2.73rem;
    height: 2.1rem;
    margin-bottom: 0.08rem;
    position: relative;
    float: left;
    margin-right: 0.3rem;
}
.p4ul li:nth-child(even){
	margin-right:0;
}
.p4ul .liimg{
	background:url("../images/imgbg.png") no-repeat;
	background-size:100% 100%;
	width:2.71rem;
	height:1.42rem;
	position:absolute;
	left:0;
	top:0;
}
.liimg img{
    width: 2.65rem;
    height: 1.35rem;
    position: absolute;
    top: 0.032rem;
    left: 0.025rem;
}
.lititle{
	font-size: 0.22rem;
    color: #382105;
    position: absolute;
    top: 1.5rem;
    width: 100%;
    height: 0.6rem;
    overflow: hidden;
    line-height: 0.3rem;
    left: 0;
}
.down{
	background:url("../images/down.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:3.22rem;
	top:5.86rem;
	width:0.44rem;
	height:0.41rem;
}
.p4title2{
	position:absolute;
	top:50%;
	left:2.79rem;
	width:4rem;
	max-height:1.09rem;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	font-size:0.26rem;
	color:#000;
	overflow: hidden;
    line-height: 0.37rem;
}
.p5{
	background:url("../images/p5.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0.04rem;
	top:4.86rem;
	width:7.34rem;
	height:9.93rem;
}
.p5.hide{
	background:url("../images/p52.png") no-repeat;
	background-size:100%;
}
.liveout .links{
	width: 1.1rem;
    position: absolute;
    top: 9.2rem;
    z-index: 9999999;
    left: 0.1rem;
}
.liveout .hand2{
    background: url(../images/hand2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0.89rem;
    top: 9.99rem;
    width: 0.5rem;
    height: 0.6rem;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -webkit-animation: show 1s ease-in-out alternate infinite;
    animation: show 1s ease-in-out alternate infinite;
    z-index: 9999999;
}
.hudong{
	position:absolute;
	left: 5.85rem;
    top: 9.3rem;
    width: 0.9rem;
    height: 0.36rem;
}
.video{
	position: absolute;
    left: 0.62rem;
    top: 4.6rem;
	width:6.17rem;
	height:3.47rem;
}

video {
	display : none;
	width:6.17rem;
	height:3.47rem;
	left       : 0;
	top        : 0;
	z-index    : 9999;
	object-fit : fill;
	position:absolute;
}
.fix {
    position: absolute;
    left: 0.64rem;
    top: 8.1rem;
    width: 6.13rem;
    height: 1.06rem;
    background: #f5bfec;
    z-index: 1;
}
.swiper1{
    width: 6.13rem;
    height: 1.06rem;
	position:absolute;
	top:0;
	left:0;
}
.swiper1 .swiper-slide{
	width:2.02rem;
	height:1.06rem;
}
.swiper1 img{
	width:2.02rem;
	height:1.06rem;
}
.zzhao{
	width:2.02rem;
	height:1.06rem;
    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;
}
.p5title{
	background:url("../images/p5title.png?1026") no-repeat;
	background-size:100%;
	position:absolute;
	left:0.23rem;
	top:20.3rem;
	width:2.49rem;
	height:0.43rem;
}
.more3{
	background:url("../images/more.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:6.36rem;
	top:21.94rem;
	width:0.64rem;
	height:0.22rem;
}
.swiper3{
	width:7.32rem;
	position:absolute;
	left:0.18rem;
	top:20.97rem;
	height:2.75rem;
}
.swiper3 .swiper-slide{
	width:3.4rem;
	height:2.75rem;
}
.swiper3 img{
	width:3.4rem;
	height:1.91rem;
}
.sw3title{
	width: 100%;
    height: 0.7rem;
    position: absolute;
    top: 2rem;
    line-height: 0.37rem;
    left: 0;
    font-size: 0.26rem;
    color: #000;
    overflow: hidden;
}
.p6{
	background:url("../images/bg3.png") no-repeat;
	background-size:100%;
	position:absolute;
	left:0.11rem;
	top:24.31rem;
	width:7.21rem;
	height:6.76rem;
}
.p6title{
	background:url("../images/p6title.png?1026") no-repeat;
	background-size:100%;
	position:absolute;
	left:0.09rem;
	top:0.28rem;
	width:2.29rem;
	height:0.62rem;
}
.video2{
	position: absolute;
    left: 0.62rem;
    top: 4.6rem;
    width: 6.18rem;
    height: 3.22rem;
}
.v2img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.swiper4{
	width:7.04rem;
	position:absolute;
	left:0;
	top:0;
	height:1.29rem;
}
.swiper4 .swiper-slide{
	width:2.28rem;
	height:1.29rem;
	margin-right:0.2rem;
}
.swiper4 img{
	width:2.28rem;
	height:1.25rem;
	border: 1px solid rgba(255,255,255,0);
}
/*.playactive img{
	border:1px solid #0034ff;
}*/
.p7title{
	background:url("../images/p7title.png") no-repeat;
	background-size:100%;
	position:absolute;
	left:0.2rem;
	top:32.92rem;
	width:1.8rem;
	height:0.4rem;
}
.more2{
	background:url("../images/more.png") no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:6.36rem;
	top:33.02rem;
	width:0.64rem;
	height:0.22rem;
}
.p7ul{
	position:absolute;
	left:0.18rem;
	top:33.6rem;
	width:6.67rem;
}
.p7ul li{
	width:6.67rem;
	height:1.43rem;
	margin-bottom:0.38rem;
	position:relative;
}
.p7ul .p7img{
	width:2.55rem;
	height:1.43rem;
	position:absolute;
	left:0;
	top:0;
}
.p7title2{
	position:absolute;
	top:50%;
	left:2.79rem;
	width:4rem;
	max-height:1.09rem;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	font-size:0.26rem;
	color:#000;	
}


.videobg{
	width: 100%;
    height: 100%;
}
.vbg{
	width: 100%;
    height: 100%;	
}
.part2 .playbtn2{
	width: 0.99rem;
    height: 0.96rem;
    position: absolute;
    top: 1.08rem;
    left: 2.62rem;
}
.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;
}

@-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);
	}
}
  @-webkit-keyframes show {
    100% {
      -webkit-transform: translate(0, 0) scale(1) rotate(0) skew(0);
      transform: translate(0, 0) scale(1) rotate(0) skew(0);
      opacity: 1;
    }
  }
  @keyframes show {
    100% {
      -webkit-transform: translate(0, 0) scale(1) rotate(0) skew(0);
      transform: translate(0, 0) scale(1) rotate(0) skew(0);
      opacity: 1;
    }
  }
/*.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) {
}