.carouselBox {
    width: 100%;
    height: 280px;
    position: relative;
    border-bottom: 4px solid #ffc8a9;
    background: #050a0e
}

.backgroundContainer {
    width: 100%;
    height: 276px;
    background-image: url(../../../cn/static/img/d2ea7ef5e96c.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-attachment: scroll
}

.lightBg {
    background-image: url(../../../cn/static/img/026c097b3d3a.jpg) !important
}

.hiddenBox {
    position: relative;
    width: 1200px;
    height: 310px;
    margin: 0 auto;
    top: -293px;
    overflow: hidden
}

.carouselContent {
    position: absolute;
    width: 1202px;
    height: 208px;
    margin: 0 auto;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.carouselContent .typeName {
    font-family: Microsoft YaHei;
    font-size: 48px;
    color: #fafafa;
    position: absolute;
    bottom: 140px
}

.carouselContent ul {
    height: 156px;
    margin: 0 auto;
    position: relative;
    top: 72px;
    left: 0;
    -webkit-transition: left .5s ease;
    transition: left .5s ease
}

.carouselContent ul .cardWrap {
    float: left;
    width: 234px;
    height: 140px;
    margin-right: 12px;
    background: url(../../../cn/static/img/e29fb6ca8b99.png);
    background-size: cover;
    cursor: pointer;
    position: relative
}

.carouselContent ul .cardWrap:not(.active):hover:after {
    width: 100%;
    opacity: 1
}

.carouselContent ul .cardWrap:not(.active):after {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    background-color: #f75900;
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.carouselContent ul .cardWrap .itemContent {
    height: 100%;
    font-size: 18px;
    color: #4d4d4d;
    font-weight: 700;
    padding-left: 12px;
    padding-top: 10px;
    background-size: 100% 100%;
    background-position-x: -12px
}

.carouselContent ul .cardWrap .itemContent p {
    width: 100%;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis
}

.carouselContent ul .robotCardWrap {
    background: url(../../../cn/static/img/7538d9c1825a.png) #f6f6f5;
    background-size: cover
}

.carouselContent ul .robotCardWrap .itemContent {
    background-position-x: 0
}

.carouselContent ul li.active {
    width: 306px;
    height: 170px;
    margin-top: -17px;
    border-bottom: 3px solid #f75900
}

.carouselContent ul li.active .itemContent {
    color: #1f1f1f;
    padding-left: 13px;
    padding-top: 6px;
    font-size: 24px
}

.carouselContent ul li.active .itemContent p {
    width: 282px;
    height: 63px;
    overflow: hidden;
    text-overflow: ellipsis
}

.carouselContent ul li:last-child {
    margin-right: 0
}

.arrowBox {
    position: absolute;
    bottom: 0;
    width: 1200px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.arrowContent {
    position: relative
}

.arrowLeft, .arrowRight {
    width: 58px;
    height: 58px;
    background: #f08080;
    position: absolute;
    top: -98px;
    cursor: pointer
}

.arrowLeft {
    left: -78px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABXUExURUxpcdjY2MnJybGxsZiYmKampqCgoP///////5ubm5qamp6enra2tpiYmKOjo5iYmJeXl5mZmZmZmenp6b29vZaWlv///56env////////////////////86zpMAAAAddFJOUwAiLAZHX3UVuYuAhDsPZzU9ah4bMiemHYg4X05vKTy/DgAAAWJJREFUSMetl+mWwiAMhQtCQqAFuqmzvP9zjlXHWVooGO/fnu8kJQuXpkmom0NUKoa5a2o0qJ4IvL7IA1GvhjKuU9bpdsSHxlY7q/aDHxTpCVeaNKlDHozkBW5KeIoZeLAgMSkJ9pQiA7WYVUthm1RO4o6kU1ukJoG7EtCvyR6wSACrbAtJRPqXc3CiFBXuz1mdSGKxJP2q0cG2WKHW/vRGBKwSxEfQmnRvKX+HVR4r5e+n3JGoRQXdZlBprJa+hbVTPTrZ66Q5fEJueDLfe8Z9rh3EOdUWywTRmCbfjibxZaSlNElw/DTGJAeoa2bIhMygMDch1UrvxuRQH5q4fcDybPKojonafBzNHqo4KCNhxjExisNoCUYjctqfMXSMUWcsGM5aYyxTxgrnXByM64pzSdZezcNrDMFimop/dGWdoNT8bBqnEsvl4LVGj2MvLzV62tRyrDTHwLOeDazHSvET6QsDp02A/rcpIAAAAABJRU5ErkJggg==) no-repeat
}

.arrowRight {
    right: -78px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABEZVhJZk1NACoAAAAIAAGHaQAEAAAAAQAAABoAAAAAAAOgAQADAAAAAQABAACgAgAEAAAAAQAAADqgAwAEAAAAAQAAADoAAAAAo6ur9AAAAFdQTFRFTGlx2NjYycnJsbGxmJiYpqamoKCg////////m5ubmpqanp6etra2mJiYo6OjmJiYl5eXmZmZmZmZ6enpvb29lpaW////np6e/////////////////////zrOkwAAAB10Uk5TACIsBkdfdRW5i4CEOw9nNT1qHhsyJ6YdiDhfTm8pPL8OAAABY0lEQVRIx62X6ZaDIAyFxUJCAAG3trO8/3NOt+ksCoLp99dzTyJZuDRNgm4OUcoY5q6pYZA9EXh1wQNRL4cyXSeNVW7EJ6NT1sjt4AdJasIFkyJ5yAsjeYGrCE8xIx4MtJikBXNKKQM5zOIorCulbXGD1so1pSKBmwjol8oesAiARbaFSkT6l3OwolQq7J+zOlGLxbT0q0YH47ACZ356IwJWAfEZtCbde8rfYaXHSvzjlDsStVJB9xmUCqtR97BmqpdO5jZpFndgh535PjLuE+1wzh6eu04Qjesf9fEtIx3pWprER63155gZoK6ZIS3NBYa5CT4j1fo92VChiSor1edEf6uYrs1Dqo8fqeowpIyEGcfEKA6jJRiNyGl/xtAxRp2xYDhrjbFMGSucc3EwrivOJVl7NQ+vMQRX01T8owvrBKXmZ9U4lVguC681ehx7eanRblPLsdIcA896NrAeK8VPpC//lE2AIH+cGQAAAABJRU5ErkJggg==) no-repeat
}

.bread-wrap {
    width: 1200px;
    margin: 0 auto;
    z-index: 999999
}

.app-breadcrumb {
    margin: 0 auto;
    padding: 18px 0;
    line-height: 21px;
    font-family: Microsoft YaHei;
    font-size: 16px
}

.app-breadcrumb .bread-item {
    display: inline-block
}

.app-breadcrumb .bread-item a {
    text-decoration: none;
    cursor: pointer;
    color: #4c4c4c
}

.app-breadcrumb .bread-item .no-redirect {
    font-weight: 700;
    font-size: 16px;
    color: #000;
    line-height: 21px;
    cursor: text
}

.app-breadcrumb .bread-item .sperator {
    margin: 0 4px
}

.adviseFeedback-msg .el-dialog__header {
    border: none;
    height: 120px;
    overflow: hidden
}

.adviseFeedback-msg .el-dialog__header .dialog-title {
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    margin-top: 40px
}

.adviseFeedback-msg .el-dialog__body {
    padding: 0 110px 50px 80px
}

.adviseFeedback-msg .el-input.is-disabled .el-input__inner {
    color: #4d4d4d
}

.radio-container ::v-deep .el-radio {
    font-size: 14px;
    line-height: 36px;
    font-family: Microsoft Yahei;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    height: 36px;
    margin-left: -3px
}

.radio-container ::v-deep .el-radio + .el-radio {
    margin-left: -3px
}

.radio-container ::v-deep .el-radio .el-radio__label {
    margin-left: 12px;
    padding: 0
}

.radio-container .el-radio, .radio-container .el-radio__input {
    line-height: 32px
}

.radio-container .el-radio__input.is-checked .el-radio__inner {
    background: #fff !important
}

.radio-container .el-radio__input.is-checked .el-radio__inner:after {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.radio-container .el-radio__input.is-checked + .el-radio__label {
    color: #4d4d4d
}

.lensSelectorTable .el-table__body-wrapper tr {
    cursor: pointer
}

.lensSelectorTable .h-icon-copy {
    position: absolute;
    right: 8px;
    font-size: 24px
}

.lensSelectorTable .el-scrollbar__bar.is-horizontal {
    display: block
}

.lensSelectorTable .el-scrollbar__bar.is-horizontal .el-scrollbar__rail .el-scrollbar__thumb {
    width: 89.81% !important;
    height: 100%
}

.summaryContent .work-condition {
    color: #1f1f1f;
    font-size: 20px;
    padding-left: 47px;
    line-height: 32px
}

.summaryContent .my-form {
    width: 100%;
    height: calc(100% - 141px);
    position: relative;
    margin-top: 35px
}

.summaryContent .my-form .magnification .el-form-item__label-text, .summaryContent .my-form .target-height .el-form-item__label-text, .summaryContent .my-form .target-width .el-form-item__label-text {
    color: #005493
}

.summaryContent .my-form .magnification input, .summaryContent .my-form .target-height input, .summaryContent .my-form .target-width input {
    background: #d2ebff;
    border: 1px solid #0045ae
}

.summaryContent .my-form .focal-length .el-form-item__label-text, .summaryContent .my-form .h-angle .el-form-item__label-text, .summaryContent .my-form .v-angle .el-form-item__label-text {
    color: #be4c00
}

.summaryContent .my-form .focal-length input, .summaryContent .my-form .h-angle input, .summaryContent .my-form .v-angle input {
    background: #ffd8c1;
    border: 1px solid #b01300
}

.summaryContent .select-condition .radio {
    width: 390px;
    max-width: 400px
}

.summaryContent .select-condition .el-radio__label {
    padding-left: 7px;
    font-size: 18px;
    color: #1f1f1f
}

.basePagination {
    height: 56px;
    padding: 12px 16px
}

.basePagination .totalCount {
    float: right;
    line-height: 34px;
    color: #4d4d4d;
    margin-right: 10px
}

.basePagination .el-pagination {
    float: right
}

.basePagination .el-pagination.border .btn-next, .basePagination .el-pagination.border .btn-prev, .basePagination .el-pagination.border .el-pager li {
    border: 1px solid #e5e5e5;
    border-radius: 2px
}

.basePagination .el-pagination.download .btn-next, .basePagination .el-pagination.download .btn-prev, .basePagination .el-pagination.download .el-pager li {
    border: 1px solid #ccc;
    border-radius: 2px
}

.basePagination .el-pagination .el-pager li {
    border: 1px solid transparent
}

.basePagination .el-pagination .el-pager li:hover {
    background-color: #fff
}

.basePagination .el-pagination .el-pager li.active {
    background: rgba(247, 105, 0, .06) !important;
    border: 1px solid #f76900
}

.basePagination .el-pagination .btn-next .el-icon, .basePagination .el-pagination .btn-prev .el-icon {
    display: none
}

.basePagination .btn-prev {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAO5JREFUWAljOH/+vBfDAIEzZ854D5DVo9aOhsBoCIyGwHALgSVLlvDNmjVrCTn+YiJHE7IeoMVWX79+vfj///9oZHFi2SzEKkRXt2rVKuaPHz/WAC2uBcoxo8sTyyfLAfPnz1f48OHDUqDlVsRahEsdyVEADPLoX79+gYKcYstBjiLZAbh8Qq44yQ5IS0tbysbGps/IyHiMXEuR9ZHsAJDmxMTEBwICAnZAZiPQIX+RDSSVTZYDQJaEhYX9TU9PbwAyQQ55AMRkAbIdALMNGCXHuLm5QVGyFCY2So+GwGgIjIbAaAiQFAID2UUG2Q0AmB1BgXSLLxoAAAAASUVORK5CYII=)
}

.basePagination .btn-prev:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAPBJREFUWAljOH/+vBfDAIEzZ854D5DVo9aOhsBoCIyGwHALgf+5DHzfsxiWkOMvJnI0Iev5ncVg9fMPw0WG/wzRyOLEslmIVYiu7v8qBuZfBxhq/v5nqP3PwMCMLk8snywHfC9gUPhxgGEp0NdWxFqESx3JUfAziyGa8Rc4yCm2HOQokh2AyyfkipPsAPZpDEv/szHoMzAyHCPXUmR9JDsApJlzAsMDDgcGO6AjGhkZGP4iG0gqG6ifMgDKhsCcsBSYExQ4pwOdRCIgKwSQ7WCdxnCMnQUcJUuRxUfZoyEwGgKjITAaAkSHwEB2kUF2AwA/UTRSoX2CCAAAAABJRU5ErkJggg==)
}

.basePagination .btn-next {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAONJREFUWAljOH/+vBfDAIEzZ854D5DVo9aOhsBoCIyGwFAPgVmzZi0BAj5q+IOJHEP+//8f/fXr14tAh1iRox9ZD1kOgBqgAKQPzZ49u37VqlXMyIaSwqbEAQzAkGD+9+9fw4cPHw7Nnz8f5CCSAUUOgNkGdIjVr1+/QFESDRMjlqaKA4i1DJs6FmyCpIoxMjIeY2VljU5MTHxAql6KQgBo8V+ghY0CAgJ25FgOciwlIfAAqD86PT39GMggcgFZDgD6fCkXF1dWTEzMJ3ItHtU3GgKjITAaAqMhAA+Bgewig+wGAOcTQEjCLcIvAAAAAElFTkSuQmCC)
}

.basePagination .btn-next:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAO1JREFUWAntlzEOgkAQRf8KKpVn4Ab2VNba23ADEhNvoIkewIoTaOMpDAUVCeEG3AJRcQQxhIKCXUiIyWy1mczM+7zQLMIwXGKgEwTBaiA0Y9kAG2AD/24gcXCmDWZ9fMdIaQnBTl+Ing4spfnakFqAfAEBZkbwUgc7ukKr7ZS6KgcoKHkI7U3Y32/wki1MKfKvuVOACkiwxANRbsOuai0v/QRoCWtq05uK0jUBnyawjRNi2dlOAQSQkcDRWOAg1shk4UW/coAcHmsC9tiFD1cFXc6o/QMCl6mO+ReuzuZJNsAG2AAbKA0M+UQu2B9tnDWBvrCD0wAAAABJRU5ErkJggg==)
}

.basePagination .basePagination .el-pagination.border .el-pager li.active {
    color: #f76900;
    background-color: rgba(247, 105, 0, .06) !important;
    border: 1px solid #f76900
}

.basePagination .el-input__inner:focus, .basePagination .el-input__inner:hover {
    border-color: #f76900
}

.basePagination .el-input__suffix-inner {
    pointer-events: none
}

.selectorTable .el-table__body-wrapper tr {
    cursor: pointer
}

.selectorTable .h-icon-copy {
    position: absolute;
    right: 8px;
    font-size: 24px
}

.selectorTable .el-scrollbar__bar.is-horizontal {
    display: block
}

.selectorTable .el-scrollbar__bar.is-horizontal .el-scrollbar__rail .el-scrollbar__thumb {
    width: 95.92% !important;
    height: 100%
}

.summaryContent .el-radio__inner {
    width: 20px;
    height: 20px
}

.summaryContent .el-radio__inner:after {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    content: "";
    -webkit-transform: scale(0);
    transform: scale(0);
    border: 6px solid #f76900;
    left: -1px;
    bottom: -1px;
    background-color: #fff
}

.summaryContent .el-radio__input.is-checked .el-radio__inner {
    background: #fdeeee
}

.summaryContent .el-radio__input.is-checked .el-radio__inner:after {
    top: -1px !important
}

.summaryContent .el-radio__inner:hover {
    border-color: #f76900
}

.summaryContent .el-input.is-disabled .el-input__inner {
    background: #f0f0f0;
    border: 1px solid #a4a4a4
}

.summaryContent {
    text-align: center;
    font-family: Microsoft YaHei;
    padding-top: 20px;
    padding-bottom: 170px;
    text-align: left
}

.summaryContent .content {
    width: 1200px;
    margin: 0 auto
}

.summaryWrap .title {
    font-size: 22px;
    color: #1f1f1f
}

.summaryWrap .summary {
    margin-top: 16px;
    font-size: 16px;
    color: #1f1f1f;
    line-height: 26px;
    margin-bottom: 63px
}

.step {
    font-size: 22px;
    color: #1f1f1f;
    line-height: 26px;
    position: relative;
    margin-bottom: 28px
}

.select-condition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px
}

