@font-face{
    font-family: 'ssr';
    src : url('SourceHanSerifCN-Regular-1.otf');
}

/* 初始化 */
*, *:before, *:after{box-sizing: border-box;padding:0;margin:0;}
html,body {background:#eee;color:#333;min-width:320px;line-height:2em;font-size:16px; ;}
ol,ul,li{list-style-type:none;}
b{font-weight:normal}
img{vertical-align:middle;border:0;}  
h1,h2,h3,h4,h5,h6 {font-size:inherit;font-weight:normal;} 
a {color:#333;text-decoration:none;}
.align-center{text-align: center;}
.align-right{text-align: right;}

/* 全局 */
.content{width:375px;margin:0 auto;background-color: #f9f9f9;padding-bottom:15px;}
.part{width:92%;margin:4% auto;padding: 0;}
@media screen and (max-width: 786px){
    .content{width:100%;}
}

/* 顶部 */
.top{width:375px;margin:auto;position: fixed;top:0;background:#f9f9f9;padding:15px;font-size:1.125em;z-index:3;line-height: 1.5;}
@media screen and (max-width: 786px){
    .top{width:100%;padding:4vw}
}

/* 封面 */
.cover.part{border-radius: 6px;position: relative;box-shadow: 0px 6px 6.5px -5.5px rgba(0, 0, 0, 0.5);padding-top:4%;margin-top:0;}
.cover img{width:100%;border-radius: 6px}
.cover_info{width:100%;position: absolute;display: flex;align-items: flex-end;padding: 12px 17px; left: 0; bottom: 0; width: 100%; height: 190px;background: linear-gradient(360deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 100%);border-radius:0 0 6px 6px;color:#fff;flex-wrap:wrap;}
.cover_info h1{font-size:1.375em;}

h2{color:#C7916F;}
h2 span{position: relative;padding:0 20px;}
h2 span::before{position: absolute;content: "";background:url(../images/h2_bg.png) no-repeat center center;width:15px;height:100%;background-size: 50% auto;left:5px;top:0;z-index:1;}
h2 span::after{position: absolute;content: "";background:url(../images/h2_bg.png) no-repeat center center;width:15px;height:100%;background-size: 50% auto;right:5px;top:0;z-index:1;}

/* 导语 */
.summery{background:#fff;font-size:16px;line-height:1.5;box-shadow: 0px 4.5px 18px -1px rgba(133, 137, 141, 0.5);;padding:1em;}
.summery p{padding:.5em 0;text-indent: 2em;}

/* 频道 */
.channel ul{display: flex;flex-wrap:wrap;justify-content:space-between;}
.channel ul li{width:47%;margin-bottom:1em;}
.channel ul li div.block{background:#fff;border-radius: 6px 6px 0 0;box-shadow: 0px 4.5px 18px -1px rgba(133, 137, 141, 0.14);}
.channel ul li div.block a{display: block;width: 100%;height:100%;;}
.channel ul li img{width:100%;border-radius: 6px 6px 0 0;}
.channel ul li p{line-height: 1.5em;min-height:3.5em;padding:.2em .5em;}
.wz.channel ul li img{height:calc( 162px * 240 / 342 ); object-fit: cover;}
@media screen and (max-width: 786px){
    .wz.channel ul li img{height:calc( 92vw * .47 * 240 / 342 );}
}

/* 弹出层 文章列表 */
.text_list{position: fixed;width:300px;height:100%;;background-color:#f3f3f3;left:-100%;top:0;z-index:2;padding:60px 1em 1em;box-shadow: 0 0 5px rgba(0,0,0,.5);transition: all 0.3s ease-in 0s;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.text_list ul li{width:100%;padding:.8em 0;line-height: 1.5;border-bottom:1px #e9e9e9 solid;}
.text_list ul li:last-child{border:0;}
.text_list ul li a{width:100%;height: 100%;display: flex;;}
.text_list ul li .img{width:35%;}
.text_list ul li img{width:100%;display: block;border-radius: 4px;}
.text_list ul li .text{width:65%;padding-left:1em;}
@media screen and (max-width: 786px){    
.text_list{width:80%;}
}


.mask_bg{width:100%;height:100%;position: fixed;top:0;left:0;background:rgba(0, 0, 0, 0.5);z-index:1;display: none;;}

/* 文章 */
.wz{position: relative;}
.wz .img img{width:100%;}
.wz .text{background:#fff;border-radius: 20px 20px 0 0;margin-top:-20px;z-index: 1;position: relative;padding:1.4em;}
.text_top{border-bottom:1px #F4F5F7 solid;padding-bottom:1em;}
.text_top h1{font-size:1.5em;padding-bottom:.4em;font-weight: bold;}
.text_top p{line-height: 1.8em;font-size: .875em;}
.text_top p span{color:#a7a7a7;font-size:.86em;margin-right:1em;}
.text_intro{margin:1em 0;background:#F4F5F7;font-size: .875em;padding:1em;line-height:1.9em;}
.text_content{padding:0 .8em;}
.text_content p{padding:.8em 0;}
.wz .back{width:30px;height:30px;position: absolute;top:1em;left:1em;}
.wz .back a{width:100%;height:100%;}
.wz .back img{width:100%;}
.totop{width:30px;height:30px;position: fixed;bottom:1em;right:1em;z-index: 3;}
.totop img{width:100%;}



/* 底部 */
.foot{padding-bottom:15px;line-height:2em;color: #aaa;font-size:.8em;width:13em;margin:auto;}
.foot span{width:6.5em;display:inline-block;text-align:right;}