/* �ö����� */
.hotspot { width: 615px; padding: 15px 14px; margin-bottom: 10px; overflow: hidden; background: #fff; border-radius: 3px; border: 1px #eee solid; }
.hotspot .primary { width: 615px; height: 383px; margin-bottom: 15px; position: relative; overflow: hidden; }
.primary {
    width: 94%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.primary .swiper-slide {
    position: relative;

}
.primary .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
}
.primary .swiper-slide img {
    width: 100%;
    height: 100%;
}

.primary p {
    width: 100%;
    box-sizing: border-box;
    padding: 0 60px 0 10px;
    line-height: 30px;
    height: 30px;
    background: rgba(0,0,0,0.4);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 15px;
}

.swiper-button-next, .swiper-button-prev {
    display: none;
}

.swiper-pagination {
    width: 60px!important;
    right: 0;
    left: auto!important;
    bottom: 8px!important;
}

.swiper-pagination-bullet {
    background: #fff;
    opacity: 0.4;
    transition: 0.3s ease;
}

.swiper-pagination-bullet-active {
    opacity: 0.8;
    width: 14px;
    border-radius: 10px;
    transition: 0.3s ease;
}
/* ��Ҫ�б� */
.mainlist { width: 615px; padding: 15px 14px; margin-bottom: 10px; overflow: hidden; background: #fff; border-radius: 3px; border: 1px #eee solid; }
.mainlist .big-img { float: left; width: 222px; height: 148px; overflow: hidden; margin-right: 15px; position: relative; }
.mainlist .big-img img { width: 222px; height: 148px; }
.mainlist .big-img .belongs { position: absolute; left: 0; top: 0; padding: 2px 6px; background: #000; text-align: center; color: #fff; border-radius: 0 0 3px 0; opacity: 0.3; }
.mainlist .list-content { float: left; width: 378px; height: 148px; overflow: hidden; }
.mainlist .list-content h2 a{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    margin-bottom: 10px;
}
.mainlist .list-content h1 { width: 378px; font-size: 18px; font-weight: 500; margin-bottom: 15px; height: 22px; line-height: 22px; letter-spacing: 1px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.mainlist .list-content .article-info { width: 378px; height: 20px; line-height: 20px; font-size: 12px; overflow: hidden; margin-bottom: 10px; color: #aaa; }
.mainlist .list-content .article-info .index-time { float: left; margin-right: 15px; }
.mainlist .list-content .article-info .article-star { float: left; height: 20px;  }
.mainlist .list-content .article-info .level1 { width: 16px; }
.mainlist .list-content .article-info .level2 { width: 36px; }
.mainlist .list-content .article-info .level3 { width: 55px; }
.mainlist .list-content .article-info .level4 { width: 73px; }
.mainlist .list-content .article-info .level5 { width: 90px; }
.mainlist .list-content .summary { width: 378px; height: 45px; line-height: 22px; font-size: 14px; margin-bottom: 15px; color: #777; overflow: hidden; }
.mainlist .list-content .data { width: 378px; height: 20px; overflow: hidden; color: #aaa; font-size: 12px; line-height: 20px; }
.mainlist .list-content .data .data-left { float: left; }
.mainlist .list-content .data .data-left .data-text { float: left; height: 20px; line-height: 20px; margin-right: 12px; }
.mainlist .list-content .data .data-right { float: right; }
/* ��ҳ��Ŀ��ʽ */
.category{padding:1px 10px 0;overflow:hidden}
.category .mr{margin-right:10px;overflow:hidden}
.category .w305{width:305px!important;}
.category .item{width:309px;display:inline;overflow:hidden;float:left}
.category .item ul{padding:5px;overflow:hidden}
.category .item ul li{line-height:30px;height:30px;background: transparent url(../images/item_li.png) no-repeat -4px 8px;padding-left: 12px;overflow:hidden}
.category .item ul li:hover{background: transparent url(../static/images/item_li_hover.png) no-repeat -12px 1px;}
.category .item ul li a{width:190px;float:left;font-weight:400;color:#555;font-size:14px}
.category .item ul li a:hover{color:#ff7e00}
.category .item ul li .list{font:400 14px/28px "Microsoft Yahei",sans-serif;color:#373;padding-right:5px;float:left}
.category .item ul li .time{font-size:14px;color:#999;padding-left:10px;float:right}
/* ���Ӳ��� */
.union-active { width: 600px; margin: 0 auto; overflow: hidden; }
.union-active ul { width: 630px; }
.union-active ul li { float: left; margin: 5px 0 10px; width: 210px; line-height: 22px; overflow: hidden; }
.union-active ul li img { width: 195px; height: 130px; }
.union-active ul  a{ color:#333232; font-family:'Microsoft Yahei'; }
.union-latest { width: 615px; margin: 0 auto; overflow: hidden; }
.union-latest ul { width: 630px; }
.union-latest ul li { float: left; width: 270px; height: 40px; margin: 0 15px 15px 0; padding: 15px; background: #f6f6f6; }
.union-latest ul li .avatar { float: left; width: 40px; height: 40px; border-radius: 3px; margin-right: 15px; }
.union-latest ul li .avatar img { width: 40px; height: 40px; }
.union-latest ul li .latest { float: left; width: 215px; height: 40px; }
.union-latest ul li .latest .union-author { height: 14px; line-height: 14px; font-size: 12px; color: #aaa; overflow: hidden; }
.union-latest ul li .latest .union-title { height: 16px; line-height: 16px; font-size: 13px; overflow: hidden; margin-bottom: 8px; }
/* ����� */
.sidebar .join { width: 270px; height: 36px; line-height: 36px; font-size: 12px; text-align: center; margin: 0 auto; background: #65b916; border-radius: 3px; margin-bottom: 10px; }
.sidebar .guide { width: 270px; height: 36px; line-height: 36px; font-size: 12px; text-align: center; margin: 0 auto; background: #3498db; border-radius: 3px; }
.qrcode-box { width: 270px; overflow: hidden; margin: 0 auto 20px; text-align: center; }
.qrcode-box div { font-size: 12px; height: 30px; line-height: 12px; }
.author-star { width: 300px; height: 116px; overflow: hidden; margin-bottom: 15px; text-align: center; }
.author-star .join-text { height: 18px; line-height: 18px; margin-bottom: 10px; }
.author-star ul li { float: left; width: 50px; height: 70px; margin: 0 0 0 20px; }
.author-star ul li img { width: 50px; height: 50px; border-radius: 25px; }
.author-star ul li div { width: 50px; height: 20px; line-height: 22px; font-size: 12px; }
.author-active { width: 270px; height: 60px; overflow: hidden; margin: 0 auto 15px auto; }
.author-active ul li { float: left; width: 30px; height: 30px; overflow: hidden; text-align: center; }
.author-active ul li img { width: 27px; height: 27px; }
/* TAG��ǩ */
.mytags {min-width:54px;height:24px;line-height:24px; text-align:center; padding: 3px;*padding-left:6px;*padding-right:0;margin-left:10px;margin-bottom:10px;display:inline-block; background-color:#f3f3f3;font-size:12px;color:#fff;border-radius: 3px 3px 3px 3px;}
.mytags_clicked {min-width:54px;height:24px;line-height:24px;  text-align:center; padding: 3px;margin:8px 4px 4px 0;display:inline-block; background-color:#b3b3b3;font-size:12px}
a.mytags {color:#3498db;}
a.mytags:hover{color:#fff;background:#339900;text-decoration:none;}
.comments-good { width: 270px; overflow: hidden; margin: 0 auto; }
.comments-good ul { width: 270px; max-height: 436px; overflow: hidden; }
.comments-good ul li { width: 270px; max-height: 132px; margin-bottom: 10px; overflow: hidden; }
.comments-good ul li h1 { width: 270px; height: 20px; font-size: 14px; font-weight: normal; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 15px; }
.comments-good ul li .comment { position: relative; border-radius: 3px; width: 246px; max-height: 88px; background: #f3f3f3; padding: 6px 12px 8px; font-size: 12px; line-height: 22px; word-break: break-all; word-wrap: break-word; font-family: Arial, Verdana, Helvetica, sans-serif; color: #666; }
.comments-good ul li .comment span { position: absolute; top: -8px; left: 25px; border-bottom: 8px solid #f3f3f3; border-right: 8px solid transparent; border-left: 8px solid transparent; z-index: 9; }
.contacts { width: 270px; overflow: hidden; margin: 0 auto; font-size: 12px; line-height: 22px; text-align: center; }
.contacts .contacts-qq { width: 280px; height: 30px; }
.contacts .contacts-qq ul li { float: left; width: 128px; height: 28px; margin-right: 10px; border: 1px #eee solid; border-radius: 3px; overflow: hidden; }
.past-random { width: 963px; padding: 15px 0 10px; margin: 0 auto 10px; overflow: hidden; background: #fff; border-radius: 3px; border: 1px #eee solid; }
.past-random h2 { width: 930px; height: 20px; padding: 0 15px 0 10px; border-left: 5px #009900 solid; line-height: 20px; font-weight: normal; font-size: 16px; color: #666; letter-spacing: 1px; margin-bottom: 20px; }
.past-random h2 span { float: right; font-size: 12px; font-weight: normal; }
.past-random ul { width: 948px; overflow: hidden; margin-left: 15px; }
.past-random ul li { float: left; width: 220px; height: 230px; background: #f9f9f9; overflow: hidden; margin: 0 17px 10px 0; }
.past-random ul li img { width: 222px; height: 148px; }
.past-random ul li h1 { width: 190px; height: 30px; font-size: 15px; font-weight: 500; margin-bottom: 5px; letter-spacing: 1px; padding: 0 15px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.past-random ul li .summary { width: 200px; height: 45px; line-height: 22px; font-size: 12px; margin-bottom: 5px; color: #999; padding: 0 10px; overflow: hidden; display: none; }
.past-random ul li .data { width: 190px; height: 20px; overflow: hidden; color: #aaa; font-size: 12px; padding: 0 15px; }
/* �������� */
.links { width: 963px; padding: 15px 0 10px; margin: 0 auto 10px; overflow: hidden; background: #fff; border-radius: 3px; border: 1px #eee solid;}
.links h2 {width: 930px;height: 20px;padding: 0 15px 0 10px;border-left: 5px #009900 solid;line-height: 20px;font-weight: normal; font-size: 16px; color: #666;letter-spacing: 1px;margin-bottom: 13px;}
.links h2 span { float: right; font-size: 12px; font-weight: normal; }
.links a { padding:1px; float:left; color:#555; margin:5px;}
.links a:hover{color:#ff7e00}
/* �༭�б� */
.editors { width: 935px; padding: 15px 14px; font-size: 12px; line-height: 26px; margin: 0 auto 20px; overflow: hidden; background: #fff; border-radius: 3px; border: 1px #eee solid; }
.editors span { color: #999; }
/* ע�� */
.register-box { width: 360px; margin: 0 auto 20px; padding: 20px 150px; background: #f9f9f9; border-radius: 3px; }
.register-box p { text-align: center; font-size: 14px; margin-bottom: 10px; }
.register-box div { height: 30px; line-height: 30px; margin: 6px 0; }
.register-box div .reginfo { border: #eee 1px solid; height: 16px; padding: 4px 5px; width: 160px; border-radius: 3px; }
.register-box div .verimg { float: right; cursor: pointer; margin-top: 0; }
.register-box div .vercode { border: #eee 1px solid; height: 16px; padding: 4px 5px; width: 90px; border-radius: 3px; }
.register-box div .regbutton { width: 360px; height: 36px; background: #65b916; color: #fff; border-radius: 3px; border: 0; font-size: 16px; font-weight: bold; font-family: "΢���ź�", "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", SimSun, Verdana, Helvetica, sans-serif; letter-spacing: 2px; }
.snsbox { width: 360px; margin: 0 auto 20px; overflow: hidden; padding: 20px 150px; background: #f9f9f9; border-radius: 3px; }
.snsbox ul { width: 375px; list-style: none; }
.snsbox ul li { float: left; width: 145px; height: 50px; overflow: hidden; margin-right: 15px; border: 3px #eee solid; padding: 6px 10px; text-align: center; font-size: 12px; }
.snsbox p { text-align: center; font-size: 14px; margin-bottom: 10px; }
.snscreate { width: 360px; margin: 20px auto; padding: 10px 0 15px 0; line-height: 26px; text-align: center; border: #a5c760 solid 1px; background: #f9ffe9; border-radius: 3px; }
.snsconnect { width: 360px; margin: 20px auto; padding: 10px 0 15px 0; line-height: 26px; text-align: center; border: #acc6e9 solid 1px; background: #f7fbfe; border-radius: 3px; }
.register-tip { width: 520px; margin: 0 auto 20px; padding: 20px 70px; background: #f9f9f9; border-radius: 3px; text-align: center; line-height: 26px; }
/* �������� */
.about-box { width: 643px; padding: 15px 0 30px; margin-bottom: 10px; overflow: hidden; background: #fff; border-radius: 3px; border: 1px #eee solid; }
.about-box h1 { width: 613px; height: 20px; padding: 0 15px 0 10px; border-left: 5px #f90 solid; line-height: 20px; font-size: 18px; letter-spacing: 1px; margin-bottom: 30px; }
.about-box .about-content { width: 585px; font-size: 15px; line-height: 30px; word-break: break-all; word-wrap: break-word; margin: 0 auto; }
.about-menu { width: 298px; padding: 15px 0; border-radius: 3px; overflow: hidden; margin-bottom: 10px; background: #fff; border: 1px #eee solid; }
.about-menu h2 { width: 270px; height: 20px; padding: 0 15px 0 10px; border-left: 5px #f90 solid; line-height: 20px; font-weight: normal; font-size: 14px; letter-spacing: 1px; }
.about-menu h2 span { float: right; font-size: 12px; font-weight: normal; color: #ccc; }


.pages {
    padding: 20px 0 0px;
    text-align: center;
    overflow: hidden;
    clear: both;
    line-height: 30x;
}

.pages a, .pages li span {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 2px 10px;
    width: auto;
    border: 1px solid #E3E3E3;
    background: #fff;
    color: #333;
    text-align: center;
    font-size: 13px;
    zoom: 1;
    line-height: 30px;
}



.pages a[disabled]{ border:1px solid #ccc; background:#e4e4e4; color:#333; cursor:not-allowed; }
.pages a[disabled]:hover{ border:1px solid #ccc; background:#e4e4e4; color:#333; }

.pages .active span{
    background: #339900 ;
    color: #fff;
    text-decoration: none;
}

.pages li{
    margin: 0 5px;
    line-height: 30px;
}
.pages .pagination{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}


.pt0{
    padding-top: 0;
}
.hm_floor{
    display: flex;
    justify-content: start;
    width:100%;
    margin-bottom: 20px;
}
.hm_floor .lis_cla{
    margin:5px 0px 0px;
    background: white;
    padding: 10px 5px;
    border-bottom:1px solid #e7e7e7;
    font-size: 16px;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    width: 100%;
}

.hm_floor  .lis_cla .sel{
    padding: 5px 9px;
    font-size: 16px;
    line-height: 30px;
    color: #333;
}
.hm_floor .active{
    background: #339900;
    color: white !important;
}
.hm_floor .hover{
    color:#fff;

}
.hm_floor .all{
    display: block;
    width: 50px;
    font-size: 16px;
    height: 30px;
    text-align: center;
    margin-top: 17px;
    line-height: 30px;
    margin-left: 15px;
    flex-shrink: 0;
}


.entry-meta {
    font-size: 16px;
    clear: both;
    overflow: hidden;
    padding: 20px 0px;
}

.entry-meta ul {
    overflow: hidden;
}

.entry-meta ul li {
    display: flex;
    justify-content: start;
    line-height: 26px;
}

.entry-meta ul:first-child li:last-child a {
    width: 70%;
    display: block;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.entry-meta ul li a {
    display: block;
    width: 70%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    color: #333 !important;
}



.content {
    background: #fff;
    width: 585px;
    padding: 30px 29px 20px;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 3px;
    border: 1px #eee solid;
}

.content h1 {
    width: 585px;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
    height: 26px;
    line-height: 26px;
    letter-spacing: 1px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

.content .article-info {
    width: 585px;
    margin-bottom: 10px;
    line-height: 26px;
    overflow: hidden;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #999;
    text-align: center;
}

.content .article-info a {
    color: #999;
}

.content .article-info .space {
    padding: 0 5px;
}

.content .article-info .star {
    display: inline-block;
    height: 13px;
    background: url(../images/stars.png) 0 1px no-repeat;
}

.content .article-info .level1 {
    width: 16px;
}

.content .article-info .level2 {
    width: 36px;
}

.content .article-info .level3 {
    width: 55px;
}

.content .article-info .level4 {
    width: 73px;
}

.content .article-info .level5 {
    width: 90px;
}

.content .contents {
    width: 585px;
    font-size: 15px;
    line-height: 30px;
    word-break: break-all;
    word-wrap: break-word;
    border-top: 1px #ddd dashed;
    padding-top: 10px;
    margin-bottom: 10px;
}

.content .contents p {
    text-indent: 0;
    margin: 0 0 1em
}

.content .contents u {
    text-decoration: none;
}

.content .contents img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.content .contents a:active, .content .contents a:hover {
    text-decoration: underline;
    background: none;
    color: #3498db;
}

.content .contents blockquote {
    width: 520px;
    background: #f9f9f9;
    text-align: left;
    padding: 12px 20px;
    margin: 20px auto;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 12px;
    line-height: 20px;
    border-left: 3px solid #d0e5f2;
}

.content .vote {
    width: 570px;
    height: 77px;
    margin: 0 auto 50px;
    overflow: hidden;
}

.content .vote ul {
    width: 585px;
    list-style: none;
    overflow: hidden;
}

.content .vote li {
    float: left;
    width: 50px;
    height: 70px;
    margin: 0 15px 0 0;
}

.content .vote li .vote-box {
    border-radius: 5px;
    background: #eee;
    border-bottom: 1px solid #dbdbdb;
    cursor: pointer;
}

.content .vote li .vote-box:hover {
    background: #ffc900;
}


.relate {
    width: 615px;
    margin: 0 auto 15px;
    overflow: hidden;
}

.relate .relate-article {
    float: left;
    width: 300px;
    overflow: hidden;
    background: #f9f9f9;
}

.relate .relate-article ul {
    width: 270px;
    margin: 13px auto;
}

.relate .relate-article ul li {
    width: 270px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    overflow: hidden;
}

.relate .relate-article ul li a {
    color: #666;
}

.relate .relate-article ul li a:active, .relate .relate-article ul li a:hover {
    color: #3498db;
}

.relate .relate-google {
    float: right;
    width: 300px;
    height: 250px;
    overflow: hidden;
    background: #f9f9f9;
}


.frs{
    float: right !important;
    font-size: 14px !important;
    color: #999 !important;
    font-weight: normal !important;

}