@charset "utf-8";

/* battle 201704 */


/*pages*/

.pubpage {
    margin-top: 30px;
    position: relative;
    overflow: hidden
}

.pubpage .pubpagebtn {
    margin: 0 auto
}

.pubpagebtn span {
    border: 1px #5D8986 solid;
    height: 36px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
    line-height: 36px;
    float: left;
    list-style-type: none;
    display: block;
    background: #5D8986;
    color: #fff;
    margin-right: -1px
}

.pubpagebtn a {
    border: 1px #ccc solid;
    height: 36px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    line-height: 36px;
    background-color: #fff;
    color: #3e3e3e;
    display: block;
    margin-right: -1px;
    font-weight: normal;
}

.news-item {
    margin-top: 16px;
    list-style: none;
    position: relative;
}

.news-item-list,
.news-item-image {
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0;
}

.news-item-list {
    padding-left: 265px;
}

.news-item-list2 {
    padding-left: 0px;
}

.news-item-module .news-item-pic,
.news-item-text .news-item-pic,
.news-item-list .news-item-pic,
.news-item-image .news-item-pic,
.news-item-flex .news-item-pic,
.news-item-col .news-item-pic {
    display: block;
    position: relative;
    overflow: hidden;
}

.news-item-module .news-item-pic,
.news-item-list .news-item-pic {
    position: absolute;
    left: 0;
    top: 0;
}

.news-item-list .news-item-pic {
    top: 20px;
}

.news-item-module .news-item-pic .news-item-cover,
.news-item-text .news-item-pic .news-item-cover,
.news-item-list .news-item-pic .news-item-cover,
.news-item-image .news-item-pic .news-item-cover,
.news-item-flex .news-item-pic .news-item-cover,
.news-item-col .news-item-pic .news-item-cover {
    overflow: hidden;
}

.site-img-pend {
    background: #e0e0e0 url('/images/logo_w.png') no-repeat center;
    overflow: hidden;
}

.site-img-done {
    background: 0;
}

.effect-zoom {
    transition: all .5s ease;
}

.site-img-done img {
    visibility: visible;
}

.cl:after {
    content: '';
    display: block;
    clear: both;
}

.news-item-list .news-item-main {
    height: 150px;
    position: relative;
    padding-bottom: 22px
}

.news-item-list2 .news-item-main {
    height: auto;
}

.news-item-module .news-item-title,
.news-item-text .news-item-title,
.news-item-list .news-item-title,
.news-item-image .news-item-title,
.news-item-flex .news-item-title,
.news-item-col .news-item-title {
    font: 14px/24px 'Microsoft YaHei';
    text-align: justify;
    color: #333333;
    overflow: hidden;
}

.news-item-list .news-item-title,
.news-item-image .news-item-title {
    font: 16px/24px 'Microsoft YaHei';
}

.news-item-module .news-item-main .news-item-title,
.news-item-list .news-item-main .news-item-title,
.news-item-module .news-item-main .news-item-brief,
.news-item-list .news-item-main .news-item-brief {
    text-align: justify;
}

.news-item-module .news-item-main .news-item-title,
.news-item-list .news-item-main .news-item-title {
    max-height: 48px;
}

.news-item-module .news-item-main .news-item-brief,
.news-item-list .news-item-main .news-item-brief {
    height: 48px;
    /*margin-top: 12px;*/
    font: 14px/24px '宋体';
    color: #666;
    overflow: hidden;
}

a.link-text {
    color: #5D8986
}

.news-item-module .news-item-main .news-item-attr,
.news-item-list .news-item-main .news-item-attr {
    position: absolute;
    left: 0;
    bottom: 0;
}

.news-item-module .news-item-attr a,
.news-item-text .news-item-attr a,
.news-item-list .news-item-attr a,
.news-item-image .news-item-attr a,
.news-item-flex .news-item-attr a,
.news-item-col .news-item-attr a {
    color: #999999;
}

