.topmenu {
    display: inline-block; 
    background-color: #FFCCFF; 
	width: 100%;
}
.topmenu a {
	display: block;	     
	font-size: 1.2em;
	text-align: center;
	padding: 0.5em 1em;
	text-decoration: none;	
}
.dropdown a {
	text-align: left;
}
.topmenuli {	
    float: left; 
}	
.topmenuli a {
	 color: #000;   
}
.topmenuli a:hover {
    background-color: rgb(153, 204, 255);
    color: white;
    text-decoration: none;
}
.dropdown {
    position: relative;   
}
.dropdown-content {
    transition: all 0.4s;
    visibility: hidden;
    opacity: 0;                            
    position: absolute;  
	background-color: #99FFFF;
    min-width: 10em;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  /**/
    z-index: 2;
}
.dcontent a {	 	 
    color: black;
    padding: 0.5em 0.55em;
    width: 10em;
    text-decoration: none;    
    text-align: left;		 
}
.dcontent a::before {
    counter-increment: section;                 /*counter-increment递增变量*/
    content: "方式 " counter(section) ": ";     /*content插入生成的内容counter()或counters()函数将计数器的值添加到元素*/
}
.dropdown:hover .dropdown-content {
    visibility: var(--dropdown-visibility, 'visible'); 
    opacity: 1; 
    transition: all 0s; 
}	
#home {	
	width: 2.3em;
	height: 2.3em;
	margin-left: 0.5em;

	background: url('/images/img_navsprites_hover.gif') 0 0;
}
#home:hover {
	background: url('/images/img_navsprites_hover.gif') 0 -45px;
}

#tool {
	position: relative;
	float: right;
	margin-right: 1em;
	width: 5em;
	height: 2.7em;	
}
#tool a {
	font-size: 1.875em;
	font-weight: 500;     /*文本粗细*/
    color: #3333CC;
	display: block;	
	padding: 0;
}
#tool a:hover {                    /*right链接变大*/
	font-size: 2em;
	color: #FF0000;              
}
#tool:hover #tooltiptext {
    visibility: visible;
    opacity: 1;                     /* 淡入到100%显示: */
}
#tooltiptext {
	position: absolute;
    visibility: hidden;
    width: 6em;
    background-color: black;
    color: #fff;    
    border-radius: 10px;
    padding: 5px 0;    
    /* 定位 */
	bottom: 2.6em; 
	right: 2em;
    z-index: 2;
    text-align: center;
	/* 淡入 - 1秒内从 0% 到 100% 显示: */
    opacity: 0;                    /*透明度是opacity*/
    transition: opacity 0.4s;      /*淡入0.4秒内*/
}
#tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 70%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
} 

@media screen and (max-width: 1100px) {
#tool {
    display: none;
}
#home {
    width: 2.7em;
    margin-left: 0;
}
.topmenu a {
    font-size: 100%;
    padding: 0.5em 0.5em;
}

.dropdown-content.hide {
    --dropdown-visibility: hidden;
}
.dropdown-content.show {
    --dropdown-visibility: visible;
}
}