body {
    background: #f3f3f3;
}
.l-content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

/* 头部进度条样式 */
.header-step {
    display: flex;
    flex-direction: row;
    align-content: center;
    width: 1200px;
    background-color: #f3f3f3;
}
.preload-img {
    display: none;
}

.header-step .step-item {
    display: flex;
    flex-direction: row;
    background-image: url(/vcommon/theme/selection/img/new/unselectArrow.png);
    background-size: cover;
    color: #999999;
    width: 214px;
    height: 58px;
    margin: 0 0 0 -13px;
}
.header-step .step-item:last-child {
    width: 220px;
}

.header-step .step-item:first-child {
    margin: 0 0 0 -4px;
    width: 215px;
}
.header-step .step-item.active {
    cursor: pointer;
    color: white;
}
.header-step .step-item.active:hover {
    color: #003399;
}
.header-step .step-item.current {
    cursor: pointer;
    color: #003399;
}

.header-step .step-title {
    font-size: 18px;
    line-height: 24px;
    margin: 17px auto 17px 0;
    white-space: nowrap;
    z-index: 999;
}
.header-step .active:not(.current) .step-title {
    margin: 17px 10px 17px 0;
    text-decoration: underline;
}
/* header进度背景图 */
/* step1 */
.header-step #step-1.active {
    background-image: url(/vcommon/theme/selection/img/new/startSelectedArrow.png);
}
.header-step #step-1.active:not(.current):hover {
    background-image: url(/vcommon/theme/selection/img/new/startHoverArrow.png);
}
.header-step #step-1.current {
    background-image: url(/vcommon/theme/selection/img/new/startCurrentArrow.png);
}
/* step2 */
.header-step #step-2.active {
    background-image: url(/vcommon/theme/selection/img/new/selectedArrow.png);
}
.header-step #step-2.active:not(.current):hover {
    background-image: url(/vcommon/theme/selection/img/new/hoverArrow.png);
}
.header-step #step-2.current {
    background-image: url(/vcommon/theme/selection/img/new/currentArrow.png);
}
/* step3 */
.header-step #step-3.active {
    background-image: url(/vcommon/theme/selection/img/new/selectedArrow.png);
}
.header-step #step-3.active:not(.current):hover {
    background-image: url(/vcommon/theme/selection/img/new/hoverArrow.png);
}
.header-step #step-3.current {
    background-image: url(/vcommon/theme/selection/img/new/currentArrow.png);
}
/* step4 */
.header-step #step-4.active {
    background-image: url(/vcommon/theme/selection/img/new/selectedArrow.png);
}
.header-step #step-4.active:not(.current):hover {
    background-image: url(/vcommon/theme/selection/img/new/hoverArrow.png);
}
.header-step #step-4.current {
    background-image: url(/vcommon/theme/selection/img/new/currentArrow.png);
}
/* step5 */
.header-step #step-5.active {
    background-image: url(/vcommon/theme/selection/img/new/selectedArrow.png);
}
.header-step #step-5.active:not(.current):hover {
    background-image: url(/vcommon/theme/selection/img/new/hoverArrow.png);
}
.header-step #step-5.current {
    background-image: url(/vcommon/theme/selection/img/new/currentArrow.png);
}
/* step6 */
.header-step #step-6 {
    background-image: url(/vcommon/theme/selection/img/new/endUnselectArrow.png);
}
.header-step #step-6.active {
    background-image: url(/vcommon/theme/selection/img/new/endSelectedArrow.png);
}
.header-step #step-6.active:not(.current):hover {
    background-image: url(/vcommon/theme/selection/img/new/endHoverArrow.png);
}
.header-step #step-6.current {
    background-image: url(/vcommon/theme/selection/img/new/endCurrentArrow.png);
}
/* header数字图标 */
.header-step .step-num {
    width: 24px;
    height: 24px;
    margin: 17px 5px 17px auto;
    z-index: 999;
    background-size: cover;
}