.news-item-module .news-item-attr .news-item-card,
.news-item-text .news-item-attr .news-item-card,
.news-item-list .news-item-attr .news-item-card,
.news-item-image .news-item-attr .news-item-card,
.news-item-flex .news-item-attr .news-item-card,
.news-item-col .news-item-attr .news-item-card,
.news-item-module .news-item-attr .news-item-column,
.news-item-text .news-item-attr .news-item-column,
.news-item-list .news-item-attr .news-item-column,
.news-item-image .news-item-attr .news-item-column,
.news-item-flex .news-item-attr .news-item-column,
.news-item-col .news-item-attr .news-item-column,
.news-item-module .news-item-attr .news-item-view,
.news-item-text .news-item-attr .news-item-view,
.news-item-list .news-item-attr .news-item-view,
.news-item-image .news-item-attr .news-item-view,
.news-item-flex .news-item-attr .news-item-view,
.news-item-col .news-item-attr .news-item-view,
.news-item-module .news-item-attr .news-item-tags,
.news-item-text .news-item-attr .news-item-tags,
.news-item-list .news-item-attr .news-item-tags,
.news-item-image .news-item-attr .news-item-tags,
.news-item-flex .news-item-attr .news-item-tags,
.news-item-col .news-item-attr .news-item-tags {
    float: left;
}

.news-item-module .news-item-attr .news-item-card,
.news-item-text .news-item-attr .news-item-card,
.news-item-list .news-item-attr .news-item-card,
.news-item-image .news-item-attr .news-item-card,
.news-item-flex .news-item-attr .news-item-card,
.news-item-col .news-item-attr .news-item-card,
.news-item-module .news-item-attr .news-item-column,
.news-item-text .news-item-attr .news-item-column,
.news-item-list .news-item-attr .news-item-column,
.news-item-image .news-item-attr .news-item-column,
.news-item-flex .news-item-attr .news-item-column,
.news-item-col .news-item-attr .news-item-column,
.news-item-module .news-item-attr .news-item-view,
.news-item-text .news-item-attr .news-item-view,
.news-item-list .news-item-attr .news-item-view,
.news-item-image .news-item-attr .news-item-view,
.news-item-flex .news-item-attr .news-item-view,
.news-item-col .news-item-attr .news-item-view,
.news-item-list .news-item-attr .news-item-favorite,
.news-item-list .news-item-attr .news-item-date,
.news-item-list .news-item-attr .news-item-zan {
    margin-right: 10px;
}

.news-item-module .news-item-attr .news-item-view,
.news-item-text .news-item-attr .news-item-view,
.news-item-list .news-item-attr .news-item-view,
.news-item-image .news-item-attr .news-item-view,
.news-item-flex .news-item-attr .news-item-view,
.news-item-col .news-item-attr .news-item-view {
    padding-left: 23px;
    background: url(/images/icon-eye.png) no-repeat 0 50%;
}

.news-item-module .news-item-attr .news-item-tags,
.news-item-text .news-item-attr .news-item-tags,
.news-item-list .news-item-attr .news-item-tags,
.news-item-image .news-item-attr .news-item-tags,
.news-item-flex .news-item-attr .news-item-tags,
.news-item-col .news-item-attr .news-item-tags {
    padding-left: 15px;
    background: url(/images/icon-tag.png) no-repeat 0 50%;
}

.news-item-list .news-item-attr .news-item-date {
    padding-left: 20px;
    background: url(/images/icon-date.png) no-repeat 0 50%;
}

.news-item-list .news-item-attr .news-item-favorite {
    padding-left: 20px;
    background: url(/images/icon-shoucang2.png) no-repeat 0 50%;
}

.news-item-list .news-item-attr .news-item-zan {
    padding-left: 20px;
    background: url(/images/icon-zan2.png) no-repeat 0 50%;
}

.news-item-module .news-item-attr,
.news-item-text .news-item-attr,
.news-item-list .news-item-attr,
.news-item-image .news-item-attr,
.news-item-flex .news-item-attr,
.news-item-col .news-item-attr {
    display: block;
    width: 100%;
    height: 22px;
    font: 14px/22px 'Microsoft YaHei';
    color: #999;
}

