.symbolList-left-enter-active,.symbolList-left-leave-active{transition:opacity .2s}.symbolList-left-enter,.symbolList-left-leave-to{opacity:0}.contract_symbolList{position:fixed;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.2);z-index:10;transition:all .2s;-webkit-animation:show .5s forwards;animation:show .5s forwards}.contract_symbolList .left{position:absolute;top:0;width:80%;height:100%;transition:all .2s;transform:translateX(-80%);-webkit-animation:showLeft .5s forwards;animation:showLeft .5s forwards;display:flex;flex-direction:column}.contract_symbolList .left .title{margin-top:30px;width:100%;height:30px;font-size:18px;text-indent:15px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;line-height:30px}.contract_symbolList .left .vanb{width:100%;height:44px;border-bottom:1px solid var(--color2)}.contract_symbolList .left .vanb *{background:transparent}.contract_symbolList .left .search>.van-search{background-color:initial}.contract_symbolList .left .search>.van-search>.van-search__content{background-color:var(--color2)}.contract_symbolList .left .search>.van-search>.van-search__content input{color:var(--daytimef)}.contract_symbolList .left .search>.van-search>.van-search__content input::-webkit-input-placeholder{color:var(--color3)}.contract_symbolList .left .search>.van-search>.van-search__content .van-icon-search{color:var(--color3)}.contract_symbolList .left .listBox{flex:1;overflow:auto}.contract_symbolList .left .listBox>div{margin:auto;height:40px;border-bottom:1px solid var(--color2);display:flex;justify-content:space-around;padding:0 15px 0 15px;align-items:center}.contract_symbolList .left .listBox>div>div{width:33%;flex-shrink:0}.contract_symbolList .left .listBox>div>div i{font-style:normal;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600}.contract_symbolList .left .listBox>div>div i:first-child{font-size:14px}.contract_symbolList .left .listBox>div>div i:nth-child(2){font-size:12px;color:var(--color3)}.contract_symbolList .left .listBox>div>div:nth-child(2){text-align:center}.contract_symbolList .left .listBox>div>div:nth-child(3){text-align:right}.contract_symbolList .left .listBox>div:hover{background:rgba(227,227,228,.2)}@-webkit-keyframes show{0%{background:transparent}to{background:rgba(0,0,0,.2)}}@keyframes show{0%{background:transparent}to{background:rgba(0,0,0,.2)}}@-webkit-keyframes showLeft{0%{transform:translateX(-80%)}to{transform:translateX(0)}}@keyframes showLeft{0%{transform:translateX(-80%)}to{transform:translateX(0)}}