| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 | 
							- .cascaders {
 
-   box-sizing: border-box;
 
-   display: inline-block;
 
-   position: relative;
 
- }
 
- .cinput {
 
-   cursor: pointer;
 
-   margin-right: 10px;
 
-   position: relative;
 
-   display: inline-block;
 
-   padding: 4px 7px;
 
-   font-size: 12px;
 
-   line-height: 1.5;
 
-   color: rgba(0, 0, 0, 0.65);
 
-   background-color: #fff;
 
-   background-image: none;
 
-   border: 1px solid #d9d9d9;
 
-   border-radius: 4px;
 
-   transition: all .3s;
 
- }
 
- .cinput:hover {
 
-   border-color: #80b9ff;
 
-   
 
- }
 
- .cpop {
 
-   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
-   margin-bottom: 0;
 
-   padding-left: 0;
 
-   list-style: none;
 
-   background-color: #fff;
 
-   box-shadow: 0 1px 6px #d9d9d9;
 
-   border-radius: 4px;
 
-   box-sizing: border-box;
 
-   position: fixed;
 
-   z-index: 1050;
 
-   outline: none;
 
-   overflow: hidden;
 
- }
 
- .clist {
 
-   max-height: 240px;
 
-   overflow: auto;
 
- }
 
- .item {
 
-   display: flex;
 
-   flex-direction: row;
 
-   flex-wrap: nowrap;
 
-   align-items: center;
 
- }
 
- .iname {
 
-   width: 84%;
 
-   margin-left: 8px;
 
-   font-size: 12px;
 
-   white-space: nowrap;
 
-   overflow: hidden;
 
-   text-overflow: ellipsis;
 
- }
 
- .cboot {
 
-   margin: 10px 0;
 
-   padding: 0 10px;
 
-   display: flex;
 
-   flex-direction: row-reverse;
 
- }
 
 
  |