body,html{padding:0;margin:0}img{display:block}a{color:#333;text-decoration:none}.left{float:left}.right{float:right}.clear{clear:both}.flex{display:flex}.flex-item{flex:1}.article{font-size:16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:2em;word-wrap:break-word}.article img{max-width:100%}.ql_block{box-sizing:border-box;padding:40px 40px}.ql_list1{margin:40px 0 0 0}.ql_list1 .ql_item2{box-sizing:border-box;padding:15px;border-radius:10px;margin-top:20px;background:white;position:relative;overflow:hidden;box-shadow:0 0 10px 5px rgba(0,0,0,0.04)}.ql_list1 .ql_item2:hover{box-shadow:0 0 10px 5px rgba(0,0,0,0.08)}.ql_list1 .dot{position:absolute;top:18px;left:-7px;width:14px;height:14px;background:#aaa;border-radius:10px 10px 10px 10px}.ql_list1 .name{font-size:18px;margin-left:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ql_list1 .intro{font-size:14px;line-height:24px;margin-top:10px;color:#888;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:48px}.ql_list2{margin:40px 0 0 0}.ql_list2 .ql_item3{box-sizing:border-box;padding:15px;border-radius:10px;margin-top:20px;background:white;position:relative;overflow:hidden;box-shadow:0 0 10px 5px rgba(0,0,0,0.04)}.ql_list2 .ql_item3:hover{box-shadow:0 0 10px 5px rgba(0,0,0,0.08)}.ql_list2 .img{width:150px;float:left;border-radius:10px;overflow:hidden}.ql_list2 .img img{width:100%}.ql_list2 .con{box-sizing:border-box;overflow:hidden;padding-left:15px}.ql_list2 .name{font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ql_list2 .intro{font-size:14px;line-height:24px;margin-top:10px;color:#888;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:48px}.ql_list2 .eye{float:left;margin-top:10px;line-height:20px}.ql_list2 .icon{width:20px;height:20px;float:left;margin-right:5px}.ql_list2 .icon img{width:20px;height:20px}.ql_list2 .text{color:#aaa;float:right;font-size:15px}.ql_imglist{margin:40px -15px 0 -15px}.ql_imglist .ql_item1{float:left;width:20%;padding:15px;position:relative;box-sizing:border-box}.ql_imglist .inner{position:relative;border-radius:15px;overflow:hidden;background:#333;height:auto;padding-top:200px;position:relative}.ql_imglist .ql_item1 img{width:100%;border-radius:15px}.ql_imglist .back{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../img/3.png');background-size:cover;background-repeat:no-repeat;background-position:center center}.ql_imglist .ql_item1:hover .back{opacity:.6}.ql_imglist .back2{background-image:url('../img/1.jpg')}.ql_imglist .back3{background-image:url('../img/4.jpg')}.ql_imglist .back4{background-image:url('../img/3.png')}.ql_imglist .back5{background-image:url('../img/1.jpg')}@media screen and (max-width:700px){.ql_block{box-sizing:border-box;padding:40px 10px}.ql_imglist{margin:40px -10px 0 -10px}.ql_imglist .ql_item1{width:50%;padding:10px}.ql_list2 .ql_item3{padding:10px}.ql_list2 .img{width:100px}.ql_list2 .img img{width:100px}.ql_list2 .name{font-size:16px}.ql_list2 .intro{font-size:14px;-webkit-line-clamp:1;height:24px;margin-top:5px}.ql_list2 .eye{float:left;margin-top:5px;line-height:20px}.ql_list2 .icon{width:20px;height:20px;float:left;margin-right:5px}.ql_list2 .icon img{width:20px;height:20px}.ql_list2 .text{color:#aaa;float:right;font-size:12px}}