:root {
    
    --light: #bd1a2d;
    
    --borderColor: #ff8080;
    
    --backColor: #ffe6e6;
}



body {
    background: #f2f2f2;
    position: relative;
}


body::-webkit-scrollbar .banner-nav::-webkit-scrollbar,
.tab-names::-webkit-scrollbar,
.union-search-tab-names::-webkit-scrollbar {
    display: none;
}



.header-banner {
    
    background: var(--light);
    width: 100%;
    height: 200px;
    
    border-bottom: 1px solid #8f1322;
}



.header-banner-middle {
    display: flex;
    
    padding-top: 40px;
    
    padding-bottom: 37px;
    width: 1200px;
    margin: 0 auto;
}



.banner-logo img {
    margin-right: 22px;
}



.all-select-input input {
    
    border-radius: 8px 0px 0px 8px;
    width: 100%;
    padding-left: 20px;
    font-size: 16px;
    height: 49px;
    line-height: 60px;
    background: #fff;
}


.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("../png/xa2mze.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;
}



.h-hot-item:hover {
    color: #ffcc33;
}



.item-choose {
    
    color: #666666;
    padding: 7px 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin-right: 20px;
    cursor: pointer;
}



.item-choose-on {
    
    background: var(--backColor);
    
    color: var(--light);
    
    border-radius: 15px;
}



.scene-org-info-tab-item {
    
    color: #333333;
    
    background: #efefef;
    
    border: 1px solid #efefef;
    white-space: nowrap;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 20px;
    margin-right: 10px;
}



.scene-org-info-tab-item-on {
    
    color: var(--light);
    
    border: 1px solid var(--light);
    
    background: #fff;
    white-space: nowrap;
}



.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;
}



.result-header-lable {
    
    background: var(--backColor);
    
    color: var(--light);
    border: 0px solid var(--borderColor);
    border-radius: 6px 0px 6px 0px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    padding: 2px 6px;
    margin-right: 10px;
    flex-shrink: 0;
}



.union-search-tab-name {
    
    color: #333333;
    cursor: pointer;
    height: 20px;
    padding-bottom: 15px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    white-space: nowrap;
    line-height: 28px;
    margin-right: 30px;
}



.union-search-tab-name-choose {
    font-weight: bold;
    
    color: var(--light);
    
    border-bottom: 2px solid var(--light);
}



.M-box a {
    border: 1px solid var(--light);
}



.M-box .active {
    background: var(--light);
    color: #ffff;
    border: 1px solid var(--light);
}



.header-nav {
    width: 100%;
    height: 60px;
    
    background: var(--light);
}



.header-nav-item {
    
    color: #fff;
    height: 60px;
    line-height: 60px;
    margin-left: 19px;
    margin-right: 20px;
    font-weight: 400;
    font-size: 24px;
}



.header-nav-item a {
    position: relative;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}



.header-nav-item:hover a {
    padding-bottom: 10px;
    border-bottom: 2px solid #f5d389;
}



.header-nav-item:hover a:after {
    content: " ";
    top: 32px;
    display: block;
    width: 0;
    margin: 0 auto;
    height: 0;
    border: 6px solid #f2f2f2;
    border-color: transparent transparent #f5d389 transparent;
    margin-top: -18px;
}



.header-nav-middle .on a {
    padding-bottom: 10px;
    border-bottom: 2px solid #f5d389;
}



.header-nav-middle .on a:after {
    content: " ";
    top: 32px;
    display: block;
    width: 0;
    margin: 0 auto;
    height: 0;
    border: 6px solid #f2f2f2;
    border-color: transparent transparent #f5d389 transparent;
    margin-top: -18px;
}



.search-result-table {
    
    border: 1px solid #ebebeb;
    color: #333;
    margin-top: 7px;
    margin-bottom: 8px;
    border-bottom: 0;
}



.table-row {
    
    border-bottom: 1px solid #ebebeb;
}



.row-title {
    background: #f3f3f3;
    width: 140px;
    flex-shrink: 0;
    text-align: center;
    font-size: 14px;
    padding: 10px 0;
}



.recommend-hr {
    
    background: #ededed;
    height: 1px;
    width: 70px;
}





* {
    margin: 0;
    padding: 0;
}



input {
    background: none;
    outline: none;
    border: none;
}



a {
    text-decoration: none;
    color: #202020;
}



html,
body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img,
dl,
dt,
dd,
iframe,
span {
    margin: 0;
    padding: 0;
    border: 0;
}

ol,
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}



em {
    color: #bd1a2d;
    font-style: normal;
}


.banner-nav::-webkit-scrollbar,
.tab-names::-webkit-scrollbar,
.union-search-tab-names::-webkit-scrollbar {
    display: none;
}



.banner-nav,
.tab-names,
.union-search-tab-names {
    scrollbar-width: none;
}


.banner-nav,
.tab-names,
.union-search-tab-names {
    -ms-overflow-style: none;
}





.banner-select {
    position: relative;
    margin-top: 7px;
    margin-right: 10px;
}



.banner-select-width {
    width: 160px;
}



.banner-select-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 18px;
    height: 60px;
    background: #ffffff;
    margin-bottom: 5px;
    line-height: 60px;
    border-radius: 8px;
    cursor: pointer;
}



.banner-select-img {
    width: 15px;
    height: 7px;
    background: url("../png/re9a8s.png");
    background-size: 100% 100%;
}



.banner-select .open .banner-select-img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}



.banner-select-option {
    position: absolute;
    display: none;
    padding: 5px 18px;
    border-radius: 8px;
    background: #fff;
    z-index: 1;
}



.option-item {
    border-bottom: 2px solid #eee;
    padding-left: 20px;
    height: 55px;
    line-height: 55px;
}



.option-item:last-child {
    border-bottom: none;
}



.option-item:hover {
    cursor: pointer;
    color: var(--light);
}



.banner-search {
    margin-top: 20px;
    margin-left: 0px;
}



.search-input {
    display: flex;
}



.search-all-select-width {
    width: 400px;
}



.search-all-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 127px;
    height: 52px;
    line-height: 60px;
    background: #f5f5f6;
    cursor: pointer;
    border-radius: 0px 8px 8px 0px;
}



.all-select-input {
    display: flex;
    align-items: center;
    background: #ffffff;
    height: 50px !important;
    border-radius: 8px 0px 0px 8px;
    border: 1px solid #fff !important;
}



.search-all-img {
    width: 23px;
    height: 23px;
    margin-right: 7px;
    background: url("../png/nvf4gn.png");
    background-size: 100% 100%;
}



.all-btn-txt {
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    line-height: 30px;
}



.option-div {
    z-index: 1;
    position: absolute;
    display: none;
    background: #fff;
    border-radius: 0px 0px 7px 7px;
    z-index: 9;
}



.search-all-select {
    position: relative;
}



.option-table-item {
    display: flex;
    padding: 19px 19px 10px 19px;
    border-bottom: 1px solid #e8e8e8;
}



.table-item-list-title:hover {
    background: #eee;
}



.search-result-table .table-row-item .open .table-expend-img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}



.option-table-item:last-child {
    border-bottom: none;
}



.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;
}

.table-item-list-title span {
    color: #bd1a2d;
}



.option-list {
    padding: 10px 0;
}



