.nav-header {
  background: #fff;
}
.selection-container{
  padding-bottom:200px; 
}
.selection-container .reference-title{
  position: sticky;
  top: 71px;
  height: 16px;
  line-height:16px;
  font-size: 16px;
  color: #333333;
  padding-top: 15px;
  padding-bottom: 11px;
  z-index: 9999;
  background: #fff;
}
.selection-container .reference-title span{
  color: #999;
  font-size:14px;
  margin-left:10px;
}
.selection-container .search-row{
  display:flex;
  position: sticky;
  top: 113px;
  z-index: 9999;
  padding-bottom: 6px;
  padding-top: 10px;
  background: #fff;
}
.selection-container .search-row input:not(.search-btn){
  width: 296px;
	height: 32px;
	border-radius: 4px;
	border: solid 1px #d9d9d9;
  box-sizing: border-box;
  padding-left:12px;
  padding-right: 50px;
  flex-shrink: 0;
}
.selection-container .search-row input.focus{
  border-color: #ff6d00;
}
.selection-container .search-row button{
  width: 70px;
  height:32px;
  border-radius: 4px;
  margin-left:10px;
  z-index:1;
}
.selection-container .search-row .search-btn{
  /* margin-left: -70px; */
    flex-shrink: 0;
    width: 44px;
    margin-left: -44px;
    height:32px;
    color: #FFF;
    font-size: 16px;
    cursor: pointer;
    border: none;
    /*background: #ff6d00;*/
    background: #ff6d00 url(../../images/temp/searchBar-icon.png) 13px 8px no-repeat;
    border-top-right-radius: 5px;
    border-bottom-right-radius:5px;
    text-align: right;
}
.selection-container .search-row .total{    
  margin-left:20px;
	min-height: 32px;
	line-height: 20px;
	font-size: 14px;
	color: #666666;
  padding-top: 6px;
}
.selection-container .selection-right-btn {
  position: absolute;
  display: flex;
  right: 0;
  margin-top: 15px;
}
.selection-container .selection-right-btn .right-btn-item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.selection-container .selection-right-btn .right-btn-item:hover {
  color: #FF6D00;
}
.selection-container .selection-right-btn .full-screen,.no-full-screen {
  margin-right: 18px;
}
.selection-container .table-container .thead td{
  display: flex;
  align-items: center;
}
.selection-container .table-container .tbody td{
  display: flex;
  align-items: center;
}
/*.selection-container .selection-right-btn #selectColumnList,.exit-select-column {*/
/*  margin-right: 10px;*/
/*}*/
.selection-container .selection-right-btn .btn-img {
  width: 18px;
  height: 18px;
  margin-right: 3px;
}
.selection-container .selection-right-btn .full-screen .btn-img {
  background-image: url("../.././images/full-screen.png");
  background-size: 18px;
}
.selection-container .selection-right-btn .full-screen:hover .btn-img {
  background-image: url("../.././images/full-screen-highlight.png");
  background-size: 18px;
}
.selection-container .selection-right-btn .no-full-screen .btn-img {
  background-image: url("../.././images/off-screen.png");
  background-size: 18px;
}
.selection-container .selection-right-btn .no-full-screen:hover .btn-img {
  background-image: url("../.././images/off-screen-highlight.png");
  background-size: 18px;
}
.selection-container .selection-right-btn .select-column .btn-img {
  background-image: url("../.././images/selection-edit.png");
  background-size: 18px;
}
.selection-container .selection-right-btn .select-column:hover .btn-img {
  background-image: url("../.././images/selection-edit-highlight.png");
  background-size: 18px;
}
.selection-container .selection-right-btn .exit-select-column .btn-img {
  background-image: url("../.././images/exit-edit.png");
  background-size: 18px;
}
.selection-container .selection-right-btn .exit-select-column:hover .btn-img {
  background-image: url("../.././images/exit-edit-highlight.png");
  background-size: 18px;
}
.selection-container .search-row .total span.active,.selection-container .search-row .total #total-count{
  color: #ff6d00;
}
.selection-container .table-container{
  border: 1px solid #eee;
  box-sizing: border-box;
  max-width:1200px;
  /*border-right: 2px solid #eee;*/
}
/*.selection-container .table-container::-webkit-scrollbar{*/
/*  width: 8px;*/
/*  height: 8px;*/
/*  background:#eee;*/
/*}*/
.selection-container .table-container::-webkit-scrollbar-thumb {
  border-radius:5px;
  background:#ccc   ;
}
.selection-container .table-container::-webkit-scrollbar-corner{
  background:#eee;
}

.selection-container .table-container .thead{
  position: sticky;
  z-index:10;
  top:0;
  left:0;
}

