.container[data-v-76774a24]{height:100%}.container .header[data-v-76774a24]{height:64px;background:#001529;box-shadow:0 6px 12px 0 rgba(230,233,240,.3);display:flex}.container .header-left[data-v-76774a24]{width:360px;height:100%;flex-shrink:0}.container .header-left .logo[data-v-76774a24]{width:161px;height:39px;margin:12px auto;background:url(../img/logo.ad7dad11.png);background-size:cover}.container .header-right[data-v-76774a24]{flex:1;display:flex;justify-content:space-between;align-items:center}.container .header-right .meun[data-v-76774a24]{width:164px;height:64px;background:#3272f2;font-size:14px;font-weight:500;color:#fff;line-height:64px;text-align:center}.container .header-right .btns[data-v-76774a24]{margin-right:40px}.container .header-right .btns .help-doc[data-v-76774a24]{color:#fff;line-height:63px;font-size:14px;font-weight:500;cursor:pointer;margin-right:20px}.container .wrap[data-v-76774a24]{display:flex;height:calc(100% - 64px)}.container .main-ctrl[data-v-76774a24]{flex-shrink:0;width:360px;height:100%;overflow-y:auto;background:#001529;padding:20px;box-sizing:border-box}.container .main-ctrl-top[data-v-76774a24]{font-size:18px;font-weight:500;color:#fff;line-height:25px;margin-left:10px;margin-bottom:20px}.container .main-ctrl-top .device-remark[data-v-76774a24]{width:108px;height:22px;background:#fff;border-radius:4px;font-size:12px;font-weight:400;color:#001529;line-height:22px;text-align:center;margin-left:10px}.container .main-ctrl-top .device-sn[data-v-76774a24]{margin-top:10px;font-size:16px;font-weight:400;color:#ccd0d4;line-height:22px;cursor:pointer}.container .main-ctrl .play-area[data-v-76774a24]{min-height:570px;overflow:hidden;position:relative}.container .main-ctrl .play-area img[data-v-76774a24]{width:320px;height:568px}.container .main-ctrl .play-area #start-btn[data-v-76774a24]{position:absolute;top:200px;left:85px;background-color:#0f0;width:150px;height:50px;text-align:center;line-height:50px;font-size:20px;border-radius:5px;cursor:pointer}.container .main-ctrl .play-area .main-pad-area[data-v-76774a24]{height:568px;width:320px}.container .main-ctrl .play-area .main-pad-area .phoneBox[data-v-76774a24]{background-color:grey;overflow:hidden;width:100%;height:100%;text-align:center}.container .main-ctrl .side-area[data-v-76774a24]{width:100%;height:42px;background:#fff;border-radius:0 0 10px 10px;display:flex}.container .main-ctrl .side-area .meun[data-v-76774a24]{flex:1;height:100%;font-size:24px;text-align:center;line-height:42px}.container .main-ctrl .side-area .meun[data-v-76774a24]:hover{background:rgba(0,0,0,.1)}.container .main-ctrl .rotate-screen[data-v-76774a24]{width:90px;height:36px;background:#3272f2;border-radius:4px;font-size:16px;font-weight:400;color:#fff;line-height:36px;text-align:center;margin:20px auto 0;cursor:pointer}.container .main-ctrl.rotate[data-v-76774a24]{width:610px}.container .main-ctrl.rotate .play-area img[data-v-76774a24]{transform:rotate(-90deg) translate(126px,126px)}.container .main-ctrl.rotate .play-area #start-btn[data-v-76774a24]{top:126px;left:210px}.container .main-ctrl.rotate .main-pad-area[data-v-76774a24]{width:570px;height:322px}.container .main-ctrl.rotate .side-area[data-v-76774a24]{margin-top:0}.container .multi-ctrl[data-v-76774a24]{flex:1;height:100%;padding:20px;box-sizing:border-box;background:#fff;overflow-y:auto}.container .multi-ctrl .ins-show-area[data-v-76774a24]{display:inline-block;margin-right:5px;margin-bottom:5px;background-color:#e4e4e4}.container .multi-ctrl .ins-show-area .show-info[data-v-76774a24]{display:flex;justify-content:space-between;margin:5px;font-size:12px}.container .multi-ctrl .ins-show-area .show-operate[data-v-76774a24]{width:100%;display:flex;justify-content:center}.container .multi-ctrl .ins-show-area .pad-img[data-v-76774a24]{margin:0 auto;width:180px;height:320px}.container .multi-ctrl .ins-show-area[data-v-76774a24] img{width:100%;height:100%}.container .multi-ctrl .ins-show-area.large .pad-img[data-v-76774a24]{width:270px;height:480px}.container .multi-ctrl .ins-show-area.medium .pad-img[data-v-76774a24]{width:156px;height:260px}.container .multi-ctrl .ins-show-area.small .pad-img[data-v-76774a24]{width:108px;height:192px}.container .multi-ctrl .ins-show-area.mini .pad-img[data-v-76774a24]{width:90px;height:160px}.container .multi-ctrl.rotate .ins-show-area[data-v-76774a24]{width:320px;height:228px;overflow:hidden}.container .multi-ctrl.rotate .ins-show-area .show-operate[data-v-76774a24]{width:100%;display:flex;justify-content:center;margin-top:-140px}.container .multi-ctrl.rotate .ins-show-area img[data-v-76774a24]{transform:rotate(-90deg) translate(70px)}.container .multi-ctrl.rotate .large[data-v-76774a24]{width:480px;height:297px}.container .multi-ctrl.rotate .large img[data-v-76774a24]{transform:rotate(-90deg) translate(105px)}.container .multi-ctrl.rotate .medium[data-v-76774a24]{width:240px;height:162px}.container .multi-ctrl.rotate .medium img[data-v-76774a24]{transform:rotate(-90deg) translate(52px)}.container .multi-ctrl.rotate .small[data-v-76774a24]{width:192px;height:135px}.container .multi-ctrl.rotate .small img[data-v-76774a24]{transform:rotate(-90deg) translate(42px)}.container .multi-ctrl.rotate .mini[data-v-76774a24]{width:160px;height:117px}.container .multi-ctrl.rotate .mini img[data-v-76774a24]{transform:rotate(-90deg) translate(35px)}.multictrl-size-dropdown .el-dropdown-menu__item:hover{background:#3272f2;color:#fff}