.keepRecordPage{width:100%;height:100%;background-color:#fff;position:relative}.keepRecordPage .ul_List{background-color:#f9f9f9}.keepRecordPage .list_ul{height:100%;padding:2.667vw 3.2vw 5.333vw;overflow-y:scroll}.keepRecordPage .list_li{padding-bottom:3.2vw;position:relative}.keepRecordPage .list_li .ggCircle{display:block;width:2.133vw;height:2.133vw;background-color:#21bc9c;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-webkit-box-shadow:0 1px 1.6vw 0 #21bc9c;box-shadow:0 1px 1.6vw 0 #21bc9c;position:absolute}.keepRecordPage .list_li .circleBox{position:absolute;top:16vw;left:8vw;height:calc(100% - 21.333vw);border-left:1px dotted #21bc9c}.keepRecordPage .list_li .circleBox .circleFirst{top:-2.667vw;left:50%;margin-left:-1.333vw}.keepRecordPage .list_li .circleBox .circleLast{bottom:0;left:50%;margin-left:-1.333vw}.keepRecordPage .itemLi{position:relative;margin-bottom:3.2vw}.keepRecordPage .itemLi .childCircle{top:0;left:6.933vw}.keepRecordPage .itemLi .list_left{width:17.333vw;margin-right:3.2vw;-ms-flex-negative:0;flex-shrink:0}.keepRecordPage .itemLi .list_left span{display:inline-block;width:100%;font-size:4.267vw;font-family:PingFangSC-Regular,\ PingFang SC;color:#000;opacity:.6;line-height:5.867vw;text-align:center}.keepRecordPage .itemLi .imgWrap{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}.keepRecordPage .itemLi .imgWrap .img{width:33.33%;padding-right:1.6vw;padding-bottom:1.6vw;border-radius:1.333vw;-webkit-border-radius:1.333vw;-moz-border-radius:1.333vw}.keepRecordPage .itemLi .imgWrap .img img{width:20vw;height:20vw;border-radius:1.333vw;-webkit-border-radius:1.333vw;-moz-border-radius:1.333vw}.keepRecordPage .itemLi .list_right{width:100%;background-color:#fff;border-radius:2.133vw;-webkit-boeder-radius:2.133vw;-moz-border-radius:2.133vw;padding:2.133vw 2.133vw 2.667vw 2.133vw;-webkit-box-shadow:0 1px 1.6vw 0 rgba(0,0,0,.07);box-shadow:0 1px 1.6vw 0 rgba(0,0,0,.07)}.keepRecordPage .itemLi .list_right .titleWrap{position:relative}.keepRecordPage .itemLi .list_right .titleWrap img{width:6.667vw;height:6.667vw;border-radius:50%}.keepRecordPage .itemLi .list_right .titleWrap .title{margin-left:2.667vw;display:inline-block;color:#000;font-size:4vw;font-weight:600;opacity:.6;line-height:6.667vw;font-family:PingFangSC-Medium,PingFang SC}.keepRecordPage .itemLi .list_right .textWrap{margin:2.667vw 0 2.667vw 0}.keepRecordPage .itemLi .list_right .peopleAction{margin-top:1.333vw;position:relative}.keepRecordPage .itemLi .list_right .peopleAction .smallText{font-size:3.2vw;color:#000;opacity:.6}.keepRecordPage .itemLi .list_right .peopleAction .actionItem{position:absolute;top:0;right:2.667vw}.keepRecordPage .itemLi .list_right .peopleAction .criticLike{display:inline-block;margin-right:2.133vw}.keepRecordPage .itemLi .list_right .peopleAction .criticLike span{display:block}.keepRecordPage .itemLi .list_right .peopleAction .criticLike .criticLikeIcon i{font-size:4.8vw;color:#000;vertical-align:bottom}.keepRecordPage .itemLi .list_right .peopleAction .criticLike .criticLikeIcon .criticCount{display:inline-block;font-size:3.2vw;color:#000;margin-left:.8vw}.keepRecordPage .itemLi .list_right .peopleAction .criticLike .criticLikeIcon.red i{color:#21bc9c}.keepRecordPage .itemLi .list_right .peopleAction .commentNum{display:inline-block}.keepRecordPage .itemLi .list_right .peopleAction .commentNum span{display:block}.keepRecordPage .itemLi .list_right .peopleAction .commentNum .commentIcon i{font-size:4.267vw;color:#000;vertical-align:bottom}.keepRecordPage .itemLi .list_right .peopleAction .commentNum .commentIcon .commentCount{display:inline-block;font-size:3.2vw;color:#000;margin-left:.8vw}.keepRecordPage .itemLi:last-child{margin-bottom:0}