/* .header-step .active .step-num {
    margin: 17px 0 0 47px;
} */
/* step1 */
#step-1.active .step-num {
    background-image: url(/vcommon/theme/selection/img/1white.png);
}
#step-1.active:hover .step-num {
    background-image: url(/vcommon/theme/selection/img/1blue.png);
}
#step-1.current .step-num {
    background-image: url(/vcommon/theme/selection/img/1blue.png);
}
/* step2 */
#step-2 .step-num {
    background-image: url(/vcommon/theme/selection/img/2gray.png);
}
#step-2.active .step-num {
    background-image: url(/vcommon/theme/selection/img/2white.png);
}
#step-2.active:hover .step-num {
    background-image: url(/vcommon/theme/selection/img/2blue.png);
}
#step-2.current .step-num {
    background-image: url(/vcommon/theme/selection/img/2blue.png);
}
/* step3 */
#step-3 .step-num {
    background-image: url(/vcommon/theme/selection/img/3gray.png);
}
#step-3.active .step-num {
    background-image: url(/vcommon/theme/selection/img/3white.png);
}
#step-3.active:hover .step-num {
    background-image: url(/vcommon/theme/selection/img/3blue.png);
}
#step-3.current .step-num {
    background-image: url(/vcommon/theme/selection/img/3blue.png);
}
/* step4 */
#step-4 .step-num {
    background-image: url(/vcommon/theme/selection/img/4gray.png);
}
#step-4.active .step-num {
    background-image: url(/vcommon/theme/selection/img/4white.png);
}
#step-4.active:hover .step-num {
    background-image: url(/vcommon/theme/selection/img/4blue.png);
}
#step-4.current .step-num {
    background-image: url(/vcommon/theme/selection/img/4blue.png);
}
/* step5 */
#step-5 .step-num {
    background-image: url(/vcommon/theme/selection/img/5gray.png);
}
#step-5.active .step-num {
    background-image: url(/vcommon/theme/selection/img/5white.png);
}
#step-5.active:hover .step-num {
    background-image: url(/vcommon/theme/selection/img/5blue.png);
}
#step-5.current .step-num {
    background-image: url(/vcommon/theme/selection/img/5blue.png);
}
/* step6 */
#step-6 .step-num {
    background-image: url(/vcommon/theme/selection/img/unsuccess.png);
}
#step-6.active .step-num {
    background-image: url(/vcommon/theme/selection/img/successSelected.png);
}
#step-6.active:hover .step-num {
    background-image: url(/vcommon/theme/selection/img/success.png);
}
#step-6.current .step-num {
    background-image: url(/vcommon/theme/selection/img/success.png);
}
/* step-goto 进度栏文字右侧的向右箭头 */
.header-step .step-goto {
    width: 16px;
    height: 16px;
    margin: 21px auto 21px 5px;
    z-index: 999;
    background-size: cover;
    display: none;
}
.header-step .active:not(.current) .step-goto  {
    display: block;
    background-image: url(/vcommon/theme/selection/img/new/stepGo.png);
}
.header-step .active:not(.current):hover .step-goto {
    display: block;
    background-image: url(/vcommon/theme/selection/img/new/stepGoHover.png);
}
/* 进度条浮动 */
.header-float {
    position: fixed;
    top: 0;
    z-index: 10000;
    background-color: white;
    width: 100%;
    display: flex;
    justify-content: center;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
}
.header-float .header-step {
    height: 70px;
    align-items: center;
}
/* 进度条浮动后的占位符 */
.header-float-placeholder {
    width: 100%;
    height: 58px;
}
/* 步骤内容模块 */
.step-content {
    width: 1200px;
    margin-top: 6px;
    background-color: white;
    color: #333333;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: normal;
    text-align: left;
    line-height: 19px;
    display: none;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);
}

.step-content.active-content {
    display: block;
}

.step-content .step-content-title {
    height: 28px;
    overflow-wrap: break-word;
    color: #333333;
    font-size: 18px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 28px;
    padding-top: 10px;
    margin-left: 10px;
}

.step-content .step-content-title::before {
    content: '';
    width: 5px;
    height: 25px;
    background-color: #003399;
    position: absolute;
    left: 0;
    margin-top: 1px;
}

.step-content .step-content-body {
    display: flex;
    flex-direction: row;
}

.step-content .img-block {
    cursor: pointer;
    background-color: white;
    border: 1px solid rgba(205, 205, 205, 1);
    margin: 20px 10px 0px 10px;
    position: relative;
}
.step-content .img-block:first-child {
    margin-left: 20px;
}

.step-content.error .img-block {
    border: 1px solid #ff0000;
}

.step-content.error .step-error {
    display: block;
}
.img-block.selected {
    border: 1px solid #003399;
}
.img-block.selected .block-text {
    color: #003399;
}
.img-block .block-text {
    border-top: 1px solid #cdcdcd;
}
.step-content .selected::after {
    content: '';
    display: inline-block;
    background-image: url(/vcommon/theme/selection/img/choose.png);
    background-size: cover;
    position: absolute;
    right: -0.5px;
    bottom: -0.5px;
    width: 24px;
    height: 24px;
}

.step-content .img-block:hover {
    border: 1px solid #003399;
}
.step-content .img-block:hover .stepTips {
    display: flex;
}

.step-content .img-block:hover .block-text {
    color: #003399;
}

.step-content .block-img {
    width: 216px;
    height: 216px;
}
.step-content .block-text {
    white-space: nowrap;
    line-height: 40px;
    align-content: center;
    text-align: center;
    background-color: #eef4fc;
    height: 40px;
    width: 216px;
    margin: -4px 0 0 0;
}

.step-content .step-error {
    color: rgb(229, 47, 44);
    font-size: 12px;
    margin: 10px 0px 0px 20px;
    position: absolute;
    display: none;
}

.step-content .stepTips {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #fff7d6;
    color: #333;
    width: 173px;
    height: 33px;
    left: -2px;
    bottom: -42px;
    border: 1px #e8e8e8;
    border-radius: 2px;
    z-index: 999;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    display: none;
}

