*{ padding: 0; margin: 0; font-family: Microsoft;}
ul{list-style: none;}
a{ text-decoration: none;}
a:hover{ text-decoration: none;}
.clearfix{ clear: both;}
/*------------------------------------------房产网站2------------------------------------------*/
/*头部*/
.logoBox {
    background: transparent url("../../image/1487038055970.png") no-repeat scroll 0 0 / 100% 100%;
    height: 228px;
}
.top{ width: 100%; height: 152px; background: url("../images/top.png") no-repeat center center;}
.top_1{ height: 45px; line-height: 45px; border-bottom: #eeeeee solid 1px;}
.top_11{ width: 1200px; height: auto; margin: 0 auto;}
.top_11a{ float: left; font-size: 14px; color: #999999;}
.top_11a a{text-decoration: underline}
.top_11b{ float: right;padding: 20px;}
.top_11b a{ font-size: 14px; color: #999999;}
.top_11b a:hover{}
.top_11b img {
    width: 18px;
    vertical-align: middle;
}
.error{
    color: red;
}
.top_2{ width: 1200px; height: auto; margin: 0 auto;}
.top_2a{ float: left; margin-top: 20px;}
.top_2a1{ width: 80px; height: 76px; float: left;}
.top_2a2{ margin-left: 90px;}
.top_2a2 h1{ font-size: 40px;}
.top_2a2 h2{ display: none;}
.top_2a2 p{ font-size: 18px; color: #0081cf;}
.top_2a2 span{ color: #ff9900;}
.top_2b{ float: right; width: 67px; margin: 60px -165px 0 0;}
.top_2b p{ color: #231714; font-size: 12px; text-align: center;}

.main_online{width: 1000px; height: auto; margin: 0 auto; overflow: hidden;padding-top: 10px;border-bottom: 1px solid #aaaaaa;  margin-bottom: 60px;}
.main1_online{border: 1px solid #aaaaaa; border-bottom: none;  background: #fcfcfc;}
.top_online{background: url("../images/o_1(1).png") no-repeat; width: 100%;  height: 100%;background-size: 100%;}
.top_online h1{ float: left; font-size: 20px;padding:5px 30px;color:white;}
.top_online img{ float:left;}
.main1_online ul{width: 95%;  margin: 0 auto;}
.main1_online ul img{ width: 60px;}
.main1_online li{ float: left; width:33%; text-align: center; padding:20px 0; margin: 0 auto; border: 1px solid #e8e8e8; margin: 10px 0;}
.main1_online p{ font-size: 18px;}
.main1_online img{ padding-bottom: 10px; width: 40px;}



.main{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden; padding-bottom: 60px;}
.main_1{ height: 157px;}
.main_1 ul li{ float: left; width: 50%; height: 157px; line-height: 157px; text-align: center; color: #0081cf; font-size: 30px;}
.main_1 ul li *{ vertical-align: middle;}
.main_1 ul li a{ color: #0081cf;}
.main_1 ul li img{ margin-right: 5px;}

.main_m{ height: 60px;}
.main_m ul li{ float: left; width: 50%; height: 60px; line-height: 60px; text-align: center; color: #0081cf; font-size: 24px;}
.main_m ul li *{ vertical-align: middle;}
.main_m ul li a{ color: #0081cf;}
.main_m ul li img{ margin-right: 5px;}


.main_2{ width: 100%; height: 630px; background: url("../images/main_2.png") no-repeat center center;  position: relative;;}
.main_2 h2{ color: #dedde2; font-size: 16px; font-weight: normal;}

.m1{ width: 126px; height: 126px; position: absolute; left: 0; top: 0; background: #d10018; border-radius: 50%; text-align: center; font-size: 16px;}
.m1a{ width: 85px; height: 2px; background: #7ac4e8; position: absolute; left: 126px; top: 60px;}
.m1b{ width: 10px; height: 10px; position: absolute; right: -5px; top: -4px; background: #0081cf; border-radius: 50%;}
.m1 img{ margin-top: 20px;}


.m2{ width: 166px; height: 166px; position: absolute; left: 130px; top: 105px; background: #ff6b0f; border-radius: 50%; text-align: center; font-size: 16px;}
.m2a{ width: 125px; height: 2px; background: #ff6b0f; position: absolute; left: 166px; top: 80px;}
.m2b{ width: 10px; height: 10px; position: absolute; right: -5px; top: -4px; background: #ff6b0f; border-radius: 50%;}
.m2 img{ margin-top: 40px;}

.m3{ width: 175px; height: 175px; position: absolute; left: 0; top: 260px; background: #0081cf; border-radius: 50%; text-align: center; font-size: 16px;}
.m3a{ width: 340px; height: 2px; background: #0081cf ; position: absolute; left: 175px; top: 80px;}
.m3b{ width: 10px; height: 10px; position: absolute; right: -5px; top: -4px; background: #0081cf; border-radius: 50%;}
.m3 img{ margin-top: 40px;}

.m4{ width: 166px; height: 166px; position: absolute; left: 170px; top: 380px; background: #d10018; border-radius: 50%; text-align: center; font-size: 16px;}
.m4a{ width: 300px; height: 2px; background: #d10018; position: absolute; left: 166px; top: 80px;}
.m4b{ width: 10px; height: 10px; position: absolute; right: -5px; top: -4px; background: #d10018; border-radius: 50%;}
.m4 img{ margin-top: 40px;}

.m5{ width: 143px; height: 143px; position: absolute; left: 460px; top: 490px; background: #ff6b0f; border-radius: 50%; text-align: center; font-size: 16px;}
.m5a{ width: 245px; height: 2px; background: #d10018; position: absolute; left: 143px; top: 71px;}
.m5 img{ margin-top: 30px;}

.m6{ width: 200px; height: 200px; position: absolute; right: 250px; top: 0; background: #0081cf; border-radius: 50%; text-align: center; font-size: 16px;}
.m6a{ width: 325px; height: 2px; background: #0081cf; position: absolute; right: 200px; top: 100px;}
.m6b{ width: 10px; height: 10px; position: absolute; left: -5px; top: -4px; background: #0081cf; border-radius: 50%;}
.m6 img{ margin-top: 50px;}

.m7{ width: 200px; height: 200px; position: absolute; right: 0; top: 220px; background: #d10018; border-radius: 50%; text-align: center; font-size: 16px;}
.m7a{ width: 350px; height: 2px; background: #d10018; position: absolute; right: 200px; top: 100px;}
.m7b{ width: 10px; height: 10px; position: absolute; left: -5px; top: -4px; background: #d10018; border-radius: 50%;}
.m7 img{ margin-top: 50px;}

.m8{ width: 150px; height: 150px; position: absolute; right: 160px; top: 410px; background: #0081cf; border-radius: 50%; text-align: center; font-size: 16px;}
.m8a{ width: 120px; height: 2px; background: #0081cf; position: absolute; right: 150px; top: 75px;}
.m8 img{ margin-top: 30px;}
.footer{border-top: #e0e0e0 solid 1px; text-align: center; font-size: 14px; color: #686868;width: 100%}
/*------------------------------------------办事进度查询------------------------------------------*/
.setbacks{ width: 100%; min-height: 780px; overflow: hidden; background: url("../images/setbacks.png") no-repeat; background-size: cover; background-position: center center;}
.sbs_m{ width: 780px; height: auto; margin: 100px auto 0;position: relative; z-index: 2;}
.sbs_m1{ width: 100%; height: 100%; background: #ffffff; border-radius: 10px; z-index: 2; position: relative; padding-bottom: 20px;}
.sbs_mbg{ width: 963px; height: 119px; background: url("../images/sbs_m_bg.png") no-repeat; position: absolute; bottom: -60px; left: -81px;}

/*.m11{ width: 683px; height: auto; margin: 0 auto; overflow: hidden;}*/
.m11a{ height: 32px; line-height: 20px; font-size: 18px; color: #333333; background: url("../images/sbs_m1.png") no-repeat; margin-top: 25px;}
.m11a *{ vertical-align: middle;}

.m11b{ height: 35px; margin: 30px 0; float: left;margin-right:20px;}
.mb_l{ float: left; width: 110px; height: 32px; line-height: 32px; font-size: 16px; color: #7a7a7a; text-align: right;}
.mb_l span{ color: #cc0000; margin-right: 2px;}
.mb_r{ float: left; height: 32px; margin-left: 10px;}
.mb_r input{ width: 99%; height: 32px;}
.mb_r select{ width: 99%; height: 32px;}



.m11c{ width: 530px; height: auto; margin-top: 20px; float: right;}
.mc_l{  font-size: 12px; color: #cc0000;}
.mc_r{ float: right; width: 80px; height: 25px; line-height: 25px; text-align: center; background: #cccccc; font-size: 12px; color: #787878; border-radius: 2px; cursor: pointer;}

.m11d{ width: 87px; height: 33px; line-height: 33px; text-align: center; cursor: pointer; background: #00b86b; color: #ffffff; border-radius:3px;}

/*------------------------------------------房产档案自助查询------------------------------------------*/
.estate{ margin-top: 100px;}
/*------------------------------------------经纪机构备案查询------------------------------------------*/
.ecm{ float: left; width: 160px; height: 32px; margin-left: 10px;}
.ecm input{ width: 99%; height: 27px;}
.ecm select{ width: 99%; height: 27px;}

.ecm_r{ float: left; margin-left: 20px;}
.ecm_r *{ vertical-align: middle;}
.ecm_r img{ width: 66px; height: 22px; margin-top: 5px;}
.ecm_r a{ margin-left: 10px; font-size: 14px; color: #0081cf; vertical-align: middle;}
/*------------------------------------------房屋交易登记网上预约------------------------------------------*/
/*.m11bb{ width: 650px;}*/
.mb_l2{ width: 130px;}
.mb_r3{ width: 510px; height: auto;}
.mb_r3 ul li{ width: 33%; height: 35px; float: left; overflow: hidden; line-height: 35px; text-align: center; vertical-align: middle; border-bottom: #ffffff solid 1px; border-right: #ffffff solid 1px; background: #f1f1f1; color: #666666; font-size: 14px;}
.mb_r3 ul li.title{ background: #c0c0c0; color: #ffffff;}
.mb_r3 ul li *{ vertical-align: middle;}
/*------------------------------------------个人信息------------------------------------------*/
.tel{ width: 380px;}
.update{ width: 110px; height: 32px; line-height: 32px; text-align: center; cursor: pointer; background: url("../images/tel.png") no-repeat; float: left; margin-left: 10px; font-size: 14px; color: #4d4d4d;}

/*------------------------------------------登录------------------------------------------*/
.login{ width: 582px; height: 568px; margin: 0 auto; margin-top: 80px; background: url("../images/login.png") no-repeat; overflow: hidden;}
.login_t{ height: auto; margin-top: 60px; text-align: center; font-size: 29px; color: #0081cf; font-weight: bold;}
.login_m{ width: 365px; height: auto; padding-bottom: 20px; margin: 0 auto; margin-top: 30px; background: #ffffff; box-shadow: 0px 3px 2px #b5b5b5; overflow: hidden;}
.login_tab{ width: 290px; height: 35px; line-height: 35px; text-align: center; border-bottom: #cccccc solid 2px; cursor: pointer; margin: 0 auto; margin-top: 20px;}
.login_tab ul li{ width: 50%; height: 35px; float: left;}
.login_tab ul li.current{ border-bottom: #0081cf solid 2px;}

.login_c{ width: 290px; margin: 0 auto; height: auto; overflow: hidden;}
.login_c>div{ width: 100%; height: auto; overflow: hidden; display: none;}
.login_c>div:nth-child(1){ display: block;}

.c1{ width: 100%; height: auto; margin-top: 10px;}
.c1 input[type="text"]{ width: 97%; height: 36px; text-indent: 10px;}
.c1 input[type="password"]{ width: 97%; height: 36px; text-indent: 10px;}
.c_left{ float: left; font-size: 14px; color: #999999; height: 16px; line-height: 16px; vertical-align: middle;}
.c_right{ float: right; font-size: 14px; color: #999999;}
.c2{ width: 100%; height: 40px; margin-top: 30px;}
.c3{ width: 100%; height: 40px; line-height: 40px; text-align: center; cursor: pointer; margin-top: 10px; background: #0081cf; border-radius: 5px; font-size: 16px; color: #ffffff;}
.c4{ width: 100%; margin-top: 10px;}
.c4 p{ font-size: 16px; color: #999999;}
.c4 ul li{ width: 33px; height: 33px; float: left; margin-right: 10px;}

.yz_l{float: left;}
.yz_l input{height: 35px; text-indent: 10px;}
.c5{ width: 100%; height: 40px; margin-top: 10px;}
/*------------------------------------------用户中心------------------------------------------*/
.user{ width: 100%; height: 1500px; overflow: hidden; background: url("../images/user_bg.png") no-repeat; background-position: center center; background-size: cover;}
.user_m{ width: 1200px; margin: 0 auto; height: auto; overflow: hidden;}
.user_1{ width: 80%; margin: 0 auto; margin-top: 100px;}
.user_1 ul li{ width: 180px; height: 180px; float: left; margin-left: 90px; text-align: center;}
.user_1 ul li img{ width: 60px; height: 60px; margin-top: 40px;}
.user_1 ul li p{ font-size: 24px; color: #ffffff;}
.a_1{ width: 33%; float: left;}
.b_1{ width:180px; margin: 0 auto; height: 150px;  margin-bottom: 100px;}
.user_1 ul{ margin-bottom: 70px;}
.user_1a{ background: url("../images/user_1.png") no-repeat;}
.user_1b{ background: url("../images/user_2.png") no-repeat; background-size: 100% 100%;}
.user_1c{ background: url("../images/user_3.png") no-repeat; background-size: 100% 100%;}
.user_1d{ background: url("../images/user_4.png") no-repeat; background-size: 100% 100%;}
.user_1e{background: url("../images/user_6.png") no-repeat; width: 180px; height: 180px; text-align: center; background-size: 100% 100%;}
.user_1e p{font-size: 24px; color: #ffffff;}
.user_1e img{width: 60px; height: 60px; margin-top: 40px;}
.user_2{ width: 138px; height: 32px; line-height: 32px; text-align: center; margin: 0 auto; margin-top: 60px; cursor: pointer; font-size: 18px; color: #ffffff;}
.user_2 a{ color: #ffffff;}

/*------------------------------------------个人中心------------------------------------------*/
.center{ width: 250px; margin: 0 auto; height: auto; overflow: hidden;}
.ct_1{ width: 125px; height: 125px; border-radius: 50%; overflow: hidden; margin: 0 auto; margin-top: 20px;}
.ct_2{ width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.ct_2a{ float: left; width: 50%; text-align: right;}
.ct_2b{ float: left; width: 50%;}

/*------------------------------------------房屋登记网上预约须知------------------------------------------*/
.xz{ width: 620px; height: auto; overflow: hidden; margin: 0 auto;}
.xz_1{ height: 50px; line-height: 50px; color: #666666; font-size: 14px;}
.xz_1 a{ color: #cd1010; margin-left: 10px;}
.xz_2{ width: 618px; height: 420px; overflow-y: auto; border: #cccccc solid 1px;}
.xz_2 h1{ width: 90%; margin: 0 auto; font-size: 25px; font-weight: normal; text-align: center; margin-top: 30px;}
.xz_2 h2{ width: 90%; margin: 0 auto; margin-top: 20px; font-size: 16px; font-weight: normal;}
.xz_2 p{ width: 90%; margin: 0 auto; margin-top: 20px; font-size: 16px; text-indent: 35px;}

.xz_3{ width: 100%; height: 33px; margin-top: 25px; margin-bottom: 20px;}
.xz_3a{ width: 89px; height: 33px; float: left; cursor: pointer; color: #ffffff; line-height: 33px; text-align: center; background: url("../images/pre.png") no-repeat;}
.xz_3b{ width: 216px; height: 33px; float: right; cursor: pointer; color: #ffffff; line-height: 33px; text-align: center; background: url("../images/agree.png") no-repeat;}
/*------------------------------------------功能说明------------------------------------------*/
.explain{ width: 1000px; height: 840px; margin: 0 auto; margin-top: 160px; margin-bottom: 70px; background: url("../images/sm_2.png") no-repeat; position: relative;}
.sm_1{ width: 314px; height: 554px; position: absolute; left: -40px; top: -110px; background: url("../images/sm_1.png") no-repeat;}

.sm_t{ width: 80%; height: 95px; line-height: 95px; text-align: center; font-size: 53px; color: #ffffff; float: right;}
.sm_c{ width: 83%; height: auto; float: right;}
.sm_c h2{ font-size: 16px; color: #6d2d05; font-weight: normal; margin-top: 90px;}
.sm_c p{ font-size: 14px; color: #ffffff; margin-top: 5px; line-height: 1.8em;}

.my{ width: 1100px; height: auto; margin: 0 auto; margin-top: 100px; position: relative; z-index: 2;}
.my1{ width: 1012px; height: auto; margin: 0 auto; overflow: hidden; margin-bottom: 20px;}
.my_tb{ width: 85%; overflow: hidden;margin: 0 auto;}
.my_tb ul li{ width: 170px; height: 36px; line-height: 35px; overflow: hidden; text-align: center; font-size: 14px; float: left; border-right: #ffffff solid 1px; border-bottom: #ffffff solid 1px;}
.my_tb ul li:last-child{ border-right: none;}
.my_tb ul li.tb100{ width: 100px;}
.my_tb ul li.tb125{ width: 125px;}
.my_tb ul li.tb175{ width: 193px;}
.result_box{ width: 1071px; height: auto; margin: 0 auto; overflow: hidden; margin-bottom: 20px;}
.my_tb2{ width: 94%; height: 35px; margin: 0 auto; overflow: hidden;}
.my_tb2 ul li{ width: 170px; height: 36px; line-height: 36px; overflow: hidden; text-align: center; font-size: 14px; float: left; border-right: #ffffff solid 1px; border-bottom: #ffffff solid 1px;}
.my_tb2 ul li:last-child{ border-right: none;}
.my_tb2 ul li.tb100{ width: 100px;}
.my_tb2 ul li.tb125{ width: 125px;}
.my_tb2 ul li.tb175{ width: 201px;}

/* 进度查询 */
.my_tb3{ width: 100%; height: 35px; overflow: hidden;}
.my_tb3 ul li{ width: 140px; height: 36px; line-height: 36px; overflow: hidden; text-align: center; font-size: 14px; float: left; border-right: #ffffff solid 1px; border-bottom: #ffffff solid 1px;}
.my_tb3 ul li:last-child{ border-right: none;}
.my_tb3 ul li.tb100{ width: 100px;}
.my_tb3 ul li.tb125{ width: 125px;}
.my_tb3 ul li.tb175{ width: 175px;}

.bg1{ background: #c0c0c0; color: #ffffff;}
.bg2{ background: #f1f1f1; color: #666666;height: auto;}
.mobile_bg1 {background: #c0c0c0; color: #ffffff;width: 95%;margin: 0 auto}
.mobile_bg2 {background: #f1f1f1; color: #666666;height: auto;width: 95%;margin: 0 auto}
.bg3{ background: #e8e8e8; color: #666666;}
.mya{ margin-bottom: 20px;}

.a1{ padding: 2px 5px; background: #fa843a; font-size: 12px; color: #ffffff; border-radius: 2px;margin: 0 5px}
.a2{ padding: 2px 5px; background: #d73043; font-size: 12px; color: #ffffff; border-radius: 2px;margin: 0 5px}
.a3{ padding: 2px 5px; background: #3097d6; font-size: 12px; color: #ffffff; border-radius: 2px;}

/*列表*/
.list{ width: 95%; height: auto; margin: 0 auto; margin-top: 5px;}
.list1{ width: 100%; height: 35px; line-height: 35px; overflow: hidden; border-bottom: #ffffff solid 1px;}
.list1a{ width: 30%; height:35px; float: left; text-align: center; background: #c0c0c0; color: #ffffff; font-size: 14px;}
.list1b{ width: 70%; height:35px; float: left; background: #f1f1f1;  color: #666666; text-align: center; font-size: 14px;}

.rl{ width: 23px; height: 21px; cursor: pointer; background: url("../images/rl.png") no-repeat; position: absolute; right: 53px; top: 83px;}

.calendars{ width: 506px;border: #cccccc solid 1px; display: none; position: absolute; left: 220px; z-index: 9999; background: #f5f5f5;padding-bottom: 10px}
.calendars ul li{ width: 12%; height: auto; float: left; cursor: pointer; text-align: center; color: #505251;}
.calendars ul li h1{ height: 25px; line-height: 25px; font-size: 14px; font-weight: normal; border-bottom: #ffffff solid 2px;}
.calendars ul li h2{ height: 45px; line-height: 45px; width: 45px; font-size: 16px; font-weight: normal; margin: 10px 0 0 8px;}
/*.calendars ul li h2.current{ background: #2bc4c1; border-radius: 50%; color: #ffffff;}*/
.calendars ul li p{ color: #FFFFFF; font-size: 14px; height: 25px; background: #23b14d; width: 90%; margin-top: 10px;padding-top: 5px}
.calendars ul li span{ color: #23b14d; font-size: 14px; height: 40px; background: #23b14d; width: 90%; margin-top: 10px; display: block;}
.calendars ul li p.sj{ background: #f5f5f5; color: #23b14d;}
.calendars ul li p.ym{ background: #ef1923;}

.calendars ul li span.sj{ background: #f5f5f5; color: #23b14d;}
.calendars ul li span.ym{ background: #ef1923;}

.cc{ width: 130px;}

@media screen and (max-width: 640px) {
    /*房产网站2*/
    .top{ height: 60px; overflow: hidden;}
    .top_2{ width: 100%;}
    .top_1{ height: auto; position: absolute; right: 5px; top: 10px; border: none;}
    .top_11{ width: 100%; text-align: center;}
    .top_11a{float: none; width: 100%; display: none;}
    .top_11b{float: none; width: 100%;
             display: block;}
    .top_11b a{ font-size: 12px;}
    .top_11b a:last-child{ display: none;}

    .top_2a{ width: 100%; margin-left: 10px; margin-top: 10px;}
    .top_2a1{ width: 45px;}
    .top_2a1 img{ width: 45px; height:45px;}
    .top_2a2{ width: 80%; margin-top: -3px; margin-left: 50px;}
    .top_2a2 h2{ display: none; font-size: 12px;}
    .top_2a2 h1{ display: block; font-size: 20px;}
    .top_2a2 p{display: none;}
    .top_2b{ margin-right: 10px; display: none;}
    .main{ width: 100%;}
    .mb_l2 {width: 80px}
    .mb_l {font-size: 13px;width: 80px;}
    .main_m ul li {font-size: 20px;}
    .main_m ul li img {width: 25px;}
    .m11a{margin-top: 10px;}
    .rightNum {width: 90px}
    .main_2{ background: none; height: auto; margin-top: 10px;}
    .m1{background: #d10018; width: 100px; height: 100px; position: relative; top: 0; left: 0; float: left; margin-left: 6%; margin-top: 10px;}
    .m2{background: #d10018;  width: 100px; height: 100px; position: relative; top: 0; left: 0; float: left; margin-left: 6%; margin-top: 10px;}
    .m3{background: #d10018;  width: 100px; height: 100px; position: relative; top: 0; left: 0; float: left; margin-left: 6%; margin-top: 10px;}
    .m4{background: #d10018;  width: 100px; height: 100px; position: relative; top: 0; left: 0; float: left; margin-left: 6%; margin-top: 10px;}
    .m5{background: #d10018;  width: 100px; height: 100px; position: relative; top: 0; left: 0; float: left; margin-left: 6%; margin-top: 10px;}
    .m6{background: #0081cf;  width: 100px; height: 100px; position: relative; top: 0; left: 0; float: left; margin-left: 6%; margin-top: 10px;}
    .m7{background: #0081cf;  width: 100px; height: 100px; position: relative; top: 0; left: 0; float: left; margin-left: 6%; margin-top: 10px;}
    .m8{background: #0081cf;  width: 100px; height: 100px; position: relative; top: 0; left: 0; float: left; margin-left: 6%; margin-top: 10px;}
    .m1a{ display: none;}
    .m2a{ display: none;}
    .m3a{ display: none;}
    .m4a{ display: none;}
    .m5a{ display: none;}
    .m6a{ display: none;}
    .m7a{ display: none;}
    .m8a{ display: none;}
    .main_2 h2{ font-size: 12px; width: 90%; margin: 0 auto; text-align: center;}

    .m1 img{ margin-top: 20px; width: 30px; height: 30px;}
    .m2 img{ margin-top: 20px; width: 30px; height: 30px;}
    .m3 img{ margin-top: 20px; width: 30px; height: 30px;}
    .m4 img{ margin-top: 20px; width: 30px; height: 30px;}
    .m5 img{ margin-top: 20px; width: 30px; height: 30px;}
    .m6 img{ margin-top: 20px; width: 30px; height: 30px;}
    .m7 img{ margin-top: 20px; width: 30px; height: 30px;}
    .m8 img{ margin-top: 20px; width: 30px; height: 30px;}
    .footer{ line-height: 1.8em; height: auto;}
    /*办事进度查询*/
    .setbacks{ min-height: 520px; padding-bottom: 20px; background: #eeeeee;}
    .sbs_m{ width: 95%; margin-top: 20px;}
    .sbs_mbg{ display: none;}
    .m11{ width: 95%;}
    .m11b{ width: 100%;}
    .mb_r{ width: 60%; float: left; margin-left: 10px;}
    .mb_r input{border: #cccccc solid 1px; outline: none;height: 30px}
    .mb_r select{border: none; outline: none;height: 32px}
    .m11c{ width: 100%;}
    /*经纪机构备案查询*/
    .ecm{width: 40px; border: #cccccc solid 1px;}
    .ecm input{ border: none; outline: none;}
    .ecm select{ border: none; outline: none;}
    .ecm_r{ float: left; margin-left: 10px;}
    .ecm_r *{ vertical-align: middle;}
    .ecm_r img{ width: 66px; height: 22px; margin-top: 5px;}
    .ecm_r a{ margin-left: 5px; font-size: 14px; color: #0081cf; vertical-align: middle;}
    .m11bb{ font-size: 12px; width: 100%;}
    .tel{ width: 35%;}
    .mb_r3{ width: 100%;}
    /*登录*/
    .login{ width: 95%; height: auto; padding-bottom: 40px;}
    .login_t{ font-size: 25px; width: 90%; margin: 0 auto; margin-top: 60px;}
    .login_m{ width: 95%; border-radius: 5px;}
    .login_tab{ width: 95%;}
    .login_c{ width: 95%;}
    .c1{ border: #cccccc solid 1px; width: 99%;}
    .c1 input[type="text"]{ outline: none; border: none;}
    .yz_l{ border: #cccccc solid 1px;}
    .yz_l input{ outline: none; border: none; height: 35px; text-indent: 10px;}

    .user{ width: 100%; height: auto; padding-bottom: 60px;}
    .user_m{ width: 100%;}
    .user_1{ width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
    .user_1 ul li{ margin-left: 4.5%; margin-top: 20px; width: 80px; height: 80px;}
    .user_1 ul li img{ width: 30px; height: 30px; margin-top: 15px;}
    .user_1 ul li p{ font-size: 12px; color: #ffffff;}
    .xz{ width: 100%;}
    .xz_2{ width: 98%;}

    .xz_2 h1{font-size: 20px;}
    .xz_2 h2{font-size: 14px;}
    .xz_2 p{font-size: 14px; text-indent: 25px;}

    .explain{ width: 100%; background-size:cover; margin-top: 50px; background-position: center center; color: #231714; margin-bottom: 30px;}
    .sm_1{ display: none;}
    .sm_t{ font-size: 35px; width: 100%;}
    .sm_c{ width: 95%; padding: 2.5%; background: #ff6b0f;}
    .sm_c h2{ margin-top: 20px;}
    .my{ width: 98%; margin-top: 20px;}
    .my1{ width: 98%;}
    .result_box{width: 98%;}
    .my_tb ul li{ width: 80px; height: 36px; word-wrap:break-word; word-break:nomal; display: inline; writing-mode: tb-rl; }
    .my_tb ul li.tb100{ width: 80%;}
    .my_tb ul li.tb125{ width: 80%;}
    .my_tb ul li.tb175{ width: 80%;}

    .my_tb2 ul li{ width: 10.5%; height: 150px; word-wrap:break-word; word-break:nomal; display: inline; writing-mode: tb-rl; }
    .my_tb2 ul li.tb100{ width: 10.5%;}
    .my_tb2 ul li.tb125{ width: 10.5%;}
    .my_tb2 ul li.tb175{ width: 10.5%;}

    .calendars{ width: 67%; left: 99px;}
    #notice {margin: 8px 0 0 90px}
    .cc{ width: 80px; font-size: 13px;}
    .rl{ width: 23px; height: 21px; cursor: pointer; background: url("../images/rl.png") no-repeat; position: absolute; right: 19%; top: 25px;}
    .calendars ul li h2{width: 25px; height: 45px; line-height: 45px;font-size: 12px; font-weight: normal;margin: 0}
    .login {margin-top: 8px;}
    .c1 input[type="password"]{ width: 100%; height: 36px; text-indent: 10px;border: none}
}

@media screen and (max-width: 375px) {
    /*房产网站2*/
    .m1{ margin-left: 5%;}
    .m2{ margin-left: 5%;}
    .m3{ margin-left: 5%;}
    .m4{ margin-left: 5%;}
    .m5{ margin-left: 5%;}
    .m6{ margin-left: 5%;}
    .m7{ margin-left: 5%;}
    .m8{ margin-left: 5%;}
    .user_1 ul li{ margin-left: 18%;}
    .user_1 ul li img{ width: 30px; height: 30px; margin-top: 15px;}
    .user_1 ul li p{ font-size: 12px; color: #ffffff;}

}

@media screen and (max-width: 320px) {
    /*房产网站2*/
    .m1{ width: 80px; height: 80px; position: relative; top: 0; left: 0; float: left; margin-left: 6%; margin-top: 10px;}
    .m2{ width: 80px; height: 80px; position: relative; top: 0; left: 0; float: left; margin-left: 6%; margin-top: 10px;}
    .m3{ width: 80px; height: 80px; position: relative; top: 0; left: 0; float: left; margin-left: 6%; margin-top: 10px;}
    .m4{ width: 80px; height: 80px; position: relative; top: 0; left: 0; float: left; margin-left: 6%; margin-top: 10px;}
    .m5{ width: 80px; height: 80px; position: relative; top: 0; left: 0; float: left; margin-left: 6%; margin-top: 10px;}
    .m6{ width: 80px; height: 80px; position: relative; top: 0; left: 0; float: left; margin-left: 6%; margin-top: 10px;}
    .m7{ width: 80px; height: 80px; position: relative; top: 0; left: 0; float: left; margin-left: 6%; margin-top: 10px;}
    .m8{ width: 80px; height: 80px; position: relative; top: 0; left: 0; float: left; margin-left: 6%; margin-top: 10px;}
    .m1 img{ margin-top: 8px;}
    .m2 img{ margin-top: 8px;}
    .m3 img{ margin-top: 8px;}
    .m4 img{ margin-top: 8px;}
    .m5 img{ margin-top: 8px;}
    .m6 img{ margin-top: 8px;}
    .m7 img{ margin-top: 8px;}
    .m8 img{ margin-top: 8px;}
    .main_1{ height: 100px;}
    .main_1 ul li{ font-size: 20px; height: 100px; line-height: 100px;}
    .footer{ font-size: 12px; padding: 10px 0;}
    /*办事进度查询*/
    .mb_r{ width: 60%;}
    /*经纪机构备案查询*/
    .ecm_r{ float: left; margin-left: 10px;}
    .ecm_r *{ vertical-align: middle;}
    .ecm_r img{ width: 46px; height: 22px; margin-top: 5px;}
    .ecm_r a{ margin-left: 5px; font-size: 12px; color: #0081cf; vertical-align: middle;}
    .mb_r2{ width: 68%;}

    .tel{ width: 16%;}
    .mb_r3{ width: 100%;}
    .mb_r3 ul li{ width: 32%; font-size: 10px;}

    .user_1 ul li{ margin-left: 16%;}

    .calendars{ width: 196px; left: 98px;}
    .calendars ul li p.sj{ font-size: 12px;}
    .calendars ul li span.sj{ font-size: 12px;}
    #rq{ font-size: 12px;}
    .calendars ul li h2{width: 25px; height: 45px; line-height: 45px;font-size: 12px; font-weight: normal;margin: 0}
    .rl {right: 5%}
}

.hide {
    display: none;
}
#inquiry-box {width: 1030px}
#content-box-1 {width: 1028px}

#inquire-box {width: 1030px}
#content-box-2 {width: 1028px}
.notice {
    font-size: 14px;
    color: red;
    margin: 8px 0 0 120px;
}
.iCard {height: auto}

.font-style {
    font-size: 13px;
}
.page-box {
    width: 1050px;
    margin: 0 auto;
}
#pageFor {
    width: 57%;
}
.attach-img {
    width: 25px;
    margin: 0 5px;
}
.sel-box {
    background-color: #23b14d;
    color: #fff;
}
.noticeBox {
    color: red;
    font-size: 12px;
}
.c_logo{ 
    width:180px; 
    height:auto; 
    color:#e8e8e8; 
    overflow:hidden; 
    position:relative;
}
.c_logo input[type="file"]{
    width:190px; 
    height:160px;
    position:absolute; 
    top:0;
    filter:alpha(Opacity=0);
    -moz-opacity:0;
    opacity: 0;
    cursor:pointer;
}
#localImag img {
    display: block;
    padding:15px;
    width:160px;
    height:160px;  
}
.userIcon {
    width: 100%;
    height: 100%;
}
.tipBox {
    text-align: center;
    font-size: 16px;
    color: red;
}
.mask {
    position: absolute; 
    top: 0px; 
    filter: alpha(opacity=60); 
    background-color: #777;
    z-index: 1002; 
    left: 0px;
    opacity:0.5; 
    -moz-opacity:0.5;
    display: none;
}
.mask img {
    position: absolute;
    left: 45%;
    top: 30%;
}
.comment-footer{
    position: fixed;
    width: 100%;
    bottom: 0px;
    background: #f2f2f2;
    display: inline-table;
    z-index: 999;
}
.comment-footer a{   
    text-align: center;
    color: #333;
    font-size: 14px;
    text-decoration: none;
}
#modalBtn {font-size: 12px;color: #000;float: right;border:none;background-color:white;}

/*新版查询样式*/

.query-box{
    background: #fff;
    width: 1000px;
    margin: 0 auto; 
    padding:30px;
}
.title_tex{
    border-bottom: 3px solid #1B6AAA; 
}
.title_tex h1{
     color: #1B6AAA;
    font-size:20px;
    font-weight: 600;
}
.m11{
    border-bottom: 1px solid #1B6AAA;
}
.title_tex1 h2{
    font-size: 18px;
    color: #1B6AAA;
    font-family: "微软雅黑";
}
.table-striped th{
    font-size: 14px;
}
#table-thead th{
    color: #333;
     font-weight: 500;
}
#table-body th{
    color: #848484;
     font-weight: 500;
}
.row{
    font-size: 14px;
}
.all-btn{
    width: 10%;
    margin: 0 auto;
    color: #1B6AAA;
}
.all-btn button{
    background:none;
    text-align: center;
    border: none;
}