#container {
	max-width: 7.5rem;
	margin: 0 auto;
	min-height: 100vh;
	display: flex;
	font-size: 14px;
	flex-direction: column;
	background-color: #fff;
}
body,
html {
	height: 100%;
}

body {
	width: 100%;
}
/* 首页轮播 */
#banner {
	width: 100%;
	height: 3.82rem;
	position: relative;
	padding-top: .2rem;
}

#banner .swiper-slide {
	height: 3.82rem;
}

#banner .swiper-container {
	width: 6.86rem;
    height: 3.82rem;
}

#banner .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}

#banner .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}

/* 智慧云展nav */
.zh-nav{
	display: flex;
	justify-content: space-between;
	padding: .26rem .27rem 0.5rem;
	border-bottom: .12rem solid #F7F7F7;
}
.zh-nav>div{
	width: 2.2rem;
	height: 0.9rem;
}
.zh-nav>div>img{
	width: 100%;
	height: 100%;
}

.subscription_inner {
	width: 1.16rem;
	height: 0.5rem;
	background-image: url('../images/order_write_icon@2x.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.overHidden {
	overflow: hidden;
	height: 100%;
}
.jroll-ybar {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 12px;
	height: 100%;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 12px;
	-webkit-transform: scale(.5, .5);
	transform: scale(.5, .5);
}

.jroll-ybtn {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	background: #da020c;
	border-radius: 12px;
}


/* 新华网内部显示 */

.xhn_show {
	display: none;
}

.wrapper-out {
	width: 40px;
	height: 100px;
	border: 1px solid red;
	margin: 50px auto;
	overflow: hidden;
	font-size: 16px;
	color: #fff
}


/*夜间模式*/

.night #ranking_container .ranking_content {
	background: #242424;
}

.night #ranking_container .top3.first {
	background: #242424;
}

.night #ranking_container .other_ranking li {
	box-shadow: 0px -2px 2px 0px rgba(20, 20, 20, 1);
}

.night #ranking_container .userName {
	color: #999999;
}

.night #ranking_container .other_ranking li .ranking {
	color: #999999;
}

.night #ranking_container .view_more {
	border-top: 0.01rem solid #202020;
	box-shadow: 0px -2px 2px 0px rgba(20, 20, 20, 1);
}

.view_more {
	text-align: center;
	cursor: pointer;
}

.rank-container {
	padding: 0 0.1rem;
	padding-bottom: 10px;
}

.article-container {
	background-color: #fff;
}

#article_list {
	background-color: #F7F7F7;
}

#article_list.white {
	background: #fff;
}


/**********夜间模式***********/

#container.night {
	background: #242424;
}

.night .content-container {
	background: #242424;
}

.night #article_list {
	background: #202020;
}

.night #article_list .article_item {
	background: #242424;
}

.night .article_title {
	color: #999;
}

.night .article-detail .article_info {
	color: #444;
}

.night .view_more {
	border-top: 0.01rem solid #202020;
	box-shadow: 0px -2px 2px 0px rgba(20, 20, 20, 1);
}

.night .operation_bar {
	background: #242424;
	border-top: 0.02rem solid rgba(20, 20, 20, 1);
}

.night .operation_bar .transpond {
	background-image: url('../images/transmit_night.png');
}

.night .operation_bar .click_good {
	background-image: url(../images/zan_night.png);
}

.night .operation_bar .comment {
	background-image: url(../images/comment_night.png);
}

.night .click_good.clicked {
	background-image: url(../images/zan_blue.png);
}

.article-type-2 .article-detail {
	width: 3.36rem;
	height: auto;
}

.article-type-2 .article-detail .article_info {
	border-top: none;
	padding-top: .15rem;
}

.article-type-2 .article-image {
	margin-top: -.2rem;
}

.article_title {
	font-weight: bold;
}

.specialArea .img_overlay {
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 50px;
    max-height: 100%;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3)); /* Firefox 3.6 - 15 */
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3)); /* 标准的语法 */    
	border-radius: .08rem;
}
.video-type div.playvideo {
    background-size: 100% 100%;
    width: 0.18rem;
    height: 0.18rem;
}
.video-type div.playvideo{
    background-image: url(../../images/playvideo1.png);
}
.article-type-14.special-article .recSubscript{
	bottom:.14rem;
}

.three-figure .article-type-4 .article-image-wrapper{
	margin-bottom:0;
}
.article-type-4 .article-image-wrapper .three-image.article-image{
	height:1.09rem;
}

.swiper-pagination-bullet{
	width: 0.12rem;
	height: 0.12rem;
	border-radius: 50%;
}
.img_overlay {
	font-size:.3rem;
	font-weight:400;
	line-height:.36rem;
	color:rgba(255,255,255,1);
	opacity:1;
	padding: 0 1.2rem .32rem .37rem;
	box-sizing: border-box;
}
.swiper-slide .img_overlay{
	width: 100%;
	height: unset;
}
/* 左文右图样式更改 */
.article-type-2 .article-image{
	width: 2.22rem;
	height: 1.78rem;
	margin-top: -.15rem;
}
.article_title {
	font-weight: 400;
}
.article-type-2 .article-detail .article_title{
	margin-bottom: 0.1rem;
	height: unset;
	min-height: 1.32rem;
}
.article-type-2 .article-detail .article_info{
	padding-top: 0;
}
.article-type-2 .article-detail{
	width: 4.16rem;
}
.not_more{
	text-align: center;
	line-height: .4rem;
	font-size: .26rem;
	color: #ddd;
	padding-bottom:.4rem;
}