@charset "UTF-8"; /* Reset */ /* line 4, ../sass/_reset.scss */ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, .add-rect-block a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3 { margin: 0; padding: 0; border: none; outline: 0; background: transparent; } /*Common Styles*/ /* line 19, ../sass/_reset.scss */ body { position: relative; font: 14px Helvetica,Calibri,Tahoma,Arial,microsoft yahei,sans-serif; width: 100%; height: 100%; overflow-x: hidden; } /* line 20, ../sass/_reset.scss */ button { vertical-align: middle; text-align: center; *width: auto; *overflow: visible; *margin-left: 2px; *margin-right: 2px; } /* line 21, ../sass/_reset.scss */ input, select, textarea { font-family: Helvetica,Calibri,Tahoma,Arial,microsoft yahei,sans-serif; outline: none; } /* line 22, ../sass/_reset.scss */ select option { line-height: 200%; } /* line 23, ../sass/_reset.scss */ input[type="checkbox"] { margin: 0; padding: 0; position: relative; top: 1px; cursor: pointer; } /* line 24, ../sass/_reset.scss */ input[type="radio"] { cursor: pointer; } /* line 25, ../sass/_reset.scss */ label { font-size: 14px; } /* line 26, ../sass/_reset.scss */ label span { cursor: default; } /* line 27, ../sass/_reset.scss */ input:disabled { background: #eee; } /* line 28, ../sass/_reset.scss */ h1, h2 { font-family: Helvetica,Calibri,Tahoma,Arial,微软雅黑,宋体,sans-serif; } /* line 29, ../sass/_reset.scss */ p { line-height: 140%; } /* line 30, ../sass/_reset.scss */ a, .add-rect-block a { text-decoration: none; } /* line 31, ../sass/_reset.scss */ a:focus { outline: none; } /* line 32, ../sass/_reset.scss */ input { padding: 2px; border: solid 1px #dadada; margin-bottom: 0; border-radius: 2px; } /* line 33, ../sass/_reset.scss */ ul li { list-style: none; } /* animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direction */ /*最一般的上下颜色渐变*/ /**start keyframes **/ /**end keyframes **/ /* line 472, mapicon/*.png */ .mapicon-sprite, .mapicon-arrowdown, .mapicon-arrowup, .mapicon-bank, .mapicon-bankm, .mapicon-bus, .mapicon-cinema, .mapicon-cinemam, .mapicon-circle, .mapicon-delete, .mapicon-fangda, .mapicon-fs, .mapicon-gas, .mapicon-gasm, .mapicon-gift, .mapicon-hospital, .mapicon-hospitalm, .mapicon-hotel, .mapicon-hotelm, .mapicon-ic-authorization, .mapicon-jp, .mapicon-jz, .mapicon-menu, .mapicon-restaurant, .mapicon-restaurantm, .mapicon-rz, .mapicon-scenic, .mapicon-scenicm, .mapicon-schoolm, .mapicon-search, .mapicon-sj, .mapicon-station-metro, .mapicon-station_metro2, .mapicon-subway, .mapicon-subwaym, .mapicon-supermarket, .mapicon-supermarketm, .mapicon-wechat, .mapicon-weobo, .mapicon-zd, .mapicon-zoom, .delete, .arrowup, .arrowdown, .circle-bg, .my-mapd-marker, .q, .q2, .toolsCon ul li.active .subway, .toolsCon ul li.active .bus, .toolsCon ul li.active .gas, .toolsCon ul li.active .bank, .toolsCon ul li.active .cinema, .toolsCon ul li.active .hotel, .toolsCon ul li.active .hospital, .toolsCon ul li.active .scenic, .toolsCon ul li.active .restaurant, .toolsCon ul li.active .supermarket, .subway, .bus, .gas, .bank, .cinema, .hotel, .hospital, .scenic, .restaurant, .supermarket, .gift, .jiathis_style.share-black .jtico_weixin, .jiathis_style.share-black .jtico_tsina, .bigicon > i, .rz, .jp, .sj { background-image: url('../images/mapicon-s8aeabe19bd.png'); background-repeat: no-repeat; } /* line 224, brandicons/*.png */ .brandicons-sprite, .star-evaluation .mstar, .star-evaluation.lvl-0 .mstar1, .star-evaluation.lvl-0 .mstar2, .star-evaluation.lvl-0 .mstar3, .star-evaluation.lvl-0 .mstar4, .star-evaluation.lvl-0 .mstar5, .star-evaluation.lvl-1 .mstar2, .star-evaluation.lvl-1 .mstar3, .star-evaluation.lvl-1 .mstar4, .star-evaluation.lvl-1 .mstar5, .star-evaluation.lvl-2 .mstar3, .star-evaluation.lvl-2 .mstar4, .star-evaluation.lvl-2 .mstar5, .star-evaluation.lvl-3 .mstar4, .star-evaluation.lvl-3 .mstar5, .star-evaluation.lvl-4 .mstar5, .typeahead.dropdown-menu a.b-sec .s-info .s-n-b .s-rz, .rz-17, .brand-zz { background-image: url('../images/brandicons-s67bc4c4e8d.png'); background-repeat: no-repeat; } /* line 312, icons/room/*.png */ .room-sprite { background-image: url('../images/icons/room-s31ec987ece.png'); background-repeat: no-repeat; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-arrowdown { background-position: 0 0; height: 5px; width: 8px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-arrowup { background-position: 0 -5px; height: 5px; width: 8px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-bank { background-position: 0 -10px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-bank:hover, .mapicon-bank.bank-hover { background-position: 0 -48px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-bankm { background-position: 0 -86px; height: 43px; width: 32px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-bus { background-position: 0 -129px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-bus:hover, .mapicon-bus.bus-hover { background-position: 0 -167px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-cinema { background-position: 0 -205px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-cinema:hover, .mapicon-cinema.cinema-hover { background-position: 0 -243px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-cinemam { background-position: 0 -281px; height: 43px; width: 32px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-circle { background-position: 0 -324px; height: 32px; width: 32px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-delete { background-position: 0 -356px; height: 16px; width: 16px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-fangda { background-position: 0 -372px; height: 16px; width: 16px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-fs { background-position: 0 -388px; height: 33px; width: 32px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-fs:hover, .mapicon-fs.fs-hover { background-position: 0 -421px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-gas { background-position: 0 -464px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-gas:hover, .mapicon-gas.gas-hover { background-position: 0 -502px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-gasm { background-position: 0 -540px; height: 43px; width: 32px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-gift { background-position: 0 -583px; height: 30px; width: 30px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-hospital { background-position: 0 -613px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-hospital:hover, .mapicon-hospital.hospital-hover { background-position: 0 -651px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-hospitalm { background-position: 0 -689px; height: 43px; width: 32px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-hotel { background-position: 0 -732px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-hotel:hover, .mapicon-hotel.hotel-hover { background-position: 0 -770px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-hotelm { background-position: 0 -808px; height: 43px; width: 32px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-ic-authorization { background-position: 0 -851px; height: 18px; width: 23px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-jp { background-position: 0 -869px; height: 22px; width: 22px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-jz { background-position: 0 -891px; height: 33px; width: 32px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-jz:hover, .mapicon-jz.jz-hover { background-position: 0 -924px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-menu { background-position: 0 -967px; height: 28px; width: 40px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-restaurant { background-position: 0 -995px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-restaurant:hover, .mapicon-restaurant.restaurant-hover { background-position: 0 -1033px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-restaurantm { background-position: 0 -1071px; height: 43px; width: 32px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-rz { background-position: 0 -1114px; height: 18px; width: 18px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-scenic { background-position: 0 -1132px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-scenic:hover, .mapicon-scenic.scenic-hover { background-position: 0 -1170px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-scenicm { background-position: 0 -1208px; height: 43px; width: 32px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-schoolm { background-position: 0 -1251px; height: 43px; width: 32px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-search { background-position: 0 -1294px; height: 24px; width: 24px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-sj { background-position: 0 -1318px; height: 22px; width: 22px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-station-metro { background-position: 0 -1340px; height: 30px; width: 30px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-station_metro2 { background-position: 0 -1370px; height: 30px; width: 30px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-subway { background-position: 0 -1400px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-subway:hover, .mapicon-subway.subway-hover { background-position: 0 -1438px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-subwaym { background-position: 0 -1476px; height: 43px; width: 32px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-supermarket { background-position: 0 -1519px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-supermarket:hover, .mapicon-supermarket.supermarket-hover { background-position: 0 -1557px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-supermarketm { background-position: 0 -1595px; height: 43px; width: 32px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-wechat { background-position: 0 -1638px; height: 48px; width: 48px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-weobo { background-position: 0 -1686px; height: 48px; width: 48px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-zd { background-position: 0 -1734px; height: 2px; width: 14px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-zd:hover, .mapicon-zd.zd-hover { background-position: 0 -1736px; } /* line 84, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-zoom { background-position: 0 -1738px; height: 14px; width: 14px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .mapicon-zoom:hover, .mapicon-zoom.zoom-hover { background-position: 0 -1752px; } /*! mq size define*/ /*! define sport size */ /*! header mq*/ /*senior filter start*/ /*swiper scroll z-index */ /* roomDetail side start*/ /* line 3, ../sass/common/_side.scss */ .my-side { position: fixed; z-index: 99999; right: 40px; } /* line 4, ../sass/common/_side.scss */ .my-side.active { right: 360px; } /* line 5, ../sass/common/_side.scss */ .my-sidebar { width: 40px; height: 100%; background: #0f121c; position: fixed; top: 0; display: block; z-index: 10000; text-align: center; } /* line 6, ../sass/common/_side.scss */ .my-sidebar1 { height: 270px; top: 50%; margin-top: -135px; right: 0px; } /* line 7, ../sass/common/_side.scss */ .my-sidebar i { width: 20px; height: 20px; background: url(../images/icons/icon1.png) no-repeat; display: block; margin: 0 auto; } /* line 8, ../sass/common/_side.scss */ .my-side1 { padding-top: 187px; cursor: pointer; } /* line 9, ../sass/common/_side.scss */ .side-prof i { width: 30px; height: 30px; background-position: 0 -1800px; cursor: pointer; } /* line 10, ../sass/common/_side.scss */ .side1 { cursor: pointer; padding: 10px 0; } /* line 11, ../sass/common/_side.scss */ .side1:hover { background: #f65000; } /* line 12, ../sass/common/_side.scss */ .side-order { height: 114px; border-bottom: 1px solid #444444; padding: 20px 0; color: #FFF; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; transition: background 0.3s; } /* line 13, ../sass/common/_side.scss */ .side-order span { color: #f65000; } /* line 14, ../sass/common/_side.scss */ .side-order:hover span, .cur span { color: #fff; } /* line 15, ../sass/common/_side.scss */ .side-order i { width: 18px; height: 20px; background-position: 0 -1844px; margin-bottom: 7px; } /* line 16, ../sass/common/_side.scss */ .side-favor i { background-position: 0 -1875px; } /* line 17, ../sass/common/_side.scss */ .side-history i { background-position: 0 -1904px; } /* line 18, ../sass/common/_side.scss */ .my-side2 { width: 40px; height: 270px; position: absolute; bottom: 0; } /* line 19, ../sass/common/_side.scss */ .my-side2 .side1 { height: 46px; padding-top: 13px; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; transition: background 0.3s; } /* line 20, ../sass/common/_side.scss */ .side-kf i { background-position: -43px -1801px; } /* line 21, ../sass/common/_side.scss */ .side-fk i { background-position: -43px -1840px; } /* line 22, ../sass/common/_side.scss */ .side-fx i { background-position: -43px -1868px; } /* line 23, ../sass/common/_side.scss */ .side-wx i { background-position: -44px -1900px; } /* line 24, ../sass/common/_side.scss */ .side-wb i { background-position: -44px -1928px; } /* line 25, ../sass/common/_side.scss */ .side-top i { background-position: 0px -1940px; } /* line 26, ../sass/common/_side.scss */ .my-sideOrder { width: 320px; height: 100%; background: #edeff0; position: fixed; top: 0; right: 0; overflow-y: auto; z-index: 9999; display: none; } /* line 27, ../sass/common/_side.scss */ .my-orderList { padding: 15px 10px; background: #FFF; float: left; width: 100%; margin-bottom: 15px; position: relative; } /* line 28, ../sass/common/_side.scss */ .my-orderList .my-img-con { display: inline-block; height: 80px; overflow: hidden; } /* line 33, ../sass/common/_side.scss */ .my-orderList img { width: 113px; float: left; padding-right: 10px; } /* line 34, ../sass/common/_side.scss */ .wid160 { width: 160px; } /* line 35, ../sass/common/_side.scss */ .w300 { width: 300px; } /* line 36, ../sass/common/_side.scss */ .mgy-orderD { position: absolute; top: 8px; right: 8px; width: 18px; height: 18px; background: url(../images/icons/icon1.png) no-repeat; background-position: 0 -1980px; cursor: pointer; display: none; } /* line 37, ../sass/common/_side.scss */ .my-orderList:hover .mgy-orderD { display: block; } /* line 38, ../sass/common/_side.scss */ .side-login { width: 380px; height: 390px; text-align: center; position: fixed; top: 182px; right: 40px; background: #FFF; padding: 40px; border: 1px solid #ccc; display: none; } /* line 39, ../sass/common/_side.scss */ .mgy-height60 { height: 60px; line-height: 60px; } /* line 40, ../sass/common/_side.scss */ .mgy-height47 { height: 47px; line-height: 47px; line-height: inherit\9; } /* line 41, ../sass/common/_side.scss */ .mgy-width217 { width: 217px; } /* line 42, ../sass/common/_side.scss */ .side-feedback { width: 500px; height: 486px; text-align: center; position: absolute; bottom: 0; right: 50px; background: #FFF; padding: 40px 25px; border: 1px solid #ccc; display: none; } /* line 43, ../sass/common/_side.scss */ .my-sidebar1 .side-feedback { bottom: 50%; margin-bottom: -243px; } /* line 44, ../sass/common/_side.scss */ .my-sidebar1 .side-feedback span { top: 167px; } /* line 45, ../sass/common/_side.scss */ .side-cust-serv { display: none; width: 155px; height: 88px; background: #fff; position: absolute; bottom: 188px; right: 50px; border: 1px solid #ccc; } /* line 46, ../sass/common/_side.scss */ .side-weixin, .side-alipay { display: none; width: 186px; height: 176px; background: #fff; position: absolute; bottom: 20px; right: 50px; border: 1px solid #ccc; padding: 16px 18px; } /* line 47, ../sass/common/_side.scss */ .side-weixin div, .side-alipay div { display: block; width: 149px; height: 149px; margin: 0 auto; } /* line 48, ../sass/common/_side.scss */ .side-weixin div img, .side-alipay div img { width: 90%; margin: 0 auto; } /* line 50, ../sass/common/_side.scss */ .side-share { display: none; z-index: -1; width: 170px; height: 68px; background: #fff; position: absolute; bottom: 110px; right: 50px; border: 1px solid #ccc; padding: 16px 18px; } /* line 51, ../sass/common/_side.scss */ .side2 .trang { height: 19px; width: 17px; font-family: Simsun; font-size: 16px; line-height: 21px; overflow: hidden; position: absolute; right: -9px; color: #fff; } /* line 52, ../sass/common/_side.scss */ .side2 .trang-b { height: 19px; width: 17px; font-family: Simsun; font-size: 16px; line-height: 21px; overflow: hidden; position: absolute; right: -10px; color: #ccc; } /* line 53, ../sass/common/_side.scss */ .side-feedback span { top: 56%; } /* line 54, ../sass/common/_side.scss */ .side-cust-serv span { top: 25%; } /* line 55, ../sass/common/_side.scss */ .side-weixin span { top: 45%; } /* line 56, ../sass/common/_side.scss */ .side-alipay span { top: 70%; } /* line 57, ../sass/common/_side.scss */ .side-share span { top: 25%; } /* line 58, ../sass/common/_side.scss */ .my-sideCon { width: 320px; height: 100%; background: #edeff0; position: fixed; top: 0; right: 0; overflow-y: auto; z-index: 9999; display: block; right: -320px; } /* line 59, ../sass/common/_side.scss */ .my-sideConBg { width: 320px; height: 100%; background: #393939; position: fixed; top: 0; right: 0; overflow-y: auto; z-index: 9998; display: none; } /* line 60, ../sass/common/_side.scss */ .my-orderList { padding: 15px 10px; background: #FFF; float: left; width: 100%; margin-bottom: 15px; position: relative; } /* line 61, ../sass/common/_side.scss */ .my-orderList img { width: 113px; float: left; padding-right: 10px; } /* line 62, ../sass/common/_side.scss */ .wid160 { width: 160px; } /* line 63, ../sass/common/_side.scss */ .w300 { width: 300px; } /* line 64, ../sass/common/_side.scss */ .mgy-orderD { position: absolute; top: 8px; right: 8px; width: 18px; height: 18px; background: url(../images/icons/icon1.png) no-repeat; background-position: 0 -1980px; cursor: pointer; display: none; } /* line 65, ../sass/common/_side.scss */ .my-orderList:hover .mgy-orderD { display: block; } /* line 66, ../sass/common/_side.scss */ .side-login { width: 380px; height: 390px; text-align: center; position: fixed; top: 182px; right: 40px; background: #FFF; padding: 40px; display: none; z-index: 10000; } /* line 67, ../sass/common/_side.scss */ .side-prof.act { background: #f65000; } /* line 68, ../sass/common/_side.scss */ .side-prof.act .side-login { display: block; } /* line 69, ../sass/common/_side.scss */ .mgy-height60 { height: 60px; line-height: 60px; } /* line 70, ../sass/common/_side.scss */ .cur, .side-order:hover { background: #f65000; } /* line 72, ../sass/common/_side.scss */ .my-info li { line-height: 25px; } /* line 75, ../sass/common/_side.scss */ .my-info div { text-indent: 1.5em; } /* line 79, ../sass/common/_side.scss */ .my-phone { position: absolute; left: 50%; margin-left: -110px; } /*roomDetail side end*/ /*slide bar */ /* line 87, ../sass/common/_side.scss */ .sliderCon { height: 640px; } /* line 89, ../sass/common/_side.scss */ .side-cust-serv .mg-icon-qq { display: inline-block; width: 20px; height: 18px; background: url(../images/icons/icon1.png) -314px -335px; background-size: 330px 2060px; margin-right: 10px; margin-bottom: -4px; background-position: -43px -1801px; } /*slide login*/ /* line 102, ../sass/common/_side.scss */ .side-login .validate-item { overflow: hidden; } /* line 104, ../sass/common/_side.scss */ .side-login .validate-item .validate-code { height: 47px; } /* line 106, ../sass/common/_side.scss */ .side-login .validate-item .validate-code input { width: 120px; height: 45px; line-height: 47px; } /* line 112, ../sass/common/_side.scss */ .side-login .validate-item .validate-con { height: 47px; } /* line 114, ../sass/common/_side.scss */ .side-login .validate-item .validate-con img { height: 45px; border: 1px solid #ccc; } /* line 118, ../sass/common/_side.scss */ .side-login .validate-item .validate-con .switch-code { height: 42px; margin-top: 3px; } /*btn*/ /* line 4, ../sass/common/_button.scss */ .btn { min-width: 80px; } /*defalut btn */ /* line 6, ../sass/common/_button.scss */ .btn-line-def, .btn-line, .btn-line-gay, .btn-line-orange, .btn-line-black, .btn-line-gray, .btn-line-small, .btn-line-auto, .btn-orange, .btn-orange-header, .btn-orange-ml, .btn-yellow-ml, .btn-danger-ml, .btn-yellow-line, .btn-orange-line, .btn-orange-lg, .btn-blue-lg, .btn-danger-lg, .btn-danger-slg, .btn-gray, .btn-f1 { border-color: #979aa9; color: #489bd1; border: 1px solid #979aa9; height: 35px; padding: 0px 12px; border-radius: 4px; display: inline-block; line-height: 35px; text-align: center; white-space: nowrap; } /* line 17, ../sass/common/_button.scss */ .btn-line-def:hover, .btn-line:hover, .btn-line-gay:hover, .btn-line-orange:hover, .btn-line-black:hover, .btn-line-gray:hover, .btn-line-small:hover, .btn-line-auto:hover, .btn-orange:hover, .btn-orange-header:hover, .btn-orange-ml:hover, .btn-yellow-ml:hover, .btn-danger-ml:hover, .btn-yellow-line:hover, .btn-orange-line:hover, .btn-orange-lg:hover, .btn-blue-lg:hover, .btn-danger-lg:hover, .btn-danger-slg:hover, .btn-gray:hover, .btn-f1:hover, .btn-line-def:active, .btn-line:active, .btn-line-gay:active, .btn-line-orange:active, .btn-line-black:active, .btn-line-gray:active, .btn-line-small:active, .btn-line-auto:active, .btn-orange:active, .btn-orange-header:active, .btn-orange-ml:active, .btn-yellow-ml:active, .btn-danger-ml:active, .btn-yellow-line:active, .btn-orange-line:active, .btn-orange-lg:active, .btn-blue-lg:active, .btn-danger-lg:active, .btn-danger-slg:active, .btn-gray:active, .btn-f1:active { color: #fff; background: #979aa9; text-decoration: none; } /* line 23, ../sass/common/_button.scss */ .btn-line, .btn-line-gay, .btn-line-orange, .btn-line-black, .btn-line-gray { padding: 3px 20px; display: inline; line-height: inherit; color: #979aa9; } /* line 29, ../sass/common/_button.scss */ .btn-line:focus, .btn-line-gay:focus, .btn-line-orange:focus, .btn-line-black:focus, .btn-line-gray:focus { color: #979aa9; } /* line 32, ../sass/common/_button.scss */ .btn-line:hover, .btn-line-gay:hover, .btn-line-orange:hover, .btn-line-black:hover, .btn-line-gray:hover { color: #fff; } /* line 36, ../sass/common/_button.scss */ .btn-line-gay { color: #979aa9; } /* line 42, ../sass/common/_button.scss */ .btn-line-orange, .btn-line-black, .btn-line-gray { border: 1px solid #ff5600; color: #ff5600; } /* line 46, ../sass/common/_button.scss */ .btn-line-orange:focus, .btn-line-black:focus, .btn-line-gray:focus { color: #ff5600; } /* line 49, ../sass/common/_button.scss */ .btn-line-orange:hover, .btn-line-black:hover, .btn-line-gray:hover { border: 1px solid #FF661A; background: #FF661A; color: #fff; } /* line 55, ../sass/common/_button.scss */ .btn-line-black { border: 1px solid #979aa9; color: #0f121c; background: transparent; } /* line 60, ../sass/common/_button.scss */ .btn-line-black:hover { border: 1px solid #7b7f92; background: #f2f2f2; color: #0f121c; } /* line 68, ../sass/common/_button.scss */ .btn-line-gray { border: 1px solid #676767; color: #676767; background: transparent; width: 40%; height: 40px; line-height: 30px; } /* line 76, ../sass/common/_button.scss */ .btn-line-gray:hover { border: 1px solid #4e4e4e; background: transparent; color: #4e4e4e; } /* line 83, ../sass/common/_button.scss */ .btn-line-small, .btn-line-auto { min-width: 40px; height: 24px; padding: 0px; color: #489bd1; line-height: 24px; padding: 0px 8px; } /* line 92, ../sass/common/_button.scss */ .btn-line-auto { min-width: inherit; padding: 0px 12px; } /* line 99, ../sass/common/_button.scss */ .btn-orange, .btn-orange-header, .btn-orange-ml, .btn-yellow-ml, .btn-danger-ml { min-width: 160px; background: #ff5600; border: 1px solid #ff5600; color: #fff; } /* line 105, ../sass/common/_button.scss */ .btn-orange:hover, .btn-orange-header:hover, .btn-orange-ml:hover, .btn-yellow-ml:hover, .btn-danger-ml:hover { background: #FF661A; border: 1px solid #FF661A; } /* line 110, ../sass/common/_button.scss */ .btn-yellow-line, .btn-orange-line { min-width: 220px; background: #ff9000; border: 2px solid #ff9000; height: 45px; line-height: 45px; font-size: 16px; } /* line 119, ../sass/common/_button.scss */ .btn-yellow-line .btn-phone-icon, .btn-orange-line .btn-phone-icon { color: #fff; display: inline-block; line-height: 40px; } /* line 127, ../sass/common/_button.scss */ .btn-yellow-line:hover, .btn-orange-line:hover { background: #ff9000; color: #fff; } /* line 134, ../sass/common/_button.scss */ .btn-orange-line { background: #f56000; border: 2px solid #f65000; } /* line 138, ../sass/common/_button.scss */ .btn-orange-line:hover { background: #f65000; } /* line 142, ../sass/common/_button.scss */ .btn-orange-header { width: 40%; height: 40px; line-height: 30px; } /* line 148, ../sass/common/_button.scss */ .btn-orange-lg, .btn-blue-lg, .btn-danger-lg, .btn-danger-slg { background: #ff5600; border: 1px solid #ff5600; color: #fff; height: 50px; line-height: 50px; font-size: 18px; } /* line 156, ../sass/common/_button.scss */ .btn-orange-lg:hover, .btn-blue-lg:hover, .btn-danger-lg:hover, .btn-danger-slg:hover { background: #FF661A; border: 1px solid #FF661A; } /* line 163, ../sass/common/_button.scss */ .btn-blue-lg { background: #00b8ec; border: 1px solid #00b8ec; } /* line 167, ../sass/common/_button.scss */ .btn-blue-lg:hover { background: #00a4d3; border: 1px solid #00a4d3; } /* line 172, ../sass/common/_button.scss */ .btn-orange-ml { height: 34px; line-height: 34px; min-width: 120px; } /* line 178, ../sass/common/_button.scss */ .btn-yellow-ml { height: 34px; line-height: 34px; min-width: 120px; background: #ffa500; border: 1px solid #ffa500; } /* line 185, ../sass/common/_button.scss */ .btn-yellow-ml:hover { background: #e69500; border: 1px solid #e69500; } /* line 190, ../sass/common/_button.scss */ .btn-danger-lg { background: #eb3734; } /* line 193, ../sass/common/_button.scss */ .btn-danger-lg:hover { background: #e9201d; } /* line 197, ../sass/common/_button.scss */ .btn-danger-slg { background: #03a9f4; border: 1px solid #03a9f4; min-width: 215px; font-size: 15px; } /* line 207, ../sass/common/_button.scss */ .btn-danger-slg:hover { background: #03a9f4; border: 1px solid #03a9f4; } /* line 212, ../sass/common/_button.scss */ .btn-danger-ml { height: 34px; line-height: 34px; min-width: 120px; background: #eb3734; border: 1px solid #eb3734; } /* line 219, ../sass/common/_button.scss */ .btn-danger-ml:hover { background: #e9201d; } /* line 223, ../sass/common/_button.scss */ .btn-info-orange { background: #ff5600; border: 1px solid #ff5600; color: #fff; } /* line 227, ../sass/common/_button.scss */ .btn-info-orange:hover { background: #FF661A; border: 1px solid #FF661A; } /* line 233, ../sass/common/_button.scss */ .addBtn { float: left; height: 34px; width: 34px; line-height: 34px; text-align: center; margin-left: 20px; border: 1px solid #ccc; cursor: pointer; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ /* No support for these yet, use at own risk */ -o-user-select: none; user-select: none; } /* line 245, ../sass/common/_button.scss */ .btn-gray { min-width: 40px; background: #FFF; border: 1px solid #555; color: #555; } /* line 251, ../sass/common/_button.scss */ .btn-gray:hover { background: #555; border: 1px solid #555; } /* line 256, ../sass/common/_button.scss */ .btn-f1 { min-width: 80px; background: #f1f1f1; border: 1px solid #f1f1f1; color: #222; } /* line 262, ../sass/common/_button.scss */ .btn-f1:hover { color: #555; background: #f1f1f1; border: 1px solid #f1f1f1; } /* line 269, ../sass/common/_button.scss */ .applianceList { border: 1px solid #ccc; overflow: hidden; text-align: center; width: 80%; } /* line 274, ../sass/common/_button.scss */ .applianceList input[type=number] { -moz-appearance: textfield; } /* line 275, ../sass/common/_button.scss */ .applianceList input[type=number]::-webkit-inner-spin-button, .applianceList input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* line 279, ../sass/common/_button.scss */ .applianceList .subtract, .applianceList .addList { display: inline-block; width: 35px; text-align: center; border: 1px solid #ccc; float: left; height: 35px; line-height: 35px; border-right: 0px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ /* No support for these yet, use at own risk */ -o-user-select: none; user-select: none; font-size: 18px; } /* line 297, ../sass/common/_button.scss */ .applianceList .checkbox { margin-top: 8px; margin-left: 15px; } /* line 301, ../sass/common/_button.scss */ .applianceList input { width: 35px; border-radius: 0px; float: left; height: 35px; line-height: 35px; text-align: center; } /* line 309, ../sass/common/_button.scss */ .applianceList .addList { border: 1px solid #ccc; border-left: 0px; border-right: 0px; } /* line 314, ../sass/common/_button.scss */ .applianceList .subtract, .applianceList .addList, .applianceList input { border-top: 0px; border-bottom: 0px; } /* line 320, ../sass/common/_button.scss */ .prevBtn { width: 240px; background: #f1f1f1; height: 60px; text-align: center; line-height: 60px; margin: auto; overflow: hidden; border-radius: 5px; } /* line 330, ../sass/common/_button.scss */ .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #fff; background-color: #FF661A; border-color: #FF661A; } /* line 335, ../sass/common/_button.scss */ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #ff5600; border-color: #ff5600; } /* line 339, ../sass/common/_button.scss */ .pagination > li > a, .pagination > li > span { color: #ff5600; } /* line 1, ../sass/common/_dropMenu.scss */ .city-change { width: 62px; padding: 1px 5px 1px 15px; cursor: pointer; position: relative; margin-left: 5px; margin-right: 5px; } /* line 9, ../sass/common/_dropMenu.scss */ .current-city > span, .current-city > .icon-caret-down { color: #B3B6CA; } /* line 12, ../sass/common/_dropMenu.scss */ .city-change:hover > .current-city > span, .city-change:hover > .current-city > .icon-caret-down { color: #fff; } /* line 15, ../sass/common/_dropMenu.scss */ .city-change .city-list { display: none; position: absolute; top: 49px; left: 5px; background: #2e3543; box-shadow: 0 0 3px #333; padding: 12px 10px; width: 230px; } /* line 24, ../sass/common/_dropMenu.scss */ .city-change .city-list li { float: left; } /* line 26, ../sass/common/_dropMenu.scss */ .city-change .city-list li a { display: block; padding: 0 12px; text-align: center; line-height: 30px; color: #979aa9; background: #2e3543; } /* line 33, ../sass/common/_dropMenu.scss */ .city-change .city-list li a:hover { color: #f65000; } /* line 36, ../sass/common/_dropMenu.scss */ .city-change .city-list li a.orange { color: #f65000; } /* line 42, ../sass/common/_dropMenu.scss */ .city-change:hover .city-list { display: block; } /* line 46, ../sass/common/_dropMenu.scss */ .city-change-white { width: 70px; padding: 1px 5px 1px 20px; cursor: pointer; position: relative; } /* line 52, ../sass/common/_dropMenu.scss */ .current-city-white > span, .current-city-white > .icon-caret-down { color: #B3B6CA; } /* line 55, ../sass/common/_dropMenu.scss */ .city-change-white:hover > .current-city-white > span, .city-change-white:hover > .current-city-white > .icon-caret-down { color: #f65000; } /* line 58, ../sass/common/_dropMenu.scss */ .city-change-white .city-list-white { display: none; position: absolute; top: 39px; left: 9px; background: #fff; box-shadow: 0 2px 3px #dcdcdc; } /* line 65, ../sass/common/_dropMenu.scss */ .city-change-white .city-list-white li a { display: block; padding: 0 12px; text-align: center; line-height: 30px; color: #979aa9; background: #fff; } /* line 72, ../sass/common/_dropMenu.scss */ .city-change-white .city-list-white li a:hover { color: #f65000; } /* line 75, ../sass/common/_dropMenu.scss */ .city-change-white .city-list-white li a.orange { color: #f65000; } /* line 80, ../sass/common/_dropMenu.scss */ .city-change-white:hover .city-list-white { display: block; } /* header style */ /* line 7, ../sass/common/_header.scss */ .m-header-wrap { display: none; } /* line 10, ../sass/common/_header.scss */ .my-header-space { position: relative; height: 50px; } /* line 13, ../sass/common/_header.scss */ .my-header-space.twoRow { height: 100px; } @media screen and (max-width: 767px) { /* line 18, ../sass/common/_header.scss */ .my-header-space { height: auto; } /* line 20, ../sass/common/_header.scss */ .my-header-space.twoRow { height: auto; } } /* line 25, ../sass/common/_header.scss */ .my-header { position: fixed; left: 0; top: 0; width: 100%; z-index: 999999; } /* line 31, ../sass/common/_header.scss */ .my-header a { text-decoration: none; } /* line 34, ../sass/common/_header.scss */ .my-header .navbar { background-color: #2e3543; border: 0px; margin-bottom: 0px; border-radius: 0px; } /* line 39, ../sass/common/_header.scss */ .my-header .navbar.white { background-color: #fff; min-height: 40px; } /* line 42, ../sass/common/_header.scss */ .my-header .navbar.white .navbar-nav > li > a { color: #b6b8c2; padding: 10px 15px; } /* line 46, ../sass/common/_header.scss */ .my-header .navbar.white .navbar-nav > li > a:hover { color: #ff6500; } /* line 49, ../sass/common/_header.scss */ .my-header .navbar.white .my-navbar { height: 40px; } /* line 52, ../sass/common/_header.scss */ .my-header .navbar.white .navbar-brand { padding: 6px; height: 40px; } /* line 56, ../sass/common/_header.scss */ .my-header .navbar.white .h-title, .my-header .navbar.white .h-control { height: 40px; line-height: 40px; } /* line 60, ../sass/common/_header.scss */ .my-header .navbar.white .nav > li.active > a { color: #ff6500; } /* line 66, ../sass/common/_header.scss */ .my-header .my-navbar { height: 50px; width: 1200px; min-width: 1200px; margin: auto; } /* line 72, ../sass/common/_header.scss */ .my-header .navbar-collapse { padding-right: 0; padding-left: 0; } /* line 76, ../sass/common/_header.scss */ .my-header .navbar-collapse .hover a { color: #fff; } /* line 81, ../sass/common/_header.scss */ .my-header .navbar-brand { float: left; height: 50px; font-size: 18px; line-height: 20px; padding: 13px 10px 9px 0; } /* line 88, ../sass/common/_header.scss */ .my-header .navbar-nav { margin: 0px; padding-left: 0; list-style: none; } /* line 93, ../sass/common/_header.scss */ .my-header .nav > li { position: relative; display: block; float: left; } /* line 98, ../sass/common/_header.scss */ .my-header .nav > li.active > a { color: #fff; } /* line 101, ../sass/common/_header.scss */ .my-header .navbar-nav > li > a { line-height: 20px; position: relative; display: block; padding: 15px 15px; } /* line 108, ../sass/common/_header.scss */ .my-header .navbar.white .navbar-nav > li.renterin > a { margin: 9px 4px; padding: 0 15px; border: 1px solid #f65000; border-radius: 5px; color: #f65000; font-size: 12px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* line 117, ../sass/common/_header.scss */ .my-header .navbar.white .navbar-nav > li.renterin:hover > a { background: #f65000; color: #fff; } /* line 124, ../sass/common/_header.scss */ .my-header .navbar.white .navbar-nav > li.partnerin > a { margin: 9px 4px; padding: 0 15px; border: 1px solid #979aa9; border-radius: 5px; color: #979aa9; font-size: 12px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* line 133, ../sass/common/_header.scss */ .my-header .navbar.white .navbar-nav > li.partnerin:hover > a { background: #979aa9; color: #fff; } /* line 140, ../sass/common/_header.scss */ .my-header .h-title { float: left; height: 50px; line-height: 50px; } /* line 144, ../sass/common/_header.scss */ .my-header .h-title .findRoom { color: #fff; padding: 1px 15px 1px 16px; cursor: pointer; } /* line 145, ../sass/common/_header.scss */ .my-header .h-title .findRoom > a, .my-header .h-title .add-rect-block .findRoom > a { display: block; height: 100%; } /* line 153, ../sass/common/_header.scss */ .my-header .h-title .findRoom .quickFindRoom { color: #B3B6CA; font-style: normal; } /* line 157, ../sass/common/_header.scss */ .my-header .h-title .findRoom .icon-caret-down { color: #979aa9; } /* line 160, ../sass/common/_header.scss */ .my-header .h-title .findRoom:hover .quickFindRoom, .my-header .h-title .findRoom.hover .quickFindRoom { color: #fff; } /* line 163, ../sass/common/_header.scss */ .my-header .h-title .findRoom:hover .icon-caret-down { color: #fff; } /* line 167, ../sass/common/_header.scss */ .my-header .h-title .findEare { position: absolute; top: 49px; width: 640px; padding: 20px; background: #2e3543; opacity: 0.9; display: none; z-index: 999; font-size: 12px; } /* line 177, ../sass/common/_header.scss */ .my-header .h-title .findEare span { display: inline-block; height: 30px; line-height: 30px; } /* line 179, ../sass/common/_header.scss */ .my-header .h-title .findEare .city { overflow: hidden; } /* line 181, ../sass/common/_header.scss */ .my-header .h-title .findEare .city li { float: left; height: 30px; line-height: 30px; cursor: pointer; } /* line 186, ../sass/common/_header.scss */ .my-header .h-title .findEare .city li a { color: #979aa9; } /* line 188, ../sass/common/_header.scss */ .my-header .h-title .findEare .city li a:hover { color: #ff5600; } /* line 196, ../sass/common/_header.scss */ .my-header .h-title .findRoom:hover .findEare { display: block; } /* line 200, ../sass/common/_header.scss */ .my-header .h-control { float: right; width: auto; height: 50px; line-height: 50px; margin-left: 10px; } /* line 206, ../sass/common/_header.scss */ .my-header .h-control span { display: inline-block; color: #fff; cursor: pointer; } /* line 211, ../sass/common/_header.scss */ .my-header .h-control .msg { padding-left: 30px; } /* line 214, ../sass/common/_header.scss */ .my-header .h-control .loginout { padding-left: 24px; } /* line 218, ../sass/common/_header.scss */ .my-header .navbar-nav > li > a { color: #B3B6CA; } /* line 221, ../sass/common/_header.scss */ .my-header .nav > li > a:hover, .my-header .nav > li > a:focus { background: none; color: #fff; } /* line 227, ../sass/common/_header.scss */ .opt-brand { line-height: 52px; padding: 0 15px 0 7px; } /* line 230, ../sass/common/_header.scss */ .opt-brand > a, .add-rect-block .opt-brand > a { color: #B3B6CA; text-decoration: none; } /* line 234, ../sass/common/_header.scss */ .opt-brand:hover > a, .add-rect-block .opt-brand:hover > a { color: #fff; } /* line 238, ../sass/common/_header.scss */ .findRoomMap { line-height: 52px; padding: 0 15px 0 10px; } /* line 241, ../sass/common/_header.scss */ .findRoomMap > a, .add-rect-block .findRoomMap > a { color: #B3B6CA; text-decoration: none; } /* line 244, ../sass/common/_header.scss */ .findRoomMap > a:focus, .add-rect-block .findRoomMap > a:focus, .findRoomMap > a:hover, .add-rect-block .findRoomMap > a:hover { color: white; } /* line 249, ../sass/common/_header.scss */ .back-home { display: inline-block; color: #979aa9; font-size: 14px; line-height: 20px; margin-top: 11px; padding: 0 0 0 27px; background: url(../images/newIndex/new-index-icon.png) no-repeat -68px -103px; } /* line 257, ../sass/common/_header.scss */ .back-home:hover { color: #fff; } /* line 262, ../sass/common/_header.scss */ .my-header-mgl .navbar { min-height: 40px; color: #979aa9; } /* line 266, ../sass/common/_header.scss */ .my-header-mgl.my-header .my-navbar { height: 40px; } /* line 269, ../sass/common/_header.scss */ .my-header-mgl.my-header .navbar-nav > li > a { padding: 10px 15px; } /* line 272, ../sass/common/_header.scss */ .my-header-mgl.my-header .h-title { height: 40px; } /* line 275, ../sass/common/_header.scss */ .my-header-mgl .city-change { padding: 11px 0px 10px 15px; } /* line 278, ../sass/common/_header.scss */ .my-header-mgl .current-city { line-height: normal; } /* line 281, ../sass/common/_header.scss */ .my-header-mgl .city-change:hover .city-list { display: block; top: 40px; } /* line 286, ../sass/common/_header.scss */ .h-w { position: fixed; left: 0; top: 40px; width: 100%; z-index: 5; background: #fff; } @media (min-width: 768px) { /* line 295, ../sass/common/_header.scss */ .h-w { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); } } /* line 300, ../sass/common/_header.scss */ .h-w-i { display: flex; align-items: center; justify-content: space-between; width: 1200px; height: 80px; margin: 0 auto; overflow: hidden; } /* line 309, ../sass/common/_header.scss */ .h-w-i-l { display: flex; align-items: center; } /* line 313, ../sass/common/_header.scss */ .h-w-i-r { display: flex; } /* line 316, ../sass/common/_header.scss */ .h-b-i { display: inline-block; width: 60px; height: 60px; border-radius: 30px; margin-right: 20px; border: 2px solid #ddd; } /* line 324, ../sass/common/_header.scss */ .h-b-t { display: inline-block; font-size: 24px; color: #333333; margin-right: 20px; } /* line 330, ../sass/common/_header.scss */ .h-b-zs { display: inline-block; margin-top: 6px; margin-right: 10px; width: 78px; height: 18px; background: url(../images/newIndex/new-index-icon.png) no-repeat -23px -486px; cursor: pointer; } /* line 339, ../sass/common/_header.scss */ .h-b-zsnew { height: 18px; width: 21px; background: url(../images/icons/three/sq/sqzs.png) no-repeat left center; background-size: contain; margin: 0px; float: left; } /* line 347, ../sass/common/_header.scss */ .h-b-zsspan { display: block; float: left; height: 18px; line-height: 18px; background-color: #f65000; color: #fff; padding: 0px 5px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; font-size: 11px; margin-left: -1px; padding-right: 10px; } /* line 361, ../sass/common/_header.scss */ .h-b-zmxy { display: inline-block; margin-top: 6px; margin-right: 10px; width: 78px; height: 18px; background: url(../images/newIndex/new-index-icon.png) no-repeat -23px -510px; cursor: pointer; } /* line 370, ../sass/common/_header.scss */ .h-b-link { display: inline-block; padding: 10px 0; margin-left: 80px; color: #333333; font-size: 18px; text-decoration: none !important; } /* line 377, ../sass/common/_header.scss */ .h-b-link:last-child { margin-right: 10px; } /* line 380, ../sass/common/_header.scss */ .h-b-link:hover { color: #1cb1f5; } /* line 385, ../sass/common/_header.scss */ .brandHeaderSub li { float: left; } /* line 387, ../sass/common/_header.scss */ .brandHeaderSub li.active a { color: #1cb1f5; } @media screen and (max-width: 740px) { /*! header */ /* line 397, ../sass/common/_header.scss */ .my-header { display: none; } /* line 400, ../sass/common/_header.scss */ .m-header { width: 100%; height: 45px; display: block; background: url(../images/wap/logo_m.png) no-repeat center center #2e3543; background-size: 20px; } /* line 401, ../sass/common/_header.scss */ .m-header .navbar { display: none; } /* line 409, ../sass/common/_header.scss */ .m-header #menuControl { display: inline-block; float: left; color: #fff; width: 100px; } /* line 414, ../sass/common/_header.scss */ .m-header #menuControl > span { color: #fff; font-size: 14px; height: 45px; line-height: 45px; } /* line 422, ../sass/common/_header.scss */ .m-header-wrap { display: block; position: fixed; top: 0px; z-index: 999998; left: 0px; right: 0px; } /* line 429, ../sass/common/_header.scss */ .m-header-wrap.active { bottom: 0px; position: fixed; } /* line 433, ../sass/common/_header.scss */ .m-header-wrap i.icon-search1 { background: url(../images/wap/search1.png) no-repeat center center; background-size: 16px; width: 45px; height: 45px; right: 0px; position: absolute; } /* line 442, ../sass/common/_header.scss */ .btn-left i { color: #FFF; margin: 6px 10px; float: left; } /* line 446, ../sass/common/_header.scss */ .btn-left i.icon-listm, .btn-left i.icon-delete { width: 15px; height: 15px; margin: 14px 12px; } /* line 451, ../sass/common/_header.scss */ .btn-left i.icon-listm { width: 20px; background: url(../images/icons/icon1.png) no-repeat; background-size: 165px 1030px; background-position: -145px -364.5px; -moz-transition: -moz-transform 0.35s ease-in 0s; -o-transition: -o-transform 0.35s ease-in 0s; -webkit-transition: -webkit-transform 0.35s ease-in; -webkit-transition-delay: 0s; transition: transform 0.35s ease-in 0s; -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } /* line 459, ../sass/common/_header.scss */ .btn-left i.icon-delete { background: url(../images/icons/icon1.png) no-repeat; background-size: 165px 1030px; background-position: -150px -388px; -moz-transition: -moz-transform 0.3s ease-in 0s; -o-transition: -o-transform 0.3s ease-in 0s; -webkit-transition: -webkit-transform 0.3s ease-in; -webkit-transition-delay: 0s; transition: transform 0.3s ease-in 0s; -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } /* line 467, ../sass/common/_header.scss */ .m-header-img { height: 24px; width: 24px; display: inline-block; vertical-align: middle; } /* line 473, ../sass/common/_header.scss */ .m-header-body { position: absolute; top: 45px; left: 0px; right: 0px; z-index: 999998; height: 0px; overflow: hidden; } /* line 481, ../sass/common/_header.scss */ .m-header-body.active { max-height: none; -moz-transition: height 0.35s ease-in 0s; -o-transition: height 0.35s ease-in 0s; -webkit-transition: height 0.35s ease-in; -webkit-transition-delay: 0s; transition: height 0.35s ease-in 0s; height: 100%; } /* line 486, ../sass/common/_header.scss */ .m-header-body .m-header-bg, .m-header-body .m-header-content { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } /* line 493, ../sass/common/_header.scss */ .m-header-body .m-header-bg { background: #0f121c; } /* line 500, ../sass/common/_header.scss */ .m-header-body .m-header-list li { text-align: left; height: 4rem; line-height: 4rem; padding-left: 1.42857rem; border-bottom: 1px solid #343434; text-align: left; } /* line 507, ../sass/common/_header.scss */ .m-header-body .m-header-list li a, .m-header-body .m-header-list li input { color: #fff; font-size: 16px; vertical-align: middle; } /* line 512, ../sass/common/_header.scss */ .m-header-body .m-header-list li a.active, .m-header-body .m-header-list li a:hover, .m-header-body .m-header-list li input { color: #fff; } /*品牌主页 header*/ /* line 521, ../sass/common/_header.scss */ .my-header-space.twoRow { height: 90px !important; } /* line 524, ../sass/common/_header.scss */ .h-w-i { width: 100%; height: 40px; } /* line 528, ../sass/common/_header.scss */ .h-w-i-l { display: none; } /* line 531, ../sass/common/_header.scss */ .h-w-i-r { width: 100%; padding: 0 10px 8px; } /* line 535, ../sass/common/_header.scss */ .brandHeaderSub { border-radius: 5px; border: 1px solid #01a8f7; overflow: hidden; width: 100%; } /* line 540, ../sass/common/_header.scss */ .brandHeaderSub li { width: 33.3%; text-align: center; border-right: 1px solid #01a8f7; } /* line 545, ../sass/common/_header.scss */ .brandHeaderSub li:last-child { border-right: 0px; } /* line 548, ../sass/common/_header.scss */ .brandHeaderSub .h-b-link { padding: 0px; margin: 0px; height: 30px; line-height: 30px; font-size: 14px; color: #01a8f7; } /* line 557, ../sass/common/_header.scss */ .brandHeaderSub li.active a { display: block; background: #01a8f7; color: #fff; font-size: 14px; } } /*footer style*/ /* line 7, ../sass/common/_footer.scss */ .m-search { display: none; } /* line 11, ../sass/common/_footer.scss */ .my-m-footer { display: none; } @media screen and (max-width: 1300px) { /* line 16, ../sass/common/_footer.scss */ .roomdetail-footer { width: 1300px; } } /* line 21, ../sass/common/_footer.scss */ .my-footer { background-color: #2e3543; text-align: center; } /* line 24, ../sass/common/_footer.scss */ .my-footer .copyright { text-align: left; color: #696e7b; font-size: 12px; line-height: 20px; } /* line 30, ../sass/common/_footer.scss */ .my-footer div { color: #979aa9; } /* line 33, ../sass/common/_footer.scss */ .my-footer .footer-item { clear: both; } /* line 35, ../sass/common/_footer.scss */ .my-footer .footer-item ul { overflow: hidden; margin: auto; } /* line 38, ../sass/common/_footer.scss */ .my-footer .footer-item ul li { display: inline-block; } /* line 41, ../sass/common/_footer.scss */ .my-footer .footer-item ul a { color: #fff; padding: 0px 8px; border-right: 1px solid #ccc; } /* line 46, ../sass/common/_footer.scss */ .my-footer .footer-item ul a:last-child { border-right: 0px; } /* line 52, ../sass/common/_footer.scss */ .my-footer .my-footer-wrap { width: 1200px; margin: auto; line-height: 22px; } /* line 57, ../sass/common/_footer.scss */ .my-footer .footer-icon { /*& .rescoure{ background:url(../images/rescoure.png) no-repeat center top; } & .sale{ background:url(../images/sale.png) no-repeat center top; } & .save{ background:url(../images/save.png) no-repeat center top; } & .community{ background:url(../images/community.png) no-repeat center top; }*/ } /* line 70, ../sass/common/_footer.scss */ .my-footer .footer-icon span { color: #979aa9; } /* line 73, ../sass/common/_footer.scss */ .my-footer .footer-icon a { color: #1484bf; } /* line 76, ../sass/common/_footer.scss */ .my-footer .footer-icon div { line-height: 25px; } /* line 79, ../sass/common/_footer.scss */ .my-footer .footer-icon ul li { display: inline-block; width: 24%; padding: 0px 20px; text-align: center; vertical-align: top; } /* line 87, ../sass/common/_footer.scss */ .my-footer .footer-about { overflow: hidden; } /* line 89, ../sass/common/_footer.scss */ .my-footer .footer-about div { color: #979aa9; } /* line 92, ../sass/common/_footer.scss */ .my-footer .footer-about ul { width: 49%; text-align: left; float: left; } /* line 97, ../sass/common/_footer.scss */ .my-footer .footer-about ul li { display: inline-block; width: 100px; vertical-align: top; margin-right: 120px; } /* line 102, ../sass/common/_footer.scss */ .my-footer .footer-about ul li a { color: #696e7b; line-height: 30px; } /* line 105, ../sass/common/_footer.scss */ .my-footer .footer-about ul li a:hover { color: #fff; text-decoration: none; } /* line 111, ../sass/common/_footer.scss */ .my-footer .footer-about ul li.last { margin-right: 0px; } /* line 115, ../sass/common/_footer.scss */ .my-footer .footer-about .footer-app .first { padding: 0px 90px; width: auto; border-left: 1px solid #555a65; margin-right: 0px; } /* line 121, ../sass/common/_footer.scss */ .my-footer .footer-about .footer-app .qrcode { width: 250px; } /* line 126, ../sass/common/_footer.scss */ .my-footer .footer-about .footer-app .last { margin: 0px; width: auto; } /* line 133, ../sass/common/_footer.scss */ .my-footer .footer-friend { text-align: left; font-size: 12px; } /* line 136, ../sass/common/_footer.scss */ .my-footer .footer-friend div { color: #979aa9; } /* line 139, ../sass/common/_footer.scss */ .my-footer .footer-friend a { color: #696e7b; margin-right: 60px; } /* line 142, ../sass/common/_footer.scss */ .my-footer .footer-friend a:hover { color: #fff; text-decoration: none; } /* line 148, ../sass/common/_footer.scss */ .my-footer .footer-copyright { color: #696e7b; font-size: 12px !important; } /* line 152, ../sass/common/_footer.scss */ .my-footer .footer-records { display: inline-block; text-decoration: none; height: 20px; line-height: 20px; } /* line 157, ../sass/common/_footer.scss */ .my-footer .footer-records p { float: left; height: 20px; line-height: 20px; margin: 0px 0px 0px 5px; color: #696e7b; } /* line 166, ../sass/common/_footer.scss */ .my-footer .copyright a, .my-footer .footer-copyright a { color: #696e7b; text-decoration: none; } /* line 170, ../sass/common/_footer.scss */ .my-footer .copyright a:hover, .my-footer .footer-copyright a:hover { color: #ccc; } /* line 173, ../sass/common/_footer.scss */ .my-footer .copyright a:active, .my-footer .footer-copyright a:active { color: #696e7b; } /* line 178, ../sass/common/_footer.scss */ .my-footer .footer-records:hover p { color: #ccc; } @media screen and (max-width: 740px) { /*! footer */ /* line 186, ../sass/common/_footer.scss */ .my-footer, .my-header { display: none; } /* line 189, ../sass/common/_footer.scss */ .my-footer .my-footer-wrap { width: 100%; } /* line 191, ../sass/common/_footer.scss */ .my-footer .my-footer-wrap .footer-m-link { overflow: auto; padding: 10px 0; text-align: center; } /* line 195, ../sass/common/_footer.scss */ .my-footer .my-footer-wrap .footer-m-link li { display: inline-block; width: 24%; float: left; } /* line 201, ../sass/common/_footer.scss */ .my-footer .my-footer-wrap .footer-m-link a { margin: 5px; } /* line 204, ../sass/common/_footer.scss */ .my-footer .my-footer-wrap .spacer40 { padding-bottom: 8%; } /* line 208, ../sass/common/_footer.scss */ .my-m-footer { display: block; } } @media screen and (min-width: 767px) and (max-width: 1200px) { /* line 214, ../sass/common/_footer.scss */ .my-footer .my-footer-wrap { width: 768px; } /* line 217, ../sass/common/_footer.scss */ .my-footer .footer-about ul { width: 44%; } /* line 220, ../sass/common/_footer.scss */ .my-footer .footer-about ul li { margin-right: 20px; width: 95px; } /* line 224, ../sass/common/_footer.scss */ .my-footer .footer-about ul.footer-app { width: 430px; } /* line 227, ../sass/common/_footer.scss */ .my-footer .footer-about .footer-app .first { padding: 0px 10px; } /* line 230, ../sass/common/_footer.scss */ .my-footer .footer-about .footer-app .qrcode { width: 240px; } /* line 233, ../sass/common/_footer.scss */ .my-footer .footer-friend a { margin-right: 15px; } } /* line 6, ../sass/common/_mSearch.scss */ .m-search { display: none; } @media screen and (min-width: 767px) and (max-width: 1200px) { /* line 10, ../sass/common/_mSearch.scss */ .my-search-btn { height: 27px; } /* line 13, ../sass/common/_mSearch.scss */ .my-search, .my-search-lg, .my-search-rect, .my-search-ms, .my-search-btn { display: none; } /* line 16, ../sass/common/_mSearch.scss */ .my-search-lg, .my-search-rect { display: block; } } @media screen and (max-width: 740px) { /*! search start*/ /* line 20, ../sass/common/_mSearch.scss */ .m-search { display: block; z-index: 99999; text-align: center; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; transition: All 0.3s ease-in-out; } /* line 26, ../sass/common/_mSearch.scss */ .m-search .cancel { display: none; height: 45px; line-height: 45px; } /* line 31, ../sass/common/_mSearch.scss */ .m-search .my-search-ms { margin-left: 8px; display: none; } /* line 35, ../sass/common/_mSearch.scss */ .m-search.moveTop { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgba(0, 0, 0, 0.95); text-align: left; z-index: 1000000; } /* line 44, ../sass/common/_mSearch.scss */ .m-search.moveTop .cancel { display: inline-block; background: #000; } /*! search end*/ } /*精品,认证*/ /* line 4, ../sass/common/_icons.scss */ .mgy-jin, .mgy-rz { width: 26px; height: 26px; line-height: 26px; background: url(../images/best_of.png) no-repeat scroll center top; background-size: 26px; position: absolute; top: 14px; right: 14px; } /* line 18, ../sass/common/_icons.scss */ .mgy-rz { background: url(../images/authentication.png) no-repeat scroll center top; background-size: 26px; } /* line 22, ../sass/common/_icons.scss */ .mgy-jin + .mgy-rz { right: 48px; } /* line 3, ../sass/common/_block.scss */ .mogo-block { overflow: hidden; } /* line 5, ../sass/common/_block.scss */ .mogo-block li { float: left; margin: 0px 10px 20px; position: relative; min-width: 380px; max-width: 380px; min-height: 240px; max-height: 240px; overflow: hidden; } /* line 14, ../sass/common/_block.scss */ .mogo-block li a { display: block; } /* line 18, ../sass/common/_block.scss */ .mogo-block .mogo-block-dis { position: absolute; bottom: 0px; left: 0px; right: 0px; color: #fff; padding: 15px 20px; font-size: 14px; background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5)); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5)); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5)); /* Firefox 3.6 - 15 */ background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5)); /* 标准的语法 */ } /* line 27, ../sass/common/_block.scss */ .mogo-block .mogo-block-dis p, .mogo-block .mogo-block-dis span { color: inherit; line-height: 30px; } /* line 33, ../sass/common/_block.scss */ .my-block { overflow: hidden; } /* line 35, ../sass/common/_block.scss */ .my-block .block-left { width: 440px; height: 620px; overflow: hidden; } /* line 40, ../sass/common/_block.scss */ .my-block .block-right { margin-left: 450px; overflow: hidden; } /* line 44, ../sass/common/_block.scss */ .my-block .block-top { margin: 0px 0px 10px 0px; } /* line 47, ../sass/common/_block.scss */ .my-block .block-bottom { width: 748px; height: 304px; margin-left: 10px; } /* line 52, ../sass/common/_block.scss */ .my-block .block-top-left, .my-block .block-top-right { width: 368px; height: 304px; margin-right: 10px; } /* line 57, ../sass/common/_block.scss */ .my-block .block-top-right { margin-right: 0px; } /* line 61, ../sass/common/_block.scss */ .my-block .title i, .my-block .my-list li.white-block .title i, .my-list li.white-block .my-block .title i, .my-block .my-list-photo li.white-block .title i, .my-list-photo li.white-block .my-block .title i, .my-block .title .title-dis, .my-block .my-list li.white-block .title .title-dis, .my-list li.white-block .my-block .title .title-dis, .my-block .my-list-photo li.white-block .title .title-dis, .my-list-photo li.white-block .my-block .title .title-dis { vertical-align: middle; } /* line 64, ../sass/common/_block.scss */ .my-block .title i, .my-block .my-list li.white-block .title i, .my-list li.white-block .my-block .title i, .my-block .my-list-photo li.white-block .title i, .my-list-photo li.white-block .my-block .title i { border-bottom: 1px solid #ccc; display: inline-block; width: 30%; } /* line 71, ../sass/common/_block.scss */ .my-block img { width: 100%; height: 100%; } /* line 75, ../sass/common/_block.scss */ .my-block .hover-block { position: relative; overflow: hidden; } /* line 78, ../sass/common/_block.scss */ .my-block .hover-block .hover-block-dis { opacity: 0; left: 0px; right: 0px; top: -100px; bottom: 0px; background: rgba(0, 0, 0, 0.6); position: absolute; } /* line 87, ../sass/common/_block.scss */ .my-block .hover-block .hover-block-dis .hover-discon { width: 100%; } /* line 91, ../sass/common/_block.scss */ .my-block .hover-block .my-block-dis, .my-block .hover-block .hover-block-dis { -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; transition: All 0.6s ease-in-out; } /* line 94, ../sass/common/_block.scss */ .my-block .hover-block:hover .hover-block-dis { opacity: 1; top: 0px; } /* line 98, ../sass/common/_block.scss */ .my-block .hover-block:hover .my-block-dis { opacity: 0; top: -100px; } /* line 102, ../sass/common/_block.scss */ .my-block .hover-block img { -moz-transition: All 0.8s ease-in-out; -o-transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out; transition: All 0.8s ease-in-out; } /* line 105, ../sass/common/_block.scss */ .my-block .hover-block:hover img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } /* line 109, ../sass/common/_block.scss */ .my-block .block-dis { display: block; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; } /* line 117, ../sass/common/_block.scss */ .my-block .brand-block-dis { top: 80%; width: 100%; } /* line 121, ../sass/common/_block.scss */ .my-block .brand-hover-block-dis .btn-info { width: 213px; height: 50px; line-height: 34px; background-color: #03a9f4; border-color: #03a9f4; } /* line 133, ../sass/common/_block.scss */ .my-block.my-brand-block.my-brand-block-left { padding-left: 10px; } /* line 135, ../sass/common/_block.scss */ .my-block.my-brand-block.my-brand-block-left .mogo-block-con-right { margin-left: 380px; } /* line 138, ../sass/common/_block.scss */ .my-block.my-brand-block.my-brand-block-left .mogo-block { padding-left: 10px; } /* line 142, ../sass/common/_block.scss */ .my-block.my-brand-block.my-brand-block-right { padding-right: 10px; } /* line 144, ../sass/common/_block.scss */ .my-block.my-brand-block.my-brand-block-right .mogo-block-con-left { margin-right: 380px; } /* line 147, ../sass/common/_block.scss */ .my-block.my-brand-block.my-brand-block-right .mogo-block { padding-right: 10px; } /* line 152, ../sass/common/_block.scss */ .my-block.my-brand-block .block-4box .bbox { margin-top: 0; width: 285px; } /* line 155, ../sass/common/_block.scss */ .my-block.my-brand-block .block-4box .bbox.bbox-2, .my-block.my-brand-block .block-4box .bbox.bbox-3, .my-block.my-brand-block .block-4box .bbox.bbox-4 { margin-left: 20px; } /* line 159, ../sass/common/_block.scss */ .my-block.my-brand-block .black-gradient { position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 40%; background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5)); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5)); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5)); /* Firefox 3.6 - 15 */ background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5)); /* 标准的语法 */ } /* line 168, ../sass/common/_block.scss */ .my-block.my-brand-block .line { display: block; width: 20px; border-top: 1px solid #fff; margin: auto; } /* line 179, ../sass/common/_block.scss */ .brand-area .mogo-block-dis { transition: all .3s ease-in-out; -moz-transform: translate(0, 100px); -ms-transform: translate(0, 100px); -webkit-transform: translate(0, 100px); transform: translate(0, 100px); } /* line 183, ../sass/common/_block.scss */ .brand-area .mgy-jin, .brand-area .mgy-rz { transition: all .3s ease-in-out; -moz-transform: translate(100px, 0); -ms-transform: translate(100px, 0); -webkit-transform: translate(100px, 0); transform: translate(100px, 0); } /* line 188, ../sass/common/_block.scss */ .brand-area:hover .mogo-block-dis { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } /* line 191, ../sass/common/_block.scss */ .brand-area:hover .mgy-jin, .brand-area:hover .mgy-rz { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } @media screen and (max-width: 767px) { /* line 199, ../sass/common/_block.scss */ .brand-area .mogo-block-dis { transition: all 0 ease 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } /* line 203, ../sass/common/_block.scss */ .brand-area .mgy-jin, .brand-area .mgy-rz { transition: all 0 ease 0; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } /* line 208, ../sass/common/_block.scss */ .brand-area:hover .mogo-block-dis { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } /* line 211, ../sass/common/_block.scss */ .brand-area:hover .mgy-jin, .brand-area:hover .mgy-rz { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /* line 218, ../sass/common/_block.scss */ .blandBox { overflow: hidden; width: 320px; text-align: left; } /* line 222, ../sass/common/_block.scss */ .blandBox .logo, .blandBox .blandDis { display: inline-block; } /* line 225, ../sass/common/_block.scss */ .blandBox .logo { width: 82px; height: 82px; vertical-align: middle; background: #bfbfbf; border-radius: 41px; } /* line 231, ../sass/common/_block.scss */ .blandBox .logo img { -moz-border-radius: 41px; -webkit-border-radius: 41px; border-radius: 41px; border: 1px solid #d2d2d2; } /* line 236, ../sass/common/_block.scss */ .blandBox .blandDis { vertical-align: middle; margin-left: 10px; } /* line 239, ../sass/common/_block.scss */ .blandBox .blandDis .text-elipsis { margin: 0px; padding: 0px; width: 200px; display: inline-block; } /* common */ /* line 15, ../sass/_common.scss */ .left { float: left; *display: inline; } /* line 16, ../sass/_common.scss */ .right { float: right; *display: inline; } /* line 17, ../sass/_common.scss */ .tx-center { text-align: center !important; } /* line 18, ../sass/_common.scss */ .tx-left { text-align: left !important; } /* line 19, ../sass/_common.scss */ .tx-right { text-align: right; } /* line 20, ../sass/_common.scss */ .tx-top, .my-list li .title, .my-list-photo li .title, .my-list li.white-block .title, .my-list-photo li.white-block .title { vertical-align: top !important; } /* line 21, ../sass/_common.scss */ .tx-middle { vertical-align: middle; } /* line 22, ../sass/_common.scss */ .tx-bottom { vertical-align: bottom; display: inline-block; } /* line 23, ../sass/_common.scss */ .tx-btop { vertical-align: top; display: inline-block; } /* line 24, ../sass/_common.scss */ .pos-rel { position: relative; } /* line 25, ../sass/_common.scss */ .word-break { word-break: break-all; } /* line 29, ../sass/_common.scss */ .fix { overflow: hidden; zoom: 1; } /* line 30, ../sass/_common.scss */ .is-open { overflow: hidden; width: 100%; height: 100%; } /* line 31, ../sass/_common.scss */ .hidden { display: none; } /* line 32, ../sass/_common.scss */ .clear { clear: both; height: 0; overflow: hidden; line-height: 0; font-size: 0; } /* line 33, ../sass/_common.scss */ .spacer5, .spacer10, .spacer15, .spacer20, .spacer25, .spacer30, .spacer50, .spacer100 { height: 0; overflow: hidden; padding-bottom: 1px; } /* line 34, ../sass/_common.scss */ .spacer5 { padding-bottom: 5px; } /* line 35, ../sass/_common.scss */ .spacer10 { padding-bottom: 10px; } /* line 36, ../sass/_common.scss */ .spacer12 { padding-bottom: 12px; } /* line 37, ../sass/_common.scss */ .spacer15 { padding-bottom: 15px; } /* line 38, ../sass/_common.scss */ .spacer20 { padding-bottom: 20px; } /* line 39, ../sass/_common.scss */ .spacer25 { padding-bottom: 25px; } /* line 40, ../sass/_common.scss */ .spacer30 { padding-bottom: 30px; } /* line 41, ../sass/_common.scss */ .spacer35 { padding-bottom: 35px; } /* line 42, ../sass/_common.scss */ .spacer40 { padding-bottom: 40px; } /* line 43, ../sass/_common.scss */ .spacer45 { padding-bottom: 45px; } /* line 44, ../sass/_common.scss */ .spacer50 { padding-bottom: 50px; } /* line 45, ../sass/_common.scss */ .spacer60 { padding-bottom: 60px; } /* line 46, ../sass/_common.scss */ .spacer70 { padding-bottom: 70px; } /* line 47, ../sass/_common.scss */ .spacer80 { padding-bottom: 80px; } /* line 48, ../sass/_common.scss */ .spacer90 { padding-bottom: 90px; } /* line 49, ../sass/_common.scss */ .spacer100 { padding-bottom: 100px; } /* line 50, ../sass/_common.scss */ .spacer0 { padding-bottom: 0; } /*height*/ /* line 53, ../sass/_common.scss */ .h400 { min-height: 400px !important; } /* line 54, ../sass/_common.scss */ .h659 { min-height: 659px !important; } /*padding left*/ /* line 57, ../sass/_common.scss */ .spacer-r7 { padding-right: 7px; } /* line 58, ../sass/_common.scss */ .spacer-l20 { padding-left: 20px; } /* line 59, ../sass/_common.scss */ .spacer-l24 { padding-left: 24px; } /* line 60, ../sass/_common.scss */ .spacer-l25 { padding-left: 25px; } /* line 61, ../sass/_common.scss */ .spacer-l35 { padding-left: 35px; } /* line 62, ../sass/_common.scss */ .spacer-l40 { padding-left: 40px; } /* line 63, ../sass/_common.scss */ .spacer-l50 { padding-left: 50px; } /* line 64, ../sass/_common.scss */ .spacer-l60 { padding-left: 60px; } /* line 65, ../sass/_common.scss */ .spacer-t10 { padding-top: 10px; } /* line 66, ../sass/_common.scss */ .spacer-m-t3 { margin-top: 3px; } /* line 67, ../sass/_common.scss */ .spacer-m-t5 { margin-top: 5px; } /* line 68, ../sass/_common.scss */ .spacer-m-t10 { margin-top: 10px; } /* line 69, ../sass/_common.scss */ .spacer-m-t12 { margin-top: 12px; } /* line 70, ../sass/_common.scss */ .spacer-m-t20 { margin-top: 12px; } /* line 71, ../sass/_common.scss */ .spacer-m-t30 { margin-top: 30px; } /* line 72, ../sass/_common.scss */ .spacer-m-t34 { margin-top: 34px; } /* line 73, ../sass/_common.scss */ .spacer-m-t40 { margin-top: 40px; } /* line 74, ../sass/_common.scss */ .spacer-m-r10 { margin-right: 10px; } /* line 75, ../sass/_common.scss */ .spacer-m-r15 { margin-right: 15px; } /* line 76, ../sass/_common.scss */ .spacer-m-r20 { margin-right: 20px; } /* line 77, ../sass/_common.scss */ .spacer-m-r30 { margin-right: 30px; } /* line 78, ../sass/_common.scss */ .spacer-m-r50 { margin-right: 50px; } /* line 79, ../sass/_common.scss */ .spacer-m-l2 { margin-left: 2px; } /* line 80, ../sass/_common.scss */ .spacer-m-l5 { margin-left: 5px; } /* line 81, ../sass/_common.scss */ .spacer-m-l10 { margin-left: 10px; } /* line 82, ../sass/_common.scss */ .spacer-m-l15 { margin-left: 15px; } /* line 83, ../sass/_common.scss */ .spacer-m-l20 { margin-left: 20px; } /* line 84, ../sass/_common.scss */ .spacer-m-l30 { margin-left: 30px; } /* line 85, ../sass/_common.scss */ .spacer-m-l40 { margin-left: 40px; } /* line 86, ../sass/_common.scss */ .spacer-m-l50 { margin-left: 50px; } /* line 87, ../sass/_common.scss */ .spacer-m-l80 { margin-left: 80px; } /* line 88, ../sass/_common.scss */ .spacer-m-b30 { margin-bottom: 30px; } /* line 89, ../sass/_common.scss */ .spacer-m-b20 { margin-bottom: 20px; } /* line 90, ../sass/_common.scss */ .spacer-m-b18 { margin-bottom: 18px; } /* line 91, ../sass/_common.scss */ .spacer-m-b10 { margin-bottom: 10px; } /* line 92, ../sass/_common.scss */ .spacer-m-b5 { margin-bottom: 5px; } /* line 93, ../sass/_common.scss */ .spacer-m-b40 { margin-bottom: 40px; } /* line 94, ../sass/_common.scss */ .remove-banner { padding-top: 40px; margin-top: 0px; } @media (max-width: 767px) { /* line 96, ../sass/_common.scss */ .remove-banner { padding-top: 0px !important; margin-top: 0px !important; } } /*line height */ /* line 102, ../sass/_common.scss */ .line-h25 { line-height: 25px; display: inline-block; zoom: 1; } /* line 107, ../sass/_common.scss */ .line-h30 { line-height: 30px; display: inline-block; zoom: 1; } /*padding*/ /* line 114, ../sass/_common.scss */ .p55 { padding: 55px; } /*font */ /* line 117, ../sass/_common.scss */ .fw { font-weight: bold; } /* line 118, ../sass/_common.scss */ .f12 { font-size: 12px !important; } /* line 119, ../sass/_common.scss */ .f14 { font-size: 1em !important; } /* line 120, ../sass/_common.scss */ .f16 { font-size: 1.14286em !important; } /* line 121, ../sass/_common.scss */ .f18 { font-size: 18px !important; } /* line 122, ../sass/_common.scss */ .f20 { font-size: 1.42857em !important; } /* line 123, ../sass/_common.scss */ .f24 { font-size: 1.71429em !important; } /* line 124, ../sass/_common.scss */ .f30 { font-size: 2.14286em !important; } /* line 125, ../sass/_common.scss */ .f32 { font-size: 2.28571em !important; } /* line 126, ../sass/_common.scss */ .f36 { font-size: 2.57143em !important; } /* line 127, ../sass/_common.scss */ .f40 { font-size: 2.85714em !important; } /* line 128, ../sass/_common.scss */ .f50 { font-size: 2.85714em !important; } /* line 129, ../sass/_common.scss */ .f64 { font-size: 4.57143em !important; } /* line 130, ../sass/_common.scss */ .m-dis { padding: 35px; overflow: hidden; } /* line 134, ../sass/_common.scss */ .m-block { overflow: hidden; float: left; width: 48%; } /*width*/ /* line 141, ../sass/_common.scss */ .wp100 { width: 100% !important; } /* line 145, ../sass/_common.scss */ .table-4 td { width: 25%; } /* line 150, ../sass/_common.scss */ .table-3 td { width: 33.3%; } /* line 155, ../sass/_common.scss */ .table-2 td { width: 50%; } /* line 159, ../sass/_common.scss */ .w60 { width: 60px !important; min-width: 60px !important; } /* line 163, ../sass/_common.scss */ .w150 { width: 150px !important; min-width: 150px !important; } /* line 167, ../sass/_common.scss */ .w620 { width: 620px; } /* line 170, ../sass/_common.scss */ .margin0auto { margin: 0 auto; } /*clip text*/ /* line 174, ../sass/_common.scss */ .text-elipsis { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*color*/ /* line 182, ../sass/_common.scss */ .red { color: #eb3734 !important; } /* line 183, ../sass/_common.scss */ .white { color: #fff !important; } /* line 184, ../sass/_common.scss */ .blue { color: #2fc4fc; } /* line 185, ../sass/_common.scss */ .orange { color: #ff5600 !important; } /* line 186, ../sass/_common.scss */ .brand { color: #e8393b; } /* line 187, ../sass/_common.scss */ .lightgray { color: #ebebeb !important; } /* line 188, ../sass/_common.scss */ .f-tips { color: #a1a1a1 !important; } /* line 189, ../sass/_common.scss */ .gray { color: #666 !important; } /* line 190, ../sass/_common.scss */ .darkgray { color: #979aa9 !important; } /* line 191, ../sass/_common.scss */ .lightdark { color: #878787 !important; } /* line 192, ../sass/_common.scss */ .blue { color: #489BD1 !important; } /* line 193, ../sass/_common.scss */ .darkorange { color: #f65000 !important; } /* line 194, ../sass/_common.scss */ .f-8e { color: #8e8e8e !important; } /* line 195, ../sass/_common.scss */ .form-control { border-radius: 2px; } /* line 196, ../sass/_common.scss */ .line { border-top: 1px solid #373635; } /* line 197, ../sass/_common.scss */ .line-gray { border-top: 1px solid #d2d2d2; } /* line 198, ../sass/_common.scss */ .line-gray-bottom { border-bottom: 1px solid #d2d2d2; } /* line 199, ../sass/_common.scss */ .mark { display: none; } /* line 200, ../sass/_common.scss */ .link { color: #0f8ece; } /* line 202, ../sass/_common.scss */ .link:hover { color: #0f8ece; } /* line 206, ../sass/_common.scss */ .link-white { color: #fff; } /* line 208, ../sass/_common.scss */ .link-white:hover { color: #ff6500; } /* line 212, ../sass/_common.scss */ .boder-l-0 { border-left: 0px !important; } /* circle*/ /* line 216, ../sass/_common.scss */ .circle { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 10px; width: 10px; display: inline-block; } /* line 222, ../sass/_common.scss */ .delete { background-position: 0 -356px; height: 16px; width: 16px; display: inline-block; cursor: pointer; } /* line 227, ../sass/_common.scss */ .map-line-clear { position: absolute; right: 110px; top: 8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.35s ease-in 0s; -o-transition: all 0.35s ease-in 0s; -webkit-transition: all 0.35s ease-in; -webkit-transition-delay: 0s; transition: all 0.35s ease-in 0s; font-size: 15px; color: #999 !important; cursor: pointer; } /* line 236, ../sass/_common.scss */ .map-line-clear.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } /*bg*/ /* line 241, ../sass/_common.scss */ .bg-f4 { background-color: #f4f4f4; } /* line 244, ../sass/_common.scss */ .bg-white { background-color: #fff; } /* line 247, ../sass/_common.scss */ .bg-red { background: #eb3734; } /*position*/ /* line 252, ../sass/_common.scss */ .p15 { position: absolute; right: 15px; top: 15px; color: #fff; } /* line 260, ../sass/_common.scss */ .m-seniorFilter-warp { background: #0f121c; z-index: 999998; position: absolute; top: 45px; left: 0px; right: 0px; height: 0px; overflow: hidden; -moz-transition: height 0.35s ease-in 0s; -o-transition: height 0.35s ease-in 0s; -webkit-transition: height 0.35s ease-in; -webkit-transition-delay: 0s; transition: height 0.35s ease-in 0s; } /* line 270, ../sass/_common.scss */ .m-seniorFilter-warp.active { height: 100%; } /* line 274, ../sass/_common.scss */ .m-filterCon { margin: 14px 12px; } /* line 276, ../sass/_common.scss */ .m-filterCon .filterItem { overflow: hidden; width: 80%; } /* line 279, ../sass/_common.scss */ .m-filterCon .filterItem li { float: left; } /* line 281, ../sass/_common.scss */ .m-filterCon .filterItem li > a, .m-filterCon .filterItem .add-rect-block li > a { color: #fff; } /*senior filter end*/ /* line 290, ../sass/_common.scss */ .my-comp-width, .my-container-wrap { width: 1200px; min-width: 1200px; margin: auto; } /* line 295, ../sass/_common.scss */ .my-comp-width:before, .my-comp-width:after, .my-container-wrap:before, .my-container-wrap:after { display: block; position: relative; content: ""; height: 0; border: none; clear: both; } /* line 304, ../sass/_common.scss */ .layout-left { width: 71%; max-width: 860px; position: relative; } /* line 309, ../sass/_common.scss */ .layout-right { width: 28%; max-width: 320px; position: relative; } /* line 315, ../sass/_common.scss */ .my-headerSub { position: fixed; left: 0; top: 40px; width: 100%; z-index: 999998; background: #fff; -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); } /* line 323, ../sass/_common.scss */ .my-headerSub .headerSub-wrap { width: 1200px; min-width: 1200px; margin: auto; } /* line 328, ../sass/_common.scss */ .my-headerSub ul li { float: left; height: 60px; width: 170px; position: relative; line-height: 60px; } /* line 334, ../sass/_common.scss */ .my-headerSub ul li a { display: inline-block; font-size: 18px; color: #333; text-align: center; width: 100%; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; -webkit-transition: ease-in-out 0.5s; transition: ease-in-out 0.5s; } /* line 343, ../sass/_common.scss */ .my-headerSub ul li a:before { background: #121520; top: 0; right: 0; bottom: 0; left: auto; height: 100%; width: 0%; position: absolute; } /* line 353, ../sass/_common.scss */ .my-headerSub ul li a:hover, .my-headerSub ul li.active a { color: #f65000; text-decoration: none; } /* line 359, ../sass/_common.scss */ .my-headerSub.headerSub-brand ul li { width: 300px; } /* line 364, ../sass/_common.scss */ .my-search, .my-search-lg, .my-search-rect, .my-search-ms { font-size: 12px; width: 300px; border-radius: 15px; line-height: 24px; height: 26px; padding: 0px 30px; background: #fff url(../images/search.png) no-repeat 10px center; } /* line 374, ../sass/_common.scss */ .my-search-btn { position: absolute; right: -10px; top: 0px; height: 27px; width: 60px; background: #f65000; color: #fff; border-radius: 13px; text-align: center; cursor: pointer; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ /* No support for these yet, use at own risk */ -o-user-select: none; user-select: none; } /* line 387, ../sass/_common.scss */ .my-search-lg, .my-search-rect { width: 580px; display: none; } /* line 392, ../sass/_common.scss */ .my-search-rect { border-radius: 0px; width: 320px; background-position: 300px center; height: 45px; line-height: 45px; display: block; } /* line 401, ../sass/_common.scss */ .my-search-ms { width: 82.1875%; margin: auto; height: 25px; line-height: 25px; margin-top: 6px; background-position: 95% center; } /* line 410, ../sass/_common.scss */ .my-search-menu-ms { background: transparent url(../images/wap/search.png) left center no-repeat; border: 0px; height: 30px; line-height: 30px; width: 100%; padding-left: 20px; background-size: 12px; } /*container style*/ /* line 420, ../sass/_common.scss */ .my-container { background: #fff; min-height: 767px; overflow: hidden; } /* line 426, ../sass/_common.scss */ .my-container-padding0 { background: #fff; min-height: 767px; overflow: hidden; padding: 0; } /*my-block*/ /* line 434, ../sass/_common.scss */ .my-center { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } /* line 441, ../sass/_common.scss */ .my-block-ver { height: 280px; background: #fff; position: relative; padding: 30px 20px; margin-bottom: 20px; } /* line 447, ../sass/_common.scss */ .my-block-ver .artical-left { width: 38%; height: 100%; max-width: 320px; max-height: 224px; overflow: hidden; } /* line 453, ../sass/_common.scss */ .my-block-ver .artical-left img { width: 100%; height: 100%; } /* line 457, ../sass/_common.scss */ .my-block-ver .artical-left p { line-height: 22px; } /* line 461, ../sass/_common.scss */ .my-block-ver .artical-right { width: 60%; max-width: 480px; } /* line 466, ../sass/_common.scss */ .my-block-ver:hover .artical-right h3 { color: #ff6500; } /* line 469, ../sass/_common.scss */ .my-block-ver:last-of-type { margin-bottom: 0; } /* line 472, ../sass/_common.scss */ .my-block-ver.last { margin-bottom: 0; } /* line 478, ../sass/_common.scss */ .star-evaluation { text-align: center; } /* line 480, ../sass/_common.scss */ .star-evaluation .mstar { display: inline-block; width: 14px; height: 14px; margin-right: 5px; background-position: 0 -633px; } /* line 488, ../sass/_common.scss */ .star-evaluation.lvl-0 .mstar1, .star-evaluation.lvl-0 .mstar2, .star-evaluation.lvl-0 .mstar3, .star-evaluation.lvl-0 .mstar4, .star-evaluation.lvl-0 .mstar5 { background-position: 0 -619px; } /* line 493, ../sass/_common.scss */ .star-evaluation.lvl-1 .mstar2, .star-evaluation.lvl-1 .mstar3, .star-evaluation.lvl-1 .mstar4, .star-evaluation.lvl-1 .mstar5 { background-position: 0 -619px; } /* line 498, ../sass/_common.scss */ .star-evaluation.lvl-2 .mstar3, .star-evaluation.lvl-2 .mstar4, .star-evaluation.lvl-2 .mstar5 { background-position: 0 -619px; } /* line 503, ../sass/_common.scss */ .star-evaluation.lvl-3 .mstar4, .star-evaluation.lvl-3 .mstar5 { background-position: 0 -619px; } /* line 508, ../sass/_common.scss */ .star-evaluation.lvl-4 .mstar5 { background-position: 0 -619px; } /* line 515, ../sass/_common.scss */ .my-nav { margin-left: 200px; background-color: #f1f1f1; overflow: hidden; } /* line 519, ../sass/_common.scss */ .my-nav .my-nav-item { margin-left: 40px; } /* line 521, ../sass/_common.scss */ .my-nav .my-nav-item li { display: inline-block; height: 40px; line-height: 40px; } /* line 525, ../sass/_common.scss */ .my-nav .my-nav-item li i { width: 6px; height: 6px; background-color: #ccc; display: inline-block; border-radius: 3px; margin: 0px 10px; vertical-align: middle; } /* line 539, ../sass/_common.scss */ .my-subnav > a, .add-rect-block .my-subnav > a, .my-subnav > span { font-size: 16px; } /* line 544, ../sass/_common.scss */ .my-form .my-select, .my-form .my-input { width: 100%; } /* line 545, ../sass/_common.scss */ .my-form .unit { display: inline-block; padding-top: 7px; padding-left: 5px; font-weight: bold; } /*roomDes*/ /* line 553, ../sass/_common.scss */ .roomDes { width: 500px; margin: auto; line-height: 25px; } /*form group reset*/ /* line 563, ../sass/_common.scss */ .form-group label { min-width: 80px; } /* line 565, ../sass/_common.scss */ .form-inline .form-group { margin-bottom: 12px; margin-left: 20px; } /*select*/ /* line 570, ../sass/_common.scss */ .my-select, .my-input { height: 34px; min-width: 186px; padding: 0px 8px; border: 1px solid #ccc; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } /* line 582, ../sass/_common.scss */ .my-select-sm { min-width: 125px; } /*my-input*/ /* line 585, ../sass/_common.scss */ .my-input { padding: 0px 10px; } /*list*/ /* line 592, ../sass/_common.scss */ .my-list li, .my-list-photo li { width: 100px; height: 100px; background-color: #45cbe6; margin: 0px 2px 2px 0px; float: left; padding: 10px; } /* line 599, ../sass/_common.scss */ .my-list li .title, .my-list-photo li .title, .my-list li.white-block .title, .my-list-photo li.white-block .title { font-size: 24px; color: #fff; width: 24px; display: inline-block; } /* line 608, ../sass/_common.scss */ .my-list li .disc, .my-list-photo li .disc { display: block; height: 40px; line-height: 40px; color: #fff; margin-left: 5px; } /* line 615, ../sass/_common.scss */ .my-list li.white-block, .my-list-photo li.white-block { background: #fff; border: 1px solid #ccc; } /* line 618, ../sass/_common.scss */ .my-list li.white-block .title, .my-list-photo li.white-block .title { color: #999999; } /* line 622, ../sass/_common.scss */ .my-list li.white-block .disc, .my-list-photo li.white-block .disc { color: #999999; } /* line 626, ../sass/_common.scss */ .my-list li.gray-block, .my-list-photo li.gray-block { background: #ccc; } /* line 629, ../sass/_common.scss */ .my-list li.yellow-block, .my-list-photo li.yellow-block { background: #e6cb45; } /* line 632, ../sass/_common.scss */ .my-list li.red-block, .my-list-photo li.red-block { background: #e66045; } /* line 635, ../sass/_common.scss */ .my-list li.blue-block, .my-list-photo li.blue-block { background: #267180; } /* line 638, ../sass/_common.scss */ .my-list li.darkgray-block, .my-list-photo li.darkgray-block { background: #666666; } /* line 641, ../sass/_common.scss */ .my-list li.add-block, .my-list-photo li.add-block { background: #f1f1f1; } /* line 643, ../sass/_common.scss */ .my-list li.add-block .disc, .my-list-photo li.add-block .disc { display: inline-block; height: 80px; line-height: 80px; color: #ccc; font-size: 60px; } /* line 653, ../sass/_common.scss */ .my-list.small li, .small.my-list-photo li { text-align: left; position: relative; } /* line 656, ../sass/_common.scss */ .my-list.small li .title, .small.my-list-photo li .title { font-size: 18px; } /* line 659, ../sass/_common.scss */ .my-list.small li .bg, .small.my-list-photo li .bg { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } /* line 666, ../sass/_common.scss */ .my-list.small li .disc, .small.my-list-photo li .disc { text-align: center; position: absolute; width: 100%; height: 100px; line-height: 100px; top: 0px; left: 0px; } /* line 679, ../sass/_common.scss */ .add-rect-block { background: #f1f1f1; width: 240px; margin: auto; height: 60px; line-height: 60px; border-radius: 5px; cursor: pointer; } /* line 680, ../sass/_common.scss */ .add-rect-block .dis { color: #ccc; font-size: 32px; vertical-align: top; } /* line 685, ../sass/_common.scss */ .add-rect-block a { display: inline-block; } /* line 698, ../sass/_common.scss */ .my-list-title { margin-left: 50px; overflow: hidden; } /* line 701, ../sass/_common.scss */ .my-list-title li { float: left; padding-right: 100px; } /* line 709, ../sass/_common.scss */ .my-list-photo li { padding: 0px; background: #f1f1f1; margin: 0px 10px 10px 0px; position: relative; cursor: pointer; } /* line 715, ../sass/_common.scss */ .my-list-photo li img { width: 100%; height: 100%; } /* line 720, ../sass/_common.scss */ .my-list-photo li.add-block .disc { height: 100px; line-height: 100px; margin: 0px; padding: 0px; } /* line 729, ../sass/_common.scss */ .my-tab, .my-tab-alone, .my-tab-alone-img { width: 100%; margin: auto; overflow: hidden; } /* line 733, ../sass/_common.scss */ .my-tab .tabitem, .my-tab-alone .tabitem, .my-tab-alone-img .tabitem { margin-bottom: 0px; width: 20%; } /* line 737, ../sass/_common.scss */ .my-tab.community .tabitem, .community.my-tab-alone .tabitem, .community.my-tab-alone-img .tabitem { line-height: 40px; height: 40px; } /* line 741, ../sass/_common.scss */ .my-tab .tablist, .my-tab-alone .tablist, .my-tab-alone-img .tablist { background: #eb3734; } /* line 744, ../sass/_common.scss */ .my-tab .tablist a, .my-tab-alone .tablist a, .my-tab-alone-img .tablist a { color: #fff; cursor: pointer; } /* line 747, ../sass/_common.scss */ .my-tab .tablist a:hover, .my-tab-alone .tablist a:hover, .my-tab-alone-img .tablist a:hover, .my-tab .tablist a.selected, .my-tab-alone .tablist a.selected, .my-tab-alone-img .tablist a.selected { border-bottom: none; color: #fff; background: #0f121c; } /* line 753, ../sass/_common.scss */ .my-tab .tabcon, .my-tab-alone .tabcon, .my-tab-alone-img .tabcon { background: #fff; clear: both; padding: 20px 17px; min-height: 100px; } /* line 759, ../sass/_common.scss */ .my-tab .tab-list, .my-tab-alone .tab-list, .my-tab-alone-img .tab-list { list-style-type: decimal; list-style-position: inside; } /* line 762, ../sass/_common.scss */ .my-tab .tab-list li, .my-tab-alone .tab-list li, .my-tab-alone-img .tab-list li { height: 30px; line-height: 30px; list-style: inherit; cursor: pointer; } /* line 767, ../sass/_common.scss */ .my-tab .tab-list li:hover a, .my-tab-alone .tab-list li:hover a, .my-tab-alone-img .tab-list li:hover a, .my-tab .tab-list li.active, .my-tab-alone .tab-list li.active, .my-tab-alone-img .tab-list li.active, .my-tab .tab-list li.active a, .my-tab-alone .tab-list li.active a, .my-tab-alone-img .tab-list li.active a { color: #eb3734; } /* line 772, ../sass/_common.scss */ .my-tab .tablist-orange, .my-tab-alone .tablist-orange, .my-tab-alone-img .tablist-orange { width: 360px; float: none; margin: auto; } /* line 776, ../sass/_common.scss */ .my-tab .tablist-orange a, .my-tab-alone .tablist-orange a, .my-tab-alone-img .tablist-orange a { background: #f2f2f2; height: 34px; line-height: 34px; color: #8e8e8e; font-size: 14px; border: 1px solid #ccc; } /* line 783, ../sass/_common.scss */ .my-tab .tablist-orange a:hover, .my-tab-alone .tablist-orange a:hover, .my-tab-alone-img .tablist-orange a:hover, .my-tab .tablist-orange a.selected, .my-tab-alone .tablist-orange a.selected, .my-tab-alone-img .tablist-orange a.selected { border-bottom: none; color: #fff; background: #f65000; } /* line 788, ../sass/_common.scss */ .my-tab .tablist-orange a.middle, .my-tab-alone .tablist-orange a.middle, .my-tab-alone-img .tablist-orange a.middle { border-left: 0px; border-right: 0px; } /* line 797, ../sass/_common.scss */ .tab-3 a { width: 33.3% !important; } /* line 800, ../sass/_common.scss */ .tab-2 a { width: 50% !important; } /* line 805, ../sass/_common.scss */ .my-tab-alone .tablist, .my-tab-alone-img .tablist { height: 40px; background: #eb3734; line-height: 40px; color: #fff; padding-left: 20px; } /* line 812, ../sass/_common.scss */ .my-tab-alone .tabcon, .my-tab-alone-img .tabcon { clear: both; } /* line 814, ../sass/_common.scss */ .my-tab-alone .tabcon ul li, .my-tab-alone-img .tabcon ul li { overflow: hidden; margin-bottom: 5px; list-style: none; } /* line 818, ../sass/_common.scss */ .my-tab-alone .tabcon ul li:first-child, .my-tab-alone-img .tabcon ul li:first-child { height: 83px; line-height: 25px; } /* line 821, ../sass/_common.scss */ .my-tab-alone .tabcon ul li:first-child .tabitem-img, .my-tab-alone-img .tabcon ul li:first-child .tabitem-img { margin-right: 10px; } /* line 825, ../sass/_common.scss */ .my-tab-alone .tabcon ul li a, .my-tab-alone-img .tabcon ul li a { display: inline-block; } /* line 830, ../sass/_common.scss */ .my-tab-alone .tabitem-img, .my-tab-alone-img .tabitem-img { width: 40%; max-width: 112px; height: 76px; } /* line 834, ../sass/_common.scss */ .my-tab-alone .tabitem-img img, .my-tab-alone-img .tabitem-img img { width: 100%; height: 100%; } /* line 839, ../sass/_common.scss */ .my-tab-alone .tabitem-dis, .my-tab-alone-img .tabitem-dis { width: 56%; max-width: 160px; } /* line 846, ../sass/_common.scss */ .my-tab-alone-img .tabitem-img { width: 27%; max-width: 76px; margin: 0px 10px; } /* line 850, ../sass/_common.scss */ .my-tab-alone-img .tabitem-img.first { margin-left: 0px; } /* line 853, ../sass/_common.scss */ .my-tab-alone-img .tabitem-img.last { margin-right: 0px; } /* line 859, ../sass/_common.scss */ .my-info-list .my-tab li, .my-info-list .my-tab-alone li, .my-info-list .my-tab-alone-img li { min-width: 120px; } /* line 864, ../sass/_common.scss */ .my-custom-theme { border-radius: 5px; border: 2px solid #000; background: #4c4c4c; color: #fff; } /* Use this next selector to style things like font-size and line-height: */ /* line 871, ../sass/_common.scss */ .my-custom-theme .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; } /* line 878, ../sass/_common.scss */ .pwdTxt { width: 200px; background-color: #FFF1EB; border: 1px solid #FF8F57; } /* line 884, ../sass/_common.scss */ .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { height: 0px; width: 0px; } /* line 888, ../sass/_common.scss */ .pagenation { text-align: center; overflow: auto; margin: 10px auto 0; position: relative; top: 8px; } /* line 889, ../sass/_common.scss */ .pagenation a, .pagenation span { display: inline-block; width: 28px; height: 28px; line-height: 28px; border-radius: 28px; font-size: 16px; background: #f4f4f4; color: #686868; transition: none; margin: 0px 2px; text-decoration: none; } /* line 890, ../sass/_common.scss */ .pagenation .pageOn, .pagenation a:hover { color: #fff; background: #ff6500; } /* line 892, ../sass/_common.scss */ #operateState { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 1000000; font-size: 14px; display: none; } /* line 893, ../sass/_common.scss */ #operateState .operateWarp { width: 360px; margin: -90px 0 0 -180px; padding: 40px; position: absolute; top: 50%; left: 50%; border: 1px solid; border-radius: 4px; box-shadow: rgba(255, 255, 255, 0.6) inset; } /* line 894, ../sass/_common.scss */ #operateState p { text-align: center; } /* line 895, ../sass/_common.scss */ #operateState .controlCon { margin: 30px auto; text-align: center; } /* line 897, ../sass/_common.scss */ #operateState button { width: 120px; min-width: 100px; height: 34px; font-size: 14px; font-weight: bold; line-height: 34px; padding: 0; border-radius: 2px; margin: auto; } /* line 905, ../sass/_common.scss */ #operateState .dialogue-cancel { display: none; } /* line 908, ../sass/_common.scss */ .state div { background: #fff; border-color: #ccc; color: #ccc; } /* line 914, ../sass/_common.scss */ .file-box { position: relative; width: 340px; } /* line 915, ../sass/_common.scss */ .txt { height: 22px; border: 1px solid #cdcdcd; width: 180px; } /* line 916, ../sass/_common.scss */ .file { position: absolute; top: 0; left: 0px; height: 24px; width: 260px; opacity: 0; filter: alpha(opacity=0); } /* line 918, ../sass/_common.scss */ em.error { color: red; height: 34px; line-height: 34px; background: url(../images/icons/icon1.png) no-repeat; background-position: -152px -728px; } /*popWin css reset start*/ /* line 925, ../sass/_common.scss */ .popDom .titleDom { height: 100px; background: #fff; border: none; color: #000; } /* line 930, ../sass/_common.scss */ .popDom .titleDom .titleCon { height: 100px; line-height: 100px; font-size: 20px; text-align: center; display: block; width: 100%; padding: 0; color: #000; } /* line 940, ../sass/_common.scss */ .popDom .titleDom .close { display: block; width: 30px; height: 30px; position: absolute; top: 0; right: 0; opacity: 1; border: none; background: url(../images/icons/popWinCloseIcon.png) center center no-repeat; } /* line 950, ../sass/_common.scss */ .popDom .titleDom .close:hover { opacity: 0.6; } /*popWin css reset end*/ /* processblock start*/ /* line 957, ../sass/_common.scss */ .processBlock { width: 100%; height: 100px; } /* line 960, ../sass/_common.scss */ .processBlock.bg-gray { background: #f2f2f2; } /* line 963, ../sass/_common.scss */ .processBlock.bg-white { background: #fff; } /* line 967, ../sass/_common.scss */ .processBlock .processBar { height: 100%; float: left; position: relative; } /* line 971, ../sass/_common.scss */ .processBlock .processBar.wp20 { width: 20%; } /* line 974, ../sass/_common.scss */ .processBlock .processBar.wp25 { width: 25%; } /* line 977, ../sass/_common.scss */ .processBlock .processBar.wp33 { width: 33.3%; } /* line 980, ../sass/_common.scss */ .processBlock .processBar.wp50 { width: 50%; } /* line 984, ../sass/_common.scss */ .processBar .pline { width: 100%; border-bottom: 1px solid #d2d2d2; position: absolute; top: 36px; } /* line 989, ../sass/_common.scss */ .processBar .pline.first { width: 50%; right: 0; } /* line 993, ../sass/_common.scss */ .processBar .pline.last { width: 50%; left: 0; } /* line 998, ../sass/_common.scss */ .processBar .iconbox { width: 64px; height: 24px; position: absolute; top: 24px; left: 50%; margin-left: -32px; } /* line 1005, ../sass/_common.scss */ .processBar .iconbox.bg-gray { background: #f2f2f2; } /* line 1008, ../sass/_common.scss */ .processBar .iconbox.bg-white { background: #fff; } /* line 1011, ../sass/_common.scss */ .processBar .iconbox .iconNum { display: block; width: 24px; height: 24px; margin: 0 auto; background: url(../images/icons/iconProcessNum.png) no-repeat; background-position: -37px -22px; } /* line 1018, ../sass/_common.scss */ .processBar .iconbox .iconNum.num1.doing { background-position: -101px -22px; } /* line 1021, ../sass/_common.scss */ .processBar .iconbox .iconNum.num1.done { background-position: -101px -22px; } /* line 1025, ../sass/_common.scss */ .processBar .iconbox .iconNum.num2.todo { background-position: -37px -86px; } /* line 1028, ../sass/_common.scss */ .processBar .iconbox .iconNum.num2.doing { background-position: -101px -86px; } /* line 1031, ../sass/_common.scss */ .processBar .iconbox .iconNum.num2.done { background-position: -101px -86px; } /* line 1035, ../sass/_common.scss */ .processBar .iconbox .iconNum.num3.todo { background-position: -37px -150px; } /* line 1038, ../sass/_common.scss */ .processBar .iconbox .iconNum.num3.doing { background-position: -101px -150px; } /* line 1041, ../sass/_common.scss */ .processBar .iconbox .iconNum.num3.done { background-position: -165px -150px; } /* line 1044, ../sass/_common.scss */ .processBar .iconbox .iconNum.num4.todo { background-position: -37px -214px; } /* line 1047, ../sass/_common.scss */ .processBar .iconbox .iconNum.num4.doing { background-position: -101px -214px; } /* line 1050, ../sass/_common.scss */ .processBar .iconbox .iconNum.num4.done { background-position: -165px -214px; } /* line 1053, ../sass/_common.scss */ .processBar .iconbox .iconNum.num5.todo { background-position: -37px -278px; } /* line 1056, ../sass/_common.scss */ .processBar .iconbox .iconNum.num5.doing { background-position: -101px -278px; } /* line 1059, ../sass/_common.scss */ .processBar .iconbox .iconNum.num5.done { background-position: -165px -278px; } /* line 1064, ../sass/_common.scss */ .processBar .processTxt { color: #979aa9; width: 100%; font-size: 12px; text-align: center; position: absolute; bottom: 20px; left: 0; } /* line 1072, ../sass/_common.scss */ .processBar .processTxt.deep { color: #000; } /* line 1075, ../sass/_common.scss */ .processBar .processTxt.text-warning { color: #f65000; } /* processblock end*/ /* line 1080, ../sass/_common.scss */ .arrowup, .arrowdown { display: inline-block; vertical-align: middle; } /* line 1084, ../sass/_common.scss */ .arrowup { background-position: 0 -5px; height: 5px; width: 8px; } /* line 1087, ../sass/_common.scss */ .arrowdown { background-position: 0 0; height: 5px; width: 8px; } /* line 1090, ../sass/_common.scss */ .in { display: block !important; } /* line 1094, ../sass/_common.scss */ .arrow-right { width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 10px solid #eb3734; font-size: 0; line-height: 0; } /* line 1103, ../sass/_common.scss */ .dot { position: absolute; width: 10px; height: 10px; border-radius: 5px; left: -51px; background: red; top: 70px; } /*radio box*/ /* line 1114, ../sass/_common.scss */ .mg-radio-box { position: relative; display: inline-block; width: 24px; height: 24px; border: 1px solid #a0a0a0; border-radius: 50%; vertical-align: middle; } /* line 1122, ../sass/_common.scss */ .mg-radio-box:hover { border: 1px solid #00a2e6; } /* line 1125, ../sass/_common.scss */ .mg-radio-box input[type=radio] { margin: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } /* line 1134, ../sass/_common.scss */ .mg-radio-box.checked { background: url(../images/settings/gou.png) center center no-repeat; border: 1px solid #00a2e6; } /*panel*/ /* line 1140, ../sass/_common.scss */ .my-panel { border: 1px solid #dcdcdc; margin-top: 30px; } /* line 1143, ../sass/_common.scss */ .my-panel .my-panel-title { padding: 20px 15px; overflow: hidden; } /* line 1147, ../sass/_common.scss */ .my-panel .my-panel-body { padding: 20px; } /* line 1149, ../sass/_common.scss */ .my-panel .my-panel-body ul { overflow: hidden; position: relative; } /* line 1154, ../sass/_common.scss */ .my-panel .my-panel-body .panel-imgcon li { float: left; margin-right: 1%; width: 32.6%; cursor: pointer; } /* line 1159, ../sass/_common.scss */ .my-panel .my-panel-body .panel-imgcon li .panel-container { display: block; text-align: center; } /* line 1162, ../sass/_common.scss */ .my-panel .my-panel-body .panel-imgcon li .panel-container .panel-img { height: 180px; position: relative; } /* line 1165, ../sass/_common.scss */ .my-panel .my-panel-body .panel-imgcon li .panel-container .panel-img img { width: 100%; height: 100%; } /* line 1171, ../sass/_common.scss */ .my-panel .my-panel-body .panel-imgcon li .panel-container .panel-title { height: 32px; line-height: 32px; display: inline-block; } /* line 1176, ../sass/_common.scss */ .my-panel .my-panel-body .panel-imgcon li .panel-container .panel-flot-title { height: 265px; } /* line 1178, ../sass/_common.scss */ .my-panel .my-panel-body .panel-imgcon li .panel-container .panel-flot-title .panel-title { position: absolute; text-align: left; bottom: 0px; left: 0px; height: 70px; color: #fff; padding-left: 20px; right: 0px; background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.9)); } /* line 1191, ../sass/_common.scss */ .my-panel .my-panel-body .panel-imgcon li.last { margin: 0px; } /* line 1197, ../sass/_common.scss */ .my-panel .my-panel-body .panel-txt li { padding: 15px 0px; border-bottom: 1px solid #ccc; cursor: pointer; } /* line 1202, ../sass/_common.scss */ .my-panel .my-panel-body .panel-txt li a:hover span { color: #23527c; } /* line 1207, ../sass/_common.scss */ .my-panel .my-panel-body .panel-txt li.last { border-bottom: 0px; } /* line 1214, ../sass/_common.scss */ .my-panel .my-panel-body .panel-order .order-img-con { height: 126px; overflow: hidden; display: inline-block; } /* line 1219, ../sass/_common.scss */ .my-panel .my-panel-body .panel-order .order-img { width: 100%; max-width: 180px; } /* line 1223, ../sass/_common.scss */ .my-panel .my-panel-body .panel-order tr { border-bottom: 1px solid #ccc; } /* line 1226, ../sass/_common.scss */ .my-panel .my-panel-body .panel-order tr.last { border-bottom: 0px; } /* line 1229, ../sass/_common.scss */ .my-panel .my-panel-body .panel-order td { padding: 18px 10px; width: 20%; vertical-align: top; } /* line 1236, ../sass/_common.scss */ .my-panel .my-panel-body .panel-order.order-list tr { border-top: 1px solid #ccc; line-height: 24px; } /* line 1243, ../sass/_common.scss */ .my-panel .panel-order-title { padding: 15px; } /* line 1245, ../sass/_common.scss */ .my-panel .panel-order-title table td { width: 25%; padding: 0 10px; } /* line 1251, ../sass/_common.scss */ .circle-bg { background-position: 0 -324px; height: 32px; width: 32px; line-height: 32px; font-size: 12px; } /* line 1256, ../sass/_common.scss */ .my-collapse-wrap { display: none; } /* line 1259, ../sass/_common.scss */ .checkin { width: 82px; height: 20px; display: inline-block; background: url(../images/checkin.jpg) no-repeat; } /* line 1266, ../sass/_common.scss */ .my-mapd-marker { position: relative; width: 30px; height: 32px; border-radius: 50%; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; background-position: 0 -388px; height: 33px; width: 32px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .my-mapd-marker:hover, .my-mapd-marker.fs-hover { background-position: 0 -421px; } /* line 1273, ../sass/_common.scss */ .my-mapd-marker:hover, .my-mapd-marker.open { width: 42px; height: 43px; } /* line 1279, ../sass/_common.scss */ .my-mapd-marker { background: url(../images/point3.png) no-repeat; background-position: center center !important; } /* line 1283, ../sass/_common.scss */ .my-mapd-marker:hover { background-position: center center !important; } /* line 1287, ../sass/_common.scss */ .my-mapd-marker .animated { -moz-animation-duration: 2.5s; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } /* line 1290, ../sass/_common.scss */ .open.my-mapd-marker .r { left: -63px; } /* line 1293, ../sass/_common.scss */ .my-collapse { cursor: pointer; } /* line 1296, ../sass/_common.scss */ .my-sign { position: absolute; right: 10px; top: 10px; font-size: 16px; color: #ddd; cursor: pointer; } /* line 1305, ../sass/_common.scss */ .my-link-block a { display: inline-block; width: 100%; } /* line 1310, ../sass/_common.scss */ #cnzz_stat_icon_1253147438 { display: none; } /* line 1314, ../sass/_common.scss */ #runMain { width: 400px; height: 249px; background: url(../images/run/cs2.png) no-repeat 0 0; cursor: pointer; position: fixed; z-index: 2; right: 0; bottom: 50px; } /* line 1323, ../sass/_common.scss */ .common-close { position: absolute; right: 15px; top: 15px; height: 24px; width: 24px; background-image: url("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ\a bWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp\a bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6\a eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1\aNzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo\a dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw\a dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv\aIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS\aZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD\a cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0\aYW5jZUlEPSJ4bXAuaWlkOjJFQjg5MEIxREJBMTExRTU5RTIyODZDMjRDNEY1RTEzIiB4bXBNTTpE\a b2N1bWVudElEPSJ4bXAuZGlkOjJFQjg5MEIyREJBMTExRTU5RTIyODZDMjRDNEY1RTEzIj4gPHht\a cE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkVCODkwQUZEQkExMTFF\aNTlFMjI4NkMyNEM0RjVFMTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkVCODkwQjBEQkEx\aMTFFNTlFMjI4NkMyNEM0RjVFMTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94\aOnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6h7V2rAAAAg0lEQVR42ozQYQqAIAwG0M9YXbof\a 6SmCjtAVDWyCRc2pE+ZEfejm9uNcARBHgG1sHHHiaebwZcOC8t2FygKfHAYon3sSqIV/CKU2DHCF\aJNTws/byF6TU4pVc1T01GpFG7aVO93K4VsOog4Ly/aDBHkoS0wBBvPRiMiAVZ3gZkMTxFmAA69Qq\akqZXkJkAAAAASUVORK5CYII="); background-repeat: no-repeat; background-size: 50%; background-position-x: right; cursor: pointer; display: none; } /* line 1353, ../sass/_common.scss */ .common-close:hover { background-image: url("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ\a bWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp\a bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6\a eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1\aNzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo\a dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw\a dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv\aIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS\aZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD\a cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0\aYW5jZUlEPSJ4bXAuaWlkOkY3OEIyNUU2REJBMTExRTVCNzU4Rjc0QjA2MzlCMDQ3IiB4bXBNTTpE\a b2N1bWVudElEPSJ4bXAuZGlkOkY3OEIyNUU3REJBMTExRTVCNzU4Rjc0QjA2MzlCMDQ3Ij4gPHht\a cE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Rjc4QjI1RTREQkExMTFF\aNUI3NThGNzRCMDYzOUIwNDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjc4QjI1RTVEQkEx\aMTFFNUI3NThGNzRCMDYzOUIwNDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94\aOnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4aIy24AAAAgUlEQVR42ozQYQqAIAwG0E9ZXa8D\a 9aN57DAwBYua0ynMifrQzZ0bdgCUI2BuHDmiz9OSg+vGDCp3V6oLfHIwUDlnEqiHfwi1Nhi4QRJq\a+Fmz/AUptbCSm7p9pxHJai8NulfC9RpGAxSU7wcNjlCSmAwE8dKLaQKpuMBrAkkcbwEGACO9Kf+x\a DqwgAAAAAElFTkSuQmCC"); } /* line 1375, ../sass/_common.scss */ .submit-disabled { border: 1px solid #a9acac !important; color: #fff !important; background: #a9acac url(../images/loading-spinning-bubbles.svg) no-repeat left center !important; background-size: 10% 50% !important; color: #fff !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } /* line 1385, ../sass/_common.scss */ .proposalCon { padding: 20px; } /* line 1387, ../sass/_common.scss */ .proposalCon .tipTitle { display: none; } /* line 1390, ../sass/_common.scss */ .proposalCon #suggestionForm { text-align: center; } /* line 1393, ../sass/_common.scss */ .proposalCon .trang-b, .proposalCon .trang { display: none; } /* line 1396, ../sass/_common.scss */ .proposalCon .error { color: red; } /* line 1401, ../sass/_common.scss */ .gt_holder .gt_slider { margin-top: 30px; } /*mock style*/ /* line 1405, ../sass/_common.scss */ .mock-select:hover .icon:before, .mock-select:hover .panel-forget .user:before, .panel-forget .mock-select:hover .user:before, .mock-select:hover .panel-forget .pass:before, .panel-forget .mock-select:hover .pass:before, .mock-select:hover .login-wrap .user:before, .login-wrap .mock-select:hover .user:before, .mock-select:hover .login-wrap .pass:before, .login-wrap .mock-select:hover .pass:before { position: absolute; width: 10px; } /*mock style*/ /* line 1412, ../sass/_common.scss */ .bd_weixin_popup { height: 310px !important; } /*brand no data*/ /* line 1417, ../sass/_common.scss */ .brand-no-data { background: #f2f2f2 url("../images/brand/no-data.png") no-repeat center center; min-height: 530px; } @media screen and (max-width: 767px) { /* line 1422, ../sass/_common.scss */ .brand-no-data { min-height: 230px; background-size: 50%; } /* line 1426, ../sass/_common.scss */ .my-container { min-height: 500px; } } /* line 1430, ../sass/_common.scss */ .publicBeta { position: fixed; left: 0; top: 0; z-index: 1000000; width: 100%; height: 60px; background: url(../images/publicBeta/publicBetaBg.jpg) no-repeat center center; } /* line 1438, ../sass/_common.scss */ .publicBeta .publicBetaInner { width: 1200px; height: 60px; margin: 0 auto; } /* line 1442, ../sass/_common.scss */ .publicBeta .publicBetaInner .gchj { display: block; float: left; margin: 15px 0 0 0; } /* line 1447, ../sass/_common.scss */ .publicBeta .publicBetaInner .icon-cog { float: right; font-size: 30px; color: #fff; margin-top: 15px; } /* line 1455, ../sass/_common.scss */ .publicBeta ~ .body-tiny > .content-wrapper, .publicBeta ~ .body-tiny > .map-wrapper { top: 110px; } /* line 1458, ../sass/_common.scss */ .publicBeta ~ .my-header-space { height: 110px; } /* line 1461, ../sass/_common.scss */ .publicBeta ~ .my-header-space .my-header { top: 60px; } /* line 1465, ../sass/_common.scss */ .my-header-space.twoRow .publicBeta ~ .my-header { top: 60px; } /* line 1468, ../sass/_common.scss */ .my-header-space.twoRow .publicBeta ~ .my-headerSub { top: 100px; } @media screen and (min-width: 768px) and (max-width: 1200px) { /* line 1474, ../sass/_common.scss */ .publicBeta .publicBetaInner { width: 768px; } } @media screen and (max-width: 768px) { /* line 1481, ../sass/_common.scss */ .publicBeta { position: fixed; height: 45px; top: 0px; z-index: 999999; left: 0px; right: 0px; } /* line 1488, ../sass/_common.scss */ .publicBeta .publicBetaInner { width: auto; } /* line 1490, ../sass/_common.scss */ .publicBeta .publicBetaInner .gchj { width: 60%; float: none; margin: 0 auto; margin-top: 10px; } /* line 1496, ../sass/_common.scss */ .publicBeta .publicBetaInner .icon-cog { display: none; } /* line 1501, ../sass/_common.scss */ .publicBeta ~ .m-header-wrap { top: 45px; z-index: 999999; } /* line 1505, ../sass/_common.scss */ .publicBeta ~ .my-container { margin-top: 90px; } /* line 1508, ../sass/_common.scss */ .publicBeta ~ #my-scroll-body { margin-top: 90px; } /* line 1512, ../sass/_common.scss */ .publicBeta ~ .body-tiny .content-wrapper { top: 90px; } } /* line 1518, ../sass/_common.scss */ .swiper-button-prev, .swiper-button-next { width: 40px !important; height: 70px !important; margin-top: -35px !important; background: url(../images/newIndex/new-index-icon.png) no-repeat !important; opacity: 0.6; } /* line 1524, ../sass/_common.scss */ .swiper-button-prev:hover, .swiper-button-next:hover { opacity: 1; } /* line 1528, ../sass/_common.scss */ .swiper-button-prev { left: 100px !important; right: auto !important; background-position: -25px -23px !important; } /* line 1533, ../sass/_common.scss */ .swiper-button-next { left: auto !important; right: 100px !important; background-position: -76px -23px !important; } @media screen and (max-width: 740px) { /* line 1540, ../sass/_common.scss */ .swiper-button-prev { left: 10px !important; } /* line 1543, ../sass/_common.scss */ .swiper-button-next { right: 10px !important; } } /*tips*/ /* line 1548, ../sass/_common.scss */ .mogo-tips-bg { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgba(0, 0, 0, 0.5); z-index: 999; } /* line 1557, ../sass/_common.scss */ .mogo-tips-con { position: absolute; top: 50%; left: 50%; width: 150px; background: rgba(0, 0, 0, 0.7); color: #fff; padding: 10px; margin-left: -75px; text-align: center; border-radius: 5px; } /* line 1569, ../sass/_common.scss */ .icons-hot { background: url(../images/icons/new_hot.png) no-repeat center center/24px 15px; display: inline-block; width: 24px; height: 15px; } .icons-new { background: url(../images/icons/new_icon.png) no-repeat center center/24px 15px; display: inline-block; width: 24px; height: 15px; } /* line 125, ../sass/_mapSearch.scss */ a, .add-rect-block a { color: inherit; } /* line 131, ../sass/_mapSearch.scss */ .hidden { display: none !important; } /* line 135, ../sass/_mapSearch.scss */ .relative { position: relative; } /* line 141, ../sass/_mapSearch.scss */ .body-tiny { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; color: #6e717b; background-color: #f2f2f2; font-size: 12px; line-height: 20px; } /* line 145, ../sass/_mapSearch.scss */ .body-tiny .content-wrapper { position: fixed; top: 50px; right: 40%; bottom: 0; left: 0; z-index: 0; overflow-y: auto; } /* line 149, ../sass/_mapSearch.scss */ .body-tiny .map-wrapper { position: fixed; top: 50px; right: 0; bottom: 0; left: 60%; z-index: 0; } /* line 156, ../sass/_mapSearch.scss */ .body-tiny.expand-map .map-wrapper { left: 0; z-index: 0; } /* line 160, ../sass/_mapSearch.scss */ .body-tiny.expand-map .content-wrapper { top: 50px; bottom: 0; right: 0; left: 0; z-index: 1; } /* line 167, ../sass/_mapSearch.scss */ .body-tiny.expand-map .panel-rooms, .body-tiny.expand-map .mapFooter { display: none; } /* line 175, ../sass/_mapSearch.scss */ .pull-left { float: left; } /* line 175, ../sass/_mapSearch.scss */ .pull-right { float: right; } /* line 182, ../sass/_mapSearch.scss */ .text-left { text-align: left; } /* line 182, ../sass/_mapSearch.scss */ .text-center { text-align: center; } /* line 182, ../sass/_mapSearch.scss */ .text-right { text-align: right; } /* line 187, ../sass/_mapSearch.scss */ .text-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* line 193, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter, .expand-map .panel-filter { margin: 12px 0; } /* line 200, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block, .expand-map .panel-filter .row-block { background-color: white; line-height: 40px; min-height: 40px; margin: 4px 0; } /* line 205, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-head, .expand-map .panel-filter .row-block .row-head { float: left; margin: 8px 20px; width: 54px; height: 24px; line-height: 24PX; text-align: center; border-radius: 4px; background-color: #eee; color: #0f121c; cursor: default; letter-spacing: 4px; text-indent: 4px; } /* line 219, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .filter-icon, .expand-map .panel-filter .row-block .filter-icon { display: none !important; } /* line 220, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body, .expand-map .panel-filter .row-block .row-body { margin-left: 100px; line-height: 40px; color: #6e717b; position: relative; } /* line 225, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body.region-list, .expand-map .panel-filter .row-block .row-body.region-list { z-index: 3; } /* line 228, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body .placeholder, .expand-map .panel-filter .row-block .row-body .placeholder { top: 14px; position: relative; } /* line 232, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body .item, .myswiperWarp .panel-filter .row-block .row-body a, .expand-map .panel-filter .row-block .row-body .item, .expand-map .panel-filter .row-block .row-body a { display: inline-block; float: left; } /* line 238, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body .item:hover a, .expand-map .panel-filter .row-block .row-body .item:hover a { background-color: #ebeeef; } /* line 242, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body .on, .expand-map .panel-filter .row-block .row-body .on { background-color: #ebeeef; } /* line 245, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body a, .expand-map .panel-filter .row-block .row-body a { color: #6e717b; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; transition: color 0.3s; } /* line 250, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body > a, .myswiperWarp .panel-filter .row-block .add-rect-block .row-body > a, .myswiperWarp .panel-filter .row-block .row-body .item a, .expand-map .panel-filter .row-block .row-body > a, .expand-map .panel-filter .row-block .add-rect-block .row-body > a, .expand-map .panel-filter .row-block .row-body .item a { padding: 0 10px; } /* line 253, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body .item a:hover, .myswiperWarp .panel-filter .row-block .row-body > a:hover, .myswiperWarp .panel-filter .row-block .add-rect-block .row-body > a:hover, .expand-map .panel-filter .row-block .row-body .item a:hover, .expand-map .panel-filter .row-block .row-body > a:hover, .expand-map .panel-filter .row-block .add-rect-block .row-body > a:hover { background-color: #ebeeef; } /* line 257, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body .disabled, .expand-map .panel-filter .row-block .row-body .disabled { text-decoration: line-through; cursor: not-allowed; } /* line 260, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body .disabled:hover, .expand-map .panel-filter .row-block .row-body .disabled:hover { background-color: inherit; } /* line 264, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body .row-expand, .expand-map .panel-filter .row-block .row-body .row-expand { position: absolute; top: 40px; left: 0; right: 0; padding-top: 5px; padding-bottom: 5px; background-color: #ebeeef; line-height: 30px; display: none; float: left; z-index: 1; } /* line 276, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body .row-expand a:hover, .expand-map .panel-filter .row-block .row-body .row-expand a:hover { color: #ff5600; } /* line 280, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body .item:hover .row-expand, .expand-map .panel-filter .row-block .row-body .item:hover .row-expand { display: block; } /* line 284, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body .fa, .expand-map .panel-filter .row-block .row-body .fa { color: inherit; padding-left: 2px; padding-right: 2px; } /* line 290, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body .drop-menu ul a, .expand-map .panel-filter .row-block .row-body .drop-menu ul a { display: block; float: none; } /* line 295, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body .mock-radio, .expand-map .panel-filter .row-block .row-body .mock-radio { margin: 0 5px; position: relative; float: left; padding-left: 18px; cursor: pointer; } /* line 301, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body .mock-radio i, .expand-map .panel-filter .row-block .row-body .mock-radio i { position: absolute; left: 0; top: 14px; width: 12px; height: 12px; background: url("../images/icons/mapIcon.png") no-repeat 0 -20px; } /* line 309, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body .mock-radio:hover, .expand-map .panel-filter .row-block .row-body .mock-radio:hover { background-color: inherit; } /* line 312, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body .mock-radio.active, .expand-map .panel-filter .row-block .row-body .mock-radio.active { color: inherit; } /* line 314, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body .mock-radio.active i, .expand-map .panel-filter .row-block .row-body .mock-radio.active i { background-position: 0 -7px; } /* line 322, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block .row-body::after, .expand-map .panel-filter .row-block .row-body::after { content: ''; clear: both; display: block; height: 0; line-height: 0; } /* line 328, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block a.active, .expand-map .panel-filter .row-block a.active { color: #ff5600; } /* line 332, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .slider-wrapper, .expand-map .panel-filter .slider-wrapper { position: relative; top: 20px; margin: 0 15px; } /* line 336, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .slider-wrapper .price-slider, .expand-map .panel-filter .slider-wrapper .price-slider { margin-right: 30%; } /* line 340, ../sass/_mapSearch.scss */ .myswiperWarp .panel-filter .row-block:last-child, .expand-map .panel-filter .row-block:last-child { margin-bottom: 0; } /* line 345, ../sass/_mapSearch.scss */ .sorting-list .fa-rotate-180 { position: relative; top: -1px; } /* line 351, ../sass/_mapSearch.scss */ .mock-select { width: 54px; position: relative; } /* line 80, ../sass/_mapSearch.scss */ .mock-select .holder-option { height: 24px; line-height: 24px; display: block; } /* line 85, ../sass/_mapSearch.scss */ .mock-select .icon, .mock-select .panel-forget .user, .panel-forget .mock-select .user, .mock-select .panel-forget .pass, .panel-forget .mock-select .pass { margin-left: -5px; } /* line 88, ../sass/_mapSearch.scss */ .mock-select .drop-list { position: absolute; left: 0; top: 24px; font-weight: normal; width: 54px; background-color: white; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); display: none; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 10; } /* line 100, ../sass/_mapSearch.scss */ .mock-select .drop-list a { display: block; height: 24px; line-height: 24px; overflow: hidden; } /* line 105, ../sass/_mapSearch.scss */ .mock-select .drop-list a:hover { color: #ff5600; } /* line 111, ../sass/_mapSearch.scss */ .mock-select:hover .drop-list { display: block; opacity: 1; } /* line 115, ../sass/_mapSearch.scss */ .mock-select:hover .icon, .mock-select:hover .panel-forget .user, .panel-forget .mock-select:hover .user, .mock-select:hover .panel-forget .pass, .panel-forget .mock-select:hover .pass { margin-left: auto; margin-right: -5px; } /* line 118, ../sass/_mapSearch.scss */ .mock-select:hover .icon:before, .mock-select:hover .panel-forget .user:before, .panel-forget .mock-select:hover .user:before, .mock-select:hover .panel-forget .pass:before, .panel-forget .mock-select:hover .pass:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* line 353, ../sass/_mapSearch.scss */ .mock-select .holder-option { width: 54px; text-align: center; } /* line 357, ../sass/_mapSearch.scss */ .mock-select .drop-list { padding-bottom: 4px; } /* line 362, ../sass/_mapSearch.scss */ .summary { margin-left: 35px; margin-right: 20px; color: #282828; font-weight: normal; font-size: 1em; line-height: 44px; text-align: right; visibility: hidden; } /* line 371, ../sass/_mapSearch.scss */ .summary .count { color: #ff5600; } /* line 380, ../sass/_mapSearch.scss */ .mapFooter { background: #2e3444; text-align: center; } /* line 385, ../sass/_mapSearch.scss */ #paramPrice { margin: 0 30% 0 0px; float: none; background-color: #c6c6c7; background-image: none; } /* line 390, ../sass/_mapSearch.scss */ #paramPrice .ui-slider-handle { cursor: pointer; } /* line 395, ../sass/_mapSearch.scss */ .paramPriceW { margin: 0 15px; top: 20px; position: relative; z-index: 0; } /* line 402, ../sass/_mapSearch.scss */ .paramPriceW > span { position: absolute; left: 75%; top: -6px; line-height: 12px; color: #6e717b; font-size: 14px; } /* line 412, ../sass/_mapSearch.scss */ .params2 small.arrow1 { float: right; width: 9px; height: 12px; background: url("../images/icons/mapIcon.png") no-repeat 0 -32px; margin-left: 4px; margin-top: 5px; } /* line 421, ../sass/_mapSearch.scss */ .paramsMore { margin: 0 10px; } /* line 427, ../sass/_mapSearch.scss */ .full-screen-mode .drop-menu { position: relative; border: 1px solid #bfbfbf; width: 90px; height: 22px; line-height: 20px; margin: 9px 10px 9px; display: inline-block; float: left; } /* line 439, ../sass/_mapSearch.scss */ .full-screen-mode .drop-menu + .drop-menu { margin-left: 0; } /* line 443, ../sass/_mapSearch.scss */ .full-screen-mode .drop-menu > span { margin-left: 8px; } /* line 448, ../sass/_mapSearch.scss */ .full-screen-mode .drop-menu li { display: block; overflow: hidden; } /* line 453, ../sass/_mapSearch.scss */ .full-screen-mode div.drop-menu:hover > ul { display: block; } /* line 457, ../sass/_mapSearch.scss */ .full-screen-mode div.drop-menu > span { display: inline; padding: 0; background: none; box-shadow: none; width: auto; } /* line 465, ../sass/_mapSearch.scss */ .full-screen-mode .drop-menu > ul { display: none; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); position: absolute; z-index: 10; width: 100%; top: 21px; padding: 5px 0; } /* line 476, ../sass/_mapSearch.scss */ .full-screen-mode .drop-menu > ul a { padding-left: 10px; overflow: hidden; display: block; color: #333333; } /* line 481, ../sass/_mapSearch.scss */ .full-screen-mode .drop-menu > ul a.active { color: #ff5600; } /* line 484, ../sass/_mapSearch.scss */ .full-screen-mode .drop-menu > ul a.disabled { text-decoration: line-through; cursor: not-allowed; } /* line 490, ../sass/_mapSearch.scss */ .full-screen-mode .drop-menu li:hover a { color: #ff5600 !important; } /* line 494, ../sass/_mapSearch.scss */ .full-screen-mode .dropDownArrow { width: 8px; height: 8px; position: absolute; right: 7px; top: 7px; background: url("../images/icons/mapIcon.png") no-repeat 0px 2px; } /* line 503, ../sass/_mapSearch.scss */ .full-screen-mode .fee-range.changed { color: #ff5600; font-weight: bold; } /* 已选的搜房过滤条件的展示面板 */ /* line 510, ../sass/_mapSearch.scss */ .selectParams { margin: 0; padding: 0 105px 10px 206px; background-color: #dedede; position: relative; } /* line 515, ../sass/_mapSearch.scss */ .selectParams.empty { padding-bottom: 0; } /* line 518, ../sass/_mapSearch.scss */ .selectParams:after { content: ''; clear: both; display: block; height: 0; line-height: 0; } /* line 523, ../sass/_mapSearch.scss */ .selectParams > div { float: left; height: 28px; border: 1px solid #f65000; line-height: 28px; background: #fff; padding-left: 10px; margin: 10px 20px 0 0; display: inline-block; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } /* line 533, ../sass/_mapSearch.scss */ .selectParams > div .fa-search { color: #6e717b; line-height: inherit; padding-right: 5px; } /* line 541, ../sass/_mapSearch.scss */ .selectParams .item.hover, .selectParams .item:hover { background-color: #dedede; border-color: #bfbfbf; } /* line 545, ../sass/_mapSearch.scss */ .selectParams .item.hover span, .selectParams .item.hover .closeParam, .selectParams .item:hover span, .selectParams .item:hover .closeParam { color: #6e717b; } /* line 552, ../sass/_mapSearch.scss */ .selectParams .item span { display: inline-block; min-width: 45px; float: left; } /* line 558, ../sass/_mapSearch.scss */ .selectParams .closeParam { width: 26px; height: 26px; display: inline-block; float: right; line-height: 24px; font-style: normal; font-size: 18px; font-family: microsoft yahei; cursor: pointer; text-align: center; color: #f56000; } /* line 573, ../sass/_mapSearch.scss */ .selectParams .clearParams { position: absolute; left: 112px; color: #f65000; cursor: pointer; padding-right: 10px; border: 0; } /* line 580, ../sass/_mapSearch.scss */ .selectParams .clearParams:hover { background-color: transparent; border: 0px; color: #333; } /* line 585, ../sass/_mapSearch.scss */ .selectParams .clearParams .fa { margin-right: 3px; font-size: 16px; } /* line 591, ../sass/_mapSearch.scss */ div.clearParams span { margin: 0 2px; color: inherit; vertical-align: top; } /* line 597, ../sass/_mapSearch.scss */ .community-title { background-color: #f2f2f2; padding: 16px 30px; line-height: 25px; margin-bottom: 20px; } /* line 601, ../sass/_mapSearch.scss */ .community-title h3 { color: #fd5038; font-size: 2em; line-height: 1.36em; } /* line 606, ../sass/_mapSearch.scss */ .community-title small { color: #fd5038; } /* line 609, ../sass/_mapSearch.scss */ .community-title .model { color: #39bbff; } /* line 611, ../sass/_mapSearch.scss */ .community-title .model small { color: #39bbff; } /* line 615, ../sass/_mapSearch.scss */ .community-title p { color: #4a4e5a; font-size: 1.2em; } /* line 623, ../sass/_mapSearch.scss */ .panel-rooms { background: #fff; clear: both; } /* line 628, ../sass/_mapSearch.scss */ .panel-rooms .placeholder { text-align: center; padding: 100px 0; color: #9d9d9d; } /* line 632, ../sass/_mapSearch.scss */ .panel-rooms .placeholder .deco-wrapper { font-size: 4em; } /* line 635, ../sass/_mapSearch.scss */ .panel-rooms .placeholder .has-deco { padding-top: 90px; background: url(../images/icons/search-big.png) no-repeat scroll center top; } /* line 639, ../sass/_mapSearch.scss */ .panel-rooms .placeholder .btn-simple { border: 1px solid #9d9d9d; color: #1f1f1f; height: 30px; line-height: 28px; padding: 0 12px; cursor: pointer; border-radius: 1px; } /* line 647, ../sass/_mapSearch.scss */ .panel-rooms .placeholder .btn-simple:active { outline: 0 none; } /* line 651, ../sass/_mapSearch.scss */ .panel-rooms .placeholder p { margin: 10px 0; line-height: 20px; } /* line 657, ../sass/_mapSearch.scss */ .panel-rooms { padding-top: 10px; padding-left: 10px; } /* line 660, ../sass/_mapSearch.scss */ .panel-rooms > ul { margin-top: -15px; padding-bottom: 20px; min-height: 600px; } /* line 664, ../sass/_mapSearch.scss */ .panel-rooms > ul:after { content: ''; clear: both; display: block; height: 0; line-height: 0; } /* line 670, ../sass/_mapSearch.scss */ .panel-rooms > ul > li { width: 50%; float: left; } /* line 675, ../sass/_mapSearch.scss */ .maplist1 { margin: 13px 20px 7px 2px; position: relative; } /* line 680, ../sass/_mapSearch.scss */ .mapList2 { position: relative; overflow: hidden; background-color: white; } /* line 686, ../sass/_mapSearch.scss */ .mapListTips { position: absolute; display: none; top: 0; left: 0; right: 0; bottom: 0; line-height: 100%; color: #fff; text-align: center; font-size: 30px; } /* line 697, ../sass/_mapSearch.scss */ .mapListTips > span { position: absolute; height: 60px; line-height: 60px; bottom: 13%; right: 0; padding: 0 10px 0 18px; text-align: right; font-size: 18px; color: #dddddd; } /* line 710, ../sass/_mapSearch.scss */ .item-room .mapListTips:hover { display: block; background-color: rgba(255, 255, 255, 0.05); } /* line 715, ../sass/_mapSearch.scss */ .item-room { z-index: 0; } @media (min-width: 768px) { /* line 721, ../sass/_mapSearch.scss */ .item-room .shadow-square { position: absolute; display: block; width: 100%; height: 100%; border: 1px solid #e6e5e1; z-index: 2; background-color: white; -webkit-transition: top 1s,right 1s; -moz-transition: top 1s,right 1s; -ms-transition: top 1s,right 1s; transition: top 1s,right 1s; } /* line 729, ../sass/_mapSearch.scss */ .item-room .shadow-square.shift-double { z-index: 1; } /* line 737, ../sass/_mapSearch.scss */ .item-room .inner { position: relative; z-index: 3; border: 1px solid #e6e5e1; } /* line 742, ../sass/_mapSearch.scss */ .item-room:hover .shadow-square { right: -6px; top: -6px; } /* line 745, ../sass/_mapSearch.scss */ .item-room:hover .shadow-square.shift-double { right: -12px; top: -12px; } /* line 751, ../sass/_mapSearch.scss */ .has-shadow { -webkit-transition: box-shadow .4s; -moz-transition: box-shadow .4s; -ms-transition: box-shadow .4s; transition: box-shadow .4s; } /* line 758, ../sass/_mapSearch.scss */ .item-room:hover .has-shadow, .item-room.has-shadow:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } } /* line 765, ../sass/_mapSearch.scss */ .img-wrapper { overflow: hidden; } /* line 767, ../sass/_mapSearch.scss */ .img-wrapper img { display: block; } /* line 772, ../sass/_mapSearch.scss */ .mapListTips.on { display: block; background-color: rgba(0, 0, 0, 0.2); } /* line 777, ../sass/_mapSearch.scss */ .mapList2 a { display: block; margin-bottom: -10%; } /* line 782, ../sass/_mapSearch.scss */ .mapList2 a > img, .mapList2 .add-rect-block a > img, .mapList2 > img { display: block; width: 100%; -webkit-transform: translatey(-10%); -moz-transform: translatey(-10%); -ms-transform: translatey(-10%); transform: translatey(-10%); } /* line 792, ../sass/_mapSearch.scss */ .mapList3 { position: relative; padding: 10px 120px 10px 10px; } /* line 798, ../sass/_mapSearch.scss */ .item-room .badge-radius { display: block; width: 24px; height: 24px; text-align: center; border-radius: 50%; font-size: 12px; cursor: default; text-indent: -9999px; float: left; position: absolute; top: 14px; right: 14px; display: block; } /* line 813, ../sass/_mapSearch.scss */ .item-room .badge-radius.best-of { background: url(../images/best_of.png) no-repeat scroll center top; background-size: 24px; } /* line 817, ../sass/_mapSearch.scss */ .item-room .badge-radius.authentication { background: url(../images/authentication.png) no-repeat scroll center top; background-size: 24px; } /* line 821, ../sass/_mapSearch.scss */ .item-room .badge-radius + .badge-radius { right: 48px; } @media screen and (max-width: 740px) { /* line 828, ../sass/_mapSearch.scss */ .item-room .badge-radius.best-of, .item-room .badge-radius.authentication { width: 18px; height: 18px; background-size: 18px; top: 5px; right: 5px; } /* line 836, ../sass/_mapSearch.scss */ .item-room .badge-radius + .badge-radius { right: 26px; } } /* line 842, ../sass/_mapSearch.scss */ .mapList3 > h2, .mapList3 > h3, .mapList3 > h5 { font-weight: normal; } /* line 848, ../sass/_mapSearch.scss */ .item-room .price { position: absolute; left: 0; bottom: 30px; width: 170px; height: 54px; line-height: 54px; font-size: 24px; font-weight: normal; color: white; text-align: center; letter-spacing: 3px; background: rgba(15, 18, 28, 0.8); overflow: hidden; padding: 0 5px; } /* line 868, ../sass/_mapSearch.scss */ .mapList3 > h2 { font-size: 18px; color: #0f121c; margin-bottom: 8px; height: 22px; line-height: 22px; overflow: hidden; } /* line 875, ../sass/_mapSearch.scss */ .mapList3 > h2 a { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; transition: color 0.3s; } /* line 877, ../sass/_mapSearch.scss */ .mapList3 > h2 a:hover { color: #ff5600; } /* line 884, ../sass/_mapSearch.scss */ .mapList3 > h3 { font-size: 14px; color: #9ea1af; line-height: 20px; height: 20px; overflow: hidden; } /* line 892, ../sass/_mapSearch.scss */ .item-room .brand { position: absolute; right: 10px; bottom: 30px; width: 100px; font-weight: normal; font-size: 14px; color: #1cb1f5; text-align: right; } /* line 903, ../sass/_mapSearch.scss */ .mapList3 > h5 { font-size: 12px; color: #9ea1af; position: absolute; right: 10px; top: 27px; } /* line 909, ../sass/_mapSearch.scss */ .mapList3 > h5 span { border-radius: 20px; border: 1px solid #9ea1af; padding: 3px 11px; margin-left: 3px; background-color: white; } /* line 916, ../sass/_mapSearch.scss */ .mapList3 > h5 .label-payment-monthly { color: #ef8700; border-color: #ef8700; right: 65px; } /* line 921, ../sass/_mapSearch.scss */ .mapList3 > h5 .rentType1 { color: #f65000; border-color: #f65000; } /* line 925, ../sass/_mapSearch.scss */ .mapList3 > h5 .rentType2 { color: #a62af2; border-color: #a62af2; } /* line 929, ../sass/_mapSearch.scss */ .mapList3 > h5 .rentType3 { color: #007aff; border-color: #007aff; } /* line 935, ../sass/_mapSearch.scss */ .mapPageNation { text-align: center; padding: 10px 0 35px 0; font-size: 14px; } /* line 940, ../sass/_mapSearch.scss */ .m-pagenation { display: none; } /* line 944, ../sass/_mapSearch.scss */ .mapPageNation > span { margin-bottom: 10px; display: block; } /* line 949, ../sass/_mapSearch.scss */ .mapPageNation a, .mapPageNation > div > span { display: inline-block; line-height: 30px; min-width: 30px; } /* line 956, ../sass/_mapSearch.scss */ .mapPageNation a { cursor: pointer; } /* line 960, ../sass/_mapSearch.scss */ a.pageCurrent, .mapPageNation a:hover { background: #ff6500; color: #fff; } /* line 966, ../sass/_mapSearch.scss */ .mapFooter { text-align: center; color: #696e7b; } /* line 971, ../sass/_mapSearch.scss */ .mapFooter a { color: #696e7b; text-decoration: none; margin: 0 12px; } /* line 977, ../sass/_mapSearch.scss */ .mapFooter hr { border: none; border-bottom: 1px solid #555a65; margin: 20px; } /* line 983, ../sass/_mapSearch.scss */ .mapFooter p { padding: 35px 0 16px 0; } /* line 987, ../sass/_mapSearch.scss */ .mapFooter div { padding: 10px 0 40px 0; line-height: 1.8em; } @media (max-width: 1000px) { /* line 995, ../sass/_mapSearch.scss */ .mapFooter a { margin: 0 5px; } } @media (max-width: 800px) { /* line 1001, ../sass/_mapSearch.scss */ .mapFooter a { margin: 0 2px; } } /* line 1008, ../sass/_mapSearch.scss */ .q { position: relative; width: 30px; height: 32px; border-radius: 50%; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; background-position: 0 -388px; height: 33px; width: 32px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .q:hover, .q.fs-hover { background-position: 0 -421px; } /* line 1015, ../sass/_mapSearch.scss */ .q:hover, .q.open { width: 42px; height: 43px; } /* line 1022, ../sass/_mapSearch.scss */ .q2 { background-position: 0 -891px; height: 33px; width: 32px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .q2:hover, .q2.jz-hover { background-position: 0 -924px; } /* line 1026, ../sass/_mapSearch.scss */ .q:hover .r, .q.open .r { display: block; opacity: 1; } /* line 1032, ../sass/_mapSearch.scss */ .q.open { background-position: 0 -345px; } /* line 1036, ../sass/_mapSearch.scss */ .q2.open { background-position: 0 -830px; } /* line 1040, ../sass/_mapSearch.scss */ .r { position: absolute; padding: 0 16px; height: 38px; top: -48px; left: -48px; font-size: 12px; line-height: 38px; text-align: center; white-space: nowrap; background: #fff; color: #0f121c; border: 1px solid #cfcfcf; border-radius: 1px; display: none; opacity: 0; min-width: 142px; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; transition: opacity 0.4s; } /* line 1060, ../sass/_mapSearch.scss */ .r .num { font-style: normal; padding: 0 2px; color: #ff5600; } /* line 1066, ../sass/_mapSearch.scss */ .r .unit { font-weight: normal; } /* line 1070, ../sass/_mapSearch.scss */ .r { position: absolute; padding: 0 16px; height: 38px; top: -48px; left: -60px; font-size: 12px; line-height: 38px; text-align: center; white-space: nowrap; background: #fff; color: #0f121c; border: 1px solid #cfcfcf; border-radius: 1px; display: none; opacity: 0; min-width: 160px; z-index: 5; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; transition: opacity 0.4s; } /* line 1091, ../sass/_mapSearch.scss */ .r i, .r b { position: absolute; bottom: -16px; left: 50%; width: 0; height: 0; border: 5px solid transparent; border-top-width: 11px; border-left-width: 7px; border-right-width: 7px; border-top-color: #bfbfbf; margin-left: -7px; } /* line 1106, ../sass/_mapSearch.scss */ .r i { border-top-color: #fff; bottom: -14px; z-index: 11; } /* line 1113, ../sass/_mapSearch.scss */ .dragSearch { position: absolute; left: 75px; top: 65px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); z-index: 10; color: #666; font-size: 12px; background: #fff; line-height: 40px; padding: 0 10px; } /* line 1126, ../sass/_mapSearch.scss */ .dragSearch input { margin-right: 8px; } /* line 1130, ../sass/_mapSearch.scss */ #mapBaidu { height: 100%; } /* line 1134, ../sass/_mapSearch.scss */ a.zz { color: #ddd; cursor: default; } /* line 1139, ../sass/_mapSearch.scss */ .mapMB0 { margin-bottom: 0; } /* line 1143, ../sass/_mapSearch.scss */ .cityDropDown { position: relative; } /* line 1147, ../sass/_mapSearch.scss */ .cityDropDown > ul { display: none; background: #fff; position: absolute; top: 20px; width: 60px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); padding: 5px 0; } /* line 1157, ../sass/_mapSearch.scss */ .cityDropDown:hover > ul { display: block; } /* line 1162, ../sass/_mapSearch.scss */ .fixed { position: fixed !important; z-index: 4; width: 60%; } /* line 1168, ../sass/_mapSearch.scss */ .selectParams.fixed + .panel-rooms { margin-top: 50px; } /* line 1172, ../sass/_mapSearch.scss */ .ajax-loader { position: fixed; left: 50%; top: 50%; width: 40px; height: 40px; margin-top: 30px; margin-left: -20px; overflow: hidden; background-color: white; z-index: 100; opacity: 0; border-radius: 50%; box-shadow: 0 2px 12px rgba(120, 173, 135, 0.8); transition: box-shadow 2s; } /* line 1187, ../sass/_mapSearch.scss */ .ajax-loader img { display: block; width: 100%; height: auto; cursor: pointer; } /* line 1196, ../sass/_mapSearch.scss */ .map-control-switch { position: absolute; background-color: white; overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.22); border-radius: 4px; right: 14px; top: 14px; opacity: 0.85; -webkit-transition: opacity .6s; transition: opacity .6s; } /* line 1207, ../sass/_mapSearch.scss */ .map-control-switch:hover { opacity: 1; } /* line 1210, ../sass/_mapSearch.scss */ .map-control-switch button { height: 34px; width: 60px; text-align: center; border: 0 none; color: #2e3543; font-size: 12px; padding-left: 18px; } /* line 1219, ../sass/_mapSearch.scss */ .map-control-switch .reduce { background: url(../images/find/b_list.png) no-repeat scroll 8px 8px white; } /* line 1221, ../sass/_mapSearch.scss */ .map-control-switch .reduce.active { background: url(../images/find/w_list.png) no-repeat scroll 8px 8px #f65000; color: white; } /* line 1226, ../sass/_mapSearch.scss */ .map-control-switch .enlarge { background: url(../images/find/b_map.png) no-repeat scroll 8px 8px white; } /* line 1228, ../sass/_mapSearch.scss */ .map-control-switch .enlarge.active { background: url(../images/find/w_map.png) no-repeat scroll 8px 8px #f65000; color: white; } /* line 1236, ../sass/_mapSearch.scss */ .map-control-tag { position: absolute; background-color: white; width: 28px; height: 60px; line-height: 60px; border-radius: 0 6px 6px 0; text-align: center; top: 50%; margin-top: -30px; font-size: 25px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); opacity: 0.8; -webkit-transition: opacity .6s; transition: opacity .6s; } /* line 1251, ../sass/_mapSearch.scss */ .map-control-tag .fa { color: #6e717b; -webkit-transition: color .6s; transitoin: color .6s; } /* line 1256, ../sass/_mapSearch.scss */ .map-control-tag:hover { opacity: 1; } /* line 1259, ../sass/_mapSearch.scss */ .map-control-tag:hover .fa { color: #f65000; } /* line 1265, ../sass/_mapSearch.scss */ .map-control-filter { position: absolute; top: 14px; right: 14px; width: 120px; border-radius: 4px; background-color: white; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.22); opacity: 0.8; -webkit-transition: opacity .6s ease-in; transition: opacity .6s ease-in; } /* line 1276, ../sass/_mapSearch.scss */ .map-control-filter:hover { opacity: 1; } /* line 1279, ../sass/_mapSearch.scss */ .map-control-filter button { display: block; background: white; outline: 0 none; border: 0 none; padding: 0 10px; margin: 6px 0; height: 22px; width: 100%; line-height: 26px; } /* line 1290, ../sass/_mapSearch.scss */ .map-control-filter em { display: inline-block; float: left; width: 14px; height: 14px; margin-right: 3px; margin-top: 5px; border-radius: 2px; background: gray; } /* line 1300, ../sass/_mapSearch.scss */ .map-control-filter i { display: inline-block; float: right; font-size: 12px; color: #429dfa; line-height: 22px; height: 22px; width: 15px; } /* line 1312, ../sass/_mapSearch.scss */ .marker-circle { background-color: #f65000; border: 1px solid white; line-height: 32px; color: white; border-radius: 6px; padding: 0 6px 0 4px; } /* line 1320, ../sass/_mapSearch.scss */ .marker-circle span { display: inline-block; background-color: white; color: #f65000; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; text-align: center; line-height: 24px; height: 24px; margin: 4px 4px 4px 0; padding: 0 6px; font-size: 1.2em; } /* line 1335, ../sass/_mapSearch.scss */ .marker-circle:hover { border-color: #7459dc; } /* line 1338, ../sass/_mapSearch.scss */ .marker-circle:hover span { color: #7459dc; } /* line 1341, ../sass/_mapSearch.scss */ .marker-circle:hover:after, .marker-circle:hover:before { border-top-color: #7459dc; } /* line 1345, ../sass/_mapSearch.scss */ .marker-circle small { color: inherit; font-size: .75em; } /* line 1349, ../sass/_mapSearch.scss */ .marker-circle:before, .marker-circle:after { content: ''; line-height: 0; height: 0; position: absolute; } /* line 1357, ../sass/_mapSearch.scss */ .marker-circle:before { border-top: 6px solid white; border-left: 5px solid transparent; border-right: 5px solid transparent; left: 10px; bottom: -6px; } /* line 1364, ../sass/_mapSearch.scss */ .marker-circle:after { border-top: 5px solid #f65000; border-left: 4px solid transparent; border-right: 4px solid transparent; left: 11px; bottom: -5px; } /* line 1374, ../sass/_mapSearch.scss */ .marker-region { border-radius: 50%; opacity: 0.9; background-color: rgba(246, 80, 0, 0.9); background-image: linear-gradient(0deg, #f65000, #ff7800); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); width: 76px; height: 76px; text-align: center; padding: 8px; color: white; margin-left: -27px; margin-top: -42px; } /* line 1387, ../sass/_mapSearch.scss */ .marker-region h6 { font-size: 13px; font-weight: normal; margin-top: 13px; margin-bottom: 0; white-space: nowrap; } /* line 1394, ../sass/_mapSearch.scss */ .marker-region p { font-size: 18px; margin: 0; font-family: microsoft yahei; color: inherit; white-space: nowrap; } /* line 1401, ../sass/_mapSearch.scss */ .marker-region small { color: inherit; padding-left: 2px; font-size: .7em; } /* line 1409, ../sass/_mapSearch.scss */ .marker-city { border-radius: 50%; opacity: 0.9; background-color: rgba(246, 80, 0, 0.9); background-image: linear-gradient(0deg, #f65000, #ff7800); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); width: 84px; height: 84px; text-align: center; padding: 2px; color: white; margin-left: -27px; margin-top: -42px; } /* line 1422, ../sass/_mapSearch.scss */ .marker-city p { font-size: 14px; line-height: 84px; color: inherit; } /* line 1429, ../sass/_mapSearch.scss */ .marker-circle:hover, .marker-region:hover, .marker-city:hover { background-image: none; background-color: #7459dc; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); } /* line 1437, ../sass/_mapSearch.scss */ .marker-city-ready { width: 18px; height: 26px; } /* line 1442, ../sass/_mapSearch.scss */ .marker { position: relative; z-index: 0; white-space: nowrap; } /* line 1446, ../sass/_mapSearch.scss */ .marker:after { content: ''; clear: both; display: block; height: 0; line-height: 0; } /* line 1449, ../sass/_mapSearch.scss */ .marker .price { font-size: 14px; background-color: #fd5038; color: white; border-radius: 16px; border: 1px solid white; display: inline-block; float: left; line-height: 26px; padding: 0 10px 0 20px; position: relative; } /* line 1460, ../sass/_mapSearch.scss */ .marker .price i, .marker .price em { color: inherit; font-style: normal; } /* line 1464, ../sass/_mapSearch.scss */ .marker .price i { position: absolute; line-height: 28px; display: block; height: 28px; width: 20px; text-align: center; left: 3px; top: 0; font-size: .8em; font-family: arial; color: inherit; } /* line 1477, ../sass/_mapSearch.scss */ .marker .price:before, .marker .price:after { content: ''; position: absolute; width: 0; height: 0; line-height: 0; } /* line 1484, ../sass/_mapSearch.scss */ .marker .price:before { border-top: 10px solid white; border-left: 5px solid transparent; border-right: 5px solid transparent; bottom: -9px; left: 10px; z-index: -1; } /* line 1492, ../sass/_mapSearch.scss */ .marker .price:after { border-top: 11px solid #fd5038; border-left: 5px solid transparent; border-right: 5px solid transparent; left: 10px; bottom: -9px; } /* line 1500, ../sass/_mapSearch.scss */ .marker .title, .marker .my-list li.white-block .title, .my-list li.white-block .marker .title, .marker .my-list-photo li.white-block .title, .my-list-photo li.white-block .marker .title { display: none; color: #fd5038; margin-left: -12px; z-index: -1; padding: 0 10px 0 16px; background-color: white; line-height: 26px; border-radius: 0 16px 16px 0; border: 1px solid white; } /* line 1512, ../sass/_mapSearch.scss */ .marker:hover .price, .marker:hover .title, .marker:hover .my-list li.white-block .title, .my-list li.white-block .marker:hover .title, .marker:hover .my-list-photo li.white-block .title, .my-list-photo li.white-block .marker:hover .title { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } /* line 1515, ../sass/_mapSearch.scss */ .marker:hover .price:before { border-top-color: rgba(0, 0, 0, 0.4); } /* line 1523, ../sass/_mapSearch.scss */ .marker2 .price { background-color: #03a9f4; } /* line 1525, ../sass/_mapSearch.scss */ .marker2 .price:after { border-top-color: #03a9f4; } /* line 1529, ../sass/_mapSearch.scss */ .marker2 .title, .marker2 .my-list li.white-block .title, .my-list li.white-block .marker2 .title, .marker2 .my-list-photo li.white-block .title, .my-list-photo li.white-block .marker2 .title { border-color: #03a9f4; color: #03a9f4; } /* line 1537, ../sass/_mapSearch.scss */ .marker.viewed .price { background-color: #666; } /* line 1539, ../sass/_mapSearch.scss */ .marker.viewed .price:after { border-top-color: #666; } /* line 1543, ../sass/_mapSearch.scss */ .marker.viewed .title, .marker.viewed .my-list li.white-block .title, .my-list li.white-block .marker.viewed .title, .marker.viewed .my-list-photo li.white-block .title, .my-list-photo li.white-block .marker.viewed .title { border-color: #666; color: #666; } /* line 1551, ../sass/_mapSearch.scss */ .marker:hover .price, .marker:hover .title, .marker:hover .my-list li.white-block .title, .my-list li.white-block .marker:hover .title, .marker:hover .my-list-photo li.white-block .title, .my-list-photo li.white-block .marker:hover .title, .marker.open .price, .marker.open .title, .marker.open .my-list li.white-block .title, .my-list li.white-block .marker.open .title, .marker.open .my-list-photo li.white-block .title, .my-list-photo li.white-block .marker.open .title { border-color: #fd5038; } /* line 1554, ../sass/_mapSearch.scss */ .marker:hover .title, .marker:hover .my-list li.white-block .title, .my-list li.white-block .marker:hover .title, .marker:hover .my-list-photo li.white-block .title, .my-list-photo li.white-block .marker:hover .title, .marker.open .title, .marker.open .my-list li.white-block .title, .my-list li.white-block .marker.open .title, .marker.open .my-list-photo li.white-block .title, .my-list-photo li.white-block .marker.open .title { display: inline-block; } /* line 1561, ../sass/_mapSearch.scss */ .marker2:hover .price, .marker2:hover .title, .marker2:hover .my-list li.white-block .title, .my-list li.white-block .marker2:hover .title, .marker2:hover .my-list-photo li.white-block .title, .my-list-photo li.white-block .marker2:hover .title, .marker2.open .price, .marker2.open .title, .marker2.open .my-list li.white-block .title, .my-list li.white-block .marker2.open .title, .marker2.open .my-list-photo li.white-block .title, .my-list-photo li.white-block .marker2.open .title { border-color: #03a9f4; } /* line 1568, ../sass/_mapSearch.scss */ .marker.viewed:hover .price, .marker.viewed:hover .title, .marker.viewed.open .price, .marker.viewed.open .title { border-color: #666; } /* line 1574, ../sass/_mapSearch.scss */ .subway-label { position: relative; height: 34px; z-index: 1; white-space: nowrap; font-size: 14px; background: #fff url(../images/mapicon/station_metro2.png) -1px center no-repeat; border: 2px solid #067CFF; line-height: 30px; color: #333333; border-radius: 18px; padding: 0 12px 0 36px; } /* line 1587, ../sass/_mapSearch.scss */ .subway-label:before, .subway-label:after { content: ''; position: absolute; width: 0; height: 0; line-height: 0; } /* line 1595, ../sass/_mapSearch.scss */ .subway-label:before { border-top: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; left: 20px; bottom: -8px; z-index: 2; } /* line 1603, ../sass/_mapSearch.scss */ .subway-label:after { border-top: 10px solid #067CFF; border-left: 10px solid transparent; border-right: 10px solid transparent; left: 18px; bottom: -10px; } /* line 1610, ../sass/_mapSearch.scss */ .subway-label:hover { color: #067CFF; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } /* line 1614, ../sass/_mapSearch.scss */ .subway-label .point-icon { position: absolute; left: 21px; bottom: -22px; width: 14px; height: 14px; background: #fff; border: 3px solid; border-color: #067CFF; border-radius: 50%; } /* line 1629, ../sass/_mapSearch.scss */ .BMap_stdMpCtrl { width: 32px !important; height: 74px !important; } /* line 1633, ../sass/_mapSearch.scss */ .BMap_stdMpZoom { width: 32px !important; height: 74px !important; } /* line 1638, ../sass/_mapSearch.scss */ .BMap_stdMpCtrl .BMap_stdMpZoom .BMap_button.BMap_stdMpZoomIn { background: rgba(255, 255, 255, 0.9) url("../images/mapicon/zoom.png") no-repeat center center !important; height: 32px !important; width: 32px !important; } /* line 1642, ../sass/_mapSearch.scss */ .BMap_stdMpCtrl .BMap_stdMpZoom .BMap_button.BMap_stdMpZoomIn:hover { background-image: url("../images/mapicon/zoom_hover.png") !important; } /* line 1646, ../sass/_mapSearch.scss */ .BMap_stdMpCtrl .BMap_stdMpZoom .BMap_button.BMap_stdMpZoomOut { background: rgba(255, 255, 255, 0.9) url("../images/mapicon/zd.png") no-repeat center center !important; height: 32px !important; width: 32px !important; top: 38px !important; } /* line 1650, ../sass/_mapSearch.scss */ .BMap_stdMpCtrl .BMap_stdMpZoom .BMap_button.BMap_stdMpZoomOut:hover { background-image: url("../images/mapicon/zd_hover.png") !important; } /* line 1656, ../sass/_mapSearch.scss */ .BMap_ZoomIn { background: rgba(255, 255, 255, 0.9) url("../images/mapicon/zoom.png") no-repeat center center; height: 32px; width: 32px; } /* line 1660, ../sass/_mapSearch.scss */ .BMap_ZoomIn:hover { background-image: url("../images/mapicon/zoom_hover.png"); } /* line 1664, ../sass/_mapSearch.scss */ .BMap_ZoomOut { background: rgba(255, 255, 255, 0.9) url("../images/mapicon/zd.png") no-repeat center center; height: 32px; width: 32px; } /* line 1668, ../sass/_mapSearch.scss */ .BMap_ZoomOut:hover { background-image: url("../images/mapicon/zd_hover.png"); } /* line 1675, ../sass/_mapSearch.scss */ .similar-house { display: block; position: absolute; right: 0; bottom: 108px; padding: 10px 5px 10px 15px; font-size: 18px; color: #333333; background: rgba(255, 255, 255, 0.8); border-bottom-left-radius: 20px; border-top-left-radius: 20px; cursor: pointer; } /* line 1687, ../sass/_mapSearch.scss */ .similar-house:hover { color: #f65000; } /* line 1689, ../sass/_mapSearch.scss */ .similar-house:hover .fa { color: #f65000; } /* line 1695, ../sass/_mapSearch.scss */ .findroom-selected-brand { display: block; position: absolute; right: 0; bottom: 108px; padding: 10px 5px 10px 15px; font-size: 18px; color: #f65000; background: rgba(255, 255, 255, 0.8); border-bottom-left-radius: 20px; border-top-left-radius: 20px; -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); cursor: pointer; } /* line 1708, ../sass/_mapSearch.scss */ .findroom-selected-brand:hover { color: #f60b3e; } /* line 1711, ../sass/_mapSearch.scss */ .findroom-selected-brand:focus { color: #f60b3e; } /* line 1714, ../sass/_mapSearch.scss */ .findroom-selected-brand:active { color: #f60b3e; } /* line 1720, ../sass/_mapSearch.scss */ .s-h-p { display: none; position: fixed; top: 50px; right: 0; bottom: 0; left: 0; z-index: 0; color: #6e717b; background-color: rgba(0, 0, 0, 0.5); font-size: 12px; line-height: 20px; } /* line 1732, ../sass/_mapSearch.scss */ .s-h-p.active { display: block; } /* line 1735, ../sass/_mapSearch.scss */ .s-h-p .s-h-c { position: fixed; top: 50px; right: 40%; bottom: 0; left: 0; z-index: 0; overflow-y: auto; background: #fff; } /* line 1744, ../sass/_mapSearch.scss */ .s-h-p .s-h-c .panel-rooms { padding-left: 0; } /* line 1746, ../sass/_mapSearch.scss */ .s-h-p .s-h-c .panel-rooms .community-title { position: relative; } /* line 1749, ../sass/_mapSearch.scss */ .s-h-p .s-h-c .panel-rooms > ul { margin-top: 0; } /* line 1753, ../sass/_mapSearch.scss */ .s-h-p .s-h-c .f-hint { display: none; } /* line 1757, ../sass/_mapSearch.scss */ .s-h-p .close-shp { display: block; position: absolute; top: 5px; right: 5px; width: 40px; height: 40px; opacity: 1; background: url("../images/icons/popWinCloseIcon.png") center center no-repeat; cursor: pointer; } /* line 1767, ../sass/_mapSearch.scss */ .s-h-p .close-shp:hover { opacity: 0.7; } /* line 1775, ../sass/_mapSearch.scss */ .my-recommend { position: relative; padding: 20px 30px; background: #fff; min-height: 185px; max-height: 185px; overflow: hidden; display: block; } /* line 1784, ../sass/_mapSearch.scss */ .my-recommend.empty { min-height: 0px; } /* line 1786, ../sass/_mapSearch.scss */ .my-recommend.empty .recommend-swiper { min-height: 0px; } /* line 1790, ../sass/_mapSearch.scss */ .my-recommend .recommend-swiper { overflow: hidden; position: relative; min-height: 170px; max-height: 170px; } /* line 1795, ../sass/_mapSearch.scss */ .my-recommend .recommend-swiper .swiper-button-prev { left: 0px; } /* line 1798, ../sass/_mapSearch.scss */ .my-recommend .recommend-swiper .swiper-button-next { right: 0px; } /* line 1802, ../sass/_mapSearch.scss */ .my-recommend .my-block { min-width: 320px; max-width: 320px; min-height: 120px; max-height: 120px; margin: 0px 10px; font-size: 12px; border: 1px solid #d2d2d2; padding: 20px 15px; display: inline-block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 1812, ../sass/_mapSearch.scss */ .my-recommend .my-block:hover { -moz-box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow: 0px 0px 5px #ccc; box-shadow: 0px 0px 5px #ccc; } /* line 1816, ../sass/_mapSearch.scss */ .my-recommend .my-block .bLink { display: block; overflow: hidden; } /* line 1820, ../sass/_mapSearch.scss */ .my-recommend .my-block .brand-block-dis { top: 70%; } /* line 1826, ../sass/_mapSearch.scss */ .full-screen-mode .my-recommend { display: none; } @media screen and (max-width: 740px) { /* line 1832, ../sass/_mapSearch.scss */ .my-recommend { display: none; } /* line 1835, ../sass/_mapSearch.scss */ .panel-rooms { padding-top: 20px !important; } } /* line 4, ../sass/_mapFullScreen.scss */ .switchbox { position: fixed; right: 10px; top: 20%; z-index: 2; width: 60px; } /* line 10, ../sass/_mapFullScreen.scss */ .switchbox div { width: 100%; background: #f65000; text-align: center; font-size: 12px; line-height: 25px; border-bottom: 1px solid #fff; cursor: pointer; } /* line 20, ../sass/_mapFullScreen.scss */ .row-head-fullScreen { display: none; } /* line 23, ../sass/_mapFullScreen.scss */ .row-head-cityPick { display: none; } /* line 27, ../sass/_mapFullScreen.scss */ .menuico { display: none; } /* line 30, ../sass/_mapFullScreen.scss */ .my-search-full-screen-con { display: none; } /* line 33, ../sass/_mapFullScreen.scss */ .close-menuico { display: none; } /* line 36, ../sass/_mapFullScreen.scss */ .filter-text { display: none; } /* line 39, ../sass/_mapFullScreen.scss */ .holdertext { display: none; } /* line 42, ../sass/_mapFullScreen.scss */ .price-full-screen-newbox { display: none; } /* line 45, ../sass/_mapFullScreen.scss */ .row-block-new { display: none; } /* line 48, ../sass/_mapFullScreen.scss */ .fullScreenTop .dropDownArrow, .row-block.type2 .dropDownArrow { display: none; } /* line 52, ../sass/_mapFullScreen.scss */ #xingzuo-dom .dropDownArrow { display: block; } /* line 55, ../sass/_mapFullScreen.scss */ .row-block.type2.f5 { margin: 4px 0 0 0; } /* line 58, ../sass/_mapFullScreen.scss */ .selectParams.empty .summary { display: none; } /* line 61, ../sass/_mapFullScreen.scss */ .selectParams .summary { display: block; position: absolute; top: 1px; right: 0; visibility: visible; } /* 全屏模式下的样式如下 */ /* line 71, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode { width: 380px; overflow-y: visible !important; top: 60px !important; left: 10px !important; bottom: auto !important; right: auto !important; border-radius: 5px; box-shadow: 0 0 5px #6d6d6d; background: #fff; -webkit-user-select: none; } /* line 82, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .panel-filter { margin: 0; border-radius: 5px; } /* line 86, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .mapFooter { display: none; } /* line 89, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .panel-rooms { display: none; } /* line 92, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-head-cityPick { display: none; } /* line 95, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .pc-price-filter-oldbox { display: none; } /* line 98, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode #xingzuo-oldbox { display: none; } /* line 101, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode #ruzhu-oldbox { display: none; } /* line 104, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode #huxing-oldbox { display: none; } /* line 107, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode #fangyuan-oldbox { display: none; } /* line 110, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode #chaoxiang-oldbox { display: none; } /* line 114, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-head-fullScreen { display: block; } /* line 117, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .fullScreenTop { width: 100%; height: 49px; border-bottom: 1px solid #dcdcdc; padding: 10px 8px 10px 20px; } /* line 123, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .menuico { display: inline-block; width: 18px; height: 28px; cursor: pointer; float: left; } /* line 130, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .menuico span { position: relative; display: block; width: 100%; height: 2px; margin-top: 5px; background: #f65000; } /* line 138, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .close-menuico { display: none; width: 18px; height: 28px; cursor: pointer; float: left; padding: 6px 0; } /* line 145, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .close-menuico > img { float: left; } /* line 149, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .filter-text { display: none; width: 100px; height: 28px; line-height: 26px; font-size: 14px; color: #5a5c64; float: left; padding-left: 10px; } /* line 159, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .my-search-full-screen-con { display: inline-block; float: left; position: relative; width: 201px; height: 28px; } /* line 165, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .my-search-full-screen-con .my-search-full-screen { display: inline-block; width: 200px; padding: 0 30px 0 10px; border-radius: 0; border-right: 1px solid #dcdcdc; border-top: none; border-left: none; border-bottom: none; background-position: 180px center; } /* line 178, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .fullScreenTop.unfold .menuico { display: none; } /* line 179, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .fullScreenTop.unfold .my-search-full-screen-con { display: none; } /* line 180, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .fullScreenTop.unfold .close-menuico { display: inline-block; } /* line 181, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .fullScreenTop.unfold .filter-text { display: inline-block; } /* line 183, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .fullScreenMiddle { width: 100%; height: 0; overflow: hidden; } /* line 188, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .fullScreenMiddle.openheight { overflow: visible; } /* line 191, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block-cityarea, .expand-map .full-screen-mode .row-block-subway { float: right; width: 66px; height: 26px; min-height: 26px; line-height: 24px; margin: 0; position: relative; cursor: pointer; z-index: 7; } /* line 201, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block-cityarea .row-head, .expand-map .full-screen-mode .row-block-subway .row-head { display: none; } /* line 204, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block-cityarea .dropDownArrow, .expand-map .full-screen-mode .row-block-subway .dropDownArrow { display: block; top: 9px; } /* line 209, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-body.type1 { display: none; position: absolute; top: 24px; left: 0; width: 120px; line-height: 30px; margin: 0; background: #fff; border-radius: 3px; box-shadow: 0 2px 5px #dcdcdc; z-index: 3; } /* line 221, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-body.type1 .item { width: 120px; } /* line 223, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-body.type1 .item > a, .expand-map .full-screen-mode .row-body.type1 .add-rect-block .item > a { width: 100%; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* line 231, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-body.type1 .row-expand { top: 0; left: 120px; min-width: 100px; padding: 0 10px; border-radius: 3px; box-shadow: 0 2px 5px #dcdcdc; -webkit-column-width: 100px; -moz-column-width: 100px; column-width: 100px; -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; overflow: hidden; } /* line 245, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-body.type1 .row-expand > a, .expand-map .full-screen-mode .row-body.type1 .add-rect-block .row-expand > a { width: 100px; padding: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; line-height: 30px; } /* line 256, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block-cityarea:hover .row-body, .expand-map .full-screen-mode .row-block-subway:hover .row-body { display: block; } /* line 259, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block-subway:hover .row-body { display: block; } /* line 262, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block-subway { border-right: 1px solid #dcdcdc; } /* line 266, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .holdertext.type1 { display: inline-block; width: 100%; line-height: 27px; padding-left: 10px; padding-right: 20px; } /* line 273, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .holdertext.type1.changed { color: #f65000; } /* line 276, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .full-screen-filter { display: none; } /* line 279, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block.type2 { position: relative; width: 160px; height: 28px; background: #fff; border-radius: 3px; border: 1px solid #dcdcdc; line-height: 28px; min-height: 28px; margin: 20px 0 0 20px; display: inline-block; z-index: 3; vertical-align: top; } /* line 293, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block.type2 .row-head { display: none; } /* line 296, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block.type2 .holdertext.type2 { display: inline-block; width: 100%; line-height: 27px; padding-left: 10px; } /* line 302, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block.type2 .holdertext.type2.changed { color: #f65000; } /* line 305, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block.type2 .dropDownArrow { display: block; top: 9px; } /* line 309, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block.type2 .row-body.type2 { display: none; position: absolute; top: 27px; left: -1px; width: 160px; line-height: 28px; margin: 0; background: #fff; border-radius: 3px; box-shadow: 0 2px 5px #dcdcdc; } /* line 321, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block.type2 .row-body.type2 > a, .expand-map .full-screen-mode .row-block.type2 .add-rect-block .row-body.type2 > a { width: 100%; } /* line 324, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block.type2 .row-body.type2 > a:hover, .expand-map .full-screen-mode .row-block.type2 .add-rect-block .row-body.type2 > a:hover { color: #f65000; } /* line 327, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block.type2 .row-body.type2 > a.active:hover, .expand-map .full-screen-mode .row-block.type2 .add-rect-block .row-body.type2 > a.active:hover { color: #f65000; } /* line 333, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block.type2.f7 { z-index: 7; } /* line 336, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block.type2.f6 { z-index: 6; } /* line 339, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block.type2.f5 { z-index: 5; } /* line 342, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block.type2:hover .row-body.type2 { display: block; } /* line 345, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .price-full-screen-newbox { display: block; width: 100%; height: 63px; padding: 20px 15px 10px 13px; } /* line 351, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode #pc-price-filter-dom-parent { display: none; } /* line 354, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block-new { position: relative; width: 160px; height: 28px; background: #fff; border-radius: 3px; border: 1px solid #dcdcdc; line-height: 28px; min-height: 28px; margin: 20px 0 0 20px; display: inline-block; z-index: 3; vertical-align: top; } /* line 369, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block-new.f5 { z-index: 5; } /* line 372, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block-new.f4 { z-index: 4; } /* line 375, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block-new.f3 { z-index: 3; } /* line 378, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block-new.f2 { z-index: 2; } /* line 381, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .drop-menu-full-screen { border: none; width: 100%; height: 27px; line-height: 27px; margin: 0; } /* line 387, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .drop-menu-full-screen .dropDownArrow { top: 9px; } /* line 390, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .drop-menu-full-screen > ul { top: 27px; left: -1px; width: 160px; padding: 0; border-radius: 3px; box-shadow: 0 2px 5px #dcdcdc; } /* line 397, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .drop-menu-full-screen > ul > li:hover { background: #ebeeef; } /* line 402, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .drop-menu-full-screen.changed > span { color: #f65000; } /* line 405, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode #paramPrice { margin: 0; } /* line 408, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .paramPriceW > span { left: 40%; top: -26px; } /* line 412, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block.type3 { padding: 0 20px; background: none; } /* line 415, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block.type3 .row-head { display: none; } /* line 418, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .row-block.type3 .row-body.type3 { margin: 0; } /* line 422, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .selectParams { padding: 10px 20px 54px 20px; background: #fff; border-top: 1px solid #dcdcdc; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } /* line 428, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .selectParams > div { margin: 10px 12px 0 0; } /* line 431, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .selectParams .clearParams { left: 19px; bottom: 15px; } /* line 435, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .selectParams .summary { top: auto; bottom: 5px; } /* line 440, ../sass/_mapFullScreen.scss */ .expand-map .full-screen-mode .selectParams.empty { padding: 0; border-top: none; } /*room detail start*/ /* line 3, ../sass/_mgh.scss */ .color0f121c { color: #0f121c !important; } /* line 4, ../sass/_mgh.scss */ .spacer-m-r21 { margin-right: 21px; } /* line 5, ../sass/_mgh.scss */ .spacer-m-l21 { margin-left: 21px; } /* line 6, ../sass/_mgh.scss */ .spacer-b0 { padding-bottom: 0 !important; } /* line 7, ../sass/_mgh.scss */ .spacer-m-t-20 { margin-top: -20px; } /* line 8, ../sass/_mgh.scss */ .spacer-l40-bl { padding-left: 39px; border-left: 1px solid #bfbfbf; } /* line 9, ../sass/_mgh.scss */ .spacer-r32 { padding-right: 32px; } /* line 10, ../sass/_mgh.scss */ .spacer-r25 { padding-right: 25px; } /* line 11, ../sass/_mgh.scss */ .spacer-l13 { padding-left: 13px; } /* line 12, ../sass/_mgh.scss */ .h488 { min-height: 488px !important; } /* line 13, ../sass/_mgh.scss */ .h609 { min-height: 609px !important; } /* line 13, ../sass/_mgh.scss */ .h548 { min-height: 548px !important; } /* line 14, ../sass/_mgh.scss */ .h533 { min-height: 533px !important; } /* line 15, ../sass/_mgh.scss */ .h1017 { min-height: 1017px !important; } /* line 16, ../sass/_mgh.scss */ .h989 { min-height: 989px !important; } /* line 17, ../sass/_mgh.scss */ .h659 { min-height: 659px !important; } /* line 18, ../sass/_mgh.scss */ .spacer40-b { padding-bottom: 39px; border-bottom: 1px solid #bfbfbf; } /* line 19, ../sass/_mgh.scss */ .w264 { width: 264px !important; } /* line 20, ../sass/_mgh.scss */ .room-info { width: 100%; position: relative; min-height: 350px; overflow: hidden; z-index: 2; } /* line 28, ../sass/_mgh.scss */ .keeper-info, .my-roomInfo-phone { position: absolute; display: inline-block; width: 25%; min-height: 288px; color: #000; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; height: 100%; left: 0px; } /* line 39, ../sass/_mgh.scss */ .my-roomInfo-phone { min-height: 0; } /* line 44, ../sass/_mgh.scss */ .room-info-detail { display: inline-block; height: 100%; width: 100%; top: 0; right: 0; padding-left: 30%; float: left; padding-top: 60px; } /* line 53, ../sass/_mgh.scss */ .room-info-detail .roomBigTit { padding-left: 0; height: 100%; margin-top: 0px; } /* line 60, ../sass/_mgh.scss */ .choose-rm { display: block; width: 95%; min-height: 85px; line-height: 40px; padding-top: 20px; padding-bottom: 20px; } /* line 68, ../sass/_mgh.scss */ .choose-rm ul { display: inline-block; width: 82%; height: 100%; } /* line 72, ../sass/_mgh.scss */ .choose-rm-num { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ /* No support for these yet, use at own risk */ -o-user-select: none; user-select: none; display: inline-block; height: 42px; overflow: hidden; } /* line 78, ../sass/_mgh.scss */ .choose-rm-num.open { height: 100%; } /* line 80, ../sass/_mgh.scss */ .choose-rm-num.open .mg-icon-angle-down { background-position: -36px -20px; } /* line 84, ../sass/_mgh.scss */ .choose-rm ul li, .choose-rm .roomControl { display: inline-block; width: 52px; height: 42px; border: 1px solid #b5b5b5; border-radius: 2px; margin-left: 10px; margin-right: 6px; text-align: center; cursor: pointer; margin-bottom: 10px; } /* line 97, ../sass/_mgh.scss */ .choose-rm ul li:hover, .choose-rm ul li.active { border: 1px solid #f65000; color: #f65000; } /* line 101, ../sass/_mgh.scss */ .choose-rm span { display: inline-block; vertical-align: top; } /* line 106, ../sass/_mgh.scss */ .choose-rm i.mg-icon-angle-down { display: inline-block; width: 18px; height: 10px; margin-top: 16px; background: url(../images/icons/icon1.png) -36px -8px; background-size: 330px 2060px; } /* line 114, ../sass/_mgh.scss */ .choose-rm ul li:hover i.mg-icon-angle-down { background-position: -54px -8px; } /* line 117, ../sass/_mgh.scss */ .choose-rm i.mg-icon-angle-up { display: inline-block; width: 18px; height: 10px; margin-top: 16px; background: url(../images/icons/icon1.png) -36px -20px; background-size: 330px 2060px; } /* line 125, ../sass/_mgh.scss */ .choose-rm ul li:hover i.mg-icon-angle-up { background-position: -54px -20px; } /* line 128, ../sass/_mgh.scss */ i.mg-icon-male { display: block; width: 120px; height: 120px; background: #f4f4f4 url(../images/icons/icon1.png) -87px -5px; background-size: 330px 2060px; border-radius: 50%; border-color: #f4f4f4; margin: 0 auto; } /* line 138, ../sass/_mgh.scss */ i.mg-icon-female { display: block; width: 70px; height: 70px; background: #f4f4f4 url(../images/icons/icon1.png) -209px -5px; background-size: 330px 2060px; border-radius: 50%; border-color: #f4f4f4; margin: 0 auto; } /* line 148, ../sass/_mgh.scss */ .keeper-img { margin-top: 60px; } /* line 151, ../sass/_mgh.scss */ .style-tag { display: inline-block; border: 1px solid #979aa9; border-radius: 10px; padding: 5px; vertical-align: middle; font-size: 12px !important; line-height: 12px; min-width: 50px; } /* line 162, ../sass/_mgh.scss */ .style-tag2 { display: inline-block; width: 50px; height: 22px; line-height: 22px; border: 1px solid #979aa9; border-radius: 10px; position: absolute; bottom: 17px; right: 14px; } /* line 173, ../sass/_mgh.scss */ .sub-tit { margin-top: 15px; position: relative; } /* line 177, ../sass/_mgh.scss */ .icons-addr { display: inline-block; width: 12px; height: 16px; background: url(../images/icons/icon1.png) -10px -8px; background-size: 330px 2060px; } /* line 184, ../sass/_mgh.scss */ .icon-arr-down { display: inline-block; width: 10px; height: 16px; background: url(../images/icons/icon1.png) -12px -26px; background-size: 330px 2060px; margin-left: 6px; } /* line 192, ../sass/_mgh.scss */ .price-tbl { display: block; width: 100%; } /* line 196, ../sass/_mgh.scss */ .one-third { display: inline-block; color: #333; width: 30%; } /* line 201, ../sass/_mgh.scss */ .quest { display: inline-block; width: 16px; height: 16px; line-height: 16px; background: #0f8ece; border-radius: 50%; color: #fff; text-align: center; font-size: 12px; font-style: normal; cursor: pointer; vertical-align: middle; } /* line 214, ../sass/_mgh.scss */ .quest:hover { color: #fff; } /* line 217, ../sass/_mgh.scss */ .quest:active { color: #fff; } /* line 220, ../sass/_mgh.scss */ .quest:visited { color: #fff; } /* line 225, ../sass/_mgh.scss */ .dtx-show { position: absolute; top: 20px; right: 170px; background: #FFF; z-index: 2; border: 1px solid #ccc; padding: 5px; display: none; } /* line 235, ../sass/_mgh.scss */ .yuanjia { text-decoration: line-through; font-style: italic; } /* line 239, ../sass/_mgh.scss */ .xianjia { font-size: 30px; } /* line 243, ../sass/_mgh.scss */ .icon-serv { display: inline-block; width: 20px; height: 21px; background: url(../images/icons/icon1.png) -6px -49px; background-size: 330px 2060px; margin-bottom: -5px; margin-right: 6px; } /* line 252, ../sass/_mgh.scss */ .icon-repair { display: inline-block; width: 20px; height: 21px; background: url(../images/icons/icon1.png) -6px -79px; background-size: 330px 2060px; margin-bottom: -5px; margin-right: 6px; } /* line 261, ../sass/_mgh.scss */ .serv-time { display: inline-block; margin-top: 10px; } /* line 265, ../sass/_mgh.scss */ .repair-free { display: inline-block; margin-left: 53px; margin-top: 10px; } /* line 270, ../sass/_mgh.scss */ .btn-group-rm { display: block; width: 488px; height: 54px; line-height: 54px; position: absolute; } /* line 278, ../sass/_mgh.scss */ .room-btn { display: inline-block; border: 0px; width: 218px; height: 45px; line-height: 45px; text-align: center; border-radius: 2px; } /* line 287, ../sass/_mgh.scss */ .roomInfo-btn { height: 100px; position: relative; } /* line 291, ../sass/_mgh.scss */ .room-btn:hover { text-decoration: none; } /* line 294, ../sass/_mgh.scss */ .yuding { background: #ff9000; display: none; } /* line 297, ../sass/_mgh.scss */ .yuyue { background: #ff9000; } /* line 300, ../sass/_mgh.scss */ .room-community .figure a { display: inline-block; width: 282px; height: 282px; margin-left: 19px; position: relative; margin-top: 5px !important; vertical-align: top; } /* line 309, ../sass/_mgh.scss */ .room-community .figure a img { width: 282px; height: 282px; border-radius: 4px; -moz-transition: All 0.8s ease-in-out; -o-transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out; transition: All 0.8s ease-in-out; } /* line 315, ../sass/_mgh.scss */ .room-community .figure a:hover img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } /* line 319, ../sass/_mgh.scss */ .room-community .figure a:first-child { margin-left: 0; } /* line 322, ../sass/_mgh.scss */ .room-recommend ul { min-height: 254px; } /* line 325, ../sass/_mgh.scss */ .mgh-room { margin-top: 28px; border: 1px solid #e6e5e1; float: left; width: 380px; text-align: center; position: relative; } /* line 333, ../sass/_mgh.scss */ .mgh-room img { width: 100%; } /* line 336, ../sass/_mgh.scss */ .margin3024 { margin: 30px 0 0 24px; } /* line 339, ../sass/_mgh.scss */ .mgh-room span { display: block; } /* line 342, ../sass/_mgh.scss */ .room-service .footer-icon ul li { display: inline-block; width: 250px; margin: 0px 20px; text-align: center; } /* line 348, ../sass/_mgh.scss */ .room-service .footer-icon ul li i { display: block; width: 78px; height: 78px; background: url(../images/icons/icon1.png); background-size: 330px 2060px; margin: 0 auto; } /* line 356, ../sass/_mgh.scss */ .room-service .footer-icon i.rescoure { background-position: -6px -397px; } /* line 359, ../sass/_mgh.scss */ .room-service .footer-icon i.save { background-position: -94px -397px; } /* line 362, ../sass/_mgh.scss */ .room-service .footer-icon i.sale { background-position: -94px -485px; } /* line 365, ../sass/_mgh.scss */ .room-service .footer-icon i.community { background-position: -6px -485px; } /* line 368, ../sass/_mgh.scss */ .lh2em { line-height: 2em; } /* line 371, ../sass/_mgh.scss */ .lh1em { line-height: 1.5em; } /* line 374, ../sass/_mgh.scss */ .room-tx { display: inline-block; width: 49%; } /* line 378, ../sass/_mgh.scss */ .ul-rent-about { display: inline-block; } /* line 381, ../sass/_mgh.scss */ .ul-rent-about li { font-size: 14px; line-height: 2em; } /* line 385, ../sass/_mgh.scss */ .room-description .info-icons li { display: inline-block; margin-bottom: 10px; text-align: center; } /* line 391, ../sass/_mgh.scss */ .room-description i { display: block; width: 40px; height: 40px; margin: 0 auto; background-size: cover !important; margin-bottom: 13px; } /* line 479, ../sass/_mgh.scss */ .roommate-info .rmmate-info-detail { display: block; min-height: 270px; } /* line 482, ../sass/_mgh.scss */ .roommate-info .rmmate-info-detail.more > li { float: left; } /* line 488, ../sass/_mgh.scss */ .roommate-info .rmmate-info-detail .item-rm { display: inline-block; width: 185px; max-width: 185px; height: 270px; min-height: 270px; vertical-align: top; margin-bottom: 15px; text-align: center; border: 1px solid #e5e5e5; border-radius: 5px; overflow: hidden; margin-right: 10px; } /* line 503, ../sass/_mgh.scss */ .roommate-info .rmmate-info-detail .item-rm:last-child { border-right: 1px solid #e5e5e5; } /* line 506, ../sass/_mgh.scss */ .item-rm ul { height: 100%; padding: 30px 0px; } /* line 510, ../sass/_mgh.scss */ .item-rm ul li { font-size: 14px; color: #979aa9; margin: 0 auto; padding-bottom: 15px; } /* line 516, ../sass/_mgh.scss */ .roommate-info .rmmate-info-detail .item-rm:nth-child(6) { margin-right: 0px; } /* line 520, ../sass/_mgh.scss */ .cur-rm ul li, .notrent-rm ul li { color: #0f121c !important; } /* line 523, ../sass/_mgh.scss */ .cur-rm ul li span { display: block; color: #f65000 !important; } /* line 527, ../sass/_mgh.scss */ .leased-rm ul li span { display: block; color: #979aa9 !important; } /* line 531, ../sass/_mgh.scss */ .notrent-rm ul li span { display: block; color: #2fc4fc !important; } /* line 535, ../sass/_mgh.scss */ .rmmate-man { background: url(../images/icons/sketch.png); background-size: 400px 504px; background-position: 0 -40px; } /* line 540, ../sass/_mgh.scss */ .rmmate-man ul li i { display: block; width: 30px; height: 30px; background: url(../images/icons/icon1.png); background-size: 330px 2060px; background-position: -6px -109px; margin: 0 auto; } /* line 549, ../sass/_mgh.scss */ .rmmate-woman { background: url(../images/icons/sketch.png); background-size: 400px 504px; background-position: -200px -40px; } /* line 554, ../sass/_mgh.scss */ .rmmate-woman ul li i { display: block; width: 30px; height: 30px; background: url(../images/icons/icon1.png); background-size: 330px 2060px; background-position: -47px -109px; margin: 0 auto; } /* line 563, ../sass/_mgh.scss */ .qk-booking { background: transparent; border-color: #f65000; color: #f65000; } /* line 568, ../sass/_mgh.scss */ .to-see { background: transparent; border-color: #2fc4fc; color: #2fc4fc; } /* line 573, ../sass/_mgh.scss */ .room-map { display: block; width: 100%; min-height: 640px; } /* line 578, ../sass/_mgh.scss */ .map-container { padding: 60px 0 40px 0; } /*room detail end*/ /*flexslider*/ /* line 584, ../sass/_mgh.scss */ .flexCon { overflow: hidden; position: relative; height: 203px; } /* line 589, ../sass/_mgh.scss */ #carouselCon { position: relative; } /* line 593, ../sass/_mgh.scss */ .flexCon .flexslider { overflow: inherit; } /* line 594, ../sass/_mgh.scss */ #carouselCon .flex-direction-nav { top: 70% !important; margin-top: 0px !important; } /* line 598, ../sass/_mgh.scss */ #carouselCon .flex-direction-nav li a { position: absolute; margin: 0px; margin-top: -37px; width: 24px; height: 48px; background: url(../images/arrows2.png) no-repeat 0 0; } /* line 604, ../sass/_mgh.scss */ #carouselCon .flex-direction-nav li a.flex-prev { right: auto; left: -30px; } /* line 607, ../sass/_mgh.scss */ #carouselCon .flex-direction-nav li a.flex-next { left: auto; background-position: -24px 0px; right: -30px; } /* line 612, ../sass/_mgh.scss */ #carousel { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: transparent; } /* line 619, ../sass/_mgh.scss */ #carouselCon .slides li { width: 100px; height: 68px; margin-left: 5px; margin-right: 5px; background: #000; } /* line 627, ../sass/_mgh.scss */ #carousel .slides li img { opacity: 0.4; background: #111; width: 100px; height: 68px; } /* line 634, ../sass/_mgh.scss */ #carousel .slides li:hover img { opacity: 1; } /* line 637, ../sass/_mgh.scss */ #carousel .slides li.selected img { opacity: 1; border: 2px solid #fff; } @media screen and (min-width: 740px) { /* line 647, ../sass/_mgh.scss */ .room-image-placeholder { margin-top: 0; display: block; width: 100%; } /* line 653, ../sass/_mgh.scss */ .no-banner .keeper-info, .no-banner .my-roomInfo-phone { width: 30%; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; margin-top: 60px; height: auto; } /* line 661, ../sass/_mgh.scss */ .no-banner .my-roomInfo-phone { width: 25%; left: 30%; border: 0 none; margin-top: 0; } /* line 668, ../sass/_mgh.scss */ .no-banner .room-info-detail { padding-left: 33%; } /* line 672, ../sass/_mgh.scss */ .no-banner .keeper-img .mg-icon-female { border: 0 none !important; margin-left: 20px; margin-top: 5px; float: left; } /* line 679, ../sass/_mgh.scss */ .no-banner .keeper-img + .spacer20 { display: none; } /* line 683, ../sass/_mgh.scss */ .no-banner .keeper-name { text-align: left !important; } /* line 687, ../sass/_mgh.scss */ .no-banner .keeper-name .text-center { text-align: left !important; } /* line 691, ../sass/_mgh.scss */ .no-banner .guanjiaCon { padding-top: 8px; margin-left: 160px; } /* line 694, ../sass/_mgh.scss */ .no-banner .guanjiaCon > div { text-align: left !important; } /* line 699, ../sass/_mgh.scss */ .no-banner .roomInfo-btn { padding-left: 33%; top: -54px; margin-bottom: -50px; } /* line 705, ../sass/_mgh.scss */ .room-image-placeholder + .keeper-img { margin-top: 10px; } } @media screen and (min-width: 740px) and (max-width: 1200px) { /* line 712, ../sass/_mgh.scss */ .btn-yellow-line .btn-phone-icon, .btn-orange-line .btn-phone-icon { font-size: 14px; } /* line 715, ../sass/_mgh.scss */ .no-banner .keeper-img .mg-icon-female, .no-banner .keeper-img .mg-icon-male { width: 80px; height: 80px; margin-bottom: 20px; } /* line 720, ../sass/_mgh.scss */ .no-banner .guanjiaCon { margin-left: 118px; padding-top: 23px; } /* line 723, ../sass/_mgh.scss */ .no-banner .guanjiaCon .keeper-name { font-size: 14px !important; } /* line 726, ../sass/_mgh.scss */ .no-banner .guanjiaCon .brand { font-size: 14px !important; } /* line 729, ../sass/_mgh.scss */ .no-banner .guanjiaCon .ruzhufangdong { font-size: 12px !important; } } @media screen and (max-width: 740px) { /* line 737, ../sass/_mgh.scss */ .room-image-placeholder { margin-bottom: 10px; } /* line 740, ../sass/_mgh.scss */ .room-info .keeper-info, .room-info .my-roomInfo-phone { padding-top: 0; } } /* line 745, ../sass/_mgh.scss */ .my-drop-down { display: inline-block; position: relative; } /* line 747, ../sass/_mgh.scss */ .my-drop-down:hover .my-collapse-wrap { display: block; } /* line 751, ../sass/_mgh.scss */ .my-drop-down-body { text-align: center; position: absolute; background: #fff; width: 350px; box-shadow: 0px 0px 5px rgba(153, 153, 153, 0.9); padding: 10px 5px 10px; margin-top: 8px; border-radius: 4px; z-index: 2; } /* line 752, ../sass/_mgh.scss */ .my-drop-down-body .fa { margin: auto; position: absolute; top: -10px; color: rgba(153, 153, 153, 0.4); text-shadow: 1px -2px 5px; } /* line 759, ../sass/_mgh.scss */ .my-drop-down-body div { text-align: left; padding: 0px 20px; margin-bottom: 3px; line-height: 20px; } /* line 2, ../sass/_mgy.scss */ a:hover, a:focus { text-decoration: none; } /* line 7, ../sass/_mgy.scss */ .bg-f2 { background: #f2f2f2; } /* line 11, ../sass/_mgy.scss */ .gray9e { color: #9ea1af; } /* line 15, ../sass/_mgy.scss */ .mgy-wid100 { width: 100%; } /* line 19, ../sass/_mgy.scss */ .roomDes { width: 100%; } /* line 23, ../sass/_mgy.scss */ .link:hover { text-decoration: underline; } /* line 27, ../sass/_mgy.scss */ .padL12 { margin-left: 12px; } /* line 31, ../sass/_mgy.scss */ #mobile { display: none; } /*index start*/ /* line 38, ../sass/_mgy.scss */ .footer-icon i { width: 78px; height: 78px; display: block; background: url(../images/icons/foot-icon.png) no-repeat; margin: 0 auto 15px; } /* line 46, ../sass/_mgy.scss */ .footer-icon li:hover i.foot-icon1 { background-position: -104px 0; } /* line 50, ../sass/_mgy.scss */ .footer-icon i.foot-icon2 { background-position: 0 -96px; } /* line 54, ../sass/_mgy.scss */ .footer-icon li:hover i.foot-icon2 { background-position: -104px -96px; } /* line 58, ../sass/_mgy.scss */ .footer-icon i.foot-icon3 { background-position: 0 -192px; } /* line 62, ../sass/_mgy.scss */ .footer-icon li:hover i.foot-icon3 { background-position: -104px -192px; } /* line 66, ../sass/_mgy.scss */ .footer-icon i.foot-icon4 { background-position: 0 -292px; } /* line 70, ../sass/_mgy.scss */ .footer-icon li:hover i.foot-icon4 { background-position: -104px -292px; } /* line 74, ../sass/_mgy.scss */ .footer-app i { width: 48px; height: 48px; display: block; background: url(../images/icons/foot-icon.png) no-repeat; } /* line 81, ../sass/_mgy.scss */ .my-footer a { font-size: 12px; } /* line 85, ../sass/_mgy.scss */ .banner { position: relative; width: 100%; display: block; } /* line 92, ../sass/_mgy.scss */ .flexslider { width: 100%; height: 100%; margin: 0 auto; display: block; position: relative; overflow: hidden; background: #FFF; border: 0px; border-radius: 0px; } /* line 104, ../sass/_mgy.scss */ #pc .slides li { background-size: 100%; background-position: 0 50%; background-repeat: no-repeat; height: 640px; text-align: center; cursor: pointer; } /*.flex-direction-nav{display:none;}*/ /* line 116, ../sass/_mgy.scss */ #pc .flex-active-slide { display: block; z-index: 100; } /* line 121, ../sass/_mgy.scss */ #pc .slides { position: relative; z-index: 99; height: 100%; width: 100%; } /* line 128, ../sass/_mgy.scss */ #pc .flex-direction-nav li a { margin-top: 40px; } /* line 132, ../sass/_mgy.scss */ .flex-direction-nav a::before, .flex-direction-nav a.flex-next::before { content: ""; } /* line 137, ../sass/_mgy.scss */ .slides-text { position: absolute; width: 100%; text-align: center; height: 170px; z-index: 999; padding: 10px 0; top: 50%; margin-top: -125px; } /* line 148, ../sass/_mgy.scss */ .slides-text h1 { font-size: 42px; height: 42px; display: inline; color: #FFF; } /* line 155, ../sass/_mgy.scss */ .slides-text h4 { padding: 25px 0px 30px; font-size: 22px; color: #FFF; } /* line 161, ../sass/_mgy.scss */ .flex-direction-nav li a { margin-top: -40px; } /* line 165, ../sass/_mgy.scss */ .tablist { width: 100%; border-bottom: 1px solid #d2d2d2; float: left; } /* line 171, ../sass/_mgy.scss */ .tabitem { cursor: pointer; width: 25%; float: left; text-align: center; font-size: 18px; height: 50px; line-height: 50px; margin-bottom: -1px; -moz-transition: All 0.2s ease-in-out; -o-transition: All 0.2s ease-in-out; -webkit-transition: All 0.2s ease-in-out; transition: All 0.2s ease-in-out; } /* line 183, ../sass/_mgy.scss */ .tablist .selected, .tabitem:hover { color: #f65000; } /* line 188, ../sass/_mgy.scss */ .tablist .selected { border-bottom: 5px solid #f65000; } /* line 192, ../sass/_mgy.scss */ .tabcon { display: none; } /* line 196, ../sass/_mgy.scss */ .mgy-room { border: 1px solid #e6e5e1; float: left; width: 380px; text-align: center; position: relative; overflow: hidden; margin: 2% 0.8% 0px; transition: all .3s ease-in-out; } /* line 207, ../sass/_mgy.scss */ .mgy-room img { width: 100%; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; transition: All 0.6s ease-in-out; } /* line 216, ../sass/_mgy.scss */ .mgy-room:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); } /* line 220, ../sass/_mgy.scss */ .mar25 { margin: 28px 30px 0; } /* line 224, ../sass/_mgy.scss */ .mgy-jin, .mgy-rz { width: 26px; height: 26px; line-height: 26px; background: url(../images/best_of.png) no-repeat scroll center top; background-size: 26px; position: absolute; top: 14px; right: 14px; } /* line 238, ../sass/_mgy.scss */ .mgy-rz { background: url(../images/authentication.png) no-repeat scroll center top; background-size: 26px; } /* line 242, ../sass/_mgy.scss */ .mgy-jin + .mgy-rz { right: 48px; } /* line 246, ../sass/_mgy.scss */ .mgy-room span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; font-weight: bold; } /*.mgy-rent{color: #ff6500;font-size: 20px;line-height: }*/ /* line 258, ../sass/_mgy.scss */ .mgy-h1 { padding: 10px 5px 15px 5px; } @media screen and (min-width: 767px) { /* line 262, ../sass/_mgy.scss */ .mgy-h1 { height: 105px; } } /* line 267, ../sass/_mgy.scss */ .mgy-h1-1 { padding-bottom: 10px; } /* line 271, ../sass/_mgy.scss */ .wid898 { width: 898px; display: inline-block; margin-right: 7px; } /* line 277, ../sass/_mgy.scss */ .wid594 { width: 594px; } /* line 281, ../sass/_mgy.scss */ .wid291 { width: 291px; } /* line 285, ../sass/_mgy.scss */ .wid800 { width: 291px; display: inline-block; } /* line 290, ../sass/_mgy.scss */ .mgy-h2-1 { height: 274px; background: #eb3734; color: #FFF; padding: 60px 25px 0; float: left; position: relative; } /* line 299, ../sass/_mgy.scss */ .mgy-h2-1 .f20 { color: #FFF; } /* line 303, ../sass/_mgy.scss */ .wid594 img { width: 291px; } /* line 307, ../sass/_mgy.scss */ .mgy-h2 img { width: 303px; } /* line 311, ../sass/_mgy.scss */ .mgy-h2-2 { position: relative; float: right; overflow: hidden; } /* line 317, ../sass/_mgy.scss */ .mgy-h3-1 { padding-top: 12px; } /* line 321, ../sass/_mgy.scss */ .mgy-rediconl, .mgy-rediconr { width: 19px; height: 28px; background: url(../images/icons/icon1.png) no-repeat; background-position: -152px -728px; position: absolute; top: 50%; margin-top: -14px; right: -19px; z-index: 2; margin-top: -14px; } /* line 335, ../sass/_mgy.scss */ .mgy-rediconr { left: -19px; background-position: -152px -777px; } /* line 340, ../sass/_mgy.scss */ .mgy-h3-2 { height: 106px; background: #eb3734; position: relative; } /* line 346, ../sass/_mgy.scss */ .mgy-h3-2-1 { width: 138px; height: 30px; color: #FFF; font-size: 24px; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -69px; } /* line 358, ../sass/_mgy.scss */ .mgy-h3-2-1 i { width: 24px; height: 22px; background: url(../images/icons/icon1.png) no-repeat; background-position: -184px -728px; vertical-align: middle; display: inline-block; margin-right: 6px; } /* line 368, ../sass/_mgy.scss */ .mgy-h3-3 { padding: 37px 20px 0px; height: 432px; background: #FFF; position: relative; } /* line 375, ../sass/_mgy.scss */ .mgy-rediconb { width: 28px; height: 19px; background: url(../images/icons/icon1.png) no-repeat; background-position: -233px -729px; position: absolute; left: 50%; bottom: -19px; margin-left: -14px; z-index: 2; } /* line 387, ../sass/_mgy.scss */ .mgy-h3-3 p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 394, ../sass/_mgy.scss */ .mgy-800show { display: none; } /* line 398, ../sass/_mgy.scss */ .mgy-800hide { display: block; } /* line 402, ../sass/_mgy.scss */ .mgy-block-img { position: relative; overflow: hidden; } /* line 405, ../sass/_mgy.scss */ .mgy-block-img a { display: block; } /* line 408, ../sass/_mgy.scss */ .mgy-block-img a.newslink { margin-bottom: 10px; } /* line 410, ../sass/_mgy.scss */ .mgy-block-img a.newslink:hover p { color: #ff0000; } /* line 414, ../sass/_mgy.scss */ .mgy-block-img img { -moz-transition: All 0.8s ease-in-out; -o-transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out; transition: All 0.8s ease-in-out; } /* line 417, ../sass/_mgy.scss */ .mgy-block-img:hover img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } /* line 422, ../sass/_mgy.scss */ .border-left { width: 4px; height: 0px; background: #ee352c; position: absolute; left: 0px; bottom: 0; z-index: 2; } /* line 432, ../sass/_mgy.scss */ .border-bottom { width: 0px; height: 4px; background: #ee352c; position: absolute; left: 0; bottom: 0px; z-index: 2; } /* line 442, ../sass/_mgy.scss */ .border-top { width: 0px; height: 4px; background: #ee352c; position: absolute; right: 0; top: 0px; z-index: 2; } /* line 452, ../sass/_mgy.scss */ .border-right { width: 4px; height: 0px; background: #ee352c; position: absolute; right: 0px; top: 0; z-index: 2; } /*.mgy-block-img img{-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s; } .mgy-block-img img:hover{transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-o-transform:scale(1.03);-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s; }*/ /* line 466, ../sass/_mgy.scss */ .mgy-h2-2 img, .mgy-h3-4 img { -moz-transition: All 0.8s ease-in-out; -o-transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out; transition: All 0.8s ease-in-out; } /* line 471, ../sass/_mgy.scss */ .mgy-h2-2 img:hover, .mgy-h3-4 img:hover { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } /* line 476, ../sass/_mgy.scss */ .adcon img { width: 100%; } /* line 480, ../sass/_mgy.scss */ .jiathis_style.my-share-icon .jtico { width: 48px; height: 48px !important; line-height: 48px !important; padding-left: 0px !important; background: url(../images/icons/foot-icon.png); background-position: -104px -388px; opacity: 0.5; } /* line 490, ../sass/_mgy.scss */ .jiathis_style.my-share-icon .jtico:hover { opacity: 1; } /* line 494, ../sass/_mgy.scss */ .jiathis_style.my-share-icon .jtico_tsina { background-position: -104px -457px; margin-left: 30px; } /*index end*/ /* line 2, ../sass/_mgl.scss */ .lhgt20 { line-height: 20px; } /* line 3, ../sass/_mgl.scss */ .lhgt25 { line-height: 25px; } /* line 4, ../sass/_mgl.scss */ .lhgt30 { line-height: 30px; } /* line 5, ../sass/_mgl.scss */ .lhgt30 { line-height: 35px; } /* line 6, ../sass/_mgl.scss */ .lhgt47 { line-height: 47px; } /* line 7, ../sass/_mgl.scss */ textarea { resize: none; } /* line 8, ../sass/_mgl.scss */ .form-control[disabled], .form-control[readonly] { background: #fff; } /*helpCenter start*/ /* line 14, ../sass/_mgl.scss */ .my-container.nopadding { padding: 0; } /* line 17, ../sass/_mgl.scss */ .my-container.bgColor-f2f2f2 { background: #f2f2f2; } /* line 20, ../sass/_mgl.scss */ .banner { width: 100%; position: relative; } /* line 23, ../sass/_mgl.scss */ .banner.helpCenter { height: 300px; background: url(../images/banner/banner-helpCenter.jpg) center no-repeat; } /* line 27, ../sass/_mgl.scss */ .banner.aboutus { height: 800px; background: url(../images/banner/banner-aboutus1.jpg) center no-repeat; } /* line 31, ../sass/_mgl.scss */ .banner.aboutusmap { height: 380px; } /* line 35, ../sass/_mgl.scss */ .banner.media { height: 224px; background: url(../images/banner/banner-media.jpg) center no-repeat; } /* line 39, ../sass/_mgl.scss */ .banner.joinus { height: 793px; max-height: 793px; } /* line 44, ../sass/_mgl.scss */ .banner.city { height: auto; } /* line 46, ../sass/_mgl.scss */ .banner.city img { width: 100%; } /* line 52, ../sass/_mgl.scss */ .banner.corper { position: relative; height: 640px; max-height: 640px; } /* line 57, ../sass/_mgl.scss */ .corperBannerInner { position: absolute; left: 50%; top: 0; width: 1200px; height: 100%; margin-left: -600px; } /* line 65, ../sass/_mgl.scss */ .corper .slides li { background-size: 100%; background-position: 0 50%; background-repeat: no-repeat; height: 620px; text-align: center; cursor: pointer; } /* line 73, ../sass/_mgl.scss */ .corper .flexslider-corper ol { display: none; } /* line 74, ../sass/_mgl.scss */ .corper .flex-direction-nav { top: 45%; } /* line 75, ../sass/_mgl.scss */ .bannerInner.helpCenter { position: absolute; left: 50%; margin-left: -255px; width: 510px; top: 100px; } /* line 82, ../sass/_mgl.scss */ .bannerInner.aboutus, .bannerInner.media { position: relative; width: 1200px; margin: 0 auto; height: 100%; } /* line 91, ../sass/_mgl.scss */ .bannerInner.joinus { position: absolute; left: 50%; top: 0; width: 1200px; height: 100%; margin-left: -600px; z-index: 10; } /* line 100, ../sass/_mgl.scss */ .bannerInner.aboutusmap { position: relative; width: 800px; margin: 0 auto; height: 100%; } /* line 105, ../sass/_mgl.scss */ .bannerInner.aboutusmap .mapMark { position: absolute; top: 0; left: 216px; width: 368px; height: 341px; } /* line 115, ../sass/_mgl.scss */ .my-container-wrap.padding60-170 { padding: 60px 170px; } /* line 118, ../sass/_mgl.scss */ .helpCenter-table { width: 100%; overflow: auto; } /* line 122, ../sass/_mgl.scss */ .helpCenter-table .help-table-td { padding: 60px 0 0 0; width: 25%; float: left; height: 293px; } /* line 128, ../sass/_mgl.scss */ .helpIcon { display: block; width: 78px; height: 78px; margin: 0 auto; } /* line 134, ../sass/_mgl.scss */ .helpIcon img { width: 100%; height: 100%; } /* line 138, ../sass/_mgl.scss */ .helpIcon:hover { opacity: 0.8; } /* line 143, ../sass/_mgl.scss */ a.helpmore { color: #0f8ece; } /* line 146, ../sass/_mgl.scss */ .helpCenter .helpSearchInput { padding: 6px 40px 6px 12px; border: 1px solid #fff; background: none; color: #fff; } /* line 152, ../sass/_mgl.scss */ .helpCenter .helpSearchInput:-ms-input-placeholder { color: #fff; } /* line 155, ../sass/_mgl.scss */ .helpCenter .helpSearchInput::-webkit-input-placeholder { color: #fff; } /* line 158, ../sass/_mgl.scss */ .helpCenter .helpSearchInput::-moz-input-placeholder { color: #fff; } /* line 161, ../sass/_mgl.scss */ .helpCenter .helpSearchInput:-moz-input-placeholder { color: #fff; } /* line 164, ../sass/_mgl.scss */ .helpCenter .helpSearchButton { position: absolute; width: 34px; height: 34px; display: block; right: 0; bottom: 0; background: none; border: none; min-width: 34px; color: #fff; outline: none; } /* line 176, ../sass/_mgl.scss */ .helpCenter .helpSearchButton .icon-search { color: #fff; } /* line 179, ../sass/_mgl.scss */ .helpCenter .helpSearchButton:active { background: none; outline: none; box-shadow: none; } /* line 183, ../sass/_mgl.scss */ .helpCenter .helpSearchButton:active .icon-search { color: #e5e5e5; } /* line 188, ../sass/_mgl.scss */ .helpSearchItem { margin-bottom: 20px; } /* line 191, ../sass/_mgl.scss */ .helpSearchItemTit { color: #0f8ece; font-size: 14px; display: block; } /* line 195, ../sass/_mgl.scss */ .helpSearchItemTit:hover { color: #0f8ece; } /* line 198, ../sass/_mgl.scss */ .helpSearchItemTit em { color: #ff6500; font-size: 16px; font-style: normal; } /* line 202, ../sass/_mgl.scss */ .helpSearchItemSummary em { color: #ff6500; font-size: 14px; font-style: normal; } /* line 207, ../sass/_mgl.scss */ .helpCenterLowBlock { width: 100%; overflow: auto; margin-bottom: 60px; } /* line 212, ../sass/_mgl.scss */ .tabCont { width: 850px; min-height: 533px; background: #fff; padding: 25px; overflow: hidden; } /* line 219, ../sass/_mgl.scss */ .tabList { width: 320px; min-height: 450px; background: #fff; } /* line 223, ../sass/_mgl.scss */ .tabList > ul > li { display: block; cursor: pointer; position: relative; border: 1px solid #fff; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } /* line 229, ../sass/_mgl.scss */ .tabList > ul > li:hover { border: 1px solid #ffa500; } /* line 233, ../sass/_mgl.scss */ .tabList > ul > li:hover > a { text-decoration: none; color: #ffa500; } /* line 237, ../sass/_mgl.scss */ .tabList > ul > li > a { color: #0f8ece; display: block; padding: 15px 20px; } /* line 241, ../sass/_mgl.scss */ .tabList > ul > li > a:active { text-decoration: none; } /* line 245, ../sass/_mgl.scss */ .tabList > ul > li.active { background: #ffa500; } /* line 248, ../sass/_mgl.scss */ .tabList > ul > li.active > a { text-decoration: none; color: #fff; } /*helpCenter Pagination start*/ /* line 256, ../sass/_mgl.scss */ .pages { margin: 20px 0; height: 50px; width: 100%; text-align: center; } /* line 261, ../sass/_mgl.scss */ .pages .pageTotal { width: 100%; text-align: center; color: #000; font-size: 14px; margin-bottom: 10px; } /* line 269, ../sass/_mgl.scss */ ul.yiiPager { display: inline-block; } /* line 271, ../sass/_mgl.scss */ ul.yiiPager li { float: left; margin-left: 20px; font-size: 14px; } /* line 275, ../sass/_mgl.scss */ ul.yiiPager li > a, ul.yiiPager .add-rect-block li > a { color: #333333; text-decoration: none; display: block; text-align: center; padding: 3px 8px; } /* line 283, ../sass/_mgl.scss */ ul.yiiPager li:hover { background: #ff6500; } /* line 285, ../sass/_mgl.scss */ ul.yiiPager li:hover > a, ul.yiiPager .add-rect-block li:hover > a { color: #fff; } /* line 287, ../sass/_mgl.scss */ ul.yiiPager li:hover > a > .icon-double-angle-left, ul.yiiPager li:hover > a > .icon-angle-left, ul.yiiPager li:hover > a > .icon-angle-right, ul.yiiPager li:hover > a > .icon-double-angle-right { color: #fff; } /* line 295, ../sass/_mgl.scss */ ul.yiiPager li.selected { background: #ff6500; } /* line 297, ../sass/_mgl.scss */ ul.yiiPager li.selected a { color: #fff; } /* line 301, ../sass/_mgl.scss */ ul.yiiPager li.first { margin-left: 0; } /*helpCenter Pagination end*/ /*helpCenter BreadCrumb start*/ /* line 309, ../sass/_mgl.scss */ .breadCrumbBox { width: 100%; } /* line 311, ../sass/_mgl.scss */ .breadCrumbBox a:hover { color: #ff6500; text-decoration: none; } /*helpCenter BreadCrumb end*/ /*helpCenter end*/ /*yuyue popwin form start*/ /* line 321, ../sass/_mgl.scss */ .formBlock { padding: 40px 40px 0 40px; } /* line 324, ../sass/_mgl.scss */ .formBlock table { margin: 0 auto; } /* line 326, ../sass/_mgl.scss */ .formBlock table tr td { position: relative; } /* line 329, ../sass/_mgl.scss */ .formBlock table .col-label { padding-right: 15px; text-align: right; } /* line 333, ../sass/_mgl.scss */ .formBlock table .col-input { padding: 10px 0; } /* line 336, ../sass/_mgl.scss */ .formBlock table .form-control { display: inline-block; width: 180px; height: 47px; } /* line 340, ../sass/_mgl.scss */ .formBlock table .form-control.w290 { width: 290px; } /* line 341, ../sass/_mgl.scss */ .formBlock table .form-control.w150 { width: 150px; } /* line 343, ../sass/_mgl.scss */ .formBlock table .txtArea { height: 90px; } /* line 346, ../sass/_mgl.scss */ .formBlock table .sexbox { display: inline-block; margin-left: 10px; line-height: 46px; vertical-align: top; } /* line 352, ../sass/_mgl.scss */ .formBlock table .btn { display: inline-block; background: none; border: 1px solid #ccc; height: 47px; outline: none; } /* line 358, ../sass/_mgl.scss */ .formBlock table .btn.w100 { width: 118px; } /* line 359, ../sass/_mgl.scss */ .formBlock table .btn:active { outline: none; } /* line 361, ../sass/_mgl.scss */ .formBlock table .error { padding-left: 10px; color: #ff0000; display: block; text-align: left; } /* line 367, ../sass/_mgl.scss */ .formBlock table .btn-orange-lg.w290, .formBlock table .w290.btn-blue-lg, .formBlock table .w290.btn-danger-lg, .formBlock table .w290.btn-danger-slg { width: 290px; min-width: 290px; font-size: 18px; } /* line 372, ../sass/_mgl.scss */ .formBlock table .clause { color: #3b99fc; text-decoration: underline; } /* line 377, ../sass/_mgl.scss */ #blogrollForm .validate-item { margin-top: 0px; } /*yuyue popwin form end*/ /* about us start*/ /* line 384, ../sass/_mgl.scss */ .leftBigTopic { position: absolute; left: 0; top: 20px; font-size: 48px; color: #fff; } /* line 391, ../sass/_mgl.scss */ .rightTopLinkBox { position: absolute; right: 0; top: 35px; } /* line 395, ../sass/_mgl.scss */ .rightTopLinkBox .rightTopLink { display: block; float: left; padding: 8px 25px; margin-left: 24px; background: rgba(23, 26, 36, 0.8); color: #fff; } /* line 403, ../sass/_mgl.scss */ .rightTopLinkBox .rightTopLink:hover { background: rgba(255, 101, 0, 0.8); } /* line 406, ../sass/_mgl.scss */ .rightTopLinkBox .rightTopLink.active { background: rgba(255, 101, 0, 0.8); } /* line 410, ../sass/_mgl.scss */ .teamPic { width: 288px; height: 270px; background: gray; margin: 0 6px 12px 6px; float: left; } /* line 417, ../sass/_mgl.scss */ .productInfo{ display: flex; justify-content: space-between; } /* line 417, ../sass/_mgl.scss */ .teamPic img { width: 100%; height: 100%; } /* line 417, ../sass/_mgl.scss */ .histroyCom{ margin: 2rem} .histroyCom img{height: 27rem} /* line 422, ../sass/_mgl.scss */ .QRbox { width: 86px; margin-left: 65px; float: left; } /* line 426, ../sass/_mgl.scss */ .QRbox .QRpic { display: inline-block; width: 48px; height: 48px; background: url(../images/aboutus/sns-aboutus.png) no-repeat; opacity: 0.8; } /* line 432, ../sass/_mgl.scss */ .QRbox .QRpic:hover { opacity: 1; } /* line 435, ../sass/_mgl.scss */ .QRbox .QRpic.wechat { background-position: left top; } /* line 438, ../sass/_mgl.scss */ .QRbox .QRpic.weibo { background-position: right top; } /* line 442, ../sass/_mgl.scss */ .QRbox .QRtxt { width: 100%; } /* line 446, ../sass/_mgl.scss */ .invest { width: 100%; height: 464px; background: #f2f2f2; } /* line 450, ../sass/_mgl.scss */ .invest .investInner { width: 927px; margin: 0 auto; } /* line 454, ../sass/_mgl.scss */ .invest img { width: 100%; } /* about us end*/ /* media start*/ /* line 461, ../sass/_mgl.scss */ .mediaTopic { position: relative; width: 100%; height: 40px; overflow: auto; } /* line 466, ../sass/_mgl.scss */ .mediaTopic .rope { border-bottom: 1px solid #bfbfbf; width: 100%; position: absolute; top: 20px; left: 0; z-index: 1; } /* line 474, ../sass/_mgl.scss */ .mediaTopic .tit { position: absolute; left: 0; top: 0; padding-right: 20px; background: #f2f2f2; z-index: 2; display: block; line-height: 40px; } /* line 484, ../sass/_mgl.scss */ .mediaTopic .media-flower { padding-left: 20px; position: absolute; right: 0; top: 5px; width: 50px; height: 30px; background: #f2f2f2 url(../images/icons/icon1.png) no-repeat -276px -1276px; z-index: 2; } /* line 496, ../sass/_mgl.scss */ .my-block-ver .artical-right.media { width: 70%; max-width: 800px; } /* media end*/ /* joinus start*/ /* line 505, ../sass/_mgl.scss */ .ju-right-block { width: 865px; } /* line 507, ../sass/_mgl.scss */ .ju-right-block .icon-circle { font-size: 12px; line-height: 18px; vertical-align: middle; } /* line 513, ../sass/_mgl.scss */ .ju-left-block { width: 260px; min-height: 600px; } /* line 517, ../sass/_mgl.scss */ .ju-menu-level-1 { display: block; } /* line 519, ../sass/_mgl.scss */ .ju-menu-level-1 > li { display: block; width: 100%; } /* line 522, ../sass/_mgl.scss */ .ju-menu-level-1 > li > .dpt { width: 100%; height: 50px; color: #979aa9; border-bottom: 1px solid #d0d0d0; background: #fff; position: relative; padding-left: 40px; line-height: 50px; font-size: 14px; cursor: pointer; } /* line 533, ../sass/_mgl.scss */ .ju-menu-level-1 > li > .dpt > i.icon-angle-down { position: absolute; right: 20px; top: 18px; } /* line 538, ../sass/_mgl.scss */ .ju-menu-level-1 > li > .dpt > i.icon-angle-up { position: absolute; right: 20px; top: 18px; } /* line 546, ../sass/_mgl.scss */ .ju-menu-level-2 { display: none; width: 100%; } /* line 549, ../sass/_mgl.scss */ .ju-menu-level-2 > li { display: block; width: 100%; height: 50px; color: #979aa9; border-bottom: 1px solid #d0d0d0; position: relative; padding-left: 50px; line-height: 50px; font-size: 14px; background: #eeeeee; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* line 564, ../sass/_mgl.scss */ .ju-menu-level-2 > li:hover { color: #000; } /* line 567, ../sass/_mgl.scss */ .ju-menu-level-2 > li.active { color: #000; } /* line 570, ../sass/_mgl.scss */ .ju-menu-level-2 > li > i.icon-angle-right { position: absolute; right: 20px; top: 18px; } /* joinus end*/ /* corperation start*/ /* line 581, ../sass/_mgl.scss */ .corp-form-box { position: absolute; right: 0; top: 45px; width: 378px; z-index: 2; } /* line 587, ../sass/_mgl.scss */ .corp-form-box .boxTop { width: 100%; height: 48px; background: url(../images/corperation/corp-form-top-bg.png) no-repeat; } /* line 592, ../sass/_mgl.scss */ .corp-form-box .boxBottom { width: 100%; height: 40px; background: url(../images/corperation/corp-form-bottom-bg.png) no-repeat; } /* line 597, ../sass/_mgl.scss */ .corp-form-box .boxMid { width: 100%; padding: 0 50px; background: url(../images/corperation/corp-form-mid-bg.png) repeat-y; } /* line 603, ../sass/_mgl.scss */ .corpFormTable { width: 100%; } /* line 604, ../sass/_mgl.scss */ .corpFormTable tr td { position: relative; width: 100%; padding: 12px 0; } /* line 608, ../sass/_mgl.scss */ .corpFormTable tr td input[type=text] { height: 47px; } /* line 611, ../sass/_mgl.scss */ .corpFormTable tr td input[type=password] { height: 47px; } /* line 614, ../sass/_mgl.scss */ .corpFormTable tr td textarea { height: 139px; } /* line 617, ../sass/_mgl.scss */ .corpFormTable tr td .input-classifier { padding: 6px 35px 6px 12px; } /* line 620, ../sass/_mgl.scss */ .corpFormTable tr td .classifier { position: absolute; right: 12px; top: 25px; } /* line 625, ../sass/_mgl.scss */ .corpFormTable tr td .btn-orange-lg.w278, .corpFormTable tr td .w278.btn-blue-lg, .corpFormTable tr td .w278.btn-danger-lg, .corpFormTable tr td .w278.btn-danger-slg { width: 278px; min-width: 278px; font-size: 18px; } /* line 630, ../sass/_mgl.scss */ .corpFormTable tr td i.error { color: #ff0000; } /* line 634, ../sass/_mgl.scss */ .rentIntroduce { width: 750px; } /* line 638, ../sass/_mgl.scss */ .my-footer.corp-block { background: #f2f2f2; } /* line 640, ../sass/_mgl.scss */ .my-footer.corp-block div { color: #000; } /* line 644, ../sass/_mgl.scss */ .my-footer.corp-block .footer-icon ul li { width: 19%; } /* line 645, ../sass/_mgl.scss */ .my-footer.corp-block .footer-icon i { background: url(../images/icons/corpIcon.png) no-repeat; } /* line 647, ../sass/_mgl.scss */ .my-footer.corp-block .footer-icon i.foot-icon1 { background-position: -18px -15px; } /* line 650, ../sass/_mgl.scss */ .my-footer.corp-block .footer-icon i.foot-icon2 { background-position: -118px -15px; } /* line 653, ../sass/_mgl.scss */ .my-footer.corp-block .footer-icon i.foot-icon3 { background-position: -218px -15px; } /* line 656, ../sass/_mgl.scss */ .my-footer.corp-block .footer-icon i.foot-icon4 { background-position: -318px -15px; } /* line 659, ../sass/_mgl.scss */ .my-footer.corp-block .footer-icon i.foot-icon5 { background-position: -418px -15px; } /* line 663, ../sass/_mgl.scss */ .my-footer.corp-block .footer-icon span { color: #000; } /* line 666, ../sass/_mgl.scss */ .my-footer.corp-block .clr-gray p { color: #979aa9; } /* line 669, ../sass/_mgl.scss */ .my-block .block-4box { width: 100%; height: 342px; } /* line 673, ../sass/_mgl.scss */ .my-block .block-4box .bbox { margin-top: 10px; width: 291px; height: 332px; position: relative; } /* line 678, ../sass/_mgl.scss */ .my-block .block-4box .bbox.bbox-2 { margin-left: 11px; } /* line 681, ../sass/_mgl.scss */ .my-block .block-4box .bbox.bbox-3 { margin-left: 11px; } /* line 684, ../sass/_mgl.scss */ .my-block .block-4box .bbox.bbox-4 { margin-left: 11px; } /* corperation end*/ /* friendLink start*/ /* line 692, ../sass/_mgl.scss */ .blogbox { width: 200px; padding: 10px 20px 10px 0; float: left; } /* line 696, ../sass/_mgl.scss */ .blogbox a { color: #0f121c; text-decoration: none; } /* line 699, ../sass/_mgl.scss */ .blogbox a:hover { color: #0f8ece; } /* friendLink end*/ /* register start*/ /* line 708, ../sass/_mgl.scss */ .login-wrap.new { width: 520px; margin-left: -260px; top: 45%; margin-top: -317px; } /* line 714, ../sass/_mgl.scss */ .login-wrap.fnew { width: 800px; margin-left: -400px; top: 45%; margin-top: -317px; } /* line 720, ../sass/_mgl.scss */ .backLink { color: #ff6500; text-decoration: underline; } /* line 723, ../sass/_mgl.scss */ .backLink:hover { color: #fb8a54; text-decoration: underline; } /* line 728, ../sass/_mgl.scss */ .loginBox { background: rgba(237, 239, 240, 0.1); padding: 40px; box-shadow: 0 0 10px #333; border-radius: 5px; } /* line 733, ../sass/_mgl.scss */ .loginBox.forgetBox { background: #fff; min-height: 640px; } /* line 737, ../sass/_mgl.scss */ .loginBox .w327 { width: 300px; float: left; } /* line 741, ../sass/_mgl.scss */ .loginBox .w620 { width: 620px; margin: 0 auto; } /* line 745, ../sass/_mgl.scss */ .loginBox .getPhoneCode { display: inline-block; background: #fff; border: 1px solid #ccc; height: 47px; outline: none; float: right; } /* line 752, ../sass/_mgl.scss */ .loginBox .getPhoneCode:active { outline: none; } /* line 756, ../sass/_mgl.scss */ .loginBox .privacy { color: #3b99fc; } /* line 760, ../sass/_mgl.scss */ .fastLogin { color: #ff6500; text-decoration: underline; font-size: 20px; } /* line 764, ../sass/_mgl.scss */ .fastLogin:hover { color: #fb8a54; text-decoration: underline; } /* line 769, ../sass/_mgl.scss */ .quickRestartLogin { padding: 14px 34px; border: 1px solid #d2d2d2; font-size: 14px; color: #979aa9; } /* line 775, ../sass/_mgl.scss */ .loginBox .lgInput { background: rgba(255, 255, 255, 0.1); border: none; color: #fff; } /* line 780, ../sass/_mgl.scss */ .loginBox .loginTroggleColor { color: #fff; } /* line 781, ../sass/_mgl.scss */ .loginBox .lgInput::-webkit-input-placeholder { /* WebKit browsers */ color: #bababa; } /* line 784, ../sass/_mgl.scss */ .loginBox .lgInput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #bababa; } /* line 787, ../sass/_mgl.scss */ .loginBox .lgInput::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #bababa; } /* line 790, ../sass/_mgl.scss */ .loginBox .lgInput:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #bababa; } /* line 793, ../sass/_mgl.scss */ .login-slider { width: 100%; height: 100%; background: #372324; } /* line 798, ../sass/_mgl.scss */ .login-slider ul { display: block; width: 100%; height: 100%; } /* line 803, ../sass/_mgl.scss */ .login-slider ul li { height: 100%; background-position: center center; } /* register end*/ /* mapSite start*/ /* line 811, ../sass/_mgl.scss */ .mapListItem { width: 200px; float: left; } /* line 814, ../sass/_mgl.scss */ .mapListItem .mli { font-size: 20px; margin-bottom: 25px; } /* line 818, ../sass/_mgl.scss */ .mapListItem ul li { margin-bottom: 25px; padding: 0 10px; } /* line 822, ../sass/_mgl.scss */ .mapListItem ul li a { width: 100%; color: #0f121c; text-decoration: none; } /* line 826, ../sass/_mgl.scss */ .mapListItem ul li a:hover { color: #0f8ece; } /* line 830, ../sass/_mgl.scss */ .mapListItem .webappdown { display: block; } /* line 833, ../sass/_mgl.scss */ .mapListItem .wapappdown { display: none; } /* mapSite end*/ /* selfCenter start*/ /* line 840, ../sass/_mgl.scss */ .selfleft { width: 182px; } /* line 843, ../sass/_mgl.scss */ .selfright { overflow: hidden; } /* line 846, ../sass/_mgl.scss */ .selfSideMenuBox { width: 85px; } /* line 849, ../sass/_mgl.scss */ .selfMenu { margin-top: 50px; display: block; } /* line 852, ../sass/_mgl.scss */ .selfMenu li { display: block; margin-bottom: 40px; } /* line 855, ../sass/_mgl.scss */ .selfMenu li > a, .selfMenu .add-rect-block li > a { display: block; overflow: auto; } /* line 859, ../sass/_mgl.scss */ .selfMenu li i { display: block; width: 15px; height: 15px; float: left; margin-top: 3px; background: url(../images/settings/selfCenterIcon.png) no-repeat; } /* line 866, ../sass/_mgl.scss */ .selfMenu li i.selfMenuIcon1 { background-position: -7px -8px; } /* line 869, ../sass/_mgl.scss */ .selfMenu li i.selfMenuIcon2 { background-position: -7px -28px; } /* line 872, ../sass/_mgl.scss */ .selfMenu li i.selfMenuIcon3 { background-position: -7px -50px; } /* line 875, ../sass/_mgl.scss */ .selfMenu li i.selfMenuIcon4 { background-position: -7px -72px; } /* line 878, ../sass/_mgl.scss */ .selfMenu li i.selfMenuIcon5 { background-position: -7px -215px; } /* line 882, ../sass/_mgl.scss */ .selfMenu li span { float: left; margin: 0 0 0 10px; } /* line 887, ../sass/_mgl.scss */ .selfMenu li:hover i.selfMenuIcon1 { background-position: -28px -8px; } /* line 890, ../sass/_mgl.scss */ .selfMenu li:hover i.selfMenuIcon2 { background-position: -28px -28px; } /* line 893, ../sass/_mgl.scss */ .selfMenu li:hover i.selfMenuIcon3 { background-position: -28px -50px; } /* line 896, ../sass/_mgl.scss */ .selfMenu li:hover i.selfMenuIcon4 { background-position: -28px -72px; } /* line 899, ../sass/_mgl.scss */ .selfMenu li:hover i.selfMenuIcon5 { background-position: -28px -215px; } /* line 902, ../sass/_mgl.scss */ .selfMenu li:hover span { color: #ff6500; } /* line 907, ../sass/_mgl.scss */ .selfMenu li.active i.selfMenuIcon1 { background-position: -28px -8px; } /* line 910, ../sass/_mgl.scss */ .selfMenu li.active i.selfMenuIcon2 { background-position: -28px -28px; } /* line 913, ../sass/_mgl.scss */ .selfMenu li.active i.selfMenuIcon3 { background-position: -28px -50px; } /* line 916, ../sass/_mgl.scss */ .selfMenu li.active i.selfMenuIcon4 { background-position: -28px -72px; } /* line 919, ../sass/_mgl.scss */ .selfMenu li.active i.selfMenuIcon5 { background-position: -28px -215px; } /* line 922, ../sass/_mgl.scss */ .selfMenu li.active span { color: #ff6500; } /* line 928, ../sass/_mgl.scss */ .editAvatar { display: inline-block; width: 100px; padding: 8px 18px; color: #fff; background: #333333; text-align: center; cursor: pointer; position: relative; } /* line 937, ../sass/_mgl.scss */ .editAvatar:hover { color: #fff; } /* line 941, ../sass/_mgl.scss */ .upFilePic { position: absolute; width: 100%; height: 100%; display: block; opacity: 0; left: 0; top: 0; } /* line 950, ../sass/_mgl.scss */ .privacy { color: #3b99fc; } /* line 952, ../sass/_mgl.scss */ .privacy:hover { text-decoration: underline; color: #3b99fc; } /* selfCenter end*/ /* safeCenter start*/ /* line 960, ../sass/_mgl.scss */ .safeCenterBox { width: 420px; height: 180px; float: left; background: #f2f2f2; margin: 0 0 60px 60px; padding: 60px 30px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } /* line 968, ../sass/_mgl.scss */ .safeCenterBox:hover { -moz-box-shadow: 0px 0px 10px #b1b1b1; -webkit-box-shadow: 0px 0px 10px #b1b1b1; box-shadow: 0px 0px 10px #b1b1b1; } /* line 972, ../sass/_mgl.scss */ .safeCenterForm { width: 100%; } /* line 974, ../sass/_mgl.scss */ .safeCenterForm tr td { padding: 3px 0; } /* line 977, ../sass/_mgl.scss */ .safeCenterForm .safeCenterFormIcon { width: 30px; height: 30px; display: inline-block; background: url(../images/settings/selfCenterIcon.png) no-repeat; } /* line 982, ../sass/_mgl.scss */ .safeCenterForm .safeCenterFormIcon.safeCenterFormIcon1 { background-position: -7px -94px; } /* line 985, ../sass/_mgl.scss */ .safeCenterForm .safeCenterFormIcon.safeCenterFormIcon2 { width: 16px; height: 16px; background-position: -7px -132px; vertical-align: middle; } /* line 991, ../sass/_mgl.scss */ .safeCenterForm .safeCenterFormIcon.safeCenterFormIcon3 { width: 30px; height: 26px; background-position: -7px -157px; } /* line 997, ../sass/_mgl.scss */ .safeCenterForm .safeCenterEdit { color: #3b99fc; } /* safeCenter end*/ /* line 1005, ../sass/_mgl.scss */ .lookMateMore { display: inline-block; width: 378px; line-height: 50px; text-align: center; color: #ff6500; border: 1px solid #ff6500; font-size: 16px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } /* line 1014, ../sass/_mgl.scss */ .lookMateMore:hover { color: #fff; background: #ff6500; } /* line 1019, ../sass/_mgl.scss */ .pbox { width: 100%; height: 240px; overflow: hidden; } /* line 1024, ../sass/_mgl.scss */ .sectionPcNone { display: none; } /* line 1027, ../sass/_mgl.scss */ .applyCorpFixBox { display: none; position: absolute; width: 100%; height: 100%; background: #eeeeee; padding: 10px 20px; left: 0; top: 0; z-index: 999999; } /* line 1038, ../sass/_mgl.scss */ .my-sidebar i.error { background: none; width: 100%; color: #ff0000; text-align: left; } /*服务与保障 开始*/ /* line 1046, ../sass/_mgl.scss */ .gSection { width: 100%; height: 250px; background: #fff; position: relative; overflow: hidden; } /* line 1053, ../sass/_mgl.scss */ .gSection.gSection1 { height: 500px; background: url(../images/guarantee/gSec1img1.jpg) center center no-repeat; } /* line 1057, ../sass/_mgl.scss */ .gSection.gSection5 { height: 600px; background: url(../images/guarantee/gSec5img1.jpg) center center no-repeat; } /* line 1062, ../sass/_mgl.scss */ .gSection.bgfa { background: #fafafa; } /* line 1065, ../sass/_mgl.scss */ .gbox { width: 700px; margin: 0 auto; margin-top: 120px; } /* line 1070, ../sass/_mgl.scss */ .gline { display: inline-block; width: 60px; border-bottom: 2px solid; } /* line 1074, ../sass/_mgl.scss */ .gline.bai { border-color: #fff; } /* line 1077, ../sass/_mgl.scss */ .gline.hei { border-color: #000; } /* line 1081, ../sass/_mgl.scss */ .gSectionInner { width: 1200px; height: 100%; margin: 0 auto; padding: 40px 70px; overflow: hidden; } /* line 1087, ../sass/_mgl.scss */ .gSectionInner .kuai { width: 48%; position: relative; height: 100%; overflow: hidden; } /* line 1092, ../sass/_mgl.scss */ .gSectionInner .kuai p { line-height: 25px; } /* line 1095, ../sass/_mgl.scss */ .gSectionInner .kuai .kuaiImg { height: 100%; border-radius: 5px; } /* line 1098, ../sass/_mgl.scss */ .gSectionInner .kuai .kuaiImg.kuaiImgP { height: 135%; } /* line 1104, ../sass/_mgl.scss */ .gSection-dis { padding-left: 100px; } /* line 1107, ../sass/_mgl.scss */ .gSection-dis-right { padding-right: 100px; text-align: right; } /* line 1111, ../sass/_mgl.scss */ .gcbtn { width: 195px; color: #fff; border: 1px solid #fff; padding: 12px 30px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; display: inline-block; margin-right: 20px; } /* line 1119, ../sass/_mgl.scss */ .gcbtn.gcbtn3 { margin-right: 0; } /* line 1122, ../sass/_mgl.scss */ .gcbtn:hover { background: #fff; color: #000; } /*服务与保障 结束*/ /* 呼吸箭头 开始 */ /* line 1131, ../sass/_mgl.scss */ .bln { position: absolute; width: 60px; height: 60px; background: url(../images/banner/banner_arrow.png) no-repeat; left: 50%; margin-left: -30px; top: 70%; overflow: hidden; cursor: pointer; z-index: 99; } /* line 1143, ../sass/_mgl.scss */ .bln span { position: absolute; width: 100%; height: 120px; background: url(../images/banner/banner_arrow2.png) no-repeat; top: -60px; } /* 呼吸箭头 结束 */ /* line 1152, ../sass/_mgl.scss */ .avatar img { width: 80px; height: 80px; border-radius: 50%; border: 1px solid #dddddd; } /* line 1158, ../sass/_mgl.scss */ .my-footer .footer-friend a.fla { display: inline-block; width: 105px; padding-right: 10px; margin-right: 0; } /* line 1164, ../sass/_mgl.scss */ .footerqcode { -moz-transition: All 0.8s ease-in-out; -o-transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out; transition: All 0.8s ease-in-out; } /* line 1170, ../sass/_mgl.scss */ .footerqcode:hover { -moz-transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); } /* line 1176, ../sass/_mgl.scss */ .fterlink > a, .add-rect-block .fterlink > a { color: #1484bf; } /* line 1178, ../sass/_mgl.scss */ .fterlink > a:hover, .add-rect-block .fterlink > a:hover { text-decoration: underline; } /* line 1182, ../sass/_mgl.scss */ .shareIcon { width: 48px; height: 48px; display: inline-block; opacity: 0.8; background: url(../images/icons/foot-icon.png); } /* line 1188, ../sass/_mgl.scss */ .shareIcon.wechat { background-position: -104px -388px; } /* line 1191, ../sass/_mgl.scss */ .shareIcon.weibo { background-position: -104px -457px; margin-left: 30px; } /* line 1196, ../sass/_mgl.scss */ .shareIcon:hover { opacity: 1; } /* 职位浏览中新增需求:随机显示一个;城市切换; */ /* line 1201, ../sass/_mgl.scss */ .randomBox { display: none; } /* line 1204, ../sass/_mgl.scss */ .citySimgBox { width: 18%; position: relative; display: inline-block; margin: 8px; overflow: hidden; border-radius: 5px; } /* line 1211, ../sass/_mgl.scss */ .citySimgBox img { width: 100%; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } /* line 1215, ../sass/_mgl.scss */ .citySimgBox .cityName { width: 150px; height: 50px; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -75px; color: #fff; font-size: 28px; text-align: center; } /* line 1228, ../sass/_mgl.scss */ .citySimgBox:hover img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } /* line 1231, ../sass/_mgl.scss */ .bannerCityName { width: 150px; height: 50px; position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -75px; color: #fff; font-size: 36px; text-align: center; } /* 我的消息 样式调整 */ /* line 1245, ../sass/_mgl.scss */ .msgCon { display: inline-block; width: 78%; vertical-align: middle; } /* 404样式 */ /* line 1252, ../sass/_mgl.scss */ .errorblock { width: 100%; min-height: 800px; background: url(../images/error/bg404.jpg) no-repeat center center; } /* line 1256, ../sass/_mgl.scss */ .errorblock.rent { background: url(../images/error/bgRentOut.jpg) no-repeat center center; } /* line 1259, ../sass/_mgl.scss */ .errorblock .errorblockInner { width: 1200px; margin: 0 auto; } /* line 1264, ../sass/_mgl.scss */ .logo404box { display: inline-block; width: 126px; height: 126px; position: relative; overflow: hidden; border: 4px solid #fff; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; } /* line 1272, ../sass/_mgl.scss */ .logo404box .errorMou { -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; } /* line 1275, ../sass/_mgl.scss */ .logo404box:hover { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* line 1277, ../sass/_mgl.scss */ .logo404box:hover .errorMou { bottom: -30px; -moz-animation: mouseOpen 1s 1s infinite; -webkit-animation: mouseOpen 1s 1s infinite; animation: mouseOpen 1s 1s infinite; } @-moz-keyframes mouseOpen { 0% { -moz-transform: scale(1, 1); transform: scale(1, 1); } 50% { -moz-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } 100% { -moz-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes mouseOpen { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes mouseOpen { 0% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } 50% { -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } 100% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } /* line 1295, ../sass/_mgl.scss */ .link404 { color: #fff; margin-right: 15px; } /* line 1298, ../sass/_mgl.scss */ .link404:hover { color: #ff6500; } /* line 1301, ../sass/_mgl.scss */ .link404.last { margin-right: 0; } /* line 1305, ../sass/_mgl.scss */ .errorEye { display: block; position: absolute; left: 0; bottom: -4px; } /* line 1311, ../sass/_mgl.scss */ .errorMou { display: block; position: absolute; right: 0; bottom: -4px; } /* line 1317, ../sass/_mgl.scss */ .errortao { height: 300px; padding: 85px 0; background: url(../images/error/errortaobg.jpg) no-repeat center center; } /* line 1322, ../sass/_mgl.scss */ .errortopbox { position: relative; display: inline-block; width: 134px; height: 134px; } /* line 1327, ../sass/_mgl.scss */ .errortopbox:hover .error404tag { background: url(../images/error/touchme2.png) no-repeat center center; } /* line 1331, ../sass/_mgl.scss */ .error404tag { position: absolute; width: 199px; height: 37px; background: url(../images/error/touchme1.png) no-repeat center center; border-radius: 5px; /* 圆角 */ left: -230px; top: 40px; } /* line 1340, ../sass/_mgl.scss */ .errorSearch { width: 460px; margin: 0 auto; position: relative; color: #fff; } /* line 1345, ../sass/_mgl.scss */ .errorSearch > span { color: #fff; } /* line 1348, ../sass/_mgl.scss */ .errorSearch .hotSearch { color: #fff; margin-right: 10px; } /* line 1351, ../sass/_mgl.scss */ .errorSearch .hotSearch:hover { color: #ff6500; } /* line 1355, ../sass/_mgl.scss */ .errorSearch .errorSearchButton { position: absolute; width: 34px; height: 34px; display: block; right: 0; bottom: 0; background: none; border: none; min-width: 34px; color: #fff; outline: none; } /* line 1367, ../sass/_mgl.scss */ .errorSearch .errorSearchButton i { color: #fff; } /* line 1371, ../sass/_mgl.scss */ .errorSearch .errorSearchInput { padding: 6px 40px 6px 12px; border: 1px solid #fff; background: none; color: #fff; } /* line 1377, ../sass/_mgl.scss */ .errorSearch .typeahead.dropdown-menu { width: 100%; } /* line 1383, ../sass/_mgl.scss */ #compactPopwin .header { text-align: center; font-size: 20px; } /* line 1387, ../sass/_mgl.scss */ #compactPopwin .block { padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; margin-bottom: 20px; } /* line 1391, ../sass/_mgl.scss */ #compactPopwin .block.block-no { border: none; } /* line 1394, ../sass/_mgl.scss */ #compactPopwin .block h2 { text-align: center; font-size: 18px; line-height: 30px; margin-bottom: 10px; } /* line 1400, ../sass/_mgl.scss */ #compactPopwin .block p { line-height: 25px; font-size: 12px; } /* line 1404, ../sass/_mgl.scss */ #compactPopwin .block table { width: 100%; } /* line 1406, ../sass/_mgl.scss */ #compactPopwin .block table.mogubao { width: 96%; margin: 0 auto; } /* line 1410, ../sass/_mgl.scss */ #compactPopwin .block table tr th { padding: 5px; border: 1px solid #dcdcdc; } /* line 1414, ../sass/_mgl.scss */ #compactPopwin .block table tr td { padding: 5px; border: 1px solid #dcdcdc; } /* line 1418, ../sass/_mgl.scss */ #compactPopwin .block table.mogubao tr td { width: 50%; } /* line 1421, ../sass/_mgl.scss */ #compactPopwin .block table.c3 tr td { width: 33.3%; } /* line 1424, ../sass/_mgl.scss */ #compactPopwin .block table tr td img { width: 100%; } /* line 1431, ../sass/_mgl.scss */ .isEmpty { padding: 5%; } /* line 1433, ../sass/_mgl.scss */ .isEmpty.bgGray { border-radius: 5px; margin: 1%; } /* line 1437, ../sass/_mgl.scss */ .isEmpty.imgWidthWhole img { width: 100%; } /* line 1442, ../sass/_mgl.scss */ .mgl-tabbox { width: 224px; height: 25px; margin: 7px auto; display: -webkit-flex; display: flex; } /* line 1448, ../sass/_mgl.scss */ .mgl-tabbox div { width: 50%; -webkit-box-flex: 1; box-flex: 1; cursor: pointer; font-size: 14px; } /* line 1454, ../sass/_mgl.scss */ .mgl-tabbox div:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } /* line 1458, ../sass/_mgl.scss */ .mgl-tabbox div:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } /* line 1465, ../sass/_mgl.scss */ .mgl-tab { line-height: 23px; text-align: center; color: #666666; border: 1px solid #666666; } /* line 1470, ../sass/_mgl.scss */ .mgl-tab a { color: #666666; } /* line 1474, ../sass/_mgl.scss */ .mgl-tab.selected, .mgl-tab.selected a { background: #666666; color: #fff; } /* line 1479, ../sass/_mgl.scss */ .app-hint-box { display: none; } /* line 1484, ../sass/_mgl.scss */ .fixedlinkbox { display: none; } /* line 1487, ../sass/_mgl.scss */ .roomdetailfixedbox { display: none; } /* line 1490, ../sass/_mgl.scss */ .wechatPop img, .wechatPop2 img, .alipayPop img, .alipayPop2 img { width: 60%; } /* line 1494, ../sass/_mgl.scss */ .app-loading-cover { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99998; background: #fff; } /* line 1502, ../sass/_mgl.scss */ .app-loading-cover .cover-in { position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; } /* line 1509, ../sass/_mgl.scss */ .app-loading-cover .cover-in img { width: 100%; } /* line 1514, ../sass/_mgl.scss */ .opt-brand { line-height: 52px; padding: 0 15px 0 15px; } /* line 1517, ../sass/_mgl.scss */ .opt-brand > a, .add-rect-block .opt-brand > a { display: block; height: 100%; color: #B3B6CA; } /* line 1522, ../sass/_mgl.scss */ .opt-brand:hover > a, .add-rect-block .opt-brand:hover > a { color: #fff; } /* line 1527, ../sass/_mgl.scss */ .rd-brand-new-link { display: inline-block; padding: 0 15px; height: 35px; line-height: 35px; color: #fff; border-radius: 17px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-image: -webkit-linear-gradient(to right, #ff9000, #f65000); background-image: linear-gradient(to right, #ff9000, #f65000); } /* line 1538, ../sass/_mgl.scss */ .rd-brand-new-link:hover { color: #fff; background-image: -webkit-linear-gradient(to right, #f65000, #ff9000); background-image: linear-gradient(to right, #f65000, #ff9000); } /* line 1544, ../sass/_mgl.scss */ .no-banner .rd-brand-new-link { margin: 15px 0 0 0; } /* line 1547, ../sass/_mgl.scss */ .hasBanner { padding-left: 30%; } /* line 1550, ../sass/_mgl.scss */ .no-banner .hasBanner { padding-left: 0; } /* line 1553, ../sass/_mgl.scss */ .nobanner-brand { display: none; } /* line 1556, ../sass/_mgl.scss */ .no-banner .nobanner-brand { display: block; } /* line 1559, ../sass/_mgl.scss */ .rd-similar { overflow: hidden; text-align: center; } /* line 1562, ../sass/_mgl.scss */ .rd-similar > li { display: inline-block; float: inherit; background: #fff; } /* line 2, ../sass/_mapDetail.scss */ .my-map { width: 100%; height: 400px; } /* line 6, ../sass/_mapDetail.scss */ .anchorBL { display: none !important; } /* line 9, ../sass/_mapDetail.scss */ .toolsCon { width: 320px; position: absolute; top: 20px; left: 20px; height: 237px; background: #fff; -moz-transition: height 0.1s, left 0.5s, top 0.4s; -o-transition: height 0.1s, left 0.5s, top 0.4s; -webkit-transition: height 0.1s, left 0.5s, top 0.4s; transition: height 0.1s, left 0.5s, top 0.4s; } /* line 17, ../sass/_mapDetail.scss */ .toolsCon .road-line { padding: 5px 20px; background: #fff; } /* line 21, ../sass/_mapDetail.scss */ .toolsCon.minimum { height: 80px; top: auto; bottom: 10px; left: 10px; } /* line 26, ../sass/_mapDetail.scss */ .toolsCon.minimum .toolsIcon { display: none; } /* line 29, ../sass/_mapDetail.scss */ .toolsCon.minimum.searchLine { height: 350px; } /* line 33, ../sass/_mapDetail.scss */ .toolsCon .searchCon { margin-left: 20px; position: relative; } /* line 37, ../sass/_mapDetail.scss */ .toolsCon .searchInput { height: 30px; width: 200px; padding-left: 8px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; float: left; outline: none; padding: 0px; padding-left: 5px; border-right: 0px; } /* line 49, ../sass/_mapDetail.scss */ .toolsCon .searchBtn { background: #2fc4fc; font-size: 12px; height: 30px; line-height: 30px; text-align: center; width: 74px; color: #fff; display: inline-block; cursor: pointer; } /* line 60, ../sass/_mapDetail.scss */ .toolsCon .disline { display: none; } /* line 63, ../sass/_mapDetail.scss */ .toolsCon ul { list-style: none; margin: 0px; padding: 0px; } /* line 67, ../sass/_mapDetail.scss */ .toolsCon ul li { float: left; height: 58px; width: 38px; margin-left: 20px; font-size: 12px; margin-top: 10px; } /* line 75, ../sass/_mapDetail.scss */ .toolsCon ul li.active .subway { background-position: 0 -1438px; height: 38px; width: 38px; } /* line 78, ../sass/_mapDetail.scss */ .toolsCon ul li.active .bus { background-position: 0 -167px; height: 38px; width: 38px; } /* line 81, ../sass/_mapDetail.scss */ .toolsCon ul li.active .gas { background-position: 0 -502px; height: 38px; width: 38px; } /* line 84, ../sass/_mapDetail.scss */ .toolsCon ul li.active .bank { background-position: 0 -48px; height: 38px; width: 38px; } /* line 87, ../sass/_mapDetail.scss */ .toolsCon ul li.active .cinema { background-position: 0 -243px; height: 38px; width: 38px; } /* line 90, ../sass/_mapDetail.scss */ .toolsCon ul li.active .hotel { background-position: 0 -770px; height: 38px; width: 38px; } /* line 93, ../sass/_mapDetail.scss */ .toolsCon ul li.active .hospital { background-position: 0 -651px; height: 38px; width: 38px; } /* line 96, ../sass/_mapDetail.scss */ .toolsCon ul li.active .scenic { background-position: 0 -1170px; height: 38px; width: 38px; } /* line 99, ../sass/_mapDetail.scss */ .toolsCon ul li.active .restaurant { background-position: 0 -1033px; height: 38px; width: 38px; } /* line 102, ../sass/_mapDetail.scss */ .toolsCon ul li.active .supermarket { background-position: 0 -1557px; height: 38px; width: 38px; } /* line 106, ../sass/_mapDetail.scss */ .toolsCon ul li a { color: #979aa9; text-align: center; display: inline-block; line-height: 15px; } /* line 111, ../sass/_mapDetail.scss */ .toolsCon ul li a span { display: inline-block; height: 38px; width: 38px; } /* line 122, ../sass/_mapDetail.scss */ .subway { background-position: 0 -1400px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .subway:hover, .subway.subway-hover { background-position: 0 -1438px; } /* line 126, ../sass/_mapDetail.scss */ .bus { background-position: 0 -129px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .bus:hover, .bus.bus-hover { background-position: 0 -167px; } /* line 130, ../sass/_mapDetail.scss */ .gas { background-position: 0 -464px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .gas:hover, .gas.gas-hover { background-position: 0 -502px; } /* line 134, ../sass/_mapDetail.scss */ .bank { background-position: 0 -10px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .bank:hover, .bank.bank-hover { background-position: 0 -48px; } /* line 138, ../sass/_mapDetail.scss */ .cinema { background-position: 0 -205px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .cinema:hover, .cinema.cinema-hover { background-position: 0 -243px; } /* line 142, ../sass/_mapDetail.scss */ .hotel { background-position: 0 -732px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .hotel:hover, .hotel.hotel-hover { background-position: 0 -770px; } /* line 146, ../sass/_mapDetail.scss */ .hospital { background-position: 0 -613px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .hospital:hover, .hospital.hospital-hover { background-position: 0 -651px; } /* line 150, ../sass/_mapDetail.scss */ .scenic { background-position: 0 -1132px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .scenic:hover, .scenic.scenic-hover { background-position: 0 -1170px; } /* line 154, ../sass/_mapDetail.scss */ .restaurant { background-position: 0 -995px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .restaurant:hover, .restaurant.restaurant-hover { background-position: 0 -1033px; } /* line 158, ../sass/_mapDetail.scss */ .supermarket { background-position: 0 -1519px; height: 38px; width: 38px; } /* line 59, ../sass/compass/utilities/sprites/_base.scss */ .supermarket:hover, .supermarket.supermarket-hover { background-position: 0 -1557px; } /* line 161, ../sass/_mapDetail.scss */ .toolsCon ul.zbcon { clear: both; } /* line 163, ../sass/_mapDetail.scss */ .toolsCon ul.zbcon li { float: none; width: auto; height: auto; clear: both; margin-left: 0px; overflow: hidden; margin-top: 10px; line-height: 18px; color: #333; margin-right: 10px; } /* line 174, ../sass/_mapDetail.scss */ .toolsCon ul.zbcon li .num { float: left; } /* line 177, ../sass/_mapDetail.scss */ .toolsCon ul.zbcon li .title { float: left; width: 75%; padding-left: 8px; } /* line 182, ../sass/_mapDetail.scss */ .toolsCon ul.zbcon li .dis { float: right; } /* line 187, ../sass/_mapDetail.scss */ .reasultbox { height: 130px; color: #999; margin-top: 13px; overflow: hidden; overflow-y: auto; background: #fff; display: none; } /* line 196, ../sass/_mapDetail.scss */ .reasultsmallbox_h { border-bottom: 1px solid #cccccc; height: 30px; line-height: 30px; float: left; width: 100%; } /* line 203, ../sass/_mapDetail.scss */ .numicon { margin: 5px; width: 14px; float: left; height: 14px; line-height: 14px; background: #999; color: #FFF; text-align: center; border-radius: 2px; font-size: 12px; margin: 8px 14px; } /* line 216, ../sass/_mapDetail.scss */ .map_starticon { width: 100%; padding: 10px 0; line-height: 19px; border-bottom: 1px dotted #cccccc; float: left; } /* line 223, ../sass/_mapDetail.scss */ .t_qidian { border-radius: 2px; width: 19px; height: 19px; float: left; background: #ffa500; line-height: 19px; color: #FFF; text-align: center; margin: 0px 14px; } /* line 234, ../sass/_mapDetail.scss */ .t_zhongdianbg { line-height: 19px; float: left; } /* line 238, ../sass/_mapDetail.scss */ .t_buxing, .t_chengzuo { width: 100%; padding: 7px 0px 3px; border-bottom: 1px dotted #cccccc; float: left; font-size: 12px; line-height: 16px; } /* line 246, ../sass/_mapDetail.scss */ .t_buxing i, .t_chengzuo i { width: 18px; height: 18px; float: left; margin: 2px 14px; } /* line 253, ../sass/_mapDetail.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 257, ../sass/_mapDetail.scss */ .navtrans-bus-icon.walk { width: 16px; height: 18px; background-position: -63px -189px; position: relative; top: 2px; left: -2px; } /* line 265, ../sass/_mapDetail.scss */ .navtrans-bus-desc { line-height: 24px; margin-left: 20px; } /* line 269, ../sass/_mapDetail.scss */ .navtrans-busstation { color: #36c; font-weight: 600; } /* line 273, ../sass/_mapDetail.scss */ .navtrans-bus-icon.bus { width: 13px; height: 16px; background-position: -1px -192px; position: relative; top: 4px; } /* line 280, ../sass/_mapDetail.scss */ .map_starticon { width: 100%; padding: 10px 0; line-height: 19px; border-bottom: 1px dotted #cccccc; float: left; } /* line 287, ../sass/_mapDetail.scss */ .zhong { border-bottom: 1px solid #ccc; } /* line 290, ../sass/_mapDetail.scss */ .t_zhongdian { border-radius: 2px; width: 19px; height: 19px; float: left; background: #ff6500; line-height: 19px; color: #FFF; text-align: center; margin: 0px 14px; } /* line 301, ../sass/_mapDetail.scss */ .t_zhongdianbg { line-height: 19px; float: left; } /* line 306, ../sass/_mapDetail.scss */ .toolsCon.show .disline { display: block; } /* line 309, ../sass/_mapDetail.scss */ .toolsCon.show .reasultbox { display: block; } /* line 4, ../sass/_mgSlider.scss */ .ms-thumbs { display: none; } /* line 6, ../sass/_mgSlider.scss */ .ms-thumbs.active { display: block; width: 100%; height: 640px; } /* line 12, ../sass/_mgSlider.scss */ .ms-stage { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: black; z-index: 999999; overflow-y: hidden; } /* line 21, ../sass/_mgSlider.scss */ .ms-stage .swiper-slide { background-size: contain; background-position: center center; background-repeat: no-repeat; } /* line 26, ../sass/_mgSlider.scss */ .ms-stage .gallery-top { width: 100%; height: 80%; padding: 10px 0; } /* line 30, ../sass/_mgSlider.scss */ .ms-stage .gallery-top .swiper-slide > img { display: none; } /* line 34, ../sass/_mgSlider.scss */ .ms-stage .gallery-thumbs { width: 80%; height: 20%; box-sizing: border-box; padding: 10px 0; } /* line 40, ../sass/_mgSlider.scss */ .ms-stage .gallery-thumbs .swiper-slide { width: 13%; height: 100%; opacity: 0.6; border-radius: 5px; } /* line 46, ../sass/_mgSlider.scss */ .ms-stage .gallery-thumbs .swiper-slide-active { opacity: 1; } /* line 49, ../sass/_mgSlider.scss */ .ms-stage .ms-close { position: absolute; right: 10px; top: 10px; width: 40px; height: 40px; background: url("../images/icons/icon1.png") no-repeat; background-position: -295px -769px; z-index: 3; cursor: pointer; } @media screen and (min-width: 767px) { /* line 63, ../sass/_mgSlider.scss */ .ms-thumbs.active img { display: none; } } @media screen and (max-width: 767px) { /* line 70, ../sass/_mgSlider.scss */ .ms-thumbs.active { height: auto; background: none !important; text-align: center; } /* line 75, ../sass/_mgSlider.scss */ .ms-thumbs.active img { display: inline-block; width: 100%; } /* line 81, ../sass/_mgSlider.scss */ .ms-stage .gallery-top { height: 70%; } /* line 83, ../sass/_mgSlider.scss */ .ms-stage .gallery-top .swiper-slide { position: relative; background: none !important; } /* line 86, ../sass/_mgSlider.scss */ .ms-stage .gallery-top .swiper-slide > img { position: absolute; left: 50%; top: 50%; display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* line 100, ../sass/_mgSlider.scss */ .ms-stage .gallery-thumbs { width: 90%; height: 30%; } /* line 104, ../sass/_mgSlider.scss */ .ms-stage .gallery-thumbs .swiper-slide { width: 25%; } /* line 107, ../sass/_mgSlider.scss */ .ms-stage .ms-close { background-position: -136.5px -379px; background-size: 165px 1030px; } } /* line 1, ../sass/_citySelect.scss */ .modal-city-select { background-color: rgba(0, 0, 0, 0.7); position: fixed; z-index: 999999; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } /* line 10, ../sass/_citySelect.scss */ .modal-city-select .dlg { width: 325px; height: 300px; position: absolute; top: 50%; left: 50%; margin-top: -150px; margin-left: -162.5px; background-color: white; border-radius: 10px; padding: 20px 5px; } /* line 22, ../sass/_citySelect.scss */ .modal-city-select h2 { text-align: center; color: #333; font-size: 24px; line-height: 40px; } /* line 28, ../sass/_citySelect.scss */ .modal-city-select ul { overflow: hidden; margin-top: 30px; } /* line 32, ../sass/_citySelect.scss */ .modal-city-select li { display: inline-block; float: left; width: 33.333%; margin-bottom: 10px; } /* line 38, ../sass/_citySelect.scss */ .modal-city-select .active { color: #f65000; } /* line 41, ../sass/_citySelect.scss */ .modal-city-select .city-sh { background-position: -483px -2px; } /* line 44, ../sass/_citySelect.scss */ .modal-city-select .city-bj { background-position: -577px -2px; } /* line 47, ../sass/_citySelect.scss */ .modal-city-select .city-sz { background-position: -673px -2px; } /* line 50, ../sass/_citySelect.scss */ .modal-city-select .city-hz { background-position: -870px -2px; } /* line 53, ../sass/_citySelect.scss */ .modal-city-select .city-nj { background-position: -773px -2px; } /* line 56, ../sass/_citySelect.scss */ .modal-city-select .city-sh.active { background-position: 0 -2px; } /* line 59, ../sass/_citySelect.scss */ .modal-city-select .city-bj.active { background-position: -95px -2px; } /* line 62, ../sass/_citySelect.scss */ .modal-city-select .city-sz.active { background-position: -188px -2px; } /* line 65, ../sass/_citySelect.scss */ .modal-city-select .city-nj.active { background-position: -288px -2px; } /* line 68, ../sass/_citySelect.scss */ .modal-city-select .city-hz.active { background-position: -386px -2px; } /* line 71, ../sass/_citySelect.scss */ .modal-city-select .img-close { position: absolute; right: 10px; top: 10px; width: 16px; height: 16px; border-radius: 50%; background-color: white; opacity: 1; } /* line 2, ../sass/_scrollbar.scss */ ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; border: 0 solid #fff; } /* line 9, ../sass/_scrollbar.scss */ ::-webkit-scrollbar { width: 6px; height: 12px; } /* line 15, ../sass/_scrollbar.scss */ ::-webkit-scrollbar-track-piece { background-color: #fff; -webkit-border-radius: 0; } /* line 20, ../sass/_scrollbar.scss */ :webkit-scrollbar-track { border-right: 5px solid white; } /* line 5, ../sass/_zhima.scss */ .zhima-a { background-color: #63749a; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF63749A', endColorstr='#FF8CA3B5'); } /* line 10, ../sass/_zhima.scss */ .zhima-b { background-color: #ea5254; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEA5254', endColorstr='#FFF4653C'); } /* line 15, ../sass/_zhima.scss */ .zhima-c { background-color: #f57705; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF57705', endColorstr='#FFF9A804'); } /* line 20, ../sass/_zhima.scss */ .zhima-d { background-color: #2ab22c; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2AB22C', endColorstr='#FF94D440'); } /* line 25, ../sass/_zhima.scss */ .zhima-e { background-color: #03a4c3; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF03A4C3', endColorstr='#FF02D2AA'); } /* line 30, ../sass/_zhima.scss */ .zhima-f { background-color: #0e83f5; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0E83F5', endColorstr='#FF22C2F5'); } /* line 36, ../sass/_zhima.scss */ .ic-credit-alipay { display: inline-block; float: left; width: 21px; height: 18px; background-size: 21px auto; background-position: 0px 0px; background-image: url(../images/icons/three/sq/zmxy_y.png); } /* line 46, ../sass/_zhima.scss */ .disabled .ic-credit-alipay { background-image: url(../images/icons/three/sq/zmxy_w.png); } /* line 52, ../sass/_zhima.scss */ .brand-info-wrap .ic-credit-alipay { background-size: contain; background-position: inherit; } /* line 56, ../sass/_zhima.scss */ .brand-info-wrap .credit-alipay.disabled span { background-color: #a8a8a8; } /*构建芝麻信用图标,里面需要可以填充(长度可变),有亮色灰色两种*/ /* line 63, ../sass/_zhima.scss */ .credit-alipay { cursor: pointer; overflow: hidden; border-bottom: 7px solid transparent; } /* line 69, ../sass/_zhima.scss */ .credit-alipay span { background-color: #00c3a6; border-radius: 0 20px 20px 0; display: inline-block; height: 18px; line-height: 18px; padding-right: 10px; color: white; font-size: 12px; padding-left: 3px; float: left; margin-left: -1px; } /*灰色芝麻信用图标*/ /* line 84, ../sass/_zhima.scss */ .credit-alipay.disabled span { background-color: #a8a8a8; } /*展示芝麻信用详情的面板,此处仅用于hover展开面板 定高定宽*/ /* line 90, ../sass/_zhima.scss */ .credit-alipay + .panel-credit-alipay { position: absolute; top: 25px; border-radius: 5px; width: 300px; z-index: 1; left: 50%; margin-left: -150px; display: none; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.18); overflow: hidden; } /* line 103, ../sass/_zhima.scss */ .panel-credit-alipay { background-color: white; text-align: center; } /* line 108, ../sass/_zhima.scss */ .panel-credit-alipay .panel-banner-inner { width: 300px; height: 250px; max-width: 100%; margin: 0 auto; } /* line 115, ../sass/_zhima.scss */ .panel-credit-alipay .panel-banner-inner { background: url(../images/zhima/dashboard.png) no-repeat scroll 0 0; } /* line 119, ../sass/_zhima.scss */ .group-credit-alipay:hover .panel-credit-alipay { display: block; } /* line 123, ../sass/_zhima.scss */ .panel-credit-alipay .panel-title { color: white; font-size: 18px; padding-top: 25px; margin-bottom: 70px; text-indent: 0; } /* line 131, ../sass/_zhima.scss */ .panel-credit-alipay .version { font-size: 10px; opacity: 0.4; line-height: 12px; height: 12px; margin: 0; color: white; } /* line 140, ../sass/_zhima.scss */ .panel-credit-alipay h4 { font-size: 42px; color: white; margin: 0; line-height: 45px; height: 45px; color: white; text-align: center; } /* line 150, ../sass/_zhima.scss */ .panel-credit-alipay .rate { font-size: 20px; line-height: 20px; margin: 0; color: white; text-align: center; } /* line 158, ../sass/_zhima.scss */ .panel-credit-alipay .partner { color: white; font-size: 15px; margin: 8px 0 auto; text-indent: 0; text-align: center; } /* line 166, ../sass/_zhima.scss */ .panel-credit-alipay .timestamp { color: inherit; display: block; font-size: 8px; line-height: 20px; height: 20px; opacity: 0.4; text-align: center; } /* line 176, ../sass/_zhima.scss */ .panel-credit-alipay .panel-article { padding: 2px 24px 20px; } /* line 180, ../sass/_zhima.scss */ .panel-credit-alipay .panel-article p { font-size: 14px; margin-top: 20px; margin-bottom: 20px; text-align: justify; } /* line 187, ../sass/_zhima.scss */ .panel-credit-alipay .btn-block { border-radius: 20px; border-color: #d2d2d2; background-color: #11c2a6; color: white; } /* line 194, ../sass/_zhima.scss */ .panel-credit-alipay .more span { display: block; text-align: center; margin: 0 auto; line-height: 22px; color: #11c2a6; } /* line 202, ../sass/_zhima.scss */ .panel-credit-alipay .more em { color: inherit; font-style: normal; } /* line 207, ../sass/_zhima.scss */ .more a { color: inherit; } /* line 211, ../sass/_zhima.scss */ .more a:hover { text-decoration: underline; } /* line 4, ../sass/_pagination.scss */ .pagination-wrapper .pagination { display: block; float: left; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 12px; text-align: center; } /* line 13, ../sass/_pagination.scss */ .pagination-wrapper .pagination ul { overflow: hidden; float: left; } /* line 16, ../sass/_pagination.scss */ .pagination-wrapper .pagination ul:empty { display: none; float: none; } /* line 21, ../sass/_pagination.scss */ .pagination-wrapper .pagination li { float: left; margin: 0 4px; } /* line 26, ../sass/_pagination.scss */ .pagination-wrapper .pagination a { display: block; height: 22px; width: 22px; border-radius: 50%; line-height: 22px; cursor: pointer; } /* line 34, ../sass/_pagination.scss */ .pagination-wrapper .pagination .active a, .pagination-wrapper .pagination a:hover { background: #ff6500; color: #fff; } /* line 39, ../sass/_pagination.scss */ .pagination-wrapper .pagination .fa { line-height: inherit; } @media (min-width: 768px) { /* line 45, ../sass/_pagination.scss */ .pagination-wrapper .pagination { margin-bottom: 40px; margin-top: 10px; } } @media (max-width: 767px) { /* line 52, ../sass/_pagination.scss */ .pagination-wrapper .pagination { margin-bottom: 15px; margin-top: 0; } } /* line 5, ../sass/_typeahead.scss */ .typeahead.dropdown-menu { min-width: 350px; border-radius: 0; padding: 0; border: 0 none; } /* line 10, ../sass/_typeahead.scss */ .typeahead.dropdown-menu a { line-height: 24px; color: #777; overflow: hidden; padding: 10px 20px; font-size: 14px; } /* line 16, ../sass/_typeahead.scss */ .typeahead.dropdown-menu a strong { color: #f65000; font-weight: normal; } /* line 20, ../sass/_typeahead.scss */ .typeahead.dropdown-menu a .type { color: #777; } /* line 23, ../sass/_typeahead.scss */ .typeahead.dropdown-menu a.active, .typeahead.dropdown-menu a:hover { background-color: #ededed; } /* line 27, ../sass/_typeahead.scss */ .typeahead.dropdown-menu a:last-child { border-bottom: none; } /* line 31, ../sass/_typeahead.scss */ .typeahead.dropdown-menu .name { float: left; } /* line 34, ../sass/_typeahead.scss */ .typeahead.dropdown-menu .type { padding-left: 5px; padding-right: 5px; float: left; font-size: 12px; } /* line 40, ../sass/_typeahead.scss */ .typeahead.dropdown-menu a.b-sec { position: relative; margin-left: 10px; padding: 8px 20px 8px 0; } /* line 44, ../sass/_typeahead.scss */ .typeahead.dropdown-menu a.b-sec .s-logo { width: 50px; height: 50px; margin-right: 5px; overflow: hidden; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; } /* line 50, ../sass/_typeahead.scss */ .typeahead.dropdown-menu a.b-sec .s-logo > img { width: 100%; height: 100%; } /* line 55, ../sass/_typeahead.scss */ .typeahead.dropdown-menu a.b-sec .s-info { width: 200px; } /* line 57, ../sass/_typeahead.scss */ .typeahead.dropdown-menu a.b-sec .s-info .s-n-b { width: 100%; overflow: hidden; } /* line 60, ../sass/_typeahead.scss */ .typeahead.dropdown-menu a.b-sec .s-info .s-n-b .name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 65, ../sass/_typeahead.scss */ .typeahead.dropdown-menu a.b-sec .s-info .s-n-b .s-rz { float: left; display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin: 5px; background-position: 0 -531px; } /* line 77, ../sass/_typeahead.scss */ .typeahead.dropdown-menu a.b-sec .star-evaluation { float: left; } /* line 80, ../sass/_typeahead.scss */ .typeahead.dropdown-menu a.b-sec .s-r-num { position: absolute; right: 20px; bottom: 10px; } /* line 86, ../sass/_typeahead.scss */ .typeahead.dropdown-menu h4 { color: #999999; font-size: 1em; margin: 0; line-height: 44px; } /* line 92, ../sass/_typeahead.scss */ .typeahead.dropdown-menu .marked { background: url(../images/mark.png) no-repeat scroll left center; background-size: 11.5px 15px; } /* line 96, ../sass/_typeahead.scss */ .typeahead.dropdown-menu li { margin-left: 15px; } /* line 99, ../sass/_typeahead.scss */ .typeahead.dropdown-menu li.active { margin-left: 0px; padding-left: 15px; } /* line 105, ../sass/_typeahead.scss */ .typeahead.dropdown-menu li:hover, .typeahead.dropdown-menu .active, .typeahead.dropdown-menu li:hover a, .typeahead.dropdown-menu .active a { background-color: #f0f0f0; color: inherit; } @media (max-width: 990px) { /* line 114, ../sass/_typeahead.scss */ .typeahead.dropdown-menu { box-shadow: none; border: 0 none; width: 100%; margin: 0; } /* line 119, ../sass/_typeahead.scss */ .typeahead.dropdown-menu li { border-bottom: 1px solid #cecece; border-top: 1px solid #cecece; margin-top: -1px; } } /* line 127, ../sass/_typeahead.scss */ .insearch-input + .typeahead { width: 522px; } /* line 2, ../sass/_newIndex.scss */ .bg-f8 { background: #f8f8f8; } /* line 5, ../sass/_newIndex.scss */ .guarantee-block { padding: 35px 0; overflow: hidden; } /* line 9, ../sass/_newIndex.scss */ .guarantee-item { display: block; width: 300px; padding-right: 16px; float: left; overflow: hidden; } /* line 15, ../sass/_newIndex.scss */ .guarantee-item a:hover, .guarantee-item a:focus { color: #ff5600; } /* line 19, ../sass/_newIndex.scss */ .guarantee-item1:hover > div { color: #f65000; } /* line 22, ../sass/_newIndex.scss */ .guar-ico { display: block; width: 60px; height: 60px; margin-right: 12px; float: left; background: url(../images/newIndex/new-index-icon.png) no-repeat; } /* line 29, ../sass/_newIndex.scss */ .guar-ico.guar-ico1 { background-position: -25px -127px; } /* line 32, ../sass/_newIndex.scss */ .guar-ico.guar-ico2 { background-position: -25px -199px; } /* line 35, ../sass/_newIndex.scss */ .guar-ico.guar-ico3 { background-position: -25px -268px; } /* line 38, ../sass/_newIndex.scss */ .guar-ico.guar-ico4 { background-position: -25px -342px; } /* line 43, ../sass/_newIndex.scss */ .guar-tit { font-size: 20px; color: #333333; margin-bottom: 8px; } /* line 48, ../sass/_newIndex.scss */ .guar-ins { font-size: 14px; color: #666666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 55, ../sass/_newIndex.scss */ .theme-block { padding: 40px 0 16px; } /* line 58, ../sass/_newIndex.scss */ .theme-topic { position: relative; font-size: 30px; margin-bottom: 10px; } /* line 63, ../sass/_newIndex.scss */ .marketing.theme-topic { margin-bottom: 40px; } /* line 66, ../sass/_newIndex.scss */ .theme-subtit { font-size: 14px; color: #333333; } /* line 70, ../sass/_newIndex.scss */ .theme-linkmore { position: absolute; right: 0; top: -66px; color: #0c81e5; font-size: 14px; } /* line 76, ../sass/_newIndex.scss */ .theme-linkmore:hover { color: #0c81e5; text-decoration: underline; } /* line 81, ../sass/_newIndex.scss */ .marketing .theme-linkmore { bottom: 0; } /* line 86, ../sass/_newIndex.scss */ .theme-tab { border-bottom: 1px solid #d2d2d2; margin-bottom: 30px; } /* line 89, ../sass/_newIndex.scss */ .theme-tab:before, .theme-tab:after { display: block; position: relative; content: ""; border: none; height: 0; clear: both; } /* line 98, ../sass/_newIndex.scss */ .theme-tab-item { position: relative; display: block; float: left; } /* line 102, ../sass/_newIndex.scss */ .theme-tab-item:after { display: none; } /* line 105, ../sass/_newIndex.scss */ .theme-tab-item > a, .add-rect-block .theme-tab-item > a { display: block; padding: 16px 25px; color: #333333; font-size: 16px; cursor: pointer; } /* line 112, ../sass/_newIndex.scss */ .theme-tab-item.active > a, .add-rect-block .theme-tab-item.active > a { color: #f65000; } /* line 115, ../sass/_newIndex.scss */ .theme-tab-item.active:after { display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 4px; background: #f65000; content: ""; } /* line 126, ../sass/_newIndex.scss */ .tab-pane:before, .tab-pane:after { display: block; position: relative; content: ""; border: none; height: 0; clear: both; } /* line 134, ../sass/_newIndex.scss */ .t-r-i { display: block; position: relative; width: 282px; height: 282px; margin: 0 24px 24px 0; float: left; background: #fff; overflow: hidden; border-radius: 3px; cursor: pointer; transition: all .3s ease-in-out; } /* line 146, ../sass/_newIndex.scss */ .t-r-i:nth-child(4n) { margin: 0 0 24px 0; } /* line 149, ../sass/_newIndex.scss */ .t-r-i:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); } /* line 153, ../sass/_newIndex.scss */ .t-r-i-pic { position: relative; width: 100%; height: 178px; overflow: hidden; } /* line 159, ../sass/_newIndex.scss */ .tri-img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } /* line 168, ../sass/_newIndex.scss */ .tri-jp { position: absolute; right: 14px; top: 14px; width: 24px; height: 24px; background: url(../images/newIndex/new-index-icon.png) no-repeat -128px -23px; } /* line 176, ../sass/_newIndex.scss */ .tri-rz { position: absolute; right: 14px; top: 14px; width: 24px; height: 24px; background: url(../images/newIndex/new-index-icon.png) no-repeat -128px -52px; } /* line 184, ../sass/_newIndex.scss */ .tri-jp + .tri-rz { right: 48px; } /* line 187, ../sass/_newIndex.scss */ .tri-checkin { display: block; position: absolute; right: 0; bottom: 0; padding: 8px 15px; white-space: nowrap; background: rgba(255, 255, 255, 0.5); border-top-left-radius: 5px; font-size: 14px; color: #333333; } /* line 199, ../sass/_newIndex.scss */ .t-r-i-txt { padding: 18px 15px; } /* line 202, ../sass/_newIndex.scss */ .tri-info { margin-bottom: 5px; } /* line 205, ../sass/_newIndex.scss */ .tri-info:before, .tri-info:after { display: block; position: relative; content: ""; border: none; height: 0; clear: both; } /* line 213, ../sass/_newIndex.scss */ .tri-price { float: left; font-size: 20px; color: #f65000; font-weight: bold; } /* line 218, ../sass/_newIndex.scss */ .tri-price > span { font-size: 14px; color: #f65000; font-weight: normal; } /* line 224, ../sass/_newIndex.scss */ .tri-monthpay { float: right; font-size: 12px; padding: 2px 12px; border: 1px solid #ef8700; color: #ef8700; border-radius: 11px; } /* line 232, ../sass/_newIndex.scss */ .tri-rentout { font-size: 20px; color: #666666; margin-bottom: 5px; } /* line 237, ../sass/_newIndex.scss */ .tri-roomtit { margin-bottom: 5px; font-size: 14px; color: #000000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* line 245, ../sass/_newIndex.scss */ .tri-roomaddr { font-size: 12px; color: #666666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* line 252, ../sass/_newIndex.scss */ .brand-con:before, .brand-con:after { display: block; position: relative; content: ""; border: none; height: 0; clear: both; } /* line 260, ../sass/_newIndex.scss */ .bcl { position: relative; width: 384px; height: 625px; background: #fff; overflow: hidden; border-radius: 3px; cursor: pointer; transition: all .3s ease-in-out; } /* line 269, ../sass/_newIndex.scss */ .bcl:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); } /* line 273, ../sass/_newIndex.scss */ .bcl-pic { position: relative; width: 100%; height: 504px; overflow: hidden; } /* line 279, ../sass/_newIndex.scss */ .bcl-name { float: left; font-size: 20px; color: #333333; line-height: 36px; } /* line 285, ../sass/_newIndex.scss */ .bcl-rz { display: inline-block; width: 17px; height: 20px; margin-left: 10px; background: url(../images/newIndex/new-index-icon.png) no-repeat -132px -83px; vertical-align: middle; } /* line 293, ../sass/_newIndex.scss */ .bcl-link { float: right; padding: 8px 22px; cursor: pointer; color: #fff; background: #1cb1f5; border-radius: 2px; } /* line 301, ../sass/_newIndex.scss */ .bcr { position: relative; width: 792px; } /* line 305, ../sass/_newIndex.scss */ .bcr:before, .bcr:after { display: block; position: relative; content: ""; border: none; height: 0; clear: both; } /* line 313, ../sass/_newIndex.scss */ .bcri { display: block; position: relative; float: left; width: 384px; height: 308px; border-radius: 3px; overflow: hidden; margin: 0 24px 12px 0; cursor: pointer; transition: all .3s ease-in-out; } /* line 322, ../sass/_newIndex.scss */ .bcri:nth-child(even) { margin: 0 0 12px 0; } /* line 327, ../sass/_newIndex.scss */ .bcri:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); } /* line 331, ../sass/_newIndex.scss */ .bcri-pic { position: relative; width: 384px; height: 242px; } /* line 337, ../sass/_newIndex.scss */ .bcl .star-evaluation { text-align: left; } /* line 340, ../sass/_newIndex.scss */ .bcl .tri-roomtit { margin-bottom: 10px; } /* line 345, ../sass/_newIndex.scss */ .bcr .t-r-i-txt { padding: 9px 15px; } /* line 348, ../sass/_newIndex.scss */ .bcr .tri-roomtit { margin-bottom: 0; } /* line 352, ../sass/_newIndex.scss */ .ma-row:before, .ma-row:after, .ma-col:before, .ma-col:after { display: block; position: relative; content: ""; border: none; height: 0; clear: both; } /* line 360, ../sass/_newIndex.scss */ .ma-col { float: left; width: 588px; } /* line 364, ../sass/_newIndex.scss */ .ma-ele { display: block; position: relative; float: left; margin: 0 24px 24px 0; cursor: pointer; overflow: hidden; border-radius: 6px; } /* line 372, ../sass/_newIndex.scss */ .ma-ele > img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } /* line 382, ../sass/_newIndex.scss */ .ma-ele-l { width: 588px; height: 588px; } /* line 386, ../sass/_newIndex.scss */ .ma-ele-m { width: 588px; height: 282px; } /* line 390, ../sass/_newIndex.scss */ .ma-ele-s { width: 282px; height: 282px; } /* line 394, ../sass/_newIndex.scss */ .ma-ele-m:last-child, .ma-ele-s:last-child { margin: 0 0 24px 0; } /* line 397, ../sass/_newIndex.scss */ .ma-cover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; transition: all 0.3s ease-in-out; background: rgba(0, 0, 0, 0.6); color: #fff; font-size: 18px; } /* line 410, ../sass/_newIndex.scss */ .ma-cover:before { display: block; content: ""; position: relative; width: 40px; border-bottom: 2px solid #fff; margin-bottom: 13px; } /* line 418, ../sass/_newIndex.scss */ .ma-cover:after { display: block; content: ""; position: absolute; right: 0; bottom: 0; width: 60px; height: 60px; background: url(../images/newIndex/new-index-icon.png) no-repeat -25px -415px; } /* line 429, ../sass/_newIndex.scss */ .ma-ele-l .ma-cover { padding: 27px 30px; transform: translateY(488px); font-size: 24px; } /* line 434, ../sass/_newIndex.scss */ .ma-ele-l .ma-cover:before { margin-bottom: 20px; } /* line 439, ../sass/_newIndex.scss */ .ma-ele-m .ma-cover { padding: 27px 30px; transform: translateY(182px); font-size: 24px; } /* line 444, ../sass/_newIndex.scss */ .ma-ele-m .ma-cover:before { margin-bottom: 20px; } /* line 449, ../sass/_newIndex.scss */ .ma-ele-s .ma-cover { padding: 19px 30px; transform: translateY(212px); } /* line 454, ../sass/_newIndex.scss */ .ma-ele:hover .ma-cover { transform: translateY(0); background: rgba(246, 80, 0, 0.8); } /* line 458, ../sass/_newIndex.scss */ .news-col { padding: 20px; background: #eeeeee; } /* line 462, ../sass/_newIndex.scss */ .news-col-tit { font-size: 18px; font-weight: bold; color: #333333; margin-bottom: 20px; } /* line 468, ../sass/_newIndex.scss */ .news-col-item { display: block; color: #333333; margin-bottom: 10px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* line 476, ../sass/_newIndex.scss */ .news-col-item:last-child { margin-bottom: 0; } /* line 479, ../sass/_newIndex.scss */ .news-col-item .icon-circle { color: #333333; font-size: 12px; } /* line 483, ../sass/_newIndex.scss */ .news-col-item:hover { color: #f65000; } /* line 485, ../sass/_newIndex.scss */ .news-col-item:hover .icon-circle { color: #f65000; } /* line 490, ../sass/_newIndex.scss */ .index-search-stage { position: absolute; left: 0; bottom: 0; right: 0; width: 100%; padding: 15px 0; background: rgba(0, 0, 0, 0.3); z-index: 2; } /* line 501, ../sass/_newIndex.scss */ .input-group-inSearch { margin: 0 auto; width: 750px; } /* line 504, ../sass/_newIndex.scss */ .input-group-inSearch button, .input-group-inSearch input[type=text] { height: 50px; } /* line 507, ../sass/_newIndex.scss */ .input-group-inSearch .insearch-input { font-size: 18px; } /* line 510, ../sass/_newIndex.scss */ .input-group-inSearch .dropdown-toggle { width: 100px; font-size: 16px; } /* line 514, ../sass/_newIndex.scss */ .input-group-inSearch .insearch-btn { width: 130px; font-size: 18px; background: #f65000; color: #fff; border: 1px solid #f65000; } /* line 521, ../sass/_newIndex.scss */ .input-group-inSearch button + .dropdown-menu { min-width: 100px; } /* line 526, ../sass/_newIndex.scss */ .guar-ico, .room-bz .icons-room { -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } /* line 530, ../sass/_newIndex.scss */ .guar-ico:hover, .room-bz .icons-room:hover { transform: rotatey(180deg); } /* line 3, ../sass/_buffer.scss */ html, body { height: 100%; width: 100%; } @media (min-width: 1200px) { /* line 10, ../sass/_buffer.scss */ .container { width: 1200px; padding-left: 0; padding-right: 0; } } /* line 18, ../sass/_buffer.scss */ .breadcrumb { padding: 0 5px; margin-bottom: 0; line-height: 50px; background-color: transparent; } /* line 23, ../sass/_buffer.scss */ .breadcrumb a { color: #999; } /* line 26, ../sass/_buffer.scss */ .breadcrumb > li + li:before { padding: 0 10px; content: "→"; color: #acacac; font-size: .7em; position: relative; top: -0.2em; } /* line 34, ../sass/_buffer.scss */ .breadcrumb > .active { color: #333; } /* line 39, ../sass/_buffer.scss */ .btn-info { background-color: #1cb1f5; } /* line 41, ../sass/_buffer.scss */ .btn-info:hover { background-color: #1fa8e7; border-color: #1fa8e7; } /* line 47, ../sass/_buffer.scss */ .input-md, .btn-md { height: 36px; line-height: 22px; } /* line 53, ../sass/_buffer.scss */ .btn-md { font-size: 16px; letter-spacing: 2px; padding-left: 32px; padding-right: 32px; } /* line 60, ../sass/_buffer.scss */ .text-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* line 66, ../sass/_buffer.scss */ a, .add-rect-block a { color: inherit; } /* line 71, ../sass/_buffer.scss */ a.mg-community { transition: all .3s ease-in-out; position: relative; overflow: hidden; } /* line 76, ../sass/_buffer.scss */ a.mg-community:hover { position: relative; overflow: hidden; } /* line 83, ../sass/_buffer.scss */ .form-addon .form-control::-moz-placeholder { color: #d2d2d2; opacity: 1; } /* line 87, ../sass/_buffer.scss */ .form-addon .form-control:-ms-input-placeholder { color: #d2d2d2; } /* line 90, ../sass/_buffer.scss */ .form-addon .form-control::-webkit-input-placeholder { color: #d2d2d2; } /* line 94, ../sass/_buffer.scss */ .form-addon .form-control { border: 1px solid #d2d2d2; height: 50px; line-height: 36px; border-radius: 5px; } /* line 101, ../sass/_buffer.scss */ .form-addon .fa + .form-control { padding-left: 32px; } /* line 105, ../sass/_buffer.scss */ .form-addon .form-group { margin-bottom: 20px; position: relative; } /* line 108, ../sass/_buffer.scss */ .form-addon .form-group .fa { position: absolute; left: 12px; top: 0; line-height: 50px; color: #c9c9c9; } /* line 115, ../sass/_buffer.scss */ .form-addon .form-group .fa-mobile { font-size: 25px; } /* line 118, ../sass/_buffer.scss */ .form-addon .form-group .fa-lock { font-size: 20px; } /* line 123, ../sass/_buffer.scss */ .form-addon label { font-weight: normal; } /* line 125, ../sass/_buffer.scss */ .form-addon label [type="checkbox"] { position: relative; top: 2px; margin-right: 7px; margin-left: 14px; } /* line 133, ../sass/_buffer.scss */ .form-addon .btn-link { position: absolute; right: 0px; top: 10px; width: 128px; height: 30px; line-height: 30px; border-left: 1px solid #dcdcdc; color: #f65000; } /* line 142, ../sass/_buffer.scss */ .form-addon .btn-link:hover, .form-addon .btn-link:focus { text-decoration: none; } /* line 149, ../sass/_buffer.scss */ .cell { display: table-cell; vertical-align: top; } /* line 155, ../sass/_buffer.scss */ .panel-split { margin: 10px 0; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background-color: white; } /* line 163, ../sass/_buffer.scss */ .panel-images > a, .add-rect-block .panel-images > a { margin: 6px 10px; display: block; } /* line 167, ../sass/_buffer.scss */ .panel-images img { display: block; } /* line 172, ../sass/_buffer.scss */ .title-panel { line-height: 30px; margin: 15px 10px 10px 15px; font-size: 16px; font-weight: bold; } /* line 177, ../sass/_buffer.scss */ .title-panel a { color: #666; font-size: 12px; font-weight: normal; padding: 0 5px; float: right; margin: 0; } /* line 187, ../sass/_buffer.scss */ .bg-f4 { background-color: #efeff4; border-bottom: 1px solid transparent; } /* line 192, ../sass/_buffer.scss */ .title-panel + .list-room { margin-top: -10px; } @media (max-width: 767px) { /* line 196, ../sass/_buffer.scss */ .lock-horizontal-xs { overflow-x: hidden; } } @media (min-width: 768px) { /* line 4, ../sass/_sign.scss */ .bg-sign { background: url(../images/sign/bg.jpg) no-repeat scroll 0 0; background-size: cover; position: fixed; width: 100%; height: 100%; left: 0; top: 0; } /* line 13, ../sass/_sign.scss */ .main-sign { width: 1200px; display: block; overflow: hidden !important; margin: 0 auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 24, ../sass/_sign.scss */ .hot { margin-top: 62px; display: inline-block; float: left; width: 730px; height: 430px; overflow: hidden; background-color: rgba(0, 0, 0, 0.15); } /* line 32, ../sass/_sign.scss */ .hot img { max-width: 100%; width: 730px; } /* line 38, ../sass/_sign.scss */ .aside-sign { display: inline-block; float: right; width: 420px; } } /* line 47, ../sass/_sign.scss */ .main-sign .logo img { display: block; height: 24px; width: auto; margin: 0 auto; } /* line 54, ../sass/_sign.scss */ .main-sign .box-sign { margin-top: 38px; box-shadow: 0 0 10px #333; border-radius: 5px; color: #666666; min-height: 430px; background: #edebee; overflow: hidden !important; } /* line 62, ../sass/_sign.scss */ .main-sign .box-sign.free-hight { height: auto; } /* line 67, ../sass/_sign.scss */ .main-sign .group-method { overflow: hidden; } /* line 69, ../sass/_sign.scss */ .main-sign .group-method a { display: inline-block; float: left; text-align: center; line-height: 60px; width: 50%; height: 60px; background-color: #dedede; color: #333333; font-size: 16px; cursor: pointer; } /* line 80, ../sass/_sign.scss */ .main-sign .group-method a:hover { color: inherit; } /* line 83, ../sass/_sign.scss */ .main-sign .group-method a.active, .main-sign .group-method a.active:hover { background-color: transparent; color: #f65000; } /* line 91, ../sass/_sign.scss */ .main-sign .aside-sign-footer { margin-top: 20px; line-height: 20px; color: #999999; text-align: left; } /* line 96, ../sass/_sign.scss */ .main-sign .aside-sign-footer .fa { margin-right: 5px; font-size: 16px; } /* line 102, ../sass/_sign.scss */ .main-sign .link-term { color: #00a3ed; } /* line 106, ../sass/_sign.scss */ .main-sign form { padding: 30px; display: block; } /* line 111, ../sass/_sign.scss */ .main-sign h1 { font-size: 30px; font-weight: normal; text-align: center; line-height: 40px; margin-bottom: 30px; margin-top: 10px; } /* line 118, ../sass/_sign.scss */ .main-sign h1 em { color: #f65000; font-style: normal; } /* line 124, ../sass/_sign.scss */ .main-sign a:hover, .main-sign .active { color: #f65000; } /* line 129, ../sass/_sign.scss */ .main-sign .form-list { width: 200%; position: relative; left: 0; -webkit-transition: left .3s ease-out; transition: left .3s ease-out; } /* line 135, ../sass/_sign.scss */ .main-sign .form-list form { width: 50%; float: left; padding-top: 60px; } /* line 140, ../sass/_sign.scss */ .main-sign .form-list.page2 { left: -100%; } /* line 145, ../sass/_sign.scss */ .main-sign .btn-block.shy { margin-top: 20px; } /* line 149, ../sass/_sign.scss */ .main-sign .tooltip { left: 10%; transition: opacity .4s ease-in; } /* line 154, ../sass/_sign.scss */ .main-sign .text-danger { color: #ff5600; } /* line 158, ../sass/_sign.scss */ .main-sign .form-pwd-reset { padding: 30px; } /* line 160, ../sass/_sign.scss */ .main-sign .form-pwd-reset .btn-orange-lg.btn-reverse, .main-sign .form-pwd-reset .btn-reverse.btn-blue-lg, .main-sign .form-pwd-reset .btn-reverse.btn-danger-lg, .main-sign .form-pwd-reset .btn-reverse.btn-danger-slg { color: #ff5600; background-color: transparent; border: 1px solid #ff5600; } /* line 167, ../sass/_sign.scss */ .main-sign .form-control { border: 0 none; line-height: 38px; } /* line 173, ../sass/_sign.scss */ .flex { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* line 180, ../sass/_sign.scss */ .panel-answer { padding: 110px 30px 30px; text-align: center; } /* line 183, ../sass/_sign.scss */ .panel-answer h1 { font-size: 24px; font-weight: normal; line-height: 40px; margin-bottom: 20px; } /* line 189, ../sass/_sign.scss */ .panel-answer .ic-success, .panel-answer .ic-error { display: block; width: 40px; height: 40px; border-radius: 50%; margin: 10px auto; } /* line 196, ../sass/_sign.scss */ .panel-answer .ic-success { background: url(../images/sign/icon-success.png) no-repeat scroll center center #09bb07; } /* line 199, ../sass/_sign.scss */ .panel-answer .ic-error { background: url(../images/sign/icon-error.png) no-repeat scroll center center #f76260; } /* line 202, ../sass/_sign.scss */ .panel-answer p { color: #666666; line-height: 20px; margin-bottom: 10px; } /* line 207, ../sass/_sign.scss */ .panel-answer .btn-stroke { border-radius: 5px; border: 1px solid #bfbfbf; padding-left: 75px; padding-right: 75px; color: #666; margin-top: 15px; } /* line 217, ../sass/_sign.scss */ #geetest { width: 100%; margin: 0 auto; } /* line 222, ../sass/_sign.scss */ form .placeholder-info { text-align: center; color: #ff5600; position: relative; margin-top: -12px; margin-bottom: 5px; line-height: 20px; height: 20px; } @media (max-width: 767px) { /* line 233, ../sass/_sign.scss */ .bg-sign { background: url(../images/sign/bg.jpg) no-repeat fixed 0 0; background-size: cover; } /* line 238, ../sass/_sign.scss */ .hot { display: none; } /* line 243, ../sass/_sign.scss */ .main-sign .box-sign { margin-top: 15px; } /* line 246, ../sass/_sign.scss */ .main-sign .aside-sign { padding-left: 10px; padding-right: 10px; padding-top: 15px; } } /* line 1, ../sass/_footer.scss */ .footer { text-align: center; line-height: 24px; } /* line 4, ../sass/_footer.scss */ .footer p { line-height: inherit; } /* line 7, ../sass/_footer.scss */ .footer ul { margin-bottom: 20px; } /* line 10, ../sass/_footer.scss */ .footer li { list-style-type: none; display: inline; } /* line 14, ../sass/_footer.scss */ .footer a { color: inherit; transition: color .6s ease-out; } /* line 18, ../sass/_footer.scss */ .footer a { padding: 0 15px; } /* line 21, ../sass/_footer.scss */ .footer .list-link { margin-bottom: 15px; } /* line 24, ../sass/_footer.scss */ .footer .hotline { padding: 0; } /* line 29, ../sass/_footer.scss */ .footer.theme-dark { background-color: #2e3543; color: #696e7b; padding-bottom: 30px; } /* line 33, ../sass/_footer.scss */ .footer.theme-dark ul { padding-top: 35px; padding-bottom: 40px; border-bottom: 1px solid #696e7b; } /* line 38, ../sass/_footer.scss */ .footer.theme-dark a:hover { color: #ccc; } /* line 41, ../sass/_footer.scss */ .footer.theme-dark p { margin: 5px 0; } /* line 46, ../sass/_footer.scss */ .footer.theme-white { font-size: 12px; color: #666; margin-bottom: 10px; } /* line 50, ../sass/_footer.scss */ .footer.theme-white ul { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #dcdcdc; } /* line 55, ../sass/_footer.scss */ .footer.theme-white a:hover { color: #000; } /* line 60, ../sass/_footer.scss */ .beian img { width: 20px; margin-right: 5px; } /* line 3, ../sass/_header.scss */ .header-base { background-color: #eee; position: fixed; z-index: 1; width: 100%; left: 0; top: 0; line-height: 80px; } /* line 11, ../sass/_header.scss */ .header-base h1 { display: inline; font-weight: normal; font-size: 24px; margin-left: 30px; } /* line 17, ../sass/_header.scss */ .header-base .bar-login { line-height: 20px; margin-top: 30px; margin-right: -20px; float: right; } /* line 23, ../sass/_header.scss */ .header-base a { padding-left: 20px; padding-right: 20px; -webkit-transition: color .4s ease; transition: color .4s ease; } /* line 29, ../sass/_header.scss */ .header-base a + a, .header-base .add-rect-block a + a { border-left: 1px solid #a0a0a0; } /* line 32, ../sass/_header.scss */ .header-base a:hover, .header-base a.active { color: #ff5600; } /* line 36, ../sass/_header.scss */ .header-base .logo { float: left; display: inline-block; margin-top: 18px; } /* line 43, ../sass/_header.scss */ .header-base-wrapper { height: 80px; } /* line 48, ../sass/_header.scss */ .logo-md img { width: 132px; display: block; } /* line 55, ../sass/_header.scss */ .header { height: 40px; } /* line 59, ../sass/_header.scss */ button.btn-link { color: inherit; } /* line 61, ../sass/_header.scss */ button.btn-link:hover, button.btn-link:focus { text-decoration: none; } /* line 66, ../sass/_header.scss */ .header-mobile { position: fixed; z-index: 10001; width: 100%; height: 40px; padding-top: 6px; padding-bottom: 6px; line-height: 26px; background-color: white; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } /* line 76, ../sass/_header.scss */ .header-mobile .btn-home { width: 40px; } /* line 80, ../sass/_header.scss */ .header-mobile .link-home { min-width: 50px; } /* line 84, ../sass/_header.scss */ .header-mobile .group-search { width: 100%; } /* line 88, ../sass/_header.scss */ .header-mobile .btn-home, .header-mobile .group-city { width: 70px; } /* line 91, ../sass/_header.scss */ .header-mobile .btn-home .btn-link, .header-mobile .group-city .btn-link { width: 100%; } /* line 94, ../sass/_header.scss */ .header-mobile .btn-home .dropdown-menu, .header-mobile .group-city .dropdown-menu { min-width: initial; border: 0 none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } /* line 98, ../sass/_header.scss */ .header-mobile .btn-home .dropdown-menu a, .header-mobile .group-city .dropdown-menu a { line-height: 26px; } /* line 104, ../sass/_header.scss */ .header-mobile .image-home { width: 22px; margin: 3px 14px; display: block; } /* line 111, ../sass/_header.scss */ .header-mobile .input-search { background: url(../images/search-md.png) no-repeat scroll 7px center #e3e4e6; height: 28px; line-height: 18px; border: 0 none; padding: 5px 8px 5px 30px; width: 100%; } /* line 119, ../sass/_header.scss */ .header-mobile .btn-menu { width: 50px; height: 28px; color: #666; } /* line 126, ../sass/_header.scss */ .panel-menu { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999999; } /* line 128, ../sass/_header.scss */ .panel-menu.open { display: block; } /* line 137, ../sass/_header.scss */ .panel-menu .mask { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } /* line 143, ../sass/_header.scss */ .panel-menu aside { position: absolute; height: 100%; width: 230px; background-color: rgba(255, 255, 255, 0.96); right: 0; max-width: 60%; } /* line 151, ../sass/_header.scss */ .panel-menu .btn-close { width: 45px; height: 45px; font-size: 18px; float: right; margin: 5px 0; color: inherit; } /* line 159, ../sass/_header.scss */ .panel-menu ul { margin: 10px 15px; clear: both; } /* line 163, ../sass/_header.scss */ .panel-menu ul a { display: block; line-height: 48px; border-bottom: 1px solid #ccc; text-indent: .8em; } /* line 171, ../sass/_header.scss */ .input-search + .dropdown-menu { min-width: 250px; } /* line 3, ../sass/_searchPanel.scss */ .panel-search { position: fixed; z-index: 10005; width: 100%; height: 100%; top: 0; left: 0; background-color: white; color: #333; overflow-y: auto; overflow-x: hidden; } /* line 14, ../sass/_searchPanel.scss */ .panel-search h1 { text-align: center; font-weight: normal; color: #666; font-size: 18px; line-height: 2em; margin: 1em 0; position: relative; } /* line 22, ../sass/_searchPanel.scss */ .panel-search h1 button { position: absolute; left: 8px; top: 0; padding: 11px 10px 9px; } /* line 27, ../sass/_searchPanel.scss */ .panel-search h1 button img { display: block; width: 15px; height: 15px; } /* line 34, ../sass/_searchPanel.scss */ .panel-search .group-search { position: relative; display: block; margin-bottom: 8px; } /* line 38, ../sass/_searchPanel.scss */ .panel-search .group-search input { border-width: 0 0 1px 0; border-style: solid; border-color: #cecece; border-radius: 0; font-size: 15px; width: 100%; line-height: 20px; padding: 15px 40px; height: 50px; } /* line 50, ../sass/_searchPanel.scss */ .panel-search .main-search { padding-left: 15px; } /* line 53, ../sass/_searchPanel.scss */ .panel-search h2 { color: #999; line-height: 40px; font-size: 1em; padding-right: 15px; } /* line 59, ../sass/_searchPanel.scss */ .panel-search .ic-search { position: absolute; display: block; bottom: 18px; left: 15px; width: 15px; height: 15px; background: url(../images/search-md.png) no-repeat scroll 0 0; background-size: 15px 15px; } /* line 69, ../sass/_searchPanel.scss */ .panel-search .btn-clear { position: absolute; display: block; bottom: 1px; right: 2px; width: 48px; height: 48px; padding: 16px; } /* line 77, ../sass/_searchPanel.scss */ .panel-search .btn-clear img { display: block; width: 16px; height: auto; } /* line 83, ../sass/_searchPanel.scss */ .panel-search .fa-trash { margin-right: 3px; } /* line 86, ../sass/_searchPanel.scss */ .panel-search ol { overflow: hidden; width: 100%; padding-bottom: 15px; margin-left: 4px; } /* line 91, ../sass/_searchPanel.scss */ .panel-search ol li { list-style-type: none; display: inline-block; float: left; padding: 4px; } /* line 98, ../sass/_searchPanel.scss */ .panel-search ol + h2 { border-top: 1px solid #cecece; } /* line 102, ../sass/_searchPanel.scss */ .panel-search .item-history { padding: 0; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; display: block; float: none; } /* line 108, ../sass/_searchPanel.scss */ .panel-search .item-history a { display: block; line-height: 48px; height: 48px; } /* line 115, ../sass/_searchPanel.scss */ .panel-search .item-history + .item-history { margin-top: -1px; } /* line 2, ../sass/common/_verification.scss */ .clearfloat:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; } /* line 3, ../sass/common/_verification.scss */ .clearfloat { zoom: 1; } /* line 4, ../sass/common/_verification.scss */ .validate-item { margin-top: 10px; } /* line 6, ../sass/common/_verification.scss */ .validate-item .validate-code { height: 50px; float: left; } /* line 9, ../sass/common/_verification.scss */ .validate-item .validate-code input { height: 50px; line-height: 50px; width: 180px; color: #555; border-radius: 3px; -webkit-border-radius: 3px; padding: 6px 12px; } /* line 19, ../sass/common/_verification.scss */ .validate-item .validate-con { height: 50px; float: left; } /* line 22, ../sass/common/_verification.scss */ .validate-item .validate-con img { margin-left: 14px; float: left; width: 110px; height: 50px; border-radius: 3px; -webkit-border-radius: 3px; } /* line 30, ../sass/common/_verification.scss */ .validate-item .validate-con .switch-code { float: left; font: 12px/20px ""; height: 50px; width: 42px; margin-left: 10px; margin-top: 5px; color: #999; border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; } /* line 42, ../sass/common/_verification.scss */ .validate-item .validate-con .switch-code:hover { text-decoration: underline; color: #f65000; } @media (max-width: 450px) { /* line 48, ../sass/common/_verification.scss */ .validate-item .validate-code { width: 45%; } /* line 50, ../sass/common/_verification.scss */ .validate-item .validate-code input { width: 100%; } /* line 54, ../sass/common/_verification.scss */ .validate-item .validate-con { width: 55%; } /* line 56, ../sass/common/_verification.scss */ .validate-item .validate-con img { width: 50%; } } /* line 63, ../sass/common/_verification.scss */ .side-login .validate-item { overflow: hidden; } /* line 67, ../sass/common/_verification.scss */ .side-login .validate-item .validate-code { height: 47px; } /* line 69, ../sass/common/_verification.scss */ .side-login .validate-item .validate-code input { width: 120px; height: 45px; line-height: 47px; } /* line 75, ../sass/common/_verification.scss */ .side-login .validate-item .validate-con { height: 47px; } /* line 77, ../sass/common/_verification.scss */ .side-login .validate-item .validate-con img { height: 45px; border: 1px solid #ccc; } /* line 81, ../sass/common/_verification.scss */ .side-login .validate-item .validate-con .switch-code { height: 42px; margin-top: 3px; } /* line 90, ../sass/common/_verification.scss */ .fallslidetext .validate-item { overflow: hidden; margin-top: -1px; } /* line 95, ../sass/common/_verification.scss */ .fallslidetext .validate-item .validate-code { height: 35px; } /* line 97, ../sass/common/_verification.scss */ .fallslidetext .validate-item .validate-code input { width: 168px; height: 25px; line-height: 35px; margin-top: 12px; padding: 6px 5px; border: none; border-radius: 0; webkit-box-shadow: none; box-shadow: none; } /* line 110, ../sass/common/_verification.scss */ .fallslidetext .validate-item .validate-con { height: 35px; margin-top: 5px; } /* line 113, ../sass/common/_verification.scss */ .fallslidetext .validate-item .validate-con img { height: 35px; border: 1px solid #ccc; margin-left: 0px; } /* line 118, ../sass/common/_verification.scss */ .fallslidetext .validate-item .validate-con .switch-code { height: 35px; margin-top: 2px; line-height: 15px; margin-left: 15px; } @media (max-width: 450px) { /* line 127, ../sass/common/_verification.scss */ .fallslidetext .validate-code { width: auto; } /* line 129, ../sass/common/_verification.scss */ .fallslidetext .validate-code input { width: 100%; } /* line 133, ../sass/common/_verification.scss */ .fallslidetext .validate-con { width: auto; } /* line 135, ../sass/common/_verification.scss */ .fallslidetext .validate-con img { width: 50%; } } /* line 2, ../sass/common/_friendship_link_code.scss */ #proposer_code { width: 300px; height: 47px; text-indent: 7px; color: #555; } /* line 9, ../sass/common/_friendship_link_code.scss */ #verfycode_input .VerifyCode_input { margin-top: -24px; margin-left: 10px; border: 1px solid #ccc; color: #555; border-radius: 3px; -webkit-border-radius: 3px; height: 47px; } /* line 19, ../sass/common/_friendship_link_code.scss */ #verfycode_input span { text-align: center; display: inline-block; margin-left: 5px; position: relative; top: 0; width: 47px; height: 47px; font: 14px/23px ""; } /* line 28, ../sass/common/_friendship_link_code.scss */ #verfycode_input span:hover { color: #eb3734; text-decoration: underline; cursor: pointer; } /* line 35, ../sass/common/_friendship_link_code.scss */ #verfycode_input .text_code { float: left; } /* line 30, ../sass/index.scss */ .c-label { display: inline-block; height: 34px; line-height: 34px; margin-right: 5px; } /* line 36, ../sass/index.scss */ .form-group-btn { margin-bottom: 12px; margin-left: 20px; } /* line 40, ../sass/index.scss */ .addPrice { overflow: hidden; width: 100%; } /* line 44, ../sass/index.scss */ .modal-backdrop.in { opacity: 0; } /*login*/ /* line 49, ../sass/index.scss */ .login { background: #ecebeb; } /* line 52, ../sass/index.scss */ .login_img { width: 100%; height: 100%; } /* line 56, ../sass/index.scss */ .body-login { position: static; background-color: #f8f8f8; } /* line 59, ../sass/index.scss */ .body-login .myfooterCon { position: absolute; bottom: 0px; left: 0px; right: 0px; } /* line 64, ../sass/index.scss */ .body-login .myfooterCon .my-footer { margin-left: 0px; background-color: transparent; } /* line 68, ../sass/index.scss */ .body-login .myfooterCon .footer-item ul { width: 400px; } /* line 71, ../sass/index.scss */ .body-login .myfooterCon .footer-item li { float: left; } /* line 73, ../sass/index.scss */ .body-login .myfooterCon .footer-item li.no-border a { border: 0px; } /* line 77, ../sass/index.scss */ .body-login .myfooterCon .footer-item a, .body-login .myfooterCon .my-footer div { color: #fff; } /* line 84, ../sass/index.scss */ .panel-forget { background-color: white; width: 600px; margin: 60px auto 160px; padding: 40px; } /* line 89, ../sass/index.scss */ .panel-forget h2 { font-size: 24px; text-align: center; line-height: 40px; margin-bottom: 10px; } /* line 95, ../sass/index.scss */ .panel-forget .form-addon { margin: 20px 50px 10px; } /* line 98, ../sass/index.scss */ .panel-forget .error { color: #f00; font-style: normal; font-size: 12px; padding-left: 12px; position: relative; top: 4px; } /* line 106, ../sass/index.scss */ .panel-forget .logo { width: 300px; } /* line 109, ../sass/index.scss */ .panel-forget .icon, .panel-forget .user, .panel-forget .pass { width: 33px; height: 44px; display: block; position: absolute; } /* line 123, ../sass/index.scss */ .panel-forget .list-group-item { padding: 0px; text-align: left; } /* line 126, ../sass/index.scss */ .panel-forget .list-group-item input { width: 80%; border: 0px; } /* line 130, ../sass/index.scss */ .panel-forget .list-group-item em { margin-left: 40px; color: #ff5600; margin-bottom: 10px; } /* line 136, ../sass/index.scss */ .panel-forget #codeImg { width: 75px; height: 28px; cursor: pointer; } /* line 143, ../sass/index.scss */ .input-login1 { border-top-left-radius: 7px; border-top-right-radius: 7px; } /* line 149, ../sass/index.scss */ .login-form { width: 300px; position: relative; } /* line 153, ../sass/index.scss */ .forgetPass { margin: auto; color: rgba(255, 255, 255, 0.6); margin-top: 15px; } /* line 159, ../sass/index.scss */ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; } /* line 164, ../sass/index.scss */ .col-md-top .col-md-4 { margin-top: 10px; } /* line 169, ../sass/index.scss */ .my-img-list img { width: 180px; height: 120px; } /* line 174, ../sass/index.scss */ .placeholder { color: #A9A9A9; } /*社区*/ /* line 178, ../sass/index.scss */ .sq-slides { max-height: 420px; overflow: hidden; position: relative; } /* line 183, ../sass/index.scss */ .sq-slides .flexslider .slides > li { height: 100%; } /* line 186, ../sass/index.scss */ .sq-slides .flex-direction-nav li a { margin-top: 0px; } /*社区文章详情*/ /* line 191, ../sass/index.scss */ .articleDetail { background: #fff; min-height: 1160px; padding: 40px 20px; overflow: hidden; } /* line 197, ../sass/index.scss */ .abstract { line-height: 30px; background: #f2f2f2; padding: 0 10px; } /* line 202, ../sass/index.scss */ .articleBody { min-height: 700px; } /*活动专题*/ /* line 207, ../sass/index.scss */ .my-activity-item { overflow: hidden; } /* line 209, ../sass/index.scss */ .my-activity-item li { width: 290px; float: left; max-width: 290px; height: 250px; margin-right: 10px; margin-bottom: 10px; } /* line 216, ../sass/index.scss */ .my-activity-item li > a, .my-activity-item .add-rect-block li > a { display: inline-block; *display: inline; *zoom: 1; position: relative; overflow: hidden; } /* line 222, ../sass/index.scss */ .my-activity-item li > a .pbox { width: 290px; height: 180px; } /* line 226, ../sass/index.scss */ .my-activity-item li > a img { -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; transition: All 0.6s ease-in-out; } /* line 229, ../sass/index.scss */ .my-activity-item li > a:hover img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } /* line 232, ../sass/index.scss */ .my-activity-item li > a img { height: 100%; width: 100%; max-height: 180px; } /* line 237, ../sass/index.scss */ .my-activity-item li > a .activity-dis { padding: 20px 15px; background: #fff; } /* line 245, ../sass/index.scss */ .my-time-line-wrap { position: relative; } /* line 248, ../sass/index.scss */ .my-time-line { position: relative; border-left: 1px solid #ccc; padding-left: 45px; margin-left: 150px; position: relative; } /* line 254, ../sass/index.scss */ .my-time-line .my-time-flag { position: absolute; left: -190px; top: 65px; } /* line 258, ../sass/index.scss */ .my-time-line .my-time-flag span { background: #eb3734; color: #fff; padding: 10px 35px; border-radius: 2px; line-height: 21px; } /* line 268, ../sass/index.scss */ .watefallcon { position: relative; } /* line 271, ../sass/index.scss */ .box { width: 320px; overflow: hidden; position: relative; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; transition: All 0.6s ease-in-out; } /* line 277, ../sass/index.scss */ .box.fall { position: absolute; } /* line 280, ../sass/index.scss */ .box a { position: relative; width: 100%; display: inline-block; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; transition: All 0.6s ease-in-out; } /* line 285, ../sass/index.scss */ .box a:hover { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } /* line 288, ../sass/index.scss */ .box a img { width: 100%; height: 100%; } /* line 293, ../sass/index.scss */ .gift { background-position: 0 -583px; height: 30px; width: 30px; } /*分享*/ /* line 298, ../sass/index.scss */ .shareCon { overflow: hidden; margin: auto; width: 120px; } /* line 303, ../sass/index.scss */ .jiathis_style.share-black .jtico, .jiathis_style.my-share-icon .jtico { width: 48px; height: 48px !important; line-height: 48px !important; } /* line 304, ../sass/index.scss */ .jiathis_style.share-black .jtico_weixin { background-position: 0 -1638px; height: 48px; width: 48px; } /* line 307, ../sass/index.scss */ .jiathis_style.share-black .jtico_tsina { background-position: 0 -1686px; height: 48px; width: 48px; } /*房间详情地图*/ /* line 312, ../sass/index.scss */ .my-map-con { position: relative; min-height: auto; } /*合同*/ /* line 316, ../sass/index.scss */ .compact-wrap { height: 410px; overflow: auto; } /* line 319, ../sass/index.scss */ .compact-wrap .title, .compact-wrap .my-list li.white-block .title, .my-list li.white-block .compact-wrap .title, .compact-wrap .my-list-photo li.white-block .title, .my-list-photo li.white-block .compact-wrap .title { padding: 30px 0px; } /* line 322, ../sass/index.scss */ .compact-wrap ul li { color: #8e8e8e; } /*flex style*/ /* line 329, ../sass/index.scss */ .flexCon .fancybox-thumbs { display: none; } /* line 331, ../sass/index.scss */ .flexCon .fancybox-thumbs.active { display: block; width: 100%; height: 640px; } /* line 335, ../sass/index.scss */ .flexCon .fancybox-thumbs.active > img { display: none; } /* line 342, ../sass/index.scss */ .bigicon { position: absolute; font-size: 12px; min-width: 128px; height: 24px; left: 10px; color: white; text-align: center; line-height: 24px; cursor: pointer; top: 8px; } /* line 353, ../sass/index.scss */ .bigicon > i { display: inline-block; vertical-align: middle; margin-right: 7px; background-position: 0 -372px; height: 16px; width: 16px; } /* line 361, ../sass/index.scss */ .pc-info-hiden { display: none; } /* line 364, ../sass/index.scss */ .adcon { height: 112px; overflow: hidden; } /*find room icon*/ /* line 369, ../sass/index.scss */ .rz, .jp, .sj { vertical-align: middle; display: inline-block; } /* line 373, ../sass/index.scss */ .rz { width: 20px; height: 20px; background-position: 0 -1114px; height: 18px; width: 18px; } /* line 378, ../sass/index.scss */ .jp { background-position: 0 -869px; height: 22px; width: 22px; } /* line 381, ../sass/index.scss */ .sj { background-position: 0 -1318px; height: 22px; width: 22px; } /* line 384, ../sass/index.scss */ .rz-17 { display: inline-block; width: 17px; height: 20px; vertical-align: bottom; background-position: 0 -545px; } /* line 391, ../sass/index.scss */ .guanjiaCon { min-height: 100px; } /*banner 样式定义*/ /*index banner*/ /* line 397, ../sass/index.scss */ .dashboardBanner { height: 500px; max-height: 640px; } /*社区banner*/ /* line 402, ../sass/index.scss */ .sq-slides { height: 500px; max-height: 500px; } /**/ /* line 411, ../sass/index.scss */ .holder-option .icon.icon-angle-down, .holder-option .panel-forget .icon-angle-down.user, .panel-forget .holder-option .icon-angle-down.user, .holder-option .panel-forget .icon-angle-down.pass, .panel-forget .holder-option .icon-angle-down.pass { position: absolute; right: 8px; top: 6px; width: 10px; } /* line 420, ../sass/index.scss */ .mock-select:hover .icon:before, .mock-select:hover .panel-forget .user:before, .panel-forget .mock-select:hover .user:before, .mock-select:hover .panel-forget .pass:before, .panel-forget .mock-select:hover .pass:before, .mock-select:hover .login-wrap .user:before, .login-wrap .mock-select:hover .user:before, .mock-select:hover .login-wrap .pass:before, .login-wrap .mock-select:hover .pass:before { position: absolute; width: 10px; } /* 适配各终端分辨率变量定义 $mq-breakpoints: ( mobile: 320px, tablet: 740px, wide: 1200px, m-i6:360px, m-i6plus:400px ); $tablet:740px; $tablet-width:768px; $mobile-width:320px; $wide-width:1200px; $m-i6-width:375px; $m-i6plus-width:414px; $m-i5-loginbox-height:355px; $m-i6-loginbox-height:470px; $m-i6plus-loginbox-height:580px; */ /*! 变量定义 start*/ /*! 变量定义 end*/ /*! container mq */ /* line 31, ../sass/_layout.scss */ .my-comp-width, .my-container-wrap, .my-footer .my-footer-wrap { /* @include mq($from: mobile) { width:100%; min-width:100%; } */ /* @include mq($from: m-i6 , $until:m-i6plus) { width:100%; min-width:100%; } @include mq($from: m-i6plus, $until:tablet) { width:100%; min-width:100%; } */ } @media (min-width: 46.25em) { /* line 31, ../sass/_layout.scss */ .my-comp-width, .my-container-wrap, .my-footer .my-footer-wrap { width: 767px; min-width: 767px; } } @media (min-width: 75em) { /* line 31, ../sass/_layout.scss */ .my-comp-width, .my-container-wrap, .my-footer .my-footer-wrap { width: 1200px; min-width: 1200px; } } @media (max-width: 46.24em) { /* line 31, ../sass/_layout.scss */ .productInfo{ display: block!important; } .my-comp-width, .my-container-wrap, .my-footer .my-footer-wrap { width: 100%; min-width: 100%; } } @media screen and (max-width: 740px) { /* line 61, ../sass/_layout.scss */ .sq-slides { height: 240px; } /* line 65, ../sass/_layout.scss */ .eqspace, .mapList > ul { padding: 1%; } /* line 67, ../sass/_layout.scss */ .eqspace > li, .mapList > ul > li { margin: 1%; } /* line 71, ../sass/_layout.scss */ .mgy-room img { -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; } /* line 74, ../sass/_layout.scss */ .mgy-room:hover img { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; } /* body,html{ background: #eeeeee; font-size: 12px; } */ /* line 85, ../sass/_layout.scss */ .spacer60 { padding-bottom: 6%; } /* line 88, ../sass/_layout.scss */ img { width: 100%; } /* line 91, ../sass/_layout.scss */ .roomInfo-btn { height: 22px; } /*! banner index start*/ /* line 96, ../sass/_layout.scss */ .banner, .flexslider .slides { height: 240px; } /* line 99, ../sass/_layout.scss */ .banner { overflow: hidden; } /* line 102, ../sass/_layout.scss */ .flex-control-nav { z-index: 9999; } /* room rescore*/ /* line 106, ../sass/_layout.scss */ .roomDes, .pc-more { display: none; } /* line 110, ../sass/_layout.scss */ .my-block .tablist, .my-block .mgy-block-img, .my-block .spacer12 { display: none; } /* line 113, ../sass/_layout.scss */ .my-block .wid291, .my-block .mgy-block-img img, .my-block .wid594 { width: 100%; } /* line 116, ../sass/_layout.scss */ .my-block .mgy-block-img img { max-height: 132px; } /* line 120, ../sass/_layout.scss */ .my-block .my-block-m-show .mgy-block-img, .my-block .my-block-m-show .spacer12 { display: block; } /* line 126, ../sass/_layout.scss */ .blk { margin-top: 10px; } /* line 129, ../sass/_layout.scss */ .tabcon { padding: 0px 0.5%; } /* line 133, ../sass/_layout.scss */ .m-rd-similar .mgy-room { display: none; } /* line 136, ../sass/_layout.scss */ .m-rd-similar .mgy-room:nth-child(1), .m-rd-similar .mgy-room:nth-child(2) { display: block; float: left; } /* line 141, ../sass/_layout.scss */ .mgy-room { width: 49%; margin: 1% 0.5% 0; } /* line 144, ../sass/_layout.scss */ .mgy-room a { width: 100%; height: 100%; display: inline-block; overflow: hidden; } /* line 150, ../sass/_layout.scss */ .mgy-room .pbox { width: 100%; overflow: hidden; max-height: 102px; } /* line 157, ../sass/_layout.scss */ .mgy-h1 { position: relative; bottom: 0px; text-align: left; left: 0px; right: 0px; padding: 0px; } /* line 158, ../sass/_layout.scss */ .mgy-h1 .gray9e { display: none; } /* line 161, ../sass/_layout.scss */ .mgy-h1 span { color: #fff !important; } /* line 171, ../sass/_layout.scss */ .mgy-h1 .f20 { font-size: 1.07143em !important; } /* line 174, ../sass/_layout.scss */ .mgy-h1 .f16 { font-size: 0.85714em !important; } /* line 177, ../sass/_layout.scss */ .mgy-h1 .line-h25 { line-height: 15px; height: 34px; line-height: 20px; padding: 7px; color: #3d4245 !important; } /* line 184, ../sass/_layout.scss */ .mgy-h1 .mgy-h1-1 { padding-bottom: 5px; position: absolute; top: -50px; display: inline-block; color: #fff !important; background: rgba(255, 86, 0, 0.7); padding: 7px; min-width: 95px; } /*! index end */ /*! find room start*/ /* line 197, ../sass/_layout.scss */ .body-tiny { position: relative; } /* line 200, ../sass/_layout.scss */ .body-tiny .map-wrapper { display: none !important; } /* line 203, ../sass/_layout.scss */ .body-tiny .content-wrapper { position: relative; right: 0px; top: 45px; overflow: visible; } /* line 209, ../sass/_layout.scss */ .doNotMove { text-align: center; font-size: 14px; color: red; line-height: 40px; width: 100%; height: 40px; } /*! filter start */ /* line 220, ../sass/_layout.scss */ .panel-filter { margin: 0px; position: fixed; top: 45px; right: 0; width: 100%; z-index: 2; } /* line 227, ../sass/_layout.scss */ .panel-filter .row-block, .panel-filter .row-head { display: none; } /* line 230, ../sass/_layout.scss */ .panel-filter .m-filter-show { display: block; margin: 0px; border-bottom: 1px solid #ccc; } /* line 235, ../sass/_layout.scss */ .panel-filter .row-block .filter-icon { display: inline-block !important; } /* line 237, ../sass/_layout.scss */ .panel-filter .row-block .filter-icon.last { border: 0px; } /* line 242, ../sass/_layout.scss */ .panel-filter .row-block .row-body { margin-left: 0px; line-height: 25px; padding-top: 6px; } /* line 246, ../sass/_layout.scss */ .panel-filter .row-block .row-body > a, .panel-filter .row-block .add-rect-block .row-body > a { border-right: 1px solid #ccc; width: 20%; display: inline-block; text-align: center; padding: 0px 1%; } /* line 254, ../sass/_layout.scss */ .panel-filter .row-block .row-body .item:hover a { background-color: #fff; } /* line 258, ../sass/_layout.scss */ .panel-filter .row-block .row-body .item a:hover, .panel-filter .row-block .row-body > a:hover, .panel-filter .row-block .add-rect-block .row-body > a:hover { background-color: #fff; } /* line 265, ../sass/_layout.scss */ .selectParams { display: none; } /*! filter end*/ /*! map list start*/ /* line 270, ../sass/_layout.scss */ .mapList { padding: 0px; } /* line 273, ../sass/_layout.scss */ .mapList > ul { margin: 0px; } /* line 275, ../sass/_layout.scss */ .mapList > ul > li { width: 48%; float: left; } /* line 281, ../sass/_layout.scss */ .maplist1 { margin: 0px; } /* line 285, ../sass/_layout.scss */ .mapList2 .img-wrapper { min-height: 110px; } /* line 288, ../sass/_layout.scss */ .mapList2 > img { max-height: 100%; } /* line 291, ../sass/_layout.scss */ .mapList2 .price { font-size: 1.07143em; margin-bottom: 0; position: absolute; top: auto; bottom: 4%; color: #fff; background: rgba(255, 86, 0, 0.7); left: 0; padding: 7px; height: 30px; line-height: 18px; text-align: left; min-width: 95px; width: auto; border-bottom-right-radius: 15px; border-top-right-radius: 15px; } /* line 310, ../sass/_layout.scss */ .panel-rooms { padding: 0px; min-height: 600px; } /* line 313, ../sass/_layout.scss */ .panel-rooms .roomList { padding: 0 0 0 10px; } /* line 316, ../sass/_layout.scss */ .panel-rooms .summary { line-height: 20px; } /* line 320, ../sass/_layout.scss */ .panel-rooms > ul { display: none; } /* line 323, ../sass/_layout.scss */ .panel-rooms > ul li { margin: 0; padding: 3% 3% 1% 0; width: 100%; border-bottom: 1px solid #e3e3e3; } /* line 328, ../sass/_layout.scss */ .panel-rooms > ul li .item-room .inner { overflow: hidden; border: none; } /* line 332, ../sass/_layout.scss */ .panel-rooms > ul li:hover .has-shadow { box-shadow: none; } /* line 338, ../sass/_layout.scss */ .mapList3 { padding: 0; } /* line 341, ../sass/_layout.scss */ .mapList3 h2 { width: 75%; height: 28px; line-height: 16px; padding: 4px 4px 0 0; margin: 0px; } /* line 348, ../sass/_layout.scss */ .mapList3 h2 > a, .mapList3 .add-rect-block h2 > a { font-size: 14px; line-height: 15px; } /* line 352, ../sass/_layout.scss */ .mapList3 h3 { width: 75%; font-size: 12px; } /* line 356, ../sass/_layout.scss */ .mapList3 h5 { font-size: 10px; right: 0; top: 26px; padding: 2px 10px; margin: 0; } /* line 363, ../sass/_layout.scss */ .mapList3 .brand { right: 0; bottom: 28px; font-size: 12px; margin: 0; } /* line 369, ../sass/_layout.scss */ .mapList3 .similar-house { bottom: auto; top: -80%; padding: 5px 5px 5px 15px; font-size: 14px; } /* line 375, ../sass/_layout.scss */ .mapList3 .findroom-selected-brand { bottom: auto; top: -78%; padding: 5px 5px 5px 15px; font-size: 14px; } /* line 383, ../sass/_layout.scss */ .mapListTips > span { display: block; font-size: 10px; background-color: rgba(0, 0, 0, 0.7); line-height: 20px; height: 20px; top: 50%; right: auto; left: 0; } /*! map list end*/ /*! map pagenation start*/ /* line 396, ../sass/_layout.scss */ .mapPageNation, .mapFooter { display: none; } /* line 399, ../sass/_layout.scss */ .m-pagenation { display: block; text-align: center; } /* line 402, ../sass/_layout.scss */ .m-pagenation .btn-line-black { margin: auto; } /* line 407, ../sass/_layout.scss */ .s-h-p .s-h-c { right: 0; } /* line 409, ../sass/_layout.scss */ .s-h-p .s-h-c .panel-rooms { min-height: 300px; padding-top: 0 !important; } /* line 412, ../sass/_layout.scss */ .s-h-p .s-h-c .panel-rooms .community-title { margin-bottom: 0; } /* line 414, ../sass/_layout.scss */ .s-h-p .s-h-c .panel-rooms .community-title h3 { font-size: 1.5em; } /* line 418, ../sass/_layout.scss */ .s-h-p .s-h-c .panel-rooms .roomList { display: block; min-height: 300px; } /* line 423, ../sass/_layout.scss */ .s-h-p .s-h-c .f-hint { padding: 20px; display: block; } /*! map pagenation end*/ /*! find room end*/ /*senior filter start*/ /* line 438, ../sass/_layout.scss */ .m-filterCon .filterItem li > a, .m-filterCon .filterItem .add-rect-block li > a, .m-filterCon .filterItem .add-rect-block li > a { color: #676767; } /* line 443, ../sass/_layout.scss */ .m-info-hide { display: none !important; } /* line 446, ../sass/_layout.scss */ .m-seniorFilter-price { width: 80%; vertical-align: top; } /* line 449, ../sass/_layout.scss */ .m-seniorFilter-price .paramPriceW { margin: 0px; top: 10px; position: relative; } /* line 453, ../sass/_layout.scss */ .m-seniorFilter-price .paramPriceW > span { position: absolute; right: initial; top: -20px; line-height: 12px; color: #676767; left: 50%; transform: translateX(-150%); } /* line 464, ../sass/_layout.scss */ .m-seniorFilter-price .ui-widget-header { background: #676767; } /* line 467, ../sass/_layout.scss */ .m-seniorFilter-price .ui-state-default, .m-seniorFilter-price .ui-widget-content .ui-state-default, .m-seniorFilter-price .ui-widget-header .ui-state-default { border: 6px solid #676767; background: #676767; } /*senior filter end*/ /*room detail start*/ /* line 475, ../sass/_layout.scss */ .toolsCon { display: none; } /* line 478, ../sass/_layout.scss */ .my-side, .sub-tit { display: none; } /* line 481, ../sass/_layout.scss */ .m-about-room { margin-top: 25px; } /* line 484, ../sass/_layout.scss */ .room-info { min-height: inherit; } /* line 486, ../sass/_layout.scss */ .room-info .f24, .room-info .f30 { font-size: 1.07143em !important; } /* line 491, ../sass/_layout.scss */ .serv-time, .repair-free { margin-bottom: 15px; } /* line 494, ../sass/_layout.scss */ .repair-free { margin-left: 10px; } /* line 497, ../sass/_layout.scss */ .keeper-info, .my-roomInfo-phone { position: relative; display: block; width: 100%; min-height: inherit; border: 0px; border-bottom: 1px solid #d2d2d2; padding-bottom: 10px; padding-top: 10px; } /* line 506, ../sass/_layout.scss */ .keeper-info .keeper-img, .my-roomInfo-phone .keeper-img { margin: 0px; height: 60px; } /* line 509, ../sass/_layout.scss */ .keeper-info .keeper-img i.mg-icon-female, .my-roomInfo-phone .keeper-img i.mg-icon-female { -moz-transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); top: -30px; position: relative; } /* line 515, ../sass/_layout.scss */ .keeper-info .spacer40, .my-roomInfo-phone .spacer40 { padding-bottom: 10px; } /* line 519, ../sass/_layout.scss */ .phone-new-position { height: 74px; } /* line 521, ../sass/_layout.scss */ .phone-new-position > .my-roomInfo-phone { border-bottom: none; } /* line 526, ../sass/_layout.scss */ .choose-rm-num { margin: 15px 0px; width: 100%; } /* line 530, ../sass/_layout.scss */ .room-info-detail { display: block; position: relative; width: 100%; padding-left: 0px; padding-top: 10px; } /* line 538, ../sass/_layout.scss */ .m-p-lr10 { padding-left: 10px !important; } /* line 541, ../sass/_layout.scss */ .btn-group-rm { left: 0px; right: 0px; bottom: 0px; position: fixed; width: 100%; margin: 0; z-index: 999997; } /* line 549, ../sass/_layout.scss */ .btn-group-rm .room-btn { width: 100%; height: 54px; line-height: 54px; font-size: 16px !important; border-radius: 0px; } /* line 557, ../sass/_layout.scss */ .h488 { min-height: 0 !important; } /* line 560, ../sass/_layout.scss */ .my-container-padding0 { padding-top: 10px; } /* line 563, ../sass/_layout.scss */ .price-tbl { width: 100%; height: auto; margin-top: 10px; } /* line 567, ../sass/_layout.scss */ .price-tbl > div { line-height: 25px; border-bottom: 1px solid #ccc; padding: 10px 0px; } /* line 571, ../sass/_layout.scss */ .price-tbl > div span:nth-child(1) { width: 28%; } /* line 575, ../sass/_layout.scss */ .price-tbl > div span:nth-child(4) { width: 20%; } /* line 579, ../sass/_layout.scss */ .price-tbl .f18 { font-size: 1em !important; } /* line 582, ../sass/_layout.scss */ .price-tbl .xianjia { font-size: 1.07143em !important; } /* line 587, ../sass/_layout.scss */ .roommate-info .f24 { font-size: 1.14286em !important; } /* line 590, ../sass/_layout.scss */ .roommate-info .spacer40 { padding-bottom: 20px; } /* line 593, ../sass/_layout.scss */ .roommate-info .rmmate-info-detail { height: auto; min-height: inherit; } /* line 596, ../sass/_layout.scss */ .roommate-info .rmmate-info-detail .item-rm { display: block; width: 100%; max-width: 100%; height: 60px; min-height: 60px; border-left: none; float: none; overflow: hidden; } /* line 605, ../sass/_layout.scss */ .roommate-info .rmmate-info-detail .item-rm .btn { padding: 3px 6px; min-width: 50px; } /* line 609, ../sass/_layout.scss */ .roommate-info .rmmate-info-detail .item-rm > ul { overflow: hidden; } /* line 611, ../sass/_layout.scss */ .roommate-info .rmmate-info-detail .item-rm > ul li { float: left; font-size: 12px; } /* line 614, ../sass/_layout.scss */ .roommate-info .rmmate-info-detail .item-rm > ul li:first-child { padding: 15px 10px; width: 30%; } /* line 618, ../sass/_layout.scss */ .roommate-info .rmmate-info-detail .item-rm > ul li:nth-child(2), .roommate-info .rmmate-info-detail .item-rm > ul li:nth-child(5) { height: 30px; line-height: 30px; } /* line 622, ../sass/_layout.scss */ .roommate-info .rmmate-info-detail .item-rm > ul li:nth-child(2) { width: 17%; } /* line 625, ../sass/_layout.scss */ .roommate-info .rmmate-info-detail .item-rm > ul li:nth-child(5) { width: 16%; } /* line 628, ../sass/_layout.scss */ .roommate-info .rmmate-info-detail .item-rm > ul li:nth-child(3), .roommate-info .rmmate-info-detail .item-rm > ul li:nth-child(6) { height: 30px; line-height: 30px; } /* line 632, ../sass/_layout.scss */ .roommate-info .rmmate-info-detail .item-rm > ul li:nth-child(3) { width: 10%; } /* line 635, ../sass/_layout.scss */ .roommate-info .rmmate-info-detail .item-rm > ul li:nth-child(6) { width: 24%; } /* line 638, ../sass/_layout.scss */ .roommate-info .rmmate-info-detail .item-rm > ul li:nth-child(4) { width: 20%; height: 30px; line-height: 30px; } /* line 643, ../sass/_layout.scss */ .roommate-info .rmmate-info-detail .item-rm > ul li:nth-child(7) { width: 25%; } /* line 649, ../sass/_layout.scss */ .roommate-info .rmmate-info-detail .item-rm.rmmate-woman li:nth-child(2), .roommate-info .rmmate-info-detail .item-rm.rmmate-woman li:nth-child(3), .roommate-info .rmmate-info-detail .item-rm.rmmate-woman li:nth-child(4), .roommate-info .rmmate-info-detail .item-rm.rmmate-man li:nth-child(2), .roommate-info .rmmate-info-detail .item-rm.rmmate-man li:nth-child(3), .roommate-info .rmmate-info-detail .item-rm.rmmate-man li:nth-child(4) { display: none; } /* line 652, ../sass/_layout.scss */ .roommate-info .rmmate-info-detail .item-rm.rmmate-woman li:nth-child(5), .roommate-info .rmmate-info-detail .item-rm.rmmate-woman li:nth-child(6), .roommate-info .rmmate-info-detail .item-rm.rmmate-woman li:nth-child(7), .roommate-info .rmmate-info-detail .item-rm.rmmate-woman li:nth-child(8), .roommate-info .rmmate-info-detail .item-rm.rmmate-man li:nth-child(5), .roommate-info .rmmate-info-detail .item-rm.rmmate-man li:nth-child(6), .roommate-info .rmmate-info-detail .item-rm.rmmate-man li:nth-child(7), .roommate-info .rmmate-info-detail .item-rm.rmmate-man li:nth-child(8) { height: 50px; line-height: 50px; padding: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*房源描述*/ /* line 665, ../sass/_layout.scss */ .ul-rent-about li { font-size: 0.85714em !important; } /* line 668, ../sass/_layout.scss */ .ul-rent-about.spacer-l50 { padding: 0px; } /* line 671, ../sass/_layout.scss */ .h989 { margin-top: 20px; } /* line 675, ../sass/_layout.scss */ .room-description .spacer40 { display: none; } /* line 678, ../sass/_layout.scss */ .room-description .f24 { font-size: 1.14286em !important; } /* line 681, ../sass/_layout.scss */ .room-description .f18 { font-size: 0.85714em !important; } /* line 684, ../sass/_layout.scss */ .room-description .room-tx { width: 100%; padding: 20px 15px; border: 0px; border-bottom: 1px solid #ccc; } /* line 690, ../sass/_layout.scss */ .room-description .room-detail-info { padding: 20px 10px; border-bottom: 1px solid #ccc; } /* line 695, ../sass/_layout.scss */ .room-description .info-icons li { margin: 0 10px 10px 10px; vertical-align: middle; } /* line 699, ../sass/_layout.scss */ .room-description .spacer-m-l21 { margin-left: 0px; float: left; height: 80px; } /*map detail*/ /* line 706, ../sass/_layout.scss */ .my-map-con { margin-right: 0px; height: 170px; min-height: 170px; margin-top: 0px; } /* line 711, ../sass/_layout.scss */ .my-map-con .my-map { height: 170px; } /* line 714, ../sass/_layout.scss */ .my-map-con .BMap_noprint { display: none; } /* line 718, ../sass/_layout.scss */ .darkgray { overflow: hidden; line-height: 15px; } /* line 723, ../sass/_layout.scss */ .fancybox-close { top: 10px; right: 10px; } /* line 727, ../sass/_layout.scss */ .fancybox-prev { left: 0px; background-position: left 40%; } /* line 731, ../sass/_layout.scss */ .fancybox-next { right: 0px; background-position: right 40%; } /* line 735, ../sass/_layout.scss */ .flexCon .fancybox-thumbs.active { height: 240px; } /* line 738, ../sass/_layout.scss */ .fancybox-nav { background-size: 15%; } /* line 741, ../sass/_layout.scss */ .fancybox-close { background-size: 70%; } /* line 744, ../sass/_layout.scss */ #fancybox-thumbs { left: 0px; margin-left: 0px; } /*弹窗*/ /* line 749, ../sass/_layout.scss */ .popWin { z-index: 1000002 !important; top: 0px; height: 100%; } /* line 754, ../sass/_layout.scss */ #operateState { z-index: 1000003 !important; } /* line 757, ../sass/_layout.scss */ .popDom .titleDom, .popDom, .bodyDom { background: #f2f2f2 !important; } /* line 760, ../sass/_layout.scss */ .popDom.fullScreen { width: 100% !important; height: 100% !important; left: 0px !important; top: 0px !important; } /* line 766, ../sass/_layout.scss */ .processBar .iconbox { position: relative; top: 0px; left: 0px; margin-left: 0px; float: left; } /* line 773, ../sass/_layout.scss */ #EQ_yuyueForm, .orderForm { padding: 20px; } /* line 777, ../sass/_layout.scss */ .orderForm .col-input { width: 100%; } /* line 781, ../sass/_layout.scss */ .pc-info-hiden { display: inline-block; } /* line 784, ../sass/_layout.scss */ .processBlock { height: auto; overflow: hidden; width: 80%; margin: auto; } /* line 790, ../sass/_layout.scss */ .processBar .pline { display: none; } /* line 793, ../sass/_layout.scss */ .processBar .processTxt { position: relative; top: 0px; left: 0px; margin-left: 0px; float: left; width: auto; } /*room detail end*/ /* line 802, ../sass/_layout.scss */ .m-login-jy { text-align: left; } /* line 805, ../sass/_layout.scss */ .choose-rm-num ul { width: 73%; } /* line 808, ../sass/_layout.scss */ .choose-rm ul li, .choose-rm .roomControl { width: 42px; line-height: 32px; height: 32px; margin-top: 3px; } /* line 814, ../sass/_layout.scss */ .choose-rm i.mg-icon-angle-down, .choose-rm i.mg-icon-angle-up { margin-top: 12px; } /* line 817, ../sass/_layout.scss */ .banner, .flexslider .slides { height: 140px; max-height: 140px; } /* line 821, ../sass/_layout.scss */ .banner.aboutusmap { max-height: 294px; } /* line 825, ../sass/_layout.scss */ .sq-slides { height: 140px; } } @media screen and (min-width: 320px) and (max-width: 767px) { /* line 830, ../sass/_layout.scss */ .col-input .form-control { height: 32px !important; } /* line 834, ../sass/_layout.scss */ .col-input .w290 { width: 100% !important; } /* line 837, ../sass/_layout.scss */ .formBlock table .btn { height: 32px; } /* line 840, ../sass/_layout.scss */ .formBlock table .txtArea { height: 50px; } /* line 843, ../sass/_layout.scss */ .formBlock table .col-input { padding: 5px 0px; } /* line 846, ../sass/_layout.scss */ .btn-orange-lg, .btn-blue-lg, .btn-danger-lg, .btn-danger-slg, .btn-blue-lg, .btn-danger-lg { height: 42px; line-height: 42px; } } @media screen and (min-width: 414px) and (max-width: 767px) { /* line 852, ../sass/_layout.scss */ .my-footer .my-footer-wrap .footer-m-link { margin: auto; } /* .col-input .form-control{ width: 230px !important; } */ /* line 858, ../sass/_layout.scss */ .col-input .w290 { width: 100% !important; } /* line 861, ../sass/_layout.scss */ .banner, .flexslider .slides { height: 180px; max-height: 180px; } } @media screen and (min-width: 375px) and (max-width: 414px) { /* line 867, ../sass/_layout.scss */ .my-footer .my-footer-wrap .footer-m-link { margin: auto; } /* .col-input .form-control{ width: 210px !important; } */ /* line 873, ../sass/_layout.scss */ .col-input .w290 { width: 100% !important; } } @media screen and (max-width: 767px) { /* line 880, ../sass/_layout.scss */ .m-sq-con { padding-top: 12px; width: 100%; display: block; margin-right: 0; overflow: hidden; } /* line 887, ../sass/_layout.scss */ .m-sq-con .wid594 { width: 100%; } /* line 889, ../sass/_layout.scss */ .m-sq-con .wid594 .wid291 { width: 290px; float: none; margin: 0 auto; } } /* @media screen and (min-width:$mobile-width) and (max-width:$mobile-width){ .m-sq-con{ width:$mobile-width; } } @media screen and (min-width:$m-i5-width) and (max-width:$m-i5-width){ .m-sq-con{ width:$m-i5-width; } } @media screen and (min-width:$m-i6plus-width) and (max-width:$m-i6plus-width){ .m-sq-con{ width:$m-i6plus-width; } } @media screen and (min-width:$m-i6-width) and (max-width:$m-i6-width){ .m-sq-con{ width:$m-i6-width; } } */ @media screen and (min-width: 767px) and (max-width: 1200px) { /* line 922, ../sass/_layout.scss */ .my-header .my-navbar { width: 767px; min-width: 767px; } /* line 923, ../sass/_layout.scss */ .my-header .navbar-nav > li > a { padding: 15px 3px; } /* line 924, ../sass/_layout.scss */ .my-header .navbar.white .navbar-nav > li > a { padding: 10px 10px; } /* line 927, ../sass/_layout.scss */ .my-header .h-title .findEare { height: auto; } /* line 930, ../sass/_layout.scss */ .m-info-hide { display: none !important; } /* line 933, ../sass/_layout.scss */ .my-phone { left: 50%; margin-left: -75px; } /* line 937, ../sass/_layout.scss */ .room-info-tit { font-size: 22px; } /* line 940, ../sass/_layout.scss */ .btn-yellow-line, .btn-orange-line { min-width: 120px; width: 160px; font-size: 12px; padding: 0px; } /* line 945, ../sass/_layout.scss */ .btn-yellow-line span, .btn-orange-line span { padding-left: 25px; background-size: 12px; background-position: 10px center; } /* line 950, ../sass/_layout.scss */ .btn-yellow-line span.roomphone, .btn-orange-line span.roomphone { padding-left: 0px; } /* line 954, ../sass/_layout.scss */ .my-phone > .btn-yellow-line, .my-phone > .btn-orange-line { width: 150px; } /* line 958, ../sass/_layout.scss */ .keeper-info, .my-roomInfo-phone { min-height: 0 !important; } /* line 963, ../sass/_layout.scss */ .choose-rm ul { top: 20px; right: -75px; } } @media screen and (min-width: 767px) and (max-width: 767px) { /* line 970, ../sass/_layout.scss */ .room-info-detail { padding-left: 20%; } } /* $mq-breakpoints: ( mobile: 320px, tablet: 740px, wide: 1200px ); $tablet-width:768px; $mobile-width:320px; $wide-width:1200px; .my-comp-width, .my-container-wrap{ @include mq($from: mobile) { width:$mobile-width; min-width:$mobile-width; } @include mq($from: tablet) { width:$tablet-width; min-width:$tablet-width; } @include mq($from: wide) { width:$wide-width; min-width:$wide-width; } } .my-footer { @include mq($from: mobile) { background: red; } @include mq($from: tablet) { background: green; } } */ /*首页自适应 开始*/ /* line 44, ../sass/_layout-l.scss */ #mobile { display: none; } /* line 47, ../sass/_layout-l.scss */ .brand-zz { background-position: 0 -671px; } @media screen and (min-width: 767px) and (max-width: 1200px) { /* line 53, ../sass/_layout-l.scss */ .my-block .brand-hover-block-dis .btn-info { width: auto; height: auto; line-height: 18px; } /* line 58, ../sass/_layout-l.scss */ .my-header .h-title .findRoom { padding: 1px 15px 1px 15px; } /* line 59, ../sass/_layout-l.scss */ #mobile { display: none; } /* line 62, ../sass/_layout-l.scss */ .banner, #pc .slides li { height: 550px; } /* line 66, ../sass/_layout-l.scss */ .my-container-wrap, .wid898, .wid800 { width: 768px; } /* line 72, ../sass/_layout-l.scss */ .wid594 { width: 508.8px; } /* line 75, ../sass/_layout-l.scss */ .wid291 { width: 249.6px; } /* line 78, ../sass/_layout-l.scss */ .mgy-h3 a img { width: 249.6px; } /* line 81, ../sass/_layout-l.scss */ .mgy-h2 img { width: 259.2px; } /* line 84, ../sass/_layout-l.scss */ .mgy-h2-1 { width: 249.6px; height: 234px; background: #eb3734; color: #FFF; padding: 38px 12px 0 22px; display: inline-block; } /* line 92, ../sass/_layout-l.scss */ .mgy-800show { display: block; } /* line 95, ../sass/_layout-l.scss */ .mgy-800hide { display: none; } /* line 98, ../sass/_layout-l.scss */ .mgy-h3-1 { padding-top: 0px; } /* line 101, ../sass/_layout-l.scss */ .mgy-h3-2, .mgy-h3-3 { width: 253.6px; height: 235px; } /* line 106, ../sass/_layout-l.scss */ .mgy-h3-3 { padding: 21px 30px 0px 18px; } /* line 109, ../sass/_layout-l.scss */ .mgy-h3-3 p { padding-bottom: 8px; } /* line 112, ../sass/_layout-l.scss */ .mgy-room { width: 47.5%; } /* line 115, ../sass/_layout-l.scss */ .marodd, .mgy-room:nth-child(odd) { margin: 28px 0px 0 5px; } /* line 119, ../sass/_layout-l.scss */ .mareven, .mgy-room:nth-child(even) { margin: 28px 5px 0 28px; } /* line 123, ../sass/_layout-l.scss */ .jiathis_style .jtico_tsina { margin-left: 20px; } /* line 126, ../sass/_layout-l.scss */ .my-headerSub .headerSub-wrap { width: 768px; min-width: 768px; } /* line 129, ../sass/_layout-l.scss */ .my-headerSub ul li { height: 60px; width: 108px; line-height: 60px; } /* line 133, ../sass/_layout-l.scss */ .my-headerSub ul li a { font-size: 16px; } } @media screen and (min-width: 767px) and (max-width: 980px) { /* line 140, ../sass/_layout-l.scss */ .banner, #pc .slides li { height: 450px; } } @media screen and (max-width: 767px) { /* body { background: #eeeeee; font-size: 12px; } */ /* line 153, ../sass/_layout-l.scss */ img { width: 100%; } /* line 157, ../sass/_layout-l.scss */ .m-navbar { position: fixed; top: 37px; left: 0; background: rgba(15, 18, 28, 0.95); z-index: 9999; width: 100%; height: 100%; display: none; } /* line 167, ../sass/_layout-l.scss */ .m-navbar li { height: 45px; line-height: 45px; padding-left: 19px; border-bottom: 1px solid #676767; } /* line 173, ../sass/_layout-l.scss */ .m-navbar li a { color: #676767; width: 100%; display: block; } /* line 178, ../sass/_layout-l.scss */ .m-navbar li i { color: #676767; } /* line 181, ../sass/_layout-l.scss */ .m-navbar li a:active { color: #f65000; } /* line 184, ../sass/_layout-l.scss */ .flex-direction-nav li a { display: none !important; } /* line 187, ../sass/_layout-l.scss */ .flex-control-nav { bottom: 8px; } /* line 190, ../sass/_layout-l.scss */ .flex-control-paging li a { background: #858491; box-shadow: none; } /* line 194, ../sass/_layout-l.scss */ .flex-control-paging li a.flex-active, .flex-control-paging li a:hover { background: #f65000; cursor: default; } /* line 199, ../sass/_layout-l.scss */ .mgym-block { width: 100%; padding-bottom: 10px; float: left; } /* line 204, ../sass/_layout-l.scss */ .mgym-menu { width: 100%; background: #FFF; float: left; } /* line 209, ../sass/_layout-l.scss */ .mgym-menu li { width: 33.3%; float: left; border: 1px solid #e5e5e5; border-width: 0 1px 1px 0; padding-top: 16px; text-align: center; height: 75px; } /* line 218, ../sass/_layout-l.scss */ .mgym-menu li i { width: 27px; height: 27px; background: url(../images/icons/icon1.png) no-repeat; background-size: 165px 1030px; background-position: -138px -419px; margin: 0 auto; display: block; } /* line 227, ../sass/_layout-l.scss */ .mgym-menu li i.mgym-icon2 { background-size: 165px 1030px; background-position: -138px -451.5px; } /* line 231, ../sass/_layout-l.scss */ .mgym-menu li i.mgym-icon3 { background-size: 165px 1030px; background-position: -138px -487.5px; } /* line 235, ../sass/_layout-l.scss */ .mgym-menu li i.mgym-icon4 { background-size: 165px 1030px; background-position: -138px -527.5px; } /* line 239, ../sass/_layout-l.scss */ .mgym-menu li i.mgym-icon5 { background-size: 165px 1030px; background-position: -138px -565.5px; } /* line 243, ../sass/_layout-l.scss */ .mgym-menu li i.mgym-icon6 { background-size: 165px 1030px; background-position: -138px -603.5px; } /* line 247, ../sass/_layout-l.scss */ .mgym-menu li div { color: #676767; padding-top: 3px; } /* line 251, ../sass/_layout-l.scss */ .mgym-menu li a { width: 100%; display: block; } /* line 255, ../sass/_layout-l.scss */ .mgym-menu li:nth-child(3n) { border-right: 0px; width: 33.4%; } /* line 259, ../sass/_layout-l.scss */ .mgym-menu li:nth-child(6), .mgym-menu li:nth-child(4), .mgym-menu li:nth-child(5) { border-bottom: 0px; } /* line 264, ../sass/_layout-l.scss */ .mgym-room li { width: 49.5%; float: left; position: relative; padding-bottom: 1%; } /* line 270, ../sass/_layout-l.scss */ .mgym-room a { display: block; } /* line 273, ../sass/_layout-l.scss */ .mgym-room li img { width: 100%; } /* line 276, ../sass/_layout-l.scss */ .mgym-room li:nth-child(2n) { padding-right: 0; float: right; } /* line 280, ../sass/_layout-l.scss */ .mgym-room li:nth-last-child(1), .mgym-room li:nth-last-child(2) { padding-bottom: 0; } /* line 284, ../sass/_layout-l.scss */ .mgym-room li div { width: 100%; padding: 10px; position: absolute; bottom: 0; left: 0; line-height: 12px; } /* line 292, ../sass/_layout-l.scss */ .mgym-room li span { display: block; } /* line 295, ../sass/_layout-l.scss */ .mgym-room .mgym-jin { width: 24px; height: 24px; text-align: center; border-radius: 50%; line-height: 24px; background: #eb3734; opacity: 0.9; font-size: 9px; color: #FFF; position: absolute; top: 7px; right: 7px; } /* line 309, ../sass/_layout-l.scss */ .mgym-h1 { width: 100%; padding-bottom: 2px; float: left; } } /*首页自适应 结束*/ /*社区页面 自适应 开始*/ @media screen and (min-width: 767px) and (max-width: 1200px) { /* line 319, ../sass/_layout-l.scss */ .communityBlock h3 { font-size: 16px; } /* line 322, ../sass/_layout-l.scss */ .communityBlock p { font-size: 12px; } /* line 325, ../sass/_layout-l.scss */ .communityBlock .spacer25 { padding-bottom: 15px; } /* line 328, ../sass/_layout-l.scss */ .communityBlock .spacer35 { padding-bottom: 15px; } /* line 331, ../sass/_layout-l.scss */ .my-search-rect { width: 100%; } /* line 334, ../sass/_layout-l.scss */ .ad-item > img { width: 100%; } /* line 337, ../sass/_layout-l.scss */ .my-tab.community .tab-list li, .community.my-tab-alone .tab-list li, .community.my-tab-alone-img .tab-list li { height: auto; line-height: 25px; } /* line 341, ../sass/_layout-l.scss */ .my-tab-alone.community .tabitem-dis, .community.my-tab-alone-img .tabitem-dis { line-height: 25px; width: 54%; } /* line 345, ../sass/_layout-l.scss */ .my-tab-alone-img .tabitem-img { margin: 0 5px; } /* line 348, ../sass/_layout-l.scss */ .my-tab-alone-img .tabcon ul li:first-child .tabitem-img { margin-right: 5px; } } /*社区页面 自适应 结束*/ /* 服务与保障 开始*/ @media screen and (min-width: 767px) and (max-width: 1200px) { /* line 358, ../sass/_layout-l.scss */ .gSectionInner { width: 768px; padding: 60px 0; } /* line 362, ../sass/_layout-l.scss */ .gSectionInner .kuai .kuaiImg { width: 100%; } } /* 服务与保障 结束*/ /* 关于我们 开始*/ @media screen and (min-width: 767px) and (max-width: 1200px) { /* line 370, ../sass/_layout-l.scss */ .banner.joinus { height: auto; max-height: 550px; } } /* 关于我们 结束*/ @media screen and (min-width: 767px) and (max-width: 1200px) { /* line 378, ../sass/_layout-l.scss */ .my-container-wrap.padding60-170 { padding: 60px 70px; } /* line 379, ../sass/_layout-l.scss */ .banner.corper { height: 430px; } /* line 380, ../sass/_layout-l.scss */ .corperBannerInner { width: 768px; margin-left: -384px; } /* line 381, ../sass/_layout-l.scss */ .corper .slides li { height: 430px; } /* line 382, ../sass/_layout-l.scss */ .bannerInner.aboutus, .bannerInner.media { width: 768px; } /* line 383, ../sass/_layout-l.scss */ .bannerInner.joinus { width: 768px; margin-left: -384px; } /* line 384, ../sass/_layout-l.scss */ .tabCont { width: 530px; } /* line 385, ../sass/_layout-l.scss */ .tabList { width: 210px; } /* line 386, ../sass/_layout-l.scss */ .teamPic { width: 372px; height: 350px; margin: 0 6px 12px 6px; } /* line 387, ../sass/_layout-l.scss */ .invest .investInner { width: 768px; } /* line 388, ../sass/_layout-l.scss */ .my-block-ver { height: 225px; } /* line 389, ../sass/_layout-l.scss */ .my-block-ver .artical-left.media { width: 38%; max-width: 240px; margin-top: 0; } /* line 390, ../sass/_layout-l.scss */ .my-block-ver .artical-right.media { width: 62%; max-width: 505px; margin-top: 0; } /* line 391, ../sass/_layout-l.scss */ .my-block-ver .artical-right.media .spacer25, .my-block-ver .artical-right.media .spacer35 { padding-bottom: 10px; } /* line 392, ../sass/_layout-l.scss */ .ju-right-block { width: 530px; } /* line 393, ../sass/_layout-l.scss */ .ju-left-block { width: 195px; } /* line 394, ../sass/_layout-l.scss */ .ju-menu-level-1 > li > .dpt { padding-left: 20px; } /* line 395, ../sass/_layout-l.scss */ .ju-menu-level-2 > li { padding-left: 30px; } /* line 396, ../sass/_layout-l.scss */ .rentIntroduce { width: 350px; } /* line 397, ../sass/_layout-l.scss */ .my-block .block-left { width: 281px; height: 396px; } /* line 398, ../sass/_layout-l.scss */ .my-block .block-right { margin-left: 290px; } /* line 399, ../sass/_layout-l.scss */ .my-block .block-top { margin: 0 0 8px 0; } /* line 400, ../sass/_layout-l.scss */ .my-block .block-top-left, .my-block .block-top-right { width: 232.2px; height: 194px; margin-right: 6px; } /* line 401, ../sass/_layout-l.scss */ .my-block .block-bottom { width: 470px; height: 194px; margin-left: 9px; } /* line 402, ../sass/_layout-l.scss */ .my-block .block-4box { height: 250px; } /* line 403, ../sass/_layout-l.scss */ .my-block .block-4box .bbox { width: 185px; height: 218px; } /* line 404, ../sass/_layout-l.scss */ .my-block .block-4box .bbox.bbox-2, .my-block .block-4box .bbox.bbox-3, .my-block .block-4box .bbox.bbox-4 { margin-left: 7px; } /* line 405, ../sass/_layout-l.scss */ .my-block .brand-block-dis { top: 50%; } /* line 406, ../sass/_layout-l.scss */ .my-block .title i, .my-block .my-list li.white-block .title i, .my-list li.white-block .my-block .title i, .my-block .my-list-photo li.white-block .title i, .my-list-photo li.white-block .my-block .title i { width: 18%; } /* line 407, ../sass/_layout-l.scss */ .my-block .spacer25 { padding-bottom: 5px; } /* line 408, ../sass/_layout-l.scss */ .my-block .line-h25 { line-height: 18px; } /* line 409, ../sass/_layout-l.scss */ .my-block.my-brand-block .block-4box .bbox { width: 185px; } /* line 411, ../sass/_layout-l.scss */ .my-block.my-brand-block .block-4box .bbox.bbox-2, .my-block.my-brand-block .block-4box .bbox.bbox-3, .my-block.my-brand-block .block-4box .bbox.bbox-4 { margin-left: 7px; } /* line 416, ../sass/_layout-l.scss */ .blogbox { width: 192px; } /* line 417, ../sass/_layout-l.scss */ .mapListItem { width: 120px; margin-right: 5px; } /* line 420, ../sass/_layout-l.scss */ .mapListItem .webappdown { display: block; } /* line 423, ../sass/_layout-l.scss */ .mapListItem .wapappdown { display: none; } /* line 428, ../sass/_layout-l.scss */ .my-activity-item li { width: 245px; } /* line 429, ../sass/_layout-l.scss */ .my-activity-item li > a .pbox { width: 245px; height: 150px; } /* line 433, ../sass/_layout-l.scss */ .watefallcon .box { width: 180px; margin-bottom: 19.2px; } /* line 438, ../sass/_layout-l.scss */ .my-panel .my-panel-body .panel-imgcon li .panel-container .panel-img { height: 100px; } /* line 441, ../sass/_layout-l.scss */ .my-right-container.order .spacer15 { padding-bottom: 8%; } /* line 444, ../sass/_layout-l.scss */ .msgCon { width: 100%; margin-left: 22px; } /* line 448, ../sass/_layout-l.scss */ .errorblock .errorblockInner { width: 768px; } /* line 451, ../sass/_layout-l.scss */ .citySimgBox { width: 365px; } /* line 454, ../sass/_layout-l.scss */ .gSectionInner .kuai .kuaiImg { height: 92%; margin-top: 4%; } /* line 458, ../sass/_layout-l.scss */ .gSectionInner .kuai .kuaiImg.kuaiImgP { height: 103%; margin-top: 5%; } } /* 房间详情页 自适应 开始 */ @media screen and (min-width: 767px) and (max-width: 1200px) { /* line 469, ../sass/_layout-l.scss */ .ipaid-spacer15 { padding-bottom: 75px; } /* line 472, ../sass/_layout-l.scss */ .room-service .footer-icon ul li { width: 146px; vertical-align: top; } /* line 477, ../sass/_layout-l.scss */ .w264 { width: 238px !important; } /* line 481, ../sass/_layout-l.scss */ .margin3024 { margin: 30px 0 0 0; } /* line 485, ../sass/_layout-l.scss */ .room-recommend ul li.margin3024:nth-child(2), .room-recommend ul li.margin3024:nth-child(5) { margin: 30px 24px 0 24px; } /* line 489, ../sass/_layout-l.scss */ .room-recommend ul li.margin3024:nth-child(7), .room-recommend ul li.margin3024:nth-child(8) { display: none; } /* line 493, ../sass/_layout-l.scss */ .room-community .figure a, .room-community .figure a img { width: 249px; height: auto; float: left; } /* line 498, ../sass/_layout-l.scss */ .room-community .figure.heightLock a, .room-community .figure.heightLock a img { height: 234px; } /* line 502, ../sass/_layout-l.scss */ .room-community .figure a:last-child { display: none; } /* line 506, ../sass/_layout-l.scss */ .h609 { min-height: 554px !important; } /* line 510, ../sass/_layout-l.scss */ .rmmate-info-detail li.item-rm:nth-child(4) { border-right: 1px solid #e5e5e5; } /* line 513, ../sass/_layout-l.scss */ .roommate-info .rmmate-info-detail .item-rm { width: 153px; } /* line 517, ../sass/_layout-l.scss */ .spacer-m-t-20 { margin-top: -80px; } /* line 521, ../sass/_layout-l.scss */ .room-description .info-icons li { margin-right: 12px; margin-left: 12px; } /* line 534, ../sass/_layout-l.scss */ .h488 { min-height: 499px !important; } /* line 538, ../sass/_layout-l.scss */ .keeper-info, .my-roomInfo-phone { border-left: none; min-height: 499px; } /* line 543, ../sass/_layout-l.scss */ .keeper-name { font-size: 18px !important; } /* line 547, ../sass/_layout-l.scss */ .keeper-img { margin-bottom: -20px; } /* line 551, ../sass/_layout-l.scss */ .room-info-detail h1 { font-size: 24px; } /* line 555, ../sass/_layout-l.scss */ .room-info-detail .sub-tit span { font-size: 14px; } /* line 559, ../sass/_layout-l.scss */ .price-tbl { margin-top: 15px; width: 430px; } /* line 564, ../sass/_layout-l.scss */ .zjf { display: inline-block; font-size: 13px; } /* line 569, ../sass/_layout-l.scss */ .choose-rm { position: relative; } /* line 573, ../sass/_layout-l.scss */ .choose-rm ul li { margin-right: 0; margin-left: 5px; } /* line 578, ../sass/_layout-l.scss */ .choose-rm i.mg-icon-angle-down, .choose-rm i.mg-icon-angle-up { margin-top: 14px; } } @media screen and (min-width: 767px) and (max-width: 850px) { /* line 584, ../sass/_layout-l.scss */ .my-container { padding-left: 0; padding-right: 0; } /* line 589, ../sass/_layout-l.scss */ .room-tx { display: inline-block; width: 44%; } /* line 594, ../sass/_layout-l.scss */ .room-description .info-icons li { margin-right: 12px; margin-left: 12px; } /* line 599, ../sass/_layout-l.scss */ .room-recommend ul li.margin3024:nth-child(2), .room-recommend ul li.margin3024:nth-child(5) { margin: 30px 16px 0 16px; } /* line 605, ../sass/_layout-l.scss */ .keeper-info, .my-roomInfo-phone { width: 18%; } } @media screen and (min-width: 767px) and (max-width: 1200px) { /* line 611, ../sass/_layout-l.scss */ .sliderCon { height: 428px; } } /* 房间详情页 自适应 结束 */ /* ----------------------------- 手机版开始 ----------------------------- */ @media screen and (min-width: 414px) and (max-width: 767px) { /* line 622, ../sass/_layout-l.scss */ .login-wrap.new .loginBox, .login-wrap.fnew .loginBox { min-height: 640px; } } @media screen and (min-width: 375px) and (max-width: 414px) { /* line 627, ../sass/_layout-l.scss */ .login-wrap.new .loginBox, .login-wrap.fnew .loginBox { min-height: 580px; } } @media screen and (min-width: 320px) and (max-width: 375px) { /* line 632, ../sass/_layout-l.scss */ .login-wrap.new .loginBox, .login-wrap.fnew .loginBox { min-height: 470px; } } @media screen and (max-width: 320px) { /* line 637, ../sass/_layout-l.scss */ .login-wrap.new .loginBox, .login-wrap.fnew .loginBox { min-height: 355px; } } @media screen and (max-width: 767px) { /* line 643, ../sass/_layout-l.scss */ .sectionPcNone { display: block; } /* line 645, ../sass/_layout-l.scss */ .sectionPcNone.inl { display: inline-block; } /* line 649, ../sass/_layout-l.scss */ .sectionWapNone { display: none; } /*注册登录 开始*/ /* line 653, ../sass/_layout-l.scss */ .login_body { position: relative; margin-top: 37px; } /* line 657, ../sass/_layout-l.scss */ .login-slider { display: none; } /* line 660, ../sass/_layout-l.scss */ .login-wrap.new { position: relative; width: 100%; height: 100%; margin: 0; top: 0; left: 0; } /* line 667, ../sass/_layout-l.scss */ .login-wrap.new .loginTroggleColor { color: #0f121c; } /* line 670, ../sass/_layout-l.scss */ .login-wrap.new .loginBox { background: #eeeeee; height: 100%; padding: 5%; border-radius: 0; } /* line 676, ../sass/_layout-l.scss */ .login-wrap.new .lgInput { background: white; color: #0f121c; } /* line 680, ../sass/_layout-l.scss */ .login-wrap.new .w327 { width: 60%; } /* line 681, ../sass/_layout-l.scss */ .login-wrap.new .btn-orange-lg, .login-wrap.new .btn-blue-lg, .login-wrap.new .btn-danger-lg, .login-wrap.new .btn-danger-slg { min-width: 100px; } /*注册登录 结束*/ /*忘记密码 开始*/ /* line 686, ../sass/_layout-l.scss */ .login-wrap.fnew { position: relative; top: 0; left: 0; width: 100%; margin: 0; } /* line 692, ../sass/_layout-l.scss */ .login-wrap.fnew .loginBox { padding: 5%; background: #eeeeee; border-radius: 0; } /* line 697, ../sass/_layout-l.scss */ .login-wrap.fnew .formBlock { padding: 0; } /* line 698, ../sass/_layout-l.scss */ .login-wrap.fnew .w620 { width: 100%; } /* line 699, ../sass/_layout-l.scss */ .login-wrap.fnew .formBlock table .form-control { width: 100%; border: none; } /* line 704, ../sass/_layout-l.scss */ .login-wrap.fnew .formBlock table .btn { border: none; background: white; } /* line 708, ../sass/_layout-l.scss */ .login-wrap.fnew .form-control.w290 { width: 100%; } /* line 709, ../sass/_layout-l.scss */ .login-wrap.fnew .formBlock table { width: 100%; } /* line 710, ../sass/_layout-l.scss */ .login-wrap.fnew .formBlock table .btn.w100 { width: 35%; } /* line 711, ../sass/_layout-l.scss */ .login-wrap.fnew .formBlock table .form-control.left { width: 60%; } /* line 712, ../sass/_layout-l.scss */ .login-wrap.fnew .formBlock table .btn-orange-lg.w290, .login-wrap.fnew .formBlock table .w290.btn-blue-lg, .login-wrap.fnew .formBlock table .w290.btn-danger-lg, .login-wrap.fnew .formBlock table .w290.btn-danger-slg { width: 100%; min-width: 50px; } /* line 713, ../sass/_layout-l.scss */ .login-wrap.fnew .formBlock table tr td.sectionWapNone { display: none; } /*忘记密码 结束*/ /* line 718, ../sass/_layout-l.scss */ .wechatCon2 { padding: 20%; } /* line 721, ../sass/_layout-l.scss */ .banner.aboutus, .banner.media { height: 150px; margin-top: 65px; overflow: visible; background-size: 100% 100%; } /* line 727, ../sass/_layout-l.scss */ .banner.joinus { height: auto; padding-top: 53px; } /* line 731, ../sass/_layout-l.scss */ .flexslider-joinus { z-index: 11; } /* line 734, ../sass/_layout-l.scss */ .bannerInner.aboutus, .bannerInner.media, .bannerInner.media, .bannerInner.aboutusmap { width: 100%; overflow: visible; } /* line 738, ../sass/_layout-l.scss */ .bannerInner.joinus { width: 100%; height: calc(100% - 53px); left: 0; top: 53px; margin-left: 0; } /* line 745, ../sass/_layout-l.scss */ .rightTopLinkBox { top: -47px; right: 50%; margin-right: -132px; } /* line 750, ../sass/_layout-l.scss */ .bannerInner.joinus .rightTopLinkBox { top: -42px; } /* line 753, ../sass/_layout-l.scss */ .rightTopLinkBox .rightTopLink { padding: 4px 12px; margin-left: 12px; } /* line 757, ../sass/_layout-l.scss */ h2 { font-size: 15px; } /* line 760, ../sass/_layout-l.scss */ .paddingPer5 { padding: 0 5%; } /* line 763, ../sass/_layout-l.scss */ .teamPic { width: 48%; margin: 1%; } /* line 767, ../sass/_layout-l.scss */ .bannerInner.aboutusmap .mapMark { left: 50%; margin-left: -184px; } /* line 771, ../sass/_layout-l.scss */ .mediaList { overflow: auto; width: 100%; } /* line 775, ../sass/_layout-l.scss */ .my-block-ver { float: left; width: 48%; height: auto; padding: 0; margin: 1%; } /* line 781, ../sass/_layout-l.scss */ .my-block-ver .artical-left { width: 100%; max-width: initial; } /* line 785, ../sass/_layout-l.scss */ .my-block-ver .artical-right.media { margin: 0; padding: 6% 2%; width: 100%; float: left; } /* line 790, ../sass/_layout-l.scss */ .my-block-ver .artical-right.media h3.f20 { font-size: 12px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 798, ../sass/_layout-l.scss */ .my-container.noMarTop { margin-top: 0; } /* line 801, ../sass/_layout-l.scss */ .ju-right-block { width: 100%; padding: 3%; } /* line 804, ../sass/_layout-l.scss */ .ju-right-block h3 { font-size: 13px; color: #ff6500; } /* line 808, ../sass/_layout-l.scss */ .ju-right-block h4 { font-size: 12px; } /* line 811, ../sass/_layout-l.scss */ .ju-right-block p { font-size: 12px; } /* line 815, ../sass/_layout-l.scss */ .ju-left-block { width: 100%; min-height: 200px; } /* line 819, ../sass/_layout-l.scss */ .banner.helpCenter { height: 100px; } /* line 822, ../sass/_layout-l.scss */ .bannerInner.helpCenter { top: 37px; } /* line 824, ../sass/_layout-l.scss */ .bannerInner.helpCenter h1 { font-size: 18px; } /* line 828, ../sass/_layout-l.scss */ .helpCenter-table .help-table-td { padding: 10px 0 0 0; width: 50%; height: 135px; border: 1px solid #d5d5d5; } /* line 833, ../sass/_layout-l.scss */ .helpCenter-table .help-table-td h4 { font-size: 14px; } /* line 837, ../sass/_layout-l.scss */ .my-subnav { padding: 2%; } /* line 841, ../sass/_layout-l.scss */ .articleDetail p { font-size: 0.85714em !important; } /* line 844, ../sass/_layout-l.scss */ .articleDetail span { font-size: 0.85714em !important; } /* line 848, ../sass/_layout-l.scss */ .mapListItem { width: 100%; border-bottom: 1px solid #cccccc; padding: 0 3%; margin-bottom: 10px; } /* line 854, ../sass/_layout-l.scss */ .mapListItem .webappdown { display: none; } /* line 857, ../sass/_layout-l.scss */ .mapListItem .wapappdown { display: block; } /* line 862, ../sass/_layout-l.scss */ .breadCrumbBox { padding: 2%; } /* line 864, ../sass/_layout-l.scss */ .breadCrumbBox span.f24 { font-size: 14px !important; } /* line 867, ../sass/_layout-l.scss */ .breadCrumbBox span.f18 { font-size: 12px !important; } /* line 871, ../sass/_layout-l.scss */ .tabCont { width: 100%; } /* line 874, ../sass/_layout-l.scss */ .tabList { width: 100%; margin-top: 20px; min-height: 100px; } /* line 879, ../sass/_layout-l.scss */ .layout-left { width: 100%; } /* line 882, ../sass/_layout-l.scss */ .my-block-ver .artical-right { margin: 0; padding: 6% 2%; width: 100%; float: left; } /* line 888, ../sass/_layout-l.scss */ .my-block-ver .artical-right h3 { font-size: 12px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 894, ../sass/_layout-l.scss */ .mediaTopic .tit { padding: 0; left: 50%; font-size: 18px !important; margin-left: -30px; } /* line 901, ../sass/_layout-l.scss */ .blogdiv { padding: 0 3%; } /* line 903, ../sass/_layout-l.scss */ .blogdiv .blogbox { width: 25%; height: 58px; padding-right: 5px; } /* line 909, ../sass/_layout-l.scss */ .formBlock { padding: 0; } /* line 910, ../sass/_layout-l.scss */ .formBlock .w620 { width: 100%; } /* line 911, ../sass/_layout-l.scss */ .formBlock table .form-control { width: 100%; border: none; } /* line 914, ../sass/_layout-l.scss */ .formBlock table .form-control.w180 { width: 60%; } /* line 918, ../sass/_layout-l.scss */ .formBlock table .btn { border: none; background: white; } /* line 922, ../sass/_layout-l.scss */ .form-control.w290 { width: 100%; } /* line 923, ../sass/_layout-l.scss */ .formBlock table { width: 100% !important; } /* line 924, ../sass/_layout-l.scss */ .formBlock table .btn.w100 { width: 35%; } /* line 925, ../sass/_layout-l.scss */ .formBlock table .form-control.left { width: 60%; } /* line 926, ../sass/_layout-l.scss */ .formBlock table .btn-orange-lg.w290, .formBlock table .w290.btn-blue-lg, .formBlock table .w290.btn-danger-lg, .formBlock table .w290.btn-danger-slg { width: 100%; min-width: 50px; } /* line 927, ../sass/_layout-l.scss */ .formBlock table tr td.sectionWapNone { display: none; } /* line 928, ../sass/_layout-l.scss */ .formBlock table .sexbox { line-height: 32px; } /* line 929, ../sass/_layout-l.scss */ .formBlock .btn-danger-lg { min-width: 100px; } /* line 930, ../sass/_layout-l.scss */ .my-info.friendLink li { line-height: 20px; } /* line 933, ../sass/_layout-l.scss */ .friendLinkleft .f24 { font-size: 18px !important; text-align: center; } /* line 937, ../sass/_layout-l.scss */ .banner.corper { height: 220px; } /* line 940, ../sass/_layout-l.scss */ .applyCorpBtn { width: 100%; height: 42px; text-align: center; color: #fff; font-size: 15px; line-height: 42px; position: fixed; bottom: 0; left: 0; background: #ff6500; } /* line 952, ../sass/_layout-l.scss */ .rentIntroduce { width: 100%; padding: 0 4%; } /* line 955, ../sass/_layout-l.scss */ .rentIntroduce h2 { text-align: center; } /* line 958, ../sass/_layout-l.scss */ .rentIntroduce p { font-size: 12px; } /* line 962, ../sass/_layout-l.scss */ .my-footer .footer-icon { padding: 0 4%; } /* line 965, ../sass/_layout-l.scss */ .my-footer.corp-block .footer-icon ul li { width: 49%; } /* line 967, ../sass/_layout-l.scss */ .my-footer.corp-block .footer-icon ul li .f18 { font-size: 15px !important; } /* line 971, ../sass/_layout-l.scss */ .my-blockwap { display: block; width: 100%; padding: 1%; } /* line 975, ../sass/_layout-l.scss */ .my-blockwap > li { width: 47%; margin: 1%; display: inline-block; } /* line 979, ../sass/_layout-l.scss */ .my-blockwap > li .corpWapPicBox { background-size: 100% 100%; background-repeat: no-repeat; position: relative; } /* line 983, ../sass/_layout-l.scss */ .my-blockwap > li .corpWapPicBox .ppbox { position: absolute; bottom: 10px; left: 0; color: #fff; background: rgba(255, 86, 0, 0.9); padding: 5px; } /* line 994, ../sass/_layout-l.scss */ .corp-form-box { position: relative; top: 0; width: 100%; } /* line 998, ../sass/_layout-l.scss */ .corp-form-box .boxTop { display: none; } /* line 1001, ../sass/_layout-l.scss */ .corp-form-box .boxBottom { display: none; } /* line 1004, ../sass/_layout-l.scss */ .corp-form-box .boxMid { padding: 0; background: none; } /* line 1007, ../sass/_layout-l.scss */ .corp-form-box .boxMid .spacer20 { display: none; } /* line 1012, ../sass/_layout-l.scss */ .corpFormTable tr td input[type=text], .corpFormTable tr td input[type=password], .corpFormTable tr td input[type=button] { height: 35px; } /* line 1015, ../sass/_layout-l.scss */ .btn-orange-lg, .btn-blue-lg, .btn-danger-lg, .btn-danger-slg, .btn-blue-lg, .btn-danger-lg { line-height: 35px; } /* line 1018, ../sass/_layout-l.scss */ .corpFormTable tr td textarea { height: 35px; } /* line 1021, ../sass/_layout-l.scss */ .corpFormTable tr td .classifier { top: 19px; } /* line 1024, ../sass/_layout-l.scss */ .corpFormTable tr td .btn-orange-lg.w278, .corpFormTable tr td .w278.btn-blue-lg, .corpFormTable tr td .w278.btn-danger-lg, .corpFormTable tr td .w278.btn-danger-slg { width: 100%; min-width: 200px; height: 35px; line-height: 35px; font-size: 16px; } /* line 1031, ../sass/_layout-l.scss */ .popCloseCorp { width: 30px; height: 30px; position: absolute; top: -3px; right: -13px; opacity: 1; border: none; background: url(../images/icons/popWinCloseIcon.png) center center no-repeat; } /* line 1040, ../sass/_layout-l.scss */ .popCloseCorp:hover { opacity: 0.8; } /* line 1044, ../sass/_layout-l.scss */ .my-time-line { margin: 0; padding: 0 1%; border: none; } /* line 1049, ../sass/_layout-l.scss */ .watefallcon { overflow: auto; } /* line 1051, ../sass/_layout-l.scss */ .watefallcon .box { width: 48%; margin: 1%; } /* line 1057, ../sass/_layout-l.scss */ .zufangfuli { text-align: center; font-size: 15px; line-height: 25px; } /* line 1062, ../sass/_layout-l.scss */ .my-time-flagWap { padding: 25px 2% 0 2%; height: 50px; text-align: center; position: relative; } /* line 1067, ../sass/_layout-l.scss */ .my-time-flagWap .timeRope { width: 100%; border-bottom: 1px solid #bfbfbf; } /* line 1071, ../sass/_layout-l.scss */ .my-time-flagWap span { position: absolute; left: 50%; top: 0; margin-left: -40px; display: inline-block; width: 80px; text-align: center; line-height: 50px; background: #fff; } /* line 1083, ../sass/_layout-l.scss */ .giftleft { padding: 0 4%; } /* line 1085, ../sass/_layout-l.scss */ .giftleft .f24 { text-align: center; font-size: 16px !important; } /* line 1089, ../sass/_layout-l.scss */ .giftleft .my-info li { font-size: 12px; } /* line 1093, ../sass/_layout-l.scss */ .giftright { padding: 0 4%; } /* line 1096, ../sass/_layout-l.scss */ .selfleft { display: none; } /* line 1099, ../sass/_layout-l.scss */ .selfright .my-panel { margin-top: 0; } /* line 1102, ../sass/_layout-l.scss */ .my-panel .my-panel-body { padding: 2%; } /* line 1104, ../sass/_layout-l.scss */ .my-panel .my-panel-body .panel-imgcon li { width: 48%; margin: 1%; display: block; border: 1px solid #dcdcdc; } /* line 1109, ../sass/_layout-l.scss */ .my-panel .my-panel-body .panel-imgcon li.last { margin: 1%; } /* line 1114, ../sass/_layout-l.scss */ .my-panel .my-panel-body .panel-imgcon li .panel-container .panel-flot-title { height: auto; } /* line 1117, ../sass/_layout-l.scss */ .my-panel .my-panel-body .panel-imgcon li .panel-container .panel-title.sectionWapNone { display: none; } /* line 1120, ../sass/_layout-l.scss */ .wapInfo { position: relative; } /* line 1122, ../sass/_layout-l.scss */ .wapInfo .pri { position: absolute; background: rgba(255, 101, 0, 0.8); color: #fff; top: -40px; left: 0; padding: 5px; } /* line 1130, ../sass/_layout-l.scss */ .wapInfo .add { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 1136, ../sass/_layout-l.scss */ .bln { display: none; } /* line 1139, ../sass/_layout-l.scss */ .errorblock { min-height: 600px; } /* line 1142, ../sass/_layout-l.scss */ .errorblock .errorblockInner { width: 100%; } /* line 1145, ../sass/_layout-l.scss */ .error404tag { display: none; } /* line 1148, ../sass/_layout-l.scss */ .errorEye { width: 65px; } /* line 1151, ../sass/_layout-l.scss */ .errorMou { width: 61px; } /* line 1154, ../sass/_layout-l.scss */ .errorSearch { width: 100%; padding: 0 10px; } /* line 1157, ../sass/_layout-l.scss */ .errorSearch .errorSearchButton { right: 10px; } /* line 1161, ../sass/_layout-l.scss */ .citySimgBox { width: 100%; padding: 8px; margin: 0; } /* line 1166, ../sass/_layout-l.scss */ .downSlideMenuCommunity { height: 51px; border-top: 1px solid #dadada; position: relative; z-index: 10000; } /* line 1171, ../sass/_layout-l.scss */ .downSlideMenuCommunity .dsmcTop { text-align: center; font-size: 15px; color: #f65000; padding: 15px 10px; background: #fff; border-bottom: 1px solid #dadada; } /* line 1178, ../sass/_layout-l.scss */ .downSlideMenuCommunity .dsmcTop .icon-angle-down { font-size: 18px; } /* line 1182, ../sass/_layout-l.scss */ .downSlideMenuCommunity .dsmcDown { background: #f2f2f2; width: 100%; position: absolute; top: 51px; left: 0; overflow: hidden; display: none; } /* line 1190, ../sass/_layout-l.scss */ .downSlideMenuCommunity .dsmcDown .dsmcd { display: block; color: #676767; margin: 0 3%; padding: 15px 10px; text-align: center; border-bottom: 1px solid #dadada; font-size: 15px; } /* line 1198, ../sass/_layout-l.scss */ .downSlideMenuCommunity .dsmcDown .dsmcd:hover { color: #f65000; } /* line 1201, ../sass/_layout-l.scss */ .downSlideMenuCommunity .dsmcDown .dsmcd.active { color: #f65000; } /* line 1205, ../sass/_layout-l.scss */ .downSlideMenuCommunity .dsmcDown .dsmcShou { padding: 15px 10px; text-align: center; } /* line 1208, ../sass/_layout-l.scss */ .downSlideMenuCommunity .dsmcDown .dsmcShou .icon-double-angle-up { font-size: 20px; } /* line 1215, ../sass/_layout-l.scss */ .app-hint-box { display: none; width: 100%; height: 43px; background: #E42F37; text-align: center; position: fixed; left: 0; top: 45px; z-index: 999999; } /* line 1225, ../sass/_layout-l.scss */ .app-hint-box img { width: 90%; } /* line 1230, ../sass/_layout-l.scss */ .fixedlinkbox { display: block; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 1; height: 72px; background: rgba(255, 255, 255, 0.98); box-shadow: 0 -2px 5px rgba(204, 204, 204, 0.8); } /* line 1240, ../sass/_layout-l.scss */ .fixedlinkbox .fixedlinkbox-off { position: absolute; left: 0; top: 0; width: 27px; height: 100%; background: url(../images/icons/close-black.png) center center no-repeat; background-size: 13px 13px; display: table-cell; } /* line 1250, ../sass/_layout-l.scss */ .fixedlinkbox .fixedlinkbox-inner { position: absolute; top: 0; height: 100%; margin-left: 30px; padding: 8px 0; display: table-cell; width: 89%; } /* line 1258, ../sass/_layout-l.scss */ .fixedlinkbox .fixedlinkbox-inner .fi-logo { width: 56px; height: 56px; float: left; background: url(../images/logo/72x72.png) no-repeat; background-size: cover; } /* line 1265, ../sass/_layout-l.scss */ .fixedlinkbox .fixedlinkbox-inner .fi-right-txt { width: 150px; float: left; margin-left: 10px; margin-top: 10px; } /* line 1270, ../sass/_layout-l.scss */ .fixedlinkbox .fixedlinkbox-inner .fi-right-txt .bigtxt { float: left; font-size: 16px; color: #000000; } /* line 1275, ../sass/_layout-l.scss */ .fixedlinkbox .fixedlinkbox-inner .fi-right-txt .smalltxt { float: left; margin-left: 5px; line-height: 25px; font-size: 12px; color: #525252; } /* line 1281, ../sass/_layout-l.scss */ .fixedlinkbox .fixedlinkbox-inner .fi-right-txt .smalltxt .smt-ios, .fixedlinkbox .fixedlinkbox-inner .fi-right-txt .smalltxt .smt-android { display: none; color: #525252; } /* line 1285, ../sass/_layout-l.scss */ .fixedlinkbox .fixedlinkbox-inner .fi-right-txt .smalltxt.title { color: #333; margin-left: 0px; } /* line 1291, ../sass/_layout-l.scss */ .fixedlinkbox .fixedlinkbox-inner .ios-fi-link { display: block; float: right; margin: 0; font-size: 12px; margin-top: 16px; padding: 4px 10px; border-radius: 14px; color: #fff; background: #f56000; text-decoration: none; } /* line 1303, ../sass/_layout-l.scss */ .fixedlinkbox .fixedlinkbox-inner .android-fi-link { display: none; float: right; margin: 0 16px 0 0; padding: 6px 16px; border-radius: 14px; color: #fff; background: #8fc529; text-decoration: none; } /* line 1313, ../sass/_layout-l.scss */ .fixedlinkbox .fixedlinkbox-inner .wp-fi-link { display: none; float: left; margin: 6px 0 0 12px; font-size: 12px; color: #525252; } /* line 1323, ../sass/_layout-l.scss */ .roomdetailfixedbox { display: block; position: fixed; left: 0; bottom: 46px; z-index: 2; } /* line 1329, ../sass/_layout-l.scss */ .roomdetailfixedbox .fixedlinkbox { bottom: 46px; } /* line 1334, ../sass/_layout-l.scss */ .brand-new-wap-index { background: #efeff4; } /* line 1336, ../sass/_layout-l.scss */ .brand-new-wap-index .swiper-pagination-bullet-active { background: #fff; } /* line 1339, ../sass/_layout-l.scss */ .brand-new-wap-index .b-nav { height: 100px; margin-bottom: 10px; padding: 20px; background: #fff; border-bottom: 1px solid #e3e3e3; text-align: center; } /* line 1346, ../sass/_layout-l.scss */ .brand-new-wap-index .b-nav .b-n-item { display: inline-block; width: 70px; margin: 0 3%; } /* line 1350, ../sass/_layout-l.scss */ .brand-new-wap-index .b-nav .b-n-item .bni-icon1 { width: 26px; height: 30px; margin: 0 auto; background: url("../images/brandicons/ppzq.png") center center no-repeat; background-size: 26px 30px; } /* line 1357, ../sass/_layout-l.scss */ .brand-new-wap-index .b-nav .b-n-item .bni-icon2 { width: 30px; height: 25px; margin: 0 auto; background: url("../images/brandicons/hz.png") center center no-repeat; background-size: 30px 25px; } /* line 1364, ../sass/_layout-l.scss */ .brand-new-wap-index .b-nav .b-n-item .bni-icon3 { width: 30px; height: 30px; margin: 0 auto; background: url("../images/brandicons/zz.png") center center no-repeat; background-size: 30px 30px; } /* line 1371, ../sass/_layout-l.scss */ .brand-new-wap-index .b-nav .b-n-item .bni-name { margin-top: 10px; } /* line 1376, ../sass/_layout-l.scss */ .brand-new-wap-index .brand-recommend { margin-bottom: 10px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background: #fff; } /* line 1381, ../sass/_layout-l.scss */ .brand-new-wap-index .brand-recommend .t-block { margin-left: 10px; padding: 10px 10px 10px 0; overflow: hidden; border-bottom: 1px solid #e3e3e3; } /* line 1386, ../sass/_layout-l.scss */ .brand-new-wap-index .brand-recommend .t-block .t-s-1 { font-size: 15px; font-weight: bold; } /* line 1390, ../sass/_layout-l.scss */ .brand-new-wap-index .brand-recommend .t-block .t-l-m { font-size: 13px; color: #f65000; margin-top: 2px; } /* line 1396, ../sass/_layout-l.scss */ .brand-new-wap-index .brand-recommend .b-row { overflow: hidden; } /* line 1398, ../sass/_layout-l.scss */ .brand-new-wap-index .brand-recommend .b-row .b-pic { position: relative; width: 50%; height: 0; padding-bottom: 50%; } /* line 1403, ../sass/_layout-l.scss */ .brand-new-wap-index .brand-recommend .b-row .b-pic > img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* line 1411, ../sass/_layout-l.scss */ .brand-new-wap-index .brand-recommend .b-row .b-txt { width: 50%; padding: 15% 4%; } /* line 1414, ../sass/_layout-l.scss */ .brand-new-wap-index .brand-recommend .b-row .b-txt > h2 { font-size: 18px; font-weight: bold; margin-bottom: 5px; } /* line 1419, ../sass/_layout-l.scss */ .brand-new-wap-index .brand-recommend .b-row .b-txt > p { color: #666666; } /* line 1425, ../sass/_layout-l.scss */ .brand-new-wap-index .boutique-recommend { margin-bottom: 10px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background: #fff; } /* line 1430, ../sass/_layout-l.scss */ .brand-new-wap-index .boutique-recommend .t-block { margin-left: 10px; margin-bottom: 10px; padding: 10px 10px 10px 0; overflow: hidden; border-bottom: 1px solid #e3e3e3; } /* line 1436, ../sass/_layout-l.scss */ .brand-new-wap-index .boutique-recommend .t-block .t-s-1 { font-size: 15px; font-weight: bold; } /* line 1440, ../sass/_layout-l.scss */ .brand-new-wap-index .boutique-recommend .t-block .t-l-m { font-size: 13px; color: #f65000; margin-top: 2px; } /* line 1446, ../sass/_layout-l.scss */ .brand-new-wap-index .boutique-recommend .b-row { overflow: hidden; padding: 0 10px; } /* line 1449, ../sass/_layout-l.scss */ .brand-new-wap-index .boutique-recommend .b-row .b-item { display: block; position: relative; margin-bottom: 10px; border-radius: 5px; overflow: hidden; } /* line 1455, ../sass/_layout-l.scss */ .brand-new-wap-index .boutique-recommend .b-row .b-item .b-cover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); } /* line 1462, ../sass/_layout-l.scss */ .brand-new-wap-index .boutique-recommend .b-row .b-item .b-cover .b-center { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 80%; height: 35%; text-align: center; } /* line 1472, ../sass/_layout-l.scss */ .brand-new-wap-index .boutique-recommend .b-row .b-item .b-cover .b-center p { font-size: 12px; color: #fff; } /* line 1476, ../sass/_layout-l.scss */ .brand-new-wap-index .boutique-recommend .b-row .b-item .b-cover .b-center h2 { font-size: 16px; color: #fff; margin-bottom: 5px; } /* line 1485, ../sass/_layout-l.scss */ .brand-new-wap-index .boutique-recommend .b-row2 { overflow: hidden; } /* line 1487, ../sass/_layout-l.scss */ .brand-new-wap-index .boutique-recommend .b-row2 .b-item2 { display: block; position: relative; margin-bottom: 2px; } /* line 1491, ../sass/_layout-l.scss */ .brand-new-wap-index .boutique-recommend .b-row2 .b-item2 .b-center2 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; padding: 1%; width: 85%; height: 50%; text-align: center; border: 4px solid #fff; background: rgba(0, 0, 0, 0.3); } /* line 1504, ../sass/_layout-l.scss */ .brand-new-wap-index .boutique-recommend .b-row2 .b-item2 .b-center2 p { font-size: 12px; color: #fff; } /* line 1508, ../sass/_layout-l.scss */ .brand-new-wap-index .boutique-recommend .b-row2 .b-item2 .b-center2 h2 { font-size: 16px; color: #fff; margin-bottom: 5px; } /* 正常手机版样式结束 */ } @media screen and (min-width: 767px) { /* line 1523, ../sass/_layout-l.scss */ .btn-yellow-line .btn-phone-icon, .btn-orange-line .btn-phone-icon { pointer-events: none; } /* line 1526, ../sass/_layout-l.scss */ .formBlock table .col-label.fix-wid { width: 86px; } } /* line 428, ../sass/index.scss */ .nav-hot { text-align: center; overflow: hidden; padding: 20px 10px; background-color: white; margin-bottom: 10px; border-bottom: 1px solid #e3e3e3; font-size: 12px; } /* line 436, ../sass/index.scss */ .nav-hot .img-wrapper { height: 36px; margin: 0 auto 10px; position: relative; } /* line 441, ../sass/index.scss */ .nav-hot img { display: block; position: absolute; bottom: 0; width: 30px; left: 50%; margin-left: -15px; } /* line 449, ../sass/index.scss */ .nav-hot a { display: inline-block; width: 25%; float: left; } .add-new-style{height: 31px;}