.xmbtn{height: 100rpx;display: flex;align-items: center;justify-content: center;} .xmbtn.btn1{width: 200rpx;} .xmbtn.btn2{background-color: $uni-color-fa;} .tree-cover { position: fixed; top: 0rpx; right: 0rpx; bottom: 0rpx; left: 0rpx; z-index: 100; background-color: rgba(0, 0, 0, .4); opacity: 0; transition: all 0.3s ease; visibility: hidden; } .tree-cover.show { visibility: visible; opacity: 1; } .tree-dialog { position: fixed; top: 0rpx; right: 0rpx; bottom: 0rpx; left: 0rpx; background-color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; display: flex; flex-direction: column; z-index: 100002; top: 20%; transition: all 0.3s ease; -webkit-transform: translateY(100%); transform: translateY(100%); } .tree-dialog.show { -webkit-transform: translateY(0); transform: translateY(0); } .tree-bar { /* background-color: #fff; */ height: 90rpx; padding-left: 25rpx; padding-right: 25rpx; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; border-bottom-width: 1rpx !important; border-bottom-style: solid; border-bottom-color: #f5f5f5; font-size: 32rpx; color: #757575; line-height: 1; } .tree-bar-confirm { color: #FE5706; padding: 15rpx; } .tree-bar-title {} .tree-bar-cancel { color: #757575; padding: 15rpx; } .tree-view { flex: 1; padding: 20rpx 36rpx; display: flex; flex-direction: column; overflow: hidden; height: 100%; } .tree-list { flex: 1; height: 100%; overflow: hidden; } .tree-item { display: flex; justify-content: space-between; align-items: center; line-height: 1; height: 0; opacity: 0; transition: 0.2s; overflow: hidden; } .tree-item.show { height: 90rpx; opacity: 1; } .tree-item.showchild:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .tree-item.last:before { opacity: 0; } .switch-on { width: 0; height: 0; border-left: 16rpx solid transparent; border-right: 16rpx solid transparent; border-top: 20rpx solid #666; } .switch-off { width: 0; height: 0; border-bottom: 16rpx solid transparent; border-top: 16rpx solid transparent; border-left: 20rpx solid #666; } .item-last-dot { position: absolute; width: 12rpx; height: 12rpx; border-radius: 100%; background: #666; } .item-icon { width: 26rpx; height: 30rpx; margin-right: 8rpx; padding-right: 20rpx; padding-left: 20rpx; } .item-label { flex: 1; display: flex; align-items: center; height: 100%; line-height: 1.2; } .item-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* width: 450rpx; */ font-size: 34rpx; font-weight: bold; line-height: 1; } .item-check { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; } .item-check-yes, .item-check-no { width: 32rpx; height: 32rpx; border-top-left-radius: 20%; border-top-right-radius: 20%; border-bottom-right-radius: 20%; border-bottom-left-radius: 20%; border-top-width: 1rpx; border-left-width: 1rpx; border-bottom-width: 1rpx; border-right-width: 1rpx; border-style: solid; border-color: #FE5706; border-radius: 8rpx; display: flex; justify-content: center; align-items: center; box-sizing: border-box; /* background-color: #FE5706; */ } .item-check-yes{ border: none; background-color: #FE5706; } .item-check-yes-part { width: 24rpx; height: 6rpx; border-top-left-radius: 20%; border-top-right-radius: 20%; border-bottom-right-radius: 20%; border-bottom-left-radius: 20%; background-color: #ffffff; } .item-check-yes-all { margin-bottom: 5px; border: 2px solid #ffffff; border-left: 0; border-top: 0; height: 12px; width: 6px; -webkit-transform-origin: center; transform-origin: center; transition: all 0.3s; -webkit-transform: rotate(45deg); transform: rotate(45deg); /* border: none; background-color: #FE5706; */ } .item-check .radio { border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } .item-check .radio .item-check-yes-b { border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } .hover-c { opacity: 0.6; } .itemBorder { border-bottom: 1px solid #e5e5e5; } .xmmain .uni-data-checklist .checklist-group{display: block;} .xmmain .uni-data-checklist .checklist-group .checklist-box{padding: 28rpx 0;margin: 0;} .xmmain .uni-data-checklist .checklist-group .checklist-box .checklist-text{color: #343434;font-size: 32rpx;font-weight: bold;} .xmmain .uni-data-checklist .checklist-group .checklist-box .checkbox__inner{margin-right: 32rpx;} .xmmain .uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .checkbox__inner{border-color: #FF440B; background-color: #FF440B;} .xmmain .uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .checklist-text{color: #343434;}