/* 以前main代码以及common代码更改过来的css */
html, body, p, div, span, ul, li, h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}
.wrapper {
    background: #f5f5f5;
    position: relative;
    overflow-x: hidden;
}
.main * {
    box-sizing: border-box;
    margin-bottom: 0;
}
.grid--direction-column {
    flex-direction: column;
}
.grid--align-center {
    display: flex
;
    justify-content: center;
}
.ml16 {
    margin-left: 1rem;
}
.mt4 {
    margin-top: 0.25rem;
}
.central-content {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
}
.mt40 {
    margin-top: 2.5rem;
}
.main .ev_form {
    margin-bottom: 0;
    border: none !important;
}
.main .ev_form_item {
    padding: 0.85rem;
}
.main .ev_col {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}
.main .ev_form_vertical .ev_col {
    display: block;
}
.main .ev_form_item .ev_form_item_label {
    font-size: 1rem;
    position: relative;
    text-align: left;
}
.main .ev_label {
    font-size: 0.875rem;
    color: #4e4e4e;
    margin-right: 1rem;
    display: inline-flex;
    line-height: 2rem;
    margin-bottom: 0;
    position: relative;
}
.main .ev_form_item .ev_form_item_label>label {
    display: inline-flex;
    align-items: center;
    line-height: 2rem;
    height: 2rem;
    white-space: nowrap;
}
.main .ev_form_item .ev_form_item_label>label.ev_form_label_required::before {
    content: '*';
    font-weight: bold;
    color: #e41f2b;
    display: inline-block;
    margin-right: 0.25rem;
    position: absolute;
    left: -0.325rem;
}
.main *:before, .main *:after {
    box-sizing: inherit;
}
.main .ev_form_item .ev_form_item_label>label.ev_form_label_colon::after {
    content: ':';
    position: relative;
    top: -0.03125rem;
    margin: 0 0.5rem 0 0.125rem;
}
.main *:before, .main *:after {
    box-sizing: inherit;
}
.main .ev_col {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}
.main .ev_form_vertical .ev_col {
    display: block;
}
.main .ev_textField {
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.main .ev_textField_wrapper {
    display: inline-block;
    vertical-align: top;
}
.main .ev_textField_container {
    display: inline-block;
    vertical-align: top;
}
.main .ev_textField_inner {
    display: inline-block;
}
.main .ev_textField_input {
    height: 2rem;
    width: 18.75rem;
}
.main .ev_input {
    box-sizing: border-box;
    padding: 0.125rem 1rem;
    outline: 0;
    font-size: 0.875rem;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    background-color: #ffffff;
    color: #191919;
}
.main .ev_input, .main .ev_ip_input, .main .ev_spinner_input, .main .evFupload-chooserDiv, .main .ev_searchInput, .main .ev_multiple_select, .main .ev_datepicker div.ev_datepicker_calendar>input.ev_datepicker_input, .main .ev_drag_select_ctrl, .main .evTs-aui2-timeSpinner>input, .main .ev_paging_arrow_boarder, .main .ev_paging_input, .main .ev_paging_jump {
    transition: border-color 0.3s ease;
}
.main .ev_form_requiredTip {
    display: block;
    align-items: center;
    font-size: 0.875rem;
    color: #f43146;
    margin-top: 0.125rem;
    line-height: 1rem;
    position: absolute;
    z-index: 11;
}
.main .ev_form_errorSpan {
    display: inline-block;
    height: 1rem;
    width: 1rem;
    background: url(/Assets/Solar/v4/img/common/lose.svg) center center no-repeat;
    margin-right: 0.5rem;
    margin-bottom: 0;
    background-size: 1rem 1rem;
    vertical-align: text-bottom;
    flex-shrink: 0;
}
.main .ev_form_errorSpan {
    display: inline-block;
    height: 1rem;
    width: 1rem;
    background: url(/Assets/Solar/v4/img/common/lose.svg) center center no-repeat;
    margin-right: 0.5rem;
    margin-bottom: 0;
    background-size: 1rem 1rem;
    vertical-align: text-bottom;
    flex-shrink: 0;
}
.main .ev_select {
    color: #939393;
}
.main .ev_select {
    width: 18.75rem;
    height: 2rem;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.875rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 0rem 2rem 0rem 1rem;
}
.main .ev_textArea_container {
    display: inline-block;
    vertical-align: top;
}
.main .ev_textArea_area_container {
    display: inline-block;
    position: relative;
    font-size: 0;
    box-sizing: border-box;
}
.main .ev_textArea_area {
    padding: 10px 12px;
    padding: 0.2rem 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    resize: none;
    overflow: auto;
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
}
.main .ev_textArea_area_container_num {
    line-height: 10px;
    font-size: 0.75rem;
    color: #4e4e4e;
    display: block;
    position: absolute;
    right: 16px;
    right: 1rem;
    bottom: 12px;
    bottom: 0.75rem;
    padding-left: 2px;
    padding-left: 0.125rem;
    padding-top: 5px;
    padding-top: 0.3125rem;
    background-color: transparent;
}
.main .ev_checkbox_group {
    display: flex;
}
.main .ev_checkbox_group_spacing {
    margin-right: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 0;
}
.main .ev_checkbox_span {
    border-radius: 0.25rem;
}
.main .ev_checkbox_span {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    vertical-align: middle;
    border: 1px solid #191919;
    background-color: #ffffff;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    border-radius: 2px;
}
.main .ev_checkbox_span {
    transition: border-color 0.3s ease;
}
.main .ev_label {
    font-size: 0.875rem;
    color: #4e4e4e;
    margin-right: 1rem;
    display: inline-flex;
    line-height: 2rem;
    margin-bottom: 0;
    position: relative;
}
.main .ev_label_importStar {
    color: #f43146;
    font-size: 0.875rem;
    margin-left: -0.375rem;
    margin-right: 0;
    font-weight: normal;
}
.main .ev_button.primary {
    border: 0;
    background-color: #0067d1;
    color: #ffffff;
}
@media screen and (max-width: 1650px) {
    .main .ev_button {
        font-size: 12px;
    }
}
.main .ev_button {
    box-sizing: border-box;
    color: #191919;
    width: auto;
    height: 1.875rem;
    font-size: 0.729167vw;
    cursor: pointer;
    border-radius: 0.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border: 1px solid #bbbbbb;
    background-color: #ffffff;
    overflow: hidden;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-width: 6rem;
}
.main .ev_button, .main .ev_linkField, .main .ev_textButton {
    transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
    transition-property: background, color, border, width, height;
}
.main .ev_button_text {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    line-height: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.main .ev_form_item.private .ev_label {
    display: inline-block;
}









.main a {
  color: #0072e8;
}

.main .ev_textField_container label {
  display: none;
}

.main .info-header {
  width: 100%;
  height: 380px;
  display: flex;
  position: relative;
}

.bg_img {
  position: absolute;
  top: 0;
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.info-header_img {
  display: block;
}

.info-header_img_768 {
  display: none;
}

.info-header_img_360 {
  display: none;
}

.main .info-wrapper {
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.main .info-wrapper .title {
  font-size: 32px;
  font-weight: bold;
  color: #191919;
  padding-top: 3.5rem;
}

.main .info-wrapper .list-info {
  border-left: 2px solid #191919;
  margin-left: 8px;
  margin-top: 2rem;
  width: calc(25.125rem - 8px);
}

.main .info-wrapper .info-item {
  position: relative;
  display: flex;
}

.main .info-wrapper .info-item+.info-item {
  margin-top: 1.25rem;
}

.main .info-wrapper .info-item .dot {
  position: absolute;
  left: -7px;
  top: 0.25rem;
  z-index: 1;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ebf1f4;
  border: 1px solid #191919;
}

.main .info-wrapper .info-item .item-left {
  font-size: 1.125rem;
  color: #191919;
  font-weight: bold;
  line-height: 1.5rem;
  margin-left: 1.25rem;
}

.main .info-wrapper .info-item .item-right .text1 {
  font-size: 1.125rem;
  color: #191919;
  /* width: 28rem; */
}

.main .info-wrapper .info-item .item-right .text2 {
  font-size: 1rem;
  color: rgba(25, 25, 25, 0.6);
}

.main .info-wrapper .info-item:nth-child(3) .text1 {
  margin-top: 0.2rem;
}

.main .info-wrapper .info-item:last-child .text2 {
  opacity: 1;
}

.main .info-body {
  background-color: #fff;
  padding-bottom: 16rem;
}

.main .info-body .central-content {
  position: relative;
}

.main .form-info {
  position: absolute;
  width: 45.375rem;
  min-height: 56rem;
  top: -12.4rem;
  right: 0;
  padding: 3rem 0.625rem 3.5rem 3rem;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 4px 4px 24px 0 rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  z-index: 2;
}

.main .form-info .title {
  font-size: 2.5rem;
  color: #000000;
  margin-bottom: 2.5rem;
}

.main .form-info .ev_form_comps {
  padding: 0;
}

.main .form-info>.form-submit {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: calc(100% - 8rem);
  display: none;
}

.main .form-info .form-submit .icon-success {
  width: 5rem;
  height: 5rem;
  background: url('/Assets/Solar/v4/img/OrderNow/tips-success.svg') no-repeat;
  background-size: 100% 100%;
}

.main .form-info .form-submit .text1 {
  font-size: 2rem;
  color: #0a0a0a;
  line-height: 2.5rem;
}

.main .form-info .form-submit .text2 {
  font-size: 1rem;
  color: #0a0a0a;
  line-height: 1.5rem;
}

.main .form-info .form {
  display: flex;
  flex-wrap: wrap;
}

.main .form-info .form .form-item {
  width: 50%;
  margin-bottom: 1.876rem;
}

.main .form-info .form .form-item .form-item-title {
  margin-bottom: 0.5rem;
}

.main .form-info .form .form-item .select-style .ev_select {
  width: 19.25rem;
}

.main .ev_select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url('/Assets/Solar/v4/img/OrderNow/drop_arrow.svg') no-repeat scroll right center transparent;
}

select::-ms-expand {
  display: none;
}

.main .form-info .form .form-item .select-style1 {
  width: calc(50% - 0.5rem);
}

.main .form-info .form .form-item .select-style1 .ev_select {
  width: 9.75rem;
}

.main .form-info .form .text-area-width {
  width: 100%;
}

.main .form-info .form .item-submit {
  width: 40.375rem;
  height: 3.125rem;
  border-radius: 1.5rem;
  font-size: 1rem;
}

.main .form-info .formPolicy {
  width: 80%;
  margin: 10px;
  font-size: 14px;
}

.main .form-info .ev_checkbox_group {
  align-items: center;
}

/* .main .form-info .ev_checkbox_group .showTips{
  display: block;
}

.main .form-info .ev_checkbox_group .showTips{
  display: block;
} */

.main .info-service .service-item {
  width: 22.5rem;
}

.main .info-service .service-item .service-title {
  display: flex;
  align-items: center;
  margin-bottom: 2.5rem;
}

.main .info-service .service-item .service-title .text {
  font-size: 2rem;
  font-weight: bold;
  color: #191919;
}

.main .info-service .service-item .service-tag-box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.main .info-service .service-item .service-tag-box .service-tag-item {
  display: inline-flex;
  align-items: center;
  border-radius: 16px;
  font-size: 14px;
  color: #191919;
  line-height: 16px;
  padding: 0.5rem 1rem;
}

html[data-region='cn'] .main .info-service .service-item .service-tag-box .service-tag-item {
  padding: 0.5rem 0.85rem;
}

.main .info-service .service-item .service-tag-box .service-tag-item+.service-tag-item {
  margin-left: 0.5rem;
}

html[data-region='br'] .main .info-service .service-item .service-tag-box .service-tag-item+.service-tag-item {
  margin-left: 0;
  margin-top: 0.5rem;
}

html[data-region='pl'] .main .info-service .service-item .service-tag-box .service-tag-item,
html[data-region='es'] .main .info-service .service-item .service-tag-box .service-tag-item,
html[data-region='at'] .main .info-service .service-item .service-tag-box .service-tag-item,
html[data-region='nl'] .main .info-service .service-item .service-tag-box .service-tag-item,
html[data-region='se'] .main .info-service .service-item .service-tag-box .service-tag-item,
html[data-region='de'] .main .info-service .service-item .service-tag-box .service-tag-item,
html[data-region='it'] .main .info-service .service-item .service-tag-box .service-tag-item{
  margin-left: 0;
  width: 60%;
  margin-top:1rem;
}

.main .info-service .service-item .service-tag-box .service-tag-item.tag-purple {
  background: rgba(110, 143, 240, 0.1);
}

.main .info-service .service-item .service-tag-box .service-tag-item.tag-yellow {
  background: rgba(253, 193, 0, 0.1);
}

.main .info-service .service-item .service-tag-box .service-tag-item.tag-green {
  background: rgba(1, 168, 116, 0.1);
}

.main .info-service .service-item .service-tag-box .service-tag-item .icon {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
}

.main .info-service .service-item .service-tag-box .service-tag-item .icon.icon1 {
  background: url('/Assets/Solar/v4/img/OrderNow/ic_homeowner.svg') center center no-repeat;
}

.main .info-service .service-item .service-tag-box .service-tag-item .icon.icon2 {
  background: url('/Assets/Solar/v4/img/OrderNow/ic_enterprise_lined.svg') center center no-repeat;
}

.main .info-service .service-item .service-tag-box .service-tag-item .icon.icon3 {
  background: url('/Assets/Solar/v4/img/OrderNow/ic_Installer.svg') center center no-repeat;
}

.main .info-service .service-item .service-body {
  font-size: 1rem;
  color: #0a0a0a;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
}

.main .info-service .service-item .link {
  display: flex;
  align-items: center;
  color: #0068d1;
}

.main .info-service .service-item .link span {
  display: inline-block;
  width: 1.5rem;
  height: 1rem;
  margin-right: 0.5rem;
  background: url('/Assets/Solar/v4/img/OrderNow/ic_arrow_R-blue.svg') center center no-repeat;
}

.main .info-service .service-item .link .arrow {
  width: 20px;
  height: 5px;
  background-size: 100% 100%;
  margin-right: 10px;
}

.main .info-service .service-item .link .link-box {
  font-size: 1rem;
  color: #444444;
  line-height: 1.5rem;
  cursor: pointer;
}

.main .info-service .service-item:last-child {
  width: 25.125rem;
}

.main .ev_form_requiredTip .mandatory {
  display: none;
}

.main .ev_form_requiredTip .custom {
  display: none;
}

.main .ev_form_requiredTip .showTips {
  display: block;
}

html[data-region='th'] .main .ev_form_requiredTip .showTips {
  margin-top: 0.5vw;
}


.ev_form_item_col_12 {
  width: 49%;
  display: inline-block;
  box-sizing: border-box;
}

.ev_form_item_col_24 {
  width: 100%;
}

.main .ev_textArea {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: auto;
}

@media (max-width: 1440px) {
  .main .info-wrapper {
    width: auto;
    padding: 0 5rem;
    margin: 0;
  }

  .main .central-content {
    width: 100%;
    padding: 0 5rem;
  }

  .main .form-info {
    padding: 2rem 0 0 2rem;
    right: 5rem;
  }

  .main .form-info .ev_textArea_area {
    width: 40.875rem;
  }

  .main .info-wrapper .title {
    font-size: 24px;
  }

  .main .info-wrapper .info-item .item-right .text1 {
    /* width: 65%; */
  }

  .main .info-wrapper .info-item .item-right .text2 {
    width: 80%;
  }
}

@media (max-width: 1280px) {
  .main .central-content {
    width: 100%;
    padding: 0 4rem 0 5rem;
  }

  .main .form-info {
    position: relative;
    width: 100%;
    right: 0;
    top: 0;
    height: auto;
    min-height: auto;
    padding: 3.75rem 0 0 0;
    box-shadow: none;
  }

  .main .form-info .form .form-item {
    width: calc(50% - 1rem);
    margin-right: 1rem;
  }

  .main .form-info .form .form-item .ev_textField {
    width: 100%;
  }

  .main .form-info .form .form-item .ev_textField div {
    width: 100% !important;
  }

  .main .form-info .form .form-item .ev_selectCom {
    width: 100%;
  }

  .main .form-info .form .form-item .ev_selectCom div {
    width: 100%;
  }

  .main .form-info .form .form-item .ev_textArea_area {
    width: 100%;
  }

  .main .form-info .form .form-item .select-style .ev_select {
    width: 100%;
  }

  .main .form-info .form .text-area-width {
    width: 100%;
    margin-right: 0;
  }

  .main .form-info .form .text-area-width .select-wrapper>div {
    width: calc(50% - 1rem);
    margin-right: 1rem;
  }

  .main .form-info .form .ev_textArea_area_container {
    width: calc(100% - 1rem);
  }

  .main .form-info .form .ev_textField_input {
    width: 100% !important;
  }

  .main .form-info .form .item-submit {
    width: calc(100% - 1rem);
  }

  .main .info-body {
    padding-bottom: 5rem;
  }
}

@media (max-width: 768px) {
  .main .info-header {
    height: 22.5rem;
  }

  .info-header_img_768 {
    display: block;
  }

  .info-header_img {
    display: none;
  }

  .main .info-wrapper {
    width: 100%;
    margin: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .main .info-wrapper .title {
    padding-top: 0;
  }
  .main .info-wrapper .list-info{
    width: auto;
  }
  .main .info-wrapper .info-item .item-right .text1 {
    width: unset;
  }

  .main .central-content {
    width: 100%;
    padding: 0 0.75rem;
  }

  .main .info-body {
    padding-bottom: 3.75rem;
  }

  .main .form-info {
    position: relative;
    width: 100%;
    right: unset;
    top: unset;
    height: auto;
    min-height: auto;
    padding: 3.75rem 0 0;
  }

  .main .form-info .form .form-item {
    width: 100%;
    margin-right: 0;
  }

  .main .form-info .form .form-item div {
    display: block !important;
    width: 100% !important;
  }

  .main .form-info .form .form-item .select-style .ev_select {
    width: 100%;
  }

  .main .form-info .form .form-item .ev_textArea_area {
    width: 100%;
  }

  .main .form-info .form .form-item .select-item {
    margin-top: 1rem;
  }

  .main .form-info .form .ev_textField_input {
    width: 100% !important;
  }

  .main .info-service {
    padding-top: 3.75rem !important;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .main .info-service .service-item {
    width: 100%;
  }

  .main .info-service .service-item:last-child {
    width: 100%;
  }

  .main .info-service .service-item .service-title {
    display: none;
  }

  .main .ev_textField,
  .main .ev_textField_wrapper,
  .main .ev_textField_container,
  .main .ev_textField_inner,
  .main .ev_input {
    width: 100%;
  }
}

@media (max-width: 680px) {
  .main .form-info .ev_textArea_area {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .ev_form_item_col_12 {
    width: 100%;
  }

}

@media (max-width: 360px) {
  .main .info-header {
    height: 22.5rem;
  }

  .info-header_img_768 {
    display: none;
  }

  .info-header_img_360 {
    display: block;
  }

  .main .info-service .service-item .service-tag-box .service-tag-item+.service-tag-item {
    margin-left: 0;
  }
}


html[data-region='en'] .main .info-body{
  padding-bottom: 25rem;
}

html[data-region='se'] .main .info-body{
  padding-bottom: 25rem;
}

html[data-region='it'] .main .info-body,
html[data-region='de'] .main .info-body,
html[data-region='pl'] .main .info-body,
html[data-region='es'] .main .info-body,
html[data-region='at'] .main .info-body,
html[data-region='se'] .main .info-body,
html[data-region='nl'] .main .info-body,
html[data-region='fr'] .main .info-body,
html[data-region='hu'] .main .info-body,
html[data-region='br'] .main .info-body,
html[data-region='gr'] .main .info-body,
html[data-region='th'] .main .info-body,
html[data-region='tr'] .main .info-body,
html[data-region='mx'] .main .info-body,
html[data-region='latam'] .main .info-body,
html[data-region='cz'] .main .info-body,
html[data-region='hk'] .main .info-body {
  padding-bottom: 34rem;
}

@media (max-width: 1280px) {
html[data-region='en'] .main .info-body,
html[data-region='it'] .main .info-body,
html[data-region='de'] .main .info-body,
html[data-region='pl'] .main .info-body,
html[data-region='es'] .main .info-body,
html[data-region='at'] .main .info-body,
html[data-region='se'] .main .info-body,
html[data-region='nl'] .main .info-body,
html[data-region='fr'] .main .info-body,
html[data-region='hu'] .main .info-body,
html[data-region='br'] .main .info-body,
html[data-region='gr'] .main .info-body,
html[data-region='th'] .main .info-body,
html[data-region='tr'] .main .info-body,
html[data-region='mx'] .main .info-body,
html[data-region='latam'] .main .info-body,
html[data-region='cz'] .main .info-body,
html[data-region='se'] .main .info-body,
html[data-region='hk'] .main .info-body {
    padding-bottom: 5rem;
  }
  html[data-region='th'] .main .ev_form_requiredTip .showTips {
    margin-top: 0.9vw;
  }
}