.fl { float: left; }

.fr { float: right; }

.notice-center { min-height: calc(100% - 600px); }

.notice-center .notice-main .notice-nav { width: 100%; height: 178px;
      background: url(/common/images/search-bg-1.jpg);
      }

.notice-center .notice-main .notice-nav .title { width: 1200px; margin: auto; overflow: hidden; cursor: pointer; }

.notice-center .notice-main .notice-nav .title .notice-title { height: 32px; margin-top: 30px; font-size: 28px; font-weight: bold; color: #fff; line-height: 32px; }

.notice-center .notice-main .notice-nav .title .notice-Etitle { font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.3); margin-top: 6px; }

.notice-center .notice-main .notice-container { width: 1200px; margin: auto; margin-top: -58px; margin-bottom: 60px; border-radius: 5px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05); background-color: #fff; overflow: hidden; }

.notice-center .notice-main .notice-container .container-left { float: left; width: 200px; height: inherit; background-color: #F5F5F5; }

.notice-center .notice-main .notice-container .container-left ul { width: 100%; padding: 16px; box-sizing: border-box; }

.notice-center .notice-main .notice-container .container-left ul li { width: 168px; height: 50px; color: #666; font-size: 16px; text-align: center; line-height: 50px; cursor: pointer; list-style: none; }

.notice-center .notice-main .notice-container .container-left ul li:hover { border-radius: 5px; background-color: #ff7327;color: #fff; }

.notice-center .notice-main .notice-container .container-left ul .notice-active { color: #fff; font-weight: bold; background-color: #eb593c !important; border-radius: 5px; }

.notice-center .notice-main .notice-container .container-right { float: left; width: 966px; min-height: 400px; padding-top: 28px; padding-bottom: 60px; background-color: #fff; }

.notice-center .notice-main .notice-container .container-right .title { width: 100%; height: 28px; line-height: 28px; font-size: 24px; color: #333; font-weight: bold; margin-left: 16px; }

.notice-center .notice-main .notice-container .container-right ul { width: 100%; margin: 10px 16px 16px 16px; }

.notice-center .notice-main .notice-container .container-right ul li { height: 50px; font-size: 14px; line-height: 50px; border-bottom: 1px dashed #ededed; list-style: none; }

.notice-center .notice-main .notice-container .container-right ul li img { margin-top: 22px; margin-right: 6px; }

.notice-center .notice-main .notice-container .container-right ul li .cTitle { width: 835px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.notice-center .notice-main .notice-container .container-right ul li .fr { font-size: 14px; color: #999; }

.notice-center .notice-main .notice-container .container-right ul li .container-name { overflow: hidden; white-space: nowrap; width: 826px; }

.notice-center .notice-main .notice-container .container-right ul li .container-name:hover { color: #4190E9 !important; }

.notice-center .notice-main .notice-container .notice-detail { float: left; width: 900px; padding: 38px 30px 60px; }

.notice-center .notice-main .notice-container .notice-detail img { max-width: 940px; }

.notice-center .notice-main .notice-container .notice-detail .title { font-size: 24px; color: #333; font-weight: bold; text-align: center; line-height: 28px; word-wrap: break-word; word-break: break-all; }

.notice-center .notice-main .notice-container .notice-detail .time-box { width: 123px; height: 16px; line-height: 16px; margin: auto; margin-top: 14px; margin-bottom: 44px; overflow: hidden; }

.notice-center .notice-main .notice-container .notice-detail .time-box img { float: left; width: 16px; height: 16px; }

.notice-center .notice-main .notice-container .notice-detail .time-box .time { float: left; width: 107px; text-align: center; font-size: 12px; color: #999; line-height: 16px; }

.notice-center .notice-main .notice-container .notice-detail .content { font-size: 14px; line-height: 28px; color: #333; }