/* 通用样式 start */
body { font-family: "Microsoft YaHei", serif; } 
.xjContainer { width: 1200px; height:auto; margin: 0 auto; } 
.xjclearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.tsTop{border-radius: 4px;}
.tsTop a .tsLBImg{border-radius: 4px;}
.clearPadding::after { content: ""; display: table; clear: both; } /* 清除外边距 */
html { min-width: 1200px; } 
/* 通用样式 end */
#toast { position: fixed; top: 18%; left: 50%; padding: 10px; width: 240px; margin-left: -100px; background: #fff; color: #0673E0; text-align: center; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3); z-index: 999; font-size: 16px; transition: all 0.3s ease; visibility: hidden; opacity: 0; -webkit-transform: translate3d(0, -1rem, 0); transform: translate3d(0, -1rem, 0); } 
#toast.visible { visibility: visible; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } 
/* 页面自定义css样式 */
.mb-utils { display:none; } 
/* 头部背景 */
.xjBackground { width: 100%; height: 600px; position: absolute; left: 0; top: 0; } 
.xjBackground .swiper-slide img { width: 100%; height: 600px; object-fit: cover; } 

.xjheaderBox { position: relative; } 
.xjHeader { position: relative; height: 600px; z-index: 3; } 
/* top */
.xjTop { width: 100%; height: 97px; } 
.xjTopL { float: left; height: 71px; margin-top: 26px; } 
.xjLogo { float: left; margin-right: 30px; } 
.xjLogo img { float: left;  width: 300px; } 
.xjLocation { float: left; margin-top: 26px; width: 300px; height: 26px; background: url(/cms_files/filemanager/2062599219/picture/202412/C871C7223FD26894E1E524A6F5F2EC9B.png) left center no-repeat; background-size: 16px 20px; } 
.xjLocationTitle { float: left; height: 100%; line-height: 26px; margin-left: 26px; font-size: 16px; color: #fff; } 
.xjTopR { float: right; position: relative; } 

#xjLocationQh { width: 62px; height: 100%; float: left; margin-left: 16px; } 
.xjLocationQhBtn { display: inline-block; } 
#xjLocationQh .xjLocationQhBtn>a { line-height: 24px; color: #fff; padding-left: 8px; font-size: 14px; display: inline-block; width: 62px; height: 26px; border-radius: 4px; border: 1px solid #fff; background: url(/cms_files/filemanager/2062599219/picture/202412/1B6E190FE3712589CDFC6EFD6C127A4E.png) 41px center no-repeat; background-size: 11px 7px; } 

.xjTopRUl { margin-top: 20px; position: absolute; top: 0; right: 0; width: 800px; display: flex; justify-content: flex-end; } 
.xjTopRUl li { float: left; line-height: 30px; } 
.xjTopRUl li:first-child { margin-right: 20px; } 
.xjTopRUl li:nth-child(2),.xjTopRUl li:nth-child(3) { margin-right: 20px; } 
.xjTopRUl li a { font-size: 16px; color: #fff; } 
.xjZzms { width: 100px; height: 30px; border-radius: 4px; background: url(./zzms.png) no-repeat; } 
.xjZzms a { line-height: 30px; padding-left: 28px; background: url(/cms_files/filemanager/2062599219/picture/202412/197B4375412AC92B463760591C8F2FE1.png) 8px center no-repeat; background-size: 16px; } 
.xjDenglu { width: 73px; height: 30px; border-radius: 4px; background: url(./denglu.png) no-repeat; } 
.xjDenglu a { line-height: 30px; padding-left: 32px; background: url(/cms_files/filemanager/2062599219/picture/202412/F586A6A461E36296E37E58CC7E562B2F.png) 9px center no-repeat; background-size: 16px; } 

/* 导航 */
.xjNav { margin-top: 22px; height: 37px; } 
.xjNavUl { height: 100%; } 
.xjNavUl li { float: left; width: auto; height: 37px; margin-right: 60px; } 
.xjNavUl li a { display: block; height: 37px; font-size: 20px; line-height: 25px; font-weight: 400; color: #fff; }
.xjNavUl li:hover { border-bottom: 4px solid #72b2ff; } 
.xjNavUl li.active { border-bottom: 4px solid #72b2ff; } 

.xjWelcome {
    margin-top: 92px;
    height: 110px;
    display: flex;
    align-items: flex-end;
}
.xjWelcome p {
    font-size: 40px;
    color: #fff;
    padding-bottom: 30px;
}

/* 检索 */
.xjSearch { width: 570px; height: 104px; } 
.xjSearch form { width: 100%; height: 60px; } 
.xjInputBox { float: left; } 
.xjInputBox input { background: #fff; width: 480px; height: 60px; border: none; font-size: 18px; padding-left: 22px; color: #999; border-radius:8px 0 0 8px; } 
.xjBtnBox { float: right; } 
.xjBtnBox input { width: 90px; height: 60px; border: none; background: url(search.png) no-repeat; cursor: pointer; font-size: 20px; color: #fff; } 

/* 热词 start*/
.xjKeyWorlds { margin-top: 20px; } 
.xjKeyWorldsTitle { float: left; } 
.xjKeyWorldsTitle span { display: inline-block; background: url(tmbg.png) repeat-x; text-align: center; font-size: 16px; color: #fff; width: 80px; line-height: 24px; border-radius: 2px; } 
.xjKeyWorldsContent { float: left; width: 480px; height: 65px; overflow: auto; } 
.xjKeyWorldsContent { margin-left: 10px; } 
.xjKeyWorldsContent li { float: left; margin-bottom: 10px; height: 24px; line-height: 24px; padding: 0 8px; margin-right: 10px; background: url(tmbg.png) repeat-x; text-align: center; border-radius: 2px; } 
.xjKeyWorldsContent li a { color: #fff;     font-size: 16px;    display: inline-block;} 
.xjKeyWorldsContent::-webkit-scrollbar { width: 4px; } 
.xjKeyWorldsContent::-webkit-scrollbar-thumb { background-color: #72b2ff; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } 
.xjKeyWorldsContent::-webkit-scrollbar-track { background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } 
/* 热词 end */

/* 为您推荐 start*/
.xjRecommend { width: 100%; height: 80px; background: #f3f8fd; } 
.xjRecommendBox { padding: 20px 0; width: 100%; height: 100%; } 
.xjRecommendBox h5 { background: url(/cms_files/filemanager/2062599219/picture/202412/B7E2D25408D9A40A8383FE40530A3C7A.png) 0 center no-repeat; background-size: 25px; font-size: 22px; color: #333333; font-weight: 400; line-height: 40px; float: left; width: 178px; height: 40px; padding-left: 40px; } 
.xjRecommendList { float: left; width: 918px; height: 40px; overflow: hidden; } 
.xjRecommendList li { border-radius: 4px; float: left; max-width: 196px; height: 40px; margin-right: 20px; } 
.xjRecommendList li a { border-radius: 4px; display: block; background: #ffffff; padding: 0 10px; font-size: 16px; color: #333333; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;    font-weight: 400; } 
.xjRecommendList li:hover a { border-radius: 4px; color: #ffffff; background-color: #4493f5; } 
.xjRecommendH { border-radius: 4px; float: right; width: 104px; height: 40px; padding-left: 40px; background: url(/cms_files/filemanager/2062599219/picture/202412/1E78872C6DC5BD164664C6B9EDFE4456.png) 16px center no-repeat #ffffff; background-size: 16px; font-size: 16px; color: #4493f5; font-weight: 400; line-height: 40px; cursor: pointer; } 
.xjRecommendH:hover { color: #ffffff; background: url(/cms_files/filemanager/2062599219/picture/202412/4682E7D8F757FEFC74D2506ED1E00275.png) 16px center no-repeat #4493F5; background-size: 16px; border-radius: 4px; } 
/* 为您推荐 end */


/* 高效办成一件事 start */
.xjOnething { width: 100%; height: auto; margin: 60px 0; } 
.xjOnethingSwiper { margin-top: 20px; } 
.xjOnethingBox { width: 1345px; height: auto; margin: 0 auto; } 
.xjOnethingBox .xjOnethingTitle { float: left; font-size: 32px; font-weight: 400; color: #333; } 
.xjOnethingBox .xjMore {font-size: 16px; margin-top: 12px; width: 88px; height: 20px; float: right; background: url(xjMore.png) 70px center no-repeat; } 
.xjOnethingBox .xjMore:hover { background: url(/cms_files/filemanager/2062599219/picture/202412/3AC7B8B35C9B2F950B46EA7B770486A2.png) 70px center no-repeat; background-size: 16px; color: #4493F5; } 
.xjOnethingBox .xjOnethingTop { margin-bottom: 23px; } 
.xjOnethingQh { margin-bottom: 21px; position: absolute; top: -60px; left: 340px; } 
.xjOnethingQh li { margin-right: 16px; float: left; width: 112px; height: 36px; border-radius: 18px; border: solid 1px #cccccc; } 
.xjOnethingQh li a { display: inline-block; width: 100%; height: 100%; color: #666; line-height: 36px; text-align: center; font-size: 16px; } 

.xjOnethingQh li.active a { border-radius: 18px; background: #ebf5ff; font-size: 16px; color: #0673df; border: 1px solid #0673df; } 
.xjOnethingQh li.active { border: none; } 
.xjOnethingContent  .xjOnethingQh{width: 50%;}
/* 个人一件事 */
.xjOnething .xjOnethingBox .grButtonDisabled,.xjOnething .xjOnethingBox .frButtonDisabled{cursor: default;}
.xjOnethingContent { position: relative; } 
.onethingGr { width: 1240px; height: 272px; margin: 0 auto; padding: 0 20px; overflow: hidden; } 
.onethingGr .swiper-slide { height: 272px; } 
.onethingGrItem { position: relative; cursor: pointer; width: 277px; height: 272px; border-radius: 8px; background: #f3f8fd; } 
.onethingGrItemImg { width: 100%; height: 207px; } 
.onethingGrItemText { padding-left: 20px; width: 100%; height: 65px; line-height: 65px; color: #333333; font-size: 18px; } 
.onethingGrItemText a:hover { color: #0673e0; } 

.onethingBtn { display: none; padding-top: 34px; width: 100%; height: 207px; position: absolute; left: 0; top: 0; background: url(mengban.png) no-repeat; } 
.onethingBtnBox { padding-left: 81px; margin-bottom: 16px; } 
.onethingBtn a { color: #fff; font-size: 16px; text-align: center; border-radius: 4px; border: solid 1px rgba(255,255,255,0.67); background: rgba(0,30,59,0.37); display: inline-block; width: 116px; height: 36px; line-height: 36px; } 
.onethingBtn a:hover { border-radius: 4px; background: #0673e0; color: #ffffff; } 

.onthingGrNext { position: absolute; right: 0; top: 80px; width: 50px; height: 50px; box-shadow: 0 2px 10px 0 rgb(153 153 153 / 10%); border-radius: 50%; cursor: pointer; background: url(/cms_files/filemanager/2062599219/picture/202412/D8807A9B0582350DBFE04FD204B614FB.png) center center no-repeat; background-size: 50px 50px; } 
.onthingGrPrev { position: absolute; left: 0; top: 80px; width: 50px; height: 50px; box-shadow: 0 2px 10px 0 rgb(153 153 153 / 10%); border-radius: 50%; cursor: pointer; background: url(/cms_files/filemanager/2062599219/picture/202412/7298EDA208B7A5B02887005053247BF9.png) center center no-repeat; background-size: 50px 50px; } 


/* 法人 */
.onethingFr { width: 1240px; height: 272px; margin: 0 auto; padding: 0 20px; overflow: hidden; } 
.onethingFr .swiper-slide { height: 272px; } 
.onthingFrNext { position: absolute; right: 0; top: 80px; width: 50px; height: 50px; box-shadow: 0 2px 10px 0 rgb(153 153 153 / 10%); border-radius: 50%; cursor: pointer; background: url(/cms_files/filemanager/2062599219/picture/202412/D8807A9B0582350DBFE04FD204B614FB.png) center center no-repeat; background-size: 50px 50px; } 
.onthingFrPrev { position: absolute; left: 0; top: 80px; width: 50px; height: 50px; box-shadow: 0 2px 10px 0 rgb(153 153 153 / 10%); border-radius: 50%; cursor: pointer; background: url(/cms_files/filemanager/2062599219/picture/202412/7298EDA208B7A5B02887005053247BF9.png) center center no-repeat; background-size: 50px 50px; } 


/* 高效办成一件事 end */

/* 特色服务 start */
.xjServices { width: 100%; height: auto; margin-bottom: 60px; } 
.xjServicesContent { width: 100%; height: 325px; } 
.xjServicesContentLeft { position: relative; float: left; width: 400px; height: 100%; margin-right: 30px; } 


.xjServicesContentRight { float: left; width: 770px; height: 100%; } 
.xjServicesContentRight li { padding: 20px; float: left; width: 243px; height: 95px; border-radius: 8px; background: #f3f8fd; margin: 0 20px 20px 0; } 
.xjServicesContentRight li:nth-child(3n+3) { margin-right: 0; } 
.xjServicesContentRight li span { display: block; } 
.xjServicesContentRight li span:first-child { font-size: 18px; margin-bottom: 10px; } 
.xjServicesContentRight li span:last-child { font-size: 14px; color: #9e9d9d; } 
.xjServicesContentRight li:hover { background: #0673e0; } 
.xjServicesContentRight li:hover span { color: #fff; } 

.tsLB { width: 400px; height: 325px; } 
.tsTop { width: 100%; height: 225px; } 
.tsTop a { position: relative; } 
.tsTop i { width: 55px; height: 56px; position: absolute; } 
.tsTop i img { width: 55px; } 
.tsTop a .tsLBImg { width: 100%; height: 225px; } 
.tsBottom { width: 100%; height: 100px; background: #f3f8fd; padding-left: 20px;     border-radius: 8px;} 
.xjServicesTitle { width: 100%; padding-top: 20px; } 
.xjServicesTitle h5 { float: left; font-size: 22px; font-weight: 400; margin-right: 45px; } 
.xjServicesTitle span { margin-right: 10px; font-size: 14px; color: #0673e0; float: left; width: 76px; height: 30px; line-height: 30px; border-radius: 15px; border: solid 1px #0673e0; text-align: center; } 
.xjServicesCon { margin-top: 8px; } 
.xjServicesCon span { color: #666; font-size: 16px; } 
.xjServicesPagination { text-align: center; width: 100%; position: absolute; left: 0; bottom: 108px; z-index: 1; } 
.xjServicesPagination .swiper-pagination-bullet { width: 21px; height: 5px; border-radius: 3px; background: #ffffff; opacity: 1; margin-right: 10px; } 
.xjServicesPagination .swiper-pagination-bullet-active { width: 21px; height: 5px; border-radius: 3px; background: #ffab2c; } 
/* 特色服务 end */



.xjTitle { float: left; font-size: 32px; font-weight: 400; color: #333; } 
.xjMore { margin-top: 12px;font-size: 16px; width: 88px; height: 20px; float: right; background: url(xjMore.png) 70px center no-repeat; color: #666666;} 
.xjMore:hover { background: url(/cms_files/filemanager/2062599219/picture/202412/3AC7B8B35C9B2F950B46EA7B770486A2.png) 70px center no-repeat; background-size: 16px; color: #4493F5; } 
.xjTops { margin-bottom: 23px; height: 41px; } 
.xjTitleSynopsis { margin: 12px 0 0 20px; float: left; font-weight: 400; font-size: 16px; color: #999; } 

/* 个人服务&法人服务 start */
.xjPersonalAndLegal { width: 100%; height: auto; } 
.xjGrAndFrQhMore a { display: none; } 
.xrfTitle { height: auto; position: relative;} 
.xjGrAndFrQhHeader { float: left; } 
.xjGrAndFrQhMore { /* float: right; margin-top: 12px;  */height: 40px;  z-index: 2;width: 110px; height: 20px;position: absolute;right: 0px;top: 52px; } 
.xjGrAndFrQhMore .xjMore {  height: 20px; } 
.xjGrAndFrQhHeader li { float: left; font-size: 32px; color: #666; font-weight: 400; cursor: pointer; } 
.xjGrAndFrQhHeader li:first-child { padding-right: 30px; background: url(gfrline.png) right center no-repeat; } 
.xjGrAndFrQhHeader li:last-child { padding-left: 30px; } 
.xjGrAndFrQhHeader li.active span { color: #333; background: url(gfrHover.png) bottom center no-repeat; background-size: 100%; } 
.xjPersonalAndLegalInfo { font-size: 16px; color: #999; margin: 20px 0; } 


/* 个人服务列表 */
.xjPersonalService { padding-left: 2px; } 

/* 个人生命周期 */
.grfrItem { margin: 0 28px 30px 0; float: left; width: 278px; padding: 30px; height: 265px; background: #FFFFFF; box-shadow: 0px 2px 10px 0px rgba(153,153,153,0.2); border-radius: 8px; } 
.grfrItem:nth-child(4n+4) { margin-right: 0; } 
.grfrItem:hover { background: url(grfrItemHover.png) no-repeat; } 
.grfrItem h6 { margin-bottom: 16px; } 
.grfrItem h6 p { width: 45px; height: 45px; } 
.grfrItem h6 a { display: inline-block; margin-top: 20px; font-size: 18px; color: #000000; font-weight: 400; } 
.grfrItem ul li { font-size: 16px; color: #333333; line-height: 32px; } 
.grfrItem ul li a:hover { color: #4393F5; } 
/* 法人服务列表 */
/* 法人生命周期 */
.xjPersonalServiceCycle,.xjLegalServiceCycle { overflow: hidden; width: 100%; height: 94px; background: url(zhouqiBG.png) no-repeat; } 
.xjPersonalServiceCycle ul,.xjLegalServiceCycle ul,.xjPersonalServiceCycle h5,.xjLegalServiceCycle h5 { float: left; } 
.xjPersonalServiceCycle h5,.xjLegalServiceCycle h5 { margin: 34px 47px 0 30px; font-size: 20px; color: #000; font-weight: 400; } 
.xjPersonalServiceCycle ul,.xjLegalServiceCycle ul { margin-top: 25px; } 
.xjPersonalServiceCycle ul li,.xjLegalServiceCycle ul li { margin-right: 24px; float: left; background: #FFFFFF; box-shadow: 0px 0px 10px 0px rgba(0,72,167,0.15); border-radius: 23px; padding: 0 15px; height: 46px; line-height: 46px; font-size: 16px; color: #333333; text-align: center; } 
.xjPersonalServiceCycle ul li a,.xjLegalServiceCycle ul li a { padding-left: 15px; background: url(/cms_files/filemanager/2062599219/picture/202412/DD801ED4B90F9D0F81F0AC97E315CDC8.png) left center no-repeat; background-size: 8px; width: 100%; display: inline-block; font-weight: 500; } 
.xjPersonalServiceCycle ul li a:hover,.xjLegalServiceCycle ul li a:hover { color: #0673df; } 
/* 个人服务&法人服务 end */

/* 好差评start */
.xjHCP { margin-top: 62px; width: 100%; height: 500px; background: url(hcp.png) center center no-repeat; padding-top: 60px; } 
.xjHCP>.xjContainer { position: relative; } 
.xjHCP .xjTitle { color: #fff; } 
.xjHCP .xjMore { color: #fff; background: url(/cms_files/filemanager/2062599219/picture/202412/E0BE57A38AA6D039C5CEFB1481070DD0.png) 70px center no-repeat; background-size: 16px; } 
.xjHCP .xjMore:hover { background: url( /cms_files/filemanager/2062599219/picture/202412/DD0468D122B1F13B6C5823841D3CEF48.png) 70px center no-repeat; background-size: 16px; } 
.xjHCPContent { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 136px; padding: 23px 40px; background: #FFFFFF; border-radius: 8px; } 
.xjHCP .xjNumber { font-size: 42px; color: #0673E0; font-weight: 600; } 
.xjHCP .xjNumberCompany { font-size: 16px; color: #000; font-weight: 400; margin-left: 12px; } 
.xjHCP .xjHcpSM { text-align: center; font-size: 16px; color: #000; } 
.xjNumberBOx { text-align: center; } 
/* 好差评end */

/* 政务地图 start */
.xjMapBox { padding: 30px; position: absolute; left: 0; top: 260px;z-index:1; width: 100%; height: 565px; background: #FFFFFF; box-shadow: 0px 2px 10px 0px rgba(153,153,153,0.2); border-radius: 8px; } 
.xjLine { width: 100%; height: 456px; } 
.xjMapBox .xjTitle { color: #333; } 
.xjMapBoxInfo { position: relative; } 
.map { width: 100%; height: 440px; } 
.site { width: 400px; height: 400px; position: absolute; z-index: 999; left: 20px; top: 90px; } 
.siteSearch { width: 100%; height: 50px; margin-bottom: 8px; } 
.siteSearch input { float: left; padding-left: 20px; width: 350px; height: 50px; background: #FFFFFF; border: 1px solid rgba(233,236,246,1); box-shadow: 0px 2px 10px 0px rgba(153,153,153,0.5); border-radius: 4px; } 
.siteSearch button { border-radius: 0 4px 4px 0; float: left; width: 50px; height: 50px; background: url(/cms_files/filemanager/2062599219/picture/202412/9C5E6F60E65927D22D30CE3C40B5E1D0.png) center center no-repeat #0673e0; background-size: 18px; padding: 0; border: none; cursor: pointer; } 
.hallListContainer { padding: 20px; width: 100%; height: 325px; background: #FFFFFF; border: 1px solid rgba(233,236,246,1); box-shadow: 0px 2px 10px 0px rgba(153,153,153,0.2); border-radius: 8px; } 
.hallListContainer .hallList { overflow: auto; height: 100%; } 
.hallListContainer .hallList::-webkit-scrollbar { width: 4px; } 
.hallListContainer .hallList::-webkit-scrollbar-thumb { background-color: #72b2ff; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } 
.hallListContainer .hallList::-webkit-scrollbar-track { background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } 
.hallItem { margin-bottom: 15px; } 
.hallItem h6 { font-size: 16px; color: #333333; font-weight: 600; margin-bottom: 10px; cursor: pointer; } 
.mapTime,.mapPhone { font-size: 14px; color: #666666; margin-bottom: 8px; } 
.hallListLoading { text-align: center; } 
.hallListLoading img { width: 100px; } 
.notHallList { font-size: 16px; color: #666; text-align: center; } 
.mapAddress { font-size: 14px; color: #666666; } 
.xjMapBox .selected{background: #eee;border-radius: 4px;}
.xjMapBox .hallItem{padding: 10px;}
.xjMapBox .hallItem:hover{background: #eee;}
/* 政务地图 end */


/* 左下角弹框 start*/
.popupAnnouncement { border-radius: 5px; width: 335px; height: auto; min-height: 300px; overflow: hidden; z-index: 999; position: fixed; bottom: 0; left: 0; display: none; background-color: #fff; box-shadow: 0 2px 15px 0 rgb(153 153 153 / 50%); } 
 .popupAnnouncement .popupNav { margin-top: 5px; display: flex; align-items: center; justify-content: flex-end; color: #999; } 
 #countdown em { color: #666; margin-right: 2px; } 
 .popupAnnouncement .popupNav div:not(:last-child) { margin-right: 5px; } 
 .popupAnnouncement .popupNav .closure { height: 30px; width: 30px; cursor: pointer; background: url(guanbi.png) no-repeat center center; } 
 .no-show { cursor: pointer; font-size:16px;} 
 /* .popupAnnouncement .bd img { width: 292px; height: 156px; display: block; margin-bottom: 16px; } */
 /* 前/后按钮 */
 .popupAnnouncement .prev { position: absolute; top: 260px; right: 95px; } 
 .popupAnnouncement .next { position: absolute; top: 260px; right: 28px !important; } 
 .popupAnnouncement .prev,
 .popupAnnouncement .next { display: none; width: 48px; height: 40px; color: #008be5; font-size: 14px; } 
 .popupAnnouncement .next { left: auto; right: 3%; background-position: 8px 5px; } 
 .popupAnnouncement .prev:hover,
 .popupAnnouncement .next:hover { filter: alpha(opacity=100); opacity: 1; } 
 .popupMain { padding: 24px 24px 30px 24px; } 
 .popupTit { display: inline-block; width: 100%; text-align: center; font-size: 20px; font-weight: bold; color: #333333; margin: 15px 0; } 
 .popupContent { display: inline-block; line-height: 24px; font-size: 16px; text-align: left; width: 100%; } 
 
 .popupDetail { color: #1677ff; white-space: nowrap; } 
 .popupContent img { height: 152px; } 
/* 左下角弹框 end*/

.selectAreaMask { position: fixed; width: 100%; height: 100%; z-index: 9999; top: 0; left: 0; background-color: #00000020; display: flex; justify-content: center; align-items: center; } 
.selectAreaContainer { position: absolute; top:170px; width: 1200px; background: #ffffff; height: auto; border-radius: 4px; padding: 20px; box-shadow: 0px 2px 15px rgba(153,153,153,0.2); } 
.areaList,.deptList { display: flex; justify-content: start; flex-wrap: wrap; gap: 10px; } 
.selectArea { width: 100%; height: auto; border-bottom: 1px solid #e8e9ec; padding-bottom: 10px; } 
.selectArea .navigationList { overflow: hidden; padding-left: 44px; line-height: 30px; height: auto; min-height: 30px; margin-bottom: 12px; background: url(/cms_files/filemanager/2062599219/picture/202412/5146CA3E37F7507F8FD3AA432A272E2A.png) left center no-repeat; } 
.navigationList .navigationItem { float: left; cursor: pointer; margin-right: 15px; } 
.navigationList .navigationItem::after { content: ">"; margin-left: 10px; } 
.navigationList .navigationItem:last-child::after { content: ""; } 
.navigationItem { font-size: 18px; color: #0673e0; } 
.selectAreaHeader { width: 100%; height: auto; } 
.selectArea .areaList .areaItem { font-size: 14px; padding: 0 10px; color: #2b2f32; line-height: 40px; cursor: pointer; } 
.selectArea .areaList .areaItem:hover { border-radius: 4px; background: #eef4fe; color: #0673e0; } 
.selectDept { margin: 20px 0; } 
.selectDept .selectDeptHeader { display: flex; justify-content: space-between; margin-bottom: 20px; } 
.selectDept .map { width:auto; height:auto; display: flex; justify-content: space-between; } 
.selectDept .map .navigationList { line-height: 30px; border-radius: 4px; background: url(/cms_files/filemanager/2062599219/picture/202412/3D7AA4D855577C40670807CF6E0AEB11.png) right center no-repeat #0673e0; padding: 0 10px; } 
.selectDept .map .navigationList .navigationItem { color: #ffffff; font-size: 14px; line-height: 30px; margin-right: 8px; } 
.selectDept .map button { height: 30px; width: 85px; margin-left: 10px; background: #eef4fe; color: #0673e0; border: 1px solid #eee; cursor: pointer; border-radius: 4px; font-size:14px; } 
.selectDept .searchDept .searchDeptInput { border: 1px solid #13a0ec; padding-left: 15px; height: 30px; line-height: 30px; border-radius: 4px 0 0 4px; font-size: 14px; } 
.selectDept .searchDept .searchDeptBtn { font-size: 14px; padding: 0 10px; border: none; background: #0673e0; cursor: pointer; height: 30px; line-height: 30px; color: #fff; border-radius: 0 4px 4px 0; } 
.selectDept .searchDept { display: flex; justify-content: space-between; } 
.selectDept .deptList { color: #333;height: auto;max-height: 280px; overflow-x: hidden; display: flex; flex-wrap: wrap; align-content: flex-start; }
.selectDept .deptList .deptItem { width: 24%; font-size: 14px; line-height: 25px; cursor: pointer; display: inline-block; margin-bottom: 23px; padding-right: 16px; } 
.selectDept .deptList .deptItem:hover { color: #0673e0; } 
.selectDept .deptList::-webkit-scrollbar { width: 4px; } 
.selectDept .deptList::-webkit-scrollbar-thumb { background-color: #72b2ff; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } 
.selectDept .deptList::-webkit-scrollbar-track { background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } 
.QhallListLoading { text-align: center; position: absolute; top: 50%; left: 50%; } 
.QhallListLoading img { width: 100px; } 
/* 选择区域 end */


/* 联想词 start */
.associational { position: relative; z-index: 2; top: 0; display: none; border-radius: 4px; width: 480px; height: auto; background: rgba(255, 255, 255, 0.9); padding: 10px 10px 10px 21px; box-shadow: 0 0 5px #999990; } 
.associational .associational-content { height: auto; width: 100%; } 
.associational .associational-content li { font-size: 14px; color: #333333; display: block; line-height: 2.5; } 
.associational .associational-content li a { font-size: 14px; color: #333333; } 
/* 联想词 end */
/* 登录成功后 start */
.xjLogin_success { position: relative; justify-content: flex-start; width: auto; height: 30px; border-radius: 4px; background: #72a1ff; text-align: center; color: #fff;padding: 0 5px; } 
.xjLogin_success .select-box { display: none; position: absolute; width: 100px; height: auto; right: 1px; top: 28px; background: #ffffff; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); z-index: 100; border-radius: 4px; } 
.xjLogin_success .select-box:before { display: block; box-sizing: content-box; width: 10px; height: 10px; background: #333333; z-index: 9999; } 
.xjLogin_success .select-box ul { box-sizing: border-box; display: block; width: 100%; height: 100%; } 
.xjLogin_success .select-box ul li { margin-left: 0; box-sizing: border-box; width: 100%; height: 33%; line-height: 40px; color: #333333; padding: 0 10px; } 
.xjLogin_success .select-box ul li:first-child { border-top: none; } 
.xjLogin_success .select-box ul li a { display: block; border-top: 1px solid #e8e8e8; box-sizing: border-box; width: 100%; height: 100%; line-height: 40px; color: #333333; font-size: 14px; } 
.xjLogin_success .select-box ul li a:hover { color: #0673df; } 
.xjLogin_success .select-box ul li:first-child a { border-top: none; } 
.xjLogin_success .select-box ul li a img { width: 16px; height: 16px; vertical-align: middle; margin-right: 6px; margin-left: 0; } 
.xjLogin_success .select-box ul li span { color: #333333; font-size: 14px; margin-left: -3px; } 
.xjLogin_success .xjLogin { display: flex; justify-content: center; line-height: 30px; } 
.xjLogin_success .xjLogin .photo { width: 16px; height: 16px; margin-top: 7px; margin-right: 5px; vertical-align: middle; } 
.xjLogin_success .xjLogin .select { margin-left: 5px; width: 9px; height: 5px; vertical-align: middle; } 
.xjName{font-size: 16px;}
/* 登录成功后 end */

/* 一件事弹框 start */
.oneThingMask {position: fixed;width: 100%;height: 100%; z-index: 9999; top: 0; left: 0; background-color: #00000020; display: flex; justify-content: center; align-items: center;}
.oneThingContainer {width: 780px;background: #ffffff;height: auto;    border-radius: 4px;box-shadow: 0px 2px 15px rgba(153,153,153,0.2);}
.oneThingTitle{width: 100%;height: 50px;line-height: 50px;color: #fff;font-size: 16px;text-align: center; background: #0673df;border-radius: 4px 4px 0 0;}
.oneThingContent{padding: 20px;}
.oneThingNavigation{padding-bottom: 10px;width: 100%;height: auto;line-height: 30px;border-bottom: 1px solid #ededed;font-weight: 700;overflow: hidden;}
.oneThingNavigation li{float: left;margin-right: 10px;cursor: pointer;}
.oneThingAreaList{width: 100%;height: auto;overflow: hidden;padding: 20px 0;}
.oneThingAreaList li{float: left;cursor: pointer;margin: 0 40px 24px 0;font-size: 16px;color: #333;}
.oneThingAreaList li:hover{color: #0673df;}
.oneThingFooter{width: 100%;height: 40px;line-height: 40px;text-align: center;}
.oneThingFooter .okBtn,.oneThingFooter .qxBtn{width: 70px;height: 100%;border-radius: 4px;cursor: pointer;font-size: 14px;}
.oneThingFooter .okBtn{background: #0673df;color: #fff;border: none;}
.oneThingFooter .qxBtn{border: 1px solid #0673df; color: #0673df;background: #fff;}
.oneThingFooter .okBtn.isDisabled{cursor: not-allowed;background: #8fabff;}
.oneThingAreaList li.selected {color: #0673df;}
/* 一件事弹框 end */
/* 登录注册样式新增 start */
.xjDenglu { display: flex; justify-content: center; width: 97px; background: url(/cms_files/filemanager/2062599219/picture/20251/AEB88811B33A13B8057E1E8AE02B41D1.png) no-repeat; background-size: 100%; } 
.xjTopRUl .xjDenglu a { padding-left: 0; background: none; font-size: 16px; } 
.xjDenglu span { color: #fff; } 
.xjDenglu .xjLines { padding: 0 8px; background: url(/cms_files/filemanager/2062599219/picture/20251/8CCDEAA6BD6712689919C1E4FACF6FCF.png) center center no-repeat; background-size: 1px; } 
#xjRegBox{position: relative;}
#xjRegBox .xjReg { font-size: 16px; cursor: default; } 
.xjRegHover {border-radius: 4px; display: none; position: absolute; left: -30px; top: 30px; width: 120px; height: 90px; padding: 10px; background-color: #ffffff; -webkit-box-shadow: 0 2px 10px 0 rgba(153, 153, 153, 0.3); -moz-box-shadow: 0 2px 10px 0 rgba(153, 153, 153, 0.3); -o-box-shadow: 0 2px 10px 0 rgba(153, 153, 153, 0.3); box-shadow: 0 2px 10px 0 rgba(153, 153, 153, 0.3); opacity: 0.97; z-index: 99; } 
#xjRegBox .xjRegHover:after { content: ""; position: absolute; top: -5px; left: 40px; width: 15px; height: 15px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #ffffff; } 
#xjRegBox .xjRegHover li:first-child { border-bottom: 1px solid #e8e8e8; margin: 0; } 
#xjRegBox .xjRegHover li { margin: 0; line-height: 35px; height: 35px; width: 100%; text-align: center;} 
#xjRegBox .xjRegHover li a:first-child { font-size: 14px; color: #666666; } 
#xjRegBox .xjRegHover li a:hover { color: #4393F5; } 
/* 登录注册样式新增 end */