.hotel-container{display:flex;flex-direction:column;padding:24px 0 12px;background:#000;box-shadow:0 2px 8px 0 rgba(15,41,77,.04);border-radius:8px;margin-bottom:24px;position:relative;overflow:hidden}.hotel-container ::-webkit-scrollbar{display:none}.hotel-back{position:absolute;width:229px;height:150px;right:0;top:-30px;background:no-repeat top/100% 100%;background-image:linear-gradient(90deg,#000 10%,transparent 50%),url(https://dimg04.c-ctrip.com/images/0wj6g12000dek3ft9AE50.png)}.hotel-title{color:#fff;padding-right:12px;z-index:2;padding-left:12px;font-size:18px;font-weight:700;letter-spacing:0;line-height:24px}.hotel-list{overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.hotel-container-online .hotel-back{width:60%;height:260px;top:0}.hotel-container-online .hotel-title{margin-right:85px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}.hotel-container-online .hotel-more{position:absolute;cursor:pointer;right:6px;z-index:9}.hotel-container-online .hotel-more img{width:30px;height:30px}.hotel-container-online .hotel-more .more-left,.hotel-container-online .hotel-more .more-right{width:30px;height:30px;display:inline-block;background-size:contain}.hotel-container-online .hotel-more .more-left{cursor:pointer;background-image:url(https://dimg04.c-ctrip.com/images/0wj0g12000d9fyungAEA8.png)}.hotel-container-online .hotel-more .more-left:hover{background-image:url(https://dimg04.c-ctrip.com/images/0wj2h12000d9fysdh806A.png)}.hotel-container-online .hotel-more .more-right{background-image:url(https://dimg04.c-ctrip.com/images/0wj6u12000d9fyzj05708.png)}.hotel-container-online .hotel-more .more-right:hover{background-image:url(https://dimg04.c-ctrip.com/images/0wj4p12000d9fy5ip3AB1.png)}.hotel-container-online .hotel-list-container{overflow:visible;transition:all .5s}.hotel-container-online .hotel-list-container .hotel-list{overflow:visible}.hotel-container-online .hotel-list-container .hotel-list .hotel-card{width:calc(25% - 12px)}.hotel-container-online .hotel-list-container .hotel-list .hotel-card .hotel-image{width:calc(100% - 8px)}.hotel-container-online .hotel-list-container .hotel-list .hotel-card .hotel-name{width:auto;font-size:12px}.hotel-container-online .hotel-list-container .hotel-list .hotel-card .checkBtn-text{color:#fff;z-index:9}.hotel-card{width:147.5px;height:225px;position:relative;display:inline-block;background:#fff;border:1px solid rgba(218,223,230,.6);box-shadow:0 4px 8px 0 rgba(15,41,77,.1);border-radius:4px 4px 4px 4px;margin-left:8px}.hotel-card:last-child{margin-right:8px}.hotel-list-container{overflow:hidden;font-size:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;margin-top:16px}.hotel-image{width:139.5px;height:92.5px;display:inline-block;border-radius:8px;padding:4px;border-style:initial}.hotel-name{color:#0f294d;width:135.5px;height:34px;font-size:13px;align-self:flex-end;margin-top:6px;text-align:left;font-weight:500;line-height:17px;padding-left:8px;padding-right:4px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:break-spaces}.hotel-tip{width:35.5px;height:17px;background:url(https://pages.trip.com/images/seo/backTip.png) no-repeat top/contain;position:absolute;top:-1px;left:0;color:#673114;font-size:9px;font-weight:900;letter-spacing:0;line-height:12px;display:flex;justify-content:center;align-items:center}.starImage{width:59.5px;height:11px;margin-top:4.5px;margin-bottom:4.5px;margin-left:8px}.dot{width:2px;height:2px;align-self:center;background:#acb4bf;margin-left:4px;margin-right:4px;border-radius:50%}.starFont{color:#1136a6;font-weight:700}.commonfont,.starFont{font-size:13px;text-align:left;line-height:18px;white-space:nowrap}.commonfont{color:#8592a6;font-weight:400}.checkBtn,.commonfont{display:flex;margin-left:8px}.checkBtn{padding:6px 10.5px;background:#3264ff;margin-top:8px;margin-right:8px;border-radius:3.2px;justify-content:center;align-items:center;color:#fff;font-size:12.8px;text-align:center;font-weight:700;line-height:17.6px;white-space:nowrap;cursor:pointer;position:relative}.checkBtn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.16);opacity:0;transition:opacity .3s ease-in-out}.checkBtn:hover:before{opacity:1}