﻿.roominfo{border: 6px solid #eee;padding: 20px;}
/* 视频 */
.roominfo .fc_nrk{margin:10px;width:50%;position:relative;float:left}
.roominfo .fc_nrk .dpic{width:536px;height:370px;margin:0 auto;padding:10px;border:1px solid #eee;overflow:hidden;display:flex;align-items:center}
.roominfo .fc_nrk .dpic img{width:100%;height:100%;}
.roominfo .fc_nrk .fc_name{font-size:38px;margin-left:50px;margin-bottom:20px;font-weight:600;color:#fff}
.roominfo .picxz img{width:100px;height:60px}
.roominfo .picxz_wrap{position:relative;height:95px;width:490px;overflow:hidden;margin:10px auto}
.roominfo .picxz_wrap .iconfont{font-size:32px}

/* 房型信息 */
.roominfo .pictem .lfya { position: absolute; top: 0px; left: 10px; font-size:30px;  cursor: pointer;height: 95px;z-index: 99;background: #fff;}
.roominfo .pictem .rfya {position: absolute; right: 15px; top: 0px;font-size:30px;  cursor: pointer;height: 95px;z-index: 99;background: #fff;}
.roominfo .pictem .iconfont{font-size:30px;margin-top: 25px;display: block;}
.roominfo .pictem .iconfont:hover{color:#0074ff;}
.roominfo .picxz  { position: absolute; white-space:nowrap; overflow-x: auto; overflow-y:hidden;left:0px;}
.roominfo .picxz::-webkit-scrollbar {display: none;}
.roominfo .picxz a { margin-right:10px; border:1px solid #ccc; text-align: center; color: #333; font-size:12px; padding:5px 10px; display: inline-block;}
.roominfo .picxz a.on{border:1px solid #0074ff;}
.roominfo .picxz a:hover{text-transform:none;}
.roominfo .picxz img { width: 100px; height: 60px; overflow: hidden;}
    
.roominfo .fc_item{ margin: 10px 10px 0 0; width: 45%; position: relative;float:right;color: #000;}
.roominfo .fc_item .name{font-size: 32px;border-bottom: 1px solid #e8e8e8;padding: 10px 0;}
.roominfo .fc_item .name h1{font-weight: normal;font-size: 32px;}
.roominfo .fc_item ul{height: 335px;overflow-y: auto;}
.roominfo .fc_item ul::-webkit-scrollbar{width: 10px;}
.roominfo .fc_item ul::-webkit-scrollbar-thumb{background-color: #f1f1f1;border: 1px solid #d1d1d1;border-radius: 8px;}
.roominfo .fc_item ul li {margin: 10px 0;font-size: 14px;}
.roominfo .fc_item ul li a{color:#000;}
.roominfo .fc_item .yd-btn{width: 40%;margin:20px auto 0;letter-spacing:2px;font-size: 16px;cursor: pointer;background-image: linear-gradient(to right, #127cff 0%, #0062d6  51%, #127cff  100%);padding:15px 45px;text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:#fff;box-shadow:0 0 20px #eee;border-radius:10px;display:block}
.roominfo .fc_item .yd-btn:hover{background-position: right center;color: #fff;text-decoration: none;}   
 /* 其它房型 */
 .other{border:6px solid #eee;padding:20px}
 .other .rtit{color:#2577e3;padding:10px;border-bottom:1px solid #e8e8e8;margin-bottom:10px}
 .other .rtit h2{font-weight:700;font-size:16px;color:#2577e3;display:inline}
 .other .rtit i{font-size:20px;padding-right:5px}
 .other li{width:350px;height:120px;float:left;border:1px solid #eee;padding:10px;margin:10px 10px 10px 0;box-shadow:2px 2px 5px #eee}
 .other li:hover{border:1px solid #0074ff}
 .other li .rimg{float:left}
 .other li .rimg img{width:160px;height:120px;float:left}
 .other li .info{width:180px;float:right;color:#000;line-height:22px;font-size:14px}
 .other li .info .name{font-size:16px;color:#003b8a;font-weight:600}
 .routelist{border:6px solid #eee;padding:20px}
 .routelist .rtit{color:#2577e3;padding:10px;border-bottom:1px solid #e8e8e8;margin-bottom:10px}
 .routelist .rtit h2{font-weight:700;font-size:16px;color:#2577e3;display:inline}
 .routelist .rtit i{font-size:20px;padding-right:5px}
 .routelist .tyline{box-sizing:border-box}
 .routelist .tyline .nomg{margin:0;float:right}
 .routelist .tyline a:hover{text-decoration:none}
 .routelist .tyline li{width:275px;float:left;margin-right:15px}
 .routelist .tyline li .lint{position:relative;width:100%;height:288px}
 .routelist .tyline li .lint .mgkz{width:100%;height:288px;overflow:hidden;margin-bottom:10px}
 .routelist .tyline li .lint img{width:100%;height:288px;margin-bottom:5px;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}
 .routelist .tyline li .lint img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
 .routelist .tyline li .lint .name{width:180px;line-height:20px;font-weight:700;color:#333;font-size:18px}
 .routelist .tyline li .price{float:left;color:#f83615;position:absolute;right:0;bottom:-35px}
 .routelist .tyline li .price dfn{font-size:16px;font-style:normal}
 .routelist .tyline li .price .num{font-size:24px;font-weight:700}
 .routelist .tyline li .hx{color:#3e6a8d;margin-top:5px;float:left;font-size:14px}
 .routelist .tyline li .bh{float:right;color:#8fa0ae;margin-top:7px}
 
/* 超出一行省略号 */
.ellipsis-1 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 视频播放器 */
.zdplayerbox{position: relative; width: 100%; height: 100%;font-size: 0;}
.zdplayerbox img{width:100%;}
.zdplayerbox video{ width: 100%;height:100%;}
.zdplayerbox .playerIcon{left: 50%;top: 50%;position: absolute;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);display: block;width: 48px;height: 48px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAt1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD9/f0YGBgAAAAAAAAAAAD7+/vj4+PR0dGhoaE0NDT39/fw8PDt7e24uLhgYGBXV1f///++vr6JiYlMTExAQEAqKir09PTn5+fg4ODc3NzExMSysrKTk5N8fHzW1tbKysrAwMCdnZ2rq6umpqampqZ0dHRvb2//////k5ryAAAAPHRSTlNmAE8dXzUTBmRjW0lFDGVWQT0mGRD7bFQ3L/fbx6R08unms4OA/biWfHhx7t/X07ywm4/Nwbqhq6emi4oh+jjiAAAD90lEQVR42szXiU7UQADG8W/u3t0eeyIgK4gHElCjMc77P5cJErrAXnN1+D3BP+1k+hXERc+WTZHTecaThGdzmhfNkvXEhW2QYqKoE2yV1IVgihhwDeoETXBAQkVHDFgHqTZPcaQ0bxUxYBHEJimMpBNGBp6DykUGC9miJCRAUD+pYKma9N6DZAEnhfQaJHM4y6W3INXAi0b5CWo5POGthyBJ4RGVrkGigleVcAoqKbyjpX0Q4wiAM9sggUCEVZCiCIYq86CyRkB1aRokMwSVSbOgjiMw3pkEsRTBpez4IFZhBBU7NqhLMYq0Oy5IcoyEy2OCygyjycrDQarGiGp1MIhiVPRQkMDIxP4ghtGxfUElx+h4uSeIIgK6O0ggCrErSFaIopI7gigioduDWkTTbgtSHNFwtSWoQUTN6yCJqOSroBxR5U9Bb+MBAfJFUIHIiudBPaLrnwVNEN1kM6isEF1VbgQt8AYsNoIy2Lg8Xa/vL+FLNgQxWLi+0A9Orr1uR1ge6dk7/eTbJ1/H+jFIpTB2qzesfsOHVD0GtTC21s/dfPC1QmD1GTtb6RemH2dwlj8GpTB1p197/x2u0v9BHYyd6G3efYGj7iFIwNi53ur83v3/A1bb/krvcPvZde2DqATG9E6rP3CQKAKra1rvcXPpdFmDCM9BerqeORwikMJX0ODir/1uBKn9B+mrnzNYqQlI4jFo8PUaNhKCHl6DBj/OYKEHCxWkV79gjmHpPWhwYj6UlmgCBunpHQw1KEIEDS4Mh1KBPGyQnp7CRA4aKGhgVEQxDx40NXlrc2TBg/QtjpeBhw/SBiOJI7ELCnWKklGC/jFrNisMwkAQJgYvKpT+aKnGaGm1qBQvtZS+/4P1UsjB02YnsvsEA9Fk55tZCII2ObIX5ciSDQT1lI/6vIGgB+W3j8ILykfKxZiGFzSTno4suKDJkh7XfWhB5Y22flwCC2rvxAVNBxXUzUT7ocFLPptjnfA2yE35odsgnlHE+6AdyErDgFqGgg0o5BhDcYybyhfJaCCwctPULGClIrAgY3lIT8UMQWA6HPtiYSw9c3P0BecTgS7QwblKQeC8eYOiBXr40ocB+QfveGro1pjjC4in/AM8swJBBSDAY0ScRevEwDJFzQmBhysoc3GT8GLyYsn/W888gmJybpHA1qZ6mtrCigSSqxbyyiji6jryCk3iKl9KXClOXG1QXrHy18wdkAAAAAAI+v+6FYE/Si499eJcL1/mAm8vgfcmAW6j8EYTb8XxZiVu5/KGN28J9KZJbyv1xltvTfbmbW9v9wAAkEjwEAmP2QAhEo9qATEbj/sBQSSQjAJRLZAdE2E2kK4jcb+TPwx6DsXMKJkJ3AAAAABJRU5ErkJggg==) no-repeat 50%;    background-size: 100% 100%;}
