/*定义颜色变量*/
:root {
    /*主题色*/
    --light: #bd1a2d;
    /*    边框色*/
    --borderColor: #ff8080;
    /*    背景色*/
    --backColor: #ffe6e6;
}

* {
    margin: 0;
    padding: 0;
}

em {
    color: #bd1a2d;
    font-style: normal;
}

input {
    background: none;
    outline: none;
    border: none;
    padding: unset;
}

a:-webkit-any-link {
    cursor: pointer;
    text-decoration: none;
    color: #202020;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/*网厅头部*/
.other-header {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 1px;
}

/*头部开始*/
.header-banner {
    background: var(--light);
    background-image: url(../image/topbg.png);
    width: 100%;
    border-bottom: 1px solid #8f1322;
}

.header-banner-middle {
    display: flex;
    padding-top: 55px;
    padding-bottom: 55px;
    width: 1200px;
    margin: 0 auto;
}

.search-area-div {
    position: relative;
    width: fit-content;
}

.search-input {
    display: flex;
}

.search-all-select {
    position: relative;
}

.all-select-input {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid #fff;
}

.search-all-select-width {
    width: 556px;
}

.select-region {
    height: 58px;
    line-height: 60px;
    padding: 0px 0px 0px 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.select-region span {
    width: max-content;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 12px;
    margin-right: 7px;
}

.select-region-img {
    width: 8px;
    height: 5px;
    background: url(../image/select-region.png);
    background-size: 100% 100%;
}

/*区域下拉图片旋转*/
.all-select-input .open .select-region-img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.select-region-hr {
    width: 2px;
    height: 17px;
    background: #9e9e9e;
    margin-left: 20px;
}

.all-select-input input {
    border-radius: 8px 0px 0px 8px;
    width: 100%;
    padding-left: 20px;
    font-size: 16px;
    height: 58px;
    line-height: 58px;
    background: #fff;
}

/*语音图标-*/
.voice-image {
    display: none;
    width: 12px;
    height: 20px;
    margin-top: -3px;
    /*防止图片挤压*/
    flex-shrink: 0;
    margin-left: 15px;
    margin-right: 20px;
    cursor: pointer;
    background: url("../image/voice.png");
    background-size: 100% 100%;
    position: relative;
}

.voice-tips {
    display: none;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
    height: 32px;
    width: 140px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #626675;
    position: absolute;
    z-index: 2;
    top: 43px;
    right: -15px;
}


.voice-draw {
    display: none;
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}

.voice-div {
    padding: 20px;
    box-sizing: border-box;
    width: 680px;
    height: 389px;
    background: #FFFFFF;
    border-radius: 10px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.voice-head {
    text-align: right;
    margin-bottom: 30px;
}

.voice-head .voice-close {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../image/voice-close.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.voice-con {
    height: 200px;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}

.voice-tips-time {
    color: #CCCCCC;
}

.identify-txt {
    max-height: 160px;
    overflow-y: scroll;
}

.identify-txt::-webkit-scrollbar {
    display: none;
}

.voice-button {
    text-align: center;
}

.voice-button-png {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: url("../image/voice-button-png.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.voice-button-gif {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: url("../image/voice-button-gif.gif") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.noIdentify-txt,
.voice-button-png {
    display: none;
}

.search-all-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 124px;
    height: 60px;
    line-height: 60px;
    background: #f5f5f6;
    cursor: pointer;
    border-radius: 0px 5px 5px 0px;
    margin-right: 32px;
}

.search-all-btn .all-btn-txt {
    font-size: 18px;
    font-weight: 400;
    color: #757575;
}

.search-operation {
    display: flex;
    align-items: center;
}

.search-operation .search-senior {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
}

.search-operation .search-hr {
    width: 2px;
    height: 17px;
    background: #ffffff;
    margin-right: 25px;
    margin-left: 25px;
}

.search-operation .search-explain {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
}

/*头部搜索提示开始*/
.option-div {
    z-index: 1;
    position: absolute;
    display: none;
    background: #fff;
    border-radius: 0px 0px 7px 7px;
    z-index: 9;
}

.option-table-item {
    display: flex;
    padding: 19px 19px 10px 19px;
    border-bottom: 1px solid #e8e8e8;
}

.option-table-item-title {
    flex-shrink: 0;
    font-size: 16px;
    height: 16px;
    white-space: nowrap;
    line-height: 16px;
    margin-right: 10px;
    margin-top: 3px;
    font-weight: 400;
    color: #666666;
    padding-right: 10px;
    border-right: 2px solid #666;
}

.table-item-list-title {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    margin-right: 10px;
    font-weight: 400;
    color: #666666;
    margin-bottom: 10px;
}

.option-list {
    padding: 10px 0 10px 100px;
}

.option-list-item {
    height: 16px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    padding: 5px 19px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.option-list-item:hover {
    background-color: #ccc;
}


/*头部搜索提示结束*/

/*头部区域下拉开始*/
.option-region {
    position: absolute;
    background: #fff;
    padding: 0px 20px;
    width: 643px;
    z-index: 2;
    display: none;
    margin-top: 5px;
    box-shadow: 0px 0px 12px 0px rgb(209 209 209 / 75%);
}

.region-city {
    padding: 20px 0px;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #dfdfdf;
}

.city-item {
    height: 22px;
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    line-height: 22px;
    margin-right: 5px;
}

.region-div {
    padding: 13px 0px;
    display: flex;
    border-bottom: 1px dashed #dfdfdf;
}

.region-div:last-child {
    border-bottom: none;
}

.region-title {
    height: 52px;
    font-size: 14px;
    font-weight: 400;
    color: #757575;
    line-height: 52px;
    margin-right: 15px;
    flex-shrink: 0;
}

.region-list {
    display: flex;
    flex-wrap: wrap;
}

/*修改*/
.item-region {
    width: 70px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    border: 1px solid #dfdfdf;
    font-size: 14px;
    padding: 0px 9px;
    color: #333333;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    overflow: hidden;
}

.region-list .on {
    border: 1px solid #bd1a2d;
    background: #bd1a2d;
    color: #ffffff;
}

.region-btn-div {
    display: flex;
    padding: 10px 0px;
    justify-content: center;
}

.region-agree,
.region-cancel {
    width: 120px;
    height: 40px;
    background: #d78b94;
    border-radius: 4px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.region-agree {
    margin-right: 40px;
}

.region-agree:hover,
.region-cancel:hover {
    background: #bd1a2d;
}

/*头部区域下拉结束*/

/*头部热搜词*/
.header-search-hot {
    display: flex;
    margin-top: 16px;
}

.h-hot-word {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #ffffff;
}

.h-hot-title {
    margin-left: 7px;
    white-space: nowrap;
}

.h-hot-list {
    display: flex;
    flex-wrap: wrap;
}

.h-hot-item {
    margin-right: 14px;
    cursor: pointer;
}

.h-hot-item:hover {
    color: #ffcc33;
}

/*头部结束*/

/*高级搜索弹框样式开始*/

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/*弹框块*/
.body-draw {
    /* position: fixed; */
    /* top: 0; */
    /* right: 0; */
    width: 100%;
}

.draw {
    display: none;
    position: fixed;
    align-items: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.2);
    font-size: 14px;
    color: #333;
}

/*弹框内部块*/

.search-adv {
    margin: 0 auto;
    width: 942px;
    z-index: 100;
    background: #ffffff;
    border-radius: 20px;
    padding: 30px;
}

/*弹框顶部切换行样式*/

.g-titb1 span,
.ul-tabsb1 li {
    display: inline-block;
    vertical-align: top;
}

/*弹框顶部切换行样式*/

#tabbox1 li {
    margin-right: 26px;
    cursor: pointer;
}

/*弹框顶部切换文字样式*/

.g-titb1 span {
    font-size: 18px;
    position: relative;
    padding-bottom: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 23px;
    color: #737373;
}

/* 顶部导航选中定位 */

.choseli {
    position: relative;
}

/* 顶部导航文字样式 */

.choseli span {
    font-size: 18px;
    font-weight: 400;
    color: #222222;
    line-height: 23px;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* 高级搜索内容每行布局 */

.draw-place,
.draw-order,
.draw-time,
.draw-word,
.draw-searchResult {
    display: flex;
    margin-bottom: 10px;
}

/* 单个内容右侧布局样式 */

.draw-right {
    display: flex;
    flex-wrap: wrap;
    flex: 8;
}

/*  lable切换行布局 */

.draw-top {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

/*  lable 关闭按钮 */

.draw-top-img {
    cursor: pointer;
}

/*  lable 关闭按钮图片设置 */

.draw-top-img {
    width: 16px;
    height: 16px;
    background: url("../image/draw-btn.png");
    background-size: 100% 100%;
}

/* 搜索内容块距离顶部边距 */

.draw-main {
    padding-top: 15px;
}

/* 单个内容左侧布局样式 */

.draw-left {
    text-align: left;
    flex: 1;
    width: 90px;
    height: 38px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #222222;
    line-height: 38px;
}

/* 单个输入div样式 */

.search-bigDiv {
    display: flex;
    width: 335px;
    height: 38px;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    margin-right: 30px;
    margin-bottom: 20px;
}

/* 单个输入拦左侧样式 */

.search-small-left {
    flex: 1;
    margin: 8px 0px 8px 13px;
    padding-right: 13px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #222222;
    line-height: 20px;
    border-right: 1px solid #dfdfdf;
}

/* 单个输入右侧样式 */

.search-small-right {
    flex: 1.5;
    margin: 8px 13px 8px 13px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #222222;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* input默认样式去除 */

.search-small-right input {
    border: none;
}

/* 单选按钮样式设置 */

.searchwz-lable,
.searchjg-lable,
.place-lable,
.order-lable,
.time-lable,
.word-lable {
    margin-right: 20px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #222222;
    line-height: 38px;
    cursor: pointer;
}

/*自定义时间选择框默认隐藏*/

.time-search-div {
    display: none;
}

/* 政策文件隐藏 */

.zhengce-wenjian {
    display: none;
}

/* 政策文件内容每行布局 */

.draw-searchwz,
.draw-searchjg,
.draw-zccate,
.draw-zctime,
.draw-fwzh,
.draw-fwjg,
.draw-gjc {
    display: flex;
    margin-bottom: 10px;
}

/* 发文机构，关键词输入框样式 */

.fwjg-inp,
.gjc-inp {
    padding-left: 15px;
    width: 585px;
    height: 38px;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #222222;
    line-height: 38px;
}

/* 发文字号输入框样式设置 */

.fwzh-inp1,
.fwzh-inp2,
.fwzh-inp3 {
    padding-left: 12px;
    width: 182px;
    height: 38px;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #222222;
    line-height: 38px;
    margin-right: 10px;
}

/* 输入框文字样式设置 */

.draw-right span {
    display: inline-block;
    height: 38px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #222222;
    line-height: 38px;
}

/* 时间控件样式 */

#advStartDate,
#advEndDate {
    text-align: center;
    width: 130px;
    height: 38px;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #222222;
    line-height: 38px;
}

/* 主题分类下拉框样式 */

.zccate-select-div,
.time-select-div {
    position: relative;
}

/* 时间“至” 样式设置 */

.time-zhi {
    margin: 0px 5px 0px 5px;
}

/* 主题分类下拉框样式 */

.cate-select-one,
.time-select-one {
    display: flex;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    width: 172px;
    height: 38px;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
}

/* 主题分类，日期筛选div布局 */

.cate-select-one-con,
.time-select-one-con {
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #222222;
    line-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 时间右侧img设置*/

.time-select-one-img {
    width: 18px;
    height: 10px;
    background: url("../image/c-a2.png");
    background-size: 100% 100%;
}

/* 主题分类，日期选择下拉选择框样式设置 */

.searchcate-nav-left-bottom,
.search-nav-left-bottom {
    display: none;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    top: 44px;
    left: 0px;
    width: 172px;
    background: #ffffff;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 22%);
    border-radius: 8px;
    z-index: 99;
}

/* 单个发布时间下拉选择样式 */

.nav-div-one {
    text-align: center;
    padding: 10px 0px;
    border-bottom: 1px solid #ececec;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #414141;
    line-height: 24px;
}

/* 日期下拉显示class */

.searchcate-nav-left-bottom-show,
.search-nav-left-bottom-show {
    display: block;
}

/* 日期选择input样式设置 */

.draw-zctime input {
    text-align: center;
    width: 172px;
    height: 38px;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
}

/* 日期选择“从” 文字样式设置 */

.time-span {
    margin-left: 10px;
    margin-right: 10px;
}

/* 主题分类下拉框样式设置 */

.searchcate-nav-left-bottom {
    height: 350px;
    overflow-y: scroll;
}

.choseli:after {
    background: var(--light);
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    top: 30px;
    left: 0;
}

.search-btn {
    background: var(--light);
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
    width: 100px;
    height: 38px;
    border-radius: 8px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #ffffff;
    line-height: 38px;
}

.time-search-div input {
    text-align: center;
    width: 172px;
    height: 38px;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
}

/*高级搜索弹框样式结束*/

/*使用说明弹框*/
.explain-draw {
    position: absolute;
    width: 700px;
    display: none;
    height: 70px;
    border-radius: 10px;
    box-shadow: 0 0 0 3000px rgb(0 0 0 / 50%);
    z-index: 99;
}

.explain-img {
    background: url("../image/explain-img.png");
    width: 78px;
    height: 204px;
    background-size: 100% 100%;
}

.explain-con-div {
    position: absolute;
    top: 100px;
    left: 260px;
}

.explain-txt {
    width: 30rem;
    height: 88px;
    padding: 42px 23px;
    background: #363636;
    border: 1px dashed #ffffff;
    border-radius: 4px;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    line-height: 30px;
}

.explain-btn {
    display: flex;
    margin-top: 20px;
    justify-content: center;
}

.explain-konw {
    background: url("../image/explain-konw.png");
    width: 101px;
    height: 52px;
    background-size: 100% 100%;
    cursor: pointer;
}

.explain-close {
    background: url("../image/explain-close.png");
    width: 8rem;
    height: 52px;
    background-size: 100% 100%;
    margin-right: 50px;
    cursor: pointer;
}

/*主体样式开始*/
.main {
    width: 1200px;
    margin: 0 auto;
    display: flex;
}

/*主体左侧*/
.main-left {
    width: 790px;
    margin-right: 40px;
}

/*主体右侧*/
.main-right {
    width: 370px;
    padding-top: 55px;
}

.main-right > div:not(:empty) {
    margin-bottom: 20px;
}

/*筛选首页顶部信息*/
.search-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0px;
    margin-bottom: 20px;
}

.main-search-area {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #757575;
}

/*服务对象筛选*/
.work-filter {
    display: flex;
    align-items: center;
}

.work-filter-obj {
    position: relative;
    margin-right: 20px;
}

.work-all-type {
    position: relative;
}

.filter-obj-top,
.filter-all-top {
    display: flex;
    cursor: pointer;
    /*width: 140px;*/
    align-content: center;
    align-items: center;
    justify-content: center;
}

.filter-obj-top span,
.filter-all-top span {
    height: 14px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    font-weight: 700;
    line-height: 14px;
}

.filter-obj-img {
    width: 16px;
    height: 9px;
    margin-left: 10px;
    background: url(../image/wt-jiantou.png);
    background-size: 100% 100%;
}

.filter-obj-bottom,
.filter-all-bottom {
    display: none;
    position: absolute;
    top: 44px;
    padding: 10px 10px;
    width: 120px;
    z-index: 9;
    background: #ffffff;
    box-shadow: 0px 0px 8px 0px #dedede;
}

.obj-item {
    width: 100%;
    height: 40px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    margin-bottom: 5px;
}

.obj-item:hover {
    background: #f8e7e9;
}

.work-filter-obj .open .filter-obj-img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.work-all-type .open .filter-obj-img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.head-img-div {
    margin-bottom: 20px;
}

.head-img-div img {
    max-width: 790px;
}

.search-work-div {
    padding: 0px 0px 20px 0px;
    border-bottom: 1px dashed #dfdfdf;
    margin-bottom: 20px;
}

#doc-box .search-work-div:last-child {
    border-bottom: 1px dashed #dfdfdf;
    margin-bottom: 0px;
}

.search-work-head {
    display: flex;
    align-items: center;
}

.search-work-head .work-title {
    width: 450px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
    margin-right: 10px;
}

.search-work-head .work-title a {
    height: 18px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    color: #333333;
    line-height: 18px;
}

.search-work-head .work-title a {
    height: 18px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    color: #333333;
    line-height: 30px;
}

.search-work-head > div {
    flex-shrink: 0;
}

.work-guide {
  margin-right: 20px;
}

.work-btn {
    width: 100px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border: 1px solid var(--light);
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    color: var(--light);
    cursor: pointer;
}

.work-btn:hover {
    background: var(--light);
    color: #ffffff;
}

.search-work-content {
    margin-top: 20px
}

.search-work-content > div {
    margin-bottom: 15px;
}

.search-work-content > div:last-child {
    margin-bottom: 0px;
}

.search-work-div .search-work-content .work-info:last-child {
    margin-bottom: 0px;
}

.search-work-content div span {
    height: 16px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #757575;
    line-height: 20px;
}

.search-work-head .work-lable {
    background: var(--backColor);
    color: var(--light);
    border: 1px solid var(--borderColor);
    border-radius: 15px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    padding: 2px 8px;
    margin-right: 10px;
    flex-shrink: 0;
}

.search-result-text {
    font-size: 16px;
    font-family: Microsoft YaHei;
    color: #757575;
    line-height: 30px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.search-result-source .source-text {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #757575;
}

/*事项办理开始*/
.matters-handling-div {
    display: flex;
    /* border-bottom: 1px dashed #dfdfdf; */
    /* margin-bottom: 20px; */
}

.matters-handling-left {
    width: 90px;
    display: flex;
    position: fixed;
    margin-left: -7rem;
    margin-top: 1rem;
    top: 378px;
}

.matters-handling-option {
    height: 18px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #757575;
    line-height: 18px;
    padding-right: 19px;
    border-right: 4px solid #ffffff;
    margin-bottom: 30px;
    cursor: pointer;
}

.matters-handling-left .on {
    color: #bd1a2d;
    border-right: 4px solid #bd1a2d;
}

.matters-handling-hr {
    width: 1px;
    height: 234px;
    background: #dfdfdf;
}

.matters-handling-right {
    width: 100%;
}

.matters-handling-title {
    height: 24px;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
    margin-bottom: 20px;
}

.matters-handling-choose-list {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.matters-handling-choose-list .choose-item {
    padding: 7px 10px;
    height: 16px;
    background: #f0f0f0;
    border: 2px solid #d4d4d4;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
    text-align: center;
    margin-right: 5px;
    cursor: pointer;
}

.matters-handling-choose-list .on {
    border: 2px solid #bd1a2d;
    color: #bd1a2d;
    background: #ffffff;
}

/*事项办理结束*/
/*分页*/
.search-pagetion {
    padding: 0px 0px 0px 0px;
    margin: 0 auto;
    text-align: center;
}

/*常见问题*/

.scene-category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.scene-category-header-left {
    display: flex;
    align-items: center;
}

.header-title {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    display: flex;
    align-items: center;
}

.more {
    text-align: right;
}

.more a {
    cursor: pointer;
    color: #999999;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}

.category-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.black-spot {
    width: 4px;
    height: 4px;
    background-color: #000;
    margin-right: 15px;
    flex-shrink: 0;
}

.scene-category .scene-category-list .category-item .item-title span {
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    font-weight: 400;
    color: #888888;
}

.item-time {
    flex-shrink: 0;
}

.category-none {
    padding-left: 14px;
}

.relevant-info-iframe {
    width: 100%;
}


/*没有想要结果块*/
.search-no-desire {
    width: 100%;
    padding: 27px 0px;
    background: #f4f2e6;
    margin: 50px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-no-desire img {
    width: 169px;
    margin-left: 65px;
}

.no-desire-title {
    height: 24px;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #5f5346;
    line-height: 24px;
    margin-bottom: 24px;
}

.no-desire-con {
    height: 16px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #8f8576;
    line-height: 16px;
}

/*主体样式结束*/

/*右侧开始*/
.search-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background: #fcfcfc;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
    border: 1px solid #eeeeee;
}

.all-search-list {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    border-left: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

.all-search-item {
    cursor: pointer;
    background: #f1f1f1;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    padding: 9px 20px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    max-width: 255px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recommend-list {
    padding: 20px;
    border-left: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

.recommend-item {
    line-height: 24px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 20px;
}

.recommend-item:last-child {
    margin-bottom: 0;
}

/*  搜索反馈-- */
.search-feedback {
    background-color: #fff;
    text-align: center;
    padding: 18px 0px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 20px;
}

.satisfied,
.dissatisfied {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.satisfied-txt,
.dissatisfied-txt {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 16px;
    margin-left: 10px;
}

.search-feedback {
    padding: 40px 0px;
    border-left: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

/*满意icon*/
.normal-satisfied {
    width: 23px;
    height: 22px;
    background: url("../image/satisfied.png");
    background-size: 100% 100%;
}

.hover-satisfied {
    width: 23px;
    height: 22px;
    background: url("../image/satisfied.png");
    background-size: 100% 100%;
}

.actived-satisfied {
    width: 23px;
    height: 22px;
    background: url("../image/satisfied-disabled.png");
    background-size: 100% 100%;
}

/*不满意icon*/
.normal-dissatisfied {
    width: 23px;
    height: 22px;
    background: url("../image/dissatisfied.png");
    background-size: 100% 100%;
}

.hover-dissatisfied {
    width: 23px;
    height: 22px;
    background: url("../image/dissatisfied.png");
    background-size: 100% 100%;
}

.actived-dissatisfied {
    width: 23px;
    height: 22px;
    background: url("../image/dissatisfied-disabled.png");
    background-size: 100% 100%;
}

.about-system {
    margin-bottom: 20px;
    border: 1px solid #eeeeee;
}

.about-system-title {
    padding: 20px;
    background: #fcfcfc;
    border-bottom: 1px solid #eeeeee;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
}

.about-org-title {
    padding: 20px;
    background: #fcfcfc;
    border-bottom: 1px solid #eeeeee;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
}

.about-system-link {
    padding: 20px 10px 20px 10px;
    background: #fff;
}


.about-system-link-img {
    margin-bottom: 20px;
}

.about-system-link-img:last-child {
    margin-bottom: 0px;
}

.about-system-link-img img {
    width: 100%;
    cursor: pointer;
}

/*相关机构*/
.about-org {
    margin-bottom: 20px;
    border: 1px solid #eeeeee;
}

/*相关机构链接块*/

.about-org-link {
    padding: 20px 10px 20px 10px;
    background: #fff;
}

.about-org-link-img {
    margin-bottom: 20px;
}

.about-org-link-img:last-child {
    margin-bottom: 0px;
}

.about-org-link-img img {
    width: 100%;
    cursor: pointer;
}

/*右侧结束*/

/* 满意弹框 */

/*满意弹框*/
.satisfied-draw {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.2);
    font-size: 14px;
    color: #333;
}

.satisfied-draw-div {
    width: 460px;
    height: 246px;
    background: #ffffff;
    padding-top: 76px;
    text-align: center;
    margin: 260px auto;
}

.satisfied-draw-img {
    width: 100%;
    height: 40px;
    margin-bottom: 22px;
    background: url("../image/satisfied-draw-img.png") center center no-repeat;
    background-size: contain;
}

.satisfied-draw-title {
    height: 15px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 15px;
    margin-bottom: 50px;
}

.satisfied-draw-btn {
    width: 132px;
    height: 40px;
    background: #bd1a2d;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    line-height: 40px;
    margin: 0 auto;
    cursor: pointer;
}

/*不满意弹框*/
.dissatisfied-draw {
    display: none;
    position: fixed;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.2);
    font-size: 14px;
    color: #333;
}

.dissatisfied-draw-div {
    width: 600px;
    height: fit-content;
    background: #ffffff;
    margin: 100px auto;
}

.dissatisfied-draw-con {
    padding: 40px;
}

@media screen and (max-height: 600px) {
    .dissatisfied-draw-con {
        max-height: 400px;
        overflow-y: scroll;
    }
}

/*不满意头部*/
.dissatisfied-draw-head {
    width: 100%;
    position: relative;
    height: 68px;
    background: #bd1a2d;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    line-height: 68px;
    text-align: center;
}

.dissatisfied-draw-head .draw-top-img {
    width: 16px;
    height: 16px;
    background: url(../image/draw-btn.png);
    background-size: 100% 100%;
    position: absolute;
    right: 30px;
    top: 26px;
}

.draw-title {
    height: 16px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
    margin-bottom: 10px;
}

.dissatisfied-draw-keyword,
.dissatisfied-draw-question,
.dissatisfied-draw-detail {
    margin-bottom: 30px;
}

.dissatisfied-draw-question {
    position: relative;
}

.dissatisfied-draw-keyword input {
    width: 100%;
    height: 40px;
    padding-left: 10px;
    line-height: 40px;
    border: 1px solid #dfdfdf;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #888888;
}

.question-select-input {
    flex: 1;
    padding: 12px;
    border: 1px solid #dfdfdf;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
}

.draw-question-select {
    display: flex;
    cursor: pointer;
}

/*问题箭头样式*/

.question-select-img {
    width: 18px;
    height: 11px;
    background: url(../image/question-img.png);
    background-size: 100% 100%;
    margin: 0 auto;
}

.question-select-btn {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    width: 50px;
    height: 40px;
    background: #c3c3c3;
    border: 1px solid #c3c3c3;
}

.draw-question-select .open .question-select-img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.draw-question-option {
    position: absolute;
    display: none;
    background: #fff;
    z-index: 4;
    width: 519px;
    max-height: 181px;
    overflow-y: scroll;
    border: 1px solid #b3b3b3;
}

.item-question-option {
    padding: 10px;
    height: 16px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
}

.item-question-option:hover {
    background: #eeeeee;
}

/*修改*/
.dissatisfied-draw-detail .dissatisfied-draw-textarea {
    width: 100%;
    height: 100px;
    padding: 21px 11px;
    border: 1px solid #dfdfdf;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
    box-sizing: border-box;
    resize: none;
}

/*新增*/
.dissatisfied-draw-con input {
    box-sizing: border-box;
}

/*联系方式块*/
.dissatisfied-draw-tel {
    margin-bottom: 20px;
}

/*联系方式块输入框*/
.dissatisfied-draw-tel input {
    width: 100%;
    height: 40px;
    padding-left: 10px;
    line-height: 40px;
    border: 1px solid #dfdfdf;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.dissatisfied-draw-btn {
    display: flex;
    justify-content: center;
    padding-top: 60px;
}

.dissatisfied-btn-confirm {
    margin-right: 40px;
}

/*弹框验证*/
.draw-verification-div {
    display: flex;
    align-items: center;
}

/*验证码提示*/
.verification-tips {
    font-size: 14px;
    line-height: 14px;
    margin-top: 5px;
}

/*弹框图形验证码input*/

.draw-verification-div input {
    width: 100%;
    height: 40px;
    padding-left: 10px;
    line-height: 40px;
    border: 1px solid #dfdfdf;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    margin-right: 20px;
}

/*图形验证码宽高*/
.verification-img img {
    height: 40px;
    cursor: pointer;
}

.dissatisfied-btn-confirm,
.dissatisfied-btn-cancel {
    width: 120px;
    height: 40px;
    background: #d78b94;
    border-radius: 4px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.dissatisfied-btn-confirm:hover,
.dissatisfied-btn-cancel:hover {
    background: #bd1a2d;
}

/*  办事弹框 */

/*办事弹框遮罩层*/
.work-draw {
    display: none;
    position: fixed;
    align-items: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.2);
    font-size: 14px;
    justify-content: center;
    color: #333;
}

/*办事弹框内容块*/
.work-draw-div {
    width: 1000px;
    background: #ffffff;
}

/*办事弹框头部*/
.work-header {
    width: 100%;
    height: 68px;
    background: var(--light);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*办事弹框标题*/
.work-header-title {
    padding-left: 20px;
    height: 68px;
    line-height: 68px;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    max-width: 900px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*办事弹框关闭按钮*/
.work-header-close {
    width: 26px;
    height: 24px;
    background: url("../image/work-close-btn.png");
    background-size: 100% 100%;
    margin-right: 20px;
    cursor: pointer;
}

/*办事内容块*/
.work-main {
    margin: 20px;
}

/*办事选择区域*/
.main-region {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px dashed #e8e8e8;
}

/*选择办事区域标题*/
.main-region-title {
    height: 15px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 15px;
}

/*办事区域选择内容*/
.main-region .main-region-con span {
    height: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 16px;
    cursor: pointer;
}

/*办事区域列表内容*/
.main-region-list {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px dashed #e8e8e8;
}

/*单个区域通用样式*/
.region-item {
    padding: 0px 14px;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    cursor: pointer;
}

/*单个区域选中样式*/
.main-region-list .on {
    background: var(--light);
    color: #ffffff;
}

/*区域不可点击样式*/
.main-region-list .disabled {
    padding: 0px 14px;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    font-weight: 400;
    color: #bcbcbc;
    cursor: pointer;
}

/*办事列表*/
.work-list {
    padding: 15px 20px;
}

.work-draw .work-main {
    max-height: 554.97px;
    overflow-y: scroll;
}

.work-main .work-list .list-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

/*办事列表单行左侧*/
.work-list .list-item .item-left {
    display: flex;
    align-items: center;
}

.work-draw .work-main .work-list .item-left {
    margin-bottom: 15px;
}

.work-draw .work-main .work-list .implementing-entity {
    padding-left: 10px;
    color: #999999;
}

/*办事列表单行右侧*/
.work-list .list-item .item-right {
    display: flex;
    align-items: center;
}

/*办事列表单行标题*/
.work-list .list-item .item-title {
    max-width: 635px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;
}

/*单行红色位置icon*/
.item-red-position {
    width: 12px;
    height: 18px;
    cursor: pointer;
    background: url("../image/work-red-position.png");
    background-size: 100% 100%;
}

/*单行红色位置icon*/
.item-block-position {
    width: 12px;
    height: 18px;
    background: url("../image/work-block-position.png");
    background-size: 100% 100%;
}

/*办事按钮无法点击*/
.work-disabled {
    width: 100px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    cursor: auto;
    border: 1px solid #bcbcbc;
    color: #bcbcbc;
}

/*办事分页*/

.work-page {
    padding: 15px 20px;
}

/*办事样式完成*/

/*  常见问题块开始 */

.common-problem-item {
    padding: 20px 0px;
    border-bottom: 1px solid #ededed;
}

.problem-item-q,
.problem-item-a {
    display: flex;
    margin-bottom: 20px;
}

.q-txt {
    min-width: 40px;
    height: 40px;
    background: #bd1a2d;
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    margin-right: 10px;
}

.q-title {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.a-title {
    width: 40px;
    flex-shrink: 0;
    height: 40px;
    background: #dabb85;
    border-radius: 3px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
}

/*修改*/
.a-txt {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
    word-break: break-all;
    text-overflow: ellipsis;
    /*display: -webkit-box;*/
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/*修改*/
.txt-expend {
    float: right;
    width: fit-content;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #bd1a2d;
    line-height: 32px;
    margin-right: 10px;
    cursor: pointer;
    display: none;
}

.problem-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 50px;
}

.problem-source,
.problem-implementation {
    width: 320px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #757575;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 常见问题块结束 */

/* 相关政策 */
.main-search-total {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #757575;
}

.item-open-government-affairs {
    padding: 0px 0px 40px 0px;
}

.open-government-affairs-title {
    height: 22px;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
}

.open-government-affairs-con {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 20px;
}

.open-government-affairs-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.open-government-affairs-source {
    height: 16px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #757575;
    line-height: 16px;
}

.open-government-affairs-time {
    height: 16px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #757575;
    line-height: 16px;
}

/*底部foote样式*/
.search-bottom {
    margin-top: 30px;
}

/*底部块*/
.search-footer {
    padding: 20px 20px;
    width: 1160px;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

/*底部党政机关*/
.government-organs img {
    width: 50px;
    margin-right: 30px;
}

/*底部纠错样式*/
.error-correction img {
    width: 110px;
    margin-right: 30px;
}

/*底部内容块*/
.search-footer .footer-content {
    flex: 1;
    text-align: center;
}

/* other */

.scene-subject-title {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
    margin-bottom: 20px;
}

/*场景上部分布局*/

.scene-subject-content {
    display: flex;
}

/*左侧轮播*/
.scene-con-left {
    width: 396px;
    height: 280px;
    margin-right: 20px;
}

/*轮播图-内容标题*/
.content-swiper-title {
    padding-left: 10px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    height: 60px;
    line-height: 60px;
    background: #bd1a2d;
    text-align: left;
}

.mySwiper1 .swiper-horizontal > .swiper-pagination-bullets,
.mySwiper1 .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 24px;
    left: 130px;
    width: 100%;
}

/*右侧标题*/
.scene-subject-html-title {
    max-width: 365px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #444444;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 17px;
}

/*场景详情描述*/

.scene-subject-html-detail {
    cursor: pointer;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #888888;
    line-height: 32px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ececec;
    margin-bottom: 20px;
}

/*场景详情描述-----详细按钮*/

.scene-subject-html-detail a {
    color: #bd1a2d;
}

/*场景右侧单个标题样式*/

.scene-subject-item {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}

.scene-subject-item:last-child {
    /* margin-bottom: 0px; */
}

/*场景右侧列表灰点样式*/

.grey-spot {
    width: 5px;
    height: 5px;
    background: #e7e7e7;
    border-radius: 50%;
    margin-right: 5px;
}


/*场景右侧列表标题a链接样式*/

.grey-spot-title a {
    display: inline-block;
    max-width: 354px;
    font-size: 16px;
    cursor: pointer;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #444444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 场景化列表顶部筛选 */

.scene-tab {
    margin-bottom: 20px;
}

.subject-tab {
    margin-top: 10px
}

/*场景列表左右按钮隐藏*/

/*8-18*/
.middle-con-left-top .scene-tab .scene-tab-header .left,
.middle-con-left-top .scene-tab .scene-tab-header .right {
    display: none;
}

/*场景tab列表选择行样式*/
.scene-tab-header {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    margin-bottom: 20px;
}

/* 左箭头 */

.scene-tab-header .left {
    width: 12px;
    height: 20px;
    margin-right: 20px;
    cursor: pointer;
    background: url("../image/left.png");
    background-size: 100% 100%;
}

/* 右箭头 */

.scene-tab-header .right {
    width: 12px;
    height: 20px;
    margin-left: 20px;
    cursor: pointer;
    background: url("../image/right.png");
    background-size: 100% 100%;
}

/*tab列表单条布局*/

.doc {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}

/*tab列表单条标题*/

.doc-title {
    flex: 8;
    font-size: 16px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #444444;
    margin-right: 40px;
}

/*tab列表单条时间*/

.doc-time {
    white-space: nowrap;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #888888;
}

/*tab列表底部更多*/

.more {
    text-align: right;
}

/*tab列表底部更多小手*/

.more a {
    cursor: pointer;
    color: #999999;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}

/* 常见问题 */

.scene-category {
    margin-bottom: 20px;
}

/*场景分类头部布局样式*/

.scene-category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

/*常见问题左侧块*/
.scene-category-header-left {
    display: flex;
    align-items: center;
}

/*场景分类头部标题*/

.header-title {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
}

/* 场景列表 */

.category-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

/*场景分类列表黑色小块*/

.black-spot {
    width: 4px;
    height: 4px;
    background-color: #000;
    margin-right: 15px;
    flex-shrink: 0;
}

/*场景分类列表标题*/

.item-title {
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 28px;
    margin-right: 40px;
}

/*场景分类列表时间*/

.item-time {
    flex-shrink: 0;
}

.tab-names {
    display: flex;
    align-items: center;
}

.scene-tab-header .middle .scene-org-info-tab-item {
    padding: 7px 10px;
    height: 16px;
    background: #f0f0f0;
    border: 2px solid #d4d4d4;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
    text-align: center;
    margin-right: 5px;
    cursor: pointer;
}

.scene-tab-header .middle .on {
    border: 2px solid #bd1a2d;
    color: #bd1a2d;
    background: #ffffff;
}

#government-affairs,
#relevant-info,
#matters-handling,
#common-problem,
#notice {
    margin-top: 40px;
}

.tips-info-item {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #202020;
    line-height: 18px;
    letter-spacing: 0.6px;
}

.tips-info {
    margin-bottom: 20px;
}

.tips-info div {
    margin-bottom: 20px;
}

.scene-tab-result {
    display: none;
}

.list-show {
    display: block;
    border-bottom: 1px dashed #dfdfdf;
}

/*场景轮播样式迁移*/
.mySwiper1 .swiper-slide .swiper-slide-top {
    height: 220px;
}

.mySwiper1 .swiper-slide a img {
    width: 100%;
    height: 100%;
}

/*旧版右侧列表样式*/
.scene-subject-html .list {
    display: flex;
    flex-wrap: wrap;
}

/*右侧w50样式*/
.scene-subject-html .clearfix .w50 {
    width: 385px;
}

/*右侧w25样式*/
.scene-subject-html .clearfix .w25 {
    width: 50%;
}

/*右侧w16样式*/
.scene-subject-html .clearfix .w16 {
    width: 33.3%;
}

/*右侧列表超出...*/
.scene-subject-html .clearfix li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 21px;
    display: flex;
    align-items: center;
}

/*右侧列表超出...*/
.scene-subject-html .clearfix li a {
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    color: #444444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*旧版样式列表小圆点*/
.list li i {
    width: 5px;
    height: 5px;
    background: #e7e7e7;
    border-radius: 50%;
    margin-right: 5px;
}

/*旧版标题加粗*/

.scene-subject-html .b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 18px;
}

/*右侧列表超出...*/
.scene-subject-html .pb10 {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
    line-height: 24px;
    margin-bottom: 10px;
    color: #888;
}

#common-problem-docs-box .scene-category-list:last-child {
    border-bottom: 1px dashed #dfdfdf;
}

#government-affairs-docs-box .scene-category-list:last-child {
    border-bottom: 1px dashed #dfdfdf;
}

.line-1 {
    border-bottom: 1px dashed #dfdfdf;
}

#relevant-info .scene-iframe {
    border-bottom: 1px dashed #dfdfdf;
}

map-item-title a {
    text-decoration: none;
    color: #202020;
}

.scene-map {
    margin-bottom: 30px;
}

.map-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.map-title,
.iframe-title {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
}

.iframe-title {
    margin-bottom: 20px
}

.map-more {
    cursor: pointer;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    line-height: 16px;
}

.map-con {
    display: flex;
}

.map-img img {
    width: 380px;
    height: 300px;
    margin-right: 22px;
}

.map-item {
    display: flex;
    margin-bottom: 22px;
}

.mao-item-img {
    width: 27px;
    height: 37px;
    background-image: url(../image/map-b.png);
    background-size: 100% 100%;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #ffffff;
    line-height: 27px;
    text-align: center;
    margin-right: 20px;
    flex-shrink: 0;
}

.map-item-title {
    font-size: 16px;
    cursor: pointer;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    margin-bottom: 14px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.map-item-tel {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #888888;
    line-height: 16px;
}

.b-grey {
    background-color: #ccc;
}

.dissatisfied-draw-tips {
    margin-bottom: 30px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    line-height: 22px;
}

.header-title:before {
    content: '';
    width: 8px;
    height: 24px;
    background: #bd1b2d;
    display: inline-block;
    margin-right: 10px;
}

.search-work-div .search-work-content .work-info {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.about-org-phone {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    background: #FAFAFA;
    margin-bottom: 20px;
}

.about-org-phone-img {
    width: 24px;
    height: 24px;
    background: url(../image/right-org-phone.png);
    background-size: 100% 100%;
    margin-right: 10px;
}

.about-org-phone span a {
    color: #3D3D3D;
    font-size: 20px;
}

.about-org-phone:last-child {
    margin-bottom: 0;
}

.no-result-div {
    /*padding: 70px 47px 68px 67px;*/
    padding: 70px;
    background: #F4F2E6;
}

.no-result-small {
    display: flex;
    justify-content: center;
}

.no-result-con {
    margin-right: 70px;
}

/*无结果img*/
.no-result-img {
    background: url("../image/no-result-img.png");
    width: 169px;
    height: 150px;
    background-size: 100% 100%;
    flex-shrink: 0;
}

.no-result-title {
    height: 24px;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #5F5346;
    line-height: 20px;
    margin-bottom: 23px;
}

.no-result-txt {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
}


.no-result-info-word {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
    margin-top: 30px;
}

.no-result-info-word a {
    font-size: 16px;
    color: #BD1A2D;
}

#left-box .search-work-div .work-lable {
    display: none;
}

.item-main-con-left {
    margin-bottom: 15px;
}

.item-main-con-left .item-main-row {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.item-main-con-left .item-main-row:last-child {
    margin-bottom: 0;
}


.fbsj-icon {
    width: 16px;
    height: 16px;
    background: url("../image/fbsj.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    margin-right: 10px;
}

.fwdw-icon {
    width: 19px;
    height: 16px;
    background: url("../image/fwdw.png");
    background-repeat: no-repeat;
    background-size: 19px 16px;
    margin-right: 10px;
}

.wh-icon {
    width: 14px;
    height: 16px;
    background: url("../image/wh.png");
    background-repeat: no-repeat;
    background-size: 14px 16px;
    margin-right: 10px;
}

.hqzt-icon {
    width: 16px;
    height: 16px;
    background: url("../image/hqzt.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    margin-right: 10px;
}

.csnr-icon {
    width: 16px;
    height: 16px;
    background: url("../image/csnr.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    margin-right: 10px;
}

.fj-icon {
    width: 17px;
    height: 16px;
    background: url("../image/fj.png");
    background-repeat: no-repeat;
    background-size: 17px 16px;
    margin-right: 10px;
    flex-shrink: 0;
}


.item-main-con-left .item-main-row .item-main-row-title,
.item-main-con-left .item-main-row .item-main-row-txt {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    flex-shrink: 0;
}

.file-row {
    align-items: flex-start !important;
}

.file-row .item-main-row-icon {
    margin-top: 4px;
}

.file-row .file-row-div .file-name-title {
    margin-bottom: 10px;
    max-width: 577px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-row .file-row-div .file-name-title:last-child {
    margin-bottom: 0;
}

.file-row .file-row-div .file-name-title a {
    font-size: 16px;
    font-weight: 400;
    color: #2440B3;

}

.file-row .file-select-icon {
    width: 9px;
    height: 6px;
    background-image: url("../image/file-select.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-left: 10px;
    cursor: pointer;
    margin-top: 8px;
}

.file-row .open {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.item-csnr {
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}

/* 头 */
.search-work-scenes-head {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.search-work-scenes-head .work-scenes-lable {
    background: var(--backColor);
    color: var(--light);
    border: 1px solid var(--borderColor);
    border-radius: 20px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    padding: 2px 16px;
    margin-right: 10px;
    flex-shrink: 0;
}

.search-work-scenes-head .work-scenes-title {
    width: 450px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
    margin-right: 10px;
}

.search-work-scenes-head .work-scenes-title a {
    height: 18px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    color: #333333;
    line-height: 18px;
}

.search-history-clear {
    padding-bottom: 20px;
}

.search-history-clear-small {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 136px;
    margin: 0 auto;
    padding: 9px 16px;
    border-radius: 4px;
    cursor: pointer;
}

/*清空历史块图片设置*/

.right-clear-img {
    width: 20px;
    height: 23px;
    margin-right: 11px;
    background: url("../../../pc/enterprise/image/clear.png");
    background-size: 100% 100%;
}

#history .all-search-list {
    border-bottom: 0px solid #eeeeee;
}

#history .search-history-clear {
    border-left: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}


/*10-8*/
.change-batch {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.change-batch .change-batch-icon {
    background: url("../image/change-batch-icon.png");
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.change-batch .change-batch-txt {
    font-size: 18px;
    font-weight: normal;
}

#related-recommend .work-lable {
    display: none;
}

.ywtb {
    display: none;
    -webkit-line-clamp: 2 !important;
}

.ywtb-list a {
    padding-right: 10px;
    color: #3597C2;
}

.xscj {
    display: none;
}

#related-recommend .xscj {
    display: none !important;
}

#related-recommend .work-info {
    display: none !important;
}

.about-org-link img {
    width: 100%;
    cursor: pointer;
}

.recommend-item-title {
    display: flex;
    align-items: center;
    padding: 19px 20px;
    background: #fcfcfc;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
    border: 1px solid #eeeeee;
}

.recommend-item-title > .recommend-txt {
    font-size: 24px;
    margin-bottom: 0;
}

.recommend-item-list {

    border-left: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

.recommend-list-txt {
    padding: 20px 10px;
    border-bottom: 1px solid #eeeeee;
}


.recommend-txt {
    margin-bottom: 10px;
}

.recommend-list-txt a {
    display: block;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #323233;
    line-height: 27px;
    text-transform: none;
    margin-bottom: 10px;
}

.recommend-btn {
    display: flex;
    align-items: center;
}

.recommend-btn .work-btn {
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #BF192F;
    font-size: 16px;
    text-transform: none;
    color: #BF192F;
    margin-right: 10px;
    margin-bottom: 0;
    line-height: 34px;
}

.recommend-btn .work-disabled {
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #bcbcbc;
    font-size: 16px;
    text-transform: none;
    color: #bcbcbc;
    margin-right: 10px;
    margin-bottom: 0;
    line-height: 34px;
}