/* 布局组件 左侧st*/

 .calc-card {
     margin: 0 auto;
     width: 1440px;
 }

 /* 右侧st */
 .calc-header {
     /* width: 100%;
     height: 180px; */
     background: url('./../img/price_bg.png') no-repeat center center;
     background-size: cover;
 }

 .calc-header .calc-title, .calc-header .calc-subtitle {
    color: #181818;
     /* font-family: 'PingFang SC-Semibold';
     font-weight: 600;
     font-size: 32px;
     line-height: 32px;
     margin-bottom: 12px; */
 }

 /* .calc-subtitle {
     font-size: 16px;
     color: #181818;
     line-height: 24px;
 } */

 .section-title {
     display: flex;
     align-items: center;
     margin-bottom: 24px;
     margin-top: 32px;
 }

 .section-indicator {
     width: 3px;
     height: 16px;
     background: #FF6000;
     margin-right: 11px;
 }

 .text-lg {
     line-height: 24px;
     font-family: 'PingFang SC-Medium';
     font-weight: 500;
     font-size: 16px;
     color: #181818;
     line-height: 24px;
 }
.form-section{
    width: 100%;
    padding-bottom: 32px;
    border-bottom: 1px solid #D5D7DE;
}
 .form-grid {
     display: flex;
     gap: 24px;           /* 项之间的间距（可选） */
  width: 100%;         /* 容器占满父级宽度 */
  align-items: center; /* 所有项垂直居中 */
     /* align-items: center;
     justify-content: center; */
 }

 .form-group {
     /* margin-left: 24px;
     flex-shrink: 0;
     width: 464px; */
     flex: 1;             /* 每个项平分容器宽度 */
  display: flex;
  flex-direction: column; /* 标签和下拉框垂直排列 */
 }

 .form-group_1 {
     margin-left: 0;
 }

 .form-label {
     font-size: 14px;
     color: #666666;
     line-height: 22px;
     display: block;
     margin-bottom: 12px;
 }

 .selectItem {
     width: 100%;
     position: relative;
 }

 .selectInput {
    width: 100%;
     height: 36px;
     line-height: 36px;
     border-radius: 4px;
     border: 1px solid #D5D7DE;
     transition: all 0.2s ease;
     padding: 0 8px;
     background: none;
     box-sizing: border-box;
     position: relative;
     font-size: 14px;
     cursor: pointer;
 }
.selectInputLogW{
    position: absolute;
    top: 0;
    right: 0;
    line-height: 36px;
    padding-right: 12px;
    cursor: pointer;
}
.selectInputLog{
    background: url('./../img/price/xiala.png') no-repeat right center;
     width: 14px;
     height: 14px;
     position: absolute;
     right: 12px;
     top: 11px;
}
 /* 自定义下拉箭头（触发区域） */
 /* .selectInput::after {
     content: "";
     background: url('./../img/price/xiala.png') no-repeat right center;
     width: 14px;
     height: 14px;
     position: absolute;
     right: 12px;
     top: 50%;
     transform: translateY(-50%);
 } */
 .selectTop{
    position: relative;
    cursor: pointer;
}
/* .selectTop .selectInput{
    position: relative;
    cursor: pointer;
} */
 .selectInput:hover {
     border-color: #FF6000;
     transition: all 0.2s ease;
 }

 /* 下拉菜单（默认隐藏） */
 /* .select-options { */
 .selectCont{
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     right: 0;
     background-color: #fff;
     border: 1px solid #ddd;
     border-top: none;
     border-radius: 0 0 4px 4px;
     max-height: 300px;
     overflow-y: auto;
     z-index: 10;
     padding: 8px;
 }

 /* 下拉选项 */
 /* .select-option { */
 .selectContItem {
     width: 100%;
     color: #181818;
     background: #FFFFFF;
     height: 28px;
     line-height: 28px;
     cursor: pointer;
     border-radius: 4px;
     margin-top: 8px;
     padding: 0 6px;
     font-size: 14px;
     box-sizing: border-box;
     cursor: pointer;
 }

 .select-option:nth-of-type(1) {
     margin-top: 0;
 }

 .select-option:hover {
     background: #F2F4F9;
 }

 /* 展开下拉菜单时显示 */
 .selectItem.open .selectCont {
     display: block;
     transition: all 0.2s ease;
 }

 /* 样式化下拉按钮 */
 .selectItem .selectContItem {
     width: 100%;
     color: #181818;
     background: #FFFFFF;
     height: 28px;
     line-height: 28px;
     padding: 8px 16px;
     cursor: pointer;
     border-radius: 4px;
     margin-bottom: 8px;
     padding: 0 12px;
     box-sizing: border-box;
 }

 /* 选项悬停效果 */
 .selectItem .selectContItem:hover {
    background: #F2F4F9;
 }

 /* 选中选项样式 */
 .selectItem .selectContItem:checked {
     background: #F2F4F9;
 }

 /* 禁用状态 */
 /* .selectItem:disabled {
     background-color: #F5F5F5;
     cursor: not-allowed;
 } */
 .countItemgap{
    position: relative;
    width: 100%;
 }
 .form-input{
    height: 36px;
     line-height: 36px;
     border-radius: 4px;
     border: 1px solid #D5D7DE;
     transition: all 0.2s ease;
     padding: 0 8px;
     box-sizing: border-box;
     position: relative;
     font-size: 14px;
     width: 100%;
     background: none;
 }
 .countItemLog {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: #666666;
    font-size: 14px;
}

