.contractBox{position:absolute;top:0;width:100%;height:100%;overflow:auto}.contractBox .titles{height:44px;line-height:44px;overflow:hidden;padding-left:12px;border-bottom:2px solid #f7f8f8}.contractBox .titles span{font-size:20px;font-weight:600;color:#9c9999}.contractBox .titles span:first-child{color:#000}.contractBox .con_symbol{margin:0;height:36px;display:flex;align-items:center}.contractBox .con_symbol div{width:auto;display:flex;height:40px;align-items:center;padding-left:12px}.contractBox .con_symbol div>i{font-size:19px}.contractBox .con_symbol div>div{font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600}.contractBox .vaniBox{position:relative;top:0;width:100%;z-index:3;background:var(--daytime);display:flex}.contractBox .vaniBox .navi{position:relative;margin:5px auto;width:180px;height:35px;display:flex;background:var(--dytimef);justify-content:center;align-items:center;border:1px solid var(--color);border-radius:3px;overflow:hidden}.contractBox .vaniBox .navi>button{width:50%;height:100%;border:none;background:none;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;outline:none;color:var(--color)}.contractBox .vaniBox .navi .selected{background:var(--color)!important;color:#fff!important}.contractBox .con-Page{position:relative;width:100%;height:calc(100% - 60px);overflow:scroll}