.step-content .stepTips::before {
    content: "";
    position: absolute;
    top: -9px;
    left: 25px;
    border-width: 0 7px 9px 7px;
    border-style: solid;
    border-color: transparent transparent #fff7d6 transparent;
}

.step-content .stepTips img {
    height: 16px;
    width: 16px;
    margin-left: 10px;
}

.step-content .stepTips .tipsFont {
    margin-left: 5px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 12px;
    font-family: MicrosoftYaHei;
    font-weight: normal;
    text-align: left;
    /* white-space: nowrap; */
    line-height: 16px;
    padding: 8px 0;
}
/* 下一步按钮 */
.step_button {
    display: flex;
    flex-direction: row;
}
.step-1-button {
    margin-top: 81px;
    padding-bottom: 20px;
}
.step-2-button {
    margin-top: 80px;
    padding-bottom: 20px;
}

.step-content .button_next {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-wrap: break-word;
    cursor: pointer;
    color: rgba(51, 51, 51, 1);
    height: 50px;
    width: 182px;
    font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    border-width: 0px;
    background: inherit;
    background-color: rgba(255, 204, 0, 1);
    border: none;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    /* margin-bottom: 20px; */
    margin-left: 20px;
}

.step-content .button_next:hover {
    background-color: #FFEA98;
}

/* 第二步 */

#step-2-content .stepTips {
    width: 352px;
}

.button_previous {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    height: 50px;
    width: 182px;
    font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    border-width: 0px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 204, 0, 1);
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    margin-left: 20px;
}
.button_previous:hover {
    background-color: #FFF7D6;
}

#next_step_2, #next_step_3 {
    /* margin-left: 20px; */
} 

.part-input-block {
    display: none;
    margin-left: 20px;
    margin-top: 40px;
}

.part-input {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 20px;
}

.part-input-title {
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

.part-input-body {
    margin-left: 10px;
    border-width: 0px;
    display: flex;
    font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #000000;
}

.part-input-body .part-input-text {
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #CDCDCD;
    outline: none;
    width: 369px;
    height: 40px;
    padding: 2px 31px 2px 10px;
    font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    letter-spacing: normal;
    color: #333;
    vertical-align: none;
    text-align: left;
    text-transform: none;
    display: inline-block;
    border: 1px solid #bfbfbf;
}
.part-input-body .part-input-text::placeholder {
    font-size: 12px;
}

.part-input-error .part-input-text {
    border: 1px solid rgb(229, 47, 44);
}

.clear-button {
    margin-left: -26px;
    /* z-index: 999; */
    cursor: pointer;
    visibility: hidden;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 16px;
    width: 16px;
    margin-top:13px;
    background-image: url(/vcommon/theme/selection/img/close.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.clear-button:hover,
#step-3-content .del-button:hover {
    background-image: url(/vcommon/theme/selection/img/closeHover.png);
}

#step-3-content .clear-button {
    margin-top: 21px;
    /* height: 35px; */
}

.clear-button img {
    height: 16px;
    width: 16px;
}
.error-msg {
    color: rgb(229, 47, 44);
    font-size: 12px;
    line-height: 16px;
    margin: 41px 0px 0px;
    position: absolute;
    display: none;
}

.part-input-body .error-msg {
    margin: 41px 0px 0px;
}

.part-input-error .part-input-body .error-msg {
    display: block;
}

.part-unit {
    margin-left: 15px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
}

#step-2-body .ins-text {
    font-size: 14px;
    color: rgb(51, 51, 51);
    line-height: 19px;
    width: 52px;
    text-align: center;
    font-style: normal;
    position: absolute;
}

#step-2-content .part-input input:hover {
    border-color: #003399;
}

/* 第三步 使用条件 */


#step-3-content {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: rgb(51, 51, 51);
    font-style: normal;
    /* height: 941px; */
    padding-bottom: 20px;
}

#step-3-content .stepTips {
    width: 283px;
    bottom: -31px;
    left: 10px;
}

.condition-weight-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 22px;
    margin-bottom: -24px;
    padding-top: 20px;
}
.step-3-weight {
    height: 76px;
}
/* 多页面共用 */
.condition-weight {
    line-height: 19px;
    text-align: left;
    display: none;
}

#condition-img,
#condition-res-img {
    display: flex;
    flex-direction: row;
    /* padding-top: 5px; */
    padding-left: 0;
}
#condition-img.step-3-condition-img {
    padding-left: 20px;
}

