html,body,p,h1,h2,h3,h4 {
     margin: 0;
     padding: 0;
 }

 body{
     width: 30rem;
     margin: 0 auto;
     background-color: #F1F1F1;
     font-family: "微软雅黑";
 }

 .videoList {
 	width: 30rem;
	padding: 0.96rem 0.68rem 0.96rem;
	overflow: hidden;
	background-color: #fff;
	box-sizing: border-box;
	margin-bottom: 4.32rem;
 }

 .videoList .emptyText {
    width: 100%;
    height: 1.12rem;
    line-height: 1.12rem;
    font-size: 1.12rem;
    text-align: center;
    color: rgb(102, 102, 102);
    margin-top: 14.28rem;
 }

 .videoShow .videoList {
 	margin-bottom: 0;
 	border-radius: 1.2rem;
 }

 .videoItem {
 	width: 13.6rem;
 	height: 9.64rem;
 	float: left;
 	margin: 0 0.36rem 1.2rem;
     overflow: hidden;
     position: relative;
 }

 .videoPic {
 	width: 13.6rem;
 	height: 7.76rem;
 	border-radius: 1.2rem;
 	position: relative;
 	background-color: #EAEAEA;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
 }

 .videoPic .playBtn {
 	width: 2.4rem;
 	height: 2.4rem;
 	position: absolute;
 	left: 5.6rem;
 	top: 2.68rem;
 	background: url("../images/pic_play.png") 0 0 no-repeat;
 	background-size: cover;
 }

 .videoTotalTime {
 	color: #fff;
 	font-size: 0.72rem;
 	position: absolute;
 	right: 0.8rem;
 	bottom: 14px;
 }

 .videoName {
 	width: 12.0rem;
 	height: 1.08rem;
 	line-height: 1.08rem;
 	font-size: 0.96rem;
 	padding-left: 0.16rem;
 	margin: 0.8rem 0 1.6rem;
 	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 }

 
 .label {
    /* width: 3.44rem; */
    height: 1.28rem;
    padding: 0 0.76rem;
    border-radius: 0.64rem;
    border: 0.04rem solid #fff;
    background-color: rgba(0, 0, 0, .4);
    line-height: 1.28rem;
    text-align: center;
    position: absolute;
    left: 0.48rem;
    top: 0.48rem;
    color: #fff;
    font-size: 0.96rem;
}

 #wxMask {
    width: 30.0rem;
    height: 56.0rem;
    background: rgba(0,0,0,.6) url("../images/zhixiang.png") center top no-repeat;
    background-size: 28rem;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 500000;
    display: none;
 }

 .hide {
    display: none;
 }

.downloadApp {
    width: 30rem;
    background-color: #B2F6FF;
    position: fixed;
    bottom: 0;
    z-index: 1000;
}

.dlWrap {
    position: relative;
    width: 30.0rem;
    height: 4.4rem;
    margin: 0 auto;
    background-color: #b2f6ff;
}

.fx-xz-ldiv {
    position: absolute;
    width: 3.6rem;
    height: 3.6rem;
    top: 0.4rem;
    left: 0.76rem;
    overflow: hidden;
}

.downloadLogo {
    position: relative;
    width: 3.2rem;
    display: block;
    margin: 0.2rem;
}

.fx-xz-pdiv {
    position: relative;
    width: 20.8rem;
    height: 100%;
    top: 0;
    left: 4.6rem;
    overflow: hidden;
}

.downloadBtn {
    position: absolute;
    width: 5.6rem;
    display: block;
    top: 1.0rem;
    right: 2.4rem;
    z-index: 2;
}

.closeBtn {
    position: absolute;
    width: 1.04rem;
    display: block;
    top: 1.6rem;
    right: 0.96rem;
    z-index: 2;
}

.swiper-slide {
    font-size: 1.12rem;
    line-height: 1.6rem;
}

.swiper-slide span {
    font-size: 0.8rem;
}

.fx-top {
    margin-top: 0.6rem;
}

.swiper-pagination-bullet {
    width: 1.2rem;
    height: 0.16rem;
    border-radius: 0.2rem;
}