.option-list-item {
    height: 16px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    padding: 5px 19px;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.option-list-item:hover {
    color: var(--light);
    background: #efefef;
}



.header-search-hot {
    display: flex;
    margin-top: 25px;
}



.h-hot-title {
    margin-left: 14px;
    white-space: nowrap;
}



.h-hot-list {
    display: flex;
    flex-wrap: wrap;
}



.h-hot-item {
    margin-right: 14px;
    cursor: pointer;
}



.h-hot-word {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #ffffff;
}



.header-nav-middle {
    width: 1200px;
    height: 100%;
    display: flex;
    margin: 0 auto;
}



.header-nav-item:first-child {
    padding-left: 0;
}



.header-nav-item:last-child {
    padding-right: 0;
}







.search-toolbar {
    display: flex;
    justify-content: space-between;
    width: 1160px;
    padding: 12px 18px;
    background: #fff;
    margin: 20px auto;
}



.search-toolbar-left {
    display: flex;
}



.search-toolbar-order {
    display: flex;
    align-items: center;
    
}



.search-toolbar-title {
    height: 18px;
    font-size: 16px;
    font-weight: bold;
    color: #222222;
    line-height: 18px;
    white-space: nowrap;
}



.search-toolbar-right {
    display: flex;
    justify-items: center;
}



.search-toolbar-position {
    display: flex;
    align-items: center;
}



.search-filter {
    width: 1160px;
    padding: 18px 18px 17px 18px;
    background: #fff;
    margin: 20px auto;
}



.con-toolbar-title {
    width: 90px;
    height: 18px;
    font-size: 16px;
    font-weight: bold;
    color: #222222;
    line-height: 18px;
    white-space: nowrap;
    margin-top: 7px;
}



.con-item-choose {
    cursor: pointer;
    padding: 7px 8px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 16px;
    margin-right: 20px;
    margin-bottom: 8px;
}



.con-item-choose-on {
    background: #ffe6e6;
    color: var(--light);
    border-radius: 15px;
}



.search-filter-item {
    display: flex;
    padding-bottom: 5px;
    padding-top: 12px;
    border-bottom: 1px dashed #cccccc;
}



.content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 980px;
    
    overflow-x: hidden !important;
    overflow-y: hidden;
    max-height: 110px;
    margin-left: 10px;
    margin-right: 10px;
}


.item-expend {
    display: none;
}


.expend-div {
    display: flex;
    white-space: nowrap;
    align-items: center;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 4px;
}



.expend-txt {
    margin-right: 17px;
}



.arrow-div {
    width: 16px;
    height: 9px;
    background: url("../png/2v3wrs.png");
    background-size: 100% 100%;
}



.search-filter-item .open .expend-div .arrow-div {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}



.reset-filter-choose {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
    padding-top: 12px;
    padding-right: 10px;
}



.search-filter-choose-left {
    display: flex;
}



.search-filter-choose-title {
    font-size: 16px;
    white-space: nowrap;
    font-weight: 400;
    color: #333333;
    line-height: 35px;
    margin-right: 30px;
}



.search-filter-choose-con {
    display: flex;
    flex-wrap: wrap;
    width: 972px;
}



.filer-item-choose {
    display: flex;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid #cccccc;
    margin-right: 10px;
    margin-bottom: 5px;
}



.itemId,
.typeId {
    display: none;
}



.filer-item-title {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
    margin-right: 6px;
}



.filer-item-choose .choose-clear-btn {
    cursor: pointer;
    width: 8px;
    height: 9px;
    background: url("../png/obobn6.png");
    background-size: 100% 100%;
}



.search-filter-choose-right {
    display: flex;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
}



.reset-filter-more-choose {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
    padding-top: 12px;
    padding-right: 10px;
}



.search-filter-more-con {
    display: flex;
    flex-wrap: wrap;
    width: 972px;
}



.filer-more-item-choose {
    display: flex;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid #cccccc;
    margin-right: 10px;
    margin-bottom: 5px;
}



.filer-more-item-choose span {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
}



.filer-more-item-choose .choose-clear-btn {
    cursor: pointer;
    width: 8px;
    height: 9px;
    margin-left: 6px;
    background: url("../png/obobn6.png");
    background-size: 100% 100%;
}



.search-filter-expend {
    display: flex;
}



.search-filter-expend .on .filter-middle-img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}



.filter-reset-img {
    width: 16px;
    height: 17px;
    margin-right: 7px;
    background: url("../png/lb0gqe.png");
    background-size: 100% 100%;
}



.dashed-div {
    border-bottom: 1px dashed #ccc;
}



.filter-left,
.filter-right {
    width: 100%;
}



.dashed-div {
    padding-top: 8px;
}



.filter-middle {
    white-space: nowrap;
    display: flex;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    align-items: center;
}



.filter-middle-img {
    width: 9px;
    height: 8px;
    background: url("../png/6y8j57.png");
    background-size: 100% 100%;
    margin-left: 7px;
}





body>.middle {
    display: flex;
    justify-content: center;
    min-width: 1200px;
}



.middle-con {
    width: 1200px;
    display: flex;
    margin: 0 auto;
}



.middle-con-left {
    flex: 5;
    background: #fff;
    min-width: 833px;
}





.middle-con-left-top {
    padding: 24px;
}



.total-div {
    margin-bottom: 20px;
}



.tips-info {
    margin-bottom: 20px;
}

.tips-info div {
    margin-bottom: 10px;
}



.total-div span {
    height: 16px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
}



.tips-info-item {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #202020;
    line-height: 18px;
}



.no-result {
    display: flex;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 18px;
}


.no-result-img {
    width: 174px;
    height: 154px;
    margin-right: 40px;
    background: url("../png/xhf0en.png");
    background-size: 100% 100%;
}



.no-result-text div {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #747474;
    line-height: 32px;
}



.no-result-text div:first-child {
    color: #bd1a2d;
}



.no-result-text a {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #2440b3;
    line-height: 32px;
}



.hot-search {
    padding-top: 40px;
}



.hot-search .hot-search-title {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #202020;
    line-height: 24px;
    margin-bottom: 20px;
}



.hot-search-item {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    cursor: pointer;
}



.hot-search-item-num {
    color: #9195a3;
    margin-right: 10px;
}



.hot-search-item-title {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333;
    line-height: 16px;
}



.hot-search-list .hot-search-item:nth-child(1) .hot-search-item-num {
    color: #bd1a2d;
}



.hot-search-list .hot-search-item:nth-child(2) .hot-search-item-num {
    color: #ff6600;
}



.hot-search-list .hot-search-item:nth-child(3) .hot-search-item-num {
    color: #faa90e;
}



.scene-top-info {
    padding-bottom: 30px;
}


.scene-top-info>div {
    margin-bottom: 20px;
}



.scene-top-info img {
    max-width: 720px;
}



.scene-iframe {
    margin-bottom: 40px;
}



.iframe-title {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
    margin-bottom: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.scene-iframe-info {
    width: 100%;
    border-bottom: 1px dashed #CCC;
}



.scene-iframe-info iframe {
    width: 100%;
}



.scene-iframe-source {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 16px;
}



.scene-person {
    display: flex;
    margin-bottom: 30px;
}



.scene-person-image {
    margin-right: 20px;
}



.scene-person-image img {
    width: 140px;
    height: 193px;
}



.person-introduce-name {
    
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    margin-bottom: 22px;
}



.person-introduce-name span {
    
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
}



.person-introduce-detail {
    
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 31px;
}



.scene-org-title {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}



.scene-org-customized-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 58px;
    line-height: 58px;
    background: #f2f2f2;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;
}


.customized-title-left,
.customized-title-right {
    display: flex;
    align-items: center;
}


.customized-title-right {
    cursor: pointer;
}


.customized-title-right .org-phone {
    width: 24px;
    height: 24px;
    background: url("../png/9aplkt.png");
    background-size: 100% 100%;
    margin-right: 10px;
}


.customized-title-right .org-phone-title {
    height: 17px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 17px;
}



.scene-org-name {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
    margin-right: 5px;
}



.scene-org-label {
    padding: 0px 4px;
    background: var(--light);
    border-radius: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    white-space: nowrap;
    height: 22px;
    line-height: 22px;
}



.scene-org-logo img {
    width: 370px;
    
}



.scene-org-con {
    display: flex;
    margin-bottom: 20px;
}



.scene-org-chose {
    width: 100%;
    height: 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: space-around;
}



.scene-org-chose-item {
    cursor: pointer;
    width: 170px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f3f3f3;
    border-radius: 5px;
}



.scene-org-describe {
    margin-left: 15px;
    
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
}

.scene-org-describe p {
    line-height: 40px !important;
}



.scene-org-info-list {
    padding-bottom: 40px;
}



.scene-org-info-tab {
    display: flex;
    margin-bottom: 20px;
}



.tab-list-item {
    display: flex;
    margin-bottom: 20px;
    width: 778px;
}



.tab-list-title {
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 9;
    margin-right: 20px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #444444;
}



.tab-list-time {
    flex: 1;
    white-space: nowrap;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #888888;
}



.scene-system {
    margin-bottom: 40px;
}



.scene-system-title {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
    margin-bottom: 20px;
}



.system-item {
    cursor: pointer;
    width: fit-content;
}



.system-item img {
    height: 80px;
}



.scene-subject-title {
    font-size: 20px;
    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: 300px;
    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: 15px;
}

.scene-subject-item:last-child {
    margin-bottom: 0;
}



