@charset "utf-8";
/* CSS Document */

*{margin:0px; padding:0px;}
li{ list-style-type:none;}
a{text-decoration:none; color:#333;}
a:hover{
	color:#3071f2;
}

body{padding-top:25px;}

.ad img{width:100%; height:auto;}
.mianze{font-size:14px; color:#999; position:relative; margin-top:100px;}
h2{font-size:26px; font-weight:600;}

header { /*background:rgb(35 186 193);*/ 
	position:fixed;
	width:100vw;
	top:0px;
	left:0px;
	background-color:#fff;
	border-bottom:1px #eee solid; 
	height:60px;
	margin-bottom:30px;
	z-index: 99;
}
header .container{
	display:flex;
	grid-template-columns: 1fr 2fr;
}
header .container .navigetion{margin-left:150px;}
header .container .navigetion ul { 
	
	display:grid;
	grid-template-columns:repeat(11,1fr);
	align-items: center;
	
}
header .navigetion ul li{ height:60px; text-align:center; line-height: 60px; border-bottom:1px #eee solid;}
header .navigetion ul li a{font-size:18px; color:#333;}
header .navigetion ul li:hover {
	background:#3071f2;
	border-bottom:1px #3071f2 solid;
	color:#fff;
}
header .navigetion ul .cur{border-bottom:1px #3071f2 solid;}

header .search{
	position:relative;
	text-align:right;
	display:none;
}
header .search input{border:0px; padding:5px; font-size:14px; color:#333; border-radius:5px; border:1px #ddd solid;}
header .search .sbtn{position:absolute; top:2px; right:5px;}
header .search .sbtn img{width:23px;}
header .search button{background:none; border:0px;}


.nav{font-size:14px;margin-bottom:25px;}

footer{
	margin-top:25px;
	padding:25px;
	border-top:1px #eee solid;
	background:#fafafa;
}

footer{font-size:14px; color:#808080;}
footer .footbody{
	width:1200px;
	margin:0px auto; 
	display:grid;
	grid-template-columns: repeat(3,1fr);
	align-content: space-between;
}
footer .copyright{ text-align:center; margin:25px 0px; margin-bottom:0px;}

.site h1{font-size:14px;margin-bottom:5px; color:#333;}
.site ul li{
	line-height: 34px;
	
}
.site ul li a{color:#808080;}
/*
头条新闻
*/

.index-title {width:1200px; text-align:center; margin:35px auto; }
.index-title h1{margin-bottom:25px;}
.index-title .order span{margin-right:25px; }
.index-title .order span::before{
	content:"|";
	font-size:14px;
	margin-right:15px;
	position:absolute;
	margin-left:-15px;
	color:#666;
}
.index-title .order span:nth-child(1)::before{
	display:none;
}
.container{width:1200px; margin:0px auto;}

.logo img{
	width:150px; height:auto;
}

.ad{display:none;}

.columns{
	display:grid;
	grid-template-columns:1fr;
	grid-gap: 25px;
}


.article-body{
	margin-top:45px;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	grid-column: 25px;
}
.slide,.leftside{width:860px;}
.rightside{width:320px;}
.slide img{width:100%; height:420px;}


/*通用文字列表*/
.pclist ul li {
	width: 100%;
    padding: 10px 0;
    border-bottom: 1px dashed #DBDBDB;
    position: relative;
}

.pc_hotside{
    width: 320px;
    margin-left: 20px;
    padding: 30px 20px 10px;
    background-color: #FAFAFA;
}

.pclist ul li i {
    position: absolute;
    top: 20px;
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #3071f2;
	margin-right:25px;
    vertical-align: middle;
}
.pclist ul li:last-child{border:0px;}

.pclist ul li a {
    display: inline-block;
    font-size: 15px;
    color: #333;
    max-height: 24px;
    line-height: 2em;
    overflow: hidden;
    padding-left: 14px;
}

.pclist ul li a:hover{
	color:#3071f2;
}
.pclist ul li span{
	display: inline-block;
    color: #aaa;
    padding-left: 16px;
    font-size: 15px;
    padding-top: 2px;
}

.pclist .side_title {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 12px;
    border-bottom: 1px solid #DBDBDB;
    position: relative;
}

.pclist .side_title i {
    color: #ff4b4b;
    padding-right: 8px;
    font-size: 18px;
}

.pclist .side_title span:after {
    display: inline-block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 88px;
    height: 1px;
    background-color: #3071f2;
}

.fa-fire:before {
    content: "";
	display:inline-block;
	width:18px;
	height:18px;
	background:url("../images/tt.png");
	background-repeat: no-repeat;
	background-size: cover;
}


/*热门文章*/
.rank{
	width:320px;
	margin-left:40px;
	background:#fafafa;
	padding:30px 20px;
	margin-bottom:25px;
}
.rank .title{border-bottom:1px #DBDBDB solid;  font-weight:bold; margin-bottom:15px; height:35px; position:relative;}
.rank .title .name {border-bottom:2px #3071f2 solid; position:absolute; left:0px; padding-bottom:14px;}
.rank ul li {font-size:14px; margin-bottom:15px; position:relative; padding-left:25px;}
.rank ul li span{ position:absolute; display: block;  position:absolute; left:0px; width:8px; font-size:12px; padding:2px 5px; text-align:center; background:#ccc; color:#fff;}
.rank ul li:nth-child(1)  span{
	background:rgba(211,33,36,1.00);
}
.rank ul li:nth-child(2)  span{
	background:rgba(239,100,5,1.00);
}
.rank ul li:nth-child(3)  span{
	background:rgba(252,181,3,1.00);
}

/*本站推荐*/
.recommend{
	width:320px;
	margin-left:40px;
	background:#fafafa;
	padding:30px 20px;
	margin-bottom:25px;
}


.recommend .title{border-bottom:1px #DBDBDB solid;  font-weight:bold; margin-bottom:15px; height:35px; position:relative;}
.recommend .title .name {border-bottom:2px #3071f2 solid; position:absolute; left:0px; padding-bottom:14px;}
.recommend ul li {font-size:14px; margin-bottom:15px;}

/*rightside 4 pic 右侧四图*/
.rightside4pic{margin-left:40px; width:360px;margin-top:25px; margin-bottom:25px;}
.rightside4pic ul {
	display:grid;
	grid-template-columns: repeat(2,1fr);
	align-content: space-between;
	grid-gap:25px;
}
.rightside4pic ul li{
	
}
.rightside4pic ul li img{width:100%; height:auto;}
.rightside4pic ul li span{
	font-size:14px;
}

/*图片列表横向*/
.img-list{margin:25px 0px;}
.img-list ul{
	display:grid;
	grid-template-columns: repeat(4,1fr);
	grid-column-gap: 25px;
	align-content: space-between;
}
.img-list ul li{position:relative;}
.img-list ul li .classname{ position:absolute; background: rgba(31,115,241,1); font-size:12px;padding:5px 15px; color:#fff; border-bottom-right-radius: 20px;}
.img-list ul li .classname a{color:#fff;}
.img-list ul li .title{width:280px;font-size:16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin:5px 0px;}
.img-list ul li .order{font-size:12px; color:#666;}

/*图片样式*/

.img1{width:100%; height:123px;}
.img2{width:240px; height:160px;}

/*信息流列表*/

.artlist ul li {
	display:flex;
	align-content: flex-start;
	gap:25px;
	border-bottom:1px #eee solid;
	padding-bottom:25px;
	margin-top:25px;
}
.artlist ul li .title{font-size:24px; line-height:34px;}
.order{margin:12px 0px; font-size:14px;}
.order span{position:relative;margin-right:25px;}
.author{ color:rgba(31,115,241,1); margin-left:15px;}
.author::before{
	content:'';
	display:block;
	background:url("../images/author.png");
	background-repeat:no-repeat;
	background-size:cover;
	width:16px;
	height:16px;
	position:absolute;
	left:-20px;
	top:1px;
	
}

.time{color:#666; font-size:12px;margin-left:15px;}
.time::before{
	content:'';
	display:block;
	background:url("../images/time.png");
	background-repeat:no-repeat;
	background-size:cover;
	width:16px;
	height:16px;
	position:absolute;
	left:-20px;
	top:0px;
	
}
.intro{font-size:14px; color:#666; line-height: 24px; margin:8px 0px;}
.tag{margin-left:20px;}
.tag::before{
	content:'';
	display:block;
	background:url("../images/tagico.png");
	background-repeat:no-repeat;
	background-size:cover;
	width:16px;
	height:16px;
	position:absolute;
	left:-25px;
	top:3px;
	
}



/*内容页*/

.articles>h1 {
    color: #333;
    font-family: PingFang SC;
    font-size: 36px;
    font-weight: 600;
    line-height: 56px;
    margin-bottom: 25px;
    margin-top: 8px;
}
.articles .infotext{font-size:12px; color:#666;}
.articles .content{margin-top:25px; text-align: justify; }
.articles .content p {
	    letter-spacing: .5px;
		line-height: 30px;
		margin-bottom: var(--news-bottom-distance);
		word-wrap: break-word;
		margin-bottom:25px;
}
.articles .content img{ max-width:100%; height:auto;}

.mianze .pc-share{ position:absolute; right:0px; top:-58px;}
.mianze .pc-share ul{display:flex; justify-content: flex-start; gap:15px;}
.pc-share ul li {
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.pc-share ul li:nth-child(1) {
    background-image: url(http://z.wanliancm.com/images/py_share.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.pc-share ul li:nth-child(2) {
    background-image: url(http://z.wanliancm.com/images/weibo_share.png);
    background-repeat: no-repeat;
    background-size: cover;
}
/*swiper*/

 .swiper-container {
        width: 100%;
        height: 100%;
        
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        position:relative;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

 .swiper-container .swiper-slide .title{
	position:absolute;
	width:100%; padding:5px 0px;
	background:rgba(0,0,0,0.22);
	color:#fff;
	bottom:9px;
}
.swiper-pagination{display:none;}

    .swiper2 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
       
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

.sysmenu{
	position:absolute;
	right:10px;
	top:20px;
	width:20px;
	display:none;
}
.sysmenu hr{color:#333;margin-bottom:5px;}

header .logo{width: 100px;}

#wrap{margin-top:-80px;}

/* 手机端 胃有问题的症状有哪些*/
@media screen and (max-width: 600px) {
  body {
    /*background-color: yellow;*/
  }
	.sysmenu{display:block;}
	header{margin-bottom:0px; position:relative;}
	header .navigetion{display:none;}
	header,.container{width:100%; overflow:hidden;}
	header .search{display:none;}
	header .navigetion{
		position:fixed;
		z-index: 3;
		background:#fff;
		left:0;
		top:50px;
		width:100%;
	}
	header .logo{margin-top:8px;}
	header .navigetion ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		align-items: center;
	}
	header .navigetion ul li {border:1px #eee solid; margin-left:-1px; margin-top:-1px;}
	.index-title {width:100%;padding:25px; display:table-cell; display:none;}
	.index-title .order span{line-height:25px;}
	.ad img{width:100%; height:auto;}
	.slide{width:100vw;}
	.slide img{width:100%; height:220px;}
	.nav{display:none;}
	.mianze .pc-share{display:none;}
	.columns {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 25px;
	}
	
	
	.img-list ul {
		padding:25px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 25px;
		align-content: space-between;
	}
	.img-list ul li img{width:41vw; height:123px;}
	
	.img-list ul li .title {
		 width: 130px; 
		font-size: 14px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		margin: 5px 0px;
	}
	
	.img-list ul li .order span{display:block; margin-bottom:8px;}
	.art-item .order .time{margin-left:0px;}
	.article-body{display:table-cell; padding:25px;}
	.article-body .art-item .intro{display:none;}
	.article-body ul li{
		display:grid;
		grid-template-columns: 140px 1fr;
	}
	.article-body ul li .img2{width:100%; height:auto;}
	.article-body ul li .art-item .title{font-size:16px; line-height: normal;}
	.article-body ul li .order .tag{display:none;}
	.leftside{width:100%;}
	.rightside{display:none;}
	.pc_hotside {
		width: 85vw;
		padding:15px;
		background-color: #FAFAFA;
	}
	
	.articles>h1 {
    	color: #333;
		font-family: PingFang SC;
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 25px;
		margin-top: 8px;
	}
	
	
	footer{}
	footer .footbody {
		width:90vw;
		margin: 0px auto;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		align-content: space-between;
	}
}