.vncmain{position:relative}.vncmain,.vncmain .vnc_windos{height:100%}.vncmain .vnc_windos canvas{max-width:100%}.vncmain .loading_box:after,.vncmain .loading_box:before,.vncmain .start_box:after,.vncmain .start_box:before{display:block;content:""}.vncmain .loading_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;overflow:hidden;text-align:center}.vncmain .loading_box .c_title{font-size:24px;color:#fff;opacity:.8;margin-bottom:40px}.vncmain .loading_box .ant-progress-circle .ant-progress-text{color:#fff}.vncmain .start_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;overflow:hidden;text-align:center}.vncmain .start_box .title{font-size:24px;color:#fff;opacity:.8;margin-bottom:40px}.vncmain .start_box .windos{position:relative;cursor:pointer;padding:1px;border:1px solid #2e7eee;border-radius:8px;width:200px;margin:0 auto}.vncmain .start_box .windos .windos_title{padding:4px 0;font-size:14px;font-weight:600;color:#2e7eee}.vncmain .start_box .windos .img{padding:4px 0;width:192px;height:158px}.vncmain .start_box .windos .bg_class{width:196px;height:190px;background:#7e7e7e;opacity:.4;position:absolute;top:0;border-radius:8px}.vncmain .start_box .windos .bc_class{position:absolute;bottom:-115px;font-size:12px;color:#fff;opacity:.4;text-align:center;width:200px;height:100px}.vncmain .start_box .windos .bc_class .yx_class{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vncmain .start_box .windos:hover{border:3px solid #2e7eee}.vncmain .right_menu{position:absolute;background:#555;position:fixed;top:0;right:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:150px;height:100%;color:#fff}.vncmain .right_menu .toggle_btn{position:absolute;top:150px;left:-22px;z-index:1;width:22px;height:90px;padding-left:5px;font-size:16px;line-height:90px;color:#fff;cursor:pointer;background:#555;border-top-left-radius:4px;border-bottom-left-radius:4px}.vncmain .right_menu .time{margin-right:5px;font-size:30px;color:#fff;text-align:center;margin-bottom:10px;margin-top:10px}.vncmain .right_menu .hr{height:1px;width:80%;margin:10px auto;background:#fff}.vncmain .right_menu .close_but:hover{background:#ff4343}.vncmain .right_menu .close_but{display:block;width:80%;padding:4px 0;margin:10px auto;font-size:14px;border-radius:20px;cursor:pointer;color:#fff;background-color:#f66;border-color:#f66;text-align:center}.vncmain .right_menu .close_but .icon{margin-right:5px}.vncmain .right_menu .close_buts:hover{background:#08ad1e}.vncmain .right_menu .close_buts{display:block;width:80%;padding:4px 0;margin:10px auto;font-size:14px;border-radius:20px;cursor:pointer;color:#fff;background-color:#06ec25;border-color:#06ec06;text-align:center}.vncmain .right_menu .close_buts .icon{margin-right:5px}.vncmain .right_menu .but_box{padding:10px 0;font-size:14px;color:#eee;cursor:pointer;text-align:center}.vncmain .right_menu .but_box .icon{margin-right:5px}.vncmain .right_menu .but_box:hover{background:#616161}@-webkit-keyframes hideTools-data-v-e2fe3c0c{0%{right:0}to{right:-150px}}@keyframes hideTools-data-v-e2fe3c0c{0%{right:0}to{right:-150px}}@-webkit-keyframes showTools-data-v-e2fe3c0c{0%{right:-150px}to{right:0}}.vncmain .right_menu_show{right:0;-webkit-animation:showTools-data-v-e2fe3c0c .5s;animation:showTools-data-v-e2fe3c0c .5s}.vncmain .right_menu_hide{right:-150px;-webkit-animation:hideTools-data-v-e2fe3c0c .5s;animation:hideTools-data-v-e2fe3c0c .5s}.vncmain .container_tip{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;top:0;left:0;width:100%;padding:15px 12px 14px 25px;font-size:16px;color:#fff;letter-spacing:.7px;background:rgba(255,156,74,.95)}.vncmain .container_tip .gif{width:20px;height:20px;vertical-align:top;margin-left:10px}.vncmain .container_tip .back_but{font-size:15px;color:#fff;cursor:pointer}.vncmain #screen_id{max-width:100%;height:100%}.screenFull .pane-one{display:none!important}