.collapse-enter-active,.collapse-leave-active{transition:height .3s ease-in-out,padding .3s ease-in-out,max-height .3s ease-in-out}.contract-official-template{height:100%}.contract-official-template ul{padding:0 .20202rem;height:calc(100% - .44444rem);box-sizing:border-box;overflow-y:auto}.contract-official-template ul li .item{height:.16162rem;line-height:.16162rem;background:#f6f6f6;box-sizing:border-box;margin-bottom:.0404rem;border-radius:.0202rem;cursor:pointer;display:flex;transition:all .3s}.contract-official-template ul li .item.active,.contract-official-template ul li .item:hover{background:rgba(0,120,252,.1)}.contract-official-template ul li .item>p{width:1.35354rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-official-template ul li .item>div{width:.16162rem;height:.16162rem;line-height:.16162rem;text-align:center}.contract-official-template ul li .item i{color:rgba(0,0,0,.6);font-size:.06061rem;transition:all .3s ease-in-out}.contract-official-template ul li .item i.active{transform:rotate(90deg)}.contract-official-template ul li .sub-ul .sub-li{height:.16162rem;line-height:.15152rem;background:#fff;font-size:#333742;border:.00505rem solid #e5e6ea;border-radius:.0202rem;padding-left:.25253rem;margin-bottom:.0202rem;box-sizing:border-box;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-official-template ul li .sub-ul .sub-li.active,.contract-official-template ul li .sub-ul .sub-li:hover{border-color:#0078fc}.contract-official-template .footer{height:.44444rem;padding:0 .22222rem;box-sizing:border-box;border-top:.00505rem solid #e5e6ea;display:flex;align-items:center}.contract-official-template .footer>div{cursor:pointer}.contract-official-template .footer .quit-btn{width:.30303rem;height:.16162rem;background:#fff;border:.00505rem solid #dfe2e6;line-height:.15152rem;border-radius:.0202rem;text-align:center;font-size:.07071rem;color:#2f2f30;margin-right:.08081rem}.contract-official-template .footer .quit-btn:hover{opacity:.8}.contract-official-template .footer .save-btn{width:.30303rem;height:.16162rem;background:#0078fc;line-height:.16162rem;border-radius:.0202rem;text-align:center;font-size:.07071rem;color:#fff}.contract-official-template .footer .save-btn:hover{opacity:.8}.contract-official-template .el-drawer{width:1.9697rem!important}