/* aaast */
.selectContItem:hover{
    background: #24232F;
}
.act{
    background: #F2F4F9!important;
}
.selectItemAct .selectInputLog{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.selectItemAct .selectCont{
    display: block;
}
.selectCont::-webkit-scrollbar {
    width:5px;
    background-color: #D8D8D8;
}
.selectCont::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    background-color: #D8D8D8;
}
.selectCont::-webkit-scrollbar:horizontal {
    height:5px;
    background-color: #D8D8D8;
}
.selectCont::-webkit-scrollbar-track {
    background: #F9F9F9;
}
.selectCont::-webkit-scrollbar-track-piece {
    background-color: #F9F9F9;
    border-radius: 5px;
}
.selectCont::-webkit-scrollbar-thumb {
    width:5px;
    border-radius: 5px;
    background: #D8D8D8;
}
.selectCont::-webkit-scrollbar-corner {
    width: 0;
    height: 0;
    background-color: #D8D8D8;
}
.selectCont::-webkit-scrollbar-thumb:hover {
    background: #D8D8D8;
}
.selectItemAct .selectInput{
    border: 1px solid rgba(255,119,0,1);
    color: rgba(255,119,0,1);
}
.selectItemAct .selectInputLog{
    background: url("https://static.shinewonder.com/cost/dwArrow_act.png") no-repeat center;
    opacity: 1;
}
/* radio st */
.selectRadioItem{
    display: inline-block;
    line-height: 32px;
    cursor: pointer;
    margin-right: 24px;
}
.selectRadio{
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 13px;
    border: 1px solid #D5D7DE;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
}
.selectRadio span{
    display: none;
    width: 8px;
    height: 8px;
    background: #FF7700;
    border-radius: 50%;
    vertical-align: middle;
    transition: all .3s;
    -webkit-transition: all .3s;
}
/* .radioAct .selectRadio{
    border: 1px solid #FF7700;
} */
.disabledMachine .radioAct .selectRadio{
    border: 1px solid #FF7700;
}
.distributeDisabled .radioAct .selectRadio{
    border: 1px solid rgba(255,255,255,0.3);
}
.radioAct .selectRadioIn{
    display: inline-block;
}
.selectRadioTxt{
font-size: 14px;
color: #181818;
line-height: 22px;
display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    /* display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: rgba(255,255,255,0.85);
    margin-left: 4px; */
}
/* radio ed */
/* aaa end */
/* 隐藏number输入框的默认上下箭头 */
.form-input[type="number"] {
    /* 针对WebKit内核浏览器（Chrome、Safari） */
    -webkit-appearance: none;
    /* 针对Firefox */
    -moz-appearance: textfield;
  }
  .form-input[type="number"]::-webkit-inner-spin-button,
  .form-input[type="number"]::-webkit-outer-spin-button {
    /* 隐藏默认的上下箭头（兼容Chrome、Safari） */
    display: none;
  }
  /* 鼠标移入时，强制隐藏箭头（兼容部分浏览器） */
  .form-input[type="number"]:hover::-webkit-inner-spin-button,
  .form-input[type="number"]:hover::-webkit-outer-spin-button {
    display: none;
  }

  .radio-group {
    display: flex;
    align-items: center;
}

