@charset "utf-8";
/*
time: 2016.0826;
author: sy;
describe：common module layout；
 */


/*
 * 左右布局
*/
.lf{float: left;}
.lr{float: right; }


/**
 * 清除浮动
 */
.clearflx:after, .clearflx:before{
	content: "";
	display: table;
    overflow: hidden;
}

.clearflx:after{clear: both;}
.clearflx{*zoom: 1} /* ie65 ie7*/

/*
文字溢出
 */
.overtopText{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/**
  整站内容布局
 */
.site{width: 1002px;margin: 30px auto;background:#fff;padding:0 20px;}
site .contain {margin-top: 30px;} /*两会之后去掉注释*/

/* header layout  */
/*春节过后注释 .picBg*/
/*.picBg{
	padding-top:220px;
}*/
#maintop{width:1002px;margin:0 auto;}
#Auto{width:1002px;height:50px;line-height:50px; font-size:8px;color:red;text-align: center;text-decoration: none;}
.lists{margin:20px auto;width:100%;background: #F7F7F7;padding:10px 0;text-indent:10px;overflow: hidden;text-align: center;}
#Auto a:link,#Auto a:visited{color: #000;}
.lists a:link,.lists a:visited{color:#000000;}
#maintop a:hover,#maintop a:active{color:#000}
.header{
    width: 1002px;
    margin-top:0px;
    margin: 0px auto;
	background:#fff;
	padding:0 20px;
	padding-top:20px;
	
    
}
.header_t{
    width: 1002px;
    height: 55px;
}
.header_t .logo{
    width: 170px;
    height: 55px;
    float: left;
    margin-left: 20px;
    display:inline;
}
.header_t .menu{
    width: 810px;
    height: 55px;
    float: left;
}
.header_t .menu .zsxn{
    width:auto;
    height:20px ;
    line-height: 20px;
    padding-top:35px;
    float: right;
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px;  
}
.header_t .menu .zsxn a{
    color:#888686;
    font-size: 16px;
}
.header_t .menu .shu{
    width:1;
    height:20px ;
    padding-top:36px;
    float: right;
    color: #888686;
    
}
.header_b{
    width: 1002px;
    height: 55px;
}
.header_b ul{
    /*width: 650px;*/
    height: 40px;
    margin-top: 12px;
    float: left;
}
.header_b li{
    width: 65px;
    height: 40px;
    line-height: 40px;
    float: left;
    font-size: 18px;
    text-align: center;
}
.header_b li.active{
    color: #888686;
    border-bottom: 3px solid #1c93cd;
}
.header_b li a{
    width: 80px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    color: #888686;
    clear: both;
}
.header_b li a:link,.header_b li a:visited{
    color: #888686;
    text-decoration: none;
}
.header_b li:active,.header_b li:hover{
    color: #888686;
    border-bottom: 3px solid #1c93cd;
}
.header_b .sousuo{
    width: 210px;
    height: 26px;
    margin-top: 14px;
    float: left;
    border:1px solid #999;
}
.userInfo{
    float: left;
    margin-top: 23px;
    font-size: 14px;
}
.userInfo .userName{
    margin: 0px 5px;
    font-size: 14px;
    color: #888686;
}

.userInfo .loginOut{
    font-size: 14px;
    color: #888686;
}
body{
	/*background:url(https://www.xntv.tv/css//images/2020lh.png)  no-repeat center top; */
    background-size:1920px;
	width: 100%;
	/*padding-top:150px;*/
	}

.contain clearflx{background:#fff}
/*
分割线
 */
.cutLine{
    width: 100%;
    height: 2px;   /*头部的那条白线十九大完了之后去掉*/
   background-color: #f0f0f0;   /* 帽子去掉了线条*/
}
.cutLine.footerLine{
    margin: 20px 0px;
}

.dotted{
    display: inline-block;
    width: 10px;
    height: 9px;
    background: #a40f00;
    vertical-align: middle;
    margin-right: 5px;
    border-radius: 50%;
}


/*
title layout
 */
.underlineTitle{
    position: relative;
    font-size: 21px;
    border-bottom: 1px solid #1c93cc;
}
.underlineTitle span{
    display: inline-block;
    padding: 0px 5px;
    padding-bottom: 6px;
    border-bottom: 3px solid #1c93cc;
    color: #1c93cc;
}
.underlineTitle  .moreLink{
    position: absolute;
    top: 7px;
    right: 0px;
    color: #80807f;
    font-size: 16px;
}
.underlineTitle .linkQh{
    right: 50px;
}

.underlineTitle.redTitle{
    border-bottom: 1px solid #a40f00;
    color: #a40f00;
}
.underlineTitle.redTitle span{
    border-bottom: 3px solid #a40f00;
    color: #a40f00;
}

.underlineTitle.blueTitle{
    color: #103b8b;
    border-bottom: 1px solid #103b8b;
}

.underlineTitle.blueTitle span{
    color: #103b8b;
    border-bottom: 3px solid #103b8b;
}

.underlineTitle.whiteTitle {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.underlineTitle.whiteTitle  span{
    color: #fff;
    border-bottom: 3px solid #fff;
}

.underlineTitle.chunk{
    color: #1c97ff;
     border-bottom: 1px solid #1c97ff;
}
.underlineTitle.chunk span{
    color: #1c97ff;
    border-bottom: 3px solid #1c97ff;
}

.hotTitle{
    margin-top: 25px;
}

.subjectTitle{
    margin-top: 25px;
}

/*
hot layout
*/
.hotList li{
    margin-top: 10px;
    background: url("https://www.xntv.tv/css//images/dian.jpg") no-repeat left center;
}

.hotList li a{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #60615a;
    font-size: 14px;
    line-height: 21px;
    white-space: nowrap;
    cursor: pointer;
    padding-left: 22px;
}
.hotList li:hover a{
    color: #a40f00;
}
.hotList li img{
    vertical-align: middle;
}

/*
onlive layout
 */
.onLive{
    margin-top: 25px;
}
.onLive .onLiveList li{
    width: 100%;
    padding: 8px 0px;
    border-bottom: dashed 1px #6e7173;
    color: #60615a;
    background: url("https://www.xntv.tv/css//images/bf.jpg") no-repeat left center;
}

.onLive .onLiveList li img{
    vertical-align: middle;
}
.onLive .onLiveList li a{
    display: inline-block;
    padding-left: 20px;
    *display: inline;
    *zoom: 1;
    color: #60615a;
    font-size: 14px;
    text-decoration: none;
    -webkit-animation: 0.5s ease all;
    -moz-animation: 0.5s ease all;
    -ms-animation: 0.5s ease all;
    animation: 0.5s ease all;
}
.onLive .onLiveList li:hover a{
    color: #bc1c19;
}
.onLive .onLiveList li:nth-child(1) a{
    color: #bc1c19;
}
.onLive .onLiveList li:nth-child(2) a{
    color: #bc1c19;
}
.onLive .onLiveList li:nth-child(3) a{
    color: #bc1c19;
}
.onLive .onLiveList li.top{
    color: #bc1c19;
}


.onLiveHotList  li{
    width: 295px;
    height: 55px;
    margin-top: 15px;
 }
.onLiveHotList  li .thumb{
    width: 90px;
    height: 55px;
    float: left;
}
.onLiveHotList  li .dec{
    width: 198px;
    height: 55px;
    float: left;
    margin-left: 5px;
}
.onLiveHotList  li .dec  .title{
    color: #60615a;
    line-height: 21px;
    font-size: 14px;
}

/*
header layout
 */
.header_b .searchArea{
    float: left;
    width: 210px;
    height: 28px;
    margin-top: 18px;
    border: 1px solid #c8c8c8;
	display:none;
}
.header_b .searchArea form { 
    width: 100%;
} 
.header_b .searchArea .searchTxt{
    width:180px; 
    height:26px; 
    line-height: 25px;
    border:0; 
    text-indent:4px;
    float:left;
}
.header_b .searchArea form #s { 
    float: left; 
    padding:0;
    width: 180px; 
    font-size: 12px;
} 
.header_b .searchArea .searchBtn {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: 2px;
    font-size: 0px;
    background: url("https://www.xntv.tv/css//images/header_ss.jpg") no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
} 
.header_b .registerArea{
    float: left;
    margin-top: 18px;
    margin-left: 10px;
}
.header_b .registerArea a{
    height: 26px;
    padding: 0px 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 14px;
    line-height: 26px;
    margin-left: 10px;
    color: #79797a;
}
.header_b .registerArea .registerBtn{
    margin-left: 19px;
}
.header_b .registerArea .loginBtn{

}

.switchTab{
    position: relative;
}
.switchTab .switchBtn{
    position: absolute;
    right: 0px;
    top: 17px;
    height: 25px;
}
.switchTab .switchBtn a{
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    background-color: #fcfcfc;
    padding: 0px 5px;
    border: 1px solid #ddd;
    float: left;
    color: #a0a0a0;
    cursor: pointer;
}
.switchTab .switchBtn a.on{
    background-color: #eaeaea;
    color: #7f7682;
}

.switchTab .switchBtn a:hover{
    background-color: #eaeaea;
    color: #7f7682;
}

/*
icon layout
 */
.icon{
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.iconTv{
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background-image:  url("https://www.xntv.tv/css//images/bf.jpg");
}
.iconScan{
    width: 16px;
    height: 16px;
    background-image:  url("https://www.xntv.tv/css//images/iconScan.jpg");
}
.iconDiscuss{
    width: 16px;
    height: 16px;
    background-image:  url("https://www.xntv.tv/css//images/iconDiscuss.jpg");
}
.iconLike{
    width: 23px;
    height: 23px;
    background-image:  url("https://www.xntv.tv/css//images/zant.jpg");
}

.iconMessage{
    width: 23px;
    height: 25px;
    background-image:  url("https://www.xntv.tv/css//images/iconMessage.jpg");
}
.iconMessage{
    width: 23px;
    height: 25px;
    background-image:  url("https://www.xntv.tv/css//images/iconMessage.jpg");
}

.iconBackTop{
    width: 32px;
    height: 32px;
    background-image:  url("../../images/2018/iconBackTop.png");
}

.iconNote{
    width: 20px;
    height: 25px;
    background-image:  url("https://www.xntv.tv/css//images/iconNote.png");
}
.iconScanTv{
    width: 20px;
    height: 25px;
    background-image:  url("https://www.xntv.tv/css//images/iconScanTv.png");
}
.iconZan{
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
    background: url("https://www.xntv.tv/css//images/zant.jpg") no-repeat;
}
.iconDiscus{
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
    background: url("https://www.xntv.tv/css//images/lyt.jpg") no-repeat;
}
.root{
    width: auto;
    height: 23px;
    line-height: 23px;
    float: right;
    background: #219bd6;
    color: #FFF;
    padding: 0 4px;
    font-size: 12px;
}
/*
footer layout
 */

#bottom{
    width:1002px;
    height:160px;
    margin-left:auto;
    margin-right:auto;
}
#bottom .bt_left{
    width:1002px;
    height:100px;
    margin-left:auto;
    margin-right:auto;
}
#bottom .bt_left .gywm{
    width:1002px;
    height:30px;
    line-height:30px;
    margin-top:20px;
    font-size:14px;
    color:#666;
    text-align:center;
}
#bottom .bt_left .gywm a{
    font-size:14px;
    color:#666;
}
#bottom .bt_left .xkz{
    width:1002px;
    height:25px;
    line-height:25px;
    font-size:14px;
    color:#666;
    text-align:center;
}
#bottom .copyRight{
    width:1002px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    color: #666;
}


