/*
Theme Name: Z1801
Theme URI: https://wordpress.org/themes/
Author: Z1801
Author URI: https://wordpress.org/
Description: 
Version: 1.0

Text Domain: Z1801
*/

body {
    padding: 0;
    margin: 0;
    background-color: #f7f8fa;

    font-family: "Microsoft YaHei" !important;
}

a,
a:hover,
a:link,
a:active {
    text-decoration: none;
    color: inherit;
}

input[type=text]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=number]::-ms-clear,
input[type=text]::-webkit-clear-button,
input[type=tel]::-webkit-clear-button,
input[type=number]::-webkit-clear-button {
    display: none;
}

::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

input {
    border: none;
    /* 去除选中边框 */
    outline: none;
    /* 去除内置样式 */
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}

.clear {
    clear: both;
}

/* 按钮公共样式 */
.button {
    cursor: pointer;
}

/* 顶部条状区域背景 */
.top-bg {
    background-color: #595757;
    width: 100%;
    height: 67px;
    line-height: 67px;

    vertical-align: middle;
}

.top {
    width: 1280px;
    height: 67px;
    line-height: 67px;
    margin: 0 auto;
}

.site-logo {
    width: 45px;
    height: 45px;
    float: left;
    margin-top: 7px;
    background: url(images/common/logo.png) no-repeat center center;
}

.site-title {
    font-size: 18px;
    color: #fff;
    float: left;
    margin-left: 15px;
}

/* 顶部banner图片面板 */
.top-banner-panel {
    width: 100%;
    height: 374px;

    position: relative;
    overflow: hidden;

    /*background: url(images/common/organization_banner.png) no-repeat center center;*/
    /*background-color: #efefef;*/
}

.top-banner-panel .organization-name {
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    top: 90px;

    color: #3d94db;
    font-size: 51px;
    text-align: center;
    letter-spacing: 12px;
}

.top-menu-bg {
    width: 100%;
    height: 60px;
    line-height: 60px;
    /*background-color: rgba(0, 0, 0, 0.3);*/
    background: #64b0e2;
}

.top-menu {
    width: 1180px;
    height: 60px;
    margin: 0 auto;
    padding: 0 50px 0 50px;
    color: #fff;
    position: relative;
}

.top-menu .button {
    width: 35px;
    height: 35px;
    background-position-x: 0px;
    overflow: hidden;
    float: left;
    margin: 12px 15px 0 0;
}

.top-menu .button.home {
    background-image: url(images/common/home_button.png);
}

.top-menu .button.teacher-list {
    background-image: url(images/common/list_button.png);
}

.top-menu .button.home:hover,
.top-menu .button.teacher-list:hover {
    background-position-x: -35px;
}

.top-menu .button.home.selected,
.top-menu .button.teacher-list.selected {
    background-position-x: -70px;
}

.top-menu .button.login-user {
    float: right;
    margin-top: 25px;
    margin-left: 17px;
}

.top-menu .button.login,
.top-menu .button.logout {
    float: right;
    overflow: visible;
    margin: 24px 0 0 17px;
    position: relative;
    color: #000;
    text-decoration: none;
}

.top-menu .avator {
    width: 30px;
    height: 30px;
    float: right;
    margin-top: 9px;
}

.top-menu .avator img {
    border-radius: 50%;
}

.search-panel-bg {
    width: 100%;
    height: 132px;
    line-height: 132px;
    background-color: #ebecec;
    overflow: hidden;
    /*padding-top: 33px;*/
    position: relative;
}

.search-panel-bg .shadow {
    width: 100%;
    height: 25px;
    left: 0px;
    bottom: -25px;
    position: absolute;
    background: url(images/common/site_menu_panel_bg.png) repeat-x;
}

/* 搜索面板 */
.search-panel {
    width: 697px;
    height: 38px;
    margin: 0 auto;
    position: relative;
}

/* 搜索录入框 */
.search-bar {
    width: 499px;
    height: 36px;

    background-color: #fff;

    border: 1px solid #7c7c7c;
    /*border-right: none;*/

    float: left;

    position: relative;
}

.search-bar.selected {
    background-position-x: -500px;
}

.search-box {
    width: 435px;
    height: 18px;
    line-height: 18px;
    background-color: transparent;

    font-size: 14px;
    color: #3f3f3f;

    position: absolute;
    left: 16px;
    top: 10px;
}

/* 搜索按钮 */
.search-btn {
    border: none;
    width: 100px;
    height: 38px;

    background: url(images/common/search_button.png) no-repeat 0 0;

    float: left;
    margin-left: 2px;
}

/* 搜索按钮（划过） */
.search-btn:hover {
    background-position-x: -100px;
}

/* 搜索按钮（选中） */
.search-btn.selected {
    background-position-x: -100px;
}

/* 标签按钮 */
.search-tag-btn {
    border: none;
    width: 38px;
    height: 38px;
    float: left;
    margin-right: 55px;

    background: url(images/common/cats_button.png) no-repeat 0 0;
}

/* 标签按钮(滑过) */
.search-tag-btn:hover {
    /*background-position-x: -38px;*/
}

/* 标签按钮(选中) */
.search-tag-btn.selected {
    /*background-position-x: -76px;*/
}

.site-menu-panel-bg {
    width: 100%;
    height: 203px;
    /*background: url(images/common/site_menu_panel_bg.png) center top;*/
    /*background-repeat: repeat-x;*/
    background-color: #cacfd4;
}

.case-menu-panel-bg {
    width: 100%;
    height: 72px;
    /*background: url(images/common/site_menu_panel_bg.png) center top;*/
    /*background-repeat: repeat-x;*/
    background-color: #6c747f;
    overflow: hidden;
    position: relative;

    color: #f2f4f4;
}

.case-menu-panel-bg span {
    height: 72px;
    line-height: 72px;
    display: block;
    float: left;
    font-size: 14px;
}

.case-menu-panel-bg span:first-child {
    line-height: 72px;
    font-size: 16px;
}

.case-menu-panel-bg:before {
    content: "";
    width: 100%;
    height: 25px;
    left: 0px;
    top: 0px;
    position: absolute;
    background: url(images/common/site_menu_panel_bg.png) repeat-x;
}

.site-menu-panel {
    width: 882px;
    height: 132px;
    margin: 0 auto;
    padding: 0 94px 0 160px;
}

.site-menu-panel .menu-item {
    width: 42px;
    height: 42px;

    float: left;
    margin-top: 30px;
    margin-right: 66px;

    cursor: pointer;
    position: relative;
}

.site-menu-panel .menu-item.map {
    background: url(images/common/site_menu_map.png) no-repeat;
}

.site-menu-panel .menu-item.map:after {
    content: "地图";
    position: absolute;
    width: 42px;
    height: 14px;
    line-height: 16px;
    text-align: center;
    bottom: -24px;
    color: #4b585e;
}

.site-menu-panel .menu-item.resource {
    background: url(images/common/site_menu_post.png) no-repeat;
}

.site-menu-panel .menu-item.resource:after {
    content: "资源";
    position: absolute;
    width: 42px;
    height: 14px;
    line-height: 16px;
    text-align: center;
    bottom: -24px;
    color: #4b585e;
}

.site-menu-panel .menu-item.category {
    background: url(images/common/site_menu_category.png) no-repeat;
}

.site-menu-panel .menu-item.category:after {
    content: "主题";
    position: absolute;
    width: 42px;
    height: 14px;
    line-height: 16px;
    text-align: center;
    bottom: -24px;
    color: #4b585e;
}

.site-menu-panel .menu-item.monitor {
    background: url(images/common/site_menu_monitor.png) no-repeat;
}

.site-menu-panel .menu-item.monitor:after {
    content: "活动";
    position: absolute;
    width: 42px;
    height: 14px;
    line-height: 16px;
    text-align: center;
    bottom: -24px;
    color: #4b585e;
}

.site-menu-panel .menu-item.figure {
    background: url(images/common/site_menu_figure.png) no-repeat;
}

.site-menu-panel .menu-item.figure:after {
    content: "人物";
    position: absolute;
    width: 42px;
    height: 14px;
    line-height: 16px;
    text-align: center;
    bottom: -24px;
    color: #4b585e;
}

.site-menu-panel .menu-item:hover {
    background-position-x: -42px;
}

.site-menu-panel .menu-item.selected {
    background-position-x: -84px;
    border-radius: 50%;
    background-color: #e9fbff;
}

.site-menu-panel .menu-item.disabled {
    background-position-x: 0px;
    cursor: default;
}

.site-menu-panel .menu-item.selected:after {
    color: #222a2d;
}

.site-menu-panel .menu-separator {
    height: 56px;
    width: 1px;
    border-right: 1px dotted #68809a;
    float: left;
    margin-top: 34px;
    margin-right: 66px;
}

/* 底部区域 */
.site-footer {
    width: 100%;
    padding-top: 64px;
    height: 205px;
    overflow: hidden;
    /*background: url("images/common/bottom_shadow.png") top center no-repeat;*/
    background-color: #c3ced4;
}

.site-footer.is-home {
    height: 613px;
    background-color: #edeeee;
}

.out-site-panel-bg {
    width: 100%;
    overflow: hidden;
    background-color: #e2e7e8;
}