.radio-label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin-right: 16px;
    position: relative;
}

.radio-input {
    appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
    width: 14px;
height: 14px;
display: inline-block;
border-radius: 50%;
border: 1px solid #D5D7DE;
outline: none;
  cursor: pointer;
transition: all 0.2s ease; /* 过渡动画，更流畅 */
position: relative;
}

/* .radio-custom {
    width: 16px;
    height: 16px;
    border: 1px solid #D1D5DB;
    border-radius: 50%;
    margin-right: 8px;
    position: relative;
    transition: all 0.2s ease;
} */

.radio-input:checked {
    border-color: #FF6933; /* 选中边框颜色（可自定义） */
  background-color: #fff; /* 背景色，避免覆盖圆点 */
}

.radio-input:checked::after {
    content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px; /* 圆点大小（可自定义） */
  height: 8px;
  border-radius: 50%;
  border-color: rgb(255, 105, 51);
  background-color: #FF6933; /* 圆点颜色（与边框呼应） */
}
/* 鼠标 hover 状态（未选中/选中都生效） */
.radio-input:hover {
    border-color: rgba(255, 105, 51,0.8); /* hover 边框颜色（可自定义） */
  }

  /* 可选：禁用状态样式（如果需要） */
  /* .radio-input:disabled {
    border-color: #eee;
    background-color: #f5f5f5;
    cursor: not-allowed;
  }
  .radio-input:disabled:checked::after {
    background-color: #ccc;
  } */
