html, p, span, blockquote, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, tbody, tfoot, thead, tr, th, td, header {
margin: 0;
padding: 0;
}
body {
margin: 0;
border: 0;
}
em, i {
font-weight: 100;
font-style: normal;
}
ul, ol, li {
list-style-type: none;
}
/*a {
color: black;
text-decoration: none;
outline: 0;
}
a:hover {
text-decoration: none;
}*/
#dz_module_wrap {
display: inline-block;
text-align: center;
clear: both;
width: 100%;
box-sizing: border-box;
}
.dz_nav li {
height: 50px;
text-align: center;
width: 100px;
float: left;
background-color: #fff;
}
.dz_nav {
width: 100%;
}
.dz_nav li > a {
line-height: 50px;
font-size: 16px;
font-weight: 900;
}
.dz_nav li:hover {
background-color: #054d81;
}
.dz_nav li:hover a {
color: #fff;
}
#dz_module_show {
clear: both;
position: relative;
padding: 15px 0;
width: calc(100% - 20px);
height: 325px;
}
.dz_moudle_list {
position: relative;
}
.dz_moudle_list li {
text-align: left;
position: relative;
font-size: 15px;
color: rgb(125, 126, 126);
padding-bottom: 4px;
margin-bottom: 10px;
border-bottom: 1px solid rgb(219, 206, 206);
white-space: nowrap;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
overflow: hidden;
text-overflow: ellipsis;
text-indent: 4px;
}
.dz_moudle_list li > span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
max-width: 355px;
/* text-align: left; */
}
.dz_moudle_list li > span a {
text-align: left;
color: rgb(22, 85, 133);
}
.dz_moudle_list li > span:nth-child(2) {
color: rgb(63, 57, 57);
}
/*手机端*/
@media screen and (max-width: 400px) {
/* 小于等于400px宽度的设备 */
.dz_moudle_list li > span {
max-width: 170px;
/* text-align: left; */
}
}