.select-condition .radio {
    width: 390px;
    max-width: 400px;
    font-size: 20px;
    color: #1f1f1f
}

.select-condition .el-radio__label {
    padding-left: 7px;
    font-size: 18px;
    color: #1f1f1f
}

.select-condition .btn-yellow {
    height: 36px
}

.form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 64px
}

.form > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form > div label {
    font-size: 14px;
    color: #7f7f7f;
    line-height: 20px;
    margin-bottom: 8px;
    display: block
}

.form .mr-40 {
    margin-right: 40px
}

.arrowRight {
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABQ0lEQVRYR8XXQUcHQRjA4ed/75Okj1MdIjqkiA4REV0iIjpERIeIDhUdIiIiiojoUEREREREh4hkmEtR7ey+W3vdtb9nZ3fNTMc/H52K/REc46ri9ZUvqwo4RRf6oxFVAd3Yyo8ViqgKSO1WECWAVhClgHBEHUAooi4gDNEEEIJoCmiMiAA0QkQBaiMiAbUQ0YBiRBuAr4ien6bGtgAzmMV2nkG/NbQBmMYcdtCH978cgSnMYxe9ePttZRI5ApNYwF6Ov/4WT+ejABNYxH4e9pcq8SjAOJZwkOPPVeMRgDEs4zDHn0riTQGjWMFRjj+WxpsAhrGKk/zBPdSJ1wUMYQ1pqZ5+tfu68TqAQazjLMfvmsRLAQPYwHmO3zaNlwDSZmQTFzl+ExEvAaT3nH6x9M6vo+IlgDSpXEbvC0sAkQ/96V4fDAVIIWS5SM4AAAAASUVORK5CYII=) no-repeat 50%;
    background-size: cover;
    margin-top: 8px;
    margin-right: 4px
}

