CINXE.COM

<!DOCTYPE html> <html xml:lang="zh" lang="zh" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>巴塞罗那酒店和公寓，所有住宿在巴塞罗那</title> <meta name="keywords" content="巴塞罗那酒店，巴塞罗那的公寓，住宿在巴塞罗那" /> <meta name="description" content="西班牙，巴塞罗那的酒店在线预订。良好的可用性和优惠。便宜和安全，在酒店支付，不收预订费。" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui"> <link importance="high" rel="preload" href="/img/bg/450x450/116206.JPEG" as="image"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/righteous/v9/1cXxaUPXBpj2rGoU7C9WiHGFq8Kk1Q.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2"> <style>/*! */@font-face{font-family:Righteous;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/righteous/v9/1cXxaUPXBpj2rGoU7C9WiHGFq8Kk1Q.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Copperplate Cyrillic;src:url(/new/designs/90/build/fonts/CopperplateCyrillic-Bold.woff2) format("woff2"),url(/new/designs/90/build/fonts/CopperplateCyrillic-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Raleway;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCIPrcVIT9d0c8.woff) format("woff");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a img,fieldset,img{border:none}input[type=email],input[type=tel],input[type=text],textarea{-webkit-appearance:none}button,input[type=submit]{cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none}button::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto}button,input{margin:0;padding:0;border:0}a,a:focus,button,div,h1,h2,h3,h4,h5,h6,input,select,span,textarea{outline:none}ol,ul{list-style-type:none}table{border-spacing:0;border-collapse:collapse;width:100%}html{box-sizing:border-box}body,html{height:100%}*,:after,:before{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*{transition:none!important}}a{color:inherit;text-decoration:none;cursor:pointer}a:not([class]){transition:color .25s}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;padding-right:30px!important;background:url(/new/designs/90/destination/img/select-arrow.svg) #fff no-repeat!important;background-position:100%!important;background-size:30px 6px!important}select:focus{outline:none}select::-ms-expand{display:none}body{min-height:100%;font-family:Roboto,sans-serif;background:#fff;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.content__banner{margin-top:60px}@media only screen and (max-width:767px){.content__banner{margin-top:40px}}.clearfix:after,.clearfix:before{display:block;content:""}.clearfix:after{clear:both}div.container{width:1112px;margin:0 auto}.pull-left{float:left!important}.pull-right{float:right!important}.hidden{display:none!important}.phone-show,.tablet-show{display:none}@media only screen and (max-width:1024px){.hide-tablet{display:none!important}.show-tablet{display:block!important}.tablet-hide{display:none!important}.tablet-show{display:initial!important}}.show-mob{display:none!important}.hide-mob{display:block!important}@media only screen and (max-width:767px){.hide-mob{display:none!important}.show-mob{display:block!important}.phone-hide{display:none!important}.phone-show{display:initial!important}}.sunset__title{text-align:left}.sunset__title-text{color:#242c4a;font:700 26px/1.4 Roboto,sans-serif}.sunset__title-other-hotels{white-space:nowrap;cursor:pointer}.sunset__title-other-hotels .dates{position:relative;bottom:3px;color:#3c6780;font:500 16px/20px Roboto,sans-serif;text-decoration:underline}@media only screen and (max-width:1024px){.sunset__title-other-hotels{display:block;margin-top:20px}}.sunset__title-not-avail{display:inline-block;max-width:calc(100% - 180px);margin-right:10px}.sunset__title-calendar-icon{margin-left:3px}@media only screen and (max-width:767px){.sunset__title-calendar-icon{margin-left:0}}.sunset-hotel_list,.sunset-map{background-color:#f5f7fa}.sunset__hotel-list{display:flex;flex-wrap:wrap;padding-bottom:100px}.sunset__hotel-list--no-padding{padding-bottom:0}.sunset__hotel-list .sunset__content{width:100%}.sunset-error404 .sunset__content{background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/404-bg.jpg);background-position:50%;background-size:cover}.sunset__about,.sunset__add-hotel,.sunset__privacy{margin:30px 0;text-align:left}.message{display:flex;align-items:center;margin-bottom:20px;padding:20px;border-radius:2px;background-color:#fff;box-shadow:0 5px 10px 3px rgba(36,44,74,.1)}.message__text{margin-left:15px;font:700 16px/1.5 Roboto,sans-serif}.message__icon{width:30px;height:30px}.message--error .message__text{color:#ef4b5f}.message--error .message__icon{fill:#ef4b5f}.message--success .message__text{color:#42a23b}.message--success .message__icon{fill:#42a23b}.new-container{box-sizing:border-box;width:100%;max-width:1163px;margin:0 auto;padding-right:15px;padding-left:15px}.new-row{margin-right:-15px;margin-left:-15px}@media (max-width:767px){.new-container{padding-right:10px;padding-left:10px}.new-container.notavail-header{z-index:100}.new-row{margin-right:-10px;margin-left:-10px}}body.no-scroll{overflow:hidden}.banner,.check-avail-form-horizontal{z-index:100}.banner .date-picker-wrapper,.check-avail-form-horizontal .date-picker-wrapper{position:absolute;z-index:1;background-color:#fff;color:#242c4a;font:normal 14px/16px Roboto,sans-serif;font-family:Arial,sans-serif;border-radius:2px;border:1px solid #d1dde9}.banner .date-picker-wrapper.inline-wrapper,.check-avail-form-horizontal .date-picker-wrapper.inline-wrapper{position:absolute;top:100%;right:auto;left:0}.banner .date-picker-wrapper.single-date,.check-avail-form-horizontal .date-picker-wrapper.single-date{width:auto}.banner .date-picker-wrapper.no-topbar,.check-avail-form-horizontal .date-picker-wrapper.no-topbar{padding-top:12px}.banner .date-picker-wrapper .drp_top-bar,.banner .date-picker-wrapper.two-months.no-gap .month1 .next,.banner .date-picker-wrapper.two-months.no-gap .month2 .prev,.check-avail-form-horizontal .date-picker-wrapper .drp_top-bar,.check-avail-form-horizontal .date-picker-wrapper.two-months.no-gap .month1 .next,.check-avail-form-horizontal .date-picker-wrapper.two-months.no-gap .month2 .prev{display:none}.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{display:block;width:calc(100% + 2px);text-align:center;padding:15px;background:#3c6780;border-radius:2px 2px 0 0;text-transform:uppercase;margin-left:-1px;margin-top:-1px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{padding:10px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{width:100%;display:none}}.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{color:#fff;font:500 16px/21px Roboto,sans-serif;letter-spacing:1px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{font-size:14px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{font:500 14px/18px Roboto,sans-serif}}.banner .date-picker-wrapper .custom-footer,.check-avail-form-horizontal .date-picker-wrapper .custom-footer{font-size:0;display:flex;justify-content:center;align-items:center;padding:15px;border-radius:0 0 4px 4px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-footer,.check-avail-form-horizontal .date-picker-wrapper .custom-footer{width:100%}}.banner .date-picker-wrapper .custom-footer .calendar-hover-nights,.banner .date-picker-wrapper .custom-footer .calendar-hover-range,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-nights,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-range{display:inline-block;font:normal 14px/20px Roboto,sans-serif;padding:0 2px}.banner .date-picker-wrapper .custom-footer .calendar-hover-range,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-range{text-transform:capitalize}.banner .date-picker-wrapper .custom-footer .calendar-hover-nights,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-nights{font-weight:700}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month,.check-avail-form-horizontal .date-picker-wrapper .month{width:100%;border-bottom:1px solid #bad4e3}}.banner .date-picker-wrapper .month-wrapper,.check-avail-form-horizontal .date-picker-wrapper .month-wrapper{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #bad4e3;cursor:default;position:relative;overflow:hidden}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month-wrapper,.check-avail-form-horizontal .date-picker-wrapper .month-wrapper{flex-wrap:wrap;justify-content:center;border-bottom:none}}.banner .date-picker-wrapper .month-head,.check-avail-form-horizontal .date-picker-wrapper .month-head{width:100%}.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 50px;height:50px;border-bottom:1px solid #bad4e3;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 5px;height:40px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 40px;height:50px}}@media only screen and (max-width:414px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 35px}}@media only screen and (max-width:340px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 20px}}.banner .date-picker-wrapper .month-caption .next,.banner .date-picker-wrapper .month-caption .prev,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev{padding:0;cursor:pointer;display:block;opacity:1}.banner .date-picker-wrapper .month-caption .next.is-disabled,.banner .date-picker-wrapper .month-caption .prev.is-disabled,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next.is-disabled,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev.is-disabled{opacity:.5;cursor:default;pointer-events:none}.banner .date-picker-wrapper .month-caption .next,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next{text-align:right}.banner .date-picker-wrapper .month-caption .next .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next .calendar-arrow{transform:rotate(-90deg)}.banner .date-picker-wrapper .month-caption .prev,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev{text-align:left}.banner .date-picker-wrapper .month-caption .prev .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev .calendar-arrow{transform:rotate(90deg)}.banner .date-picker-wrapper .month-caption .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .calendar-arrow{width:10px;height:6px;fill:#242c4a}.banner .date-picker-wrapper .month-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-arrow{width:30px;height:30px;line-height:30px;font-size:0}.banner .date-picker-wrapper .month-name,.check-avail-form-horizontal .date-picker-wrapper .month-name{text-transform:capitalize;font-size:0;line-height:0}.banner .date-picker-wrapper .month-element,.check-avail-form-horizontal .date-picker-wrapper .month-element{display:inline-block;padding:0 2px;font:500 16px/20px Roboto,sans-serif}.banner .date-picker-wrapper .month-gap,.check-avail-form-horizontal .date-picker-wrapper .month-gap{width:1px;background:#bad4e3}.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{padding:30px 39px 10px;width:100%;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{padding:10px 5px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{max-width:290px;margin:0 auto}}.banner .date-picker-wrapper .month .week-name__item,.check-avail-form-horizontal .date-picker-wrapper .month .week-name__item{width:38px;height:20px;flex-shrink:0;text-transform:uppercase;text-align:center;font:500 14px/20px Roboto,sans-serif}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month .week-name__item,.check-avail-form-horizontal .date-picker-wrapper .month .week-name__item{width:40px}}.banner .date-picker-wrapper .days-container,.check-avail-form-horizontal .date-picker-wrapper .days-container{padding:0 39px 30px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .days-container,.check-avail-form-horizontal .date-picker-wrapper .days-container{padding:0 5px}}.banner .date-picker-wrapper .days-row,.check-avail-form-horizontal .date-picker-wrapper .days-row{width:100%;display:flex;align-items:center}@media only screen and (max-width:767px){.banner .date-picker-wrapper .days-row,.check-avail-form-horizontal .date-picker-wrapper .days-row{max-width:280px;margin:0 auto}}.banner .date-picker-wrapper .days-row:not(:last-child),.check-avail-form-horizontal .date-picker-wrapper .days-row:not(:last-child){margin-bottom:3px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .days-row:not(:last-child),.check-avail-form-horizontal .date-picker-wrapper .days-row:not(:last-child){margin:0 auto 3px}}.banner .date-picker-wrapper .day,.check-avail-form-horizontal .date-picker-wrapper .day{cursor:default;width:14.28571%;flex-shrink:0}.banner .date-picker-wrapper .day.is-lastMonth,.banner .date-picker-wrapper .day.is-nextMonth,.check-avail-form-horizontal .date-picker-wrapper .day.is-lastMonth,.check-avail-form-horizontal .date-picker-wrapper .day.is-nextMonth{pointer-events:none;cursor:default}.banner .date-picker-wrapper .day.is-toMonth.is-hovering,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-hovering{background:rgba(60,103,128,.3)}.banner .date-picker-wrapper .day.is-toMonth.is-first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-first-date-selected{background:linear-gradient(90deg,transparent 50%,rgba(60,103,128,.3) 0)}.banner .date-picker-wrapper .day.is-toMonth.is-last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-last-date-selected{background:linear-gradient(90deg,rgba(60,103,128,.3) 50%,transparent 0)}.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{width:100%;font:normal 14px/33px Roboto,sans-serif;text-align:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{line-height:30px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{line-height:40px}}.banner .date-picker-wrapper .day .day-text.checked,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.checked{background-color:rgba(60,103,128,.3)}.banner .date-picker-wrapper .day .day-text.invalid,.banner .date-picker-wrapper .day .day-text.lastMonth,.banner .date-picker-wrapper .day .day-text.nextMonth,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.invalid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.lastMonth,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.nextMonth{pointer-events:none;cursor:default;color:#242c4a;background-color:transparent;opacity:.5}.banner .date-picker-wrapper .day .day-text.has-tooltip,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.has-tooltip{cursor:help!important}.banner .date-picker-wrapper .day .day-text.has-tooltip .tooltip,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.has-tooltip .tooltip{white-space:nowrap}.banner .date-picker-wrapper .day .day-text.toMonth.valid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.valid{cursor:pointer;color:#242c4a;opacity:1;height:32px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text.toMonth.valid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.valid{height:auto}}.banner .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.banner .date-picker-wrapper .day .day-text.toMonth.last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.last-date-selected{background-color:#3c6780;color:#fff;font-weight:700;border-radius:50%;overflow:hidden;opacity:1;width:32px;height:32px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.banner .date-picker-wrapper .day .day-text.toMonth.last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.last-date-selected{width:100%;height:100%}}.banner .date-picker-wrapper .week-number,.check-avail-form-horizontal .date-picker-wrapper .week-number{display:none}.banner .date-picker-wrapper .select-wrapper,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper{position:relative;overflow:hidden;display:inline-block;vertical-align:middle}.banner .date-picker-wrapper .select-wrapper:hover,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper:hover{text-decoration:underline}.banner .date-picker-wrapper .select-wrapper select,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper select{position:absolute;margin:0;padding:0;left:0;top:-1px;font-size:inherit;font-style:inherit;font-weight:inherit;text-transform:inherit;color:inherit;cursor:pointer;appearance:none;background:transparent;border:0;outline:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:.01}.banner .date-picker-wrapper .date-range-length-tip,.banner .date-picker-wrapper .hide,.banner .date-picker-wrapper .selected-days,.banner .date-picker-wrapper.single-month .time,.banner .date-picker-wrapper .time,.check-avail-form-horizontal .date-picker-wrapper .date-range-length-tip,.check-avail-form-horizontal .date-picker-wrapper .hide,.check-avail-form-horizontal .date-picker-wrapper .selected-days,.check-avail-form-horizontal .date-picker-wrapper.single-month .time,.check-avail-form-horizontal .date-picker-wrapper .time,.dropdown{display:none}.dropdown{box-sizing:border-box;z-index:1000;position:absolute;top:calc(100% - 10px);left:0;width:100%;min-width:255px;max-width:calc(100vw - 20px);padding:15px;border:1px solid #d1dde9;border-radius:2px;background-color:#fff;font-family:Roboto,sans-serif;text-align:left}.dropdown--scroll{max-height:230px;overflow-y:scroll}.dropdown--right{right:0;left:auto}.dropdown.is-show{display:block}.dropdown__list-item{color:#242c4a;font-size:14px;line-height:1;cursor:pointer}.dropdown__list-item:not(:last-child){margin-bottom:10px}.dropdown__list-item-code{font-weight:500}.dropdown__block{display:flex;flex-wrap:wrap}.dropdown__block--margin{margin:0 -5px}.dropdown__block:not(:last-child){margin-bottom:20px}.dropdown__block:has(.dropdown__select--flex){gap:10px}.dropdown__block.is-hide{display:none}.dropdown__item{flex:1;padding-right:5px}.dropdown__select{padding:5px 17px 4px 5px;border-radius:2px;border-color:#bad4e3;color:#242c4a;font-weight:500;font-size:16px;cursor:pointer}.dropdown__select:active,.dropdown__select:focus,.dropdown__select:hover{outline:none}.dropdown__select.is-error{border-color:red}.dropdown__select--flex{width:calc(33.33% - 7px)}.dropdown__title{margin-bottom:10px;color:#242c4a;font-weight:500;font-size:18px}.dropdown__title--full-width{width:100%}.dropdown__button{flex:1;margin:0 5px;padding:10px 5px;border:1px solid #f68059;border-radius:2px;background-color:#f68059;color:#fff;font-weight:500;font-size:12px;font-family:Roboto,sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.dropdown__button--cancel{background-color:#fff;color:#f68059}.dropdown__button:active,.dropdown__button:focus,.dropdown__button:hover{outline:none}.dropdown__error{display:none;margin-bottom:20px;color:red;font-size:16px}.show-mobile{display:none}@media (max-width:767px){.show-mobile{display:block}}.banner{position:relative;padding-bottom:72px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/cat.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;font-family:Roboto,sans-serif}@media only screen and (max-width:767px){.banner{padding-bottom:16px}}.banner--min-height{height:500px}@media only screen and (max-width:767px){.banner--new{max-height:none}}.banner--new .banner__header{margin-bottom:30px}.banner--faq{height:500px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/faq.jpg)!important}.banner--quiz{height:auto;background:none}.banner__background{z-index:-1;position:absolute;top:0;right:0;left:0;height:300px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/cat.jpg)}.banner__background,.banner__bg{background-position:50%;background-size:cover}.banner__bg{width:100%;height:100%;background-repeat:no-repeat}@media (min-width:768px){.banner__bg--desktop{display:block!important}}.banner__main-photo{display:block;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.banner__main-photo picture{display:none;height:100%}@media only screen and (max-width:767px){.banner__main-photo picture{display:block}}.banner__main-photo-item{display:block;width:100%;height:25px;object-fit:cover}.banner__main-photo-item--0{object-position:center 0}.banner__main-photo-item--1{object-position:center -25px}.banner__main-photo-item--2{object-position:center -50px}.banner__main-photo-item--3{object-position:center -75px}.banner__main-photo-item--4{object-position:center -100px}.banner__main-photo-item--5{object-position:center -125px}.banner__main-photo-item--6{object-position:center -150px}.banner__main-photo-item--7{object-position:center -175px}.banner__main-photo-item--8{object-position:center -200px}.banner__main-photo-item--9{object-position:center -225px}.banner__main-photo-item--10{object-position:center -250px}.banner__main-photo-item--11{object-position:center -275px}.banner__main-photo-item--12{object-position:center -300px}.banner__main-photo-item--13{object-position:center -325px}.banner__main-photo-item--14{object-position:center -350px}.banner__main-photo-item--15{object-position:center -375px}.banner__main-photo-item--16{object-position:center -400px}.banner__main-photo-item--17{object-position:center -425px}.banner__main-photo-item--18{object-position:center -450px}.banner__main-photo-overlay{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;background:#202020;mix-blend-mode:normal;opacity:.65}.banner__content{z-index:8;position:relative;padding:10px 15px}.banner__infotitle{margin-bottom:5px;color:#fff;font:18px/30px Roboto,sans-serif;text-align:left}.banner__title{margin-bottom:8px;color:#fff;font:normal 500 50px Roboto,sans-serif;line-height:59px;text-align:center}.banner__text{max-width:750px;margin:0 auto 25px;color:#fff;font-weight:400;font-size:16px;line-height:1.5}.banner__form{padding:10px;border-radius:2px;background:rgba(236,243,251,.5);mix-blend-mode:normal}.main-form{position:relative;display:grid;grid-gap:10px;grid-template-columns:1.5fr 1fr 245px;grid-template-rows:70px;margin:0 auto}@media only screen and (max-width:1024px){.main-form{flex-wrap:wrap;justify-content:center;grid-template-columns:1.5fr 1fr 210px;grid-template-rows:70px}}@media only screen and (max-width:767px){.main-form{grid-template-rows:55px;grid-template-columns:1fr;grid-gap:5px;padding:5px}}.main-form__new-calendar{position:relative;display:grid;grid-template-columns:1fr 1fr}@media only screen and (max-width:767px){.main-form__new-calendar{width:100%;min-width:100%}}.main-form__new-calendar.is-with-city{min-width:calc(50% - 80px)}@media only screen and (max-width:767px){.main-form__new-calendar.is-with-city{min-width:100%}}.main-form__new-calendar .main-form__field .main-form-field__head{padding-right:45px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.496 1.5h-1.5v-1a.5.5 0 10-.999 0v1H4v-1a.5.5 0 10-1 0v1H1.5A1.5 1.5 0 000 3v9.496a1.5 1.5 0 001.5 1.5h10.996a1.5 1.5 0 001.5-1.5V3a1.5 1.5 0 00-1.5-1.5zm.5 10.996a.5.5 0 01-.5.5H1.5a.5.5 0 01-.5-.5V5.998h11.996v6.498zM1 5h11.996v-2a.5.5 0 00-.5-.5h-1.499v1a.5.5 0 01-1 0v-1H4v1a.5.5 0 11-1 0v-1H1.5A.5.5 0 001 3v2z' fill='%23959CAA'/%3E%3Cpath d='M3.999 6.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM7.498 6.998h-1a.5.5 0 100 1h1a.5.5 0 100-1zM10.997 6.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM3.999 8.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM7.498 8.998h-1a.5.5 0 100 1h1a.5.5 0 100-1zM10.997 8.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM3.999 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1zM7.498 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1zM10.997 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1z' fill='%23959CAA'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:14px 14px;background-position:calc(100% - 25px) 50%}.main-form__new-calendar .main-form__field .main-form-field__head:after{display:none}@media only screen and (max-width:1024px){.main-form__new-calendar .main-form__field .main-form-field__head{background-position:calc(100% - 15px) 50%}}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field .main-form-field__head{background-position:calc(100% - 10px) 50%}}.main-form__new-calendar .main-form__field:before{content:"";position:absolute;width:0;height:0;top:auto;bottom:-1px;left:50%;right:auto;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #3c6780;background:none;display:none;z-index:2}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field:before{border-bottom:12px solid #bad4e3}}.main-form__new-calendar .main-form__field:after{content:""}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field:after{position:absolute;width:0;height:0;top:auto;bottom:-1px;left:50%;right:auto;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #fff;background:none;display:none;z-index:2}}.main-form__new-calendar .main-form__field:first-child .main-form-field__head{border-right:none;border-bottom-right-radius:0;border-top-right-radius:0}.main-form__new-calendar .main-form__field:nth-child(2) .main-form-field__head{border-bottom-left-radius:0;border-top-left-radius:0}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-first .date-picker-wrapper.inline-wrapper{top:55px;bottom:auto}}.main-form__new-calendar.is-open-first .main-form__field:first-child:after,.main-form__new-calendar.is-open-first .main-form__field:first-child:before{display:block}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-first .main-form__field:first-child:after,.main-form__new-calendar.is-open-first .main-form__field:first-child:before{display:none}}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-next .date-picker-wrapper.inline-wrapper{bottom:auto}}.main-form__new-calendar.is-open-next .main-form__field:not(:first-child):after,.main-form__new-calendar.is-open-next .main-form__field:not(:first-child):before{display:block}.main-form__submit-container{display:flex}.main-form__submit{font-size:20px;line-height:23px;letter-spacing:1px;font-weight:700;text-align:center;color:#fff;padding:20px;display:flex;align-items:center;justify-content:center;flex:1;background:linear-gradient(1turn,#dc724f 4.77%,#f68059);box-shadow:0 0 10px 8px rgba(0,0,0,.05);border-radius:2px;border:none;cursor:pointer;text-transform:uppercase;transition:opacity .2s}.main-form__submit:focus,.main-form__submit:hover{opacity:.85}@media only screen and (max-width:1024px){.main-form__submit{padding:17px 10px}}@media only screen and (max-width:767px){.main-form__submit{font-size:18px;line-height:21px;letter-spacing:.9px}}.main-form .main-form-field{position:relative;min-width:210px;box-sizing:border-box;display:flex}.main-form .main-form-field>*{flex:1}@media only screen and (max-width:1024px){.main-form .main-form-field{min-width:140px}}@media only screen and (max-width:767px){.main-form .main-form-field{width:100%}.main-form .main-form-field .dropdown{top:calc(100% - 1px);width:100%;left:0;border-radius:0 0 4px 4px;border-top:1px solid #bad4e3}}.main-form .main-form-field__head{position:relative;display:grid;overflow:hidden;border-radius:2px;background:#fff;align-items:stretch;text-align:start;padding:15px 30px;cursor:pointer;border:1px solid #d1dde9}.main-form .main-form-field__head:after{content:"";width:8px;height:8px;display:block;border-bottom:2px solid #959caa;border-left:2px solid #959caa;transform:rotate(-45deg);transform-origin:50% 50%;position:absolute;right:25px;top:calc(50% - 4px);transition:transform .3s}@media only screen and (max-width:767px){.main-form .main-form-field__head:after{top:calc(50% - 4px);right:10px}}.main-form .main-form-field__head.is-show:after{transform:rotate(-225deg)}@media only screen and (max-width:1024px){.main-form .main-form-field__head{padding:15px 30px 15px 10px}}@media only screen and (max-width:767px){.main-form .main-form-field__head{padding:10px 30px 10px 10px}}.main-form .main-form-field__title{font-weight:500;font-size:8px;line-height:1;letter-spacing:.533333px;text-transform:uppercase;color:#959caa}@media only screen and (max-width:1024px){.main-form .main-form-field__title{width:80px}}@media only screen and (max-width:767px){.main-form .main-form-field__title{font-size:10px;width:85px}}.main-form .main-form-field__content{display:flex;align-items:center;position:relative;color:#242c4a;line-height:21px;font-size:20px;line-height:1;font-weight:400}@media only screen and (max-width:767px){.main-form .main-form-field__content{font-size:18px;line-height:21px}}.main-form .main-form-field__content--ja,.main-form .main-form-field__content--ko,.main-form .main-form-field__content--zh{margin-left:10px}.main-form .main-form-field__content--ja .field__number,.main-form .main-form-field__content--ko .field__number,.main-form .main-form-field__content--zh .field__number{font-size:18px;order:1;margin-right:5px}.main-form .main-form-field__content--ja .field__text,.main-form .main-form-field__content--ko .field__text,.main-form .main-form-field__content--zh .field__text{display:flex;align-items:center;padding-right:5px}.main-form .main-form-field__content--ja .field__text-item--month,.main-form .main-form-field__content--ko .field__text-item--month,.main-form .main-form-field__content--zh .field__text-item--month{order:1;margin-left:5px}.main-form .main-form-field__content--ja.field__content--guests .field__number,.main-form .main-form-field__content--ko.field__content--guests .field__number,.main-form .main-form-field__content--ko .field__number,.main-form .main-form-field__content--zh.field__content--guests .field__number{order:0}.main-form .main-form-field__content--ko .field__number:after{content:"\C77C"}.main-form .main-form-field__content--ko .field__text{display:block}.main-form .main-form-field__content--ja .field__number:after,.main-form .main-form-field__content--zh .field__number:after{content:"\65E5"}.main-form .main-form-field__content--guests .field__number:after{content:none}.main-form .main-form-field__number{margin-right:5px}.main-form .main-form-field__dot{margin:0 7px;width:3px;height:3px;border-radius:50%;background:#fff}@media only screen and (max-width:767px){.main-form .main-form-field__dot{background:#242c4a}}.main-form .main-form-field__text{display:flex;align-items:center}.main-form .main-form-field__text-item--month{margin-right:5px}.main-form .main-form-field__text-item--width{max-width:75px;text-align:start}.main-form .main-form-field__text-guests{display:none}.main-form .main-form-field__text-guests:first-letter{text-transform:uppercase}.main-form .main-form-field__text-guests.is-active{display:block}.main-form .main-form-field__corner{position:absolute;top:50%;right:15px;width:14px;height:6px;fill:#242c4a;transform:translateY(-50%);display:none}.main-form .main-form-field__calendar-icon{height:16px;width:16px;fill:#242c4a}.main-form .main-form-field__error{padding:10px;display:flex;width:200px;position:absolute;top:calc(100% - 4px);left:0;border-radius:2px;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);background-color:#fff}.main-form .main-form-field__error.is-hide{display:none}.main-form .main-form-field__error--double-width{width:400px}.main-form .main-form-field__error-icon{width:22px;height:22px;fill:#ef4b5f}.main-form .main-form-field__error-text{padding-left:10px;width:calc(100% - 22px);font-size:16px;font-weight:700;color:#ef4b5f;text-align:start}@media only screen and (max-width:767px){.main-form .main-form-field__error{position:relative;width:100%}}@media (max-width:767px){.banner{background-image:none}.banner__content{padding:10px}.banner__title{margin-bottom:20px;font-weight:500;font-size:30px;line-height:35px}.banner__title span:after{content:"\A";white-space:pre}.banner__text{display:none}}.breadcrumbs{display:flex;align-items:center;position:absolute;bottom:-40px}@media only screen and (max-width:1024px){.breadcrumbs{bottom:-30px}}.breadcrumbs-item{display:flex;align-items:center;font:400 12px/18px Roboto,sans-serif;color:#7c8092}.breadcrumbs-item__link{color:#7c8092;text-decoration:underline}.breadcrumbs-item__arrow{margin:1px 6px 0}.header{box-sizing:border-box;z-index:10;position:relative;margin:0 auto 22px}@media only screen and (max-width:767px){.header{margin-bottom:20px}}.header--promotion{margin-bottom:0;background:#f7f7f7;color:#242c4a}.header--promotion .header__inner,.header--promotion .header__logo-sub-text,.header--promotion .header__logo-text{color:#242c4a}.header--promotion .header__nav-toggler{background-color:transparent}.header--promotion .header__nav-toggler-cross,.header--promotion .header__nav-toggler-line{background-color:#242c4a}.header--promotion .item__title-icon{fill:#242c4a}.header--promotion .item .dropdown__list-item:hover{background-color:#bad4e3}.header--promotion .item .dropdown__list-link{color:#242c4a}.header__inner{display:flex;align-items:center;width:100%;padding:25px 0;border-bottom:1px solid rgba(186,212,227,.5);color:#fff}@media only screen and (max-width:1024px){.header__inner{padding:20px 0}}@media only screen and (max-width:767px){.header__inner{padding:12px 5px}}.header__logo{color:#fff;text-align:left}.header__logo:hover{text-decoration:none}.header__logo--black{color:#242c4a}.header__logo-text{font:28px/20px Copperplate,Righteous,Trebuchet MS;letter-spacing:.830769px;text-transform:uppercase}.header__logo-sub-text{display:inline-block;width:100%;margin:4px auto 0;font:normal 500 8px/9px Raleway;letter-spacing:.266667px;text-align:center;text-transform:uppercase}.header__nav-toggler{position:relative;width:26px;height:26px;margin-left:auto;border:none;background-color:transparent;cursor:pointer}.header__nav-toggler:active,.header__nav-toggler:focus,.header__nav-toggler:hover{outline:none}.header__nav-toggler-line{display:block;width:25px;height:2px;background-color:#fff}.header__nav-toggler-line:not(:last-child){margin-bottom:5px}.header__nav-toggler-cross{display:block;position:absolute;top:calc(50% - 1px);left:0;width:26px;height:2px;transform:rotate(45deg);background-color:#242c4a}.header__nav-toggler-cross--right{transform:rotate(-45deg)}.header__nav{box-sizing:border-box;display:flex;margin-left:auto}.header__nav-header{display:none}.header__nav-item{font-weight:500;font-size:15px;cursor:pointer}.header__nav-item:not(:first-child){margin-left:15px}.header__nav-item:last-child{margin-right:-15px}@media only screen and (max-width:767px){.header__nav-item:last-child{margin-right:0}}.header .item{position:relative}.header .item__title{display:flex;position:relative;align-items:center;padding:10px 15px;font-weight:400;font-size:12px;line-height:14px;letter-spacing:.8px;text-transform:uppercase}.header .item__title.is-show .item__title-icon{transform:scaleY(-1)}.header .item__title-icon{width:10px;height:6px;margin-left:10px;fill:#fff;transform-origin:center center;vertical-align:middle;transition:transform .2s}.header .item .dropdown{top:calc(100% + 10px);padding:5px 0}.header .item .dropdown__list-item{margin-bottom:0;font-weight:400;transition:all .3s ease}.header .item .dropdown__list-item:not(:last-child){border-bottom:1px solid rgba(186,212,227,.5)}.header .item .dropdown__list-item:hover{background-color:#bad4e3}.header .item .dropdown__list-link{display:block;padding:10px 15px;color:#242c4a;text-decoration:none;cursor:pointer}@media (max-width:767px){.header-drop-is-show{overflow:hidden}.header-drop-is-show .header:after{display:block;z-index:-1;position:absolute;top:100%;right:0;left:0;height:100dvh;background-color:#000;content:"";opacity:.6}.header__logo-text{font-size:21px}.header__logo-sub-text{font-size:7px}.header__nav{display:none;z-index:9999;position:absolute;top:0;right:0;left:0;max-height:100dvh;padding:0 15px 15px;overflow:auto;background-color:#f5f7fa}.header__nav.is-show{display:block}.header__nav-header{display:flex;position:relative;align-items:center;margin-bottom:20px;padding:12px 0;border-bottom:1px solid #bad4e3}.header__nav-item{margin-left:0!important;background-color:#fff;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);color:#242c4a;text-align:left}.header__nav-item:not(:last-child){margin-bottom:10px}.header .item__title{display:flex;align-items:center;padding:15px}.header .item__title-icon{fill:#242c4a;margin-left:auto}.header .item .dropdown{position:static;width:100%;border-top:1px solid #bad4e3;border-radius:0}}.recommendation{padding:45px 0 75px;background-color:#fff}@media only screen and (max-width:1024px){.recommendation{padding:30px 0 50px}}.recommendation .new-container{display:grid;grid-template-columns:1fr 353px;grid-column-gap:37px}.recommendation .new-container.one-column{grid-template-columns:1fr}.recommendation .new-container aside{grid-column:2/3;grid-row:1/4}.recommendation .new-container aside.horizontal{grid-column:1/3;grid-row:1}@media only screen and (max-width:1024px){.recommendation .new-container aside.horizontal{grid-column:1}}.recommendation .new-container aside.horizontal .aside__inner{grid-template-columns:1fr;grid-column-gap:20px;grid-column:1/4;display:flex}@media only screen and (max-width:767px){.recommendation .new-container aside.horizontal .aside__inner{display:block}}@media only screen and (max-width:1024px){.recommendation .new-container{grid-template-columns:1fr;grid-column-gap:20px}.recommendation .new-container aside{grid-column:1;grid-row:4}}@media only screen and (max-width:767px){.recommendation .new-container{display:block}}.recommendation .aside__inner{display:block}@media only screen and (max-width:1024px){.recommendation .aside__inner{display:flex}}@media only screen and (max-width:767px){.recommendation .aside__inner{display:block}}.recommendation .hotels-tonight-card__grade{display:none}.recommendation aside{background-color:#ecf3fb;padding:25px 20px 45px;border-radius:2px;text-align:start}@media only screen and (max-width:1024px){.recommendation aside{padding:30px 20px 20px}}@media only screen and (max-width:767px){.recommendation aside{padding:15px 10px 25px;display:block;margin-top:50px}.recommendation aside .tablet-divider{display:block}}.recommendation aside .tablet-divider{margin-right:auto;margin-left:auto;border-right:1px solid #d1dde9}.recommendation aside .aside__title,.recommendation aside h4{font-size:22px;line-height:30px;font-weight:400;color:#242c4a}@media only screen and (max-width:1024px){.recommendation aside .aside__title,.recommendation aside h4{grid-column:1/4;border-bottom:1px solid #d1dde9;padding-bottom:24px;margin-bottom:20px}}@media only screen and (max-width:767px){.recommendation aside .aside__title,.recommendation aside h4{border-bottom:none;padding-bottom:0;margin-bottom:0;font-size:20px;line-height:30px;font-weight:400}}.recommendation aside .btn-outline{width:100%;max-width:250px;display:block;margin:30px auto 0;position:relative}@media only screen and (max-width:1024px){.recommendation aside .btn-outline{grid-column:1/4}}@media only screen and (max-width:767px){.recommendation aside .btn-outline{margin-top:20px}}.recommendation__title{display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);padding-bottom:20px;padding-top:14px;align-items:baseline}@media only screen and (max-width:767px){.recommendation__title{grid-template-columns:1fr;padding-top:0}}.recommendation__title.is-secondary-block{margin-top:40px}.recommendation__title.is-secondary-block .recommendation__title-text{font-size:28px;line-height:39px;font-weight:400}@media only screen and (max-width:767px){.recommendation__title.is-secondary-block .recommendation__title-text{font-size:22px;line-height:32px;font-weight:400}}.recommendation__title-text{font-size:36px;line-height:45px;font-weight:400;color:#242c4a;grid-column:2/3}@media only screen and (max-width:767px){.recommendation__title-text{grid-column:1;font-size:28px;line-height:39px;font-weight:400}}.recommendation__date{font-size:14px;line-height:16px;font-weight:400;color:#656b80;margin-left:auto}@media only screen and (max-width:767px){.recommendation__date{grid-column:1;margin:0 auto}}.recommendation__description{border-top:1px solid #d1dde9;border-bottom:1px solid #d1dde9;padding:25px 0;grid-column:1}@media only screen and (max-width:767px){.recommendation__description{padding:20px 0}}.recommendation__description q{font-size:18px;line-height:24px;font-weight:400;font-family:Georgia,Roboto,sans-serif;font-style:italic;color:#242c4a}@media only screen and (max-width:767px){.recommendation__description q{font-size:16px;line-height:22px;font-weight:400}}.recommendation__author{display:flex;align-items:center;justify-content:center;margin-top:14px;font-size:12px;line-height:18px;font-weight:400;font-family:Roboto,sans-serif;text-transform:uppercase;color:#656b80}@media only screen and (max-width:767px){.recommendation__author{font-size:10px;line-height:18px;font-weight:400}}.recommendation__author img{width:22px;height:22px;border-radius:50%;margin-right:10px}.recommendation__list{padding-top:40px;display:grid;grid-template-columns:1fr 1fr;grid-gap:17px 37px;grid-column:1}.recommendation__list>.slick-dots{display:flex;justify-content:center;margin:0 auto}.recommendation__list>.slick-dots button{cursor:pointer;font-size:0;color:#fff;background:#d1dde9;border:none;outline:none;height:8px;width:8px;border-radius:50%;margin:0 5px;transition:transform .3s}.recommendation__list>.slick-dots .slick-active button{background-color:#3c6780}.recommendation__list .slick-slide{width:100%}@media only screen and (max-width:767px){.recommendation__list{padding-top:15px;grid-template-columns:1fr;display:block}}.recommendation__additional-destination{background-color:#ecf3fb;padding:20px 30px 40px;grid-column:span 2;border-bottom-right-radius:2px;border-top-left-radius:2px;border-bottom-left-radius:2px}@media only screen and (max-width:1024px){.recommendation__additional-destination{grid-column:1;grid-row:5;padding:30px 20px}}@media only screen and (max-width:767px){.recommendation__additional-destination{padding:15px 10px}}.recommendation__additional-destination--only{background-color:#fff;padding:20px 0 0}.recommendation__additional-destination ul{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px 30px}@media only screen and (max-width:1024px){.recommendation__additional-destination ul{grid-column:1;grid-row:5;grid-gap:15px 40px;grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:767px){.recommendation__additional-destination ul{grid-template-columns:1fr}}.recommendation__additional-destination:not(.open){display:none}.recommendation__additional-destination__item{color:#242c4a;display:block}.recommendation__additional-destination__item a,.recommendation__additional-destination__item span{display:block}.recommendation__btn-wrapper{margin-top:20px;display:flex;align-items:center;justify-content:center}.recommendation__btn-wrapper .btn{background:#fff}.ht-block{text-align:left;background:#f5f7fa;padding:60px}@media only screen and (max-width:767px){.ht-block{padding:20px 0 30px}}.ht-block-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:30px 0 20px}@media only screen and (max-width:767px){.ht-block-nav{padding:30px 0 10px}}.ht-block-nav__tabs{display:flex;border:1px solid #3c6780;border-radius:2px}@media only screen and (max-width:767px){.ht-block-nav__tabs{width:100%;margin-bottom:10px}}.ht-block-nav__tab{display:flex;align-items:center;justify-content:center;min-width:140px;font:500 14px Roboto,sans-serif;text-align:center;color:#3c6780;text-transform:uppercase;padding:8px 0;border-right:1px solid #3c6780;cursor:pointer}@media only screen and (max-width:767px){.ht-block-nav__tab{min-width:auto;width:100%;font-size:12px}}.ht-block-nav__tab:last-child{border-right:none}.ht-block-nav__tab.is-active{color:#fff;background:#3c6780}.ht-block-nav__map-btn{min-width:150px;display:flex;align-items:center;padding:10px 20px;border-radius:2px;background:#3c6780;cursor:pointer}@media only screen and (max-width:767px){.ht-block-nav__map-btn{min-width:auto;order:3;padding:11px 15px}}.ht-block-nav__map-btn .icon{width:20px;height:20px;fill:#fff;margin-right:5px}@media only screen and (max-width:767px){.ht-block-nav__map-btn .icon{width:14px;height:14px;margin-right:0}}.ht-block-nav__map-btn span{font:700 14px/1.7 Roboto,sans-serif;color:#fff}@media only screen and (max-width:767px){.ht-block-nav__map-btn span{display:none}}.ht-block-nav__date{display:none;font:14px/1.5 Roboto,sans-serif;color:#242c4a;margin:10px calc(100% - 300px) 0 0}@media only screen and (max-width:767px){.ht-block-nav__date{margin:0}}.ht-block-nav__date.is-active{display:block}.ht-block-container{height:100px}.hotels-tonight-card{display:none}.presetting-section{background-color:#ecf3fb;padding:55px 0 88px}@media only screen and (max-width:767px){.presetting-section{padding:50px 0 70px;padding:30px 0 45px}}.presetting-section__select{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:37px;margin-top:35px}.presetting-section__select .hotels-search-presetting__card:nth-child(4){grid-column:2/3}@media only screen and (max-width:1024px){.presetting-section__select{grid-gap:15px;margin-top:20px}}@media only screen and (max-width:767px){.presetting-section__select{display:block;margin-left:-10px;width:calc(100% + 20px)}}.presetting-section .btn-show-more{display:block;max-width:250px;width:100%;margin:30px auto 0}.presetting-section.unique-homes-section{padding-bottom:50px}.presetting-section.unique-homes-section .list-of-outline-links{padding-top:40px}.presetting-section.unique-homes-section .list-of-outline-links:not(.open){display:none}.presetting-section .slick-track{display:flex}.presetting-section .slick-track .slick-slide{height:auto}.presetting-section .slick-dots li:not(.slick-active) button{background-color:#fff}.hotels-search-presetting__card{position:relative;display:block;cursor:pointer;background-color:#fff;border-radius:2px;padding:30px 40px 45px;display:flex;flex-direction:column;justify-content:flex-start;color:#656b80;font-size:14px;line-height:21px;font-weight:400}@media only screen and (max-width:1024px){.hotels-search-presetting__card{padding:30px 20px 40px}}@media only screen and (max-width:767px){.hotels-search-presetting__card{padding:25px 25px 38px;width:240px;margin:0 5px}}.hotels-search-presetting__card svg{width:26px;height:26px;color:#242c4a;display:block;margin:0 auto 10px}.hotels-search-presetting__card span{font-size:18px;line-height:21px;font-weight:400;color:#242c4a;display:block;margin-bottom:6px;cursor:pointer}.hotels-search-presetting__card p{margin-top:3px}@media only screen and (max-width:1024px){.hotels-search-presetting__card br{display:none}}.hotels-search-presetting__card__currency-symbol{font-family:Georgia,Roboto,sans-serif}.hotels-search-presetting__card:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:#fff;background:#000;opacity:0;z-index:1;transition:opacity .3s ease-in}.hotels-search-presetting__card .btn-show-hotels{display:block;max-width:calc(100% - 20px);width:250px;background-color:#fff;border-radius:2px;cursor:pointer;font-size:12px;line-height:24px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:#242c4a;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 10px));opacity:0;visibility:hidden;z-index:2;transition-delay:.15s;transition:opacity .2s ease-out,transform .3s ease-out}.hotels-search-presetting__card .btn-show-hotels:after{content:"";display:inline-block;margin-left:5px;width:13.69px;height:9.63px;vertical-align:middle;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.22.145a.483.483 0 00-.69 0 .487.487 0 000 .683l3.498 3.499H.483A.48.48 0 000 4.81c0 .27.214.49.483.49h11.545L8.53 8.792a.495.495 0 000 .69.483.483 0 00.69 0l4.326-4.327a.475.475 0 000-.683L9.22.145z' fill='%23242C4A'/%3E%3C/svg%3E")}.hotels-search-presetting__card:focus:after,.hotels-search-presetting__card:hover:after{opacity:.6}.hotels-search-presetting__card:focus .btn-show-hotels,.hotels-search-presetting__card:hover .btn-show-hotels{transform:translate(-50%,-50%);opacity:1;visibility:visible}.near-sights{padding:75px 0;background:#fff}@media only screen and (max-width:1024px){.near-sights{padding:50px 0}}.near-sights .slick-slider{margin-bottom:30px}.near-sights__content__wrapper{margin-top:35px;display:grid;grid-gap:37px;grid-template-columns:2fr 1fr}@media only screen and (max-width:1024px){.near-sights__content__wrapper{grid-template-columns:1fr;grid-row-gap:40px}}@media only screen and (max-width:767px){.near-sights__content__wrapper{display:block}}.near-sights__map{height:353px;width:100%;margin-bottom:30px;border-radius:2px;overflow:hidden}@media only screen and (max-width:1024px){.near-sights__map{height:300px}}.near-sights__map .mini-marker{width:18px;height:10px}.near-sights__map .mini-marker svg{display:block;max-width:100%}.near-sights__map-block{padding:20px 20px 40px;font-size:18px;line-height:24px;font-weight:400;text-align:center;color:#242c4a;background:#ecf3fb;border-radius:2px;overflow:hidden}.near-sights__map-block:first-child{grid-column:span 2}@media only screen and (max-width:1024px){.near-sights__map-block{display:grid;grid-template-columns:1fr 1fr}.near-sights__map-block>:first-child{grid-column:span 2}}@media only screen and (max-width:767px){.near-sights__map-block{grid-template-columns:1fr;padding:10px 10px 25px}.near-sights__map-block>:first-child{grid-column:1}}.near-sights__map-block p{max-width:264px;margin:0 auto}@media only screen and (max-width:1024px){.near-sights__map-block p{max-width:none;text-align:start}}@media only screen and (max-width:767px){.near-sights__map-block p{text-align:center}}.near-sights__map-block .btn{background-color:#fff;width:250px;max-width:90%;margin:20px auto 0;line-height:22px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width:1024px){.near-sights__map-block .btn{margin:0 0 0 auto}}@media only screen and (max-width:767px){.near-sights__map-block .btn{margin:20px auto 0}}.near-sights__map-block .btn svg{vertical-align:middle;transition:transform .3s;margin-left:10px}.near-sights__map-block .btn:focus,.near-sights__map-block .btn:hover{background-color:#242c4a}.near-sights__map-block .btn:focus svg,.near-sights__map-block .btn:hover svg{transform:translateX(5px)}.near-sights__other-places{padding-top:60px}@media only screen and (max-width:1024px){.near-sights__other-places{padding-top:40px}}.other-places__header{font-size:22px;line-height:30px;display:flex;justify-content:space-between;align-items:baseline;margin-bottom:25px;color:#242c4a}@media only screen and (max-width:767px){.other-places__header{text-align:left}}.other-places__footer{display:flex;justify-content:center;align-items:baseline;margin-top:25px}.other-places__additional{margin-top:15px}.other-places__additional:not(.open){display:none}.other-places__btn-show-more{cursor:pointer;display:inline-block;font-size:12px;line-height:24px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:#3c6780;white-space:nowrap}.other-places__btn-show-more:focus span,.other-places__btn-show-more:hover span{text-decoration:underline}@media only screen and (max-width:767px){.other-places__btn-show-more{margin-top:auto}}.sights-list{display:grid;grid-gap:37px;grid-template-columns:repeat(2,1fr)}@media only screen and (max-width:767px){.sights-list{display:block;margin-left:-10px;width:calc(100% + 20px)}}.sights-list__item{border-radius:2px;overflow:hidden;display:block}@media only screen and (max-width:767px){.sights-list__item{max-width:calc(100vw - 20px);min-width:300px;margin:0 10px 20px}}.sights-list__item__photo{height:200px;width:100%;max-width:100%;overflow:hidden}.sights-list__item__photo img{width:100%;height:100%;object-fit:cover;display:block}.sights-list__item__title{background-color:#ecf3fb;padding:18px 15px;text-align:start;display:flex;align-items:center;font-size:18px;line-height:24px;font-weight:400;color:#242c4a}@media only screen and (max-width:767px){.sights-list__item__title{padding:15px 10px}}.sights-list__item__title svg{width:14px;height:10px;margin-left:auto;transition:transform .3s ease-out}.sights-list__item:hover .sights-list__item__title{text-decoration:underline}.sights-list__item:hover .sights-list__item__title svg{transform:translateX(5px)}.sights-list__item--all-landmarks{padding:60px 34px 50px;background-color:#ecf3fb;display:flex;text-align:start;color:#242c4a;font-size:18px;line-height:26px;font-weight:400}.sights-list__item--all-landmarks svg{display:block}.sights-list__item--all-landmarks .btn{color:#3c6780;text-align:start;padding-left:0;padding-bottom:0;font-size:12px;line-height:24px;font-weight:500}.sights-list__item--all-landmarks .btn svg{display:inline-block;transition:transform .3s ease-out}.sights-list__item--all-landmarks p{margin-top:20px;max-width:237px}.sights-list__item--all-landmarks:focus .btn,.sights-list__item--all-landmarks:hover .btn{text-decoration:underline}.sights-list__item--all-landmarks:focus .btn svg,.sights-list__item--all-landmarks:hover .btn svg{transform:translateX(5px)}.sights-list__item__content{flex:1}/*! */</style> <link rel="preload" as="style" onload="this.onload=null; this.rel='stylesheet'" href="/new/designs/90/build/destination/style.44a5ecf231204c2fec68d7848316008b.css" crossorigin> <noscript><link rel="stylesheet" href="/new/designs/90/build/destination/style.44a5ecf231204c2fec68d7848316008b.css" crossorigin></noscript> <link rel="alternate" hreflang="zh" type="text/html" href="https://www.hotelbcn-barcelona.com/zh/" title="Chinese"> <link rel="alternate" hreflang="cs" type="text/html" href="https://www.hotelbcn-barcelona.com/cs/" title="Czech"> <link rel="alternate" hreflang="da" type="text/html" href="https://www.hotelbcn-barcelona.com/da/" title="Danish"> <link rel="alternate" hreflang="de" type="text/html" href="https://www.hotelbcn-barcelona.com/de/" title="Deutch"> <link rel="alternate" hreflang="en" type="text/html" href="https://www.hotelbcn-barcelona.com/en/" title="English"> <link rel="alternate" hreflang="es" type="text/html" href="https://www.hotelbcn-barcelona.com/es/" title="Spanish"> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.hotelbcn-barcelona.com/fr/" title="French"> <link rel="alternate" hreflang="el" type="text/html" href="https://www.hotelbcn-barcelona.com/el/" title="Greek"> <link rel="alternate" hreflang="he" type="text/html" href="https://www.hotelbcn-barcelona.com/he/" title="Hebrew"> <link rel="alternate" hreflang="it" type="text/html" href="https://www.hotelbcn-barcelona.com/it/" title="Italiano"> <link rel="alternate" hreflang="ja" type="text/html" href="https://www.hotelbcn-barcelona.com/ja/" title="Japanese"> <link rel="alternate" hreflang="ko" type="text/html" href="https://www.hotelbcn-barcelona.com/ko/" title="Korean"> <link rel="alternate" hreflang="hu" type="text/html" href="https://www.hotelbcn-barcelona.com/hu/" title="Hungarian"> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.hotelbcn-barcelona.com/nl/" title="Dutch"> <link rel="alternate" hreflang="no" type="text/html" href="https://www.hotelbcn-barcelona.com/no/" title="Norwegian"> <link rel="alternate" hreflang="pl" type="text/html" href="https://www.hotelbcn-barcelona.com/pl/" title="Polish"> <link rel="alternate" hreflang="pt" type="text/html" href="https://www.hotelbcn-barcelona.com/pt/" title="Portuguese"> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.hotelbcn-barcelona.com/ru/" title="Russian"> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.hotelbcn-barcelona.com/sv/" title="Swedish"> <link rel="alternate" hreflang="tr" type="text/html" href="https://www.hotelbcn-barcelona.com/tr/" title="Turkish"> <link rel="alternate" hreflang="uk" type="text/html" href="https://www.hotelbcn-barcelona.com/uk/" title="Ukrainian"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="canonical" href="https://www.hotelbcn-barcelona.com/zh/"> </head> <body class="sunset-main"> <div class="banner js-head-banner " style="background-image: linear-gradient(to bottom, #202020, rgba(255, 255, 255, 0))" > <div class="banner__main-photo"> <div class="banner__main-photo-overlay"></div> <div class="banner__bg banner__bg--desktop" style="display: none; background-image: url(/img/bg/116206.JPEG)"> </div> <picture> <source srcset="/img/bg/450x450/116206.JPEG" media="(max-width: 768px)"> <img class="banner__main-photo-item banner__main-photo-item--0" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--1" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--2" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--3" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--4" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--5" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--6" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--7" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--8" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--9" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--10" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--11" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--12" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--13" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--14" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--15" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--16" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--17" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--18" srcset="" alt=""> </picture> </div> <header class="header "> <div class="new-container"> <div class="header__inner"> <a href="/zh/" class="header__logo"> <div class="header__logo-text"> 巴塞罗那 </div> <div class="header__logo-sub-text">• hotels & resorts •</div> </a> <button class="header__nav-toggler js-toggle-navigation show-mobile"> <span class="header__nav-toggler-line"></span> <span class="header__nav-toggler-line"></span> <span class="header__nav-toggler-line"></span> </button> <div class="header__nav js-navigation-dropdown"> <div class="header__nav-header"> <div class="header__logo header__logo--black"> <div class="header__logo-text"> 巴塞罗那 </div> <div class="header__logo-sub-text">• hotels & resorts •</div> </div> <button class="header__nav-toggler js-toggle-navigation"> <span class="header__nav-toggler-cross"></span> <span class="header__nav-toggler-cross header__nav-toggler-cross--right"></span> </button> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> 货币 <svg class="item__title-icon" width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.84.508l-.327-.33a.543.543 0 00-.387-.16.543.543 0 00-.387.16L5.002 3.915 1.262.174a.543.543 0 00-.387-.16.543.543 0 00-.387.16L.16.502a.548.548 0 000 .773l4.454 4.47a.56.56 0 00.388.176h.002a.559.559 0 00.386-.176l4.45-4.458a.552.552 0 000-.78z" fill="currentColor" /> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list js-lang-currency-list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0x"> <span class="dropdown__list-item-code"> USD </span> 美元 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0z"> <span class="dropdown__list-item-code"> EUR </span> 欧元 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT03"> <span class="dropdown__list-item-code"> GBP </span> 英镑 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMQ=="> <span class="dropdown__list-item-code"> AUD </span> 澳元 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0yMQ=="> <span class="dropdown__list-item-code"> CAD </span> 加拿大元 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT00OA=="> <span class="dropdown__list-item-code"> BRL </span> 巴西雷亚尔 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT00OQ=="> <span class="dropdown__list-item-code"> BGN </span> 保加利亚列瓦 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT01Nw=="> <span class="dropdown__list-item-code"> CNY </span> 人民币 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT02Ng=="> <span class="dropdown__list-item-code"> CZK </span> 捷克克朗 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT00"> <span class="dropdown__list-item-code"> DKK </span> 丹麦克朗 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMw=="> <span class="dropdown__list-item-code"> HKD </span> 香港元 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT03Nw=="> <span class="dropdown__list-item-code"> ILS </span> 以色列新锡克尔 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0yMw=="> <span class="dropdown__list-item-code"> JPY </span> 日元 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMA=="> <span class="dropdown__list-item-code"> MYR </span> 马来西亚吉特 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMg=="> <span class="dropdown__list-item-code"> NZD </span> 新西兰元 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0yMg=="> <span class="dropdown__list-item-code"> NOK </span> 挪威克朗 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMzU="> <span class="dropdown__list-item-code"> PLN </span> 波兰兹罗提 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMzY="> <span class="dropdown__list-item-code"> RON </span> 罗马尼亚新列伊 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xMzc="> <span class="dropdown__list-item-code"> RUB </span> 俄罗斯卢布 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNDI="> <span class="dropdown__list-item-code"> SAR </span> 沙特里亚尔 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0yNA=="> <span class="dropdown__list-item-code"> SGD </span> 新加坡元 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNQ=="> <span class="dropdown__list-item-code"> ZAR </span> 南非兰特 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNTE="> <span class="dropdown__list-item-code"> KRW </span> 韩元 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT05"> <span class="dropdown__list-item-code"> SEK </span> 瑞典克朗 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT04"> <span class="dropdown__list-item-code"> CHF </span> 瑞士法郎 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNjI="> <span class="dropdown__list-item-code"> TRY </span> 土耳其里拉 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0xNjY="> <span class="dropdown__list-item-code"> UAH </span> 乌克兰格里夫纳 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Lz9jdXJyZW5jeT0y"> <span class="dropdown__list-item-code"> THB </span> 泰铢 </span> </li> </ul> </div> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> 简体中文 <svg class="item__title-icon" width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.84.508l-.327-.33a.543.543 0 00-.387-.16.543.543 0 00-.387.16L5.002 3.915 1.262.174a.543.543 0 00-.387-.16.543.543 0 00-.387.16L.16.502a.548.548 0 000 .773l4.454 4.47a.56.56 0 00.388.176h.002a.559.559 0 00.386-.176l4.45-4.458a.552.552 0 000-.78z" fill="currentColor" /> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list js-lang-currency-list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2FyLw=="> العربية </span> </li> <li class="dropdown__list-item"> <a href="/zh/" class="dropdown__list-link js-link"> 简体中文 </a> </li> <li class="dropdown__list-item"> <a href="/cs/" class="dropdown__list-link js-link"> Čeština </a> </li> <li class="dropdown__list-item"> <a href="/da/" class="dropdown__list-link js-link"> Dansk </a> </li> <li class="dropdown__list-item"> <a href="/de/" class="dropdown__list-link js-link"> Deutsch </a> </li> <li class="dropdown__list-item"> <a href="/en/" class="dropdown__list-link js-link"> English </a> </li> <li class="dropdown__list-item"> <a href="/es/" class="dropdown__list-link js-link"> Español </a> </li> <li class="dropdown__list-item"> <a href="/fr/" class="dropdown__list-link js-link"> Français </a> </li> <li class="dropdown__list-item"> <a href="/el/" class="dropdown__list-link js-link"> Ελληνικά </a> </li> <li class="dropdown__list-item"> <a href="/he/" class="dropdown__list-link js-link"> עברית </a> </li> <li class="dropdown__list-item"> <a href="/it/" class="dropdown__list-link js-link"> Italiano </a> </li> <li class="dropdown__list-item"> <a href="/ja/" class="dropdown__list-link js-link"> 日本語 </a> </li> <li class="dropdown__list-item"> <a href="/ko/" class="dropdown__list-link js-link"> 한국어 </a> </li> <li class="dropdown__list-item"> <a href="/hu/" class="dropdown__list-link js-link"> Magyar </a> </li> <li class="dropdown__list-item"> <a href="/nl/" class="dropdown__list-link js-link"> Nederlands </a> </li> <li class="dropdown__list-item"> <a href="/no/" class="dropdown__list-link js-link"> Norsk </a> </li> <li class="dropdown__list-item"> <a href="/pl/" class="dropdown__list-link js-link"> Polski </a> </li> <li class="dropdown__list-item"> <a href="/pt/" class="dropdown__list-link js-link"> Português </a> </li> <li class="dropdown__list-item"> <a href="/ru/" class="dropdown__list-link js-link"> Русский </a> </li> <li class="dropdown__list-item"> <a href="/sv/" class="dropdown__list-link js-link"> Svenska </a> </li> <li class="dropdown__list-item"> <a href="/tr/" class="dropdown__list-link js-link"> Türkçe </a> </li> <li class="dropdown__list-item"> <a href="/uk/" class="dropdown__list-link js-link"> Українська </a> </li> </ul> </div> </div> </div> </div> </div> </header> <div class="banner__content new-container"> <h1 class="banner__title"> 欢迎您在巴塞罗那查看酒店! </h1> <p class="banner__text"> 第一名提供最佳价格和可用精选住宿的本地旅行网</p> <form action="/zh/search/" method="post" class="banner__form main-form js-avail-form"> <div class="main-form__new-calendar js-new-calendar-wrapper"> <div class="main-form-field main-form__field main-form__field--border js-new-calendar-from"> <div class="main-form-field__head"> <div class="main-form-field__title">入住日期</div> <div class="main-form-field__content main-form-field__content--zh"> <div class="main-form-field__number js-date-day"> 1</div> <div class="main-form-field__text"> <div class="main-form-field__text-item main-form-field__text-item--month main-form-field__text-item--bold js-date-month"> 4月</div> <div class="main-form-field__text-item hide-tablet js-date-year"> 2025年 </div> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z" /> </svg> </div> <input class="js-new-calendar-from-input" type="hidden" name="from" value="2025-04-01"> </div> <div class="main-form-field main-form__field main-form__field--border js-new-calendar-to"> <div class="main-form-field__head"> <div class="main-form-field__title">退房日期</div> <div class="main-form-field__content main-form-field__content--zh"> <div class="main-form-field__number js-date-day"> 2</div> <div class="main-form-field__text"> <div class="main-form-field__text-item main-form-field__text-item--month main-form-field__text-item--bold js-date-month"> 4月</div> <div class="main-form-field__text-item hide-tablet js-date-year"> 2025年 </div> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z" /> </svg> </div> <div class="hidden js-plural-night-1"> <div class="js-plural-night-phrase"> (<span class='js-night-count'></span>晚)</div> </div> <div class="hidden js-plural-night-2"> <div class="js-plural-night-phrase"> (<span class='js-night-count'></span>晚)</div> </div> <div class="hidden js-plural-night-5"> <div class="js-plural-night-phrase"> (<span class='js-night-count'></span>晚)</div> </div> <input class="js-new-calendar-to-input" type="hidden" name="to" value="2025-04-02"> </div> </div> <div class="main-form-field main-form__field"> <div class="main-form-field__head js-guests-toggler"> <div class="main-form-field__title">住客数</div> <div class="main-form-field__content"> <div class="main-form-field__number js-guests-count">2</div> <div class="main-form-field__text"> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="1">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text is-active" data-guests-count="2">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="3">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="4">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="5">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="6">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="7">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="8">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="9">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="10">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="11">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="12">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="13">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="14">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="15">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="16">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="17">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="18">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="19">位客人</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="20">位客人</p> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z" /> </svg> </div> <div class="dropdown main-form-field__dropdown js-guests-dropdown"> <div class="dropdown__block"> <div class="dropdown__item"> <div class="dropdown__title"> 成人： </div> <select class="dropdown__select js-adults-select" name="adults"> <option value="1" > 1</option> <option value="2" selected="selected" > 2</option> <option value="3" > 3</option> <option value="4" > 4</option> <option value="5" > 5</option> <option value="6" > 6</option> <option value="7" > 7</option> <option value="8" > 8</option> <option value="9" > 9</option> <option value="10" > 10</option> </select> </div> <div class="dropdown__item"> <div class="dropdown__title"> 儿童： </div> <select class="dropdown__select js-children-select" name="children"> <option value="0" selected="selected" >0</option> <option value="1" >1</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> </select> </div> </div> <div class="dropdown__block js-children-wrapper"></div> <div class="dropdown__error js-error js-error-child">指定孩子的年龄</div> <div class="dropdown__error js-error js-error-children">指定儿童年龄</div> <div class="dropdown__block dropdown__block--margin"> <button class="dropdown__button dropdown__button--cancel js-cancel-button" type="button">取消</button> <button class="dropdown__button dropdown__button js-ok-button" type="button">确定</button> </div> </div> </div> <div class="main-form__submit-container"> <button class="main-form__submit" type="submit">搜索</button> </div> </form> </div> </div> <div class="sunset sunset-main"> <div class="content js-content clearfix"> <div class="js-hotels-available"> <div class="sunset__content"> <div class="recommendation js-hotels-recommendation"> <div class="new-container one-column "> <div class="recommendation__title"> <span class="recommendation__title-text">编辑的选择</span> <span class="recommendation__date">31.03的信息</span> </div> <div class="recommendation__description"> <q> 4家顶级酒店的价格从41US$到212US$由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。 </q> <p class="recommendation__author"> <img width="22" height="" src="/new/designs/90/destination/img/recommendation/authors/recommendation-author-1.png" /> 由我们的编辑Billy Schultz创造 </p> </div> <div class="recommendation__list js-mobile-slider js-ht-hotels-block-recommendation"> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card is-first-slide" data-id="1327242" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>121</b><b>US$</b>/晚 </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12488/1248864/1248864376.JPEG" srcset="/data/Photos/450x450w/12488/1248864/1248864376.JPEG 1x, /data/Photos/700x500w/12488/1248864/1248864376.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/11498/1149829/1149829057.JPEG" srcset="/data/Photos/450x450w/11498/1149829/1149829057.JPEG 1x, /data/Photos/700x500w/11498/1149829/1149829057.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/12488/1248862/1248862798.JPEG" srcset="/data/Photos/450x450w/12488/1248862/1248862798.JPEG 1x, /data/Photos/700x500w/12488/1248862/1248862798.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/11498/1149834/1149834577.JPEG" srcset="/data/Photos/450x450w/11498/1149834/1149834577.JPEG 1x, /data/Photos/700x500w/11498/1149834/1149834577.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/4107/410706/410706459.JPEG" srcset="/data/Photos/450x450w/4107/410706/410706459.JPEG 1x, /data/Photos/700x500w/4107/410706/410706459.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/3452/345254/345254158.JPEG" srcset="/data/Photos/450x450w/3452/345254/345254158.JPEG 1x, /data/Photos/700x500w/3452/345254/345254158.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="曼加特泽128旅馆"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9tYWdhdHplbS0xMjguaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8/ZnJvbT0yMDI1LTAzLTMxJnRvPTIwMjUtMDQtMDEmYWR1bHRzPTImY2hpbGRyZW49MCZjdXJyZW5jeT0xI3Jvb21z"> 曼加特泽128旅馆 </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__stars"> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 距离市中心1.5公里 </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">在地图上显示</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> 优越的地理位置 </span> <div class="hotels-tonight-card__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.1分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">8.8</div> <div class="hotels-tonight-card__review-text">优良</div> <div class="hotels-tonight-card__review-count">(2463评论)</div> </div> </div> </div> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card" data-id="16194760" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>57</b><b>US$</b>/晚 </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/14095/1409578/1409578388.JPEG" srcset="/data/Photos/450x450w/14095/1409578/1409578388.JPEG 1x, /data/Photos/700x500w/14095/1409578/1409578388.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15730/1573096/1573096067.JPEG" srcset="/data/Photos/450x450w/15730/1573096/1573096067.JPEG 1x, /data/Photos/700x500w/15730/1573096/1573096067.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15730/1573096/1573096070.JPEG" srcset="/data/Photos/450x450w/15730/1573096/1573096070.JPEG 1x, /data/Photos/700x500w/15730/1573096/1573096070.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16017/1601784/1601784324.JPEG" srcset="/data/Photos/450x450w/16017/1601784/1601784324.JPEG 1x, /data/Photos/700x500w/16017/1601784/1601784324.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16017/1601784/1601784332.JPEG" srcset="/data/Photos/450x450w/16017/1601784/1601784332.JPEG 1x, /data/Photos/700x500w/16017/1601784/1601784332.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16017/1601784/1601784334.JPEG" srcset="/data/Photos/450x450w/16017/1601784/1601784334.JPEG 1x, /data/Photos/700x500w/16017/1601784/1601784334.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="Arcelon Hotel - From 2023"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9hcmNlbG9uLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLz9mcm9tPTIwMjUtMDMtMzEmdG89MjAyNS0wNC0wMSZhZHVsdHM9MiZjaGlsZHJlbj0wJmN1cnJlbmN5PTEjcm9vbXM="> Arcelon Hotel - From 2023 </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__stars"> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 距离市中心3.5公里 </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">在地图上显示</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> 卓越的地理位置 </span> <div class="hotels-tonight-card__grade-details">此住宿场所拥有卓越的地理位置。根据游客的评价，它的地理位置是10分中的8.3分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">8.8</div> <div class="hotels-tonight-card__review-text">优良</div> <div class="hotels-tonight-card__review-count">(1856评论)</div> </div> </div> </div> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card" data-id="88783" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>212</b><b>US$</b>/晚 </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15541/1554144/1554144157.JPEG" srcset="/data/Photos/450x450w/15541/1554144/1554144157.JPEG 1x, /data/Photos/700x500w/15541/1554144/1554144157.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15513/1551339/1551339874.JPEG" srcset="/data/Photos/450x450w/15513/1551339/1551339874.JPEG 1x, /data/Photos/700x500w/15513/1551339/1551339874.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15513/1551339/1551339901.JPEG" srcset="/data/Photos/450x450w/15513/1551339/1551339901.JPEG 1x, /data/Photos/700x500w/15513/1551339/1551339901.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15541/1554143/1554143905.JPEG" srcset="/data/Photos/450x450w/15541/1554143/1554143905.JPEG 1x, /data/Photos/700x500w/15541/1554143/1554143905.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15541/1554143/1554143941.JPEG" srcset="/data/Photos/450x450w/15541/1554143/1554143941.JPEG 1x, /data/Photos/700x500w/15541/1554143/1554143941.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15541/1554143/1554143959.JPEG" srcset="/data/Photos/450x450w/15541/1554143/1554143959.JPEG 1x, /data/Photos/700x500w/15541/1554143/1554143959.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="特雷斯托雷斯阿迪拉姆酒店"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly90cmVzLXRvcnJlcy1hdGlyYW0taG90ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8/ZnJvbT0yMDI1LTAzLTMxJnRvPTIwMjUtMDQtMDEmYWR1bHRzPTImY2hpbGRyZW49MCZjdXJyZW5jeT0xI3Jvb21z"> 特雷斯托雷斯阿迪拉姆酒店 </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__stars"> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 距离市中心3.7公里 </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">在地图上显示</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> 卓越的地理位置 </span> <div class="hotels-tonight-card__grade-details">此住宿场所拥有卓越的地理位置。根据游客的评价，它的地理位置是10分中的8.4分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">8.8</div> <div class="hotels-tonight-card__review-text">优良</div> <div class="hotels-tonight-card__review-count">(1264评论)</div> </div> </div> </div> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card" data-id="1280489" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>41</b><b>US$</b>/晚 </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/11986/1198623/1198623769.JPEG" srcset="/data/Photos/450x450w/11986/1198623/1198623769.JPEG 1x, /data/Photos/700x500w/11986/1198623/1198623769.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/11969/1196909/1196909698.JPEG" srcset="/data/Photos/450x450w/11969/1196909/1196909698.JPEG 1x, /data/Photos/700x500w/11969/1196909/1196909698.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/11969/1196917/1196917963.JPEG" srcset="/data/Photos/450x450w/11969/1196917/1196917963.JPEG 1x, /data/Photos/700x500w/11969/1196917/1196917963.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/11969/1196921/1196921572.JPEG" srcset="/data/Photos/450x450w/11969/1196921/1196921572.JPEG 1x, /data/Photos/700x500w/11969/1196921/1196921572.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/11969/1196921/1196921638.JPEG" srcset="/data/Photos/450x450w/11969/1196921/1196921638.JPEG 1x, /data/Photos/700x500w/11969/1196921/1196921638.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16450/1645027/1645027707.JPEG" srcset="/data/Photos/450x450w/16450/1645027/1645027707.JPEG 1x, /data/Photos/700x500w/16450/1645027/1645027707.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="Lm Bcn旅馆"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9teS1waWxsb3cuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8/ZnJvbT0yMDI1LTAzLTMxJnRvPTIwMjUtMDQtMDEmYWR1bHRzPTImY2hpbGRyZW49MCZjdXJyZW5jeT0xI3Jvb21z"> Lm Bcn旅馆 </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__stars"> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-tonight-card__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 距离市中心4.7公里 </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">在地图上显示</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> 卓越的地理位置 </span> <div class="hotels-tonight-card__grade-details">此住宿场所拥有卓越的地理位置。根据游客的评价，它的地理位置是10分中的8.5分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">8.8</div> <div class="hotels-tonight-card__review-text">优良</div> <div class="hotels-tonight-card__review-count">(1089评论)</div> </div> </div> </div> </div> </div> <div class="new-container one-column"> <div class="recommendation__title is-secondary-block"><span class="recommendation__title-text">巴塞罗那热门目的地</span></div> <div class="recommendation__additional-destination recommendation__additional-destination--only open"> <ul class="list articles__other-links-list"> <li class="list__item"> <span data-internal="L3poL25lYXItZWl4YW1wbGUtZHIxMzI3MTMv" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">埃桑普勒</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItY2l1dGF0LXZlbGxhLWRyMTMyNzEyLw==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">老城区</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItc2FudHMtbW9udGp1aWMtZHIxMzI3MTgv" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">圣蒙特惠奇</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItc2FudC1tYXJ0aS1kcjEzMjcxNy8=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">圣马蒂</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItZ3JhY2lhLWRyMTMyNzE0Lw==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">格拉西亚</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItc2FycmlhLXN0LWdlcnZhc2ktZHIxMzI3MTkv" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">塞里亚-圣格瓦西</span> </li> </ul> </div> <div class="recommendation__additional-destination recommendation__additional-destination--only is-additional-districts open"> <ul class="list articles__other-links-list"> <li class="list__item"> <span data-internal="L3poL25lYXItaG9ydGEtZ3VpbmFyZG8tZHIxMzI3MTUv" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">奥尔塔-吉纳德</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItbGVzLWNvcnRzLWRyMTMyNzE2Lw==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">勒茨科尔茨区</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItYmFyY2Vsb25hLWZpcmEtMi1kcjkwMzQxNC8=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Barcelona Fira 2</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItc2FudC1hbmRyZXUtZHIxMzMxNTQv" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">圣安德鲁</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItY2FzdGVsbGVkZWZlbHMtYmVhY2gtZHI5MDcyMDYv" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Castelledefels Beach </span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItbm91LWJhcnJpcy1kcjI4MzkwNy8=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">诺·巴里斯</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItZ2F2YS1iZWFjaC1kcjkwNzIxNS8=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Gava Beach </span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItc2FncmFkYS1mYW1pbGlhLWRyODk5NjQzLw==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">圣家堂</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItYmFyY2Vsb25hLWNpdHktY2VudHJlLWRyOTAwMDU0Lw==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">巴塞罗那市中心</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItc2FudC1hbnRvbmktZHI5MDczNjUv" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Sant Antoni</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItZm9ydW0tYmVhY2gtZHI5MDcyNjAv" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Forum Beach </span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItYmFyY2Vsb25ldGEtZHI4OTk2MzEv" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">巴塞罗尼塔</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItcHVlcnRvLWJhbnVzLWRyOTAzMDgxLw==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">巴努斯港</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItZWwtYm9ybi1kcjg5OTY0MC8=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">埃尔博恩</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItdmlsYS1vbGltcGljYS1kcjg5OTYzNC8=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">奥运村</span> </li> </ul> </div> <div class="recommendation__btn-wrapper"> <button class="btn btn-outline btn-toggle btn-show-more js-popular-destination-toggle is-open" data-target='.is-additional-districts'> <span>显示全部</span> <span>收起</span> </button> </div> </div> </div> <div class="ht-map js-ht-map"> <div class="ht-map__close-bg js-map-close"></div> <svg width="20px" height="20px" class="ht-map__close-btn js-map-close" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"> <path class="st0" d="M23.6,21.4C23.6,21.4,23.6,21.4,23.6,21.4L14.1,12v0l9.4-9.4c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0 L12,9.9L2.6,0.4C2-0.1,1-0.1,0.4,0.4C-0.1,1-0.1,2,0.4,2.6L9.9,12l-9.4,9.4c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.4-9.4 l9.4,9.4c0.6,0.6,1.5,0.6,2.1,0c0,0,0,0,0,0C24.1,23,24.1,22,23.6,21.4z"/> </svg> <div class="ht-map__inner" id="ht-map"></div> </div> <div class="presetting-section"> <div class="new-container"> <div class="section__title">安排您的入住期间</div> <p class="section__subtitle"> 您可以根据您的预算和喜好选择适合的住宿场所 - 一家位于城市中心的豪华酒店或者位于城市宁静区一家不错的旅社。 </p> <div class="presetting-section__select js-tailor-mobile-slider"> <a href="theme/cheap-and-budget-hotels-9/" class="hotels-search-presetting__card"> <span class='hotels-search-presetting__card__currency-symbol'>$</span> <span class="hotels-search-presetting__card__title">经济型酒店</span> <p class="hotels-search-presetting__card__description">在巴塞罗那查看最便宜的住宿</p> <span class="btn btn-show-hotels">显示酒店</span> </a> <span data-internal="dGhlbWUvYm91dGlxdWUtaG90ZWxzLTQ=" class="hotels-search-presetting__card js-link js-link-new"> <span class='hotels-search-presetting__card__currency-symbol'>$$</span> <span class="hotels-search-presetting__card__title">精品酒店</span> <p class="hotels-search-presetting__card__description">找舒适性和经济型住宿</p> <span class="btn btn-show-hotels">显示酒店</span> </span> <span data-internal="dGhlbWUvbHV4dXJ5LWhvdGVscy0xNA==" class="hotels-search-presetting__card js-link js-link-new"> <span class='hotels-search-presetting__card__currency-symbol'>$$$</span> <span class="hotels-search-presetting__card__title">豪华酒店</span> <p class="hotels-search-presetting__card__description">看看最豪华的住宿场所</p> <span class="btn btn-show-hotels">显示酒店</span> </span> </div> </div> </div> <div class="near-sights"> <div class="new-container"> <div class="section__title near-sights__title">在最佳景点旁边</div> <div class="near-sights__other-places other-places"> <div class="other-places__list"> <ul class="list list-of-outline-links"> <li class="list__item"> <a href="/zh/near-city-center-76460/" class="list__link link-outline">中心商务区</a> </li> <li class="list__item"> <span data-internal="L3poL25lYXItZWwtcHJhdC1kZS1sbG9icmVnYXQtMTM0MzMzLw==" class="list__link js-link js-link-new link-outline">巴塞罗那埃尔普拉特机场</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItYmFyY2Vsb25hLXNhbnRzLXJhaWx3YXktMjY0MDUxLw==" class="list__link js-link js-link-new link-outline">巴塞隆納桑斯車站</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItcG9ydC12ZWxsLTM1NzQ1MS8=" class="list__link js-link js-link-new link-outline">旧港码头</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItYmFyY2Vsb25ldGEtYmVhY2gtMTYyMzUyLw==" class="list__link js-link js-link-new link-outline">Barceloneta Beach</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItY2FtcC1ub3UtMjMzNjE3Lw==" class="list__link js-link js-link-new link-outline">诺坎普球场</span> </li> </ul> <ul class="list list-of-outline-links other-places__additional open"> <li class="list__item"> <span data-internal="L3poL25lYXItbGEtc2FncmFkYS1mYW1pbGlhLTc2MzY2Lw==" class="list__link js-link js-link-new link-outline">圣家堂</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItcGxhY2EtY2F0YWx1bnlhLXJhaWwtc3RhdGlvbi0xNTYyMjYv" class="list__link js-link js-link-new link-outline">加泰罗尼亚广场</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItYmFyY2Vsb25hLXNhbnRzLXJhaWwtc3RhdGlvbi0xNTU5NTMv" class="list__link js-link js-link-new link-outline">Barcelona Sants Railway Station</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItcGFzc2VpZy1kZS1ncmFjaWEtNzYzNzQv" class="list__link js-link js-link-new link-outline">格拉西亚大道</span> </li> <li class="list__item"> <span data-internal="L3poL25lYXItcGFsYXUtc2FudC1qb3JkaS0yMzYyMDkv" class="list__link js-link js-link-new link-outline">圣乔治宫</span> </li> </ul> </div> <div class="other-places__footer"> <div class="other-places__btn-show-more btn-toggle js-near-sights-other-places is-open" data-target=".other-places__additional" > <span>显示全部</span> <span>收起</span> </div> </div> </div> </div> </div> <div class="presetting-section unique-homes-section"> <div class="new-container"> <div class="section__title">预订独特的住宅</div> <p class="section__subtitle"> 您可安排一种令人难忘的居住体验 - 入住位于精英区的豪华酒店或热闹派对区的时尚公寓。 </p> <div class="presetting-section__select js-unique-homes-mobile-slider"> <div class="hotels-search-presetting__card js-link js-link-new" data-internal="L3poL3R5cGUvYXBhcnRtZW50cy0zLw=="> <svg width="26" height="26"> <use href="/new/designs/90/destination/img/unique-homes-icon.svg#living-home"></use> </svg> <span class="hotels-search-presetting__card__title">公寓</span> <p class="hotels-search-presetting__card__description">隐私、独立、当地旅游经验</p> <span class="btn btn-show-hotels">显示酒店</span> </div> <a href="/zh/type/hotels-12/" class="hotels-search-presetting__card"> <svg width="26" height="26"> <use href="/new/designs/90/destination/img/unique-homes-icon.svg#hotel"></use> </svg> <span class="hotels-search-presetting__card__title">酒店</span> <p class="hotels-search-presetting__card__description">24/7服务，无麻烦，理想的假期</p> <span class="btn btn-show-hotels">显示酒店</span> </a> <div class="hotels-search-presetting__card js-link js-link-new" data-internal="L3poL3R5cGUvYmVkLWFuZC1icmVha2Zhc3RzLTQv"> <svg width="26" height="26"> <use href="/new/designs/90/destination/img/unique-homes-icon.svg#bb-hotel"></use> </svg> <span class="hotels-search-presetting__card__title">住宿加早餐酒店</span> <p class="hotels-search-presetting__card__description">舒适房间、独特设计、安逸之旅</p> <span class="btn btn-show-hotels">显示酒店</span> </div> </div> <div class="unique-homes-section__additional-links"> <ul class="list list-of-outline-links open"> <li class="other-link__list-item"> <span data-internal="L3poL3RoZW1lL2FwYXJ0bWVudHMtYW5kLWItYnMtMy8=" class="link-outline js-link js-link-new">公寓和B&B民宿</span> </li> <li class="other-link__list-item"> <a href="/zh/theme/central-hotels-8/" class="link-outline">市中心酒店</a> </li> <li class="other-link__list-item"> <span data-internal="L3poL3RoZW1lL2x1eHVyeS1hY2NvbW1vZGF0aW9ucy0zNS8=" class="link-outline js-link js-link-new">豪华住宿</span> </li> <li class="other-link__list-item"> <a href="/zh/theme/cheap-and-budget-hotels-9/" class="link-outline">经济型酒店</a> </li> <li class="other-link__list-item"> <span data-internal="L3poL3RoZW1lL3BldHMtYWxsb3dlZC0yOC8=" class="link-outline js-link js-link-new">宠物友好酒店</span> </li> <li class="other-link__list-item"> <span data-internal="L3poL3RoZW1lL2Rlc2lnbi1hbmQtbW9kZXJuLWhvdGVscy0xMC8=" class="link-outline js-link js-link-new">独特设计酒店</span> </li> <li class="other-link__list-item"> <span data-internal="L3poL3RoZW1lL3Jlc29ydHMtMTgv" class="link-outline js-link js-link-new">度假胜地</span> </li> <li class="other-link__list-item"> <span data-internal="L3poL3RoZW1lL2JlYWNoLWhvdGVscy0yLw==" class="link-outline js-link js-link-new">海边酒店</span> </li> <li class="other-link__list-item"> <span data-internal="L3poL3RoZW1lL2FpcnBvcnQtaG90ZWxzLTEv" class="link-outline js-link js-link-new">机场酒店</span> </li> <li class="other-link__list-item"> <a href="/zh/theme/family-hotels-11/" class="link-outline">家庭友好型酒店</a> </li> <li class="other-link__list-item"> <span data-internal="L3poL3RoZW1lL2x1eHVyeS1ob3RlbHMtMTQv" class="link-outline js-link js-link-new">豪华酒店</span> </li> <li class="other-link__list-item"> <span data-internal="L3poL3RoZW1lL2JvdXRpcXVlLWhvdGVscy00Lw==" class="link-outline js-link js-link-new">精品酒店</span> </li> </ul> </div> <div> <button class="btn btn-outline btn-toggle btn-show-more is-open" data-target='.unique-homes-section .list-of-outline-links'> <span>显示全部</span> <span>收起</span> </button> </div> </div> </div> <div class="main-content js-main-content-wrapper"> <div class="new-container"> <h2 class="section__title">星级</h2> <div class="new-row"> <div class="main-content__content js-stars-category-container"> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/zh/5-stars/" class="main-hotels__title-link"> 巴塞罗那5星级酒店 </a> </h3> <p class="main-hotels__text section__subtitle"> 高级住宿,让您享受美妙的假期 </p> <div class="show-all-wrapper"> <span data-internal="L3poLzUtc3RhcnMv" class="show-all js-link js-link-new"> 显示全部 <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="5"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="88782" data-hbs-latitude="41.37173" data-hbs-longitude="2.18072" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjMyNS82MzI1NDYvNjMyNTQ2MzQzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6325/632546/632546343.JPEG" srcset="/data/Photos/450x450w/6325/632546/632546343.JPEG 1x, /data/Photos/700x500w/6325/632546/632546343.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432118/1432118281.JPEG" srcset="/data/Photos/450x450w/14321/1432118/1432118281.JPEG 1x, /data/Photos/700x500w/14321/1432118/1432118281.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432118/1432118578.JPEG" srcset="/data/Photos/450x450w/14321/1432118/1432118578.JPEG 1x, /data/Photos/700x500w/14321/1432118/1432118578.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432123/1432123441.JPEG" srcset="/data/Photos/450x450w/14321/1432123/1432123441.JPEG 1x, /data/Photos/700x500w/14321/1432123/1432123441.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432122/1432122727.JPEG" srcset="/data/Photos/450x450w/14321/1432122/1432122727.JPEG 1x, /data/Photos/700x500w/14321/1432122/1432122727.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432117/1432117561.JPEG" srcset="/data/Photos/450x450w/14321/1432117/1432117561.JPEG 1x, /data/Photos/700x500w/14321/1432117/1432117561.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="欧洲之星玛莲娜大酒店巴塞罗那" data-hbs-name="欧洲之星玛莲娜大酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://eurostars-grand-marina.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ldXJvc3RhcnMtZ3JhbmQtbWFyaW5hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 欧洲之星玛莲娜大酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心1.8公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 卓越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有卓越的地理位置。根据游客的评价，它的地理位置是10分中的8.8分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="非常好">非常好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4909">(4909评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88786" data-hbs-latitude="41.38932" data-hbs-longitude="2.16615" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ5ODUvMTQ5ODU1OC8xNDk4NTU4ODg4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498558/1498558888.JPEG" srcset="/data/Photos/450x450w/14985/1498558/1498558888.JPEG 1x, /data/Photos/700x500w/14985/1498558/1498558888.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16417/1641719/1641719165.JPEG" srcset="/data/Photos/450x450w/16417/1641719/1641719165.JPEG 1x, /data/Photos/700x500w/16417/1641719/1641719165.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16417/1641719/1641719246.JPEG" srcset="/data/Photos/450x450w/16417/1641719/1641719246.JPEG 1x, /data/Photos/700x500w/16417/1641719/1641719246.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16417/1641719/1641719134.JPEG" srcset="/data/Photos/450x450w/16417/1641719/1641719134.JPEG 1x, /data/Photos/700x500w/16417/1641719/1641719134.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16417/1641719/1641719148.JPEG" srcset="/data/Photos/450x450w/16417/1641719/1641719148.JPEG 1x, /data/Photos/700x500w/16417/1641719/1641719148.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16417/1641719/1641719149.JPEG" srcset="/data/Photos/450x450w/16417/1641719/1641719149.JPEG 1x, /data/Photos/700x500w/16417/1641719/1641719149.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Nh精选酒店-巴塞隆纳卡尔德隆大酒店巴塞罗那" data-hbs-name="Nh精选酒店-巴塞隆纳卡尔德隆大酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://nh-collection-barcelona-gran-hotel-calderon.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9uaC1jb2xsZWN0aW9uLWJhcmNlbG9uYS1ncmFuLWhvdGVsLWNhbGRlcm9uLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> Nh精选酒店-巴塞隆纳卡尔德隆大酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心500米 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 理想的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有理想的地理位置。根据游客的评价，它的地理位置是10分中的9.6分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="82">8.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="非常好">非常好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2821">(2821评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88793" data-hbs-latitude="41.3728" data-hbs-longitude="2.1549" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzE5MS8xMjczMTkxMDQzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273191/1273191043.JPEG" srcset="/data/Photos/450x450w/12731/1273191/1273191043.JPEG 1x, /data/Photos/700x500w/12731/1273191/1273191043.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273179/1273179925.JPEG" srcset="/data/Photos/450x450w/12731/1273179/1273179925.JPEG 1x, /data/Photos/700x500w/12731/1273179/1273179925.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273190/1273190374.JPEG" srcset="/data/Photos/450x450w/12731/1273190/1273190374.JPEG 1x, /data/Photos/700x500w/12731/1273190/1273190374.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273190/1273190875.JPEG" srcset="/data/Photos/450x450w/12731/1273190/1273190875.JPEG 1x, /data/Photos/700x500w/12731/1273190/1273190875.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273191/1273191223.JPEG" srcset="/data/Photos/450x450w/12731/1273191/1273191223.JPEG 1x, /data/Photos/700x500w/12731/1273191/1273191223.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273190/1273190161.JPEG" srcset="/data/Photos/450x450w/12731/1273190/1273190161.JPEG 1x, /data/Photos/700x500w/12731/1273190/1273190161.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那洲际酒店" data-hbs-name="巴塞罗那洲际酒店"> <a class="hotels-by-stars__title-link" href="https://crowne-plaza-barcelona-fira-center.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9jcm93bmUtcGxhemEtYmFyY2Vsb25hLWZpcmEtY2VudGVyLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 巴塞罗那洲际酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心2公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 卓越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有卓越的地理位置。根据游客的评价，它的地理位置是10分中的8.5分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="88">8.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2142">(2142评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88821" data-hbs-latitude="41.39149" data-hbs-longitude="2.171457" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzIvMTI3MzIxMC8xMjczMjEwNDA4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273210/1273210408.JPEG" srcset="/data/Photos/450x450w/12732/1273210/1273210408.JPEG 1x, /data/Photos/700x500w/12732/1273210/1273210408.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273208/1273208647.JPEG" srcset="/data/Photos/450x450w/12732/1273208/1273208647.JPEG 1x, /data/Photos/700x500w/12732/1273208/1273208647.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273211/1273211860.JPEG" srcset="/data/Photos/450x450w/12732/1273211/1273211860.JPEG 1x, /data/Photos/700x500w/12732/1273211/1273211860.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273208/1273208593.JPEG" srcset="/data/Photos/450x450w/12732/1273208/1273208593.JPEG 1x, /data/Photos/700x500w/12732/1273208/1273208593.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273205/1273205005.JPEG" srcset="/data/Photos/450x450w/12732/1273205/1273205005.JPEG 1x, /data/Photos/700x500w/12732/1273205/1273205005.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273209/1273209559.JPEG" srcset="/data/Photos/450x450w/12732/1273209/1273209559.JPEG 1x, /data/Photos/700x500w/12732/1273209/1273209559.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那宫殿酒店" data-hbs-name="巴塞罗那宫殿酒店"> <a class="hotels-by-stars__title-link" href="https://el-palace.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9lbC1wYWxhY2UuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 巴塞罗那宫殿酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心600米 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 理想的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有理想的地理位置。根据游客的评价，它的地理位置是10分中的9.6分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="93">9.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="超级好">超级好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2043">(2043评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88827" data-hbs-latitude="41.386325" data-hbs-longitude="2.12317" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTY0NjgvMTY0Njg4OS8xNjQ2ODg5MTIyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16468/1646889/1646889122.JPEG" srcset="/data/Photos/450x450w/16468/1646889/1646889122.JPEG 1x, /data/Photos/700x500w/16468/1646889/1646889122.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14320/1432053/1432053268.JPEG" srcset="/data/Photos/450x450w/14320/1432053/1432053268.JPEG 1x, /data/Photos/700x500w/14320/1432053/1432053268.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273141/1273141795.JPEG" srcset="/data/Photos/450x450w/12731/1273141/1273141795.JPEG 1x, /data/Photos/700x500w/12731/1273141/1273141795.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14320/1432052/1432052275.JPEG" srcset="/data/Photos/450x450w/14320/1432052/1432052275.JPEG 1x, /data/Photos/700x500w/14320/1432052/1432052275.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14320/1432051/1432051489.JPEG" srcset="/data/Photos/450x450w/14320/1432051/1432051489.JPEG 1x, /data/Photos/700x500w/14320/1432051/1432051489.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273141/1273141039.JPEG" srcset="/data/Photos/450x450w/12731/1273141/1273141039.JPEG 1x, /data/Photos/700x500w/12731/1273141/1273141039.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那索菲亚酒店-凯悦无限精选" data-hbs-name="巴塞罗那索菲亚酒店-凯悦无限精选"> <a class="hotels-by-stars__title-link" href="https://princesa-sofia.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9wcmluY2VzYS1zb2ZpYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 巴塞罗那索菲亚酒店-凯悦无限精选 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心4公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 卓越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有卓越的地理位置。根据游客的评价，它的地理位置是10分中的8.4分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="5119">(5119评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88983" data-hbs-latitude="41.38501" data-hbs-longitude="2.17592" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzAxNi83MDE2NTkvNzAxNjU5NzE0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7016/701659/701659714.JPEG" srcset="/data/Photos/450x450w/7016/701659/701659714.JPEG 1x, /data/Photos/700x500w/7016/701659/701659714.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16329/1632988/1632988213.JPEG" srcset="/data/Photos/450x450w/16329/1632988/1632988213.JPEG 1x, /data/Photos/700x500w/16329/1632988/1632988213.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15435/1543571/1543571764.JPEG" srcset="/data/Photos/450x450w/15435/1543571/1543571764.JPEG 1x, /data/Photos/700x500w/15435/1543571/1543571764.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589514/1589514117.JPEG" srcset="/data/Photos/450x450w/15895/1589514/1589514117.JPEG 1x, /data/Photos/700x500w/15895/1589514/1589514117.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15891/1589100/1589100925.JPEG" srcset="/data/Photos/450x450w/15891/1589100/1589100925.JPEG 1x, /data/Photos/700x500w/15891/1589100/1589100925.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15891/1589100/1589100881.JPEG" srcset="/data/Photos/450x450w/15891/1589100/1589100881.JPEG 1x, /data/Photos/700x500w/15891/1589100/1589100881.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="科隆巴塞罗那酒店" data-hbs-name="科隆巴塞罗那酒店"> <a class="hotels-by-stars__title-link" href="https://colon.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9jb2xvbi5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 科隆巴塞罗那酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心500米 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 理想的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有理想的地理位置。根据游客的评价，它的地理位置是10分中的9.8分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="90">9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="超级好">超级好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3595">(3595评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88996" data-hbs-latitude="41.425678" data-hbs-longitude="2.12075293" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYzOTUvMTYzOTU0OS8xNjM5NTQ5NjY3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16395/1639549/1639549667.JPEG" srcset="/data/Photos/450x450w/16395/1639549/1639549667.JPEG 1x, /data/Photos/700x500w/16395/1639549/1639549667.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14365/1436580/1436580436.JPEG" srcset="/data/Photos/450x450w/14365/1436580/1436580436.JPEG 1x, /data/Photos/700x500w/14365/1436580/1436580436.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16377/1637706/1637706104.JPEG" srcset="/data/Photos/450x450w/16377/1637706/1637706104.JPEG 1x, /data/Photos/700x500w/16377/1637706/1637706104.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16395/1639549/1639549668.JPEG" srcset="/data/Photos/450x450w/16395/1639549/1639549668.JPEG 1x, /data/Photos/700x500w/16395/1639549/1639549668.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16395/1639549/1639549681.JPEG" srcset="/data/Photos/450x450w/16395/1639549/1639549681.JPEG 1x, /data/Photos/700x500w/16395/1639549/1639549681.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16395/1639549/1639549642.JPEG" srcset="/data/Photos/450x450w/16395/1639549/1639549642.JPEG 1x, /data/Photos/700x500w/16395/1639549/1639549642.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="福洛利达gl纪念碑格兰酒店巴塞罗那" data-hbs-name="福洛利达gl纪念碑格兰酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://gran-hotel-la-florida.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ncmFuLWhvdGVsLWxhLWZsb3JpZGEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 福洛利达gl纪念碑格兰酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心6公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 卓越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有卓越的地理位置。根据游客的评价，它的地理位置是10分中的8.9分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="88">8.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="621">(621评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="112483" data-hbs-latitude="41.397975" data-hbs-longitude="2.158061" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE5NzUvMTE5NzUxMy8xMTk3NTEzNDg3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11975/1197513/1197513487.JPEG" srcset="/data/Photos/450x450w/11975/1197513/1197513487.JPEG 1x, /data/Photos/700x500w/11975/1197513/1197513487.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432189/1432189027.JPEG" srcset="/data/Photos/450x450w/14321/1432189/1432189027.JPEG 1x, /data/Photos/700x500w/14321/1432189/1432189027.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432189/1432189483.JPEG" srcset="/data/Photos/450x450w/14321/1432189/1432189483.JPEG 1x, /data/Photos/700x500w/14321/1432189/1432189483.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432189/1432189852.JPEG" srcset="/data/Photos/450x450w/14321/1432189/1432189852.JPEG 1x, /data/Photos/700x500w/14321/1432189/1432189852.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432189/1432189963.JPEG" srcset="/data/Photos/450x450w/14321/1432189/1432189963.JPEG 1x, /data/Photos/700x500w/14321/1432189/1432189963.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432190/1432190989.JPEG" srcset="/data/Photos/450x450w/14321/1432190/1432190989.JPEG 1x, /data/Photos/700x500w/14321/1432190/1432190989.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="凯撒弗斯特g.L纪念碑酒店巴塞罗那" data-hbs-name="凯撒弗斯特g.L纪念碑酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://casa-fuster.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9jYXNhLWZ1c3Rlci5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 凯撒弗斯特g.L纪念碑酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心1.6公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 理想的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有理想的地理位置。根据游客的评价，它的地理位置是10分中的9.6分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="90">9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="超级好">超级好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1775">(1775评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="126236" data-hbs-latitude="41.38716" data-hbs-longitude="2.1965353" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU1MzYvMTU1MzY1Ny8xNTUzNjU3MDExLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15536/1553657/1553657011.JPEG" srcset="/data/Photos/450x450w/15536/1553657/1553657011.JPEG 1x, /data/Photos/700x500w/15536/1553657/1553657011.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16488/1648892/1648892428.JPEG" srcset="/data/Photos/450x450w/16488/1648892/1648892428.JPEG 1x, /data/Photos/700x500w/16488/1648892/1648892428.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16488/1648892/1648892432.JPEG" srcset="/data/Photos/450x450w/16488/1648892/1648892432.JPEG 1x, /data/Photos/700x500w/16488/1648892/1648892432.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16488/1648892/1648892433.JPEG" srcset="/data/Photos/450x450w/16488/1648892/1648892433.JPEG 1x, /data/Photos/700x500w/16488/1648892/1648892433.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16488/1648892/1648892436.JPEG" srcset="/data/Photos/450x450w/16488/1648892/1648892436.JPEG 1x, /data/Photos/700x500w/16488/1648892/1648892436.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16488/1648892/1648892437.JPEG" srcset="/data/Photos/450x450w/16488/1648892/1648892437.JPEG 1x, /data/Photos/700x500w/16488/1648892/1648892437.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那艺术酒店" data-hbs-name="巴塞罗那艺术酒店"> <a class="hotels-by-stars__title-link" href="https://arts.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9hcnRzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 巴塞罗那艺术酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心2.3公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.1分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1358">(1358评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="245355" data-hbs-latitude="41.4104995727539" data-hbs-longitude="2.13667011260986" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTIwNzkvMTIwNzkyMS8xMjA3OTIxMzAwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12079/1207921/1207921300.JPEG" srcset="/data/Photos/450x450w/12079/1207921/1207921300.JPEG 1x, /data/Photos/700x500w/12079/1207921/1207921300.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14319/1431940/1431940156.JPEG" srcset="/data/Photos/450x450w/14319/1431940/1431940156.JPEG 1x, /data/Photos/700x500w/14319/1431940/1431940156.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273101/1273101502.JPEG" srcset="/data/Photos/450x450w/12731/1273101/1273101502.JPEG 1x, /data/Photos/700x500w/12731/1273101/1273101502.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14319/1431938/1431938977.JPEG" srcset="/data/Photos/450x450w/14319/1431938/1431938977.JPEG 1x, /data/Photos/700x500w/14319/1431938/1431938977.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273101/1273101601.JPEG" srcset="/data/Photos/450x450w/12731/1273101/1273101601.JPEG 1x, /data/Photos/700x500w/12731/1273101/1273101601.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273101/1273101223.JPEG" srcset="/data/Photos/450x450w/12731/1273101/1273101223.JPEG 1x, /data/Photos/700x500w/12731/1273101/1273101223.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="ABaC巴塞罗那GL纪念碑餐厅及酒店" data-hbs-name="ABaC巴塞罗那GL纪念碑餐厅及酒店"> <a class="hotels-by-stars__title-link" href="https://abac-restaurant-hotel-barcelona-gl-monumento.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9hYmFjLXJlc3RhdXJhbnQtaG90ZWwtYmFyY2Vsb25hLWdsLW1vbnVtZW50by5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> ABaC巴塞罗那GL纪念碑餐厅及酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心3.9公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 卓越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有卓越的地理位置。根据游客的评价，它的地理位置是10分中的8.9分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="90">9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="超级好">超级好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="344">(344评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="315924" data-hbs-latitude="41.368853" data-hbs-longitude="2.189706" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM2MTMvMTM2MTMzNy8xMzYxMzM3Nzc5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13613/1361337/1361337779.JPEG" srcset="/data/Photos/450x450w/13613/1361337/1361337779.JPEG 1x, /data/Photos/700x500w/13613/1361337/1361337779.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634403/1634403710.JPEG" srcset="/data/Photos/450x450w/16344/1634403/1634403710.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403710.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634403/1634403669.JPEG" srcset="/data/Photos/450x450w/16344/1634403/1634403669.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403669.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634403/1634403670.JPEG" srcset="/data/Photos/450x450w/16344/1634403/1634403670.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403670.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634403/1634403671.JPEG" srcset="/data/Photos/450x450w/16344/1634403/1634403671.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403671.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16344/1634403/1634403672.JPEG" srcset="/data/Photos/450x450w/16344/1634403/1634403672.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403672.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那w酒店" data-hbs-name="巴塞罗那w酒店"> <a class="hotels-by-stars__title-link" href="https://w-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly93LWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 巴塞罗那w酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="330152" data-hbs-latitude="41.39108892" data-hbs-longitude="2.166581154" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwNDcvMTYwNDc3MC8xNjA0NzcwMjMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604770/1604770233.JPEG" srcset="/data/Photos/450x450w/16047/1604770/1604770233.JPEG 1x, /data/Photos/700x500w/16047/1604770/1604770233.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16029/1602959/1602959599.JPEG" srcset="/data/Photos/450x450w/16029/1602959/1602959599.JPEG 1x, /data/Photos/700x500w/16029/1602959/1602959599.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604770/1604770226.JPEG" srcset="/data/Photos/450x450w/16047/1604770/1604770226.JPEG 1x, /data/Photos/700x500w/16047/1604770/1604770226.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16029/1602959/1602959547.JPEG" srcset="/data/Photos/450x450w/16029/1602959/1602959547.JPEG 1x, /data/Photos/700x500w/16029/1602959/1602959547.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16029/1602959/1602959570.JPEG" srcset="/data/Photos/450x450w/16029/1602959/1602959570.JPEG 1x, /data/Photos/700x500w/16029/1602959/1602959570.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16029/1602959/1602959577.JPEG" srcset="/data/Photos/450x450w/16029/1602959/1602959577.JPEG 1x, /data/Photos/700x500w/16029/1602959/1602959577.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那文华东方酒店" data-hbs-name="巴塞罗那文华东方酒店"> <a class="hotels-by-stars__title-link" href="https://mandarin-oriental-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9tYW5kYXJpbi1vcmllbnRhbC1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 巴塞罗那文华东方酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="398600" data-hbs-latitude="41.394502" data-hbs-longitude="2.16326600000002" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODE3Ny84MTc3ODYvODE3Nzg2ODI5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8177/817786/817786829.JPEG" srcset="/data/Photos/450x450w/8177/817786/817786829.JPEG 1x, /data/Photos/700x500w/8177/817786/817786829.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273111/1273111369.JPEG" srcset="/data/Photos/450x450w/12731/1273111/1273111369.JPEG 1x, /data/Photos/700x500w/12731/1273111/1273111369.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273110/1273110868.JPEG" srcset="/data/Photos/450x450w/12731/1273110/1273110868.JPEG 1x, /data/Photos/700x500w/12731/1273110/1273110868.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16029/1602961/1602961644.JPEG" srcset="/data/Photos/450x450w/16029/1602961/1602961644.JPEG 1x, /data/Photos/700x500w/16029/1602961/1602961644.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16023/1602336/1602336357.JPEG" srcset="/data/Photos/450x450w/16023/1602336/1602336357.JPEG 1x, /data/Photos/700x500w/16023/1602336/1602336357.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15968/1596871/1596871897.JPEG" srcset="/data/Photos/450x450w/15968/1596871/1596871897.JPEG 1x, /data/Photos/700x500w/15968/1596871/1596871897.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那gl阿尔玛酒店" data-hbs-name="巴塞罗那gl阿尔玛酒店"> <a class="hotels-by-stars__title-link" href="https://alma-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9hbG1hLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 巴塞罗那gl阿尔玛酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="438987" data-hbs-latitude="41.39049" data-hbs-longitude="2.16258" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTMyNDEvMTMyNDE3MS8xMzI0MTcxODgyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13241/1324171/1324171882.JPEG" srcset="/data/Photos/450x450w/13241/1324171/1324171882.JPEG 1x, /data/Photos/700x500w/13241/1324171/1324171882.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13241/1324174/1324174837.JPEG" srcset="/data/Photos/450x450w/13241/1324174/1324174837.JPEG 1x, /data/Photos/700x500w/13241/1324174/1324174837.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13241/1324171/1324171681.JPEG" srcset="/data/Photos/450x450w/13241/1324171/1324171681.JPEG 1x, /data/Photos/700x500w/13241/1324171/1324171681.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10397/1039741/1039741402.JPEG" srcset="/data/Photos/450x450w/10397/1039741/1039741402.JPEG 1x, /data/Photos/700x500w/10397/1039741/1039741402.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9997/999725/999725793.JPEG" srcset="/data/Photos/450x450w/9997/999725/999725793.JPEG 1x, /data/Photos/700x500w/9997/999725/999725793.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9979/997932/997932213.JPEG" srcset="/data/Photos/450x450w/9979/997932/997932213.JPEG 1x, /data/Photos/700x500w/9979/997932/997932213.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那布巴之家旅舍" data-hbs-name="巴塞罗那布巴之家旅舍"> <a class="hotels-by-stars__title-link" href="https://buba-house.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9idWJhLWhvdXNlLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 巴塞罗那布巴之家旅舍 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1349931" data-hbs-latitude="41.3944574" data-hbs-longitude="2.1564353" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzIvMTI3MzI0MS8xMjczMjQxNTYzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273241/1273241563.JPEG" srcset="/data/Photos/450x450w/12732/1273241/1273241563.JPEG 1x, /data/Photos/700x500w/12732/1273241/1273241563.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273242/1273242607.JPEG" srcset="/data/Photos/450x450w/12732/1273242/1273242607.JPEG 1x, /data/Photos/700x500w/12732/1273242/1273242607.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273242/1273242784.JPEG" srcset="/data/Photos/450x450w/12732/1273242/1273242784.JPEG 1x, /data/Photos/700x500w/12732/1273242/1273242784.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273242/1273242946.JPEG" srcset="/data/Photos/450x450w/12732/1273242/1273242946.JPEG 1x, /data/Photos/700x500w/12732/1273242/1273242946.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273241/1273241476.JPEG" srcset="/data/Photos/450x450w/12732/1273241/1273241476.JPEG 1x, /data/Photos/700x500w/12732/1273241/1273241476.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273236/1273236523.JPEG" srcset="/data/Photos/450x450w/12732/1273236/1273236523.JPEG 1x, /data/Photos/700x500w/12732/1273236/1273236523.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="奥拉埃克赞普酒店巴塞罗那" data-hbs-name="奥拉埃克赞普酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://ohla-eixample.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9vaGxhLWVpeGFtcGxlLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 奥拉埃克赞普酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1731053" data-hbs-latitude="41.39611" data-hbs-longitude="2.16304" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ0NDAvMTQ0NDA0OC8xNDQ0MDQ4MzkzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14440/1444048/1444048393.JPEG" srcset="/data/Photos/450x450w/14440/1444048/1444048393.JPEG 1x, /data/Photos/700x500w/14440/1444048/1444048393.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16002/1600261/1600261156.JPEG" srcset="/data/Photos/450x450w/16002/1600261/1600261156.JPEG 1x, /data/Photos/700x500w/16002/1600261/1600261156.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15515/1551526/1551526705.JPEG" srcset="/data/Photos/450x450w/15515/1551526/1551526705.JPEG 1x, /data/Photos/700x500w/15515/1551526/1551526705.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15515/1551526/1551526744.JPEG" srcset="/data/Photos/450x450w/15515/1551526/1551526744.JPEG 1x, /data/Photos/700x500w/15515/1551526/1551526744.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16002/1600261/1600261158.JPEG" srcset="/data/Photos/450x450w/16002/1600261/1600261158.JPEG 1x, /data/Photos/700x500w/16002/1600261/1600261158.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15515/1551527/1551527404.JPEG" srcset="/data/Photos/450x450w/15515/1551527/1551527404.JPEG 1x, /data/Photos/700x500w/15515/1551527/1551527404.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那第一gl酒店" data-hbs-name="巴塞罗那第一gl酒店"> <a class="hotels-by-stars__title-link" href="https://the-one-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly90aGUtb25lLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 巴塞罗那第一gl酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1919790" data-hbs-latitude="41.393894" data-hbs-longitude="2.167585" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ0MzkvMTQ0MzkyMi8xNDQzOTIyOTkwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14439/1443922/1443922990.JPEG" srcset="/data/Photos/450x450w/14439/1443922/1443922990.JPEG 1x, /data/Photos/700x500w/14439/1443922/1443922990.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14438/1443899/1443899344.JPEG" srcset="/data/Photos/450x450w/14438/1443899/1443899344.JPEG 1x, /data/Photos/700x500w/14438/1443899/1443899344.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14438/1443899/1443899854.JPEG" srcset="/data/Photos/450x450w/14438/1443899/1443899854.JPEG 1x, /data/Photos/700x500w/14438/1443899/1443899854.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14439/1443900/1443900880.JPEG" srcset="/data/Photos/450x450w/14439/1443900/1443900880.JPEG 1x, /data/Photos/700x500w/14439/1443900/1443900880.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14439/1443903/1443903781.JPEG" srcset="/data/Photos/450x450w/14439/1443903/1443903781.JPEG 1x, /data/Photos/700x500w/14439/1443903/1443903781.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14439/1443904/1443904798.JPEG" srcset="/data/Photos/450x450w/14439/1443904/1443904798.JPEG 1x, /data/Photos/700x500w/14439/1443904/1443904798.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那海洋大道酒店" data-hbs-name="巴塞罗那海洋大道酒店"> <a class="hotels-by-stars__title-link" href="https://od-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9vZC1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 巴塞罗那海洋大道酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2284626" data-hbs-latitude="41.39064" data-hbs-longitude="2.169338" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NTQ1My81NDUzNTIvNTQ1MzUyOTYzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5453/545352/545352963.JPEG" srcset="/data/Photos/450x450w/5453/545352/545352963.JPEG 1x, /data/Photos/700x500w/5453/545352/545352963.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16517/1651761/1651761882.JPEG" srcset="/data/Photos/450x450w/16517/1651761/1651761882.JPEG 1x, /data/Photos/700x500w/16517/1651761/1651761882.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16517/1651761/1651761878.JPEG" srcset="/data/Photos/450x450w/16517/1651761/1651761878.JPEG 1x, /data/Photos/700x500w/16517/1651761/1651761878.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16456/1645691/1645691856.JPEG" srcset="/data/Photos/450x450w/16456/1645691/1645691856.JPEG 1x, /data/Photos/700x500w/16456/1645691/1645691856.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16456/1645691/1645691859.JPEG" srcset="/data/Photos/450x450w/16456/1645691/1645691859.JPEG 1x, /data/Photos/700x500w/16456/1645691/1645691859.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16456/1645691/1645691860.JPEG" srcset="/data/Photos/450x450w/16456/1645691/1645691860.JPEG 1x, /data/Photos/700x500w/16456/1645691/1645691860.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那艾玛纳克酒店" data-hbs-name="巴塞罗那艾玛纳克酒店"> <a class="hotels-by-stars__title-link" href="https://almanac-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9hbG1hbmFjLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 巴塞罗那艾玛纳克酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="13246915" data-hbs-latitude="41.39403" data-hbs-longitude="2.15967" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTY0NjkvMTY0Njk3OC8xNjQ2OTc4OTMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16469/1646978/1646978933.JPEG" srcset="/data/Photos/450x450w/16469/1646978/1646978933.JPEG 1x, /data/Photos/700x500w/16469/1646978/1646978933.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16287/1628732/1628732503.JPEG" srcset="/data/Photos/450x450w/16287/1628732/1628732503.JPEG 1x, /data/Photos/700x500w/16287/1628732/1628732503.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16287/1628732/1628732507.JPEG" srcset="/data/Photos/450x450w/16287/1628732/1628732507.JPEG 1x, /data/Photos/700x500w/16287/1628732/1628732507.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16469/1646978/1646978939.JPEG" srcset="/data/Photos/450x450w/16469/1646978/1646978939.JPEG 1x, /data/Photos/700x500w/16469/1646978/1646978939.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16469/1646978/1646978934.JPEG" srcset="/data/Photos/450x450w/16469/1646978/1646978934.JPEG 1x, /data/Photos/700x500w/16469/1646978/1646978934.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13452/1345279/1345279442.JPEG" srcset="/data/Photos/450x450w/13452/1345279/1345279442.JPEG 1x, /data/Photos/700x500w/13452/1345279/1345279442.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Casa Sagnier 巴塞罗那" data-hbs-name="Hotel Casa Sagnier 巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://hotel-casa-sagnier.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1jYXNhLXNhZ25pZXIuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> Hotel Casa Sagnier 巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="14460262" data-hbs-latitude="41.39084" data-hbs-longitude="2.16633" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM1ODEvMTM1ODEzNi8xMzU4MTM2NjI2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13581/1358136/1358136626.JPEG" srcset="/data/Photos/450x450w/13581/1358136/1358136626.JPEG 1x, /data/Photos/700x500w/13581/1358136/1358136626.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12957/1295789/1295789419.JPEG" srcset="/data/Photos/450x450w/12957/1295789/1295789419.JPEG 1x, /data/Photos/700x500w/12957/1295789/1295789419.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12957/1295791/1295791744.JPEG" srcset="/data/Photos/450x450w/12957/1295791/1295791744.JPEG 1x, /data/Photos/700x500w/12957/1295791/1295791744.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12957/1295791/1295791801.JPEG" srcset="/data/Photos/450x450w/12957/1295791/1295791801.JPEG 1x, /data/Photos/700x500w/12957/1295791/1295791801.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12957/1295792/1295792485.JPEG" srcset="/data/Photos/450x450w/12957/1295792/1295792485.JPEG 1x, /data/Photos/700x500w/12957/1295792/1295792485.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12957/1295792/1295792491.JPEG" srcset="/data/Photos/450x450w/12957/1295792/1295792491.JPEG 1x, /data/Photos/700x500w/12957/1295792/1295792491.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那 Sonder Paseo De Gracia酒店" data-hbs-name="巴塞罗那 Sonder Paseo De Gracia酒店"> <a class="hotels-by-stars__title-link" href="https://sonder-paseo-de-gracia.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9zb25kZXItcGFzZW8tZGUtZ3JhY2lhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 巴塞罗那 Sonder Paseo De Gracia酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/zh/4-stars/" class="main-hotels__title-link"> 巴塞罗那4星级酒店 </a> </h3> <p class="main-hotels__text section__subtitle"> 能够满足你对高端酒店所有欲望的酒店 </p> <div class="show-all-wrapper"> <span data-internal="L3poLzQtc3RhcnMv" class="show-all js-link js-link-new"> 显示全部 <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="4"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="88229" data-hbs-latitude="41.312371" data-hbs-longitude="2.06847" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyMDkvMTYyMDk3OS8xNjIwOTc5OTY0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16209/1620979/1620979964.JPEG" srcset="/data/Photos/450x450w/16209/1620979/1620979964.JPEG 1x, /data/Photos/700x500w/16209/1620979/1620979964.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16384/1638473/1638473325.JPEG" srcset="/data/Photos/450x450w/16384/1638473/1638473325.JPEG 1x, /data/Photos/700x500w/16384/1638473/1638473325.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16209/1620979/1620979970.JPEG" srcset="/data/Photos/450x450w/16209/1620979/1620979970.JPEG 1x, /data/Photos/700x500w/16209/1620979/1620979970.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16209/1620979/1620979971.JPEG" srcset="/data/Photos/450x450w/16209/1620979/1620979971.JPEG 1x, /data/Photos/700x500w/16209/1620979/1620979971.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16209/1620979/1620979963.JPEG" srcset="/data/Photos/450x450w/16209/1620979/1620979963.JPEG 1x, /data/Photos/700x500w/16209/1620979/1620979963.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16384/1638473/1638473767.JPEG" srcset="/data/Photos/450x450w/16384/1638473/1638473767.JPEG 1x, /data/Photos/700x500w/16384/1638473/1638473767.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那机场酒店-梅里亚酒店埃普拉特约布里加" data-hbs-name="巴塞罗那机场酒店-梅里亚酒店埃普拉特约布里加"> <a class="hotels-by-stars__title-link" href="https://tryp-barcelona-aeropuerto.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly90cnlwLWJhcmNlbG9uYS1hZXJvcHVlcnRvLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 巴塞罗那机场酒店-梅里亚酒店埃普拉特约布里加 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心2.5公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 卓越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有卓越的地理位置。根据游客的评价，它的地理位置是10分中的8.4分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1156">(1156评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88230" data-hbs-latitude="41.31796" data-hbs-longitude="2.07424" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzIvMTI3MzI0NC8xMjczMjQ0NTMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273244/1273244533.JPEG" srcset="/data/Photos/450x450w/12732/1273244/1273244533.JPEG 1x, /data/Photos/700x500w/12732/1273244/1273244533.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6929/692905/692905164.JPEG" srcset="/data/Photos/450x450w/6929/692905/692905164.JPEG 1x, /data/Photos/700x500w/6929/692905/692905164.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273243/1273243711.JPEG" srcset="/data/Photos/450x450w/12732/1273243/1273243711.JPEG 1x, /data/Photos/700x500w/12732/1273243/1273243711.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273244/1273244260.JPEG" srcset="/data/Photos/450x450w/12732/1273244/1273244260.JPEG 1x, /data/Photos/700x500w/12732/1273244/1273244260.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273244/1273244419.JPEG" srcset="/data/Photos/450x450w/12732/1273244/1273244419.JPEG 1x, /data/Photos/700x500w/12732/1273244/1273244419.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273244/1273244650.JPEG" srcset="/data/Photos/450x450w/12732/1273244/1273244650.JPEG 1x, /data/Photos/700x500w/12732/1273244/1273244650.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Bah巴塞罗那机场酒店埃普拉特约布里加" data-hbs-name="Bah巴塞罗那机场酒店埃普拉特约布里加"> <a class="hotels-by-stars__title-link" href="https://bah-barcelona-airport-hotel.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9iYWgtYmFyY2Vsb25hLWFpcnBvcnQtaG90ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> Bah巴塞罗那机场酒店埃普拉特约布里加 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心1.8公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 卓越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有卓越的地理位置。根据游客的评价，它的地理位置是10分中的8.5分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="82">8.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="非常好">非常好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="12545">(12545评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88753" data-hbs-latitude="41.3935" data-hbs-longitude="2.16858" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQzMjAvMTQzMjAyMi8xNDMyMDIyNTM2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14320/1432022/1432022536.JPEG" srcset="/data/Photos/450x450w/14320/1432022/1432022536.JPEG 1x, /data/Photos/700x500w/14320/1432022/1432022536.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15456/1545683/1545683359.JPEG" srcset="/data/Photos/450x450w/15456/1545683/1545683359.JPEG 1x, /data/Photos/700x500w/15456/1545683/1545683359.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606542/1606542336.JPEG" srcset="/data/Photos/450x450w/16065/1606542/1606542336.JPEG 1x, /data/Photos/700x500w/16065/1606542/1606542336.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606542/1606542337.JPEG" srcset="/data/Photos/450x450w/16065/1606542/1606542337.JPEG 1x, /data/Photos/700x500w/16065/1606542/1606542337.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606542/1606542338.JPEG" srcset="/data/Photos/450x450w/16065/1606542/1606542338.JPEG 1x, /data/Photos/700x500w/16065/1606542/1606542338.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606542/1606542339.JPEG" srcset="/data/Photos/450x450w/16065/1606542/1606542339.JPEG 1x, /data/Photos/700x500w/16065/1606542/1606542339.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="加泰罗尼亚亦桑普乐区1864 巴塞罗那" data-hbs-name="加泰罗尼亚亦桑普乐区1864 巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://catalonia-eixample-1864.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9jYXRhbG9uaWEtZWl4YW1wbGUtMTg2NC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 加泰罗尼亚亦桑普乐区1864 巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心800米 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.3分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4304">(4304评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88758" data-hbs-latitude="41.3939" data-hbs-longitude="2.15683" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTIwNzgvMTIwNzg5My8xMjA3ODkzODcxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12078/1207893/1207893871.JPEG" srcset="/data/Photos/450x450w/12078/1207893/1207893871.JPEG 1x, /data/Photos/700x500w/12078/1207893/1207893871.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15455/1545525/1545525970.JPEG" srcset="/data/Photos/450x450w/15455/1545525/1545525970.JPEG 1x, /data/Photos/700x500w/15455/1545525/1545525970.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15455/1545526/1545526033.JPEG" srcset="/data/Photos/450x450w/15455/1545526/1545526033.JPEG 1x, /data/Photos/700x500w/15455/1545526/1545526033.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15455/1545526/1545526096.JPEG" srcset="/data/Photos/450x450w/15455/1545526/1545526096.JPEG 1x, /data/Photos/700x500w/15455/1545526/1545526096.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15449/1544929/1544929537.JPEG" srcset="/data/Photos/450x450w/15449/1544929/1544929537.JPEG 1x, /data/Photos/700x500w/15449/1544929/1544929537.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15455/1545526/1545526072.JPEG" srcset="/data/Photos/450x450w/15455/1545526/1545526072.JPEG 1x, /data/Photos/700x500w/15455/1545526/1545526072.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="加泰罗尼亚对角线中心酒店巴塞罗那" data-hbs-name="加泰罗尼亚对角线中心酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://catalonia-diagonal-centro.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9jYXRhbG9uaWEtZGlhZ29uYWwtY2VudHJvLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 加泰罗尼亚对角线中心酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心1.4公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.2分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3515">(3515评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88907" data-hbs-latitude="41.40065" data-hbs-longitude="2.1787" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAyMjAvMTAyMjA2OC8xMDIyMDY4MDI3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10220/1022068/1022068027.JPEG" srcset="/data/Photos/450x450w/10220/1022068/1022068027.JPEG 1x, /data/Photos/700x500w/10220/1022068/1022068027.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580288/1580288803.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288803.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288803.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10249/1024969/1024969807.JPEG" srcset="/data/Photos/450x450w/10249/1024969/1024969807.JPEG 1x, /data/Photos/700x500w/10249/1024969/1024969807.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10220/1022066/1022066029.JPEG" srcset="/data/Photos/450x450w/10220/1022066/1022066029.JPEG 1x, /data/Photos/700x500w/10220/1022066/1022066029.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10249/1024967/1024967146.JPEG" srcset="/data/Photos/450x450w/10249/1024967/1024967146.JPEG 1x, /data/Photos/700x500w/10249/1024967/1024967146.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10249/1024967/1024967641.JPEG" srcset="/data/Photos/450x450w/10249/1024967/1024967641.JPEG 1x, /data/Photos/700x500w/10249/1024967/1024967641.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="欧洲之星丰碑酒店巴塞罗那" data-hbs-name="欧洲之星丰碑酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://eurostars-monumental.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ldXJvc3RhcnMtbW9udW1lbnRhbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 欧洲之星丰碑酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心1.7公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.2分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1811">(1811评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88913" data-hbs-latitude="41.3773" data-hbs-longitude="2.1137" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ5ODUvMTQ5ODU0MS8xNDk4NTQxNDM0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498541/1498541434.JPEG" srcset="/data/Photos/450x450w/14985/1498541/1498541434.JPEG 1x, /data/Photos/700x500w/14985/1498541/1498541434.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588037/1588037956.JPEG" srcset="/data/Photos/450x450w/15880/1588037/1588037956.JPEG 1x, /data/Photos/700x500w/15880/1588037/1588037956.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588037/1588037981.JPEG" srcset="/data/Photos/450x450w/15880/1588037/1588037981.JPEG 1x, /data/Photos/700x500w/15880/1588037/1588037981.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588038/1588038034.JPEG" srcset="/data/Photos/450x450w/15880/1588038/1588038034.JPEG 1x, /data/Photos/700x500w/15880/1588038/1588038034.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588037/1588037911.JPEG" srcset="/data/Photos/450x450w/15880/1588037/1588037911.JPEG 1x, /data/Photos/700x500w/15880/1588037/1588037911.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588038/1588038015.JPEG" srcset="/data/Photos/450x450w/15880/1588038/1588038015.JPEG 1x, /data/Photos/700x500w/15880/1588038/1588038015.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那参议员水疗酒店" data-hbs-name="巴塞罗那参议员水疗酒店"> <a class="hotels-by-stars__title-link" href="https://senator-barcelona-spa-hotel.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9zZW5hdG9yLWJhcmNlbG9uYS1zcGEtaG90ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 巴塞罗那参议员水疗酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心4.8公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 卓越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有卓越的地理位置。根据游客的评价，它的地理位置是10分中的8分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="82">8.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="非常好">非常好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="7274">(7274评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88933" data-hbs-latitude="41.38909" data-hbs-longitude="2.16729" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU2NjkvMTU2NjkxNy8xNTY2OTE3NjM5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15669/1566917/1566917639.JPEG" srcset="/data/Photos/450x450w/15669/1566917/1566917639.JPEG 1x, /data/Photos/700x500w/15669/1566917/1566917639.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15585/1558538/1558538221.JPEG" srcset="/data/Photos/450x450w/15585/1558538/1558538221.JPEG 1x, /data/Photos/700x500w/15585/1558538/1558538221.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16468/1646888/1646888285.JPEG" srcset="/data/Photos/450x450w/16468/1646888/1646888285.JPEG 1x, /data/Photos/700x500w/16468/1646888/1646888285.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15920/1592046/1592046613.JPEG" srcset="/data/Photos/450x450w/15920/1592046/1592046613.JPEG 1x, /data/Photos/700x500w/15920/1592046/1592046613.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16174/1617455/1617455652.JPEG" srcset="/data/Photos/450x450w/16174/1617455/1617455652.JPEG 1x, /data/Photos/700x500w/16174/1617455/1617455652.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16174/1617455/1617455665.JPEG" srcset="/data/Photos/450x450w/16174/1617455/1617455665.JPEG 1x, /data/Photos/700x500w/16174/1617455/1617455665.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="埃尔阿维尼达宫酒店巴塞罗那" data-hbs-name="埃尔阿维尼达宫酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://avenida-palace.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9hdmVuaWRhLXBhbGFjZS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 埃尔阿维尼达宫酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心400米 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 理想的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有理想的地理位置。根据游客的评价，它的地理位置是10分中的9.7分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4974">(4974评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88946" data-hbs-latitude="41.38617" data-hbs-longitude="2.17091" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzA0Ni83MDQ2MDUvNzA0NjA1NzE0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7046/704605/704605714.JPEG" srcset="/data/Photos/450x450w/7046/704605/704605714.JPEG 1x, /data/Photos/700x500w/7046/704605/704605714.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580310/1580310427.JPEG" srcset="/data/Photos/450x450w/15803/1580310/1580310427.JPEG 1x, /data/Photos/700x500w/15803/1580310/1580310427.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580311/1580311195.JPEG" srcset="/data/Photos/450x450w/15803/1580311/1580311195.JPEG 1x, /data/Photos/700x500w/15803/1580311/1580311195.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498547/1498547302.JPEG" srcset="/data/Photos/450x450w/14985/1498547/1498547302.JPEG 1x, /data/Photos/700x500w/14985/1498547/1498547302.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498547/1498547110.JPEG" srcset="/data/Photos/450x450w/14985/1498547/1498547110.JPEG 1x, /data/Photos/700x500w/14985/1498547/1498547110.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498547/1498547161.JPEG" srcset="/data/Photos/450x450w/14985/1498547/1498547161.JPEG 1x, /data/Photos/700x500w/14985/1498547/1498547161.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="奥利维亚宫酒店巴塞罗那" data-hbs-name="奥利维亚宫酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://olivia-plaza-hotel.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9vbGl2aWEtcGxhemEtaG90ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 奥利维亚宫酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心100米 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 理想的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有理想的地理位置。根据游客的评价，它的地理位置是10分中的9.9分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="93">9.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="超级好">超级好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4010">(4010评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88965" data-hbs-latitude="41.378914" data-hbs-longitude="2.139954" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODg4NC84ODg0MTAvODg4NDEwMTI4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8884/888410/888410128.JPEG" srcset="/data/Photos/450x450w/8884/888410/888410128.JPEG 1x, /data/Photos/700x500w/8884/888410/888410128.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15802/1580288/1580288933.JPEG" srcset="/data/Photos/450x450w/15802/1580288/1580288933.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288933.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580343/1580343549.JPEG" srcset="/data/Photos/450x450w/15803/1580343/1580343549.JPEG 1x, /data/Photos/700x500w/15803/1580343/1580343549.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580343/1580343281.JPEG" srcset="/data/Photos/450x450w/15803/1580343/1580343281.JPEG 1x, /data/Photos/700x500w/15803/1580343/1580343281.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580343/1580343265.JPEG" srcset="/data/Photos/450x450w/15803/1580343/1580343265.JPEG 1x, /data/Photos/700x500w/15803/1580343/1580343265.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11862/1186203/1186203484.JPEG" srcset="/data/Photos/450x450w/11862/1186203/1186203484.JPEG 1x, /data/Photos/700x500w/11862/1186203/1186203484.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="桑特斯巴塞罗酒店巴塞罗那" data-hbs-name="桑特斯巴塞罗酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://barcelo-sants.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvLXNhbnRzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 桑特斯巴塞罗酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心2.7公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.2分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="8867">(8867评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88972" data-hbs-latitude="41.391731" data-hbs-longitude="2.159275" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ3NzEvMTQ3NzE5OS8xNDc3MTk5NjUzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14771/1477199/1477199653.JPEG" srcset="/data/Photos/450x450w/14771/1477199/1477199653.JPEG 1x, /data/Photos/700x500w/14771/1477199/1477199653.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15766/1576685/1576685069.JPEG" srcset="/data/Photos/450x450w/15766/1576685/1576685069.JPEG 1x, /data/Photos/700x500w/15766/1576685/1576685069.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15431/1543173/1543173211.JPEG" srcset="/data/Photos/450x450w/15431/1543173/1543173211.JPEG 1x, /data/Photos/700x500w/15431/1543173/1543173211.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13417/1341717/1341717074.JPEG" srcset="/data/Photos/450x450w/13417/1341717/1341717074.JPEG 1x, /data/Photos/700x500w/13417/1341717/1341717074.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10153/1015341/1015341061.JPEG" srcset="/data/Photos/450x450w/10153/1015341/1015341061.JPEG 1x, /data/Photos/700x500w/10153/1015341/1015341061.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13417/1341703/1341703082.JPEG" srcset="/data/Photos/450x450w/13417/1341703/1341703082.JPEG 1x, /data/Photos/700x500w/13417/1341703/1341703082.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那中心酒店" data-hbs-name="巴塞罗那中心酒店"> <a class="hotels-by-stars__title-link" href="https://barcelona-center.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9iYXJjZWxvbmEtY2VudGVyLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 巴塞罗那中心酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心1.1公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.2分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="8101">(8101评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88981" data-hbs-latitude="41.396019" data-hbs-longitude="2.1794" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTY0NjMvMTY0NjMzMS8xNjQ2MzMxMTAzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16463/1646331/1646331103.JPEG" srcset="/data/Photos/450x450w/16463/1646331/1646331103.JPEG 1x, /data/Photos/700x500w/16463/1646331/1646331103.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16463/1646331/1646331125.JPEG" srcset="/data/Photos/450x450w/16463/1646331/1646331125.JPEG 1x, /data/Photos/700x500w/16463/1646331/1646331125.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16463/1646331/1646331126.JPEG" srcset="/data/Photos/450x450w/16463/1646331/1646331126.JPEG 1x, /data/Photos/700x500w/16463/1646331/1646331126.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16463/1646331/1646331129.JPEG" srcset="/data/Photos/450x450w/16463/1646331/1646331129.JPEG 1x, /data/Photos/700x500w/16463/1646331/1646331129.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16463/1646331/1646331143.JPEG" srcset="/data/Photos/450x450w/16463/1646331/1646331143.JPEG 1x, /data/Photos/700x500w/16463/1646331/1646331143.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16463/1646331/1646331148.JPEG" srcset="/data/Photos/450x450w/16463/1646331/1646331148.JPEG 1x, /data/Photos/700x500w/16463/1646331/1646331148.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="艾尔卡斯佩酒店巴塞罗那" data-hbs-name="艾尔卡斯佩酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://ayre-hotel-caspe.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9heXJlLWhvdGVsLWNhc3BlLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 艾尔卡斯佩酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="324228" data-hbs-latitude="41.404885" data-hbs-longitude="2.17277" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjgzMi82ODMyOTIvNjgzMjkyODMxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6832/683292/683292831.JPEG" srcset="/data/Photos/450x450w/6832/683292/683292831.JPEG 1x, /data/Photos/700x500w/6832/683292/683292831.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580419/1580419343.JPEG" srcset="/data/Photos/450x450w/15804/1580419/1580419343.JPEG 1x, /data/Photos/700x500w/15804/1580419/1580419343.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606550/1606550301.JPEG" srcset="/data/Photos/450x450w/16065/1606550/1606550301.JPEG 1x, /data/Photos/700x500w/16065/1606550/1606550301.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606550/1606550262.JPEG" srcset="/data/Photos/450x450w/16065/1606550/1606550262.JPEG 1x, /data/Photos/700x500w/16065/1606550/1606550262.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606550/1606550263.JPEG" srcset="/data/Photos/450x450w/16065/1606550/1606550263.JPEG 1x, /data/Photos/700x500w/16065/1606550/1606550263.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606550/1606550277.JPEG" srcset="/data/Photos/450x450w/16065/1606550/1606550277.JPEG 1x, /data/Photos/700x500w/16065/1606550/1606550277.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="罗森艾尔酒店巴塞罗那" data-hbs-name="罗森艾尔酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://ayre-hotel-rosellon.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9heXJlLWhvdGVsLXJvc2VsbG9uLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 罗森艾尔酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="334300" data-hbs-latitude="41.354843" data-hbs-longitude="2.1254125" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTEzNi85MTM2MDIvOTEzNjAyMDQ5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9136/913602/913602049.JPEG" srcset="/data/Photos/450x450w/9136/913602/913602049.JPEG 1x, /data/Photos/700x500w/9136/913602/913602049.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580430/1580430171.JPEG" srcset="/data/Photos/450x450w/15804/1580430/1580430171.JPEG 1x, /data/Photos/700x500w/15804/1580430/1580430171.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580430/1580430249.JPEG" srcset="/data/Photos/450x450w/15804/1580430/1580430249.JPEG 1x, /data/Photos/700x500w/15804/1580430/1580430249.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13989/1398998/1398998051.JPEG" srcset="/data/Photos/450x450w/13989/1398998/1398998051.JPEG 1x, /data/Photos/700x500w/13989/1398998/1398998051.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13990/1399006/1399006499.JPEG" srcset="/data/Photos/450x450w/13990/1399006/1399006499.JPEG 1x, /data/Photos/700x500w/13990/1399006/1399006499.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13990/1399017/1399017428.JPEG" srcset="/data/Photos/450x450w/13990/1399017/1399017428.JPEG 1x, /data/Photos/700x500w/13990/1399017/1399017428.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="费拉港四星超级酒店略夫雷加特河畔奥斯皮塔莱特" data-hbs-name="费拉港四星超级酒店略夫雷加特河畔奥斯皮塔莱特"> <a class="hotels-by-stars__title-link" href="https://santos-porta-fira.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9zYW50b3MtcG9ydGEtZmlyYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 费拉港四星超级酒店略夫雷加特河畔奥斯皮塔莱特 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="577160" data-hbs-latitude="41.390157" data-hbs-longitude="2.16963" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzIvMTI3MzIyMi8xMjczMjIyODY0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273222/1273222864.JPEG" srcset="/data/Photos/450x450w/12732/1273222/1273222864.JPEG 1x, /data/Photos/700x500w/12732/1273222/1273222864.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15891/1589122/1589122112.JPEG" srcset="/data/Photos/450x450w/15891/1589122/1589122112.JPEG 1x, /data/Photos/700x500w/15891/1589122/1589122112.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15891/1589122/1589122129.JPEG" srcset="/data/Photos/450x450w/15891/1589122/1589122129.JPEG 1x, /data/Photos/700x500w/15891/1589122/1589122129.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15891/1589122/1589122139.JPEG" srcset="/data/Photos/450x450w/15891/1589122/1589122139.JPEG 1x, /data/Photos/700x500w/15891/1589122/1589122139.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15783/1578393/1578393782.JPEG" srcset="/data/Photos/450x450w/15783/1578393/1578393782.JPEG 1x, /data/Photos/700x500w/15783/1578393/1578393782.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15633/1563324/1563324814.JPEG" srcset="/data/Photos/450x450w/15633/1563324/1563324814.JPEG 1x, /data/Photos/700x500w/15633/1563324/1563324814.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="加泰罗尼亚格拉西亚大道酒店巴塞罗那" data-hbs-name="加泰罗尼亚格拉西亚大道酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://catalonia-passeig-de-gracia.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9jYXRhbG9uaWEtcGFzc2VpZy1kZS1ncmFjaWEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 加泰罗尼亚格拉西亚大道酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="595915" data-hbs-latitude="41.39432" data-hbs-longitude="2.1626" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzE1Ni8xMjczMTU2NzMyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273156/1273156732.JPEG" srcset="/data/Photos/450x450w/12731/1273156/1273156732.JPEG 1x, /data/Photos/700x500w/12731/1273156/1273156732.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273156/1273156960.JPEG" srcset="/data/Photos/450x450w/12731/1273156/1273156960.JPEG 1x, /data/Photos/700x500w/12731/1273156/1273156960.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273156/1273156336.JPEG" srcset="/data/Photos/450x450w/12731/1273156/1273156336.JPEG 1x, /data/Photos/700x500w/12731/1273156/1273156336.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273157/1273157041.JPEG" srcset="/data/Photos/450x450w/12731/1273157/1273157041.JPEG 1x, /data/Photos/700x500w/12731/1273157/1273157041.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273157/1273157122.JPEG" srcset="/data/Photos/450x450w/12731/1273157/1273157122.JPEG 1x, /data/Photos/700x500w/12731/1273157/1273157122.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273157/1273157203.JPEG" srcset="/data/Photos/450x450w/12731/1273157/1273157203.JPEG 1x, /data/Photos/700x500w/12731/1273157/1273157203.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="皇家格拉西亚大道酒店巴塞罗那" data-hbs-name="皇家格拉西亚大道酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://royal-passeig-de-gracia.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9yb3lhbC1wYXNzZWlnLWRlLWdyYWNpYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 皇家格拉西亚大道酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="758816" data-hbs-latitude="41.39539" data-hbs-longitude="2.18846" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NTc0NS81NzQ1MzIvNTc0NTMyNzcyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5745/574532/574532772.JPEG" srcset="/data/Photos/450x450w/5745/574532/574532772.JPEG 1x, /data/Photos/700x500w/5745/574532/574532772.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5745/574532/574532943.JPEG" srcset="/data/Photos/450x450w/5745/574532/574532943.JPEG 1x, /data/Photos/700x500w/5745/574532/574532943.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5745/574532/574532925.JPEG" srcset="/data/Photos/450x450w/5745/574532/574532925.JPEG 1x, /data/Photos/700x500w/5745/574532/574532925.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5745/574532/574532886.JPEG" srcset="/data/Photos/450x450w/5745/574532/574532886.JPEG 1x, /data/Photos/700x500w/5745/574532/574532886.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5745/574532/574532859.JPEG" srcset="/data/Photos/450x450w/5745/574532/574532859.JPEG 1x, /data/Photos/700x500w/5745/574532/574532859.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5745/574532/574532874.JPEG" srcset="/data/Photos/450x450w/5745/574532/574532874.JPEG 1x, /data/Photos/700x500w/5745/574532/574532874.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Nextdoor 22A Barcelona酒店" data-hbs-name="Nextdoor 22A Barcelona酒店"> <a class="hotels-by-stars__title-link" href="https://nextdoor-22a-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9uZXh0ZG9vci0yMmEtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> Nextdoor 22A Barcelona酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1624267" data-hbs-latitude="41.392841" data-hbs-longitude="2.16552" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3ODgvMTI3ODg3NS8xMjc4ODc1OTE0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278875/1278875914.JPEG" srcset="/data/Photos/450x450w/12788/1278875/1278875914.JPEG 1x, /data/Photos/700x500w/12788/1278875/1278875914.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278875/1278875557.JPEG" srcset="/data/Photos/450x450w/12788/1278875/1278875557.JPEG 1x, /data/Photos/700x500w/12788/1278875/1278875557.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15882/1588262/1588262121.JPEG" srcset="/data/Photos/450x450w/15882/1588262/1588262121.JPEG 1x, /data/Photos/700x500w/15882/1588262/1588262121.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278875/1278875185.JPEG" srcset="/data/Photos/450x450w/12788/1278875/1278875185.JPEG 1x, /data/Photos/700x500w/12788/1278875/1278875185.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278875/1278875755.JPEG" srcset="/data/Photos/450x450w/12788/1278875/1278875755.JPEG 1x, /data/Photos/700x500w/12788/1278875/1278875755.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12788/1278876/1278876379.JPEG" srcset="/data/Photos/450x450w/12788/1278876/1278876379.JPEG 1x, /data/Photos/700x500w/12788/1278876/1278876379.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="安娜室友酒店巴塞罗那" data-hbs-name="安娜室友酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://room-mate-anna.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9yb29tLW1hdGUtYW5uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 安娜室友酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2221086" data-hbs-latitude="41.40018" data-hbs-longitude="2.19095" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTY0NjMvMTY0NjM2OS8xNjQ2MzY5ODg4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16463/1646369/1646369888.JPEG" srcset="/data/Photos/450x450w/16463/1646369/1646369888.JPEG 1x, /data/Photos/700x500w/16463/1646369/1646369888.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16197/1619785/1619785196.JPEG" srcset="/data/Photos/450x450w/16197/1619785/1619785196.JPEG 1x, /data/Photos/700x500w/16197/1619785/1619785196.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16197/1619785/1619785197.JPEG" srcset="/data/Photos/450x450w/16197/1619785/1619785197.JPEG 1x, /data/Photos/700x500w/16197/1619785/1619785197.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16197/1619785/1619785199.JPEG" srcset="/data/Photos/450x450w/16197/1619785/1619785199.JPEG 1x, /data/Photos/700x500w/16197/1619785/1619785199.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15525/1552569/1552569904.JPEG" srcset="/data/Photos/450x450w/15525/1552569/1552569904.JPEG 1x, /data/Photos/700x500w/15525/1552569/1552569904.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15525/1552569/1552569922.JPEG" srcset="/data/Photos/450x450w/15525/1552569/1552569922.JPEG 1x, /data/Photos/700x500w/15525/1552569/1552569922.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那zt黄金酒店" data-hbs-name="巴塞罗那zt黄金酒店"> <a class="hotels-by-stars__title-link" href="https://golden-tulip-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9nb2xkZW4tdHVsaXAtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 巴塞罗那zt黄金酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3220374" data-hbs-latitude="41.40396" data-hbs-longitude="2.16939" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3ODkvMTI3ODkxNy8xMjc4OTE3OTIzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278917/1278917923.JPEG" srcset="/data/Photos/450x450w/12789/1278917/1278917923.JPEG 1x, /data/Photos/700x500w/12789/1278917/1278917923.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278915/1278915727.JPEG" srcset="/data/Photos/450x450w/12789/1278915/1278915727.JPEG 1x, /data/Photos/700x500w/12789/1278915/1278915727.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278915/1278915391.JPEG" srcset="/data/Photos/450x450w/12789/1278915/1278915391.JPEG 1x, /data/Photos/700x500w/12789/1278915/1278915391.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278918/1278918184.JPEG" srcset="/data/Photos/450x450w/12789/1278918/1278918184.JPEG 1x, /data/Photos/700x500w/12789/1278918/1278918184.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278915/1278915853.JPEG" srcset="/data/Photos/450x450w/12789/1278915/1278915853.JPEG 1x, /data/Photos/700x500w/12789/1278915/1278915853.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12789/1278917/1278917962.JPEG" srcset="/data/Photos/450x450w/12789/1278917/1278917962.JPEG 1x, /data/Photos/700x500w/12789/1278917/1278917962.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那1882酒店" data-hbs-name="巴塞罗那1882酒店"> <a class="hotels-by-stars__title-link" href="https://hotel-barcelona-1882.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1iYXJjZWxvbmEtMTg4Mi5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 巴塞罗那1882酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="7420114" data-hbs-latitude="41.397801" data-hbs-longitude="2.161142" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI4NzMvMTI4NzM2NS8xMjg3MzY1OTgwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12873/1287365/1287365980.JPEG" srcset="/data/Photos/450x450w/12873/1287365/1287365980.JPEG 1x, /data/Photos/700x500w/12873/1287365/1287365980.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12873/1287365/1287365128.JPEG" srcset="/data/Photos/450x450w/12873/1287365/1287365128.JPEG 1x, /data/Photos/700x500w/12873/1287365/1287365128.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12873/1287366/1287366478.JPEG" srcset="/data/Photos/450x450w/12873/1287366/1287366478.JPEG 1x, /data/Photos/700x500w/12873/1287366/1287366478.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12873/1287365/1287365197.JPEG" srcset="/data/Photos/450x450w/12873/1287365/1287365197.JPEG 1x, /data/Photos/700x500w/12873/1287365/1287365197.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12873/1287367/1287367294.JPEG" srcset="/data/Photos/450x450w/12873/1287367/1287367294.JPEG 1x, /data/Photos/700x500w/12873/1287367/1287367294.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12873/1287362/1287362776.JPEG" srcset="/data/Photos/450x450w/12873/1287362/1287362776.JPEG 1x, /data/Photos/700x500w/12873/1287362/1287362776.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那七十酒店" data-hbs-name="巴塞罗那七十酒店"> <a class="hotels-by-stars__title-link" href="https://seventy-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9zZXZlbnR5LWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 巴塞罗那七十酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/zh/3-stars/" class="main-hotels__title-link"> 巴塞罗那3星级酒店 </a> </h3> <p class="main-hotels__text section__subtitle"> 精选住宿，让您的旅程更加精彩 </p> <div class="show-all-wrapper"> <span data-internal="L3poLzMtc3RhcnMv" class="show-all js-link js-link-new"> 显示全部 <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="3"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="88755" data-hbs-latitude="41.384277" data-hbs-longitude="2.161764" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxNjgvMTYxNjg3My8xNjE2ODczOTA0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16168/1616873/1616873904.JPEG" srcset="/data/Photos/450x450w/16168/1616873/1616873904.JPEG 1x, /data/Photos/700x500w/16168/1616873/1616873904.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273078/1273078153.JPEG" srcset="/data/Photos/450x450w/12730/1273078/1273078153.JPEG 1x, /data/Photos/700x500w/12730/1273078/1273078153.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16168/1616873/1616873865.JPEG" srcset="/data/Photos/450x450w/16168/1616873/1616873865.JPEG 1x, /data/Photos/700x500w/16168/1616873/1616873865.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16168/1616873/1616873881.JPEG" srcset="/data/Photos/450x450w/16168/1616873/1616873881.JPEG 1x, /data/Photos/700x500w/16168/1616873/1616873881.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16168/1616873/1616873903.JPEG" srcset="/data/Photos/450x450w/16168/1616873/1616873903.JPEG 1x, /data/Photos/700x500w/16168/1616873/1616873903.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16168/1616873/1616873906.JPEG" srcset="/data/Photos/450x450w/16168/1616873/1616873906.JPEG 1x, /data/Photos/700x500w/16168/1616873/1616873906.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="卡利多尼安酒店巴塞罗那" data-hbs-name="卡利多尼安酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://caledonian.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9jYWxlZG9uaWFuLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 卡利多尼安酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心800米 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.4分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="5741">(5741评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88790" data-hbs-latitude="41.381237" data-hbs-longitude="2.163951" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTIzMTAvMTIzMTAzNC8xMjMxMDM0MTY4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12310/1231034/1231034168.JPEG" srcset="/data/Photos/450x450w/12310/1231034/1231034168.JPEG 1x, /data/Photos/700x500w/12310/1231034/1231034168.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273016/1273016893.JPEG" srcset="/data/Photos/450x450w/12730/1273016/1273016893.JPEG 1x, /data/Photos/700x500w/12730/1273016/1273016893.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273017/1273017580.JPEG" srcset="/data/Photos/450x450w/12730/1273017/1273017580.JPEG 1x, /data/Photos/700x500w/12730/1273017/1273017580.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12632/1263228/1263228319.JPEG" srcset="/data/Photos/450x450w/12632/1263228/1263228319.JPEG 1x, /data/Photos/700x500w/12632/1263228/1263228319.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12632/1263228/1263228334.JPEG" srcset="/data/Photos/450x450w/12632/1263228/1263228334.JPEG 1x, /data/Photos/700x500w/12632/1263228/1263228334.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12632/1263230/1263230284.JPEG" srcset="/data/Photos/450x450w/12632/1263230/1263230284.JPEG 1x, /data/Photos/700x500w/12632/1263230/1263230284.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="隆达大厦酒店巴塞罗那" data-hbs-name="隆达大厦酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://ronda-house.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9yb25kYS1ob3VzZS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 隆达大厦酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心800米 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 卓越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有卓越的地理位置。根据游客的评价，它的地理位置是10分中的8.4分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="非常好">非常好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="9277">(9277评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88832" data-hbs-latitude="41.3839" data-hbs-longitude="2.16323" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTIwNzkvMTIwNzk2OC8xMjA3OTY4MDc5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12079/1207968/1207968079.JPEG" srcset="/data/Photos/450x450w/12079/1207968/1207968079.JPEG 1x, /data/Photos/700x500w/12079/1207968/1207968079.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14158/1415805/1415805720.JPEG" srcset="/data/Photos/450x450w/14158/1415805/1415805720.JPEG 1x, /data/Photos/700x500w/14158/1415805/1415805720.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14158/1415815/1415815929.JPEG" srcset="/data/Photos/450x450w/14158/1415815/1415815929.JPEG 1x, /data/Photos/700x500w/14158/1415815/1415815929.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11862/1186208/1186208752.JPEG" srcset="/data/Photos/450x450w/11862/1186208/1186208752.JPEG 1x, /data/Photos/700x500w/11862/1186208/1186208752.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11862/1186211/1186211677.JPEG" srcset="/data/Photos/450x450w/11862/1186211/1186211677.JPEG 1x, /data/Photos/700x500w/11862/1186211/1186211677.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11862/1186212/1186212880.JPEG" srcset="/data/Photos/450x450w/11862/1186212/1186212880.JPEG 1x, /data/Photos/700x500w/11862/1186212/1186212880.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="阿卡德壮丽酒店巴塞罗那" data-hbs-name="阿卡德壮丽酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://acta-splendid.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9hY3RhLXNwbGVuZGlkLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 阿卡德壮丽酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心700米 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.3分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3019">(3019评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88835" data-hbs-latitude="41.396217" data-hbs-longitude="2.1700628" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAwMTkvMTAwMTk4My8xMDAxOTgzMjY5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10019/1001983/1001983269.JPEG" srcset="/data/Photos/450x450w/10019/1001983/1001983269.JPEG 1x, /data/Photos/700x500w/10019/1001983/1001983269.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273082/1273082620.JPEG" srcset="/data/Photos/450x450w/12730/1273082/1273082620.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082620.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273082/1273082521.JPEG" srcset="/data/Photos/450x450w/12730/1273082/1273082521.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082521.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16254/1625479/1625479260.JPEG" srcset="/data/Photos/450x450w/16254/1625479/1625479260.JPEG 1x, /data/Photos/700x500w/16254/1625479/1625479260.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14984/1498490/1498490239.JPEG" srcset="/data/Photos/450x450w/14984/1498490/1498490239.JPEG 1x, /data/Photos/700x500w/14984/1498490/1498490239.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14984/1498490/1498490194.JPEG" srcset="/data/Photos/450x450w/14984/1498490/1498490194.JPEG 1x, /data/Photos/700x500w/14984/1498490/1498490194.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="欧洲公园酒店巴塞罗那" data-hbs-name="欧洲公园酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://europark-hotel.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ldXJvcGFyay1ob3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 欧洲公园酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心1.1公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.2分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="88">8.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3788">(3788评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88836" data-hbs-latitude="41.38602" data-hbs-longitude="2.16572" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjcwNC82NzA0MjEvNjcwNDIxMzQzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6704/670421/670421343.JPEG" srcset="/data/Photos/450x450w/6704/670421/670421343.JPEG 1x, /data/Photos/700x500w/6704/670421/670421343.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12253/1225343/1225343669.JPEG" srcset="/data/Photos/450x450w/12253/1225343/1225343669.JPEG 1x, /data/Photos/700x500w/12253/1225343/1225343669.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6704/670421/670421040.JPEG" srcset="/data/Photos/450x450w/6704/670421/670421040.JPEG 1x, /data/Photos/700x500w/6704/670421/670421040.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6704/670428/670428477.JPEG" srcset="/data/Photos/450x450w/6704/670428/670428477.JPEG 1x, /data/Photos/700x500w/6704/670428/670428477.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6704/670422/670422042.JPEG" srcset="/data/Photos/450x450w/6704/670422/670422042.JPEG 1x, /data/Photos/700x500w/6704/670422/670422042.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6704/670428/670428795.JPEG" srcset="/data/Photos/450x450w/6704/670428/670428795.JPEG 1x, /data/Photos/700x500w/6704/670428/670428795.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="爵士酒店巴塞罗那" data-hbs-name="爵士酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://jazz.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9qYXp6LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 爵士酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心400米 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 理想的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有理想的地理位置。根据游客的评价，它的地理位置是10分中的9.7分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="89">8.9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3306">(3306评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88848" data-hbs-latitude="41.38188" data-hbs-longitude="2.14588" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjkzMS82OTMxMzIvNjkzMTMyODE5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6931/693132/693132819.JPEG" srcset="/data/Photos/450x450w/6931/693132/693132819.JPEG 1x, /data/Photos/700x500w/6931/693132/693132819.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16298/1629888/1629888356.JPEG" srcset="/data/Photos/450x450w/16298/1629888/1629888356.JPEG 1x, /data/Photos/700x500w/16298/1629888/1629888356.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16298/1629888/1629888361.JPEG" srcset="/data/Photos/450x450w/16298/1629888/1629888361.JPEG 1x, /data/Photos/700x500w/16298/1629888/1629888361.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16298/1629888/1629888362.JPEG" srcset="/data/Photos/450x450w/16298/1629888/1629888362.JPEG 1x, /data/Photos/700x500w/16298/1629888/1629888362.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16298/1629888/1629888360.JPEG" srcset="/data/Photos/450x450w/16298/1629888/1629888360.JPEG 1x, /data/Photos/700x500w/16298/1629888/1629888360.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13516/1351679/1351679029.JPEG" srcset="/data/Photos/450x450w/13516/1351679/1351679029.JPEG 1x, /data/Photos/700x500w/13516/1351679/1351679029.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="加泰罗尼亚罗马酒店巴塞罗那" data-hbs-name="加泰罗尼亚罗马酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://catalonia-roma.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9jYXRhbG9uaWEtcm9tYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 加泰罗尼亚罗马酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心2.1公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 卓越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有卓越的地理位置。根据游客的评价，它的地理位置是10分中的8.7分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2429">(2429评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88875" data-hbs-latitude="41.3794375015258" data-hbs-longitude="2.15015593043788" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njk3Mi82OTcyNTcvNjk3MjU3MDEyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6972/697257/697257012.JPEG" srcset="/data/Photos/450x450w/6972/697257/697257012.JPEG 1x, /data/Photos/700x500w/6972/697257/697257012.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6972/697254/697254135.JPEG" srcset="/data/Photos/450x450w/6972/697254/697254135.JPEG 1x, /data/Photos/700x500w/6972/697254/697254135.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588037/1588037578.JPEG" srcset="/data/Photos/450x450w/15880/1588037/1588037578.JPEG 1x, /data/Photos/700x500w/15880/1588037/1588037578.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6972/697257/697257120.JPEG" srcset="/data/Photos/450x450w/6972/697257/697257120.JPEG 1x, /data/Photos/700x500w/6972/697257/697257120.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6972/697254/697254003.JPEG" srcset="/data/Photos/450x450w/6972/697254/697254003.JPEG 1x, /data/Photos/700x500w/6972/697254/697254003.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6972/697263/697263216.JPEG" srcset="/data/Photos/450x450w/6972/697263/697263216.JPEG 1x, /data/Photos/700x500w/6972/697263/697263216.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="天鹅绒时尚基础酒店巴塞罗那" data-hbs-name="天鹅绒时尚基础酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://sant-angelo.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9zYW50LWFuZ2Vsby5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 天鹅绒时尚基础酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心1.9公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 卓越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有卓越的地理位置。根据游客的评价，它的地理位置是10分中的8.8分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="82">8.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="非常好">非常好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3280">(3280评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88908" data-hbs-latitude="41.376482" data-hbs-longitude="2.150477" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzEyMy8xMjczMTIzODI1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273123/1273123825.JPEG" srcset="/data/Photos/450x450w/12731/1273123/1273123825.JPEG 1x, /data/Photos/700x500w/12731/1273123/1273123825.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273122/1273122877.JPEG" srcset="/data/Photos/450x450w/12731/1273122/1273122877.JPEG 1x, /data/Photos/700x500w/12731/1273122/1273122877.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610215/1610215984.JPEG" srcset="/data/Photos/450x450w/16102/1610215/1610215984.JPEG 1x, /data/Photos/700x500w/16102/1610215/1610215984.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610215/1610215985.JPEG" srcset="/data/Photos/450x450w/16102/1610215/1610215985.JPEG 1x, /data/Photos/700x500w/16102/1610215/1610215985.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610215/1610215986.JPEG" srcset="/data/Photos/450x450w/16102/1610215/1610215986.JPEG 1x, /data/Photos/700x500w/16102/1610215/1610215986.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610215/1610215987.JPEG" srcset="/data/Photos/450x450w/16102/1610215/1610215987.JPEG 1x, /data/Photos/700x500w/16102/1610215/1610215987.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="B酒店巴塞罗那" data-hbs-name="B酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://b-hotel.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9iLWhvdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> B酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心2公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.3分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3371">(3371评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88926" data-hbs-latitude="41.39000086" data-hbs-longitude="2.16949419" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzA0NS83MDQ1NzMvNzA0NTczMzk1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7045/704573/704573395.JPEG" srcset="/data/Photos/450x450w/7045/704573/704573395.JPEG 1x, /data/Photos/700x500w/7045/704573/704573395.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273157/1273157956.JPEG" srcset="/data/Photos/450x450w/12731/1273157/1273157956.JPEG 1x, /data/Photos/700x500w/12731/1273157/1273157956.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273158/1273158304.JPEG" srcset="/data/Photos/450x450w/12731/1273158/1273158304.JPEG 1x, /data/Photos/700x500w/12731/1273158/1273158304.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273158/1273158937.JPEG" srcset="/data/Photos/450x450w/12731/1273158/1273158937.JPEG 1x, /data/Photos/700x500w/12731/1273158/1273158937.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273159/1273159186.JPEG" srcset="/data/Photos/450x450w/12731/1273159/1273159186.JPEG 1x, /data/Photos/700x500w/12731/1273159/1273159186.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273159/1273159816.JPEG" srcset="/data/Photos/450x450w/12731/1273159/1273159816.JPEG 1x, /data/Photos/700x500w/12731/1273159/1273159816.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="格兰大道酒店巴塞罗那" data-hbs-name="格兰大道酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://granvia.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ncmFudmlhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 格兰大道酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心400米 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 理想的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有理想的地理位置。根据游客的评价，它的地理位置是10分中的9.8分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="89">8.9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2001">(2001评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="97309" data-hbs-latitude="41.3886701754641" data-hbs-longitude="2.17174977064133" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ5ODUvMTQ5ODU0Ni8xNDk4NTQ2MTE3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498546/1498546117.JPEG" srcset="/data/Photos/450x450w/14985/1498546/1498546117.JPEG 1x, /data/Photos/700x500w/14985/1498546/1498546117.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12729/1272989/1272989884.JPEG" srcset="/data/Photos/450x450w/12729/1272989/1272989884.JPEG 1x, /data/Photos/700x500w/12729/1272989/1272989884.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12729/1272991/1272991048.JPEG" srcset="/data/Photos/450x450w/12729/1272991/1272991048.JPEG 1x, /data/Photos/700x500w/12729/1272991/1272991048.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12729/1272991/1272991306.JPEG" srcset="/data/Photos/450x450w/12729/1272991/1272991306.JPEG 1x, /data/Photos/700x500w/12729/1272991/1272991306.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12729/1272989/1272989374.JPEG" srcset="/data/Photos/450x450w/12729/1272989/1272989374.JPEG 1x, /data/Photos/700x500w/12729/1272989/1272989374.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12729/1272989/1272989515.JPEG" srcset="/data/Photos/450x450w/12729/1272989/1272989515.JPEG 1x, /data/Photos/700x500w/12729/1272989/1272989515.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="枕头妈妈酒店巴塞罗那" data-hbs-name="枕头妈妈酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://bcn-urban-hotels-gran-ducat-hotel.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9iY24tdXJiYW4taG90ZWxzLWdyYW4tZHVjYXQtaG90ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 枕头妈妈酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心300米 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 理想的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有理想的地理位置。根据游客的评价，它的地理位置是10分中的9.6分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="82">8.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="非常好">非常好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="5235">(5235评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="99881" data-hbs-latitude="41.385044" data-hbs-longitude="2.1664584" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjgwNi82ODA2ODMvNjgwNjgzMTUyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6806/680683/680683152.JPEG" srcset="/data/Photos/450x450w/6806/680683/680683152.JPEG 1x, /data/Photos/700x500w/6806/680683/680683152.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15746/1574687/1574687828.JPEG" srcset="/data/Photos/450x450w/15746/1574687/1574687828.JPEG 1x, /data/Photos/700x500w/15746/1574687/1574687828.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15746/1574687/1574687756.JPEG" srcset="/data/Photos/450x450w/15746/1574687/1574687756.JPEG 1x, /data/Photos/700x500w/15746/1574687/1574687756.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10895/1089573/1089573682.JPEG" srcset="/data/Photos/450x450w/10895/1089573/1089573682.JPEG 1x, /data/Photos/700x500w/10895/1089573/1089573682.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9254/925453/925453447.JPEG" srcset="/data/Photos/450x450w/9254/925453/925453447.JPEG 1x, /data/Photos/700x500w/9254/925453/925453447.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9254/925453/925453165.JPEG" srcset="/data/Photos/450x450w/9254/925453/925453165.JPEG 1x, /data/Photos/700x500w/9254/925453/925453165.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="修泰韦拉酒店巴塞罗那" data-hbs-name="修泰韦拉酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://ciutat-vella.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9jaXV0YXQtdmVsbGEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 修泰韦拉酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="103161" data-hbs-latitude="41.38616" data-hbs-longitude="2.1548" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTY0NjgvMTY0Njg5OC8xNjQ2ODk4NTkxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16468/1646898/1646898591.JPEG" srcset="/data/Photos/450x450w/16468/1646898/1646898591.JPEG 1x, /data/Photos/700x500w/16468/1646898/1646898591.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16468/1646898/1646898577.JPEG" srcset="/data/Photos/450x450w/16468/1646898/1646898577.JPEG 1x, /data/Photos/700x500w/16468/1646898/1646898577.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16468/1646898/1646898579.JPEG" srcset="/data/Photos/450x450w/16468/1646898/1646898579.JPEG 1x, /data/Photos/700x500w/16468/1646898/1646898579.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16468/1646898/1646898584.JPEG" srcset="/data/Photos/450x450w/16468/1646898/1646898584.JPEG 1x, /data/Photos/700x500w/16468/1646898/1646898584.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16431/1643150/1643150125.JPEG" srcset="/data/Photos/450x450w/16431/1643150/1643150125.JPEG 1x, /data/Photos/700x500w/16431/1643150/1643150125.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16468/1646898/1646898575.JPEG" srcset="/data/Photos/450x450w/16468/1646898/1646898575.JPEG 1x, /data/Photos/700x500w/16468/1646898/1646898575.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那世纪酒店" data-hbs-name="巴塞罗那世纪酒店"> <a class="hotels-by-stars__title-link" href="https://century-park.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9jZW50dXJ5LXBhcmsuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 巴塞罗那世纪酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="167455" data-hbs-latitude="41.40152" data-hbs-longitude="2.14842" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE2MzcvMTE2Mzc2OS8xMTYzNzY5NDk4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11637/1163769/1163769498.JPEG" srcset="/data/Photos/450x450w/11637/1163769/1163769498.JPEG 1x, /data/Photos/700x500w/11637/1163769/1163769498.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15402/1540296/1540296292.JPEG" srcset="/data/Photos/450x450w/15402/1540296/1540296292.JPEG 1x, /data/Photos/700x500w/15402/1540296/1540296292.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15444/1544464/1544464450.JPEG" srcset="/data/Photos/450x450w/15444/1544464/1544464450.JPEG 1x, /data/Photos/700x500w/15444/1544464/1544464450.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15444/1544464/1544464465.JPEG" srcset="/data/Photos/450x450w/15444/1544464/1544464465.JPEG 1x, /data/Photos/700x500w/15444/1544464/1544464465.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15444/1544465/1544465203.JPEG" srcset="/data/Photos/450x450w/15444/1544465/1544465203.JPEG 1x, /data/Photos/700x500w/15444/1544465/1544465203.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15444/1544465/1544465227.JPEG" srcset="/data/Photos/450x450w/15444/1544465/1544465227.JPEG 1x, /data/Photos/700x500w/15444/1544465/1544465227.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="奥古斯塔公寓式酒店巴塞罗那" data-hbs-name="奥古斯塔公寓式酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://hotel-aptos-augusta.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1hcHRvcy1hdWd1c3RhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 奥古斯塔公寓式酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="414904" data-hbs-latitude="41.3941728" data-hbs-longitude="2.1608837" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjQwMC8yNDAwNDgvMjQwMDQ4ODEzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2400/240048/240048813.JPEG" srcset="/data/Photos/450x450w/2400/240048/240048813.JPEG 1x, /data/Photos/700x500w/2400/240048/240048813.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580540/1580540989.JPEG" srcset="/data/Photos/450x450w/15805/1580540/1580540989.JPEG 1x, /data/Photos/700x500w/15805/1580540/1580540989.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9256/925682/925682353.JPEG" srcset="/data/Photos/450x450w/9256/925682/925682353.JPEG 1x, /data/Photos/700x500w/9256/925682/925682353.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9256/925682/925682608.JPEG" srcset="/data/Photos/450x450w/9256/925682/925682608.JPEG 1x, /data/Photos/700x500w/9256/925682/925682608.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9322/932212/932212333.JPEG" srcset="/data/Photos/450x450w/9322/932212/932212333.JPEG 1x, /data/Photos/700x500w/9322/932212/932212333.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9322/932214/932214928.JPEG" srcset="/data/Photos/450x450w/9322/932214/932214928.JPEG 1x, /data/Photos/700x500w/9322/932214/932214928.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那1905前后住宿加早餐旅馆住宿加早餐旅馆" data-hbs-name="巴塞罗那1905前后住宿加早餐旅馆住宿加早餐旅馆"> <a class="hotels-by-stars__title-link" href="https://circa-1905.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9jaXJjYS0xOTA1LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 巴塞罗那1905前后住宿加早餐旅馆住宿加早餐旅馆 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="512876" data-hbs-latitude="41.387684" data-hbs-longitude="2.1719278" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjkxMS82OTExMDcvNjkxMTA3NzE3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6911/691107/691107717.JPEG" srcset="/data/Photos/450x450w/6911/691107/691107717.JPEG 1x, /data/Photos/700x500w/6911/691107/691107717.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15807/1580736/1580736063.JPEG" srcset="/data/Photos/450x450w/15807/1580736/1580736063.JPEG 1x, /data/Photos/700x500w/15807/1580736/1580736063.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15807/1580736/1580736223.JPEG" srcset="/data/Photos/450x450w/15807/1580736/1580736223.JPEG 1x, /data/Photos/700x500w/15807/1580736/1580736223.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15807/1580736/1580736131.JPEG" srcset="/data/Photos/450x450w/15807/1580736/1580736131.JPEG 1x, /data/Photos/700x500w/15807/1580736/1580736131.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15807/1580736/1580736125.JPEG" srcset="/data/Photos/450x450w/15807/1580736/1580736125.JPEG 1x, /data/Photos/700x500w/15807/1580736/1580736125.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15807/1580736/1580736207.JPEG" srcset="/data/Photos/450x450w/15807/1580736/1580736207.JPEG 1x, /data/Photos/700x500w/15807/1580736/1580736207.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那室友保罗酒店" data-hbs-name="巴塞罗那室友保罗酒店"> <a class="hotels-by-stars__title-link" href="https://room-mate-pau.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9yb29tLW1hdGUtcGF1LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 巴塞罗那室友保罗酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="650904" data-hbs-latitude="41.31056" data-hbs-longitude="2.02703" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU5MjAvMTU5MjA3Ni8xNTkyMDc2NDcxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15920/1592076/1592076471.JPEG" srcset="/data/Photos/450x450w/15920/1592076/1592076471.JPEG 1x, /data/Photos/700x500w/15920/1592076/1592076471.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15920/1592076/1592076436.JPEG" srcset="/data/Photos/450x450w/15920/1592076/1592076436.JPEG 1x, /data/Photos/700x500w/15920/1592076/1592076436.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15920/1592076/1592076441.JPEG" srcset="/data/Photos/450x450w/15920/1592076/1592076441.JPEG 1x, /data/Photos/700x500w/15920/1592076/1592076441.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15920/1592076/1592076443.JPEG" srcset="/data/Photos/450x450w/15920/1592076/1592076443.JPEG 1x, /data/Photos/700x500w/15920/1592076/1592076443.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15920/1592076/1592076450.JPEG" srcset="/data/Photos/450x450w/15920/1592076/1592076450.JPEG 1x, /data/Photos/700x500w/15920/1592076/1592076450.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15920/1592076/1592076452.JPEG" srcset="/data/Photos/450x450w/15920/1592076/1592076452.JPEG 1x, /data/Photos/700x500w/15920/1592076/1592076452.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那比拉德坎斯住宿加早餐酒店维拉德塞斯" data-hbs-name="巴塞罗那比拉德坎斯住宿加早餐酒店维拉德塞斯"> <a class="hotels-by-stars__title-link" href="https://bbhotelviladecans.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9iYmhvdGVsdmlsYWRlY2Fucy5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 巴塞罗那比拉德坎斯住宿加早餐酒店维拉德塞斯 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="741522" data-hbs-latitude="41.39624" data-hbs-longitude="2.16337" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA2OS8xMDY5NjAvMTA2OTYwMDI2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1069/106960/106960026.JPEG" srcset="/data/Photos/450x450w/1069/106960/106960026.JPEG 1x, /data/Photos/700x500w/1069/106960/106960026.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15875/1587521/1587521774.JPEG" srcset="/data/Photos/450x450w/15875/1587521/1587521774.JPEG 1x, /data/Photos/700x500w/15875/1587521/1587521774.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15875/1587521/1587521775.JPEG" srcset="/data/Photos/450x450w/15875/1587521/1587521775.JPEG 1x, /data/Photos/700x500w/15875/1587521/1587521775.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7755/775550/775550899.JPEG" srcset="/data/Photos/450x450w/7755/775550/775550899.JPEG 1x, /data/Photos/700x500w/7755/775550/775550899.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7755/775560/775560892.JPEG" srcset="/data/Photos/450x450w/7755/775560/775560892.JPEG 1x, /data/Photos/700x500w/7755/775560/775560892.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1069/106946/106946346.JPEG" srcset="/data/Photos/450x450w/1069/106946/106946346.JPEG 1x, /data/Photos/700x500w/1069/106946/106946346.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="普莱提克备克瑞酒店巴塞罗那" data-hbs-name="普莱提克备克瑞酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://praktik-bakery.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9wcmFrdGlrLWJha2VyeS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 普莱提克备克瑞酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1559342" data-hbs-latitude="41.37924" data-hbs-longitude="2.15432" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxNjgvMTYxNjg5OC8xNjE2ODk4MTk1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16168/1616898/1616898195.JPEG" srcset="/data/Photos/450x450w/16168/1616898/1616898195.JPEG 1x, /data/Photos/700x500w/16168/1616898/1616898195.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16552/1655294/1655294150.JPEG" srcset="/data/Photos/450x450w/16552/1655294/1655294150.JPEG 1x, /data/Photos/700x500w/16552/1655294/1655294150.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16552/1655294/1655294151.JPEG" srcset="/data/Photos/450x450w/16552/1655294/1655294151.JPEG 1x, /data/Photos/700x500w/16552/1655294/1655294151.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16552/1655294/1655294152.JPEG" srcset="/data/Photos/450x450w/16552/1655294/1655294152.JPEG 1x, /data/Photos/700x500w/16552/1655294/1655294152.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16552/1655294/1655294154.JPEG" srcset="/data/Photos/450x450w/16552/1655294/1655294154.JPEG 1x, /data/Photos/700x500w/16552/1655294/1655294154.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16552/1655294/1655294160.JPEG" srcset="/data/Photos/450x450w/16552/1655294/1655294160.JPEG 1x, /data/Photos/700x500w/16552/1655294/1655294160.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="驰酒店巴塞罗那" data-hbs-name="驰酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://chi-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9jaGktYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 驰酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1822502" data-hbs-latitude="41.3925286565375" data-hbs-longitude="2.16007545590401" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODIwNi84MjA2OTIvODIwNjkyNjIzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8206/820692/820692623.JPEG" srcset="/data/Photos/450x450w/8206/820692/820692623.JPEG 1x, /data/Photos/700x500w/8206/820692/820692623.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599675/1599675561.JPEG" srcset="/data/Photos/450x450w/15996/1599675/1599675561.JPEG 1x, /data/Photos/700x500w/15996/1599675/1599675561.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15960/1596094/1596094244.JPEG" srcset="/data/Photos/450x450w/15960/1596094/1596094244.JPEG 1x, /data/Photos/700x500w/15960/1596094/1596094244.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12258/1225845/1225845614.JPEG" srcset="/data/Photos/450x450w/12258/1225845/1225845614.JPEG 1x, /data/Photos/700x500w/12258/1225845/1225845614.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12258/1225846/1225846382.JPEG" srcset="/data/Photos/450x450w/12258/1225846/1225846382.JPEG 1x, /data/Photos/700x500w/12258/1225846/1225846382.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15960/1596094/1596094259.JPEG" srcset="/data/Photos/450x450w/15960/1596094/1596094259.JPEG 1x, /data/Photos/700x500w/15960/1596094/1596094259.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="梅卡德尔穆尔穆里公寓酒店巴塞罗那" data-hbs-name="梅卡德尔穆尔穆里公寓酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://palou-suites-mercader.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9wYWxvdS1zdWl0ZXMtbWVyY2FkZXIuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 梅卡德尔穆尔穆里公寓酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="5237443" data-hbs-latitude="41.39031" data-hbs-longitude="2.16806" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTIzMDkvMTIzMDk4Mi8xMjMwOTgyMTYzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12309/1230982/1230982163.JPEG" srcset="/data/Photos/450x450w/12309/1230982/1230982163.JPEG 1x, /data/Photos/700x500w/12309/1230982/1230982163.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7691/769128/769128187.JPEG" srcset="/data/Photos/450x450w/7691/769128/769128187.JPEG 1x, /data/Photos/700x500w/7691/769128/769128187.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8284/828489/828489365.JPEG" srcset="/data/Photos/450x450w/8284/828489/828489365.JPEG 1x, /data/Photos/700x500w/8284/828489/828489365.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8284/828489/828489551.JPEG" srcset="/data/Photos/450x450w/8284/828489/828489551.JPEG 1x, /data/Photos/700x500w/8284/828489/828489551.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8284/828489/828489596.JPEG" srcset="/data/Photos/450x450w/8284/828489/828489596.JPEG 1x, /data/Photos/700x500w/8284/828489/828489596.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8307/830784/830784623.JPEG" srcset="/data/Photos/450x450w/8307/830784/830784623.JPEG 1x, /data/Photos/700x500w/8307/830784/830784623.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那 Praktik Essens酒店" data-hbs-name="巴塞罗那 Praktik Essens酒店"> <a class="hotels-by-stars__title-link" href="https://praktik-essens.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9wcmFrdGlrLWVzc2Vucy5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 巴塞罗那 Praktik Essens酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/zh/2-stars/" class="main-hotels__title-link"> 巴塞罗那2星级酒店 </a> </h3> <p class="main-hotels__text section__subtitle"> 优质住宿，价格合理 </p> <div class="show-all-wrapper"> <span data-internal="L3poLzItc3RhcnMv" class="show-all js-link js-link-new"> 显示全部 <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="2"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="88916" data-hbs-latitude="41.398531" data-hbs-longitude="2.178072" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQzMjEvMTQzMjE4NC8xNDMyMTg0NzEwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432184/1432184710.JPEG" srcset="/data/Photos/450x450w/14321/1432184/1432184710.JPEG 1x, /data/Photos/700x500w/14321/1432184/1432184710.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14058/1405831/1405831553.JPEG" srcset="/data/Photos/450x450w/14058/1405831/1405831553.JPEG 1x, /data/Photos/700x500w/14058/1405831/1405831553.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13866/1386652/1386652835.JPEG" srcset="/data/Photos/450x450w/13866/1386652/1386652835.JPEG 1x, /data/Photos/700x500w/13866/1386652/1386652835.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13866/1386653/1386653108.JPEG" srcset="/data/Photos/450x450w/13866/1386653/1386653108.JPEG 1x, /data/Photos/700x500w/13866/1386653/1386653108.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13866/1386653/1386653627.JPEG" srcset="/data/Photos/450x450w/13866/1386653/1386653627.JPEG 1x, /data/Photos/700x500w/13866/1386653/1386653627.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13866/1386657/1386657467.JPEG" srcset="/data/Photos/450x450w/13866/1386657/1386657467.JPEG 1x, /data/Photos/700x500w/13866/1386657/1386657467.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="阿克塔安提贝思酒店巴塞罗那" data-hbs-name="阿克塔安提贝思酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://acta-antibes.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9hY3RhLWFudGliZXMuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 阿克塔安提贝思酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心1.5公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.1分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4462">(4462评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="226062" data-hbs-latitude="41.39299" data-hbs-longitude="2.17367" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyNDMvMTYyNDMxNC8xNjI0MzE0MzUyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624314/1624314352.JPEG" srcset="/data/Photos/450x450w/16243/1624314/1624314352.JPEG 1x, /data/Photos/700x500w/16243/1624314/1624314352.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624314/1624314394.JPEG" srcset="/data/Photos/450x450w/16243/1624314/1624314394.JPEG 1x, /data/Photos/700x500w/16243/1624314/1624314394.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624314/1624314343.JPEG" srcset="/data/Photos/450x450w/16243/1624314/1624314343.JPEG 1x, /data/Photos/700x500w/16243/1624314/1624314343.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624314/1624314383.JPEG" srcset="/data/Photos/450x450w/16243/1624314/1624314383.JPEG 1x, /data/Photos/700x500w/16243/1624314/1624314383.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624314/1624314388.JPEG" srcset="/data/Photos/450x450w/16243/1624314/1624314388.JPEG 1x, /data/Photos/700x500w/16243/1624314/1624314388.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624314/1624314395.JPEG" srcset="/data/Photos/450x450w/16243/1624314/1624314395.JPEG 1x, /data/Photos/700x500w/16243/1624314/1624314395.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Casa Consell Gran Via, Guest House 巴塞罗那" data-hbs-name="Casa Consell Gran Via, Guest House 巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://guest-house-center-inn-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ndWVzdC1ob3VzZS1jZW50ZXItaW5uLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> Casa Consell Gran Via, Guest House 巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心800米 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 理想的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有理想的地理位置。根据游客的评价，它的地理位置是10分中的9.5分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1336">(1336评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="297004" data-hbs-latitude="41.40574" data-hbs-longitude="2.17294" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwODcvMTYwODc3OC8xNjA4Nzc4Mzk3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16087/1608778/1608778397.JPEG" srcset="/data/Photos/450x450w/16087/1608778/1608778397.JPEG 1x, /data/Photos/700x500w/16087/1608778/1608778397.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16087/1608778/1608778401.JPEG" srcset="/data/Photos/450x450w/16087/1608778/1608778401.JPEG 1x, /data/Photos/700x500w/16087/1608778/1608778401.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16087/1608778/1608778403.JPEG" srcset="/data/Photos/450x450w/16087/1608778/1608778403.JPEG 1x, /data/Photos/700x500w/16087/1608778/1608778403.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16087/1608778/1608778405.JPEG" srcset="/data/Photos/450x450w/16087/1608778/1608778405.JPEG 1x, /data/Photos/700x500w/16087/1608778/1608778405.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15561/1556122/1556122024.JPEG" srcset="/data/Photos/450x450w/15561/1556122/1556122024.JPEG 1x, /data/Photos/700x500w/15561/1556122/1556122024.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16087/1608778/1608778406.JPEG" srcset="/data/Photos/450x450w/16087/1608778/1608778406.JPEG 1x, /data/Photos/700x500w/16087/1608778/1608778406.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那马里纳套房-阿巴帕特公寓式酒店" data-hbs-name="巴塞罗那马里纳套房-阿巴帕特公寓式酒店"> <a class="hotels-by-stars__title-link" href="https://apartaments-marina.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9hcGFydGFtZW50cy1tYXJpbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 巴塞罗那马里纳套房-阿巴帕特公寓式酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心2.1公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 理想的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有理想的地理位置。根据游客的评价，它的地理位置是10分中的9.6分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="88">8.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2279">(2279评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="359910" data-hbs-latitude="41.39723" data-hbs-longitude="2.15916" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODg4OC84ODg4NjAvODg4ODYwMjYwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8888/888860/888860260.JPEG" srcset="/data/Photos/450x450w/8888/888860/888860260.JPEG 1x, /data/Photos/700x500w/8888/888860/888860260.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273134/1273134022.JPEG" srcset="/data/Photos/450x450w/12731/1273134/1273134022.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134022.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273134/1273134211.JPEG" srcset="/data/Photos/450x450w/12731/1273134/1273134211.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134211.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273134/1273134073.JPEG" srcset="/data/Photos/450x450w/12731/1273134/1273134073.JPEG 1x, /data/Photos/700x500w/12731/1273134/1273134073.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15216/1521614/1521614578.JPEG" srcset="/data/Photos/450x450w/15216/1521614/1521614578.JPEG 1x, /data/Photos/700x500w/15216/1521614/1521614578.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15214/1521497/1521497479.JPEG" srcset="/data/Photos/450x450w/15214/1521497/1521497479.JPEG 1x, /data/Photos/700x500w/15214/1521497/1521497479.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那格雷西亚旅舍旅舍" data-hbs-name="巴塞罗那格雷西亚旅舍旅舍"> <a class="hotels-by-stars__title-link" href="https://casa-gracia.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9jYXNhLWdyYWNpYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 巴塞罗那格雷西亚旅舍旅舍 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心1.5公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.4分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="非常好">非常好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="7561">(7561评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="362736" data-hbs-latitude="41.37289" data-hbs-longitude="2.16636" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4MDQvMTU4MDQ3NC8xNTgwNDc0MzY3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580474/1580474367.JPEG" srcset="/data/Photos/450x450w/15804/1580474/1580474367.JPEG 1x, /data/Photos/700x500w/15804/1580474/1580474367.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5488/548862/548862012.JPEG" srcset="/data/Photos/450x450w/5488/548862/548862012.JPEG 1x, /data/Photos/700x500w/5488/548862/548862012.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5488/548843/548843757.JPEG" srcset="/data/Photos/450x450w/5488/548843/548843757.JPEG 1x, /data/Photos/700x500w/5488/548843/548843757.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5488/548860/548860167.JPEG" srcset="/data/Photos/450x450w/5488/548860/548860167.JPEG 1x, /data/Photos/700x500w/5488/548860/548860167.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5488/548859/548859795.JPEG" srcset="/data/Photos/450x450w/5488/548859/548859795.JPEG 1x, /data/Photos/700x500w/5488/548859/548859795.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5488/548859/548859531.JPEG" srcset="/data/Photos/450x450w/5488/548859/548859531.JPEG 1x, /data/Photos/700x500w/5488/548859/548859531.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那旅馆酒店" data-hbs-name="巴塞罗那旅馆酒店"> <a class="hotels-by-stars__title-link" href="https://hostal-barcelona-08004.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtYmFyY2Vsb25hLTA4MDA0LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 巴塞罗那旅馆酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心1.5公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 卓越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有卓越的地理位置。根据游客的评价，它的地理位置是10分中的8.3分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="73">7.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="好">好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3892">(3892评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="400301" data-hbs-latitude="41.38942" data-hbs-longitude="2.17173" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyNzIvMTYyNzIxMC8xNjI3MjEwMjg0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16272/1627210/1627210284.JPEG" srcset="/data/Photos/450x450w/16272/1627210/1627210284.JPEG 1x, /data/Photos/700x500w/16272/1627210/1627210284.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/286/28627/28627529.JPEG" srcset="/data/Photos/450x450w/286/28627/28627529.JPEG 1x, /data/Photos/700x500w/286/28627/28627529.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16247/1624756/1624756615.JPEG" srcset="/data/Photos/450x450w/16247/1624756/1624756615.JPEG 1x, /data/Photos/700x500w/16247/1624756/1624756615.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15726/1572659/1572659450.JPEG" srcset="/data/Photos/450x450w/15726/1572659/1572659450.JPEG 1x, /data/Photos/700x500w/15726/1572659/1572659450.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15726/1572659/1572659456.JPEG" srcset="/data/Photos/450x450w/15726/1572659/1572659456.JPEG 1x, /data/Photos/700x500w/15726/1572659/1572659456.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15726/1572659/1572659459.JPEG" srcset="/data/Photos/450x450w/15726/1572659/1572659459.JPEG 1x, /data/Photos/700x500w/15726/1572659/1572659459.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那戈雅旅馆酒店" data-hbs-name="巴塞罗那戈雅旅馆酒店"> <a class="hotels-by-stars__title-link" href="https://hostal-goya.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtZ295YS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 巴塞罗那戈雅旅馆酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心400米 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 理想的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有理想的地理位置。根据游客的评价，它的地理位置是10分中的9.8分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="88">8.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2956">(2956评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="451386" data-hbs-latitude="41.37503" data-hbs-longitude="2.13547" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU5MjAvMTU5MjA2My8xNTkyMDYzMDkwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15920/1592063/1592063090.JPEG" srcset="/data/Photos/450x450w/15920/1592063/1592063090.JPEG 1x, /data/Photos/700x500w/15920/1592063/1592063090.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16450/1645016/1645016652.JPEG" srcset="/data/Photos/450x450w/16450/1645016/1645016652.JPEG 1x, /data/Photos/700x500w/16450/1645016/1645016652.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15928/1592893/1592893204.JPEG" srcset="/data/Photos/450x450w/15928/1592893/1592893204.JPEG 1x, /data/Photos/700x500w/15928/1592893/1592893204.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611091/1611091672.JPEG" srcset="/data/Photos/450x450w/16110/1611091/1611091672.JPEG 1x, /data/Photos/700x500w/16110/1611091/1611091672.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611091/1611091676.JPEG" srcset="/data/Photos/450x450w/16110/1611091/1611091676.JPEG 1x, /data/Photos/700x500w/16110/1611091/1611091676.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16423/1642328/1642328658.JPEG" srcset="/data/Photos/450x450w/16423/1642328/1642328658.JPEG 1x, /data/Photos/700x500w/16423/1642328/1642328658.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那三斯旅馆酒店" data-hbs-name="巴塞罗那三斯旅馆酒店"> <a class="hotels-by-stars__title-link" href="https://hostal-sans.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtc2Fucy5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 巴塞罗那三斯旅馆酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心3.2公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="非常好">非常好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="287">(287评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="561898" data-hbs-latitude="41.39125" data-hbs-longitude="2.17785" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njk1OC82OTU4NjMvNjk1ODYzOTMyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6958/695863/695863932.JPEG" srcset="/data/Photos/450x450w/6958/695863/695863932.JPEG 1x, /data/Photos/700x500w/6958/695863/695863932.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624324/1624324595.JPEG" srcset="/data/Photos/450x450w/16243/1624324/1624324595.JPEG 1x, /data/Photos/700x500w/16243/1624324/1624324595.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624324/1624324597.JPEG" srcset="/data/Photos/450x450w/16243/1624324/1624324597.JPEG 1x, /data/Photos/700x500w/16243/1624324/1624324597.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624324/1624324600.JPEG" srcset="/data/Photos/450x450w/16243/1624324/1624324600.JPEG 1x, /data/Photos/700x500w/16243/1624324/1624324600.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16243/1624324/1624324603.JPEG" srcset="/data/Photos/450x450w/16243/1624324/1624324603.JPEG 1x, /data/Photos/700x500w/16243/1624324/1624324603.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580692/1580692545.JPEG" srcset="/data/Photos/450x450w/15806/1580692/1580692545.JPEG 1x, /data/Photos/700x500w/15806/1580692/1580692545.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那黑天鹅旅馆旅舍" data-hbs-name="巴塞罗那黑天鹅旅馆旅舍"> <a class="hotels-by-stars__title-link" href="https://black-swan-hostel.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ibGFjay1zd2FuLWhvc3RlbC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 巴塞罗那黑天鹅旅馆旅舍 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心900米 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.4分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4502">(4502评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="592956" data-hbs-latitude="41.38608" data-hbs-longitude="2.1677" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODMwMS84MzAxMzMvODMwMTMzMDgwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8301/830133/830133080.JPEG" srcset="/data/Photos/450x450w/8301/830133/830133080.JPEG 1x, /data/Photos/700x500w/8301/830133/830133080.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13592/1359246/1359246407.JPEG" srcset="/data/Photos/450x450w/13592/1359246/1359246407.JPEG 1x, /data/Photos/700x500w/13592/1359246/1359246407.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13636/1363690/1363690022.JPEG" srcset="/data/Photos/450x450w/13636/1363690/1363690022.JPEG 1x, /data/Photos/700x500w/13636/1363690/1363690022.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13636/1363690/1363690982.JPEG" srcset="/data/Photos/450x450w/13636/1363690/1363690982.JPEG 1x, /data/Photos/700x500w/13636/1363690/1363690982.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8301/830133/830133011.JPEG" srcset="/data/Photos/450x450w/8301/830133/830133011.JPEG 1x, /data/Photos/700x500w/8301/830133/830133011.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8301/830133/830133218.JPEG" srcset="/data/Photos/450x450w/8301/830133/830133218.JPEG 1x, /data/Photos/700x500w/8301/830133/830133218.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那圣克里斯托弗旅舍旅舍" data-hbs-name="巴塞罗那圣克里斯托弗旅舍旅舍"> <a class="hotels-by-stars__title-link" href="https://st-christophers-inn.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9zdC1jaHJpc3RvcGhlcnMtaW5uLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 巴塞罗那圣克里斯托弗旅舍旅舍 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心300米 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 理想的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有理想的地理位置。根据游客的评价，它的地理位置是10分中的9.5分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="80">8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="非常好">非常好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="6797">(6797评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="621685" data-hbs-latitude="41.40073" data-hbs-longitude="2.17247" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQzMjEvMTQzMjEzMS8xNDMyMTMxMzM0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432131/1432131334.JPEG" srcset="/data/Photos/450x450w/14321/1432131/1432131334.JPEG 1x, /data/Photos/700x500w/14321/1432131/1432131334.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15367/1536745/1536745882.JPEG" srcset="/data/Photos/450x450w/15367/1536745/1536745882.JPEG 1x, /data/Photos/700x500w/15367/1536745/1536745882.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15367/1536745/1536745915.JPEG" srcset="/data/Photos/450x450w/15367/1536745/1536745915.JPEG 1x, /data/Photos/700x500w/15367/1536745/1536745915.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9777/977750/977750416.JPEG" srcset="/data/Photos/450x450w/9777/977750/977750416.JPEG 1x, /data/Photos/700x500w/9777/977750/977750416.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9904/990472/990472282.JPEG" srcset="/data/Photos/450x450w/9904/990472/990472282.JPEG 1x, /data/Photos/700x500w/9904/990472/990472282.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14321/1432127/1432127002.JPEG" srcset="/data/Photos/450x450w/14321/1432127/1432127002.JPEG 1x, /data/Photos/700x500w/14321/1432127/1432127002.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="宜必思巴塞罗那中心酒店（圣家堂）" data-hbs-name="宜必思巴塞罗那中心酒店（圣家堂）"> <a class="hotels-by-stars__title-link" href="https://ibis-barcelona-centro.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9pYmlzLWJhcmNlbG9uYS1jZW50cm8uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 宜必思巴塞罗那中心酒店（圣家堂） </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心1.6公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.3分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2361">(2361评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="699803" data-hbs-latitude="41.38476" data-hbs-longitude="2.162473" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzAyMi83MDIyNjAvNzAyMjYwMjc4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7022/702260/702260278.JPEG" srcset="/data/Photos/450x450w/7022/702260/702260278.JPEG 1x, /data/Photos/700x500w/7022/702260/702260278.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273082/1273082533.JPEG" srcset="/data/Photos/450x450w/12730/1273082/1273082533.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082533.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273082/1273082197.JPEG" srcset="/data/Photos/450x450w/12730/1273082/1273082197.JPEG 1x, /data/Photos/700x500w/12730/1273082/1273082197.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16040/1604098/1604098625.JPEG" srcset="/data/Photos/450x450w/16040/1604098/1604098625.JPEG 1x, /data/Photos/700x500w/16040/1604098/1604098625.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16029/1602980/1602980992.JPEG" srcset="/data/Photos/450x450w/16029/1602980/1602980992.JPEG 1x, /data/Photos/700x500w/16029/1602980/1602980992.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16029/1602981/1602981000.JPEG" srcset="/data/Photos/450x450w/16029/1602981/1602981000.JPEG 1x, /data/Photos/700x500w/16029/1602981/1602981000.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Toc巴塞罗那旅馆旅舍" data-hbs-name="Toc巴塞罗那旅馆旅舍"> <a class="hotels-by-stars__title-link" href="https://toc-hostel-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly90b2MtaG9zdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> Toc巴塞罗那旅馆旅舍 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="708129" data-hbs-latitude="41.3885969" data-hbs-longitude="2.1444804" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTQ3OC85NDc4NjgvOTQ3ODY4ODkyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9478/947868/947868892.JPEG" srcset="/data/Photos/450x450w/9478/947868/947868892.JPEG 1x, /data/Photos/700x500w/9478/947868/947868892.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13416/1341645/1341645437.JPEG" srcset="/data/Photos/450x450w/13416/1341645/1341645437.JPEG 1x, /data/Photos/700x500w/13416/1341645/1341645437.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13416/1341661/1341661046.JPEG" srcset="/data/Photos/450x450w/13416/1341661/1341661046.JPEG 1x, /data/Photos/700x500w/13416/1341661/1341661046.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13416/1341653/1341653411.JPEG" srcset="/data/Photos/450x450w/13416/1341653/1341653411.JPEG 1x, /data/Photos/700x500w/13416/1341653/1341653411.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13416/1341654/1341654158.JPEG" srcset="/data/Photos/450x450w/13416/1341654/1341654158.JPEG 1x, /data/Photos/700x500w/13416/1341654/1341654158.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13416/1341654/1341654422.JPEG" srcset="/data/Photos/450x450w/13416/1341654/1341654422.JPEG 1x, /data/Photos/700x500w/13416/1341654/1341654422.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那菲力旅馆旅舍" data-hbs-name="巴塞罗那菲力旅馆旅舍"> <a class="hotels-by-stars__title-link" href="https://free-hostels-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9mcmVlLWhvc3RlbHMtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 巴塞罗那菲力旅馆旅舍 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="797725" data-hbs-latitude="41.39643" data-hbs-longitude="2.16386" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTY1NjIvMTY1NjIwMi8xNjU2MjAyNDQxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16562/1656202/1656202441.JPEG" srcset="/data/Photos/450x450w/16562/1656202/1656202441.JPEG 1x, /data/Photos/700x500w/16562/1656202/1656202441.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16562/1656202/1656202443.JPEG" srcset="/data/Photos/450x450w/16562/1656202/1656202443.JPEG 1x, /data/Photos/700x500w/16562/1656202/1656202443.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16562/1656202/1656202444.JPEG" srcset="/data/Photos/450x450w/16562/1656202/1656202444.JPEG 1x, /data/Photos/700x500w/16562/1656202/1656202444.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16437/1643778/1643778076.JPEG" srcset="/data/Photos/450x450w/16437/1643778/1643778076.JPEG 1x, /data/Photos/700x500w/16437/1643778/1643778076.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16437/1643778/1643778084.JPEG" srcset="/data/Photos/450x450w/16437/1643778/1643778084.JPEG 1x, /data/Photos/700x500w/16437/1643778/1643778084.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16437/1643778/1643778096.JPEG" srcset="/data/Photos/450x450w/16437/1643778/1643778096.JPEG 1x, /data/Photos/700x500w/16437/1643778/1643778096.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那阁楼旅馆旅舍" data-hbs-name="巴塞罗那阁楼旅馆旅舍"> <a class="hotels-by-stars__title-link" href="https://factory-gardens-hostel.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9mYWN0b3J5LWdhcmRlbnMtaG9zdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 巴塞罗那阁楼旅馆旅舍 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="824370" data-hbs-latitude="41.393693" data-hbs-longitude="2.170213" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYzMjIvMTYzMjI2NC8xNjMyMjY0ODU5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16322/1632264/1632264859.JPEG" srcset="/data/Photos/450x450w/16322/1632264/1632264859.JPEG 1x, /data/Photos/700x500w/16322/1632264/1632264859.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16322/1632264/1632264863.JPEG" srcset="/data/Photos/450x450w/16322/1632264/1632264863.JPEG 1x, /data/Photos/700x500w/16322/1632264/1632264863.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15545/1554528/1554528193.JPEG" srcset="/data/Photos/450x450w/15545/1554528/1554528193.JPEG 1x, /data/Photos/700x500w/15545/1554528/1554528193.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15545/1554557/1554557623.JPEG" srcset="/data/Photos/450x450w/15545/1554557/1554557623.JPEG 1x, /data/Photos/700x500w/15545/1554557/1554557623.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15545/1554557/1554557641.JPEG" srcset="/data/Photos/450x450w/15545/1554557/1554557641.JPEG 1x, /data/Photos/700x500w/15545/1554557/1554557641.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15545/1554557/1554557761.JPEG" srcset="/data/Photos/450x450w/15545/1554557/1554557761.JPEG 1x, /data/Photos/700x500w/15545/1554557/1554557761.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那法布里吉奥佩蒂特旅馆旅舍" data-hbs-name="巴塞罗那法布里吉奥佩蒂特旅馆旅舍"> <a class="hotels-by-stars__title-link" href="https://fabrizzios-petit.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9mYWJyaXp6aW9zLXBldGl0LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 巴塞罗那法布里吉奥佩蒂特旅馆旅舍 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="862436" data-hbs-latitude="41.39044" data-hbs-longitude="2.16098" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzQ5Ny83NDk3MjEvNzQ5NzIxNTc4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7497/749721/749721578.JPEG" srcset="/data/Photos/450x450w/7497/749721/749721578.JPEG 1x, /data/Photos/700x500w/7497/749721/749721578.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15539/1553909/1553909953.JPEG" srcset="/data/Photos/450x450w/15539/1553909/1553909953.JPEG 1x, /data/Photos/700x500w/15539/1553909/1553909953.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15539/1553910/1553910028.JPEG" srcset="/data/Photos/450x450w/15539/1553910/1553910028.JPEG 1x, /data/Photos/700x500w/15539/1553910/1553910028.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15523/1552354/1552354981.JPEG" srcset="/data/Photos/450x450w/15523/1552354/1552354981.JPEG 1x, /data/Photos/700x500w/15523/1552354/1552354981.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2438/243869/243869089.JPEG" srcset="/data/Photos/450x450w/2438/243869/243869089.JPEG 1x, /data/Photos/700x500w/2438/243869/243869089.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7497/749722/749722490.JPEG" srcset="/data/Photos/450x450w/7497/749722/749722490.JPEG 1x, /data/Photos/700x500w/7497/749722/749722490.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那洛克宫圣乔治青年旅馆旅舍" data-hbs-name="巴塞罗那洛克宫圣乔治青年旅馆旅舍"> <a class="hotels-by-stars__title-link" href="https://sant-jordi-hostel-rock-palace.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9zYW50LWpvcmRpLWhvc3RlbC1yb2NrLXBhbGFjZS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 巴塞罗那洛克宫圣乔治青年旅馆旅舍 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1203743" data-hbs-latitude="41.39477" data-hbs-longitude="2.15933" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU5NS8xNTk1NTgvMTU5NTU4NDExLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1595/159558/159558411.JPEG" srcset="/data/Photos/450x450w/1595/159558/159558411.JPEG 1x, /data/Photos/700x500w/1595/159558/159558411.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6868/686862/686862801.JPEG" srcset="/data/Photos/450x450w/6868/686862/686862801.JPEG 1x, /data/Photos/700x500w/6868/686862/686862801.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1771/177189/177189648.JPEG" srcset="/data/Photos/450x450w/1771/177189/177189648.JPEG 1x, /data/Photos/700x500w/1771/177189/177189648.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1771/177189/177189723.JPEG" srcset="/data/Photos/450x450w/1771/177189/177189723.JPEG 1x, /data/Photos/700x500w/1771/177189/177189723.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1771/177189/177189744.JPEG" srcset="/data/Photos/450x450w/1771/177189/177189744.JPEG 1x, /data/Photos/700x500w/1771/177189/177189744.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1771/177189/177189549.JPEG" srcset="/data/Photos/450x450w/1771/177189/177189549.JPEG 1x, /data/Photos/700x500w/1771/177189/177189549.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Duo By Somnio Hostels 巴塞罗那" data-hbs-name="Duo By Somnio Hostels 巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://duo-by-somnio-hostels.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9kdW8tYnktc29tbmlvLWhvc3RlbHMuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> Duo By Somnio Hostels 巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1261790" data-hbs-latitude="41.39638" data-hbs-longitude="2.1752" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTIxNDYvMTIxNDY5Mi8xMjE0NjkyNjA5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12146/1214692/1214692609.JPEG" srcset="/data/Photos/450x450w/12146/1214692/1214692609.JPEG 1x, /data/Photos/700x500w/12146/1214692/1214692609.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6426/642608/642608619.JPEG" srcset="/data/Photos/450x450w/6426/642608/642608619.JPEG 1x, /data/Photos/700x500w/6426/642608/642608619.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6426/642605/642605961.JPEG" srcset="/data/Photos/450x450w/6426/642605/642605961.JPEG 1x, /data/Photos/700x500w/6426/642605/642605961.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6426/642609/642609015.JPEG" srcset="/data/Photos/450x450w/6426/642609/642609015.JPEG 1x, /data/Photos/700x500w/6426/642609/642609015.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6426/642611/642611571.JPEG" srcset="/data/Photos/450x450w/6426/642611/642611571.JPEG 1x, /data/Photos/700x500w/6426/642611/642611571.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7496/749626/749626022.JPEG" srcset="/data/Photos/450x450w/7496/749626/749626022.JPEG 1x, /data/Photos/700x500w/7496/749626/749626022.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那中心旅馆酒店" data-hbs-name="巴塞罗那中心旅馆酒店"> <a class="hotels-by-stars__title-link" href="https://hostal-central-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtY2VudHJhbC1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 巴塞罗那中心旅馆酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1286311" data-hbs-latitude="41.4" data-hbs-longitude="2.16445" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjMxMS82MzExNTAvNjMxMTUwNjQ3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6311/631150/631150647.JPEG" srcset="/data/Photos/450x450w/6311/631150/631150647.JPEG 1x, /data/Photos/700x500w/6311/631150/631150647.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10078/1007839/1007839693.JPEG" srcset="/data/Photos/450x450w/10078/1007839/1007839693.JPEG 1x, /data/Photos/700x500w/10078/1007839/1007839693.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10078/1007839/1007839735.JPEG" srcset="/data/Photos/450x450w/10078/1007839/1007839735.JPEG 1x, /data/Photos/700x500w/10078/1007839/1007839735.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10078/1007839/1007839738.JPEG" srcset="/data/Photos/450x450w/10078/1007839/1007839738.JPEG 1x, /data/Photos/700x500w/10078/1007839/1007839738.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10078/1007839/1007839780.JPEG" srcset="/data/Photos/450x450w/10078/1007839/1007839780.JPEG 1x, /data/Photos/700x500w/10078/1007839/1007839780.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10078/1007840/1007840005.JPEG" srcset="/data/Photos/450x450w/10078/1007840/1007840005.JPEG 1x, /data/Photos/700x500w/10078/1007840/1007840005.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="耶巴塞罗那旅舍旅舍" data-hbs-name="耶巴塞罗那旅舍旅舍"> <a class="hotels-by-stars__title-link" href="https://yeah-barcelona-hostel.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly95ZWFoLWJhcmNlbG9uYS1ob3N0ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 耶巴塞罗那旅舍旅舍 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3041985" data-hbs-latitude="41.37831" data-hbs-longitude="2.13739" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NTQzMy81NDMzMTYvNTQzMzE2NTQ1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5433/543316/543316545.JPEG" srcset="/data/Photos/450x450w/5433/543316/543316545.JPEG 1x, /data/Photos/700x500w/5433/543316/543316545.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11188/1118853/1118853927.JPEG" srcset="/data/Photos/450x450w/11188/1118853/1118853927.JPEG 1x, /data/Photos/700x500w/11188/1118853/1118853927.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11188/1118857/1118857281.JPEG" srcset="/data/Photos/450x450w/11188/1118857/1118857281.JPEG 1x, /data/Photos/700x500w/11188/1118857/1118857281.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9586/958614/958614205.JPEG" srcset="/data/Photos/450x450w/9586/958614/958614205.JPEG 1x, /data/Photos/700x500w/9586/958614/958614205.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9586/958613/958613854.JPEG" srcset="/data/Photos/450x450w/9586/958613/958613854.JPEG 1x, /data/Photos/700x500w/9586/958613/958613854.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9586/958614/958614997.JPEG" srcset="/data/Photos/450x450w/9586/958614/958614997.JPEG 1x, /data/Photos/700x500w/9586/958614/958614997.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那腾图古旅馆旅舍" data-hbs-name="巴塞罗那腾图古旅馆旅舍"> <a class="hotels-by-stars__title-link" href="https://ten-to-go-hostel.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly90ZW4tdG8tZ28taG9zdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 巴塞罗那腾图古旅馆旅舍 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="4608631" data-hbs-latitude="41.36092" data-hbs-longitude="2.12976" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwMjMvMTYwMjM3MC8xNjAyMzcwNDQ4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16023/1602370/1602370448.JPEG" srcset="/data/Photos/450x450w/16023/1602370/1602370448.JPEG 1x, /data/Photos/700x500w/16023/1602370/1602370448.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15969/1596917/1596917481.JPEG" srcset="/data/Photos/450x450w/15969/1596917/1596917481.JPEG 1x, /data/Photos/700x500w/15969/1596917/1596917481.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15748/1574860/1574860661.JPEG" srcset="/data/Photos/450x450w/15748/1574860/1574860661.JPEG 1x, /data/Photos/700x500w/15748/1574860/1574860661.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15748/1574860/1574860676.JPEG" srcset="/data/Photos/450x450w/15748/1574860/1574860676.JPEG 1x, /data/Photos/700x500w/15748/1574860/1574860676.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14995/1499537/1499537167.JPEG" srcset="/data/Photos/450x450w/14995/1499537/1499537167.JPEG 1x, /data/Photos/700x500w/14995/1499537/1499537167.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15748/1574860/1574860679.JPEG" srcset="/data/Photos/450x450w/15748/1574860/1574860679.JPEG 1x, /data/Photos/700x500w/15748/1574860/1574860679.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那费拉便捷酒店略夫雷加特河畔奥斯皮塔莱特" data-hbs-name="巴塞罗那费拉便捷酒店略夫雷加特河畔奥斯皮塔莱特"> <a class="hotels-by-stars__title-link" href="https://easyhotel-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9lYXN5aG90ZWwtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 巴塞罗那费拉便捷酒店略夫雷加特河畔奥斯皮塔莱特 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> 巴塞罗那最受欢迎的住宿地点 </h3> <p class="main-hotels__text section__subtitle"> 从最受欢迎的酒店列表中选择一家可靠的选项 </p> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="0"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="88757" data-hbs-latitude="41.398688" data-hbs-longitude="2.16237" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI0MDkvMTI0MDkyNy8xMjQwOTI3OTIxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12409/1240927/1240927921.JPEG" srcset="/data/Photos/450x450w/12409/1240927/1240927921.JPEG 1x, /data/Photos/700x500w/12409/1240927/1240927921.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13506/1350657/1350657607.JPEG" srcset="/data/Photos/450x450w/13506/1350657/1350657607.JPEG 1x, /data/Photos/700x500w/13506/1350657/1350657607.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13506/1350681/1350681391.JPEG" srcset="/data/Photos/450x450w/13506/1350681/1350681391.JPEG 1x, /data/Photos/700x500w/13506/1350681/1350681391.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12464/1246405/1246405387.JPEG" srcset="/data/Photos/450x450w/12464/1246405/1246405387.JPEG 1x, /data/Photos/700x500w/12464/1246405/1246405387.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8354/835437/835437962.JPEG" srcset="/data/Photos/450x450w/8354/835437/835437962.JPEG 1x, /data/Photos/700x500w/8354/835437/835437962.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13506/1350675/1350675379.JPEG" srcset="/data/Photos/450x450w/13506/1350675/1350675379.JPEG 1x, /data/Photos/700x500w/13506/1350675/1350675379.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="加泰罗尼亚格拉西亚酒店巴塞罗那" data-hbs-name="加泰罗尼亚格拉西亚酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://catalonia-la-pedrera.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9jYXRhbG9uaWEtbGEtcGVkcmVyYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 加泰罗尼亚格拉西亚酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心1.5公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.2分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2800">(2800评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88802" data-hbs-latitude="41.390987" data-hbs-longitude="2.170687" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjkzMC82OTMwOTcvNjkzMDk3NTgxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6930/693097/693097581.JPEG" srcset="/data/Photos/450x450w/6930/693097/693097581.JPEG 1x, /data/Photos/700x500w/6930/693097/693097581.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7846/784600/784600587.JPEG" srcset="/data/Photos/450x450w/7846/784600/784600587.JPEG 1x, /data/Photos/700x500w/7846/784600/784600587.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7846/784603/784603191.JPEG" srcset="/data/Photos/450x450w/7846/784603/784603191.JPEG 1x, /data/Photos/700x500w/7846/784603/784603191.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7846/784603/784603227.JPEG" srcset="/data/Photos/450x450w/7846/784603/784603227.JPEG 1x, /data/Photos/700x500w/7846/784603/784603227.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7846/784604/784604562.JPEG" srcset="/data/Photos/450x450w/7846/784604/784604562.JPEG 1x, /data/Photos/700x500w/7846/784604/784604562.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7846/784604/784604580.JPEG" srcset="/data/Photos/450x450w/7846/784604/784604580.JPEG 1x, /data/Photos/700x500w/7846/784604/784604580.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="阿克塔阿图姆广场酒店巴塞罗那" data-hbs-name="阿克塔阿图姆广场酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://acta-atrium-palace.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9hY3RhLWF0cml1bS1wYWxhY2UuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 阿克塔阿图姆广场酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心500米 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.4分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="81">8.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="非常好">非常好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2946">(2946评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88819" data-hbs-latitude="41.39339" data-hbs-longitude="2.14603" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjkzMC82OTMwOTYvNjkzMDk2MjUyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6930/693096/693096252.JPEG" srcset="/data/Photos/450x450w/6930/693096/693096252.JPEG 1x, /data/Photos/700x500w/6930/693096/693096252.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10923/1092378/1092378399.JPEG" srcset="/data/Photos/450x450w/10923/1092378/1092378399.JPEG 1x, /data/Photos/700x500w/10923/1092378/1092378399.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4352/435285/435285192.JPEG" srcset="/data/Photos/450x450w/4352/435285/435285192.JPEG 1x, /data/Photos/700x500w/4352/435285/435285192.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4352/435285/435285225.JPEG" srcset="/data/Photos/450x450w/4352/435285/435285225.JPEG 1x, /data/Photos/700x500w/4352/435285/435285225.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4352/435285/435285840.JPEG" srcset="/data/Photos/450x450w/4352/435285/435285840.JPEG 1x, /data/Photos/700x500w/4352/435285/435285840.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4353/435314/435314541.JPEG" srcset="/data/Photos/450x450w/4353/435314/435314541.JPEG 1x, /data/Photos/700x500w/4353/435314/435314541.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="文希梅酒店巴塞罗那" data-hbs-name="文希梅酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://vincci-mae.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly92aW5jY2ktbWFlLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 文希梅酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心2.2公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.1分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="非常好">非常好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2515">(2515评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88847" data-hbs-latitude="41.411" data-hbs-longitude="2.18664" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4NjgvMTU4NjgyMy8xNTg2ODIzMjM4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586823/1586823238.JPEG" srcset="/data/Photos/450x450w/15868/1586823/1586823238.JPEG 1x, /data/Photos/700x500w/15868/1586823/1586823238.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15632/1563265/1563265297.JPEG" srcset="/data/Photos/450x450w/15632/1563265/1563265297.JPEG 1x, /data/Photos/700x500w/15632/1563265/1563265297.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16191/1619167/1619167115.JPEG" srcset="/data/Photos/450x450w/16191/1619167/1619167115.JPEG 1x, /data/Photos/700x500w/16191/1619167/1619167115.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586823/1586823215.JPEG" srcset="/data/Photos/450x450w/15868/1586823/1586823215.JPEG 1x, /data/Photos/700x500w/15868/1586823/1586823215.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586823/1586823225.JPEG" srcset="/data/Photos/450x450w/15868/1586823/1586823225.JPEG 1x, /data/Photos/700x500w/15868/1586823/1586823225.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586823/1586823226.JPEG" srcset="/data/Photos/450x450w/15868/1586823/1586823226.JPEG 1x, /data/Photos/700x500w/15868/1586823/1586823226.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="加泰罗尼亚雅典酒店巴塞罗那" data-hbs-name="加泰罗尼亚雅典酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://catalonia-atenas.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9jYXRhbG9uaWEtYXRlbmFzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 加泰罗尼亚雅典酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心3.1公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 卓越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有卓越的地理位置。根据游客的评价，它的地理位置是10分中的8.4分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="非常好">非常好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="7886">(7886评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88849" data-hbs-latitude="41.4008" data-hbs-longitude="2.14996" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTkwNS85OTA1NzkvOTkwNTc5MzQzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9905/990579/990579343.JPEG" srcset="/data/Photos/450x450w/9905/990579/990579343.JPEG 1x, /data/Photos/700x500w/9905/990579/990579343.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10378/1037899/1037899783.JPEG" srcset="/data/Photos/450x450w/10378/1037899/1037899783.JPEG 1x, /data/Photos/700x500w/10378/1037899/1037899783.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9911/991147/991147399.JPEG" srcset="/data/Photos/450x450w/9911/991147/991147399.JPEG 1x, /data/Photos/700x500w/9911/991147/991147399.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9911/991147/991147552.JPEG" srcset="/data/Photos/450x450w/9911/991147/991147552.JPEG 1x, /data/Photos/700x500w/9911/991147/991147552.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8441/844141/844141952.JPEG" srcset="/data/Photos/450x450w/8441/844141/844141952.JPEG 1x, /data/Photos/700x500w/8441/844141/844141952.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8441/844142/844142390.JPEG" srcset="/data/Photos/450x450w/8441/844142/844142390.JPEG 1x, /data/Photos/700x500w/8441/844142/844142390.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那hg城市套房酒店" data-hbs-name="巴塞罗那hg城市套房酒店"> <a class="hotels-by-stars__title-link" href="https://nh-belagua.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9uaC1iZWxhZ3VhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 巴塞罗那hg城市套房酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心2.3公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 卓越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有卓越的地理位置。根据游客的评价，它的地理位置是10分中的8.8分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="703">(703评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88880" data-hbs-latitude="41.391964" data-hbs-longitude="2.1554656" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzEzNi8xMjczMTM2NDcwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273136/1273136470.JPEG" srcset="/data/Photos/450x450w/12731/1273136/1273136470.JPEG 1x, /data/Photos/700x500w/12731/1273136/1273136470.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5454/545465/545465406.JPEG" srcset="/data/Photos/450x450w/5454/545465/545465406.JPEG 1x, /data/Photos/700x500w/5454/545465/545465406.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2226/222676/222676388.JPEG" srcset="/data/Photos/450x450w/2226/222676/222676388.JPEG 1x, /data/Photos/700x500w/2226/222676/222676388.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2226/222676/222676448.JPEG" srcset="/data/Photos/450x450w/2226/222676/222676448.JPEG 1x, /data/Photos/700x500w/2226/222676/222676448.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2581/258158/258158345.JPEG" srcset="/data/Photos/450x450w/2581/258158/258158345.JPEG 1x, /data/Photos/700x500w/2581/258158/258158345.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1171/117137/117137266.JPEG" srcset="/data/Photos/450x450w/1171/117137/117137266.JPEG 1x, /data/Photos/700x500w/1171/117137/117137266.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="埃文尼亚罗塞里奥酒店巴塞罗那" data-hbs-name="埃文尼亚罗塞里奥酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://evenia-rossello.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ldmVuaWEtcm9zc2VsbG8uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 埃文尼亚罗塞里奥酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心1.4公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="非常好">非常好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="728">(728评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88944" data-hbs-latitude="41.3863" data-hbs-longitude="2.12944" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4MDMvMTU4MDM1Ny8xNTgwMzU3OTQxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580357/1580357941.JPEG" srcset="/data/Photos/450x450w/15803/1580357/1580357941.JPEG 1x, /data/Photos/700x500w/15803/1580357/1580357941.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11561/1156134/1156134402.JPEG" srcset="/data/Photos/450x450w/11561/1156134/1156134402.JPEG 1x, /data/Photos/700x500w/11561/1156134/1156134402.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11561/1156134/1156134831.JPEG" srcset="/data/Photos/450x450w/11561/1156134/1156134831.JPEG 1x, /data/Photos/700x500w/11561/1156134/1156134831.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11561/1156135/1156135080.JPEG" srcset="/data/Photos/450x450w/11561/1156135/1156135080.JPEG 1x, /data/Photos/700x500w/11561/1156135/1156135080.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11574/1157483/1157483943.JPEG" srcset="/data/Photos/450x450w/11574/1157483/1157483943.JPEG 1x, /data/Photos/700x500w/11574/1157483/1157483943.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11574/1157483/1157483958.JPEG" srcset="/data/Photos/450x450w/11574/1157483/1157483958.JPEG 1x, /data/Photos/700x500w/11574/1157483/1157483958.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那雅典娜公寓式酒店" data-hbs-name="巴塞罗那雅典娜公寓式酒店"> <a class="hotels-by-stars__title-link" href="https://aparthotel-atenea-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9hcGFydGhvdGVsLWF0ZW5lYS1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 巴塞罗那雅典娜公寓式酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心3.4公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 卓越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有卓越的地理位置。根据游客的评价，它的地理位置是10分中的8.8分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="非常好">非常好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2844">(2844评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88958" data-hbs-latitude="41.39497" data-hbs-longitude="2.15938" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTk3Mi85OTcyOTEvOTk3MjkxMzc3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9972/997291/997291377.JPEG" srcset="/data/Photos/450x450w/9972/997291/997291377.JPEG 1x, /data/Photos/700x500w/9972/997291/997291377.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14365/1436555/1436555167.JPEG" srcset="/data/Photos/450x450w/14365/1436555/1436555167.JPEG 1x, /data/Photos/700x500w/14365/1436555/1436555167.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14365/1436567/1436567323.JPEG" srcset="/data/Photos/450x450w/14365/1436567/1436567323.JPEG 1x, /data/Photos/700x500w/14365/1436567/1436567323.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273000/1273000468.JPEG" srcset="/data/Photos/450x450w/12730/1273000/1273000468.JPEG 1x, /data/Photos/700x500w/12730/1273000/1273000468.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15960/1596009/1596009632.JPEG" srcset="/data/Photos/450x450w/15960/1596009/1596009632.JPEG 1x, /data/Photos/700x500w/15960/1596009/1596009632.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15960/1596009/1596009555.JPEG" srcset="/data/Photos/450x450w/15960/1596009/1596009555.JPEG 1x, /data/Photos/700x500w/15960/1596009/1596009555.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="画廊酒店巴塞罗那" data-hbs-name="画廊酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://gallery-hotel-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9nYWxsZXJ5LWhvdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 画廊酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心1.3公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 理想的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有理想的地理位置。根据游客的评价，它的地理位置是10分中的9.7分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="90">9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="超级好">超级好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1988">(1988评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88980" data-hbs-latitude="41.38566" data-hbs-longitude="2.16676" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NDIyMi80MjIyMjAvNDIyMjIwMTI2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4222/422220/422220126.JPEG" srcset="/data/Photos/450x450w/4222/422220/422220126.JPEG 1x, /data/Photos/700x500w/4222/422220/422220126.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16561/1656170/1656170871.JPEG" srcset="/data/Photos/450x450w/16561/1656170/1656170871.JPEG 1x, /data/Photos/700x500w/16561/1656170/1656170871.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16561/1656170/1656170872.JPEG" srcset="/data/Photos/450x450w/16561/1656170/1656170872.JPEG 1x, /data/Photos/700x500w/16561/1656170/1656170872.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16561/1656170/1656170875.JPEG" srcset="/data/Photos/450x450w/16561/1656170/1656170875.JPEG 1x, /data/Photos/700x500w/16561/1656170/1656170875.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16561/1656173/1656173172.JPEG" srcset="/data/Photos/450x450w/16561/1656173/1656173172.JPEG 1x, /data/Photos/700x500w/16561/1656173/1656173172.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16561/1656173/1656173177.JPEG" srcset="/data/Photos/450x450w/16561/1656173/1656173177.JPEG 1x, /data/Photos/700x500w/16561/1656173/1656173177.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="加泰罗尼亚兰布拉大道酒店巴塞罗那" data-hbs-name="加泰罗尼亚兰布拉大道酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://catalonia-ramblas.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9jYXRhbG9uaWEtcmFtYmxhcy5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 加泰罗尼亚兰布拉大道酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心300米 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 理想的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有理想的地理位置。根据游客的评价，它的地理位置是10分中的9.5分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4761">(4761评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="88999" data-hbs-latitude="41.39632" data-hbs-longitude="2.16604" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTIwNzkvMTIwNzk2My8xMjA3OTYzOTc1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12079/1207963/1207963975.JPEG" srcset="/data/Photos/450x450w/12079/1207963/1207963975.JPEG 1x, /data/Photos/700x500w/12079/1207963/1207963975.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273022/1273022809.JPEG" srcset="/data/Photos/450x450w/12730/1273022/1273022809.JPEG 1x, /data/Photos/700x500w/12730/1273022/1273022809.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273024/1273024627.JPEG" srcset="/data/Photos/450x450w/12730/1273024/1273024627.JPEG 1x, /data/Photos/700x500w/12730/1273024/1273024627.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273026/1273026409.JPEG" srcset="/data/Photos/450x450w/12730/1273026/1273026409.JPEG 1x, /data/Photos/700x500w/12730/1273026/1273026409.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16156/1615646/1615646765.JPEG" srcset="/data/Photos/450x450w/16156/1615646/1615646765.JPEG 1x, /data/Photos/700x500w/16156/1615646/1615646765.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12730/1273023/1273023106.JPEG" srcset="/data/Photos/450x450w/12730/1273023/1273023106.JPEG 1x, /data/Photos/700x500w/12730/1273023/1273023106.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="卡拉室友酒店巴塞罗那" data-hbs-name="卡拉室友酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://room-mate-carla.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9yb29tLW1hdGUtY2FybGEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 卡拉室友酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 距离市中心1.1公里 </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> 优越的地理位置 </span> <div class="hotels-by-stars__grade-details">此住宿场所拥有优越的地理位置。根据游客的评价，它的地理位置是10分中的9.3分。该住所肯定是一个方便的选择！</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="极好">极好</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3198">(3198评论)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="89005" data-hbs-latitude="41.373221" data-hbs-longitude="2.14744" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTY1NTIvMTY1NTI2OC8xNjU1MjY4ODc5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16552/1655268/1655268879.JPEG" srcset="/data/Photos/450x450w/16552/1655268/1655268879.JPEG 1x, /data/Photos/700x500w/16552/1655268/1655268879.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16228/1622866/1622866519.JPEG" srcset="/data/Photos/450x450w/16228/1622866/1622866519.JPEG 1x, /data/Photos/700x500w/16228/1622866/1622866519.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16552/1655268/1655268872.JPEG" srcset="/data/Photos/450x450w/16552/1655268/1655268872.JPEG 1x, /data/Photos/700x500w/16552/1655268/1655268872.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16228/1622866/1622866511.JPEG" srcset="/data/Photos/450x450w/16228/1622866/1622866511.JPEG 1x, /data/Photos/700x500w/16228/1622866/1622866511.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16228/1622866/1622866512.JPEG" srcset="/data/Photos/450x450w/16228/1622866/1622866512.JPEG 1x, /data/Photos/700x500w/16228/1622866/1622866512.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16228/1622866/1622866513.JPEG" srcset="/data/Photos/450x450w/16228/1622866/1622866513.JPEG 1x, /data/Photos/700x500w/16228/1622866/1622866513.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Indigo Barcelona Granvia Plaza Espana, An Ihg Hotel" data-hbs-name="Hotel Indigo Barcelona Granvia Plaza Espana, An Ihg Hotel"> <a class="hotels-by-stars__title-link" href="https://ayre-hotel-gran-via.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9heXJlLWhvdGVsLWdyYW4tdmlhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> Hotel Indigo Barcelona Granvia Plaza Espana, An Ihg Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="239584" data-hbs-latitude="41.38798" data-hbs-longitude="2.16141" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODg3Mi84ODcyNTAvODg3MjUwNTM4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8872/887250/887250538.JPEG" srcset="/data/Photos/450x450w/8872/887250/887250538.JPEG 1x, /data/Photos/700x500w/8872/887250/887250538.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12273/1227350/1227350483.JPEG" srcset="/data/Photos/450x450w/12273/1227350/1227350483.JPEG 1x, /data/Photos/700x500w/12273/1227350/1227350483.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12273/1227350/1227350600.JPEG" srcset="/data/Photos/450x450w/12273/1227350/1227350600.JPEG 1x, /data/Photos/700x500w/12273/1227350/1227350600.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12273/1227350/1227350699.JPEG" srcset="/data/Photos/450x450w/12273/1227350/1227350699.JPEG 1x, /data/Photos/700x500w/12273/1227350/1227350699.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12273/1227351/1227351170.JPEG" srcset="/data/Photos/450x450w/12273/1227351/1227351170.JPEG 1x, /data/Photos/700x500w/12273/1227351/1227351170.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12273/1227351/1227351719.JPEG" srcset="/data/Photos/450x450w/12273/1227351/1227351719.JPEG 1x, /data/Photos/700x500w/12273/1227351/1227351719.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="韦洛公寓巴塞罗那" data-hbs-name="韦洛公寓巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://wello-eixample-apartments.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly93ZWxsby1laXhhbXBsZS1hcGFydG1lbnRzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 韦洛公寓巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="241477" data-hbs-latitude="41.41354" data-hbs-longitude="2.16038" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjM5Ni8yMzk2MDgvMjM5NjA4MDYxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2396/239608/239608061.JPEG" srcset="/data/Photos/450x450w/2396/239608/239608061.JPEG 1x, /data/Photos/700x500w/2396/239608/239608061.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6402/640233/640233636.JPEG" srcset="/data/Photos/450x450w/6402/640233/640233636.JPEG 1x, /data/Photos/700x500w/6402/640233/640233636.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6402/640241/640241835.JPEG" srcset="/data/Photos/450x450w/6402/640241/640241835.JPEG 1x, /data/Photos/700x500w/6402/640241/640241835.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6402/640244/640244571.JPEG" srcset="/data/Photos/450x450w/6402/640244/640244571.JPEG 1x, /data/Photos/700x500w/6402/640244/640244571.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5204/520471/520471806.JPEG" srcset="/data/Photos/450x450w/5204/520471/520471806.JPEG 1x, /data/Photos/700x500w/5204/520471/520471806.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5204/520471/520471857.JPEG" srcset="/data/Photos/450x450w/5204/520471/520471857.JPEG 1x, /data/Photos/700x500w/5204/520471/520471857.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="塔拉维瑟拉-桂尔公园公寓旅馆" data-hbs-name="塔拉维瑟拉-桂尔公园公寓旅馆"> <a class="hotels-by-stars__title-link" href="https://apartments-dirsa-parc-guell.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9hcGFydG1lbnRzLWRpcnNhLXBhcmMtZ3VlbGwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 塔拉维瑟拉-桂尔公园公寓旅馆 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="279213" data-hbs-latitude="41.38154" data-hbs-longitude="2.17438" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njk2LzY5NjU4LzY5NjU4NzU0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/696/69658/69658754.JPEG" srcset="/data/Photos/450x450w/696/69658/69658754.JPEG 1x, /data/Photos/700x500w/696/69658/69658754.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9615/961503/961503811.JPEG" srcset="/data/Photos/450x450w/9615/961503/961503811.JPEG 1x, /data/Photos/700x500w/9615/961503/961503811.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/696/69658/69658733.JPEG" srcset="/data/Photos/450x450w/696/69658/69658733.JPEG 1x, /data/Photos/700x500w/696/69658/69658733.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/696/69658/69658745.JPEG" srcset="/data/Photos/450x450w/696/69658/69658745.JPEG 1x, /data/Photos/700x500w/696/69658/69658745.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/696/69658/69658748.JPEG" srcset="/data/Photos/450x450w/696/69658/69658748.JPEG 1x, /data/Photos/700x500w/696/69658/69658748.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/696/69658/69658724.JPEG" srcset="/data/Photos/450x450w/696/69658/69658724.JPEG 1x, /data/Photos/700x500w/696/69658/69658724.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那欧罗巴旅馆酒店" data-hbs-name="巴塞罗那欧罗巴旅馆酒店"> <a class="hotels-by-stars__title-link" href="https://hostal-europa.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtZXVyb3BhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 巴塞罗那欧罗巴旅馆酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="302153" data-hbs-latitude="41.394241" data-hbs-longitude="2.16182" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzIvMTI3MzIzNi8xMjczMjM2MDQ5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273236/1273236049.JPEG" srcset="/data/Photos/450x450w/12732/1273236/1273236049.JPEG 1x, /data/Photos/700x500w/12732/1273236/1273236049.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16174/1617458/1617458288.JPEG" srcset="/data/Photos/450x450w/16174/1617458/1617458288.JPEG 1x, /data/Photos/700x500w/16174/1617458/1617458288.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16174/1617458/1617458283.JPEG" srcset="/data/Photos/450x450w/16174/1617458/1617458283.JPEG 1x, /data/Photos/700x500w/16174/1617458/1617458283.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12732/1273235/1273235755.JPEG" srcset="/data/Photos/450x450w/12732/1273235/1273235755.JPEG 1x, /data/Photos/700x500w/12732/1273235/1273235755.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16174/1617458/1617458286.JPEG" srcset="/data/Photos/450x450w/16174/1617458/1617458286.JPEG 1x, /data/Photos/700x500w/16174/1617458/1617458286.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16174/1617458/1617458285.JPEG" srcset="/data/Photos/450x450w/16174/1617458/1617458285.JPEG 1x, /data/Photos/700x500w/16174/1617458/1617458285.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="阿维诺套房酒店巴塞罗那" data-hbs-name="阿维诺套房酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://suites-avenue.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9zdWl0ZXMtYXZlbnVlLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 阿维诺套房酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="331919" data-hbs-latitude="41.392896" data-hbs-longitude="2.164468" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4MDQvMTU4MDQyNS8xNTgwNDI1NzQ1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580425/1580425745.JPEG" srcset="/data/Photos/450x450w/15804/1580425/1580425745.JPEG 1x, /data/Photos/700x500w/15804/1580425/1580425745.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580425/1580425729.JPEG" srcset="/data/Photos/450x450w/15804/1580425/1580425729.JPEG 1x, /data/Photos/700x500w/15804/1580425/1580425729.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15379/1537909/1537909522.JPEG" srcset="/data/Photos/450x450w/15379/1537909/1537909522.JPEG 1x, /data/Photos/700x500w/15379/1537909/1537909522.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15379/1537909/1537909636.JPEG" srcset="/data/Photos/450x450w/15379/1537909/1537909636.JPEG 1x, /data/Photos/700x500w/15379/1537909/1537909636.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15379/1537910/1537910848.JPEG" srcset="/data/Photos/450x450w/15379/1537910/1537910848.JPEG 1x, /data/Photos/700x500w/15379/1537910/1537910848.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15379/1537910/1537910869.JPEG" srcset="/data/Photos/450x450w/15379/1537910/1537910869.JPEG 1x, /data/Photos/700x500w/15379/1537910/1537910869.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="六十二号酒店巴塞罗那" data-hbs-name="六十二号酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://sixtytwo-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9zaXh0eXR3by1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 六十二号酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="339757" data-hbs-latitude="41.3902" data-hbs-longitude="2.16498" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjQxLzY0MTQzLzY0MTQzNjI4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/641/64143/64143628.JPEG" srcset="/data/Photos/450x450w/641/64143/64143628.JPEG 1x, /data/Photos/700x500w/641/64143/64143628.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14995/1499536/1499536579.JPEG" srcset="/data/Photos/450x450w/14995/1499536/1499536579.JPEG 1x, /data/Photos/700x500w/14995/1499536/1499536579.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14995/1499536/1499536642.JPEG" srcset="/data/Photos/450x450w/14995/1499536/1499536642.JPEG 1x, /data/Photos/700x500w/14995/1499536/1499536642.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14995/1499536/1499536756.JPEG" srcset="/data/Photos/450x450w/14995/1499536/1499536756.JPEG 1x, /data/Photos/700x500w/14995/1499536/1499536756.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14995/1499536/1499536555.JPEG" srcset="/data/Photos/450x450w/14995/1499536/1499536555.JPEG 1x, /data/Photos/700x500w/14995/1499536/1499536555.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16236/1623663/1623663464.JPEG" srcset="/data/Photos/450x450w/16236/1623663/1623663464.JPEG 1x, /data/Photos/700x500w/16236/1623663/1623663464.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="阿斯帕奇亚斯兰布拉加泰罗尼亚套房公寓巴塞罗那" data-hbs-name="阿斯帕奇亚斯兰布拉加泰罗尼亚套房公寓巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://aspasios-rambla-catalunya-suites.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9hc3Bhc2lvcy1yYW1ibGEtY2F0YWx1bnlhLXN1aXRlcy5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 阿斯帕奇亚斯兰布拉加泰罗尼亚套房公寓巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="362124" data-hbs-latitude="41.40077" data-hbs-longitude="2.17201" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTc3OS8xNzc5NDkvMTc3OTQ5NjkyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1779/177949/177949692.JPEG" srcset="/data/Photos/450x450w/1779/177949/177949692.JPEG 1x, /data/Photos/700x500w/1779/177949/177949692.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16488/1648893/1648893809.JPEG" srcset="/data/Photos/450x450w/16488/1648893/1648893809.JPEG 1x, /data/Photos/700x500w/16488/1648893/1648893809.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16488/1648893/1648893810.JPEG" srcset="/data/Photos/450x450w/16488/1648893/1648893810.JPEG 1x, /data/Photos/700x500w/16488/1648893/1648893810.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16488/1648893/1648893811.JPEG" srcset="/data/Photos/450x450w/16488/1648893/1648893811.JPEG 1x, /data/Photos/700x500w/16488/1648893/1648893811.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16488/1648893/1648893812.JPEG" srcset="/data/Photos/450x450w/16488/1648893/1648893812.JPEG 1x, /data/Photos/700x500w/16488/1648893/1648893812.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15946/1594680/1594680588.JPEG" srcset="/data/Photos/450x450w/15946/1594680/1594680588.JPEG 1x, /data/Photos/700x500w/15946/1594680/1594680588.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="霍斯特姆普洛公寓套房酒店巴塞罗那" data-hbs-name="霍斯特姆普洛公寓套房酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://apart-suites-hostemplo.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9hcGFydC1zdWl0ZXMtaG9zdGVtcGxvLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 霍斯特姆普洛公寓套房酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="371361" data-hbs-latitude="41.39285" data-hbs-longitude="2.16445" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzA0NC83MDQ0NzkvNzA0NDc5NTMxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7044/704479/704479531.JPEG" srcset="/data/Photos/450x450w/7044/704479/704479531.JPEG 1x, /data/Photos/700x500w/7044/704479/704479531.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15213/1521342/1521342493.JPEG" srcset="/data/Photos/450x450w/15213/1521342/1521342493.JPEG 1x, /data/Photos/700x500w/15213/1521342/1521342493.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15213/1521342/1521342526.JPEG" srcset="/data/Photos/450x450w/15213/1521342/1521342526.JPEG 1x, /data/Photos/700x500w/15213/1521342/1521342526.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15213/1521342/1521342571.JPEG" srcset="/data/Photos/450x450w/15213/1521342/1521342571.JPEG 1x, /data/Photos/700x500w/15213/1521342/1521342571.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15213/1521342/1521342805.JPEG" srcset="/data/Photos/450x450w/15213/1521342/1521342805.JPEG 1x, /data/Photos/700x500w/15213/1521342/1521342805.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15213/1521342/1521342820.JPEG" srcset="/data/Photos/450x450w/15213/1521342/1521342820.JPEG 1x, /data/Photos/700x500w/15213/1521342/1521342820.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="64号公寓巴塞罗那" data-hbs-name="64号公寓巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://apartments-sixtyfour.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9hcGFydG1lbnRzLXNpeHR5Zm91ci5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 64号公寓巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="391495" data-hbs-latitude="41.38363" data-hbs-longitude="2.13094" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NDc0My80NzQzODMvNDc0MzgzNDkzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4743/474383/474383493.JPEG" srcset="/data/Photos/450x450w/4743/474383/474383493.JPEG 1x, /data/Photos/700x500w/4743/474383/474383493.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589527/1589527479.JPEG" srcset="/data/Photos/450x450w/15895/1589527/1589527479.JPEG 1x, /data/Photos/700x500w/15895/1589527/1589527479.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589527/1589527465.JPEG" srcset="/data/Photos/450x450w/15895/1589527/1589527465.JPEG 1x, /data/Photos/700x500w/15895/1589527/1589527465.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589527/1589527507.JPEG" srcset="/data/Photos/450x450w/15895/1589527/1589527507.JPEG 1x, /data/Photos/700x500w/15895/1589527/1589527507.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589527/1589527537.JPEG" srcset="/data/Photos/450x450w/15895/1589527/1589527537.JPEG 1x, /data/Photos/700x500w/15895/1589527/1589527537.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589527/1589527651.JPEG" srcset="/data/Photos/450x450w/15895/1589527/1589527651.JPEG 1x, /data/Photos/700x500w/15895/1589527/1589527651.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="08028公寓巴塞罗那" data-hbs-name="08028公寓巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://08028-apartments.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly8wODAyOC1hcGFydG1lbnRzLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 08028公寓巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="444996" data-hbs-latitude="41.379604" data-hbs-longitude="2.1724646" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAwMDkvMTAwMDk4OC8xMDAwOTg4OTgyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10009/1000988/1000988982.JPEG" srcset="/data/Photos/450x450w/10009/1000988/1000988982.JPEG 1x, /data/Photos/700x500w/10009/1000988/1000988982.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580612/1580612343.JPEG" srcset="/data/Photos/450x450w/15806/1580612/1580612343.JPEG 1x, /data/Photos/700x500w/15806/1580612/1580612343.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580632/1580632045.JPEG" srcset="/data/Photos/450x450w/15806/1580632/1580632045.JPEG 1x, /data/Photos/700x500w/15806/1580632/1580632045.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580632/1580632127.JPEG" srcset="/data/Photos/450x450w/15806/1580632/1580632127.JPEG 1x, /data/Photos/700x500w/15806/1580632/1580632127.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580632/1580632149.JPEG" srcset="/data/Photos/450x450w/15806/1580632/1580632149.JPEG 1x, /data/Photos/700x500w/15806/1580632/1580632149.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580612/1580612403.JPEG" srcset="/data/Photos/450x450w/15806/1580612/1580612403.JPEG 1x, /data/Photos/700x500w/15806/1580612/1580612403.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="半岛酒店巴塞罗那" data-hbs-name="半岛酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://peninsular-hotel.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9wZW5pbnN1bGFyLWhvdGVsLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 半岛酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="541886" data-hbs-latitude="41.399122" data-hbs-longitude="2.162742" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3MzEvMTI3MzExOC8xMjczMTE4NDAxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273118/1273118401.JPEG" srcset="/data/Photos/450x450w/12731/1273118/1273118401.JPEG 1x, /data/Photos/700x500w/12731/1273118/1273118401.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273118/1273118839.JPEG" srcset="/data/Photos/450x450w/12731/1273118/1273118839.JPEG 1x, /data/Photos/700x500w/12731/1273118/1273118839.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273120/1273120048.JPEG" srcset="/data/Photos/450x450w/12731/1273120/1273120048.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120048.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273120/1273120174.JPEG" srcset="/data/Photos/450x450w/12731/1273120/1273120174.JPEG 1x, /data/Photos/700x500w/12731/1273120/1273120174.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273117/1273117114.JPEG" srcset="/data/Photos/450x450w/12731/1273117/1273117114.JPEG 1x, /data/Photos/700x500w/12731/1273117/1273117114.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12731/1273119/1273119976.JPEG" srcset="/data/Photos/450x450w/12731/1273119/1273119976.JPEG 1x, /data/Photos/700x500w/12731/1273119/1273119976.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那发电机旅馆旅舍" data-hbs-name="巴塞罗那发电机旅馆旅舍"> <a class="hotels-by-stars__title-link" href="https://generator-hostel-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9nZW5lcmF0b3ItaG9zdGVsLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 巴塞罗那发电机旅馆旅舍 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="673791" data-hbs-latitude="41.395737" data-hbs-longitude="2.160912" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NDE4OC80MTg4NjUvNDE4ODY1NTk1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4188/418865/418865595.JPEG" srcset="/data/Photos/450x450w/4188/418865/418865595.JPEG 1x, /data/Photos/700x500w/4188/418865/418865595.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15880/1588049/1588049697.JPEG" srcset="/data/Photos/450x450w/15880/1588049/1588049697.JPEG 1x, /data/Photos/700x500w/15880/1588049/1588049697.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7990/799030/799030371.JPEG" srcset="/data/Photos/450x450w/7990/799030/799030371.JPEG 1x, /data/Photos/700x500w/7990/799030/799030371.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7990/799030/799030965.JPEG" srcset="/data/Photos/450x450w/7990/799030/799030965.JPEG 1x, /data/Photos/700x500w/7990/799030/799030965.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7990/799031/799031319.JPEG" srcset="/data/Photos/450x450w/7990/799031/799031319.JPEG 1x, /data/Photos/700x500w/7990/799031/799031319.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7990/799031/799031952.JPEG" srcset="/data/Photos/450x450w/7990/799031/799031952.JPEG 1x, /data/Photos/700x500w/7990/799031/799031952.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="帕赛欧格蕾西亚酒店巴塞罗那" data-hbs-name="帕赛欧格蕾西亚酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://hotel-paseo-de-gracia.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1wYXNlby1kZS1ncmFjaWEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 帕赛欧格蕾西亚酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="801692" data-hbs-latitude="41.39193" data-hbs-longitude="2.17392" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjMxOS8yMzE5NTkvMjMxOTU5Njc0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2319/231959/231959674.JPEG" srcset="/data/Photos/450x450w/2319/231959/231959674.JPEG 1x, /data/Photos/700x500w/2319/231959/231959674.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16469/1646915/1646915185.JPEG" srcset="/data/Photos/450x450w/16469/1646915/1646915185.JPEG 1x, /data/Photos/700x500w/16469/1646915/1646915185.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16469/1646915/1646915188.JPEG" srcset="/data/Photos/450x450w/16469/1646915/1646915188.JPEG 1x, /data/Photos/700x500w/16469/1646915/1646915188.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16542/1654280/1654280083.JPEG" srcset="/data/Photos/450x450w/16542/1654280/1654280083.JPEG 1x, /data/Photos/700x500w/16542/1654280/1654280083.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607674/1607674389.JPEG" srcset="/data/Photos/450x450w/16076/1607674/1607674389.JPEG 1x, /data/Photos/700x500w/16076/1607674/1607674389.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607674/1607674394.JPEG" srcset="/data/Photos/450x450w/16076/1607674/1607674394.JPEG 1x, /data/Photos/700x500w/16076/1607674/1607674394.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那41号公寓" data-hbs-name="巴塞罗那41号公寓"> <a class="hotels-by-stars__title-link" href="https://bcn-apartments-41.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9iY24tYXBhcnRtZW50cy00MS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 巴塞罗那41号公寓 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="821836" data-hbs-latitude="41.39249" data-hbs-longitude="2.16427" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjM3MS8yMzcxNzQvMjM3MTc0NjI5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2371/237174/237174629.JPEG" srcset="/data/Photos/450x450w/2371/237174/237174629.JPEG 1x, /data/Photos/700x500w/2371/237174/237174629.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15298/1529886/1529886463.JPEG" srcset="/data/Photos/450x450w/15298/1529886/1529886463.JPEG 1x, /data/Photos/700x500w/15298/1529886/1529886463.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15298/1529886/1529886574.JPEG" srcset="/data/Photos/450x450w/15298/1529886/1529886574.JPEG 1x, /data/Photos/700x500w/15298/1529886/1529886574.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15298/1529886/1529886577.JPEG" srcset="/data/Photos/450x450w/15298/1529886/1529886577.JPEG 1x, /data/Photos/700x500w/15298/1529886/1529886577.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15298/1529886/1529886589.JPEG" srcset="/data/Photos/450x450w/15298/1529886/1529886589.JPEG 1x, /data/Photos/700x500w/15298/1529886/1529886589.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15298/1529886/1529886598.JPEG" srcset="/data/Photos/450x450w/15298/1529886/1529886598.JPEG 1x, /data/Photos/700x500w/15298/1529886/1529886598.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Bcn帕斯德格拉齐亚鲁卡莫拉公寓巴塞罗那" data-hbs-name="Bcn帕斯德格拉齐亚鲁卡莫拉公寓巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://bcn-paseo-de-gracia-rocamora-apartment.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9iY24tcGFzZW8tZGUtZ3JhY2lhLXJvY2Ftb3JhLWFwYXJ0bWVudC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> Bcn帕斯德格拉齐亚鲁卡莫拉公寓巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="828375" data-hbs-latitude="41.374340982443" data-hbs-longitude="2.15737044811249" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NDE5MS80MTkxNTEvNDE5MTUxMDAzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4191/419151/419151003.JPEG" srcset="/data/Photos/450x450w/4191/419151/419151003.JPEG 1x, /data/Photos/700x500w/4191/419151/419151003.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1409/140962/140962863.JPEG" srcset="/data/Photos/450x450w/1409/140962/140962863.JPEG 1x, /data/Photos/700x500w/1409/140962/140962863.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1409/140962/140962869.JPEG" srcset="/data/Photos/450x450w/1409/140962/140962869.JPEG 1x, /data/Photos/700x500w/1409/140962/140962869.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1409/140962/140962890.JPEG" srcset="/data/Photos/450x450w/1409/140962/140962890.JPEG 1x, /data/Photos/700x500w/1409/140962/140962890.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1409/140962/140962872.JPEG" srcset="/data/Photos/450x450w/1409/140962/140962872.JPEG 1x, /data/Photos/700x500w/1409/140962/140962872.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1409/140962/140962881.JPEG" srcset="/data/Photos/450x450w/1409/140962/140962881.JPEG 1x, /data/Photos/700x500w/1409/140962/140962881.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Enzo Paralel" data-hbs-name="Enzo Paralel"> <a class="hotels-by-stars__title-link" href="https://enzo-paralel.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9lbnpvLXBhcmFsZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> Enzo Paralel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1345756" data-hbs-latitude="41.39078" data-hbs-longitude="2.16725" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI0NTgvMTI0NTg3OC8xMjQ1ODc4NzQ5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12458/1245878/1245878749.JPEG" srcset="/data/Photos/450x450w/12458/1245878/1245878749.JPEG 1x, /data/Photos/700x500w/12458/1245878/1245878749.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12458/1245887/1245887227.JPEG" srcset="/data/Photos/450x450w/12458/1245887/1245887227.JPEG 1x, /data/Photos/700x500w/12458/1245887/1245887227.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12487/1248785/1248785485.JPEG" srcset="/data/Photos/450x450w/12487/1248785/1248785485.JPEG 1x, /data/Photos/700x500w/12487/1248785/1248785485.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12509/1250902/1250902216.JPEG" srcset="/data/Photos/450x450w/12509/1250902/1250902216.JPEG 1x, /data/Photos/700x500w/12509/1250902/1250902216.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12458/1245866/1245866791.JPEG" srcset="/data/Photos/450x450w/12458/1245866/1245866791.JPEG 1x, /data/Photos/700x500w/12458/1245866/1245866791.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12458/1245879/1245879826.JPEG" srcset="/data/Photos/450x450w/12458/1245879/1245879826.JPEG 1x, /data/Photos/700x500w/12458/1245879/1245879826.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那奥利瓦旅馆酒店" data-hbs-name="巴塞罗那奥利瓦旅馆酒店"> <a class="hotels-by-stars__title-link" href="https://hostal-oliva.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ob3N0YWwtb2xpdmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 巴塞罗那奥利瓦旅馆酒店 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1452643" data-hbs-latitude="41.40734" data-hbs-longitude="2.16627" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjY5NC8yNjk0NjIvMjY5NDYyMjI5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2694/269462/269462229.JPEG" srcset="/data/Photos/450x450w/2694/269462/269462229.JPEG 1x, /data/Photos/700x500w/2694/269462/269462229.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8302/830263/830263736.JPEG" srcset="/data/Photos/450x450w/8302/830263/830263736.JPEG 1x, /data/Photos/700x500w/8302/830263/830263736.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8302/830266/830266799.JPEG" srcset="/data/Photos/450x450w/8302/830266/830266799.JPEG 1x, /data/Photos/700x500w/8302/830266/830266799.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2694/269457/269457581.JPEG" srcset="/data/Photos/450x450w/2694/269457/269457581.JPEG 1x, /data/Photos/700x500w/2694/269457/269457581.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2694/269457/269457621.JPEG" srcset="/data/Photos/450x450w/2694/269457/269457621.JPEG 1x, /data/Photos/700x500w/2694/269457/269457621.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2694/269458/269458005.JPEG" srcset="/data/Photos/450x450w/2694/269458/269458005.JPEG 1x, /data/Photos/700x500w/2694/269458/269458005.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="阳光公寓巴塞罗那" data-hbs-name="阳光公寓巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://sunny-flat.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9zdW5ueS1mbGF0LmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 阳光公寓巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2753730" data-hbs-latitude="41.39126" data-hbs-longitude="2.17303" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyOTkvMTYyOTkxOS8xNjI5OTE5MjA0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16299/1629919/1629919204.JPEG" srcset="/data/Photos/450x450w/16299/1629919/1629919204.JPEG 1x, /data/Photos/700x500w/16299/1629919/1629919204.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16299/1629919/1629919197.JPEG" srcset="/data/Photos/450x450w/16299/1629919/1629919197.JPEG 1x, /data/Photos/700x500w/16299/1629919/1629919197.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16299/1629919/1629919199.JPEG" srcset="/data/Photos/450x450w/16299/1629919/1629919199.JPEG 1x, /data/Photos/700x500w/16299/1629919/1629919199.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16299/1629919/1629919201.JPEG" srcset="/data/Photos/450x450w/16299/1629919/1629919201.JPEG 1x, /data/Photos/700x500w/16299/1629919/1629919201.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16299/1629919/1629919202.JPEG" srcset="/data/Photos/450x450w/16299/1629919/1629919202.JPEG 1x, /data/Photos/700x500w/16299/1629919/1629919202.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16299/1629919/1629919203.JPEG" srcset="/data/Photos/450x450w/16299/1629919/1629919203.JPEG 1x, /data/Photos/700x500w/16299/1629919/1629919203.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="城中公寓巴塞罗那" data-hbs-name="城中公寓巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://midtown-apartments-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9taWR0b3duLWFwYXJ0bWVudHMtYmFyY2Vsb25hLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 城中公寓巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3256308" data-hbs-latitude="41.38611" data-hbs-longitude="2.17545" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjQyMi82NDIyNjUvNjQyMjY1NDQ5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6422/642265/642265449.JPEG" srcset="/data/Photos/450x450w/6422/642265/642265449.JPEG 1x, /data/Photos/700x500w/6422/642265/642265449.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16088/1608810/1608810125.JPEG" srcset="/data/Photos/450x450w/16088/1608810/1608810125.JPEG 1x, /data/Photos/700x500w/16088/1608810/1608810125.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16088/1608810/1608810126.JPEG" srcset="/data/Photos/450x450w/16088/1608810/1608810126.JPEG 1x, /data/Photos/700x500w/16088/1608810/1608810126.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16088/1608810/1608810127.JPEG" srcset="/data/Photos/450x450w/16088/1608810/1608810127.JPEG 1x, /data/Photos/700x500w/16088/1608810/1608810127.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16088/1608810/1608810128.JPEG" srcset="/data/Photos/450x450w/16088/1608810/1608810128.JPEG 1x, /data/Photos/700x500w/16088/1608810/1608810128.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16088/1608810/1608810132.JPEG" srcset="/data/Photos/450x450w/16088/1608810/1608810132.JPEG 1x, /data/Photos/700x500w/16088/1608810/1608810132.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="H10麦迪逊四星素普酒店巴塞罗那" data-hbs-name="H10麦迪逊四星素普酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://h10-madison-4-sup.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9oMTAtbWFkaXNvbi00LXN1cC5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> H10麦迪逊四星素普酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3691653" data-hbs-latitude="41.3828" data-hbs-longitude="2.1656" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ5ODUvMTQ5ODU4Ny8xNDk4NTg3MDc2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498587/1498587076.JPEG" srcset="/data/Photos/450x450w/14985/1498587/1498587076.JPEG 1x, /data/Photos/700x500w/14985/1498587/1498587076.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15983/1598395/1598395935.JPEG" srcset="/data/Photos/450x450w/15983/1598395/1598395935.JPEG 1x, /data/Photos/700x500w/15983/1598395/1598395935.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15988/1598890/1598890464.JPEG" srcset="/data/Photos/450x450w/15988/1598890/1598890464.JPEG 1x, /data/Photos/700x500w/15988/1598890/1598890464.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15988/1598890/1598890471.JPEG" srcset="/data/Photos/450x450w/15988/1598890/1598890471.JPEG 1x, /data/Photos/700x500w/15988/1598890/1598890471.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15988/1598890/1598890473.JPEG" srcset="/data/Photos/450x450w/15988/1598890/1598890473.JPEG 1x, /data/Photos/700x500w/15988/1598890/1598890473.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15983/1598395/1598395928.JPEG" srcset="/data/Photos/450x450w/15983/1598395/1598395928.JPEG 1x, /data/Photos/700x500w/15983/1598395/1598395928.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Central And Basic Universitat For Young Hostel 巴塞罗那" data-hbs-name="Central And Basic Universitat For Young Hostel 巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://serenity-universitat-hostel.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9zZXJlbml0eS11bml2ZXJzaXRhdC1ob3N0ZWwuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> Central And Basic Universitat For Young Hostel 巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3704016" data-hbs-latitude="41.37669" data-hbs-longitude="2.15367" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjI5Mi82MjkyMTgvNjI5MjE4ODQ1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6292/629218/629218845.JPEG" srcset="/data/Photos/450x450w/6292/629218/629218845.JPEG 1x, /data/Photos/700x500w/6292/629218/629218845.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6292/629218/629218095.JPEG" srcset="/data/Photos/450x450w/6292/629218/629218095.JPEG 1x, /data/Photos/700x500w/6292/629218/629218095.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6292/629218/629218113.JPEG" srcset="/data/Photos/450x450w/6292/629218/629218113.JPEG 1x, /data/Photos/700x500w/6292/629218/629218113.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6292/629218/629218878.JPEG" srcset="/data/Photos/450x450w/6292/629218/629218878.JPEG 1x, /data/Photos/700x500w/6292/629218/629218878.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6292/629219/629219037.JPEG" srcset="/data/Photos/450x450w/6292/629219/629219037.JPEG 1x, /data/Photos/700x500w/6292/629219/629219037.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6292/629219/629219070.JPEG" srcset="/data/Photos/450x450w/6292/629219/629219070.JPEG 1x, /data/Photos/700x500w/6292/629219/629219070.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Oxis Apartments - Plaza Espana Fira 巴塞罗那" data-hbs-name="Oxis Apartments - Plaza Espana Fira 巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://oxis-apartments-plaza-espaa-fira.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9veGlzLWFwYXJ0bWVudHMtcGxhemEtZXNwYWEtZmlyYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> Oxis Apartments - Plaza Espana Fira 巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3715668" data-hbs-latitude="41.32451" data-hbs-longitude="2.09401" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAyMTgvMTAyMTgyNy8xMDIxODI3MjM4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10218/1021827/1021827238.JPEG" srcset="/data/Photos/450x450w/10218/1021827/1021827238.JPEG 1x, /data/Photos/700x500w/10218/1021827/1021827238.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10209/1020955/1020955888.JPEG" srcset="/data/Photos/450x450w/10209/1020955/1020955888.JPEG 1x, /data/Photos/700x500w/10209/1020955/1020955888.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9766/976604/976604425.JPEG" srcset="/data/Photos/450x450w/9766/976604/976604425.JPEG 1x, /data/Photos/700x500w/9766/976604/976604425.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7623/762300/762300889.JPEG" srcset="/data/Photos/450x450w/7623/762300/762300889.JPEG 1x, /data/Photos/700x500w/7623/762300/762300889.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8468/846850/846850316.JPEG" srcset="/data/Photos/450x450w/8468/846850/846850316.JPEG 1x, /data/Photos/700x500w/8468/846850/846850316.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7623/762301/762301471.JPEG" srcset="/data/Photos/450x450w/7623/762301/762301471.JPEG 1x, /data/Photos/700x500w/7623/762301/762301471.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="埃普拉特约布里加巴塞罗那机场24小时空中旅馆旅舍" data-hbs-name="埃普拉特约布里加巴塞罗那机场24小时空中旅馆旅舍"> <a class="hotels-by-stars__title-link" href="https://airhostel-barcelona-aeropuerto.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9haXJob3N0ZWwtYmFyY2Vsb25hLWFlcm9wdWVydG8uaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> 埃普拉特约布里加巴塞罗那机场24小时空中旅馆旅舍 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="4387125" data-hbs-latitude="41.3868" data-hbs-longitude="2.16745" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4NTUvMTU4NTUwMi8xNTg1NTAyNTkwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15855/1585502/1585502590.JPEG" srcset="/data/Photos/450x450w/15855/1585502/1585502590.JPEG 1x, /data/Photos/700x500w/15855/1585502/1585502590.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15904/1590406/1590406796.JPEG" srcset="/data/Photos/450x450w/15904/1590406/1590406796.JPEG 1x, /data/Photos/700x500w/15904/1590406/1590406796.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7195/719525/719525419.JPEG" srcset="/data/Photos/450x450w/7195/719525/719525419.JPEG 1x, /data/Photos/700x500w/7195/719525/719525419.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7195/719525/719525455.JPEG" srcset="/data/Photos/450x450w/7195/719525/719525455.JPEG 1x, /data/Photos/700x500w/7195/719525/719525455.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7195/719527/719527618.JPEG" srcset="/data/Photos/450x450w/7195/719527/719527618.JPEG 1x, /data/Photos/700x500w/7195/719527/719527618.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7195/719528/719528767.JPEG" srcset="/data/Photos/450x450w/7195/719528/719528767.JPEG 1x, /data/Photos/700x500w/7195/719528/719528767.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="加泰罗尼亚伊克斯普拉扎酒店巴塞罗那" data-hbs-name="加泰罗尼亚伊克斯普拉扎酒店巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://exe-plaza-catalunya.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9leGUtcGxhemEtY2F0YWx1bnlhLmhvdGVsYmNuLWJhcmNlbG9uYS5jb20vemgv"> 加泰罗尼亚伊克斯普拉扎酒店巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="6416079" data-hbs-latitude="41.39942" data-hbs-longitude="2.17379" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA3MjQvMTA3MjQ4MC8xMDcyNDgwODgyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10724/1072480/1072480882.JPEG" srcset="/data/Photos/450x450w/10724/1072480/1072480882.JPEG 1x, /data/Photos/700x500w/10724/1072480/1072480882.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10702/1070208/1070208406.JPEG" srcset="/data/Photos/450x450w/10702/1070208/1070208406.JPEG 1x, /data/Photos/700x500w/10702/1070208/1070208406.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10825/1082535/1082535283.JPEG" srcset="/data/Photos/450x450w/10825/1082535/1082535283.JPEG 1x, /data/Photos/700x500w/10825/1082535/1082535283.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10827/1082707/1082707954.JPEG" srcset="/data/Photos/450x450w/10827/1082707/1082707954.JPEG 1x, /data/Photos/700x500w/10827/1082707/1082707954.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10830/1083011/1083011722.JPEG" srcset="/data/Photos/450x450w/10830/1083011/1083011722.JPEG 1x, /data/Photos/700x500w/10830/1083011/1083011722.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10701/1070199/1070199736.JPEG" srcset="/data/Photos/450x450w/10701/1070199/1070199736.JPEG 1x, /data/Photos/700x500w/10701/1070199/1070199736.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Chic Apartments 巴塞罗那" data-hbs-name="Chic Apartments 巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://apartments-one-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9hcGFydG1lbnRzLW9uZS1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> Chic Apartments 巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="10557041" data-hbs-latitude="41.44359" data-hbs-longitude="2.17842" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTUzNzIvMTUzNzI2NC8xNTM3MjY0ODYxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15372/1537264/1537264861.JPEG" srcset="/data/Photos/450x450w/15372/1537264/1537264861.JPEG 1x, /data/Photos/700x500w/15372/1537264/1537264861.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12250/1225054/1225054145.JPEG" srcset="/data/Photos/450x450w/12250/1225054/1225054145.JPEG 1x, /data/Photos/700x500w/12250/1225054/1225054145.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12039/1203906/1203906802.JPEG" srcset="/data/Photos/450x450w/12039/1203906/1203906802.JPEG 1x, /data/Photos/700x500w/12039/1203906/1203906802.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12039/1203906/1203906832.JPEG" srcset="/data/Photos/450x450w/12039/1203906/1203906832.JPEG 1x, /data/Photos/700x500w/12039/1203906/1203906832.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12039/1203906/1203906844.JPEG" srcset="/data/Photos/450x450w/12039/1203906/1203906844.JPEG 1x, /data/Photos/700x500w/12039/1203906/1203906844.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12039/1203908/1203908851.JPEG" srcset="/data/Photos/450x450w/12039/1203908/1203908851.JPEG 1x, /data/Photos/700x500w/12039/1203908/1203908851.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostelle - Women Only Hostel 巴塞罗那" data-hbs-name="Hostelle - Women Only Hostel 巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://hostelle-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ob3N0ZWxsZS1iYXJjZWxvbmEuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> Hostelle - Women Only Hostel 巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="12593730" data-hbs-latitude="41.40545" data-hbs-longitude="2.17125" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM2OTcvMTM2OTcyNi8xMzY5NzI2MDQzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13697/1369726/1369726043.JPEG" srcset="/data/Photos/450x450w/13697/1369726/1369726043.JPEG 1x, /data/Photos/700x500w/13697/1369726/1369726043.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11520/1152049/1152049095.JPEG" srcset="/data/Photos/450x450w/11520/1152049/1152049095.JPEG 1x, /data/Photos/700x500w/11520/1152049/1152049095.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11526/1152652/1152652683.JPEG" srcset="/data/Photos/450x450w/11526/1152652/1152652683.JPEG 1x, /data/Photos/700x500w/11526/1152652/1152652683.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11527/1152710/1152710592.JPEG" srcset="/data/Photos/450x450w/11527/1152710/1152710592.JPEG 1x, /data/Photos/700x500w/11527/1152710/1152710592.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11526/1152679/1152679629.JPEG" srcset="/data/Photos/450x450w/11526/1152679/1152679629.JPEG 1x, /data/Photos/700x500w/11526/1152679/1152679629.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11526/1152652/1152652716.JPEG" srcset="/data/Photos/450x450w/11526/1152652/1152652716.JPEG 1x, /data/Photos/700x500w/11526/1152652/1152652716.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Suite Place Barcelona Corsega" data-hbs-name="Suite Place Barcelona Corsega"> <a class="hotels-by-stars__title-link" href="https://suite-place-barcelona-corsega.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9zdWl0ZS1wbGFjZS1iYXJjZWxvbmEtY29yc2VnYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> Suite Place Barcelona Corsega </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="16194760" data-hbs-latitude="41.41448" data-hbs-longitude="2.18981" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQwOTUvMTQwOTU3OC8xNDA5NTc4Mzg4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14095/1409578/1409578388.JPEG" srcset="/data/Photos/450x450w/14095/1409578/1409578388.JPEG 1x, /data/Photos/700x500w/14095/1409578/1409578388.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15730/1573096/1573096067.JPEG" srcset="/data/Photos/450x450w/15730/1573096/1573096067.JPEG 1x, /data/Photos/700x500w/15730/1573096/1573096067.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15730/1573096/1573096070.JPEG" srcset="/data/Photos/450x450w/15730/1573096/1573096070.JPEG 1x, /data/Photos/700x500w/15730/1573096/1573096070.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16017/1601784/1601784324.JPEG" srcset="/data/Photos/450x450w/16017/1601784/1601784324.JPEG 1x, /data/Photos/700x500w/16017/1601784/1601784324.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16017/1601784/1601784332.JPEG" srcset="/data/Photos/450x450w/16017/1601784/1601784332.JPEG 1x, /data/Photos/700x500w/16017/1601784/1601784332.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16017/1601784/1601784334.JPEG" srcset="/data/Photos/450x450w/16017/1601784/1601784334.JPEG 1x, /data/Photos/700x500w/16017/1601784/1601784334.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Arcelon Hotel - From 2023 巴塞罗那" data-hbs-name="Arcelon Hotel - From 2023 巴塞罗那"> <a class="hotels-by-stars__title-link" href="https://arcelon-barcelona.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9hcmNlbG9uLWJhcmNlbG9uYS5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> Arcelon Hotel - From 2023 巴塞罗那 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="20438807" data-hbs-latitude="41.3975" data-hbs-longitude="2.12872" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ4MTAvMTQ4MTA1Ny8xNDgxMDU3MDY5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14810/1481057/1481057069.JPEG" srcset="/data/Photos/450x450w/14810/1481057/1481057069.JPEG 1x, /data/Photos/700x500w/14810/1481057/1481057069.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15448/1544879/1544879629.JPEG" srcset="/data/Photos/450x450w/15448/1544879/1544879629.JPEG 1x, /data/Photos/700x500w/15448/1544879/1544879629.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15448/1544878/1544878876.JPEG" srcset="/data/Photos/450x450w/15448/1544878/1544878876.JPEG 1x, /data/Photos/700x500w/15448/1544878/1544878876.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15448/1544878/1544878873.JPEG" srcset="/data/Photos/450x450w/15448/1544878/1544878873.JPEG 1x, /data/Photos/700x500w/15448/1544878/1544878873.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14816/1481686/1481686970.JPEG" srcset="/data/Photos/450x450w/14816/1481686/1481686970.JPEG 1x, /data/Photos/700x500w/14816/1481686/1481686970.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14816/1481696/1481696369.JPEG" srcset="/data/Photos/450x450w/14816/1481696/1481696369.JPEG 1x, /data/Photos/700x500w/14816/1481696/1481696369.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Leevin Student Barcelona旅舍" data-hbs-name="Leevin Student Barcelona旅舍"> <a class="hotels-by-stars__title-link" href="https://hostel-leevin-student.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9ob3N0ZWwtbGVldmluLXN0dWRlbnQuaG90ZWxiY24tYmFyY2Vsb25hLmNvbS96aC8="> Leevin Student Barcelona旅舍 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="20749244" data-hbs-latitude="41.39545" data-hbs-longitude="2.17049" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyOTUvMTYyOTUyNS8xNjI5NTI1MzI3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16295/1629525/1629525327.JPEG" srcset="/data/Photos/450x450w/16295/1629525/1629525327.JPEG 1x, /data/Photos/700x500w/16295/1629525/1629525327.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16295/1629525/1629525328.JPEG" srcset="/data/Photos/450x450w/16295/1629525/1629525328.JPEG 1x, /data/Photos/700x500w/16295/1629525/1629525328.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16295/1629525/1629525331.JPEG" srcset="/data/Photos/450x450w/16295/1629525/1629525331.JPEG 1x, /data/Photos/700x500w/16295/1629525/1629525331.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16295/1629525/1629525337.JPEG" srcset="/data/Photos/450x450w/16295/1629525/1629525337.JPEG 1x, /data/Photos/700x500w/16295/1629525/1629525337.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15269/1526960/1526960368.JPEG" srcset="/data/Photos/450x450w/15269/1526960/1526960368.JPEG 1x, /data/Photos/700x500w/15269/1526960/1526960368.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15269/1526960/1526960374.JPEG" srcset="/data/Photos/450x450w/15269/1526960/1526960374.JPEG 1x, /data/Photos/700x500w/15269/1526960/1526960374.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="巴塞罗那Sweett - Carrer Girona公寓" data-hbs-name="巴塞罗那Sweett - Carrer Girona公寓"> <a class="hotels-by-stars__title-link" href="https://sweet-carrer-girona-inn.hotelbcn-barcelona.com/zh/" data-hbs-url="aHR0cHM6Ly9zd2VldC1jYXJyZXItZ2lyb25hLWlubi5ob3RlbGJjbi1iYXJjZWxvbmEuY29tL3poLw=="> 巴塞罗那Sweett - Carrer Girona公寓 </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">在地图上显示</div> </div> </div> </div> </div> </div> </div> <div class="ht-map js-htbs-map"> <div class="ht-map__close-bg js-map-close"></div> <svg width="20px" height="20px" class="ht-map__close-btn js-map-close" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"> <path class="st0" d="M23.6,21.4C23.6,21.4,23.6,21.4,23.6,21.4L14.1,12v0l9.4-9.4c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0 L12,9.9L2.6,0.4C2-0.1,1-0.1,0.4,0.4C-0.1,1-0.1,2,0.4,2.6L9.9,12l-9.4,9.4c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.4-9.4 l9.4,9.4c0.6,0.6,1.5,0.6,2.1,0c0,0,0,0,0,0C24.1,23,24.1,22,23.6,21.4z"/> </svg> <div class="ht-map__inner" id="htbs-map"></div> </div> </div> </div> </div> </div> <div class="hot-deal-block"> <div class="new-container"> <div class="hot-deal"> <div class="hot-deal__top"> <a href="/hotels-tonight/"> <svg class="icon icon-bell" xmlns="http://www.w3.org/2000/svg" width="26" height="24"> <path d="M20.583 11.392V9.767c0-3.428-2.288-6.329-5.416-7.264v-.32C15.167.99 14.194.018 13 .018s-2.167.972-2.167 2.167v.319c-3.128.935-5.416 3.836-5.416 7.264v1.625c0 3.606-.849 4.873-1.469 5.798-.358.536-.698 1.042-.698 1.785 0 1.766 3.681 2.386 6.666 2.6.419 1.34 1.647 2.275 3.084 2.275s2.665-.936 3.084-2.276c2.985-.213 6.666-.833 6.666-2.599 0-.743-.34-1.25-.698-1.785-.62-.925-1.469-2.192-1.469-5.798zm-6.5-9.122c-.354-.051-.714-.086-1.083-.086s-.729.035-1.083.086v-.086a1.084 1.084 0 012.166 0v.086zm11.272 5.726a.543.543 0 00-1.029.343c.392 1.172.59 2.382.59 3.595s-.198 2.422-.59 3.595a.543.543 0 001.029.343c.428-1.284.645-2.609.645-3.938 0-1.33-.217-2.655-.645-3.938zm-2.739.342a.542.542 0 00-.343.685c.316.95.477 1.93.477 2.91a9.2 9.2 0 01-.477 2.912.543.543 0 00.514.712.542.542 0 00.514-.37c.354-1.062.532-2.156.532-3.253s-.178-2.192-.532-3.253a.543.543 0 00-.685-.343zM1.083 11.934c0-1.212.198-2.422.59-3.595a.544.544 0 00-.343-.686.548.548 0 00-.686.343A12.466 12.466 0 000 11.934c0 1.33.217 2.654.645 3.937a.544.544 0 00.686.343.543.543 0 00.343-.685 11.322 11.322 0 01-.59-3.595zm2.644 2.911a9.222 9.222 0 01-.477-2.911c0-.981.16-1.96.477-2.911a.543.543 0 00-1.028-.342c-.354 1.061-.532 2.156-.532 3.253s.178 2.191.532 3.252a.541.541 0 101.028-.341z" fill="#E12D2D" fill-rule="nonzero"/> </svg> <p>最后一分钟酒店预订交易</p> </a> <a class="btn btn-outline" href="/hotels-tonight/"> 查看全部优惠 <svg width="14" height="10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.22.145a.483.483 0 00-.69 0 .487.487 0 000 .683l3.498 3.499H.483A.48.48 0 000 4.81c0 .27.214.49.483.49h11.545L8.53 8.792a.495.495 0 000 .69.483.483 0 00.69 0l4.326-4.327a.475.475 0 000-.683L9.22.145z" fill="currentColor"/> </svg> </a> </div> <div class="hot-deal__text"> <p class="hot-deal__text__item js-ht-block-subtitle is-active" data-number="1">6家顶级酒店的价格从41US$到212US$由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。</p> <p class="hot-deal__text__item js-ht-block-subtitle" data-number="2">6家顶级酒店的价格从16US$到219US$由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。</p> </div> <div class="hot-deal__editors"> <div class="hot-deal__editors__images"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-1.jpg" alt="" loading="lazy"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-2.jpg" alt="" loading="lazy"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-3.jpg" alt="" loading="lazy"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-4.jpg" alt="" loading="lazy"> </div> <p class="hot-deal__editors__text js-ht-block-editors is-active" data-number="1">31.03编辑选择</p> <p class="hot-deal__editors__text js-ht-block-editors " data-number="2">01.04编辑选择</p> <p class="hot-deal__editors__text js-ht-block-editors " data-number="3">04.04编辑选择</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class='cookie-policy js-cookie-policy'> <div class='cookie-policy__wrapper'> <div class='cookie-policy__inner'> <div class='cookie-policy__inner-text'>我们将使用Cookie确保您在我们的网站上获得最佳体验。如果您继续使用本网站，我们将假定您对此网站满意。</div> <div class='cookie-policy__inner-btns'> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--ok js-cookie-close-btn'>接受</div> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--no js-cookie-close-btn'>不接受</div> </div> </div> </div> </div> <div class="feedback js-feedback-modal"> <div class="feedback__wrapper"> <div class="feedback__content js-feedback-inner"> <div class="feedback__close js-feedback-close"> <svg class="icon icon-popup-close" version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve"> <polygon class="st0" points="18,2.1 15.9,0 9,6.9 2.1,0 0,2.1 6.9,9 0,15.9 2.1,18 9,11.1 15.9,18 18,15.9 11.1,9 "/> </svg> </div> <div class="feedback__widget widget"> <img class="widget__photo" src="/new/designs/90/destination/img/footer-avatar.4808eea1701fe7971162a0c4b132d3ea.png" alt="Manager Avatar" /> <div class="widget__text"> <div class="widget__title">缺少信息吗？</div> <p class="widget__subtitle">还缺少什么信息</p> </div> </div> <form class="feedback__form js-feedback-form"> <textarea name="message" class="feedback__textarea js-feedback-textarea" placeholder="请在此处键入..." required></textarea> <input type="text" name="f_message2" value=""> <button class="feedback__btn" type="submit">发送</button> </form> </div> </div> </div> <div class="thanks-modal js-thanks-modal"> <div class="thanks-modal__wrapper"> <div class="thanks-modal__content"> <div class="thanks-modal__close js-thanks-modal-close"> <svg class="icon icon-popup-close" version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve"> <polygon class="st0" points="18,2.1 15.9,0 9,6.9 2.1,0 0,2.1 6.9,9 0,15.9 2.1,18 9,11.1 15.9,18 18,15.9 11.1,9 "/> </svg> </div> <div class="thanks-modal__title js-thanks-modal-title" data-title="feedback">感谢您的反馈！</div> <div class="thanks-modal__title js-thanks-modal-title" data-title="subscribe">感谢您的订阅</div> <div class="thanks-modal__img"> <svg xmlns="http://www.w3.org/2000/svg" width="97" height="100" viewBox="0 0 97 100"> <g fill="none" fill-rule="nonzero"> <path fill="#BAD4E3" d="M19.327 57.75l28.846 17.627L77.019 57.75l19.23-11.752v43.27c.002 5.899-4.782 10.683-10.681 10.684h-74.79c-5.9 0-10.682-4.785-10.682-10.685V45.998l19.23 11.752z"/> <path fill="#3C6780" d="M96.25 42.497v3.501L77.019 57.75V28.134l1.221.568 15.71 9.695a4.805 4.805 0 0 1 2.3 4.1z"/> <path fill="#F5F7FA" d="M77.019 28.134V57.75L48.173 75.377 19.327 57.75V7.625A7.624 7.624 0 0 1 26.949 0h29.08l.387.038v12.943a7.622 7.622 0 0 0 7.622 7.624h10.863l2.118 2.361v5.168zm-12.036 9.822c0-9.293-7.534-16.827-16.827-16.827-9.293 0-16.827 7.534-16.827 16.827 0 9.294 7.534 16.827 16.827 16.827 9.293 0 16.827-7.533 16.827-16.827z"/> <path fill="#BAD4E3" d="M56.457.043L74.9 20.605H64.038a7.622 7.622 0 0 1-7.622-7.624V.038l.04.005z"/> <path fill="#00D88E" d="M64.983 37.956c0 9.294-7.534 16.827-16.827 16.827-9.293 0-16.827-7.533-16.827-16.827 0-9.293 7.534-16.827 16.827-16.827 9.293 0 16.827 7.534 16.827 16.827z"/> <path fill="#3C6780" d="M19.327 28.134V57.75L.096 45.998v-3.5a4.81 4.81 0 0 1 2.3-4.101l16.93-10.263z"/> <path fill="#FFF" d="M45.673 43.183a1.68 1.68 0 0 1-1.28-.59l-3.74-4.38a1.682 1.682 0 1 1 2.558-2.185l2.674 3.13 7.435-6.049a1.681 1.681 0 0 1 2.732 1.035 1.683 1.683 0 0 1-.608 1.576l-8.709 7.086c-.3.244-.675.378-1.062.377z"/> </g> </svg> </div> <div class="thanks-modal__btn js-thanks-modal-close">封闭</div> </div> </div> </div> <footer class="footer"> <div class="footer__content footer__content--top"> <div class="footer-extra-offers"> <div class="footer-extra-offers__lists"> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> 住宿类型 <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/zh/type/hotels-12/">酒店在巴塞罗那</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/zh/type/apartments-3/">公寓在巴塞罗那</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/zh/type/hostels-11/">旅馆在巴塞罗那</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/zh/type/guest-houses-10/">招待所在巴塞罗那</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/zh/type/aparthotels-2/">公寓式酒店在巴塞罗那</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> 地标 <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/zh/near-casa-batllo-84685/">巴特略之家</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/zh/near-la-sagrada-familia-76366/">圣家堂</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> 点评 <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/zh/5-stars/">巴塞罗那5星级酒店</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/zh/4-stars/">巴塞罗那4星级酒店</a> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/zh/3-stars/">巴塞罗那3星级酒店</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> 住宿类型 <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelbcn-barcelona.com/zh/theme/luxury-hotels-14/">豪华酒店</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> 顶级酒店 <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://buba-house.hotelbcn-barcelona.com/zh/">布巴之家</a> <a class="footer-extra-offers-list__link" href="https://enzo-paralel.hotelbcn-barcelona.com/zh/">Enzo Paralel</a> <a class="footer-extra-offers-list__link" href="https://almanac-barcelona.hotelbcn-barcelona.com/zh/">巴塞罗那艾玛纳克酒店</a> <a class="footer-extra-offers-list__link" href="https://hostal-barcelona-08004.hotelbcn-barcelona.com/zh/">巴塞罗那旅馆</a> <a class="footer-extra-offers-list__link" href="https://catalonia-eixample-1864.hotelbcn-barcelona.com/zh/">加泰罗尼亚亦桑普乐区1864</a> </div> </div> </div> </div> </div> <div class="footer__content"> <div class="footer__lists"> <div class="footer__list-wrap js-accordion" data-accordion="footer"> <div class="footer__title" data-accordion-btn> 公司 <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <ul class="footer__list" data-accordion-content> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L3poL2Fib3V0LXVzLw==">关于我们</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L3poL291ci12YWx1ZXMv">我们的价值观</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L3poL3doeS1ib29rLXdpdGgtdXMv">为何要现在我们预订住宿?</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L3poL3BhcnRuZXJzaGlwLw==">加盟合作</span> </li> </ul> </div> <div class="footer__list-wrap js-accordion" data-accordion="footer"> <div class="footer__title" data-accordion-btn> 给旅行者 <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <ul class="footer__list" data-accordion-content> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L3poL3VzZWZ1bC10aXBzLw==">有用的提示</span> </li> <li class="footer__list-item"> <span class="footer__list-link">团体预订</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L3poL3N1cHBvcnQv">客服中心</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L3poL2ZhcS8=">FAQ</span> </li> </ul> </div> </div> <div class="footer__subscribe"> <form action="#main" class="form footer__subscribe-form js-footer-subscribe"> <p class="footer__title">订阅我们的时事通讯</p> <label class="form__label" for="email"> <input class="form__input" id="email" name="email" type="email" value="" placeholder="您的电子邮箱" required> <button class="form__submit" type="submit">订阅</button> </label> </form> <div class="footer__widget widget js-show-feedback-modal"> <img class="widget__photo" src="/new/designs/90/destination/img/footer-avatar.4808eea1701fe7971162a0c4b132d3ea.png" alt="Manager Avatar" /> <div class="widget__text"> <div class="widget__title">缺少信息吗？</div> <p class="widget__subtitle"> <span class="widget__subtitle-text">还缺少什么信息</span> </p> </div> </div> </div> </div> <div class="footer__content footer__content--under"> <div class="footer__promo"> <svg width="22" height="22" class="footer__promo-icon icon icon-nice-check"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#nice-check"></use> </svg> <p class="footer__promo-text">独一无二的地方丰富选择</p> </div> <div class="footer__service-list"> <span class="footer__service-link js-link js-link-new" data-internal="L3poL3ByaXZhY3kv">隐私政策</span> <span class="footer__service-link js-link js-link-new" data-internal="L3poL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">条款和条件</span> <span class="footer__service-link js-link js-link-new" data-internal="L3poL2NvcHlyaWdodC8=">版权通知</span> </div> <div class="footer__social"> <ul class="footer__social-list"> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-facebook-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#facebook"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-twitter-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#twitter"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-instagram-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#instagram"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-google-plus-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#google-plus"></use> </svg> </li> </ul> </div> </div> <div class="footer__bottom"> <div class="footer__bottom-wrap"> <div class="footer__copyright">2025 © hotelbcn-barcelona.com. All rights reserved</div> <div class="footer__payments"> <img src="/new/designs/90/destination/img/paypal-img.svg" height="20" alt="paypal" loading="lazy"> <img src="/new/designs/90/destination/img/mastercard-img.svg" height="20" alt="mastercard" loading="lazy"> <img src="/new/designs/90/destination/img/visa-pay-img.svg" height="20" alt="visa" loading="lazy"> </div> </div> </div> </footer> <script type="text/javascript"> window.travel = window.travel || {}; travel.opts = { siteDomain: 'hotelbcn-barcelona.com', page: 'main', type: 'destination', lang_id: '17', lang: 'zh', day: '31', month: '03', year: '2025', id: '4186068780', track: '2g1ykLjvomfD0r8j', currency: {"ID":"1","CurrencyID":"1","LangID":"17","Name":"\u7f8e\u5143","ExchangeRate":"1","Code":"USD","Symbol":"US$","FilterSymbol":"US$","ShowInFilter":"1","Prices":"0-100|100-200|200-300|300-","Priority":"360","SyncDate":"2018-08-21 10:00:00","URL":"\/?currency=1"}, tob: false , sdom: 'https://www.hotelbcn-barcelona.com', sid: '116206', nid: '28', curr: 'US$', curr_rate: '1', obj_id: '45', c_id: 45, theme: '9001', map_params: { provider: '2', key: '' , lat: '41.386993', long: '2.170052' }, av_params: { multiBookRoomsInfo: '[{"adults":2,"children":[]}]', use: '0', from: '2025-04-01', to: '2025-04-02', adults: '2', children: '0', childrenTitle: '儿童年龄：' }, messages: { f_name: '请输入您的姓名', f_email: '请输入您的电子邮箱', f_subject: '请选择主题', f_message: '请输入您要搜索的文本', f_review: '请输入文本', f_review_cons: '请输入文本', f_month: '请选择月份', f_year: '请选择年', f_rating: '请评价一下这家住宿', f_calendar:'为查看特殊优惠请输入您想入住期间', // TODO: Uncomment when vocab will be translated } , k: 'qzjm3n1g0q6', v: '136b963c807c628880153b8f7055d927' }; travel.data = { hotels_tonight: {"1":{"date":{"From":"2025-03-31","To":"2025-04-01","FromDM":"31.03","ToDM":"01.04","TextDM":"31.03-01.04\u9009\u9879","DayVocab":"\u4eca\u665a"},"data":{"2":[{"ID":"1327242","HotelID":"1327242","Name":"\u66fc\u52a0\u7279\u6cfd128\u65c5\u9986","Address":"Calle Calabria 128, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"3","Latitude":"41.3810615539551","Longitude":"2.15340995788574","AvgMark":"44","ReviewCount":"2463","AvgMarkName":"\u4f18\u826f","Photos":["12488\/1248864\/1248864376.JPEG","11498\/1149829\/1149829057.JPEG","12488\/1248862\/1248862798.JPEG","11498\/1149834\/1149834577.JPEG","4107\/410706\/410706459.JPEG","3452\/345254\/345254158.JPEG"],"HotelURL":"https:\/\/magatzem-128.hotelbcn-barcelona.com\/zh\/","MinRate":"121","BookingReviews":{"ReviewsCount":"2458","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"\u6781\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=b-amp-b-magatzem-128;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i1327242-s116206-n28-magatzem_128"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.1,"ScoreMessage":"\u4f18\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u4f18\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.1\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":8.7,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.6,"ScoreMessage":"\u8d85\u503c\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u8d85\u503c\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76848.6\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"1.5\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"14.4\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"121","AvailID":"1931571037"},{"ID":"16194760","HotelID":"16194760","Name":"Arcelon Hotel - From 2023","Address":"661 Carrer De Mallorca, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"4","Latitude":"41.41448","Longitude":"2.18981","AvgMark":"44","ReviewCount":"1856","AvgMarkName":"\u4f18\u826f","Photos":["14095\/1409578\/1409578388.JPEG","15730\/1573096\/1573096067.JPEG","15730\/1573096\/1573096070.JPEG","16017\/1601784\/1601784324.JPEG","16017\/1601784\/1601784332.JPEG","16017\/1601784\/1601784334.JPEG"],"HotelURL":"https:\/\/arcelon-barcelona.hotelbcn-barcelona.com\/zh\/","MinRate":"57","BookingReviews":{"ReviewsCount":"1858","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"\u6781\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=arcelon;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i16194760-s116206-n28-arcelon_hotel_from_2023"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"\u4f18\u826f","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.4,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.3,"ScoreMessage":"\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76848.3\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":8.8,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.5,"ScoreMessage":"\u8d85\u503c\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u8d85\u503c\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76848.5\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"3.5\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"19.1\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"57","AvailID":"1931571040"},{"ID":"88783","HotelID":"88783","Name":"\u7279\u96f7\u65af\u6258\u96f7\u65af\u963f\u8fea\u62c9\u59c6\u9152\u5e97","Address":"Calatrava, 32 - 34, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"3","Latitude":"41.3998495828503","Longitude":"2.13006556034088","AvgMark":"44","ReviewCount":"1264","AvgMarkName":"\u4f18\u826f","Photos":["15541\/1554144\/1554144157.JPEG","15513\/1551339\/1551339874.JPEG","15513\/1551339\/1551339901.JPEG","15541\/1554143\/1554143905.JPEG","15541\/1554143\/1554143941.JPEG","15541\/1554143\/1554143959.JPEG"],"HotelURL":"https:\/\/tres-torres-atiram-hotel.hotelbcn-barcelona.com\/zh\/","MinRate":"212","BookingReviews":{"ReviewsCount":"1259","ReviewScore":89,"OriginalScore":89,"AvgMarkName":"\u6781\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=atiramtrestorres;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i88783-s116206-n28-tres_torres_atiram_hotel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.7,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.3,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.4,"ScoreMessage":"\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76848.4\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":8.3,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.2,"ScoreMessage":"\u8d85\u503c\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u8d85\u503c\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76848.2\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"3.7\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"16.2\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"212","AvailID":"1931571045"},{"ID":"1280489","HotelID":"1280489","Name":"Lm Bcn\u65c5\u9986","Address":"Carrer Malgrat 40, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"3","Latitude":"41.42827","Longitude":"2.17989","AvgMark":"44","ReviewCount":"1089","AvgMarkName":"\u4f18\u826f","Photos":["11986\/1198623\/1198623769.JPEG","11969\/1196909\/1196909698.JPEG","11969\/1196917\/1196917963.JPEG","11969\/1196921\/1196921572.JPEG","11969\/1196921\/1196921638.JPEG","16450\/1645027\/1645027707.JPEG"],"HotelURL":"https:\/\/my-pillow.hotelbcn-barcelona.com\/zh\/","MinRate":"41","BookingReviews":{"ReviewsCount":"1085","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"\u6781\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=laramond-barcelona-rooms;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i1280489-s116206-n28-laramond_barcelona_rooms"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.4,"ScoreMessage":"\u4f18\u826f","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.5,"ScoreMessage":"\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76848.5\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.9,"ScoreMessage":"\u8d85\u503c\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u8d85\u503c\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76848.9\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"4.7\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"23.6\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"41","AvailID":"1931571051"},{"ID":"6661098","HotelID":"6661098","Name":"Hotel Brick Barcelona","Address":"304 Gran Via De Les Corts Catalanes, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.37246","Longitude":"2.14618","AvgMark":"44","ReviewCount":"2944","AvgMarkName":"\u4f18\u826f","Photos":["8464\/846403\/846403433.JPEG","16562\/1656251\/1656251678.JPEG","16562\/1656251\/1656251679.JPEG","16562\/1656251\/1656251680.JPEG","16562\/1656251\/1656251676.JPEG","16562\/1656251\/1656251677.JPEG"],"HotelURL":"https:\/\/hotel-brick.hotelbcn-barcelona.com\/zh\/","MinRate":"109","BookingReviews":{"ReviewsCount":"2932","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"\u6781\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=brick-barcelona;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i6661098-s116206-n28-hotel_brick_barcelona"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.2,"ScoreMessage":"\u4f18\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u4f18\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.2\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":8.8,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.5,"ScoreMessage":"\u8d85\u503c\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u8d85\u503c\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76848.5\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"2.5\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"12.8\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"109","AvailID":"1931571058"},{"ID":"112365","HotelID":"112365","Name":"\u65f6\u5c1a\u4e4b\u5bb6\u9152\u5e97","Address":"Bruc, 13 Principal, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.3902","Longitude":"2.17485","AvgMark":"43","ReviewCount":"1015","AvgMarkName":"\u4f18\u826f","Photos":["6325\/632597\/632597343.JPEG","15803\/1580349\/1580349789.JPEG","15803\/1580349\/1580349945.JPEG","15803\/1580350\/1580350125.JPEG","15803\/1580350\/1580350147.JPEG","15803\/1580350\/1580350197.JPEG"],"HotelURL":"https:\/\/fashion-house.hotelbcn-barcelona.com\/zh\/","MinRate":"64","BookingReviews":{"ReviewsCount":"1017","ReviewScore":86,"OriginalScore":86,"AvgMarkName":"\u6781\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=fashion-house;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i112365-s116206-n28-fashion_house"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.8,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.7,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.4,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.6,"ScoreMessage":"\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.6\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":8.5,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.5,"ScoreMessage":"\u8d85\u503c\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u8d85\u503c\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76848.5\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"600\u7c73","Type":"City Center"},{"TypeID":"1","Distance":"16.1\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"64","AvailID":"1931571061"}],"1":[{"ID":"820436","HotelID":"820436","Name":"\u5e15\u82e5\u5229\u7f57\u65c5\u9986","Address":"Carrer Salva, 62, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.372195","Longitude":"2.165189","AvgMark":"48","ReviewCount":"975","AvgMarkName":"\u4f18\u826f","Photos":["10758\/1075815\/1075815568.JPEG","16552\/1655281\/1655281136.JPEG","16552\/1655281\/1655281184.JPEG","15861\/1586131\/1586131809.JPEG","15400\/1540029\/1540029748.JPEG","15400\/1540029\/1540029883.JPEG"],"HotelURL":"https:\/\/hostel-one-paralelo.hotelbcn-barcelona.com\/zh\/","MinRate":"228","BookingReviews":{"ReviewsCount":"972","ReviewScore":96,"OriginalScore":96,"AvgMarkName":"\u4f18\u79c0","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostelone-paralel;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i820436-s116206-n28-onefam_paralelo"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"\u4f18\u826f","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.3,"ScoreMessage":"\u4f18\u826f","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.4,"ScoreMessage":"\u4f18\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u4f18\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.4\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":9.5,"ScoreMessage":"\u4f18\u79c0","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"\u5353\u8d8a\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u5353\u8d8a\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76849.2\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"1.6\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"16.4\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"228","AvailID":"1931984081"},{"ID":"1344052","HotelID":"1344052","Name":"\u5170\u5e03\u62c9\u4e00\u53f7\u65c5\u820d","Address":"Albareda, 6-8, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.37368","Longitude":"2.17419","AvgMark":"47","ReviewCount":"1279","AvgMarkName":"\u4f18\u826f","Photos":["8066\/806648\/806648991.JPEG","15399\/1539926\/1539926083.JPEG","15399\/1539926\/1539926023.JPEG","15399\/1539926\/1539926122.JPEG","15399\/1539926\/1539926101.JPEG","15399\/1539926\/1539926029.JPEG"],"HotelURL":"https:\/\/hostel-one-ramblas.hotelbcn-barcelona.com\/zh\/","MinRate":"15","BookingReviews":{"ReviewsCount":"1276","ReviewScore":95,"OriginalScore":95,"AvgMarkName":"\u4f18\u79c0","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=the-hostel-box;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i1344052-s116206-n28-onefam_ramblas"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"\u4f18\u826f","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.1,"ScoreMessage":"\u4f18\u826f","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.3,"ScoreMessage":"\u4f18\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u4f18\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.3\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"\u5353\u8d8a\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u5353\u8d8a\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76849.1\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"1.4\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"15.7\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"15","AvailID":"1931984084"},{"ID":"13394920","HotelID":"13394920","Name":"Onefam Batllo","Address":"52 Carrer De Casanova, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"3","Latitude":"41.38465","Longitude":"2.16012","AvgMark":"46","ReviewCount":"1591","AvgMarkName":"\u4f18\u826f","Photos":["11852\/1185239\/1185239977.JPEG","15534\/1553406\/1553406514.JPEG","15400\/1540092\/1540092346.JPEG","15400\/1540092\/1540092301.JPEG","15400\/1540091\/1540091062.JPEG","15400\/1540092\/1540092307.JPEG"],"HotelURL":"https:\/\/hostel-one-batllo.hotelbcn-barcelona.com\/zh\/","MinRate":"61","BookingReviews":{"ReviewsCount":"1590","ReviewScore":93,"OriginalScore":93,"AvgMarkName":"\u8d85\u7ea7\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-gran-via;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i13394920-s116206-n28-onefam_batll_"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"\u4f18\u826f","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.8,"ScoreMessage":"\u4f18\u79c0","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.6,"ScoreMessage":"\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.6\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"\u4f18\u826f","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"\u5353\u8d8a\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u5353\u8d8a\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76849.1\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"900\u7c73","Type":"City Center"},{"TypeID":"1","Distance":"15.2\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"61","AvailID":"1931984087"},{"ID":"998790","HotelID":"998790","Name":"\u5df4\u585e\u7f57\u90a3\u4f2f\u6069\u65c5\u820d","Address":"Ronda Sant Pere 68, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.39105","Longitude":"2.17876","AvgMark":"45","ReviewCount":"1386","AvgMarkName":"\u4f18\u826f","Photos":["2030\/203005\/203005771.JPEG","15883\/1588393\/1588393879.JPEG","15883\/1588393\/1588393880.JPEG","15883\/1588393\/1588393881.JPEG","2030\/203016\/203016868.JPEG","2030\/203016\/203016880.JPEG"],"HotelURL":"https:\/\/born-barcelona-hostel.hotelbcn-barcelona.com\/zh\/","MinRate":"28","BookingReviews":{"ReviewsCount":"1394","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"\u8d85\u7ea7\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=born-barceloona-hostel;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i998790-s116206-n28-born_barcelona_hostel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.5,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.5,"ScoreMessage":"\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.5\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.8,"ScoreMessage":"\u8d85\u503c\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u8d85\u503c\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76848.8\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"900\u7c73","Type":"City Center"},{"TypeID":"1","Distance":"16.3\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"28","AvailID":"1931984092"},{"ID":"500212","HotelID":"500212","Name":"\u6851\u8328\u7b2c\u4e00\u65c5\u9986","Address":"Casteras, 9, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.37430073","Longitude":"2.130363286","AvgMark":"45","ReviewCount":"2590","AvgMarkName":"\u4f18\u826f","Photos":["10381\/1038167\/1038167836.JPEG","16499\/1649918\/1649918124.JPEG","16499\/1649918\/1649918139.JPEG","15861\/1586124\/1586124777.JPEG","15400\/1540033\/1540033816.JPEG","15400\/1540033\/1540033900.JPEG"],"HotelURL":"https:\/\/hostel-one-sants.hotelbcn-barcelona.com\/zh\/","MinRate":"16","BookingReviews":{"ReviewsCount":"2589","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"\u8d85\u7ea7\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-sants;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i500212-s116206-n28-onefam_sants"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76848.9\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9,"ScoreMessage":"\u5353\u8d8a\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u5353\u8d8a\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76849\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"3.6\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"13\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"16","AvailID":"1931984099"},{"ID":"818838","HotelID":"818838","Name":"\u6cd5\u5e03\u91cc\u5179\u5965\u9732\u53f0\u9752\u5e74\u65c5\u820d","Address":"Girona 49, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.39354","Longitude":"2.17266","AvgMark":"45","ReviewCount":"1899","AvgMarkName":"\u4f18\u826f","Photos":["10091\/1009102\/1009102858.JPEG","11785\/1178541\/1178541529.JPEG","15672\/1567207\/1567207757.JPEG","10140\/1014066\/1014066772.JPEG","10091\/1009102\/1009102564.JPEG","10091\/1009102\/1009102582.JPEG"],"HotelURL":"https:\/\/fabrizzios-terrace.hotelbcn-barcelona.com\/zh\/","MinRate":"28","BookingReviews":{"ReviewsCount":"1890","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"\u8d85\u7ea7\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=fabrizzios-terrace;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i818838-s116206-n28-fabrizzios_terrace_hostel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.6,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.5,"ScoreMessage":"\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.5\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"\u5353\u8d8a\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u5353\u8d8a\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76849.1\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"800\u7c73","Type":"City Center"},{"TypeID":"1","Distance":"16.7\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"28","AvailID":"1931984105"}]},"vocabs":{"2":{"from_to_price":"6\u5bb6\u9876\u7ea7\u9152\u5e97\u7684\u4ef7\u683c\u4ece41US$\u5230212US$\u7531\u6211\u4eec\u7684\u7f16\u8f91\u6309\u4f18\u79c0\u7684\u5ba2\u4eba\u70b9\u8bc4\u3001\u4fbf\u5229\u7684\u5730\u7406\u4f4d\u7f6e\u548c\u4f18\u60e0\u7684\u4ef7\u683c\u9009\u62e9\u3002","from_to_price_main_page":"4\u5bb6\u9876\u7ea7\u9152\u5e97\u7684\u4ef7\u683c\u4ece41US$\u5230212US$\u7531\u6211\u4eec\u7684\u7f16\u8f91\u6309\u4f18\u79c0\u7684\u5ba2\u4eba\u70b9\u8bc4\u3001\u4fbf\u5229\u7684\u5730\u7406\u4f4d\u7f6e\u548c\u4f18\u60e0\u7684\u4ef7\u683c\u9009\u62e9\u3002"},"1":{"from_to_price":"6\u5bb6\u9876\u7ea7\u9152\u5e97\u7684\u4ef7\u683c\u4ece15US$\u5230228US$\u7531\u6211\u4eec\u7684\u7f16\u8f91\u6309\u4f18\u79c0\u7684\u5ba2\u4eba\u70b9\u8bc4\u3001\u4fbf\u5229\u7684\u5730\u7406\u4f4d\u7f6e\u548c\u4f18\u60e0\u7684\u4ef7\u683c\u9009\u62e9\u3002","from_to_price_main_page":"4\u5bb6\u9876\u7ea7\u9152\u5e97\u7684\u4ef7\u683c\u4ece15US$\u5230228US$\u7531\u6211\u4eec\u7684\u7f16\u8f91\u6309\u4f18\u79c0\u7684\u5ba2\u4eba\u70b9\u8bc4\u3001\u4fbf\u5229\u7684\u5730\u7406\u4f4d\u7f6e\u548c\u4f18\u60e0\u7684\u4ef7\u683c\u9009\u62e9\u3002"}}},"2":{"date":{"From":"2025-04-01","To":"2025-04-02","FromDM":"01.04","ToDM":"02.04","TextDM":"01.04-02.04\u9009\u9879","DayVocab":"\u660e\u5929"},"data":{"2":[{"ID":"22456888","HotelID":"22456888","Name":"Monturiol Apartaments","Address":"23 Carrer De Monturiol, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"0","Latitude":"41.41","Longitude":"2.1924","AvgMark":"45","ReviewCount":"156","AvgMarkName":"\u4f18\u826f","Photos":["15935\/1593534\/1593534443.JPEG","16310\/1631016\/1631016890.JPEG","16310\/1631016\/1631016902.JPEG","16310\/1631016\/1631016909.JPEG","15935\/1593534\/1593534397.JPEG","15935\/1593534\/1593534444.JPEG"],"HotelURL":"https:\/\/monturiol-apartaments.hotelbcn-barcelona.com\/zh\/","MinRate":"216","BookingReviews":{"ReviewsCount":"156","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"\u8d85\u7ea7\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=monturiol-apartaments-barcelona;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i22456888-s116206-n28-monturiol_apartaments"},"Distances":[{"TypeID":"0","Distance":"3.2\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"21.8\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"216","AvailID":"1931570790"},{"ID":"500212","HotelID":"500212","Name":"\u6851\u8328\u7b2c\u4e00\u65c5\u9986","Address":"Casteras, 9, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.37430073","Longitude":"2.130363286","AvgMark":"45","ReviewCount":"2590","AvgMarkName":"\u4f18\u826f","Photos":["10381\/1038167\/1038167836.JPEG","16499\/1649918\/1649918124.JPEG","16499\/1649918\/1649918139.JPEG","15861\/1586124\/1586124777.JPEG","15400\/1540033\/1540033816.JPEG","15400\/1540033\/1540033900.JPEG"],"HotelURL":"https:\/\/hostel-one-sants.hotelbcn-barcelona.com\/zh\/","MinRate":"16","BookingReviews":{"ReviewsCount":"2589","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"\u8d85\u7ea7\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-sants;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i500212-s116206-n28-onefam_sants"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76848.9\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9,"ScoreMessage":"\u5353\u8d8a\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u5353\u8d8a\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76849\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"3.6\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"13\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"16","AvailID":"1931570798"},{"ID":"400301","HotelID":"400301","Name":"\u6208\u96c5\u65c5\u9986","Address":"Pau Claris, 74 Primero, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.38942","Longitude":"2.17173","AvgMark":"44","ReviewCount":"2961","AvgMarkName":"\u4f18\u826f","Photos":["16272\/1627210\/1627210284.JPEG","286\/28627\/28627529.JPEG","16247\/1624756\/1624756615.JPEG","15726\/1572659\/1572659450.JPEG","15726\/1572659\/1572659456.JPEG","15726\/1572659\/1572659459.JPEG"],"HotelURL":"https:\/\/hostal-goya.hotelbcn-barcelona.com\/zh\/","MinRate":"219","BookingReviews":{"ReviewsCount":"2956","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"\u6781\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostal-goya-apartments;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i400301-s116206-n28-hostal_goya"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.8,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.6,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.5,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.8,"ScoreMessage":"\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.8\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":8.7,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.6,"ScoreMessage":"\u8d85\u503c\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u8d85\u503c\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76848.6\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"400\u7c73","Type":"City Center"},{"TypeID":"1","Distance":"15.8\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"219","AvailID":"1931570805"},{"ID":"1280489","HotelID":"1280489","Name":"Lm Bcn\u65c5\u9986","Address":"Carrer Malgrat 40, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"3","Latitude":"41.42827","Longitude":"2.17989","AvgMark":"44","ReviewCount":"1089","AvgMarkName":"\u4f18\u826f","Photos":["11986\/1198623\/1198623769.JPEG","11969\/1196909\/1196909698.JPEG","11969\/1196917\/1196917963.JPEG","11969\/1196921\/1196921572.JPEG","11969\/1196921\/1196921638.JPEG","16450\/1645027\/1645027707.JPEG"],"HotelURL":"https:\/\/my-pillow.hotelbcn-barcelona.com\/zh\/","MinRate":"41","BookingReviews":{"ReviewsCount":"1085","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"\u6781\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=laramond-barcelona-rooms;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i1280489-s116206-n28-laramond_barcelona_rooms"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.4,"ScoreMessage":"\u4f18\u826f","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.5,"ScoreMessage":"\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76848.5\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.9,"ScoreMessage":"\u8d85\u503c\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u8d85\u503c\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76848.9\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"4.7\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"23.6\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"41","AvailID":"1931570829"},{"ID":"816984","HotelID":"816984","Name":"\u585e\u5c14\u4e39\u96c5\u65c5\u9986","Address":"C\/ Girona 35 1, 2, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.39253","Longitude":"2.17406","AvgMark":"44","ReviewCount":"926","AvgMarkName":"\u4f18\u826f","Photos":["2321\/232125\/232125625.JPEG","1514\/151431\/151431349.JPEG","2322\/232230\/232230592.JPEG","2480\/248042\/248042013.JPEG","2480\/248042\/248042097.JPEG","1285\/128572\/128572335.JPEG"],"HotelURL":"https:\/\/pensio-cerdanya.hotelbcn-barcelona.com\/zh\/","MinRate":"101","BookingReviews":{"ReviewsCount":"922","ReviewScore":89,"OriginalScore":89,"AvgMarkName":"\u6781\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=pension-cerdea-a;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i816984-s116206-n28-pensi_cerdanya"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"\u4f18\u826f","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.6,"ScoreMessage":"\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.6\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":9.1,"ScoreMessage":"\u4f18\u826f","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9,"ScoreMessage":"\u5353\u8d8a\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u5353\u8d8a\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76849\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"800\u7c73","Type":"City Center"},{"TypeID":"1","Distance":"16.8\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"101","AvailID":"1931570834"},{"ID":"88783","HotelID":"88783","Name":"\u7279\u96f7\u65af\u6258\u96f7\u65af\u963f\u8fea\u62c9\u59c6\u9152\u5e97","Address":"Calatrava, 32 - 34, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"3","Latitude":"41.3998495828503","Longitude":"2.13006556034088","AvgMark":"44","ReviewCount":"1264","AvgMarkName":"\u4f18\u826f","Photos":["15541\/1554144\/1554144157.JPEG","15513\/1551339\/1551339874.JPEG","15513\/1551339\/1551339901.JPEG","15541\/1554143\/1554143905.JPEG","15541\/1554143\/1554143941.JPEG","15541\/1554143\/1554143959.JPEG"],"HotelURL":"https:\/\/tres-torres-atiram-hotel.hotelbcn-barcelona.com\/zh\/","MinRate":"212","BookingReviews":{"ReviewsCount":"1259","ReviewScore":89,"OriginalScore":89,"AvgMarkName":"\u6781\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=atiramtrestorres;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i88783-s116206-n28-tres_torres_atiram_hotel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.7,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.3,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.4,"ScoreMessage":"\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76848.4\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":8.3,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.2,"ScoreMessage":"\u8d85\u503c\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u8d85\u503c\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76848.2\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"3.7\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"16.2\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"212","AvailID":"1931570837"}],"1":[{"ID":"820436","HotelID":"820436","Name":"\u5e15\u82e5\u5229\u7f57\u65c5\u9986","Address":"Carrer Salva, 62, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.372195","Longitude":"2.165189","AvgMark":"48","ReviewCount":"975","AvgMarkName":"\u4f18\u826f","Photos":["10758\/1075815\/1075815568.JPEG","16552\/1655281\/1655281136.JPEG","16552\/1655281\/1655281184.JPEG","15861\/1586131\/1586131809.JPEG","15400\/1540029\/1540029748.JPEG","15400\/1540029\/1540029883.JPEG"],"HotelURL":"https:\/\/hostel-one-paralelo.hotelbcn-barcelona.com\/zh\/","MinRate":"228","BookingReviews":{"ReviewsCount":"972","ReviewScore":96,"OriginalScore":96,"AvgMarkName":"\u4f18\u79c0","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostelone-paralel;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i820436-s116206-n28-onefam_paralelo"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"\u4f18\u826f","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.3,"ScoreMessage":"\u4f18\u826f","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.4,"ScoreMessage":"\u4f18\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u4f18\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.4\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":9.5,"ScoreMessage":"\u4f18\u79c0","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"\u5353\u8d8a\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u5353\u8d8a\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76849.2\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"1.6\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"16.4\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"228","AvailID":"1931983674"},{"ID":"1344052","HotelID":"1344052","Name":"\u5170\u5e03\u62c9\u4e00\u53f7\u65c5\u820d","Address":"Albareda, 6-8, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.37368","Longitude":"2.17419","AvgMark":"47","ReviewCount":"1279","AvgMarkName":"\u4f18\u826f","Photos":["8066\/806648\/806648991.JPEG","15399\/1539926\/1539926083.JPEG","15399\/1539926\/1539926023.JPEG","15399\/1539926\/1539926122.JPEG","15399\/1539926\/1539926101.JPEG","15399\/1539926\/1539926029.JPEG"],"HotelURL":"https:\/\/hostel-one-ramblas.hotelbcn-barcelona.com\/zh\/","MinRate":"15","BookingReviews":{"ReviewsCount":"1276","ReviewScore":95,"OriginalScore":95,"AvgMarkName":"\u4f18\u79c0","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=the-hostel-box;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i1344052-s116206-n28-onefam_ramblas"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"\u4f18\u826f","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.1,"ScoreMessage":"\u4f18\u826f","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.3,"ScoreMessage":"\u4f18\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u4f18\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.3\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"\u5353\u8d8a\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u5353\u8d8a\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76849.1\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"1.4\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"15.7\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"15","AvailID":"1931983683"},{"ID":"500212","HotelID":"500212","Name":"\u6851\u8328\u7b2c\u4e00\u65c5\u9986","Address":"Casteras, 9, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.37430073","Longitude":"2.130363286","AvgMark":"45","ReviewCount":"2590","AvgMarkName":"\u4f18\u826f","Photos":["10381\/1038167\/1038167836.JPEG","16499\/1649918\/1649918124.JPEG","16499\/1649918\/1649918139.JPEG","15861\/1586124\/1586124777.JPEG","15400\/1540033\/1540033816.JPEG","15400\/1540033\/1540033900.JPEG"],"HotelURL":"https:\/\/hostel-one-sants.hotelbcn-barcelona.com\/zh\/","MinRate":"16","BookingReviews":{"ReviewsCount":"2589","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"\u8d85\u7ea7\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-sants;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i500212-s116206-n28-onefam_sants"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76848.9\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9,"ScoreMessage":"\u5353\u8d8a\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u5353\u8d8a\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76849\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"3.6\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"13\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"16","AvailID":"1931983708"},{"ID":"519662","HotelID":"519662","Name":"\u666e\u5229\u9a6c\u7ef4\u62c9\u65c5\u9986","Address":"Mallorca, 330, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.39826","Longitude":"2.168598","AvgMark":"45","ReviewCount":"2055","AvgMarkName":"\u4f18\u826f","Photos":["15532\/1553278\/1553278120.JPEG","15881\/1588157\/1588157827.JPEG","15532\/1553278\/1553278201.JPEG","15532\/1553278\/1553278153.JPEG","15553\/1555308\/1555308343.JPEG","15881\/1588157\/1588157838.JPEG"],"HotelURL":"https:\/\/primavera-hostel.hotelbcn-barcelona.com\/zh\/","MinRate":"33","BookingReviews":{"ReviewsCount":"2057","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"\u8d85\u7ea7\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=primavera-hostel;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i519662-s116206-n28-primavera_hostel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"\u4f18\u826f","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.1,"ScoreMessage":"\u4f18\u826f","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.7,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.4,"ScoreMessage":"\u4f18\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u4f18\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.4\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.9,"ScoreMessage":"\u8d85\u503c\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u8d85\u503c\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76848.9\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"1.3\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"16.7\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"33","AvailID":"1931983711"},{"ID":"818838","HotelID":"818838","Name":"\u6cd5\u5e03\u91cc\u5179\u5965\u9732\u53f0\u9752\u5e74\u65c5\u820d","Address":"Girona 49, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.39354","Longitude":"2.17266","AvgMark":"45","ReviewCount":"1899","AvgMarkName":"\u4f18\u826f","Photos":["10091\/1009102\/1009102858.JPEG","11785\/1178541\/1178541529.JPEG","15672\/1567207\/1567207757.JPEG","10140\/1014066\/1014066772.JPEG","10091\/1009102\/1009102564.JPEG","10091\/1009102\/1009102582.JPEG"],"HotelURL":"https:\/\/fabrizzios-terrace.hotelbcn-barcelona.com\/zh\/","MinRate":"28","BookingReviews":{"ReviewsCount":"1890","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"\u8d85\u7ea7\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=fabrizzios-terrace;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i818838-s116206-n28-fabrizzios_terrace_hostel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.6,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.5,"ScoreMessage":"\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.5\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"\u5353\u8d8a\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u5353\u8d8a\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76849.1\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"800\u7c73","Type":"City Center"},{"TypeID":"1","Distance":"16.7\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"28","AvailID":"1931983715"},{"ID":"998790","HotelID":"998790","Name":"\u5df4\u585e\u7f57\u90a3\u4f2f\u6069\u65c5\u820d","Address":"Ronda Sant Pere 68, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.39105","Longitude":"2.17876","AvgMark":"45","ReviewCount":"1386","AvgMarkName":"\u4f18\u826f","Photos":["2030\/203005\/203005771.JPEG","15883\/1588393\/1588393879.JPEG","15883\/1588393\/1588393880.JPEG","15883\/1588393\/1588393881.JPEG","2030\/203016\/203016868.JPEG","2030\/203016\/203016880.JPEG"],"HotelURL":"https:\/\/born-barcelona-hostel.hotelbcn-barcelona.com\/zh\/","MinRate":"28","BookingReviews":{"ReviewsCount":"1394","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"\u8d85\u7ea7\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=born-barceloona-hostel;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i998790-s116206-n28-born_barcelona_hostel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.5,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.5,"ScoreMessage":"\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.5\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.8,"ScoreMessage":"\u8d85\u503c\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u8d85\u503c\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76848.8\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"900\u7c73","Type":"City Center"},{"TypeID":"1","Distance":"16.3\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"28","AvailID":"1931983719"}]},"vocabs":{"2":{"from_to_price":"6\u5bb6\u9876\u7ea7\u9152\u5e97\u7684\u4ef7\u683c\u4ece16US$\u5230219US$\u7531\u6211\u4eec\u7684\u7f16\u8f91\u6309\u4f18\u79c0\u7684\u5ba2\u4eba\u70b9\u8bc4\u3001\u4fbf\u5229\u7684\u5730\u7406\u4f4d\u7f6e\u548c\u4f18\u60e0\u7684\u4ef7\u683c\u9009\u62e9\u3002","from_to_price_main_page":"4\u5bb6\u9876\u7ea7\u9152\u5e97\u7684\u4ef7\u683c\u4ece16US$\u5230219US$\u7531\u6211\u4eec\u7684\u7f16\u8f91\u6309\u4f18\u79c0\u7684\u5ba2\u4eba\u70b9\u8bc4\u3001\u4fbf\u5229\u7684\u5730\u7406\u4f4d\u7f6e\u548c\u4f18\u60e0\u7684\u4ef7\u683c\u9009\u62e9\u3002"},"1":{"from_to_price":"6\u5bb6\u9876\u7ea7\u9152\u5e97\u7684\u4ef7\u683c\u4ece15US$\u5230228US$\u7531\u6211\u4eec\u7684\u7f16\u8f91\u6309\u4f18\u79c0\u7684\u5ba2\u4eba\u70b9\u8bc4\u3001\u4fbf\u5229\u7684\u5730\u7406\u4f4d\u7f6e\u548c\u4f18\u60e0\u7684\u4ef7\u683c\u9009\u62e9\u3002","from_to_price_main_page":"4\u5bb6\u9876\u7ea7\u9152\u5e97\u7684\u4ef7\u683c\u4ece15US$\u5230228US$\u7531\u6211\u4eec\u7684\u7f16\u8f91\u6309\u4f18\u79c0\u7684\u5ba2\u4eba\u70b9\u8bc4\u3001\u4fbf\u5229\u7684\u5730\u7406\u4f4d\u7f6e\u548c\u4f18\u60e0\u7684\u4ef7\u683c\u9009\u62e9\u3002"}}},"3":{"date":{"From":"2025-04-04","To":"2025-04-06","FromDM":"04.04","ToDM":"06.04","TextDM":"04.04-06.04\u9009\u9879","DayVocab":"\u672c\u5468\u672b"},"data":{"1":[{"ID":"820436","HotelID":"820436","Name":"\u5e15\u82e5\u5229\u7f57\u65c5\u9986","Address":"Carrer Salva, 62, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.372195","Longitude":"2.165189","AvgMark":"48","ReviewCount":"975","AvgMarkName":"\u4f18\u826f","Photos":["10758\/1075815\/1075815568.JPEG","16552\/1655281\/1655281136.JPEG","16552\/1655281\/1655281184.JPEG","15861\/1586131\/1586131809.JPEG","15400\/1540029\/1540029748.JPEG","15400\/1540029\/1540029883.JPEG"],"HotelURL":"https:\/\/hostel-one-paralelo.hotelbcn-barcelona.com\/zh\/","MinRate":"228","BookingReviews":{"ReviewsCount":"972","ReviewScore":96,"OriginalScore":96,"AvgMarkName":"\u4f18\u79c0","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostelone-paralel;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i820436-s116206-n28-onefam_paralelo"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"\u4f18\u826f","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.3,"ScoreMessage":"\u4f18\u826f","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.4,"ScoreMessage":"\u4f18\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u4f18\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.4\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":9.5,"ScoreMessage":"\u4f18\u79c0","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"\u5353\u8d8a\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u5353\u8d8a\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76849.2\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"1.6\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"16.4\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"228","AvailID":"1931984520"},{"ID":"1344052","HotelID":"1344052","Name":"\u5170\u5e03\u62c9\u4e00\u53f7\u65c5\u820d","Address":"Albareda, 6-8, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.37368","Longitude":"2.17419","AvgMark":"47","ReviewCount":"1279","AvgMarkName":"\u4f18\u826f","Photos":["8066\/806648\/806648991.JPEG","15399\/1539926\/1539926083.JPEG","15399\/1539926\/1539926023.JPEG","15399\/1539926\/1539926122.JPEG","15399\/1539926\/1539926101.JPEG","15399\/1539926\/1539926029.JPEG"],"HotelURL":"https:\/\/hostel-one-ramblas.hotelbcn-barcelona.com\/zh\/","MinRate":"15","BookingReviews":{"ReviewsCount":"1276","ReviewScore":95,"OriginalScore":95,"AvgMarkName":"\u4f18\u79c0","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=the-hostel-box;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i1344052-s116206-n28-onefam_ramblas"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"\u4f18\u826f","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.1,"ScoreMessage":"\u4f18\u826f","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.3,"ScoreMessage":"\u4f18\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u4f18\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.3\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"\u5353\u8d8a\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u5353\u8d8a\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76849.1\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"1.4\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"15.7\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"15","AvailID":"1931984524"},{"ID":"13394920","HotelID":"13394920","Name":"Onefam Batllo","Address":"52 Carrer De Casanova, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"3","Latitude":"41.38465","Longitude":"2.16012","AvgMark":"46","ReviewCount":"1591","AvgMarkName":"\u4f18\u826f","Photos":["11852\/1185239\/1185239977.JPEG","15534\/1553406\/1553406514.JPEG","15400\/1540092\/1540092346.JPEG","15400\/1540092\/1540092301.JPEG","15400\/1540091\/1540091062.JPEG","15400\/1540092\/1540092307.JPEG"],"HotelURL":"https:\/\/hostel-one-batllo.hotelbcn-barcelona.com\/zh\/","MinRate":"61","BookingReviews":{"ReviewsCount":"1590","ReviewScore":93,"OriginalScore":93,"AvgMarkName":"\u8d85\u7ea7\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-gran-via;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i13394920-s116206-n28-onefam_batll_"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"\u4f18\u826f","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"\u4f18\u826f","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.8,"ScoreMessage":"\u4f18\u79c0","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.6,"ScoreMessage":"\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.6\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"\u4f18\u826f","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"\u5353\u8d8a\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u5353\u8d8a\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76849.1\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"900\u7c73","Type":"City Center"},{"TypeID":"1","Distance":"15.2\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"61","AvailID":"1931984529"},{"ID":"998790","HotelID":"998790","Name":"\u5df4\u585e\u7f57\u90a3\u4f2f\u6069\u65c5\u820d","Address":"Ronda Sant Pere 68, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.39105","Longitude":"2.17876","AvgMark":"45","ReviewCount":"1386","AvgMarkName":"\u4f18\u826f","Photos":["2030\/203005\/203005771.JPEG","15883\/1588393\/1588393879.JPEG","15883\/1588393\/1588393880.JPEG","15883\/1588393\/1588393881.JPEG","2030\/203016\/203016868.JPEG","2030\/203016\/203016880.JPEG"],"HotelURL":"https:\/\/born-barcelona-hostel.hotelbcn-barcelona.com\/zh\/","MinRate":"28","BookingReviews":{"ReviewsCount":"1394","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"\u8d85\u7ea7\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=born-barceloona-hostel;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i998790-s116206-n28-born_barcelona_hostel"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.5,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.5,"ScoreMessage":"\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u7406\u60f3\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76849.5\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.8,"ScoreMessage":"\u8d85\u503c\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u8d85\u503c\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76848.8\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"900\u7c73","Type":"City Center"},{"TypeID":"1","Distance":"16.3\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"28","AvailID":"1931984535"},{"ID":"500212","HotelID":"500212","Name":"\u6851\u8328\u7b2c\u4e00\u65c5\u9986","Address":"Casteras, 9, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"2","Latitude":"41.37430073","Longitude":"2.130363286","AvgMark":"45","ReviewCount":"2590","AvgMarkName":"\u4f18\u826f","Photos":["10381\/1038167\/1038167836.JPEG","16499\/1649918\/1649918124.JPEG","16499\/1649918\/1649918139.JPEG","15861\/1586124\/1586124777.JPEG","15400\/1540033\/1540033816.JPEG","15400\/1540033\/1540033900.JPEG"],"HotelURL":"https:\/\/hostel-one-sants.hotelbcn-barcelona.com\/zh\/","MinRate":"16","BookingReviews":{"ReviewsCount":"2589","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"\u8d85\u7ea7\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=hostel-one-sants;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i500212-s116206-n28-onefam_sants"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76848.9\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9,"ScoreMessage":"\u5353\u8d8a\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u5353\u8d8a\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76849\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"3.6\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"13\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"16","AvailID":"1931984559"},{"ID":"399002","HotelID":"399002","Name":"\u5df4\u585e\u7f57\u90a3\u9ec4\u71d5\u65c5\u9986","Address":"Passatge Regente Mendieta, 5, \u5df4\u585e\u7f57\u90a3, \u897f\u73ed\u7259","Stars":"5","Latitude":"41.377129","Longitude":"2.12383","AvgMark":"45","ReviewCount":"2133","AvgMarkName":"\u4f18\u826f","Photos":["12788\/1278895\/1278895216.JPEG","6702\/670229\/670229355.JPEG","12788\/1278896\/1278896215.JPEG","16499\/1649902\/1649902957.JPEG","16499\/1649902\/1649902958.JPEG","16499\/1649902\/1649902959.JPEG"],"HotelURL":"https:\/\/feetup-yellow-nest-hostel-barcelona.hotelbcn-barcelona.com\/zh\/","MinRate":"18","BookingReviews":{"ReviewsCount":"2161","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"\u8d85\u7ea7\u597d","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=yellow-nest-hostel;cc1=es;lang=zh;label=click_rev-bn-20250401_040513-i399002-s116206-n28-onefam_les_corts"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.5,"ScoreMessage":"\u8d85\u7ea7\u597d","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.7,"ScoreMessage":"\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e","Message":"\u6b64\u4f4f\u5bbf\u573a\u6240\u62e5\u6709\u5353\u8d8a\u7684\u5730\u7406\u4f4d\u7f6e\u3002\u6839\u636e\u6e38\u5ba2\u7684\u8bc4\u4ef7\uff0c\u5b83\u7684\u5730\u7406\u4f4d\u7f6e\u662f10\u5206\u4e2d\u76848.7\u5206\u3002\u8be5\u4f4f\u6240\u80af\u5b9a\u662f\u4e00\u4e2a\u65b9\u4fbf\u7684\u9009\u62e9\uff01"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"\u4f18\u826f","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.9,"ScoreMessage":"\u8d85\u503c\u7684\u4ef7\u683c","Message":"\u7531\u4e8e\u8d85\u503c\u7684\u4ef7\u683c\uff0c\u65c5\u5ba2\u89c9\u5f97\u8be5\u4f4f\u5bbf\u7269\u6709\u6240\u503c\u3002\u6839\u636e\u6e38\u5ba2\u70b9\u8bc4\uff0c\u5b83\u7684\u4ef7\u683c\u662f10\u5206\u4e2d\u76848.9\u5206\u3002\u4e00\u5b9a\u4f1a\u5f88\u5212\u7b97\uff01"}},"Distances":[{"TypeID":"0","Distance":"4\u516c\u91cc","Type":"City Center"},{"TypeID":"1","Distance":"14.1\u516c\u91cc","Type":"Airport"}],"CurrencyPrice":"18","AvailID":"1931984562"}]},"vocabs":{"1":{"from_to_price":"6\u5bb6\u9876\u7ea7\u9152\u5e97\u7684\u4ef7\u683c\u4ece15US$\u5230228US$\u7531\u6211\u4eec\u7684\u7f16\u8f91\u6309\u4f18\u79c0\u7684\u5ba2\u4eba\u70b9\u8bc4\u3001\u4fbf\u5229\u7684\u5730\u7406\u4f4d\u7f6e\u548c\u4f18\u60e0\u7684\u4ef7\u683c\u9009\u62e9\u3002","from_to_price_main_page":"4\u5bb6\u9876\u7ea7\u9152\u5e97\u7684\u4ef7\u683c\u4ece15US$\u5230228US$\u7531\u6211\u4eec\u7684\u7f16\u8f91\u6309\u4f18\u79c0\u7684\u5ba2\u4eba\u70b9\u8bc4\u3001\u4fbf\u5229\u7684\u5730\u7406\u4f4d\u7f6e\u548c\u4f18\u60e0\u7684\u4ef7\u683c\u9009\u62e9\u3002"}}}}, hotels_tonight_subtitles: { 1: "1家顶级酒店由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。", 2: "2家顶级酒店由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。", 3: "3家顶级酒店由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。", 4: "4家顶级酒店由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。", 5: "5家顶级酒店由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。", 6: "6家顶级酒店由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。", 7: "7家顶级酒店由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。", 8: "8家顶级酒店由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。", 9: "9家顶级酒店由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。", 10: "10家顶级酒店由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。", 11: "11家顶级酒店由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。", 12: "12家顶级酒店由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。", 13: "13家顶级酒店由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。", 14: "14家顶级酒店由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。", 15: "15家顶级酒店由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。", 16: "16家顶级酒店由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。", 17: "17家顶级酒店由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。", 18: "18家顶级酒店由我们的编辑按优秀的客人点评、便利的地理位置和优惠的价格选择。", } } travel.opts.device = 3 </script> <script type="text/javascript"> window.travel = window.travel || {}; travel.options = { page:'main', frontPage:'main', typeObject:'destination', currencyId:'1', languageId:'17', language:'zh', isRtl: false , currentDay:'31', currentMonth:'03', currentYear:'2025', logId: '4186068780', track: '2g1ykLjvomfD0r8j', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.hotelbcn-barcelona.com', siteId:'116206', nid:'28', siteDomain: 'hotelbcn-barcelona.com', isCountriesLanguages: false , guestsInfo: { minAdultsCount: 1, maxAdultsCount: 20, minChildrenCount: 0, maxChildrenCount: 10, minChildAge: 0, maxChildAge: 16 }, tob: false , currency:'US$', currencyRate:'1', objectId:'45', hotelTheme:'9001', clickTrip: { destinationType: "city", cityId: "-372490", subAccount: "dest-clicktrip-n28-010425-s116206-w2g1ykLjvomfD0r8j-d9001-dc3" }, cityID: 45, cityLocalName: "Barcelona", mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'41.386993' ,hotelLongitude:'2.170052' ,cityCenterLatitude: '41386993' ,cityCenterLongitude: '2170052' }, availableParams: { use:'0', dataFrom:'2025-04-01', dataTo:'2025-04-02', guestsAdults:'2', guestsChildren:'0' }, alertMessages: { messageName:'请输入您的姓名', messageEmail:'请输入一个有效的的电子邮件地址', messageSubject:'请选择主题', messageMessage:'请输入您的讯息', messageReview:'请输入文本', messageReviewCons:'请输入文本', messageMonth:'请选择月', messageYear:'请选择年', messageRating:'请评级酒店', messageCountry:'请选择国家', next:'下一个', prev:'上一个', messageCalendar:'为查看特殊优惠请输入您想入住期间' }, stopSpamKey:'qzjm3n1g0q6', stopSpamValue:'136b963c807c628880153b8f7055d927', }; </script> <script defer type="module" src="/new/designs/90/build/destination-vendors/script.a9173f3ca024fbff39b7e843377a578f.js"></script> <script defer type="module" src="/new/designs/90/build/destination/script.a9173f3ca024fbff39b7e843377a578f.js"></script> <script nomodule src="/new/designs/90/build/destination-vendors/script-es5.79b7d12d964c8281bfbaba4358c57d7f.js"></script> <script nomodule src="/new/designs/90/build/destination/script-es5.79b7d12d964c8281bfbaba4358c57d7f.js"></script> </body> </html>