.out-site-panel {
    width: 976px;
    overflow: hidden;
    padding-top: 64px;
    margin: 0 auto;
    background: url(images/common/out_side_shadow.png) top center no-repeat;
}

.out-site-panel .site-item {
    height: 41px;
    width: 244px;
    float: left;
    font-size: 14px;

    color: #3c95bd;
}

.out-site-panel .site-item:hover {
    color: #125466;
}

.school-site-panel-bg {
    width: 100%;
    min-height: 123px;
    overflow: hidden;
    background-color: #dcf7ff;
}

.school-site-panel {
    width: 976px;
    min-height: 123px;
    overflow: hidden;
    margin: 0 auto;
    padding: 37px 64px 0 64px;
    border-top: 1px dashed #3c95bd;
}

.school-site-panel .school-item {
    height: 41px;
    width: 244px;
    float: left;
    font-size: 14px;

    color: #3c95bd;
}

.school-site-panel .school-item:hover {
    color: #125466;
}

.contact-info {
    width: 1280px;
    height: 18px;
    font-size: 18px;
    color: #596469;

    margin: 16px auto 0 auto;
    text-align: center;
}

.copyright {
    /* Font */
    font-size: 14px;
    color: #596469;

    width: 1047px;

    text-align: center;
    margin: 48px auto 0 auto;
    padding-top: 27px;

    border-top: 1px dashed #3e3a39;
}

.site-footer.is-home .copyright {
    margin: 248px auto 0 auto;
}

.site-content {
    width: 100%;
    min-height: 200px;

    position: relative;

    overflow: hidden;
}

.site-content:before {
    content: "";
    width: 100%;
    height: 25px;
    left: 0px;
    top: 0px;
    position: absolute;
    background: url(images/common/site_menu_panel_bg.png) repeat-x;
}

.inner-content {
    width: 100%;

    min-height: 200px;
    margin: 0 auto;

    overflow: hidden;
}

.back-to-top {
    width: 32px;
    height: 30px;

    /*background: url('images/common/go_to_top.png');*/
}

/* 回到顶部按钮 */
.back-to-top-button {
    position: fixed;
    width: 32px;
    height: 30px;
    background: url(images/common/back_to_top_btn.png) no-repeat 0 0;
    right: 13%;
    bottom: 45px;
    display: none;
}

.back-to-top-button:hover {
    background-position-x: -32px;
}

/* 导航与控制面板 */
.nav-and-control-panel-bg {
    width: 100%;
    height: 110px;

    border-bottom: 1px dashed #87949a;
    background: url("images/common/site_menu_panel_bg.png") top center repeat-x;
}

.nav-and-control-panel-bg.search {
    height: 70px;
    padding-top: 30px;
}

.nav-and-control-panel {
    width: 1180px;
    height: 110px;

    padding: 0 50px 0 50px;

    margin: 0 auto;
}

/* //////// 教师列表start //////// */
/* 教师列表主区域 */
.teacher-list-content {
    width: 1180px;
    min-height: 200px;
    margin: 0 auto;
    padding: 0 50px 0 50px;
    overflow: hidden;

    font-size: 16px;
    color: #4a575d;
}

/* 教师列表总归档信息 */
.nav-and-control-panel.teacher-list .current-archive-info {
    width: 1180px;
    height: 18px;
    line-height: 18px;
    margin-top: 24px;
}

/* 教师列表归档按钮 */
.nav-and-control-panel.teacher-list .archive-btn {
    width: 100px;
    height: 28px;
    background-repeat: no-repeat;
    background-position-x: -100px;

    float: left;
    margin-right: 16px;
    margin-top: 16px;
}

.nav-and-control-panel.teacher-list .archive-btn.title {
    background-image: url('images/common/title_archive_btn.png');
}

.nav-and-control-panel.teacher-list .archive-btn.major {
    background-image: url('images/common/major_archive_btn.png');
}

.nav-and-control-panel.teacher-list .archive-btn.title.selected,
.nav-and-control-panel.teacher-list .archive-btn.major.selected {
    background-position-x: -200px;
}

.nav-and-control-panel.teacher-list .archive-btn.title:hover,
.nav-and-control-panel.teacher-list .archive-btn.major:hover {
    background-position-x: 0px;
}

/* 教师列表 - 单个分组 */
.teacher-list-content .teacher-list {
    width: 1180px;
    min-height: 228px;
    margin: 0 auto;

    border-bottom: 1px dashed #87949a;
}

.teacher-list-content .teacher-list:last-child {
    border-bottom: none;
    margin-bottom: 100px;
}

/* 教师列表 - 单个分组 分组信息 */
.teacher-list-content .teacher-list .archive-info {
    width: 1230px;
    height: 18px;
    line-height: 18px;
    margin-top: 27px;
}

/* 教师列表 - 单个分组 分组结果 */
.teacher-list-content .teacher-list .archive-content {
    width: 1230px;
    min-height: 110px;
    overflow: hidden;
    margin-top: 29px;
}

/* 教师列表 - 单个信息 */
.teacher-list-content .teacher-info {
    width: 280px;
    height: 110px;

    border: 1px solid #d1d1d1;
    background-color: #ffffff;

    float: left;
    margin-right: 20px;
    margin-bottom: 32px;

    position: relative;
}

/* 教师列表 - 单个信息:划过 */
.teacher-list-content .teacher-info:hover {
    background-color: #f2f2f2;
}

/* 教师列表 - 单个信息 教师(名称,职务) */
.teacher-list-content .teacher-info .teacher {
    width: 160px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    left: 114px;
    top: 19px;
}

.teacher-list-content .teacher-info .teacher .name {
    font-size: 16px;
    color: #000000;

    float: left;
}

.teacher-list-content .teacher-info .teacher .title {
    font-size: 14px;
    color: #ababab;
    font-family: "SimSun" !important;

    float: left;
    margin-left: 8px;
}

/* 教师列表 - 单个信息 研究方向 */
.teacher-list-content .teacher-info .research {
    font-size: 14px;
    color: #494949;

    width: 160px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    left: 114px;
    top: 50px;
}

/* 教师列表 - 单个信息 研究方向2 */
.teacher-list-content .teacher-info .research2 {
    font-size: 14px;
    color: #959595;
    font-family: "SimSun" !important;

    width: 160px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    left: 114px;
    top: 76px;
}

/* 教师列表 - 单个信息 头像 */
.teacher-list-content .teacher-info .avator {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 17px;
    top: 13px;
}

.teacher-list-content .teacher-info .avator img {
    border-radius: 50%;
}

/* //////// 教师列表end //////// */

/* //////// 瀑布流start //////// */
.waterfall-content {
    width: 1172px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 54px 130px 54px;
}

.waterfall-column {
    width: 250px;
    min-height: 200px;

    float: left;
    margin-left: 34px;
    margin-top: 85px;
}

.waterfall-loading-panel {
    /* 文字 */
    font-size: 25px;
    color: #8292a5;
    width: 1278px;
    height: 30px;
    line-height: 30px;
    clear: both;
    margin: 42px auto 43px auto;
    text-align: center;
    display: none;
}

.post-preview {
    width: 250px;
    min-height: 200px;
    background-color: #ffffff;
    margin-bottom: 20px;
    border: 1px solid #626363;
    padding: 0 0 0 0;
    overflow: hidden;

    font-size: 16px;
    position: relative;
}

.post-preview:last-child {
    margin-bottom: 0;
}

.post-preview .thumb {
    width: 240px;
    padding: 5px;
    overflow: hidden;
}

.post-preview .thumb img {
    border: 1px solid #cecece;
}

/* 作品标题 */
.post-preview .title {
    width: 237px;
    height: 50px;

    font-size: 14px;
    color: #928072;
    font-family: "SimSun" !important;
    line-height: 46px;
    padding-left: 13px;
}

.post-preview .title.more {
    line-height: 20px;
}

/* 作品细节 */
.post-preview .details {
    width: 250px;
    height: 119px;

    border-top: 1px solid #d8d8d8;

    position: relative;
}

.post-preview .details:hover {
    background-color: #f4f4f4;
}

/* 作者 (姓名,头衔)*/
.post-preview .details .author {
    position: absolute;
    left: 13px;
    top: 18px;

    height: 16px;
    width: 167px;
    line-height: 16px;
}

.post-preview .details .author .name {
    font-size: 16px;
    color: #34444c;
    float: left;
}

.post-preview .details .author .title {
    font-size: 12px;
    color: #a0a0a0;
    float: left;
    margin-left: 6px;
    height: 16px;
    line-height: 16px;
    width: 100px;
}

/* 作品日期 */
.post-preview .details .date {
    font-size: 12px;
    color: #a7b7c1;

    position: absolute;
    left: 13px;
    top: 72px;
    width: 167px;
    height: 14px;
    line-height: 14px;
}

.post-preview .details .like {
    width: 14px;
    height: 12px;
    background: url(images/common/like_icon.png) center center no-repeat;
    position: absolute;
    top: 71px;
    left: 180px;
    text-indent: 18px;
    line-height: 15px;
    font-size: 12px;
    color: #808080;
}

.post-preview .details .second-line {
    position: absolute;
    left: 13px;
    top: 50px;
    width: 220px;
    height: 14px;
    line-height: 14px;
}