.hvd-container {
    margin-bottom: 64px
}

.hvd-container .selectWrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 20px
}

.hvd-container label {
    display: block;
    font-size: 14px;
    color: #7f7f7f;
    line-height: 20px;
    margin-bottom: 8px
}

.hvd-container .form-item {
    width: 384px;
    margin-right: 24px
}

.hvd-container .form-item:nth-child(3n) {
    margin-right: 0
}

.query-btn {
    cursor: pointer;
    float: left;
    text-align: center;
    height: 42px;
    line-height: 42px;
    border-radius: 2px;
    margin-bottom: 25px;
    width: 152px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f76a05), to(#f75200));
    background-image: linear-gradient(180deg, #f76a05 4%, #f75200);
    font-size: 14px;
    color: #fff
}

.feedBackBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 26px
}

.feedBackBox i {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(data:image/png;base64,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) no-repeat 50%;
    background-size: cover;
    margin-right: 10px
}

.feedBackBox span {
    font-size: 16px;
    font-weight: 700;
    color: #f76900
}

.feedBackBox span:hover {
    cursor: pointer;
    text-decoration: underline
}

.el-cascader .el-input .el-input__inner:focus, .el-cascader .el-input.is-focus .el-input__inner {
    border-color: #6e6e6e
}

.el-icon-arrow-right:before {
    color: #4d4d4d
}

.el-icon-arrow-right:before.in-active-path {
    color: #fff
}

.el-cascader-node {
    padding: 0 30px 0 2px
}

.el-icon-check:before {
    content: ""
}

.el-cascader-node__label:active, .el-cascader-node__label:focus, .el-cascader-node__label:hover {
    color: #fff
}

.el-cascader-node__label:focus {
    background-color: #e72528
}

.el-cascader-node:not(.is-disabled):active, .el-cascader-node:not(.is-disabled):focus, .el-cascader-node:not(.is-disabled):hover {
    background: #e72528
}

.el-cascader-node.is-selectable.in-checked-path {
    background-color: #e72528
}

.el-cascader-node.is-active {
    color: #fff;
    font-weight: 400;
    background-color: #e72528
}

.el-popper {
    margin-top: 4px !important
}

.el-scrollbar__wrap {
    overflow-x: hidden;
    margin-bottom: 0 !important;
    margin-right: 0 !important
}

.el-scrollbar__wrap::-webkit-scrollbar {
    display: none
}

