html,body{height: 100%;overflow:hidden;}
body > .main,body > .desktopItem{height: 100%;overflow:hidden;overflow-y: auto;}
/*.desktopMain{height: 100%;background: #EBEFF7;}*/
.desktopNav{position: fixed;left: 0;top: 0;bottom:0;width: 50px;background: #3A53FF;z-index: 2;color: #fff;text-align: center;}
.desktopContent{position: relative;margin-left: 50px;min-height: 100%;}
.desktopIframe{width:100%;/*min-height:200px;overflow:visible;background:#fff;height: 100%;*/}
.desktopLogo{display: block;width: 24px;height: 24px;margin:30px auto 40px;border-radius: 50%;cursor: pointer;}
.desktopLogo img{display: block;width: 100%;height: 100%;}
.desktopNav .el-menu {border: none;background: none;}
.el-submenu__title i {color: #fff;}
.el-menu-item i {color: #fff;}
.desktopMenu li a{display: block;color: #fff;height: 45px;line-height:45px;}
.desktopMenu li a:hover{color: #D2D8FF;}
.icon{width: 20px; height: 20px;vertical-align:middle;fill: currentColor;overflow: hidden;color: #fff;}
.icon.shuju{width: 17px;height: 17px;}
.desktopMenu li.active a{color: #D2D8FF;background: rgba(255,255,255,0.2);}
.desktopTag{background: #F5F6F7;height: 35px;white-space: nowrap;overflow: hidden;}
.el-menu-vertical-demo:not(.el-menu--collapse) {width: 200px;min-height: 400px;}
.desktopUser{position: absolute;bottom: 20px;left: 0;width:50px;cursor: pointer;height: 45px;line-height: 45px;} 
.desktopUser:active{background: rgba(255,255,255,0.2);}
.desktopExit,.desktopExit:hover{background: none;border: none;width: 100%;min-width: 100%;font-size: 12px;padding: 0;line-height: 24px;height: 24px;}
.el-popper[x-placement^=right] {margin-left: 19px;}
.desktopTag .el-tag.el-tag--info {background-color: #F5F6F7;border-color: #F5F6F7;}
.desktopTag .el-tag{position: relative;width: 100px;cursor: pointer;border-radius: 0;height: 35px;overflow: hidden;}
.desktopTag .el-tag:after{position: absolute;content: '';left: -1px;top: 8px;bottom: 8px;border-right: #D6D6D6 1px solid;}
.desktopTag .el-tag:first-child:after{content: none;}
.desktopTag .el-tag.active:after{content: none;}
.desktopTag .el-tag.active + .el-tag:after{content: none;}
.desktopTag .el-tag .el-icon-close,.desktopTag .el-tag .el-icon-close:hover{position: absolute;right: 0;top: 0;bottom:0;padding-right: 15px;padding-top: 7px;background: #F5F6F7 !important;height: 100%;border-radius: 0;}
.el-tag.el-tag--info .el-tag__close:hover{color:#3A53FF;background-color:#fff}
.desktopTag .el-tag.active{background: #fff;border-color: #fff;}
.desktopTag .el-tag.active .el-icon-close,.desktopTag .el-tag.active .el-icon-close:hover{background: #fff !important}
.desktopPopover{padding: 0;box-shadow:0px 5px 9px 0px rgba(63,53,130,0.14);border-radius:2px;border:1px solid rgba(209,209,209,1);}
.desktopItem{padding: 15px;}
.popoverMain{color: #333;}
.popoverMain .tp{padding:20px;}
.popoverMain .bt{padding: 20px;border-top: #E6E6E6 1px solid;}
.popoverMain .media-left{padding-right: 10px;}
.popoverMain .media-heading{font-weight:400;}
.popoverMain .remarks{font-size: 11px;color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.popoverMain .exit_{color: #333;}
/*引导层*/
.mask{position: absolute;left: 0;top: 0;z-index: 9;background: #000;opacity: 0.6;width: 100%;height: 100%;/*display: none;*/}
.maskBox_1{position: absolute;left: 48px;bottom: 114px;z-index: 10;/*display: none;*/}
.maskBox_1 img{display: block;width: 332px;height: 256px;}
.maskBox_1 .mask_btn{display: block;width: 96px;height: 28px;border-radius: 16px;/*border: 1px solid #FFF;*/font-size: 14px;color: #FFF;line-height: 28px;position: absolute;top: 81px;left: 174px;}
.maskBox_2{position: absolute;left: 48px;bottom: 64px;z-index: 10;display: none;}
.maskBox_2 img{display: block;width: 332px;height: 256px;}
.maskBox_2 .mask_btn{display: block;width: 96px;height: 28px;border-radius: 16px;/*border: 1px solid #FFF;*/font-size: 14px;color: #FFF;line-height: 28px;position: absolute;top: 81px;left: 174px;}