*{padding:0;margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.search form{width:calc(100% - 160px)}.search .btn{width:160px}@media screen and (max-width:680px){.search .el-form{max-width:100%}.search .el-form--inline .el-form-item{display:flex;margin-right:0;max-width:100%}.el-dialog{width:90%!important}}.all_out{position:relative}.all_out .allNum{position:absolute;top:16px;right:-40px;background-color:red;width:20px;height:20px;border-radius:50px;color:#fff;line-height:20px;text-align:center}.leftNav .list .router-link-exact-active{background-color:#ffffff66}.shadow{background:rgba(0,0,0,.3);z-index:1000}.cicle{position:absolute;width:10px;height:10px;border-radius:10px;background-color:red;top:10px;right:10px}.number{position:relative}.number p{position:absolute;top:-10px;right:-16px;width:20px;height:20px;background-color:red;color:#fff;font-size:12px;border-radius:20px;text-align:center;line-height:20px}.massageList .item{position:relative}.welcome{position:fixed;width:1200px;height:70%;z-index:1000;left:25%;top:10%;background:#fff;box-shadow:0 0 10px #aaa;padding:20px;overflow:auto;text-align:left}.welcome img{width:100%}.welcome p{position:fixed;bottom:12%;text-align:center;width:100px;left:calc(50% - 50px);background:rgba(0,0,0,.8);color:#fff;border-radius:20px;line-height:35px}.welcome .content{padding:20px 0}.welcome .cTit{font-size:20px}.welcome .info{font-size:20px;text-indent:46px;padding:20px 0;line-height:40px}.welcome .footer{text-align:center;background-color:#f6f6f6;line-height:80px}.setPf{padding-left:15px}.setPf img{width:30px;height:30px}@media screen and (max-width:680px){.el-drawer.rtl{width:50%!important}}.configInfo h3{font-weight:400;padding:30px 0;text-align:left}.configInfo .items{display:flex;flex-wrap:wrap}.configInfo .items .item{width:30%;align-items:center;margin-right:5%;height:70px;border:2px solid #597bc9;border-radius:10px;background-color:#597bc9}.configInfo .items .item:nth-child(3n+3){margin-right:0}.configInfo .items .item:nth-child(2){background-color:#32afd6;border:2px solid #32afd6}.configInfo .items .item.on{border:2px solid #000;box-shadow:0 0 10px #333}a{text-decoration:none;color:#606266}.outMain{width:100%;height:100vh}.outMain .left{width:200px;height:100vh;float:left}.outMain .left .leftNav h1{height:56px;line-height:56px;border-right:1px solid #dcdfe6;border-bottom:1px solid #eee}.outMain .left .leftNav,.outMain .left .leftNav .list ul{height:100%}.outMain .left .leftNav .list{height:calc(100% - 57px)}.outMain .left .leftNav .list a{display:block;text-decoration:none;width:100%;text-align:left}.leftNav h1{font-size:18px}.outMain .right{float:right;width:calc(100% - 200px);height:100%}.outMain .right .header{height:56px;border-bottom:1px solid #eee}.outMain .right .headerUser{display:flex;justify-content:flex-end;padding-right:3%;align-items:center;height:56px}.outMain .right .headerUser .massage{padding-right:16px;padding-top:3px;font-size:20px;position:relative}.massage .massageList{position:absolute;top:25;right:0;width:360px;background-color:#fff;box-shadow:0 0 8px #ccc;border-radius:10px;padding:10px;overflow:hidden;z-index:9999}.massage .massageList .list{height:260px;overflow:auto;text-align:left;font-size:16px;width:calc(100% + 27px)}.massage .massageList .list .items{padding-right:10px;width:calc(100% - 30px)}.massage .massageList .list .item{border:1px solid #eee;padding:10px;margin-bottom:10px;border-radius:10px}.massage .massageList .btn{font-size:14px;border-top:1px solid #eee;line-height:30px;padding-top:10px;cursor:pointer}.massage .massageList .list .item .tit{line-height:30px}.massage .massageList .list .item .info{font-size:14px;color:#aaa;line-height:20px}.massage .massageList .list .item p{font-size:12px;color:#aaa;text-align:right;padding-top:4px}.outMain .right .headerUser .userName{display:flex;align-items:center}.outMain .right .headerUser .userName .el-dropdown span{display:flex;align-items:center;font-size:20px;outline:0}.outMain .right .headerUser .userName .el-dropdown span i{padding:0 5px}.outMain .right .conteMain{padding:20px;height:calc(100% - 97px);overflow:auto}.outMain .right .conteMain .page{padding-top:10px}.outMain .right .conteMain .search{text-align:left;padding-bottom:20px;display:flex!important;justify-content:space-between}.outMain .right .conteMain .table .tabelHeader{background-color:#f6f6f6;font-weight:400}.shadow{position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.3);z-index:80}@media screen and (max-width:650px){.outMain .right{float:none;width:100%}.outMain .left{z-index:999}.wap_nav{margin-right:auto;padding-left:3%;display:block}.wap_nav img{width:35px;height:35px}.outMain .right .conteMain .search{flex-wrap:wrap}}