.el-scrollbar__bar.is-vertical {
    right: 0
}

.el-cascader-menu {
    overflow: hidden;
    min-width: 160px
}

.el-cascader-node.in-active-path {
    font-weight: 400;
    background-color: #e72528;
    color: #fff !important
}

 .disabled-input {
    cursor: not-allowed
}

.summaryContent {
    text-align: center;
    font-family: Microsoft YaHei;
    padding-top: 10px;
    padding-bottom: 170px;
    text-align: left
}

.summaryContent.en-type .select-condition .radio {
    width: 520px;
    max-width: 520px
}

.summaryContent.en-type .input-container.focal-length {
    bottom: 20px;
    left: 212px
}

.summaryContent.en-type .input-container.distance {
    width: 190px
}

.summaryContent.en-type .input-container.magnification {
    bottom: 82px
}

.target-width {
    top: 40px;
    right: 30px
}

.target-height {
    top: 90px;
    right: 405px
}

.magnification {
    bottom: 108px;
    right: 61px
}

.focal-length {
    bottom: 194px;
    left: 53px
}

.distance {
    bottom: 28px;
    left: 428px
}

.input-container {
    position: absolute
}

.input-container p {
    font-size: 14px;
    color: #7f7f7f;
    padding-bottom: 4px
}

 .el-input__inner {
    height: 42px
}

 .el-input.is-disabled .el-input__inner {
    color: #7f7f7f
}

 .el-cascader__label {
    border: 1px solid #6e6e6e
}

 .el-input__suffix .el-input__icon {
    top: 5px
}

 .el-select .el-input__suffix {
    top: 4px;
    margin-top: 0
}

.content {
    width: 1200px;
    margin: 0 auto
}

.title {
    font-size: 22px;
    color: #1f1f1f
}

.summary {
    margin-top: 16px;
    font-size: 16px;
    color: #1f1f1f;
    line-height: 26px;
    margin-bottom: 63px;
    font-weight: 400
}

.box {
    width: 1200px;
    height: 600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.box-text {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #1f1f1f;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 6px
}

.box-span {
    position: relative;
    font-size: 16px;
    color: #f76900;
    line-height: 26px;
    font-weight: 400
}

 .box-left {
    width: 380px
}

 .box-left input {
    border: 1px solid #6e6e6e;
    padding: 5px 8px
}

 .box-left .left1 {
    width: 340px;
    height: 168px
}

 .box-left .left2 {
    width: 340px;
    height: 250px
}

 .box-left .left2 .left2-0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

 .box-left .left2 .left2-1,  .box-left .left2 .left2-2 {
    width: 160px
}

 .box-left .left2 .left2-2 .min-width:after {
    top: 2px;
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAAEhyb7BAAAAAXNSR0IArs4c6QAAAhpJREFUOBGtUztvE0EQntk9HBMCUngk4WlEQwoEwTlXSCAaGiQqRExNQ4UQoqSjiqL8BdpcEBRp0kaKkoqzLRQkpES8KRJb5hFAiOC9YWeP2exJFBTZ4vab7/t2dm5uDiBYyNh0XpH68OKo46k5dyQwAGDv2QwVGY7oeXLGbNEK46h2ExUDJvBEzPDfy90nCbUunVTUfJL7Bw6BMVtvFVavp+4wmWIOWpkbLjJ/I05BrcdjoeguYkIuU2evAX35CPS+6XxcszPxSdMzLcfurwB8eucgP3S5f8RnoubTClfoVTZoPYTVG52Q+z9Ma/N9lCZXiBai8IS/zqQzL4lgNBBTW3SN47zZ6eyUGHRcF19s0uSeNxFl90UJdyKa9qaC8PtnGDrsrkPAB6Lgrt0CbQ/ULQ584b00WQKiC96BOB/F9as+DgGPURjvKPYlhVnpzUI567Yf2hG+bbswIJqdhs9AOK3i4UnEyz3heS8kyhOst6T3znDsHODBU5CtLQL86G6fRVzW4xMXETFj0nWSAX/+rLvRCZMwj/0HAKM+wPJeDreXbWjWSF4L4RPB181L4WuIgb61HaTNDaH8bi+tSOP9q/EgZo31thUHvZMB/yalPQC/vhdoJwGu6lr9NGNfETdPjY8MWS7/kVnlte8wqOPn7cCU8liedj4kCVO+ItF5t6+ossbsXYvucPmi2alcJY2TUXXikXA7vv8BqOnNkduXNQcAAAAASUVORK5CYII=)
}

 .box-left .left3 {
    width: 340px;
    height: 168px
}

 .box-left .left3 .left3-0 {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

 .box-left .left3 .left3-1,  .box-left .left3 .left3-2 {
    width: 160px
}

.box-right {
    width: 820px
}

.step {
    font-size: 22px;
    color: #1f1f1f;
    line-height: 26px;
    position: relative
}

.step:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    left: -40px;
    top: -3px
}

.step.step1, .step.step2, .step.step3 {
    margin: 0 0 18px 40px
}

.step.step1:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAFMN540AAAAAXNSR0IArs4c6QAAA75JREFUSA3tVklME2EUfjMdaSlFEUUhNUAJIliMCYjx4FJIcDm4XQQOHtwii0YT9WKI7UVjop7cUOPJGDXxYjigoHG5IMQlLgQ9leKCFAhbS1unnfF/A//4dzoVJBgT45/MvPe+973/vTfz//8MQLyRnZ19wuVy8RwSxqqhEqXEwweUClBeaH2iGHFvWVlZMjqFQDWUEW1BQdM4l0cD1SUW8fE4FOdus9mOoYunfiwFr6ri9Ds4f8cG9yf0RdVJyQVNWbc8Ho/io9gMSpL/gu50WBhe6FQqp1UjeGNVXy2NUttCoHOTp2p3e9rZPbaR02hHOREQJTAfzR98ozj9tbAZFXbwCfCStf+iTjodw27JOtpFy/jle6DPi5JRsu9ODZbrYF4gAuUskeo7n2dUvhhM2GpNDL966PhyxtwAt9GnPsp4gUjCQJQY2JYOd1HHoQQHDkHmuBl7v+mZk4MoKVEiQix1QTiW9W8i5P2mk1d3je1OfdosqNXJzt4hy3IPwfeyPoE1tLrdbrf4/f6vkiQlT/h8LCduZpKt3OfzjZKMNBDjLusGB2pgDd2xKK0m8ZRZgL6W0q/qWr6ywttNtmAJnUAtW5bBSkGUzes+n2Nt1NemBfoTDfCW4nHLpgQAw0+VaNx5CFFACfYfhgwKaGX9u9TViCUZ5F4yDy5RdSjB8ndYriIa5YnXtB6hlanB5ghAB+tWgnkJUliQ1Qe+84vRdi4bfHQuDTpZ3xR6HqcvNIohlyu6bHai//qffQLqwTtTaXJzc4tEUbxH5luEc3Ic19DV1VWjnV/dUlrH79h5eXnzQ6GQk8QcIEmjQgVB0P1+T6tjh8MhkO9VDTlh6sml/N5EZZswSLdPSbcOPZ9uxyN1kCdEoEgvALG97Z3b3JKpgvoTeBhdNT/Y2Npv3CJKnIXiFZm+186NUCnz4E+6BI0URxmTmGw4XvgGy1iSVk8U5KDTPnS8MnPYTX0nO1JLnkkmNanRAMPOpf1t6OfDoPy6UC7KmMRH+qCA4LNYklY/X+S9r8VavGblnKJ48dxQM+rkl3XI0gDdFKcy6viRXSCQA9ZOnVOV93uSMnqDhkKWfzR/qAVtTqdbxKM6Fr1QSE62qGKQNNm47p69geXYLOHWguTgKFm5XvNVwI9qzFCTyAfBGJYgP4YxCeCPGAydI8Yylrbd6n+AtskQ+24pT00cEON/ZyhZT5IPWGlEltU1kTJL9uzLGfrIcfCFuwgDejGITWsfs5ORH5v3xFbXBc/z+91u91WW81/HJ/ADT5YmZbdWvv0AAAAASUVORK5CYII=)
}