.post-preview .details .school {
    font-size: 12px;
    color: #8090a2;

    width: auto;
    height: 14px;

    float: left;
}

.post-preview .details .class-and-grade {
    font-size: 12px;
    color: #adadad;

    width: auto;
    height: 14px;

    float: left;
}

/* 作者头像 */
.post-preview .details .author-avator {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 13px;
    top: 18px;
}

.post-preview .details .author-avator img {
    border-radius: 50%;
}

/* //////// 瀑布流end //////// */

/* //////// 最终页start //////// */
.post-content {
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    padding: 57px 50px 187px 50px;
}

.post-main-panel {
    float: left;
    overflow: hidden;

    border: 1px solid #8c8c8c;

    width: 798px;
    min-height: 400px;
    background-color: #fff;
}

.post-main-panel .content {
    width: 718px;
    min-height: 300px;
    overflow: hidden;

    padding: 28px 40px 28px 40px;
}

.post-main-panel .content .post-text {
    width: 716px;
    font-size: 16px;
    color: #596469;
    line-height: 32px;
}

.post-main-panel .content .wp-caption-text {
    font-size: 14px;
    color: #596469;
    text-indent: 0;
    text-align: center;
    padding: 0;
    margin: 0;
    height: 14px;
    line-height: 14px;
    font-family: "SimSun" !important;
}

.post-content .post-tag-panel {
    border: 1px solid #8c8c8c;
    width: 728px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #036eb4;
    padding: 0 22px 0 46px;
    float: left;
    margin-bottom: 12px;

    background: url('images/common/tag_pic.png') no-repeat 21px 14px;
    background-color: #fff;
}

.post-content .post-tag-panel .tag {
    float: left;
}

.post-content .post-tag-panel .separator {
    float: left;
    margin: 0 8px 0 8px;
}

.post-main-panel .footnote {
    width: 718px;
    height: 100px;
    background: url(images/common/footnote_bg.png) repeat-x 0 0;
    padding: 0 40px 0 40px;
    overflow: hidden;
    position: relative;
}

.post-main-panel .footnote .post-title {
    margin-top: 20px;
    font-size: 26px;
    color: #5a83af;
    height: 27px;
    line-height: 27px;
    font-weight: bolder;
}

.post-main-panel .footnote .post-date {
    font-size: 14px;
    color: #69767c;
    height: 16px;
    line-height: 16px;
    margin-top: 15px;
}

.post-main-panel .footnote.top {
    background-position-y: 99px;
}

.nav-and-control-panel.single-post .navigation-button-group {
    width: 79px;
    height: 35px;
    float: right;
    margin-right: 0px;
    margin-top: 54px;
    position: relative;
}

.nav-and-control-panel.single-post .navigation-button-group .prev-post {
    width: 24px;
    height: 24px;
    position: absolute;
    top: -17px;
    background: url(images/common/prev_btn.png) no-repeat 0 0;
}

.nav-and-control-panel.single-post .navigation-button-group .next-post {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 41px;
    top: -17px;
    background: url(images/common/next_btn.png) no-repeat 0 0;
}

.nav-and-control-panel.single-post .navigation-button-group .prev-post.disabled,
.nav-and-control-panel.single-post .navigation-button-group .next-post.disabled {
    background-position-x: -24px;
}

/* //////// 最终页end //////// */

/* //////// 搜索页start //////// */
/* 搜索结果页面 - 归档按钮  */
.nav-and-control-panel.search-result {
    width: 1146px;
    padding: 0 67px 0 67px;
}

.search-result-panel .archive-btn {
    height: 44px;
    line-height: 44px;
    background-repeat: no-repeat;
    background-position-x: -100px;

    float: left;
    margin-right: 28px;
    font-size: 15px;
    color: #727171;
    position: relative;
}

.search-result-panel .archive-btn:first-child:before {
    width: 2px;
    height: 16px;
    border-left: none;
    content: "";
    position: absolute;
    top: 14px;
    left: -14px;
}

.search-result-panel .archive-btn:before {
    width: 2px;
    height: 16px;
    border-left: 1px solid #778697;
    content: "";
    position: absolute;
    top: 14px;
    left: -14px;
}

.search-result-panel .archive-btn-ended {
    width: 2px;
    height: 16px;
    border-right: 1px solid #778697;
    margin-top: 14px;
    margin-left: -20px;
    float: left;
}

.search-result-panel .archive-btn.selected {
    color: #19918e;
}

/* 搜索结果页面 - 显示类型按钮  */
.nav-and-control-panel.search-result .display-type-btn {
    float: left;
    margin-top: 40px;

    background-repeat: no-repeat;
    width: 40px;
    height: 38px;
    cursor: pointer;
}

.nav-and-control-panel.search-result .display-type-btn.dotted {
    background-image: url('images/common/dotted_type_btn.png');
}

.nav-and-control-panel.search-result .display-type-btn.archive {
    background-image: url('images/common/archive_type_btn.png');
}

.nav-and-control-panel.search-result .display-type-btn.dotted.selected,
.nav-and-control-panel.search-result .display-type-btn.archive.selected {
    background-position-x: -40px;
}

/*.nav-and-control-panel.search-result .display-type-btn.dotted:hover,*/
/*.nav-and-control-panel.search-result .display-type-btn.archive:hover {*/
/*background-position-x: 0px;*/
/*}*/

.search-result-panel {
    width: 1146px;
    height: 44px;

    padding: 0 67px 0 67px;

    margin: 0 auto;
}

.nav-and-control-panel.search-result {
    height: 70px;
}

/* 搜索结果面板 - 搜索结果文字 */
.nav-and-control-panel.search-result .text-result {
    height: 70px;
    line-height: 70px;
    font-size: 16px;
    color: #727171;
    float: left;
}

/* 搜索结果面板 - 排序按钮 */
.search-result-panel .order-by-btn {
    width: 50px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    float: right;
    margin-left: 18px;
    margin-top: 14px;
    font-size: 15px;
    color: #727171;
    position: relative;
}

.search-result-panel .order-by-btn.selected {
    color: #19918e;
}

.search-result-panel .order-by-btn.selected:before {
    content: "";
    width: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #19918e transparent transparent transparent;
    position: absolute;
    left: -8px;
    top: 8px;
}

/*.search-result-panel .order-by-btn.alphabetical {*/
/*background-image: url('images/common/alphabetical_order_btn.png');*/
/*}*/

/*.search-result-panel .order-by-btn.date {*/
/*background-image: url('images/common/date_order_btn.png');*/
/*}*/

/*.search-result-panel .order-by-btn.alphabetical.selected,*/
/*.search-result-panel .order-by-btn.date.selected {*/
/*background-position-x: -50px;*/
/*}*/

.search-result-content {
    width: 1244px;
    margin: 0 auto;
    padding: 0 17px 130px 17px;
    overflow: hidden;
}

/* 点状搜索结果 */
.post-dotted-item {
    width: 252px;
    height: 249px;
    float: left;
    margin: 35px 0 0 47px;
    overflow: hidden;
}

/* 点状搜索结果图片 */
.post-dotted-picture {
    width: 240px;
    height: 207px;
    background-color: #fff;
    border: 1px solid #b7b7b7;
    padding: 5px 5px 0 5px;
    overflow: hidden;
}

.post-dotted-picture .img-holder {
    width: 240px;
    height: 160px;
    background-color: #dedede;
}

.post-dotted-picture img {
    max-width: 100%;
    height: auto;
}

.post-dotted-picture .title {
    width: 240px;
    height: 47px;
    line-height: 47px;
    margin: 0 auto;
    text-align: center;

    font-family: "SimSun" !important;
    font-size: 16px;
    color: #776e58;
}

.post-dotted-item .author {
    width: 238px;
    height: 37px;
    line-height: 37px;
    margin: 0 auto;
    text-align: center;

    font-size: 16px;
    color: #383838;
}

.post-dotted-item .author .date {
    font-size: 16px;
    color: #898989;
}

/* 归档搜索结果 */
.post-archive-item {
    width: 246px;
    height: 250px;
    float: left;
    margin: 35px 0 0 28px;
    overflow: hidden;

    padding: 15px 0 0 15px;

    background: url(images/common/post_archive_bg.png) no-repeat 0 0;
    position: relative;
}

.post-archive-picture {
    width: 240px;
    height: 160px;

}

.post-archive-picture .img-holder {
    width: 240px;
    height: 160px;
}

