ul, li {
    list-style: none;
}
body {
    margin: 10px;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
    font-size: 10px;
    font-family: Verdana;
    background-color: #000;
    background-image: url(/static/index/imgs/bg.gif);
    color: #008000;
}
/*包含以下四种的链接*/
a {
    text-decoration: none;
    color: #00c000;
}
p {
    color: #00c000;
    text-align: left;
    padding-left: 5px;
}
/*正常的未被访问过的链接*/
a:link {
    text-decoration: none;
}
/*已经访问过的链接*/
a:visited {
    text-decoration: none;
}
/*鼠标划过(停留)的链接*/
a:hover {
    text-decoration: none;
    color: #0f0;
}
/* 正在点击的链接*/
a:active {
    text-decoration: none;
}

/**
 * 贵州亿算网络科技有限公司 --- 黔东南人事考试网, css公共样式
 */
.ys-bold {
    font-weight: bold;
}
.ys-red {
    color: red;
}
.ys-clear:after {
    content: '';
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}
.ys-ml__5 {
    margin-left: 5px;
}
.ys-mt__5 {
    margin-top: 5px;
}
.ys-fra {
    float: right;
    padding-right: 10px;
    cursor: pointer;
}
.ys-fra:hover {
    text-decoration: underline;
}

.ys-container {
    margin: 0 auto;
}
.ys-box {
    margin: 5px auto;
    width: 668px;
    background-color: #000;
    text-align: center;
    border: thin solid #008000;
}
.ys-content {
    margin-top: 20px;
}
.ys-m1-l,
.ys-m1-r,
.ys-m1-m,
.ys-m1-c,
.ys-m3,
.ys-mall,
.ys-list-l,
.ys-list-r {
    text-align: left;
    padding: 5px;
    background: #eee;
}
.ys-m1-l {
    float: left;
    width: 252px;
}
.ys-m1-c {
    float: left;
    width: 432px;
}
.ys-m1-r {
    float: right;
    width: 266px;
}
.ys-m3 {
    width: 316.5px;
    float: left;
}
.ys-m3:nth-child(2) {
    margin: 0 5px;
}
.ys-mall {
    width: 980px;
}
.ys-list {
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 12px;
}
.ys-list dt {
    padding-left: 10px;
    height: 33px;
    line-height: 33px;
    background: url(/static/index/imgs/title-bg.gif) repeat-x;
    position: relative;
}
.ys-list dd {
    margin: 5px;
    padding: 0 5px;
    overflow: hidden;
    background: #f5f5f5;
}
.ys-list dd span {
    float: right;
}
.ys-list ul {
    padding: 15px 5px;
}
.ys-list ul li {
    width: calc(50% - 2px);
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px;
}
.ys-list ul li a {
    cursor: pointer;
}
.ys-list ul li a:hover {
    text-decoration: underline;
}
.ys-m1-l .ys-list a {
    max-width: 120px;
    cursor: pointer;
}
.ys-list dd a {
    cursor: pointer;
}
.ys-list dd a:hover {
    text-decoration: underline;
}
.ys-link a {
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
}
.ys-link a:hover {
    text-decoration: underline;
}
.ys-line {
    width: 100%;
    height: 1px;
}

.ys-adv-li {
    margin-top: 5px;
    width: calc(100% - 10px);
    height: 40px;
    background: #f5f5f5;
    padding: 5px;
}
.ys-adv-li a {
    border: 1px solid #ccc;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    line-height: 38px;
    color: red;
    display: inline-block;
    text-align: center;
    background: white;
}

.ys-list-l {
    float: left;
    width: 685px;
}
.ys-list-r {
    float: left;
    width: 280px;
}

/* 前端分页样式 */
.pagination {
    display: inline-block;
    max-width: calc(100% - 40px);
    width: auto;
    padding: 5px !important;
}
.ys-list .pagination>li {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #526777;
    border: 1px solid #adb1bd;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
}
.ys-list .pagination>li.disabled {
    cursor: not-allowed;
    color: #c9c9c9;
    border-color: #c9c9c9;
}
.ys-list .pagination>li.active {
    cursor: text;
    background: #CC0000;
    color: white;
    border-color: #B00000;
}
.ys-list .pagination>li>a {
    height: 100%;
    width: 100%;
    display: inline-block;
}


.ys-details {
    padding: 10px;
}
.ys-details .ys-details-header {
    border-bottom: 1px dashed #ccc;
    padding: 5px 0 15px;
}
.ys-details .ys-html {
    padding: 10px 5px;
    font-size: 14px;
}
.ys-details .ys-html img {
    max-width: calc(100% - 30px);
}
.ys-details .ys-html table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.ys-details .ys-html table td,
.ys-details .ys-html table th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 3px 5px;
    min-height: 30px;
    height: 30px;
}
.ys-details .ys-next {
    width: 100%;
    text-align: right;
    margin-top: 10px;
    padding: 10px 0 5px 0;
    border-top: 1px dashed #ccc;
    overflow: auto;
    clear: both;
}
.ys-details .ys-next a:hover {
    text-decoration: underline;
}
.ys-details .ys-next span {
    float: left;
}

@media screen and (max-width: 1000px) {
    .ys-container {
        width: calc(100% - 14px);
    }

    .ys-m1-l,
    .ys-m1-r,
    .ys-m1-m,
    .ys-m1-c,
    .ys-m3,
    .ys-mall,
    .ys-list-l,
    .ys-list-r{
        width: calc(100% - 0.625rem);
    }
    .ys-ml__5 {
        margin-left: 0;
    }
    .ys-nav-list {
        display: none;
    }
    .ys-nav-list2 {
        margin-top: 0;
    }
    .ys-m3:nth-child(2) {
        margin: 0;
    }
    .ys-details .ys-next {
        text-align: left;
    }
    .ys-details .ys-next span {
        display: block;
        float: inherit;
    }
}

img {
    max-width: 100%;
}