.moreList{
    height: 45px;
    line-height: 45px;
    text-align: center;
    background-color: #f5f5f5;
}
.moreList a{
    display: block;
    cursor: pointer;
}

/*
	返回顶部
 */
.backTopWrapper{
	display: none;
	width: 52px;
	height: 42px;
    padding-top: 10px;
	text-align:  center;
	position: fixed;
    right: 0px;
	bottom: 100px;
	background-color: #ededed;
	border: 1px solid #e7e7e7;
	font-size: 12px;
	cursor: pointer;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    _position: absolute;  
    _clear: both;   
    _top:expression(eval(document.compatMode &&   
    document.compatMode=='CSS1Compat') ?   
    documentElement.scrollTop   
    +(documentElement.clientHeight-this.clientHeight) - 1   
    : document.body.scrollTop   
    +(document.body.clientHeight-this.clientHeight) - 1); 
}

.backTopWrapper .backTop{
    display: none;
}
.backTopWrapper.show{
    display: block;
}

.backTopWrapper:hover .iconBackTop{
    display: none;
}
.backTopWrapper:hover .backTop{
    display: block;
}

/*banner 滑动*/
.mb-wrapper {
    margin: 0 auto 20px;
    position: relative;
    height: 260px;
    left: 0;
    top: 0;
}
.mb-wrapper .mb-slider, .mb-scroll {
    width: 100%;
    height: 260px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    position: relative;
    left: 0;
    top: 0;
}
.mb-wrapper .mb-slider .mb-panel {
    margin-top: 100px;
    display: block;
    cursor: pointer;
    float: left;
    list-style: none;
}
.mb-wrapper .mb-controls {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 480px;
    z-index: 200;
    top: 250px;

}
.mb-wrapper .mb-controls a {
    color: #c3c3c3;
    display: inline-block;
    text-decoration: none;
    padding: 2px;
    text-align: center;
    outline: 0;
    font-size: 25px;
    line-height: 14px;
}
.mb-wrapper .mb-controls a.current{
	color: #69aaec;
}
.mb-wrapper a.mb-scrollButtons {
    display: block;
    width: 45px;
    height: 58px;
    background-image:  url(https://www.xntv.tv/css//images/arrows.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    border: 0;
    z-index: 10;
    _background: transparent url(https://www.xntv.tv/css//skin/default/images/arrows.gif) no-repeat;
}
.mb-wrapper .mb-right{
	right: 0px;
	background-position: left 100%;
}
.mb-wrapper .mb-left{
	left: 0px;
	background-position: 88%  100%;
}

.mb-wrapper .mb-inside{
	display: inline-block;
	position: relative
}
.mb-wrapper .mb-inside a{
	display: inline-block;
}
.mb-wrapper .mb-inside img {
    width: 100%;
}

/*
more link
 */
.loadPageArea {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #ebebeb;
    font-size: 14px;
    text-align: center;
}
.loadPageArea .btnPage{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
} 
.loadPageArea:hover .btnPage{
    color: #406599;
}

/*
navpage layout
 */
.navPage{
    margin: 30px 0px;
    text-align: center;
}
.navPage a{
    display: inline-block;
    *display: inline;
    padding: 5px 10px;
    *zoom: 1;
    font-size: 14px;
    color: #000;
    border: 2px solid #e9e9e8;
    background-color: #f3f8fa;
}
.navPage a:hover{
    background-color: #bccdf0;
}
.navPage a:hover b{
    background-color: #bccdf0;
}
.navPage a b{
    padding: 0px;
    background-color: #fff;
    border: none;
}
.navPage b{
    display: inline-block;
    *display: inline;
    padding: 5px 10px;
    *zoom: 1;
    font-size: 14px;
    color: #000;
    border: 2px solid #e9e9e8;
    background-color: #bccdf0;
}

/*
subnav layout
 */
.subNavBox{
    width: 100%;
    width: 1002px;
    margin: 0 auto;
	background:#fff;
}
.subNavBox ul{
    overflow: hidden;
    margin-left: 10px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 5px;
}
.subNavBox li{
    float: left;
    text-align: center;
    font-size: 14px;
    color: #000;
    padding: 5px 0px;
}
.subNavBox li a{
    display: inline-block;
    height: 14px;
    margin-left: 5px;
    font-size: 14px;
    color: #888686;
    padding-right: 10px;

}
.subNavBox li:last-child a{
    border-right: 0px;
}
.subNavBox li:hover a{
    color: #1c93cd;
}


.breadcrumb{
    margin-bottom: 10px;
	padding-left:10px;
}
.breadcrumb a{
    color: #000;
    font-size: 14px;
}

/**
 * 专题 chunk
 */
.subjectList{
    margin-top: 30px;
}
.subjectList ul {
    width: 100%;
}
.subjectList ul li{
    height: 80px;
    margin-top: 5px;
}
.subjectList ul li a{
    width: 100%;
    display: block;
}
.subjectList ul li img{
    width: 295px;
    height: 81px;
}

/**
 * 新闻排行 chunk
 */
.newsTopList{
    margin-top: 25px;
}
.newsTopList ul {
    overflow: hidden;
}
.newsTopList ul li{
    height: 33px;
    line-height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newsTopList ul li:hover a{
    color: #a40f00;
}
.newsTopList ul li .num{
    width: 16px;
    height: 16px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 16px;
    font-size: 14px;
    background: #a30f01;
    text-align: center;
    color: #FFF;
    margin-top: 9px;
}
.newsTopList ul a{
    width: 100%;
    color: #60615a;
    font-size: 14px;
    line-height: 21px;
}


/**
 * 正在直播
 */
.onLiveList{
    margin-top: 30px;
}
.onLiveList ul{
    width: 295px;
    margin-top: 5px;
}
.onLiveList li{
    width: 100%;
    height: 40px; 
    line-height: 40px;
    border-bottom: dashed 1px #6e7173;
    font-size: 14px;
    color: #60615a;
    background: url("https://www.xntv.tv/css//images/bf.jpg") no-repeat left center;
}
.onLiveList li.top a{
    color: #bc1c19;
}
.onLiveList li:nth-child(1) a{
    color: #bc1c19;
}
.onLiveList li:nth-child(2) a{
    color: #bc1c19;
}
.onLiveList li:nth-child(3) a{
    color: #bc1c19;
}

.onLiveList li:last-child{
    border-bottom: none;
}
.onLiveList li a{
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    padding-left: 22px;
    color: #60615a;
    font-size: 14px;
}

/**
 * 热播排行
 */
.hitTvList{ 
    margin-top: 33px;
}
.hitTvList ul{
    width: 100%;
    overflow: hidden;
}
.hitTvList ul li{
    overflow: hidden;
    margin: 15px 0px;
    height: 68px;
}
.hitTvList ul li a{
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.hitTvList ul li .thmub{
    width: 90px;
    float: left;
}
.hitTvList ul li .thmub img{
    width: 90px;
    height: 68px;
}
.hitTvList ul li .des{
    width: 190px;
    float: left;
    margin-left: 5px;
}
.hitTvList ul li .des .title{
    width: 198px;
    line-height: 21px;
    font-size: 14px;
    color: #60615a;
    height: 46px;
    overflow: hidden;
}
.hitTvList ul li .des .ugcArea{
    width: 198px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #bbbbbb;
}
.hitTvList ul li .des .icon{
    width: 14px;
    height: 14px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 4px;
}
.hitTvList ul li .des .discuss{
    margin-left: 10px;
    background: url("https://www.xntv.tv/css//images/rbpl.jpg") no-repeat;
}
.hitTvList ul li .des .playNum{
    
    background: url("https://www.xntv.tv/css//images/rb.jpg") no-repeat;
}

.hitTvList ul li .des span{
    font-size: 12px;
    color: #bbbbbb;
}

.like{}
.likeIcon{
    position: relative;
}
.likeIcon  a{
    height: 40px;
    line-height: 40px;
}
.likeIcon .likeNum{
    position: absolute;
    top: 30%;
    margin-left: 10px;
}

.cnzz{
    display: none;
}
/********畅言去右下角广告弹窗开始**********/
#pop_ad {
    opacity: 0;
}
/********畅言去右下角广告弹窗结束**********/