.page-sitelist {
    background-color: #f7f7f7;
}
.page-sitelist .container {
    width: 1220px;
}
.page-sitelist-main {
    margin-top: -30px;
    margin-bottom: 70px;
    display: flex;
    justify-content: space-between;
}
.page-sitelist-main aside nav {
    background-position: right 0, center bottom;
    background-repeat: no-repeat;
    padding: 100px 28px 200px;
}
.page-sitelist-main aside .bg1 {
    background-image:  url(../../images/sitelist-aside-bg1.2.png),  url(../../images/sitelist-aside-bg2.png);
}
.page-sitelist-main aside .bg2 {
    background-image:  url(../../images/sitelist-aside-bg1.2.png),  url(../../images/sitelist-aside-bg2.2.png);
}
.page-sitelist-main aside .bg3 {
    background-image:  url(../../images/sitelist-aside-bg1.2.png),  url(../../images/sitelist-aside-bg2.3.png);
}
.page-sitelist-main aside nav li {
    line-height: 48px;
    padding-left: 45px;
    border-radius: 6px;
    background:  url(../../images/arrow1.png) 20px center no-repeat;
}
.page-sitelist-main aside nav li.current,
.page-sitelist-main aside nav li:hover {
    background-color: #eee;
    background-image:  url(../../images/arrow2.png);
}
.page-sitelist-main main,
.page-sitelist-main aside nav {
    background-color: white;
    box-shadow: 3px 0 10px rgba(229,229,229,.5);
    border-radius: 5px;
}
.page-sitelist-main main {
    width: 888px;
    padding: 0 20px 35px;
}
.page-sitelist-main aside {
    width: 300px;
}
.page-sitelist-main .head {
    line-height: 56px;
    font-size: 18px;
}
.page-sitelist-main main .head {
    padding: 0 20px;
    border-bottom: 3px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-sitelist-main main .head .result {
    font-size: 18px;
}
.page-sitelist-main .sort-selector {
    font-size: 14px;
    display: flex;
    justify-content: flex-end;
}
.page-sitelist-main .sort-selector .select {
    background:  url(../../images/unsort.png) right center no-repeat;
    padding-right: 17px;
    margin-right: 20px;
}
.page-sitelist-main .sort-selector .sortdown {
    background-image:  url(../../images/sort-down.png);
}
.page-sitelist-main .sort-selector .sortup {
    background-image:  url(../../images/sort-up.png);
}
.page-sitelist-main .articles {
    padding: 10px 15px;
}
.page-sitelist-main .articles article {
    padding: 35px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid #eee;
    cursor: default;
}
.page-sitelist-main .articles article:hover {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    box-shadow: 3px 0 10px rgba(229,229,229,.5);
}
.page-sitelist-main .articles article:hover h2,
.page-sitelist-main .articles article:hover h3 {
    text-decoration: underline;
    color: var(--blue);
}
.page-sitelist-main .articles article .img {
    width: 235px;
    height: 146px;
    border: 1px solid #efefef;
    overflow: hidden;
}
.page-sitelist-main .articles article .img_b {
    width: 135px;
}
.page-sitelist-main .articles article img {
    border: 0;
}
.page-sitelist-main .articles article img:hover {
    transform: scale(1.25);
}
.page-sitelist-main .articles header > * {
    font-size: 18px;
    line-height: 1;
}
.page-sitelist-main .articles h2 {
    line-height: 1.3em;
    margin-bottom: 12px;
}
.page-sitelist-main .articles h3 {
    line-height: 1.3em;
    margin-bottom: 24px;
}
.page-sitelist-main .articles .content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.page-sitelist-main .articles .content_b {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.page-sitelist-main .articles img {
    height: auto;
}
.page-sitelist-main .articles .intro {
    width: 488px;
}
.page-sitelist-main .articles .content_b .intro {
    width: 770px;
}
.page-sitelist-main .articles .intro a {
    text-decoration: underline;
}
.page-sitelist-main .intro dl {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 1.5em;
}
.page-sitelist-main .intro dt {
    width: 120px;
    text-align: right;
    white-space: nowrap;
    margin-right: 6px;
    padding-right: 7px;
}
.page-sitelist-main .content_b .intro dt {
    width: 130px;
    text-align: right;
    white-space: nowrap;
    margin-right: 20px;
}
.page-sitelist-main .content_b .intro dd {
    width: 560px;
}
.page-sitelist-main .intro dd {
    width: 360px;
}
.page-sitelist-main .intro dd.right {
    width: 350px;
}
.page-sitelist-main .intro dd .btn {
    background: var(--blue);
    font-size: 1em;
    color: white;
    line-height: 2em;
    display: block;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
    border: 1px solid #FFF;
    float: right;
    padding: .3em 2em;
}
.page-sitelist-main .intro dd .btn:hover {
    color: white;
    text-decoration: underline;
    border-color: var(--blue);
}
.page-sitelist .pagination {
    padding: 50px 80px;
}

.page-sitelist-main .orderlist { border: 1px solid #ddd; width: 100%; margin-bottom: 1em; }
.page-sitelist-main .orderlist tbody {
    margin-bottom: 1em;
}
.page-sitelist-main .orderlist th { font-weight:500; background-color: #F6F6F6; text-align: left; height: 30px; padding: 0 .6em; color: #999; font-size:.9em; }
.page-sitelist-main .orderlist th:last-child { text-align: right; }
.page-sitelist-main .orderlist th span { color: #333; font-weight:700; }
.page-sitelist-main .orderlist td { text-align: center; padding: .6em; border-right: 1px solid #F6F6F6; }
.page-sitelist-main .orderlist td:first-child { width: 120px; }
.page-sitelist-main .orderlist td.left { text-align: left; }
.page-sitelist-main .orderlist td.top { vertical-align: top; }
.page-sitelist-main .orderlist td.little { color: #999; min-width: 140px; }
.page-sitelist-main .orderlist td a { background: var(--blue); font-size: 1em; color: white; line-height: 2em; display: block; max-width: 8em; text-align: center; border-radius: 4px; text-decoration: none; border: 1px solid #FFF; }

.page-sitelist-main main.info .head {
    display: flex;
    justify-content: space-between;
    line-height: 57px;
    border-bottom: 3px solid #eee;
    padding: 0 20px;
}
.page-sitelist-main main.info .head .title {
    font-size: 18px;
}
.page-sitelist-main main.info .head .breadcrumb {
    font-size: 14px;
}
.page-sitelist-main main.info h1 { text-align: center; font-size: 1.6em; margin: 1.2em 0 .4em; }
.page-sitelist-main main.info h3 { margin: .8em 2em .2em; display: flex; align-items: center; }
.page-sitelist-main main.info h3:before { content: ''; width: 3px; height: 11px; background-color: var(--blue); display: block; margin-right: 10px; }
.page-sitelist-main main.info h4 { margin: .8em 2em .2em; color: var(--blue); font-weight:700; }
.page-sitelist-main main.info ul,
.page-sitelist-main main.info .line { margin: .8em 2em .2em; line-height: 1.2em; color:#333; }
.page-sitelist-main main.info ul li { padding-left: 25%; position: relative; margin-bottom: .6em; }
.page-sitelist-main main.info ul span { position: absolute; width: 20%; left: 0; text-align: right; }
.page-sitelist-main main.info p { margin: .8 2em; left: 0; margin-bottom: .5em; }
.page-sitelist-main main.info p.right { text-align: right; }
.page-sitelist-main main.info p span { margin-right: 1.4em; }