.post-archive-item .keyword {
    width: 261px;
    text-align: center;
    font-size: 18px;
    height: 22px;
    line-height: 22px;
    margin-top: 68px;
    color: #383838;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

/* //////// 搜索页end //////// */

/* //////// 个人信息start //////// */
.personal-info-content {
    width: 1180px;
    min-height: 200px;
    margin: 0 auto;
    padding: 57px 50px 250px 50px;
    overflow: hidden;
}

.personal-info-content.less {
    padding-bottom: 0;
}

.personal-works-panel {
    width: 838px;
    min-height: 960px;
    position: relative;
    overflow: hidden;
    float: left;
}

.personal-works-panel .post-dotted-item {
    height: 255px;
    margin: 0 26px 0 0;
}

.personal-info {
    width: 798px;
    min-height: 377px;

    border: 1px solid #8c8c8c;
    background-color: #ffffff;

    padding-top: 65px;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden;
    float: left;
}

/* 个人信息 - 姓名(中文名) */
.personal-info .chinese-name {
    font-size: 24px;
    color: #5d88b7;
    width: auto;
    height: 27px;
    line-height: 27px;
    position: absolute;
    left: 40px;
    top: 22px;
}

/* 个人信息 - 姓名(英文或拼音) */
.personal-info .name {
    font-family: "Arial" !important;
    font-size: 14px;
    color: #4a575d;

    width: auto;
    height: 17px;
    line-height: 17px;
    position: absolute;
    left: 150px;
    top: 32px;
}

/* 个人信息表格 - 字段 */
.personal-info .field {
    width: 718px;
    height: auto;

    overflow: hidden;

    border-bottom: 1px dashed #bababa;
    margin-left: 40px;
}

.personal-info .field:last-child {
    border-bottom: none;
}

/* 个人信息表格 - 字段名 */
.personal-info .field-name {
    width: 100px;
    height: 42px;

    font-size: 14px;
    color: #b8baba;
    line-height: 42px;

    float: left;
}

/* 个人信息表格 - 字段值 */
.personal-info .field-value {
    width: 618px;

    font-size: 14px;
    color: #4a575d;

    float: right;

    padding-top: 14px;
}

/* 个人信息表格 - 字段值(一行数据) */
.personal-info .field-value p {
    height: 28px;
    line-height: 16px;
    margin: 0;
    padding: 0;
}

.personal-intro {
    width: 320px;
    height: 175px;
    float: right;
    position: relative;
}

.personal-intro .avator {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 25px;
}

.personal-intro .avator img {
    border-radius: 50%;
}

.personal-intro .name {
    font-size: 16px;
    color: #254854;
    position: absolute;
    left: 126px;
    top: 47px;
}

.personal-intro .title {
    font-size: 16px;
    color: #7f90a1;
    position: absolute;
    left: 209px;
    top: 52px;
}

.personal-intro .research {
    font-size: 16px;
    color: #7f90a1;
    position: absolute;
    left: 126px;
    top: 80px;
}

.personal-intro .school {
    font-size: 14px;
    color: #898989;
    position: absolute;
    left: 126px;
    top: 110px;
}

.personal-menu {
    width: 338px;
    height: 99px;
    float: right;
    /*    background-color: #f2f2f2;
        border: 1px solid #b7b7b7;*/
}

.personal-menu .btn {
    width: 314px;
    height: 50px;
    font-size: 16px;
    color: #8292a5;
    line-height: 50px;
    padding-left: 24px;
}

.personal-menu .btn:first-child {
    height: 49px;
    border-bottom: 1px dashed #bfbfbf;
}

.personal-menu .btn.selected {
    color: #bd7f36;
}

.student-list-panel {
    width: 338px;
    min-height: 112px;
    overflow: hidden;
    float: right;
    margin-top: 22px;
    padding-bottom: 9px;
    background-color: #f2f2f2;
    border: 1px solid #b7b7b7;
}

.mentor-list-panel {
    width: 338px;
    min-height: 112px;
    overflow: hidden;
    float: right;
    margin-top: 22px;
    background-color: #f2f2f2;
    border: 1px solid #b7b7b7;
}

.mentor-list-panel .caption,
.student-list-panel .title {
    width: 314px;
    height: 40px;
    line-height: 40px;
    padding-left: 24px;
    border-bottom: 1px dashed #bfbfbf;
    font-size: 16px;
    color: #000000;
}

.student-list-panel .student-list {
    width: 314px;
    min-height: 72px;
    line-height: 40px;
    overflow: hidden;
    padding: 28px 0 0 24px;
}

.student-list-panel .student-list .student {
    width: 43px;
    height: 84px;
    float: left;
    margin-right: 40px;
}

.student-list-panel .student-list .student:nth-child(4n) {
    margin-right: 0px;
}

.student-list-panel .student-list .student .avator {
    width: 43px;
    height: 43px;
}

.student-list-panel .student-list .student .avator img {
    border-radius: 50%;
}

.student-list-panel .student-list .student .name {
    width: 43px;
    height: 13px;
    line-height: 13px;
    font-size: 12px;
    color: #778696;
    margin-top: 10px;
    text-align: center;
}

.mentor-list-panel .mentor-list {
    width: 280px;
    height: 110px;

    float: left;
    margin-right: 20px;

    position: relative;
}

.mentor-list-panel .mentor-list .teacher {
    width: 160px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    left: 114px;
    top: 19px;
}

.mentor-list-panel .mentor-list .teacher .name {
    font-size: 16px;
    color: #000000;

    float: left;
}

.mentor-list-panel .mentor-list .teacher .title {
    font-size: 14px;
    color: #ababab;
    font-family: "SimSun" !important;

    float: left;
    margin-left: 8px;
}

.mentor-list-panel .mentor-list .research {
    font-size: 14px;
    color: #494949;

    width: 160px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    left: 114px;
    top: 50px;
}

.mentor-list-panel .mentor-list .research2 {
    font-size: 14px;
    color: #959595;
    font-family: "SimSun" !important;

    width: 160px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    left: 114px;
    top: 76px;
}

.mentor-list-panel .mentor-list .avator {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 17px;
    top: 13px;
}

.mentor-list-panel .mentor-list .avator img {
    border-radius: 50%;
}

.crumbs {
    font-size: 16px;
    color: #586368;
    float: left;
    margin-right: 10px;
    height: 110px;
    line-height: 110px;
}

.crumbs a:link,
.crumbs a:visited,
.crumbs a:hover,
.crumbs a:active {
    color: #8292a5;
}

/* //////// 个人信息end //////// */

#cats-popup-panel {
    width: 321px;
    max-width: 321px;
    min-height: 247px;

    padding: 0 14px 0 14px;

    position: absolute;
    top: 50px;
    left: 617px;

    overflow: hidden;
    background-color: #ebebeb;
    border: 1px solid #d9d9d7;

    display: none;
}

#cats-popup-panel .tabs-panel {
    width: 321px;
    height: 44px;
    line-height: 50px;
    border-bottom: 1px solid #898989;
}

#cats-popup-panel .tabs-panel .tab {
    height: 40px;
    float: left;
    margin-left: 35px;
    font-size: 14px;
    color: #b5b5b6;
}

#cats-popup-panel .tabs-panel .tab:first-child {
    margin-left: 5px;
}

#cats-popup-panel .tabs-panel .tab.selected,
#cats-popup-panel .tabs-panel .tab:hover {
    color: #414848;
}

.personal-works-title {
    width: 320px;
    height: 30px;
    overflow: hidden;
    float: right;

    font-size: 16px;
    font-weight: bolder;
    color: #3c5870;
}

.personal-works {
    list-style: none;
    display: block;
    width: 320px;
    height: auto;
    overflow: hidden;
    float: right;
}

.attachment-list-title {
    width: 320px;
    height: 30px;
    overflow: hidden;
    float: right;

    font-size: 16px;
    font-weight: bolder;
    color: #3c5870;
    margin-top: 72px;
}

.attachment-list {
    display: block;
    width: 320px;
    height: auto;
    overflow: hidden;
    float: right;
    margin-top: 10px;
}

.attachment-list .attachment {
    width: 52px;
    height: 109px;
    float: left;
    margin-right: 30px;
}

.attachment-list .attachment.doc {
    background: url(images/common/doc_button.png) top left no-repeat;
}

.attachment-list .attachment.pdf {
    background: url(images/common/pdf_button.png) top left no-repeat;
}

.attachment-list .attachment.image {
    background: url(images/common/jpg_button.png) top left no-repeat;
}

.attachment-list .attachment.video {
    background: url(images/common/mp4_button.png) top left no-repeat;
}

.attachment-list .attachment .title {
    width: 52px;
    height: 43px;
    margin-top: 76px;
    text-align: center;
    font-size: 12px;
    color: #7f90a1;
}

.personal-works .work-link {
    display: block;
    width: 320px;
    height: 53px;
    line-height: 53px;
    border-bottom: 1px solid #dddddd;

    position: relative;
}

.personal-works .work-link:first-child {
    border-top: 1px solid #dddddd;
}

.personal-works .work-link:before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    border: 1px solid #8292a5;
    background-color: #8292a5;

    left: 20px;
    top: 21px;
    position: absolute;
}

.personal-works .work-link.selected:before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    border: 1px solid #b08047;
    background-color: transparent;

    left: 20px;
    top: 21px;
    position: absolute;
}

.personal-works .work-link .title {
    float: left;
    width: auto;
    height: 16px;
    line-height: 16px;
    margin-left: 45px;
    margin-top: 19px;

    color: #8292a5;
}

.personal-works .work-link.selected .title {
    color: #bd7f36;
}

.personal-works .work-link .date {
    float: right;
    width: auto;
    height: 16px;
    line-height: 16px;
    margin-right: 20px;
    margin-top: 19px;

    color: #a0a4a5;
}

.personal-works .more {
    float: left;
    width: 60px;
    height: 16px;
    line-height: 16px;
    margin-top: 12px;
    font-size: 16px;
    color: #7a6d4f;
}

#school-list-btn {
    position: absolute;
    left: 308px;
    top: 0px;
    width: 180px;
    height: 60px;
    background: none;
    display: table;
}