.grey-spot {
    width: 5px;
    height: 5px;
    background: #e7e7e7;
    border-radius: 50%;
    margin-right: 5px;
}



.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;
}




.middle-con-left-top .scene-tab .scene-tab-header .left,
.middle-con-left-top .scene-tab .scene-tab-header .right {
    display: none;
}


.scene-tab-header {
    display: flex;
    
    align-items: center;
    margin-bottom: 15px;
}



.scene-tab-header .left {
    width: 12px;
    height: 20px;
    margin-right: 20px;
    cursor: pointer;
    background: url("../png/nask7y.png");
    background-size: 100% 100%;
}



.tab-names {
    display: flex;
    
    overflow-x: scroll;
}



.scene-tab-header .right {
    width: 12px;
    height: 20px;
    margin-left: 20px;
    cursor: pointer;
    background: url("../png/zq0cy6.png");
    background-size: 100% 100%;
}



.doc {
    display: flex;
    margin-bottom: 20px;
    max-width: 794px;
    
    align-items: center;
}



.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;
}



.doc-time {
    white-space: nowrap;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #888888;
}



.more {
    text-align: right;
}



.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-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 28px;
    margin-right: 10px;
}



.item-time {
    flex-shrink: 0;
    color: #888888;
}



.scene-map {
    margin-bottom: 30px;
}

.map-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}



.map-title {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
}



.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;
}



.mao-item-img {
    width: 20px;
    height: 28px;
    background-image: url("../png/1gfb7r.png");
    background-size: 100% 100%;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #ffffff;
    line-height: 22px;
    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;
}



.map-item {
    display: flex;
    margin-bottom: 30px;
}



.news {
    margin-bottom: 20px;
}

.news-header {
    display: flex;
    margin-bottom: 8px;
    cursor: pointer;
}



.news-header a {
    display: flex;
}



.news-title {
    height: 28px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 24px;
    color: #333333;
    flex-shrink: 0;
}



.news-title-red {
    color: #bd1a2d;
    max-width: 615px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.news-item {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}



.news-item .item-title {
    flex: 1;
    cursor: pointer;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    white-space: normal;
}



.news-item .item-time {
    color: #999;
    flex-shrink: 0;
}





.about-image,
.about-video {
    margin-bottom: 40px;
}



.about-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}



.about-title {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
}



.about-image-list {
    display: flex;
    justify-content: space-between;
}



.about-image-list a {
    width: 250px;
}



.about-image-list .item-image img {
    width: 250px;
    height: 167px;
    margin-bottom: 10px;
    border-radius: 12px 12px 0px 0px;
    transition-duration: 0.5s;
}



.about-image-list .item-image .image {
    width: 250px;
    height: 167px;
    overflow: hidden;
    border-radius: 12px 12px 0px 0px;
    margin-bottom: 10px;
}



.about-image-list .item-image img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}



.about-image-list .title {
    font-size: 16px;
    padding: 0px 10px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.about-video-list {
    display: flex;
    justify-content: space-between;
}



.about-video-list .item-video .video .video_img {
    width: 250px;
    height: 167px;
    margin-bottom: 10px;
    border-radius: 12px;
    transition-duration: 0.5s;
}



.about-video-list .video {
    width: 250px;
    height: 167px;
    overflow: hidden;
}



.about-video-list .item-video .video .video_img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}



.about-video-list a {
    width: 250px;
}



.item-video .video {
    border-radius: 12px;
    position: relative;
    margin-bottom: 10px;
}



.video_play {
    position: absolute;
    top: 42%;
    left: 42%;
}



.video_play_img {
    width: 26px;
    height: 31px;
    background: url("../png/os059k.png");
    background-size: 100% 100%;
}