.weight-img {
    height: 175px;
    width: 122px;
    margin-top: 28px;
    margin-right: 30px;
    background-image: url(/vcommon/theme/selection/img/weight.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.weight-img.mark-weight {
    background-image: url(/vcommon/theme/selection/img/weightRed.png);
}
.run-step-other {
    margin-left: -11px;
}
.run-step-otherimg {
    height: 212px;
    width: 254px;
    background-image: url(/vcommon/theme/selection/img/otherImg.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#step-3-content .run-step-otherimg.mark-stoptime {
    background-image: url(/vcommon/theme/selection/img/otherImg3.png);
}
#step-3-content .run-step-otherimg.mark-runtime {
    background-image: url(/vcommon/theme/selection/img/otherImg2.png);
}
#step-3-content .run-step-otherimg.mark-length {
    background-image: url(/vcommon/theme/selection/img/otherImg1.png);
}
.run-step-img {
    height: 212px;
    width: 279px;
    background-image: url(/vcommon/theme/selection/img/firstImg.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#step-3-content .run-step-img.mark-stoptime {
    background-image: url(/vcommon/theme/selection/img/firstImg3.png);
}
#step-3-content .run-step-img.mark-runtime {
    background-image: url(/vcommon/theme/selection/img/firstImg2.png);
}
#step-3-content .run-step-img.mark-length {
    background-image: url(/vcommon/theme/selection/img/firstImg1.png);
}
.condition-weight-body .condition-weight {
    display: block;
    font-size: 14px;
    color: rgb(51, 51, 51);
    line-height: 19px;
    text-align: left;
    font-style: normal;
}

.condition-weight-body .condition-weight span {
    color: rgb(229, 47, 44);
}

#step-3-content .data-content input::placeholder {
    color: #999999;
    font-size: 12px;
}
/* 设计稿中有50和40两种格式，根据页面显示内容，应该使用50px */
#step-3-content .step-content-title {
    padding-top: 50px;
}

#step-3-content .condition-data-block {
    display: flex;
    padding-top: 20px;
    padding-left: 10px;
    flex-direction: row;
}

#step-3-content .data-header {
    display: flex;
    flex-direction: column;
    margin-top: 19px;
    margin-left: 10px;
}

#step-3-content .data-header-item {
    width: 110px;
    height: 19px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 19px;
    margin-top: 41px;
}


#step-3-content .data-content {
    display: flex;
    flex-direction: column;
    width: 245px;
    height: 351px;
    background: #f8f8f8;
    margin: 0 10px;
    position: relative;
}

#step-3-content .data-content-item {
    width: 149px;
    height: 40px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    white-space: nowrap;
    line-height: 40px;
    margin-left: 10px;
}

#step-3-content .red-span {
    color: rgba(229, 47, 44, 1);
}
#step-3-content .gray-line {
    width: 245px;
    height: 1px;
    background: #e9e9e9;
}

.data-content-block {
    display: flex;
    flex-direction: row;
    height: 60px;
}

.data-content-input {
    display: flex;
    position: relative;
}
.data-content-text {
    display: flex;
    position: relative;
    line-height: 40px;
    height: 40px;
    background-color: #DFEEFF;
    width: 100%;
    margin: 10px 0;
    font-size: 14px;
    text-align: left;
}
.data-content-text .alltime-text {
    font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #999999;
    width: 136px;
    box-sizing: border-box;
    margin-left: 10px;
    padding-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.data-content-text .alltime-msg {
    font-size: 12px;
    color: #666666;
    white-space: nowrap;
    margin-left: 5px;
}


.data-content .error-msg {
    margin: 50px 0px 0px 10px;
}

.data-content .condition-input-text {
    margin-left: 10px;
    margin-top: 10px;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #CDCDCD;
    outline: none;
    width: 136px;
    height: 40px;
    padding: 2px 31px 2px 10px;
    font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    letter-spacing: normal;
    color: #333;
    vertical-align: none;
    text-align: left;
    text-transform: none;
}
.data-content .condition-input-text:hover {
    border-color: #003399;
}

.data-content .weight-input:hover .stepTips {
    display: flex;
}

.condition-input-error .error-msg {
    display: block;
}

.condition-input-error .condition-input-text {
    border-color: #E5312C;
}

.data-content .condition-input-text:hover ~ .stepTips {
    display: flex;
}

.data-content .alltime-text.longer:hover ~ .stepTips {
    display: block;
}

#step-3-content .alltime-text ~ .stepTips {
    width: 205px;
    top: 36px;
    left: 10px;
    padding: 10px;
    height: auto;
    bottom: auto;
}
#step-3-content .alltime-text ~ .stepTips .tipsFont {
    width: 100%;
    padding: 0;
    margin: 0;
}

.condition-msg {
    height: 60px;
    font-size: 12px;
    color: #666666;
    line-height: 60px;
    text-align: left;
    white-space: nowrap;
    /* margin-top: 20px; */
    margin-left: 15px;
}

.run-step {
    position: relative;
}

.run-step-text {
    position: absolute;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #333333;
    line-height: 19px;
    text-align: center;
    font-style: normal;
    width: 120px;
    height: 19px;
}

.run-step-first .run-step-stoptime {
    left: 18px; 
    top: 203px;
}
.run-step-first .run-step-runtime {
    left: 136px; 
    top: 203px;
}
.run-step-first .run-step-length {
    left: 139px; 
    top: 0;
}

.run-step-other .run-step-stoptime {
    left: -7px; 
    top: 203px;
}
.run-step-other .run-step-runtime {
    left: 112px; 
    top: 203px;
}
.run-step-other .run-step-length {
    left: 114px; 
    top: 0;
}




.step-3-button {
    margin-top: 80px;
}

