.drag-ball[data-v-3c1d876a]{cursor:move;background:#fff;box-shadow:0 4px 30px 0 #bfd4ef;border-radius:32px;width:64px;height:64px;z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column}.basic-layout{position:relative}.basic-layout .header-div{height:40px;background-color:#001529;color:#fff}.basic-layout .header-div .logo{display:flex;align-items:center;font-size:18px;height:40px}.basic-layout .header-div .logo .img{margin:4px 8px;width:32px;height:32px}.basic-layout .main-div{padding:2px 2px}.basic-layout .main-div .nav-side{position:fixed;background-color:#fff;color:#001529;width:200px;height:calc(100vh - 40px);overflow-y:auto;transition:width .5s;border-right:4px;box-shadow:2px 2px 4px #b4b6b6}.basic-layout .main-div .nav-side .nav-menu{border-right:none}.basic-layout .main-div .nav-side.fold{width:64px}.basic-layout .main-div .nav-side.unfold{width:200px}.basic-layout .main-div .content-right{margin-left:200px}.basic-layout .main-div .content-right.fold{margin-left:64px}.basic-layout .main-div .content-right.unfold{margin-left:200px}.basic-layout .main-div .content-right .nav-top{height:40px;line-height:40px;display:flex;justify-content:space-between;border-bottom:1px solid #ddd;background:#eef0f3;padding:0 0 0 6px}.basic-layout .main-div .content-right .nav-top .nav-content{width:100%;display:flex;justify-content:space-between;background-color:#fff}.basic-layout .main-div .content-right .nav-top .nav-content .nav-left{display:flex;align-items:center}.basic-layout .main-div .content-right .nav-top .nav-content .nav-left .menu-fold{margin-right:15px;margin-left:8px;font-size:18px}.basic-layout .main-div .content-right .nav-top .nav-content .user-info{display:flex;align-items:center}.basic-layout .main-div .content-right .nav-top .nav-content .user-info .notice{line-height:20px;margin-right:16px;font-size:12px}.basic-layout .main-div .content-right .nav-top .nav-content .user-info .user-link{cursor:pointer;color:#409eff;width:20px;height:20px;line-height:20px;margin-right:0;font-size:16px;padding:0}.basic-layout .main-div .content-right .nav-top .nav-content .user-info .user-logout{padding:0;margin-right:8px;height:20px;font-size:14px}.basic-layout .main-div .content-right .wrapper{background:#eef0f3;padding:1px 1px 1px 6px;height:calc(100vh - 84px)}.basic-layout .main-div .content-right .wrapper .main-page{background:#fff;height:100%}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}body,html{height:100%;width:100%;margin:0;padding:0;border:0}:not([class^=el-]){box-sizing:border-box}.white{background-color:#fff}a{text-decoration:none}.gray{background-color:#eef0f3}.mr10{margin-right:10px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.m-lr10{margin-left:10px;margin-right:10px}.p20{padding:20px}.pl20{padding-left:20px}.text-right{text-align:right}.fr{float:right}.flex{display:flex}.flex-between{display:flex;justify-content:space-between}.flex-center{display:flex;justify-content:center}.tips{margin-left:15px;color:#787878}.query-form{background-color:#fff;padding:22px 20px 0;border-radius:5px}.base-table{border-radius:5px;background:#fff;margin-top:20px;margin-bottom:20px}.base-table .action{border-radius:5px 5px 0 0;background:#fff;padding:20px;border-bottom:1px solid #ece8e8}.base-table .pagination{text-align:right;padding:10px}