* { margin: 0; padding: 0; box-sizing: border-box;}
li { list-style: none;}
.box { width: 100%; position: relative;}
.top { position: relative;}
.top input { width: 100%; margin: 5px 0; outline: none;}
.top .size { font-size: 10px !important; font-weight: bold; position: absolute; top: 50%; right: 12px; margin-top: -6px; /*transform: rotate(180deg);*/ transform: rotate(0deg); transition: all .5s; color: #000000;}
.top ul { position: absolute; display:flex; font-size: 10px; top: 50%; transform: translateY(-50%); left: 0;}
.top ul li { background-color: #0068b6; color: #fff; padding: 1px 10px; margin-left: 3px; border-radius: 5px; display: none;}
.list { width: 100%; height: 230px; position: absolute; border-radius: 5px; background-color:#fff; border: 1px solid #e6ebf3; box-shadow: 0 0 16px 2px rgba(36, 130, 220, .08); display: none; z-index: 9999; overflow: auto;}
/* 隐藏滚动条 */
.list::-webkit-scrollbar { display: none;}
.list ul { display: flex; flex-direction: column; margin: 8px 0;}
.list ul li { display: flex; height: 27px; align-items: center; padding: 0 20px; color: #65676b; cursor: pointer;}
.list ul li:hover { background-color: #f5f8ff;}
.list ul li label { font-size: 10px; margin-left: 15px; display: block; width: 100%;}
.fontBlue { color: #0075ff;}