.step.step2:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAFMN540AAAAAXNSR0IArs4c6QAABElJREFUSA3tVn1oU1cUP++9pNbUNK9xuqq1CTGr62at2x+DuY19QAUZ/iVMZSA4GFOLKBMF1z/2tILi7J/T4YYd7EMGMrYx2FoYo4NV9I+VFjUVkpr4WZtt+bKmTfLe9ZyX3ud9SRM7YYOxHXj33PM7X/fr3PsASkjiss/nY9Q3gXvbYTMJhgyjDuoQtf7gOyNJ0tdFqWqb3Q6vUQweVMbQi8m/qhdaH+IGVlY+lKIidhmjsFgsJskEiEoenpQ8yqNzpdQ1EAi83tDQoCYSiVs2pd/vn2aMKfj1oMGwbQF5FBqc0+kMmqPmIPH2Pt8pZEY4HI7YlO19zR/rDJyh9bE3yVCe3AkbqEOUM6QFqKzlcy6if0dbdSk1TZN7e3v1ksQ6boG5f7Z1KjGCaDR6DrEm2q9UKnVQVdU6lF/0er31yWSy38rMOmFhVoeO0gBcXtPvOzmtg1qrQPLKWKyBcOv4VHJs+9F3usBgviJJ+dD66JbzjXD2Va0Y0syc3Q3NbBrWFqFiu2fo8XV947XbSKp3spvE8WSzuwU5g9N5iuR/KVmrXWn8wWBwUT6f3yrL8sTY2NjneBOY9wXZV3XG+ujD2lgnBnY4HC9EIpFBwmynXjTCjPXc0eVyLcXML5O+UCj8yu2sfeYA57qub8J+Aof5XSgUuo3923i/cLXJrWFnd8BLjMEym1YQdg8t6ugfd71FEL9erGFXc/z+Vt1S7tjRKDfymJYzB0r5mWtu/77hx3oI39h078NPzl+9w21M58k9sIQDIj99VW05dMl7hLCtvszxw2viv4h6c8FYDtqtyc9oB+OuhR+Meg6S+O7KlPZ2IHkFC/uS6Gz6iHcuV/J7SJGlXJ1ixAnPFOQ0btnzeFhSJM+6VZ9G64OkJNINVpM2pJldYMu4Y1H7f/tPrUDpyfhLebFo5+E1sRed3sOPbnQbYT2ew6LuxDIasilQeOTEeMVoGPR9MSAmyqMcRfwJEcd+xOPxtI+MjExy/KHlyA1Fjkk3i0kxYRwDL8CHoAa/FrookL4VfFak02laGYtmrYl0J7Q4dHjWsirrRAnZQk0oU+vO6yCtVqMbxLdq7U/G6kTuwYLiQMNkz6kssaaB7BiHNm7wMN7qnsqINmdvuJu1i95u/Cup4bjqZF8Nh699yWXiZYn3xqEVcadoNJf+Nzfcy7XL3i58+T3cHudrvOGf1I4N/N7NMc5tiZkGjmwcnubKufDPYp4Vx0fVAznjwanGhPrGprsnutv+GGQGDBwbKI9kS5yfgFVgVH7zRPcvYp7A0ZDahb8pLo4rEky9E0z37AomLhKGA5hwnQJ63srISsx2wbxsHp4ssygDFHjl5yVdd6aUVYLK2BbI9Oxf+edvAgb4szUsymIfB1UkfCqew16Ay7NzBZ7pbzo5hX9ws+vLUSyr61hizaUaa8auj+ACKumrSH7/8iNYFnNOOhPoRMWA/ynFfdWsglEgtDyBAAAAAElFTkSuQmCC)
}

.step.step3:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAFMN540AAAAAXNSR0IArs4c6QAABGZJREFUSA3tVm9oHFUQn727as67HM01De1Fc8nl6CVEbTXEcMFWLFTRWNB80OZL2w9trYmxBbFfRJpQRPtB/AdqPwilYkNVLIIQLa2UhBbEKsVITSDN3ZXYBk977eX+3+2uM5vMy+66d14F8YM+2J2Z38y8eW923uwDMA2JZb/frxKvAZm9sI2Ely7Wu4kCAWyhAZavUChUSwpHdi9sxtka2sdyoyhLNhLG4856SzcGMcAh5h3M8FJIPnHlRnoY/GosFpNsBLDywTN3aZ4uR6mAsLYR0v/9YTe7trS0bPJ6vasTicRVLTYb4KpTqqr2yLL8XTgcdhoSyEbtY/5RsWoGiW765s6DLBumRY/j45vnRoQyPQBbWUAq0ZRNbuUtHfYPsKI+rObGbUvNzc2KSZfAnXoJM2zIZASBQKALsQ8pLfTgWEC5rrW1tYdsRQWog7AqK8MWApdHhNjTHWP+IoZ32EDN//RYrP+OD+A8KcSyuUIItBqvTK7q+WzOPYQ6BVehfXYtcnYfNKl5owulnJAub/7zR9dkv19yBFx6r9GygoSFtB5r5r4KJv+CSiSsXGw624VCYQfqk5FI5JjerqIzFsgJLJSnDQ6StDYajc4TVrZIgsGghx1ramo8mOW3yQGxX4jSKOtcKpUK6DCAz8PT09MLGG3/osuyj6iw7HOwUVWhcckASZTYBD5r8NnWfbrpjWQRwOeUT8ZIg0NENjouKul9PWdfQQWTLEq+J3zpI+e3zPWzVjgzYKYfz3lCiKmEf3XNtUN6F0QtatlO74e1Ug4eMjvqZS5Xp9NZPzU19TvptMhqAdbrDfvO+XZtOOV/f/RKbbMeJx4TiTtfHJqzTYGVDBAN1Ran8zKsfPWSd+TLqy5f77hvkPUzMzNJ5rVlWx3HDV/7j+QV8LAhUgU/lwM/nbZ/HW7NUtfFE/VUZ2fnCmuL/9FbyEDF01zNPNjhtiuK8ibaar8Bk88ZPMy78UxGTPhy0zYr/krGFnMAu8Jhk10KZdqMS49jVX2C1fWMAdML1fK4yyHc5TtsjxOfxIn7WMb/WAMeHmpVotHY7fau2dnZC2wjFAwQTQ7COocM9+sxIx+JoyyayZJOu7ARfzQaDx7+uU7MjSmQXS7X5SU7jQglg8PDYHPMwz0sV0t7JxqHrmXsbVlFqkMfUTsBd+ncvuDNPU9+EaM2KsafAr8Yh3bU3tLBPRr1BGdTDu2awDPfZoOFA203Xu9vufmD+z24xDhTsTIC1GG8o8ahD+TlPs6G1dCJ39yrX56sez6es61je7yD/Hg5EjM0VtIZen3xV7i72qD0AwEwXkQ31qfix8Pzr3FQoiUF7sUT0K3HiBepVofg9mwR2swGevnxicYXIilHmDG64hzrnv+UZaIDFxp26mWs+Ems+G/1GPEi1djtH0A5YDbQy2nZbn/krG/kesHWqscr8B/hRW27lV4EtlKWwzo6OryZTOYQnuVn0UbkG3eXQ/ki0oN44TlVzv+/if8BJZdtmUk+elAAAAAASUVORK5CYII=)
}

