/* 
主色：#3498db
配色：#2ecc71 
*/
.wrapper {
    background: #f0f0f0;
}

.module {
    background: #fff;
}

a {
    color: #2ecc71;
}

.header {
    border-top: 5px solid #3498db;
}

.mod-head .bd .name {
    color: #2ecc71;
}

.header .nav {
    background: #3498db;
}

.nav a {
    color: #fff;
}

.nav a:hover,
.nav a.active {
    background: #fff;
    color: #3498db;
}

.module .hd {
    border-bottom: 1px solid #3498db;
    color: #3498db;
    padding: 0 10px;
}

.module .bd {
    padding: 0 10px 10px;
}

.module .hd a {
    color: #3498db;
}


.module .hd::after {
    background: #3498db;
}

.module .bd table td,
.module .bd table th {
    border: 1px solid #e3edfb;
}

.module .bd table td.th,
.module .bd table thead {
    background: #f6faff;
}

.mod-detail .hd {
    border-bottom: 1px dashed #ccc;
}

.mod-detail .hd::after {
    background: none;
}

.mod-pic .pagination a,
.mod-pic .pagination span {
    color: #2ecc71;
}


.mod-pic .pagination a:hover,
.mod-pic .pagination span {
    background: #3498db;
    border-color: #3498db;
    color: #fff;
}

.mod-pic .bd a:hover {
    color: #3498db;
}

.mod-message .btn {
    background: #276cae;
    color: #fff;
}

.footer {
    background: #276cae;
    background-image: linear-gradient(to bottom, #276cae 0%, rgb(35 89 151) 50%, rgb(36 95 158) 75%, rgb(11 66 118 / 80%) 100%)
}

.mod-foot {
    color: #fff;
}

.mod-foot a {
    color: #fff;
}