.videoPage{width:1200px;margin:0 auto;color:#333;margin-top:20px;clear:both}
/* 标题介绍 */
.videoPage .vheader .h-top{display:flex;align-items:center}
.videoPage .vheader .h-top img{width:80px;height:80px;border-radius:50%}
.videoPage .vheader .h-top h1{margin-left:30px}
.videoPage .vheader .h-introduce{margin-top:10px;font-size:14px;color:#555;line-height:150%}
.videoPage .vheader .h-introduce p{margin-top:5px}

.videoPage .vcontent{margin-top:20px}
/* 游轮视频 */
.videoPage .vcontent .vc-video{width:98%;margin:0 auto;position:relative}
.videoPage .vcontent .vc-video img{width:100%;cursor:pointer}
.videoPage .vcontent .vc-video video{width:100%}
/* 跳转详情 */
.videoPage .vcontent .ychatMsg{text-align:center;color:#ff7000;width:max-content;margin:20px auto 0}
.videoPage .vcontent .ychatMsg a{text-decoration:underline;font-size:14px;letter-spacing:1.5px;font-weight:700;color:#ff7000}
.videoPage .vcontent .ychatMsg:hover{color:#a84900}
.videoPage .vcontent .ychatMsg:hover a{color:#a84900}
/* 房型视频 */
.videoPage .vcontent .vc-rooms{margin-top:20px}
.videoPage .vcontent .vc-rooms .room-hader{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e2e2;padding-bottom:10px}
.videoPage .vcontent .vc-rooms .room-hader .roomTitle{font-size:16px}
.videoPage .vcontent .vc-rooms .rooms{margin-top:15px;display:flex;flex-wrap:wrap;overflow:hidden}
.videoPage .vcontent .vc-rooms .rooms .room-li{width:160px;text-align:center;margin-right:10px}
.videoPage .vcontent .vc-rooms .rooms .room-li .room-img{display:block;width:160px;height:100px;cursor:pointer}
.videoPage .vcontent .vc-rooms .rooms .room-li .room-name{line-height:40px;display: inline-block;width: 100%;}
.videoPage .vcontent .vc-rooms .rooms .room-li .room-vo{position:relative}

/* 播放器 */
.playerIcon{left:50%;top:50%;cursor:pointer;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%}

/* 模态框弹窗 */
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;align-items:center;justify-content:center}
.modal .overlay{position:absolute;width:100%;height:100vh;left:0;background-color:rgba(0,0,0,.92)}
.modal .vclose{position:absolute;top:5px;right:10px;font-size:30px;z-index:2;cursor:pointer;color:#fff;transition:transform .3s ease-in-out}
.modal .vclose:hover{transform:rotate(180deg)}
.modal .modal-content{display:flex;justify-content:space-between;width:1200px;-webkit-box-shadow:0 0 14px 2px rgba(255,255,255,.9);-moz-box-shadow:0 0 14px 2px rgba(255,255,255,.9);box-shadow:0 0 14px 2px rgba(255,255,255,.9);position:relative;top:20%;left:50%;transform:translateX(-50%)}
.modal .modal-content .modal-l{width:60%;position:relative}
.modal .modal-content .modal-l img,.modal .modal-content .modal-l video{width:100%}
.modal .modal-content .modal-r{width:40%;padding-left:25px;color:#fff;z-index:2;background-color:#000}
.modal .modal-content .modal-r h3{font-size:32px;margin-top:40px}
.modal .modal-content .modal-r .room-msg{text-align:left;font-size:16px}
.modal .modal-content .modal-r .room-msg p{margin-top:30px}
.modal .modal-content .modal-r .btn{display:block;background:#2476e3;margin:30px auto 0;width:60%;text-align:center;line-height:35px;color:#fff;font-size:1rem;letter-spacing:1px;height:35px;border-radius:20px;cursor:pointer}

/* 超出一行省略号 */
.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%;}