body{font-family:'Microsoft YaHei','微软雅黑','宋体','Helvetica Neue',Helvetica,Arial,'Arial Narrow','Lucida Sans Unicode','Lucida Grande',Geneva,sans,sans-serif;font-size:14px;line-height: 20px;color:#000000;background:"+backgroundColor+";opacity:1.0;filter:alpha(opacity=100%);}
ul{list-style-type:none;margin:0;padding:0;}
ul li{float:left;}
/* >>>>> userLoginTopSidebar Section <<<<< */
#userLoginTopSidebar,#userControlTopSidebar { background-image:url(../../static/img/topbg.png); background-position:center; overflow:hidden; padding-top:5px;}
.userLoginTopSidebarContainer,.userControlTopSidebarContainer {display:table;width:1170px;margin:0 auto;table-layout:fixed}
.userLoginTopSidebarHeader,.userControlTopSidebarHeader {display:table-caption}
.userLoginTopSidebarHeader .rightAligned,.userControlTopSidebarHeader .rightAligned {text-align:right;}
.userLoginTopSidebarRow,.userControlTopSidebarRow {display:table-row}
.userLoginTopSidebarCell,.userControlTopSidebarCell {display:table-cell;padding-right:40px;padding-bottom:40px;}
.userLoginTopSidebarInnerHeader,.userControlTopSidebarInnerHeader {color:#1f1e1e; font-size:23px; font-weight: normal;}
.userLoginTopSidebarInnerContent,.userLoginTopSidebarInnerContent a,.userControlTopSidebarInnerContent,.userControlTopSidebarInnerContent a {color:#1f1e1e; font-size:15px;}
.userLoginTopSidebarButton,.userControlTopSidebarButton {background:rgb(215, 23, 24);color:#fafafa;padding:5px 25px; border-style:outset; border-radius: 3px;}
.userLoginTopSidebarButton:hover,.userControlTopSidebarButton:hover {background:rgb(255, 0, 17);transition:all .5s ease}
.threeColumnRowEqualWidth {width:33.3333%}
.big.remove.icon {color:#1f1e1e;cursor:pointer;opacity:0.9;filter:opacity(90%);}
.big.remove.icon:hover {color:#fafafa;cursor:pointer;opacity:1.0;filter:opacity(100%);transition:all 0.7s ease}
.lhomeItem{cursor: pointer;}
#topSidebarFindPassword{cursor: pointer;}
.captchaRow {display:flex;gap:10px;margin-top:0;margin-bottom:10px;align-items:center;}
.captchaRow .textInput {flex:1;margin:0;}
.captchaRow .userLoginTopSidebarButton {white-space:nowrap;}

/* >>>>> aboutUsLeftSidebar Section <<<<< */
#aboutUsLeftSidebar{width:120px;text-align:center;font-size:1.15em;background:darkorange;}
#aboutUsLeftSidebar a.item:hover{background:rgba(135, 52, 4, 1);color:white !important;transition:300ms ease-in-out;webkit-transition:webkit-transform:500ms ease-in-out;}

/* >>>>> loginSimpleForm <<<<< */
.loginSimpleForm input {height:33px;display:inline-block;margin-bottom:10px;width:100%;color:#116611;padding:5px 2px 5px 8px;border:#000 0px solid;-moz-border-radius:16.5px;-webkit-border-radius:16.5px;border-radius:16.5px;}
.socialSignIn {cursor:pointer;}
.pushable>.pusher {transition:300ms ease-in-out;webkit-transition:webkit-transform:300ms ease-in-out;}
.ui.push.sidebar {transition:300ms ease-in-out;webkit-transition:webkit-transform:300ms ease-in-out;}
.ui.top.visible.sidebar {box-shadow:0 0 0}
.loginErrorMessage {line-height:5px;height: 25px;color:#ff8f00;;text-decoration:none;padding-left:2px}
.input-block-level-error {background:#fbecec;display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#topSidebar_captcha {width:60%}
.simpleLoginFormCaptcha {display:inline-block;width:30%;margin-left:20px;background:url('/static/img/captcha.png')}
.simpleLoginErrorMsgCLASS { color: #d71718;border: #ff8f00 1px solid;padding: 10px;margin: 5px 0 10px 0;}
.draggableContainer {margin:0 0 10px 0;height:80px;padding:5px;border:#fff 1px solid;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;width:100%;border-collapse:separate;display:none}
.draggableRow {}
.draggableInstruction {color: #ff8f00;}
.draggableIcon {vertical-align:bottom;width:50px;z-index:100;}
.draggableIcon i {font-size:30px;cursor:pointer;}
.droppableZone {width:65px;height:30px;border: #ff8f00 1px solid;background: #ff8f00;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;text-align:center;vertical-align:middle;}
.ui-state-highlight {background:#116611;border:#13262c 1px solid;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;color:#ffffff}
#resultemail{padding-left:12px;color:#f00;border:rgba(255,0,0,0.5) 1px solid;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;line-height:35px}
#resultcaptcha{padding-left:12px;color:#f00;border:rgba(255,0,0,0.5) 1px solid;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;line-height:35px}
#resultemail.hidden,#resultcaptcha.hidden{display:none;}
#loginByModelError{margin-left: 12px;}

/* >>>>> Top Navigation Menu <<<<< */
.navMenu{height:63px;position:relative;z-index:2000;}
.navMenu .containerTable{display:table;width:1170px;font-size: 16px;margin:0 auto;}
.navMenu .containerTable a{color:rgba(80, 80, 80, 0.9)}
.navMenu .containerRow{display:table-row;}
.navMenu .containerCell{display:table-cell;text-align:center;vertical-align:middle;padding:0px 5px;}
.navMenu .containerCell.logo{min-width:235px;border-right:#eee 1px solid; min-height: 60px; line-height: 60px;}
.navMenu .containerCell.logo img{max-height:60px; float: left;}
.navMenu .containerCell.logoBee{min-width:60px;padding-top:50px;}
.navMenu .containerCell.menuList li{padding:0 10px;height:56px;}
.navMenu .containerCell.menuList .menuItems{display:inline-block;white-space:nowrap;line-height:56px;margin-top:3px}
.navMenu .containerCell.menuList .menuItems a:hover{color:rgba(255, 155, 0, 0.9)}
.navMenu.overlay.fixed .containerCell.menuList .menuItems a:hover{color:rgba(238, 238, 238, 0.9)}
.navMenu .containerCell.topMenuSidebar{min-width:95px;}
.navMenu .containerCell.topMenuSidebar .menuItems{float:right;margin-right:5px;}
.navMenu .gift, .navMenu ul li.gift .gift{color:rgba(255, 0, 0, 0.9);}
.navMenu .floating.gift, .navMenu ul li.floating.gift .gift{color:rgba(255, 255, 255, 0.9);}
#login-toggle{color:rgba(255, 0, 0, 0.9);}
#userAvatarImage,#floatUserAvatarImage{width:55px;height:55px;padding:0px;margin:1px 0 0 0;}
.avatarPopup{width:150px;font-size:16px;line-height:20px;background:#fff;border:1px solid rgba(0,0,0,0.12);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,0.15);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s ease;overflow:hidden;}
.avatarPopup .popup-item{padding:10px 16px;cursor:pointer;transition:background .15s;font-size:14px;white-space:nowrap;}
.avatarPopup .popup-item:hover{background:rgb(239, 148, 2);}
.avatarPopup .popup-item a{display:block;color:rgba(80,80,80,0.9);}
.avatarPopup .popup-item:hover a{color:#fff;}
.user-avatar-item{position:relative;display:inline-block;height:100%;vertical-align:middle;}
.user-avatar-item::after{content:'';position:absolute;top:100%;left:0;right:0;height:6px;}
.user-avatar-item .avatarPopup{position:absolute;top:100%;right:0;margin-top:6px;z-index:9999;}
.user-avatar-item:hover .avatarPopup{opacity:1;visibility:visible;transform:translateY(0);}
.navMenu .countrySelector{color:#666; float:right; cursor:pointer;}
.navMenu .countrySelector.showcountry{cursor:pointer;}
.navMenu .countryPointer{color:#666;float:right; margin-top: 0px;}
.navMenu .countryPointer .rotated{display: block; margin-top: 18px !important;margin-right: -33px !important; padding-left: 5px;}
.navMenu .countryPointer.showcountry{color:rgba(0,0,0,0.9);float:right;margin-top: 3px;}
.navMenu .country{margin-left:5px; float:right; margin-top: 0px;}
#countrySelectorByFloat .country{color:#171717;}
#languageSelector{float:right;line-height:61px ;padding-right:5px; cursor: pointer; color: rgba(80, 80, 80, 0.9); font-size: 16px;}
#languageSelector a{float:right;right:-10px;position:relative;padding-right:2px}
#languageSelector .active{color:#F90;}
.navMenuSection.fixed{position:fixed;top:0px;width:100%;z-index:999;}
.navMenu.overlay.fixed{position:fixed;top:0px;background:rgb(234, 155, 21);width:100%;}
.navMenu.overlay.fixed .menuItems a{color:rgb(74, 41, 22)}
.navMenu.overlay.fixed .menuItems #login-toggle{color:rgba(255,255,255,0.9)}

.bannerSliderContainerTable{display:table;width:100%}
.bannerSliderContainerRow{display:table-row;}
.bannerSliderContainerCell{display:table-cell;text-align:center;align:center;vertical-align:middle;color:#fff;background:rgba(40,35,85,0.5)}
.swiper-button-prev, .swiper-button-next{width:67px;height:104px;margin-top:-52px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
.swiper-button-prev:hover, .swiper-button-next:hover{background-color:rgba(250,250,250,0.2);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}

section{width:1170px;margin:0 auto;padding-bottom:20px;}
.featuredTab{float:right;margin-top:-142px;margin-right:1px;font-size:20px;color:#fff;padding:20px;background:#c33;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;line-height:20px;top:142px;position:relative;z-index:100;cursor:pointer;}
.searchFilter{width:1170px;margin:0 auto;}
.ui.top.attached.tabular.menu{margin-left:1px;margin-top:-60px;height:60px;border-bottom:0px;font-size:20px;z-index:99;}
.ui.top.attached.tabular.menu .item{margin-right:4px;z-index:99;}
.ui.top.attached.tabular.menu a.item.active{background:#fff; color:#ea9b15; font-family:'Microsoft YaHei','微软雅黑';}
.ui.top.attached.tabular.menu a.item{ border-radius: 5px 5px 0px 0px; background-color:#ea9b15; color:#fff; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.ui.top.attached.tabular.menu a:hover{color: #000 !important;}
.ui.tabular.menu .active.item{margin-bottom:0;}
.ui.bottom.tab{webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);box-shadow:0 0 10px rgba(0,0,0,0.3);}
.ui.bottom.attached.tab.segment,.ui.bottom.attached.tab.segment.active{min-height:68px;}
.filterCriteriaTable{display:table;border-collapse:collapse;}
.filterCriteriaRow{display:table-row}
.filterCriteriaCell{display:table-cell;padding-right:15px;height:38px;}

/*dropdown menu search engine*/
.ui.horizontal.list .districtLogo{width:32px;}
.ui.horizontal.list > .item{width:180px;margin-left:0;line-height:55px}
.ui.selection.dropdown{border:rgba(213, 129, 0, 1) 1px solid;}
.ui.selection.dropdown:hover{border:rgba(213, 129, 0, .5) 1px solid;}
.ui.selection.dropdown .default.text{ color:#000; font-family:'Microsoft YaHei','微软雅黑';}

/*main entrance*/
section.mainEntrance{height:200px}
.mainEntrance{width:100%;background: #e3e3e3;}
.mainEntranceTable,.postTable.shortcut{display:table;width:1170px;margin:0 auto;}
.mainEntranceRow{display:table-row}
.mainEntranceCell{display:table-cell;text-align:center;}
.mainEntranceCell div{font-size:16px;color:#666;display:inline-block;width:150px;height:150px;border:#000 0px solid;border-radius:75px;margin:calc(100%/10) auto;background:#fff; border: 1px solid #c1c0c0; }
.mainEntranceCell div span,.mainEntranceCell div span a{font-size:14px;color:#ff9900;padding:4px}
.mainEntranceCell div span a:hover{color:#fff}
.mainEntranceCell .purchase:hover{color:#fff;background:#db2828;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.mainEntranceCell .rental:hover{color:#fff;background:#1b9c3a;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.mainEntranceCell .forSaleForLease:hover{color:#fff;background:#ab6600;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.mainEntranceCell .releaseLogin:hover{color:#fff;background:#ab6600;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.mainEntranceCell .hotItems:hover{color:#fff;background:#ca2d88;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.mainEntranceCell div .icon{position:relative;margin-top:10px;font-size:3.5em;top:25px;line-height:0px}
.entranceIcon{cursor:pointer}

/*new main entrance*/
.mainEntranceBg{height:200px; width:100%; background: #fff; overflow: hidden; margin: 20px 0; margin-top: 38px;}
.mainEntrance{width: 1180px; height: 200px; margin:0 auto; background: #fff; overflow: hidden; }
.mainEntranceItem{float: left; height: 160px; width: 294px; border-right: 1px solid #ccc; overflow: hidden;}
.mainEntranceItemLast{border: none;}
.mainEntranceItemTop{ height:80px;}
.mainEntranceItemTop img{margin: 0 auto; margin-top:20px; display: block; height: 67px;}
.mainEntranceItemBottom{ height:120px }
.mainEntranceItemBottom .title{font-size: 18px; height:30px; overflow: hidden; text-align: center; font-weight: 500; color: #141313; cursor: pointer;}
.mainEntranceItemBottom .title a{color: #141313;}
.mainEntranceItemBottom .content{ text-align: center; width:186px; margin: 0 auto;  overflow: hidden; font-size:1.1em; color: #747070;}
.mainEntranceItemBottom .contentItem{ display: block; float: left; margin-left: 15px; cursor: pointer;}
.mainEntranceItemBottom .contentItemFirst{margin-left: 8px;}
#homeSearch{background-color: #ea9b15; font-family:'Microsoft YaHei','微软雅黑' !important;}
.mainEntranceItemBottom .content a{color: #747070;}
.publishProp{cursor: pointer;}
.canBeEmpty{color: red;}

/* >>>>> Featured Post Menu */
.featuredPostMenu .featuredPost.menu .item{margin-top:25px !important;background:#efefef !important;font-size:16px;font-weight:normal !important;border:#ddd 1px solid !important;border-right-style:none !important;cursor:pointer;}
.featuredPostMenu .featuredPost.menu .item:last-child{border-right-style:solid !important;}
.featuredPostMenu .featuredPost.menu .active.item{background-color:#ea9b15 !important; border-top: 1px solid #ea9b15!important;border-bottom:2px solid #ea9b15 !important;top:1px;color:rgba(255,255,255,1) !important}
section.featuredPostMenu .featuredPost.segment{margin-bottom:0;height:310px;padding:3px}

/* >>>>> Featured Suitable Menu */
.featuredSuitable.segment .menu{font-size:larger;}
.featuredSuitable.segment .featuredSuitableSub.segment{padding:0!important;margin:0!important;border:0!important;-webkit-box-shadow: 0px 0px 0px rgba(150, 150, 150, 0.6);-moz-box-shadow:0px 0px 0px rgba(150, 150, 150, 0.6);box-shadow:0px 0px 0px rgba(150, 150, 150, 0.6);}
.featuredSuitable.segment .active.item,.featuredSuitable.segment .active.item::after{background:#db2828 !important;color:#fff}
.featuredSuitable.segment .active.item:hover{background:#db2828 !important;color:#fff !important}

/* >>>>> Post and Ads Section <<<<< */
.postTable.featured,.postTable.special,.postTable.shortcut;postTable.newHouse,.postTable.houseViewTour,.postTable.secondHandHouse{display:table;}
.postTable.history{display:table}
.postHead.shortcut{display:table-caption;width:1170px;text-align:center;font-size:30px;line-height:30px;padding:30px 0 20px 0;color:#b33;}
.postHead.special,.postHead.history{display:table-caption;text-align:center;font-size:30px;line-height:30px;padding:50px 0 20px 0;color:#b33;}
.postRow.featured,.postRow.special,.postRow.history,.postRow.shortcut,.postRow.newHouse,.postRow.houseViewTour,.postRow.secondHandHouse{display:table-row}
.postRow.special.secondRow,.postRow.history.secondRow{}
.postRow.shortcut:nth-child(even){background-color:#ddd}
.postRow.shortcut:nth-child(odd){background-color:#eee}
.postCell.featured,.postCell.special,.postCell.history,.postCell.shortcut{float:left; padding:5px; width:290px; color: #000;}
.postCell.newHouse,.postCell.houseViewTour,.postCell.secondHandHouse{float:left; padding:5px; width:236px; color: #000;}
.postCell.featured a{color: #000;}
.postCard.featured,.postCard.special,.postCard.history,.postCard.shortcut,.postCard.newHouse,.postCard.houseViewTour,.postCard.secondHandHouse{border:#e6e6e6 1px solid;padding:0 5px;padding-bottom: 6px;border-radius: 5px;}
/* .postCard.featured:hover,.postCard.special:hover,.postCard.newHouse:hover,.postCard.houseViewTour:hover,.postCard.secondHandHouse:hover,.postCard.history:hover,.postCard.shortcut:hover{border:rgba(213,129,0,0.9) 1px solid;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out} */
.postCard.featured img{width:269px;height:178.66px;}
.cardPhotoInfo{position:relative;top:155px;color:#fff;padding-left:5px}
.postCard .cardContent{clear:both;}
.postCard .cardPrice,.cardDetails{clear:both;position:relative;}

.cardPhotoInfo.featured{position:relative;top:178.66px;color:#fff;padding-left:5px}
.cardPhotoInfo{background:-moz-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}
.cardPhotoInfo{background:-webkit-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}
.cardPhotoInfo{background:rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}

.cardPhotoInfo.shortcut{position:relative;top:142.0px;color:#fff;padding-left:5px}
.cardPhotoInfo{background:-moz-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}
.cardPhotoInfo{background:-webkit-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}
.cardPhotoInfo{background:rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}

.cardPhotoInfo.newHouse{position:relative;top:143.33px;color:#fff;padding-left:5px}
.cardPhotoInfo{background:-moz-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}
.cardPhotoInfo{background:-webkit-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}
.cardPhotoInfo{background:rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}

.cardPhotoInfo.houseViewTour{position:relative;top:143.33px;color:#fff;padding-left:5px}
.cardPhotoInfo{background:-moz-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}
.cardPhotoInfo{background:-webkit-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}
.cardPhotoInfo{background:rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}

.cardPhotoInfo.secondHandHouse{position:relative;top:143.33px;color:#fff;padding-left:5px}
.cardPhotoInfo{background:-moz-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}
.cardPhotoInfo{background:-webkit-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}
.cardPhotoInfo{background:rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}

.cardPhotoInfo.special{position:relative;top:212px;color:#fff;padding-left:5px}
.cardPhotoInfo{background:-moz-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}
.cardPhotoInfo{background:-webkit-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}
.cardPhotoInfo{background:rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}

.cardPhotoInfo.history{position:relative;top:270px;color:#fff;padding-left:5px}
.cardPhotoInfo{background:-moz-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}
.cardPhotoInfo{background:-webkit-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}
.cardPhotoInfo{background:rgba(255,255,255,0.1) 0%,rgba(125,125,125,0.12) 12%,rgba(90,90,90,0.31) 22%,rgba(30,30,30,0.5) 50%,rgba(0,0,0,0.7) 74%,rgba(0,0,0,0.7) 100%)}*/

.cardPhotoInfo .postCardDate{float:right;padding-right:5px;}
.cardContent{}
.postCardTitle{float:left;font-weight:bold;width:calc(78%);height:22px;font-size: 15px; overflow: hidden;}
.postCardTools{float:right;text-align:right;width:calc(22%);}
.cardPrice{font-size:16px;color:#3a9;font-weight:bold;float:left;position:relative;display:block;}
.cardPhotoInfo.special,.cardPhotoInfo.history{font-size:12px}
.cardContent.special,.cardContent.history,.cardPhotoInfo.history{font-size:12px}
.cardPrice.special,.cardPrice.history{font-size:14px;}
.cardDetails,.cardAddress{color:#333;font-size:12px;}
.cardDetails .hotel.icon,.cardDetails .theme.icon{padding-left:25px;}
.cardDetails .hotel.icon{padding-right:20px}
.cardDetails .theme.icon{padding-right:10px}
.cardDetails.special,.cardAddress.special,.cardDetails.history,.cardAddress.history{font-size:10px}
.cardDetails.special .hotel.icon,.cardDetails .theme.icon{padding-left:15px;}
.cardDetails.special .hotel.icon{padding-right:15px}
.cardDetails.special .theme.icon{padding-right:8px}

.postCell.shortcut .circularBackground{font-size:20px;width:200px;height:200px;border:#fff 0px solid;border-radius:100px;background:#3a9;color:#fff;left:30px;position:relative}
.postCell.shortcut .icon{font-size:1em}
.postCard.shortcut .icon{font-size:1em}
.postCell.shortcut{vertical-align:middle}
.postCell.shortcut .shortcutUniversity,.postCell.shortcut .shortcutTransport,.postCell.shortcut .shortcutStudio,.postCell.shortcut .shortcutServiceApartment{position:relative;text-align:center;top:60px}

/* >>>>> WhyChooseUs Section <<<<< */
section.whyChooseUs{height:355px;width:100%;background:#e3e3e3;}
.ui.pointing.menu{padding:2px}
/* >>> NewHouse Post Menu */
section.newHousePost{margin-top:30px;}
.postCell.newHouse.leftColumn{width:220px;padding:0;background:#fff;}
.postCell.newHouse.leftColumn .columnSectionHead.newHouse{width:220px;border-bottom:rgb(239, 124, 3) 2px solid;}
.postCell.newHouse.leftColumn .columnSectionBody{top:5px;position:relative;}
.postCell.newHouse.leftColumn .columnSectionBody .list.icon{position:relative;top:6px;left:-7px}
.postCell.newHouse.leftColumn .columnSectionBody .label{font-size:13px;font-weight:100;margin-top:2px;}
.postCell.newHouse.leftColumn .columnSectionBody .header.site{width:115px;font-size:0.83em;font-weight:100;float:left;overflow: hidden;}
.postCell.newHouse.leftColumn .columnSectionBody .description.site{width:90px;font-size:0.83em;font-weight:90;float:right;overflow: hidden;position:absolute;right:-90px;}
.postCell.newHouse.rightColumn{width:950px;padding:0;vertical-align:top}
.postCell.newHouse.rightColumn .menu{top:8px;left: -3px;position:relative;}
.postCell.newHouse.rightColumn .columnSectionHead.newHouse{width:950px;line-height:40px;font-size:16px;font-weight:lighter;}

/* >>>>>NEW WhyChooseUs Section <<<<< */
.hivesInfoBg{height:348px;width:100%;background:#e3e3e3; overflow: hidden; margin: 63px 0;}
.hivesInfo{height:269px; width:1180px; overflow: hidden; margin:0 auto; margin-top:45px;}
.hivesInfoLeftWrap{width: 360px; height:260px; overflow: hidden; float: left; background-color: #fff; border-radius:6px; box-shadow: 5px 5px 5px #ccc;}
.hivesInfoRightWrap{width: 788px; height:260px; overflow: hidden;  border-radius:6px; box-shadow: 5px 5px 5px #ccc; float: left; margin-left: 30px; background-color: #fff; }
.hivesInfoRightWrapTitle{height: 56px; width: 100%; overflow: hidden;}
.hivesInfoRightWrapContent{ width: 100%; overflow: hidden; text-align: center; }
.hivesInfoRightWrapTitleContent{font-size: 1.9em; color:#ea9b15; display: block; text-align: center; margin-top: 26px;}
.hiveInfoRightTitle{float: right; margin-right: 41px; font-size: 1.2em; margin-top: -6px; cursor: pointer;}
.borderRight{border-right: 1px solid #ccc; height: 150px; margin-left: 3px; margin-right: 3px; float:left;}
.hivesInfoLeftWrapTitle{height: 56px; width: 100%; overflow: hidden;}
.hivesInfoLeftWrapTitleContent{font-size: 1.4em; color:#000; display: block; text-align: left; margin-top: 20px; margin-left: 40px;}
.hivesInfoLeftWrapContent{ width: 100%; overflow: auto; text-align: center; }
.hivesInfoLeftWrapContent{border: 1px solid #ccc; margin-left: 40px; width:280px; height: 186px; padding: 5px;}
.hivesInfoLeftWrapContent .firstArticle{width: 100%; height:80px;  position: relative;}
.hivesInfoLeftWrapContent .firstArticle img{width: 100%; height: 80px;}
.hivesInfoLeftWrapContent .firstArticle .title{font-size: 1.1em; text-align:left; background: rgba(10,12,12,0.5); position: absolute; bottom: 0px; color: #fff; padding-left: 5px; height:25px; line-height:25px; width: 100%; overflow: hidden; cursor: pointer;}
.hivesInfoLeftWrapContent .otherArticle{border-top: 1px solid #ccc; height: 50px;  text-align: left; font-size: 1.1em;}
.hivesInfoLeftWrapContent .otherArticle .title{float: left; width: 200px;}
.hivesInfoLeftWrapContent .otherArticle .contentImg{float: left; width: 55px; height: 40px; margin-left: 5px;}
.hivesInfoLeftWrapContent .otherArticle img{width: 100%; height: 100%;}
.hivesInfoLeftWrapContent .otherArticle .title a{color: #141313 !important;}
.hivesInfoLeftWrapContent::-webkit-scrollbar{ width: 8px; height: 8px; background-color: #f5f5f5;}
/*定义滚动条的轨道，内阴影及圆角*/
.hivesInfoLeftWrapContent::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #f5f5f5;}
/*定义滑块，内阴影及圆角*/
.hivesInfoLeftWrapContent::-webkit-scrollbar-thumb{ height: 8px; border-radius:4px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #6088bf;}

/* >>>>> NewHousePost MenuList */
.newHousePost .newHousePost.menu .item{margin-top:25px !important;background:#efefef !important;font-size:16px;font-weight:normal !important;border:#ddd 1px solid !important;border-bottom:rgb(239, 124, 3) 2px solid !important;border-right-style:none !important;cursor:pointer;top:1px}
.newHousePost .newHousePost.menu .item:last-child{border-right-style:solid !important;}
.newHousePost .newHousePost.menu .active.item{background:rgb(239, 124, 3) !important;rgb(239, 124, 3) 1px solid !important;border-bottom:rgb(239, 124, 3) 2px solid !important;top:1px;color:rgba(255,255,255,1) !important}
section.newHousePost .newHousePost.segment:first-child{margin-bottom:14px;height:268px;padding:0px;top:14px;}
section.newHousePost .newHousePost.segment{margin-bottom:0;height:268px;padding:0px;}

/* >>> HouseViewTour Post Menu */
section.houseViewTourPost{margin-top:30px;}
.postCell.houseViewTour.leftColumn{width:220px;padding:0;background:#fff}
.postCell.houseViewTour.leftColumn .columnSectionHead.houseViewTour{width:220px;border-bottom:rgb(186, 0, 107) 2px solid}
.postCell.houseViewTour.rightColumn{width:950px;padding:0;vertical-align:top}
.postCell.houseViewTour .menu{top:8px;left: -2px;position:relative;}
.postCell.houseViewTour.rightColumn .columnSectionHead.houseViewTour{width:950px;line-height:40px;font-size:16px;font-weight:lighter;}

/* >>>>> HouseViewTour MenuList */
.houseViewTourPost .houseViewTour.menu .item{margin-top:25px !important;background:#efefef !important;font-size:16px;font-weight:normal !important;border:#ddd 1px solid !important;border-bottom:rgb(186, 0, 107) 2px solid !important;border-right-style:none !important;cursor:pointer;top:1px}
.houseViewTourPost .houseViewTour.menu .item:last-child{border-right-style:solid !important;}
.houseViewTourPost .houseViewTour.menu .active.item{background:rgb(186, 0, 107) !important;border-top:rgb(186, 0, 107) 1px solid !important;border-bottom:rgb(186, 0, 107) 2px solid !important;top:1px;color:rgba(255,255,255,1) !important}
section.houseViewTourPost .houseViewTourPost.segment:first-child{margin-bottom:14px;height:268px;padding:0;top:14px}
section.houseViewTourPost .houseViewTourPost.segment{margin-bottom:0;height:268px;padding:0}

/* >>> SecondHandHouse Post Menu */
section.secondHandHousePost{margin-top:30px;}
.postCell.secondHandHouse.leftColumn{width:220px;padding:0;background:#fff;}
.postCell.secondHandHouse.leftColumn .columnSectionHead.secondHandHouse{width:220px;border-bottom:rgb(0, 133, 145) 2px solid}
.postCell.secondHandHouse.rightColumn{width:950px;padding:0;vertical-align:top;}
.postCell.secondHandHouse .menu{top:8px;left: -2px;position:relative;}
.postCell.secondHandHouse.rightColumn .columnSectionHead.secondHandHouse{width:950px;line-height:40px;font-size:16px;font-weight:lighter;}

/* >>>>> SecondHandHouse MenuList */
.secondHandHousePost .secondHandHouse.menu .item{margin-top:25px !important;background:#efefef !important;font-size:16px;font-weight:normal !important;border:#ddd 1px solid !important;border-bottom:rgb(0, 133, 145) 2px solid !important;border-right-style:none !important;cursor:pointer;top:1px}
.secondHandHousePost .secondHandHouse.menu .item:last-child{border-right-style:solid !important;}
.secondHandHousePost .secondHandHouse.menu .active.item{background:rgb(0, 133, 145) !important;border-top:rgb(0, 133, 145) 1px solid !important;border-bottom:rgb(0, 133, 145) 2px solid !important;top:1px;color:rgba(255,255,255,1) !important}
section.secondHandHousePost .secondHandHousePost.segment:first-child{margin-bottom:14px;height:268px;padding:0;top:14px}
section.secondHandHousePost .secondHandHousePost.segment{margin-bottom:0;height:268px;padding:0;}

/* >>> propAd Post Menu */
section.propAdPost{margin-top:30px; overflow: hidden;}
.postCell.propAdHouse.leftColumn{width:220px;padding:0;background:#fff; float: left; overflow: hidden;}
.postCell.propAdHouse.leftColumn .columnSectionHead.propAdHouse{width:220px;border-bottom:rgb(76,108,221) 2px solid;}
.postCell.propAdHouse.rightColumn{width:950px;padding:0;vertical-align:top; float: left;}
.postCell.propAdHouse .menu{top:8px;left: -2px;position:relative;}
.postCell.propAdHouse.rightColumn .columnSectionHead.propAdHouse{width:950px;line-height:40px;font-size:16px;font-weight:lighter;}

/* >>>>> propAd MenuList */
.propAdPost .propAdHouse.menu .item{margin-top:25px !important;background:#efefef !important;font-size:16px;font-weight:normal !important;border:#ddd 1px solid !important;border-bottom:rgb(76,108,221) 2px solid !important;border-right-style:none !important;cursor:pointer;top:1px}
.propAdPost .propAdHouse.menu .item:last-child{border-right-style:solid !important;}
.propAdPost .propAdHouse.menu .active.item{background:rgb(76,108,221) !important;border-top:rgb(76,108,221) 1px solid !important;border-bottom:rgb(76,108,221) 2px solid !important;top:1px;color:rgba(255,255,255,1) !important}
section.propAdPost .propAdPost.segment:first-child{margin-bottom:14px;height:260px;padding:0;top:14px}
section.propAdPost .propAdPost.segment{margin-bottom:0;height:268px;padding:0; }
 .propAdPost .ui.segment{margin-top: 12px !important;  height:268px; padding: 0; }
 .homeAdDiv{width:220px; height: 273px;}
 #fourthLeftColumn{float: left;}
 #propAdCarParkSegment{margin-bottom: 14px !important;}
 .homeNotProp{height: 198px; text-align: center; line-height: 198px; font-size: 22px; color: #ccc;}
 
 
/* >>>>> Footer Section <<<<< */
footer{background:#222;height:600px;color:#474;margin-top:100px;}
footer .containerCell.logoBee{top:0px;position:relative;margin:0 auto;}
footer .navMenu{width:1170px;margin:0 auto;}
footer .navMenu .containerTable a{color:#3a6}
footer .navMenu .containerCell.colspan{height:378px !important}
footer .navMenu .containerCell.colspan section.footerMenu{height:358px !important}
footer .navMenu .containerCell.logoBee{padding-top:20px}
footer .navMenu .containerCell.menuList.footer{display:inline-block;white-space:nowrap;min-width:750px;overflow:hidden;text-align:left;padding-top:30px;}
footer .containerCell.colspan{display:table-caption;position:absolute;text-align:left;padding-top:10px}
footer .containerCell.otherInfo{display:table-caption;position:absolute;color:rgb(153, 153, 153);font-size:0.6em;line-height:18px;}
footer .containerCell.otherInfo hr{width:1120px;border-color:rgb(153,153,153);margin:378px 25px 5px 25px;}
footer .containerCell.otherInfo a[href^="mailto:"]{font-style:normal;}
footer .containerCell.otherInfo img{height:16px}
footer .footerColumm{width: 130px !important; height: 26px !important; line-height: 26px !important; overflow: hidden; }
section.footerMenu .footerMenu.menu .item{color:rgba(153, 153, 153, 0.9) !important;font-weight:100 !important;cursor:pointer;z-index:999}
section.footerMenu .footerPost.segment{height:300px;background:rgba(40, 40, 40, 1);color:rgba(153, 153, 153, 0.9);font-size:xx-small;overflow-x:hidden;line-height:14px;}

/* >>>>> forLease topSiteNavigator Section <<<<< */
.topSiteNavigator{width:100%;background-color:#eee;height:30px;margin:0 auto;padding:0px;border:0px;}
.topSiteNavigator .navMenu{margin:0 auto;padding:0px;border-top:1px solid #ddd;border-left:0px;border-right:0px;}
.topSiteNavigator .navMenu .containerTable{display:table;width:1170px;margin:0 auto}
.topSiteNavigator .navMenu .containerRow{display:table-row}
.topSiteNavigator .navMenu .containerCell{display:table-cell;margin:0 auto;padding:0px;text-align:left;vertical-align:middle;border:0px;}
.topSiteNavigator .navMenu .containerCell.menuList.topSiteNavigator{margin:0 auto;padding:0px;line-height:0px;border:0px;}
.topSiteNavigator .navMenu .containerCell li{margin:0 auto;padding:0px;font-size:10px;line-height:10px;height: 15px;}

/* >>>>> forLease content Section <<<<< */
.forLeaseForm .containerCell .remarks{font-size:11px;padding-bottom:10px;}
.forLeaseForm .containerCell .required, .forLeaseForm .containerCell .fieldTips{color:#f00}
.forLeaseForm .containerTable{display:table;width:1170px;padding-top:30px;}
.forLeaseForm .containerRow{display:table-row}
.forLeaseForm .containerCell{display:table-cell;}
.forLeaseForm .containerCell.leftMenu{width:260px;margin:0 auto;text-align:center;}
.forLeaseForm .containerCell.leftMenu div:first-child img{padding-top:0px !important}
.forLeaseForm .containerCell.mainBody{text-align:left;border-left: 10px solid #ccc;border-right: 10px solid #ccc;vertical-align:top}
.forLeaseForm .containerCell.mainBody .title{text-align:center; display: block;}
.forLeaseForm .containerCell.mainBody h1{font-size:xx-large}
.forLeaseForm .containerCell.mainBody input{width:85%;vertical-align:middle;}
.forLeaseForm .containerCell.mainBody .checkbox{vertical-align:middle;}
.forLeaseForm .ui.raised.segment{width:100%;margin:0 auto;margin-top:20px;margin-bottom:50px;}
.forLeaseForm .containerCell .ui.dropdown{border:#ddd 1px solid;}
.forLeaseForm .containerCell .ui.dropdown.country,.forLeaseForm .containerCell .ui.dropdown.province,.forLeaseForm .containerCell .ui.dropdown.cityDistrict{border:#ddd 1px solid;height:46px;}
.forLeaseForm .containerCell .ui.dropdown:focus{border-color:#96c8da}
.forLeaseForm .containerCell .ui.dropdown .default.text{color:#ddd}
.forLeaseForm .containerCell .hivesplace{color:#090;}
.forLeaseForm .containerCell .fieldset{border:#9cc 1px solid;color:#196;margin:10px 0;}
.forLeaseForm .containerCell legend{margin:10px 0;padding:0 10px;font-weight:lighter;font-size:120%}
.forLeaseForm .containerCell .dropdown .worldFlags.menu{background:#eee;}
.forLeaseForm .containerCell .dropdown .worldFlags.menu .ui.mini.image{width:30px;}
.forLeaseForm .containerCell .specialTitle{padding-top:10px;padding-bottom:2px}
.forLeaseForm .containerCell .dropzone{min-height:220px;border:3px dashed #ccc;padding:10px;background:#effef1;}
.forLeaseForm .containerCell .dropzone.unitPhotoDropHolder.hover,.forLeaseForm .containerCell .dropzone.floorPlanDropHolder.hover{border:3px dashed #96c8da;}
.forLeaseForm .containerCell .ui.right.ribbon.label{margin-left:-5px;font-size:110%;font-weight:lighter}
.forLeaseForm .containerCell .dropzone ul{}
.forLeaseForm .containerCell .ui.checkbox.div{display:block;}
.selectDivByUploadButton{float: left; padding: 5px 8px; background-color: #efefef; cursor: pointer; color: rgba(0,0,0,.87); border: 1px solid #ddd; float: left; padding: 5px 8px; background-color: #efefef; cursor: pointer; color: rgba(0,0,0,.87); border: 1px solid #ddd;}
.selectDivByUploadButton.active{background-color: #f90; color: #fff;}
.changeLanguageDiv{border: 1px solid #ccc; box-shadow:1px 2px 2px #ccc; padding: 5px; margin: 6px; margin-left:3px; margin-top: -1px;}
.selectDivByUpload{overflow: hidden; margin-left: 2px;}
#validatePhoneNumberAd{width: 180px !important;}
#areaCodeAd{width: 180px !important; float: left;}
.numberText{float: left; line-height: 38px; padding-left: 10px;}
.verificationButton{cursor: pointer; padding: 6px 12px;  background-color: #f90; color: #fff; border-radius: 5px;}
#credentials{position: relative;}
#oldPhoneNumberAdInput{margin: 10px;}
#oldPhoneNumberErrorAd{margin:5px 10px;}
.forLeaseForm .doubleCheckWrap{position: absolute; height: 200px; width: 468px; z-index: 101;top: 196px; left: 166px; box-shadow: 2px 2px 2px #ccc; border-radius: 5px; border:1px solid #ccc; background-color: #fff;}
.forLeaseForm .doubleCheckWrapTitle{font-weight: bold; padding: 10px;}
.forLeaseForm .oldNumber{padding-left: 10px; color: #000;}
.forLeaseForm .doubleCheckWrap .buttonWrap{padding-left: 10px;}

.selectDivByUploadButtonByAddress{float: left; padding: 5px 8px; background-color: #efefef; cursor: pointer; color: rgba(0,0,0,.87); border: 1px solid #ddd; float: left; padding: 5px 8px; background-color: #efefef; cursor: pointer; color: rgba(0,0,0,.87); border: 1px solid #ddd;}
.selectDivByUploadButtonByAddress.active{background-color: #f90; color: #fff;}
.changeLanguageDivByAddress{border: 1px solid #ccc; box-shadow:1px 2px 2px #ccc; padding: 5px; margin: 6px; margin-left:3px; margin-top: -1px;}

.input.unitPhotoUpload, input.floorPlanUpload{display:none}

.ui.toggle.checkbox .box:before,.ui.toggle.checkbox label:before{background:rgba(0,120,0,0.1)}
.ui.toggle.checkbox .box,.ui.toggle.checkbox label{padding:0px 20px 0px 60px;line-height:28px;}

/* >>>>> forLease form - KindEditor Section <<<<< */
.ke-dialog-default.ke-dialog{top:calc(100%/5);left:calc(100%/2)} /*inside .forLeaseForm .containerCell */
.imageThumbnailList{display:inline;margin:5px 0px}
.thumbnails{width:auto;width: 125px;height: 95px;margin: 1px 0 0 10px;padding:3px;background:#dfd;border:#ded 1px solid;border-radius:20%;}
.thumbnails:hover{background:#afb;border:#9f9 1px solid;border-radius:20%}

.homePropImg{ width:223px; height:142.0px;}
.featuredSuitableSub.segment .postCell.shortcut{width:calc(100%/4)}
.homePorpWindow{color:#000;}
.homePorpWindow img{width: 214.44px; height: 143.33px;}
.propAdminBg{background:rgb(0, 133, 145);border: 1px solid; #ccc; color: #FFF; height: 25px;padding-left: 5px;}
.propAdminBg input{padding:1px; color: #000; width: 99px;}
.propAdminBg span{ cursor: pointer; padding:1px; text-align:center; width: 50px; display: block; float: right;background-color: RED;}
.postCell.featured.add{width: 238px !important;}

#adSales_vBanner_550 img,#adSales_vBanner_551 img{width:235px;height:400px;padding:10px 0;}
#adSales_vBanner_552 img,#adSales_vBanner_553 img{width:235px;height:400px;padding:10px 0;}
#adSales_vBanner_554 img,#adSales_vBanner_555 img{width:235px;height:400px;padding:10px 0;}

/* >>>>> AdWords, Site Statistics and Analysis <<<<< */
.baiduAnalytic{position:absolute;bottom:0px;left:calc(100%/2);display:none;}

.navcitydiv{ margin-top: 10px;  overflow: hidden; text-align: left;}
.navcity{ margin-right:13.9px; cursor: pointer;padding-left: 2px;}
.navdistrict{margin-right:13.9px; cursor: pointer;}

.addHomePropPostCard{ width: 238px; height: 230px; line-height: 230px; cursor: pointer; }
.addHomeProp{color: #ccc; font-size: 180px; text-align: center;}
.addHomePropPropAdminBg{width: 238px;}
.tag_item_dt{cursor: pointer;}
.postCardAd{float: right;}
.leasePropWindow .cardDetails, .leasePropWindow .cardAddress{font-size:4px !important;}
.leasePropWindow .shortcut .icon{font-size: 1em;}
#sslogo img{margin-left:15px; height: 21px;}
.displayNone{display: none;}

/* 加载动画start */
.ui-loader{background-color:rgba(255,255,255,0) !important; }
#loading{
	background-color: #45b29d !important;
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 1;
	margin:0 auto;
	margin-top: 0px;
	top: 0px;
	left:12px;
	
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
	}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
}

.spinner {
  margin: 0 auto;
  width: 30px;
  height: 30px;
  position: relative;
}
 
.container1 > div, .container2 > div, .container3 > div {
  width: 8px;
  height: 8px;
  background-color: #f5b808;
 
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .spinner-container {
  position: absolute;
  top: -60px;
  width: 100%;
  height: 100%;
}
 
.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
 
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/* 加载动画end */

/* vr start */
.vr{float: left; width: 200px; height: 60px;}   
.vr .containerCell .dropzone{height: 50px !important;}
#addViPhoto{ cursor: pointer; float: right; padding: 6px 12px; background-color: #f90; color: #fff; border-radius: 5px; }
.viewTitle {width: 180px !important;}
.deleteThisView{padding: 6px 8px;  background-color: #00827c; margin-left:10px; color: #fff; border-radius: 5px; font-weight: normal;}
.viImg{ width: 125px; height: 95px; margin: 1px 0 0 10px; padding: 3px; background: #dfd; border: #ded 1px solid;}
.viPhotoType{border: 1px solid;  margin-left: 10px; padding-left: 3px; border-color: #ccc; cursor: pointer; overflow: hidden; border-top:none;}
.viewcontent{float: left;}
.viPhotoType .text{color: blue; float: left; width: 55px; text-align: center;}
.viPhotoType .typeButton{float: right; padding-right: 5px;}   

.denySelect{float: right;}
.viItemList{height: 73px;}
.viItem{cursor:pointer; border-radius: 5px; width: 70px; float:left; border: 1px solid; text-align: center; margin-left: 20px; background-color: #f90; color: #fff;  padding: 5px 10px;}   
/* vr end */

.enter{color: #f90 !important;}
.itemEnter{background-color: red !important; }

/*帮助中心 start */
#cutHead{width: 100%; height:1px; box-shadow: 1px 5px 2px #ccc;}
.wrap{width: 1180px; min-height: 700px; overflow:hidden; margin: 0 auto; margin-top: 20px;}
.wrapLeft{width: 212px; min-height: 700px; overflow:hidden; border: 2px solid #E4E4E4; border-radius:5px; margin-top: 10px; float:left;}
.wrapRight{width: 953px; min-height: 700px; overflow:hidden; border: 2px solid #E4E4E4; border-radius:5px; margin-top: 10px; float: left; margin-left: 13px; padding: 20px;}
.wrapRight .title{border-bottom: 3px solid #E4E4E4;}
#titleH1{display: inline; border-bottom: 3px solid #ff9000; font-size: 1.5em; padding-bottom: 2px;}
.wrapLeft .item{border-bottom: 2px solid #E4E4E4;}
.wrapLeft .title{width:210px; height: 40px; line-height:40px; font-size: 1.3em; padding-left:5px; text-align: left; border-bottom: 1px solid #E4E4E4; cursor: pointer;}
.wrapLeft .content span{ text-align: left; display: block; padding: 5px; padding-left:30px; width: 100%; cursor: pointer;}
.synopsis{padding: 10px; font-size: 1.1em;}
.helpContentHead{font-size: 1.1em; margin-bottom: 5px; color: #ff9000}
.wrapRight .contentR{padding: 10px; font-size: 1.1em; margin-top: 20px;}
.wrapRight .contentR img{margin-bottom: 10px; }
.cursorPointer{cursor: pointer;}
.textAlignRight{text-align: right;}
.overFlowHidden{overflow: hidden;}
#helpContentWrap2{width: 520px !important;}
#helpContentWrap31{width: 529px !important;}
.helpContentWrap32{width: 529px !important;}
#helpContentWrap5{width: 600px !important;}
/*帮助中心   end  */

/*发布文章   start  */
.topborder{ margin: 0;  padding: 0; min-width: 1200px; background: #EEE; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;}
.articleUploadContet{padding-bottom:50px; box-shadow: 0px 5px 5px #ccc; width: 1180px; min-height: 600px; margin: 0 auto; margin-top:28px; border: 1px solid #ccc; border-radius:5px;}
.articleUploadContet .title{font-size: 2em; margin-left: 120px; margin-bottom:20px; margin-top: 20px; border-bottom: 2px solid #ccc; margin-right: 166px; line-height: 60px;}
.articleUploadContet .fieldset{width: 934px; margin-left: 120px;  padding: 13px;}
.articleUploadContet input{border: 1px solid #ccc; font-size: 1.1em; padding: 5px; border-radius:5px;}
#atticleTitle{width: 398px;}
.articleUploadContet .field{margin-bottom: 20px;}
#publishArticleButton{width: 180px;  margin-left: 120px; margin-top: 10px;}
#updateArticleButton{width: 180px;  margin-left: 120px; margin-top: 10px;}
/*发布文章   end  */

/*浏览文章   start  */
.readArticle{ padding:10px; padding-top:30px; padding-bottom:60px; box-shadow: 0px 5px 5px #ccc; width: 1175px; min-height: 600px; margin: 0 auto; overflow:hidden; margin-top:28px; border: 1px solid #ccc; border-radius:5px;}
.readArticle .articleContent .title{font-size: 2.0em; margin-bottom: 20px; padding-top: 10px;}
.readArticle i{margin-right: 10px;}
.readArticle .time{color: #848080;  margin-bottom: 10px;}
.articleSourceSpan{margin-left: 20px;}
.readArticle .content{width: 900px; overflow: hidden;}

.readArticle .articleList{float: left; width: 232px; height: 500px; margin-right:16px;}
.articleListTitle{font-size: 1.6em; height: 30px; margin-top: 32px;}
.readArticle .articleContent{float: left; overflow: hidden;     margin-left: 5px;}
.readArticle .articleList .hivesInfoLeftWrapContent{margin-left: 0; width: 242px; height: 689px;}
.readArticle .articleList .firstArticle{height: 103px;}
.readArticle .articleList .firstArticle .title{height: 39px; line-height: 19px; background-color:rgba(10,12,12,1);}
.readArticle .articleList .otherArticle{padding-top:5px;}
.readArticle .articleList .otherArticle .title{ width: 161px; height: 38px; overflow: hidden;}
/*浏览文章   end  */

/*文章列表  start  */
.articleListContent{width: 1170px; margin: 0 auto; padding: 20px; border: 1px solid #ccc; margin-top: 20px; border-radius: 5px; box-shadow: 0px 2px 2px #ccc;}
.articlePageList .articleListItem{border-top: 1px solid #ccc; height:75px; padding-top: 3px; overflow: hidden; margin-right: 20px;}
.articlePageList .articleListImg{width: 100px; height: 66.6px; overflow: hidden; float: left; margin-right: 20px; }
.articlePageList .articleListImg img{width: 100px; height: 66.6px;}
.articlePageList .articleListtitle{font-size:19px; line-height: 70px;}
/*文章列表  end  */

/*首页侧边导航栏   start  */
#homeRightMenu{position: fixed; bottom: 10px; width: 55px; right: 0; z-index: 12;}
#moquu_wxin {
	margin-top: 5px;
	top: -55px;
    position: absolute;
}
#moquu_wxin a {
	background:url(../../static/img/sbtn.png) 0 -0px;
	right:0;
	float:left;
	width:50px;
	height:50px;
	text-indent:-9999px;
	border-radius:3px;
}
#moquu_wxin a:hover {
	background:url(../../static/img/sbtn.png) -50px -250px
}
#moquu_wshare {
   overflow: hidden;
   margin-top: 5px;
}
#moquu_wshare a {
	background:url(../../static/img/sbtn.png) 0 -200px;
	width:50px;
	height:50px;
	right:0;
	float:left;
	text-indent:-9999px;
	border-radius:3px;
}
#moquu_wshare a:hover {
	background:url(../../static/img/sbtn.png) -50px -200px
}
#moquu_wmaps {
	overflow: hidden;
    margin-top: 5px;
}
#moquu_wmaps a {
	background:url(../../static/img/sbtn.png) 0 -150px;
	width:50px;
	height:50px;
	right:0;
	float:left;
	text-indent:-9999px;
	border-radius:3px;
}
#moquu_wmaps a:hover {
	background:url(../../static/img/sbtn.png) -50px -150px
}
#moquu_top {
	top:516px;
	_margin-top:516px;
	background:url(../../static/img/sbtn.png) 0 -101px;
	width:50px;
	height:50px
}
#moquu_top:hover {
	background:url(../../static/img/sbtn.png) -50px -101px
}
.moquu_wxin,.moquu_wshare {
	position:relative;
	z-index:2
}
.moquu_wxin a:hover .moquu_wxinh,.moquu_wshare a:hover .moquu_wshareh {
	display:block
}
.moquu_wxin .moquu_wxinh {
	position:absolute;
	display:none;
	left:-268px;
	top:-200px;
	width:275px;
	height:355px;
	background:url(../../static/img/weixin.jpg) no-repeat;
}
.moquu_wshare .moquu_wshareh {
	position:absolute;
	display:none;
	left:-280px;
	top:-200px;
	width:275px;
	height:360px;
}
/*首页侧边导航栏  end */
/*注册完成后手机号绑定弹窗  Start */
#userPhoneBindFormHeader{padding-top:10px; padding-left:10px; margin: 0;}
/*注册完成后手机号绑定弹窗  end */

/* leasePropOrderPage Start 租房订单确认页面 */
#leasePropOrderPage{background: #f7f6f5;}
#leasePropOrderPage .leasePropOrderHead{width:100%; height: 41px; line-height:41px; padding-left:15px; background-color: #ff9000; color: #fff; font-size: 1.8em;}
#leasePropOrderPage .leasePropOrderHead .headContent{margin-left: 10px;}
#leasePropOrderPage .propDescription{padding: 10px; background-color:#fff; overflow: hidden; margin-bottom: 10px;}
#leasePropOrderPage .propDescription .propDescriptionLeft{float: left;}
#leasePropOrderPage .propDescription .propDescriptionLeft img{width: 150px; max-height: 200px; overflow: hidden;}
#leasePropOrderPage .propDescription .propDescriptionRight{float: left; width: 180px; margin-left: 10px; margin-top: 10px; font-size: 1.2em;}
#leasePropOrderPage .propDescription .propDescriptionRight .content{color:#666; margin-top: 10px; }
#leasePropOrderPage .propDescription .line{height: 1px; width:100%; float:left; margin-top:10px; border-bottom: 1px solid #ccc;}
#leasePropOrderPage .rentingPeriod{background-color: #fff; margin-bottom: 10px; padding: 15px 10px; overflow:hidden; position: relative; cursor: pointer;}
#leasePropOrderPage .startAndEndTime{width:100%; background-color: #fff; font-size: 1.2em; overflow: hidden; }
#leasePropOrderPage .rentingPeriod input{cursor: pointer !important;}
#leasePropOrderPage .startAndEndTimeLeft{float: left;}
#leasePropOrderPage .startAndEndTimeLeft .time{color: #b5874c;}
#leasePropOrderPage .startAndEndTimeLeft .top{margin-bottom: 10px; margin-top: 5px;}
#leasePropOrderPage .startAndEndTimeRight{float: left; line-height: 56px; margin-left: 30px; color: #b5874c;}
#leasePropOrderPage #config-demo{opacity: 0; filter:Alpha(opacity=0); position: absolute; height: 100%; left: 0; top: 0; z-index: 10;}
#leasePropOrderPage .startAndEndTimeRightMenu{float: right;font-size:1.6em; line-height: 56px; color: #9c8f8f;}
#leasePropOrderPage .orderDetail{background-color: #fff; min-height: 30px; margin-bottom: 10px; font-size: 1.2em; padding: 10px; overflow: hidden;}
#leasePropOrderPage .orderDetail .line{height: 1px; width:100%; float:left; margin-top:10px; margin-bottom:10px; border-bottom: 1px solid #ccc;}
#leasePropOrderPage .orderDetail select{border: none; padding-right: 10px; background-color: #fff; }
#leasePropOrderPage .orderDetail select:focus {outline: none;} 
#leasePropOrderPage .orderDetail .secondWrap input{ border: none; padding: 5px; overflow: hidden;}
#leasePropOrderPage .orderDetail .secondWrap input:focus {outline: none; } 
#orderPhoneNumber{color: #A1758B; padding-left: 5px;}
#leasePropOrderPage .modal{z-index: 3061 !important;}
#leasePropOrderPage .modalWrap{z-index:3062; background-color: #fff; padding: 5px 10px; width: 600px; margin-top: 150px;}
#leasePropOrderPage .modalWrap input{padding: 5px; }
#confirmValidationCode{background-color: #ff9000; border-color: #ff9000;}
#leasePropOrderPage .cancleProvision{color: #b5874c;}
#leasePropOrderPage .icon{float: right; color: #9c8f8f;}
#leasePropOrderPage .addOccupant{float: right; color: #fff; background-color: #ff9000; padding: 7px 28px; border-radius: 3px; cursor: pointer;}
#leasePropOrderPage .occupantName{border: 1px solid #babae8; margin-left: 2px; padding: 3px; padding-right:0; border-radius: 3px; margin-top: 5px; float: left;}
#leasePropOrderPage .deleteOccupant{background-color: #babae8; color: #fff; padding: 4px; border-radius: 0 3px 3px 0; margin-left: 3px; cursor: pointer;}
#leasePropOrderPage .pageBottom{bottom: 0; width: 100%; height: 60px;  background: #fefefe; border-top: 1px #e0e0e0 solid; z-index: 3060; }
#leasePropOrderPage .pageBottomLeft{float: left; width: 200px;}
#leasePropOrderPage .pageBottomLeft .payPrice{margin-left: 10px; margin-top: 2px; font-size: 1.6em;}
#leasePropOrderPage .pageBottomLeft .payPrice .price{color: #ff725d; font-size: 1.2em; margin-top: 9px; display: inline-block;}
#leasePropOrderPage .pageBottomRight{float: right; overflow: hidden; line-height: 60px;}
#leasePropOrderPage .putLeaseOrder{font-size: 1.4em; padding: 6px 12px; background-color: #ff9000; margin-right: 10px; color: #fff; border-radius: .2em; cursor: pointer;}
#leasePropOrderPage .fotter{margin-bottom: 40px;}
#leasePropOrderPage .fotter .rulesOfTransactions{margin-left: 10px;  display: block;  font-size: 1.2em;}
#orderDaterangepicker{top:0 !important; left:-10px !important; min-width: 320px !important; border:none; box-shadow:none; overflow:auto; position: relative;}
#leasePropOrderPage .notSubmitting{background-color: #ccc;}
#leasePropOrderPage .payPrice{color: #b5874c;}
#leasePropOrderPage .modalContentItem{margin-top: 20px;}
#leasePropOrderPage .modalContentItem input{border: none; border-bottom: 1px solid #bdacac; width: 100%;}
#leasePropOrderPage .modalContentItem input:focus {outline: none;}
#occupantList{overflow: hidden;}
#leasePropOrderPage .validatePhoneWrap input{border: none; border-bottom: 1px solid #bdacac;}
#leasePropOrderPage .validatePhoneWrap input:focus {outline: none;}
#leasePropOrderPage .invaliddate , #leasePropOrderPage .invaliddate div{color: #ccc;}
#leasePropOrderPage #cancelBtn{background-color: #ff9000 !important; color: #fff;}
#leasePropOrderPage .calendarmessage{padding-left: 10px; color: #666;}
.cueWrap{position: fixed; left: -150px; top: 50%; z-index:9999; border: 1px solid; width: 272px; line-height: 25px; margin-left: -150px; text-align: center; font-weight: normal; text-shadow: none; color: #fff; padding: 2px 5px; background-color: #f90; border-radius: .5em;}
.mobileCueMessageAnimation{
	-webkit-animation-name:mobileCueMessage;-webkit-animation-duration:2.3s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;
	
	-moz-animation-name:mobileCueMessage;-moz-animation-duration:2.3s;-moz-animation-iteration-count:1;-moz-animation-timing-function:ease-in-out;-moz-animation-fill-mode:forwards;
	
	-ms-animation-name:mobileCueMessage;-ms-animation-duration:2.3s;-ms-animation-iteration-count:1;-ms-animation-timing-function:ease-in-out;-ms-animation-fill-mode:forwards;
	
	-o-animation-name:mobileCueMessage;-o-animation-duration:2.3s;-o-animation-iteration-count:1;-o-animation-timing-function:ease-in-out;-o-animation-fill-mode:forwards;
	
	animation-name:mobileCueMessage;animation-duration:2.3s;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-fill-mode:forwards;
}
@keyframes mobileCueMessage {
	0% {opacity:1; left:50%;}
	80% {opacity:1; left:50%;}
	100% {opacity:0; left: -150px;} 
}
#leasePropOrderPageWrap{border: 1px solid #ccc; width: 1256px; margin: 30px auto; position: relative; border-radius: 5px; overflow: hidden;}
#leasePropOrderPage .navMenu .containerCell.logo{width: 160px !important;}
#leasePropOrderPage .navMenu .containerCell{text-align: left;}
#leasePropOrderPage .navMenu {background-color: #fff;}
/* leasePropOrderPage End 租房订单确认页面  */