#school-list-btn.select {
    background-color: rgba(0, 0, 0, 0.5);
}

#school-list-btn .icon {
    position: absolute;
    left: 38px;
    top: 23px;
    width: 19px;
    height: 13px;
    background: url(images/common/school_list.png) no-repeat;
}

#school-list-btn .txt {
    font-size: 16px;
    color: #d8d8d8;
    position: absolute;
    left: 64px;
    top: 20px;
    width: 70px;
    height: 18px;
    line-height: 18px;
}

#school-list-panel {
    width: 626px;
    max-width: 626px;
    height: 255px;
    min-height: 255px;
    overflow: hidden;

    position: absolute;
    left: 308px;
    top: 60px;

    background-color: rgba(0, 0, 0, 0.8);

    padding: 30px 0px 30px 38px;

    display: none;
}

#school-list-panel.select {
    display: table;
    z-index: 9999;
}

#school-list-panel .school-item {
    width: 89px;
    height: 16px;
    margin-right: 34px;
    margin-bottom: 30px;
    float: left;
    line-height: 16px;

    font-size: 14px;
    color: #b2b2b2;
}

@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

@media screen and (max-width: 103.375em) {
}

/* 1278px */
@media screen and (max-width: 79.875em) {
}

.waterfall-more {
    margin: 40px auto 20px auto;
    height: 30px;
    line-height: 30px;
    width: 200px;

    color: #575859;
    text-decoration: underline;
    text-align: center;
    font-size: 26px;

    display: none;
    cursor: pointer;
}

.category-info-panel,
.organization-info-panel {
    width: 1274px;
    min-height: 200px;
    margin: 0 auto;
    overflow: hidden;
}

.category-info-group,
.organization-info-group {
    width: 1064px;
    min-height: 190px;
    margin: 66px auto 0 auto;
    padding-bottom: 26px;
    overflow: hidden;
    border-bottom: 1px dashed #4a575d;
}

.category-info-group:last-child,
.organization-info-group:last-child {
    border-bottom: none;
    margin-bottom: 246px;
}

.category-info-group .title,
.organization-info-group .title {
    width: 1064px;
    height: 44px;
    font-size: 20px;
    color: #4a575d;
    text-align: left;
    float: left;
    padding-left: 26px;
}

.category-info-group .category-item,
.organization-info-group .organization-item {
    width: 250px;
    height: 150px;
    float: left;
    margin-bottom: 42px;
    margin-left: 12px;
    text-align: center;
    line-height: 144px;
    font-size: 42px;
    color: #7acaff;
    position: relative;
}

.category-item .center {
    display: block;
    position: absolute;
    width: 250px;
    text-align: center;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    color: inherit;
    left: 0px;
    top: 90px;
}

.category-item.style-1 {
    color: #238cb3;
    text-align: center;
    line-height: 150px;
    font-size: 20px;
}

.category-item.style-1 span {
    font-size: 16px;
}

.category-item.style-2 {
    color: #ffffff;
    text-align: center;
    line-height: 150px;
    font-size: 20px;
}

.category-item.style-2 span {
    font-size: 16px;
}

.category-item.style-3 {
    color: #c29b61;
    text-align: center;
    line-height: 150px;
    font-size: 20px;
}

.category-item.style-3 span {
    font-size: 16px;
}

.category-item.style-4 {
    color: #515151;
    text-align: center;
    line-height: 150px;
    font-size: 20px;
}

.category-item.style-4 span {
    font-size: 16px;
}

.organization-info-nav-bg {
    width: 100%;
    height: 66px;
    margin: 56px auto 0 auto;
    border-bottom: 1px dashed #4a575d;
}

.organization-info-nav-panel {
    width: 1248px;
    height: 66px;
    margin: 0 auto;
    padding-left: 26px;

}

.organization-info-nav-panel .preview-mode-btn {
    width: 118px;
    height: 36px;
    margin-right: 14px;
    float: left;
    cursor: pointer;
}

.organization-info-nav-panel .preview-mode-btn.list {
    background: url(images/common/organization_list_btn.png) no-repeat;
}

.organization-info-nav-panel .preview-mode-btn.map {
    background: url(images/common/organization_map_btn.png) no-repeat;
}

.organization-info-nav-panel .preview-mode-btn.selected {
    background-position-x: -118px;
}

.organization-map-panel {
    width: 1920px;
    height: 1428px;
    margin: 0 auto;
    background: url(images/common/organization_map.png) center center;
}

.organization-map-panel .hot-point {
    cursor: pointer;
}

.organization-map-panel .hot-point .before {
    width: 198px;
    height: 198px;
    content: "";
    background: url(images/common/hot_point_icon.png) center center no-repeat;
    position: absolute;
    top: -80px;
    display: none;
}

.organization-map-panel .hot-point .after {
    width: 352px;
    height: 153px;
    content: "";
    position: absolute;
    top: 0;
    display: none;
}

.organization-map-panel .hot-point:nth-child(1) .after {
    background: url(images/organization/map_addr_01.png);
    right: -352px;
}

.organization-map-panel .hot-point:nth-child(2) .after {
    background: url(images/organization/map_addr_02.png);
    right: -352px;
}

.organization-map-panel .hot-point:nth-child(3) .after {
    background: url(images/organization/map_addr_03.png);
    right: -352px;
}

.organization-map-panel .hot-point:nth-child(4) .after {
    background: url(images/organization/map_addr_04.png);
    right: -352px;
}

.organization-map-panel .hot-point:nth-child(11) .after {
    background: url(images/organization/map_addr_11.png);
    right: -352px;
}

.organization-map-panel .hot-point:nth-child(12) .after {
    background: url(images/organization/map_addr_12.png);
    right: -352px;
}

.organization-map-panel .hot-point:nth-child(13) .after {
    background: url(images/organization/map_addr_13.png);
    right: -352px;
}

.organization-map-panel .hot-point:nth-child(14) .after {
    background: url(images/organization/map_addr_14.png);
    right: -352px;
}

.organization-map-panel .hot-point:nth-child(15) .after {
    background: url(images/organization/map_addr_15.png);
    right: -352px;
}

.organization-map-panel .hot-point:nth-child(16) .after {
    background: url(images/organization/map_addr_16.png);
    right: -352px;
}

.organization-map-panel .hot-point:nth-child(17) .after {
    background: url(images/organization/map_addr_17.png);
    right: -352px;
}

.organization-map-panel .hot-point:nth-child(18) .after {
    background: url(images/organization/map_addr_18.png);
    right: -352px;
}

.organization-map-panel .hot-point:nth-child(19) .after {
    background: url(images/organization/map_addr_19.png);
    right: -352px;
}

.organization-map-panel .hot-point:nth-child(5) .after {
    background: url(images/organization/map_addr_05.png);
    left: -352px;
}

.organization-map-panel .hot-point:nth-child(6) .after {
    background: url(images/organization/map_addr_06.png);
    left: -352px;
}

.organization-map-panel .hot-point:nth-child(7) .after {
    background: url(images/organization/map_addr_07.png);
    left: -352px;
}

.organization-map-panel .hot-point:nth-child(8) .after {
    background: url(images/organization/map_addr_08.png);
    left: -352px;
}

.organization-map-panel .hot-point:nth-child(9) .after {
    background: url(images/organization/map_addr_09.png);
    left: -352px;
}

.organization-map-panel .hot-point:nth-child(10) .after {
    background: url(images/organization/map_addr_10.png);
    left: -352px;
}

.organization-map-panel .hot-point:nth-child(20) .after {
    background: url(images/organization/map_addr_20.png);
    left: -352px;
}

.organization-map-panel .hot-point:nth-child(21) .after {
    background: url(images/organization/map_addr_21.png);
    left: -352px;
}

.organization-map-panel .hot-point:nth-child(22) .after {
    background: url(images/organization/map_addr_22.png);
    left: -352px;
}

.organization-map-panel .hot-point:nth-child(1) .before,
.organization-map-panel .hot-point:nth-child(2) .before,
.organization-map-panel .hot-point:nth-child(3) .before,
.organization-map-panel .hot-point:nth-child(4) .before,
.organization-map-panel .hot-point:nth-child(11) .before,
.organization-map-panel .hot-point:nth-child(12) .before,
.organization-map-panel .hot-point:nth-child(13) .before,
.organization-map-panel .hot-point:nth-child(14) .before,
.organization-map-panel .hot-point:nth-child(15) .before,
.organization-map-panel .hot-point:nth-child(16) .before,
.organization-map-panel .hot-point:nth-child(17) .before,
.organization-map-panel .hot-point:nth-child(18) .before,
.organization-map-panel .hot-point:nth-child(19) .before {
    left: -10px;
}

.organization-map-panel .hot-point:nth-child(5) .before,
.organization-map-panel .hot-point:nth-child(6) .before,
.organization-map-panel .hot-point:nth-child(7) .before,
.organization-map-panel .hot-point:nth-child(8) .before,
.organization-map-panel .hot-point:nth-child(9) .before,
.organization-map-panel .hot-point:nth-child(10) .before,
.organization-map-panel .hot-point:nth-child(20) .before,
.organization-map-panel .hot-point:nth-child(21) .before,
.organization-map-panel .hot-point:nth-child(22) .before {
    right: -10px;
}

