@charset "utf-8";
/**
 * 公共样式
 */
 body { width: 100%; min-height: 100vh;  overflow: hidden !important; }
 button, input, optgroup, select, textarea { font-family:Roboto, sans-serif !important; font-size: 14px !important; }
 input, textarea { color: #535353 !important; }
 input:not([type]), 
 input[type=text]:not(.browser-default), 
 input[type=password]:not(.browser-default), 
 input[type=email]:not(.browser-default), 
 input[type=url]:not(.browser-default), 
 input[type=time]:not(.browser-default), 
 input[type=date]:not(.browser-default), 
 input[type=datetime]:not(.browser-default), 
 input[type=datetime-local]:not(.browser-default), 
 input[type=tel]:not(.browser-default), 
 input[type=number]:not(.browser-default), 
 input[type=search]:not(.browser-default), 
 textarea.materialize-textarea { border-color: #e3e3e3 !important; }
 table thead tr{border-bottom-width: 2px;}
 table thead th{background-color: rgba(0,0,0,0.05);border-top: 1px solid rgba(0,0,0,0.08);}
 table th, table td{padding: 10px;}
 table tr{border-color: rgba(0,0,0,0.08);}
 
 .wrap { margin: 0 auto; width: 1200px; box-sizing: border-box; }
 .container { width: 100%; }
 
 .modal-title { background: #2eb5c6; color: #fff; height: 56px; line-height: 56px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-top: -24px; margin-left: -24px; margin-right: -24px; padding: 0 24px; position: relative; }
 .modal-title .modal-close { position: absolute; right: 24px; top:0; color: #fff; }
 .dropdown-content li>span { font-size: 14px; color: #535353; }
 
 .btn,.btn-small,.btn-large,.btn:hover,.btn-small:hover,.btn-large:hover{box-shadow: 0 2px 5px rgba(0,0,0,.16), 0 2px 10px rgba(0,0,0,.12);padding:0 .75rem;}
 .btn:hover,.btn-small:hover,.btn-large:hover{opacity:0.75;}
 
 .dropdown-toggle{color: #535353;}
 .dropdown-toggle:hover{color: #00c292;}
 .dropdown-toggle:after{display: inline-block;margin-left: .255em;vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;}
 
.form-select-dropdown .dropdown-content{max-height:300px;}

/*******************************************************************/

 /**
 * 头部
 */
#page-header,
#page-footer{ background-color: #33c9dd; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
#page-header{position: fixed; z-index: 99;top: 0;left: 0;}
#page-header a { color: #fff; transition: 0.3s all; }

#page-header .main-logo{color:#fff;}
#page-header .logo-text{line-height:60px;font-weight: bold;}
#page-header .logo-icon{height:60px;line-height:60px;}

#page-header .nav-list{position:relative;}
#page-header .nav-link{ line-height: 60px; color: #fff;}
#page-header .nav-link.current,
#page-header .nav-link:hover { background-color: #2eb5c6; }
#page-header .nav-link.current{border-bottom:3px solid #fff555;box-sizing: border-box;height: 60px;}

#page-header .user-info{height: 60px; padding-top: 6px;}
#page-header .user-avatar{width:48px;height:48px;border-radius:50%;background-color: #fff;}
#page-header .user-menu{box-shadow: none;background-color: #60c7d4;}

#page-header .sub-list{border:none;min-height: auto!important;}
#page-header .sub-link{min-width: 140px;height:48px;line-height:48px;color:#fff;padding:0 15px;background-color: #2eb5c6;position: relative; border-bottom: 1px solid #60c7d4;overflow: hidden;}
#page-header .sub-link:hover{background-color:#29a3b2}
#page-header .sub-icon{width: auto!important; position: absolute; top: 0; left: 15px;}

/** firefox fixed */
@-moz-document url-prefix() {
    #page-header .sub-icon{line-height: 52px;}
}

/*******************************************************************/

 /**
 * 主体
 */
#page-body {padding-top:80px;min-height: calc(100vh - 75px);}
#page-body .page-container{display: flex;}

/*******************************************************************/

/**
 * 底部
 */
 #page-footer{position:relative;z-index:1}
 #page-footer p{color:#fff;}