.box .swiper { height: 500rpx; } .box .detail { position: absolute; background: white; width: 100%; border-radius: 30rpx 30rpx 0 0; padding: 20rpx; } .box .detail .name { margin: 20rpx 0; } .box .detail .name .title { font-size: 55rpx; font-weight: bold; font-family: "华文琥珀"; } .box .detail .name .desc { margin: 20rpx; font-size: 25rpx; } .box .detail .comments .ul .li { padding: 10rpx 0; border-bottom: whitesmoke 1rpx solid; } .box .detail .comments .ul .li .user { display: flex; } .box .detail .comments .ul .li .user .name { font-size: 28rpx; margin-left: 10rpx; font-weight: bold; } .box .detail .comments .ul .li .content { margin-top: 10rpx; margin-left: 50rpx; } .box .detail .comments .ul .li .content .text { font-size: 26rpx; } .box .detail .comments .ul .li .content .icon { display: flex; align-items: center; margin: 10rpx 0; } .box .detail .comments .ul .li .content .icon .love { margin-right: 35rpx; } .box .detail .comments .ul .li .content .icon .love van-icon { font-size: 35rpx; margin-right: 5rpx; } .box .detail .comments .ul .li .content .icon .love text { font-size: 25rpx; } .box .detail .comments .ul .li .content .icon .reply { font-size: 38rpx; } .box .detail .comments .ul .li .content .replyComment { background: whitesmoke; padding: 20rpx; border-radius: 10rpx; font-size: 28rpx; } .box .detail .comments .ul .li .content .replyComment .reItem { padding: 25rpx 0 5rpx 0; border-bottom: #ebebeb solid 1rpx; } .box .detail .comments .ul .li .content .replyComment .reItem .reName { color: #4F9AF7; } .box .detail .comments .ul .li .content .replyComment .reItem .reText { margin: 0 10rpx; } .box .detail .comments .ul .li .content .replyComment .reItem .reIcon { width: 100%; display: flex; align-items: center; justify-content: flex-end; } .box .detail .comments .ul .li .content .replyComment .reItem .reIcon > view { margin-right: 30rpx; } .box .detail .comments .ul .li .content .replyComment .more { padding-top: 10rpx; } .box .detail .inp { width: 100vw; border-top: 1rpx solid #e4d2fa; position: fixed; bottom: 0rpx; right: 0; } .box .detail .date { display: flex; justify-content: space-between; align-items: center; margin: 20rpx; } .box .detail .date .toDay { font-size: 55rpx; font-weight: bold; color: #4F9AF7; font-family: "华文琥珀"; } .box .detail .date .toDay .month { font-size: 35rpx; } .box .detail .date .tip { font-size: 45rpx; font-weight: bold; font-family: "华文琥珀"; } .box .detail .item { display: flex; align-items: center; padding: 30rpx 0 20rpx 0rpx; margin: 0 30rpx; border-bottom: 1rpx solid #e0e0e0; } .box .detail .item .title { font-size: 30rpx; margin-right: 20rpx; align-items: center; font-weight: bold; } .box .detail .item .title van-icon { font-size: 30rpx; } .box .detail .item .common { font-size: 28rpx; } .box .detail .item .common van-icon { margin-right: 10rpx; } .box .detail .item .common .arLog { display: flex; align-items: center; padding: 10rpx 0; color: #4F9AF7; font-weight: bold; } .box .detail .btn { margin: 30rpx 0; background: #4F9AF7; font-size: 35rpx; } .popup { height: 70vh; overflow-y: auto; } .popup .topTitle { position: fixed; left: 0rpx; z-index: 9; } .popup .topBox { border-radius: 40rpx 40rpx 0 0; background: white; width: 100vw; padding: 20rpx; border-bottom: 1rpx solid #cecece; text-align: center; font-weight: bold; } .popup .registerStartDate { padding: 20rpx; display: flex; align-items: center; } .popup .registerStartDate .title { width: 220rpx; font-size: 28rpx; } .popup .registerStartDate .title text { color: red; } .popup .registerStartDate .date { font-size: 28rpx; font-weight: bold; } .popup .registerStartTime { padding: 20rpx; } .popup .registerStartTime .title { width: 220rpx; font-size: 28rpx; } .popup .registerStartTime .title text { color: red; } .popup .registerStartTime .box { display: flex; margin: 20rpx; align-items: center; justify-content: space-between; padding: 20rpx; box-shadow: 1rpx 1rpx 10rpx #cccccc; border-radius: 20rpx; } .popup .registerStartTime .box .time .from { margin: 10rpx 0; font-size: 35rpx; font-weight: bold; } .popup .registerStartTime .box .time .from van-icon { font-size: 35rpx; } .popup .registerStartTime .box .time .to { font-size: 28rpx; } .popup .registerStartTime .box .time .to van-icon { font-size: 35rpx; } .popup .registerStartTime .box .btn { font-size: 30rpx; background: #4F9AF7; padding: 10rpx 20rpx; border-radius: 100rpx; color: white; } .popup .btn_btm { width: 100vw; background: white; position: fixed; bottom: 0rpx; z-index: 9; } .popup .btn_btm button { color: white; font-size: 30rpx; } .popup .revise { float: right; background: #4F9AF7; margin: 20rpx; } .audit { font-size: 25rpx; color: #4F9AF7; background: #e4d2fa; width: 95rpx; padding: 5rpx 10rpx; margin-left: 10rpx; } .company { margin: 20rpx; } .company .name { font-size: 26rpx; margin: 20rpx 40rpx; padding: 20rpx; border-bottom: 1rpx solid #f3f3f3; } van-cell van-radio-group van-radio { margin: 20rpx 0; }