.organization-map-panel .hot-point:nth-child(1) {
    width: 110px;
    height: 40px;
    position: absolute;
    left: 571px;
    top: 844px;
    /*background-color: rgba(255, 0, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(2) {
    width: 110px;
    height: 40px;
    position: absolute;
    left: 426px;
    top: 1143px;
    /*background-color: rgba(255, 0, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(3) {
    width: 111px;
    height: 40px;
    position: absolute;
    left: 583px;
    top: 1237px;
    /*background-color: rgba(255, 0, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(4) {
    width: 130px;
    height: 40px;
    position: absolute;
    left: 562px;
    top: 1308px;
    /*background-color: rgba(255, 0, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(5) {
    width: 106px;
    height: 40px;
    position: absolute;
    left: 1137px;
    top: 610px;
    /*background-color: rgba(0, 255, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(6) {
    width: 126px;
    height: 40px;
    position: absolute;
    left: 1395px;
    top: 883px;
    /*background-color: rgba(0, 255, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(7) {
    width: 106px;
    height: 40px;
    position: absolute;
    left: 1271px;
    top: 926px;
    /*background-color: rgba(0, 255, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(8) {
    width: 106px;
    height: 40px;
    position: absolute;
    left: 1172px;
    top: 1013px;
    /*background-color: rgba(0, 255, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(9) {
    width: 107px;
    height: 40px;
    position: absolute;
    left: 1414px;
    top: 1070px;
    /*background-color: rgba(0, 255, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(10) {
    width: 107px;
    height: 40px;
    position: absolute;
    left: 1293px;
    top: 1135px;
    /*background-color: rgba(0, 255, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(11) {
    width: 110px;
    height: 40px;
    position: absolute;
    left: 403px;
    top: 882px;
    /*background-color: rgba(0, 255, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(12) {
    width: 130px;
    height: 40px;
    position: absolute;
    left: 571px;
    top: 895px;
    /*background-color: rgba(0, 255, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(13) {
    width: 130px;
    height: 40px;
    position: absolute;
    left: 415px;
    top: 932px;
    /*background-color: rgba(0, 255, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(14) {
    width: 110px;
    height: 40px;
    position: absolute;
    left: 519px;
    top: 1013px;
    /*background-color: rgba(0, 255, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(15) {
    width: 130px;
    height: 40px;
    position: absolute;
    left: 610px;
    top: 1157px;
    /*background-color: rgba(0, 255, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(16) {
    width: 110px;
    height: 40px;
    position: absolute;
    left: 447px;
    top: 1194px;
    /*background-color: rgba(0, 255, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(17) {
    width: 110px;
    height: 40px;
    position: absolute;
    left: 385px;
    top: 1276px;
    /*background-color: rgba(0, 255, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(18) {
    width: 130px;
    height: 40px;
    position: absolute;
    left: 380px;
    top: 1351px;
    /*background-color: rgba(0, 255, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(19) {
    width: 149px;
    height: 40px;
    position: absolute;
    left: 255px;
    top: 1488px;
    /*background-color: rgba(0, 255, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(20) {
    width: 145px;
    height: 63px;
    position: absolute;
    left: 1080px;
    top: 944px;
    /*background-color: rgba(255, 0, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(21) {
    width: 69px;
    height: 40px;
    position: absolute;
    left: 990px;
    top: 1119px;
    /*background-color: rgba(255, 0, 0, 0.3);*/
}

.organization-map-panel .hot-point:nth-child(22) {
    width: 126px;
    height: 40px;
    position: absolute;
    left: 973px;
    top: 1201px;
    /*background-color: rgba(255, 0, 0, 0.3);*/
}

.figure-info-panel {
    width: 1274px;
    min-height: 200px;
    margin: 0 auto;
    overflow: hidden;
}

.figure-info-panel .figure-info-group {
    width: 1274px;
    min-height: 190px;
    margin: 66px auto 0 auto;
    padding-bottom: 6px;
    overflow: hidden;
    border-bottom: 1px dashed #4a575d;
}

.figure-info-panel .figure-info-group:last-child {
    border-bottom: none;
}

.figure-info-group .title {
    width: 1232px;
    height: 44px;
    font-size: 20px;
    color: #4a575d;
    text-align: left;
    float: left;
    padding-left: 44px;
}

.figure-info-group .figure-item {
    width: 268px;
    height: 274px;
    float: left;
    background-color: #fff;
    border: 1px solid #b3d9db;
    margin-left: 44px;
    margin-bottom: 36px;
}

.figure-info-group .figure-item .avatar {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    margin: 22px auto 0 auto;
    position: relative;
}

.figure-info-group .figure-item .avatar img {
    position: absolute;
    top: -23px;
}

.figure-info-group .figure-item .name {
    font-size: 22px;
    color: #918226;
    text-align: center;
    height: 36px;
    width: 274px;
    margin: 36px auto 0 auto;
}

.figure-info-group .figure-item .name span.post-num {
    font-size: 15px;
    color: #999999;
}

.figure-info-group .figure-item .organization {
    font-size: 16px;
    color: #7c7c7c;
    text-align: center;
    height: 52px;
    width: 274px;
    margin: 0 auto;
}

.figure-info-panel .figure-item .research {
    font-size: 16px;
    color: #2ea7e0;
    text-align: center;
    height: 32px;
    width: 274px;
    margin: 0 auto;
}

body.share-disable-scrolling {
    overflow: hidden;
}

.share-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
}

.post-like_btn {
    position: absolute;
    top: 64px;
    right: 170px;
    width: 14px;
    height: 12px;
    text-indent: 20px;
    font-size: 12px;
    color: #808080;
    line-height: 12px;
    background: url(images/common/like_icon.png) no-repeat;
}

.footnote.bottom .post-like_btn {
    top: 24px;
}

.post-share-btn {
    position: absolute;
    right: 50px;
    top: 61px;
    width: 58px;
    height: 18px;
    background: url(images/common/share_button.png) no-repeat;

    cursor: pointer;
}

.footnote.bottom .post-share-btn {
    top: 21px;
}

.post-share-btn:hover {
    background-position-x: -58px;
}

.post-share-panel {
    width: 689px;
    height: 91px;
    margin: 300px auto 0 auto;
    display: table;
    z-index: 10000;

    position: relative;
}

.post-share-qrcode-bg {
    width: 158px;
    height: 207px;

    background: url(images/common/qrcode_bg.png) no-repeat;

    position: absolute;
    left: -32px;
    top: -210px;

    display: none;
}

.post-share-qrcode-bg img {
    position: absolute;
    left: 10px;
    top: 5px;
}

.post-share-item {
    width: 91px;
    height: 91px;
    float: left;
    margin-left: 39px;
    cursor: pointer;
    position: relative;
}

.post-share-item.weixin:hover,
.post-share-item.qq:hover,
.post-share-item.weibo:hover,
.post-share-item.douban:hover,
.post-share-item.sina:hover,
.post-share-item.close:hover {
    background-position-x: -91px;
}

.post-share-item.weixin {
    background: url(images/share/weixin.png) no-repeat;
}

.post-share-item.qq {
    background: url(images/share/qq.png) no-repeat;
}

.post-share-item.weibo {
    background: url(images/share/weibo.png) no-repeat;
}

.post-share-item.douban {
    background: url(images/share/douban.png) no-repeat;
}

.post-share-item.sina {
    background: url(images/share/sina.png) no-repeat;
}

.post-share-item.close {
    background: url(images/common/share_close_button.png) no-repeat;
    position: absolute;
    top: 320px;
    left: 260px;
}

.post-share-panel .text {
    font-size: 23px;
    color: #fff;
    width: 200px;
    height: 26px;
    line-height: 26px;
    position: absolute;

    top: -80px;
    left: 310px;
}

.weixin_share {
    width: 100%;
    height: 100%;
    background: url(images/share/share_weixin.png) no-repeat center center;
}

.login-btn {
    position: relative;
}

.login-btn:before {
    content: "";
    background: url("images/common/login_icon.png");
    width: 31px;
    height: 31px;
    position: absolute;
    top: 15px;
    left: -52px;
}

/* 地图切换按钮 */
.map-btn-panel-bg {
    width: 100%;
    height: 110px;

    border-bottom: 1px dotted #bebfc1;
}

.map-btn-panel {
    width: 1180px;
    height: 110px;

    padding: 0 50px 0 50px;

    margin: 0 auto;
}

.map-btn-panel .map-btn-1 {
    width: 118px;
    height: 36px;
    float: left;
    margin-right: 13px;
    margin-top: 37px;
    overflow: hidden;
    cursor: pointer;
    background: url(images/common/map_btn_01.png);
}

.map-btn-panel .map-btn-1:hover {
    background-position-x: -118px;
}

.map-btn-panel .map-btn-1.selected {
    background-position-x: -236px;
}

.map-btn-panel .map-btn-2 {
    width: 140px;
    height: 36px;
    float: left;
    margin-right: 13px;
    margin-top: 37px;
    overflow: hidden;
    cursor: pointer;
    background: url(images/common/map_btn_02.png);
}

.map-btn-panel .map-btn-3 {
    width: 140px;
    height: 36px;
    float: left;
    margin-right: 13px;
    margin-top: 37px;
    overflow: hidden;
    cursor: pointer;
    background: url(images/common/map_btn_03.png);
}

