.screenbox.fix-screenbox{top: 4.3rem !important;}
.conditionbox{top: 9.3rem !important;}


.mapbox{position: fixed; top: 9.3rem; left: 0; right: 0; bottom: 0; z-index: 1; max-width: 750px; margin: 0 auto; background: #f8f8f9;}
.map-regionbox,.map-villagebox{position: absolute; top: 0; left: 0; right: 0; z-index: 3;}
.map-region{position: absolute; z-index: 4; display: block; text-align: center; padding: 1.2rem 0.5rem; width: 5rem; line-height: 1.8rem;border-radius: 50%; background: #e93b3d; background: rgba(233,59,61,0.9); color: #fff; font-size: 1.3rem;}
.map-region.on,.map-region:active{background: #f46925;}
.map-region h2{font-size: 1.4rem; height: 1.8rem; line-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.map-region p{font-size: 1.3rem; height: 1.8rem; line-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.map-village{position: absolute; z-index: 4; display: inline-block; background: #e93b3d; color: #fff; font-size: 1.4rem; line-height: 3rem; padding: 0 1rem; border-radius: 0.2rem;}
.map-village:after{position: absolute; bottom: -0.4rem; left: 50%; margin-left: -0.5rem; display: block; content: ""; width: 1rem; height: 1rem; background: #e93b3d; background: rgba(233,59,61,0.9); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}
    /*3-تغَہ #849aae 2-شعتغ #e93b3d 1-´‎تغ #06bd73*/
    .map-village.state1, .map-village.state1:after { background-color: #06bd73; }
    .map-village.state2, .map-village.state2:after { background-color: #e93b3d; }
    .map-village.state3, .map-village.state3:after { background-color: #849aae; }
.map-village.on,.map-village.on:after,.map-village:active,.map-village:active:after{background: #f46925;}

.map-village .price,.map-village .count{margin-left: 1rem;}


.fix-outcomebox{}
.mask-outcome{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 8; background: rgba(255,255,255,0.3);}
.fix-outcome{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; max-width: 750px; margin: 0 auto; background: #fff; max-height: 60%; overflow: auto;}
.outcome-head{position: fixed; left: 0; right: 0; /*top: 40%;*/ z-index: 11; max-width: 750px; margin: 0 auto; padding: 0.5rem 0; background: #fff; border-bottom: 1px solid #e8e8e8;}
.outcome-head h2{height: 2.6rem; line-height: 2.6rem; font-size: 1.6rem; text-indent: 1.2rem;}
.outcome-head h3{height: 2rem; line-height: 2rem; font-size: 1.3rem; color: #9c9fa1; text-indent: 1.2rem;}
.outcome-head .average-price{position: absolute; bottom: 0.5rem; right: 1.2rem; line-height: 2rem; color: #fa5741; font-size: 1.4rem;}
.outcome-body{padding-top: 5.6rem;}

.outcome-body .house-list .termbox{padding: 0.5rem 0;}
.house-info h2{position: relative;}
.house-info h2 .type{position: absolute; top: 0; right: 0; color: #9c9fa1; font-size: 1.3rem;}

.slide-map{position:relative; height: 5rem; z-index:10; width:100%; background:#fff; border-bottom: 1px solid #e8e8e8;}
.slide-map.fix-slide-map{position: fixed; top: 4.3rem; left: 0; right: 0; z-index: 11; max-width: 750px; margin: 0 auto;}
.slide-scroll{height:5rem; overflow:hidden;}
.slide-nav{position:relative; overflow-x:scroll; overflow-y:hidden; line-height:5rem; white-space:nowrap; -webkit-overflow-scrolling:touch; font-size: 1.5rem;}
.slide-nav::-webkit-scrollbar {display:none;}
.slide-nav li{position:relative; display:inline-block; height:5rem; text-align:center; color:#9c9fa1;}
.slide-nav li.current{color:#e93b3d;}
.slide-nav li.current a{font-size: 1.5rem; font-weight: 600; color: #e93b3d;}
.slide-nav *{vertical-align:middle;}
.slide-nav .item{position: relative; display:inline-block; padding:0 1.2rem; vertical-align:text-bottom; -webkit-transition:.25s; transition:.25s; height: 5rem; line-height: 5rem; color: #9c9fa1;}
.slide-nav .line{position: absolute; bottom: 2px; left: 50%; margin-left: -0.75rem; display: block; width: 1.5rem; height: 0.2rem; background: #e93b3d; border-radius: 0.1rem; display: none;}
.slide-nav li.current .line{display: block;}

.fix-tipsbox{position: fixed; left: 0; right: 0; bottom: 0; z-index: 8; max-width: 750px; margin: 0 auto;}
.fix-tipsbox .tipsbox{margin: 1.2rem; padding: 1rem 1.2rem; background: #fff; background: rgba(255,255,255,0.9); font-size: 1.3rem; color: #9c9fa1; line-height: 2rem; border-radius: 0.2rem; box-shadow: 0 1px 7px 0 rgba(141,140,140,0.35);}
.tipsbox h2{line-height: 3rem; font-size: 1.5rem;}
.fix-navigatorbox{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; max-width: 750px; margin: 0 auto;}
.navigatorbox{ background: rgba(255,255,255,0.5); font-size: 1.8rem; color: #9c9fa1; text-align: center;}
.navigatorbox li{border-top: 1px solid #e8e8e8; background: #fff;}
.navigatorbox li:last-child{margin-top: 0.5rem;}
.navigatorbox li a{display: block; height: 4.4rem; line-height: 4.4rem; padding: 0 1.2rem;}


.search-module{background: #fff; padding: 0.8rem 0 0;}
.search-item{padding: 0 0.7rem; font-size: 1.3rem;}
.search-item .item{display: inline-block; color: #394043; border:1px solid #e8e8e8; height: 2.6rem; line-height: 2.6rem; border-radius: 0.2rem; padding: 0 0.6rem; margin:0.3rem 0.3rem 1.2rem; min-width: 6rem; text-align: center;}

.search-resultbox{position: fixed; top: 4.4rem; left: 0; right: 0; bottom: 0; z-index: 11; max-width: 750px; margin: 0 auto; background: #fff; overflow: auto;}
.search-resultbox .nullbox{padding: 6rem 1.5rem;}
.search-result{padding: 0 1.2rem; background: #fff; font-size: 1.5rem;}
.search-result li{border-bottom: 1px solid #e8e8e8;}
.search-result li a{position: relative; display: block; line-height: 4rem; min-height: 4.4rem;}
.search-result .name{color: #394043;}
.search-result .key{color: #e93b3d;}
.search-result .type{font-size: 1.3rem; color: #9c9fa1;}
.search-result .count{position: absolute; top: 0; right: 0; font-size: 1.3rem; color: #9c9fa1;}

.map-village { word-break: keep-all; white-space: nowrap; font-size: 12px; line-height: 25px; padding: 0 5px; box-shadow: 5px 5px 10px #0000001c; }

    .map-village span { position: relative; z-index: 1; }

.map-canvas { height: 100%; }

.outcome-head { height: 4rem; }

#secondHandHouseOutcome .fix-outcome { height: 60%; }

.map-region { padding: 2rem 1.2rem; }
.house-info h2 .hstate { display: inline-block; height: 1.6rem; line-height: 1.6rem; padding: 0 0.3rem; color: #9aa0a6; font-size: 1.1rem; border-radius: 0.2rem; margin-right: 1rem; }
.house-info h2 .hstate.hstate3 { color: #9c9fa1; background: #f3f4f6; }

    .house-info h2 .hstate.hstate2 { color: #ff8062; background: #ffece8; }

    .house-info h2 .hstate.hstate1 { color: #7ac789; background: #d9f3e8; }

    .house-info h2 .hstate.hstate0 { color: #5bacfe; background: #e6f2ff; }
.house-info h2 .htype { display: inline-block; height: 1.6rem; line-height: 1.6rem; padding: 0 0.3rem; color: #fff; font-size: 1.1rem; border-radius: 0.2rem; margin-left: 1rem; background: #02c26e; }
    .house-info h2 .htype.htype0 { background: #22b5f7; }
    .house-info h2 .htype.htype1 { background: #ffa00b; }
    .house-info h2 .htype.htype2 { background: #422f7d; }
    .house-info h2 .htype.htype3 { background: brown; }
    .house-info h2 .htype.htype4 { background: #422f7d; }

.house-service { position: absolute; top: 15px; right: 0; z-index: 22; }
    .house-service .icon { display: inline-block; width: 33px; height: 33px; }
    .house-service .icon-chat { background: url(../images/index1013/cards_chat_1.png) center center no-repeat; background-size: 33px auto; }
    .house-service .icon-call { background: url(../images/index1013/cards_call_1.png) center center no-repeat; background-size: 33px auto; margin-left: 6px; }

.mask-dynatown { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 2100; background: rgba(0,0,0,0.4); }
.fix-dynatown { position: fixed; bottom: 0; left: 0; right: 0; z-index: 2110; max-width: 750px; margin: 0 auto; background: #fff; }
.dynatown-head { padding: 0.6rem 1.2rem 0; }
    .dynatown-head h2 { height: 4rem; line-height: 4rem; font-size: 2rem; font-weight: 600; color: #000; }
.dynatown-foot { border-top: 1px solid #e8e8e8; }
    .dynatown-foot .cancel { display: block; height: 4.6rem; line-height: 4.6rem; text-align: center; font-size: 1.6rem; }
.dynatown-list { padding: 1.2rem; max-height: 21rem; overflow: auto; }
    .dynatown-list li { position: relative; }
        .dynatown-list li + li { margin-top: 1.5rem; }
    .dynatown-list a { display: inline-block; }
    .dynatown-list .tel { position: absolute; top: 0; right: 0; width: 3.6rem; height: 3.6rem; background: url(../images/dynatown_call_1.png) center right no-repeat; background-size: 2.8rem; }
    .dynatown-list .chat { position: absolute; top: 0; right: 4rem; width: 3.6rem; height: 3.6rem; background: url(../images/dynatown_chat_1.png) center right no-repeat; background-size: 2.8rem; }
.dynatown-data { position: relative; padding-left: 4.4rem; min-height: 3.6rem; line-height: 3.6rem; }
    .dynatown-data .avatar { position: absolute; top: 0; left: 0; display: block; width: 3.6rem; height: 3.6rem; border-radius: 50%; overflow: hidden; }
        .dynatown-data .avatar img { width: 3.6rem; height: 3.6rem; }
    .dynatown-data .name { font-size: 1.5rem; }

.fix-navigator { position: fixed; top: 9.5rem; right: 0.5rem; z-index: 8; width: 47px; }
    .fix-navigator .icon { width: 47px; height: 60px;display:block; }
        .fix-navigator .icon.icon-house { background: url(../images/index1013/icon_fixed_house.png) center left no-repeat; background-size: 47px auto; }
        .fix-navigator .icon.icon-ticket { background: url(../images/index1013/icon_fixed_ticket.png) center left no-repeat; background-size: 47px auto; }
        .fix-navigator .icon.icon-down { background: url(../images/index1013/icon_fixed_down.png) center left no-repeat; background-size: 47px auto; }
        .fix-navigator .icon.icon-page { background: url(../images/index1013/icon_fixed_page.png) center left no-repeat; background-size: 47px auto; }
        .fix-navigator .icon.icon-online { background: url(../images/index1013/icon_fixed_online.png) center left no-repeat; background-size: 47px auto; }
.servicebox { position: absolute; bottom: -65px; right: 55px; z-index: 8; width: 55px; height: 120px; background: url(../images/index1013/icon_fixed_service.png) center left no-repeat; background-size: 55px auto; }
    .servicebox .term { display: block; width: 100%; height: 50%; }    
    .servicebox.hide { display:none; }