* {
    margin: 0;
    padding: 0;
}

ul, ol {
    list-style: none;
}

a {
    text-decoration: none;
}

.hideDom {
    display: none;
}

body {
    font-size: 14px;
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";
    color: #222;
}

html, body {
    height: 100%;
    width: 100%;

}

.layui-table-view, .layui-table {
    margin: 0
}

input {
    outline: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.clear {
    zoom: 1
}
.text-center{text-align: center}
.img-responsive {
    display: inline-block;
    height: 200px;
    max-width: 100%;
}


.header-inner {
    width: 1280px;
    margin: 0 auto;
    color: #fff;
}

.admin-box {
    line-height: 80px;
    font-size: 16px;
}

.admin-box .region {
    border: 1px solid transparent;
    height: 25px;
    width: 90px;
    margin-right: 15px;
    background: transparent;
    color: white;
    font-size: 16px;
    cursor: pointer;
}

.admin-box .region option {
    background: #f8f8f8;
    color: #555;
}

.admin-box .region option:first-child {
    font-weight: bold;
}


.admin-box .agency {
    border: 1px solid transparent;
    height: 25px;
    width: 120px;
    margin: 5px;
    background: transparent;
    color: white;
    font-size: 16px;
    cursor: pointer;
}

.admin-box .agency option {
    background: #f8f8f8;
    color: #555;
}

.admin-box .agency option:first-child {
    font-weight: bold;
}




.admin-box a.btn-return{
color: #fff;
    padding-right: 10px;
}
.admin-box a.btn-return img{
    vertical-align: middle;
    margin-top: -4px;
    padding-right: 10px;
}
.admin-box a:hover{
    color: orange;
}

.admin-box a.btn-circle{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    padding: 0 20px;
    margin: 0 5px;
}
.admin-box a.btn-circle:hover{
    background: #037edb;
}
.exit{
    /*height: 20px;*/
    /*background: url(../images/icon-exit.png) no-repeat left center;*/
    color: #fff;
    padding-left: 10px;
}
.exit:hover{
    color: #00ccff;
}
.index-content {
    height: calc(100% - 260px);
    width: 1280px;
    margin: 30px auto;
    overflow-y: auto;
}
.role{
    text-align: center;
    padding-bottom: 30px;
    position: relative;
}
.role strong{
    font-size: 32px;
    padding: 0 20px;
}
.role img{
    height: 20px;
    width: 168px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    top: 30px;
}
.icon-module {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.icon-module a {
    height: 280px;
    display: block;
    flex: 0 0 calc((100% - 60px) / 4);
    text-align: center;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 5px 10px 1px rgba(49, 49, 49, 0.2);
    color: #222;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.icon-module a:hover{
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.icon-module a:nth-of-type(2),
.icon-module a:nth-of-type(6) {
    margin: 0 20px;
}

.icon-module a:nth-of-type(3),
.icon-module a:nth-of-type(7) {
    margin-right: 20px;
}

.icon-module a:nth-of-type(1),
.icon-module a:nth-of-type(2),
.icon-module a:nth-of-type(3),
.icon-module a:nth-of-type(4) {
    margin-bottom: 20px;
}

.icon-border-img {
    height: 140px;
    line-height: 140px;
    background-size: 100% 100% !important;
}

.icon-border-img img {
    vertical-align: middle;
}

.icon-person-box {
    background: url(../images/icon-person-box.png) no-repeat;
}

.icon-kfs-box {
    background: url(../images/icon-kfs-box.png) no-repeat;
}

.icon-bank-box {
    background: url(../images/icon-bank-box.png) no-repeat;
}

.icon-daiban-box {
    background: url(../images/icon-daiban-box.png) no-repeat;
}

.icon-qiye-box {
    background: url(../images/icon-qiye-box.png) no-repeat;
}

.icon-fayuan-box {
    background: url(../images/icon-fayuan-box.png) no-repeat;
}

.icon-zhongxin-box {
    background: url(../images/icon-zhongxin-box.png) no-repeat;
}

.icon-xxgk-box {
    background: url(../images/icon-xxgk-box.png) no-repeat;
}

.h3-title {
    font-size: 20px;
    padding: 15px 0;
}

/**/
.locate{
    width: 1280px;
    margin: 10px auto;
}
.locate p{
    height: 20px;
    background: url(../images/icon_location.png) no-repeat left center;
    padding-left: 20px;
    vertical-align: middle;
}
.locate a{color: #222}

.color-active{
    color: #0e80d8 !important;
    font-size: 14px;
}
.container {
    width: 1280px;
    margin: 0 auto;
}

.site-title {
    border-bottom: 1px solid #e2e2e2;
}

.power-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.power-box a {
    height: 180px;
    flex: 0 0 calc((100% - 90px) / 5);
    background: #fff;
    border: 1px solid #ebedf0;
    text-align: center;
    margin-left: 20px;
    box-shadow: 0 0px 4px 1px rgba(49, 49, 49, 0.1);
    margin-bottom: 20px;
}
.power-box a:hover{
    border: 1px solid #217af0;
    box-shadow: 0px 0px 15px rgba(37, 125, 242, .27);
}
.power-box a:nth-of-type(1),
.power-box a:nth-of-type(6),
.power-box a:nth-of-type(11),
.power-box a:nth-of-type(16){
    margin-left: 0px;
}
.power-box a .icon {
    display: inline-block;
    height: 110px;
    width: 110px;
    margin-top: 20px;
}

/*我是个人*/
.icon-wygh{
    background: url("../images/icon-wygh.png")  no-repeat;
}
.icon-wydy{
    background: url("../images/icon-wyhy.png")  no-repeat;
}
.icon-bzhz{
    background: url("../images/icon-bzhz.png")  no-repeat;
}
.icon-wybg{
    background: url("../images/icon-wybg.png")  no-repeat;
}
.icon-wyyg{
    background: url("../images/icon-wyyg.png")  no-repeat;
}
.icon-wyzx{
    background: url("../images/icon-wyzx.png")  no-repeat;
}
.icon-wygz{
    background: url("../images/icon-wygz.png")  no-repeat;
}
.icon-zhqt{
    background: url("../images/icon-zhqt.png")  no-repeat;
}
.icon-wdyw{
    background: url("../images/icon-wdyw.png")  no-repeat;
}
.icon-wdzz{
    background: url("../images/icon-wdzz.png")  no-repeat;
}
.icon-buyhouse{
    background: url("../images/icon-buyhouse.png")  no-repeat;
}
.icon-sellhouse{
    background: url("../images/icon-sellhouse.png")  no-repeat;
}
/*我是个人-我要过户*/
.icon-next-wymf{
    background: url("../images/icon-next-wymf.png")  no-repeat;
}
.icon-next-fqzy{
    background: url("../images/icon-next-fqzy.png")  no-repeat;
}
.icon-next-fenjia{
    background: url("../images/icon-next-fenjia.png")  no-repeat;
}
.icon-next-cjzy{
    background: url("../images/icon-next-cjzy.png")  no-repeat;
}
.icon-next-grqy{
    background: url("../images/icon-next-grqy.png")  no-repeat;
}
.icon-next-xjspf{
    background: url("../images/icon-next-xjspf.png")  no-repeat;
}
/*我是个人-我要抵押*/
.icon-next-dyzx{
    background: url("../images/icon-next-dyzx.png")  no-repeat;
}
.icon-next-wydy{
    background: url("../images/icon-next-wydy.png")  no-repeat;
}
.icon-next-dyzy{
    background: url("../images/icon-next-dyzy.png")  no-repeat;
}
/*我是个人-补证换证*/
.icon-next-dyzmbz{
    background: url("../images/icon-next-dyzmbz.png")  no-repeat;
}
.icon-next-dyzmhz{
    background: url("../images/icon-next-dyzmhz.png")  no-repeat;
}
.icon-next-wybz{
    background: url("../images/icon-next-wybz.png")  no-repeat;
}
.icon-next-wyhz{
    background: url("../images/icon-next-wyhz.png")  no-repeat;
}
.icon-next-ygzmbz{
    background: url("../images/icon-next-ygzmbz.png")  no-repeat;
}
.icon-next-ygzmhz{
    background: url("../images/icon-next-ygzmhz.png")  no-repeat;
}
.icon-next-dyzmgz{
    background: url("../images/icon-next-dyzmgz.png")  no-repeat;
}
.icon-next-ygzmgz{
    background: url("../images/icon-next-ygzmgz.png")  no-repeat;
}
/*我是个人-我要变更*/
.icon-next-namebg{
    background: url("../images/icon-next-namebg.png")  no-repeat;
}
.icon-next-zlbg{
    background: url("../images/icon-next-zlbg.png")  no-repeat;
}
/*我是个人-我要预告*/
.icon-next-esf{
    background: url("../images/icon-next-esf.png")  no-repeat;
}
/*我是个人-我要注销*/
.icon-next-fangqi{
    background: url("../images/icon-next-fangqi.png")  no-repeat;
}
.icon-next-mszx{
    background: url("../images/icon-next-mszx.png")  no-repeat;
}
/*我是个人-我要更正*/
.icon-next-dyzmgz{
    background: url("../images/icon-next-dyzmgz.png")  no-repeat;
}
.icon-next-zsgz{
    background: url("../images/icon-next-zsgz.png")  no-repeat;
}
.icon-next-ygzmgz{
    background: url("../images/icon-next-ygzmgz.png")  no-repeat;
}
/*我是个人-综合其他*/
.icon-next-wyhy{
    background: url("../images/icon-next-wyhy.png")  no-repeat;
}
.icon-next-wyjf{
    background: url("../images/icon-next-wyjf.png")  no-repeat;
}
.icon-next-wycd{
    background: url("../images/icon-next-wycd.png")  no-repeat;
}
.icon-next-yuyue{
    background: url("../images/icon-next-yuyue.png")  no-repeat;
}
.icon-next-bsjd{
    background: url("../images/icon-next-bsjd.png")  no-repeat;
}
.icon-next-yjjd{
    background: url("../images/icon-next-yjjd.png")  no-repeat;
}
.icon-next-grbdc{
    background: url("../images/icon-next-grbdc.png")  no-repeat;
}
.icon-next-zdt{
    background: url("../images/icon-next-zdt.png")  no-repeat;
}
.icon-next-flhgxr{
    background: url("../images/icon-next-flhgxr.png")  no-repeat;
}
.icon-next-qszm{
    background: url("../images/icon-next-qszm.png")  no-repeat;
}
.icon-next-grfc{
    background: url("../images/icon-next-grfc.png")  no-repeat;
}
.icon-next-jtfc{
    background: url("../images/icon-next-jtfc.png")  no-repeat;
}
/*我是开发商*/
.icon-ygdj{
    background: url("../images/icon-ygdj.png")  no-repeat;
}
.icon-spfzy{
    background: url("../images/icon-spfzy.png")  no-repeat;
}
.icon-scdj{
    background: url("../images/icon-scdj.png")  no-repeat;
}
.icon-wyba{
    background: url("../images/icon-wyba.png")  no-repeat;
}
.icon-wyba{
    background: url("../images/icon-wyba.png")  no-repeat;
}
.icon-fwsq{
    background: url("../images/icon-fwsq.png")  no-repeat;
}
.icon-dailiren{
    background: url("../images/icon-dailiren.png")  no-repeat;
}

/*我是银行*/
.icon-ydydj{
    background: url("../images/icon-ydydj.png")  no-repeat;
}
.icon-dydj{
    background: url("../images/icon-dydj.png")  no-repeat;
}
.icon-ydyzx{
    background: url("../images/icon-ydyzx.png")  no-repeat;
}
.icon-dyzx{
    background: url("../images/icon-dyzx.png")  no-repeat;
}
.icon-dybgdj{
    background: url("../images/icon-dybgdj.png")  no-repeat;
}
.icon-dyzydj{
    background: url("../images/icon-dyzydj.png")  no-repeat;
}
.icon-wyjf{
    background: url("../images/icon-wyjf.png")  no-repeat;
}
.icon-cxzz{
    background: url("../images/icon-cxzz.png")  no-repeat;
}
/*我是代办*/
.icon-esf{
    background: url("../images/icon-esf.png")  no-repeat;
}
.icon-fenjia{
    background: url("../images/icon-fenjia.png")  no-repeat;
}
.icon-jc {
    background: url("../images/icon-jc.png")  no-repeat;
}
/*我是企业*/
.icon-clfzy{
    background: url("../images/icon-clfzy.png")  no-repeat;
}
.icon-namebg{
    background: url("../images/icon-namebg.png")  no-repeat;
}
.icon-zlbg{
    background: url("../images/icon-zlbg.png")  no-repeat;
}
.icon-cjzy{
    background: url("../images/icon-cjzy.png")  no-repeat;
}
.icon-wyhy{
    background: url("../images/icon-wyhy.png")  no-repeat;
}
.icon-zsbz{
    background: url("../images/icon-zsbz.png")  no-repeat;
}
.icon-firstdj{
    background: url("../images/icon-firstdj.png")  no-repeat;
}
.icon-bgdj{
    background: url("../images/icon-bgdj.png")  no-repeat;
}
.icon-zydj{
    background: url("../images/icon-zydj.png")  no-repeat;
}
.icon-zshz{
    background: url("../images/icon-zshz.png")  no-repeat;
}
.icon-zsgz{
    background: url("../images/icon-zsgz.png")  no-repeat;
}
.icon-fqbdc{
    background: url("../images/icon-fqbdc.png")  no-repeat;
}
.icon-mszx{
    background: url("../images/icon-mszx.png")  no-repeat;
}
/*.icon-gyzydj{*/
/*    background: url("../images/icon-gyzydj.png")  no-repeat;*/
/*}*/
/*我是法院*/
.icon-cfdj{
    background: url("../images/icon-cfdj.png")  no-repeat;
}
.icon-jfdj{
    background: url("../images/icon-jfdj.png")  no-repeat;
}
.icon-xucfdj{
    background: url("../images/icon-xucfdj.png")  no-repeat;
}
.icon-yucfdj{
    background: url("../images/icon-yucfdj.png")  no-repeat;
}
.icon-bdccx{
    background: url("../images/icon-bdccx.png")  no-repeat;
}
/*我是中心 */
.icon-wysl{
    background: url("../images/icon-yesl.png")  no-repeat;
}
.icon-wycx{
    background: url("../images/icon-shuju.png")  no-repeat;
}
.icon-wddb{
    background: url("../images/icon-backlog.png")  no-repeat;
}
.icon-wdyw{
    background: url("../images/icon-wdyw.png")  no-repeat;
}
.icon-wydz{
    background: url("../images/icon-print.png")  no-repeat;
}


.power-box a h3 {
    font-size:20px;
    font-weight: 600;
}

.left20 {
    margin-left: 20px;
}

.yewu-modle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.title-lg {
    font-size: 26px;
}

.btn-more {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    background: #ecf5ff;
    color: #3c97f5;
    border: 1px solid #3c97f5;
    border-radius: 4px;
}

/*底部*/
.footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 15px 0;
    background: #037edb;
}

.footer-top {
    border-bottom: 1px solid #3598e2;
}

.footer-btn {
    width: 1280px;
    margin: 30px auto;
    display: flex;
    flex-direction: row;
}

.footer-btn a {
    display: block;
    flex: 0 0 calc((100% - 180px) / 4);
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: rgba(255, 255, 255, .2);
}

.footer-btn a:hover {
    opacity: .9;
}

.footer-top a:nth-of-type(2) {
    margin: 0 60px;
}

.footer-top a:nth-of-type(3) {
    margin-right: 60px;
}

.footer-bot {
    text-align: center;
}

.footer-bot p {
    font-size: 16px;
    line-height: 40px;
    color: #fff;
}

/**/
.container-fluid {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.clildFrame {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.childContent{
    flex-grow: 1;
}
iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
    vertical-align: top;
}

.ydxz-container {
    height: calc(100% - 70px);
    width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.banli-footer {
    height: 50px;
    width: 100%;
    background: #f8f8f8;
    position: absolute;
    bottom: 0;
    padding: 10px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.layui-form-item .layui-form-checkbox[lay-skin=primary] {
    margin-top: 0px;
}

/*进度条*/
.module-flex {
    margin: 10px 0;
}

.nav-item {
    width: 19.9%;
}

.btn-kuai {
    background: #ededed;
    color: #222;
    text-align: center;
    margin-right: 6px;
    border-radius: 4px;
    padding: 0 2px;
    background-size: 100% 100% !important;
}

.activefinish {
    background: url(../images/activeone.png) no-repeat;
    color: #fff;
}

/*.activetwo{*/
/*	background: url(../images/activetwo.png) no-repeat;*/
/*	color: #fff;*/
/*}*/
/*.activethree{*/
/*	background: url(../images/activethree.png) no-repeat;*/
/*	color: #fff;*/
/*}*/
.activeprocess {
    background: url(../images/activefour.png) no-repeat;
    color: #fff;
}

.activefive {
    background: url(../images/activefive.png) no-repeat;
    color: #fff;
}

.btn-kuai {
    height: 70px;
    line-height: 70px;
    font-size: 22px;
}

.module-cont {
    flex: 1;
    overflow-y: auto;
}

.banli-title {
    color: #e30000;
    text-align: center;
    font-size: 30px;
}

.banli-text {
    padding: 15px;
    font-size: 16px;
}

.banli-text p {
    line-height: 30px;
    padding-bottom: 15px;
}

.label-reading {
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
}

/*table样式*/
.layui-table{
    background: #f8f8f8;
}
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
    border-color: #dedede;
}
.layui-table {
    color: #222;
}
.layui-table th {
    font-weight: 600;
}
.layui-table thead tr{
    background: #cdcdcd;
}
.layui-table tbody tr:nth-of-type(even){
    /*background: #e8e8e8;*/
}
.layui-table td, .layui-table th {
    padding: 12px 15px;
}
.layui-table tbody tr:hover{
    /*background: #fffde9;*/
}

.layui-table tbody tr:nth-of-type(even){
/*	background: #f1f5f9;*/
}
.even {
    /*background: #f1f5f9;*/
    text-align: center;
}

.layui-table tbody tr:hover {
    /*background: #fffde9;*/
}

.layui-table td.table_input {
    padding: 5px;
}

.normal-title {
    font-size: 26px;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 5px;
}
.bdc-title{font-size: 16px;padding: 15px 0;text-align: center}
.td-title {
    font-size: 26px !important;
    font-weight: 700;
    background: #fff;
    border-left: none !important;
    padding: 15px 0 !important;
}

.divRight {
    display: inline;
    float: right;
    clear: both;
}

.tableInputtableToolBar {
    padding: 5px 0;
}

.span-middle {
    display: inline-block;
    vertical-align: middle;
    padding-top: 4px;
}

.problembox {
    /*height: 120px;*/
    padding: 8px;
    background: rgb(255, 250, 243);
    position: relative;
    margin-bottom: 10px;
}

.problembox .layui-form-item {
    margin-bottom: 0;
}

.diaocha-text {
    height: calc(100vh - 212px);
    overflow-y: auto;
}

.diaocha-text p {
    font-size: 18px;
    margin-left: 40px;
}

.diaocha_num {
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    text-align: center;
    color: rgb(255, 255, 255);
    font-style: normal;
    margin-right: 10px;
    margin-top: 10px;
    position: absolute;
    left: 10px;
    top: 0;
    background: rgb(238, 150, 36);
}

/*我要受理*/
.remind {
    background: #ecefff;
    padding: 15px;
    border-radius: 6px;
    margin: 10px 0;
}

.remind p {
    line-height: 30px;
}

.red {
    color: #f00
}

.modus-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow-y: auto;
    height: calc(100% - 45px);

}

.modus-box div.h-mdus {
    height: 300px;
    flex: 0 0 calc((100% - 60px) / 4);
    background: #FFF;
    margin: 5px;
    border: 1px solid #ccc;
}

.modus-box div.h-mdus .title {
    height: 26px;
    line-height: 26px;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    background: url(../images/position_bg.png) repeat-x;
}

.h-ul {
    height: 240px;
    overflow-y: auto;
}

.h-ul li a {
    display: inline-block;
    font-size: 16px;
    color: #222;
    background: url(../images/icon-point.png) no-repeat 10px center;
    padding-left: 40px;
    height: 40px;
    line-height: 40px;
}

.h-ul li a:hover {
    color: #1e9fff
}

::-webkit-scrollbar {
    width: 0;
    height: 10px;
    /*background-color: #eee;*/
}

::-webkit-scrollbar-thumb {
    background: #dedede;
    border-radius: 10px;
}

::-webkit-scrollbar-track-piece {
    background: transparent;
}

/*上传附件*/
.loupan-container {
    width: 100%;
    height: 98%;
    overflow: auto;
    margin: 0 auto;
}

.hint {
    height: 78px;
    line-height: 78px;
    background: #fff3e4;
    border: 1px solid #f08611;
    color: #f08611;
    font-weight: bold;
    border-radius: 10px;
    font-size: 36px;
    text-align: center;
}

.loupan-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 10px 0;
    padding-bottom: 20px;
}

.loupan-box .loupan-box-info {
    height: 320px;
    flex: 0 0 calc((100% - 30px) / 2);
    background: #e7f5ff;
    border: 1px solid #0084c9;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, .2);
    margin: 5px;
}

.info-title {
    height: 50px;
    line-height: 50px;
    background: -webkit-linear-gradient(top, #0077d2, #0091ff);
    background: -moz-linear-gradient(top, #0077d2, #0091ff);
    background: -webkit-gradient(linear, top, bottom, from(#0077d2), to(#0091ff));
    background: linear-gradient(top, #0077d2, #0091ff);
    background: -ms-linear-gradient(top, #0077d2, #0091ff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0077d2, endColorstr=#0091ff);
    color: #fff;
    font-size: 24px;
    border-radius: 20px 20px 0 0;
    text-align: center;
}

.info-btn a {
    display: inline-block;
    line-height: 30px;
    text-align: center;
    background: #2298f2;
    border: 1px solid #1589dc;
    font-size: 18px;
    color: #fff;
    border-radius: 4px;
    width: 97px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    margin: 5px 0 5px 5px;
}

.info-btn a:first-child {
    margin-left: 0;
    border-bottom-left-radius: 20px;
}

.info-btn a:last-child {
    border-bottom-right-radius: 20px;
}

.info-btn a:hover {
    opacity: 0.9;
}

.info-img {
    height: 230px;
    width: 100%;
    background: #fff;
    display: table;
}

.info-img-cell {
    display: table-cell;
    vertical-align: middle;
}
.xxgk-body{background: #f8f8f8;}
.banner-xxgk{
    height: 100px;
    /*width: 100%;*/
    background: url(../images/banner-xxgk.png) no-repeat;
    background-size: 100% 100%;
    margin: 10px;
}
.xxgk-box{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*margin-bottom: 15px;*/
    height: 95%;
    overflow-y: auto;
}
.xxgk-box .xxgk-box-info{
    height: 310px;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    background: #fff;
    border: 1px solid #ebedf0;
    margin: 5px;
}
.xxgk-title{
    height: 40px;
    line-height: 40px;
    background: url(../images/xxgk-title-bg.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.xxgk-title a{
    color: #fff;
}
.text-dist{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #c3c3c3;

}
.text-dist .text-ellipsis{
    display: inline-block;
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #222;
}
.text-dist .text-ellipsis:hover{
    color: #037edb;
}
.xxgk-title a:hover{color: #00fffc;}
.time-sm{
    color: #999;
}

.icon-ygdj{
    background: url("../images/icon-ygdj.png")  no-repeat;
}

.icon-spfzy{
    background: url("../images/icon-spfzy.png")  no-repeat;
}

.icon-scdj{
    background: url("../images/icon-scdj.png")  no-repeat;
}

.icon-ygzzsdj{
    background: url("../images/icon-ygzzsdj.png")  no-repeat;
}

.icon-qyba{
    background: url("../images/icon-qyba.png")  no-repeat;
}

.icon-fwsq{
    background: url("../images/icon-fwsq.png")  no-repeat;
}

.icon-wdzz{
    background: url("../images/icon-wdzz.png")  no-repeat;
}

/*楼盘表*/
.house-box{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.house-title{
    text-align: center;
    background: #bedaf4;
    padding: 5px;
    border-bottom: 1px solid #fff;
}

.house-title label {
    font-weight: bold;
}

.house-square{
    background: #bedaf4;
    padding: 5px;
}
.house-bot{
    flex: 1;
    background: #fff;
    overflow-y: auto;
    padding: 5px;
}
.input-fixed{
    height: 26px;
    width: 100%;
    text-align: right;
}
.house-cube-fr{
    height: 100%;
    width: 300px;
    border-left: 1px solid #4A4A4A;
    padding: 10px;
}
.house-square span{
    display: inline-block;
    margin: 5px;
}
.square{
    display: inline-block;
    height: 10px;
    width: 10px;
    border: 1px solid  #4a4a4a;
    margin-right: 6px;
}
.square-jz{background: #ffcc2f;}
.square-qt{background: #a1a1a1;}
.square-dy{background: #ff6bf3;}
.square-zl{background: #00b4ff;}
.square-sc{background: #ffb3ff;}
.square-pt{background: #758fff;}
.square-sd{background: #c273ff;}
.square-zx{background: #c3c3c3;}
.square-yg{background: #0078ff;}
.square-ydy{background: #00ca65;}
.square-zjgc{background: #d745ff;}
.square-cq{background: #a8f600;}
.square-qldy{background: #ff5f72;}
.square-yy{background: #ff8767;}
.square-cf{background: #b9b900;}
.square-bl{background: #ffff00;}
.square-wsql{background: #a7fefe;}

.cube-table tr td {
    border: 2px solid #4a4a4a;
    height: 40px;
    padding: 0 5px;
}
.square-num{
    background: #ffffcc;
}

.square-num p {
    text-align: center;
}

.square-num p:first-child {
    font-weight: bold;
}

.cube-table .layui-form-checkbox[lay-skin=primary] span {
    color: #222;
}
.cube-table .layui-form-checked[lay-skin=primary] i {
    background-color: #037edb;
}
.build-box{
    /*height: 98%;*/
    /*width: 100%;*/
    height: calc(100% - 70px);
    padding-top: 5px;
    overflow-y: auto;
    overflow-x: hidden;
}
.build-box-top{
    /*height: 310px;*/
}
.build-info-fl{
    width: 40%;
    /*border: 1px solid #dedede;*/
    overflow: auto;
}
.build-info-fr{
    flex: 1;
    margin-left: 15px;
    border: 1px solid #dedede;
}

.build-box-title {
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
}

.build-box-bot{
    margin-top: 0;
}
/*可视化平台*/
.plat-btn{
    border-radius: 30px 0 0 30px;
    position: fixed;
    right: 0;
    top: 30%;
    text-align: center;
    color: #fff;
}
.plat-btn a{
    display: block;
    color: #fff;
    width: 90px;
    padding: 15px 0;
    background: #b6b6b6;
    border-radius: 10px;
    margin-bottom: 5px;
}
.plat-btn a:hover{
    background: #145ca6;
}

/*咨询建议*/
.advice-fl{
    width: 200px;
    text-align: center;
}
.mb20 {
    margin-bottom: 20px !important;
}
.tree-title {
    font: 400 16px/42px 'Microsoft Yahei';
    color: #fff;
    background: #1e9fff;
}
.tree-main {
    padding: 10px 0;
    background-color: #fff;
}
.tree-main .layui-this > a{
    background: #c1e1fb;
    border-right: 2px solid #1e9fff;
}
.layui-nav-tree .layui-nav-item>a {
    padding-top: 0px;
}
.tree-main .tree-item a {
    color: #333;
    font-size: 15px;
}
.tree-main .tree-item a:hover{
    background: #c1e1fb ;
    color: #222;
}
.advice-icon {
    display: inline-block;
    width: 18px;
    height: 15px;
    background: url(../images/add_advice.png) no-repeat center;
    vertical-align: middle;
    margin-right: 5px;
}
.advice-fr{
    padding: 0 0 20px;
    min-height: 620px;
    background: #fff;
    min-width: 1060px;
}

/*我要留言*/
.leave-box .layui-form-label{
    width: 130px;
}
.leave-box .layui-input-block{
    margin-left: 160px;
}
.leaveWord{
    background: #fbf2e1;
    padding: 15px;
    margin-left: 160px;
}
.leaveWord h3{
    font-weight: 600;
    padding-bottom: 15px;
}
/*信息查询*/
.mb15{margin-top: 15px;}
.radiusWhite{
    height: 220px;
    width: 25%;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    /*margin:10% 50px;*/
    margin:100px 50px 0px 50px;
    cursor: pointer;

}
.img-banner{
    height: 140px;
    -moz-background-size: 100% 100% !important;
    -webkit-background-size: 100% 100% !important;
    background-size: 100% 100% !important;
    text-align: center;
    line-height: 140px;
}
.img-jdcx{
    background: url(../images/img-jdcx.png) no-repeat center;
}
.img-yjcx{
    background: url(../images/img-yjcx.png) no-repeat center;
}
.img-djt{
    background: url(../images/img-djt.png) no-repeat center;
}
.radiusWhite h3{
    line-height: 80px;
    text-align: center;
    font-size: 24px;
}
.radiusWhite:hover{
    background: #e9f8ff;
}

.icon-module .text-ellipsis {
    text-align: left;
    margin: 0 10px 0 10px;
}
.expand-more{
    display: block;
    color: #777;
}
.showBox{text-align: center}
.showBox a:hover{color: #1E9FFF;}
.tip-img {
    display: inline-block;
    margin-left: 5px;
    background: url("../../mobile/images/wenhao.png") no-repeat left center;
    height: 20px;
    width: 20px;
}
/*缴费信息*/
.pay-cont{
    display: flex;
    flex-direction: row;
    margin: 10px 0 20px 0;
}
.pay-left{
    width: 460px;
    border: 1px solid #eee;
    border-radius: 6px;
}
.pay-right{
    flex: 1;
    border-radius: 6px;
    margin-left: 15px;
    border: 1px solid #eee;
}
.pay-title{
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #1489DA;
    border-radius: 6px 6px 0px 0px;
    color: #fff;
    font-size: 24px;
}
.payTable{background: #fff;}
.payTable tr td{
    border: none;
    padding: 25px 0;
}
.pay-title-xs{
    width: 150px;
    font-size: 16px !important;
    font-weight: bold;
    text-align: right;
}
.payTable tr td span{
    font-size: 16px;
    color: #1489DA;
    padding-left: 15px;
}
.paycode{
    display: flex;
    flex-direction: row;
}
.paycode div{
    flex: 0 0 calc((100% - 100px) / 3);
    text-align: center;
}
.paycode div:nth-of-type(2){
    margin: 0 50px;
}
.bgimg{
    padding: 10px 0;
}
.step-title{
    font-size: 16px;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
}
.requiredSpan{
    color: red;
    font-size: 24px;
    vertical-align: middle;
    margin-right: 10px;
}