.map-btn-panel .map-btn-2:hover,
.map-btn-panel .map-btn-3:hover {
    background-position-x: -140px;
}

.map-btn-panel .map-btn-2.selected,
.map-btn-panel .map-btn-3.selected {
    background-position-x: -280px;
}

.map-panel {
    width: 100%;
    min-height: 300px;
    overflow: hidden;
    position: relative;
}

.map-panel .base {
    width: 1684px;
    height: 808px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;

    background: url("images/common/map_base.png") center center no-repeat;
}

.map-panel .base-bg {

}

.map-panel .base .num {
    position: absolute;
    width: 40px;
    height: 60px;
    cursor: pointer;
}

.map-panel .base .num:nth-child(1) {
    background: url("images/common/base_num_01.png");
    left: 470px;
    top: 326px;
}

.map-panel .base .num:nth-child(2) {
    background: url("images/common/base_num_02.png");
    left: 700px;
    top: 406px;
}

.map-panel .base .num:nth-child(3) {
    background: url("images/common/base_num_03.png");
    left: 958px;
    top: 312px;

}

.map-panel .base .num:nth-child(4) {
    background: url("images/common/base_num_04.png");
    left: 716px;
    top: 236px;
}

.map-panel .base .num:nth-child(5) {
    background: url("images/common/base_num_05.png");
    left: 1208px;
    top: 212px;
}

.map-panel .base .num:nth-child(6) {
    background: url("images/common/base_num_06.png");
    left: 994px;
    top: 146px;
}

.map-panel .base .num:hover {
    background: url("images/common/base_point.png");
}

.map-panel .base .num:nth-child(2):hover:before,
.map-panel .base .num:nth-child(3):hover:before,
.map-panel .base .num:nth-child(5):hover:before {
    content: "";
    width: 274px;
    height: 120px;
    position: absolute;
    left: 48px;
    top: -25px;
}

.map-panel .base .num:nth-child(2):hover:before {
    background: url("images/common/base_details_02.png");
}

.map-panel .base .num:nth-child(3):hover:before {
    background: url("images/common/base_details_03.png");
}

.map-panel .base .num:nth-child(5):hover:before {
    background: url("images/common/base_details_05.png");
}

.map-panel .base .num:nth-child(1):hover:before,
.map-panel .base .num:nth-child(4):hover:before,
.map-panel .base .num:nth-child(6):hover:before {
    content: "";
    width: 274px;
    height: 120px;
    position: absolute;
    left: -282px;
    top: -25px;
}

.map-panel .base .num:nth-child(1):hover:before {
    background: url("images/common/base_details_01.png");
}

.map-panel .base .num:nth-child(4):hover:before {
    background: url("images/common/base_details_04.png");
}

.map-panel .base .num:nth-child(6):hover:before {
    background: url("images/common/base_details_06.png");
}

.map-panel .green-house-1 {
    width: 1920px;
    height: 1256px; /*149*/
    overflow: hidden;
    position: relative;
    margin: 0 auto;

    background: url("images/common/map_green_house_01.png") center center no-repeat;
}

.map-panel .green-house-1 .num {
    width: 50px;
    height: 70px;
    position: absolute;
    cursor: pointer;
}

.map-panel .green-house-1 .num:nth-child(1) {
    background: url("images/common/map_green_house_num_01.png");
    left: 1200px;
    top: 931px;
}

.map-panel .green-house-1 .num:nth-child(2) {
    background: url("images/common/map_green_house_num_02.png");
    left: 1332px;
    top: 725px;
}

.map-panel .green-house-1 .num:nth-child(3) {
    background: url("images/common/map_green_house_num_03.png");
    left: 1510px;
    top: 563px;
}

.map-panel .green-house-1 .num:nth-child(4) {
    background: url("images/common/map_green_house_num_04.png");
    left: 880px;
    top: 861px;
}

.map-panel .green-house-1 .num:nth-child(5) {
    background: url("images/common/map_green_house_num_05.png");
    left: 932px;
    top: 611px;
}

.map-panel .green-house-1 .num:nth-child(6) {
    background: url("images/common/map_green_house_num_06.png");
    left: 1295px;
    top: 497px;
}

.map-panel .green-house-1 .num:nth-child(7) {
    background: url("images/common/map_green_house_num_07.png");
    left: 540px;
    top: 691px;
}

.map-panel .green-house-1 .num:nth-child(8) {
    background: url("images/common/map_green_house_num_08.png");
    left: 989px;
    top: 357px;
}

.map-panel .green-house-1 .num:nth-child(9) {
    background: url("images/common/map_green_house_num_09.png");
    left: 695px;
    top: 256px;
}

.map-panel .green-house-1 .num:hover {
    background: url("images/common/map_green_house_point.png");
}

.map-panel .green-house-1 .num:nth-child(3):hover:before,
.map-panel .green-house-1 .num:nth-child(7):hover:before {
    content: "";
    width: 274px;
    height: 120px;
    position: absolute;
    left: -282px;
    top: -25px;
}

.map-panel .green-house-1 .num:nth-child(5):hover:before {
    background: url("images/common/map_green_house_01_details_05.png");
}

.map-panel .green-house-1 .num:nth-child(7):hover:before {
    background: url("images/common/map_green_house_01_details_07.png");
}

.map-panel .green-house-1 .num:nth-child(8):hover:before {
    background: url("images/common/map_green_house_01_details_08.png");
}

.map-panel .green-house-1 .num:nth-child(9):hover:before {
    background: url("images/common/map_green_house_01_details_09.png");
}

.map-panel .green-house-1 .num:nth-child(1):hover:before,
.map-panel .green-house-1 .num:nth-child(2):hover:before,
.map-panel .green-house-1 .num:nth-child(4):hover:before,
.map-panel .green-house-1 .num:nth-child(5):hover:before,
.map-panel .green-house-1 .num:nth-child(6):hover:before,
.map-panel .green-house-1 .num:nth-child(8):hover:before,
.map-panel .green-house-1 .num:nth-child(9):hover:before {
    content: "";
    width: 274px;
    height: 120px;
    position: absolute;
    left: 58px;
    top: -25px;
}

.map-panel .green-house-1 .num:nth-child(1):hover:before {
    background: url("images/common/map_green_house_01_details_01.png");
}

.map-panel .green-house-1 .num:nth-child(2):hover:before {
    background: url("images/common/map_green_house_01_details_02.png");
}

.map-panel .green-house-1 .num:nth-child(3):hover:before {
    background: url("images/common/map_green_house_01_details_03.png");
}

.map-panel .green-house-1 .num:nth-child(4):hover:before {
    background: url("images/common/map_green_house_01_details_04.png");
}

.map-panel .green-house-1 .num:nth-child(6):hover:before {
    background: url("images/common/map_green_house_01_details_06.png");
}

.map-panel .green-house-2 {
    width: 1920px;
    height: 1212px; /*1212 171*/
    overflow: hidden;
    position: relative;
    margin: 0 auto;

    background: url("images/common/map_green_house_02.png") center center no-repeat;
}

.map-panel .green-house-2 .num {
    width: 50px;
    height: 70px;
    position: absolute;
    cursor: pointer;
}

.map-panel .green-house-2 .num:nth-child(1) {
    background: url("images/common/map_green_house_num_01.png");
    left: 1220px;
    top: 969px;
}

.map-panel .green-house-2 .num:nth-child(2) {
    background: url("images/common/map_green_house_num_02.png");
    left: 1630px;
    top: 503px;
}

.map-panel .green-house-2 .num:nth-child(3) {
    background: url("images/common/map_green_house_num_03.png");
    left: 760px;
    top: 739px;
}

.map-panel .green-house-2 .num:nth-child(4) {
    background: url("images/common/map_green_house_num_04.png");
    left: 950px;
    top: 545px;
}

.map-panel .green-house-2 .num:nth-child(5) {
    background: url("images/common/map_green_house_num_05.png");
    left: 1108px;
    top: 394px;
}

.map-panel .green-house-2 .num:nth-child(6) {
    background: url("images/common/map_green_house_num_06.png");
    left: 224px;
    top: 705px;
}

.map-panel .green-house-2 .num:nth-child(7) {
    background: url("images/common/map_green_house_num_07.png");
    left: 613px;
    top: 264px;
}

.map-panel .green-house-2 .num:hover {
    background: url("images/common/map_green_house_point.png");
}

.map-panel .green-house-2 .num:nth-child(1):hover:before,
.map-panel .green-house-2 .num:nth-child(2):hover:before {
    content: "";
    width: 274px;
    height: 120px;
    position: absolute;
    left: -282px;
    top: -25px;
}

.map-panel .green-house-2 .num:nth-child(1):hover:before {
    background: url("images/common/map_green_house_02_details_01.png");
}

.map-panel .green-house-2 .num:nth-child(2):hover:before {
    background: url("images/common/map_green_house_02_details_02.png");
}

.map-panel .green-house-2 .num:nth-child(3):hover:before {
    background: url("images/common/map_green_house_02_details_03.png");
}

.map-panel .green-house-2 .num:nth-child(4):hover:before {
    background: url("images/common/map_green_house_02_details_04.png");
}

