/* 适配 */
@media screen and (max-width:1000px) {
	.header-nav {
		display: none;
	}

	.header-box .search {
		flex: 1;
		margin: 20px;
	}

	.child-nav ul {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}

	/**detail新样式**/
	
	.layout-logo {
        font-size: 21px;
        line-height: 1;
        font-weight: 700;
        /* font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; */
    }
	.detail-layout .header {
        height: 36px;
        justify-content: center;
        padding: 0 20px;

    }

    .search-input {
        display: none;
    }

    .detail-header {
        height: 36px;
    }

    .detail-header .pc-header-extra {
        display: none;
    }

    .detail-header .header-content {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .detail-main {
        padding: 10px 20px;
    }

    .detail-box {
        display: block;
    }

    .detail-box .left .autor {
        display: flex;
    }

    .detail-box .left {
        width: 100%;
        margin: 0;
    }

    .detail-box .detail-page-title {
        font-size: 21px;
        line-height: 1.2;
        position: relative;
        -webkit-line-clamp: 4;
        font-weight: 800;
        color: #333;
        margin-bottom: 8px;
        /* font-family: "exo", Sans-Serif !important; */
    }

	.detail-box .left h1{
		font-size: 21px;
        line-height: 1.2;
        position: relative;
        -webkit-line-clamp: 4;
        font-weight: 800;
        color: #333;
        margin-bottom: 8px;
        font-family: "exo", Sans-Serif !important;
	}

    .detail-box .left h2 {
        font-size: 16px;
        font-weight: 700;
        line-height: 28px;
    }

    .detail-box .left h3 {
        font-size: 16px;
        font-weight: 700;

    }

    .detail-box .left p {
        font-size: 16px;
        font-weight: 400;
        color: #333;
        line-height: 24px;
        margin-bottom: 16px;
        font-family: "exo", Sans-Serif !important;
        word-wrap: break-word;
        overflow-wrap: break-word;
        word-break: break-all;
    }

    .detail-box .left .des {
        line-height: 22px;

    }

    .header_row {
        height: 36px;
    }

    /**detail新样式**/

	.detail-box .left .autor{
		display: flex;
	}
	.detail-box .right .autor{
		display: none;
	}
	.fd-content .footer_bg{
		font-size: 12px;
		display: flex;
		justify-content: center;
	}
	
}

@media (max-width: 768px) {
	.list {
	  padding-left: 15px;
	  padding-right: 15px;
	}
  
	.recommend-list .left,
	.recommend-list .right {
	  flex: none;
	  width: 100%;
	  margin-right: 0;
	  max-width: 100%;
	  padding-top: 20px;
	}
  
	.list .box ul{
		grid-gap: 15px;
		grid-template-columns: repeat(1, minmax(100px, 3fr));
	}
	.list .box ul li .img{
		height: 200px;
	}
	
	.list .recommend-list .right ul li .txt .des{
		display: block;
	}
	.list .recommend-list .left{
		display: block;
	}

	main.list{
		padding: 100px 15px 50px ;
	}

	.list .recommend-list .left ul li h2 {
		font-size: 20px;

	}
	
	.list-content .type-box h2{
		font-size: 36px;
	}
	.list .recommend-list .right ul li .title{
		font-size: 15px;
		line-height: 21px;
	}

	.list .recommend-list{
		flex-direction: column;
	}

	.detail-box .right .related-list .list-box ul li{
		width: 100%;
	}
  }



/* 表格 */
@media screen and (max-width: 768px) {
	.news-content table {
		width: 100%;
		table-layout: fixed;
		border-collapse: collapse;
		font-size: 16px;
		margin-bottom: 15px;
		line-height: 26px;
	}
	
}


/**index*/
@media screen and (min-width: 768px){
	.phone-logo{
		display: none;
	}

	.pc-logo{
		display: block;
	}
 
}

@media screen and (max-width: 768px) {
	.header-box {
		height: 60px;
	}

	header .logo {
		width:50px;
	}

	.search-page  header .logo{
		width: 112px;
	}
	
	.header-box .search {
		flex: 1;
		margin: 10px;
	}

	.header-box .search input {
		width: 100%;
		height: 30px;
		border-radius: 10px;
		box-shadow: 0 .1rem .4rem #14171a1a;
	}

	.header-box .search button{
		top: 5px;
	}

	.drawer-container {
		display: block;
	}

	.drawer-menu {
		position: relative;
		cursor: pointer;
		width: 16px;
		height: 16px;
		--tw-rotate: 0deg;
	}

	.drawer-menu .one,
	.drawer-menu .two,
	.drawer-menu .three {
		position: absolute;
		width: 18px;
		height: 2px;
		background-color: #ffffff;
		transition: transform 0.15s cubic-bezier(.4, 0, .2, 1), opacity 0.15s cubic-bezier(.4, 0, .2, 1);
		transform-origin: center;
		transform: rotate(var(--tw-rotate));
	}

	.drawer-menu .one {
		top: 0;
	}

	.drawer-menu .two {
		top: 7px;
	}

	.drawer-menu .three {
		bottom: 0;
	}

	.drawer-menu.active>.one {
		top: 7px;
		--tw-rotate: 45deg;
	}

	.drawer-menu.active>.two {
		opacity: 0;
	}

	.drawer-menu.active>.three {
		top: 7px;
		--tw-rotate: -45deg;
	}

	.child-nav ul {
		grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-auto-rows: auto;
	}

	.f16 {
        font-size: 16px;
    }

	.phone-logo{
		display: block;
	}

	.pc-logo{
		display: none;
	}

}

@media screen and (max-width: 768px) {
	.footer-box {
		display: block;
		text-align: center;
	}
	.footer-box .footer-content{
		margin: 20px 0 10px;
	}
	.footer-box .record-box{
		width: 100%;
		margin-top: 10px;
	}

	.record-box .record-content{
	    flex-direction: column;
        align-items: center;
	}

	.footer-list{
		padding-top: 40px;
	}

	.footer-list ul{
		grid-template-columns: repeat(1, minmax(0, 1fr))
	}

    .footer-list-box ul li {
	 font-size: 10px;
	  margin-left: 0px;
	  margin-right: 0px;
    }

	.footer-list-box ul li a{
		margin: 0 5px;
	}

	.footer-list-box .ft-list-ul li{
		font-size: 13px;
	}
}

@media (max-width: 768px) {
	main .page01 .trending-list {
		display: none !important;
	}

	.allArticle-list {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		margin-top: 0
	}
}

@media (max-width: 768px) {
	.detail-box {
	  /* padding: 0 15px;  */
	  flex-direction: column; 
	}
  
	.detail-box .left {
	  width: 100%;     
	  margin: 0;      
	}

   .detail-box .left .time{
	margin-top: 15px;
   }

	.search-page .navbar{
		border-bottom:none;
		box-shadow:none;
	}
	/* .search-list .box .search-title {
		padding-top: 20px;
	} */

	.search-list .box{
		margin-top: 15px;
	}

	.detail-page  header .logo{
		width: 112px;
	}

	.explain-main .explain-header{
		background-color:#ffffff;
		padding-left: 40px;
		padding-right: 40px;
	}

	.explain_title{
		font-size: 31px;
		color: #000000;
	}

	.explain-main .explain-header img{
		height: 31px;
		width: 31px;
	}

	.explain-main .explain-main-right{
		margin: 0 auto;
	}
	
	.article_logo {
		padding-left: 20px;
	}

	.article-content{
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}

  }