/*********************************列表页面开始*******************************/

/*下拉框*/
.w1200 .select { font-size: 16px; margin-bottom: 20px; }
.w1200 .select select { font-size: 16px; min-width: 150px; height: 36px; margin: 0 20px 0 0; outline: none; border: 1px solid #ccc; border-radius: 5px; padding: 0 15px; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(/images/xsj.png) no-repeat; background-position: right -6px; }
/*置顶标签*/
.w850 ul.list .rec { width: 100px; height: 100px; overflow: hidden; position: absolute; top: -5px; left: -5px; }
.w850 ul.list .rec span { display: block; line-height: 16px; text-align: center; transform: rotate(-45deg); position: relative; padding: 5px 0; left: -28px; top: 15px; width: 110px; background: #FF6600; color: white; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); letter-spacing: 1px; }
.w850 ul.list .rec span:before, .rec span:after { content: ""; border-top: 4px solid #CC9933; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; bottom: -4px; }
.w850 ul.list .rec span:before { left: 0; }
.w850 ul.list .rec span:after { right: 0; }
/*列表*/
.w850 ul.list li { position: relative; height: 160px; border-radius: 5px; box-shadow: 0 0 5px #999; padding: 30px; margin-bottom: 25px; }
.w850 ul.list li:hover { box-shadow: 0 0 5px #009900; transform: scale(1.01); }
.w850 ul.list li .img { width: 250px; height: 155px; border: 1px solid #ddd; border-radius: 3px; margin-right: 30px; overflow: hidden; float: left; }
.w850 ul.list li .info { justify-content: space-between; }
.w850 ul.list li .info .name { font-size: 24px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.w850 ul.list li:hover .info .name { color: #00a0ea; }
.w850 ul.list li .info .content { font-size: 16px; color: #666; overflow: hidden; line-height: 28px; margin: 10px 0px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.w850 ul.list li .info .area { font-size: 12px; color: #fff; display: inline; padding: 5px 10px; background-color: #00a0e9; border-radius: 5px; }
.w850 ul.list li .info .area a { color: #fff; }
.w850 ul.list li .info .area a:hover { font-size: 13px; }
.w850 ul.list li .info .area i { padding: 0px 3px; }

/*********************************列表页面结束*******************************/