/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 15 version
*/

.news-view{background-color: #f1f1f1;padding: 80px 0;}
.main-content{margin-top: 80px;}
.news-list li a{padding:20px 45px;background-color: #fff;height: 200px;}
.news-list li a .time-wrap{width: 120px;height: 100%;padding-right: 50px;}
.news-list li a .time-wrap2{display: none;}
.news-list li a .text-wrap{width: -webkit-calc(100% - 120px - 284px);width: calc(100% - 120px - 284px);height: 100%;}
.news-list li a .text-wrap2{display: none;}
.news-list li a .text-wrap .text{width: 100%;padding-right: 90px;line-height: 2;}
.news-list li a .pic{width: 284px;height: 100%;}
.news-list li:first-child{margin-top: 0;}
.news-list li:first-child a{height: 350px;padding: 0;}
.news-list li:first-child a .pic{width: 50%;}
.news-list li:first-child a .text-wrap{width: 50%;padding:60px 40px;}
.news-list li:first-child a .text-wrap .text{padding-right: 0;}
.news-list li:first-child a .text-wrap .text h5{padding-bottom: 10px;border-bottom: 1px solid #e4b75b;}
.news-list li:first-child a .text-wrap .text .color-6{margin-top: 20px;height: 84px;overflow: hidden;}
.news-list li:first-child a .text-wrap .text .time{margin-top: 40px;}
.news-list li:first-child a .text-wrap .text .more{width: 40px;height: 40px;border-radius: 50%;background-image: -o-linear-gradient(left,#d5ae5f,#eac780);background-image: -webkit-gradient(linear,left top, right top,from(#d5ae5f),to(#eac780));background-image: linear-gradient(90deg,#d5ae5f,#eac780);right: 0;bottom: -6px;cursor: pointer;}
.news-list li:first-child a .text-wrap .text .more i{font-size: 16px;}
.news-view .layui-btn-default{margin: 50px auto 0;}

@media screen and (max-width: 1280px){
	.news-view{padding: 60px 0;}
	.main-content{margin-top: 60px;}
	.news-list li a{padding:20px 20px 20px 40px;}
	.news-list li a .text-wrap .text{padding-right: 50px;}
	.news-list li a .time-wrap{padding-right: 30px;width: 100px;}
	.news-list li a .text-wrap{width: -webkit-calc(100% - 100px - 284px);width: calc(100% - 100px - 284px);}
	.news-view .layui-btn-default{margin: 40px auto 0;}
}

@media screen and (max-width: 991px){
	.news-view{padding: 40px 0;}
	.main-content{margin-top: 40px;}
	.news-list li a{padding:20px 20px 20px 40px;height: 160px;}
	.news-list li a .text-wrap .text{padding-right: 30px;}
	.news-list li a .time-wrap{padding-right: 30px;width: 100px;}
	.news-list li a .text-wrap{width: -webkit-calc(100% - 100px - 200px);width: calc(100% - 100px - 200px);height: 100%;}
	.news-list li a .pic{width: 200px;height: 100%;}
	.news-list li a .text p{height: 52px;overflow: hidden;}
	.news-view .layui-btn-default{margin: 30px auto 0;}
}

@media screen and (max-width: 767px){
	.news-view{padding: 30px 0;}
	.main-content{margin-top: 30px;}
	.news-list li a{padding:15px;height: auto;}
	.news-list li a .time-wrap{display: none;}
	.news-list li a .text-wrap{display: none;}
	.news-list li a .text-wrap2{margin-top: 10px;display: block;}
	.news-list li a .text-wrap2 p{margin-top: 5px;line-height: 1.8;}
	.news-list li a .time-wrap2{margin-top: 10px;display: block;}
	.news-list li a .pic{width: 100%!important;height: 200px;float: none;}
	.news-list li:first-child a {height: auto;}
	.news-list li:first-child a .text-wrap2{padding: 15px;margin-top: 0;}
	.news-list li:first-child a .text-wrap2 .time{margin-top: 10px;}
	.news-list li:first-child a .text-wrap2 .text2 .more{width: 30px;height: 30px;border-radius: 50%;background-image: -o-linear-gradient(left,#d5ae5f,#eac780);background-image: -webkit-gradient(linear,left top, right top,from(#d5ae5f),to(#eac780));background-image: linear-gradient(90deg,#d5ae5f,#eac780);right: 0;bottom: 0;}
	.news-list li:first-child a .text-wrap2 .text2 .more i{font-size: 14px;}
}