/* CSS Document
* https://v3.bootcss.com/css/#overview-mobile
*/
/*
常用颜色
橙色 #FF7D04
橙红 #DE4E40
淡清 #C6E7FF
淡灰 #F8F8F8
深灰 #ECECEC
淡蓝 #C8EEFF;
*/
/*页面总体的css风格样式*/
/** {
	margin: 0;
	padding: 0;
}*/
body {
	width: 1000px;
	text-align: left;
	/*font-family: Tahoma,Helvetica,Arial,'宋体',sans-serif;*/
	font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
	margin: 0px auto 0px auto;
	padding: 0px;
	/*background:  #ffffff; !*#68A5F8*!*/
	/*font-size: 12px;*/
	/*line-height: 18px;*/
	overflow: auto;
	-webkit-text-size-adjust: 100% !important;
}
/*@media (max-width: 1000px){*/
/*	body{*/
/*		font-size: 30px;*/
/*		line-height: 50px;*/
/*	}*/
/*}*/
body.bg {
	min-width: 100%;
	width: 100%;
	/*background-color: #f6f6f6;*/
	overflow: auto;
	margin: 0px auto 0px auto;
}
div {
	margin: 0;
	padding: 0;
	border: 0;
}
input.big-edit {
	height: 22px;
	font-size:16px;
    box-shadow: 0 0 1px #CCCCCC inset;
    font-weight: 600;
    padding-left: 5px;
    color: #555;
    line-height: 22px;
}
select.small{
	height:24px;
	font-size:12px;
	padding:2px 2px;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    /*width: 60px;*/
    /*margin: 2px 0px 2px 0px;*/
    /*width:auto;*/
}
label{
	display: inline;
	margin: 0px 0px;
}
label.label{
	margin: 0px 0px;
}
ul{
	list-style-type: none;
}
form{
	margin:0px 0px;
	padding:0px 0px;
}
a{text-decoration: none;} /* 链接无下划线,有为underline */
a.underline{text-decoration:underline} /* 指定有下划线的链接*/
/*a:link {color: #0088CC} !* 未访问的链接 #282580;*!*/
/*a:visited {color: #0088CC} !* 已访问的链接 *!*/
a:hover{color: red;text-decoration:none;} /* 鼠标在链接上 */
/*a:active {color: #0088CC;text-decoration:none;} !* 点击激活链接 *!*/
/*黑色的超链接*/
.blackLink a:link {color: #333} /* 未访问的链接 #282580;*/
.blackLink a:visited {color: #333} /* 已访问的链接 */
.blackLink a:hover{color: #0088CC;text-decoration:none;} /* 鼠标在链接上 */
.blackLink a:active {color: #333;text-decoration:none;} /* 点击激活链接 */
/*超链接中的图片无边框*/
a img{
	border:0px;
}
/*表格通用部分
td {
	line-height: 19px;
}*/
pre{
	display:block;
	padding:9.5px;
	margin:0 0 10px;
	color:#333333;
	word-break:break-all;
	word-wrap:break-word;
	background-color:#f5f5f5;
	border:1px solid #cccccc;
	border-radius:4px;
}
hr {
	margin: 4em auto;
	width: 300px;
	max-width: 100%;
	border: none;
	border-top: 1px solid #d3d3d3;
}
blockquote {
	 padding: 10px 20px;
	 margin: 0 0 20px;
	 border-left: 5px solid #eeeeee;
}
/*树中的checkbox*/
.tree-check-box {
	border:0px none;
	background: none transparent scroll repeat 0% 0%;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	height: 18px;
}
/*大文本*/
.big-text {
	font-size:16px;
    font-weight: 600;
    color: #555;
    line-height: 22px;
}

/*总框架布局*/
.main{
	clear: both;
	margin: 0px auto;
	padding: 0px 0px;
	overflow-x: auto;
	overflow-y: auto;
	/*background-color: #FFFFFF;*/
}
@media (min-width: 1200px) {
	.bg .main {
		max-width: 1200px;
		min-width: 1000px;
		/*margin-top: 6px;*/
		/*background-color: #F8F8F8;*/
	}
}
/*在手机等小屏幕上隐藏，在大屏幕上显示*/
.mini-hide-large-visible{
	display: none !important;
}
@media (min-width: 768px) {
	/*pc显示器最小稍微大一点*/
	.mini-hide-large-visible{
		display: block !important;
	}
}
/*在手机等小屏幕上显示，在大屏幕上隐藏*/
.mini-show-large-hide{
	display: block;
}
/*在手机小显示器上加一个下底，用于显示底部工具栏*/
.main{
	margin-bottom: 80px;
}
@media (min-width: 768px) {
	/*pc显示器隐藏*/
	.mini-show-large-hide{
		display: none;
	}
	.main{
		margin-bottom: 0px;
	}
}

/*.container{*/
/*	padding-left: 0px;*/
/*	padding-right: 0px;*/
/*}*/
.padding-box{
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 1200px) {
	.padding-box{
		padding-left: 25px;
		padding-right: 25px;
	}
}
.top {
	/*width: 1000px;*/
	/*min-width: 997px;*/
	clear: both;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	/*background: #FFFFFF;*/
}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
	.top {
		min-width: 997px;
	}
	.top .myblog{
		max-width: 1200px;
		min-width: 1000px;
	}
	.top .index{
		max-width: 1200px;
		min-width: 1000px;
	}
}
.top .myblog{
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: space-between;
	width: 100%;
	/*max-width: 1200px;*/
	/*min-width: 1000px;*/
	margin: 0px auto;
	/*border: 1px solid red;*/
}
.rc .myblog{
	padding: 3px 0px;
	/*justify-content: left;*/
	align-items: center;
}
.rc .myblog h3{
	/*margin: 0px 0px 0px 10px;*/
}
.top .index{
	display: -webkit-flex; /* Safari */
	display: flex;
	/*justify-content: space-between;*/
	width: 100%;
	/*max-width: 1200px;*/
	/*min-width: 1000px;*/
	margin: 0px auto;
}
.top .index .indexToolbar{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.footer {
	clear: both;
	margin: 0px auto;
	padding: 30px 10px 20px 10px;
	border: 0px solid #666;
	text-align: center;
	color: #888888;
	border:0px solid red;
}
.footer .rights{
	width: 100%;
	color: #888888;
}
.footer a{
	color: #888888;
}
/*@media (max-width: 1000px){*/
/*	.footer{*/
/*		font-size: 12px;*/
/*		line-height: 18px;*/
/*	}*/
/*}*/
/*svg的颜色*/
.bi {
	/*vertical-align: -.125em;*/
	fill: currentColor;
}
/*分割线*/
.splitLine {
	border-bottom: 1px solid #EEE;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
/*左右分割的布局*/
.leftRightLayout{
	display: flex;
	margin-top: 6px;
}
.shadowBox {
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	/*background-color: White;*/
	/*overflow: visible;*/
	margin-right: 3px;
	margin-bottom: 3px;
}
.mainLeft{
	/*width: 780px;*/
	/*padding: 10px 10px;*/
	/*word-break: break-all;*/
	/*overflow: hidden;*/
	/*width: 100%;*/
	/*width: 780px;*/
	width: 100%;
	/*min-width: 780px;*/
	/*border: 1px solid red;*/
}
.mainRight{
	width: 240px;
	min-width: 240px;
	max-width: 240px;
	overflow: hidden;
	height: 100%;
	margin-left: 5px;
	/*border: 1px solid blue;*/
	/*padding: 10px 10px;*/
}
.top-logo{
	height: 50px;
	overflow: visible;
}
.top-nav{
	clear:both;

}
.top-nav li{
	padding:0px 0px;
	border: 0px solid black;
	list-style: none;
	float:left;
	text-align: center;
	line-height: 35px;
}
.top-nav ul.main-nav {
    background: url(/common/images/nav/top-nav.png) repeat-x 0px 0px;
    height: 40px;
    border: 0px solid red;
    margin: 0px 0px;
	padding: 0px 0px;
	overflow: hidden;
	font-weight: bold;
	font-size: 18px;
	font-weight: 700;
	line-height: 35px;
	letter-spacing: 5px
}
.top-nav ul.main-nav li{
	padding:0px 0px;
	width: 	180px;
}
.top-nav ul.main-nav li.active {
	background: url(/common/images/main.png) no-repeat -100px -300px;
}
.top-nav ul.small{
	letter-spacing: 0px;
}
.top-nav ul.small li{
	width: 	120px;
	margin-left: 0px;
	margin-right: 0px;
}
.top-nav ul.small li.active {
	background: url(/common/images/main.png) no-repeat -305px -300px;

}
.top-nav ul.main-nav li.active a{
	color: #FFFFFF;
}
.top-nav ul.main-nav a{
    text-align: center;
    display: block;
    height: 40px;
    color: #00b0df;
}
.top-nav ul.main-nav a:hover {
  background: url(/common/images/main.png) no-repeat -305px -300px;
  color: #FFFFFF;
}
.top-nav ul.sub-nav{
	clear: both;
	height: 37px;
	border: 0px solid black;
	margin: 0px 0px;
	background: #00B0DF;
	overflow: hidden;
}
.top-nav ul.sub-nav li{
	width: 100px;
	margin: 3px 5px 0px 5px;
}
.top-nav ul.sub-nav li.big{
	width: 140px;
}
.top-nav ul.sub-nav a{
	font-size: 14px;
	font-weight: normal;
	line-height: 26px;
	letter-spacing: 2px;
	color: #fff;
	padding: 0px 0px;
	display: block;
}

.top-nav ul.sub-nav li.active{
	background: url(/common/images/main.png) no-repeat -300px -400px;
}
.top-nav ul.sub-nav li.active-big{
	background: url(/common/images/main.png) no-repeat -100px -400px;
}
.top-nav ul.sub-nav li.active a{
	color: #00b0df;
}
.top-nav ul.sub-nav a:hover {
	background: url(/common/images/main.png) no-repeat -300px -400px;
	color: #00b0df;
}
.top-nav ul.sub-nav .big a:hover {
	background: url(/common/images/main.png) no-repeat -100px -400px;
}
.banner {
	float: left;
	margin: 10px 0px 0px 50px;
}
.debug{
	border: 1px solid red;
}
.gry-num{
	color: #888;
}
/*登录状态栏*/
.login-nav {
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: center;
	/*font-family: 宋体, Arial, Tahoma;*/
	/*font-size: 14px;*/
	/*margin-top: 2px;*/
	float: right;
	/*margin-right: 5px;*/
}
img.logo {
	margin: 0px 0px 0px 0px;
	float: left;
}
img.small-logo {
	height: 34px;
	border-radius: 5px;
}
/*小屏幕，手机*/
@media (max-width: 768px) {
	#topSearch{
		width: 100%;
	}
}


/*一行显示*/
.nopoint {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
/*一行显示*/
/*---------------------------------*/
/*导航条*/
/*---------------------------------*/
.nav-bar{
	clear: both;
	margin: 0px 0px;
	padding: 0px 0px;
}
.nav-bar ul {
	margin: 0px 0px;
	padding: 0px 0px;
	overflow: hidden;
	border: 0px solid brown;
	display: flex;
}
.nav-bar li{
	width: 100px;
	padding: 8px 8px;
	list-style: none;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.nav-bar li.activetab a {
	color: #121212;
	font-weight: 600;
	border-bottom: 4px #DD127B solid;
}
.nav-bar a {
	font-size: 18px;
	line-height: 18px;
	color: #8c8c8c;
	text-align: center;
    text-decoration:none;
	padding-bottom: 5px;
	/*height: 100px;*/
}
.nav-bar.ul a:hover {
  background:#fff;
  color: #282580;
}

.nav-bar-mini li {
	width: auto;
	margin-left: 5px;
	margin-right: 5px;
	padding: 12px 6px 5px 6px;
}
.nav-bar-mini li.activetab a {
	font-weight: bold;
	border-bottom: 2px #DD127B solid;
	color: #666;
}
.nav-bar-mini a{
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 2px;
}

.nav-button{
	color: #121212;
	border: 0px;
	border-bottom: 3px #DD127B solid;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	text-decoration:none;
	padding: 4px 4px;
	border-radius: 0px;
}

/*位置导航*/
.navigation{
	clear: both;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	border: 0px solid red;
	background: #FFFFFF;
	font-size: 12px;
}
.navigation .arrow{
	margin: 0px;
	padding: 0px;
}
.navigation a{
	text-decoration: underline;
}

.pop-body{
	clear: both;
	margin: 0px;
	padding: 30px 10px 10px 10px;
	border: 0px solid #666;
	background: #FFFFFF;
}

/*新功能，会有一个new的标记
.new{
	background: url(/common/images/new.gif) no-repeat ;
	border:1px blue solid;
}*/

/*左边导航条*/
.leftMenu {
	margin: 11px 0px 0px 0px;
	padding:0px 0px;
	font-size:12px;
	font-weight:normal;
	border: 0px red solid;
	background: url(/images/menu/snav_sprite.png) no-repeat scroll left bottom transparent;
    overflow: hidden;
    padding-bottom: 92px;
    width: 184px;
}
.leftMenu a {
	padding: 5px 5px 5px 30px;
	color: grey;
	text-decoration:none;
	display: block;
	font-weight:normal;
}
.leftMenu a:hover {
	padding-right:2px;
	color: #00B0DF;
	background: url(/images/menu/snav_sprite.png) no-repeat scroll -353px -47px;
}
.leftMenu ul {
	background: url(/images/menu/snav_repeate.png) repeat-y right bottom;
    border-top: 1px solid #CCEBF2;
    padding: 0px 0 130px 0px;
    margin: 0px 0px;
    padding-top:10px;
}
.leftMenu ul li{
	margin: 0px  0px 0px 18px;
	padding: 0px 0px;
	list-style: none;
	font: bold 16px '宋体';
	cursor:pointer;
	letter-spacing: 2px;
	height: 48px;
	text-align: left;
	line-height:38px;
	background: url(/images/menu/snav_sprite.png) no-repeat scroll right bottom;
    width: 165px;
    border: 0px solid red;
}
.leftMenu li.active {
	margin-top: -2px;
	padding-right:2px;
    background-position: -184px -47px;
}
.leftMenu li.active a {
	color: #00B0DF;
	font-weight: bold;
}


/*翻页*/
.page {
	clear: both;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px;
	text-align: right;
	font-family: 宋体, Arial, Tahoma;
	font-size: 12px;
	color: grey;
}
.page .enable{
	border: #7BC2E0 1px solid;
	padding: 3px 5px 3px 5px;
	color: #7BC2E0;
	margin: 1px 1px;
}
.page .disable{
	border: #C8C8C8 1px solid;
	padding: 3px 5px 3px 5px;
	color: #C8C8C8;
	margin: 1px 1px;
}
.page .current{
	border: #7BC2E0 1px solid;
	padding: 3px 5px 3px 5px;
	background-color: #7BC2E0;
	color: white;
}
.page A:hover {
	border: #7BC2E0 1px solid;
	background-color: #7BC2E0;
	color: white;
}

/*蓝色标题框*/
.text-title{
	color: #7BC2E0;
	font-weight: bold;
	height: 26px;
	padding: 5px ;
}
/*列表显示*/
ul.list {
	list-style-type: none;
	white-space : nowrap;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
ul.list li {
	clear: left;
    float: left;
}

/*在一行中显示*/
ul.inline {
	list-style-type: none;
	white-space : nowrap;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
ul.inline li{
	FLOAT: left;
	overflow: visible;
	padding: 0px 6px 0px 6px;
	margin-left: -1px;
	TEXT-ALIGN: center
}
/*在一行中显示并显示分割线*/
ul.inline-gray {
	list-style-type: none;
	white-space : nowrap;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
ul.inline-gray li{
	FLOAT: left;
	overflow: hidden;
	padding: 0px 6px 0px 6px;
	BACKGROUND: url(/common/images/css.gif) no-repeat 0px -243px;
	MARGIN-LEFT: -1px;
	TEXT-ALIGN: center;

}
ul.inline-gray li.activetab a {
  background: #fffffF;
  color: #DD127B;
}
/*带序号的列表*/
ol {
	list-style-type: decimal ;
	padding: 0px 0px 0px 26px;
	margin-left: 2px;
}

dl{
}
dl dt {
	clear: left;
    float: left;
    overflow: hidden;
    text-align: right;
    white-space: nowrap;
    padding-right: 5px;
}
dl dd {
    float: left;
    overflow: hidden;
    text-align: left;
    padding-left: 5px;
    text-overflow: ellipsis;
	word-break: keep-all;
	white-space: nowrap;
}
/*---------------------------------*/
/*简单表格布局*/
/*---------------------------------*/
table.easy{
	margin: 0px auto 0px auto;
	padding: 0px;
}
table.easy thead{
	color: #FFFFFF;
	background-color: #7BC2E0;
	font-weight: bold;
	font-size: 12px;
	border-width: 0px;
	height: 26px;
}
table.easy th{
	border-width: 0px;
	text-align: center;
}
table.easy td {
	border-width: 0px;
	border-style: solid;
	overflow: hidden;
	padding-left: 5px;
}
/*带细线的表格*/
table.solid {
	margin: 0px 0px;
	padding: 0px 0px;
	border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */
	/*border:solid #ccc;*/ /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */
	/*border-width:1px 1px 1px 1px;*/ /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */
	table-layout:fixed;				/*固定宽带*/
	word-break:break-all;
	background-color:white;
}
table.solid th {
	margin: 0px 0px;
	padding: 0px 0px;
	font-size: 12px;
	height: 15px;
	line-height: 15px;
	color: gray;
	border: 1px solid #CCCCCC;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 0px 6px 0px;
	background: #FCFCFC url(/common/images/table-tg.gif) repeat-x 0px 0px;
}
table.solid td {
	border:1px solid #CCCCCC;
	padding-left: 2px;
	padding-right: 5px;
}
table.black {
	border-color:black; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */
}
table.black td {
	border-color:black;
}
table.noline {
	margin: 0px 0px;
	padding: 0px 0px;
	border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */
	/*border:solid #ccc;*/ /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */
	/*border-width:1px 1px 1px 1px;*/ /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */
	table-layout:fixed;				/*固定宽带*/
	word-break:break-all;
}
table.noline td {
	border:0px ;
	padding-left: 2px;
	padding-right: 5px;
}
/*每行带虚线的表格*/
table.dashed{
	margin: 0px auto 0px auto;
	padding: 0px;
}
table.dashed thead{
	color: #FFFFFF;
	background-color: #7BC2E0;
	font-weight: bold;
	font-size: 12px;
	border-width: 0px;
	height: 26px;
	text-align: center;
}
table.dashed td {
	border-width: 0px;
	border-style: solid;
	overflow: hidden;
	padding-left: 5px;
}
table.dashed tbody td {
	border-bottom: 1px dashed #ddd;
}
/*blog里面插入的表格*/
table.blog {
	width: 100%;
}
table.blog td {
	height: 28px;
}
/*这是我的底线*/
.thisIsMyBottomLine{
	text-align: center;
	color:#CCCCCC;
}
.invertButton{
	display:block;
	float:left;
	width:30px;
	margin:5px 0px 0px 5px;
	padding:3px 0px 3px 0px;
	cursor:pointer;
	color: #7BC2E0;
	font-weight: bold;
}
a:hover.invertButton {
	font-weight: bold;
	color: #7BC2E0;
	text-decoration:none;
}
/*table没有记录时显示的提示信息*/
.no-rows{
	font-size: 14px;
	font-weight: bold;
	color: gray;
	background: url(/common/images/em/46.gif) no-repeat 0px 0px;
	height: 50px;
	line-height: 50px;
	margin: 20px 0px 20px 40px;
	padding: 0px 0px 0px 80px;
}
/*table奇偶行不同色*/
tr.row-odd {
    background-color: #FcFcFc;
}
tr.row-even {
    background-color: #F8F8F8;
}

tr.row-over {
    background-color: #bcd4ec;
}
.em-6{
	background: url(/common/images/em/6.gif) no-repeat 0px 0px;
}
.em-10{
	background: url(/common/images/em/10.gif) no-repeat 0px 0px;
}
.em-17{
	background: url(/common/images/em/17.gif) no-repeat 0px 0px;
}
/*---------------------------------*/
/*蓝色背景表格列表*/
/*---------------------------------*/
.topic_list {
	width: 100%;
	border-color: #0000FF;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	TABLE-LAYOUT: fixed;
}
.topic_list thead {
	color: #FFFFFF;
	background-color: #0000FF;
	font-weight: bold;
	height: 26px;
}
.topic_list tr {
	height: 32px;
}
.topic_list th {
	text-align: center;
}
.topic_list td {
	height: 32px;
	border-width: 1px;
	border-style: solid;
	overflow: hidden;
}
/*论坛的标题*/
.topic_list .forum_title{
	font-weight: bold;
	font-size: 14px;
}
/*---------------------------------*/
/*头像*/
/*---------------------------------*/
.small-photo {
	/*margin: 5px auto 5px auto;*/
	text-align: center;
	overflow: hidden;
	border: 0px solid red;
	height: 50px;
	width: 50px;
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: center;
	align-items: center;
}
.small-photo img{
	max-height: 30px;
	max-width: 30px;
}
.mini-photo-menu {
	/*margin: 5px auto 5px auto;*/
	text-align: center;
	overflow: hidden;
	border: 0px solid #8c8c8c;
	height: 30px;
	width: 30px;
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: center;
	align-items: center;
	cursor:pointer;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.mini-photo-menu img{
	max-height: 30px;
	max-width: 30px;
}
.big-photo {
	padding-top: 15px;
	margin: 0px auto 0px auto;
	text-align: center;
	overflow: hidden;
}
.big-photo img{
	max-height: 132px;
	max-width: 132px;
}
.imgList ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.imgList ul li {
	border: 0px solid red;
	float: left;
	margin: 0px 26px 0px 0px;
	TEXT-ALIGN: center;
	width: 122px;
	height: 170px;
	overflow: hidden;
	padding:0px;
	text-align: center;
}
/*略缩图*/
.thumbnail {
	margin: 0px auto 0px auto;
	width: 120px;
	height:120px;
	overflow: hidden;
	background-color: #e4e4e2;
	background-repeat:no-repeat;
	background-attachment: inherit;
	background-position: center;
	border: 1px solid #e4e4e2;
}
A:hover .thumbnail {
	border: red 1px solid;
}
.thumbnail-title{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 120px;
	height:45px;
	font-size: 12px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	word-break: break-all;
	line-height: 15px;
}
.thumbnail-title .pr{
	color: #DD127B;
	font-size: 12px;
}
/*分类检索工具条*/
.mainSearchPanel {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #EEE;
	padding: 10px 20px 5px 20px;
	margin-bottom: 10px;
}
.mainResultPanel {
	padding: 10px 15px 10px 15px;
}
/*首页新略缩图*/
.indexItem {
	height: 134px;
	display: flex;
	overflow: hidden;
	border-bottom: 1px solid #EEE;
	margin-bottom: 10px;
}
.indexItem .indexItem-content {
	width: 100%;
	border: 0px solid red;
	padding: 5px 5px 0px 10px;
}
.indexItem .indexItem-title {
	font-size: 20px;
	line-height: 28px;
	margin: 0px 0px 0px;
	-webkit-line-clamp: 1;
	border: 0px solid red;
}
.indexItem .indexItem-excerpt {
	font-size: 14px;
	line-height: 22px;
	height: 66px;
	margin: 3px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	-webkit-line-clamp: 3;
	text-indent: 2em;
	border: 0px solid red;
}
.indexItem .indexItem-bottom {
	height: 28px;
	width: 100%;
	/*border: 1px solid red;*/
	margin: 0px 0px;
	color: grey;
}
.indexItem .indexItem-bottom li{
	margin: 3px 10px;
}
.indexItem .indexItem-right {
	padding: 0px 0px;
	width: 290px;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*小屏幕，手机*/
@media (max-width: 768px) {
	.indexItem .indexItem-right {
		width: 130px;
	}
}
.indexItem .indexItem-img {
	margin: 0px 0px;
	width: 190px;
	height: 110px;
	/*margin: 5px auto 5px auto;*/
	text-align: center;
	overflow: hidden;
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	border: 1px solid #eee;
}
.indexItem .indexItem-img img{
	max-height: 1000px;
	max-width: 190px;
}
.indexItem A, .indexItem A:visited, .indexItem A:link, .indexItem A:hover {
	color: #202020;
	text-decoration: none;
}
/*图片块，会自动拉伸*/
.imgBannerItem {
	margin: 8px 15px 0px;
	/*width: 300px;*/
	max-width: 500px;
	/*min-width: 250px;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/*border-bottom: 1px solid #EEE;*/
	/*padding-bottom: 5px;*/
	/*margin-bottom: 10px;*/
}
.imgBannerItem .imgItem-title {
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	margin: 5px 0px 0px;
	-webkit-line-clamp: 2;
	/*border: 1px solid red;*/
}
.imgBannerItem .imgItem-img {
	margin: 0px 0px;
	/*width: 190px;*/
	/*height: 110px;*/
	/*margin: 5px auto 5px auto;*/
	text-align: center;
	overflow: hidden;
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	border: 1px solid #eee;

}
.imgBannerItem .imgItem-img img{
	max-height: 1000px;
	max-width: 100%;
}
.imgBannerItem .info{
	color: grey;
	display: flex;
	justify-content: space-around;
	width: 100%;
}
.imgBannerItem A, .imgBannerItem A:visited, .imgBannerItem A:link, .imgBannerItem A:hover {
	color: #202020;
	text-decoration: none;
}
/*在blog首页上的*/
.imgBannerItem-row{
	display: flex;
	/*border: 1px solid black;*/
	padding: 5px 15px;
	/*border-bottom: 1px solid #EEE;*/
	/*padding-bottom: 10px;*/
	/*margin-bottom: 10px;*/
	justify-content: center;
	/*flex-wrap: wrap;*/
}
.imgBannerItem-index{
	/*max-width: 330px;*/
	/*min-width: 270px;*/
	/*width: 100%;*/
	margin: 5px 5px 5px 5px;
	/*border: 1px solid red;*/
}

.imgBannerItem-mini{
	display: flex;
}
.imgBannerItem-mini .imgItem-title {
	font-size: 12px;
	line-height: 14px;
	height: 28px;
	margin: 5px 0px 0px;
	-webkit-line-clamp: 2;
	/*border: 1px solid red;*/
}
.imgBannerItem-mini .imgItem-img img{
	width: 100px;
}
.imgBannerItem-mini .item-right{
	border: 1px solid red;
}

.imgBannerGrid{
	display: grid;
	grid-template-columns: repeat(4, 25%);
	padding: 0px 15px;
}
/*小屏幕，手机*/
@media (max-width: 768px) {
	.imgBannerGrid{
		grid-template-columns: repeat(2, 50%);
	}
}

/*---------------------------------*/
/*论坛主题详情*/
/*---------------------------------*/
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FF7D04}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffc793;
  border-right:1px solid #ffc793;
  background:#ff9d42}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fff2e5;
  border-right:1px solid #fff2e5;
  background:#ff9533}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ff9533;
  border-right:1px solid #ff9533;}
.spiffy4{
  border-left:1px solid #ffc793;
  border-right:1px solid #ffc793}
.spiffy5{
  border-left:1px solid #ff9d42;
  border-right:1px solid #ff9d42}
.spiffyfg{
  background:#FF7D04}

.title{
	clear: both;
	margin: 0px;
	padding-left: 25px;
	color: grey;
	background: url(/images/menu/left-menu.png) no-repeat 0px -299px;
	font-weight: bold;
	font-size: 16px;
	letter-spacing:3px;
	height:40px;
	line-height:34px;
}
.title A {
	color: white;
}
.title A:visited{
	color: white;
}
.title .remark{
	font-size: 12px;
	font-weight: normal;
	margin-left: 20px;
}
.title .operate{
	font-size: 12px;
	font-weight: normal;
	margin-left: 20px;
}
.title .operate a{
 	text-decoration: underline;
}
.detail-title{
	clear: both;
}
.detail-title h2{
	font-size: 26px;
	line-height: 36px;
	margin: 5px 10px 5px 10px;
}
/*@media (max-width: 1000px){*/
/*	.detail-title h2{*/
/*		font-size: 52px;*/
/*		line-height: 76px;*/
/*	}*/
/*}*/
.detail-title A {
	color: white;
}
.detail-title A:visited{
	color: white;
}
.topic_detail {
	margin: 0px;
	/*padding: 0px 5px 0px 18px;*/
	/*font-family: 宋体, Arial, Tahoma;
	font-size: 12px;*/
}
.topic_detail  .head{
	height: 20px;
	border-top-width: 1px;
	border-style: solid;
	border-color: #eee;
	/*padding: 5px 5px 0px 5px;*/
}
.topic_detail  .text{
	clear: both;
	overflow: visible;
	/*padding: 0px 5px 0px 10px;*/
	word-break: break-all;
}
.topic_detail  .foot{
	clear: both;
	/*padding: 5px 5px 0px 5px;*/
	/*margin: 0px 0px 10px;*/
	color: grey;
	display: flex;
	justify-content: space-between;
}



.topic_revert {
	display: flex;
}
.topic_revert .photo{
	width: 45px;
}
.topic_revert .revertRight{
	width: 100%;
}
.topic_revert  .rhead{
	height: 20px;
	/*border-top-width: 1px;*/
	/*border-style: solid;*/
	/*border-color: #eee;*/
	padding: 5px 5px 0px 5px;
}
.topic_revert  .rhead .operate1{
	float: left;
}
.topic_revert .rhead .operate2{
	float: right;
}
.topic_revert .username, .topic_revert .username a:active, .topic_revert .username a:link, .topic_revert .username a:visited{
	color: grey;
	font-weight: bold;
}
.topic_revert .showTime{
	color: grey;
}
.topic_revert .text{
	clear: both;
	margin-left: 10px;
	font-size: 14px;
	line-height: 20px;
}
.revertEdit {
	/*margin:30px 0px 0px 55px;*/
	/*padding-right: 10px;*/
}

/*htmledit编辑器*/
.htmledit_detail{
	width: 100%;
	word-break: break-all;
	font-size: 16px;
	line-height: 26px;
	/*letter-spacing:1px;*/
}
/*@media (max-width: 1000px){*/
/*	.htmledit_detail{*/
/*		font-size: 42px;*/
/*		line-height: 70px;*/
/*	}*/
/*}*/
.htmledit_detail img{
	max-width: 100%;
	max-height: 100%;
}
.htmledit_detail ul li {
	list-style-type: disc;
}
.htmledit_detail h2 {
	margin-top: 25px;
	margin-bottom: 12px;
	font-size: 20px;
	line-height: 26px;
}

.user-scores {
	text-align: center;
	font-size: 14px;
	line-height: 26px;
}
.cat-manage{
	padding: 0px 5px 0px 10px;
	margin:0px 0px 0px 15px;
}
/*---------------------------------*/

/*---------------------------------*/
/*技术文章*/
/*---------------------------------*/
.technic{
	border: 0px solid #36a;
}
.technic .name{
	border: 0px solid #36a;
}
.technic tr{
	height: 80px;
}
.technic .title{
	clear: both;
	margin: 0px 0px;
	padding: 2px 10px 1px 10px;
	color: #FF00;
	background-color: #C6E7FF;
	font-weight: bold;
	font-size: 16px;
	height: 20px;
}
.technic .operate{
	clear: both;
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 2px 10px;
	color: #FF00;
	background-color: #FFFFFF;
	font-size: 12px;
	height: 15px;
}
.technic .text{
	overflow: hidden;
	padding: 0px 10px 0px 10px;
	word-break: break-all;
	font-size: 13px;
	line-height: 20px;
	height: 100%;
}


/*---------------------------------*/
/*新建论坛主题*/
/*---------------------------------*/
.pop-window{
	background-color: white;
	width: 480px;
	text-align: left;
	margin: 20px 20px 0px 100px;
}
/*#loginId {*/
/*	width: 150px;*/
/*}*/
/*#password {*/
/*	width: 150px;*/
/*}*/
/*#password2 {*/
/*	width: 150px;*/
/*}*/
/*---------------------------------*/




/*---------------------------------*/

/*---------------------------------*/
/*回复*/
/*---------------------------------*/
.revert_edit{
	padding-top: 20px;
}
.revert_edit #content{
	width:700px;
	height:100px;
}
/*---------------------------------*/

/*---------------------------------*/
/*blog首页*/
/*---------------------------------*/
.blog{
	display: flex;
}
.blog .left{
	width: 240px;
	min-width: 240px;
	max-width: 240px;
	height: 100%;
	margin-right: 5px;
	/*border: 1px solid red;*/
}
.blog .right{
	/*border: 1px solid #FF7D04;*/
	/*width: 780px;*/
	width: 100%;
	word-break: break-all;
	overflow: hidden;
}
.blog .right .title{
	clear: both;
	margin: 0px;
	padding-left: 25px;
	color: grey;
	background: url(/images/menu/left-menu.png) no-repeat 0px -299px;
	font-weight: bold;
	font-size: 16px;
	letter-spacing:3px;
	height:40px;
	line-height:34px;

}
.blog .right .r-top{
	height: 15px;
	padding: 0px 0px 0px 10px;
	/*background: url(/images/menu/left-menu.png) no-repeat 0px -400px */;
}
.blog .right .r-body{
	padding: 20px 30px 20px 20px;
	/*background: url(/images/menu/right-bg.png) repeat-y 4px 0px;*/
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	background: #FFF;
}
.blog .right .r-botton{
	clear:both;
	height: 15px;
	padding: 0px 0px 0px 10px;
	background: url(/images/menu/left-menu.png) no-repeat 0px -400px ;
}
/*---------------------------------*/

.solid-box{
	border: 1px solid red;
}

.solid-panel{
	border: 0px solid red;
}
.solid-panel .p-top{
	clear: both;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	background: url(/common/images/panel.png) no-repeat right -400px;
	border: 0px solid red;
	height: 20px;

}
.solid-panel .p-top h1{
	border: 0px solid blue;
	display: block;
	margin-right: 30px;
	margin-left: -30px;
	padding-left: 20px;
	padding-top: 5px;
	height: 100%;
	color: #00b0df;
	font-weight: bold;
	font-size: 16px;
	letter-spacing:3px;
	line-height:34px;
	background: url(/common/images/panel.png) no-repeat 0px -400px;
}
.solid-panel .p-body{
	padding: 20px 30px 20px 20px;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	background: #FFF
}
.solid-panel .p-bottom{
	clear:both;
	border: 0px solid red;
	height: 15px;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	background: url(/common/images/panel.png) no-repeat right -530px;
}
.solid-panel .p-bottom h1{
	border: 0px solid blue;
	display: block;
	margin: 0px 30px 0px -30px;
	padding-left: 20px;
	height: 100%;
	background: url(/common/images/panel.png) no-repeat 0px -530px;
}
.solid-panel-white{
	background-color: #FFF;
}
.solid-panel-white .p-top{
	background: url(/common/images/panel.png) no-repeat right 0px;
}
.solid-panel-white .p-body{
	background-color: #FFF;
}
.solid-panel-white .p-top h1{
	background: url(/common/images/panel.png) no-repeat 0px 0px;
}

.solid-panel-title .p-top{
	height: 40px;
	background: url(/common/images/panel.png) no-repeat right -800px;
}
.solid-panel-title .p-top h1{
	background: url(/common/images/panel.png) no-repeat 0px -800px;
}

/*---------------------------------*/
/*category*/
/*---------------------------------*/
.category {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 30px;	/*需要大一点，留给类目管理浮动框使用*/
	width: 100%;
}
.category ul {
	font-size: 13px;
	list-style-type:disc;
	padding: 5px 5px 5px 10px;
	margin:0px 0px 0px 10px;

}
.category ul li{
	list-style-type: none;
	margin:5px;
}
.category .selectedCategory{
	font-weight: bold;
	font-size: 14px;
}

/*---------------------------------*/
/*message*/
/*---------------------------------*/
.message {
	font-family:宋体, Arial, Tahoma;
	font-size: 24px;
	font-weight:bold;
	color: #7BC2E0;
	line-height: 28px;
}
/*---------------------------------*/
/*tab*/
/*---------------------------------*/
.tab {
  height: 31px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: 10px #eeeeee solid;
}

.tab li{
  margin: 0px 0px 0px 0px;
  list-style: none;
  float:left;
  font-size: 14px;
  border: 0px red solid;

}
.tab a {
  margin: 0px 0px;
  display:block;
  color: gray;
  text-decoration:none;
  background: #FCFCFC;
  padding: 8px 15px 4px 15px;;
  border-left: 0px solid gray;
  border-bottom: 0px solid #FFF4E4;
  z-index:1;
}
.tab li.activetab a {
  position:relative;
  top: 1px;
  font-weight: bold;
  background: #eee;
  color: gray;
  border-top: 1px solid #eee;
  border-right: 0px solid #eee;
  border-bottom: 1px solid #eee;
  border-left: 0px solid white;
  text-decoration:none;
  z-index:2;
}
ul.tab li.activetab a:hover {
	font-weight: bold;
	color: white;
	text-decoration:none;
}
ul.tab a:hover {
	color: #EA5404;
	text-decoration:none;
}
.tab-head{
	color: white;
	/*background-color: #FF7D04;*/
	border: red solid;
	border-width: 0px 0px 0px 0px;
	margin:0px;
	padding:4px 5px 4px 5px;
	background:white;
}
.tab-content{
	/*background: white;*/
}

/*---------------------------------*/
/*tab list*/
/*---------------------------------*/
.tab-list{
	border: 1px solid #7BC2E0;
}
.tab-list .title{
	clear: both;
	margin: 0px 0px;
	padding: 4px 4px;
	color: #FFFFFF;
	background-color: #7BC2E0;
	font-size: 14px;
	height: 14px;
	text-align: center;
}
.tab-list .tab{
	clear: both;
	margin: 0px 0px;
	padding: 0px 0px;
	background-color: #7BC2E0;
	border: none;
	height: 20px;
}
.tab-list .tab li{
  margin: 0px;
  padding: 0px;
  list-style: none;
  float:left;
  text-align: center;
  font-size: 12px;
  border: none;
}
.tab-list .tab a {
  display:block;
  color: white;
  text-decoration:none;
  background: #7BC2E0;
  border: 0px solid #36a;
  border: none;
}
.tab-list .tab li.activetab a {
  background: #DD127B;
  color: #ffffff;
  border: none;
}
.tab-list .tab.ul a:hover {
  background:#fff;
  color: #282580;
}
/************************************************************/

/*方型按钮，一般为正式的按钮，如用于提交等*/
.button_default {
	padding: 2px 10px 4px 10px;
    color: #FFFFFF;
	background-color: #FF7D04;
	font-size:14px;
	text-align:center;
	cursor:pointer;
}
.button_down {
	padding: 2px 10px 5px 10px;
    color: #000000;
	background-color: #FF7D04;
    font-size:14px;
	text-align:center;
	cursor:pointer;
}
.button_over {
	padding: 2px 10px 5px 10px;
    color: #000000;
	background-color: #FF7D04;
    font-size:14px;
	text-align:center;
	cursor:pointer;
}
/*href做的按钮*/
A.button  {
	padding: 3px 6px;
	border: #36a 1px solid;
	color: white;
	background-color: #FF7D04;
	font-weight: bold;
	text-decoration: none;
}
A:hover.button {
	color: #000000;
}
A:visited.button {
	color: white;
}
/*经典按钮*/
.btn-my {
	BORDER-TOP-WIDTH: 0px;
	FONT-WEIGHT: bold;
	BORDER-LEFT-WIDTH: 0px;
	FONT-SIZE: 14px;
	BACKGROUND: url("/common/images/button/btn.png") no-repeat;
	BORDER-BOTTOM-WIDTH: 0px;
	WIDTH: 78px;
	CURSOR: pointer;
	HEIGHT: 25px;
	BORDER-RIGHT-WIDTH: 0px;
	padding: 0px 0px 0px 0px;
}
.btn-yellow {
	/*注意，BACKGROUND-POSITION若使用0px 0px,yui压缩后会变成0 0 ,以至于位置不对*/
	BACKGROUND-POSITION: top left;
	COLOR: white
}
.btn-yellow:hover {
	BACKGROUND-POSITION: -80px 0px
}
.btn-gray {
	BACKGROUND-POSITION: 0px -25px;
	COLOR: black
}
.btn-gray:hover {
	BACKGROUND-POSITION: -80px -25px
}
.btn-4 {
	BORDER-TOP-WIDTH: 0px;
	FONT-WEIGHT: bold;
	BORDER-LEFT-WIDTH: 0px;
	FONT-SIZE: 14px;
	BACKGROUND: url("/common/images/button/btn-4.png") no-repeat;
	BORDER-BOTTOM-WIDTH: 0px;
	WIDTH: 120px;
	CURSOR: pointer;
	HEIGHT: 25px;
	BORDER-RIGHT-WIDTH: 0px;
	padding: 0px 0px 0px 0px;
}
.btn-4-yellow {
	/*注意，BACKGROUND-POSITION若使用0px 0px,yui压缩后会变成0 0 ,以至于位置不对*/
	BACKGROUND-POSITION: top left;
	COLOR: white
}
.btn-4-yellow:hover {
	BACKGROUND-POSITION: -150px 0px
}
.btn-4-gray {
	BACKGROUND-POSITION: 0px -25px;
	COLOR: black
}
.btn-4-gray:hover {
	BACKGROUND-POSITION: -150px -25px
}
.small-btn{
	BORDER: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	text-align: center;
	vertical-align: botton;
	BACKGROUND: url("/common/images/button/small-btn.png") no-repeat;
	WIDTH: 60px;
	CURSOR: pointer;
	HEIGHT: 18px;
	line-height:18px;
	padding: 1px 0px;
}
.small-btn-yellow {
	/*注意，BACKGROUND-POSITION若使用0px 0px,yui压缩后会变成0 0 ,以至于位置不对*/
	BACKGROUND-POSITION: top left;
	COLOR: white
}
.small-btn-yellow:hover {
	BACKGROUND-POSITION: -80px 0px
}
.small-btn-gray {
	BACKGROUND-POSITION: 0px -25px;
	COLOR: black
}
.small-btn-gray:hover {
	BACKGROUND-POSITION: -80px -25px
}
.small-btn-4 {
	FONT-WEIGHT: normal;
	BORDER: 0px;
	FONT-SIZE: 12px;
	text-align: center;
	BACKGROUND: url("/common/images/button/small-btn-4.png") no-repeat;
	WIDTH: 80px;
	CURSOR: pointer;
	HEIGHT: 18px;
	line-height:18px;
	padding: 1px 0px;
}
.small-btn-4-yellow {
	/*注意，BACKGROUND-POSITION若使用0px 0px,yui压缩后会变成0 0 ,以至于位置不对*/
	BACKGROUND-POSITION: top left;
	COLOR: white
}
.small-btn-4-yellow:hover {
	BACKGROUND-POSITION: -80px 0px
}
.small-btn-4-gray {
	BACKGROUND-POSITION: 0px -25px;
	COLOR: black
}
.small-btn-4-gray:hover {
	BACKGROUND-POSITION: -80px -25px
}
.small-btn-8 {
	BORDER: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	text-align: center;
	BACKGROUND: url("/common/images/button/small-btn-8.png") no-repeat;
	WIDTH: 120px;
	CURSOR: pointer;
	HEIGHT: 18px;
	line-height:18px;
	padding: 1px 0px 1px 0px;
}
.small-btn-8-yellow {
	/*注意，BACKGROUND-POSITION若使用0px 0px,yui压缩后会变成0 0 ,以至于位置不对*/
	BACKGROUND-POSITION: top left;
	COLOR: white
}
.small-btn-8-yellow:hover {
	BACKGROUND-POSITION: -150px 0px
}
.small-btn-8-gray {
	BACKGROUND-POSITION: 0px -25px;
	COLOR: black
}
.small-btn-8-gray:hover {
	BACKGROUND-POSITION: -150px -25px
}
/*开启关闭*/
input[type="button"].open-close-btn {
	BORDER: 0px solid red;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	text-align: center;
	vertical-align: botton;
	BACKGROUND: url(/common/images/main.png) no-repeat -100px -100px;
	WIDTH: 110px;
	CURSOR: pointer;
	HEIGHT: 40px;
	line-height:18px;
	padding: 1px 0px;
}
input[type="button"].open-close-btn.open{
	BACKGROUND: url(/common/images/main.png) no-repeat -100px -200px;
}
/*开启暂停*/
input[type="button"].open-disable-btn{
	BORDER: 0px solid red;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	text-align: center;
	vertical-align: botton;
	BACKGROUND: url(/common/images/main.png) no-repeat -300px -160px;
	WIDTH: 69px;
	CURSOR: pointer;
	HEIGHT: 24px;
	line-height:18px;
	padding: 1px 0px;
}
input[type="button"].open-disable-btn.open{
	BACKGROUND: url(/common/images/main.png) no-repeat -300px -200px;
}
input[type="button"].open-disable-btn.close{
	BACKGROUND: url(/common/images/main.png) no-repeat -300px -100px;
}
/*字体样式*/
/*蓝色字体，加粗，用于提示过警告*/
.font_bold{
font-size:12px;
color:#2A258A;
font-weight:bold;
}




/*blog中的独立设置*/
.blog .head{
	clear: both;
	display: -webkit-flex; /* Safari */
	display: flex;
	align-items: center;
	/*margin: 0px -10px 0px -10px;*/
	color: #FFFFFF;
	background-color: #DD127B;
	font-weight: bold;
	font-size: 24px;
	height: 60px;
	padding-left: 50px;
}
.blog .head a{
	color: #FFFFFF;
}
.blog .head .domain{
	font-weight: normal;
	font-size: 12px;
	text-align: right;
	padding-right: 5px;
	margin-top: 2px
}

/*省略号*/
.ellipsis-text {
	width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: keep-all;
	white-space: nowrap;
}
.text-ellipsis {
	word-break: break-all;
	white-space: normal;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;	/*默认1行，具体几行自己在style中个性化*/
	-webkit-box-orient: vertical;
}

/*进度条*/
.progress_bar {
	BORDER: #aaa 1px solid;
	PADDING: 2px 2px 2px 2px;
	BACKGROUND: #f8f8f8;
	margin: 2px 15px 2px 15px;
	overflow: hidden;
}
.progress_bar_fill {
	BACKGROUND: url(/common/images/progress_bar.gif) #DE4E40 repeat-y right top;
	HEIGHT: 20px;
}
/*html edit*/
#__toolbarPanel{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#__toolbar{
	margin: 5px 5px 0px 5px;
	/*border: 0px solid red;*/
	overflow:visible;
	height:70px;
}
#__iframe{
	overflow:visible;
	height:100%;
	border: 0px red solid;
}
.sourceEdit{
	display:none;word-break:break-all;width:100%;height:100%;border: 1px red solid;
}
.max{
	background-color: white;
	position: absolute;
	z-index: 1000;
}
.min{
	background-color: white;
	position: relative;
	z-index: 1;
}

/*提示tip*/
.tip-panel{
	margin:60px 10px 0px 10px;
	align-text:center;
}
.tip-panel h4{
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 22px;
	background: url(/common/images/tip.gif) no-repeat left top ;
}
.tip-panel p{
	margin: 0px 0px;
	padding: 0px 0px 0px 20px;
}

/*面板*/
.panel{
	border: #c5dce7 1px solid;
	border-radius: 5px;
	padding: 5px 5px 5px 5px;
	margin: 10px 0px 10px 0px;
	background-color: white;
}
.panel h4{
	font-weight:bold;
	font-size:14px;
	color: gray;
	margin:0px 0px 5px 5px;
	text-align: left;
}
.panel .main{
	border: #c5dce7 1px solid;
	border-radius: 5px;
	background-color: white;
}
.panel-bg{
	background-color: #F8F8F8;
}


img.img-bg {
    background-color: #FFFFFF;
    border: 1px solid #BEBEBE;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
    margin: 6px 0;
    padding: 6px;
}
/*图片变灰，firefox下无效*/
img.img-gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

/*右侧浮动在线客服*/

.online {
	POSITION: fixed; TOP: 180px; RIGHT: 1px; _position: absolute;
}
.online UL {
	LIST-STYLE-TYPE: none; PADDING: 0px; MARGIN: 0px;
}
.online LI {
	PADDING: 0px; MARGIN: 0px;
}
.online A {
	COLOR: #00a0e9
}
.online A:hover {
	COLOR: #ff8100; TEXT-DECORATION: none
}
.online .floatL {
	POSITION: relative; WIDTH: 28px; FLOAT: left;
	margin-top:-50px;
}
.online .floatL A {
	TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px;
}
.online .floatR {
	BACKGROUND: url("/common/online/imgs/float_bg.gif");
	PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden; display:none;
}
.online .tp {
	BACKGROUND: url("/common/online/imgs/float_bg.gif")
}
.online .cn {
	BACKGROUND: url("/common/online/imgs/float_bg.gif")
}
.online .tp {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px
}
.online .cn {
	BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px
}
.online .cn H3 {
	TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px
}
.online .cn UL {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px
}
.online .cn UL LI {
	BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal
}
.online .titZx {
	BACKGROUND: url("/common/online/imgs/float_s.gif") no-repeat
}
.online .titDh {
	BACKGROUND: url("/common/online/imgs/float_s.gif") no-repeat
}
.online .titDc {
	BACKGROUND: url("/common/online/imgs/float_s.gif") no-repeat
}
.online .icoZx {
	BACKGROUND: url("/common/online/imgs/float_s.gif") no-repeat
}
.online .icoTc {
	BACKGROUND: url("/common/online/imgs/float_s.gif") no-repeat
}
.online .icoFf {
	BACKGROUND: url("/common/online/imgs/float_s.gif") no-repeat
}
.online .icoTl {
	BACKGROUND: url("/common/online/imgs/float_s.gif") no-repeat
}
.online .btnOpen {
	BACKGROUND: url("/common/online/imgs/float_s.gif") no-repeat
}
.online .btnOpen_n {
	BACKGROUND: url("/common/online/imgs/float_s.gif") no-repeat
}
.online .btnCtn {
	BACKGROUND: url("/common/online/imgs/float_s.gif") no-repeat
}
.online .titZx {
	BACKGROUND-POSITION: 5px -10px
}
.online .titDh {
	BACKGROUND-POSITION: 5px -66px
}
.online .titDc {
	BACKGROUND-POSITION: 5px -124px
}
.online .icoZx {
	BACKGROUND-POSITION: 2px -154px
}
.online .icoTc {
	BACKGROUND-POSITION: 0px -323px
}
.online .qqOn{
	text-align: center;
}
.online .qqOn img{
	vertical-align:middle;
}
.online .icoFf {
	BACKGROUND-POSITION: 2px -213px
}
.online .icoTl {
	PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: 2px -266px; FLOAT: left
}
.online .btnOpen {
	BACKGROUND-POSITION: -30px -396px
}
.online .btnOpen_n {
	BACKGROUND-POSITION: 0px -530px
}
.online .btnCtn {
	BACKGROUND-POSITION: 0px -396px
}
.online .icoZx {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.online .icoTc {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.online .icoFf {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.online .btnOpen {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.online .btnOpen_n {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.online .btnCtn {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.online .btnOpen {
	TOP: 118px; LEFT: 1px
}
.online .btnOpen_n {
	TOP: 118px; LEFT: 1px
}
.online .btnCtn {
	TOP: 118px; LEFT: 2px
}
.online UL LI H3.titDc A {
	WIDTH: 80px; DISPLAY: block; HEIGHT: 36px
}
.online UL LI.top {
	BORDER-BOTTOM: #ace5f9 1px solid
}
.online UL LI.bot {
	BORDER-BOTTOM-STYLE: none
}
.online UL.webZx {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BACKGROUND: url("/common/online/imgs/webZx_bg.jpg") no-repeat; HEIGHT: 65px; PADDING-TOP: 0px
}
.online UL LI.webZx-in {
	BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px
}


/*让对话框发光*/
.ui-dialog {
  padding: 0px !important;
  border-color: rgba(255, 255, 255, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.6);
}
/*jquery 对话框 标题栏*/
.ui-dialog .ui-dialog-titlebar{
	background: url("/common/jquery/plugs/jquery-ui.1.9.2/css/images/ui-bg_gloss-wave_100_57dbff_500x100.png") repeat-x scroll 50% 50% #AAAAAA;
    border: 0px solid #AAAAAA;
}
/*标题不换行*/
.ui-dialog .ui-dialog-title{
	word-break: break-all;
	white-space: normal;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;	/*默认1行，具体几行自己在style中个性化*/
	-webkit-box-orient: vertical;
}
.ui-dialog .iframe{
	background-color: white;
	/*border-radius: 5px;*/
	overflow: hidden;
	padding: 0px;
}
/*icheck 不换行*/
.icheckbox_square,.icheckbox_square-red,.icheckbox_square-green,.icheckbox_square-blue,.icheckbox_square-aero,.icheckbox_square-grey,.icheckbox_square-orange,.icheckbox_square-yellow,.icheckbox_square-pink,.icheckbox_square-purple,.iradio_square,.iradio_square-red,.iradio_square-green,.iradio_square-blue,.iradio_square-aero,.iradio_square-grey,.iradio_square-orange,.iradio_square-yellow,.iradio_square-pink,.iradio_square-purple{
	display: inline-block;
	vertical-align: middle;
	margin:0px 5px;
}


/*图片上传进度条*/
.uploadingImage {
	position:relative;
	width:auto;
	display:inline-block !important;
	display:inline;
	margin: 30px 0px 30px 0px;
}
.progressMasking {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	/*visibility: hidden;*/
}
.progressMasking .progressBar {
	width: 100%;	/*进度*/
	height: 100%;
	background: grey;
	opacity: 0.8;
}
.progressMasking .content {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}
.progressMasking .content label {
	text-align:center;
	font-size: 20px;
	line-height: 22px;
	color: #333;
	opacity:0.5;
	font-weight: normal;
}

.operateMaskingParent {
	position:relative;
	/*width: auto;*/
	display:inline-block !important;
	display:inline;
}
.operateMasking {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column-reverse;
	/*align-items: center;*/
	/*visibility: hidden;*/
	/*background-color: grey;*/
	pointer-events: none;
}
.operateMasking .operateBox{
	height: 30px;
	position:relative;
	width: 100%;
	display:inline-block !important;
	display:inline;
	pointer-events: none;
}
.operateMasking .background {
	width: 100%;	/*进度*/
	height: 100%;
	background: grey;
	opacity: 0.8;
	pointer-events: auto;
}
.operateMasking .content {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	cursor: default;
	pointer-events: auto;
}
.operateMasking .content button{
	margin: 0px 15px;
}
/*htmledit编辑控件*/
#htmlEditor{
	/*border:1px solid #A7A6FA;*/
	border:1px solid #CCC;
	padding: 6px 10px;
	border-radius: 4px;
}
img.selectedImg{
	border: 1px solid blue;
}
img#mainimg{
	border-style:solid;
	border-width:3px;
	border-color:red;
}
/*浮动工具条*/
.navbar-fixed-top{
	/*padding-left: 7px;*/
	border:1px solid #CCC;
	background-color:white;
}
/*blog里面插入的表格*/
table.blog {
	width: 100%;
}
table.blog td {
	height: 28px;
}
/*bootstrap中的下拉菜单宽度*/
.dropdown-menu {
	min-width: auto;
}
/*提示框*/
#__tip {
	position:fixed;
	top:50px;
	left: 50%;
	z-index:9999;
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	font-size: 16px;
}

/*鼠标移动上去悬浮显示*/
.hover-show {
	position: relative;
	display: inline-block;
}
/* 箭头样式优化 */
.hover-show .arrow {
	display: inline-block;
	margin-left: 6px;
	font-size: 12px;
	transition: transform 0.25s ease;
}
.hover-show:hover .arrow {
	transform: rotate(180deg);
}
/* 浮动框 - 无三角指示器优化 */
.hover-show .hover-content {
	/*visibility: hidden;*/
	display: none;
	/*opacity: 0;*/
	position: absolute;
	top: calc(100% + 0px); /* 改为定位在父元素下方 */
	bottom: auto; /* 清除原有定位 */
	left: 50%;
	transform: translateX(-50%); /* 水平方向反向移动50%自身宽度 */
	margin: 0 0;
	padding: 12px 16px;
	background-color: white;
	border: 1px solid #e9ecef;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	/*min-width: 260px;*/
	z-index: 100;
	transition: visibility 0s 0.1s, opacity 0.2s ease;
}
/* 暗模式适配 */
[data-bs-theme=dark] {
	.hover-show .hover-content {
		background-color: var(--bs-body-bg); /* 暗模式背景色 */
		border: 1px solid #495057;
	}
}
.hover-show:hover .hover-content {
	/*visibility: visible;*/
	display: block;
	/*opacity: 1;*/
	transition-delay: 0s;

}
/* 移动端适配优化 */
@media (max-width: 768px) {
	.hover-show .hover-content {
		min-width: 220px;
		/*max-width: 90vw; !* 限制最大宽度为屏幕90% *!*/
		left: 30%; /* 左边界对齐屏幕左侧 */
		/*right: auto; !* 清除可能的右对齐设置 *!*/
		top: auto;
		bottom: calc(100% + 0px);
		transform: translateX(-30%); /* 水平方向反向移动50%自身宽度 */
		/*margin-left: 5px; !* 保留少量左侧间距 *!*/
		/*box-sizing: border-box; !* 确保内边距不影响宽度计算 *!*/
	}
}

/* 行样式 */
.content-row {
	margin-bottom: 10px;
	display: flex;
	gap: 10px;
	overflow: hidden;
	white-space: normal;
	word-wrap: break-word; /* 允许长单词或URL换行 */
	word-break: break-word; /* 更强制的换行，支持中文 */
	overflow-wrap: break-word;
}
/* 移除最后一行的margin-bottom */
.content-row:nth-last-child(-n+1) {
	margin-bottom: 0;
}

/* 列样式 */
.hover-show .content-col {
	/*flex: 0 0 50%;*/
	/*min-width: 300px;*/
	width: 50%;
}
/* 项目容器 */
.hover-show .item {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 10px;
	border-radius: 8px;
	background-color: #f8f9fa;
	transition: all 0.2s ease;
	height: 100px;
}
.hover-show .item:hover {
	transform: translateY(-2px);
	box-shadow: 0 3px 10px rgba(0,0,0,0.08);
	background-color: #e9ecef;
	cursor: pointer;
}
/* 固定图片尺寸为80px */
.hover-show .item-image {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 6px;
	flex-shrink: 0; /* 防止图片被压缩 */
}
/* 内容区域 */
.hover-show .item-info {
	/*flex-grow: 1;*/
}
.hover-show .item-title {
	margin: 0 0 8px 0;
	font-size: 1.1rem;
	/*font-weight: 600;*/
	text-align: left;
}
.hover-show .item-desc {
	margin: 0;
	font-size: 0.9rem;
	color: #6c757d;
	line-height: 1.5;
	text-align: left;
}
/*暗模式适配 */
[data-bs-theme=dark] {
	.hover-show .item {
		background-color: #2c3034;
	}
	.hover-show .item:hover {
		background-color: #3d4448;
	}
	.hover-show .item-desc {
		color: #ced4da;
	}
}
/*页面字段提示*/
#field_msg_tip{
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: center;
	position:absolute;
	height:32px;
	/*margin-top: 5px;*/
	/*margin-left: 5px;*/
	padding:0px 15px 0px 25px;
	font-size: 14px;
	line-height: 14px;
	vertical-align: middle;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background-color:#E4FFFC;
	background-position:0px 50%;
	z-index:10000;
	border-radius: 5px;
}
.tip_field_msg {
	border-color: #7E9DB9;
	background:url(/common/actionmsg/images/info.gif) no-repeat;
}
/*页面字段错误提示*/
.tip_field_error{
	color: red;
	border-color: #FB7922;
	background:url(/common/actionmsg/images/error.gif) no-repeat;
}
/*action中的提示信息*/
#action_msg_tip {
	position:absolute;
	/*height:22px; 不能固定高度*/
	border-radius: 5px;
	font-size:18px;
	font-weight: bold;
	overflow:visible;
	z-index:10000;
	background-color: #FBF0B8;
	opacity: 0.8;
	
	/*发光*/
	border: #35a5e5 1px solid;
	outline: none;
	-webkit-transition: all 0.30s ease-in-out;
	   -moz-transition: all 0.30s ease-in-out;
	        transition: all 0.30s ease-in-out;	
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	   -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	        box-shadow: 0 0 5px rgba(81, 203, 238, 1);

}
#action_msg_tip .icon{
	float: left;
	width: 60px;
	height: 60px;
}
#action_msg_tip .msg{
	background: url(/common/images/main.png) no-repeat 6px -395px;
}
#action_msg_tip .error{
	background: url(/common/images/main.png) no-repeat 6px -97px;
}
#action_msg_tip .content {
	padding:20px 20px 20px 80px;
	opacity: 1.0;
}
/*action中的错误提示信息的关闭按钮*/
#action_msg_tip .close{
  float: right;
  margin-right: 5px;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
#action_msg_tip .close:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

/*迷你进度条*/
#miniProgress{
	position:absolute;
	BACKGROUND: url(/common/images/progress-mini.gif) no-repeat center center; 
	HEIGHT: 16px;
	padding:20px 0px 20px 0px;
	z-index: 99999;
}
#dialog_back_panel {
	z-index:1000000;
	background:red;
	position:absolute;
	width:0px;
	left:0px;
	top:0px;
	visibility:hidden;
	filter:Alpha(opacity=10);
	-moz-opacity:.1;
	opacity:0.1;
}

#dialog_panel {
	z-index:1100000;
	position:absolute;
	left:0;
	top:0;
	width:0px;
	height:0px;
	visibility:hidden;
}

#dialog_close_img{
	float:right;
	border:0px;
	cursor:pointer;
	margin:5px 5px 0px 0px;
}
#dialog_title {
	cursor:move;
	font-family:verdana;
	text-align:left;
	color: #FFFFFF;
	background-color: #7BC2E0;
	margin:0;
	padding:5px 10px 5px 10px;
}
#dialog_iframe {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}