body { width: 100%; overflow-x: hidden; } /* 中间块样式 */ .index_main { width: 1160px; margin: 0 auto; box-sizing: border-box; position: relative; margin-top: -65px; } .con-row { display: flex; flex-direction: column; } .con-row.first-con-row { width: 100%; justify-content: space-between; } .con-row.second-con-row { justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .con-row .row-left { width: 100%; padding: 30px 36px; padding-bottom: 10px; box-sizing: border-box; } .row_b_s, .filter { background: white; box-shadow: 0px 0px 18px 0px rgba(0, 57, 119, .1); border-radius: 18px; } .con-row .row-left .row-left, .second-con-row { margin-top: 20px; } #zcrc_list { background: url(/uploads/image/pcbimage/zcrc_bg.png) no-repeat center center; background-size: 100%; width: 495px; height: 384px; margin-top: 50px; position: relative; } #zcrc_list .item_hot_word { position: absolute; font-weight: bold; color: white; text-align: center; } #zcrc_list .item_hot_word.word_0 { font-size: 30px; width: 158px; height: 58px; line-height: 58px; left: 164px; } #zcrc_list .item_hot_word.word_1 { width: 112px; height: 42px; line-height: 42px; font-size: 24px; top: 54px; left: 23px; } #zcrc_list .item_hot_word.word_2 { width: 140px; height: 50px; font-size: 26px; line-height: 50px; top: 129px; } #zcrc_list .item_hot_word.word_3 { width: 150px; height: 56px; line-height: 56px; font-size: 28px; top: 203px; left: 9px; } #zcrc_list .item_hot_word.word_4 { width: 124px; height: 48px; line-height: 48px; font-size: 24px; bottom: 36px; left: 5px; } #zcrc_list .item_hot_word.word_5 { width: 180px; height: 60px; line-height: 60px; font-size: 30px; bottom: 0; left: 161px; } #zcrc_list .item_hot_word.word_6 { width: 114px; height: 42px; line-height: 42px; font-size: 22px; bottom: 36px; right: 0; } #zcrc_list .item_hot_word.word_7 { width: 120px; height: 50px; line-height: 50px; font-size: 26px; right: 19px; bottom: 120px; } #zcrc_list .item_hot_word.word_8 { width: 152px; height: 56px; line-height: 56px; font-size: 28px; top: 142px; right: 31px; } #zcrc_list .item_hot_word.word_9 { width: 140px; height: 50px; line-height: 50px; font-size: 26px; top: 58px; right: 5px; } .con-row .row-right { width: 570px; box-sizing: border-box; } .con-row .row-right.row-left { margin-top: 20px; height: 580px; } .con-row .row-right.row-left .row-header { height: auto; } .con-row.second-con-row .row-right:nth-child(2) .con-img-title { color: #b56f00; } /* 2-15 */ .row-title { height: 54px; line-height: 54px; font-weight: bold; font-size: 24px; color: #0066bd; padding-left: 100px; } .row-title.on.new_policy { background: no-repeat center center; background-size: 100%; } .row-title.on.hot_policy { background: no-repeat center center; background-size: 100%; } .row-title.on.zcjd_policy { background: no-repeat center center; background-size: 100%; } .row-title.on.zcrc_policy { background: no-repeat center center; background-size: 100%; } .banner-row .row-title.on { background: no-repeat center center; background-size: 100%; } .row-more { height: 15px; font-size: 16px; color: #0664ca; line-height: 15px; margin-right: 11px; cursor: pointer; } .row-img-con { flex-wrap: wrap; display: flex; padding-top: 24px; padding-bottom: 10px; } .icon-list>a { display: inline-block; width: 25%; box-sizing: border-box; } .new_list, .hot_list { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; } .new_list .last_item, .hot_list .last_item { display: flex; width: 48%; padding: 20px 0; } .last_item.border_top_1 { border-top: 1px dashed #cde0f4; } .last_item .left_date { margin-right: 10px; color: #0664ca; } .last_item .left_date .day { line-height: 36px; font-size: 36px; font-weight: bold; } .last_item .left_date .year_month { font-size: 14px; } .last_item .left_icon { width: 24px; margin-right: 10px; height: 26px; background: no-repeat center center; background-size: 100%; flex-shrink: 0; } .last_item.border_top_1 .left_icon { background: no-repeat center center; background-size: 100%; } .last_item .title_con a { font-size: 16px; line-height: 28px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .last_item .title_con span { font-size: 14px; color: #666666; line-height: 24px; margin-top: 6px; display: inline-block; } /* 单行样式 */ .con-item { margin-top: 30px; display: flex; } /* 点 */ .con-item .item-spot { width: 8px; height: 8px; background: #0664ca; border-radius: 50%; margin-right: 10px; margin-top: 3px; flex-shrink: 0; } .con-item .item-title { max-width: 100%; font-weight: bold; font-size: 16px; color: #333333; line-height: 16px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; cursor: pointer; } .con-item .item-time { height: 14px; font-size: 14px; color: #999; line-height: 14px; margin-top: 16px; } .img-con-item { cursor: pointer; display: flex; flex-direction: column; width: 100%; align-items: center; justify-content: center; margin-bottom: 20px; } /* 右侧图片块 */ .con-img { display: flex; align-items: center; justify-content: center; width: 86px; margin-bottom: 10px; } .con-img img { width: 100%; } .second-con-row .row-right .row-header { width: 100%; height: 90px; } .second-con-row .row-right .row-header.qyzc { background: no-repeat center center; background-size: 100%; } .second-con-row .row-right .row-header.grzc { background: no-repeat center center; background-size: 100%; } .con-img-title { height: 18px; font-size: 18px; font-weight: 400; color: #0066bd; line-height: 18px; text-align: center; } /* 词云 */ .echart { width: 100%; height: 100%; display: flex; } #main { width: 100%; margin: auto; } /* 通栏块 */ .banner-row { padding: 30px 36px; box-sizing: border-box; margin-top: 20px; } .banner-con { display: flex; justify-content: space-around; } /* 单个块样式 */ .banner-item { /*cursor: pointer;*/ margin-bottom: 40px; display: flex; } .banner-img { margin-right: 25px; } .banner-detail { width: 305px; display: flex; flex-direction: column; justify-content: center; } .banner-item-title { height: 20px; font-size: 20px; font-weight: bold; color: #333; line-height: 20px; margin-bottom: 30px; } .banner-item-detail { font-size: 16px; font-weight: 400; color: #666; line-height: 30px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .banner-header span { margin-top: 4px; height: 20px; font-size: 20px; font-weight: 400; color: #0664ca; margin-right: 55px; line-height: 20px; } .banner-convergence { display: flex; align-items: center; width: 100%; justify-content: space-between; } .convergence-item { width: 16%; text-align: center; margin-top: 28px; } .convergence-count { display: inline-block; } .convergence-count span:first-child { height: 38px; line-height: 38px; font-weight: bold; font-size: 38px; color: #14579e; } .convergence-count span.gjflfgk { color: #0066bd; } .convergence-count span.gjjbwwj { color: #e0a72c; } .convergence-count span.zzqwj { color: #5baf71; } .convergence-count span.btzcwj { color: #4cb2dc; } .convergence-count span.xxswj { color: #4c89dc; } .convergence-count span.qtswj { color: #e37549; } .convergence-count span { display: inline-block; height: 20px; font-size: 20px; font-weight: 400; color: #999; line-height: 20px; } .convergence-title { height: 18px; font-size: 18px; font-weight: bold; color: #333; line-height: 18px; margin-top: 18px; } /* 筛选开始 */ .filter { margin: 0 auto; display: none; width: 1160px; padding: 50px; box-sizing: border-box; position: relative; } .filter-title { display: flex; align-items: center; height: 40px; border: 1px solid #0664ca; margin-bottom: 30px; } .item-policy { position: relative; width: 50%; height: 40px; cursor: pointer; font-size: 20px; font-weight: bold; color: #333; line-height: 40px; text-align: center; box-sizing: border-box; } .filter-title .on { background: #0664ca; font-weight: bold; color: white; } .filter-title .on:before { position: absolute; content: " "; top: 40px; left: 50%; display: block; width: 0; height: 0; border: 10px solid #0664ca; border-color: #0664ca transparent transparent transparent; transform: translatex(-50%); } .filter .go_back { position: absolute; cursor: pointer; top: 10px; line-height: 30px; font-size: 16px; left: 20px; } .filter .go_back img { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); height: 8px; margin-top: -4px; } /* 分类开始 */ .category { width: 100%; } /* 普通分类 */ .normal-category { padding: 50px 0px; width: 100%; } .item-row { display: flex; } .item-row .item-row { margin-top: 10px; } .item-filter-title { height: 28px; font-size: 18px; font-weight: bold; color: #333333; line-height: 28px; margin-right: 20px; min-width: 90px; } .filter-con { display: flex; width: 100%; flex-wrap: wrap; overflow: hidden; } .item-filter-con { height: 28px; cursor: pointer; background: rgba(20, 87, 158, .07); border-radius: 4px; font-size: 16px; font-weight: 400; color: #333333; line-height: 28px; padding: 0 14px; margin-right: 10px; margin-bottom: 15px; box-sizing: border-box; } .filter-con .on { background: #0664ca; border-radius: 4px; color: white; } .item-filter-expend span { font-size: 14px; font-weight: 400; color: #0664ca; } .item-filter-img { width: 12px; height: 6px; background: ; background-size: 100% 100%; margin-left: 10px; } .item-filter-expend { align-items: center; margin-bottom: 30px; cursor: pointer; display: none; min-width: 50px; } .item-row .on .item-filter-img { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .con-item .item-title a:hover { color: #0664ca; } .header-search .search-input input { width: 630px; padding-left: 12px; height: 44px; line-height: 44px; border-radius: 10px 0px 0px 10px; font-size: 16px; } .con-hot { width: 18px; height: 18px; background: #ee2d26; border-radius: 4px; font-size: 14px; font-weight: 400; color: white; line-height: 18px; text-align: center; margin-top: 6px; } .con-unscramble { padding: 2px 4px; background: #d9ba84; border-radius: 8px 0px 8px 0px; font-size: 16px; font-weight: 400; color: white; height: 20px; margin-top: 5px; flex-shrink: 0; }