#step-3-content .del-button {
    height: 16px;
    width: 16px;
    position: absolute;
    margin-top: -8px;
    margin-left: 235px;
    background-image: url(/vcommon/theme/selection/img/close.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}

#add-button {
    display: flex;
    flex-direction: row;
    width: 245px;
    height: 349px;
    background: #f8f8f8;
    border: 1px dashed #003399;
    margin: 0 10px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-sizing: border-box;
}

#add-button:hover {
    background: #eef4fc;
}
#step-3-content .add-button-text {
    font-size: 14px;
    color: #003399;
    line-height: 19px;
    text-align: center;
    font-style: normal;
    margin-left: 10px;
}

#step-3-content .condition-widget-block {
    display: flex;
    flex-direction: row;
    height: 38px;
    margin: 20px 20px 0 0;
}

#step-3-content .condition-widget-content {
    display: flex;
    flex-direction: row;
    line-height: 38px;
    background-color: #F8F8F8;
    padding-left: 20px;
    width: 365px;
}
#step-3-content .condition-radios {
    display: flex;
    line-height: 38px;
    background-color: #F8F8F8;
    /* width: 245px; */
    margin-left: 10px;
    position: relative;
}
#step-3-content .condition-radio-item {
    display: flex;
    line-height: 16px;
    font-size: 12px;
    margin-top: 11px;
    cursor: pointer;
}
#step-3-content .custom-radio {
    display: inline-block;
    width:16px;
    height: 16px;
    margin-right: 5px;
    background-image: url(/vcommon/theme/selection/img/radio-default.png);
    background-size: cover;
    cursor: pointer;
}

#step-3-content .input-error .custom-radio {
    background-image: url(/vcommon/theme/selection/img/radio-error.png);
}
#step-3-content .condition-radio-item:hover .custom-radio {
    background-image: url(/vcommon/theme/selection/img/radio-hover.png);
}
#step-3-content .custom-radio.choosed, #step-3-content  .condition-radio-item:hover .custom-radio.choosed {
    background-image: url(/vcommon/theme/selection/img/radio-checked.png);
}
#step-3-content .hover-tips {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #fff7d6;
    color: #333;
    width: 257px;
    height: 33px;
    left: 0;
    bottom: -31px;
    border: 1px #e8e8e8;
    border-radius: 2px;
    z-index: 999;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    display: none;
}

#step-3-content .hover-tips::before {
    content: "";
    position: absolute;
    top: -9px;
    left: 11px;
    border-width: 0 7px 9px 7px;
    border-style: solid;
    border-color: transparent transparent #fff7d6 transparent;
}

#step-3-content .hover-tips img {
    height: 16px;
    width: 16px;
    margin-left: 10px;
}

#step-3-content .hover-tips .tipsFont {
    margin-left: 5px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 12px;
    font-family: MicrosoftYaHei;
    font-weight: normal;
    text-align: left;
    /* white-space: nowrap; */
    line-height: 16px;
    padding: 8px 0;
}
#step-3-content .condition-widget-content .condition-radio-item:hover .hover-tips {
    display: flex;
}
#step-3-content .condition-widget-content .condition-radio-item.item-no:hover .hover-tips {
    left: 73px !important;
}

#step-3-content .condition-radios.input-error + .error-msg {
    display: flex;
    margin-left: 160px;
}
#step-3-content .tip-msg {
    line-height: 38px;
    font-size: 12px;
}
.hide {
    display: none !important;
}
#step-3-content .tip-msg::before, 
#step-6-content .des-widget-tip-msg::before {
    content: '';
    display: inline-block;
    background-image: url(/vcommon/theme/selection/img/smallTip.png);
    background-size: cover;
    width: 16px;
    height: 16px;
    margin: 0px 5px -3px 5px;
}

/* 第四步 */
#step-4-content {
    height: 452px;
}

#step-4-content .travel-tag {
    font-size: 16px;
    color: #333333;
    line-height: 21px;
    text-align: center;
    font-style: normal;
    position: absolute;
    width: 100px;
    bottom: 0;

}
.itin-type-1 #itin-img-val,
#travel-1 {
    left: 318px;
}
.itin-type-2 #itin-img-val,
#travel-2 {
    left: 364px;
}
.itin-type-3 #itin-img-val,
#travel-3 {
    left: 408px;
}
.itin-type-4 #itin-img-val,
#travel-4 {
    left: 450px;
}


#itinerary-img {
    height: 144px;
    width: 650px;
    margin-top: 30px;
    /* margin-left: 30px; */
}

#step-4-body {
    align-items: center;
    margin-left: 20px;
    margin-top: 20px;
}

#step-4-content .step-content-title {
    margin-top: 30px;
}

.select-label {
    position: relative;
    padding: 9px 29px 9px 9px;
    border: 1px solid #CDCDCD;
    cursor: pointer;
    background-color: #fff;
    user-select: none;
    font-size: 12px;
    color: #999999;
    text-align: left;
    font-style: normal;
    line-height: 20px;
    height: 20px;
}

