@charset "UTF-8";
/* 页默认样式 */

html {
  /*font-size: 100px;*/
  height: 100%;
  background: #fff;
  overflow-y: scroll;
  max-width: 100%;
}

@media only screen and (min-width: 320px) {
  html {

    font-size: 9.6px !important;

  }

  /*.homeSpecilLiImg {
    height: 5.7rem !important;
  }*/
}

@media only screen and (min-width: 360px) {
  html {

    font-size: 10.75px !important;

  }

  /*.homeSpecilLiImg{*/
  /*height: 6.3rem !important;*/
  /*}*/
}

@media only screen and (min-width: 375px) {
  html {
    font-size: 11.25px !important;
  }
}

@media only screen and (min-width: 414px) {
  html {
    font-size: 12.42px !important;
  }
}

@media only screen and (min-width: 768px) {
  html {
    font-size: 23.04px !important;
  }
}

@media only screen and (min-width: 1024px) {
  html {
    font-size: 30.72px !important;
  }
}

* {
  margin: 0;
  padding: 0;
  /*word-break: break-all;*/
  word-wrap: break-word;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.a {
  text-decoration: none;
}
img {
  border: none;
}

body {
  over-flow-x: hidden;
  position: relative;
  min-height: 100%;
  font-size: 1.333rem;
  /*font-size: 0.15rem;*/
  /*font-size: 1.333rem;*/
  /*font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Segoe UI", Tahoma, Arial, STHeiti, sans-serif;*/
  overflow: hidden;
  /*background: #0B0A05;*/
  padding-right: 0px !important;
  color: #000;
  /*line-height: 1.8;*/
}

img {
  max-width: 100%;
}

ul,
li {
  list-style-type: none;
}

div,
ul,
li,
p,
tl,
td,
dd,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
}

a {
  font-size: 1.244rem;
  text-decoration: none;
  color: #333333;
}

a:focus,
a:active,
a:hover,
a:visited {
  text-decoration: none;
  color: #e60013;
}

.navig ul li {
  float: left;
}

#loHea {
  width: 100%;
  background: #eee;
  font-size: 0.12rem;
  height: 3.911rem;
  position: relative;

}

#loHea:after {
  display: block;
  content: "";
  clear: both;
}

.arousel-caption-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

#loHea>div {
  float: left;
  text-align: center;
}

.logo:after {
  display: block;
  clear: both;
  content: "";
}

.logo {
  width: 70%;
  height: 3.911rem;
}

.logo2 {
  position: absolute;
  right: 1.333rem;
}


#logi {
  display: block;
}

.logTabTex {
  padding-bottom: 20px;
}

.logTab,
.logTabTex {
  z-index: 1;
}

#carousel-caption {
  text-align: left;
  position: absolute;
  left: 0;
  right: 0;
  height: 3.0rem;
  width: 100%;
  /*background: #000;*/
  opacity: 1;
  filter: Alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  bottom: 0.444rem;
  padding-top: 9px;
  padding-left: 1.333rem;
  padding-right: 55px;
  z-index: 20;
}

#carousel-caption p {
  position: absolute;
  top: 0.711rem;
  right: 1.333rem;
}

.logTab {
  filter: Alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  background: #000;
}

.logTabTex p {
  padding: 6% 0;
}

/*.logTabTex p:first-child{*/
/*!*border-bottom: 1px solid #3c3c3c;*!*/
/*!*box-shadow: 0 1px #000;*!*/
/*}*/
.logTabTex p button .btn-danger {
  padding: 6px 30px;
}

#loHea .navcolla span {
  background: #000;
  display: block;
  width: 20px;
  height: 3px;
  margin: 3px;
}

.gation {
  width: 100%;
  position: fixed;
}

#navList a {
  color: #fff;
}

.nav {
  overflow: hidden;
  width: 100%;
  height: 3.911rem;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  /*background: #000;*/
}

.gation .nav ul {
  position: absolute;
  height: 3.911rem;
  left: 0;
  line-height: 3.911rem;
  text-align: center;
  background: #ffffff;
  cursor: pointer;
}

