.album-3 {
    background-color: #e74d4d
}

.album-8 {
    background-color: #369aef
}

.album-7 {
    background-color: #24cfa8
}

.album-4 {
    background-color: #ffc355
}

.album-12 {
    background-color: #f15a9c
}

.album-0,
.album-99 {
    background-color: #8276f0
}
.text-red{
    color: #e74d4d;
}
.guestbook-box {
    background: #fff;
    padding: 30px;
}

.guestbook-form .form-group {
    margin-bottom: 20px;
}

.guestbook-form label {
    display: block;
    font-size: 15px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 500;
}

.guestbook-form .form-control {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.3s ease;
    box-sizing: border-box;
}

.guestbook-form textarea.form-control {
    min-height: 150px;
    resize: vertical;
}


.downbox .item {
    padding: 14px 0;
    display: flex;
    border-bottom: 1px dashed #eee;
}
.downbox .left{
    flex: 0 0 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.downbox .left .desc{
    font-size: 12px;
    color: #666;
}

.downbox .btn {
    display: block;
    width: 120px;
    padding: 8px 0;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
    background-color: #1677ff;
    color: #fff !important;
}

.downbox .text-gray {
    display: block;
    text-align: center;
    color: #666;
    font-size: 12.5px;
    margin: 5px 0 10px;
    padding: 5px 8px;
    background: #f8f9fa;
    border-radius: 3px;
    letter-spacing: 0.2px;
}

.downbox .file-info {
    background: #f8f9fa;
    padding: 10px 12px;
    line-height: 1.5;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-left: 10px;
}

.downbox .file-info p {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 2px 0;
    font-size: 14px !important;
    min-width: 200px;
}
.downbox .file-info p label {
    font-size: 14px !important;
    color: #000;
}
.downbox .file-info p text {
    font-size: 14px !important;
    color: #444;
}
.down-intro{
    margin-top: 40px;
}
.down-intro .intro-content{
    margin-top: 10px;
}







.form-submit {
    text-align: center;
    margin-top: 30px;
}

.submit-btn {
    background: #1890ff;
    color: #fff;
    border: none;
    padding: 12px 40px;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.submit-btn:hover {
    background: #40a9ff;
    transform: translateY(-2px);
    /* box-shadow: 0 4px 12px rgba(24, 144, 255, 0.4); */
}

.article-content-wrap {
    padding-bottom: 60px
}

.article-content-wrap.s-article {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.article-content-wrap .left-side {
    width: 240px
}

.article-content-wrap .left-side .menu-wrap {
    padding: 20px;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 6px
}

.article-content-wrap .left-side .menu-wrap .title {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight:bold;
}

.article-content-wrap .left-side .menu-wrap .menu-list .menu-item {
    line-height: 20px;
    margin-top: 14px
}

.article-content-wrap .left-side .menu-wrap .menu-list .menu-item:first-child {
    margin-top: 0
}

.article-content-wrap .left-side .menu-wrap .menu-list .menu-item.active a {
    color: #2b99ff
}

.article-content-wrap .left-side .wechat-wrap {
    text-align: center;
    border-radius: 6px;
    overflow: hidden
}

.article-content-wrap .left-side .wechat-wrap img {
    width: 240px;
}


.article-content-wrap .left-side .menu2{
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px dotted #ddd;
    padding: 10px 0;
}
.article-content-wrap .left-side .menu2 .menu-item2{
}
.article-content-wrap .left-side .menu2 .menu-item2 a{
    padding: 2px 8px;
    border: 1px solid #ddd;
    border-radius: 6px;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 6px;
    font-size: 13px;
    background-color: #f8f9fa;
}
.article-content-wrap .left-side .menu2 .menu-item2 a.active{
    background-color: #2b99ff;
    color: #fff;
}













.article-content-wrap .right-side {
    width: 950px;
    background-color: #fff;
    padding: 20px 40px 0;
    border-radius: 6px
}

.article-content-wrap .right-side.details {
    padding-bottom: 30px
}

.article-content-wrap .right-side.jiaoan-details {
    width: 912px;
    padding-bottom: 30px
}

.article-content-wrap .right-side.jiaoan-details .top.fixed-top {
    width: 912px
}

.article-content-wrap .right-side .title {
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 15px;
    border-bottom: solid 1px #f2f2f2;
    font-weight: 700
}

.article-content-wrap .right-side .articles-list {
    padding-bottom: 30px
}

.article-content-wrap .right-side .articles-list .article-item {
    padding: 14px 0;
    border-bottom: solid 1px #f2f2f2;
    display: flex;
    justify-content: space-between;
}

.article-content-wrap .right-side .articles-list .article-item .link {
    display: inline-block;
    width: 63%;
    line-height: 22px;
    font-size: 16px
}

.article-content-wrap .right-side .articles-list .article-item p{
    display: inline-block;
    text-align: right;
    min-width: 100px;
    color: #999;
    line-height: 20px;
    margin-left: 55px
}
.article-content-wrap .right-side .articles-list .article-item p .time{
    margin-left: 10px;
}

.article-content-wrap .right-side .common-pagination {
    margin: 20px 0
}

.article-content-wrap .right-side .top {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px #f2f2f2
}

.article-content-wrap .right-side .top.fixed-top {
    background: #fff;
    width: 950px;
    margin: 0;
    padding: 12px 40px;
    border-bottom: none;
    border-radius: 0 0 6px 6px
}

.article-content-wrap .right-side .top .other-left {
    width: 100%
}

.article-content-wrap .right-side .top .detail-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
}

.article-content-wrap .right-side .top .info {
    height: 20px;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    margin-top: 5px
}

.article-content-wrap .right-side .top .info .space {
    display: inline-block;
    margin: 0 10px;
    width: 1px;
    height: 10px;
    background-color: #999
}

.article-content-wrap .right-side .top .download-file-btn {
    display: inline-block;
    border-radius: 4px;
    padding: 12px 14px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    background-color: #14b926
}

.article-content-wrap .right-side .album-converge {
    overflow: hidden;
    background-color: #ffede1;
    padding: 6px 12px;
    border-radius: 4px;
    color: #f60;
    font-size: 14px;
    transition: all ease .2s;
    margin-bottom: 15px
}

.article-content-wrap .right-side .album-converge .left {
    line-height: 22px
}

.article-content-wrap .right-side .album-converge .recommond {
    margin-right: 4px
}

.article-content-wrap .right-side .album-converge .label {
    color: #333
}

.article-content-wrap .right-side .album-converge .con-link {
    display: inline-block;
    max-width: 425px;
    color: #f60;
    vertical-align: bottom;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.article-content-wrap .right-side .album-converge .con-link:hover {
    color: #fe450a;
    font-weight: 600
}

.article-content-wrap .right-side .album-converge .con-link:hover .right {
    font-weight: 400
}

.article-content-wrap .right-side .album-converge .con-link .right {
    position: relative;
    top: 1px;
    margin-left: 10px
}

.article-content-wrap .right-side .album-converge .down-guide {
    background-color: #2b99ff;
    border-radius: 4px;
    padding: 2px 8px;
    color: #fff;
    margin-left: 25px
}

.article-content-wrap .right-side .right-content a,
.article-content-wrap .right-side .right-content a:hover {
    /* text-decoration: underline; */
    color: #2b99ff;
}

.article-content-wrap .right-side .album-converge .down-guide .icon {
    font-size: 14px;
    margin-right: 2px
}

.article-content-wrap .right-side .h1000 {
    height: 1000px
}

.article-content-wrap .right-side .right-content {
    line-height: 30px;
    font-size: 16px;
    overflow: hidden;
    min-height: 385px
}

.article-content-wrap .right-side .right-content a,
.article-content-wrap .right-side .right-content article,
.article-content-wrap .right-side .right-content em,
.article-content-wrap .right-side .right-content section,
.article-content-wrap .right-side .right-content span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 16px;
}

.article-content-wrap .right-side .right-content img {
    max-width: 100%
}

.article-content-wrap .right-side .right-content ol {
    padding-left: 20px
}

.article-content-wrap .right-side .right-content li {
    list-style-type: decimal
}

.article-content-wrap .right-side .read-more-wrap {
    width: 100%;
    margin: 25px 0;
    background-color: #fff;
    text-align: center
}

.article-content-wrap .right-side .read-more-wrap .read-more-btn {
    width: 110px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    color: #2b99ff;
    border-radius: 16px;
    border: 1px solid #2b99ff;
    vertical-align: middle;
    margin: 0 auto;
    cursor: pointer
}

.article-content-wrap .right-side .download-file-link {
    margin: 20px 0
}

.article-content-wrap .right-side .download-file-link a {
    color: #2b99ff;
    font-size: 16px
}

.article-content-wrap .right-side .download-file-link a i {
    font-size: 18px;
    margin-right: 5px;
    font-weight: 700
}

.article-content-wrap .recomamd-wrap {
    width: 278px
}

.article-content-wrap .recomamd-wrap.fixed {
    position: fixed;
    top: 0;
    z-index: 11
}

.article-content-wrap .recomamd-wrap .recomamd-inner {
    background-color: #fff;
    border-radius: 6px
}

.article-content-wrap .recomamd-wrap .recomamd-inner .recommend-album {
    width: 100%;
    height: 78px;
    color: #333;
    padding: 0 20px;
    background: url(../image/album_detail_left.png) center no-repeat
}

.article-content-wrap .recomamd-wrap .recomamd-inner .recommend-album .tit {
    padding: 20px 0 4px;
    font-size: 20px;
    font-weight: 600;
    color: #2b99ff
}

.article-content-wrap .recomamd-wrap .recomamd-inner .recommend-album .version-book {
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.article-content-wrap .recomamd-wrap .recomamd-inner .type-tabs {
    height: 30px;
    margin: 6px 19px;
    background-color: #e0f0ff;
    border-radius: 6px;
    overflow: hidden
}

.article-content-wrap .recomamd-wrap .recomamd-inner .type-tabs .type-item {
    float: left;
    width: 48px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
    border-radius: 4px;
    cursor: pointer
}

.article-content-wrap .recomamd-wrap .recomamd-inner .type-tabs .type-item.active,
.article-content-wrap .recomamd-wrap .recomamd-inner .type-tabs .type-item:hover {
    background-color: #2b99ff;
    color: #fff
}

.article-content-wrap .recomamd-wrap .recomamd-inner .more-albums {
    margin: 0 20px;
    padding: 15px 0;
    text-align: center;
    border-top: 1px solid #f2f2f2
}

/* .home-article .right-side .article-item .time,
.home-article .right-side .article-item .views {
    margin-left: 0 !important
} */

.article-content-wrap .recomamd-wrap .recomamd-inner .more-albums a {
    color: #2b99ff;
    font-size: 14px
}

.article-content-wrap .recomamd-wrap .recomamd-inner .more-albums a .icon {
    position: relative;
    top: 1px
}

.home-article .right-side .article-item .category-title {
    display: inline-block;
    color: #2b99ff;
    min-width: 100px;
    text-align: right
}

.recommond-fixed-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 13;
    border-top: 1px solid #f2f2f2
}

.recommond-fixed-bar .fixed-bar-inner {
    padding-top: 10px
}

.recommond-fixed-bar .fixed-bar-inner .recom-list {
    margin-bottom: 10px
}

.recommond-fixed-bar .fixed-bar-inner .recom-list .list-row {
    float: left;
    width: 240px;
    padding-left: 20px
}

.recommond-fixed-bar .fixed-bar-inner .recom-list .list-row .file-link {
    display: inline-block;
    width: 100%
}

.recommond-fixed-bar .fixed-bar-inner .recom-list .list-row .doc-files-s {
    display: inline-block;
    width: 24px;
    height: 24px
}

.recommond-fixed-bar .fixed-bar-inner .recom-list .list-row .right {
    padding-left: 5px;
    width: 85%
}

.recommond-fixed-bar .fixed-bar-inner .recom-list .list-row .right .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #2b99ff
}

.recommond-fixed-bar .fixed-bar-inner .recom-list .list-row .right .stars {
    line-height: 20px
}

.recommond-fixed-bar .fixed-bar-inner .recom-list .list-row .right .stars .iconshoucangfill {
    color: #f60
}

.recommond-fixed-bar .fixed-bar-inner .recom-list .list-row .right .stars .iconshoucang {
    color: #ccc
}

.article-activities {
    background-color: #fff;
    padding: 20px 40px;
    border-radius: 0 0 6px 6px;
    width: 912px;
    margin: 0 auto
}

.padding-large-top{
    margin-top: 40px;
}
.padding-large-top .item{
    margin-bottom: 10px;
}
.padding-large-top .no-item{
    margin-bottom: 10px;
    color: #888;
}