blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
li,
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

a {
	color: #FFF;
	text-decoration: none
}
html,body {font-family: "微软雅黑", "microsoft yahei";color:#FFF;}
* {padding: 0;margin: 0;}
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
	position: relative;
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}
.clearfix:after {
    clear: both;
}
.clearfix{
    *zoom: 1;
}
.fl {
	float: left;
}
.fr {
	float: right;
}


.top {
	width: 100%;
	height: .6rem;
	background-color: rgba(0,0,0,.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 15
}

.top .topimgs {
	width: 2.22rem;
	height: .33rem;
	float: left;
	margin: .14rem 0 .13rem 1.25rem
}

.top-right {
	float: right
}

.top-right ul {
	overflow: hidden
}

.top-right ul li {
	height: .6rem;
	line-height: .6rem;
	float: left;
	text-align: center;
	padding-left: .24rem;
	padding-right: .24rem;
	background: url(http://www.upupoo.com/v5/pc/img/line2.png) no-repeat left center
}

.top-right ul li:hover a {
	opacity: 1;
	color: #fff
}

.top-right ul li a {
	display: block;
	color: #FFF;
	opacity: .8;
	font-size: .14rem
}

.lastli {
	margin-right: .9rem
}
.lastli span {
    margin-right: 7px;
    display: inline-block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    background-image: url(http://www.upupoo.com/v5/pc/img/moveImg.png);
    background-position: -79px -85px;
}
.fastli {
	background-image: none!important
}

.imgclass {
	vertical-align: top;
	text-align: center
}

.imgtopbox {
	height: .02rem;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px)
}

.top .top-right ul li .catch-top {
	opacity: 1;
	color: #FFF
}

/*.footer {
	background-color: #030B1A;
	font-size: .14rem;
}*/


.li-tittle {
	float: left;
	font-size: .2rem;
	height: .3rem;
	width: 1rem;
	opacity: .4;
	text-align: center;
	transform: translateY(-0.15rem);
}
.l-line {
	float: left;
	width: 4.8rem;
	border-bottom: 1px solid rgba(255,255,255,.2);
}
.frendly {
    width: 100%;
    height: 1.2rem;
    padding-left: .2rem;
}
.friend-link {
	float: left;
	width: 1rem;
	opacity: .8;
	height: .3rem;
	line-height: .3rem;
	margin: 0 0.08rem 0.08rem 0;
	cursor: pointer;
}
.friend-link:hover {
	opacity: 1;
}
.btm-info-box {
	padding-left: .2rem;
}
.il-item {
	display: inline-block;
	/*font-size: .18rem;*/
	font-size: 12px;
	height: .2rem;
	line-height: .2rem;
	padding-right: .2rem;
	margin-right: .2rem;
}
.btm-info-box .il-item:not(:last-child) {
	border-right: 1px solid rgba(255,255,255,.3);
}
.copyright {
	width: 12rem;
    height: .4rem;
    opacity: 0.4;
    margin: 0 auto;
    font-size: .18rem;
	text-align:center;
}
.foot-icon {
	width: 1.92rem;
	height: .29rem;
	margin: .5rem auto 0;
}

.bg-img {
	width: 100%;
	height: 100%;
    /*max-width: 19.20rem;*/
}

.gif-box {
    width: 4rem;
    height: .63rem;
    position: absolute;
    top: 1.5%;
    left: 50%;
    margin-left: -2rem;
    z-index: 2;
}
.top-vd-box {
	/*max-width: 19.2rem;*/
	width: 100%;
	margin-top: .6rem;
	z-index: 1;
}
.vd-mask {
	width: 100%;
	height: 100%;
	background: url(http://www.upupoo.com/v5/pc/img/vd-mask.png) no-repeat center;
	background-size: cover;
}

.top-vd-btn {
    width: 3.46rem;
    height: 3.46rem;
    position: absolute;
    top: 33.98%;
    right:23.28%;
    cursor: pointer;
    z-index: 10;
    transition: transform .2s;
    -webkit-transition: transform .2s;
}
.top-vd-btn:hover {
	transform: scale(1.1);
}
.vd-play-window {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: none;
    background: rgba(0,0,0,.7);
}
.vd-play-window.s {
	display: block;
}
.vd-play-box {
	width: 12.8rem;
    height: 7.2rem;
    margin: 0 auto;
    transform: translateY(1rem);
    position: relative;
}
.vd-play-close {
	position: absolute;
	width: .6rem;
	height: .6rem;
	right: 0;
	top: 0;
	cursor: pointer;
	background: url(http://www.upupoo.com/v5/pc/img/close.png) no-repeat center;
}
.vd-play-close:hover {
	background: url(http://www.upupoo.com/v5/pc/img/close-hover.png) no-repeat center;
}
.vd-play-close:active {
	background: url(http://www.upupoo.com/v5/pc/img/close-active.png) no-repeat center;
}



.a-block {
	display: inline-block;
	cursor: pointer;
	font-size: .21rem;
	margin-top: .1rem;
	opacity: .8;
}
.a-block:hover,.a-block-1:hover {
	opacity: 1;
}
.a-block-1 {
	display: inline-block;
	cursor: pointer;
	font-size: .14rem;
	opacity: .8;
	transform: translateY(-0.2rem);
}
.update-icon {
	width: .2rem;
	height: .2rem;
	display: inline-block;
	vertical-align: middle;
}
.a-block .update-icon {
	margin-bottom: .15rem;
}
.a-block-1 .update-icon {
	margin-bottom: .05rem;
}

.mid-text-box {
	width: 9.2rem;
    height: .5rem;
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -4.6rem;
    z-index: 2;
}
.mid-box {
	width: 100%;
	/*max-width: 19.2rem;*/
	position: absolute;
	top: 26.46%;
	left: 0;
}
.col-50 {
	width: 47.5%;
	float: left;
	height: 5.4rem;
    margin-bottom: 4.4rem;
	position: relative;
}
.col-50:nth-child(2n){
	float: right;
	margin-right: 0.9rem;
}
.col-50>.mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(0,0,0,.7);
	/*todo*/
	border: 5px solid #F1BE71;
}
.mid-play-btn {
	position: absolute;
	width: 2.6rem;
	height: 2.6rem;
	top: 50%;
	left: 50%;
	margin-left: -1.3rem;
	margin-top: -1.3rem;
	transition: all .2s;
	-webkit-transition: all .2s;
	cursor: pointer;
	z-index: 2;
	background: url(http://www.upupoo.com/v5/pc/newYearImg/newYearPaly.png) no-repeat center;
	/*background: url(http://www.upupoo.com/v5/pc/img/mid-vd-btn.png) no-repeat center;todo*/
}
.mid-play-btn:hover {
	transform: scale(1.1);
}
.mid-wrap {
	width: 8.2rem;
	height: 2.2rem;
	/*margin: 1.6rem 0 1.6rem 1.1rem; todo*/
	margin: 1.2rem 0 0.53rem 1.1rem;
}
.mid-wrap.rt-side {
	margin: 1.6rem 1.1rem 1.6rem 0;
}
.mid-text {
	
}
.mid-text-title {
	font-size: .64rem;
	color: #F5FDFF;
	font-weight: bold;
}
.mid-icon {
	width: 3.4rem;
	height: 3.4rem;
}
.mid-icon-1 {
	width: 1.4rem;
	height: 1.4rem;
	margin: 0.7rem auto 0;
}
.rocket-box {
    width: 100%;
    /*max-width: 19.2rem;*/
    position: absolute;
    top: 54.3%;
    left: 0;
}
.rocket-wrap {
	position: relative;
	overflow: hidden;
    height: 9.6rem;
	z-index: 1;
}
.rocket-wrap>video {
	transform: scaleX(1.1);
}
.rocket-mask {
	position: absolute;
	width: 6.46rem;
	height: 7.21rem;
	top: -2.4rem;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 2;
}
.rocket-text {
	position: absolute;
	width: 7.1rem;
	height: 1.6rem;
	text-align: center;
	font-size: .64rem;
	font-weight: bold;
	top: 67.4%;
	z-index: 1;
	left: calc(50% - 3.55rem);
}
.btm-text {
	position: absolute;
	width: 100%;
	height: 60px;
	left: 0;
	top: 75%;
	text-align: center;
	font-size: .48rem;
	font-weight: bold;
}
/*.swiper-box {*/
	/*position: absolute;*/
	/*width: 100%;*/
	/*left: 0;*/
	/*top: 77.6%;*/
/*}*/
/*.swiper-wraper {*/
	/*width: 60.3rem;*/
	/*transform: translateX(-5.66rem);*/
	/*transition: all .3s;*/
	/*-webkit-transition: all .3s;*/
/*}*/
/*.swiper-container {*/
	/*width: 100%;*/
	/*margin-bottom: .3rem;*/
	/*overflow: hidden;*/
	/*position: relative;*/
/*}*/
/*.prev-btn {
	position: absolute;
	left: 0;
	top: 2.5rem;
	width: .48rem;
	height: .48rem;
	background: blue;
	cursor: pointer;
}
.next-btn {
	position: absolute;
	right: 0;
	top: 2.5rem;
	width: .48rem;
	height: .48rem;
	background: red;
	cursor: pointer;
}*/
/*.swiper-slide {*/
	/*float: left;*/
	/*width: 9.76rem;*/
	/*height: 5.48rem;*/
/*}*/
/*.swiper-wraper .swiper-slide:not(:last-child) {*/
	/*margin-right: .3rem;*/
/*}*/
/*.control-bar {*/
	/*width: 4.9rem;*/
	/*margin: 0 auto;*/
/*}*/
/*.bar-item {*/
	/*float: left;*/
	/*width: 1rem;*/
	/*height: .07rem;*/
	/*cursor: pointer;*/
	/*background: rgba(255,255,255,.3);*/
/*}*/
/*.bar-item.active {*/
	/*background: #FFF;*/
/*}*/
/*.control-bar .bar-item:not(:last-child) {*/
	/*margin-right: .3rem;*/
/*}*/
/*.btm-box {*/
	/*width: 3.4rem;*/
	/*margin: 0 auto;*/
	/*text-align: center;*/
/*}*/
/*新年使用的class*/
.newYearImg1{
	position: absolute;
}
.cloud1NewYear{
	width: 15.95rem;
	height: 4.04rem;
	position: absolute;
	left: 5%;
    top: 4.7%;
	z-index: 2 !important;
}
.cloud2NewYear{
	width: 100%;
	height: 8.43rem;
	position: absolute;
	left: 0;
	top: 5.8rem;
	z-index: 3 !important;
}
.characterNewYear{
    width: 15.98rem;
    height: 8.39rem;
    position: absolute;
    left: 13.2%;
    top: 2.5%;
    z-index: 2 !important;
}
.wordNewYear{
	width: 4.38rem;
	height: 1.63rem;
	position: absolute;
	left: 38.7%;
	top: 7.6rem;
	z-index: 11 !important;
}