.custom-select.error .select-label {
    border-color: #E5312C;
}
.custom-select.error .error-msg {
    display: block;
}
.custom-select .select-label:hover {
    border-color: #003399;
}

.select-arrow {
    cursor: pointer;
    position: absolute;
    height: 16px;
    width: 16px;
    right: 10px;
    top: 50%;
    transform-origin: center;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease;
}

.disabled .select-arrow {
    cursor: not-allowed;
} 

.select-arrow {
    background-image: url(/vcommon/theme/selection/img/arrowBottom.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.custom-select.open .select-arrow {
    background-image: url(/vcommon/theme/selection/img/arrowTop.png);
}
.custom-select.open .stepTips {
    display: none !important;
}
.custom-select.open .select-label {
    border-color: #003399;
}
.custom-select.disabled .select-arrow {
    background-image: url(/vcommon/theme/selection/img/arrowBottomDisabled.png);
}
.custom-select.disabled .select-label {
    cursor: not-allowed;
    background-color: #F3F3F3;
    color: #CDCDCD;
}
.custom-select.disabled .select-label:hover {
    border-color: #CDCDCD;
}

.selection-options {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    margin: 0;
    padding: 0;
    list-style: none;
    /* border: 0.1px solid #ccc; */
    box-shadow: 0px 3px 10px 4px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 10;
    max-height: 150px;
    overflow-y: auto;
}

.selection-options li {
    padding: 0px 10px;
    cursor: pointer;
    white-space: nowrap;
    font-size: 14px;
    color: #333333;
    height: 40px;
    line-height: 40px;
    list-style: none outside none;
}

/* #step-5-body .selection-options li {
    padding: 5px 10px;
    cursor: pointer;
    white-space: nowrap;
    font-size: 14px;
} */

.custom-select.open .selection-options {
    display: block;
}

.selection-options li:hover,
.selection-options li.len-selected {
    background-color: rgba(223, 238, 255, 1);
    color: #003399;
}


.select-range {
    font-size: 12px;
    color: #666666;
    line-height: 16px;
    text-align: left;
    font-style: normal;
    margin-left: 5px;
}
.custom-select {
    position: relative;
    display: inline-block;
    width: 369px;
    height: 40px;
    margin-left: 10px;
    box-sizing: border-box;
}
#step-4-body .error-msg {
    margin-top: 2px;
}

.step-4-button {
    margin-top: 80px;
}

#step-5-content {
    height: 428px;
}
#step-5-body {
    display: flex;
    flex-direction: row;
}

#step-5-body .step-5-selection {
    display: flex;
    flex-direction: column;
}
#step-5-body .step-5-selection-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 20px;
    margin-top: 20px;
}
#step-5-body .step-5-selection-title {
    width: 95px;
}

#step-5-body .step-5-img {
    width: 330px;
    height: 253px;
    margin-top: 20px;
    margin-left: 120px;
    display: none;
}
.show {
    display: block !important;
}

#step-5-body .error-msg {
    margin-top: 0;
}

.custom-select[type="autoAdjust"] .stepTips {
    width: 341px;
    bottom: -41px;
}

.custom-select[type="lineLength"] .stepTips {
    width: 305px;
    height: 50px;
    bottom: -58px;
}
.custom-select[type="lineLength"] .stepTips img {
    margin-top: -14px;
}
.custom-select:not(.disabled):hover .stepTips {
    display: flex;
}

.step-5-tips {
    margin-left: 20px;
    margin-top: 20px;
    width: 507px;
    display: flex;
    flex-direction: column;
    background: #eef4fc;
    font-size: 12px;
    color: #333;
}
.main-tip {
    display: flex;
    flex-direction: row;
    padding-left: 7px;
    padding-top: 7px;
    padding-bottom: 6px;
}
.main-tip img {
    height: 16px;
    width: 16px;
}
.step-5-tips .tip1,
.step-5-tips .tip3,
.step-5-tips .tip5 {
    margin-left: 5px;
    color: #333;
}

.step-5-tips .tip2,
.step-5-tips .tip4 {
    cursor: pointer;
    margin-left: 5px;
    color: #003399;
    display: flex;
}
.step-5-tips .tip2:after,
.step-5-tips .tip4:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/vcommon/theme/selection/img/arrowBottomBlue.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 3px;
}
.step-5-tips .tip2.showtip:after,
.step-5-tips .tip4.showtip:after {
    background-image: url(/vcommon/theme/selection/img/arrowTop.png);
}

.other-tip {
    display: flex;
    flex-direction: row;
    padding-left: 30px;
    padding-right: 20px;
    padding-bottom: 6px;
    display: none;

}
.other-tip .tip-title {
    font-weight: bold;
    font-family: MicrosoftYaHei-Bold;
}
#feipai .tip-title {
    width: 40px;
}
#shuangqu .tip-title {
    width: 67px;
}
.other-tip .tip-content {
    width: 438px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.step-5-button {
    position: absolute;
    bottom: 20px;
}

.step-6-result {
    width: 1160px;
    /* height: 246px; */
    margin-left: 20px;
    background: #eef4fc;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
}


.step-6-result-item {
    display: flex;
    flex-direction: row;
    margin-top: 15px;
    margin-left: 20px;
    line-height: 19px;
    text-align: left;
}
.step-6-result-model {
    line-height: 36px;
}
#model {
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
}

