[class*="icon-"] { font-family: "iconfont"; font-size: inherit; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .line{ height: 20rpx; background-color: #F0F0F0; } .max-width{ width: 1600px; margin: 0 auto; } *{ margin: 0; padding: 0; } .box-content{ box-sizing: content-box; } .box-border{ box-sizing: border-box; } .bgc-e6{ background-color: #E6E6E6; } .bgc-13{ background-color: #131313; } .bgc-02{ background-color: #020202; } .bgc-fc{ background-color: #F1F9FC; } .ptm-80{ padding-bottom: 80px; } .ptm-120{ padding-bottom: 120px; } a{ color: #1A1A1A; text-decoration: none; &:visited{ color: #1A1A1A; } } .index-title{ display: flex; justify-content: space-between; align-items: center; .index-title-left{ font-size: 30px; font-weight: bold; height: 100px; line-height: 100px; position: relative; &::before{ content: ''; width: 100%; height: 4px; background: linear-gradient(to right,#F48612,#F48612); position: absolute; left: 0; bottom: 0; } } .index-title-right{ width: 142px; height: 42px; background-color: #F0F0F0; border-radius: 21px 0 21px 0; font-size: 20px; color: #F48612; display: flex; justify-content: center; align-items: center; text-decoration: none; &:visited{ color: #F48612; } .index-title-img{ width: 22px; height: 22px; margin-left: 12px; } } } .zhishu-left{ width: 324px; .zhishu-box{ margin-bottom: 70px; .zhishu-title{ height: 60px; background: linear-gradient(to right,#15C8DA,#18B650); line-height: 60px; text-align: center; font-size: 26px; color: #FFFFFF; font-weight: bold; } .zhishu-item{ height: 55px; border: 1px solid #15C5C0; border-top: none; font-size: 22px; text-align: center; line-height: 54px; vertical-align: middle; position: relative; } .zhishu-item-active{ color: #18B54E !important; &::before{ content: ''; display: inline-block; width: 22px; height: 22px; margin-right: 15px; } &::after{ content: ''; display: inline-block; width: 22px; height: 22px; background: url(/static/img/Thearrow@2x.png) no-repeat; background-size: 100% 100%; margin-left: 15px; } } } } .zhishu-right{ width: 910px; position: relative; } .common-head{ height: 106px; line-height: 106px; font-size: 20px; } .mg-10-lr{ margin: 0 10px; } .table-box{ margin: 36px 16px 12px; border-top: 1px solid #E7E7E4; border-left: 1px solid #E7E7E4; max-height: 800px; .table-item{ display: flex; &>.table-item-inline{ font-size: 22px; height: 70px; line-height: 70px; text-align: center; border-right: 1px solid #E7E7E4; border-bottom: 1px solid #E7E7E4; &:nth-child(1){ width: 10%; } &:nth-child(2){ width: 22%; } &:nth-child(3){ width: 24%; } &:nth-child(4){ width: 22%; } &:nth-child(5){ width: 22%; } } &:nth-of-type(2n){ background-color: #F1F9FC; } &:first-of-type{ background-color: #D0EBF7; } } } .news-item{ display: flex; padding-bottom: 30px; border-bottom: 1px solid #9E9E9E; justify-content: space-between; width: 1383px; margin-bottom: 30px; .news-item-content{ width: 1077px; } .news-xian{ border-bottom: 1px dashed #9E9E9E; padding: 16px 0; } .news_fm{ width: 261px; height: 193px; } .news-item-title{ padding-right: 20%; min-height: 50px; line-height: 30px; font-size: 20px; font-weight: bold; position: relative; font-size: 19px; color: #9E9E9E; .news-item-time{ line-height: 30px; font-size: 20px; color: #999999; font-weight: normal; position: absolute; right: 0; top: 0; } } .news_desc{ width: 1037px; font-size: 27px; font-weight: 400; color: #FFFFFF; line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .godetai{ width: 120px; font-size: 19px; font-weight: 400; color: #9E9E9E; line-height: 32px; margin-top: 16px; display: flex; align-items: center; } .godetai:hover{ color:#F48612; } .godetai:hover .go_img{ background-image:url('@/static/img/index/go_c.png'); } .go_img{ width: 20px; height: 20px; background-image:url('@/static/img/index/go.png'); background-size: cover; margin-left: 10px; } .news-item-text{ line-height: 27px; font-size: 19px; font-weight: 400; color: #9E9E9E; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } &:last-of-type{ // border-bottom: none; } } .pointer{ cursor: pointer; } .border-bt-e6{ border-bottom: 1px solid #E6E6E6 !important; } .border-bt-ccc{ border-bottom: 1px solid #CCCCCC !important; } // 选择日期 .el-input{ width: 210px !important; font-size: 16px !important; } .el-date-picker { width: 600px !important; } .el-input--prefix .el-input__inner{ padding-left: 30px !important; } .el-input--suffix .el-input__inner{ padding-right: 30px !important; } .el-input__icon{ display: inline !important; width: 25px !important; height: 100% !important; line-height: 40px !important; } .el-input__inner{ height: 40px !important; line-height: 40px !important; padding: 0 15px !important; } .el-input__prefix{ left: 5px !important; } .el-input__suffix{ right: 5px !important; } .el-date-picker .el-picker-panel__content { width: 600px !important; margin: 0 !important; padding: 15px; .el-date-table{ font-size: 18px !important; td{ padding: 8px 0 !important; } } } .el-picker-panel__icon-btn { font-size: 18px !important; } // 分页 .el-pagination{ padding: 100px 0 !important; text-align: center; .el-pager li,.btn-prev,.btn-next{ min-width: 40px !important; padding: 0 10px; height: 40px; line-height: 40px; } } .el-pagination.is-background .el-pager li:not(.disabled).active{ background-color: #F48612 !important; } .el-paginations.is-background .el-pager li:not(.disabled).active{ background-color: none !important; }