@charset "UTF-8";.hotel-room{padding-bottom:120px;background:#fafafa}.hotel-room .hotel-room-banner .about,.hotel-room .hotel-room-content{max-width:1200px;margin:0 auto}.hotel-room .hotel-room-banner{position:relative;height:640px;background:url(../../../../Images/solution/hotel-room/img-01.png) no-repeat,linear-gradient(135deg,#a3bded,#6991c7)}.hotel-room .hotel-room-banner .about{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.hotel-room .hotel-room-banner .about .info h1,.hotel-room .hotel-room-banner .about .info h5,.hotel-room .hotel-room-banner .about .info p{margin:0;font-weight:700;color:#fff}.hotel-room .hotel-room-banner .about .info h1{margin:82px 0 30px;font-size:60px}.hotel-room .hotel-room-banner .about .info .t2{width:600px;height:130px;background:hsla(0,0%,100%,.2);border-radius:8px 8px 0 0;font-size:30px;font-family:Microsoft YaHei UI,Microsoft YaHei UI-Bold;font-weight:700;text-align:left;color:#fff}.hotel-room .hotel-room-banner .about .info .t2 span{display:block}.hotel-room .hotel-room-banner .about .info .t2 span:first-child{padding:20px 20px 0}.hotel-room .hotel-room-banner .about .info .t2 span:last-child{padding:15px 20px 0}.hotel-room .hotel-room-banner .about .info .tip{width:592px;padding:20px 0;margin:0;border:4px solid hsla(0,0%,100%,.2);border-radius:0 0 8px 8px}.hotel-room .hotel-room-banner .about .info .tip span{display:block;padding:0 20px;line-height:30px;font-weight:700;font-size:20px;color:#fff}.hotel-room .hotel-room-banner .about .info .jump{display:block;width:160px;height:50px;margin:40px 0 0;background:#fff;border-radius:8px;box-shadow:0 0 24px 0 rgba(51,51,51,.08);font-size:22px;font-family:Microsoft YaHei UI,Microsoft YaHei UI-Bold;font-weight:700;color:#a3bded;text-align:center;line-height:50px;text-decoration:none}.hotel-room .hotel-room-banner .about .info .jump:hover{background:linear-gradient(135deg,#a3bded,#6991c7);color:#fff}.hotel-room .hotel-room-banner .about .priview{position:relative;top:80px;width:400px;height:672px;margin:0;background:#fff;border-radius:8px;box-shadow:0 0 24px 0 rgba(51,51,51,.08)}.hotel-room .hotel-room-banner .about .priview img{display:block;width:375px;height:647px;margin:12px}.hotel-room .hotel-room-content.hotel-room-content-1,.hotel-room .hotel-room-content.hotel-room-content-2,.hotel-room .hotel-room-content.hotel-room-content-3,.hotel-room .hotel-room-content.hotel-room-content-4,.hotel-room .hotel-room-content.hotel-room-content-5{max-width:1200px;margin:0 auto}.hotel-room .hotel-room-content.hotel-room-content-1 .title,.hotel-room .hotel-room-content.hotel-room-content-2 .title,.hotel-room .hotel-room-content.hotel-room-content-3 .title,.hotel-room .hotel-room-content.hotel-room-content-4 .title,.hotel-room .hotel-room-content.hotel-room-content-5 .title{margin:80px 0 30px;font-size:30px;font-weight:700;text-align:center;color:#37474f;font-family:Microsoft YaHei UI,Microsoft YaHei UI-Bold}.hotel-room .hotel-room-content.hotel-room-content-1 ul,.hotel-room .hotel-room-content.hotel-room-content-2 ul,.hotel-room .hotel-room-content.hotel-room-content-3 ul,.hotel-room .hotel-room-content.hotel-room-content-4 ul,.hotel-room .hotel-room-content.hotel-room-content-5 ul{display:-ms-flexbox;display:flex;padding:0;margin:0}.hotel-room .hotel-room-content.hotel-room-content-1 ul li,.hotel-room .hotel-room-content.hotel-room-content-2 ul li,.hotel-room .hotel-room-content.hotel-room-content-3 ul li,.hotel-room .hotel-room-content.hotel-room-content-4 ul li,.hotel-room .hotel-room-content.hotel-room-content-5 ul li{list-style:none}.hotel-room .hotel-room-content.hotel-room-content-1{padding:0;margin:172px auto 0}.hotel-room .hotel-room-content.hotel-room-content-1 .box{width:1200px;height:450px;margin:0 auto;display:-ms-flexbox;display:flex;background:#fff;border-radius:8px;box-shadow:1px 1px 50px 5px rgba(96,125,139,.08)}.hotel-room .hotel-room-content.hotel-room-content-1 .box .thumb{width:460px;height:330px;margin:62px 90px 69px 72px}.hotel-room .hotel-room-content.hotel-room-content-1 .box .message{width:505px}.hotel-room .hotel-room-content.hotel-room-content-1 .box .message h1{margin:105px 0 20px;color:#6991c7;text-align:left;font-size:26px}.hotel-room .hotel-room-content.hotel-room-content-1 .box .message span{font-size:22px;color:#37474f;line-height:40px}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul{-ms-flex-wrap:wrap;flex-wrap:wrap}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li{display:-ms-flexbox;display:flex;width:1035px;margin:0 0 30px;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li .thumb{width:600px;padding:10px 0;background:#fff;border-radius:16px;box-shadow:1px 1px 50px 5px rgba(96,125,139,.08)}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li .thumb img{display:block;width:calc(100% - 20px);margin:0 auto}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li .info .title{position:relative;margin:0}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li .info .title .line{display:block;width:204px;height:16px;background:#a3bded;border-radius:2px}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li .info .title h3{position:absolute;top:-14px;left:3px;margin:0;font-size:22px;text-align:left;color:#37474f;font-weight:700}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li .info p{font-size:18px;line-height:30px;color:#37474f}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:first-child .info{margin:102px 0 0 100px}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:first-child .info p{margin:10px 0 0}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:nth-child(2){margin:0 0 30px 165px}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:nth-child(2) .info{margin:34px 100px 0 0}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:nth-child(2) .info .title{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:nth-child(2) .info .title .line{width:184px}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:nth-child(2) .info .title h3{top:-14px;right:3px;left:unset}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:nth-child(2) .info p{text-align:right}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:last-child .info{margin:128px 0 0 100px}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:last-child .info .title .line{width:184px}.hotel-room .hotel-room-content.hotel-room-content-3 .box ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.hotel-room .hotel-room-content.hotel-room-content-3 .box ul li{position:relative;width:550px;height:275px;background:#fafafa;border-radius:16px;box-shadow:1px 1px 50px 5px rgba(96,125,139,.08)}.hotel-room .hotel-room-content.hotel-room-content-3 .box ul li:before{content:"";position:absolute;top:25px;left:-10px;display:block;width:168px;height:70px}.hotel-room .hotel-room-content.hotel-room-content-3 .box ul li span{display:block;line-height:32px}.hotel-room .hotel-room-content.hotel-room-content-3 .box ul li:first-child{background:url(../../../../Images/solution/hotel-room/img-07.png) no-repeat}.hotel-room .hotel-room-content.hotel-room-content-3 .box ul li:first-child:before{background:url(../../../../Images/solution/hotel-room/img-18.png) no-repeat}.hotel-room .hotel-room-content.hotel-room-content-3 .box ul li:first-child span{margin:133px 0 0 30px}.hotel-room .hotel-room-content.hotel-room-content-3 .box ul li:last-child{background:url(../../../../Images/solution/hotel-room/img-08.png) no-repeat}.hotel-room .hotel-room-content.hotel-room-content-3 .box ul li:last-child:before{background:url(../../../../Images/solution/hotel-room/img-17.png) no-repeat}.hotel-room .hotel-room-content.hotel-room-content-3 .box ul li:last-child span{margin:118px 0 0 30px}.hotel-room .hotel-room-content.hotel-room-content-3 .box ul li span{font-size:18px;color:#37474f}.hotel-room .hotel-room-content.hotel-room-content-4 .tip{display:block;margin:30px 0;font-size:18px;color:#37474f;text-align:center}.hotel-room .hotel-room-content.hotel-room-content-4 .box ul{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.hotel-room .hotel-room-content.hotel-room-content-4 .box ul li{width:400px;height:620px;padding:10px 0 0;background:#fff;border-radius:16px;box-shadow:1px 1px 50px 5px rgba(96,125,139,.08)}.hotel-room .hotel-room-content.hotel-room-content-4 .box ul li img{display:block;width:calc(100% - 20px);margin:0 auto}.hotel-room .hotel-room-content.hotel-room-content-5{padding:100px 0 0;margin:0 auto}.hotel-room .hotel-room-content.hotel-room-content-5 .title{margin:0 0 30px}.hotel-room .hotel-room-content.hotel-room-content-5 .box{position:relative;width:1200px;height:637px}.hotel-room .hotel-room-content.hotel-room-content-5 .box:after{content:"";position:absolute;top:159px;left:370px;width:633px;height:330px;background:url(../../../../Images/solution/hotel-room/img-14.png) no-repeat}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li{position:relative;width:370px;height:597px}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:first-child .thumb,.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(2) .thumb{position:absolute;width:370px;height:597px;background:#fff;border-radius:16px;box-shadow:1px 1px 50px 5px rgba(96,125,139,.08);z-index:10}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:first-child .thumb img,.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(2) .thumb img{width:350px;height:calc(100% - 20px);margin:10px 10px 0}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:first-child:after,.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(2):after{content:"";position:absolute;bottom:-40px;left:0;right:0;display:block;width:350px;height:146px;margin:0 auto;background:#6991c7;border-radius:16px;text-align:center;z-index:1}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:first-child:after span,.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(2):after span{height:40px;line-height:40px;font-size:18px;color:#fff}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:first-child:before,.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(2):before{content:"";position:absolute;bottom:-29px;left:0;right:0;margin:0 auto;z-index:10;display:block;text-align:center;color:#fff}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:first-child{margin:0 52px 0 0}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:first-child:before{content:"进入订房列表"}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(2):before{content:"点选所需预约的房间（如传统商旅平台）"}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(3),.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(4){width:184px;background:#fff;border-radius:16px;box-shadow:1px 1px 50px 5px rgba(96,125,139,.08)}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(3) img,.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(4) img{position:absolute;width:174px;height:calc(100% - 12px);margin:6px 6px 0}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(3){position:absolute;top:0;right:0;height:318px}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(3):before{content:"移动后台查询";position:absolute;left:-140px;bottom:5px;font-size:18px;font-weight:700;color:#cfd8dc}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(4){position:absolute;bottom:0;right:95px;height:297px}@media screen and (max-width:1200px){.hotel-room .hotel-room-banner{height:100%}.hotel-room .hotel-room-banner .about{display:block}.hotel-room .hotel-room-banner .about .info .t2,.hotel-room .hotel-room-banner .about .info .tip{width:calc(100% - 25px);height:100%;margin:0 auto;box-sizing:border-box}.hotel-room .hotel-room-banner .about .info .t2{padding:0 0 20px}.hotel-room .hotel-room-banner .about .info h1{margin:0;text-align:center}.hotel-room .hotel-room-banner .about .info .jump{margin:20px auto 0}.hotel-room .hotel-room-banner .about .priview{width:320px;height:100%;margin:0 auto}.hotel-room .hotel-room-banner .about .priview img{width:calc(100% - 20px);height:100%;padding:10px 0;margin:10px auto}.hotel-room .hotel-room-content.hotel-room-content-1 .box{display:-ms-flexbox;display:flex;width:auto;height:100%;padding:0 20px 20px;margin:0 10px;-ms-flex-pack:center;justify-content:center}.hotel-room .hotel-room-content.hotel-room-content-1 .box .thumb{margin:62px 30px 69px 0}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li{width:100%}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li .thumb{margin:0 auto}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:first-child,.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:last-child,.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:nth-child(2){margin:0 0 50px}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:first-child .info,.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:last-child .info,.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:nth-child(2) .info{margin:50px auto}.hotel-room .hotel-room-content.hotel-room-content-3 .box ul li{margin:0 auto 30px}.hotel-room .hotel-room-content.hotel-room-content-4 .box ul{-ms-flex-wrap:wrap;flex-wrap:wrap}.hotel-room .hotel-room-content.hotel-room-content-4 .box ul li{margin:0 auto 30px}}@media screen and (max-width:960px){.hotel-room .hotel-room-content.hotel-room-content-1 .box{display:block;width:auto;height:100%;padding:0 20px 20px;margin:0 10px}.hotel-room .hotel-room-content.hotel-room-content-1 .box .thumb{padding:40px 0 0}.hotel-room .hotel-room-content.hotel-room-content-1 .box .thumb img{display:block;margin:0 auto}.hotel-room .hotel-room-content.hotel-room-content-1 .box .message h1{margin:0 0 20px}.hotel-room .hotel-room-content.hotel-room-content-1 .box .message,.hotel-room .hotel-room-content.hotel-room-content-1 .box .thumb{width:100%;height:100%;margin:0}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:first-child .info .title .line,.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:last-child .info .title .line,.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:nth-child(2) .info .title .line{right:0;left:0;margin:0 auto}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:first-child .info .title h3,.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:last-child .info .title h3,.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:nth-child(2) .info .title h3{top:-14px;right:0;left:0;display:block;margin:0 auto;text-align:center}.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:first-child .info p,.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:last-child .info p,.hotel-room .hotel-room-content.hotel-room-content-2 .box ul li:nth-child(2) .info p{text-align:center}.hotel-room .hotel-room-content.hotel-room-content-3 .box ul li{width:100%;height:100%}.hotel-room .hotel-room-content.hotel-room-content-3 .box ul li span{text-align:center}.hotel-room .hotel-room-content.hotel-room-content-3 .box ul li:first-child span{margin:100px auto 30px}.hotel-room .hotel-room-content.hotel-room-content-3 .box ul li:nth-child(2) span{margin:118px auto 30px}.hotel-room .hotel-room-content.hotel-room-content-5{width:100%}.hotel-room .hotel-room-content.hotel-room-content-5 .box{width:100%;height:100%}.hotel-room .hotel-room-content.hotel-room-content-5 .box:after{display:none}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul{display:block}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul:first-child,.hotel-room .hotel-room-content.hotel-room-content-5 .box ul:last-child{margin:0;-ms-flex-pack:center;justify-content:center}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li{width:100%;margin:0 0 80px}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:first-child{margin:0 0 80px}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:first-child,.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(2){width:calc(100% - 15px);margin:0 auto 80px}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:first-child:after,.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(2):after{width:100%}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:first-child .thumb,.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(2) .thumb{left:0;right:0;width:auto;margin:0 auto}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:first-child .thumb img,.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(2) .thumb img{display:block;width:calc(100% - 20px);margin:10px auto}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(3),.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(4){position:relative;top:0;left:0;margin:0 auto 80px}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li:nth-child(3):before{left:39px;bottom:-58px}.hotel-room .hotel-room-content.hotel-room-content-5 .box ul li .thumb{margin:0 auto 17px}}