.gation .nav ul li {
  /*float: left;*/
  /*text-align: center;*/
  float: left;
  height: 3.911rem;
  position: relative;
}

.gation .nav ul li a {
  color: #333333;
  text-decoration: none;
  font-size: 1.6rem;
}

.gation .nav ul li a:hover {
  /*border-bottom:2px solid #000000;*/
}

.navBotLine {
  width: 15px;
  height: 2px;
  background: #e60013;
  position: absolute;
  bottom: 8px;
  left: 36%;
  display: none;
}

.channel_list ul li {
  border-radius: 6px;
  border: 1px solid #eee;
  float: left;
  padding: 0.355rem 0px;
  /* background: #eee; */
  margin: 0.444rem 0.888rem;
  text-align: center;
  width: 19%;
}

.navActive {
  border-bottom: 1px solid #e60013;
}

.gation span {
  line-height: 36px;
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  right: 0;
  width: 7%;
  height: 3.911rem;
  text-align: center;
}

/*banner*/
#banner {
  width: 100%;
  height: 100%;
}

#banner .banner {
  width: 100%;
  height: 100%;
  float: left;
}

#banner .banner img {
  width: 100%;
}

#banner:after {
  content: "";
  display: block;
  clear: both;
}

#homeCont {
  width: 100%;
  overflow: hidden;
}

#homeCont .homArt {
  width: 65%;
  overflow: hidden;
  float: left;
}

#homeCont .homArt>ul>li {
  overflow: hidden;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}

#homeCont .homArt>ul>li {
  display: block;
  content: "";
  clear: both;
  margin: 0.888rem 0 20px 0;
}

#homeCont .homArt .arText {
  width: 60%;
  float: left;
}

#homeCont .homArt .arText>div {
  position: relative;
  padding: 0.888rem0.444rem;
  margin: 0.888rem 0;
}

#homeCont .homArt .arText:after,
#homeCont .homArt .arText div:after {
  display: block;
  content: "";
  clear: both;
}

#homeCont .homArt .arText div span,
#homeCont .homArt .arText div h2 {
  float: left;
}

#homeCont .homArt .arText div span {
  display: block;
  border: 1px solid #666666;
  padding: 0 0.888rem;
  position: absolute;
  bottom: 0;
  right: 0;
}

#homeCont .homArt .arText .arTextCon {
  font-size: 0.12rem;
}

#homeCont .homArt .arText .arTtile {
  color: #333333;
  border-right: 1px solid #666666;
}

#homeCont .homArt .arText .artDecrip li {
  float: left;
  padding: 0 0.1rem;
}

#homeCont .homArt .arimg {
  width: 35%;
  float: left;
  position: relative;
  height: 95px;
}

#homeCont .homArt .arimg img {
  width: 100%;
  height: 100%;
}

#homeCont .homArt .arimg span {
  padding: 0.444rem 0.888rem;
  background: #000000;
  opacity: 0.1;
  filter: alpha(opacity=0.1);
  border-radius: 3px;
  position: absolute;
  bottom: 0;
  right: 0;
}

#homeCont .hAside {
  float: left;
  width: 35%;
}

.anews,
.aauto {
  overflow: hidden;
  margin-top: 0.888rem;
}

.atupho {
  border: 1px solid #666666;
  width: 40px;
  height: 40px;
}

.aauto p:after {
  content: "";
  display: block;
  clear: both;
}

.anews h5,
.aauto h5 {
  float: left;
}

.anews a,
.aauto a {
  float: right;
}

.anews p h5,
.aauto p h5 {
  float: left;
}

.anews p a,
.aauto p a {
  float: left;
}

.anews ul {
  margin-top: 0.888rem;
}

.anews ul li {
  padding: 0.888rem 0;
}

.autoDeta li p.atupho {
  width: 30%;
  float: left;
}

.autoDeta li p.atname {
  width: 70%;
  overflow: hidden;
}

.autoDeta li div {
  float: left;
  margin-left: 0.888rem;
}