.about-video-list .title {
    font-size: 16px;
    padding: 0px 10px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.union-search {
    margin-bottom: 30px;
}


.union-search-title {
    display: flex;
}


.union-search-title .left {
    width: 11px;
    height: 16px;
    margin-right: 20px;
    cursor: pointer;
    background: url(../png/nask7y.png);
    background-size: 100% 100%;
    margin-top: 6px;
}



.union-search-title .right {
    width: 11px;
    height: 16px;
    margin-left: 20px;
    cursor: pointer;
    background: url(../png/zq0cy6.png);
    background-size: 100% 100%;
    margin-top: 5px;
}


.union-search-name {
    display: flex;
    margin-right: 45px;
    flex-shrink: 0;
}



.union-search-div {
    width: 4px;
    height: 18px;
    background: var(--light);
    margin-right: 10px;
}



.union-search-txt {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
    height: 37px;
}



.union-search-tab-names {
    display: flex;
    width: 590px;
    overflow-y: scroll;
}



.union-search-hr {
    height: 1px;
    width: 100%;
    background: #e8e8e8;
    margin-bottom: 10px;
}



.union-search-tab-table {
    display: none;
}



.table-header {
    display: flex;
    width: 100%;
    height: 36px;
    background: #f3f3f3;
    margin-bottom: 20px;
}



.table-title,
.table-document-no,
.table-time {
    line-height: 32px;
    color: #333333;
    text-align: center;
}



.table-title {
    flex: 8;
    margin-right: 30px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}



.table-document-no {
    flex: 4;
    margin-right: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.table-time {
    flex: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.table-item {
    display: flex;
    margin-bottom: 15px;
    cursor: pointer;
}



.table-special-title,
.table-special-document-no {
    text-align: left;
}



.table-special-time {
    text-align: center;
}





.search-result {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
}



.search-result-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}



.search-con {
    display: flex;
}


.search-con .search-right-con {
    flex: 1;
    overflow: hidden;
}



.search-left-img img {
    width: 128px;
    height: 85px;
    margin-right: 10px;
}



.search-result-left {
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.icon-word {
    flex-shrink: 0;
    width: 27px;
    height: 27px;
    margin-right: 10px;
    background: url("../png/mx7abn.png");
    background-size: 100% 100%;
}

.icon-ppt {
    flex-shrink: 0;
    width: 27px;
    height: 27px;
    margin-right: 10px;
    background: url("../png/ra1g2p.png");
    background-size: 100% 100%;
}

.icon-excel {
    flex-shrink: 0;
    width: 27px;
    height: 27px;
    margin-right: 10px;
    background: url("../png/vw0kto.png");
    background-size: 100% 100%;
}

.icon-txt {
    flex-shrink: 0;
    width: 27px;
    height: 27px;
    margin-right: 10px;
    background: url("../png/husj87.png");
    background-size: 100% 100%;
}

.icon-rar {
    flex-shrink: 0;
    width: 27px;
    height: 27px;
    margin-right: 10px;
    background: url("../png/i7d862.png");
    background-size: 100% 100%;
}

.icon-pdf {
    flex-shrink: 0;
    width: 27px;
    height: 27px;
    margin-right: 10px;
    background: url("../png/2sbh7k.png");
    background-size: 100% 100%;
}

.icon-weixin {
    flex-shrink: 0;
    width: 27px;
    height: 27px;
    margin-right: 10px;
    background: url('../png/0yomvy.png');
    background-size: 100% 100%;
}


.icon-weibo {
    flex-shrink: 0;
    width: 27px;
    height: 27px;
    margin-right: 10px;
    background: url('../png/eunzqk.png');
    background-size: 100% 100%;
}

.icon-toutiao {
    flex-shrink: 0;
    width: 27px;
    height: 27px;
    margin-right: 10px;
    background: url('../png/0d8lxo.png');
    background-size: 100% 100%;
}


.result-header-title {
    cursor: pointer;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.result-normal-header-title {
    max-width: 675px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.result-header-title a {
    color: #2440b3;
}



.search-result-download {
    display: flex;
    border: 1px solid #929292;
    flex-shrink: 0;
    border-radius: 3px;
    padding: 6px 15px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    color: #666666;
    line-height: 16px;
    cursor: pointer;
}



.result-download-img {
    width: 15px;
    height: 16px;
    background: url("../png/1cza2e.png");
    background-size: 100% 100%;
}



.search-result-text {
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #333333;
    line-height: 28px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 8px;
}



.search-result .search-result-content .search-link-div {
    margin-bottom: 20px;
}

.search-result .search-result-content .search-link-div span:nth-child(even) {
    color: #2440b3;
    margin-right: 5px;
    margin-left: 5px;
}

.search-result .search-result-content .search-link-div span a {
    color: #2440b3;
}



.table-row,
.table-row-left,
.table-row-right {
    display: flex;
}



.table-row-left,
.table-row-right {
    flex: 1;
}



.row-content {
    max-width: 257px;
    padding: 10px 30px;
    font-size: 14px;
    word-break: break-all;
}



.table-row-item {
    display: flex;
    border-bottom: 1px solid #ebebeb;
    font-size: 14px;
    line-height: 21px;
}



.row-item-title {
    width: 140px;
    flex-shrink: 0;
    padding: 10px 0px;
    background: #f3f3f3;
    text-align: center;
}



.row-item-content-con {
    flex: 1;
    margin: 10px 30px;
    max-height: 22px;
    overflow: hidden;
}



.row-item-content {
    flex: 1;
    padding: 10px 30px;
    max-height: 77px;
    overflow: hidden;
}



.row-item-content-title {
    max-width: 538px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    padding-top: 2px;
}


.row-item-content-title:last-child {
    margin-bottom: unset;
}


.row-item-content-title a:hover {
    color: #2440b3;
}



.row-item-expend {
    display: flex;
    height: max-content;
    margin-top: 10px;
    margin-right: 20px;
    flex-shrink: 0;
    font-size: 14px;
    color: #333333;
    line-height: 16px;
    cursor: pointer;
}



.table-expend-img {
    width: 10px;
    height: 7px;
    margin-top: 5px;
    margin-left: 5px;
    background: url("../png/2v3wrs.png");
    background-size: 100% 100%;
}




.search-right-con {
    flex: 1;
}



.search-result-source {
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
}



.source-text,
.source-similar-info {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #878787;
    line-height: 16px;
}

.source-similar-info {
    display: flex;
    cursor: pointer;
}



.similar-more-img {
    width: 12px;
    height: 6px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background: url(../png/2v3wrs.png);
    background-size: 100% 100%;
}

.search-result-source .open .similar-more-img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}



.similar-info-list {
    padding: 13px;
    border: 1px solid #ebebeb;
    display: none;
}



.similar-info-item {
    display: flex;
    margin-bottom: 20px;
}

.similar-info-list .similar-info-item:last-child {
    margin-bottom: unset;
}



.similar-item-lable {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    flex-shrink: 0;
}



.similar-item-title {
    display: inline-block;
    cursor: pointer;
    margin-right: 40px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.left-search-content {
    display: flex;
    width: 720px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.similar-item-time {
    flex-shrink: 0;
    font-size: 14px;
    color: #878787;
    width: 100px;
}



.similar-item-page {
    width: 240px;
    float: right;
}



.all-search {
    margin-bottom: 20px;
}



.all-search-title {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #202020;
    line-height: 24px;
    margin-bottom: 20px;
}



.all-result {
    display: flex;
    flex-wrap: wrap;
}



.all-result-item {
    cursor: pointer;
    padding: 11px 25px;
    background: #f6f6f6;
    border-radius: 20px;
    font-size: 16px;
    color: #202020;
    margin-right: 20px;
    margin-bottom: 15px;
}



.all-result-item:hover {
    color: #315efb;
    background: #f0f3fd;
}



.about-search-bottom {
    display: flex;
    flex-wrap: wrap;
}



.about-search-top {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
    margin-bottom: 20px;
}



.about-search-con {
    cursor: pointer;
    width: 200px;
    padding: 0px 20px;
    height: 40px;
    line-height: 40px;
    background: #f5f5f6;
    border-radius: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 400;
    color: #2440b3;
    margin-right: 20px;
    margin-bottom: 15px;
}



.middle-con-left-bottom {
    padding-bottom: 30px;
    text-align: center;
}



.middle-con-right {
    flex: 2;
    margin-left: 21px;
    height: max-content;
}



.about-system {
    margin-bottom: 20px;
}



.about-system-title,
.about-person-title,
.about-org-title,
.search-count-txt,
.hot-info-title,
.hot-word-chart-title,
.search-theme-txt,
.interest-info-title,
.search-history-title {
    padding: 12px;
    background: #fcfcfc;
    border-bottom: 1px solid #eeeeee;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 20px;
}



.about-system-link {
    padding: 20px;
    background: #fff;
}



.about-system-link-img {
    width: 305px;
    margin-bottom: 10px;
}



.about-system-link-img img {
    width: 100%;
    cursor: pointer;
}



.about-person {
    margin-bottom: 20px;
}

.person-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-height: 335px;
    overflow: hidden;
    padding: 20px;
}



.person-list:after {
    content: "";
    width: 92px;
}



.person-item {
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
}



.about-person-con {
    background: #fff;
}



.person-text {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 18px;
}



.person-con-title {
    display: flex;
    padding: 20px;
    justify-content: space-between;
    align-items: center;
}



.person-expend {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #666;
    line-height: 16px;
}



.person-expend-img {
    width: 16px;
    height: 8px;
    margin-left: 7px;
    background: url("../png/ksd9ok.png");
    background-size: 100% 100%;
}



.person-img {
    padding: 1px;
    border: 1px solid #c0c0c0;
    margin-bottom: 15px;
}


.person-img img {
    width: 90px;
    vertical-align: middle;
}



.about-org {
    margin-bottom: 20px;
}



.about-org-link {
    padding: 20px;
    background: #fff;
}



.about-org-link img {
    width: 305px;
    cursor: pointer;
}



.search-count {
    background: #fff;
    margin-bottom: 20px;
    padding-bottom: 20px;
}



.search-count-item {
    margin: 20px 20px 0px 20px;
    background: #fff;
    border-bottom: 1px dashed #e3e3e3;
}



.search-count-item:last-child {
    border-bottom: none;
}



.search-count-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}



.search-count-text {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
}



.search-count-expend {
    display: flex;
    align-items: center;
}



.search-count-expend span {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 20px;
    cursor: pointer;
}



.count-expend-img {
    width: 14px;
    height: 8px;
    margin-left: 10px;
    background: url("../png/ksd9ok.png");
    background-size: 100% 100%;
}



.search-count-item-title {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    cursor: pointer;
}



.search-count-list:last-child {
    border-bottom: none;
}



.search-count .search-count-item .search-count-list {
    max-height: 170px;
    overflow: hidden;
}


.search-count .search-count-item .search-count-content .search-count-list .search-list {
    display: flex;
}


.search-count-item .item-title {
    max-width: 200px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
    flex: none;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-item ul li .search-count-item-title {
    padding-left: 10px;
}


.search-count-item .item-count {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
}



.recommend-title {
    display: flex;
    align-items: center;
    padding: 19px 20px;
    background: #fcfcfc;
    border-bottom: 1px solid #eeeeee;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 32px;
}



.recommend-title-em {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #bd1a2d;
}



.recommend-title div {
    flex-shrink: 0;
}



.recommend {
    background: #fff;
    padding-bottom: 20px;
    margin-bottom: 20px;
}



.recommend-item {
    background: #fff;
    margin: 30px 20px 10px 20px;
    border-bottom: 1px dashed #eeeeee;
}



.recommend-item:last-child {
    border-bottom: none;
}



.recommend-item-title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
}



.recommend-txt {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
    margin-left: 7px;
    margin-right: 7px;
}



.recommend-list-txt {
    max-width: 300px;
    font-size: 14px;
    cursor: pointer;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    margin-bottom: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.hot-info {
    margin-bottom: 20px;
    background: #fff;
}



.hot-info-list {
    background: #fff;
    padding: 20px;
}



.hot-indo-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    cursor: pointer;
}



.hot-indo-item:last-child {
    margin-bottom: 0px;
}



.hot-indo-item:first-child .hot-item-num {
    color: #a91728;
}



.hot-indo-item:nth-child(2) .hot-item-num {
    color: #f55c10;
}



.hot-indo-item:nth-child(3) .hot-item-num {
    color: #ffba25;
}



.hot-item-num {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #999999;
    line-height: 16px;
    margin-right: 10px;
}



.hot-item-title {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
    max-width: 285px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.hot-word-chart {
    margin-bottom: 20px;
}



.echart {
    width: 100%;
    height: 283px;
    background: #fff;
}



.hot-word-list-content {
    background: #fff;
    padding-bottom: 20px;
}



.hot-word-list-text {
    max-width: 289px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}



.hot-word-list-item {
    display: flex;
    cursor: pointer;
    height: 50px;
    align-items: center;
    padding: 0px 20px;
    border-bottom: 1px solid #eeeeee;
}



.hot-word-list-num {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #999999;
    line-height: 16px;
    margin-right: 10px;
}



.hot-word-list-item:first-child .hot-word-list-num {
    color: #a91728;
}



.hot-word-list-item:nth-child(2) .hot-word-list-num {
    color: #f55c10;
}



.hot-word-list-item:nth-child(3) .hot-word-list-num {
    color: #ffba25;
}



.search-theme {
    background: #fff;
    margin-bottom: 20px;
}



.search-theme-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}



.search-theme-text {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
}



.search-theme-expend {
    display: flex;
    align-items: center;
}



.search-theme-expend span {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 20px;
    cursor: pointer;
}



.theme-expend-img {
    width: 16px;
    height: 8px;
    margin-left: 10px;
    background: url("../png/ksd9ok.png");
    background-size: 100% 100%;
}



.search-theme-con {
    display: flex;
    flex-wrap: wrap;
    padding-left: 10px;
    max-height: 143px;
    overflow: hidden;
}



.search-theme-content {
    padding: 20px;
}



.search-theme-item {
    width: 110px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    background: #f1f1f1;
    margin-right: 3px;
    margin-bottom: 3px;
    cursor: pointer;
}



.interest-info {
    margin-bottom: 20px;
}



.interest-info-content {
    padding: 10px 0;
    background: #fff;
}



.interest-info-item {
    max-width: 290px;
    height: 32px;
    line-height: 32px;
    padding: 0px 20px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.search-history {
    background-color: #fff;
}



.search-history-list {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
}



.search-history-item {
    cursor: pointer;
    background: #f1f1f1;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    max-width: 255px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.search-history-clear-small {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    margin: 0 auto;
    padding: 6px 10px;
    background: #f1f1f1;
    border-radius: 4px;
    cursor: pointer;
}



.right-clear-img {
    width: 16px;
    height: 14px;
    margin-right: 11px;
    background: url("../png/onyqu5.png");
    background-size: 100% 100%;
}



.search-history-clear {
    padding-bottom: 20px;
}



.search-feedback {
    background-color: #fff;
    text-align: center;
    padding: 18px 0px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 20px;
}



.right-search-img {
    width: 27px;
    height: 27px;
    margin-right: 12px;
    background: url("../png/9483fn.png");
    background-size: 100% 100%;
}



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;
    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;
    height: fit-content;
    z-index: 100;
    background: #ffffff;
    border-radius: 20px;
    padding: 30px;
    margin-top: 233px;
}



.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;
}



.draw-top {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}



.draw-top-img {
    cursor: pointer;
}



.draw-top-img {
    width: 16px;
    height: 16px;
    background: url("../png/ttr2h2.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;
}



.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;
}



.search-small-right input {
    border: none;
    font-size: 14px;
}



.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: 15px;
    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: 15px;
    padding-right: 12px;
    width: 172px;
    height: 38px;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
}



.cate-select-one-con,
.time-select-one-con {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #222222;
    line-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.time-select-one-img {
    width: 18px;
    height: 10px;
    background: url("../png/3r4xq5.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: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #414141;
    line-height: 24px;
}



.searchcate-nav-left-bottom-show,
.search-nav-left-bottom-show {
    display: block;
}



.draw-zctime input {
    
    padding-left: 15px;
    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;
}



#main {
    padding: 10px 0px;
    width: 100%;
    height: 240px;
    margin-bottom: 20px;
}

#knowledgeGraph {
    width: 100%;
    height: 240px;
    margin-bottom: 20px;
}



.about-person .person-con-title .open .person-expend-img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}



.search-count .search-count-item .open .count-expend-img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}



