﻿html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; -webkit-text-size-adjust: none; }
body, button, input, select, textarea { font: 16px/1.5 "microsoft yahei", Helvetica, tahoma, arial, sans-serif, \5b8b\4f53; color: #000; }
ul, ol, li { list-style: none; }
i, em { font-style: normal }
img { vertical-align: top; border: 0; }
a { color: #131313; text-decoration: none; outline: none; }
a:hover { color: #000; text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
table td { padding: 0; margin: 0; }
table th.wztop { vertical-align: top; }
.fl { float: left; }
.fr { float: right; }
section, article, aside, header, footer, nav, dialog, figure { display: block; padding: 0; margin: 0; }

#main{/*max-width:640px;*/ margin:0 auto; background:#eee;}


/*---------- #column-swiper -----------*/

.top-swiper {
    position: relative;
    width: 100%;
    overflow: hidden;
    color: #fff;
    line-height: 1.2; 
	height: 5.6rem;
	margin-top:25px; max-height:400px;
}

.top-swiper img {
    display: block;
    width: 100%;
    height: 5.6rem;
    background: #eee;max-height:400px;
}

.top-swiper .swiper-pagination-fraction {
    position: absolute;
    bottom: 0.2rem !important;
    right: 0.2rem !important;
    left: auto;
    width: auto;
}

.top-swiper .swiper-container {
    height: 100%;
    overflow: hidden;
}

.top-swiper .swiper-slide {
    position: relative;
    height: 100%;
}

.top-swiper .swiper-slide a {
    display: block;
    position: relative;
}

.top-swiper .swiper-slide a:after {
    top: 0;
    content: '';
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    box-shadow: 0 -1.0rem 0.5rem #333 inset;
}

#video-swiper .swiper-slide a:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 1.0rem;
    height: 1.0rem;
    /*background: url('http://www.xinhuanet.com/m/img/ico_play.png') no-repeat center center;*/
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    border-radius: 100%;
    box-shadow: 0 0 10px #333;
    margin: auto;
}

.top-swiper .swiper-slide h3 {
    position: absolute;
    z-index: 1000;
    width: 85%;
    left: 0.2rem;
    bottom: 0.2rem;
    color: #fff;
    line-height: 1.2;
    font-size: 16px; display:none;
}

.top-swiper .swiper-pagination-current {
    color:red;
    font-style: italic;
    font-size: 0.55rem;
}

.top-swiper .swiper-pagination-total {
    font-size: 0.35rem;
}


.ad{ width:99%; margin:0 auto;}
.ad div{width:33%; float:left;}
.ad div img{ width:100%; height:auto;}

.top_menu_bar{background:#f4f5f6;height:37px;box-sizing:border-box} 
.top_menu_bar:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-image:-webkit-linear-gradient(top,transparent,transparent 40%,#ddd 0);background-size:100% 1px;background-position:bottom;background-repeat:no-repeat}
.top_menu_bar .top_menu_list{overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;white-space:nowrap}
.top_menu_bar .top_menu_list::-webkit-scrollbar{display:none}

.top_menu_bar .top_menu_list .btn{white-space:nowrap;display:inline-block;padding-left:10px;padding-right:10px;color:#505050;text-decoration:none;font-size:17px;line-height:26px;height:26px;margin-left:5px;margin-top:5px;margin-bottom:5px;-webkit-tap-highlight-color:rgba(0,0,0,.3)} 

	  .top_menu_bar .top_menu_list .btn.cur{color:#f85959}
	  
	  .top_menu_bar .top_menu_more{float:right;position:relative}
	  .top_menu_bar .top_menu_more .more_btn{/*background: url(../images/addred_channel_titlbar.png) no-repeat 50%;*/display:block;width:20px;height:36px;background-size:20px;} 

	  .top_menu_bar .top_menu_more .list_shadow{position:absolute;width:10px;height:36px;left:-10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABXCAQAAACjUt0DAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAABIAAABXAK421QoAAAFiSURBVEjH1ZbbtoMgDERnKP//yaYPVSAhF077dHQtamU7k0RKAxwcPCF4ItF+tWMNsVZS91uJhNlRX7FGPMgizOrEObJSiZUUAnRkR6q0qnErm7Lhc9UDBaXUt0kN0FOaOo4SQ5BRCahOA3HT5KwTE50GZhV37VazJKYljjE2SE+sPsittC1XW/FmgNVsZJcvuhvrAbLqffNadPXLYgaLzs8wWSo6rk9FYdeBUW/x1DRswfS6ysuNlcDZ7ssTSCpIfDsZn/J8b+Omh8pjR/X8DkuWndwnINpOlukFbtvzVslAEmF+TCMaCC4fkr8oKUgVzmQ4IBojHfqFqwd28O0S6AXA7ib2P+HOTlzLcXZ3+tFz6yRObiOmGY+3k6ev5XN97Uq7FoCXkl5HTrT6tQiw2u1aY/TrZF551jyMFPZiOqW1O5zXiJx1PV/2Tw52tD8ddYc/9Zlq7qhBrlrtuhX/98cbycGBFpNaiv0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDItMjdUMTc6NDQ6NDErMDg6MDDFbrv7AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTAyLTI3VDE3OjQ0OjQxKzA4OjAwtDMDRwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=) no-repeat 100%;background-size:contain;background-color:rgba(244,245,246,.3)} 

.nav-more-content {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: auto;
    background-color: #eee;
    -webkit-transform: scale(0, 0.1);
    transform: scale(0, 0.1);
    -webkit-transition: all 0.2s;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform-origin: 100% 10%;
    transform-origin: 100% 10%;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.nav-more-content.show {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.nav-list-head {
    position: relative;
    height: 1.2rem;
    z-index: 1;
    background: #eee;
    box-shadow: 0 10px 10px #eee;
}
.close{ display:none;}
.nav-list-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    overflow: auto;
}

.nav-more-content h2 {
/*    font-size: 0.4rem;*/
    margin-left: 0.8rem;
    margin-bottom: 0.5rem;
}

.nav-more-content h2:first-of-type {
    margin-top: 1.4rem;
/*    font-size: 0.5rem;*/
}

.nav-more-content ul {
    width: 8.5rem;
    margin-bottom: 0.4rem;
    margin-right: auto;
    margin-left: auto;
/*    font-size: 0.4rem;*/
}

.nav-more-content .nav-close {
    position: absolute;
    top: 0.25rem;
    right: 0.4rem;
    height: 1.0rem;
    width: 1.0rem;
    z-index: 2;
    text-indent: 100%;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s 0.4s;
    transition: all 0.3s 0.4s;
    overflow: hidden;
	border:1px solid red;
	
}

.nav-close:after,
.nav-close:before {
    border-color: #333 !important;
}

.nav-more-content.show .nav-close {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.nav-more-content ul:after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.nav-more-content li {
    float: left;
    width: 2.0rem;
    line-height: 0.8rem;
    text-align: center;
    margin-right: 0.11rem;
    margin-bottom: 0.11rem;
    background-color: #fff;
}

.topic-list li:first-child {
/*    font-size: 0.35rem;*/
    text-align: center;
    margin-right: 0.11rem;
    margin-bottom: 0.11rem;
    background-color: #fff;
}

.language-list li:last-child {
    width: 4.11rem;
}

.nav-more-content a {
    display: block;
    color: #333 !important;
}


.ico-add:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-top: auto;
    margin-bottom: auto;
    height: 40%;
    top: 0;
    bottom: 0;
    border-left: 3px solid #187dd0;
    -webkit-transform: translateX(-1.5px);
    transform: translateX(-1.5px);
}

.ico-add:before {
    content: '';
    position: absolute;
    width: 40%;
    top: 50%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    border-top: 3px solid #187dd0;
    -webkit-transform: translateY(-1.5px);
    transform: translateY(-1.5px);
}


/*----------- #column-hot ----------- */

#column-hotnews {
    background: #f8f5f5;
    padding: 10px 0;
    margin-bottom: 15px;
}

#column-hotnews .pack {

    font-size: 0.43rem;
    height: 1.0rem;
    overflow: hidden;
    line-height: 2.3;
    position: relative;
}

#column-hotnews .pack:before {
    content: '滚动';
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0 0.1rem;
    color: #ffffff;
    font-size: 0.4rem;
    height: 0.6rem;
    line-height: 0.6rem;
    background: -webkit-linear-gradient( #2c8ade 0%, #39a4d7 100%);
    background: linear-gradient( #f6580e 0%, #fc834a 100%);
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}

#column-hotnews ul li {
    text-indent: 1.2rem;
    height: 1.0rem;
    overflow: hidden;
}

#column-hotnews ul {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.column-header{ font-weight:bold; border-top: 2px solid #333;}

.column-yellow{border-top-color:#ffad1f; color:#ffad1f;}
.column-tit{padding:10px; float:left;}


.column-red{border-top-color:red; color:red;}

.column-subtits{float: right;
    font-size: 14px;}
	
.column-subtits li {
    float: left;
    margin-left: 0.5rem;padding-top:14px;
}

 .column-subtits li a{ color:#5a2301;}

.more-show {
    text-align: center;
    border-top: 1px solid #eee;
    padding: 10px 0;
}
.pack {
    width: 94%;
    margin: 0 auto;
    overflow: hidden;
}

		
#indexHeader{display:block;z-index:999;overflow:hidden;position:fixed;top:0;left:0;right:0}
#indexHeader .top_bar{height:50px;position:relative;background:#eb5d06; overflow:hidden;} 

#indexHeader .top_bar .abs_l,#indexHeader .top_bar .abs_m,#indexHeader .top_bar .abs_r{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#indexHeader .top_bar .abs_l{z-index:100;}

.abs_l{text-align:center; width:85%;}

#indexHeader .top_bar .abs_m{width:100%;text-align:center;font-size:20px;color:#fff;font-weight:700;line-height:44px} 
#indexHeader .top_bar .abs_m{font-size:40px} 
#indexHeader .top_bar .abs_m{line-height:44px} 
#indexHeader .top_bar .abs_r{right:0;z-index:100}

#indexHeader .top_bar .refresh_title{background:url(../images/logo.png) no-repeat 100%;width:80px;background-size:80px;padding-left:15px} 
#indexHeader .top_bar .refresh_title{width:150px;display:inline-block;height:35px} 
#indexHeader .top_bar .refresh_title{background-size:150px} 


#indexHeader .top_bar .search{display:inline-block;width:24px;height:24px;background:url(../images/feed_ic_search_normal.png) no-repeat 50%;background-size:contain;margin-right:12px} 
#indexHeader .top_bar .search{width:30px} 
#indexHeader .top_bar .search{height:30px}  
#indexHeader .top_bar .search{margin-right:15px}


 
#indexHeader .top_bar .msg-box{background: url(../images/icon-pc.png) no-repeat;background-size:contain;width:25px;height:25px;margin-left:12px;display:block;position:relative;} 

.ListT a{ width:48px; margin-top:5px;}

.item_info .gg_label{display:inline-block;width:25px;text-align:center;border-radius:2px;font-size:9px;color:#2a90d7;border:1px solid rgba(42,144,215,.5)}

.path{ background:#FFF; margin-top:10px;}
.feed-list-container{border-top: 1px solid #eee; width:94%; margin:0 auto;}

content.feed-list-container{position:relative;display:block; }


content.feed-list-container section{position:relative;-webkit-transition:all 1s ease-in-out;border-bottom:1px solid hsla(0,0%,87%,.6)} 

content.feed-list-container .article_link{display:block;position:relative;padding:16px 0;min-height:42px;font-size:0;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none} 

content.feed-list-container .article_link:visited h3{color:#333}

content.feed-list-container .article_link.channel__video .dotdot{position:absolute;top:0;color:#fff;margin:5px 10px;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis} content.feed-list-container .article_link.channel__video .dotdot{margin:10px 20px} content.feed-list-container .article_link.channel__video .dotdot{margin:15px 30px} content.feed-list-container .article_link.channel__video .dotdot{font-size:28px} content.feed-list-container .article_link.channel__video .dotdot{font-size:42px}content.feed-list-container .article_link.channel__video .video_mask{position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent)}content.feed-list-container .desc{display:inline-block;width:67%;vertical-align:middle}

content.feed-list-container h3{color:#222;font-size:17px;line-height:28px;font-weight:400;overflow:hidden}

 content.feed-list-container .dotdot{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:box;-webkit-box-orient:vertical}
 content.feed-list-container .image-margin-right{margin-right:12px} 

 content.feed-list-container .list_image,content.feed-list-container .list_img_holder_large{margin-top:6px}

 content.feed-list-container .list_image ul{display:block;margin:0;padding:0;list-style-type:none;font-size:0;text-align:center}
 content.feed-list-container .list_image ul li{display:inline-block;overflow:hidden;width:33.3%;box-sizing:border-box}
 content.feed-list-container .list_image ul li:first-child{float:left;padding-right:2px}

  content.feed-list-container .list_image ul li:last-child{float:right;padding-left:2px}

	content.feed-list-container .middle_mode .list_img_holder{overflow:hidden;width:33%;display:inline-block;vertical-align:middle}
	content.feed-list-container .list_img_holder img{border:none;display:block;width:100%;-webkit-transition:opacity .3s ease;-moz-transition:opacity ease .3s;pointer-events:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;text-decoration:none;}

	content.feed-list-container .list_img_holder_large img{border:none;display:block;width:100%;pointer-events:none}
	content.feed-list-container .list_img_holder_large_fix{height:4.6875rem}
	content.feed-list-container .item_info{color:#999;overflow:hidden;font-size:0;margin-top:6px} 
	content.feed-list-container .item_info .space{margin-right:5px} 

	content.feed-list-container .item_info .mid-space{margin-right:8px} 

content.feed-list-container .item_info span{display:inline-block;font-size:12px;line-height:12px;vertical-align:middle} 
.hot_label{ border:1px solid red;border-radius:6px; padding:2px;}

p{color:#333;line-height:18px;border:none;outline:none;}

  h3{line-height:18px;max-height:100%}

   .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
   .btn{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none}
   .iphone section{padding:0}
   .mask{display:none;position:absolute;width:100%;height:100%;z-index:1000;left:0;top:0;background:rgba(0,0,0,.3)}
   .jqmOverlay{background:rgba(0,0,0,.5);position:fixed;z-index:4999;top:0;left:0;right:0;bottom:0}

.indexContainer.withHeader{padding-top:60px}



footer{background:#eb5d06;}
footer p{ text-align:center; line-height:30px;}