#unit-price {
    color: #e52f2c;
    line-height: 19px;
    font-weight: bold;
    font-family: MicrosoftYaHei-Bold;
}
.v-line {
    background: #cdcdcd;
    width: 1px;
    height: 16px;
    margin-left: 10px;
    margin-right: 10px;
}
#productDetail {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    background: #FFCC00;
    width: 186px;
    height: 36px;
    justify-content: center;
    align-items: center;
}
#productDetail:hover {
    background-color: #ffea98;
}
#download {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    background: #ffffff;
    border: 1px solid #003399;
    width: 186px;
    height: 36px;
    margin-left: 20px;
    line-height: 20px;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    box-sizing: border-box;
    color: #003399;
}
#download:hover,
#searchReport:hover {
    background-color: #EEF4FC;
}
#back_step_5 {
    margin-left: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    width: 186px;
    height: 36px;
    font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    border-width: 0px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 204, 0, 1);
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-sizing: border-box;
}
#back_step_5:hover {
    background-color: #fff7d6;
}
img.sixteen {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.result-block {
    background-color: white;
    border: 1px solid #EEF4FC;
    margin-top: 20px;
}
.result-tips {
    font-weight: bold;
    margin: 10px 0 20px 20px;
    font-family: MicrosoftYaHei-Bold;
}

#loadingPage {
    display: none;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 1160px;
    background: #000000;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}
#loadingPage img {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.button-block1 {
    width: 1158px;
    height: 76px;
    background: #ffffff;
    border: 1px solid #eef4fc;
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}
#resBack {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    width: 186px;
    height: 36px;
    font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
    font-weight: 400;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 204, 0, 1);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: -1px;
    box-sizing: border-box;
}
#searchReport {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(0, 51, 153);
    align-items: center;
    box-sizing: border-box;
    text-align: center;
    align-content: center;
    overflow-wrap: break-word;
    color: #003399;
    line-height: 20px;
    margin-left: 20px;
    width: 186px;
    height: 36px;
    font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
    font-weight: 400;
    font-style: normal;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}

.result-button {
    margin-top: 20px;
}
.select-tip1 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 16px;
}

.disclaimer {
    display: flex;
    align-items: center;
    height: 36px;
    background: #f8f8f8;
    margin: 20px 1px 1px 1px;
    padding-left: 20px;
    font-size: 12px;
    color: #999999;
    line-height: 16px;
    text-align: left;
    font-style: normal;
}
.argument-des {
    background-color: white;

}
.des-item {
    margin-top: 40px;
    padding-bottom: 40px;
    width: 1160px;
    flex-direction: row;
    display: flex;
    margin-left: 20px;
    position: relative;
}
.des-item .h-line {
    background: #e8e8e8;
    width: 1160px;
    height: 1px;
    margin-top: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.des-item .des-v-line {
    width: 1px;
    height: 216px;
    margin-left: 163px;
    border-left: 1px dashed #e8e8e8;
}
#des-widget {
    line-height: 20px;
}
#des-widget .des-widget-content {
    display: flex;
    margin-top: 20px;
}
#des-widget .des-widget-tip-msg {
    margin-top: 5px;
}
#des-widget .des-widget-tip-msg::before {
    margin: 0px 3px -3px 0;
}


#kin-img, #ins-img {
    /* border: 1px dashed #999999; */
    width: 216px;
    height: 216px;
}
#itin-img {
    width: 650px;
    height: 144px;
}
#drvier-brand-img {
    width: 330px;
    height: 253px;
}
.des-content {
    margin-left: 80px;
    margin-top: 20px;
}
.des-item-5 .des-content.no-img {
    margin-left: 0;
    margin-top: 0;
}

.des-ins-img {
    position: relative;
    margin-left: 39px;
}
.ins-res {
    position: absolute;
    top: 80px;
    left: 40px;
    width: 52px;
    text-align: center;
}
#ins1X,
.ins-type-1 #ins-res-x {
    left: 13px;
    top: 180px;
}
#ins1Y,
.ins-type-1 #ins-res-y {
    left: 152px;
    top: 117px;
}
#ins1Z,
.ins-type-1 #ins-res-z {
    left: 77px;
    top: 17px;
}

#ins2X,
.ins-type-2 #ins-res-x {
    left: 59px;
    top: 173px;
}
#ins2Z,
.ins-type-2 #ins-res-z {
    left: 107px;
    top: 24px;
}
#ins3X,
.ins-type-3 #ins-res-x {
    left: 153px;
    top: 157px;
}
#ins3Y,
.ins-type-3 #ins-res-y {
    left: 85px;
    top: 181px;
}
#ins3Z,
.ins-type-3 #ins-res-z {
    left: 11px;
    top: 87px;
}
#ins4X,
.ins-type-4 #ins-res-x {
    left: 153px;
    top: 120px;
}
#ins4Z,
.ins-type-4 #ins-res-z {
    left: 13px;
    top: 100px;
}