.news-item-module .news-item-attr .news-item-tags a:first-child,
.news-item-text .news-item-attr .news-item-tags a:first-child,
.news-item-list .news-item-attr .news-item-tags a:first-child,
.news-item-image .news-item-attr .news-item-tags a:first-child,
.news-item-flex .news-item-attr .news-item-tags a:first-child,
.news-item-col .news-item-attr .news-item-tags a:first-child {
    padding-left: 5px;
    background: none;
}

.news-item-module .news-item-attr .news-item-tags a,
.news-item-text .news-item-attr .news-item-tags a,
.news-item-list .news-item-attr .news-item-tags a,
.news-item-image .news-item-attr .news-item-tags a,
.news-item-flex .news-item-attr .news-item-tags a,
.news-item-col .news-item-attr .news-item-tags a {
    padding-left: 13px;
    background: url(/images/icon-dou.png) no-repeat 5px 75%;
}


/*详情*/

.page-title {
    margin: 16px 0;
    font: 28px/36px 'Microsoft YaHei';
    text-align: justify;
    color: #333333;
}

.info-bar {
    height: 26px;
    margin: 0;
    font: 14px/26px '宋体';
    color: #999999;
    overflow: hidden
}

.content-box {
    margin-top: 30px;
    font: 14px/30px '宋体';
    text-align: justify;
    overflow: hidden
}

.index-w1000 .info-bar .part-author,
.index-w1000 .info-bar .part-time,
.index-w1000 .info-bar .information-number,
.index-w1000 .info-bar .part-tag {
    margin-right: 20px;
}

.index-w1000 .info-bar .information-number {
    background: url(/images/icon-eye.png) no-repeat 0 50%;
}

.index-w1000 .info-bar .part-comment {
    background: url(/images/icon-comment.png) no-repeat 0 50%;
}

.index-w1000 .info-bar .part-zan {
    background: url(/images/icon-zan2.png) no-repeat 0 50%;
}

.index-w1000 .info-bar .part-tag {
    background: url(/images/icon-tag.png) no-repeat 0 50%;
}

.information-number {
    display: inline-block;
    position: relative;
    padding-left: 21px;
}

.index-w1000 .article-control {
    padding: 50px 0 20px 0;
    text-align: center;
}

.index-w1000 .article-control div {
    display: inline-block;
}

.article-control a {
    display: inline-block;
    margin: 0 32px;
    height: 48px;
    padding: 0 28px 0 60px;
    border: 1px solid #0199ed;
    font: 16px/48px 'Microsoft YaHei';
    color: #9b9b9b;
    position: relative;
    cursor: pointer;
}

.article-control a:before {
    display: inline-block;
    content: ' ';
    width: 22px;
    height: 22px;
    margin: -11px 0 0 -32px;
    position: absolute;
    left: 50%;
    top: 50%;
}

.index-w1000 .article-control .zan,
.index-w1000 .article-control .unzan,
.index-w1000 .article-control .fav,
.index-w1000 .article-control .unfav {
    width: 190px;
    height: 42px;
    margin: 0 17px;
    border: 1px solid #8EACAA;
    border-radius: 9999px;
    font: 16px/42px 'Microsoft YaHei';
    color: #8EACAA;
}

.index-w1000 .article-control .zan:hover,
.index-w1000 .article-control .unzan,
.index-w1000 .article-control .fav:hover,
.index-w1000 .article-control .unfav {
    background: #5D8986;
    color: #fff
}

.index-w1000 .article-control .zan:before,
.index-w1000 .article-control .unzan:before,
.index-w1000 .article-control .fav:before,
.index-w1000 .article-control .unfav:before {
    margin: -12px 0 0 -32px;
}

.index-w1000 .article-control .zan:before {
    background: url(/images/icon-zan.png) no-repeat 50%;
}

.article-control a.zan:hover:before,
.article-control a.unzan:hover:before {
    background: url(/images/icon-unzan.png) no-repeat 50% 50%
}

