.body{
	min-height: 100%;
}

.header-nav{
	position: relative;
	height: 1.2rem;
	top: 0;
	left: 0;
	background: url(../img/headerBg.png);
}

.header-nav .fl-logo{
	color: #fff;
	float: left;
}

.header-nav .fl-logo h2{
	font-size: 0.28rem;
    font-weight: bold;
    margin-top: 0.24rem;
}

.header-nav .fl-logo div{
	font-size: 0.22rem;
}

.header-nav .fl-logo .tit-con{
	margin-left: 1.4rem;
	text-indent: -9999px;
}

.header-nav .fl-logo a{
	background: url(../img/logo.png?v=1);
	background-size: 100%;
	position: absolute;
	height: 0.8rem;
	width: 3.43rem;
	top: 0.18rem;
	left: 0.2rem;
}

.header-nav .fr-btn{
	float: right;
}

.header-nav .fr-btn .register-btn{
	position: absolute;
	background: url(../img/yuyue_top.png) no-repeat;
	background-size: 100%;
	height: 0.60rem;
	width: 1.50rem;
	line-height: 50px;
	color: #222;
	font-size: 0.26rem;
  top: 0.28rem;
  right: 0.9rem;
  line-height: 0.5rem;
	text-align: center;
  text-indent: -9999px;
  display: none;
}

.header-nav .fr-btn .dl_top{
	position: absolute;
	background: url(../img/dl_top.png) no-repeat;
	background-size: 100%;
	height: 0.60rem;
	width: 1.30rem;
	line-height: 50px;
	color: #222;
	font-size: 0.26rem;
  top: 0.28rem;
  right: 0.9rem;
  line-height: 0.5rem;
	text-align: center;
	text-indent: -9999px;
  display: none;
}

.wap_pagination {
	position: relative;
	padding: 0.2rem;
	text-align: center;
}

.wap_pagination .page{
	position: relative;
	z-index: -1;
}
.wap_pagination .next{
	position: absolute;
    background: url(../img/wapnext.png);
    height: 0.5rem;
    width: 0.5rem;
    background-size: 100%;
    top: 0.15rem;
    left: 4.5rem;
}

.wap_pagination .prev{
	position: absolute;
    background: url(../img/wapprev.png);
    height: 0.5rem;
    width: 0.5rem;
    background-size: 100%;
    top: 0.18rem;
    left: 2.5rem;
}


.__box4{
	text-align: center;
	width: 7.21rem;
	height: 1.55rem;
	background: url(../img/channels.png) no-repeat 0 0;
	background-size: 100%;
	margin: 0.2rem auto 0;
}

.__box4 ul{
	list-style: none;
}

.__box4 ul li{
	display: inline-block;
}

.__box4 ul li.weixin{
	/* background: url(../img/wapWeixin.png); */
	background-size: 100%;
	height: 1.6rem;
	width: 2.1rem;
}

.__box4 ul li.weibo{
	/* background: url(../img/wapWeibo.png); */
	background-size: 100%;
	height: 1.6rem;
	width: 2.1rem;
}

.__box4 ul li.weiqq{
	/* background: url(../img/wapQzone.png); */
	background-size: 100%;
	height: 1.6rem;
	width: 2.1rem;
}

.share-box5{
	background: url(../img/share_bar.png);
	background-size: 100%;
	height: 0.4rem;
	width: 3.9rem;
	margin: auto; 
	margin-top: 0.3rem;
}

.share-modal,.modal-share2,.modal-share3,.modal-share4,.modal-share5{
	display: none;
	position: fixed;
	z-index: 3001;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: url(../img/modalShare1.png);
	background-size:  100% auto;
	height: 2.62rem;
	width: 5.15rem;
}

.modal-share2{
	background: url(../img/modalShare2.png);
	background-size: 100%;
}

.modal-share3{
	text-align: center;
	background: url(../img/bg_qrcode.png);
	background-size: 100%;
	height: 3.82rem;
}

.modal-share3 img{
	position: relative;
    top: 1.1rem;
	height: 1.8rem;
	width: 1.8rem;
	display: none;
}
	
.modal-share2 span{
	display: block;
    position: absolute;
    left: 0.5rem;
    top: 1.46rem;
    color: #a39f7b;
    width: 2.9rem;
    overflow: hidden;
}

.modal-share2 a{
	position: absolute;
    width: 1rem;
    height: 0.5rem;
    top: 1.5rem;
    right: 0.5rem;
}   

.modal-share4{
	background: url(../img/modalShare4.png);
	background-size: 100%;
	height: 3.32rem;
}
.modal-share4 img{
	position: relative;
    top: 1.1rem;
	height: 1.8rem;
	width: 1.8rem;
}

.modal-share5{
	background: url(../img/modalShare5.png);
    background-size: 100%;
    height: 3.32rem;
    right: 0;
    left: unset;
    top: 0;
    bottom: unset;
}

.share-modal .close-btn,.modal-share2 .close-box2,.modal-share3 .close-box3,.modal-share4 .close-box4{
	position: absolute;
    background: url(../img/close-modal.png);
    background-size: 100%;
    height: 1rem;
    width: 1rem;
    right: 2.2rem;
    bottom: -1.8rem;
    top: unset;
}

.share-modal ul{
	position: relative;
	margin-top: 1.2rem;
	text-align: center;
}

.share-modal ul li{
	display: inline-block;
	width: 0.76rem;
	height: 1.16rem;
	    margin: 0 0.1rem;
}

.share-modal ul li.modal-weixin{
	background: url(../img/weiShare.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.share-modal ul li.modal-qq{
	background: url(../img/qqShare.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 0.85rem;
	height: 1.18rem;
}

.share-modal ul li.modal-qzone{
	background: url(../img/qZoneShare.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 0.85rem;
	height: 1.18rem;
}

.share-modal ul li.modal-weibo{
	background: url(../img/weiboShare.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.marks{
	display: none;
	position: fixed;
	bottom: 0;
	z-index: 3000;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.6;
}
.footer {
	width: 100%;
    padding: 0.45rem 0;
    font-size: 0.2rem;
    color: #666666;
    font-family: "微软雅黑";
    text-align: center;
    background-color: #eeeeee;
	margin-top: 0.5rem;
}

/**menu-list**/
.header-nav .menu-icon{
	width: 0.38rem;
	height: 0.28rem;
	background: url(../img/menu_icon.png) no-repeat 0 0;
	background-size: 100% auto;
	right: 0.2rem;
    top: 0.48rem;
}
.header-nav .menu-list{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    left: 0;
	top: 1rem;
	z-index: 99;
}
.header-nav .menu-list li{
    height: 1.4rem;
    border-bottom: 0.01rem solid rgba(150, 150, 150, 0.8);
    margin: 0 0.4rem;
    overflow: hidden;
}
.header-nav .menu-list li a{
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    line-height: 1.4rem;
    font-size: 0.36rem;
}
.header-nav .menu-list li.active a{
	font-weight: bold;
	color: #246ee3;
}
.header-nav .menu-list li.close-btn i{
    width: 0.8rem;
    height: 0.8rem;
    background: url(../img/menu_close_icon.png) no-repeat 0 0;
    display: block;
    -webkit-background-size: 100% 100%;
            background-size: 100%;
    margin: 0.3rem auto 0;
}