.loadbtn {
  width: 100%;
}

footer {
  width: 100%;
  margin-top: 30px;
  border-top: 1px solid #666;
}

.fiBtn div {
  position: fixed;
  right: 0%;
  width: 3.333333333333333rem;
  height: 3.333333333333333rem;
  bottom: 20%;
  line-height: 3.333333333333333rem;
  text-align: center;
  z-index: 100;
}

.fiBtn div span {
  color: #000;
}

.fiBtnTop div {
  margin-bottom: 47px;
  position: fixed;
  right: 0%;
  width: 40px;
  height: 40px;
  bottom: 20%;
  line-height: 40px;
  text-align: center;
  z-index: 100;
}

.fiBtnTop div span {
  color: #000;
}

.loadmore {
  bottom: 20%;
  transform: translatey(-40px);
}

#gotoTop {
  display: none;
  position: fixed;
  top: 80%;
  left: 90%;
  cursor: pointer;
  padding: 0.355rem 0.355rem;
  width: 50px;
  border-radius: 50px;
  height: 50px;
}

#gotoTop.hover {
  background: #e0e0e0;
  color: #fff;
  text-decoration: none;
}

.arrow {
  width: 0;
  height: 0;
  margin: 0 auto;
  border: 9px solid transparent;
  border-bottom-color: #aaa;
}

.stick {
  width: 0.711rem;
  height: 14px;
  margin: 0 auto;
  border-radius: 1px;
  background-color: #aaa;
}

.sigText p {
  font-weight: 700;
}

/*.home_vedios{
  position: relative;
}
.vedio_decription{
    overflow: hidden;
}
.vedio_decri_lef{
    float: left;
}
.vedio_decri_rig{
    float: right;
}
.vedio_rig_num{
    margin-right: 0.888rem;
}
.vedio_title{
    color: #000000;
    font-weight: 700;
    font-size: 1.422rem;
}*/
.vedio_decri_lef {
  position: absolute;
  bottom: 0;
}

