@main-bgColor: rgb(40,40,40); //主背景颜色
@borderColor: #424242;
@primary-color: #1fb06d;
@primary-textColor: #393939; //文本主颜色
@second-textColor: #636363; //文本副级颜色
@primary-fontSize: 14px;
@second-fontSize: 16px;

.component-qn-form {
    padding: 20px 20px 50px 20px;
	// background-color: #fff;
	
	.ivu-input[disabled]{
        background: none;
		border: none !important;
		font-size: 16px;
		font-weight: bold;
	}
	
	.vote-class{
		display: flex;
		flex-wrap: wrap;
		
		&-item{
			background-color: @primary-color;
			color:#fff;
			height: 28px;
			line-height: 28px;
			padding: 0 10px;
			font-size: 12px;
			border-radius: 2px;
			margin: 2px;
		}
	}

    .ivu-form .ivu-form-item-label {
        color: var(--second-text-color);
    }

    .ivu-form-item:not(:first-child) {
        margin-top: 30px;
    }

    .ivu-form .btn-save {
        width: 48%;
        background: @primary-color;
        border: none;
        height: 38px;
    }

    .ivu-form .btn-reset {
        width: 48%;
        border: none;
        height: 38px;
    }

    .ivu-input::-webkit-input-placeholder {
        color: #939393;
    }

    .ivu-input, .ivu-select-single .ivu-select-selection,
    .ivu-select-multiple .ivu-select-selection {
        // border: 1px solid #c1c1c1;
        margin-top: 10px;
        height: 40px;
        line-height: 40px;
		padding-left: 8px;
        /* color: @primary-textColor;
		background-color: transparent; */
    }

    .ivu-input-number-input,
    .ivu-input-number {
        width: 100%;
        padding-left: 10px;
        height: 40px;
        line-height: 40px;
        // color: @primary-textColor;

        .ivu-input-number-handler-wrap {
            /* background: none;
            border: none;

            .ivu-input-number-handler-down {
                border-top: 1px solid #6f6f6f;
            } */

            .ivu-input-number-handler {
                height: 20px;

                span {
                    height: 20px;
                    line-height: 20px;
                }
            }
        }
    }

    .ivu-select-multiple .ivu-select-selection {
        height: auto;
    }

    .ivu-tag {
        border: none;
        background: @primary-color;
        height: 28px;
        line-height: 28px;

        i {
            top: 8px;
            color: #fff;
        }

        .ivu-tag-text {
            color: #fff;
        }
    }

    .ivu-select {
        color: @second-textColor;
    }

    .ivu-input-prefix i, .ivu-input-suffix i {
        line-height: 60px;
    }

    .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
    .ivu-select-multiple .ivu-select-selection .ivu-select-placeholder,
    .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
        height: 40px;
        line-height: 40px;
    }

    .ivu-date-picker {
        width: 100%;
        margin-top: -20px;
    }

    .ivu-radio-wrapper, .ivu-checkbox-wrapper {
        color: @second-textColor;
    }

    .ivu-radio-wrapper:not(:first-child),
    .ivu-checkbox-wrapper:not(:first-child) {
        margin-left: 15px;
    }

    .ivu-radio-inner:after {
        background: #2d8cf0;
    }

    .ivu-upload-drag {
        margin-top: 10px;
        border: 1px dashed #6c6e71;
        color: @second-textColor;

        .ivu-icon {
            color: @primary-color;
            font-weight: bold;
        }
    }

    .ivu-checkbox-checked .ivu-checkbox-inner {
        border-color: @primary-color;
        background: @primary-color;
    }

    .ivu-upload-list-file,
    .ivu-upload-list-file > span i {
        color: @second-textColor;
        margin-right: 5px;
    }

    .ivu-upload-list-file:hover {
        span {
            color: @second-textColor;
        }
    }

    .ivu-upload-list-remove {
        margin-top: 5px;
        font-size: 22px;
    }

    .ivu-select-single .ivu-select-selection .ivu-select-placeholder {
        color: #939393;
    }

    .w-e-toolbar {
        margin-top: 10px;
        z-index: 1 !important;
    }

    .w-e-text-container {
       z-index: 0 !important;
    }

    .w-e-text {
        /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
        &::-webkit-scrollbar {
            // width: 4px;
            // height: 16px;
            // background-color: #d6d6d6;
        }
        /*定义滚动条轨道 内阴影+圆角*/
        &::-webkit-scrollbar-track {
   //          -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
   //          border-radius: 10px;
			// width: 0;
   //          background-color: transparent;
        }
        /*定义滑块 内阴影+圆角*/
        &::-webkit-scrollbar-thumb {
            // border-radius: 0;
            // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
            // background-color: transparent;
        }
    }

    .option-editor-wrap {
        position: relative;
        margin-top: 10px;

        .option-order {
			position: relative;
            display: inline-flex;
			justify-content: center;
			align-items: center;
            min-height: 42px;
            width: 10%;
            float: left;
            color: #a0a0a0;
            background: #f1f1f1;
			
			&:hover{
				.ivu-icon{
					display: unset;
				}
			}
			
			.ivu-icon{
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				font-size: 20px;
				display: none;
				cursor: pointer;
			}
        }

        .option-editor {
            position: relative;
            display: inline-block;
            // height: 42px;
            // border: none;
            width: 90%;
        }

        .w-e-text-container {
            height: auto !important;
            z-index: 0 !important;
        }

        .w-e-toolbar {
            position: absolute;
            top: -50px;
            left: 0px;
            visibility: hidden;
            font-size: 12px;
            width: 100%;
        }
    }

    .vote-form-disabled {

        .ivu-input, .ivu-select-single .ivu-select-selection,
        .ivu-select-selection,
        .ivu-date-picker-focused input {
            background: transparent;
            border: none;
            font-size: @second-fontSize;
            font-weight: bold;
            box-shadow: none;
        }

        .ivu-icon {
            display: none !important;
        }

        .ivu-select-multiple .ivu-tag span:not(.ivu-select-max-tag) {
            margin-right: 10px;
        }
		
		
    }
	
	.ivu-input-number-disabled{
		background-color: transparent !important;
		border: none !important;
		
		.ivu-input-number-input{
			background-color: transparent !important;
		}
	}
}
