<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.content{
    position: relative;
}

.ilink,
.inews {
    display: inline-block;
    vertical-align: top;
}


/*��滩�����*/

.ilink {
    width: 350px;
}

.ilink:after {
    content: '';
    display: block;
    clear: both;
}

.il_a {
    display: block;
    float: left;
    width: 170px;
    height: 170px;
    border: 5px solid #fff;
    border-radius: 10px;
    box-sizing: border-box;
    margin-right: 6px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    padding: 15px 0 10px 0;
    box-shadow: 5px 5px 8px rgba(114, 144, 94, 0.3);
    line-height: 1.7rem;    
    font-size: 1.5rem;
}

.il_a a{
    color: #fff;
}

.il_a:nth-of-type(2n) {
    margin-right: 0;
}

.il_a:nth-last-of-type(3)~.il_a {
    margin-bottom: 0;
}

.il_a:first-of-type {
    /*background-color: #68cae6;*/
	background-color:#0F7F9F;
}

.il_a:nth-of-type(2) {
    /*background-color: #ff7777;*/
	background-color: #D83B3B;
}

.il_a:nth-of-type(3) {
    /*background-color: #ff984b;*/
	background-color: #C25400;
}

.il_a:nth-of-type(4) {
    /*background-color: #ead335;*/
	background-color: #85740A;
}

.il_a:nth-of-type(5) {
    /*background-color: #84de32;*/
	background-color: #45850A;
}

.il_a:nth-of-type(6) {
    /*background-color: #987eef;*/
	background-color: #7E68C4;
}

.il_a:nth-of-type(7) {
    /*background-color: #f5a5a7;*/
	background-color: #9A6A6B;
}

.il_a:nth-of-type(8) {
    /*background-color: #d09d54;*/
	background-color: #916F40;
}

.il_a:nth-of-type(9) {
    /*background-color: #2289a7;*/
	background-color: #20809D;
}

.il_a:nth-of-type(10) {
    /*background-color: 00c988;*/
	background-color: #198563;
    
}

.il_a img {
    margin-bottom: 5px;
}

.il_a strong{
    display: block;
}


/*���鰵瘨���*/

.inews {
    margin-left: 6px;
    width: calc(100% - 362px);
    /*height: 530px;*/
    /*height: 722px;*/
	height: 914px;
}

.in_block {
    display: block;
    height: 86px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #eeeeee;
    border-radius: 10px;
    color: #444444;
    line-height: 1.5rem;
    margin-bottom: 10px;
}

/*.in_block:after {
    content: '';
    display: block;
    clear: both;
}*/

.in_block:hover {
    background-color: #ffebe2;
}

.in_block:hover a {
    color: #fb6464;
}

.in_block:hover .inb_date {
    border-right: 1px solid #fe4e00;
}

.in_block a {
    color: #444444;
}

.inb_date {
    float: left;
    width: 70px;
    border-right: 1px solid #cccccc;
    font-size: 1.25rem;
}

.inb_text {
    float: left;
    width: calc(100% - 75px);
    padding-left: 25px;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media screen and (max-width: 1023px) {
    /*��滩�����*/
    .ilink {
        width: 300px;
    }
    .il_a {
        width: 145px;
        height: 145px;
    }
    .il_a img {
        height: 50px;
        margin-bottom: 2px;
    }
    /*���鰵瘨���*/
    .inews {
        margin-left: 6px;
        width: calc(100% - 310px);
        /*height: 455px;*/
        height: 826px;
    }
    .in_block {
        padding: 15px;
        height: 76px;
    }
}

@media screen and (max-width: 767px) {
    .ilink,
    .inews {
        display: block;
    }
    /*��滩�����*/
    .ilink {
        width: 100%;
    }
    .il_a {
        width: calc(98% / 3);
        height: 0;
        padding-bottom: calc(98% / 3);
        margin-right: 1%;
        margin-bottom: 1%;
        border: 3px solid #fff;
    }
	
	.il_a.sm a strong{ font-size:0.9375rem !important; } 
	.il_a.sm .br_pc{ display:none; }
	.il_a.sm .br_sp{ display:block; }
	
    .il_a img {
        max-width: 40%;
        height: auto;
        margin-bottom: 2px;
    }
    .il_a:nth-of-type(2n) {
        margin-right: 1%;
    }
    .il_a:nth-of-type(3n) {
        margin-right: 0px;
    }
    .il_a:nth-last-of-type(3)~.il_a {
        margin-bottom: 1%;
    }
    /*���鰵瘨���*/
    .inews {
        margin-left: 0px;
        margin-top: 10px;
        width: 100%;
        /*height: 455px;*/
        height: 804px;
    }
    .in_block {
        padding: 15px;
        height: 76px;
    }
    .inb_date {
        width: 60px;
    }
    .inb_text {
        width: calc(100% - 61px);
        padding-left: 15px;
    }
}</pre></body></html>