body,html{height: 100%;position: relative;}

#onlineC{width: 100%;height: 100%;background: #fff;}
.leftSide{width: 480px;height: 100%;box-shadow: 1px 0px 10px #c7c5b6;position: relative;left: 0;top: 0;transition: all .3s;background: #fff;position: relative;z-index: 999;}
.onCtop{width: 100%;height: 98px;box-sizing: border-box;padding: 30px 0 0 30px;}
.onCtop .onClogo{width: 163px;float: left;}
.onCtop .onClogo img{display: block;width: 100%}
.onCtop .onCadd{width: 130px;float: left;height: 14px;position: relative;margin-top: 25px;}
.onCtop .onCadd p{font-size: 14px;color: #a1a1a1;line-height: 14px;text-align: center;cursor: pointer;}
.onCtop .onCadd p em{display: inline-block;font-style: normal;}
.onCtop .onCadd p i{display: inline-block;width: 8px;height: 10px;background: url(/images/onC/onC_down.png) no-repeat center;}
.onCtop .onCadd .addList{width: 53%;position: absolute;top: 130%;right: 27px;z-index: 100;background: #f7f7f7;height: 177px;overflow: auto;display: none;}
.onCtop .onCadd .addList li{font-size: 12.5px;line-height: 22px;color: #a1a1a1;text-indent: 9px;cursor: pointer;}
.onCtop h4{font-size: 14px;color: #444444;float: left;height: 18px;margin-top: 20px;font-weight: 500;}
.onCtop h4 em{font-size: 24px;color: #d7a530;font-family: 'MONTSERRAT-REGULAR';line-height: 18px;display: inline-block;vertical-align: top;letter-spacing: -1px;}
.onCsearch{width: 100%;height: 50px;position: relative;}
.onCsearch input{width: 100%;height: 50px;line-height: 50px;font-size: 14px;color: #444444;text-indent: 30px;box-sizing: border-box;border: none;outline: none;background: #eeeae2;position: relative;z-index: 0;}
.onCsearch a{display: block;position: absolute;width: 21px;height: 21px;background: url(/images/onC/search.png) no-repeat center;top: 15px;right: 30px;z-index: 99;}
.onCsearch .searchBox{width: 100%;display: block;box-sizing: border-box;background: #f4f1eb;height: 269px;overflow: auto;position: relative;z-index: 99;box-sizing: border-box;padding: 30px 0;display: none;}
.onCsearch .searchBox li{font-size: 14px;color: #444444;line-height: 30px;text-indent: 30px;cursor: pointer;}
.sequencing{width: 100%;height: 50px;}
.sequencing ul{width: 100%;height: 50px;overflow: hidden;}
.sequencing li{width: 20%;text-align: center;float: left;font-size: 14px;color: #a1a1a1;line-height: 50px;background: #f6f6f6;cursor: pointer;transition: all .3s;}
.sequencing li.on{background: #fff;color: #282828;transition: all .3s;}
.chose{width: 100%;height: 63px;overflow: hidden;border-bottom: 2px solid #eeeae2;}
.chose .choseL{width: 20%;float: left;height: 63px;}
.chose .choseL p{font-size: 14px;color: #444444;line-height: 63px;text-align: right;}
.chose .choseR{width: 80%;height: 63px;float: left;overflow: hidden;}
.chose .choseR li{font-size: 14px;color: #a1a1a1;line-height: 63px;float: left;margin-left: 20px;transition: all .3s;cursor: pointer;}
.chose .choseR li.act{color: #d7a530;transition: all .3s;}
.houseBox{width: 100%;height: 667px;overflow: hidden;}
.houseBox:hover{overflow: auto;}
.houseBox .houseItem{width: 100%;width: 100%;height: 155px;transition: all .3s;position: relative;overflow: hidden;box-sizing: border-box;padding: 20px 0 0 30px;background: #fff;}
.houseBox .houseItem>a{display: block;width: 100%;height: 100%;}
.houseBox .houseItem h3{font-size: 14px;color: #444444;line-height: 14px;font-weight: 500;margin-bottom: 10px;}
.houseBox .houseItem .onCimg{width: 142px;height: 91px;float: left;position: relative;}
.houseBox .houseItem .onCimg img{display: block;width: 100%;height: 100%;}
.houseBox .houseItem .onCimg i{display: block;position: absolute;bottom: 0;left: 0;padding: 5px 10px;background: rgba(40, 40, 40, .6);font-size: 12.5px;color: #f5f3ee;line-height: 13px;}
.houseBox .houseItem .houseItemInfo{width: 300px;height: 91px;box-sizing: border-box;padding: 6px 0 0 9px;float: left;transition: all .3s;}
.houseBox .houseItem .houseItemInfo h2{font-size: 18px;color: #3d3d3d;line-height: 18px;margin-bottom: 10px;font-weight: 500;}
.houseBox .houseItem .houseItemInfo h5{font-size: 14px;color: #747474;line-height: 14px;margin-bottom: 16px;font-weight: 500;}
.houseBox .houseItem .houseItemInfo h5 em{display: inline;font-size: 18px;color: #d7a530;line-height: 14px;font-family: 'MONTSERRAT-REGULAR';letter-spacing: -1px;}
.houseBox .houseItem .houseItemInfo i{display: block;float: left;padding: 0 10px;background: #efefef;font-size: 12px;color: #444444;margin-right: 3px;line-height: 26px;}
.houseBox .houseItem.check{background: url(/images/onC/itemBg.png) no-repeat center !important;}
.leftSide .packUp{display: block;position: absolute;width: 22px;height: 64px;background: url(/images/onC/packUp.png) no-repeat center;top: 50%;margin-top: -32px;right: -22px;box-shadow: 10px 0px 11px -1px #c7c5b6;transition: all .3s;}

#onlineC{position: relative;}
/*µØͼ*/
#allmap{width:100%;height:100%;position: absolute !important;left: 0;top: 0;transition: all .3s ease;}
.main{cursor: pointer;position:absolute;z-index: 999;}
.main .box1{width: 273px;height: 95px;background: url(/images/onC/map-bk.png) no-repeat center;position: relative;overflow: hidden;z-index: 999;}
.main .box1 span{position: absolute; right: 10px;top: 6px;font-size: 12px; color: #a1a1a1;}
.main .box1 .icon{width: 62px;height: 80px;background: url(/images/onC/map-icon.png) no-repeat 16px center;float: left;}
.main .box1 .font{float: left;}
.main .box1 .font h3{font-size: 19px;line-height: 40px;color: #3d3d3d;font-weight: normal;padding: 20px 0 0;margin: 0;}
.main .box1 .font p{font-size: 13px;color: #747474;font-weight: normal;margin: 0;}
.main .box1 .font p em{font-size: 18px;color: #d7a530;font-style: normal;display: inline-block;padding: 0 0 4px;}

.main .box2{width: 300px;height: 428px;margin-top: -155px;margin-left: -120px;background: url(/images/onC/map-bk2.png) no-repeat center bottom;display: none;position: relative;z-index: 999;}
.main .box2 .close{width: 18px;height: 18px;display: block;position: absolute;right: 10px;top: 10px;background: url(/images/onC/map-close.png) no-repeat center;z-index: 3;}
.main .box2 a{text-decoration: none;display: block;}
.main .box2 .img{position: relative;}
.main .box2 .img img{width: 100%;display: block;}
.main .box2 .img p{font-size: 14px;color: #fff;line-height: 18px;position: absolute;bottom: 0;left: 20px;padding-right: 40px;}
.main .box2 .font{width: 260px;height: 88px;padding: 20px;}
.main .box2 .font h3{font-size: 18px;line-height: 18px;color: #444;font-weight: normal;margin: 0;padding: 0;}
.main .box2 .font p{font-size: 13px;color: #a1a1a1;margin: 0;}
.main .box2 .font p.pg15{padding: 15px 0;}
.main .box2 .font p em{font-size: 18px;color: #d7a530;font-style: normal;display: inline-block;padding: 0 4px;}
.main .box2 .font p span{display: inline-block;font-size: 12px;color: #444;line-height: 26px;padding: 0 10px;background: #efefef;margin-right: 3px;}
.main .box2 .nav{width: 260px;height: 60px;line-height: 60px;background: #fafafa;padding: 0 20px;}
.main .box2 .nav span{display: inline-block;padding: 0 12px;font-size: 14px;color: #444;}
.main .box2 .nav em{display: inline-block;width: 1px;height: 10px;background: #d7d7d7;}
.main .tops{width: 100%;background-color: rgba(0,0,0,0.6);height: 80px;overflow:hidden;}
.main .tops.topw{position: absolute;top: 0;left: 0;z-index: 800;}
.main .tops.topw .cirLine::before{width: 21px;}
.main .tops .top{position: relative; cursor: pointer; margin-left: 21px; margin-top: 7px; float: left; width: 60px; height: 60px; text-align: center; line-height: 60px; border-radius: 50%; color: #fff; font-size: 12px;background-color: rgba(137,137,137,0.8);}
.main .tops .top span{padding: 2px; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%;background-color: rgba(80,135,245,0);}
.main .tops .top.on{background-color: rgba(80,135,245,0.5);}
.main .tops .top.on span{background-color: #5087f5;}
.cirLine::before{position: absolute; content: ""; display: inline-block; left: 100%; top: 50%; height: 1px; width: 21px; background-color: #979797;}