.record[data-v-0e1bc016]{padding:20px;background:#fff}.record .top[data-v-0e1bc016]{margin-bottom:20px}.record .top .picker[data-v-0e1bc016]{margin-right:20px}.record .middle[data-v-0e1bc016]{height:calc(100vh - 310px);overflow:auto}.record .middle .wrap[data-v-0e1bc016]{display:-webkit-box;display:-ms-flexbox;display:flex}.record .middle .wrap:last-child .clause[data-v-0e1bc016]{margin-bottom:0}.record .middle .wrap .timeline[data-v-0e1bc016]{position:relative;-webkit-box-flex:0;-ms-flex:0 0 160px;flex:0 0 160px;display:-webkit-box;display:-ms-flexbox;display:flex}.record .middle .wrap .timeline .dot[data-v-0e1bc016]{position:relative;z-index:1;width:14px;height:14px;border:1px solid #1f3ba2;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.record .middle .wrap .timeline .dot[data-v-0e1bc016]:before{content:"";width:8px;height:8px;border-radius:50%;background:#1f3ba2}.record .middle .wrap .timeline[data-v-0e1bc016]:after{position:absolute;top:0;left:6px;bottom:0;content:"";width:2px;border-left:1px dashed #e6edff}.record .middle .wrap .timeline .desc[data-v-0e1bc016]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:10px}.record .middle .wrap .timeline .desc span[data-v-0e1bc016]:first-child{margin-bottom:5px;font-size:18px;color:#1f3ba2;line-height:1}.record .middle .wrap .clause[data-v-0e1bc016]{padding:20px;margin-bottom:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #e6e6e6;border-radius:4px}.record .middle .wrap .clause .item[data-v-0e1bc016]:not(:last-child){padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e6e6e6}.record .middle .wrap .clause .item .upper[data-v-0e1bc016]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;font-size:16px}.record .middle .wrap .clause .item .upper .info span[data-v-0e1bc016]:first-child{margin-right:12px;font-weight:700;color:#000}.record .middle .wrap .clause .item .upper .info span[data-v-0e1bc016]:last-child{color:grey}.record .middle .wrap .clause .item .upper .btn[data-v-0e1bc016]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#1f3ba2;cursor:pointer}.record .middle .wrap .clause .item .upper .btn img[data-v-0e1bc016]{width:18px;margin-right:5px;display:block}.record .middle .wrap .clause .item .midst .after__upper[data-v-0e1bc016],.record .middle .wrap .clause .item .midst .before__upper[data-v-0e1bc016]{margin:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000}.record .middle .wrap .clause .item .midst .after__upper[data-v-0e1bc016]:before,.record .middle .wrap .clause .item .midst .before__upper[data-v-0e1bc016]:before{content:"";width:4px;height:8px;border-radius:4px;background:#1f3ba2;display:block;margin-right:5px}.record .middle .wrap .clause .item .midst .after__upper span[data-v-0e1bc016],.record .middle .wrap .clause .item .midst .before__upper span[data-v-0e1bc016]{margin-right:20px}.record .middle .wrap .clause .item .midst .after__list[data-v-0e1bc016],.record .middle .wrap .clause .item .midst .before__list[data-v-0e1bc016]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.record .middle .wrap .clause .item .midst .box[data-v-0e1bc016]{position:relative}.record .middle .wrap .clause .item .midst .box__upper[data-v-0e1bc016]{position:relative;z-index:10;width:120px;height:120px;margin-bottom:8px;border-radius:4px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border:1px solid #e6e6e6}.record .middle .wrap .clause .item .midst .box__upper[data-v-0e1bc016]:hover:before{opacity:1}.record .middle .wrap .clause .item .midst .box__upper:hover i[data-v-0e1bc016]{display:block}.record .middle .wrap .clause .item .midst .box__upper[data-v-0e1bc016]:before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background:rgba(0,0,0,.2);opacity:0;-webkit-transition:all .3s;transition:all .3s}.record .middle .wrap .clause .item .midst .box__upper i[data-v-0e1bc016]{position:relative;z-index:10;margin:10px 0;font-size:20px;color:#fff;display:none;cursor:pointer}.record .middle .wrap .clause .item .midst .box__below[data-v-0e1bc016]{text-align:center;font-size:12px}