@charset "utf-8";
/*
[MBKFW Template] Copyright (c) 2010-2023 www.mbkfw.com
This is not a free template. Please buy the authentic license.
Author: Xiaohei, QQ:2909458585. Version: ST08_v9, time: 20230518.
Special note: do not modify this document without permission.
*/

/**/
.mm-list {height:48px;background:#FFFFFF;overflow:hidden;clear:both;}
.mm-list ul {margin:0;}
.mm-main {padding-left:60px;}
.mm-head {border-radius:50%;float:left;margin:0 12px 0 0;}
.mm-user {height:24px;}
.mm-user b {font-size:14px;}
.mm-user i {float:right;display:block;font-style:normal;width:24px;height:24px;background:url('../../image/ico-more.png') no-repeat center center;cursor:pointer;}
.mm-user i ul {width:80px;position:absolute;z-index:5;margin:20px 0 0 -56px;padding:6px 0;background:#FFFFFF;box-shadow:0 0 10px #DDDDDD;border-radius:6px 0 6px 6px;display:none;}
.mm-user i li {line-height:32px;text-align:center;}
.mm-user i li:hover {color:#FF6600;}
.mm-user i:hover {background:url('../../image/ico-more-on.png') no-repeat center center;}
.mm-user i:hover ul {display:block;}
.mm-user span {float:right;display:block;width:16px;height:16px;background:url('ico-info.png') no-repeat center center;}
.mm-user span:hover {background:url('ico-info-on.png') no-repeat center center;}
.mm-user s {padding:0 0 0 6px;}
.mm-time {color:#666666;}
.mm-info {height:32px;line-height:32px;overflow:hidden;color:#666666;}
.mm-info i {width:26%;}
.mm-text {font-size:12px;line-height:24px;}
.mm-text a {color:#0679D4;}
.mm-text i {font-style:normal;font-weight:normal;font-size:12px;color:#0679D4;cursor:pointer;}
.mm-topic {height:32px;line-height:32px;overflow:hidden;}
.mm-topic b {font-size:12px;color:#0679D4;}
.mm-topic b:hover {color:#FF6600;}
.mm-video,.mm-image {padding:6px 0;}
.mm-video div {min-height:256px;background:#000000 url('../../image/play.png') no-repeat center center;background-size:48px 48px;cursor:pointer;}
.mm-image img {max-width:100%;}
.mm-link {height:32px;line-height:32px;overflow:hidden;}
.mm-link i {font-style:normal;font-weight:normal;font-size:12px;color:#0679D4;display:inline-block;height:16px;line-height:16px;padding:0 10px 0 20px;background:url('ico-link.png') no-repeat 0 center;}
.mm-link i:hover {background:url('ico-link-on.png') no-repeat 0 center;color:#FF6600;}
.mm-pics ul {margin-top:12px;overflow:hidden;}
.mm-pics li {width:84px;height:84px;float:left;}
.mm-pics li img {width:64px;height:64px;border:#EEEEEE 1px solid;padding:2px;cursor:pointer;}
.mm-pics p {margin:0;overflow:hidden;clear:both;display:none;}
.mm-pics p img {max-width:100%;cursor:url('next.cur'),default;}
.mm-quote {background:#F6F6F6;padding:16px;border-radius:12px;margin:6px 0;}
.mm-lost {background:#F6F6F6;padding:16px;border-radius:12px;margin:6px 0;color:#999999;}
.mm-all {height:48px;line-height:48px;font-size:14px;text-align:center;border-top:#F5F5F5 10px solid;}
.mm-grade {padding:10px 0 0 0;}
.mm-widget {width:100%;background:#FFFFFF;overflow:hidden;}
.mm-widget-fix {position:fixed;z-index:1010;left:0;background:#FFFFFF;width:100%;border-bottom:#F5F5F5 1px solid;}

.mm-editor {padding: 18px;}
.mm-editor textarea {width: 662px;height:128px;border:#999999 1px solid;border-radius:6px;padding:10px;}
.mm-editor textarea:hover {border:#FF6600 1px solid;}
.mm-editor div span{height: auto;line-height:12px;float: left;text-align: center;margin-right: 15px;}
.mm-editor img {width:24px;height:24px;margin:6px 0 0 0;padding:6px;border-radius:50%;cursor:pointer;vertical-align: middle;}
.mm-editor img:hover {background:#EEEEEE;}
.mm-editor div span p{padding:0;margin:0;color:#888888}
.mm-editor div span:hover{}
.mm-editor div span:hover p{color:#FF6600}
.mm-faces {width:576px;}
.mm-faces img {width:24px;height:24px;padding:6px;border-radius:50%;cursor:pointer;}
.mm-faces img:hover {background:#EEEEEE;}
.mm-insert {padding: 7px;margin:0 0 0 -3px;border-radius:0;}

.mm-member {text-align:center;padding: 20px 0 0 0;}
.mm-member img {width:96px;height:96px;border-radius:50%;border:#EEEEEE 2px solid;padding:2px;}
.mm-member p {font-size:14px;margin:12px 0;}
.mm-member .userinfo-v0,.mm-member .userinfo-v1,.mm-member .userinfo-v2 {margin:-24px 0 0 148px;}

.mm-stats {height: 55px;margin: 15px 12px;}
.mm-stats li {width: 78px;float:left;font-size:14px;height: 55px;line-height: 25px;text-align:center;}
.mm-stats div {height:64px;border-left:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;}
.mm-stats i {font-style:normal;display:block;height: 25px;}
.mm-stats span {color:#999999;}

.mm-post {padding: 0 35px;background: #F8F8F8;}
.mm-post a {display:block;height: 40px;margin-bottom: 10px;}
.mm-post div {height: 32px;line-height: 32px;border-radius: 20px;padding: 2px 11px;text-align:center;font-size: 14px;}
.mm-post .post0 {background: #316CCB;color:#FFFFFF;}
.mm-post .post0:hover{background: #5a8ee2;}
.mm-post .post1 {background: #FF5722;color: #ffffff;}
.mm-post .post1:hover{background:#FF6600;color:#FFFFFF;}

.mm-load {height:128px;background:url('loading.gif') no-repeat center center;}

.mm-topics {display:none;}
.mm-topics input {width:128px;border:#DDDDDD 1px solid;border-radius:10px;background:url('ico-search.png') no-repeat 8px center;padding:8px 32px;margin:8px 0;}
.mm-topics li {line-height:24px;}
.mm-topics li b {font-weight:normal;color:#999999;}

.mm-type {height:48px;line-height:48px;font-size:14px;box-shadow: 0px 3px 20px rgba(51,51,51,0.08);}
.mm-type span {padding:0 0 0 24px;font-size: 16px;position: relative;}
.mm-type .on {color: #316CCB;font-size: 18px;font-weight:bold}
.mm-type .on:after {content:'';position:absolute;left:42%;height:3px;bottom:-6px;width:50%;background:#316CCB;border-radius:4px;}

.topic-show {padding:24px;}
.topic-show h1 {margin:0;line-height:32px;font-size:20px;}
.topic-show-content {color:#666666;line-height:24px;}
.topic-show-info {padding:10px 0 0 6px;}
.topic-show-info i {width:80px;}
.topic-show-info b {display:inline-block;width:80px;height:24px;line-height:24px;font-weight:normal;text-align:center;border:#0679D4 1px solid;border-radius:6px;float:right;color:#0679D4;}
.topic-show-info b:hover {border:#FF6600 1px solid;color:#FF6600;}

.list-moment {border-top: #F5F5F5 1px solid;padding: 15px 15px 10px;}
.list-moment table {width:100%;}
.list-moment .userinfo-v0,.list-moment .userinfo-v1,.list-moment .userinfo-v2 {margin:32px 0 0 32px;}

.list-topic {padding: 0 16px;}
.list-topic .list-topic-li {height:32px;line-height:32px;overflow:hidden;font-size:14px;padding-left: 5px;}
.list-topic .list-topic-li .recommended {width:20px;height:20px;text-align:center;line-height:20px;color:#F64041;font-size:12px;background-color:#FEEBEB;margin-right:8px;border-radius:2px;float:left;margin-top:5px;}
.list-topic .list-topic-li b {}
.list-topic p {margin: 0 0 16px 5px;color:#999999;}

.list-cate {padding: 0 10px 15px;}
.list-cate p {margin: 0;height: 40px;line-height: 40px;padding-left: 10px;}
.list-cate div {padding:0 6px 10px 6px;line-height:24px;font-size:14px;}
.list-cate strong {color: #666666;font-size:14px;font-weight: normal;}
.list-cate em {font-style:normal;color:#666666;padding: 0 5px;}
.list-cate i {font-style:normal;color:#EEEEEE;padding:0 10px;}
.list-cate p:hover{    background-color: #ecf5ff;}
/*index*/
/**/
.baibg {background: #ffffff;}
.mxh5l {width: 200px;float:left;margin-right: 20px;box-shadow: 0px 3px 20px rgba(51,51,51,0.08);}
.mxh5m {width:720px;float:left;}
.mxh5r {width: 260px;float:right;}
.mxh5l .head-sub{border-bottom:0;margin-bottom: 0;padding: 15px 10px 5px;}

.baibg.mm-editor{}
.baibg.mm-editor textarea{outline:none;font-size:14px;resize: none;background-color: #f5f5f5;overflow: hidden;border: 1px solid transparent;}
/**/
.ui-icon{background: url(images/moment/topic1.png) no-repeat;width: 24px;height: 24px;display: block;float: left;}
.ui-topic1{background-position: -2px 0px;}
.ui-topic2{background-position: -2px -46px;}
.ui-topic3{background-position: -2px -91px;}
.ui-topic4{background-position: -2px -137px;}
.ui-topic5{background-position: -2px -183px;}
.head-sub i.ui-icon{padding:0}
.head-sub span a {font-size: 12px;}
/**/
#userinfo{width: 100%;height: 100%;background: url(images/moment/squre_right_head.png) no-repeat top center;box-sizing: border-box;}
/*title-name*/
.select_dynamic {width:100%;padding:15px 10px;box-shadow:0px 3px 20px rgba(51,51,51,0.08);margin-bottom:15px;background-color:#ffffff;box-sizing:border-box;}
.select_dynamic .title {font-size:18px;font-family:"pingFangBold";font-weight:bold;line-height:25px;color:#333333;margin-bottom:18px;margin-left:8px;padding:0;line-height:normal;text-align:left;}
/*精选动态*/
.user-moment{padding:10px 15px;box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);}
.user-moment h2{font-size:16px;font-weight:bold;height:40px;line-height:40px;}
.user-moment h2 .ui-icon{margin-top:5px}
.user-moment ul{}
.user-moment li{margin-bottom: 10px;background: #F2F4FA;padding: 10px;border-radius: 5px;}
.user-moment .my-moment-title{line-height:25px;}
.user-moment .my-moment-title a{color: #0074BD;}
.user-moment p span{color:#777777;}

.el-menu {border-right: solid 1px #e6e6e6;list-style: none;position: relative;margin: 0; padding-left: 0;background-color: #FFF;}
.el-menu-vertical-demo.el-menu {box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);}
/**/
.square_main {display:flex;justify-content:space-between;padding-top:80px;min-height:600px;}
.square_main .left_menu {width:180px;}
.square_main .middle_comments {position:relative;width:720px;}
.square_main .middle_comments .comments_list {box-shadow:0px 3px 20px rgba(51,51,51,0.08);}
.square_main .middle_comments .comments_list .comment {padding-bottom:14px;box-shadow:0px 3px 20px rgba(51,51,51,0.08);}
.square_main .middle_comments .comments_list .choose_sort {display:flex;align-items:center;width:100%;height:50px;padding:0 20px;background-color:#fff;border-bottom:1px solid #EBEBEB;}
.square_main .middle_comments .comments_list .choose_sort .sort_item {width:34px;text-align:center;font-size:16px;font-weight:400;line-height:22px;margin-right:55px;cursor:pointer;}
.square_main .middle_comments .comments_list .choose_sort .active {position:relative;color:#1450EB;}
.square_main .middle_comments .comments_list .choose_sort .active::after {position:absolute;left:50%;transform:translateX(-50%);bottom:-3px;content:'';width:34px;height:2px;background-color:#1450EB;}
.square_main .right_dynamic {width:260px;}
.square_main .right_dynamic .dynamic_top {width:260px;height:180px;background:url(images/moment/squre_right_head.png) no-repeat center center;padding:30px 25px;margin-bottom:15px;}
.square_main .right_dynamic .dynamic_top .user_detail {display:flex;margin-bottom:23px;cursor:pointer;}
.square_main .right_dynamic .dynamic_top .user_detail .head_portrait {width:60px;height:60px;border-radius:50%;margin-right:20px;}
.square_main .right_dynamic .dynamic_top .user_detail .user_info {display:flex;flex-direction:column;justify-content:space-between;}
.square_main .right_dynamic .dynamic_top .user_detail .user_info .user_name {font-size:18px;font-family:"pingFangBold";font-weight:bold;line-height:25px;color:#333333;}
.square_main .right_dynamic .dynamic_top .user_detail .user_info .user_label {font-size:12px;font-weight:400;line-height:17px;color:#666666;}
.square_main .right_dynamic .dynamic_top .more_trajectory {display:flex;}
.square_main .right_dynamic .dynamic_top .more_trajectory .trajectory_item {display:flex;flex-direction:column;align-items:center;}
.square_main .right_dynamic .dynamic_top .more_trajectory .trajectory_item:nth-child(1) {width:30%;align-items:flex-start;}
.square_main .right_dynamic .dynamic_top .more_trajectory .trajectory_item:nth-child(3) {width:30%;align-items:flex-end;}
.square_main .right_dynamic .dynamic_top .more_trajectory .trajectory_item:nth-child(2) {width:40%;position:relative;}
.square_main .right_dynamic .dynamic_top .more_trajectory .trajectory_item:nth-child(2)::after {position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';width:1px;height:10px;background-color:#BBBBBB;}
.square_main .right_dynamic .dynamic_top .more_trajectory .trajectory_item:nth-child(2)::before {position:absolute;right:0;top:50%;transform:translateY(-50%);content:'';width:1px;height:10px;background-color:#BBBBBB;}
.square_main .right_dynamic .dynamic_top .more_trajectory .trajectory_item .tra_num {font-size:24px;font-family:"shuzi";font-weight:500;line-height:29px;color:#333333;margin-bottom:5px;}
.square_main .right_dynamic .dynamic_top .more_trajectory .trajectory_item .tra_text {font-size:14px;font-weight:400;line-height:20px;color:#999999;}
.square_main .right_dynamic .select_dynamic {width:100%;padding:15px 10px;box-shadow:0px 3px 20px rgba(51,51,51,0.08);margin-bottom:15px;background-color:white;}
.square_main .right_dynamic .select_dynamic .title {font-size:18px;font-family:"pingFangBold";font-weight:bold;line-height:25px;color:#333333;margin-bottom:18px;margin-left:8px;}
.square_main .right_dynamic .select_dynamic .dynamics_box .dynamic_item {width:100%;display:flex;justify-content:space-between;padding:12px 8px;margin-bottom:10px;cursor:pointer;}
.square_main .right_dynamic .select_dynamic .dynamics_box .dynamic_item:hover {background-color:#F5F5F5;}
.square_main .right_dynamic .select_dynamic .dynamics_box .dynamic_item:hover .dynamic_left .item_title {color:#1450EB;}
.square_main .right_dynamic .select_dynamic .dynamics_box .dynamic_item .dynamic_left {flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.square_main .right_dynamic .select_dynamic .dynamics_box .dynamic_item .dynamic_left .item_title {width:100%;font-size:14px;font-weight:400;line-height:22px;color:#333333;}
.square_main .right_dynamic .select_dynamic .dynamics_box .dynamic_item .dynamic_left .dynamic_feedback {font-size:14px;font-weight:400;line-height:20px;color:#818EAF;}
.square_main .right_dynamic .select_dynamic .dynamics_box .dynamic_item .dynamic_right {width:64px;height:64px;}
.square_main .right_dynamic .hot_topic {width:100%;padding:15px 15px 15px 25px;box-shadow:0px 3px 20px rgba(51,51,51,0.08);background-color:#fff;}
.square_main .right_dynamic .hot_topic .title {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px;}
.square_main .right_dynamic .hot_topic .title span {font-size:18px;font-family:"pingFangBold";font-weight:bold;line-height:25px;color:#333333;}
.square_main .right_dynamic .hot_topic .title .switch_botton {font-size:12px;font-weight:400;line-height:17px;color:#818EAF;}
.square_main .right_dynamic .hot_topic .title .switch_botton:hover {color:#1450EB;}
.square_main .right_dynamic .hot_topic .title .switch_botton:hover .iconfont {color:#1450EB;}
.square_main .right_dynamic .hot_topic .title .switch_botton .iconfont {font-size:12px;font-weight:400;line-height:17px;color:#818EAF;}
.square_main .right_dynamic .hot_topic .topic_list .topic_item {display:flex;justify-content:space-between;margin-bottom:17px;cursor:pointer;}
.square_main .right_dynamic .hot_topic .topic_list .topic_item .item_left {display:flex;align-items:center;width:160px;}
.square_main .right_dynamic .hot_topic .topic_list .topic_item .item_left .recommended {width:20px;height:20px;text-align:center;line-height:20px;color:#F64041;font-size:12px;background-color:#FEEBEB;margin-right:10px;border-radius:2px;}
.square_main .right_dynamic .hot_topic .topic_list .topic_item .item_left span {width:130px;font-size:14px;font-weight:400;line-height:20px;color:#333333;}
.square_main .right_dynamic .hot_topic .topic_list .topic_item .item_right {width:40px;font-size:14px;font-weight:400;line-height:20px;color:#999999;}
.square_main .right_dynamic .hot_topic .more_top {width:100%;padding:10px 0;display:flex;justify-content:center;align-items:center;cursor:pointer;}
.square_main .right_dynamic .hot_topic .more_top span {font-size:14px;font-weight:400;color:#999999;margin-right:10px;}
.square_main .right_dynamic .hot_topic .more_top .iconfont {font-size:14px;font-weight:400;color:#999999;}
.user_popper .user_info .user_top {display:flex;align-items:center;margin-bottom:25px;}
.user_popper .user_info .user_top .popover_img {width:50px;height:50px;border-radius:50%;margin-right:20px;}
.user_popper .user_info .user_top .more_info {display:flex;flex-direction:column;justify-content:space-between;}
.user_popper .user_info .user_top .more_info .name {font-size:16px;font-weight:bold;color:#333333;}
.user_popper .user_info .user_top .more_info .des {font-size:14px;font-weight:400;color:#999999;}
.user_popper .user_info .focus_on {display:flex;justify-content:center;align-items:center;width:218px;height:40px;background:#1450EB;margin-bottom:20px;cursor:pointer;}
.user_popper .user_info .focus_on .iconfont {font-size:16px;color:#fff;}
.user_popper .user_info .focus_on span {font-size:16px;font-weight:bold;color:#FFFFFF;}
.user_popper .user_info .harvest {display:flex;align-items:center;width:218px;}
.user_popper .user_info .harvest .har_item {position:relative;display:flex;flex-direction:column;align-items:center;width:50%;}
.user_popper .user_info .harvest .har_item:first-child::after {position:absolute;right:0;top:50%;transform:translateY(-50%);content:'';width:2px;height:18px;background-color:#BBBBBB;}
.user_popper .user_info .harvest .har_item .num {font-size:24px;font-family:'shuzi';font-weight:500;color:#333333;}
.user_popper .user_info .harvest .har_item .font {font-size:14px;font-weight:400;color:#999999;}
.menuPosition {position:fixed;top:80px;left:50%;transform:translateX(-600px);}
.centerBox {margin-left:200px;}
.infoPosition {position:fixed;top:80px;right:50%;transform:translateX(600px);}
.all_comment {font-size:16px;font-weight:bold;line-height:22px;color:#333333;padding-left:20px;}
.nodatastyle {background-color:#fff;box-shadow:0px 3px 20px rgba(51,51,51,0.08);}