/*reset
font-size:12px; 
img { vertical-align: top; border: 0; }
*/
body { margin: 0; padding: 0; color: #323232; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Microsoft YaHei", tahoma, arial, "\5B8B\4F53"; font-weight: normal!important; background-color: #F5F5F5; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { padding: 0; margin: 0; }
table, td, tr, th { }
li { list-style-type: none; }

ol, ul { list-style: none; }
address, code, em, th, s, i { font-weight: normal; font-style: normal; }
s { color: #909090; margin: 0 10px; text-decoration: none; }
body.right-open { overflow-y: clip; }
.img-fluid { max-width: 100%; height: auto; }
body { background: #F4F6F9; }
/*other*/
.header_nav { font-size: 15px; transform: translateY(-3px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); }
.header_logo {width:169px; margin-right: 62px; }
.header_logo img{width:169px; height:auto;}
.header_nav_item { padding: 0 25px; color: #1f2937; font-size: 17px; cursor: pointer; white-space: nowrap; }
.header_nav_item:hover { color: #5F2FBE; }
.header_nav_item_selected { color: #5F2FBE; font-weight: bold; }

.header_right_login { height: 33px; width: 95px; text-align: center; border-radius: 33px; border: 1px solid #000000; line-height: 33px; font-size: 15px; }
.header_search_icon { margin-right: 27px; }
.header_new_media_icon { margin-left: 27px; font-size: 15px; }
.header_new_media_text { font-size: 15px; }
.header_right_nav_item { padding: 0 15px; font-size: 16px; }
.header_right_nav_item_last { padding-right: 0; }
.header-avatar-container { position: relative; cursor: pointer; }
.header-avatar {width:30px; height:60px; padding-top:15px;}
.header-avatar img{ width:30px; margin:0 auto; height: 30px; border-radius: 50%; }
.header-avatar-container:hover .header-avatar { transform: scale(1.05); }
.header-dropdown-menu { position: absolute; right: 0; top: 60px; width: 220px; background-color: white; border-radius: 0 0 8px 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); padding: 8px 0; padding-top: 0; opacity: 0; visibility: hidden; transform: translateY(10px) scale(0.95); transform-origin: top right; transition: all 0.3s ease; z-index: 99999; }
.header-avatar-container:hover .header-dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.header-avatar-container-icon { display: inline-block; width: 16px; height: 16px; margin-left: 6px; margin-right: 8px; margin-top: -4px; }
.header-dropdown-menu-item { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; color: #333; font-size: 14px; transition: background-color 0.2s ease; }
.header-dropdown-menu-item:hover { background-color: #F3ECFF; }
.header-dropdown-menu-item .left { display: flex; align-items: center; }
.header-dropdown-menu-item i { margin-right: 10px; font-size: 16px; }
.header-dropdown-menu-item .header-dropdown-personal { background-color: rgba(79, 70, 229, 0.1); color: #4F46E5; font-weight: 500; }
.header-dropdown-menu-item .header-dropdown-logout { color: #ff4d4f; }
.header-dropdown-divider { height: 1px; background-color: #f0f0f0; margin: 0px 0; }


.header_right_action_list{text-align:right;}
.header_right_action_item{float:left; display:flex; margin-right:22px; cursor:pointer;}
.header_right_action_item_icon{width:24px; height:24px; margin-right:5px; position: relative; }
.header_right_action_item_icon img{width:24px; height:24px;}
.header_right_action_item_text{font-size:16px; line-height:24px; cursor: pointer;}
.header_right_action_item_badge{color:#fff; background:#F53F3F; border:1px solid #F42E2E; text-align:center; font-size:9px; height:13px; width:22px; border-radius:8px; position: absolute; bottom: 0; left: 10px; right:-5px; top:-2px; line-height:12px; overflow:hidden; }

.header_media_list{width:100%; height:280px; position:fixed; top:62px; left:0; z-index:50; background:#fff; border-bottom:1px solid #eee; }
.header_media_items{width:800px; margin:0 auto; display:flex;  padding-top:30px;}
.header_media_item{width:200px; text-align:center; }
.header_media_item_image{width:180px; margin:0 auto; background:#fff; }
.header_media_item_image img{width:180px; height:180px; padding:8px; border:1px solid #ddd;}
.header_media_item_title{color:#000000; font-size:16px; line-height:26px; width:100%; text-align:center; margin-top:15px;}

.header_user_message_list{width:671px; position:fixed; top:62px; right:0; background:#fff; z-index:50; padding:22px; border-left:1px solid #eee; border-bottom:1px solid #eee; border-radius:0 0 0 15px; min-height:800px; }
.header_user_message_title{display:flex;}
.header_user_message_title_left{font-size:18px; color:#000; width:530px; }
.header_user_message_title_right{}
.header_user_message_title_right a{height:33px; width:88px; text-align:center; color:#5F30BE; border:1px solid #5F30BE; border-radius:4px; display:inline-block; line-height:32px; }
.header_user_message_item {padding: 20px 0; border-bottom: 1px solid #e5e9ef; }
.header_user_message_item_header { display: flex; align-items: center; }
.header_user_message_item_avatar { width: 32px; height:32px; position:relative; }
.header_user_message_item_avatar img { width:32px; height:32px; border-radius:50%; }
.header_user_message_item_no_read {width:8px; height: 8px;opacity: 1; background: #F65151; border-radius:8px; position:absolute; top:0; right:-5px; }
.header_user_message_item_author {margin-left:15px; font-size:17px; line-height:33px; margin-right: 15px; width:500px; }
.header_user_message_item_tool { color: #1B6EFC; border-radius:4px; font-size:16px; height:26px; width:50px; margin-left:20px; overflow:hidden; text-align:center; line-height:24px; cursor:pointer; }
.header_user_message_item_tool a{display:block}
.header_user_message_item_content { font-size: 14px; line-height:28px; padding-left:45px; color:#626262; }
.header_user_message_item_content_hidden { height:28px; overflow:hidden; }
.header_user_message_item_file {padding-left:45px;}
.header_user_message_item_file_item{margin:5px 0;line-height:18px; height:18px; padding-left:20px; background:url(../images/icon_message_file.png) left center no-repeat; }
.header_user_message_item_file_item a{color:#0867E7;}
.header_user_message_item_date { font-size: 12px; color: #888; padding-left:45px; margin-top:10px; }

/*position:absolute; top:0; left:auto; right:auto; top:calc(50% - xxx/2);left:calc(50% - xxx/2);*/
/*
 position:absolute; top:calc(50% - 182/2); left:calc(50% - 728/2); 
 */
.nav_search { width: 728px; height: 182px; position: absolute; top: 0; left: 0; right: 0; margin: auto; display: none; }
.nav_search_form { height: 64px; display: flex; background: #fff; margin-bottom: 5px; padding-top: 20px; }
.nav_search_form_icon { height: 31px; }
.nav_search_form_icon img { width: 24px; height: 24px; margin-right: 10px; }
.nav_search_form_input { height: 24px; width: 650px; }
.nav_search_form_input input { width: 100%; }
.nav_search_form_close { height: 30px; }
.nav_search_form_close img { width: 24px; height: 24px; }
.nav_search_keyword { height: 116px; background: #fff; border-radius: 8px; border: 1px solid #FDFDFD; padding: 0 15px; }
.nav_search_keyword_title { font-size: 19px; line-height: 60px; }
.nav_search_keyword_list { display: flex; }
.nav_search_keyword_list a { line-height: 32px; height: 32px; font-size: 14px; background: #F4F6F9; border-radius: 32px; margin-right: 10px; padding: 0 15px; }
.footer_bg { background: #414347; width: 100%; margin-top: 100px; color: #fff; }
.footer_logo_intro { line-height: 40px; }
.footer_logo_box { width: 40%; }
.footer_logo { width: 169px; height: 24px; }
.footer_nav { width: 60%; text-align: right; line-height: 50px; }
.footer_nav_item { padding: 0 30px; color: #fff; font-size: 15px; cursor: pointer; white-space: nowrap; }
.footer_nav_item_last { padding-right: 0; }
.footer_nav_item:hover { color: #eee; }
.footer_copyright { height: 89px; line-height: 89px; text-align: center; border-top: 1px solid #484A4D; }
.no_more_tip { text-align: center; }
.other_way { margin-top: 30px; width: 100%; padding-bottom: 100px; }
.other_way_title { display: flex; margin-bottom: 30px; }
.other_way_title_line { background: #EFEFEF; height: 1px; width: 45%; margin-top: 10px; }
.other_way_title_center { text-align: center; font-size: 14px; color: #7D8895; width: 150px; }
.other_way_list { display: flex; width: 100%; }
.other_way_item { width: 50%; text-align: center; }
.other_way_item_icon { width: 32px; height: 32px; margin: 0 auto; }
.other_way_item_icon img { width: 32px; height: 32px; border-radius: 100%; }
.other_way_item_text { font-size: 13px; line-height: 36px; }
.login_agreement { color: gray; line-height: 38px; font-size: 13px; padding-top: 15px; }
.login_agreement a { color: blue; }


.theme_color { color: #6132BF; }
.theme_color a { color: #6132BF; }
.theme_color a:hover { color: #6132BF; }


/*解决对不齐的问题*/
.layui-table-cell .layui-form-checkbox[lay-skin="primary"]{
  top: 50%;
  transform: translateY(-50%);
  align-items:bottom;
}


/*多图片上传样式*/
.multi_image_upload_list{display:flex; padding:10px 0;}
.multi_image_upload_item{position: relative; padding: 3px; height:90px;}
.multi_image_upload_item_image{z-index: 1; width: 90px; height: 90px;}
.multi_image_upload_item_image img{width:84px; height:84px; padding:3px; border:1px solid #eee;}
.multi_image_upload_item_del{top: 0px; right: 0px; z-index:999; width:20px; height:20px; position:absolute;}
.multi_image_upload_item_del img{width:100%; height:100%;}


/*返回顶部*/
.side_bar{width:80px;  position:fixed; bottom:200px; right:0; text-align:center; border-radius: 4px; justify-content: center; align-items: center;
background: #FFFFFF; box-shadow: -2px 0px 12px 0px rgba(0, 0, 0, 0.06); z-index:999;}
.side_bar_line{width:28px; margin:0 auto; background: #DADDE0; height:1px; text-align:center; }
.side_bar_item{ padding:15px 0;  position:relative;  }
.side_bar_item a{display:inline-block;}
.side_bar_item_icon{width:28px; height:28px; margin:0 auto;}
.side_bar_item_icon img{width:100%; height:100%;}
.side_bar_item_text{font-size:16px; color:#000; line-height:24px;}
.side_bar_item_image{ position:absolute; width:200px; height:200px; z-index:99; right:80px; top:0; background:#fff; display:none;}
.side_bar_item_image img{width:190px; height:190px; margin:5px; border:1px solid #eee;}
.side_bar_contact:hover .side_bar_item_image{display:inline-block;}


/* 查看更多按钮 */
.view-more { text-align: center; margin: 20px 0; }
.view-more-btn { background-color: white; color: #6132BF; border: 1px solid #6132BF; border-radius: 4px; padding: 8px 20px; font-size: 14px; cursor: pointer; transition: all 0.3s; }
.view-more-btn:hover { background-color: #6132BF; color: white; }



/*登录页*/
.form_send_sms_button{display:block; width:100%;}
.form_send_sms_button:disabled{background:gray;}


/*解决Layui下拉框与ueditor编辑器互相遮盖的解决方法*/
.layui-form-select dl{z-index: 1000;}


.text_center{text-align:center;}