<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;"> *{
    margin:  0px;
    padding: 0px;
}

 /* 瀵艰埅鏍� */
 .header {
     width:1000px;
     /* 鍗犳嵁涓€鏁磋 */
     height: 50px;
     /* 楂樺害 */
     background-color:#E61F18;
     /* 鑳屾櫙鑹� */
 }

 ul{
    list-style: none;/*鍘绘帀鍒楄〃鐨勫渾鐐�*/
}

.header_ul a{
    display: block;          /*灏嗛摼鎺ョ殑鐐瑰嚮鍖哄煙鎵╁ぇ鍒版暣涓潡*/
    text-decoration: none;   /*鍙栨秷杩炴帴鐨勪笅鍒掔嚎*/
    color:white;            /*閾炬帴瀛椾綋涓洪粦鑹�*/
    font-weight: normal;
    font-size: 16px;
    font-family: "Microsoft YaHei";
}
.header_ul div{
    position:absolute;
    z-index: 200;
}

.header_ul .bb{
    line-height: 50px;
    /* 涓庡鑸爮鍚岄珮 */
    float: left;
    /* 宸︽诞鍔� */
    width:200px;
    text-align: center;
    /* 鏂囧瓧灞呬腑 */
}

 .bb_ul{
     top:0px;
     /* 椤舵牸锛屼笌椤堕儴0璺濈 */
     width: 140px;
     margin: 0 29px;
     /*li鐨勫搴︿负200px border鐨勫簱闃垮ゴ涓�1 鎬诲叡鍓╀綑200-140-1*3 = 78px 鎵€浠ヤ袱杈逛负 29px*/
     background-color: #E61F18;
     display: none;
     /* 闅愯棌鍧� */
 }

 .bb_ul li{
     border: 1px solid #E61F18;
 }

 .bb&gt;a:hover {
    /*  background-color: #555;*/
    color: #eeeeee;
}

/* 涓€绾ц彍鍗曠偣鍑荤壒鏁� */
.header_ul li:hover .bb_ul{
    display: block;
    /* 灞曠ず鍧� */
}

/* 浜岀骇鑿滃崟榧犳爣鎸姩鐗规晥 */
.bb_ul&gt;li&gt;a:hover{
    background-color: white;
    color: #E61F18;
    display: block;
}

/* 璁剧疆浜岀骇鑿滃崟閫夐」楂樺害 */
.bb_ul&gt;li {
    line-height: 40px;
}</pre></body></html>