body { background: #f6f6f6; } * { font-size: 13px; font-family: Arial; } #nav li { list-style: none; width: 90%; margin-top: 0; padding: 4px 6px; } #nav li a { text-decoration: none; color: #666; } #nav li a:hover { color: #333; } .aa { background: #f6f6f6; cursor: hand; margin: 5px 0; } .bb { background: #dcdcdc; cursor: hand; color: #dc0404; margin: 5px 0; } .cc { border-top: 4px solid #ff66ff; background: #fcf; cursor: hand; } .list2 { font-size: 13px; line-height: 20px; /* padding: 3px; */ text-align: left; background: #FFFFFF; } .list2 li { color: #555; font-size: 13px; line-height: 24px; padding: 0 0 0 10px; } .list2 a { text-decoration: underline; } .lfloat { float: left; } .rfloat { float: right; } .cc { display: none } .dis { width: 100%; display: block; float: left; } .undis { display: none; } li { list-style: none; } form, ul { padding: 0; margin: 0; } .sezhi { width: 48%; height: 437px; margin: 1%; float: left; background: white; } .sezhidown { width: 98%; height: 456px; margin: 1%; float: left; background: white; position: relative; } /* 新增样式 */ .container { width: 1400px; margin: 0 auto; } .header { display: flex; height: 50px; } .header-title { width: 200px; display: flex; align-items: flex-end; justify-content: flex-start; color: #923d5c; } .header-title-culomn { writing-mode: vertical-rl; font-size: 16px; font-weight: bold; } .header-title-name { font-size: 13px; margin-left: 5px; } .header-content { flex: 1; } .header-content-top { display: flex; color: #923d5c; height: 32px; align-items: flex-end; } .header-content-top span { margin-left: 5px; } .header-content-bottom { color: #999; font-size: 13px; margin-top: 1px; } .c-content { display: flex; margin-top: 50px; } .content-left { width: 200px; } .content-right { flex: 1; display: flex; } .c-nav { min-width: 140px; } .c-list { flex: 1; } .c-nav-title { color: #666; } .c-nav-ul { padding-top: 10px; font-size: 14px; } .ncu-title { height: 40px; display: flex; align-items: center; padding: 0 10px; } .ncu-title span { margin-left: 10px; } .c-nav-li { display: none; } .c-nav-li-line { display: flex; align-items: center; height: 40px; color: #666; text-decoration: none } .c-nav-li-line:hover { background: #e9edf3; color: #923d5c; } .cnll-line { margin-left: 20px; } .c-nav-li-line span { margin-left: 5px; } .ul-active .ncu-title { background: #cbd7e7; color: #923d5c; } .ul-active .c-nav-li { display: block; } .c-nav-li-href { display: flex; align-items: center; height: 30px; } .cnll-wj { margin-left: 5px; } .c-nav-ul:hover .ncu-title { background: #cbd7e7; color: #923d5c; } .ncu-title { cursor: pointer; } .c-nav-li-line-active { background: #e9edf3; color: #923d5c; } .logo-div { width: 90%; height: 65%; background: #f6f6f6; margin: 0 5% 0 5%; position: relative; display: flex; justify-content: center; align-items: center; } .logo { width: 34px; height: 34px; cursor: pointer; } #upload { width: 100%; height: 100%; opacity: 0; position: absolute; cursor: pointer; } .cmpt-logo { width: auto; height: auto; max-width: 420px; max-height: 173px; }