.selection-container .table-container table tr td:nth-child(2){
  position:sticky;
  left: 46px;
  background:#fff;
}
.second-td-shadow::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 15px;
  height: 100%;
  background: linear-gradient(to right, #6C6C6C 0%, #FFFFFF 100%);
  opacity: 0.1;
  z-index: 999;
}
.selection-container .table-container table tr td:nth-child(2):before{
  content: '';
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:1px;
  background:#eee;
}
/*.selection-container .table-container .thead td{*/
/*  background:#fff;*/
/*}*/
.selection-container .table-container table tr{
  display:flex;
}
.selection-container .table-container .tbody tr {
  cursor: pointer;
}
.selection-container .table-container table td{
  padding: 4px 9px;
  color: #666666;
  font-size: 14px;
  /* width:120px; */
  border: 1px solid #eeeeee;
  border-top: none;
  border-left: none;
  box-sizing: border-box;
  word-break: break-all;
}
.selection-container .table-container table td.active{
  color:#ff6d00;
}
.selection-container .table-container table td:first-child{
  /*border-left:1px solid #eeeeee;*/
  border-left: none;
  position: sticky;
  left: 0;
  background: #fff;
  border-right: none;
}
.selection-container .table-container table td:last-child {
  border-right: none;
}
.selection-container .table-container #table-head td:nth-child(1) {
  z-index: 2;
}
.selection-container .table-container #table-head td:nth-child(2) {
  z-index: 2;
}
.selection-container .table-container #fixed-table-head td:nth-child(1) {
  z-index: 2;
}
.selection-container .table-container #fixed-table-head td:nth-child(2) {
  z-index: 2;
}

.selection-container .table-container table td:first-child,
.selection-container .table-container table td:nth-child(3){
  /* width:160px; */
}
.selection-container .table-container .tbody td:nth-child(2):not(.tips-content),
.selection-container .table-container .tbody td:nth-child(3){
  /* background:#fafafa; */
}
.selection-container .table-container .tbody td:nth-child(2):not(.tips-content){
  color:#175199;
  cursor: pointer;
}
.selection-container .table-container .tbody.empty-click td:last-child:not(.tips-content){
  color:#666;
  cursor: default;
}

.selection-container .table-container table td.tips-content{
  width:100%;
  border-left: none;
  border-right: none;
  color:#cccccc;
  font-size:14px;
  text-align:center;
  align-self: stretch;
}   
.selection-container .table-container .tbody .cd-checklist {
  width: 16px;
  height: 16px;
  margin-left: 22px;
  margin-top:4px;
  /*margin-right: -4px;*/
  background: url(../../images/checklist_add_icon.png?v=20230619)  no-repeat;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-size: contain;
}
.selection-container .table-container .tbody tr:not(:last-child):hover .cd-checklist{
  background: url(../../images/checklist_add_orange_icon.png?v=20230619) no-repeat;
  background-size: contain;
}

.selection-container .table-container .tbody tr:not(:last-child):hover td{
  background: #fff0e5 !important;
  color:#ff6d00;
}

.selection-container .table-container .tbody.empty-click tr:not(:last-child):hover td{
  background: #fff0e5 !important;
  color:#ff6d00;
}
.selection-container .table-container .tbody{
  width:100%;
}
.selection-container .table-container .tbody em {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 7px;
  /*bottom: 5px;*/
  /*top: 50%;*/
  /*transform: translateY(-50%);*/
}
.selection-container .table-container .tbody .uncollect {
  background: url(../../images/information/uncollect.png) no-repeat center;
}
.selection-container .table-container .tbody .collect-success {
  background: url(../../images/information/collect-success.png) no-repeat center;
}
.selection-container #empty-box .empty-box{
  display:flex;
  align-items:center;
  justify-content: center;
  width:100%;
  height: 185px;
  border: solid 1px #EEE;
  margin-bottom: 21px;
  /*background:#fff;*/
}

.selection-container .table-container .tbody .tips-content{
  position:sticky;
  left:0px;
}
.selection-container .search-word-tips{
  margin: 6px 0 6px 0;
  font-size:12px;
  color: #ff6d00;
}
.selection-container .search-word-tips .search-word-tips-icon{
  width: 15px;
  height: auto;
  margin-right: 5px;
}

.selection-container .custom-scroll{
  position: fixed;
  width:1200px;
  overflow-x:auto;
  overflow-y:hidden;
  left: 50%;
  box-sizing: border-box;
  bottom:0;
  transform:translate(-50%,0);
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.selection-container .custom-scroll .custom-scroll-content{
  width:1500px;
  height:1px;
}

.selection-container .custom-scroll::-webkit-scrollbar-thumb {
  border-radius:5px;
  background:#ccc   ;
}
.selection-container .custom-scroll::-webkit-scrollbar-corner{
  background:#eee;
}
.selection-container .sticy-row{
  background:#fff;
}
.selection-container .sticy-row:after{
  display:table;
  content:'';
  clear:both;
}
.selection-container .table-container{
  position:sticky;
  top:179px;
  
}
.selection-container .fixed-table{
  position:fixed;
  /* left:50%; */
  /* transform:translate(-50%,0); */
  background:#fff;
  z-index: 99;
  top:166px;
}
.selection-container .fixed-table::-webkit-scrollbar{
  display:none;
}
.selection-container .fixed-table{
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.selection-container .fixed-table.over-big,
.selection-container .custom-scroll.over-big{
  left:0;
  transform: translate(0,0);
}

.footer{
  position:absolute !important;
  bottom: 0;
  left: 0;
  right: 0;
}

body.body-scroll{
  position:relative;
  min-height: 100vh;
}

.selection-container .table-container .thead #fixed-table-head td{
  border-top: 0;
  border-bottom: 0;
}

.selection-container .fixed-table table {
  border-top: 1px solid #eee;
}
.selection-container #table-head td:not(:nth-child(1)):not(:nth-child(2)) {
  position: relative !important;
}
.selection-container #fixed-table-head td:not(:nth-child(1)):not(:nth-child(2)) {
  position: relative !important;
}