.vedio_title {
  margin-bottom: 1.333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*早间头条*/
.headN_he {
  padding: 1.333rem 1.333rem 0.888rem 1.333rem;
  position: relative;
}

.headN_he_title {
  top: 2.133rem;
  position: absolute;
  left: 4.977rem;
  font-size: 1.422rem;
}

.headN_heMor {
  text-align: right;
  padding: 0 1.333rem 1.333rem 0;
}

.headN_heMorImg {
  position: relative;
  top: -2px;
}

.headN_heMorImg img {
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
}

.heade_news {
  position: relative;
  width: 117.77rem;
  /*height: 170px;*/
  overflow: hidden;
}

.heade_news_first {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0.888rem 1.333rem;
  overflow: hidden;
}

.heade_news_con {
  float: left;
  padding: 0.444rem 0;
}

.heade_news_img {
  float: right;
}

.heade_news_img {
  width: 100px;
  height: 100px;
  border: 1px solid #eee;
}

.heade_news_img img {
  width: 100%;
  height: 100%;
}

.news_border {
  display: inline-block;
  width: 2px;
  height: 0.888rem;
  background: #eee;
}

.heNew_second>p {
  padding: 0.888rem 1.333rem;
}

.heNew_trd {
  padding: 0.888rem 1.333rem;
}

.heNew_trd_head {
  margin: 0.888rem 0;
}

.heNew_trd_head,
.heNew_trd_con {
  overflow: hidden;
}

.new_trd_lf {
  float: left;
}

.new_trd_rg {
  float: right;
}

.heNew_trd_con ul li {
  width: 30%;
  height: 100px;
  float: left;
  margin: 0 1%;
  border: 1px solid #eee;
}

.heNew_firs,
.heNew_second,
.heNew_trd {
  float: left;
  width: 100%;
}

.news_par {
  position: relative;
  height: 300px;
}

.heade_news {
  position: absolute;
  left: 0;
  top: 0;
}

.channel_list {
  padding-bottom: 30px;
  width: 100%;
  /* height: 300px; */
  position: absolute;
  background: #fff;
  z-index: 1;
  top: 50px;
  /*top值和导航高度一致*/
}

.channel_list ul {
  overflow: hidden;
}

/*yxapp*/
.xyapp {
  margin: 30px 1.333rem;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  z-index: 1;
  position: relative;
}

.xyapp img {
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
}

/*相关推荐*/
.detailActComm {
  margin: 1.333rem;
}

.detailActComm span {
  border-left: 2px solid #FCA204;
  padding: 0 0.888rem;
}

.bannerFootBage {
  color: #fc9105;
  font-size: 1.6rem;
  font-weight: 700;
}

.logTabTex p {
  margin: 1.333rem 0;
  overflow: hidden;
  padding: 0 1.333rem;
}

.btns1 {
  /* float: left;
  width: 13.33rem;
  border: 1px solid #e60013;
  background: #ffffff; */
}

.btns1 a {
  color: #fc9105;
}

.btns2 {
  /* float: right;
  width: 13.33rem;
  background: #e60013; */

}

.btns2 a {
  color: #ffffff;
}

/*详情分享收藏点赞*/
.detailFiconList {
  overflow: hidden;
  padding: 1.333rem;
  z-index: 1;
  position: relative;
}

.detailFiconList li {
  float: left;
  /*width: 30%;*/
  width: 100%;
  text-align: center;
}

.detailFiconList img,
.DetailConMor img {
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
}

/*详情头部*/
.detailHeaTi-title {
  font-size: 2.133333333rem;
  padding: 1.333rem;
  color: #333333;
  font-weight: bold;
  text-align: justify;
}

.sub-title {
  font-size: 1.25rem;
  padding: 0 1.25rem 1.25rem;
  color: #999;
  text-align: justify;
}

/*订阅号--by cxb*/
.takeBlock {
	padding: 1.333rem;
}

.takeColumnIcon {
	width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
}

.takeName {
	color: #000;
    /* font-size: 0.4rem; */
    margin-bottom: 0.05rem;
}

.takeTime {
	color: #999;
    /* font-size: 0.4rem; */
}

.takeCare {
	height: 2.08rem;
    color: #fff;
    padding: 0 0.625rem;
    line-height: 2.08rem;
    background-color: #FF5A5E;
    font-size: 1.08rem;
    border-radius: 0.25rem;
    flex-basis: 4.17rem;
}
/*订阅号end--by cxb*/

.detail-author {
  padding: 0 1.25rem 1.25rem;
  color: #CCC;
}

.detailHeaTi-cons {
  /* display: flex;
  justify-content: space-between;
  align-items: center; */
  padding: 0 1.25rem 1.25rem 1.25rem;
  overflow: hidden;
}

.detailHeaTi-con {
  font-size: 1.333333333rem;
  color: #999;
  float: left;
}

.detailHeaTi-con span {
  /* margin-right: 1.25rem; */
}

.detailHeaTi-gre {
  font-size: 1.155rem;
  color: #CCCCCC;
  float: right;
}

.DetailConMor {
  text-align: center;
  padding: 1.333rem;
}

.coment-footer {
  padding: 0.888rem 1.333rem;
}

/**homeCom样式*/
.news_border {
  width: 2.666rem;
  height: 2.666rem;
  border-radius: 50%;
  overflow: hidden;
}

.news_border img {
  width: 100%;
  height: 100%;
}

.mulPicBox {
  padding: 1.25rem 0;
  display: flex;
  justify-content: space-between;
}

.mulPic {
  float: left;
  width: 9.33rem;
  height: 5.248rem;
  position: relative;
}

.mulPic2 {
  margin: 0 0.625rem;
}

.mulPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.homeMutiTtile {
  font-size: 1.333rem;
  color: #333333;
  font-weight: 400;
}

.homeMutiTtileTex {
  padding: 0 1.25rem;
  margin-top: 1.25rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.homeLiveInfoTitle {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.homeArtiTitle {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mulPicBoxOuter {
  margin: 0 1.333rem;
  border-bottom: 1px solid #e3e3e3;
}

.homeArtiText span,
.homeArtiText em {
  font-size: 1.155rem;
  color: #999999;
}

.homeArtiText em {
  /* margin-right: 1.333rem; */
  font-style: normal;
  color: #999999;
}

.mulPicFootText {
  font-size: 1.155rem;
  color: #999;
  padding-bottom: 1.25rem;
  position: relative;
}
.mulPicFootText span{
  font-size: 1.155rem;
}

.home_vedios {
  overflow: hidden;
  position: relative;
}

.homeVedioTitle {
  float: left;
  width: 60%;
}

.home_vedio_con {
  float: right;
  width: 11.33rem;
}

.home_vedio_con img {
  width: 100%;
  height: 6.373rem;
  object-fit: cover;
}

.homeLiveInfo {
  margin: 0 1.25rem;
  border-bottom: 1px solid #e3e3e3;
}

.homeLiveInfoPic {
  width: 100%;
  height: 16.4rem;
  margin: 1.25rem 0;
  position: relative;
}

.homeLiveInfoPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*.vedio_decription{
    position: absolute;
    bottom: 0;
}*/
.homeSpecilLi {
  overflow: hidden;
}

.homeSpecilLiCont {
  /*width: 55%;*/
  width: 59%;
  /*width: 13rem;*/
  height: 100%;
  position: relative;
  color: #333333;
  font-size: 1.333rem;
  /*margin-right: 5%;*/
}

/*.homeSpecilLiImgTwo{
    margin-left: 5%;
}*/
.homeSpecilLiImg {
  /*width: 9rem;*/
  width: 11.33rem;
  height: 6.373rem;
  /*margin-left: 5%;*/
  float: left;
}

.homeSpecilLiCont {
  /*float: left;*/
  /*height: 6.844rem;*/
  width: calc( 100% - 12.663rem);
  height: 6.373rem;
  float: right;
}

.homeSpecilLiCont>div {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.homeSpecilLiImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.homeSpecilLiContText {
  position: absolute;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 100%;
  color: #999999;
  font-size: 1.155rem;
  bottom: 0rem;
}

.homeSpecilLiContText em {
  font-style: normal;
  color: #999999;
  font-size: 1.155rem;
}

em {
  font-style: normal;
  font-size: 1.155rem;
  color: #999999;
  padding-bottom: 1.333rem;
  position: relative;
  font-style: normal;
}

.homeSpecilLiContText span {
  /*margin-left: 0.711rem;*/
  font-size: 1.155rem;
  color: #999999;
}

.commTextarea {
  width: 100%;
  height: 7.11rem;
  padding: 0.88rem;
}

.popClass {
  z-index: 10;
  width: 100%;
  opacity: 0.5;
  height: 3.911rem;
  background: #000;
  position: absolute;
  bottom: 0;
}

.logo3 {
  left: 4.1777rem;
}

/*全局loading图标*/
.globalLoading {
  left: 50%;
  top: 10rem;
  opacity: 1;
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

@media only screen and (min-width: 320px) {
  .logo2 {
    top: 0.335rem;
  }

  .logo img {
    float: left;
    /*transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);*/
  }

  .logo img.logo1 {
    position: relative;
    left: -0.888rem;
    bottom: 0.6rem;
  }

  .logo3 {
    top: 5px;
    float: left;
    position: absolute;
    left: 8.7rem;
  }

  #loHea .navcolla {
    float: right;
    margin-right: 0.888rem;
    top: 7px;
    position: relative;
  }

  .navcolla img {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
}

@media only screen and (min-width: 375px) {
  .logo2 {
    top: 0.54rem;
    ;
  }

  .logo img {
    float: left;
    /*transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
*/
  }

  .logo img.logo1 {
    position: relative;
    left: 1.112rem;
    bottom: 0.2rem;
  }

  .logo3 {
    top: 7px;
    float: left;
    left: 7.3rem;
    position: absolute;
  }

  #loHea .navcolla {
    float: right;
    margin-right: 0.888rem;
    top: 7px;
    position: relative;
  }

  .navcolla img {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }
}

@media only screen and (min-width: 414px) {
  .logo2 {
    top: 0.76rem;
  }

  .logo img {
    float: left;
    /*transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);*/

  }

  .logo img.logo1 {
    position: relative;
    left: -0.888rem;
    bottom: 0.1rem;
  }

  .logo3 {
    top: 9px;
    float: left;
    position: absolute;
    /*left: 4.8rem;*/
    left: 8.3rem;
  }

  #loHea .navcolla {
    float: right;
    margin-right: 0.888rem;
    top: 8px;
    position: relative;
  }

  .navcolla img {
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
  }

}

@media only screen and (min-width: 768px) {
  .logo2 {
    top: 1.23rem;
  }

  .logo img {
    float: left;
    /*transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);*/

  }

  .logo img.logo1 {
    left: 0.556rem;
    position: relative;
    bottom: 0.1rem;
    top: 50%;
    margin-top: -25px;
  }

  .logo3 {
    float: left;
    position: absolute;
    left: 7rem;
    top: 50%;
    margin-top: -15px;
  }

  #loHea .navcolla {
    float: right;
    margin-right: 0.888rem;
    top: 50%;
    margin-top: -15px;
    position: relative;
  }

  .navcolla img {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
  }

}

@media only screen and (min-width: 1024px) {
  .logo2 {
    top: 3.911rem;
  }

  .logo img {
    float: left;
    /*transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);*/

  }

  .logo img.logo1 {
    position: relative;
    left: 0.556rem;
    top: 50%;
    margin-top: -25px;
  }

  .logo3 {
    position: absolute;
    left: 200px;
    top: 50%;
    margin-top: -15px;
  }

  #loHea .navcolla {
    float: right;
    margin-right: 0.888rem;
    top: 50%;
    margin-top: -15px;
    position: relative;
  }

  .navcolla img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

/*评论颜色*/
.blue {
  color: blue;
}

/*app客户端下载*/
#downLoadBg {
  height: 5rem;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

#downLoadBgPop {
  background:rgba(0, 0, 0, 0.8);
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

#downLoadBgCon {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.downLoadBgLf {
  position: relative;
  float: left;
  color: #ffffff;
  height: 5rem;
  line-height: 4.8rem;
  margin-left: 1.25rem;
  /*bottom: 2px;*/
}

.downLoadBgRt {
  padding-right: 1.25rem;
  line-height: 5rem;
  float: right;
  color: #ffffff;
  height: 5rem;
}

/*.downLoadBgLf span{*/
/*position: relative;*/
/*bottom: 32%;*/

/*}*/
.downLoadBgLf img {
  /*transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  position: relative;
  top: -3px;*/
  width: 3.2rem;
  height: 3.2rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.downLoadBgLf span {
  position: relative;
  left: 10px;
  top: 2px;
  font-size:1.35rem;
}

.downLoadBgRt img {
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
}

.downLoadBgRt a {
  padding: 1px 6px;
  border-radius: 9px;
  background: #ffffff;
  color: #000;
}

.downLoadBgRt a.xaStyle{
  background-color:#1f8eff;
  color:#fff;
  padding:6px;
  border-radius: 6px;
}

.positionTime1 img {
  width: 1.2rem;
}

.positionTime1 .counts {
  font-size: 1rem;
}


/* 三联图 */
.homeSpecilLiImgThree {
  width: 100%;
  display: flex;
  justify-content: space-between;
  max-height: 6.844rem;
  height: auto;
}

.homeSpecilLiImgThree img {
  width: 9.33rem;
  height: 5.248rem;
}

/*角标*/
#homeFooteBage ,.homeSpecilLiContText .mark ,.mark,.homeArtiText .mark {
  float: right;
  border-radius: 0.25rem;
  color: #fff;
  border: 0.04444444444rem solid #FB5D07;
  background-color: #FB5D07;
  -webkit-transform-origin-x: 0;
  /*-webkit-transform: scale(0.90);*/
  /*transform: scale(0.9);*/
  /*-moz-transform: scale(0.9);*/
  /*-ms-transform: scale(0.9);*/
  /*-o-transform: scale(0.9);*/
  font-size: 1rem!important;
  padding: 0 0.2083333333333333rem;
  /*margin-right: 0.2rem;*/
  /*width: 2.7rem;*/
  max-width: 30%;
  /*height: 1.5625rem;*/
  height: 1.422222222rem;
  text-align: center;
  line-height: normal;
  margin-top: .1rem;
}



/* 专题标题 */

.specTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}


/* 无图标题 */
.noImgArticleTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 小图标题 */
.smallImgArticleTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 大图标题 */
.bigImgArticleTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

/* 三联图标题 */

.threeImgArticleTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

/* 展开全部摘要 */
.showAllIcon {
  display: inline-block;
  width: 1.55rem;
  height: 1.555rem;
  background: url(../static/down.png) no-repeat center;
  background-size: 100% 100%;
  vertical-align: bottom;
}

.hideAllIcon {
  display: inline-block;
  width: 1.55rem;
  height: 1.555rem;
  background: url(../static/up.png) no-repeat center;
  background-size: 100% 100%;
  vertical-align: bottom;
}

/* 引题 */
.articleIntroTitle {
  font-size: 1.25rem;
  padding: 1.25rem 1.25rem 0 1.25rem;
  color: #999;
  text-align: justify;
}

/* 为了适配 pc 端*/
@media only screen and (min-width: 420px) {
  html {
    font-size: 11.25px !important ;
    width: 414px;
    margin: 0 auto;
  }
  #loHea{
    width: 414px;
  }
  #retr{
    width: 414px;
    overflow: hidden;
  }
  #downLoadBg {
    width: 414px;
    left: 0;
    right: 0;
    margin: auto;
  }

  .comm_text_footer ,.downTip{
    width: 414px !important;

  }
}

