@charset "utf-8";
/* CSS Document */
body
{
	margin:0 auto;
	padding:0px;
	font-size:12px;
	background:url(/note/images/wall.jpg) repeat;
	text-align:center;
}
iframe{	min-height:800px;
	max-height:610px;
	background-color:transparent;}
.clr{clear:both; overflow:auto; display:block; height:0px;}  

#container {
  position: relative;   /* 保持 relative，不影响拖拽 */
  margin: 20px auto;    /* 上下留白 + 左右自动居中（核心）*/
  left: 0;              /* 强制清除偏移 */
  right: 0;             /* 强制清除偏移 */
  box-sizing: border-box;
  margin-right: 15px;
}
#content {
  width: 100%;
  height: 85vh;
  margin: 0 auto;
}
/* 电脑端：自由拖拽、随机排列 */
@media (min-width: 769px) {
  #content div[id^="cc"] {
    position: absolute !important;
  }
}

/* 手机端：强制整齐竖排，不重叠、不随机 */
@media (max-width: 768px) {
  #content div[id^="cc"] {
    position: relative !important;
    display: block !important;
    left: auto !important;
    top: auto !important;
    margin: 10px auto !important;
    transform: none !important;
  }
}


#content .num
{
	float:left;
	padding-left:7px;
	width:195px;
}
#content .close,#content .close2
{
	float:left;
	font-size:12px;
	cursor:pointer;
}
#content .close
{
	color:#000000;
}

#content .close2
{
	color:#ff0000;
	font-weight:bold;
}

#content .tip1,#content .tip2,#content .tip3,#content .tip4,#content .tip5,#content .tip6,#content .tip7,#content .tip8
{
	position:absolute;
	width:227px;
}
#content .tip1 .tip_h,#content .tip2 .tip_h,#content .tip3 .tip_h,#content .tip4 .tip_h,#content .tip5 .tip_h,
#content .tip6 .tip_h,#content .tip7 .tip_h,#content .tip8 .tip_h
{
	width:227px;
	padding-top:45px;
   min-height:23px;
   max-height:35px;
	text-align:left;
	cursor:move;
}
#content .tip1 .tip_h
{
	background:url(tipx/tip1_h.gif) no-repeat left top;
}
#content .tip2 .tip_h
{
	background:url(tipx/tip2_h.gif) no-repeat left top;
}
#content .tip3 .tip_h
{
	background:url(tipx/tip3_h.gif) no-repeat left top;
}
#content .tip4 .tip_h
{
	background:url(tipx/tip4_h.gif) no-repeat left top;
}
#content .tip5 .tip_h
{
	background:url(tipx/tip5_h.gif) no-repeat left top;
}
#content .tip6 .tip_h
{
	background:url(tipx/tip6_h.gif) no-repeat left top;
}
#content .tip7 .tip_h
{
	background:url(tipx/tip7_h.gif) no-repeat left top;
}
#content .tip8 .tip_h
{
	background:url(tipx/tip8_h.gif) no-repeat left top;
}
#content .tip1 .tip_c,#content .tip2 .tip_c,#content .tip3 .tip_c,#content .tip4 .tip_c,#content .tip5 .tip_c,
#content .tip6 .tip_c,#content .tip7 .tip_c,#content .tip8 .tip_c
{
	width:200px;
	padding-left:12px;
	padding-right:15px;
	min-height:40px;
	text-align:left;
	line-height:20px;
	max-height:200px;
	word-wrap:break-word;
	word-break:break-all;
	overflow:hidden;
}
#content .tip1 .tip_c
{
	background:url(tipx/tip1_c.gif) repeat-y;
}
#content .tip2 .tip_c
{
	background:url(tipx/tip2_c.gif) repeat-y;
}
#content .tip3 .tip_c
{
	background:url(tipx/tip3_c.gif) repeat-y;
}
#content .tip4 .tip_c
{
	background:url(tipx/tip4_c.gif) repeat-y;
}
#content .tip5 .tip_c
{
	background:url(tipx/tip5_c.gif) repeat-y;
}
#content .tip6 .tip_c
{
	background:url(tipx/tip6_c.gif) repeat-y;
}
#content .tip7 .tip_c
{
	background:url(tipx/tip7_c.gif) repeat-y;
}
#content .tip8 .tip_c
{
	background:url(tipx/tip8_c.gif) repeat-y;
}

#content .tip1 .tip_f,#content .tip2 .tip_f,#content .tip3 .tip_f,#content .tip4 .tip_f,#content .tip5 .tip_f,
#content .tip6 .tip_f,#content .tip7 .tip_f,#content .tip8 .tip_f
{
	width:227px;
	height:53px;
	padding-top:20px;
}
#content .tip1 .tip_f
{
	background:url(tipx/tip1_f.gif) no-repeat left top;
}
#content .tip2 .tip_f
{
	background:url(tipx/tip2_f.gif) no-repeat left top;
}
#content .tip3 .tip_f
{
	background:url(tipx/tip3_f.gif) no-repeat left top;
}
#content .tip4 .tip_f
{
	background:url(tipx/tip4_f.gif) no-repeat left top;
}
#content .tip5 .tip_f
{
	background:url(tipx/tip5_f.gif) no-repeat left top;
}
#content .tip6 .tip_f
{
	background:url(tipx/tip6_f.gif) no-repeat left top;
}
#content .tip7 .tip_f
{
	background:url(tipx/tip7_f.gif) no-repeat left top;
}
#content .tip8 .tip_f
{
	background:url(tipx/tip8_f.gif) no-repeat left top;
}
#content .icon
{
	float:left;
	width:35px;
	padding-left:15px;
	height:35px;
	text-align:center;
}
#content .name
{
	float:right;
	padding-right:15px;
	text-align:right;
	font-size:14px;
	line-height:35px;
	color:#C0F;
}