:root, body {
    height: auto !important;
}

.w-full {
    width: 100%;
}

.h-full {
    height: 100%;
}
.mb-0 {
    margin-bottom: 0!important;
}

.submit_request {
    background: #fff;
}

.submit_request__title {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 20px;
    color: #333333;
}

.submit_request__tip {
    display: flex;
    align-items: center;
    padding: 12px;
    margin-bottom: 20px;
    background: rgba(65, 100, 241, 0.1);
    border-radius: 4px 4px 4px 4px;
    font-weight: 400;
    font-size: 14px;
    color: #4164F1;
}

.submit_request__tip [class*=el-icon-] {
    font-size: 16px;
    color: #4164F1
}

.submit_request__submit-type {
    display: flex;
    gap: 40px;
    margin-bottom: 20px;
}

.submit_request__submit-type__item {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 380px;
    height: 100px;
    padding: 26px 40px;
    background: rgba(252, 156, 110, 0.05);
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #FC9C6E;
    cursor: pointer;
}

.submit_request__submit-type__item-icon {
    flex: 0 0 32px;
    height: 32px;
    border-radius: 32px;
}

.submit_request__submit-type__item-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.submit_request__submit-type__item-title {
    font-weight: bold;
    font-size: 18px;
    color: #FC9C6E;
}

.submit_request__submit-type__item-description {
    font-weight: 400;
    font-size: 12px;
    color: #8F8F8F;
}

.submit_request__submit-type__item--quickly {
    border-color: #FC9C6E;
    background: rgba(252, 156, 110, 0.05);
}

.submit_request__submit-type__item--quickly .submit_request__submit-type__item-title {
    color: #FC9C6E;
}

.submit_request__submit-type__item--quickly .submit_request__submit-type__item-description {
    color: #8F8F8F;
}

.submit_request__submit-type__item--precision {
    border-color: #486BF2;
    background: rgba(26, 72, 255, 0.05);
}

.submit_request__submit-type__item--precision .submit_request__submit-type__item-title {
    color: #1A48FF;
}

.submit_request__submit-type__item--precision .submit_request__submit-type__item-description {
    color: #8F8F8F;
}

.submit_request__submit-type__item--quickly .submit_request__submit-type__item-icon {
    background: url("img/submit-type_icon1.png") no-repeat;
    background-size: 100% 100%;
}

.submit_request__submit-type__item--active {
    border: none;
}

.submit_request__submit-type__item--quickly.submit_request__submit-type__item--active {
    background: url("./img/submit-type_bg1.png") no-repeat;
    background-size: 100% 100%;
}

.submit_request__submit-type__item--precision .submit_request__submit-type__item-icon {
    background: url("img/submit-type_icon2.png") no-repeat;
    background-size: 100% 100%;
}

.submit_request__submit-type__item--precision.submit_request__submit-type__item--active {
    background: url("./img/submit-type_bg2.png") no-repeat;
    background-size: 100% 100%;
}

.submit_request__submit-type__item--active .submit_request__submit-type__item-title,
.submit_request__submit-type__item--active .submit_request__submit-type__item-description {
    color: #fff;
}

.submit_request__form-title {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

.submit_request__form-title .submit_request__form-title--main {
    font-weight: bold;
    font-size: 16px;
    color: #333333
}

.submit_request__form-title .submit_request__form-title--sub {
    font-weight: 400;
    font-size: 14px;
    color: #8F8F8F;
}

.el-form-item__label {
    line-height: 1 !important;
    padding-bottom: 12px !important;
    color: #333333 !important;
}
.el-form-item__label .el-form-item__label__subtitle {
	margin-left: 8px;
	font-weight: 400;
	font-size: 14px;
	color: #8F8F8F;
}

.submit_request__submit-btn {
    width: 200px;
}

.submit_request__submit-btn:hover {
    opacity: 0.95;
}

.submit_request__submit-btn:active {
    opacity: 0.8;
}

.submit_request__submit__input-number-range {
    display: flex;
    align-items: center;
    gap: 8px;
}

.submit_request__submit__input-number-range .submit_request__submit__input-number-range__input {
    flex: 1;
}

.submit_request__submit__input-number-range .submit_request__submit__input-number-range__concat {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.submit_request__submit__input-number-range .submit_request__submit__input-number-range__input .el-input-number {
    width: 100%;
}

.submit_request__submit__radio {
    display: flex;
    align-items: center;
	gap: 20px;
}

.submit_request__submit__radio .submit_request__submit__radio__item {
    flex: 0 0 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #CD0E0F;
    font-weight: 400;
    font-size: 14px;
    color: #CD0E0F;
    cursor: pointer;
}

.submit_request__submit__radio .submit_request__submit__radio__item.submit_request__submit__radio__item--active {
    background: #CD0E0F;
    border: none;
    color: #FFFFFF;
}


.submit_request__submit__checkbox {
	display: flex;
	align-items: center;
	gap: 10px 20px;
	flex-wrap: wrap;
}

.submit_request__submit__checkbox .submit_request__submit__checkbox__item {
	flex: 0 0 115px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #FFFFFF;
	border-radius: 6px 6px 6px 6px;
	border: 1px solid #D6D6D6;
	font-weight: 400;
	font-size: 14px;
	color: #333333;
    cursor: pointer;
}

.submit_request__submit__checkbox .submit_request__submit__checkbox__item.submit_request__submit__checkbox__item--active {
	border-color: #CD0E0F;
	color: #CD0E0F;
	background: url("img/checkbox_icon.png") no-repeat;
	background-size: 19px 19px;
	background-position: right bottom;
}
.sms-btn {
    padding: 0 5px 0 10px;
}
.el-link.sms-btn:hover:after{
    display: none!important;
}

.recommend__item {
    width: 300px;
    background: #fff;
    border-radius:6px;
    overflow: hidden;
    cursor: pointer;
}
.recommend__item .recommend__item__img{
    width: 300px;
    height: 160px;
    border-radius: 6px 6px 0px 0px;
    object-fit: cover;
}
.recommend__item .recommend__item__img img {
    width: 100%;
    height: 100%;
}
.recommend__item .recommend__item__status {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    background: #FFF5F5;
}
.recommend__item__status__value {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 113px;
    height: 40px;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    background: #CD0E0F;
    clip-path: polygon(0% 0%, 88% 0%, 100% 50%, 88% 100%, 0% 100%);
}
.recommend__item__status__datetime {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    gap: 8px;
}
.recommend__item__status__datetime img {
    width: 14px;
}
.recommend__item__content {
    padding: 15px;
}
.recommend__item__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* 显示的行数 */
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
}
.recommend__item__price {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    overflow: hidden;
}
.recommend__item__price__label {
    font-weight: 400;
    font-size: 14px;
    color: #8F8F8F;
    flex-shrink: 0;
}
.recommend__item__price__value {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 22px;
    color: #FC9C6E;
}
.recommend__item__price__value-symbol {
    font-size: 14px;
}
.recommend__item__price__value-number {
	display: flex;
	align-items: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
}
.recommend__item__position {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.recommend__item__position-name {
    font-weight: 400;
    font-size: 14px;
    color: #8F8F8F;
}
.recommend__item__position-hot {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #8F8F8F;
    line-height: 1;
}
.recommend__item__position-hot__icon img {
    width: 14px;
}
.el-carousel__item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    padding: 0 60px;
}
.recommend__item__handle {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.el-dialog {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 10px;
	background: #F5F5F5;
}
.v-modal {
	background: transparent!important;
}