.selection-container .service-top-block-container.cd-service-tool ul.first li {
  margin-right: 0;
}


.selection-bottom-service {
  margin-top: 32px;
}

.cd-service-tool .service-top {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.cd-service-tool img {
  width: 90px;
  height: 45px;
  display: block;
  margin: 0 auto;
}

.th-sisehandler {
  position: absolute;
  right: -0.5px;
  top: 0;
  z-index: 999999;
  width: 5px;
  height: 100%;
  padding-left: 4px;
  cursor: col-resize;
}

.th-sisehandler::after {
  content: '';
  display: block;
  width: 10px;
  height: 100%;
}

.siselayer {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  cursor: col-resize;
}
.select-column-title {
  color: #333;
  width: calc(100% - 40px);
  position: absolute;
  top: 7px;
  font-weight: bold;
  padding-bottom: 7px;
  text-align: left;
  border-bottom: 2px solid #FFE7D3;
}
.select-column-title .title-border-line {
  width: 41px;
  height: 2px;
  background: #FF6D00;
  position: absolute;
  top: 31px;
}

.select-column-modal {
  height: 316px;
  overflow: auto;
  margin-top: 44px;
  user-select: none;
  border: 1px solid #DBDBDB;
  border-radius: 4px;
}
.select-column-modal .select-column-item {
  color: #666;
  padding: 4px 12px;
  text-align: left;
  display: flex;
  align-items: center;
}
.select-column-modal .select-column-item:hover {
  background: #E2F4FB;
}
.select-column-modal .select-column-item .select-item-value {
  width: calc(100% - 30px);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.select-column-btn {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.column-btn {
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.column-btn-send {
  color: #fff;
  background: #ff6d00;
}
.column-btn-cancel {
  background: #eee;
  margin-left: 20px;
}

/*滚动条样式*/
.select-column-modal::-webkit-scrollbar {/*滚动条整体样式*/
  width:4px;/*高宽分别对应横竖滚动条的尺寸*/
  height:4px;
}
.select-column-modal::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius:5px;
  background:rgba(0,0,0,0.2);
}
.select-column-modal::-webkit-scrollbar-track {/*滚动条里面轨道*/
  border-radius:0;
}
.table-right-shadow {
  position: relative;
}
.table-right-shadow::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 100%;
  background: linear-gradient(to left, #6C6C6C 0%, #FFFFFF 100%);
  opacity: 0.1;
  z-index: 999;
}
.selection-topping {
  width: 18px;
  height: 18px;
  display: none;
  background-image: url("../.././images/selection-topping.png");
  background-size: 18px;
}
.selection-topping:hover {
  cursor: pointer;
  background-image: url("../.././images/selection-topping-highlight.png");
  background-size: 18px;
}
.selection-left-topping {
  width: 18px;
  height: 18px;
  display: none;
  background-image: url("../.././images/selection-topping.png");
  background-size: 18px;
}
.selection-left-topping:hover {
  cursor: pointer;
  background-image: url("../.././images/selection-topping-highlight.png");
  background-size: 18px;
}
#contenter .selection-left {
  width: 180px;
  height: 100vh;
  display: none;
  position: absolute;
  top: 0;
  padding-top: 20px;
  background: #EEE;
  border: 1px solid #F2F2F2;
}
#contenter .selection-left .selection-left-title {
  width: 154px;
  height: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #666;
  line-height: 20px;
  margin-bottom: 9px;
  margin-left: 11px;
}
#contenter .selection-left .select-left-item {
  width: 169px;
  color: #666;
  padding: 4px 0px 4px 11px;
  display: flex;
  align-items: center;
}
#contenter .selection-left .select-left-item:hover {
  background: #E2F4FB;
}
#contenter .selection-left .select-left-item-value{
  width: 120px;
  margin-right: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.selection-service-powerTip {
  max-width: 400px;
}

/*加载效果*/
.canvasBox {
  align-items: center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  margin: 1em;
  width: 10em;
  height: 10em;
  position: fixed;
  top: 40%;
  left: 45%;
}
.spinnerFiveBox {
  animation: spinnerFive 1s linear infinite;
  border: solid 1.5em #ff6d00;
  border-right: solid 1.5em transparent;
  border-left: solid 1.5em transparent;
  border-radius: 100%;
  width: 0;
  height: 0;
}

@keyframes spinnerFive {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(60deg);
  }
  100% {
    transform: rotate(360deg);
  }
}