.positionTime {
  /*width: 3rem;*/
  max-width: 50%;
  height: 1.5rem;
  line-height: 1.5rem;
  position: absolute;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  padding: 1px 2px;
  bottom: 0.4rem;
  right: 0.3rem;
  border-radius: 4px;
}

.threePositionTime {
  overflow: hidden;
  position: absolute;
  color: #fff;
  font-size: 12px;
  /*bottom: 2rem;*/
  bottom: 0.4rem;
  right: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.threeImgVideo{
  top: .5rem;
  bottom:auto;
}

.threePositionTime img {
  width: 1.2rem;
  height:  1.04rem;;
}

.threePositionTime .counts {
  position: relative;
  margin-left: 5px;
}

.positionTime1 {
  overflow: hidden;
  position: absolute;
  color: #fff;
  font-size: 12px;
  bottom: 0.4rem;
  right: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.positionTime1 img {
  width: 1.2rem;
}

.positionTime1 .counts {
  position: relative;
  margin-left: 5px;
}

.homeLiveInfoPic {
  position: relative;
}

.homeSpecilLiImg img.artVedioLoadingImg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
}

.homeLiveInfoPic img.artVedioLoadingImg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
}

.vedioLoadingImg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
}

.vedioLoadingImg img {
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
}

.home_vedio_con,
.homeSpecilLiImg {
  position: relative;
}

