@media(min-width:620px){.mainboxlogin{display:flex;height:100%;background:#fff}.loginbox_left{width:40%;height:100vh;overflow:hidden}.loginbox_left>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.loginbox_right{width:40%;margin:100px 0 0 50px}.loginbox_right>h1{margin-top:100px}.el-input,.loginbox_right .el-button{height:46px;margin-bottom:30px}.loginbox_right .el-button{width:99%}}@media(max-width:620px){.mainboxlogin{display:flex;height:100%;background:#fff}.loginbox_left{display:none}.loginbox_right{width:86%;margin:100px 0 0 30px}.loginbox_right>h1{margin-top:100px}.el-input,.loginbox_right .el-button{height:46px;margin-bottom:30px}.loginbox_right .el-button{width:99%}}@media(min-width:620px){.topbar{position:fixed;top:0;left:241px;width:100%;height:53px;background:#fff;z-index:9999}.topbar>span{font-weight:700;font-size:16px;color:#222;margin:0 0 0 20px;line-height:53px}.page_content{margin:73px 0 0 260px;width:83.2%;background:#fff;border-radius:8px}.public_datalist{display:flex;flex-wrap:wrap;width:100%;border-radius:6px;background:#fff}.public_datatitle{display:flex;justify-content:space-around;align-items:center;width:100%;height:50px;margin:20px 20px 0 20px;background:#f5f5f5}.public_item{flex:1;text-align:left}.public_item,.public_item_special{font-weight:700;font-size:14px;color:#333;margin-left:20px}.public_item_special{width:50px}.public_content{display:flex;width:100%;height:auto;align-items:center;padding:14px 20px;box-shadow:0 1px 0 0 rgba(0,0,0,.068)}.public_content_item{flex:1;text-align:left;font-size:14px;color:#555;margin-left:20px}.public_content_item>img{width:110px;height:82px}.public_content_item_special>img{width:46px;height:46px;border-radius:100%}.public_content_item>span{display:block;line-height:20px;word-break:break-all}.public_content_item_special{text-align:left;font-size:14px;color:#555;width:50px;margin-left:20px}.public_content_item_special>span{display:block;color:#11c2fb;line-height:40px;cursor:pointer}.public_content_item_special a{color:#11c2fb}.el-button{margin-left:20px;font-size:16px;width:200px;height:46px}.paginationbox{flex-grow:1;flex-basis:100%}.pagination{width:20%;margin:3rem auto}.upimg{margin:30px 0 0 20px}.avatar-uploader .el-upload{border:1px dashed var(--el-border-color);border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:var(--el-transition-duration-fast)}.avatar-uploader .el-upload:hover{border-color:var(--el-color-primary)}.el-icon.avatar-uploader-icon{font-size:28px;color:#8c939d;width:178px;height:178px;text-align:center}.avatar-uploader .avatar{width:178px;height:178px;display:block}}@media(max-width:620px){.contentbox{display:flex;width:100%;margin-top:73px;flex-wrap:wrap;height:100%}.topbar{position:fixed;top:0;width:100%;height:53px;background:#fff;z-index:9;box-shadow:0 1px 0 0 rgba(0,0,0,.03)}.topbar>span{font-weight:700;font-size:16px;color:#222;margin:0 0 0 20px;line-height:53px}.mainbox{overflow-y:auto;margin:80px 0 0 60px}.el-input{width:86%;height:46px;margin-left:20px}}body{font-family:Microsoft YaHei,Arial,sans-serif;font-size:12px;background:#f7f7f7;margin:0}::-moz-placeholder{color:#ccc}::placeholder{color:#ccc}a{text-decoration:none}.tab_nav_box{height:40px;border-bottom:1px solid #f1f1f1}.tab_nav_box>nav a{color:#666;font-size:15px;line-height:40px;margin:0 10px 0 20px}.tab_nav_box>nav a.router-link-exact-active{color:#09bdfe}