.mod-left { float: left; width: 720px; }
.mod-right { float: right; width: 250px; }
.mod-wrap { border: 1px solid #d7dde8; }
.mod-news { width: 368px; float: left; margin-left: 20px; }
.mod-news .mod-hd { border-bottom: 1px solid #ececec; margin-bottom: 15px; padding: 0 5px; line-height: 20px; }
.mod-news .mod-hd h2 { float: left; border-bottom: 3px solid #006ee2; font-size: 16px; padding-bottom: 15px; font-weight: normal; color: #232323; }
.mod-news .mod-hd h2 a { color: #232323; }
.mod-news .mod-hd .more { float: right; padding-bottom: 15px; color: #8f8f8f; }
.mod-news .mod-hd .more:hover .fa,
.mod-news .mod-hd .more:hover {  color: #006ee2; }
.mod-news .mod-hd .more .fa { color: #8f8f8f; }

.mod-online .mod-wrap { background-color: #fff; height: 404px; }
.mod-online .mod-hd { border-bottom: 1px solid #ececec; margin-bottom: 25px; padding: 0 25px; line-height: 20px; padding-top: 25px; }
.mod-online .mod-hd h2 { float: left; border-bottom: 3px solid #006ee2; font-size: 16px; padding-bottom: 15px; font-weight: normal; color: #232323; }
.mod-online .mod-hd h2 a { color: #232323; }
.mod-online .mod-hd .more { float: right; padding-bottom: 15px; color: #8f8f8f; }
.mod-online .mod-hd .more:hover .fa,
.mod-online .mod-hd .more:hover {  color: #006ee2; }
.mod-online .mod-hd .more .fa { color: #8f8f8f; }


.mod-tabs .mod-hd { height: 40px;border-bottom: 3px solid #d7dde8; }
.mod-tabs .mod-hd h2 { float: left; line-height: 40px; height: 40px; border-right: 1px solid #d7dde8; }
.mod-tabs .mod-hd h2:last-child { border-right: 0 none; }
.mod-tabs .mod-hd h2 a { display: block; padding: 0 30px; font-size: 14px; color: #4c4c4c; }
.mod-tabs .mod-hd .on {  margin-bottom: -3px; border-bottom: 3px solid #268bcb; position: relative; }
.mod-tabs .mod-hd .on a {  color: #268bcb; }
.mod-tabs .mod-bd { padding: 10px 0; }