.vedioLoadingImg img {
  height: auto;
}

.homeVedioTitle{
  position: relative;
  height: 6.373rem;
  width: 55%;
}
.vedio_decri_lef{
  position: initial;
}
.vedio_decription{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

  position: absolute;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 100%;
  color: #999999;
  font-size: 1.155rem;
  bottom: 0rem;
}
.isVote_banner{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 1.25rem;
}

.isVote_banner_img {
  /*display: flex;*/
  /*-webkit-align-items: center;*/
  /*align-items: center;*/
  /*-webkit-justify-content: center;*/
  /*justify-content: center;*/
  color: #999999;
  font-size: 1.155rem;
}

.isVote_banner_img>img{
  width: 20px;
  height: 20px;
  vertical-align: bottom;
}

span.isVote_banner_hint{
  background: #D72921;
  color: #ffffff;
  padding: 5px 8px;
  /*font-size: 1rem;*/
  /*line-height: 1;*/
  font-size: 1.155rem;
  line-height: 1.155rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}


.count-click{
  float: right;

}

.count-click>i{
  display: inline-block;
  vertical-align: bottom;
  width: 1.5rem;
  height: 1.5rem;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNOTc5LjIyMiA0MTUuNDc0Qzg5NC45NTQgMzMyLjAyIDc3Ni4zMSAxOTIuMDA0IDUwOS45NTggMTkyLjAwNGMtMjY2LjMxNiAwLTM4NC45NjIgMTQwLjAxNi00NjkuMjMgMjIzLjQ3LTE5Ljg2IDE5LjY4Mi0zMC43ODggNDUuNzg0LTMwLjc4OCA3My41MzQgMCAyNy43MjggMTAuOTMgNTMuODUgMzAuNzg4IDczLjUxIDg0LjI3IDgzLjQ3NiAyMDIuODk2IDIyMy40NyA0NjkuMjMgMjIzLjQ3IDI2Ni4zNjggMCAzODQuOTk2LTEzOS45OTQgNDY5LjI2NC0yMjMuNDcgMTkuODYtMTkuNjYgMzAuNzktNDUuNzg0IDMwLjc5LTczLjUxQzEwMTAuMDEgNDYxLjI1NiA5OTkuMDgyIDQzNS4xNTYgOTc5LjIyMiA0MTUuNDc0ek05NDAuODgyIDUyNC4yODJDODYyLjU1NiA2MDEuODM4IDc1Ni44MDIgNzMyIDUwOS45NTggNzMyYy0yNDYuODEgMC0zNTIuNTY0LTEzMC4xNjQtNDMwLjg5LTIwNy43MTgtOS41NDgtOS40NjgtMTQuOC0yMi4wMS0xNC44LTM1LjI3NiAwLTEzLjI4OCA1LjI1Mi0yNS44MDYgMTQuOC0zNS4yNTIgNzguMzQ0LTc3LjU3OCAxODQuMDk4LTIwNy43NjQgNDMwLjg5LTIwNy43NjQgMjQ2LjgyNiAwIDM1Mi41OCAxMzAuMTg2IDQzMC45MjQgMjA3Ljc2NCA5LjU1IDkuNDQ2IDE0LjgwMiAyMS45NjYgMTQuODAyIDM1LjI1MkM5NTUuNjg0IDUwMi4yNzIgOTUwLjQzMiA1MTQuODEyIDk0MC44ODIgNTI0LjI4MnpNNTA5Ljk3NCAzMzUuOTk2Yy04NC44NjggMC0xNTMuOTI4IDY4LjY1Mi0xNTMuOTI4IDE1Mi45ODggMCA4NC4zNTggNjkuMDYgMTUzLjAxIDE1My45MjggMTUzLjAxIDg0Ljg3MiAwIDE1My45My02OC42NTIgMTUzLjkzLTE1My4wMUM2NjMuOTA0IDQwNC42NDggNTk0Ljg0NiAzMzUuOTk2IDUwOS45NzQgMzM1Ljk5NnpNNTA5Ljk3NCA1ODguMDA4Yy01NC45MTIgMC05OS42LTQ0LjQyOC05OS42LTk5LjAyNCAwLTU0LjU3NCA0NC42OS05OC45NzggOTkuNi05OC45NzggNTQuOTEyIDAgOTkuNiA0NC40MDQgOTkuNiA5OC45NzhDNjA5LjU3NiA1NDMuNTggNTY0Ljg4OCA1ODguMDA4IDUwOS45NzQgNTg4LjAwOHoiIGZpbGw9IiM5OTk5OTkiPjwvcGF0aD48L3N2Zz4=") no-repeat;
  background-size: 100%;
  background-position: center;
  margin-right: 3px;
}

.mark,#homeFooteBage{
  margin-left: 1rem;
}