.article-control a.unzan:before {
    background: url(/images/icon-unzan.png) no-repeat 50% 50%
}

.index-w1000 .article-control .fav:before {
    background: url(/images/icon-fav.png) no-repeat 50%
}

.index-w1000 .article-control .unfav:before {
    background: url(/images/icon-unfav.png) no-repeat 50%
}

.article-control a.fav:hover:before,
.article-control a.unfav:hover:before {
    background: url(/images/icon-unfav.png) no-repeat 50% 50%
}


/*教师列表*/

.img-list,
.img-list-four {
    width: auto;
    overflow: hidden
}

.img-list li {
    width: 20%;
    margin-top: 0;
    margin-bottom: 25px
}

.img-list .info_pic {
    width: auto;
    height: 120px;
    text-align: center
}

.img-list .info_pic img {
    width: 120px;
    height: 120px;
    border-radius: 50%
}

.img-list .info_item {
    height: auto;
    line-height: 24px;
    text-align: center;
    width: auto
}


.img-list .info_item p {
    overflow: hidden;
    height: auto/* white-space: nowrap;    text-overflow: ellipsis;*/
}


.img-list-four li {
    width: 25%;
    margin-top: 0;
    margin-bottom: 25px
}

.img-list-four .info_pic {
    width: 200px;
    height: 120px;
    position: relative
}

.img-list-four .info_pic img {
    width: 200px;
    height: 120px
}

.img-list-four .pic_tag {
    display: inline-block;
    background: #FF8500;
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 5px;
    color: #fff;
    font-size: 12px;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 1;
    z-index: 1
}

.img-list-four .info_item {
    text-align: center;
    line-height: 30px;
    width: 200px;
    height: 30px;
    padding-top: 10px
}

.huodong-list li {
    width: 50%;
    margin-top: 0px;
    margin-bottom: 25px;
}

.huodong-list .info_pic {
    margin-right: 15px;
    width: 160px;
    height: 120px;
}

.huodong-list .info_item {
    padding-right: 20px;
    width: 200px;
    height: auto;
    line-height: 24px;
    float: left;
    text-align: left
}

.huodong-list .info_pic img {
    width: 160px;
    height: 120px;
    border-radius: 0
}

.huodong-list .info_item .info_name {
    height: 48px;
    overflow: hidden;
}

.huodong-list .info_item p {
    overflow: hidden;
    height: 70px;
}

.author-info {
    padding-bottom: 10px;
    position: relative;
}

.author-avatar {
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    background: url(/images/avatar.png) center no-repeat;
    background-size: 100%
}

.author-avatar:before {
    content: '';
    position: absolute;
    top: 0;
    left: -64px;
    width: 60px;
    height: 100%;
    background-image: linear-gradient(0, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    transform: skewx(-25deg);
    pointer-events: none;
    z-index: 99999;
}

.author-avatar:hover:before {
    transition: all .5s ease;
    left: 164px
}

.author-avatar img {
    position: relative;
}

.author-name-ln {
    height: auto;
    text-align: center
}

.author-name-ln a.edit {
    background: #ff7300;
    color: #fff;
    border: none;
    border-radius: 2px;
    display: inline-block;
    padding: 0 10px
}

.author-name-ln a.edit:hover {
    background: #FC9524
}

a.author-name {
    display: block;
    padding-top: 6px;
    font: 16px/2 'Microsoft YaHei', Arial;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #0199ED;
    overflow: hidden;
}

.author-title {
    margin-top: 10px;
    padding: 4px 8px;
    color: #ed6639;
    border: solid 1px #ed6639;
    border-radius: 9999px;
    height: 22px;
    line-height: 20px;
    cursor: default;
    position: relative;
    overflow: hidden;
}

.author-intro {
    margin-top: 10px;
    line-height: 1.8;
    color: #999999;
    text-align: justify;
    word-break: break-all;
}


/*评论*/

.n_right_list {
    width: auto;
}