#rfq {
    margin-bottom: 60px;
}


/* 上传 下载bom区域 */
#rfq>.center .bom {
    margin-bottom: 30px;
    width: 500px;
    height: 188px;
    border: 1px dashed #d9d9d9;
    border-radius: 4px;
    padding: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-around;
}

/* Drag the file here */
#rfq>.center .bom b {
    font-size: 16px;
}

/* 上传按钮 */
#rfq>.center .bom .upload {
    width: 130px;
    height: 36px;
    background: var(--main-color);
    border-radius: 2px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
}

/* 上传按钮文字 */
#rfq>.center .bom .upload span {
    font-size: 14px;
    color: #fff;
}

/* 原始input file */
#rfq>.center .bom .upload .uploadFile {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

#rfq>.center .scheduleBoxs {
    width: 55%;
    margin-bottom: 65px;
}

/* 上传描述 */
#rfq>.center .bom .bomDesc {
    font-size: 14px;
}


/* 下载bom */
#rfq>.center .bom a {
    font-size: 14px;
    color: var(--main-color);
}


/* 步骤 */

/* 每项步骤图标 */
#rfq>.center .scheduleBoxs .iconBoxs {
    width: 60px;
}

#rfq>.center .scheduleBoxs .iconBoxs p {
    width: 60px;
    height: 60px;
}

/* 步骤文字 */
#rfq>.center .scheduleBoxs .iconBoxs span {
    width: 140px;
    height: 30px;
    font-size: 10px;
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#rfq>.center .scheduleBoxs .iconfont-ut {
    font-size: 30px;
    margin: 0 40px;
    color: var(--main-color);
}


/* bom表格 */

/* 表格标题背景 */
#rfq>.center .tableCot .rfqTable .titleBox {
    background-color: #e8ecf5;
    height: 40px;
}

#rfq>.center .tableCot .rfqTable .titleBox li {
    -webkit-box-flex: 3;
    flex: 3;
}

#rfq>.center .tableCot .rfqTable .titleBox li:first-child,
#rfq>.center .tableCot .rfqTable .titleBox li:nth-child(2),
#rfq>.center .tableCot .rfqTable .titleBox li:nth-child(3) {
    -webkit-box-flex: 5;
    flex: 5;
}

#rfq>.center .tableCot .rfqTable .titleBox li:last-child {
    -webkit-box-flex: 1;
    flex: 1;
}

/* 每行表格 */
#rfq>.center .tableCot .rfqTable .cotBox>li>div {
    -webkit-box-flex: 3;
    flex: 3;
    padding: 6px 6px 0;
}

#rfq>.center .tableCot .rfqTable .cotBox>li>div:first-child,
#rfq>.center .tableCot .rfqTable .cotBox>li>div:nth-child(2),
#rfq>.center .tableCot .rfqTable .cotBox>li>div:nth-child(3) {
    -webkit-box-flex: 5;
    flex: 5;
}

#rfq>.center .tableCot .rfqTable .cotBox>li>div:last-child {
    -webkit-box-flex: 0.3;
    flex: 0.3;
    line-height: 40px;
}

/* 清空输入框圆角 */
#rfq>.center .tableCot .rfqTable .cotBox>li .v-input input {
    border-radius: 0;
}

/* 清除输入框边框 */
#rfq>.center .tableCot .rfqTable .cotBox>li .v-input {
    border-top: none;
    border-left: none;
    border-right: none;
}


#rfq>.center .tableCot .rfqTable .cotBox>li>div:first-child input,
#rfq>.center .tableCot .rfqTable .cotBox>li>div:nth-child(2) input,
#rfq>.center .tableCot .rfqTable .cotBox>li>div:nth-child(3) input {
    width: 200px;
}

/* 当前行删除 */
#rfq>.center .tableCot .rfqTable .cotBox>li>div:last-child .del {
    font-size: 17px;
    color: var(--main-color);
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#rfq>.center .tableCot .rfqTable .cotBox>li>div:last-child .del:hover {
    color: var(--danger-color);
}


/* 联系人信息面板 */
#rfq>.center .contact .cot .l {
    margin-right: 60px;
}

#rfq>.center .contact a[href='/login']:hover {
    color: var(--main-color);
}


/* Comment */
#rfq>.center .contact .cot .r>div textarea {
    font-family: unset;
}

#rfq>.center .contact .cot .r>div textarea:focus {
    border-color: var(--main-color);
}


/* 国家选择 */
#rfq>.center .contact .cot .r>div .v-select {
    border: none;
    border-bottom: 1px solid #ccc;
}

#rfq>.center .contact .cot .r>div .v-select .v-input-upward input {
    border: none;
}

#rfq>.center .contact .cot .r .rfqSelect {
    z-index: 1 !important;
}

.v-select .v-option.active {
    max-height: 400px;
}


/* 验证码输入框、 */
#rfq>.center .contact .cot .r .btn .v-input {
    width: 130px;
    height: 40px;
}


/* 验证码图片 */
#rfq .center section .r .btn div>img {
    height: 40px;
}

@media screen and (max-width: 1024px) {

    #rfq .cont>div {
        display: none;
    }

    #rfq>.center .tableCot .rfqTable .titleBox li:nth-child(3),
    #rfq>.center .tableCot .rfqTable .titleBox li:nth-child(4),
    #rfq>.center .tableCot .rfqTable .titleBox li:nth-child(6),
    .tableCot .rfqTable .cotBox>li>div:nth-child(3),
    .tableCot .rfqTable .cotBox>li>div:nth-child(4),
    .tableCot .rfqTable .cotBox>li>div:nth-child(6) {
        display: none;
    }

    #rfq>.center .tableCot .rfqTable .cotBox>li>div:first-child input,
    #rfq>.center .tableCot .rfqTable .cotBox>li>div:nth-child(2) input,
    #rfq>.center .tableCot .rfqTable .cotBox>li>div:nth-child(3) input {
        width: 100%;
    }


    #rfq .contact .cot {
        flex-direction: column;
    }

    #rfq .contact .cot .r .btn {
        flex-direction: column;
        align-items: inherit;
        float: none;
    }

    #rfq .contact .cot .r .btn .verif {
        justify-content: space-between;
    }

    #rfq .contact .cot .r .btn .s-btn {
        margin-top: 10px;
    }
}