html, body, div, ul, li, dl, dt, dd, a, p, span, input, select, textarea, button, form, h1, h2, img { margin: 0; padding: 0; font-family: "microsoft yahei"; } body { background-color: #EFEFEF; } ul, li { list-style: none; } a { color: #333; text-decoration: none; outline: none; } a:hover { color: #de0000; text-decoration: none; } a:focus { outline: none; } a img { border: none; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .fl { float: left; } .fr { float: right; } .mt20 { margin-top: 20px; } .header { height: 260px; overflow: hidden; background: url(../images/header_bg.png) no-repeat; border-bottom: 3px solid #CA1E1C; } .header-con { position: relative; width: 1200px; margin: 0 auto; height: 260px; } .logo { height: 126px; padding-top: 67px; } .logo a { line-height: 126px; font-size: 46px; font-weight: bold; color: #CA1E1C; } .logo a img { vertical-align: middle; margin-right: 15px; } .wza { position: absolute; right: 10px; top: 10px; min-width: 130px; height: 36px; border-radius: 18px; background: #EC9C1F; color: #fff; text-align: center; line-height: 36px; padding: 0 5px; } .wza a { font-size: 16px; color: #fff; padding: 0 5px; } .nav { height: 3px; background: #CA1E1C; } .main { width: 1200px; margin: 20px auto 0; background: #fff; } .column-main { padding: 20px; background: #fff; } .column-nav { float: left; width: 260px; } .column-nav { width: 260px; height: 100%; border: 1px solid #dddddd; } .column-nav .hd { padding: 4px 4px 0; line-height: 50px; border-bottom: 1px solid #CA1E1C; } .column-nav .hd span { display: block; font-size: 18px; font-weight: bold; padding-left: 20px; color: #fff; background: #CA1E1C; } .column-nav .bd { padding: 20px; } .column-nav li { background: url(../images/sub.jpg) right no-repeat; border-bottom: 1px solid #dcdcdc; } .column-nav li a { display: block; padding: 10px 30px 10px 20px; font-size: 16px; color: #333; } .column-nav li.active a, .column-nav li a:hover { color: #D6000F; background: url(../images/subhover.jpg) right center no-repeat #e7eef8; } .column-con { float: right; width: 880px; } .mail-stat-search { background: #F6F6F6; border: 1px solid #E8E8E8; padding: 15px; font-size: 16px; line-height: 36px; } .mail-search { margin-top: 10px; } .mail-search .inpt { width: 146px; height: 24px; line-height: 24px; border: #cecece 1px solid; background: #fff; font-size: 14px; color: #999; padding: 5px; outline: none; } .mail-search .btn { width: 48px; height: 36px; line-height: 36px; border: none; background: #CA1E1C; font-size: 14px; color: #fff; text-align: center; outline: none; cursor: pointer; padding: 0; } .mail-list { margin-top: 20px; } .mail-list .hd { background: #EBF4FB; } .mail-list ul::after { display: block; font-size: 0; content: " "; clear: both; height: 0; } .mail-list li { float: left !important; height: 40px; line-height: 40px; font-size: 16px; border-right: 1px solid #fff; box-sizing: border-box; text-align: center; } .mail-list li.c1 { width: 200px; } .mail-list li.c2 { float: left !important; width: 520px !important; } .mail-list li.c3 { width: 160px; } .mail-list .bd ul:nth-child(even) { background-color: #EBF4FB; } .mail-list .bd li.c2 { text-align: left; } .mail-list .bd li.c2 a{display: block; position: relative; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;} .pager { line-height: 36px; margin-top: 10px; text-align: center; } .pager a { color: #BE0000; } .mail { padding: 20px; } .mail table { border-collapse: collapse; } .mail h1 { font-size: 28px; line-height: 50px; text-align: center; padding: 15px 0px; font-weight: bold; } .mail .title { border: #e3e3e3 1px solid; font-size: 16px; line-height: 24px; padding: 18px 10px; text-align: right; width: 18%; background: #f8f8f8; white-space: nowrap; } .mail .txt { border: #e3e3e3 1px solid; font-size: 16px; line-height: 24px; padding: 18px 15px; width: 32%; word-break: break-all; } .mail .txt p { font-size: 16px; line-height: 24px; } .footer { margin-top: 20px; border-top: 3px solid #BE0000; background: #fff; } .footer-con { width: 1200px; margin: 0 auto; padding: 20px 0; } .site-id { width: 340px; padding-right: 19px; margin-left: 40px; border-right: 1px solid #ddd; } .conac { float: left; width: 80px; height: 80px; } .jiucuo { float: left; width: 110px; height: 55px; padding-top: 12px; } .wza-id { display: inline-block; margin-top: 10px; margin-left: 15px; } .wza-id img { width: 120px; height: 55px; } .copyright { width: 770px; margin-left: 20px; } .copyright p { line-height: 30px; } .copyright a img { vertical-align: middle; } body.useOldFixed .footer-con .site-id:not(.skipAutoFix){ width: 100%; display: flex; margin: 0px; justify-content: space-around; } body.useOldFixed .conac{ width: auto!important; } body.useOldFixed .mail-search .btn{ width: 200px!important; } body.useOldFixed .mail-list li.c3{ width: auto; }