html { width: 100%; height: 100% }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote { margin: 0; padding: 0; }
body { font-family:STHeiti,Microsoft YaHei,Helvetica,Arial,sans-serif; font-size: 16px; color:#000; width: 100%; padding: 0; margin: 0; background-color: #F7F7F7;-webkit-overflow-scrolling:touch;}
table { border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%; }
input, img { vertical-align: middle }
input:focus,textarea:focus{outline:none;}
a { text-decoration: none; }
a:link, a:visited, a:active, a:hover { text-decoration: none; color: #000; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
li { list-style: none; }
img:not(.emotion), object { max-width: 100%; display:block}
.clearfixd:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfixd { *zoom:1; overflow:hidden;}
.hide{display:none;}
.nomarginleft{margin-left:0}
.ml30{margin-left:.3rem}
.mb30{margin-bottom:.3rem}
.mb100{margin-bottom:1rem}
.border_b{border-bottom:1px #eee solid;}

#header {height: 1.25rem; line-height: 44px; overflow: hidden; padding: 0 2px; text-align: center; width:100%; margin:0 auto; z-index:99999;position: fixed;top: 0;}
#header .header_con{display:block; margin:0 auto; padding:0; width:100%; max-width:750px;}
#header img{display:block; margin:0 auto; padding:0; width:100%; max-width:750px;}
#header + #app{margin-top: 1.25rem!important;}
.scroll_con{width:100%; display:block; overflow-y: scroll; -webkit-overflow-scrolling: touch; height:100%;}

/*翻转动画开始*/
.rotate{-webkit-animation: anim .6s infinite alternate;-ms-animation: anim .6s infinite alternate;animation: anim .6s infinite alternate;}
@-webkit-keyframes anim {
    from { -webkit-transform: rotateY(180deg); }
    to { -webkit-transform: rotateY(360deg); }
}

@-ms-keyframes anim {
    from { -ms-transform: rotateY(180deg); }
    to { -ms-transform: rotateY(360deg); }
}

@keyframes anim {
    from { transform: rotateY(180deg); }
    to { transform: rotateY(360deg); }
}
/*翻转动画结束*/

/*图文资讯*/
.main_con{width:100%; max-width:750px; margin:0 auto; padding:0; background:#fff; margin-bottom:.2rem; border-bottom:1px #eee solid;}
h1{font-size:.48rem; line-height:.68rem; text-align:left; display:block; margin:0 auto; padding:0 .3rem; padding-top:.25rem; font-weight:bold; color:#000;}
.time_source{font-size:.28rem; color:#A0A0A0; margin:.15rem auto; padding:0 .3rem;}
.source_bottom{font-size:.28rem; color:#A0A0A0; margin:.15rem auto; padding:0 .3rem; text-align:right;}
.news_body{text-align:left; margin:0 auto; margin-top:0.25rem; padding:0 .3rem; color:#000;}
.news_body p{margin:0 auto; padding:0; margin-bottom:.3rem; overflow:hidden; width:100%; max-width:690px; text-align:justify;text-justify:inter-ideograph; color:#000;}
	
.news_body img:not(.emotion){margin:0 auto; padding:0; max-width:750px; margin-bottom:.3rem; width:100%; max-width:690px;}
.fontsize14, .fontsize14 p{font-size:14px!important; line-height:22px;}
.fontsize16, .fontsize16 p{font-size:16px!important; line-height:26px;}
.fontsize18, .fontsize18 p{font-size:18px!important; line-height:28px;}
.fontsize20, .fontsize20 p{font-size:20px!important; line-height:30px;}
.fontsize22, .fontsize22 p{font-size:22px!important; line-height:32px;}

.news_ad{padding: 0.08rem 0.3rem}
.news_ad img{width: 100%}
.news_ad p{color: red;text-indent: 0.1rem}

album{display:block; overflow:hidden; position:relative; width:100%;}
album .album_bg{display:block; width:100%;}
album .album_tag{display:block; width:45px; height:20px; background:#000; color:#FFF; position:absolute; right:0px; bottom:25px; text-align:center; line-height:18px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7; font-size:14px;}
album .album_title{display:block; width:width:100%; color:#666; text-align:left; font-size:14px;}

#related_news,#comment_con,#living_con{width:100%; max-width:750px; margin-left:auto; margin-right:auto; padding:0; background:#fff; overflow:hidden;}
.related_title{width:100%; height:.88rem; overflow:hidden; border-bottom:1px #eee solid;}
.related_title_txt{height:.32rem; font-size:.28rem; color:#0080FC; border-left:.04rem #0080FC solid; margin-left:.26rem; margin-top:.3rem; padding-left:.1rem; line-height:.35rem; overflow:hidden;}

/*资讯列表样式一*/
.zd_tw_n01{ width:7.5rem; margin-top:0.2rem; background:#ffff; border-top:1px solid #caddee;}
.zd_tw_n01 .div_img{ position:relative;}
.zd_tw_n01 .div_img img{width:100%;display:inline-block;}
.zd_tw_n01 .div_img span{ display:inline-block; position:absolute; left:0.3rem; bottom:0.2rem; font-size:0.32rem; color:#fff; line-height:0.4rem;}
.zd_tw_n01 p{ height:0.84rem; border-bottom:1px solid #eee;background:#fff;  border-top:1px solid #eeeacd; position:relative;
 }
.zd_tw_n01 p label{ display:inline-block; line-height:0.3rem; padding:0.26rem 0 0.28rem 0.66rem;color:#a0a0a0; font-size:0.28rem;}
.zd_tw_n01 p span{position:absolute; top:0.25rem; right:0.3rem; display:inline-block; border:1px solid #ef3c59; color:#ef3c59; font-size:0.24rem; line-height:0.24rem;
 padding:0.02rem 0.06rem;border-radius:0.04rem;}
.zd_tw_n01 p i{position:absolute; top:0.28rem; left:0.3rem;}
.zd_pi{ display: inline-block;
	background: url(../images/icon_comment.png) no-repeat;
	background-size: 0.28rem 0.28rem;
	width: 0.29rem;
	height: 0.28rem;
	}
	
/*资讯列表样式二*/
.zd_tw_n02{ padding:0.3rem; border-bottom:1px solid #e5e5e5;background:#fff; min-height:1.5rem;position:relative;}
.zd_tw_n02 img{ position:absolute; top:0.3rem; left:0.3rem; width:2.0rem; height:1.5rem;}
.zd_tw_n02 ul{ padding-left:2.3rem;}
.zd_tw_n02 h2{ font-size:0.34rem; line-height:0.5rem; height:1.0rem; max-height:1rem;overflow:hidden; color:#000;}
.zd_tw_n02 i{vertical-align: middle; margin-bottom:0.04rem; margin-left:0.04rem;}
.zd_hb{ display: inline-block;
	background: url(../images/new-hb.png) no-repeat;
	background-size: 0.24rem 0.32rem;
	width: 0.24rem;
	height: 0.32rem;
	}

.zd_tw_n02 p{ height:0.32rem; position:relative; margin-top:0.18rem; }
.zd_tw_n02 p i{position: relative;display: block;float: left;margin-left: 0.48em;}
.zd_tw_n02 p label{         display: block;
    float: left;
    line-height: 0.32rem;
    /* left: 1.20rem; */
    color: #a0a0a0;
    font-size: 0.28rem;
    /* top: 0.036rem; */
    position: relative;
    margin-left: 0.06rem;}
.zd_tw_n02 p span{ position: relative;
 /* top:0rem; */
 /* right:0rem; */
 display: block;
 border:1px solid #ef3c59;
 color:#ef3c59;
 font-size:0.24rem;
 line-height:0.24rem;
 padding:0.02rem 0.06rem;
 border-radius:0.04rem;
 float: left;
 margin-right:0.24rem  }
.zd_tw_n02 p em{ float:right; display:inline-block; line-height:0.32rem; font-size:0.28rem; color:#a0a0a0;}


/*资讯列表样式三*/
.zd_tw_n03{ padding:0.25rem 0.3rem; border-bottom:1px solid #e5e5e5;background:#fff;position:relative; overflow:hidden;}
.zd_tw_n03 h2{ font-size:0.34rem; line-height:0.42rem; color:#000; overflow:hidden; max-height:.42rem;}
.zd_tw_n03 ul{ margin-top:0.15rem;}
.zd_tw_n03 ul li{ float:left; width:31.9%; margin-left:2.15%;}
.zd_tw_n03 ul li:first-child{ margin-left:0;}
.zd_tw_n03 ul li img{ width:100%; height: 1.5rem;}
.zd_tw_n03 p{ height:0.32rem; position:relative; margin-top:0.15rem; }
.zd_tw_n03 p i{ display: block;position: relative;/* top:0.02rem; *//* left:0rem; */float: left;width:0.29rem;height:0.29rem }
.zd_tw_n03 p label{ display: block;line-height: 0.38rem;margin-left: 0.06rem;color:#a0a0a0;font-size:0.28rem;float: left;}
.zd_tw_n03 p span{
 position: relative;
 /* top:0rem; */
 /* right:0rem; */
 display: block;
 border:1px solid #ef3c59;
 color:#ef3c59;
 font-size:0.24rem;
 line-height:0.24rem;
 padding:0.02rem 0.06rem;
 border-radius:0.04rem;
 float: left;
 margin-right:0.24rem
 }
 
.zd_tw_n03 p em{ float:right; display:inline-block; line-height:0.32rem; font-size:0.28rem; color:#a0a0a0;}

/*资讯列表样式四*/
.zd_tw_n04{ padding:0.25rem 0.3rem; border-bottom:1px solid #e5e5e5;background:#fff;position:relative;}
.zd_tw_n04 h2{ font-size:0.34rem; line-height:0.42rem; color:#000; overflow:hidden; position:relative;}
.zd_tw_n04 h2 span{position:absolute; top:0.05rem; right:0rem; display:inline-block; border:1px solid #000000; color:#000000; font-size:0.24rem; line-height:0.24rem;
 padding:0.02rem 0.06rem;border-radius:0.04rem;}
.zd_tw_n04 ul{ margin-top:0.15rem;}
.zd_tw_n04 ul li{ width:100%;}
.zd_tw_n04 ul li img{ width:6.90rem;}
.zd_tw_n04 p{ height:0.32rem; position:relative; margin-top:0.15rem; }
.zd_tw_n04 p i{position:absolute; top:0.02rem; left:0rem;}
.zd_tw_n04 p label{ display:inline-block; line-height:0.32rem; padding-left:0.36rem;color:#a0a0a0; font-size:0.28rem;}
.zd_tw_n04 p span{position:absolute; top:0rem; right:1rem; display:inline-block; border:1px solid #ef3c59; color:#ef3c59; font-size:0.24rem; line-height:0.24rem;
 padding:0.02rem 0.06rem;border-radius:0.04rem;}
.zd_tw_n04 p em{ float:right; display:inline-block; line-height:0.32rem; font-size:0.28rem; color:#a0a0a0;}

/*专题资讯*/
.subject_main_con{width:100%; max-width:750px; margin:0 auto; padding:0; background:#FFF; overflow:hidden; margin-bottom:.3rem;}
.subject_main_con h1{font-size:.48rem; line-height:.68rem; text-align:left; margin:0 auto; padding:0 .3rem; font-weight:normal; color:#087DFF;}
.subject_headerimg{width:100%; overflow:hidden;}
.subject_headerimg img{width:100%; display:block;}
.subject_desc{width:100%; border-bottom:1px #eee solid; margin:0 auto; padding:0; overflow:hidden; margin-top:.3rem;}
.subject_desc_con{width:92%; font-size:.28rem; color:#666; line-height:0.38rem; margin:0 auto; padding:0; margin-bottom:.2rem;}
.subject_desc_downbtn{width:100%; height:.75rem; background:#fff url(../images/down.png) no-repeat scroll center center / 0.57rem auto;}
.subject_desc_upbtn{width:100%; height:.75rem; background:#fff url(../images/up.png) no-repeat scroll center center / 0.57rem auto;}

.subject_cate_con{width:100%; min-height:1.16rem; overflow:hidden; padding-bottom:.3rem;}
.subject_cate_item{padding:.1rem .2rem; float:left; font-size:.32rem; color:#000; border:1px #eee solid; border-radius:0.15rem; margin-left:.3rem; margin-top:.3rem;}

.subject_item_con{width:100%; overflow:hidden;}
.subject_item_title{width:100%; height:.7rem; font-size:.28rem; color:#666; line-height:.7rem; background:#EAEDF2;}
.subject_item_title span{color:#087DFF; margin-right:.2rem; margin-left:.3rem;}
.subject_item_title_ico{width:100%; height:.7rem; margin:0 auto; padding:0;}
.subject_item_title_ico.down{background:url(../images/down.png) no-repeat center; background-size:25px auto;}
.subject_item_title_ico.up{background:url(../images/up.png) no-repeat center; background-size:25px auto;}
.subject_item_list{width:100%; overflow:hidden;}

/*图文直播*/
.living_tab{width:100%; max-width:750px; margin:0 auto; padding:0; height:.8rem; background:#FFF; border-top:1px #eee solid;}
.living_tab .kongbai{width:1.18rem; height:.8rem; float:left;}
.living_tab .tab{float:left; color:#000; margin-right:.6rem; height:.8rem; line-height:.8rem; font-size:.34rem;}
.living_tab .cur{color:#0080FD; border-bottom:.05rem #0080FD solid; height:.75rem;}
.living_tab .online_num{float:right; height:.8rem; line-height:.8rem; color:#A0A0A0; font-size:.28rem; margin-right:.3rem;}

.zd_pl_box{ padding:0.4rem 0.3rem 0.25rem 0.3rem; border-bottom:1px solid #eee; min-height:0.64rem; background:#fff; position:relative; z-index:2; overflow:hidden;}

.zd_pl_box .zd_tx{position:absolute; top:0.4rem; left:0.3rem;
    display: inline-block;
	width: 0.64rem;
	height: 0.64rem;
	border-radius:50%; overflow:hidden;}
.zd_pl_box ul,.zd_pl_box dl{ padding-left:0.84rem;}
.zd_pl_box ul li h2{ padding:0.06rem 0; line-height:0.5rem; font-size:0.3rem; color:#666;}
.zd_pl_box ul li h2 span{ font-size:0.28rem; color:#a0a0a0; padding-left:0.2rem;}
.zd_pl_box ul li h2.pl{ padding:0;line-height:0.36rem; font-size:0.3rem; color:#666; position:relative; z-index:102;}
.zd_pl_box ul li h2.pl span{line-height:0.4rem; font-size:0.28rem; padding-left:0rem; color:#a0a0a0; display:block;}
.zd_pl_box ul li h2.pl em{ position:absolute; top:0.06rem; right:0.84rem;  display:inline-block; width:0.62rem; height:0.64rem; padding:0 0.2rem; 
text-align:center; line-height:0.32rem; font-size:0.24rem; color:#a0a0a0; z-index:3;}
.zd_pl_box ul li h2.pl em i.zan{ display:block;background: url(../images/z1-1.png) no-repeat; width:0.32rem;height: 0.32rem;background-size: 0.32rem 0.32rem; margin:0 auto; text-align:center;}
.zd_pl_box ul li h2.pl em i.ding{ display:block;background: url(../images/z1-2.png) no-repeat; width:0.32rem;height: 0.32rem;background-size: 0.32rem 0.32rem; margin:0 auto; text-align:center;}
.zd_pl_box ul li h2.pl em:last-child{ border-left:0.02rem solid #eee; padding-right:0rem;right:0rem;}
.zd_pl_box ul li h2.pl em.no_left{ border-left:none; }
.zd_pl_box ul li p{ padding:0.06rem 0;line-height:0.5rem; font-size:0.34rem; color:#000; word-break: break-all; text-align:justify;text-justify:inter-ideograph;}
.zd_pl_box ul li p video{width:100%; height:auto;}
.zd_pl_box dl{ margin-top:0.25rem; }
.zd_pl_box dl dd{ padding:0.2rem 0.3rem; background:#f5f6f8; border-bottom:1px solid #fff;}
.zd_pl_box dl dd:last-child{  border-bottom:none;}
.zd_pl_box dl dd h2{line-height:0.5rem; font-size:0.3rem; color:#666;}
.zd_pl_box dl dd h2 span{ font-size:0.28rem; color:#a0a0a0; padding-left:0.2rem;}
.zd_pl_box dl dd p{ padding:0.16rem 0;line-height:0.5rem; font-size:0.34rem; color:#000; }

.zd_pop_i01{position:absolute;top:1.14rem; left:2.2rem;  width:2.82rem; height:0.72rem;}
.zd_pop_i01 ul{  background-color: rgba(51, 51, 51, 0.8); width:100%; height:0.6rem;border-radius:0.04rem;}
.zd_pop_i01 ul li{ float:left; width:1.4rem; margin:0.08rem 0;position:relative; border-left:0.02rem solid #fff;}
.zd_pop_i01 ul li:first-child{ border-left:none;}
.zd_pop_i01 ul li i{position:absolute;top:0.07rem; left:0.2rem;
	width: 0.32rem;
	height: 0.32rem;}
.zd_pop_i01 ul li i.i_jb{background: url(../images/icon_jubao.png) no-repeat; background-size: 0.32rem 0.32rem;}
.zd_pop_i01 ul li i.i_hf{background: url(../images/icon_huifu.png) no-repeat; background-size: 0.32rem 0.32rem;}
.zd_pop_i01 ul li span{ padding-left:0.64rem;text-align:left;  font-size:0.26rem; line-height:0.44rem; color:#fff;}
.zd_pop_i01 p{ position:relative;}
.zd_pop_i01 em { position:absolute; left:1.27rem; top:0rem;
     display:inline-block;
    width: 0;
    height: 0;
    border-left: 0.14rem solid transparent;
    border-right: 0.14rem solid transparent;
    border-top: 0.12rem solid rgba(51, 51, 51, 0.8);
}
.zd_pop_i02{position:absolute;top:4.14rem; left:3.2rem;  width:1.4rem; height:0.72rem;}
.zd_pop_i02 ul{  background-color: rgba(51, 51, 51, 0.8); width:100%; height:0.6rem;border-radius:0.04rem;}
.zd_pop_i02 ul li{ float:left; width:1.4rem; margin:0.08rem 0;position:relative; border-left:1px solid #fff;}
.zd_pop_i02 ul li:first-child{ border-left:none;}
.zd_pop_i02 ul li i{position:absolute;top:0.07rem; left:0.2rem; display:inline-block;
	width: 0.32rem;
	height: 0.32rem;}
.zd_pop_i02 ul li i.i_jb{background: url(../images/icon_jubao.png) no-repeat; background-size: 0.32rem 0.32rem;}
.zd_pop_i02 ul li i.i_hf{background: url(../images/icon_huifu.png) no-repeat; background-size: 0.32rem 0.32rem;}
.zd_pop_i02 ul li span{ padding-left:0.64rem;text-align:left;  font-size:0.26rem; line-height:0.44rem; color:#fff;}
.zd_pop_i02 p{ position:relative;}
.zd_pop_i02 em { position:absolute; left:0.56rem; top:0rem;
     display:inline-block;
    width: 0;
    height: 0;
    border-left: 0.14rem solid transparent;
    border-right: 0.14rem solid transparent;
    border-top: 0.12rem solid rgba(51, 51, 51, 0.8);
}

.zd_pop_i03{background-color: rgba(51, 51, 51, 0.8); width:100%; height:1.5rem;border-radius:0.08rem;}
.zd_pop_i03 h2{padding-top:0.28rem;text-align:center; margin:0 auto;  }
.zd_pop_i03 i{ display:inline-block; 
background: url(../images/icon_ok.png) no-repeat; background-size: 0.5rem 0.5rem;width: 0.5rem;
	height: 0.5rem;}
.zd_pop_i03 p{ text-align:center; line-height:0.6rem; font-size:0.3rem; color:#fff; padding-left:0.08rem}


.zd_pop_i04{background-color: rgba(51, 51, 51, 0.8); width:100%; height:1.5rem;border-radius:0.08rem;}
.zd_pop_i04 h2{padding-top:0.28rem;text-align:center; margin:0 auto;  }
.zd_pop_i04 i{ display:inline-block; 
background: url(../images/icon_ok.png) no-repeat; background-size: 0.5rem 0.5rem;width: 0.5rem;
	height: 0.5rem;}
.zd_pop_i04 p{ text-align:center; line-height:0.6rem; font-size:0.3rem; color:#fff; padding-left:0.08rem}

.zd_pop_i05{background-color: rgba(51, 51, 51, 0.8); width:100%; height:1.5rem;border-radius:0.08rem;}
.zd_pop_i05 h2{padding-top:0.28rem;text-align:center; margin:0 auto;  }
.zd_pop_i05 i{ display:inline-block; 
background: url(../images/icon_loading.gif) no-repeat; background-size: 0.5rem 0.5rem;width: 0.5rem;
	height: 0.5rem;}
.zd_pop_i05 p{ text-align:center; line-height:0.6rem; font-size:0.3rem; color:#fff; padding-left:0.08rem}

.zd_pop_i06{background-color: rgba(51, 51, 51, 0.8); width:100%; height:1.5rem;border-radius:0.08rem;}
.zd_pop_i06 h2{padding-top:0.28rem;text-align:center; margin:0 auto;  }
.zd_pop_i06 i{ display:inline-block; 
background: url(../images/icon_T.png) no-repeat; background-size: 0.5rem 0.5rem;width: 0.5rem;
	height: 0.5rem;}
.zd_pop_i06 p{ text-align:center; line-height:0.6rem; font-size:0.3rem; color:#fff; padding-left:0.08rem}

.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}

/* -------------------------------- 

Main components 

-------------------------------- */
.cd-popup,.cd-popup-01,.cd-popup-02,.cd-popup-03,.cd-popup-04,.cd-popup-05,.cd-popup-06,.cd-popup-07,.cd-popup-08,.cd-popup-09,.cd-popup-10,.cd-popup-11{
  position: fixed;
  left: -100%;right:100%;
  top:0;bottom: 0;
  text-align: center;
  font-size: 0;
  left: 0;
  top: 0;
  z-index:1001;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup-03,.cd-popup-04{ background-color: rgba(51, 51, 51, 0.7);}
.cd-popup:after,.cd-popup-01:after,.cd-popup-02:after,.cd-popup-03:after,.cd-popup-04:after,.cd-popup-05:after,.cd-popup-06:after,
.cd-popup-07:after,.cd-popup-08:after,.cd-popup-09:after,.cd-popup-10:after,.cd-popup-11:after 
{content:"";display: inline-block;vertical-align: middle;height: 100%;width: 0;}

.cd-popup.is-visible,.cd-popup-01.is-visible,.cd-popup-02.is-visible,.cd-popup-03.is-visible,.cd-popup-04.is-visible,.cd-popup-05.is-visible,
.cd-popup-06.is-visible,.cd-popup-07.is-visible,.cd-popup-08.is-visible,.cd-popup-09.is-visible,.cd-popup-10.is-visible,.cd-popup-11.is-visible{
 opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  width: 2.4rem;
 display: inline-block; *display: inline; *zoom:1;	vertical-align: middle;position: relative;
  text-align: center;
  -webkit-transform: translateY(-0px);
  -moz-transform: translateY(-0px);
  -ms-transform: translateY(-0px);
  -o-transform: translateY(-0px);
  transform: translateY(-0px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-popup-hbdiv {width: 7.1rem;}
.zd_pop_ha{ width:100%;background: url(../images/bg-1.png) top center no-repeat; background-size: 7.1rem 7.74rem; min-height:10.34rem;}
.zd_pop_ha .ha_top_div{background: url(../images/bg-2.png) top center no-repeat; background-size: 7.1rem 7.74rem; min-height:6.4rem;}
.zd_pop_ha .ha_top_div i{ display:inline-block; margin:0 auto; margin-top:2.54rem; text-align:center;width: 1.35rem;height: 1.44rem;
background: url(../images/logo.png) no-repeat; background-size: 1.35rem 1.44rem;}
.zd_pop_ha .ha_top_div p{ padding-top:0.28rem; font-size:0.38rem; line-height:0.5rem; font-weight:bold; color:#ffd83b; text-align:center;}


.zd_pop_hb{ width:100%;background: url(../images/bg-1.png) top center no-repeat; background-size: 7.1rem 7.74rem; min-height:10.34rem;}
.zd_pop_hb .hb_top_div{background: url(../images/bg-4.png) top center no-repeat; background-size: 7.1rem 7.74rem; min-height:6.4rem;}

.zd_pop_hb .hb_top_div h2{ padding-top:2.48rem; font-size:0.28rem; line-height:0.4rem; font-weight:bold; color:#fff; text-align:center;}
.zd_pop_hb .hb_top_div span{ display:block; text-align:center; padding-top:0.72rem; line-height:0.86rem; font-size:0.8rem; color:#ffea00;}
.zd_pop_hb .hb_top_div span em{font-size:0.34rem; padding-left:0.04rem;}
.zd_pop_hb .hb_top_div p{ padding-top:0.36rem; font-size:0.24rem; line-height:0.36rem;  color:#fff; text-align:center;}
.zd_pop_hb .hb_min_tit{ width:5.3rem; margin:0 auto; text-align:center; margin-top:0.48rem; position:relative;}
.zd_pop_hb .hb_min_tit li{border-top:1px solid #b3b3b3; width:1.35rem;}
.zd_pop_hb .hb_min_tit li:first-child{ position:absolute; top:0; left:0;}
.zd_pop_hb .hb_min_tit li:last-child{ position:absolute; top:0; right:0;}
.zd_pop_hb .hb_min_tit h2{  margin-top:-0.16rem; line-height:0.30rem; padding:0 0.1rem; font-size:0.24rem; display:inline-block;
color:#fff;}
.zd_pop_hb .hb_min_box{ width:5.5rem; margin:0 auto; text-align:center; padding-top:0.3rem;}
.zd_pop_hb .hb_min_box a{ width:25%; display:inline-block;}
.zd_pop_hb .hb_min_box a i{ display:inline-block;width: 0.8rem;height: 0.8rem;}
.zd_pop_hb .hb_min_box a i.fx01{background: url(../images/btn_share_1.png) no-repeat; background-size: 0.8rem 0.8rem;}
.zd_pop_hb .hb_min_box a i.fx02{background: url(../images/btn_share_2.png) no-repeat; background-size: 0.8rem 0.8rem;}
.zd_pop_hb .hb_min_box a i.fx03{background: url(../images/btn_share_3.png) no-repeat; background-size: 0.8rem 0.8rem;}
.zd_pop_hb .hb_min_box a i.fx04{background: url(../images/btn_share_4.png) no-repeat; background-size: 0.8rem 0.8rem;}
.zd_pop_hb .hb_min_box a span{display:block; width:100%; padding-top:0.12rem; line-height:0.32rem; text-align:center; font-size:0.24rem;
color:#cacaca;}

.cd-popup-container .cd-top-close{position: absolute;
  top:  0.8rem;
  right: 0.6rem;
  width: 0.48rem;
  height: 0.48rem;
   background: url(../images/btn_cacle.png) no-repeat;
   background-size:0.48rem 0.48rem;}

/*底部*/
#foot_div {
	height:0.98rem;
	text-align: center;
	width:100%;
	margin:0 auto;
	z-index:98;
	position:fixed;
	bottom:0px;
	left:0;
    border-top:1px #eee solid;
	background:#fff;
}

.foot_bar{width:100%; max-width:750px; height:.98rem; margin:0 auto; padding:0; margin-top:.25rem;}
.foot_bar .back_ico{width:.2rem; height:.38rem; background:url(../images/btn_back.png) no-repeat center; background-size:100%; margin-left:.3rem; float:left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin-top:.05rem;}
.foot_bar .comment_input{width:6.9rem; height:.56rem; margin:0 auto; padding:0; margin-top:-.05rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.foot_bar .comment_input input{width:6.9rem; height:.56rem; margin:0 auto; border:1px #eee solid; color:#A0A0A0; font-size:.28rem; line-height:.65rem; background-image:url(../images/icon_note.png); background-repeat:no-repeat; background-position:.2rem; background-size:.32rem .32rem; padding-left:.6rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border-radius:4px;}
.foot_bar .comment_num_ico{width:.38rem; height:.38rem; font-size:.24rem; float:left; background:url(../images/bg_comment.png) no-repeat; background-size:100%; float:left; margin-left:.52rem; margin-top:.07rem; text-align:center; color:#fff; line-height:.34rem; position:relative;}
.foot_bar .comment_num_ico span{position:absolute; z-index:3; top:-.08rem; left:.13rem; color:#007aff; font-size:0.22rem; font-weight:bold; background:#FFF; display:block; margin:0; padding:0; line-height:.22rem; min-width:.42rem; text-align:center;}
.foot_bar .share_ico{width:.38rem; height:.39rem; float:left; background:url(../images/btn_share.png) no-repeat; background-size:100%; margin-left:.52rem; margin-top:.04rem;}

#foot_div .hb_div {
	background:none;
	height:0.94rem;
	width:100%;
	max-width:750px;
	min-width:320px;
	color:#fff;
	margin:0 auto;
	margin-top:-1.2rem;
	position:relative
}


.hb_div {height:0.94rem;
	overflow: hidden;
	text-align: center;
	width:0.9rem;
	margin:0 auto;
	z-index:98;
	position:fixed;
	bottom:1.2rem;
	right:0.3rem;
}
.hb_div a{ display:inline-block;
background: url(../images/bot_hb.png) no-repeat;
	background-size: 0.88rem 0.94rem;
	width: 0.88rem;
	height: 0.94rem;
}
.comment_con{width:100%; height:2.8rem; background:#FFF; position:fixed; left:0px; bottom:0px; z-index:999;}
.comment_con_title{width:100%; max-width:750px; margin:0 auto; padding:0; height:.8rem; border-bottom:1px #eee solid ;border-top:1px #eee solid;}
.close-comment{width:.8rem; height:.8rem; float:left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.comment-title{width:5.9rem; height:.8rem; float:left; text-align:center; font-size:.38rem; line-height:.8rem;}
.send-comment{width:.8rem; height:.8rem; float:right; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.comment_con_txt{width:100%; height:3.85rem; margin:0 auto; padding:0;}
.comment_con_txt textarea{width:6.0rem; height:1.2rem; display:block; margin:0 auto; padding:.15rem 0px; border:0px;}

.news_ad{padding: 0.08rem 0.3rem}
.news_ad img{width: 100%}
.news_ad p{color: red;text-indent: 0.1rem}

[v-cloak] {
    display: none;
}

video,
audio{
    display: block;
    width: 100%;
}

emsp::after{content: '　';}
/* 图片预览 */
.mask-dialog{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: #000;
    z-index: 9999;
    display: none;
  }
  .close-img{
    width: 0.72rem;
    height: 0.72rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -20%);
    transform: translate(-50%, -20%);
    z-index: 10;
  }
  .swiper-container-other{
    width: 100%;
    height: 100%;
    position: relative;
  }
  .swiper-container-other .swiper-wrapper .swiper-slide{
    width: 100%;
    height: 100%;
  }
 .swiper-container-other .swiper-wrapper .swiper-slide img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    position:absolute;
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .swiper-container-other .swiper-wrapper h2{
    padding: 0.2rem;
    font-size: 0.4rem;
    line-height: 0.6rem;
  }
  .swiper-container-other .swiper-wrapper p{
    font-size: 0.32rem;
    line-height: 0.6rem;
    color: #999999;
    padding: 0 0.2rem 0.2rem 0.2rem;
  }
  .swiper-container-other .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-other .swiper-container-horizontal > .swiper-pagination-bullets{
    bottom: 0.3rem;
    left: 0rem !important;
    width: 15% !important;
    left: inherit !important;
    font-size: 0.32rem;
    background: rgba(0,0,0,0.5);
    color: #fff;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
  }

.report-btn {
  width: 2.34rem;
  height: 0.65rem;
  color: rgba(51, 51, 51, 0.8);
  font-size: 0.26rem;
  text-align: center;
  background-color: #F7F7F7;
  margin: 0 auto 0.3rem auto;
  border: 1px solid #A3A4A4;
  border-radius: 33px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.report-btn::before {
  content: '';
  width: 0.36rem;
  height: 0.36rem;
  margin: 0 0.28rem 0 0;
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(../images/iconReport.png);
}