@import "common.css";

/* 轮播 */
.inner-banner{background: url("https://nurmai.oss-cn-hangzhou.aliyuncs.com/video/news-banner.jpg") no-repeat center; background-size: cover;}

/* 模块 */
.lists-model{padding: 30px 158px;}
.detail-model{padding: 0 158px;}
.news-left{width: calc(100% - 380px); box-sizing: border-box;}
.lists-model .news-left{padding:0 30px 30px 30px;}
.detail-model .news-left{padding: 50px;}
.news-right{width: 350px;}

/* 列表 */
.list{height: 1210px;}
.list li{padding: 30px 0; border-bottom: #F8F8F8 1px solid;}
.list li .image{width: 250px; height: 170px;}
.list li .image img{width: 100%; height: 100%;}
.list li .info{width: calc(100% - 280px); align-items: flex-start;}
.list li .info a:hover{color: #1668FF; text-decoration: underline;}
.list li .info .description{height: 60px; line-height: 30px;}
.list li .info .keywords{height: 28px;}
.list li .info .keywords p{padding: 0 8px; line-height: 28px; margin-right: 15px;}
.list li:hover .image img{transform: scale(1.1);}

/* 排行榜 */
.ranking li{padding: 20px 0;}
.ranking li:not(:last-child){border-bottom: #F2F2F2 1px dashed;}
.ranking li h3 i{width: 20px; color: #9195A3;}
.ranking li:first-child h3 i{color: #FE2D46;}
.ranking li:nth-child(2) h3 i{color: #F60;}
.ranking li:nth-child(3) h3 i{color: #FAA90E;}
.ranking li h3 a{width: calc(100% - 20px);}
.ranking li a:hover{color: #1668FF; text-decoration: underline;}

/* 面包屑 */
.crumbs{padding: 0 158px; height: 68px; margin-top: 80px;}
.crumbs a:hover{color: #1668FF; text-decoration: underline;}

/* 详情 */
.detail h3{font-size: 32px; line-height: 32px; color: #1B2C56;}
.detail .sub-title{height: 50px;}
.detail .sub-title span{width: 50px; height: 45px; line-height: 45px;}
.detail .sub-title span.original{background: url("https://nurmai.oss-cn-hangzhou.aliyuncs.com/news/original.png") no-repeat;}
.detail .sub-title span.reprint{background: url("https://nurmai.oss-cn-hangzhou.aliyuncs.com/news/reprint.png") no-repeat;}
.detail .sub-title i{width: 18px; height: 18px; font-size: 18px;}
.detail .detailed,.new-detailed-left .detailed p{color: #485577; line-height: 32px;}
.detail .detailed pre{margin-bottom:10px;}
.detail .detailed img{max-width: 100%;}
.detail .keywords{padding: 30px 0; border-bottom: #F8F8F8 1px solid;}
.detail .keywords h4{background-color: #1668FF; padding: 8px 15px; margin-right: 20px;}
.detail .nears a{color: #485577;}
.detail a:hover{color: #1668FF; text-decoration: underline;}

/* 响应式 */
@media (max-width: 1680px) {
    .lists-model{padding: 30px 108px;}
    .detail-model,.crumbs{padding: 0 108px;}
}
@media (max-width: 1440px) {
    .lists-model{padding: 30px 80px;}
    .detail-model,.crumbs{padding: 0 80px;}
}
@media (max-width: 1366px) {
    .lists-model{padding: 30px 60px;}
    .detail-model,.crumbs{padding: 0 60px;}
}
@media (max-width: 1280px) {
    .lists-model{padding: 30px 50px;}
    .detail-model,.crumbs{padding: 0 50px;}
}

.layui-laypage{margin-top: 30px;}

#mycode{min-width: 100%; box-sizing: border-box; margin-top: 10px; border-radius: 4px; font-size: 15px; white-space: pre-wrap; font-family: OPPO, sans-serif;}