/* Internet Explorer 10+ */
html, body {
	padding: 0;
	margin: 0;
}
body{

    font-size:     10px;
}
.page{
    font-family:    Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC Medium",sans-serif;
    -webkit-text-size-adjust:none;
    height:       100%;
    width:       100%;
    font-size:.32rem;
    background:#F8F8F8;
}
@media all and (min-width: 320px){html{font-size: 43px;}}
@media all and (min-width: 360px){html{font-size: 48px;}}
@media all and (min-width: 375px){html{font-size: 50px;}}
@media all and (min-width: 400px){html{font-size: 53px;}}
@media all and (min-width: 420px){html{font-size: 56px;}}
@media all and (min-width: 460px){html{font-size: 61px;}}
@media all and (min-width: 500px){html{font-size: 66px;}}
@media all and (min-width: 560px){html{font-size:75px}}
@media all and (min-width: 600px){html{font-size:80px}}
@media all and (min-width: 640px){html{font-size:84px}}
@media all and (min-width: 700px){html{font-size:92px}}
@media all and (min-width: 750px){html{font-size:100px}}


.page {width: 100%; min-height: 100%;font-size:.32rem;color:#484848;}
.page .banner {
    width: 100%;
    height: 2.84rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: transparent;
    border-top-left-radius:.08rem;
    border-top-right-radius:.08rem;
}
.page .defaultImg{background-image: url("../images/article_list_default.png");}
.page .banner .back_btn {display: inline-block; width: 0.92rem; height: 1.67rem; background-image: url("../images/back_ico.png"); background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; margin: 2.75rem 0 0 0.83rem;}
.page .banner .collect_btn {display: inline-block; width: 1.67rem; height: 1.67rem; background-image: url("../images/collect_ico.png"); background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; float: right; margin: 2.75rem 0.83rem 0 0;}
.page .banner .collect_btn.collected {background-image: url("../images/collected_ico.png"); background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent;}
.page .banner .share_ico {width: 1.67rem; float: right; margin: 2.75rem 0.66rem 0 0;}
.page .banner .abstract_wrap {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0; left: 0; padding: 0.5rem 1rem; background: rgba(0, 0, 0, 0.4); vertical-align: middle;}
.page .banner .abstract_wrap .abstract {display: inline-block; line-height: 1.8rem; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.article_list{
    background:#fff;
    font-size: .32rem;
    color:#323232;
}
.page .article_list li { position: relative;}
.page .article_list li a {
    display: flex;
    justify-content: space-between;
    font-size: 0;
    padding: .32rem .3rem;
    color: #9F9F9F;
    border-bottom: .01rem solid #ededed;
    overflow: hidden;
    box-sizing: border-box;
}
.page .article_list li:last-child a{
    border-bottom:none;
}

.page .article_list li a .content {
	/* width: 4.86rem; */
	flex: 1;
	margin-right: .18rem;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	box-sizing: border-box;
	overflow: hidden;
}

.page .article_list li a .content span {display: inline-block; font-size: .24rem;}
.page .article_list li a .content .title {
	height:0.92rem;
	line-height:0.46rem;
	font-size: .3rem;
    font-weight: 500;
    color: #121212;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* margin-bottom:.32rem; */
}
.page .article_list li a .content .read {font-size:.26rem;color: #97969B;}
.page .article_list li a .content .read i {vertical-align: -0.04rem;display: inline-block; width: 15px; height: 11px; background-image: url("../images/article.png"); background-repeat: no-repeat; background-position: 0 -17px; background-size: 15px auto; background-color: transparent; margin-right: 0.2rem;}
.page .article_list li a .content .comment {}
.page .article_list li a .content .comment i {display: inline-block; width: 13px; height: 10px; background-image: url("../images/article.png"); background-repeat: no-repeat; background-position: 0 -25.5px; background-size: 13px auto; background-color: transparent; margin-right: 0.2rem;}
.page .article_list li a .article_img {
    display: inline-block;
    width: 1.86rem;
    height:1.4rem;
    min-height:1.2rem;
    border-radius:.08rem;
    position:	relative;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    
}

.page .article_list li a .article_img.audio:after,
.page .article_list li a .article_img.video:after{
	position:	absolute;
	display:	block;
	z-index:	1;
	content:	" ";
	top:			0;
	left:			0;
	height:		100%;
	width:		100%;
    border-radius:.08rem;
	background-repeat:	no-repeat;
	background-position:	center;
	background-size:			.54rem auto;
	background-color:rgba(0,0,0,.3);
}

.page .article_list li a .article_img.audio:after{
	background-image:url("../images/icon-audio-play.png");
}
.page .article_list li a .article_img.video:after{
	background-image:url("../images/icon-video-play.png");
}

.article_img .media_time{
	display:block;
	font-size:	.22rem;
	color:			#fff;
	position:	absolute;
	bottom:	.08rem;
	right:			.08rem;
	z-index:		2;
}


.page .article_list li a .best {font-size: 1rem; color: #fff; background-color: #FFB243; padding: 0.1rem 1rem; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; position: absolute; top: 0; left: 1.25rem;}
.page .article_title {
    padding: 1rem 1.25rem 0;
    font-size: 13px;
    color: #565664;
    opacity: 0.6;
    border-top: 0.7rem solid rgb(241, 245, 247 );
}
.page .project-bg {
    height: 9rem;
        border-radius: 8px 8px 0 0;

}
.page .article_title:before {
    content: '';
    /*padding: 0rem 0.16rem;*/
    /*border-radius: 0.4rem;*/
    /*background: #82D100;*/
    /*margin-right: 0.8rem;*/
    border-radius: 1rem;
    background: #82D100;
    margin-right: 0.8rem;
    display: inline-block;
    width: 0.25rem;
    height: 1rem;
    vertical-align: -0.1rem;
}
.page .article_list li a .content .remark {
    font-size: 12px;
    color: #4A4A4A;
    text-align: center;
    border-radius: 0.1rem;
    margin-top: 0.6rem;
    background: #F7F6F7;
    padding: 0 0.5rem;
    display: inline-block;
}
.project-title {
    font-size: .32rem;
    /* padding:  .28rem .2rem; */
    border: 0.24rem solid #f8f8f8;
    /*margin: 0rem 1.2rem 0;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /*margin-bottom: 0.6rem;*/
    text-align: justify;
    background: #F8F8F8;
    border-bottom-left-radius:.08rem;
    border-bottom-right-radius:.08rem;


}
/*@media screen and (min-width:321px){  .packup .project-content  {    height:65px !important;}}*/
/*@media screen and (min-width:401px){.packup .project-content  {    height:73px !important;}  }*/
.project-summary {
    position: relative;
    overflow: hidden;
    line-height: .44rem;
    word-break: break-all;
    user-select: none;

}
.project-title-container {
    padding: .24rem .2rem 0;
    margin-bottom:.16rem;
    background:#fff;
}
.project-content {
    padding: .24rem .1rem ;
    text-align: justify;
}

.packup .project-content {
    height: 65px;
}

.packup:before {
    display: block;
    content: attr(data-content);
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 3.5rem;
    width: 100%;
    text-align: justify;
    overflow: hidden;
    color: #000;
    font-size: 15px;
    padding: 0 .1rem;
    background-color: #fff;
    box-sizing: border-box;

}

.read, .comment{
    position: relative;
    margin-right:.3rem;
}
/* .read:after, .comment:after{
   position: absolute;
    display: block;
    content:'';
    top:50%;
    right:-.2rem;
    margin-top:.01rem;
    width:.03rem;
    height:.03rem;
    background:#969696;
    border-radius:.03rem;
} */
.content-sub-info{
	padding:.32rem 0 .08rem 0;
    line-height: .26rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.author-content-sub-info{
	padding-top:0.16rem;
   	line-height: .4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
    
}
.content-sub-info .read-label {
	display: inline-flex!important;
	align-items: center;
	height: .32rem;
	margin-right: .2rem;
	position: relative;
	padding: 0 .05rem 0 .29rem;
	border: .02rem solid #0474E5;
	border-radius: .04rem;
	color: #0474E5;
	box-sizing: border-box;
}
.content-sub-info .read-label::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: .29rem;
	background-image: url(../images/expert.png);
	background-size: .17rem;
	background-repeat: no-repeat;
	background-position: center;
}
.content-sub-info .read-info {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
}

.moreBtn {
    color: #6081CF;
}

.packup .moreBtn,  .moreBtn.show {
    display: block;
}


.download-contanier .download_box{
    font-size:  .32rem;
    height:     auto;
    padding:    .16rem .3rem;
}
.download_box .cell_left:first-child{
    float:none;
    position: absolute;
    top:50%;
    left:.3rem;
    margin-top:-.3rem;

}

.download-contanier .download_box .logo{
    width:        .6rem;
    height:       .6rem;
    line-height:   .32rem
}
.download-contanier .download_box .download_text{
    margin-left: .9rem;
}
.download_box .download_text .title{
    font-size:      .32rem;
}
.download_box .download_text .desc{
    font-size:      .28rem;
}
.download-contanier .download_box .downloab_btn{
    float:none;
    position: absolute;
    right:    0;
    top:      50%;
    margin-top: -.3rem;
    margin-right:1.2rem;
    vertical-align: middle;
}
.download_box .btn{
    padding:      0 .2rem;
    margin-top:   0;
    line-height:  .6rem;
    display:          inline-block;
    vertical-align: middle;
}
.download_box .close{
    width:     .36rem;
    height:    .36rem;
    position:absolute;
    top:50%;
    margin-top:-.16rem;
    right:-.44rem;
}
.title .title-label{
	font-size: .2rem!important;
	background: rgba(102,129,191,.1);
	color: #6681BF;
	padding: .02rem .08rem;
	border-radius: .04rem;
	margin-right: 0rem;
	display:inline-block;
	vertical-align:middle;
	line-height: .3rem;
	
}
.block-title-label-icon {
	width: .96rem;
	height: .32rem;
	vertical-align: middle;
}