.map-panel .green-house-2 .num:nth-child(5):hover:before {
    background: url("images/common/map_green_house_02_details_05.png");
}

.map-panel .green-house-2 .num:nth-child(6):hover:before,
.map-panel .green-house-2 .num:nth-child(7):hover:before,
.map-panel .green-house-2 .num:nth-child(3):hover:before,
.map-panel .green-house-2 .num:nth-child(4):hover:before,
.map-panel .green-house-2 .num:nth-child(5):hover:before {
    content: "";
    width: 274px;
    height: 120px;
    position: absolute;
    left: 58px;
    top: -25px;
}

.map-panel .green-house-2 .num:nth-child(6):hover:before {
    background: url("images/common/map_green_house_02_details_06.png");
}

.map-panel .green-house-2 .num:nth-child(7):hover:before {
    background: url("images/common/map_green_house_02_details_07.png");
}

.map-panel .base .num .details {
    color: #22baab;
    opacity: 0;
    display: none;
    position: absolute;
    height: 14px;
    line-height: 14px;
    width: 200px;
}

.map-panel .base .num:nth-child(2) .details,
.map-panel .base .num:nth-child(3) .details,
.map-panel .base .num:nth-child(5) .details {
    left: 175px;
    top: 45px;
}

.map-panel .base .num:nth-child(1) .details,
.map-panel .base .num:nth-child(4) .details,
.map-panel .base .num:nth-child(6) .details {
    left: -154px;
    top: 45px;
}

.map-panel .base .num:hover .details {
    opacity: 1;
    display: block;
}

.map-panel .green-house-1 .num .details {
    color: #22baab;
    opacity: 0;
    display: none;
    position: absolute;
    height: 14px;
    line-height: 14px;
    width: 200px;
}

.map-panel .green-house-1 .num:nth-child(3) .details,
.map-panel .green-house-1 .num:nth-child(7) .details {
    left: -154px;
    top: 45px;
}

.map-panel .green-house-1 .num:nth-child(1) .details,
.map-panel .green-house-1 .num:nth-child(2) .details,
.map-panel .green-house-1 .num:nth-child(4) .details,
.map-panel .green-house-1 .num:nth-child(5) .details,
.map-panel .green-house-1 .num:nth-child(6) .details,
.map-panel .green-house-1 .num:nth-child(8) .details,
.map-panel .green-house-1 .num:nth-child(9) .details {
    left: 185px;
    top: 45px;
}

.map-panel .green-house-1 .num:hover .details {
    opacity: 1;
    display: block;
}

.map-panel .green-house-2 .num .details {
    color: #22baab;
    opacity: 0;
    display: none;
    position: absolute;
    height: 14px;
    line-height: 14px;
    width: 200px;
}

.map-panel .green-house-2 .num:nth-child(1) .details,
.map-panel .green-house-2 .num:nth-child(2) .details {
    left: -154px;
    top: 45px;
}

.map-panel .green-house-2 .num:nth-child(3) .details,
.map-panel .green-house-2 .num:nth-child(4) .details,
.map-panel .green-house-2 .num:nth-child(5) .details,
.map-panel .green-house-2 .num:nth-child(6) .details,
.map-panel .green-house-2 .num:nth-child(7) .details {
    left: 185px;
    top: 45px;
}

.map-panel .green-house-2 .num:hover .details {
    opacity: 1;
    display: block;
}

.question-btn {
    width: 250px;
    height: 40px;
    position: relative;
    background: url('images/common/question_button.png') no-repeat;
    cursor: pointer;
    float: right;
    margin-top: 50px;
    margin-right: 70px;
}

.question-btn:hover {
    background-position-x: -250px;
}

.mp-site-content {
    width: 100%;
    min-height: 120px;
    margin: 0 auto;

    overflow: hidden;
}

.mp-author-panel {
    max-width: 100%;
    width: auto;
    min-height: 423px;
    margin: 0 auto 0 auto;
    background-color: #dfe9eb;
    overflow: hidden;
}

.mp-author-panel .avatar {
    width: 65px;
    height: 65px;
    margin: 31px auto 17px auto;
    -webkit-border-radius: 65px;
    -moz-border-radius: 65px;
    border-radius: 65px;
    position: relative;
}

.mp-author-panel .avatar img {
    position: absolute;
    left: 0px;
    top: -32px;
}

.mp-author-panel .name {
    font-size: 18px;
    color: #394144;
    width: 100%;
    text-align: center;

    margin: 0 auto 13px auto;
}

.mp-author-panel .organiztion {
    font-size: 14px;
    color: #4c5659;
    width: 320px;
    height: 22px;
    line-height: 22px;
    text-align: center;

    margin: 0 auto 40px auto;
}

.mp-author-panel .logo-panel {
    width: 100%;
    height: 40px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.mp-author-panel .logo-panel:before {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #a9b9c9;
    position: absolute;
    top: 19px;
}

.mp-author-panel .logo-panel .logo {

    width: 180px;
    font-size: 14px;
    line-height: 14px;
    height: 14px;
    background-color: #dfe9eb;
    position: relative;
    text-align: center;
    color: #596469;

    margin: 12px auto 0 auto;
}

.mp-post-panel {
    max-width: 100%;
    width: auto;

    min-height: 300px;
    margin-top: 30px;
}

.mp-post-panel .title {
    position: relative;
    max-width: 100%;
    width: auto;

    max-height: 66px;
    height: 66px;

    font-size: 18px;
    text-align: left;
    color: #4d4d4d;
    line-height: 33px;
    text-indent: 18px;

    padding: 0 15px 0 15px;

    margin: 0 auto;
}

.mp-post-panel .title:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    background-color: #4d4d4d;
    top: 11px;
}

.mp-post-panel .date {
    max-width: 100%;
    width: auto;

    min-height: 22px;
    font-size: 12px;
    text-align: left;
    color: #a4a4a4;
    line-height: 22px;
    padding: 0 15px 10px 15px;
    margin: 10px auto 0 auto;
    position: relative;

    overflow: hidden;
}

.shadow-bg {
    width: 100%;
    max-width: 100%;
    height: 10px;
    border-top: 1px solid #a9b9c9;
    background: url("images/common/main_shadow_02.png") repeat-x;
}

.mp-post-panel .date .share {
    position: absolute;

    width: 42px;
    height: 16px;

    background: url(images/common/share2.png) no-repeat left center;
    background-position-x: left;
    background-position-y: center;
    font-size: 12px;
    color: #848484;
    right: 69px;
    top: 0px;

    line-height: 16px;

    text-indent: 18px;
}

.mp-post-panel .date .share:before {
    content: "";
    width: 1px;
    height: 16px;
    position: absolute;
    background-color: #848484;
    right: -5px;
}

.mp-post-panel .date .collect {
    position: absolute;

    width: 42px;
    height: 16px;

    background: url(images/common/collect.png) no-repeat left;
    background-position-x: left;
    background-position-y: center;
    font-size: 12px;
    color: #848484;
    right: 12px;
    top: 0px;

    line-height: 16px;

    text-indent: 18px;
}

.mp-post-panel .content {
    font-size: 14px;
    width: auto;
    margin-top: 10px;
    padding: 0 16px 0 16px;
    overflow: hidden;
    color: #5a5f60;
}

.mp-post-panel .content .post-text {
    width: 100%;
    font-size: 16px;
    color: #596469;
    line-height: 30px;
    white-space:normal;
    word-break:break-all;
    text-align: justify;
}

.mp-related-post-panel {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    overflow: hidden;
}

.mp-related-post-panel .post-item-panel {
    width: 50%;
    min-height: 100px;
    float: left;
}

.mp-related-post-panel .post-item-panel .post-item {
    margin: 5px 5px 30px 5px;
    overflow: hidden;
    background-color: #ffffff;
    min-height: 200px;
    padding: 4px 4px 15px 4px;
}

.mp-related-post-panel .post-item-panel .post-item .works-title {
    width: 100%;
    height: 30px;
    text-align: left;
    line-height: 15px;
    font-size: 12px;

    color: #928072;

    margin-bottom: 20px;

    border-bottom: 1px solid #a9b9c9;
}

.mp-related-post-panel .post-item-panel .post-item .works-author,
.mp-related-post-panel .post-item-panel .post-item .works-unit {
    width: 100%;
    padding: 0 4px 4px 4px;
    font-size: 12px;
    color: #4C4C4C;
    text-align: left;
    height: 15px;
    line-height: 15px;
}

.mp-related-post-panel .post-item-panel .post-item .works-date {
    padding: 0 4px 0 4px;
    font-size: 12px;
    color: #A4A4A4;
    width: 80%;
    height: 14px;
    line-height: 14px;
    float: left;
    margin-top: 8px;
}

.mp-related-post-panel .post-item-panel .post-item .works-likes {
    padding: 0 4px 0 4px;
    font-size: 12px;
    color: #A4A4A4;

    text-align: right;

    width: 8%;
    height: 14px;
    line-height: 14px;
    float: right;
    margin-top: 8px;
}

.mp-related-post-panel .post-item-panel .post-item .thumbnail {
    width: 269px;
    height: 200px;
}

.mp-related-post-panel .post-item-panel .post-item .thumbnail .image-holder {
    width: inherit;
    height: 100%;
    background-color: #efefef;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}