/* 浏览器样式重置 */
* { scroll-behavior:smooth; }
body { margin:0; padding:0; font-family:"Microsoft YaHei"; background:none; }
p { margin:0px; }
ul { padding-left:0px; list-style:none; }
input, textarea { font-family:"MicroSoft Yahei";  border:1px solid #ccc; }
  textarea:focus, input:focus { outline-color:#FFD143; }

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:5px; }

/* 通用样式 */
.cursor-pointer { cursor:pointer; }
.display-block { display:block; }
.display-inline { display:inline-block; }
.align-center { text-align:center; }
.float-left { float:left; }
.float-right { float:right; }
.clear-both { clear:both; }

.fontsize14 { font-size:14px; }
.fontsize16 { font-size:16px; }
.fontsize18 { font-size:18px; }

.color333 { color:#333; }
.color999 { color:#999; }
.colorCCC { color:#ccc; }

.plugin_w {
  overflow:hidden;
}

/* 新增功能 */
.white_content{width: 500px; height: 325px;}

/* 表单 */
#form_normal .element_shadow { padding:5px; margin-left:10px; border-radius:5px; background:#FFF; border:none; outline:none; box-shadow:0 2px 0 rgba(170,170,170,0.1); }
#form_normal input[type='file'] { cursor:pointer; }
#form_normal input[type='text'] { margin:10px; width:300px; height:25px; font-size:14px; }
#form_normal select { width:100px; }
#form_normal textarea { width:300px; font-size:14px; }
#form_normal .submit { margin-top:20px; width:100px; height:35px; cursor:pointer; }
#form_normal .submit:hover { color:#FFF; background:#171717; }
/* 锁屏遮罩 */
#lock_win_mask { display:none; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.7); }


.module_width { width:1200px; margin:0 auto; } /* 整体宽度 */
.module_width a { text-decoration:none; } /* 整体宽度 */
.module_width a:visited  { color:#999; } /* 整体宽度 */

/* 左导航 右内容样式 */
  /* 左导航 */
  #left_nav { position:fixed; z-index:200; top:68px; left:0; bottom:-100px; padding:31px 0; width:245px; color:#ccc; overflow-y:scroll; box-sizing:border-box; }
  #left_nav .logo { position:relative; text-align:center; }
  #left_nav .logo img { z-index:2; display:block; margin:0 auto; width:114px; }
  #left_nav .description { margin-bottom:20px; font-size:14px; color:#bbb; text-align:center; }
  #left_nav .navigation .item { border-top:1px solid rgba(127,127,127,0.2); box-sizing:border-box; }
  #left_nav .navigation .link { display:block; padding:7px; font-size:14px; color:#FFF; text-align:center; text-decoration:none;border-radius: 4px; }
  #left_nav .navigation .link:hover, #left_nav .navigation .link.current {color: #fff;background: #2d2e31;font-weight:bold;}
  #left_nav .navigation .link .name { margin-top:2px; margin-bottom:2px; text-align:center; font-size:16px;}
  #left_nav .navigation .link .icon img { width:20px; height:20px; border-radius:50%; }
  #left_nav .child_list { margin:0; max-height:200px; overflow-y:scroll; }
  #left_nav .child_list .child { display:block; padding:10px 9px; font-size:12px; text-align:center; color:#f9f9f9; text-decoration:none; cursor:pointer; }
  #left_nav .child_list .child:hover {color: #FFF;background: #222;font-weight:bold;}
  #left_nav .child_list .icon_text { display:flex; justify-content:center; align-items:center; }
  #left_nav .child_list .icon_text img { margin:0 4px; width:16px; height:16px; }
  /* 主体 */
  #main { margin-left:230px; background:#fff!important;}
  #main .main_content { padding-top:20px; margin:0 auto; width:96%; }
  #main .main_content .nav { display:flex; justify-content:space-between; padding:16px 20px; margin-bottom:17px; height:60px; overflow:hidden; border-radius:6px; box-shadow:0 0 6px #E3E3E3; background:#FFF; box-sizing:border-box; user-select:none; }
  #main .main_content .nav .name .icon { float:left; margin:5px; width:15px; height:15px; border-radius:50%; }
  #main .main_content .nav .name { display:inline-block; margin-right:6px; font-size:16px; font-weight:700;}
  #main .main_content .fast_nav { display:flex; align-items:center;background-color: #499850;border-radius: 20px;white-space: nowrap; }
  #main .main_content .fast_nav a { margin:0 5px; font-size:14px; color:#fff;text-decoration:none;display: block;line-height: 20px;padding: 5px 15px;}
  #main .main_content .fast_nav a:hover { color:#fff; }
  #main .main_content .change_content { padding: 20px; margin-bottom: 40px; border-radius: 6px; background-color: #F9F9F9; }
  #main .main_content .change_content_modify { padding: 50px; width: 800px; border-radius: 6px; background-color: #F9F9F9;margin:0 auto 40px; }
  /* 底部 */
  #main>.bottom { margin:0 auto; width:1050px; }
  #main>.bottom .ad { display:flex; justify-content:space-between; align-items:center; }
  #main>.bottom .ad a { width:49.5%; height:82px; text-decoration:none; background-size:100%; background-repeat:no-repeat; border-radius:5px; }
  #main .footer { margin:38px 0 18px; display:flex; font-size:12px; }
  #main .footer .copyright { color:#bbb; text-align:left;display:none; }
  #main .footer .link { margin-left:20px; text-decoration:none; }
  #main .footer .link a { margin-left:10px; text-decoration:none; }

  /* 链接模块 */
  #type_site .type_item { display:inline-block; margin:0 5px 15px; padding:8px 12px; font-size:12px; border-radius: 3px;font-weight:900; color:#666; background:#FFF; box-shadow: 0 2px 4px 0 rgba(184,184,184,.5); }
  #type_site .type_name { display:flex; justify-content:center; align-items:center; user-select:none; }
  #type_site .icon { margin-right:5px; width:17px; height:17px; border-radius:50%; }
  #type_site .type_name.addtype .icon { width:11px; margin-right:3px!important; }
  #type_site .type_list { display:flex; flex-wrap:wrap; margin-bottom:20px; }
  #type_site .type_item_position{position:relative;top:-120px;display:inline-block;}
  #site_list { display: flex;flex-wrap: wrap;}
  .zwxx{ margin: 0 auto;line-height: 260px;text-align: center;height: 260px;font-size: 32px;}
  #site_list .site_item { position:relative; z-index:3; margin:10px; padding:10px 20px 17px; width:238px; border-radius:4px; background:#FFF; box-shadow:0 0 0 1px rgba(231, 234, 243, .7), 0 4px 6px -2px rgba(140, 152, 164, .2); box-sizing:border-box; }
  #site_list .site_item:hover {box-shadow: 0 0 10px #ccc;border-radius: 4px;border-color: #ccc;box-shadow: 5px 5px 10px rgba(0,0,0,.05),-5px 0 10px rgba(0,0,0,.05);transition: all 0.1s linear;}
  #site_list .site_item:hover .site_name,#site_list .site_item:hover  .description{color:#000;}
  #site_list .site_item .top { display:flex; align-items:center; margin:7px 0; color:#333; overflow:hidden; text-decoration:none; }
  #site_list .site_item .site_icon { width:32px; height:32px; border-radius:32px; box-sizing:border-box; }
  #site_list .site_item .site_icon img { width:100%; height:100%; border-radius:32px; box-sizing:border-box; border-radius:50%; }
  #site_list .site_item .site_name { margin-left:8px; font-weight:700; font-size:15px; color:inherit; }
  #site_list .site_item .description { font-size:12px; margin-bottom: 10px;color:#666; height: 3em;line-height: 1.5em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: justify;cursor: pointer;word-break: break-all;text-overflow: ellipsis;}
  #site_list .site_item .bottom { display:flex; justify-content:space-between; align-items:center; margin-top:12px; font-size:12px; }
  #site_list .site_item .bottom .btm_same_1 { color:#bbb; font-size:12px; background-size:14px; text-decoration:none; background-repeat:no-repeat; background-position:left center; user-select:none; cursor:pointer; }
  #site_list .site_item .bottom a:hover{color:#000;}
  #site_list .site_item .bottom .click { padding-left:20px; cursor:pointer; }
  #site_list .site_item .bottom .like { padding-left:20px; cursor:pointer; }
  #site_list .site_item .bottom .website { padding-left:20px; cursor:pointer; }
  #site_list .site_item .bottom .contact { padding-left:20px; cursor:pointer; }
  #site_list .site_item .bottom .user { display:flex; align-items:center; font-size:14px; color:#333; text-decoration:none; }
  #site_list .site_item .bottom .user img { margin-right:5px; width:20px; height:20px; border-radius:50%; }
  #site_list .site_item .site_mask { position:absolute; z-index:999; top:0; left:0; width:100%; height:100%; border-radius:5px; }
  #site_list .site_item .site_mask .tips { display:flex; align-items:center; justify-content:center; position:relative; z-index:2; width:100%; height:100%; padding:10px; color:white; user-select:none; box-sizing:border-box; }
  #site_list .site_item .site_mask .blur { position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-color:rgba(50,50,50,0.9); border-radius:5px; }

 /* 首页 */
 #index-module .change_content { padding:0!important; background:#FFF!important; }
 #index-module .change_content #type_site { padding:20px; margin-bottom:40px; background:#F9F9F9; border-radius:5px; }
  /* 修改/添加页面 */
  #modify-module .modify_form { position:relative; }
  #modify-module .modify_form .icon { display:flex; align-items:center; width:100%; height:80px; }
  #modify-module .modify_form .form_element_shadow { padding:5px; margin-left:10px; border-radius:5px; background:#FFF; border:none; outline:none; box-shadow:0 2px 0 rgba(170,170,170,0.1); }
  #modify-module .modify_form .icon img { width:50px; height:50px; }
  #modify-module .modify_form input[type='file'] { cursor:pointer; }
  #modify-module .modify_form input[type='text'],  #modify-module .modify_form input[type='number'] { margin:10px; width:300px; height:25px; font-size:14px; }
  #modify-module .modify_form select { width:150px; }
  #modify-module .modify_form textarea { width:300px; resize:vertical; font-size:14px; }
  #modify-module .modify_form .modify_submit { margin-top:20px; width:100px; height:35px; cursor:pointer; }
  #modify-module .modify_form .modify_submit:hover { color:#FFF; background:#171717; }
  #modify-module .site_isokuser { position:absolute; top:20px; right:0; width:200px; }
  #modify-module .site_isokuser .module_title_cus { font-size:16px; }
  #modify-module .site_isokuser .tips { color:#999; }
  #modify-module .site_isokuser .form_element_shadow  { margin:10px 0 0 0; width:180px; height:200px; }
  /* 管理 - 设置 */
  #manage-module #set_module .submit { display:block; }
  #manage-module #set_module .ad { display:flex; justify-content:space-between; }
  #manage-module #set_module .same_ad_item { width:48%; }
  #manage-module #set_module .same_ad_item img { margin-bottom:10px; width:100%; }
  #manage-module #set_module textarea { margin:10px 0; width:500px; min-height:100px; }
  /* 管理 - 分类 */
  #manage-module #class_module { position:relative; }
  #manage-module #class_module .type_list { display:block; }
  #manage-module #class_module .type_item { display:block; padding:10px; }
  #manage-module #class_module .type_name { display:flex; align-items:center; height:20px; cursor:pointer; }
  #manage-module #class_module .type_name .icon { margin-right:5px; width:15px; height:15px; }
  #manage-module #class_module .child_list { display:flex; align-items:center; flex-wrap:wrap; padding:10px 0; height:auto; }
  #manage-module #class_module .child_list .child_item { margin:5px 10px; }
  /* 管理 - 全部 */
  #manage-module #all_module #type_site { overflow:hidden; }
  #manage-module #all_module .type_list { float:left; justify-content:center; padding:10px 0; width:150px; background:#FFF; }
  #manage-module #all_module #site_list { margin-left:160px; }
  #manage-module #all_module #type_site .type_item { margin:10px 5px 0; width:100%; text-decoration:none; box-shadow:none; }
  #manage-module #all_module .child_list { margin:0; max-height:200px; overflow-y:scroll; }
  #manage-module #all_module .child_list .child { display:block; padding:9px; font-size:12px; text-align:center; color:#686868; text-decoration:none; cursor:pointer; }
  #manage-module #all_module .child_list .child.current { border-bottom:1px solid #ddd; }
  #manage-module #all_module .child_list .icon_text { display:flex; justify-content:center; align-items:center; }
  #manage-module #all_module .icon_text img { margin-left:4px; width:16px; }

  /* 弹窗 */
  #manage-module #class_module .class_info { display:none; position:fixed; z-index:200; left:0; right:0; top:15%; margin:auto; padding:10px; width:40%; height:300px; background:#FFF; box-shadow:0 0 10px rgba(100,100,100,0.2); }
  #manage-module #class_module .class_info #form_normal { display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; }
  #manage-module #class_module .class_info .element_shadow { margin:10px 0; }
  #manage-module #class_module .class_info .icon { display:flex; flex-direction:column; align-items:center; }
  #manage-module #class_module .class_info .view_wrap { padding:0px; width:50px; height:50px; box-shadow:0 0 10px rgba(50,50,50,0.2); border-radius:50%; overflow:hidden; }
  #manage-module #class_module .class_info .view_img { width:100%; height:100%; }
  #manage-module #class_module .class_info .info { display:flex; flex-direction:column; align-items:center; }
  #manage-module #class_module .class_info [name='site_icon'] { margin-left:20px; }
  #manage-module #class_module .class_info .opera_button { display:flex; }
  #manage-module #class_module .class_info .submit { display:block; width:100px; }

/* 底部 #plugin_footer */
  /* 右侧悬浮导航 */
  #plugin_footer .right_nav { position:fixed; display:none; right:0.8%; bottom:35%; background:#FFF; }
  /* 返回顶部 */
  #plugin_footer .right_nav .go_top { display:none; width:30px; height:30px;cursor:pointer; }

	#listmeg{
		padding:30px 20px 20px;
	}
	#listmeg img{
		max-width:100%;
	}
	#listmeg .bimg{
		display:block;
		margin:auto;
	}
	#listmeg .top{
		display:flex;
		height:135px;
	}
	#listmeg .top .left{
		width:80%;
		display:flex;
		float: none;
		line-height:30px;
	}
	#listmeg .top .name{
		padding:35px 10px 0;
		font-size:24px;
	}
	#listmeg .top .position{
		padding:35px 0 0;
		font-size:12px;
	}
	#listmeg .top .site_name{
		font-size:14px;
	}
	#listmeg .top .right{
		width:20%;
		text-align:center;
		float: none;
	}
	#listmeg .bottom{
		display:flex;
		border-top: 5px solid #4caf50;
	}
	#listmeg .bottom .left{
		width:80%;
		float: none;
		font-size:12px;
		padding-top: 10px;
		padding-left: 10px;
	}
	#listmeg .bottom .left h3{
		font-size: 15px;
		margin-bottom: 5px;
	}
	#listmeg .bottom .right{
		width:20%;
		float: none;
		padding-top: 25px;
	}
	.close-tc{
		right: 10px;
		top: 10px;
	}
	#site_list .site_item .bottom .contact:hover{
		color:#666;
	}
	#site_list .site_item .bottom .website:hover{
		color:#666;
	}