.ml-2{
font-size: 14px;
color: #181818;
line-height: 22px;
display: inline-block;
margin-left: 7px;
}
.btn {
    width: 100%;
    height: 54px;
    line-height: 54px;
    background: linear-gradient(to left, #FEB425, #FF4400);
    color: #fff;
    font-weight: 500;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 18px;
    opacity: 1;
    text-align: center;
}

.btn:hover {
    opacity: 0.8;
}

.btn:active {
    opacity: 0.8;
}



.result-area {
    /* width: 1440px; */
/* height: 162px; */
background: rgba(255,105,51,0.04);
border-radius: 10px;
border: 1px solid rgba(255,105,51,0.08);
padding: 24px;
}

/* .result-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 16px;
} */

/* .result-card {
    background-color: var(--white);
    padding: 16px;
    border-radius: 6px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
} */

.result-label {
    font-size: 14px;
    color: var(--gray);
    margin-bottom: 4px;
}

.result-value {
    font-size: 24px;
    font-weight: 700;
    color: var(--primary);
}
.selectCont::-webkit-scrollbar-thumb:hover {
    background: #D8D8D8;
}
/* 海外版单独设置  st */
/* .overseasVersion .clacCateItemTitleRegist{
    background:none;
    color: #181818;
    font-size: 17px;
    font-weight: bold;
}
.overseasVersion .clacCateItemTitleRegist,
.overseasVersion .clacCateItemTitleRegist{
    color: #4D4545;
} */
/* .overseasVersion .clacCateItem{
    width: auto;
    min-width: 460px;
}
.overseasVersion .overseasVersionSingleFrame{
    width: 220px !important;
    padding-right: 0;
}
.overseasVersion .chargingMethodClass{
    width: 120px !important;
} */

/* 禁用机器配置 */
.disabledMachine{
    cursor: not-allowed;
}
.disabledMachine .calcItemContLine{
    pointer-events: none;
}
.disabledMachine .radioAct .selectRadioIn{
    background: #505057;
}
.distributeDisabled{
    cursor: not-allowed;
}
.distributeDisabled .selectRadioItem{
    pointer-events: none;
}
.distributeDisabled .radioAct .selectRadioIn{
    background: #505057;
}
.disabledMachine{
    display: none;
}

.calcTip{
    margin: 32px 0;
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    color: #666;
}
.calcTip .note{
    color: #181818;
    font-family: 'PingFang SC-Semibold';
    font-weight: 600;
}
/* .calcItemBot{
    padding-bottom: 24px;
    margin-top: 14px;
    background: #303038;
}
.calcResult{
    font-size: 13px;
    color: #959DA6;
    padding: 22px 0 19px 80px;
}
.calcResultCateW{
    font-size: 0;
    text-align: center;
}
.clacCateItem{
    display: inline-block;
    width: 360px;
    height: 94px;
    background: #24232F;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid rgba(255,255,255,0.08);
    vertical-align: top;
    padding: 0 16px;
    box-sizing: border-box;
    margin-right: 24px;
}
.clacCateItem.goldClacCateItem{
    background: #373737;
    border: 1px solid #454545;
}
.clacCateItem:nth-last-child(1){
    margin-right: 0;
} */
.clacCateItemTitle{

padding-top: 8px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(255,105,51,0.16);
display: flex;
justify-content: space-between;

}
.clacCateItemTitleRegist{
    font-size: 20px;
    font-family: 'PingFang SC-Semibold';
font-weight: 600;
color: #181818;
line-height: 28px;
}
.clacCateItemPrice{
    font-family: 'Roboto-Bold';
    font-weight: bold;
    font-size: 24px;
    color: #181818;
    line-height: 24px;
}
/* .clacCateItemTitleGold .clacCateItemTitle{
    border-bottom: 1px solid #454545;
}
.clacCateItemTitleRegist{
    display: inline-block;
    width: 60px;
    height: 15px;
    background: url(../img/RegistLog.png) no-repeat center;
}
.clacCateItemTitleGold{
    display: inline-block;
    width: 85px;
    height: 17px;
    background: url(../img/goldVip.png) no-repeat center;
} */
/* .clacCateItemPrice{
    vertical-align: top;
    float: right;
    line-height: 12px;
} */
.clacCateItemPrice,.clacCateItemPrice span{
    color: #181818;
}
.clacCateItemPrice span{
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    font-weight: bold;
}
.goldClacCateItem .clacCateItemPrice,
.goldClacCateItem .clacCateItemPrice span{
    color: #FF8F25;
}
.priceDetailW{
    padding-top: 12px;
    display: flex;
    justify-content: space-between;
}
.priceDetailItem{
    display: inline-block;
    vertical-align: top;
}
/* .priceDetailItem span{
    font-size: 12px;
    color: #666;

} */
.priceLog{
    padding-right: 12px;
    color: #181818;
    line-height: 22px;
    font-size: 14px;
}
.priceActTxt{
    font-family: 'Roboto-Bold';
font-weight: bold;
font-size: 18px;
color: #181818;
line-height: 22px;
}
/* .goldClacCateItem .priceDetailItem span{
    color: #BB915B;
} */
/* .priceDetailItem .priceActTxt{
    color: #181818;
    font-size: 18px;
    font-weight: bold;
} */
/* .goldClacCateItem .priceDetailItem .priceActTxt{
    color: #FF8F25 ;
} */
/* .resolutionItem{
    width: 92px;
}
.resolutionItemGap{
    font-size: 13px;
    color: rgba(255,255,255,0.85);
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
}
.paramsTip{
    height: 32px;
    line-height: 32px;
    background: rgba(247, 76, 0, 0.05);
    border-radius: 2px;
    color: #D09036;
    font-size: 12px;
    padding: 0 16px;
} */
/* .light .disabledMachine .radioAct .selectRadioIn{
    background: #DCDCDC;
}
.light .disabledMachine .radioAct .selectRadio{
    border: 1px solid #DCDCDC;
} */
/* .disabledMachine .radioAct .selectRadio{
    border: 1px solid rgba(255,255,255,0.3);
} */
/* 海外版单独设置  ed */
 /* .relative-input {
    position: relative;
} */


 /*







.nav-icon {
    margin-right: 12px;
} */

 /* .select-selected {
    background-color: #F2F4F9;
  } */
 /* .section-title {
     display: flex;
     align-items: center;
     margin-bottom: 16px;
 } */

 /* .form-section {
     margin-bottom: 32px;
 }


 .form-grid {
     display: grid;
     grid-template-columns: 1fr;
     gap: 24px;
 }









 .form-container {
     padding: 32px;
 } */

 /* 响应式设计 */
 /* @media (min-width: 768px) {
     .form-grid {
         grid-template-columns: repeat(3, 1fr);
     }

     .result-grid {
         grid-template-columns: repeat(2, 1fr);
     }

     .calc-header {
         flex-direction: row;
         align-items: center;
         justify-content: space-between;
     }

     .calc-image {
         margin-top: 0;
     }
 }

 @media (min-width: 1024px) {
     .sidebar {
         display: block;
     }

     .main-content {
         padding: 40px;
     }
 } */