.search-theme .search-theme-content .open .theme-expend-img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}



.banner-scene {
    background: #fff;
    width: 1152px;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 24px;
}



.banner-scene .scene-subject-html-title {
    max-width: 745px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}



.banner-scene .grey-spot-title a {
    max-width: 745px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.banner-scene .tab-names {
    width: 1088px;
}



.banner-scene .doc {
    max-width: 1150px;
}



.scene-tab-result {
    display: none;
}



.scene-tab-more {
    text-align: right;
}





.banner-iframe {
    background: #fff;
    width: 1152px;
    margin: 0 auto;
    padding: 24px;
    margin-bottom: 20px;
}



.topping {
    position: fixed;
    bottom: 50px;
    right: 5%;
}



.back-top-img {
    width: 40px;
    height: 40px;
    background: url("../png/u06kcc.png");
    background-size: 100% 100%;
}



.swiper {
    width: 100%;
    height: 140px;
}

.swiper-slide {
    width: 396px;
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 80px;
    object-fit: cover;
}

.system-rotation .swiper-slide {
    width: 48%;
}



.mySwiper1 {
    width: 100%;
    height: 280px;
}

.mySwiper1 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    
    
    
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.mySwiper1 .swiper-slide a {
    width: 100%;
}

.mySwiper1 .swiper-slide-top {
    height: 220px;
}

.mySwiper1 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.similar-item-page .M-box11 a {
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: #333333;
}

.similar-item-page .m-style .next,
.m-style .prev {
    font-size: 14px;
    font-weight: 400;
}

.similar-item-page .m-style .active {
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: #333333;
    
    background: #f3f3f3;
}



.M-box .next,
.M-box .prev {
    width: auto;
    padding: 0 12px;
    color: #666666;
    font-size: 14px;
    font-weight: normal;
}



.M-box {
    text-align: center;
    width: fit-content;
    margin: 0 auto;
}


.banner-nav {
    padding-bottom: 8px;
    margin-top: 15px;
    white-space: nowrap;
    overflow-y: scroll;
    width: 100%;
}


.nav-item {
    background: #efefef;
    border-radius: 8px;
    margin-right: 16px;
    display: inline-block;
    zoom: 1;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    height: 32px;
    cursor: pointer;
}


.nav-item-choose {
    color: #bd1a2d;
    background: #efefef;
}


.nav-item-con {
    display: inline-block;
    margin-left: 14px;
    margin-right: 14px;
    vertical-align: middle;
    line-height: 32px;
}


.nav-more-right {
    display: none;
    position: absolute;
    right: 0;
    bottom: 8px;
    width: 116px;
    height: 32px;
    background-image: linear-gradient(270deg,
            #fff 50%,
            rgba(255, 255, 255, 0.7) 75%,
            rgba(255, 255, 255, 0) 100%);
}


.more-right-btn {
    width: 32px;
    height: 32px;
    background: #f5f5f6;
    border-radius: 8px;
    position: absolute;
    right: 0;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    font-size: 12px;
}


.nav-more-left {
    display: none;
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 116px;
    height: 32px;
    background-image: linear-gradient(270deg,
            rgba(255, 255, 255, 0) 25%,
            rgba(255, 255, 255, 0.7) 50%,
            #fff 100%);
}


.more-left-btn {
    width: 32px;
    height: 32px;
    background: #f5f5f6;
    border-radius: 8px;
    position: absolute;
    left: 0;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    font-size: 12px;
}


.banner-image {
    background-color: #fff;
    padding: 20px 20px 0px 20px;
    width: 1160px;
    margin: 0 auto;
    margin-bottom: 20px;
}


.banner-img-con {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 20px;
}

.image-list .img-item {
    width: 275px;
}


.banner-image .image-list .banner-img-con .img-div {
    overflow: hidden;
    width: 275px;
    height: 184px;
    border-radius: 12px 12px 0px 0px;
}


.banner-image .img-item img {
    border-radius: 12px 12px 0px 0px;
    width: 275px;
    height: 184px;
    transition-duration: 0.5s;
}


.banner-img-waterfall {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.banner-img-waterfall .img-item img {
    height: 184px;
    width: auto;
}

.banner-img-waterfall .img-item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.banner-img-waterfall .img-item-a {
    height: 17px;
    line-height: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    padding-top: 9px;
    padding-bottom: 20px;
}


.image-list .img-item-a {
    height: 17px;
    line-height: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    padding-top: 9px;
    padding-bottom: 20px;
}


.video-list {
    background-color: #fff;
    padding: 20px 20px 0px 20px;
    width: 1160px;
    margin: 0 auto;
    margin-bottom: 20px;
}


.video-list .image-list .img-div {
    position: relative;
    width: 275px;
    height: 184px;
    overflow: hidden;
    border-radius: 12px;
}


.video-list .image-list .img-div .video_play_img {
    position: absolute;
    top: 42%;
    left: 42%;
}


.video-list .img-item img {
    border-radius: 12px;
    width: 275px;
    height: 184px;
    transition-duration: 0.5s;
}

.banner-video {
    background-color: #fff;
    padding: 20px 20px 0px 20px;
    width: 1160px;
    margin: 0 auto;
    margin-bottom: 20px;
}


.banner-video .image-list .img-div {
    width: 275px;
    height: 184px;
    overflow: hidden;
    border-radius: 12px;
    position: relative;
}


.banner-video .image-list .img-div .video_play_img {
    position: absolute;
    top: 42%;
    left: 42%;
}


.banner-video .img-item img {
    border-radius: 12px;
    width: 275px;
    height: 184px;
    transition-duration: 0.5s;
}


.banner-page {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
}


.M-img-page {
    text-align: center;
    width: fit-content;
    margin: 0 auto;
}


.M-img-page .next,
.M-img-page .prev {
    width: auto;
    padding: 0 12px;
    color: #666666;
    font-size: 16px;
    font-weight: bold;
}


.M-img-page a {
    border: 1px solid var(--light);
}


.M-img-page .active {
    background: var(--light);
    color: #ffff;
    border: 1px solid var(--light);
}


.img-item img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}


.voice-image {
    display: none;
    width: 12px;
    height: 20px;
    margin-top: -3px;
    
    flex-shrink: 0;
    margin-left: 15px;
    margin-right: 20px;
    cursor: pointer;
    background: url("../png/vfgdlc.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("../png/vjtdm3.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("../png/q77lrj.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.voice-button-gif {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: url("../gif/vqu15o.gif") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.noIdentify-txt,
.voice-button-png {
    display: none;
}


.satisfied,
.dissatisfied {
    display: flex;
    align-items: center;
    cursor: pointer;
}


.normal-satisfied {
    width: 23px;
    height: 22px;
    background: url("../png/wrlkf7.png");
    background-size: 100% 100%;
}

.hover-satisfied {
    width: 23px;
    height: 22px;
    background: url("../png/q17363.png");
    background-size: 100% 100%;
}

.actived-satisfied {
    width: 23px;
    height: 22px;
    background: url("../png/8y15ia.png");
    background-size: 100% 100%;
}


.normal-dissatisfied {
    width: 23px;
    height: 22px;
    background: url("../png/hpiph8.png");
    background-size: 100% 100%;
}

.hover-dissatisfied {
    width: 23px;
    height: 22px;
    background: url("../png/j0ebhs.png");
    background-size: 100% 100%;
}

.actived-dissatisfied {
    width: 23px;
    height: 22px;
    background: url("../png/8jjxyv.png");
    background-size: 100% 100%;
}

.satisfied-txt,
.dissatisfied-txt {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 16px;
    margin-left: 10px;
}


.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("../png/1l9jxu.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: absolute;
    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;
    padding: 40px;
    margin: 100px auto;
}

.draw-title {
    height: 16px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
    margin-bottom: 10px;
}


.dissatisfied-draw-head {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.dissatisfied-draw-title {
    width: 100%;
    height: 18px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 18px;
}

.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(../png/e2n0ex.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: 598px;
    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: 24px;
    resize: none;
}


.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;
}



.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;
}


.card {
    margin-bottom: 20px;
}


.card-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;
}


.card-content {
    padding: 20px;
    background: #fff;
}


.clear {
    clear: both;
}

.list-item ul {
    display: none;
}




.work-search-result {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
}

.work-search-result .result-header-title {
    cursor: pointer;
    max-width: 558px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.work-search-result .work-lable {
    background: var(--backColor);
    color: var(--light);
    border: 0px solid var(--borderColor);
    border-radius: 6px 0px 6px 0px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    padding: 2px 6px;
    margin-right: 10px;
    flex-shrink: 0;
}


.work-btn {
    width: 70px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid var(--light);
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    color: var(--light);
    cursor: pointer;
}


.work-btn:hover {
    background: var(--light);
    color: #ffffff;
}


.work-guide {
    
}

.online-processing {
    margin-left: 10px;
}


.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: 18px;
    font-weight: 400;
    color: #ffffff;
    max-width: 900px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.work-header-close {
    width: 18px;
    height: 17px;
    background: url("../png/buz6eb.png");
    background-size: 100% 100%;
    margin-right: 20px;
    cursor: pointer;
}


.work-main {
    padding: 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-main .work-list .list-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}



.work-list>div,
.work-list .work-list-title>div {
    flex-shrink: 0 !important;
}


.work-list .work-list-title .item-left {
    display: flex;
    align-items: center;
    font-weight: bold;
    flex: 5;
}

.work-draw .work-list-title .item-middle {
    flex: 2;
    font-weight: bold;
    text-align: center;
}

.work-list .work-list-title .item-right {
    display: flex;
    align-items: center;
    flex: 2;
    font-weight: bold;
    text-align: center;
    justify-content: center;
}

.work-list .work-body-content .item-left {
    display: flex;
    align-items: center;
    flex: 5;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;
}

.work-draw .work-body-content .item-middle {
    flex: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 34px;
    margin-right: 10px;
    text-align: center;
}

.work-list .work-body-content .item-right {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 2;
    flex-shrink: 0;
}






.item-red-position {
    width: 12px;
    height: 18px;
    cursor: pointer;
    background: url("../png/bhjmbp.png");
    background-size: 100% 100%;
}


.item-block-position {
    width: 12px;
    height: 18px;
    background: url("../png/2otp5x.png");
    background-size: 100% 100%;
}


.work-disabled {
    width: 70px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #bcbcbc;
    color: #bcbcbc;
}



.work-page {
    padding: 15px 20px;
}




.scene-subject-html .list {
    display: flex;
    flex-wrap: wrap;
}


.scene-subject-html .clearfix .w50 {
    width: 100%;
}


.scene-subject-html .clearfix .w25 {
    width: 50%;
}


.scene-subject-html .clearfix .w16 {
    width: 33.3%;
}


.scene-subject-html .clearfix .w15 {
    width: 25%;
}


.scene-subject-html .clearfix .w14 {
    width: 20%;
}


.scene-subject-html .clearfix .w13 {
    width: 17%;
}


.scene-subject-html .clearfix li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 20px;
}


.scene-subject-html .clearfix li a {
    height: 22px;
    line-height: 22px;
}


.list li i {
    float: left;
    width: 14px;
    height: 22px;
    background: url("../jpg/hdqhw5.jpg") no-repeat 0px -3px;
}



.scene-subject-html .b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 18px;
    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;
}




.search-area-div {
    position: relative;
    width: fit-content;
}

.region-div-list {
    max-height: 500px;
    overflow-y: auto;
}

.option-region {
    position: absolute;
    background: #fff;
    padding: 0px 20px;
    z-index: 2;
    display: none;
    margin-top: 5px;
    box-shadow: 0px 0px 12px 0px rgba(209, 209, 209, 0.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-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: 100px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dfdfdf;
    font-size: 14px;
    padding: 8px 10px;
    color: #333333;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    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;
}




.work-toolbar {
    display: flex;
    justify-content: space-between;
    width: 1160px;
    padding: 12px 18px;
    background: #fff;
    margin: 20px auto;
}


.work-toolbar .work-area {
    display: flex;
    align-items: center;
}

.work-toolbar .work-area div:nth-child(2) {
    max-width: 310px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.work-filter {
    display: flex;
    align-items: center;
}


.work-toolbar .work-area div {
    color: #666666;
    padding: 7px 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}

.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-img {
    width: 16px;
    height: 9px;
    margin-top: 3px;
    margin-left: 10px;
    margin-right: 5px;
    background: url(../png/2v3wrs.png);
    background-size: 100% 100%;
}


.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);
}


.filter-obj-bottom,
.filter-all-bottom {
    display: none;
    position: absolute;
    top: 44px;
    padding: 10px 10px;
    width: 120px;
    max-height: 360px;
    overflow: hidden;
    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;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.obj-item:hover {
    background: #f8e7e9;
}


.search-formatting {
    border: 1px solid #ebebeb;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 60px;
}


.search-formatting-head {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}


.search-formatting-head .search-formatting-title {
    height: 20px;
    font-size: 20px;
    cursor: pointer;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #2440b3;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.search-formatting .search-formatting-detail {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
    margin-bottom: 30px;
}


.administrative-terms-source {
    padding-bottom: 30px;
    border-bottom: 1px dashed #ebebeb;
}


.administrative-terms-source>div {
    margin-bottom: 10px;
}


.administrative-terms-source span {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #888888;
    line-height: 16px;
}


.administrative-terms-relevant-policies {
    padding-top: 15px;
}


.administrative-terms-relevant-policies .administrative-policies-title {
    height: 16px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
    margin-bottom: 10px;
}


.administrative-terms-relevant-policies .relevant-policies-item a {
    color: #2440b3;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.qa-source span {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #888888;
    line-height: 16px;
}


.qa-more {
    cursor: pointer;
    height: 16px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #676767;
    line-height: 16px;
    margin-top: 20px;
}




.search-work-div {
    padding: 0px 0px 30px 0px;
    border-bottom: 1px dashed #dfdfdf;
    margin-bottom: 30px;
}


.search-work-head {
    display: flex;
    align-items: center;
    width: 100%;
}


.search-work-head>div {
    flex-shrink: 0;
}


.work-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-head .work-title {
    
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
    margin-right: 5px;
}


.search-work-head .work-title a {
    height: 16px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    color: #2440b3;
    line-height: 18px;
}


.search-work-content>div {
    margin-bottom: 15px;
}


.search-work-content div span {
    height: 16px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #757575;
    line-height: 16px;
}


.scene-work-tab {
    margin-bottom: 20px;
}

.scene-work-header {
    margin-bottom: 20px;
}


.scene-work-tab-div {
    display: flex;
    align-items: center;
}


.scene-work-result {
    display: none;
}


.work-tab-item {
    color: #333333;
    background: #efefef;
    border: 1px solid #efefef;
    white-space: nowrap;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 20px;
    margin-right: 10px;
}


.scene-work-tab-div .on {
    color: var(--light);
    border: 1px solid var(--light);
    background: #fff;
    white-space: nowrap;
}


.scene-category .scene-category-list .category-item .item-title span {
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    font-weight: 400;
    color: #888888;
}


.search-bottom {
    margin-top: 30px;
}


.search-footer {
    padding: 20px 20px;
    width: 1160px;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.search-footer a {
    padding: 0px 17px;
}


.government-organs {
    width: 50px;
    height: 63px;
    background: url("../png/ulagd7.png");
    background-size: 100% 100%;
}


.affiliated-institutions {
    width: 80px;
    height: 80px;
    background: url("../png/b72xkp.png");
    background-size: 100% 100%;
}


.error-correction {
    background: url("../png/usvr9w.png");
    width: 110px;
    height: 55px;
    background-size: 100% 100%;
}


.search-footer .footer-content {
    flex: 1;
    padding-left: 20px;
}


.list-show {
    display: block;
}

.fd {
    font-weight: 700;
}

.time-frame-choose {
    display: none;
}

.attachment-type-div,
.select-search-div,
.select-position-div {
    margin-right: 30px;
}

.attachment-type-div,
.attachment-type-top,
.time-frame-div,
.time-frame-top,
.select-search-div,
.select-search-top,
.select-position-div,
.select-position-top {
    display: flex;
    align-items: center;
}

.attachment-type-top,
.time-frame-top,
.select-search-top,
.select-position-top {
    cursor: pointer;
    margin-left: 5px;
}

.select-attachment-type-img,
.select-time-frame-img,
.select-search-img,
.select-position-img {
    width: 17px;
    height: 9px;
    background: url(../png/2beivq.png);
    background-size: 100% 100%;
    margin-left: 10px;
}

.attachment-type-top span,
.time-frame-top span {
    height: 23px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
}

.select-search-top span,
.select-position-top span {
    height: 23px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    
}

.attachment-type-con,
.time-frame-con,
.select-search-con,
.select-position-con {
    position: relative;
}

.attachment-type-con .open .select-attachment-type-img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.time-frame-con .open .select-time-frame-img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.select-search-con .open .select-search-img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.select-position-con .open .select-position-img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}


.attachment-type-bottom,
.time-frame-bottom,
.select-search-bottom,
.select-position-bottom {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(175, 175, 175, 0.75);
    border-radius: 4px;
    padding: 10px;
    position: absolute;
    top: 40px;
    z-index: 2;
    display: none;
}

.time-frame-bottom,
.select-search-bottom,
.select-position-bottom {
    min-width: 120px;
}

.attachment-item,
.time-frame-item,
.select-search-item,
.select-position-item {
    background: #fff;
    border-radius: 4px;
    color: #333333;
    padding: 9px;
    cursor: pointer;
}


.attachment-type-bottom .on,
.time-frame-bottom .on,
.select-search-bottom .on,
.select-position-bottom .on {
    background: #F4F5F9;
    border-radius: 4px;
    color: #BD1A2D;
}

.time-frame-hr {
    width: 100%;
    height: 1px;
    background-color: #DCDCDC;
}

.time-frame-title {
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    padding: 9px;
    cursor: pointer;
}

.time-frame-input {
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    padding: 5px;
}

.time-frame-start,
.time-frame-end {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.time-frame-start span,
.time-frame-end span {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999999;
    margin-right: 10px;
}

.time-frame-btn {
    width: 80px;
    height: 30px;
    background: #EAEAEA;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    margin: 0 auto;
    cursor: pointer;
}

.time-frame-btn:hover {
    background: #BD1A2D;
    color: #FFFFFF;
}

.toolbar-drop {
    display: none;
}

.toolbar-tile {
    display: none;
}

.load-container {
    display: none;
    justify-content: space-around;
    align-items: center;
    width: 600px;
    height: 200px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 200px;
}

.loading-box {
    width: 134px;
    height: 121px;
    background-size: 100% 100%;
    animation: loading 2s linear infinite;
}

@keyframes loading {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(1turn);
    }
}

.load-container>.loading-box {
    background-image: url(../png/loktri.png);
}

.scene-con-right {
    width: 396px;
}

.table-row-item .row-item-content .row-item-con-title {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
    line-height: 21px;
}

.scene-top-info .search-result {
    margin-bottom: 0px;
}

.search-count .search-count-item .search-count-list .list-item .open .list-item-close-icon {
    width: 10px;
    height: 10px;
    background: url(../png/ay70f2.png);
    background-size: 100% 100%;
}


.scene-img-swiper,
.scene-video-swiper {
    overflow: hidden;
    position: relative;
}


.scene-img-swiper .item-image img {
    width: 250px;
    height: 184px;
    margin-bottom: 10px;
    border-radius: 12px 12px 0px 0px;
    transition-duration: 0.5s;
}


.scene-img-swiper .item-image {
    width: 250px;
}

.scene-img-swiper .item-image .image {
    width: 250px;
    height: 167px;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 10px;
}


.scene-img-swiper .title {
    font-size: 16px;
    padding: 0 10px;
    font-weight: 400;
    color: #333333;
    height: 18px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.scene-img-swiper .swiper-wrapper,
.scene-img-swiper .swiper-slide {
    height: 200px;
}

.scene-img-swiper a {
    width: 250px;
}

.scene-img-swiper .swiper-pagination {
    bottom: 0;
}

.scene-tab-result .scene-more,
.scene-category-list .scene-more {
    padding-top: 10px;
    text-align: right;
    font-size: 16px;
}

.scene-tab-result .scene-more a,
.scene-category-list .scene-more a {
    color: #2440B3;
    cursor: pointer;
}


.scene-video-swiper .item-video .video {
    border-radius: 12px;
    position: relative;
    margin-bottom: 10px;
    width: 250px;
    height: 167px;
    overflow: hidden;
}

.scene-video-swiper .swiper-wrapper,
.scene-video-swiper .swiper-slide {
    height: 200px;
}

.scene-video-swiper .item-video .video img {
    width: 250px;
    height: 184px;
    margin-bottom: 10px;
    border-radius: 12px;
    transition-duration: 0.5s;
}

.scene-video-swiper .item-video .title {
    width: 250px;
    padding-left: 4px;
    box-sizing: border-box;
    font-size: 16px;
    color: #333333;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.scene-img-swiper .swiper-button-prev,
.scene-img-swiper .swiper-button-next,
.scene-video-swiper .swiper-button-next,
.scene-video-swiper .swiper-button-prev {
    color: #999 !important;
}

.scene-img-swiper .swiper-button-next:after,
.scene-img-swiper .swiper-button-prev:after,
.scene-video-swiper .swiper-button-next:after,
.scene-video-swiper .swiper-button-prev:after {
    font-size: 16px !important;
    padding: 5px 10px;
    border-radius: 50px;
    line-height: unset !important;
    background-color: #fff;
}

.scene-img-swiper .swiper-button-prev,
.scene-video-swiper .swiper-button-prev {
    top: 45% !important;
    left: 3px !important;
}

.scene-img-swiper .swiper-button-next,
.scene-video-swiper .swiper-button-next {
    top: 45% !important;
    right: 3px !important;
}

ul,
li {
    padding: 0;
    margin: 0;
    list-style: none
}

.media-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.media-list .item-media {
    width: 179px;
    height: fit-content;
    position: relative;

}

.media-list .item-media img {
    width: 179px;
    height: 100%;
    vertical-align: bottom;
}

.media-list .item-media .media-title {
    width: 167px;
    position: absolute;
    bottom: 0;
    font-size: 12px;
    padding: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: rgba(0, 0, 0, 0.2);
    color: #ffffff;
}

.media-list .item-media .media-play {
    width: 16px;
    height: 16px;
    position: absolute;
    background: url("https://p.so-gov.cn/web/pc/enterprise/images/media-play.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    right: 3px;
    bottom: 25px;

}

.media-more-btn {
    width: 100%;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
    color: #666666;
    padding: 6px;
    background: #F2F2F2;
}


.vector-search {
    display: none;
    padding: 20px;
    background: linear-gradient(90deg, #D6EFF4, #E1EEFE, #EBE7F9);
    border-radius: 10px;
    margin-bottom: 20px;
}

.vector-head {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vector-head .vector-head-title {
    width: 650px;
    font-size: 20px;
    color: #333333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.vector-head .vector-head-disclaimer {
    font-size: 16px;
    color: #333333;
    cursor: pointer;
}

.vector-search .vector-content {
    padding: 20px;
    background: #ffffff;
    border-radius: 10px;
    position: relative;
}

.vector-search .vector-content .vector-content-loading .vector-content-loading-title {
    font-size: 16px;
    color: #333333;
    margin-bottom: 20px;
}


.ant-skeleton-paragraph>li {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.15) 37%, rgba(0, 0, 0, 0.06) 63%);
    background-size: 400% 100%;
    animation-name: css-9dx883-ant-skeleton-loading;
    animation-duration: 1.4s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    list-style: none;
    border-radius: 100px;
    margin-bottom: 25px;
    height: 10px !important;
}

@keyframes css-9dx883-ant-skeleton-loading {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

.vector-content .vector-content-detail .vector-content-detail-title {
    font-size: 16px;
    color: #222222;
    margin-bottom: 20px;
}

.vector-content .vector-content-detail .vector-content-detail-txt {
    font-size: 16px;
    color: #222222;
    line-height: 32px;
}

.vector-content .vector-content-detail .vector-content-detail-txt em {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1685e61f;
    color: #1685e6;
    margin: 0 2px;
}

.vector-content-detail .ref_docs {
    display: none;
}

.vector-content .vector-content-detail .em_chat_label,
.vector-content .vector-content-detail .em_a {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1685e61f;
    color: #1685e6;
    margin: 0 5px;
}

.vector-content .vector-content-detail .guide_box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.vector-content .vector-content-detail .guide_box .guide_item {
    background: #1685e61f;
    color: #1685e6;
    border: 2px solid rgba(22, 133, 230, .12);
    border-radius: 10px;
    padding: 10px 20px;
    margin: 10px 0;
    margin-right: 1%;
    cursor: pointer;
    text-align: center;
}

.vector-content .vector-content-detail .guide_box .guide_item:hover {
    border: 2px solid #1685E6;
    font-weight: 700;
}

.vector-content .vector-content-detail .guide_box .guide_item.has_type {
    background: #f5f2fc !important;
    border: 2px solid rgba(151, 119, 218, .5) !important;
    color: #9777da !important;
}

.vector-content .vector-content-detail .guide_box .guide_item.has_type:hover {
    border: 2px solid #9777DA !important;
}

.vector-content .vector-content-detail .inner_list {
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    width: 100%;
}

.vector-content .vector-content-detail .inner_list .activity_item {
    display: flex;
    justify-content: space-between;
    margin-left: -13px;
    max-width: calc(100% + 13px);
}

.vector-content .vector-content-detail .inner_list .activity_item * {
    display: inline-block;
    flex-shrink: 0;
}

.inner_list .activity_item .flex_span {
    position: relative;
    display: flex;
    align-items: center;
    width: 86%;
}

.inner_list .activity_item .flex_span .left_drop {
    width: 5px;
    height: 5px;
    background-color: #333;
    border-radius: 50%;
    position: absolute;
    top: 9px;
}

.inner_list .activity_item .flex_span a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-left: 13px;
    max-width: 98%;
}

.format_box .detail_title {
    font-weight: 700;
    line-height: 40px;
}

.format_box .detail_title a {
    background: #1685e61f;
    color: #1685e6;
    font-weight: 400;
    display: inline-block;
    border-radius: 10px;
    padding: 0 20px;
}

.format_box .field_sel_div {
    margin: 20px 0;
    display: flex;
}

.format_box .field_sel_div span {
    border: 1px solid #1685E6;
    color: #1685e6;
    border-radius: 16px;
    padding: 0 15px;
    line-height: 30px;
    margin: 0 5px;
    cursor: pointer;
}

.format_box .field_sel_div span.disabled {
    color: #fff !important;
    border: 1px solid #CAC8C8 !important;
    background: #cac8c8;
}

.format_box .field_sel_div span.disabled.c_n {
    cursor: not-allowed;
}

.guide_detail_table {
    border: 1px solid #1685E6;
    line-height: 30px;
}

.guide_detail_table .field_item {
    display: flex;
    white-space: nowrap;
}

.guide_detail_table .field_item.none {
    display: none;
}

.guide_detail_table .field_item+.field_item {
    border-top: 1px solid #1685E6;
}

.guide_detail_table .field_item>div {
    padding: 0 10px;
}

.guide_detail_table .field_item>div+div {
    border-left: 1px solid #1685E6;
}

.guide_detail_table .field_item .field_key {
    font-weight: 700;
}

.guide_detail_table .field_item .field_value {
    white-space: normal;
}

.vector-content-detail .ref_docs p {
    line-height: 2;
}

.vector-content .vector-content-detail .vector-content-detail-expend {
    display: none;
    left: 0;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 86%);
    content: " ";
    height: 170px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.vector-content .vector-content-detail .vector-content-detail-expend-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin: 0 auto;
    cursor: pointer;
    height: 100%;
    max-height: 50px;
    z-index: 999;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.vector-content .vector-content-detail .vector-content-detail-expend .vector-content-detail-expend-img {
    width: 16px;
    height: 9px;
    margin-left: 5px;
    background: url(../png/2v3wrs.png);
    background-size: 100% 100%;
}

.vector-content .vector-content-detail .vector-content-detail-expend .open .vector-content-detail-expend-img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}



.disclaimer-div {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, .45);
}

.disclaimer-div-draw {
    width: 790px;
    background: #FFFFFF;
    border-radius: 10px;
}

.disclaimer-div-draw .disclaimer-div-draw-head {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1658A0;
    padding: 15px 20px;
    position: relative;
}


.disclaimer-div-draw .disclaimer-div-draw-head .disclaimer-div-draw-head-title {
    font-size: 20px;
    color: #FEFEFE;
}

.disclaimer-div-draw .disclaimer-div-draw-head .disclaimer-div-draw-head-close {
    position: absolute;
    right: 20px;
    display: inline-block;
    width: 26px;
    height: 24px;
    background: url(../png/buz6eb.png);
    background-size: 100% 100%;
    cursor: pointer;
}

.disclaimer-div-draw .disclaimer-div-draw-content {
    padding: 30px;
    line-height: 30px;
}


.left-search-content .icon-word,
.left-search-content .icon-ppt,
.left-search-content .icon-excel,
.left-search-content .icon-txt,
.left-search-content .icon-rar,
.left-search-content .icon-pdf,
.left-search-content .icon-weixin,
.left-search-content .icon-weibo,
.left-search-content .icon-toutiao {
    width: 15px;
    height: 15px;
    margin-top: 3px;
    margin-right: unset
}