@charset "gb2312"; body { font-family: "microsoft yahei", "droidsansfallback", "helveticaneue", "monospace", "sans-serif", "serif"; font-size: 12px; } * { padding: 0; margin: 0; border: none; list-style: none; } .hide { display: none; } .hj-lg-hidden { display: none; } li { list-style: none; } a, a:link, a:hover { text-decoration: none; } i, em, address { font-style: normal; } input:focus, textarea:focus, button:focus { outline: none; } input[type=text], textarea { font-family: "microsoft yahei", "heiti sc", "droidsansfallback", "helvetica", "monospace", "sans-serif", "serif"; } input, button, img { border: none; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset; } textarea { resize: none; } .index-title { clear: both; font-size: 20px; color: #333; font-weight: 700; padding-bottom: 30px; } .index-title:after { content: ""; display: block; width: 0; height: 0; font-size: 0; clear: both; } .index-title a { color: #333; } .index-title a:hover { color: #da5c4f; } .album { position: relative; } .album .more, .album .traffic { position: absolute; right: 0px; top: 4px; font-size: 14px; color: #999; } .album .more.on, .album .traffic.on { color: #f56a03; font-weight: bold; background:0 } .album .traffic { right: 65px; } .album .more:hover, .album .traffic:hover, .album .more:active, .album .traffic:active { color: #f56a03; font-weight: bold; } .assort-map { width: 100%; position: relative; } .assort-map .map-mark { position: relative; width: 100%; overflow: hidden; } .map-mark .assort-distance { position: absolute; right: 20px; top: 20px; z-index: 9; width: 240px; padding: 15px; border: 1px solid #bbb; background: #fff; } .map-mark .assort-distance .close-assort { width: 20px; padding: 10px; text-align: center; line-height: 18px; cursor: pointer; color: #333; } .map-mark .assort-distance h4 { padding-bottom: 10px; font-size: 16px; color: #666; font-weight: normal; } .map-mark .assort-distance h4 i { margin-left: 5px; } .map-mark .assort-distance h4 span { display: inline-block; width: 24px; height: 24px; margin-right: 10px; border-radius: 12px; vertical-align: -5px; } .map-mark .assort-distance.school h4 span { background: no-repeat 1px 6px #06b676; } .map-mark .assort-distance.school ul li .digit { color: #06b676; float: left; } .map-mark .assort-distance.xiaoqu h4 span { background: no-repeat 1px -685px #558fee; } .map-mark .assort-distance.xiaoqu ul li .digit { color: #558fee; float: left; } .map-mark .assort-distance.bank h4 span { background: no-repeat 1px -38px #bd4bca; } .map-mark .assort-distance.bank ul li .digit { color: #bd4bca; float: left; } .map-mark .assort-distance.hospital h4 span { background: no-repeat 1px -16px #ff4147; } .map-mark .assort-distance.hospital ul li .digit { color: #ff4147; float: left; } .map-mark .assort-distance.dinner h4 span { background: no-repeat left -60px #eaae2a; } .map-mark .assort-distance.dinner ul li .digit { color: #eaae2a; float: left; } .map-mark .assort-distance.shopping h4 span { background: no-repeat 2px -83px #6164f7; } .map-mark .assort-distance.shopping ul li .digit { color: #6164f7; float: left; } .map-mark .assort-distance.bus h4 span { background: no-repeat 1px -104px #bf693c; } .map-mark .assort-distance.bus ul li .digit { color: #bf693c; font-size: 14px; margin-right: 5px; } .map-mark .assort-distance.bus ul li a div{padding: 8px 65px 8px 5px} .map-mark .assort-distance.park h4 span { background: no-repeat 1px -147px #bebc36; } .map-mark .assort-distance.park ul li .digit { float: left; color: #bebc36; } .map-mark .assort-distance.plane h4 span { background: no-repeat left -166px #0889f6; } .map-mark .assort-distance.plane ul li .digit { float: left; color: #0889f6; } .map-mark .assort-distance.oil h4 span { background: no-repeat left -186px #25c0cd; } .map-mark .assort-distance.oil ul li .digit { float: left; color: #25c0cd; } .map-mark .assort-distance .close { position: absolute; cursor: pointer; right: -10px; top: -10px; display: block; width: 25px; height: 25px; border-radius: 25px; border: 1px solid #ddd; background:#f5f5f5 ; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-size:24px; text-align:center; line-height:22px } .close:hover { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); color:#f56a03 } .map-mark .assort-distance ul li .digit{ margin-top:9px} .map-mark .assort-distance ul { overflow-y: auto; max-height: 250px; _height:expression(this.scrollheight > 250 ? "250px" : "auto"); overflow-y:auto; } .map-mark .assort-distance ul li { position: relative; border-bottom: 1px dashed #c3c6ca; font-size: 14px; /*line-height: 35px;*/ overflow: hidden; } .map-mark .assort-distance ul li a{ overflow:hidden; zoom:1;display: block;} .map-mark .assort-distance ul li:hover, .assort-distance ul li:active { background: #f7f7f7; } .map-mark .assort-distance ul li a .text { display: inline-block; width: 140px; color: #666;padding: 8px 0 8px 5px; float:left /*white-space: nowrap; text-overflow: ellipsis;*/ } .map-mark .assort-distance ul li a .distance { position: absolute; right: 5px; top: 10px; font-size: 12px; color: #999; width: 120px; text-align: right; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;} .map-mark .assort-distance ul li a:hover .text, .assort-distance ul li a:active .text .assort-distance ul li a:hover .distance, .assort-distance ul li a:active .distance { color: #f56a03; } /*cha xun xian lu*/ .assort-distance .search { margin-top: 10px } .assort-distance .search .start, .assort-distance .search .finish { width: 80px;_width: 60px; height: 30px; line-height:30px; padding: 0px 0px 0px 10px;_padding: 0px 0px 0px 10px; border: 1px solid #c3c6ca; color: #1abc9c; border-radius: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .start::-webkit-input-placeholder { /* webkit browsers */ color:#1abc9c; } .start:-moz-placeholder { /* mozilla firefox 4 to 18 */ color:#1abc9c; } .start::-moz-placeholder { /* mozilla firefox 19 */ color:#1abc9c; } .start:-ms-input-placeholder { /* internet explorer 10 */ color:#1abc9c; } .assort-distance .search .finish { color: #e74c3c;} .finish::-webkit-input-placeholder { /* webkit browsers */ color:#e74c3c; } .finish:-moz-placeholder { /* mozilla firefox 4 to 18 */ color:#e74c3c; } .finish::-moz-placeholder { /* mozilla firefox 19 */ color:#e74c3c; } .finish:-ms-input-placeholder { /* internet explorer 10 */ color:#e74c3c; } .assort-distance .search .button { cursor: pointer; border-radius: 5px; background-color: #f56a03; height: 30px; width: 40px; background-image: ; background-position: 10px; background-repeat: no-repeat; position:absolute; right:10px;} .assort-distance .search .button:hover, .assort-distance .search .button:active { background-color: #f39c12; } /*cha xuan xian lu jie guo*/ .assort-distance .xl { overflow-y: auto; max-height: 250px; overflow-x: hidden; _height:expression(this.scrollheight > 250 ? "250px" : "auto"); overflow-y:auto; } .assort-distance .xl .dt_title { background: #e8edf2; height: 30px; color: #1abc9c; font-size: 14px; line-height: 30px; padding: 5px 10px; } .assort-distance .xl .dt_title strong { float: left; display: inline-block; } .assort-distance .xl .dt_title .dd { width: 130px; display: inline-block; float: left; margin-left: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .assort-distance .xl .dt_title .icon { width: 30px; height: 30px; float: right; display: table-cell; border-radius: 15px; background: #1abc9c; color: #fff; font-size: 18px; text-align: center; font-weight: bold; vertical-align: middle; } .assort-distance .xl .place { height: 40px; border-bottom: 1px dashed #ccc; position: relative; padding: 3px; } .assort-distance .xl .place.hover { background: #f7f7f7; } .assort-distance .xl .place h3 { font-weight: normal; color: #1abc9c; line-height: 20px; font-size: 14px; } .assort-distance .xl .place p { width: 150px; color: #999; line-height: 20px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .assort-distance .xl .place .button { width: 70px; height: 25px; display: none; cursor: pointer; position: absolute; right: 0; top: 13px; background: #3498db; border-radius: 5px; color: #fff; } .assort-distance .xl .place .button:hover, .assort-distance .place .button:active { background: #2386c9; } .assort-distance .xl .place.hover .button { display: block; } .assort-distance .xl .ok { cursor: pointer; background: #e8edf2; border-bottom: 1px solid #dae1e8; height: 30px; color: #1abc9c; font-size: 14px; line-height: 30px; padding: 5px 10px; } .assort-distance .xl .ok strong { float: left; display: inline-block; } .assort-distance .xl .ok .dd { width: 130px; display: inline-block; float: left; margin-left: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .assort-distance .xl .ok .icon { width: 30px; height: 30px; float: right; display: table-cell; border-radius: 15px; background: #f1c40f; color: #fff; font-size: 18px; text-align: center; font-weight: bold; vertical-align: middle; font-family: consolas; } .assort-distance .xl .jtitle { display: block; height: 30px; } .assort-distance .xl .jtitle .qd, .assort-distance .xl .zd { width: 20px; height: 20px; float: left; display: table-cell; text-align: center; vertical-align: middle; border-radius: 30px; border: 2px solid #2ecc71; color: #2ecc71; font-size: 14px; } .assort-distance .xl .jtitle .zd { color: #e74c3c; border: 2px solid #e74c3c; } .assort-distance .xl .jtitle .sm { color: #777; line-height: 24px; margin-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .assort-distance .xl .border { border: 1px dashed #c3c6ca; padding: 5px; color: #777; line-height: 18px; margin-bottom: 10px; } .map-label { position: absolute; left: 0; bottom: 0; width: 100%; height: 52px; background: rgba(0,0,0,0.6); background: rgb(0,0,0)\9; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#85000000', endcolorstr='#85000000'); overflow:hidden } .map-label ul { height: 52px; } .mlabel-li { float: left; padding: 0 20px; height: 52px; position: relative; } .mlabel-li a.icon-text { position: relative; z-index: 1; display: block; padding-left: 27px; height: 52px; line-height: 52px; font-size: 15px; color: #fff;_width:80px; } .mlabel-li.label-eleven a.icon-text{_width:94px} .mlabel-li a.icon-text span { position: absolute; z-index: -1; left: 0; top: 15px; display: block; width: 22px; height: 23px; border-radius: 23px; } .mlabel-li.label-eleven a.icon-text:hover span, .mlabel-li a.icon-text:active span { width: 92px; } .mlabel-li.label-eleven.on a.icon-text span { width: 92px; } .mlabel-li a.icon-text:hover span, .mlabel-li a.icon-text:active span { width: 82px; } .mlabel-li.on a.icon-text span { width: 72px; } .mlabel-li a.icon-text:hover, .mlabel-li a.icon-text:active { color: #fff; } .mlabel-li.label-one a.icon-text span { background: no-repeat left 5px #06b676; } .mlabel-li.label-two a.icon-text span { background: no-repeat left -17px #ff4147; } .mlabel-li.label-three a.icon-text span { background: no-repeat left -39px #bd4bca; } .mlabel-li.label-four a.icon-text span { background: no-repeat left -60px #eaae2a; } .mlabel-li.label-five a.icon-text span { background: no-repeat left -83px #6164f7; } .mlabel-li.label-six a.icon-text span { background: no-repeat left -105px #bf693c; } .mlabel-li.label-seven a.icon-text span { background: no-repeat left -127px #f61686; } .mlabel-li.label-eight a.icon-text span { background: no-repeat left -147px #bebc36; } .mlabel-li.label-nine a.icon-text span { background: no-repeat left -167px #0889f6; } .mlabel-li.label-ten a.icon-text span { background: no-repeat -1px -186px #25c0cd; } .mlabel-li.label-eleven a.icon-text span { background: no-repeat 1px -685px #558fee; } @media screen and (max-width: 990px) { } /*di dian tu biao*/ .bmap_school, .bmap_dinner, .bmap_bus, .bmap_plane, .bmap_hospital, .bmap_shopping, .bmap_park, .bmap_oil, .bmap_bank, .bmap_xiaoqu { cursor: pointer; width: 22px; height: 23px; border-radius: 3px; -moz-box-shadow: 2px 2px 10px #bdb5b5; -webkit-box-shadow: 2px 2px 10px #bdb5b5; box-shadow: 2px 2px 10px #bdb5b5; border: 1px solid rgba(255,255,255,0.8); } .bmap_school:hover, .bmap_school:active, .bmap_xiaoqu:hover, .bmap_xiaoqu:active, .bmap_dinner:hover, .bmap_dinner:active, .bmap_bus:hover, .bmap_bus:active, .bmap_plane:hover, .bmap_plane:active, .bmap_hospital:hover, .bmap_hospital:active, .bmap_shopping:hover, .bmap_shopping:active, .bmap_park:hover, .bmap_park:active, .bmap_oil:hover, .bmap_oil:active, .bmap_bank:hover, .bmap_bank:active { background-color: #f56a03; } .bmap_bus.on, .bmap_shopping.on, .bmap_hospital.on, .bmap_dinner.on, .bmap_plane.on, .bmap_school.on, .bmap_bank.on, .bmap_park.on, .bmap_oil.on { background-color: #f56a03; } .bmap_bus { background: no-repeat left -105px #bf693c; } .bmap_shopping { background: no-repeat left -83px #6164f7; } .bmap_hospital { background: no-repeat left -18px #ff4147; } .bmap_dinner { background: no-repeat left -60px #eaae2a; } .bmap_plane { background: no-repeat left -167px #0889f6; } .bmap_school { background: no-repeat left 5px #06b676; } .bmap_bank { background: no-repeat left -39px #bd4bca; } .bmap_park { background: no-repeat left -147px #bebc36; } .bmap_oil { background: no-repeat -1px -186px #25c0cd; } .bmap_xiaoqu { background: no-repeat 1px -685px #558fee;} /*map ti shi*/ .map_pop { padding: 10px; border: 1px solid #ababab; width: 240px; min-height: 70px; background: #fff; position: absolute; } .dt_title1 { width: 210px; font: bold 14px/16px arial, sans-serif; } .school { color: #06b676; } .hospital { color: #ff4147; } .bank { color: #bd4bca; } .dinner { color: #eaae2a; } .shopping { color: #6164f7; } .bus { color: #bf693c; } .park { color: #bebc36; } .plane { color: #0889f6; } .oil { color: #25c0cd; } .xx { margin-top: 10px; color: #000; line-height: 18px; } .close { z-index: 10000; cursor: pointer; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;color:#999; } .map_tishi { width: 129px; position: absolute; left: 80px; bottom: -25px; } .xx span { color: #1abc9c; } .xiaoqu {color:#558fee;} /*zhuan yi*/ .bmap_mask { background: transparent ; } .bmap_noscreen { display: none; } .bmap_button { cursor: pointer; } .bmap_zoomer { background-image: ; background-repeat: no-repeat; overflow: hidden; font-size: 1px; position: absolute; width: 7px; height: 7px; } .bmap_stdmpctrl div { position: absolute; } .bmap_stdmppan { width: 44px; height: 44px; overflow: hidden; background: no-repeat; } .bmap_ie6 .bmap_stdmppan { background: none; } .bmap_ie6 .bmap_smcbg { left: 0; width: 44px; height: 464px; filter:progid:dximagetransform.microsoft.alphaimageloader(src="../images/mapctrls2d0.png"); } .bmap_ie6 .bmap_stdmppanbg { z-index: -1; } .bmap_stdmppan .bmap_button { height: 15px; width: 15px; } .bmap_pann, .bmap_panw, .bmap_pane, .bmap_pans { overflow: hidden; } .bmap_pann { left: 14px; top: 0; } .bmap_panw { left: 1px; top: 12px; } .bmap_pane { left: 27px; top: 12px; } .bmap_pans { left: 14px; top: 25px; } .bmap_stdmpzoom { top: 45px; overflow: hidden; } .bmap_stdmpzoom .bmap_button { width: 22px; height: 21px; left: 12px; overflow: hidden; background-image: ; background-repeat: no-repeat; z-index: 10; } .bmap_ie6 .bmap_stdmpzoom .bmap_button { background: none; } .bmap_stdmpzoomin { background-position: 0 -221px; } .bmap_stdmpzoomout { background-position: 0 -265px; } .bmap_ie6 .bmap_stdmpzoomin div { left: 0; top: -221px; } .bmap_ie6 .bmap_stdmpzoomout div { left: 0; top: -265px; } .bmap_stdmptype4 .bmap_stdmpzoom .bmap_button { left: 0; overflow: hidden; background: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(255,255,255,0.85)), to(rgba(217,217,217,0.85))); z-index: 10; -webkit-border-radius: 22px; width: 34px; height: 34px; border: 1px solid rgba(255,255,255,0.5); -webkit-box-shadow: 0 2px 3.6px #ccc; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; -webkit-box-sizing: border-box; } .bmap_stdmptype4 .bmap_smcbg { position: static; background: 0 0 no-repeat; -webkit-background-size: 24px 32px; } .bmap_stdmptype4 .bmap_stdmpzoomin { background-position: 0 0; } .bmap_stdmptype4 .bmap_stdmpzoomin .bmap_smcbg { width: 24px; height: 24px; background-position: 0 0; } .bmap_stdmptype4 .bmap_stdmpzoomout { background-position: 0 0; } .bmap_stdmptype4 .bmap_stdmpzoomout .bmap_smcbg { width: 24px; height: 6px; background-position: 0 -25px; } .bmap_stdmpslider { width: 37px; top: 18px; } .bmap_stdmpsliderbgtop { left: 0px; width: 10px; overflow: hidden; background: no-repeat -23px -226px; } .bmap_stdmpsliderbgbot { left: 0px; height: 8px; width: 10px; top: 124px; overflow: hidden; background: no-repeat -33px bottom; } .bmap_ie6 .bmap_stdmpsliderbgtop, .bmap_ie6 .bmap_stdmpsliderbgbot { background: none; } .bmap_ie6 .bmap_stdmpsliderbgtop div { left: -23px; top: -226px; } .bmap_ie6 .bmap_stdmpsliderbgbot div { left: -33px; bottom: 0; } .bmap_stdmpslidermask { height: 100%; width: 24px; left: 10px; cursor: pointer; } .bmap_stdmpsliderbar { height: 11px; width: 19px; left: 13px; top: 80px; overflow: hidden; background: no-repeat 0 -309px; } .bmap_stdmpsliderbar.h { background: no-repeat 0 -320px; } .bmap_ie6 .bmap_stdmpsliderbar, .bmap_ie6 .bmap_stdmpsliderbar.h { background: none; } .bmap_ie6 .bmap_stdmpsliderbar div { top: -309px; } .bmap_ie6 .bmap_stdmpsliderbar.h div { top: -320px; } .bmap_zlst, .bmap_zlcity, .bmap_zlprov, .bmap_zlcountry { position: absolute; left: 34px; height: 21px; width: 28px; background-image: ; background-repeat: no-repeat; font-size: 0; cursor: pointer; } .bmap_ie6 .bmap_zlst, .bmap_ie6 .bmap_zlcity, .bmap_ie6 .bmap_zlprov, .bmap_ie6 .bmap_zlcountry { background: none; overflow: hidden; } .bmap_zlholder { display: none; position: absolute; top: 0; } .bmap_zlholder.hvr { display: block; } .bmap_zlst { background-position: 0 -380px; top: 21px; } .bmap_zlcity { background-position: 0 -401px; top: 52px; } .bmap_zlprov { background-position: 0 -422px; top: 76px; } .bmap_zlcountry { background-position: 0 -443px; top: 100px; } .bmap_ie6 .bmap_zlst div { top: -380px; } .bmap_ie6 .bmap_zlcity div { top: -401px; } .bmap_ie6 .bmap_zlprov div { top: -422px; } .bmap_ie6 .bmap_zlcountry div { top: -443px; } .bmap_stdmptype1 .bmap_stdmpslider, .bmap_stdmptype2 .bmap_stdmpslider, .bmap_stdmptype3 .bmap_stdmpslider, .bmap_stdmptype4 .bmap_stdmpslider, .bmap_stdmptype2 .bmap_stdmpzoom, .bmap_stdmptype3 .bmap_stdmppan, .bmap_stdmptype4 .bmap_stdmppan { display: none; } .bmap_stdmptype3 .bmap_stdmpzoom { top: 0; } .bmap_stdmptype4 .bmap_stdmpzoom { top: 0; } .bmap_cpyctrl a { font-size: 11px; color: #7979cc; } .bmap_scalectrl { height: 23px; overflow: hidden; } .bmap_scalectrl div.bmap_scaletxt { font-size: 11px; font-family: arial, sans-serif; } .bmap_scalectrl div { position: absolute; overflow: hidden; } .bmap_scalehbar img, .bmap_scalelbar img, .bmap_scalerbar img { position: absolute; width: 37px; height: 442px; left: 0; } .bmap_scalehbar { width: 100%; height: 5px; font-size: 0; bottom: 0; } .bmap_scalehbar img { top: -437px; width: 100%; } .bmap_scalelbar, .bmap_scalerbar { width: 3px; height: 9px; bottom: 0; font-size: 0; z-index: 1; } .bmap_scalelbar img { top: -427px; left: 0; } .bmap_scalerbar img { top: -427px; left: -5px; } .bmap_scalelbar { left: 0; } .bmap_scalerbar { right: 0; } .bmap_scaletxt { text-align: center; width: 100%; cursor: default; line-height: 18px; } .bmap_omctrl { background-color: #fff; overflow: hidden; } .bmap_omoutframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bmap_ominnframe { position: absolute; border: 1px solid #999; background-color: #ccc; overflow: hidden; } .bmap_ommapcontainer { position: absolute; overflow: hidden; width: 100%; height: 100%; left: 0; top: 0; } .bmap_omviewmv { border-width: 1px; border-style: solid; border-left-color: #84b0df; border-top-color: #adcff4; border-right-color: #274b8b; border-bottom-color: #274b8b; position: absolute; z-index: 600; } .bmap_omviewinnframe { border: 1px solid #3e6bb8; } .bmap_omviewmask { width: 1000px; height: 1000px; position: absolute; left: 0; top: 0; background-color: #68c; opacity: .2; filter:progid:dximagetransform.microsoft.alpha(opacity=20); } .bmap_ombtn { height: 13px; width: 13px; position: absolute; cursor: pointer; overflow: hidden; background: no-repeat; z-index: 1210; } .anchorbr .bmap_omoutframe { border-top: 1px solid #999; border-left: 1px solid #999; } .quad4 .bmap_ombtn { background-position: -26px -27px; } .quad4 .bmap_ombtn.hover { background-position: 0 -27px; } .quad4 .bmap_ombtn.bmap_ombtnclosed { background-position: -39px -27px; } .quad4 .bmap_ombtn.bmap_ombtnclosed.hover { background-position: -13px -27px; } .anchortr .bmap_omoutframe { border-bottom: 1px solid #999; border-left: 1px solid #999; } .quad1 .bmap_ombtn { background-position: -39px -41px; } .quad1 .bmap_ombtn.hover { background-position: -13px -41px; } .quad1 .bmap_ombtn.bmap_ombtnclosed { background-position: -26px -41px; } .quad1 .bmap_ombtn.bmap_ombtnclosed.hover { background-position: 0 -41px; } .anchorbl .bmap_omoutframe { border-top: 1px solid #999; border-right: 1px solid #999; } .quad3 .bmap_ombtn { background-position: -27px -40px; } .quad3 .bmap_ombtn.hover { background-position: -1px -40px; } .quad3 .bmap_ombtn.bmap_ombtnclosed { background-position: -40px -40px; } .quad3 .bmap_ombtn.bmap_ombtnclosed.hover { background-position: -14px -40px; } .anchortl .bmap_omoutframe { border-bottom: 1px solid #999; border-right: 1px solid #999; } .quad2 .bmap_ombtn { background-position: -40px -28px; } .quad2 .bmap_ombtn.hover { background-position: -14px -28px; } .quad2 .bmap_ombtn.bmap_ombtnclosed { background-position: -27px -28px; } .quad2 .bmap_ombtn.bmap_ombtnclosed.hover { background-position: -1px -28px; } .anchorr .bmap_omoutframe { border-bottom: 1px solid #999; border-left: 1px solid #999; border-top: 1px solid #999; } .anchorl .bmap_omoutframe { border-bottom: 1px solid #999; border-right: 1px solid #999; border-top: 1px solid #999; } .anchorb .bmap_omoutframe { border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; } .anchort .bmap_omoutframe { border-bottom: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999; } .anchornon .bmap_omoutframe, .withoffset .bmap_omoutframe { border: 1px solid #999; } .bmap_zoommask0, .bmap_zoommask1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent ; z-index: 1000; } .bmap_contextmenu { position: absolute; border-top: 1px solid #adbfe4; border-left: 1px solid #adbfe4; border-right: 1px solid #8ba4d8; border-bottom: 1px solid #8ba4d8; padding: 0; margin: 0; width: auto; visibility: hidden; background: #fff; z-index: 10000000; } .bmap_cmshadow { position: absolute; background: #000; opacity: .3; filter: alpha(opacity=30); visibility: hidden; z-index: 9000000; } div.bmap_cmdivider { border-bottom: 1px solid #adbfe4; font-size: 0; padding: 1px; margin: 0 6px; } div.bmap_cmfstitem { margin-top: 2px; } div.bmap_cmlstitem { margin-bottom: 2px; } .bmap_shadow img { border: 0 none; margin: 0; padding: 0; height: 370px; width: 1144px; } .bmap_pop .bmap_top { border-top: 1px solid #ababab; background-color: #fff; } .bmap_pop .bmap_center { border-left: 1px solid #ababab; border-right: 1px solid #ababab; background-color: #fff; } .bmap_pop .bmap_bottom { border-bottom: 1px solid #ababab; background-color: #fff; } .bmap_shadow, .bmap_shadow img, .bmap_shadow div { -moz-user-select: none; -webkit-user-select: none; } .bmap_checkbox { background: ; vertical-align: middle; display: inline-block; width: 11px; height: 11px; margin-right: 4px; background-position: -14px 90px; } .bmap_checkbox.checked { background-position: -2px 90px; } .bmap_pop .bmap_top img, .bmap_pop .bmap_center img, .bmap_pop .bmap_bottom img { display: none; } @media print { .bmap_noprint { display: none; } .bmap_noscreen { display: block; } .bmap_mask { background: none; } .bmap_pop .bmap_top img, .bmap_pop .bmap_center img, .bmap_pop .bmap_bottom img { display: block; } } .bmap_vectex { cursor: pointer; width: 11px; height: 11px; position: absolute; background-repeat: no-repeat; background-position: 0 0; } .bmap_vectex_nodet { background-image: ; } .bmap_vectex_node { background-image: ; } .iw { width: 100%; -webkit-box-sizing: border-box; border: .3em solid transparent; -webkit-background-clip: padding; } .iw_rt { position: relative; height: 46px; width: 195px; -webkit-box-sizing: border-box; display: -webkit-box; -webkit-box-align: center; margin: 2px 5px 0 2px; background-color: rgba(0,0,0,0.8); -webkit-box-shadow: 2px 2px 7px rgba(0,0,0,0.3); -webkit-border-radius: 2px; color: #fff; } .iw_rt:after { content: ""; position: absolute; left: 50%; bottom: -8px; width: 0; height: 0; border-left: 5px solid transparent; border-top: 8px solid rgba(0,0,0,0.8); border-right: 5px solid transparent; margin: 0 0 0 -6px; } .iw_s { text-align: center; vertical-align: middle; height: 100%; -webkit-box-sizing: border-box; } .iw_rt .iw_s1 { color: #cbcbcb; } .iw_rt b { color: #fff; font-weight: bold; } .iw_rt_gr { margin-left: -4px; } .iw_busline { margin: 32px 0 0 -3px; } .iw_busline .iw_cc { text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 6px; } .iw_r { -webkit-box-ordinal-group: 3; } .iw_r, .iw_l { height: 100%; font-size: 4.5em; text-align: center; color: #747474; border: none; -webkit-box-sizing: border-box; -webkit-border-radius: 0; line-height: .7em; border: 1px solid rgba(255,255,255,0.2); width: 41px; } .iw_r { border-style: none none none solid; } .iw_l { border-style: none solid none none; } .iw_search, .iw_l { background: no-repeat 50% 50%; -webkit-background-size: 19px 19px; } .iw_line_s, .iw_r { background: no-repeat 50% 50%; -webkit-background-size: 19px 19px; } .iw_line { height: 64px; width: 228px; padding: 0 11px; line-height: 20px; } .iw_bustrans .iw_cc { text-align: center; } .iw_c { color: #ffffff; text-decoration: none; overflow: hidden; display: -webkit-box; -webkit-box-align: center; -webkit-box-flex: 1; } .iw_cc { -webkit-box-sizing: border-box; width: 100%; border: none; } .gray_background { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5 } .light_gray_background { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7 } .panoinfobox { cursor: pointer; } .panoinfobox { position: relative; width: 323px; height: 101px; margin-bottom: 4px; cursor: pointer; } .panoinfobox .panoinfoboxtitlebg { width: 323px; height: 19px; position: absolute; left: 0; bottom: 0; z-index: 2; background-color: #000; opacity: .7; } .panoinfobox .panoinfoboxtitlecontent { font-size: 12px; color: #fff; position: absolute; bottom: 2px; left: 5px; z-index: 3; text-decoration: none; } .routeaddressouterbkg { position: relative; padding: 32px 4px 4px 3px; background-color: #ffdd99; } .routeaddressinnerbkg { padding: 3px 5px 8px 8px; background-color: #ffffff; } #routeaddress_div1 { margin-top: 5px; } .routeaddresstip { position: absolute; width: 100%; top: 0px; text-align: center; height: 30px; line-height: 30px; color: #994c00; } .route_tip_con { position: absolute; top: 145px; } .route_tip_con .route_tip { position: absolute; width: 233px; height: 29px; color: #803300; text-align: center; line-height: 29px; border: #cc967a solid 1px; background: #fff2b2; z-index: 100000; } .route_tip_con .route_tip span { position: absolute; top: 0; right: 0; _right: -1px; width: 14px; height: 13px; background: no-repeat 0 -121px; cursor: pointer; } .route_tip_con .route_tip_shadow { width: 233px; height: 29px; position: absolute; left: 1px; top: 1px; background: #505050; border: 1px solid #505050; opacity: 0.2; filter: alpha(opacity=20) } .sel_body_body_page { margin: 5px 0 } .sel_n { margin-top: 5px; overflow: hidden; } .sel_n .sel_top { background: no-repeat 0 -418px; height: 4px; font-size: 0px; } .sel_n .sel_body_top { height: 32px; width: 100%; background: no-repeat 0 -41px; } .sel_n .sel_body_title { float: left; width: 100%; height: 31px; } .sel_n .sel_body_sign { margin-top: 1px; width: 30px; height: 31px; float: left; background: no-repeat -79px -387px; } .sel_n .sel_body_name { height: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 20px 0 30px; padding: 8px 7px 7px; font-size: 14px; color: #fa8722; } .sel_n .sel_body_button { float: left; width: 55px; margin-left: -55px; padding-top: 8px; } .sel_n .sel_body_button a { } .sel_n .sel_bottom { background: no-repeat 0 -415px; height: 4px; font-size: 0px; } .sel_n .sel_body_body { padding: 3px 0 0 0 } .sel_n1 { margin-top: 5px; width: 329px; overflow: hidden; } .sel_n1 .sel_top { background: no-repeat 0 -418px; height: 4px; font-size: 0px; } .sel_n1 .sel_body_top { height: 31px; width: 100%; background: repeat-x; } .sel_n1 .sel_body_top { height: 32px; width: 100%; background: no-repeat 0 -41px } .sel_n1 .sel_body_title { float: left; width: 100%; height: 31px; cursor: pointer; } .sel_n1 .sel_body_sign { margin-top: 1px; width: 30px; height: 31px; float: left; background: no-repeat -79px -387px; } .sel_n1 .sel_body_name { margin: 0 20px 0 30px; padding: 8px 7px 7px; font-size: 14px; color: #fa8722; } .sel_n1 .sel_body_button { float: left; width: 20px; height: 31px; margin-left: -23px; background: no-repeat -253px -382px; overflow: hidden; zoom: 1; cursor: pointer; } .sel_n1 .sel_body_button a { display: none; } .sel_n1 .sel_body_body { display: none } .sel_n1 .sel_bottom { background: no-repeat 0 -415px; height: 4px; font-size: 0px; } .sel_y { margin-top: 5px; overflow: hidden; } .sel_y .sel_top { background: no-repeat 0 -439px; height: 4px; zoom: 1; font-size: 0px; } .sel_y .sel_body_top { height: 32px; width: 100%; background: no-repeat 0 0 } .sel_y .sel_body_title { float: left; width: 100%; height: 31px; cursor: pointer; } .sel_y .sel_body_sign { margin-top: 1px; width: 30px; height: 31px; float: left; background: no-repeat -167px -384px; } .sel_y .sel_body_name { margin: 0 20px 0 30px; padding: 8px 7px 7px; font-size: 14px; color: #5b7bcb; } .sel_y .sel_body_button { float: left; width: 20px; height: 31px; margin-left: -20px; background: no-repeat -269px -297px; cursor: pointer; } .sel_y .sel_body_button a { display: none; } .sel_y .sel_body_body { display: none; height: 0px } .sel_y .sel_body_body_div { } .sel_y .sel_bottom { background: no-repeat 0 -436px; height: 4px; font-size: 0px; } .sel_y .sel_body_body_page { display: none; height: 0px; } .sel_x { margin-top: 5px; width: 329px; overflow: hidden; } .sel_x .sel_top { background: no-repeat 0 -418px; height: 4px; font-size: 0px; } .sel_x .sel_body_top { height: 32px; width: 100%; background: no-repeat 0 -41px; } .sel_x .sel_body_title { float: left; width: 100%; height: 31px; } .sel_x .sel_body_sign { margin-top: 1px; width: 30px; height: 31px; float: left; background: no-repeat -122px -384px; } .sel_x .sel_body_name { margin: 0 20px 0 30px; padding: 8px 7px 7px; font-size: 14px; color: #fa8722; } .sel_x .sel_body_button { float: left; width: 55px; margin-left: -55px; padding-top: 8px; } .sel_x .sel_body_button a { } .sel_x .sel_body_body { } .sel_x .sel_body_body_div { padding: 5px 5px 0 5px; } .sel_x .sel_bottom { background: no-repeat 0 -415px; height: 4px; font-size: 0px; } .sel_x1 { margin-top: 5px; width: 329px; overflow: hidden; } .sel_x1 .sel_top { background: no-repeat 0 -418px; height: 4px; font-size: 0px; } .sel_x1 .sel_body_top { height: 32px; width: 100%; background: no-repeat 0 -41px } .sel_x1 .sel_body_title { float: left; width: 100%; height: 31px; cursor: pointer; } .sel_x1 .sel_body_sign { margin-top: 1px; width: 30px; height: 31px; float: left; background: no-repeat -122px -384px; } .sel_x1 .sel_body_name { margin: 0 20px 0 30px; padding: 8px 7px 7px; font-size: 14px; color: #fa8722; } .sel_x1 .sel_body_button { float: left; width: 55px; height: 31px; margin-left: -55px; } .sel_x1 .sel_body_button a { display: none; } .sel_x1 .sel_body_body { display: none; height: 0px; } .sel_x1 .sel_body_body_div { padding: 5px 5px 0 5px; } .sel_x1 .sel_bottom { background: no-repeat 0 -415px; height: 4px; font-size: 0px; } .sel_body_citylist { height: 100px; padding: 0 0 0 5px } .sel_body_resitem { table-layout: fixed; overflow-x: hidden; overflow-y: hidden; } .sel_body_resitem table { margin-right: 5px; } .sel_body_resitem tr { cursor: pointer; } .sel_body_resitem th { padding-top: 5px; padding-left: 5px; text-align: left; vertical-align: top; width: 22px; } .sel_body_resitem th div.iconbg { background: no-repeat scroll 0 0; height: 29px; width: 24px; } .sel_body_resitem th div.icon { cursor: pointer } .sel_body_resitem th div#no_0_1, .sel_body_resitem th div#no_1_1 { background-position: 0 -64px } .sel_body_resitem th div#no_0_2, .sel_body_resitem th div#no_1_2 { background-position: -24px -64px } .sel_body_resitem th div#no_0_3, .sel_body_resitem th div#no_1_3 { background-position: -48px -64px } .sel_body_resitem th div#no_0_4, .sel_body_resitem th div#no_1_4 { background-position: -72px -64px } .sel_body_resitem th div#no_0_5, .sel_body_resitem th div#no_1_5 { background-position: -96px -64px } .sel_body_resitem th div#no_0_6, .sel_body_resitem th div#no_1_6 { background-position: -120px -64px } .sel_body_resitem th div#no_0_7, .sel_body_resitem th div#no_1_7 { background-position: -144px -64px } .sel_body_resitem th div#no_0_8, .sel_body_resitem th div#no_1_8 { background-position: -168px -64px } .sel_body_resitem th div#no_0_9, .sel_body_resitem th div#no_1_9 { background-position: -192px -64px } .sel_body_resitem th div#no_0_10, .sel_body_resitem th div#no_1_10 { background-position: -216px -64px } .sel_body_resitem td { line-height: 160%; padding: 3px 0 3px 3px; vertical-align: top; } .sel_body_resitem div.ra_td_title { float: left; margin-right: 40px; } .sel_body_resitem div.ra_td_button { float: right; width: 40px; } .sel_body_resitem div.ra_td_button input { height: 18px; font-size: 12px; width: 40px; } .sel_body_resitem div.clear { clear: both; height: 0px; width: 100%; } .sel_body_resitem td .selbtn { width: 70px; height: 29px; background: no-repeat -21px -81px; text-align: center; line-height: 29px; visibility: hidden; color: #b35900; display: inline-block; *display:inline; *zoom:1; } .sel_body_resitem td .list_street_view_poi { display: inline-block; float: none; margin-right: 6px; position: static; *vertical-align:-3px; _vertical-align: -5px; *display:inline; *zoom:1; } .selinfowndbtn { width: 70px; height: 29px; background: no-repeat -21px -81px; text-align: center; line-height: 29px; margin: 0 auto; cursor: pointer; color: #b35900 } .sel_body_body td a { text-decoration: none; cursor: auto; } .sel_body_body td a:hover, .sel_body_body td a:focus { text-decoration: underline; } .panoinfobox { cursor: pointer } .panoinfobox { position: relative; width: 323px; height: 101px; margin-bottom: 4px; cursor: pointer } .panoinfobox .panoinfoboxtitlebg { width: 323px; height: 19px; position: absolute; left: 0; bottom: 0; z-index: 2; background-color: #000; opacity: .7 } .panoinfobox .panoinfoboxtitlecontent { font-size: 12px; color: #fff; position: absolute; bottom: 2px; left: 5px; z-index: 3; text-decoration: none } .pano_switch_left, .pano_switch_right { position: absolute; width: 28px; height: 28px; border: 1px solid gray; cursor: pointer; background: no-repeat } .pano_switch_left { background-position: -28px 0 } .pano_switch_right { background-position: -28px -28px } .pano_switch_left:hover { background-position: 0 0 } .pano_switch_right:hover { background-position: 0 -28px } .pano_switch_left.pano_switch_disable, .pano_switch_right.pano_switch_disable { background: none; border: none } .pano_poi_4, .pano_poi_2, .pano_poi_1 { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: no-repeat; _background: no-repeat; background-position: 0 0 } .pano_photo_arrow_l, .pano_photo_arrow_r { position: absolute; top: 0; width: 20px; height: 100%; background: rgb(243,238,238) } .pano_photo_arrow_l { left: 0 } .pano_photo_arrow_r { right: 0 } .pano_arrow_r, .pano_arrow_l { display: inline-block; width: 18px; height: 18px; background: no-repeat; _background: no-repeat } .pano_arrow_l { background-position: 0 -36px } .pano_arrow_r { background-position: -54px -36px } .pano_photo_arrow_l:hover .pano_arrow_l { background-position: -18px -36px } .pano_photo_arrow_r:hover .pano_arrow_r { background-position: -72px -36px } .pano_photo_arrow_l.pano_arrow_disable .pano_arrow_l { background-position: -36px -36px } .pano_photo_arrow_r.pano_arrow_disable .pano_arrow_r { background-position: -90px -36px } .pano_photo_item { position: relative; float: left; line-height: 0; padding-left: 8px } .pano_photo_decs { position: absolute; bottom: 1px; left: 0; padding: 2px 0; text-indent: 5px; margin-left: 8px; display: inline-block; color: white; background: black; opacity: 0.5; filter: alpha(opacity=50)9; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .pano_photo_item img { display: inline-block; border: solid 1px #ccd2dc; cursor: pointer } .pano_photo_item:hover img { border-color: rgb(0,94,252) } .pano_photo_item_seleted { position: absolute; top: 0; left: -100000px; border: 3px solid rgb(9,125,243) } /**/ .map-mark .assort-distance ul li a div { color: #666; line-height: 20px; font-size: 12px; } .map-mark .assort-distance ul li a:hover div, .map-mark .assort-distance ul li a:active div { color: #f56a03 } .xq_location { width: 24px; height: 36px; cursor: pointer; background-image: ; background-position: 1px 4px; position: absolute; z-index: 100; } .xq_location:hover, .xq_location:active { background-position: 0px -39px; } .xq_dd_title { cursor: pointer; color: #e67e22; line-height: 26px; font-size: 16px; font-weight: 700; } .xq_dd_title:hover, .xq_dd_title:active { color: #d35400; } .xq_ddtx { font-family: \5fae\8f6f\96c5\9ed1; font-size: 14px; display: block; line-height: 20px; color: #333; } .xq_ddtx a { font-size: 16px; cursor: pointer; padding: 0 5px; color: #2ecc71; font-family: arial; font-weight: bold; } .xq_ddtx a:hover, .xq_ddtx a:active { color: #27ae60; } /*xing zou fang shi*/ .assort-distance .way { height: 40px; margin-top: 12px; border-radius: 5px; background: #ecf0f5; box-shadow: 2px 2px 10px #eff3f7; } .assort-distance .way a { width: 85px; float: left; margin-left: 35px; cursor: pointer; color: #34495e; font-weight: 600; line-height: 40px; font-size: 14px; display: inline-block; } .assort-distance .way a:hover, .assort-distance .way a:active, .assort-distance .way a:focus { color: #f56a03; } .assort-distance .way a.on { color: #f56a03; } .assort-distance .way a i.gj, .assort-distance .way a i.car { width: 20px; height: 20px; float: left; margin-top: 9px; margin-right: 5px; background-repeat: no-repeat; } .assort-distance .way a i.gj { background-image: ; background-position: 0px 2px; } .assort-distance .way a i.car { background-image: ; background-position: 0px 3px; } .assort-distance .way a.on i.car, .assort-distance .way a.on i.gj { background-position: 0px -28px } .assort-distance .way a:hover i.car, .assort-distance .way a:active i.car, .assort-distance .way a:hover i.gj, .assort-distance .way a:active i.gj { background-position: 0px -28px } /*jia che fang an*/ .assort-distance .xl .border { position: relative; cursor: pointer; } .assort-distance .xl .border:hover, .assort-distance .xl .border:active { background-color: #f7f7f7; } .assort-distance .xl .border.on { background-color: #f7f7f7; } .assort-distance .xl .border.on .navtrans-navlist-label { background: #0c88e8; } .assort-distance .xl .border .navtrans-navlist-arrow.on { background-position: -61px -70px; } .assort-distance .xl .border .navtrans-navlist-label { position: absolute; width: auto; padding: 0 15px; background: #888; color: #fff; line-height: 20px; } .assort-distance .xl .border .navtrans-navlist-arrow { float: right; width: 7px; height: 4px; background-image: ; background-repeat: no-repeat; background-position: -40px -70px; margin-top: 5px; margin-right: 5px; cursor: pointer; } .assort-distance .xl .border .navtrans-navlist-arrow:hover, .assort-distance .xl .border .navtrans-navlist-arrow:active { background-position: -47px -70px; } .assort-distance .xl .border .title-gj { margin-top: 25px; } .assort-distance .xl .border .title-info { color: #333; margin-top: 25px; } .assort-distance .xl .border .title-info span, .assort-distance .xl .border .title-xl span { padding-right: 8px; margin-right: 8px; border-right: 1px solid #ddd; } .assort-distance .xl .border .title-info span:last-of-type, .assort-distance .xl .border .title-xl span:last-of-type { border: 0; } .assort-distance .xl .border .title-info span.last, .assort-distance .xl .border .title-xl span.last { border: 0; } .assort-distance .xl .border .title-xl { color: #777; } .map-mark .assort-distance .xl ul.navtrans-navlist-list { color: #666; line-height: 20px; overflow-y: hidden; max-height: none; margin-top: -10px; margin-bottom: 12px; } .map-mark .assort-distance .xl .navtrans-navlist-list li { padding: 10px; border-bottom: 1px solid #e4e6e7; border-left: 1px solid #e4e6e7; border-right: 1px solid #e4e6e7; overflow: hidden; font-size: 12px; line-height: 20px; } .navtrans-navlist-icon { float: left; width: 18px; height: 16px; background: no-repeat 0 0; margin-top: 2px; margin-right: 5px; } .money { color: rgb(0, 195, 60); padding-left: 23px; } .navtrans-navlist-list li.list-start, .navtrans-navlist-list li.list-through, .navtrans-navlist-list li.list-end { color: #333; } .navtrans-navlist-icon.nav-st, .navtrans-navlist-icon.nav-through { background-position: -16px -70px; } .navtrans-navlist-icon.nav-ed { background-position: 0 -70px; } .navtrans-navlist-icon.s-0 { } .navtrans-navlist-icon.s-1 { background-position: 0px 0px; } .navtrans-navlist-icon.s-2 { background-position: -18px 0; } .navtrans-navlist-icon.s-3 { background-position: -36px 0; } .navtrans-navlist-icon.s-4 { background-position: -54px 0; } .navtrans-navlist-icon.s-5 { background-position: -72px 0; } .navtrans-navlist-icon.s-6 { background-position: -90px 0; } .navtrans-navlist-icon.s-7 { background-position: 0 -16px; } .navtrans-navlist-icon.s-8 { background-position: -18px -16px; } .navtrans-navlist-icon.s-9 { background-position: -36px -16px; } .navtrans-navlist-icon.s-10 { background-position: -54px -16px; } .navtrans-navlist-icon.s-11 { background-position: -72px -16px; } .navtrans-navlist-icon.s-12 { background-position: -90px -16px; } .navtrans-navlist-icon.s-13 { background-position: 0 -32px; } .navtrans-navlist-icon.s-14 { background-position: -18px -32px; } .assort-distance .xl .ok .icon:hover, .assort-distance .xl .ok .icon:active { background-color: #1abc9c; } @-webkit-keyframes flipiny { 0% { -webkit-transform: perspective(400px) rotatey(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotatey(-10deg); } 70% { -webkit-transform: perspective(400px) rotatey(10deg); } 100% { -webkit-transform: perspective(400px) rotatey(0); opacity: 1; } } @-moz-keyframes flipiny { 0% { -moz-transform: perspective(400px) rotatey(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotatey(-10deg); } 70% { -moz-transform: perspective(400px) rotatey(10deg); } 100% { -moz-transform: perspective(400px) rotatey(0); opacity: 1; } } @-ms-keyframes flipiny { 0% { -ms-transform: perspective(400px) rotatey(90deg); opacity: 0; } 40% { -ms-transform: perspective(400px) rotatey(-10deg); } 70% { -ms-transform: perspective(400px) rotatey(10deg); } 100% { -ms-transform: perspective(400px) rotatey(0); opacity: 1; } } @keyframes flipiny { 0% { transform: perspective(400px) rotatey(90deg); opacity: 0; } 40% { transform: perspective(400px) rotatey(-10deg); } 70% { transform: perspective(400px) rotatey(10deg); } 100% { transform: perspective(400px) rotatey(0); opacity: 1; } } .hj-container { clear: both; margin-right: auto; margin-left: auto; width: 930px; } .hj-container:after, .hj-row:after { display: block; width: 0; height: 0; content: ""; font-size: 0; clear: both; } .hj-row { clear: both; } .hj-col-md-18, .hj-col-lg-22 { position: relative; min-height: 1px; float: left; } .hj-col-lg-22 { width: 930px; } @media screen and (max-width:990px) { .hj-container-md { clear: both; padding: 0 10px; margin-right: auto; margin-left: auto; width: 970px; } .hj-container-md:after { display: block; width: 0; height: 0; content: ""; font-size: 0; clear: both; } .hj-md-hidden { display: none; } .hj-lg-hidden { display: block; } .hj-col-md-18 { width: 970px; } } .hj-btn { display: inline-block; border: none; cursor: pointer; text-decoration: none; color: #fff; text-align: center; font-weight: normal; font-family: "microsoft yahei", "heiti sc", "droidsansfallback", "helvetica", "monospace", "sans-serif", "serif"; } .hj-btn::-moz-focus-inner { padding: 0; border: 0; } .hj-btn-md { width: 130px; height: 46px; line-height: 46px; font-size: 16px; } .hj-btn-seagreen { background: #35b8ae; } .hj-form-input { background: #fff; border: 1px solid #ccc; height: 38px; line-height: 38px; color: #666666; padding: 0 5px 0 37px; font-size: 14px; } .hj-form-input:focus { border: 1px solid #da5c4f; } .hj-user-icon { background: no-repeat 10px center #ffffff; } .hj-mobile-icon { background: no-repeat 10px 12px #ffffff; } .assort-distance.fixed-side { right: 0; top: 200px; bottom: 34%; width: 40px; padding: 0; border: 0; display: inline-block; } .bmap_pop>img{transition: all 0.3s ease-out;} .bmap_pop>img:hover{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);} .anchorbl{ display:none; }