.tagsMod { position: relative; overflow: hidden; } .tags { position: relative; z-index: 2; height: 46px; background: #fff; font-family: "微软雅黑", "MicrosoftYahei", "宋体", "Arial Narrow", sans-serif; clear: both; _font-weight: bold; } @media screen and (max-width: 630px) { .tags { height: 96px; } } .tags div { float: left; width: 169px; height: 36px; margin-right: 1px; margin-top: 2px; margin-bottom: 10px; border-top: 1px solid #d0cfcf; background: #ececec; color: #454545; font-size: 16px; line-height: 36px; text-align: center; cursor: pointer; _font-size: 14px; position: relative; /*text-shadow:1px -1px 1px #fff;*/ } @media screen and (max-width: 991px) { .tags div { width: 16.5%; margin-right: 0.1%; } } @media screen and (max-width: 630px) { .tags div { width: 33.223%; margin-right: 0.1%; } } .tags div:after { content: ''; position: absolute; bottom: -5px; left: 50%; margin-left: -5px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #fff; } .tags div:hover { color: #ffffff; background-position: -350px 0; background: url(../images/public/topLogin.gif) 0 0 repeat-x; } .tags div:hover::after { border-top: 5px solid #10b3dd; } .tags .at { color: #fff; text-shadow: 1px -1px 1px #134d92; background: #1e61a5; height: 38px; margin-top: 0px; } .tags .at:after { border-top: 5px solid #1e61a5; } .tags .at:hover { color: #fff; background: #1e61a5; } .tags .at:hover:after { border-top: 5px solid #1e61a5; } .cons { position: absolute; width: 1020px; } @media screen and (max-width: 991px) { .cons { width: 100%; } } .con { margin-bottom: 12px; border: #d6dbe1 1px solid; border-top: #458fce 2px solid; } .con a { padding: 1px 2px 2px 2px; _padding: 2px; *padding: 2px; } .con a:hover { color: #fff; background: #3b639f; text-decoration: none; } .con .wzdt_tit { height: 39px; background: #fcfcfc; border-bottom: #fff 1px solid; } .con .wzdt_tit h1 { width: 145px; height: 39px; background: url(../images/public/contit_bg.png) right center no-repeat; font-size: 16px; line-height: 39px; font-family: "微软雅黑", "MicrosoftYahei", "宋体", "Arial Narrow", sans-serif; text-align: center; _font-weight: bold; _font-size: 14px; } .con:hover .wzdt_tit { background: #f5f8fa; } .con:hover .wzdt_tit h1 { color: #3b639f; } .con .wzdt_list { padding: 10px 0; border-top: #d6dbe1 1px solid; overflow: hidden; zoom: 1; } .con .wzdt_list dl { padding: 0 0 10px 10px; overflow: hidden; zoom: 1; width: 480px; float: left; } @media screen and (max-width: 991px) { .con .wzdt_list dl { width: 100%; } } .con .wzdt_list dl.w100 { width: 100%; } .con .wzdt_list dl.w26 { width: 26%; } @media screen and (max-width: 991px) { .con .wzdt_list dl.w26 { width: 100%; } } .con .wzdt_list dl.w74 { width: 74%; } @media screen and (max-width: 991px) { .con .wzdt_list dl.w74 { width: 100%; } } .con .wzdt_list dt { padding-left: 7px; color: #b87500; font-weight: bold; line-height: 28px; } .con .wzdt_list dt a { margin-right: 50px; white-space: nowrap; } .con .wzdt_list dd { float: left; overflow: hidden; zoom: 1; } .con .wzdt_list ul { margin-right: 0; padding-right: 0; overflow: hidden; zoom: 1; position: relative; } .con .wzdt_list li { float: left; height: 28px; padding: 0 2px; line-height: 28px; } .con .line::after, .con .line ul::after { content: ""; width: 1px; background: #dddddd; position: absolute; height: 13px; top: 8px; right: 0px; } .con .line ul li { padding-left: 5px; padding-right: 5px; }