* { padding: 0; margin: 0; } body { background: #f0f0f0ff; } /* 整个滚动条 */ ::-webkit-scrollbar { width: 8px; background-color: #fff; } /* 滚动条上的滚动滑块 */ ::-webkit-scrollbar-thumb { background-color: #d9d9d9; border-radius: 32px; } .index { margin: 0 auto; width: 1060px; } .top_bg { width: 100%; height: 174px; } .content { padding: 0 16px; box-sizing: border-box; display: flex; justify-content: space-between; background-color: #fff; } .content_left { margin-top: -114px; } .news { width: 426px; border: 0.5px solid #dededeff; background-color: #fff; } .news_top { display: flex; align-items: center; padding: 0 33px; height: 614px; } .mapimg { width: 360px; height: auto; } .news_bot { display: flex; padding: 0 14px; box-sizing: border-box; justify-content: space-between; align-items: center; height: 34px; border-top: 0.5px solid #dededeff; background: #efefefff; } .news_bot_left { width: 100px; color: #cc0000ff; font-size: 12px; white-space: nowrap; /* 去除超出盒子的文本 */ overflow: hidden; /* 省略超出盒子的文本 */ text-overflow: ellipsis; } .news_bot_centre { display: flex; width: calc(100% - 200px); align-items: center; justify-content: space-between; } .news_pre { width: 90px; height: 34px; border-radius: 0 0 4px 4px; opacity: 1; background: #cc0000ff; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; cursor: pointer; } .news_next { width: 90px; height: 34px; border-radius: 0 0 4px 4px; opacity: 1; background: #cc0000ff; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; cursor: pointer; } .news_bot_right { width: 100px; display: flex; justify-content: flex-end; } .news_bot_right_img { width: 18px; height: 18px; } .statement { margin-top: 20px; width: 426px; border: 0.5px solid #dededeff; height: 82px; } .statement_top { padding-left: 14px; height: 34px; background: #efefefff; line-height: 34px; color: #cc0000ff; font-size: 12px; font-weight: bold; } .statement_content { padding: 0px 14px; box-sizing: border-box; } .statement_word { color: #cc0000ff; font-size: 10px; } .content_right { width: 594px; } .operate { height: 42px; display: flex; line-height: 42px; } .operate_left { width: 344px; display: flex; } .operate_data { width: 198px; color: #ff0000ff; font-size: 12px; font-weight: bold; } .operate_old { color: #000000ff; font-size: 12px; cursor: pointer; } .operate_right { width: 250px; display: flex; justify-content: space-evenly; } .operate_right_action { width: 110px; display: flex; align-items: center; justify-content: space-between; } .operate_pre { display: flex; align-items: center; } .operate_pre_word { color: #cc0000ff; font-size: 12px; cursor: pointer; } .operate_next { display: flex; align-items: center; } .operate_next_word { color: #cc0000ff; font-size: 12px; cursor: pointer; } .operate_icon { width: 7px; height: 7px; } .operate_home { width: calc(100% - 110px); color: #000000ff; font-size: 12px; text-align: right; } .operate_home a:hover{ color: #d71619 ; } .list_content { display: flex; justify-content: space-between; } .list_left { width: 336px; } .new_list { width: 100%; height: 492px; border: 0.5px solid #dededeff; } .new_list_top { height: 34px; background: #efefefff; } .diamond { margin-left: 20px; width: 199px; height: 34px; background: #d71619; transform: skew(-30deg, 0); display: flex; align-items: center; justify-content: center; color: #ffffffff; font-size: 12px; font-weight: bold; } .diamond_word { transform: skew(30deg, 0); } .new_list_box { height: 458px; padding: 10px; padding-right: 0; padding-top: 0; box-sizing: border-box; display: flex; justify-content: space-between; overflow: auto; } .new_item_box { width: calc(100% - 26px); } .new_item { margin-top: 10px; display: flex; align-items: flex-start; cursor: pointer; } .new_item:hover .new_item_word { color: #d71619; } .new_item_icon { width: 6px; height: 6px; margin-right: 6px; margin-top: 3px; } .new_item_word { color: #000000ff; font-size: 12px; line-height: 18px; } .new_item_word a:hover{ color: #d71619 !important; } .pre_next { padding-top: 10px; box-sizing: border-box; width: 26px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } .pre_next_upicon { width: 8px; height: 8px; } .pre_next_downicon { width: 8px; height: 8px; } .search_box { margin-top: 20px; height: 82px; border: 0.5px solid #dededeff; } .search_top { padding-left: 14px; height: 34px; background: #efefefff; line-height: 34px; color: #cc0000ff; font-size: 12px; font-weight: bold; } .search { display: flex; align-items: center; justify-content: center; height: 48px; } .layui-input { height: 28px; width: 248px; } .search_word { width: 60px; height: 28px; border-radius: 0 2px 2px 0; opacity: 1; background: #cc0000ff; color: #ffffffff; font-size: 12px; text-align: center; } .list_right { width: 250px; } .directory { width: 100%; height: 252px; border: 0.5px solid #dededeff; overflow: auto; } .directory_top { padding-left: 14px; height: 34px; background: #efefefff; line-height: 34px; color: #cc0000ff; font-size: 12px; font-weight: bold; } .directory_list .directory_item:nth-of-type(2n) { background-color: #f8f8f8ff; } .directory_item { padding: 0 14px; box-sizing: border-box; height: 27px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .directory_word { color: #000000ff; font-size: 12px; } .directory_item:hover .directory_word { color: #d71619; } .directory_icon { width: 16px; height: 16px; } .date_box { margin-top: 9px; width: 100%; height: 231px; border: 0.5px solid #dededeff; box-sizing: border-box; } .directory_top { padding-left: 14px; height: 34px; background: #efefefff; line-height: 34px; color: #cc0000ff; font-size: 12px; font-weight: bold; } .notice { margin-top: 20px; width: 250px; height: 83px; background-image: url(/uploads/image/simage/notice.png); background-size: 100% 100%; display: flex; align-items: center; cursor: pointer; } .noticeicon { margin-left: 14px; margin-right: 6px; width: 16px; height: 15px; } .notice_word { color: rgb(167, 163, 163); font-size: 12px; font-weight: bold; color: #cc0000ff; font-weight: 700; } .footer_box { padding-top: 20px; box-sizing: border-box; background: #fff; } .back { width: 100%; height: 12px; background-color: #bd1400; } .footer_conten { display: flex; align-items: center; justify-content: center; padding: 20px 0 23px 0; } .fotter_img { width: 171px; height: 66px; margin-right: 20px; } .text_co { padding-top: 6px; color: #000000ff; font-size: 12px; } .no_btn { background: #dededeff; } /* 日期组件 */ .layui-laydate .layui-this, .layui-laydate .layui-this>div { background-color: #cc0000 !important; border-radius: 2px; } .layui-laydate-content{ overflow: auto; } .layui-laydate-content td, .layui-laydate-content th { height: 22px; line-height: 22px; } .layui-laydate-content td>div { padding: 0; } .layui-laydate-main { width: 248px; } .layui-laydate, .layui-laydate-hint { border: none; box-shadow: none; } .layui-laydate-header i { font-size: 12px; } .layui-laydate-header { line-height: normal; padding: 8px 70px 5px; } .layui-laydate-content { padding: 5px 10px; } .laydate-set-ym span { font-size: 12px; padding: 0 8px; } .laydate-set-ym span:hover { color: #cc0000; } .layui-laydate-header i:hover { color: #cc0000; } /* 红色区域 */ .newspaper { position: relative; cursor: pointer; } #hotarea { display: none; position: absolute; top: 0; left: 0; border: 2px solid #dc3721; background: rgba(220, 55, 33, 0.35); } #hotarea div { height: 100%; } #hotareatitle { position: absolute; top: 0; left: 0; width: 290px; background-color: #fef9db; color: #333; padding: 5px; font-weight: 700; z-index: 999; } .bminfor { display: none; }