.des-item .des-content-title {
    font-weight: bold;
    font-family: MicrosoftYaHei-Bold;
}
.des-item-3 {
    flex-direction: column;
    width: auto;
}
.des-item-3 .condition-weight-body {
    padding-top: 0;
    margin-left: 2px;
    margin-bottom: -24px;
}

.des-item-3 .des-content {
    margin-top: 6px;
    
}
.des-content-list {
    display: flex;
    flex-direction: row;
}
.des-item-3 .des-content.des-content-3-wrap {
    margin-top: 30px;
    margin-left: 280px;
}
.des-content .inline {
    display: inline-block;
}
.des-item-3 .de-content-item {
    width: 160px;
    /* height: 120px; */
    line-height: 20px;
    display: flex;
    flex-direction: column;
    margin-right: 80px;
}
.des-condition-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.des-item-3 .de-content-item:is(:last-child) {
    margin-right: 0;
}

#itin-img-val {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    text-align: center;
}
.itin-res-block {
    position: relative;
}

.adjust-tip {
    display: flex;
    flex-direction: row;
    font-size: 12px;
    line-height: 20px;
    justify-content: center;
    align-items: center;
}
.adjust-tip img {
    height: 16px;
    width: 16px;
    margin-right: 5px;
}

/* 针对WebKit内核浏览器的样式 */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
/* 针对Firefox浏览器的样式 */
input[type="number"] {
    -moz-appearance: textfield;
}

.blue-border {
    border: 1px solid #003399 !important;
}
.black-color {
    color: #333 !important;
    font-size: 14px !important;

}

.sel-button {
    color: #003399;
    cursor: pointer;
    margin-left: 10px;
}
.modal {
    display: none;
    position: fixed;
    z-index: 10001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #333333;
    line-height: 19px;
    text-align: left;
    font-style: normal;
}
.modal-content {
    background-color: #fefefe;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 276px;
    position: relative;
}
.modal-content .close {
    cursor: pointer;
    color: #aaa;
    position: absolute;
    right: 10px;
    top: 10px;
}
.modal-content .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
}
.modal-content .paragraph_1 {
    margin-top: 30px;
    width: 224px;
    height: 40px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: normal;
    text-align: center;
    line-height: 20px;
 }
.modal-content .confirm {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: rgba(255, 204, 0, 1);
    height: 36px;
    width: 120px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: normal;
    white-space: nowrap;
    line-height: 36px;
 }
.modal-content .cancel {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 20px;
    align-content: center;
    background-color: rgba(255, 255, 255, 1);
    height: 36px;
    border: 1px solid rgba(255, 204, 0, 1);
    width: 120px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 36px;
 }
 #downloadItems {
    width: 598px;
    height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#download_modal_content {
    width: 638px;
    height: 480px;
}
.modal-title {
    height: 40px;
    background: #eef4fc;
    line-height: 40px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 18px;
    color: #333333;
}
.modal-content-title {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    margin-left: 20px;
}
#modal_productCd {
    font-weight: bold;
    font-family: MicrosoftYaHei-Bold;
}
.chooseAll {
    background: #f8f8f8;
    cursor: pointer;
    width: 598px;
    height: 40px;
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    margin-left: 20px;
    align-items: center;
    border-bottom: 1px solid #f3f3f3;

}
.choose-item {
    cursor: pointer;
    width: 596px;
    min-height: 40px;
    background: #ffffff;
    border-right: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.chooseAll::before,
.choose-item::before {
    content: '';
    display: inline-block;
    background-image: url(/vcommon/theme/selection/img/nochoose.png);
    background-size: cover;
    width: 16px;
    height: 16px;
    margin: 0 10px;
}
.chooseAll.selected::before,
.choose-item.selected::before {
    background-image: url(/vcommon/theme/selection/img/choosed.png);
}
#download_confirm {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: rgba(255, 204, 0, 1);
    height: 36px;
    width: 120px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: normal;
    white-space: nowrap;
    position: absolute;
    top: 404px;
    left: 265px;
}
#download_confirm.disabled {
    cursor: not-allowed;
    background-color: #F3F3F3 !important;
    color: #CDCDCD !important;
}
#step-3-content .bold-text {
    margin-top: 43px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
}
.data-content-text .bold-time {
    color: #333333;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
}
.bottom-10 {
    margin-bottom: 10px;
}

.part-input-body .part-input-text.hover-border,
.data-content .condition-input-text.hover-border,
.custom-select .select-label.hover-border {
    border-color: #003399;
}
.widget-video-block {
    margin-top: 10px;
    margin-left: 20px;
}
.widget-video-title {
    color: #003399;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}
.widget-video-title::before {
    content: '';
    display: inline-block;
    background-image: url(/vcommon/theme/selection/img/ic_play.png);
    background-size: cover;
    width: 16px;
    height: 16px;
    margin: 0 5px -3px 0;
}