.productListTable {
    padding-bottom: 0
}

.ppmDialog .el-dialog {
    background: #fff;
    -webkit-box-shadow: 0 0 12px 4px hsla(0, 0%, 78%, .28) !important;
    box-shadow: 0 0 12px 4px hsla(0, 0%, 78%, .28) !important;
    border-radius: 4px 4px 4px 4px 0 !important;
    height: 258px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50% !important;
    left: 50% !important;
    margin-left: 0 !important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.ppmDialog .el-dialog__title {
    font-size: 18px;
    color: rgba(31, 31, 31, .7);
    font-weight: 400
}

.ppmDialog .el-dialog__header {
    height: 29px;
    height: 37px;
    border-bottom: 1px solid #ebebeb
}

.ppmDialog .el-dialog--small {
    width: 607px
}

.ppmDialog .el-dialog__headerbtn {
    width: 24px;
    height: 24px;
    top: 8px;
    right: 8px
}

.ppmDialog .el-dialog__body {
    padding-top: 0
}

.ppmDialog .alertContent {
    position: relative;
    margin-bottom: 20px;
    font-size: 22px;
    color: #1f1f1f;
    line-height: 130px;
    font-weight: 400;
    height: 130px;
    width: 335px;
    margin: 0 20px 0 136px
}

.ppmDialog .alertContent img {
    left: -52px;
    top: 44px;
    position: absolute
}

.ppmDialog .closeBtn {
    text-align: center
}

.ppmDialog .closeBtn .el-button {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f76a05), to(#f75200));
    background-image: linear-gradient(180deg, #f76a05 4%, #f75200);
    border: none;
    color: #fff;
    width: 121px;
    height: 44px;
    line-height: 28px;
    font-size: 18px;
    font-weight: 400
}

.miniWidthDialog .el-dialog {
    background: #fff;
    -webkit-box-shadow: 0 0 12px 4px hsla(0, 0%, 78%, .28) !important;
    box-shadow: 0 0 12px 4px hsla(0, 0%, 78%, .28) !important;
    border-radius: 4px 4px 4px 4px 0 !important;
    height: 385px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50% !important;
    left: 50% !important;
    margin-left: 0 !important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.miniWidthDialog .el-dialog__title {
    font-size: 18px;
    color: rgba(31, 31, 31, .7);
    font-weight: 400
}

.miniWidthDialog .el-dialog__header {
    height: 29px;
    height: 37px;
    border-bottom: 1px solid #ebebeb
}

.miniWidthDialog .el-dialog--small {
    width: 607px
}

.miniWidthDialog .el-dialog__headerbtn {
    width: 24px;
    height: 24px;
    top: 8px;
    right: 8px
}

.miniWidthDialog .el-dialog__body {
    padding-top: 0
}

.miniWidthDialog .alertContent {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    color: #1f1f1f;
    font-weight: 400;
    height: 270px
}

.miniWidthDialog .oneCode {
    width: 313px
}

.miniWidthDialog .oneType {
    font-size: 22px;
    color: #1f1f1f;
    line-height: 26px;
    font-weight: 700;
    margin: 45px 84px 2px 102px
}

.miniWidthDialog .oneSize {
    font-size: 16px;
    color: #1f1f1f;
    line-height: 26px;
    font-weight: 400;
    margin: 0 30px 18px 68px
}

.miniWidthDialog .oneImg {
    position: relative;
    margin: 0 8px 18px 45px
}

.miniWidthDialog .arrow1 {
    position: absolute;
    margin: 76px 0 4px -168px
}

.miniWidthDialog .arrow2 {
    position: absolute;
    margin: 110px 0 4px -68px
}

.miniWidthDialog .twoCode {
    width: 294px
}

.miniWidthDialog .twoImg {
    margin: 0 94px 18px 76px
}

.miniWidthDialog .twoType {
    font-size: 22px;
    color: #1f1f1f;
    line-height: 26px;
    font-weight: 700;
    margin: 45px 88px 2px 82px
}

.miniWidthDialog .twoSize {
    font-size: 16px;
    color: #1f1f1f;
    line-height: 26px;
    font-weight: 400;
    margin: 0 50px 18px 48px
}

.miniWidthDialog .unitConversion {
    font-size: 14px;
    color: #f76900;
    line-height: 26px;
    font-weight: 400;
    margin: 0 34px 18px 45px
}

.miniWidthDialog .closeBtn {
    text-align: center
}

.miniWidthDialog .closeBtn .el-button {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f76a05), to(#f75200));
    background-image: linear-gradient(180deg, #f76a05 4%, #f75200);
    border: none;
    color: #fff;
    width: 121px;
    height: 44px;
    line-height: 28px;
    font-size: 18px;
    font-weight: 400
}

.el-table th {
    padding: 10px
}

.el-table tr td {
    padding: 10px;
    font-size: 14px;
    color: #1f1f1f;
    letter-spacing: 0;
    font-weight: 400
}

.form {
    margin-bottom: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form > div label {
    font-size: 14px;
    color: #7f7f7f;
    line-height: 20px;
    margin-bottom: 8px;
    display: block
}

.form .mr-40 {
    margin-right: 40px
}

.model-list {
    margin: 20px 0;
    font-family: MicrosoftYaHei-Bold;
    font-size: 22px;
    color: #1f1f1f;
    line-height: 26px;
    font-weight: 700
}

.codePerformance {
    width: 160px;
    height: 42px;
    border-radius: 2px
}

.warning {
    bottom: 1px;
    position: absolute
}

 .box1 {
    width: 820px;
    height: 600px;
    margin: 0 auto;
    background-color: #f8f8f8;
    background-image: url(../../../cn/static/img/01bac0f99a3a.png);
    background-size: 720px 514px;
    background-position: 43px 46px;
    background-repeat: no-repeat;
    position: relative
}

 .box1 .box1-title {
    height: 37px;
    padding: 10px 0 0 20px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 22px;
    color: #1f1f1f;
    line-height: 26px;
    font-weight: 700
}

 .box1 .my-form {
    width: 100%;
    height: 563px;
    position: relative
}

 .box1 .my-form .magnification .el-form-item__label-text,  .box1 .my-form .target-height .el-form-item__label-text,  .box1 .my-form .target-width .el-form-item__label-text {
    font-size: 14px;
    color: #7f7f7f;
    font-weight: 400
}

 .box1 .my-form .magnification input,  .box1 .my-form .target-height input,  .box1 .my-form .target-width input {
    background: #f8f8f8;
    border: 1px solid #aa4c00
}

 .box1 .my-form .distance .el-form-item__label-text,  .box1 .my-form .focal-length .el-form-item__label-text {
    font-size: 14px;
    color: #7f7f7f;
    font-weight: 400
}

 .box1 .my-form .distance input,  .box1 .my-form .focal-length input {
    opacity: .5;
    background: #d8d8d8;
    border: 1px solid #6e6e6e;
    border-radius: 2px
}

.feedBackBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 26px
}

.feedBackBox i {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(data:image/png;base64,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) no-repeat 50%;
    background-size: cover;
    margin-right: 10px
}

.feedBackBox span {
    font-size: 16px;
    font-weight: 700;
    color: #f76900
}

.feedBackBox span:hover {
    cursor: pointer;
    text-decoration: underline
}

.summaryContent {
    text-align: center;
    font-family: Microsoft YaHei;
    padding-top: 10px;
    padding-bottom: 170px;
    text-align: left
}

.summaryContent.en-type .select-condition .radio {
    width: 520px;
    max-width: 520px
}

.summaryContent.en-type .input-container.focal-length {
    bottom: 20px;
    left: 212px
}

.summaryContent.en-type .input-container.h-angle {
    width: 216px
}

.summaryContent.en-type .input-container.v-angle {
    width: 200px
}

.summaryContent.en-type .input-container.distance {
    width: 190px
}

.summaryContent.en-type .input-container.magnification {
    bottom: 82px
}

.btn {
    text-align: center;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    border-radius: 2px
}

.query-btn {
    float: left;
    margin-bottom: 25px;
    width: 152px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f76a05), to(#f75200));
    background-image: linear-gradient(180deg, #f76a05 4%, #f75200);
    font-size: 14px;
    color: #fff;
    margin-right: 16px
}

.hvd-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 64px
}

.hvd-container label {
    font-size: 14px;
    color: #7f7f7f;
    padding: 0 7px
}

.hvd-container .form-item {
    margin-right: 12px
}

.hvd-container .form-item:last-child {
    margin-right: 0
}

.arrowRight {
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABQ0lEQVRYR8XXQUcHQRjA4ed/75Okj1MdIjqkiA4REV0iIjpERIeIDhUdIiIiiojoUEREREREh4hkmEtR7ey+W3vdtb9nZ3fNTMc/H52K/REc46ri9ZUvqwo4RRf6oxFVAd3Yyo8ViqgKSO1WECWAVhClgHBEHUAooi4gDNEEEIJoCmiMiAA0QkQBaiMiAbUQ0YBiRBuAr4ien6bGtgAzmMV2nkG/NbQBmMYcdtCH978cgSnMYxe9ePttZRI5ApNYwF6Ov/4WT+ejABNYxH4e9pcq8SjAOJZwkOPPVeMRgDEs4zDHn0riTQGjWMFRjj+WxpsAhrGKk/zBPdSJ1wUMYQ1pqZ5+tfu68TqAQazjLMfvmsRLAQPYwHmO3zaNlwDSZmQTFzl+ExEvAaT3nH6x9M6vo+IlgDSpXEbvC0sAkQ/96V4fDAVIIWS5SM4AAAAASUVORK5CYII=) no-repeat 50%;
    background-size: cover;
    margin-top: 8px;
    margin-right: 4px
}

.target-width {
    top: 0;
    right: 151px
}

.target-height {
    top: 210px;
    right: 24px
}

.magnification {
    bottom: 108px;
    right: 61px
}

.focal-length {
    bottom: 36px;
    left: 200px
}

.h-angle {
    left: 478px;
    top: 180px
}

.v-angle {
    left: 544px;
    top: 270px
}

.distance {
    bottom: 102px;
    left: 568px
}

.resolving-Power {
    bottom: 275px;
    left: 45px
}

.single-Pixel {
    top: 85px;
    right: 22px
}

.info {
    bottom: 50px;
    left: 24px;
    font-size: 14px;
    color: #7f7f7f;
    position: absolute
}

.reset-btn {
    z-index: 666;
    width: 100px;
    height: 36px;
    line-height: 35px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f76a05), to(#f75200));
    background-image: linear-gradient(180deg, #f76a05 4%, #f75200);
    font-size: 16px;
    color: #fff;
    top: -62px;
    left: 156px;
    position: absolute
}

.input-container {
    position: absolute
}

.input-container p {
    font-size: 14px;
    color: #7f7f7f;
    padding-bottom: 4px
}

.input-width {
    width: 140px
}

.content {
    width: 1200px;
    margin: 0 auto
}

.title {
    font-size: 22px;
    color: #1f1f1f
}

.summary {
    margin-top: 16px;
    font-size: 16px;
    color: #1f1f1f;
    line-height: 26px;
    margin-bottom: 63px
}

.step {
    font-size: 22px;
    color: #1f1f1f;
    line-height: 26px;
    position: relative;
    margin-bottom: 28px
}

.step:before {
    content: "";
    width: 40px;
    height: 74px;
    position: absolute;
    left: -40px;
    top: -18px
}

.step.step1:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABKCAYAAADJwhY8AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKKADAAQAAAABAAAASgAAAACZFEKBAAAELklEQVRoBe1YTWsTQRie7G7S9EuNWj+KNk1brVA/wPp1VNGb1It46s2DB1EPXkQEe1SPCvoXRFBBQVFELCKISpFKEbGxqVip1tSo2xiT7K7PhG7YxsxkZjcehFkI8/XO8z7zvO/MzoYQ9SgFlAL/twKhf0m/q6urw3GcnV4faL9LpVKvvH28usEbDDIGcpssy7oPjNVeHE3TTqAtTFDzTq5XvbOzcxfIDQNvATmKDwWfy/ipO8FEIjEAEg9BIlZJJBQKFQzDEFaPzq9biPv6+iJzc3MXbds+WUnMbYP46Pj4+G+3LVLWhSDybZ1pmtfgcCvPKRSUCi/FChTi/v7+cDweP4V8G6lFbp74i/lSuPCtIHJtfzqdvgRPG0S9If/+vYI0nNilN5BrD5BTwuSwCHNwcPCN6GJcO+GDuru7eyNCeQakDmOy7gKIlsi/YRzQu0XtXbuaIYZi26DW2WKxOIBJwgtyHbglFiYdXjqXS5BuAuTZE4BHXUd+S7xBpDcI9cXdxZlMZnM9yM0vypeCXILIuR21FENu/cTvAuxsli3Gv0xMTEyyxnn9XIKYyCM4R4lFo9EEjo/rsGViIQq+wkuJc3MQwH8RBKkc5l3Vdf18Mpn8QkFw7ByiJevBHF/hpXhMgr29va25XM4954qwfQxHN0DspkvMQ+ivhXjGaLX+BEFuI4DvUlLNzc23x8bGZiuclpvVlC4PooI08B1i3+eaSwC3mBZcFL6jzcrB95OTk92uvWzJAhXGyWaz9AbDxEEEfKtHSTCBhRnyd7r0DbrSb2CCyL/tlaDeNjaV7w1CcQITBAZvB1uxWIzeFX0/gTZJT09PW6FQKJ2F1Rgg/0Zxg9lSbUy0L5CCIMcNL8IfKLx0EYEIQiFeeInfG4xX3QVvkh/HyHrD4n/4eCfvGy4OTGXZd9fTveno0QnvDPn6AgXDNlkpAzGT05kHsB4i+YNrftUvxENDRHMcskKU4JOvLW15myxi2cciVmqxVvjEGhftLyt4bqb0T0BYdOKj6QamehSjPWqNRxvIZ1E8ll2ZoEnIKpZRtf63Zg2CTcXXoctE6l+Ean7KBLE5pPLvY5adf9RRX6z4tJpD2b4SQWeIGI5OlotOth09NJvXEiz7iOaYR9Z+e8kal+kvEcxmSBuxxM/E21NNayyHML/0lkbs5PN2MiNDhGVbIhjOy4X3aZqff8si1us9Q4TewgM/JYJ5yQ2SNCPcHRxrcJ4FZjYPoDnHSYNmkyUygNM5g0sw0VR4JIPHs9Vymlx4M4VwOJMPdbBAG3Xnq7E3/ZY1LtuvOb/lzr9bHxo7Hc6fR60RZwxvJeZHvDxBSQVHvke54W3Sg1+xvIswmq+QO96OWvV4vPEAzyZl6vd442pMKaAUUAooBZQCSgGlgFJAKaAUUAooBZQCSgGlgFKgrMAfDZE2xwZw0joAAAAASUVORK5CYII=)
}

.step.step2 {
    margin-bottom: 32px
}

.step.step2:before {
    background: url(data:image/png;base64,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)
}

.step.step3:before {
    background: url(data:image/png;base64,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)
}

.select1 {
    margin-bottom: 24px
}

.select1 .radio {
    font-size: 20px;
    color: #1f1f1f
}

.option i {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAABxklEQVRIDdWVvU4CQRSF2U2kg8QWGx6CwkofwbWyoJafB8D4CEYfgB9rCivxEbTChIegkdYEOkzA85G9k9lFVBYtmATuzNx7zpk7e/duLrfvI/gugW63eyB/tFgsoiAIKsvlskS85hPNR2EYDrQc1Ov1D/a/GhsF2u32uYjuBBqL7CGfz78UCoU3SGaz2dF8Pj+R/0LLsvytZrP5iC891gQUHOrkNwqMdMLLWq32nAb5616vd6oM77VHJtcSXfj+NYFOp3MrkeNisXhWrVbf/eBN836/fzidTp9EPmw0Gld+XOgvuBato23IwXMQMGBjDrZXwwnwQLlzruW3JzcSLBiwcMTFkRTQKtJv/NOdr1Ab/mLsWG64VsNlQClSLebIauGAy/BOQKlVKEVzZLVwwGV4JyDlktW5ObNYOOAyrBOwjV2tXsJE6TsBpTXhDd1VQPgSXMbjBJTWiNffHFktHHAZ3gnQuKRMb9lpwAGXkTgBbbBZpreYc1sbY8vCrQvQcpVai8ZFb9mWHAxYOPz27WeQi1vugMa1jYg1O06ebtsJAU4dt9yhKur1N9dFDLG6+yHYdOaJmvWd//bB8UX+4pPp8+3n/BN1V/Nx6If01QAAAABJRU5ErkJggg==);
    position: relative;
    top: 4px
}

.option i.active {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAABtElEQVRIDdVVPU8CQRB9e4dQWhptLKhsrGwtjRUJ+iNsrDTBGBINiY0JtY0/Qkm0s9HY0ltR2JD4E1C4dd7CLXt7t36gFLyEYzI7897u3OwcsOhQXx1AH2DpPUY9AepKYUti1ybxfa3RjYBOeYSOusZHiCcoMDjEnk7Q1kA1lEy/EPRUhEblCrdFcTkB3UI0eMOlEDeKEkI+IWpXVnCqWpADT1GammNrFnJmckOSS5yY5+SROQHLkiS4cQN+a0cR9t1yWQG+0EGMl6Kaq+o2SjsNROt8z0Dy2sXwoQ3de87pC2GvMsJG+uKlEcZgtxSRx7tNlI+fEG/WoJZXzY92+egRXPNBDnKlfivAVkyd6b/Zee0CSnrUh5JalLgmp/PhclmBSZ9nYlkWEoVgRCTGh8vlZqeXyManNbeOAiMQY7lcgYL0v7tcgb5Px275DoEYy2UFOFt8MtOKcjFC0LLGGB8ulxUQo5MLlD4f3p+DRD4M+d1Z4V1wuWz/zeuiWQHucB6jwpaIApwhopgvKhd/AOa6c4gpGQE6zMidQcSQy7gmh4tMidyFuX1wXJH/+GS6fItpfwLIXaXijNETpgAAAABJRU5ErkJggg==)
}

.form {
    margin-bottom: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form > div label {
    font-size: 14px;
    color: #7f7f7f;
    line-height: 20px;
    margin-bottom: 8px;
    display: block
}

.form .mr-40 {
    margin-right: 40px
}

.box1 {
    width: 1200px;
    height: 723px;
    padding-top: 26px;
    margin: 0 auto;
    background-color: #f8f8f8;
    background-image: url(../../../cn/static/img/b81c94cbb843.png);
    background-size: 1026px 498px;
    background-position: 24px 53px;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 64px
}

.infotext {
    float: left;
    line-height: 42px;
    font-size: 12px
}

.infoTxt {
    line-height: 26px;
    font-size: 12px
}

.feedBackBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 26px
}

.feedBackBox i {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(data:image/png;base64,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) no-repeat 50%;
    background-size: cover;
    margin-right: 10px
}

.feedBackBox span {
    font-size: 16px;
    font-weight: 700;
    color: #f76900
}

.feedBackBox span:hover {
    cursor: pointer;
    text-decoration: underline
}