@CHARSET "UTF-8"; * { padding: 0px; margin: 0px; } ul { display: none; } .menu div { width: 138px; height: 35px; line-height: 35px; background: #C6E2FF; color: #000000; font-size: 16px; padding-left: 15px; transition: all 0.3s ease; cursor: pointer; position: relative; font-weight: bold; overflow: hidden; border-bottom: 12px ; margin-bottom:4px; text-align: left; cursor: pointer; border-radius:8px; /* outline: none; */ background-color:#5CADFE; box-shadow: 0 8px 16px 0 rgba(0,0,0,0), 0 6px 5px 0 rgba(0,0,0,0.19); } .menu { width: 138px; height: 33px; line-height: 25px; color: #000000; font-size: 16px; padding-left: 15px; padding-right: 2px; } ul { height: auto; margin: 1px auto; text-align: center; } ul li { height: 28px; line-height: 30px; background: gray; color: #000000; padding-left: 36px; cursor: pointer; overflow: hidden; text-align: left; border-radius:8px; /* outline: none; */ background: #5CADFE; box-shadow: 0 8px 16px 0 rgba(0,0,0,0), 0 6px 5px 0 rgba(0,0,0,0.19); } ul li:hover { background:#5CADFE ; color: #ffffff; } ul li a { text-decoration: none; color: #000000; font-size: 14px; } ul li a:hover { color: #ffffff; } .item_divider { width: 118px; height: 0px; /* background-color: white; opacity: 0.8; */ margin-bottom:2px; } .item a{ width: 138px; height: 35px; display: block; text-decoration: none; color: white; font-size: 14px; text-decoration: none; } .menu_title { width: 138px; height: 35px; line-height: 35px; background: #fafafa; color: gray; font-size: 16px; padding-left: 15px; transition: all 0.3s ease; cursor: pointer; position: relative; font-weight: bold; overflow: hidden; } .menu_title:hover { /* background: #dedede; */ color: #ffffff; } .indicator { display: block; width: 50px; height: 35px; font-weight: bold; position: absolute; right: 0px; top: 0px; transition: all 0.3s ease; text-align: center; }