.jw-export-media-w{
  .jw-export-media-title{
    width: 815px!important;
    border-bottom: 1px solid #e7e7e7;
  }
	.icon-close-big{
		margin-top: 5px;
		float: right;
    cursor: pointer;
	}
	.jw-export-media-content-w{
		padding: 25px;
	}
	.jw-export-media-content{
    margin-top: 25px;
		&:first-child,
		&:nth-child(2){
			margin-top: 10px;
		}
    .ant-calendar-picker{
      width: 85.5%!important;
      vertical-align: middle;
      .ant-calendar-picker-input{
        height: 38px;
        background: #f5f5f5;
        border: none;
        .anticon-calendar:before{
          content: ''!important;
        }
      }
      .ant-calendar-range-picker-separator{
        line-height: 28px;
      }
    }
		.title{
			width: 106px;
			display: inline-block;
			color: #494949;
			font-size: 14px;
		}
		.title-middle{
			vertical-align: top;
		}
		.content-w{
			display: inline-block;
			width: 85.5%;
			.content{
				background: #f5f5f5;
				padding: 14px 40px 10px 30px;
				border-bottom: 1px solid #e7e7e7;
			}
			.name{
				color: #494949;
				font-size: 14px;
				width: 90%;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				display: inline-block;
        margin-bottom: 0;
				&:before{
					content: '';
					display: inline-block;
					width: 4px;
					height: 4px;
					background: #404a53;
					border-radius: 50%;
					vertical-align: middle;
					margin-right: 10px;
					margin-top: -2px;
				}
			}
			.icon-delete-data{
				cursor: pointer;
				margin-left: 5%;
			}
			.time{
				color: #b0b0b0;
    		font-size: 12px;
				margin-left: 15px;
        margin-bottom: 0;
			}
		}
		.add-btn{
			display: inline-block;
			font-size: 13px;
			cursor: pointer;
			.icon-add-admin,
      .icon-add-item{
				vertical-align: middle;
			}
			.add-btn-text{
				margin-left: 8px;
				vertical-align: middle;
			}
		}
		.add-btn-margin{
			margin-top: 20px;
		}
    // .jw-export-media-checkbox-selected{
		// 	svg path{ color: #3297FC}
		// }
    .jw-export-media-checkbox-disabled{
      svg path{ color: #DDDDDD!important}
    }
	}
	.jw-export-media-footer{
	  margin: 20px;
		button{
			padding: 3px 25px;
		}
	}
	// 选择问卷页面
	.jw-export-media-w-search{
		margin-bottom: 20px;
		position: relative;
		input{
			border: none;
			border-bottom: 1px solid #e7e7e7;
			width: 100%;
			border-radius: 0!important;
			padding: 5px 0 5px 25px;
		}
		.icon-search{
			position: absolute;
			left: 5px;
			top: 8px;
		}
	}
	.jw-export-media-w-empty{
		text-align: center;
		margin: 100px 0;
		color: #999;
		font-size: 14px;
	}
	.jw-export-media-data{
		padding: 22px 0;
		border-bottom: 1px solid #e7e7e7;
		.ant-checkbox-wrapper{
			vertical-align: top;
			margin-top: 14px;
		}
		.jw-export-media-data-right{
			display: inline-block;
			margin-left: 20px;
			.data-name{
				color: #494949;
				font-size: 14px;
        margin-bottom: 0;
        width: 700px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
			}
			.data-time{
				color: #b0b0b0;
		    font-size: 12px;
		    margin-top: 7px;
        margin-bottom: 0;
			}
		}
	}
}
.jw-export-media-w1{
  .jw-export-media-title{
    width: 600px;
  }
	.jw-export-media-w1-content{
		padding: 0;
    .jw-export-media-empty{
      color: #999;
      text-align: center;
      margin: 100px 0;
    }
		.jw-export-media-search{
			padding: 30px 30px 0 30px;
      position: relative;
			.icon-search{
        position: absolute;
        left: 32px;
        top: 37px;
			}
      input{
        border: none;
        border-bottom: 1px solid #e7e7e7;
        width: 100%;
        padding: 4px 25px;
      }
      input:focus-visible{
        outline: none;
      }
		}
    .jw-export-media-data-right{
      margin-left: 0;
      vertical-align: middle;
    }
    // .jw-export-media-checkbox-selected{
		// 	svg path{ color: #3297FC}
		// }
		.jw-export-media-data-w{
			height: 500px;
			overflow-y: auto;
			padding: 0 30px;
      margin-top: 20px;
		}
	}
}
.jw-export-media-w2{
  .jw-export-media-title{
    width: 500px!important;
    h2{
      font-size: 20px;
    }
    .icon-close-big{
      float: right;
      margin-top: 3px;
      cursor: pointer;
    }
  }
  .jw-export-media-w2-content{
    font-size: 16px;
  }
}
.jw-export-media-rangepicker{
  z-index: 10000;
}
.blue{
  .jw-export-media-footer button{
    border: 1px solid #3297FC;
    color: #3297FC;
    &:hover{
      background: transparent;
    }
    &:last-child{
      background: #3297FC;
      color: #fff;
    }
  }
  .jw-export-media-content, .jw-export-media-w1-content{
    .jw-export-media-checkbox-selected{
      color: #3297FC;
    }
    .jw-export-media-checkbox-selected svg{
      path{
        color: #3297FC;
      }
    }
  }
}
.jw-export-media-w2.blue{
  .jw-export-media-footer{
    button{
      border: none;
      &:last-child{
        background: transparent;
      }
    }
    button:first-child span:first-child{
      color: #494949;
    }
    button:last-child span:first-child{
      color: #3297FC;
    }
  }
}
.green{
  .jw-export-media-footer button{
    border: 1px solid #00C78B;
    color: #00C78B;
    &:hover{
      background: transparent;
    }
    &:last-child{
      background: #00C78B;
      color: #fff;
    }
  }
  .jw-export-media-content, .jw-export-media-w1-content{
    .jw-export-media-checkbox-selected svg{
      path{
        color: #00C78B;
      }
    }
    .jw-export-media-checkbox-selected{
      color: #00C78B;
    }
  }
}
.jw-export-media-w2.green{
  .jw-export-media-footer{
    button{
      border: none;
      &:last-child{
        background: transparent;
      }
    }
    button:first-child span:first-child{
      color: #494949;
    }
    button:last-child span:first-child{
      color: #00C78B;
    }
  }
}