/*新增的区域的样式*/
.pagewarpbg { background: #f3f4f7; }
.pagewarpbgone { background: #f8f9fc; padding: 50px 0 50px; }
.newbuytitle { font-size: 24px; font-weight: bold; color: #333333; line-height: 31px; position: relative; display: flex; justify-content: center; align-items: center; text-align: center; }
.newbuytitle span { font-size: 24px; font-weight: bold; color: rgba(0, 0, 0, 0.05); line-height: 24px; letter-spacing: 1px; position: absolute; bottom: -8px; }
.page_body p.newbuytitlesay { font-size: 14px; color: #666666; line-height: 24px; letter-spacing: 1px; text-align: center; margin: 18px 0 24px 0; }
/*表格头部的区域*/
#version_head.fiexd { width: 1200px; position: fixed; top: 84px; left: 50%; transform: translate(-50%, 0); z-index: 2; box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.3); }
#version_head .table_title { text-align: center; font-size: 18px; font-weight: bold; color: #000000; line-height: 28px; letter-spacing: 1px; }
#version_head .version_item { position: relative; padding-top: 45px; }
#version_head .version_title { font-size: 18px; font-weight: bold; color: #333333; line-height: 22px; margin-bottom: 14px; }
#version_head .version_price { font-size: 14px; color: #000000; font-weight: 600; }
#version_head .price_count { font-size: 18px; font-weight: bold; color: #e9380a; line-height: 18px; }
#version_head .subscript { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); height: 26px; line-height: 26px; background: linear-gradient(90deg, #465380 0%, #25315D 100%); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); font-size: 14px; font-weight: bold; color: #FFEAC0; border-radius: 0 0 6px 6px; padding: 0 9.5px; min-width: 110px; white-space: nowrap; letter-spacing: 1px; }
#version_head .buy_btn:hover { background: linear-gradient(90deg, #FF3400 0%, #FF8D5A 100%); }
#version_head .buy_btn { width: 110px; height: 34px; background: linear-gradient(90deg, #FF8D5A 0%, #FF3400 100%); box-shadow: 0px 4px 10px 0px rgba(169, 137, 65, 0.2); border-radius: 16px; font-size: 15px; font-weight: bold; color: #FFF; letter-spacing: 1px; display: flex; align-items: center; justify-content: center; cursor: pointer; margin: 0 auto; }
#version_head .version_item_end { background: linear-gradient(90deg, #674fea 0%, #0082de 100%); }
#version_head .version_item_end .versionsya { color: #fff; font-size: 12px; line-height: 14px; }
#version_head .version_item_end .version_title { color: #fff; }
#version_head .version_item_end .buy_btn { background: linear-gradient(90deg, #F4DB95 0%, #ECC467 100%); color: #583B2C; }
/*表格区域*/
.block_title { font-size: 14px; font-weight: bold; color: #474747; line-height: 22px; background: #FFF8EF; height: 46px; padding-left: 58px; position: relative; padding-top: 0; margin-bottom: 17px; text-align: left; }
.block_title label { font-size: 12px; font-weight: normal; color: #8C8C8C; }
tr.line_row { border-bottom: 1px solid #ECEFF6; }
tr.line_row td { padding: 12px 0; font-size: 14px; color: #191919; line-height: 20px; text-align: center; box-sizing: border-box; background:#fdf4e9; border:1px solid #e8e8e8; }
table { width: 1200px; margin: 0 auto; }
table td, table th { width: 130px; }
tr.line_row td:nth-child(1) {
 width: 130px;
 color: #757575;
 background: #ffffff !important;
}
/*tr.line_row td:nth-child(2n+1) {
 background: #FFEDDA;
}
tr.line_row td:nth-child(2n) {
 background: #FFF3E5;
}*/
tr.line_row td:last-child { /*width: 130px;*/ }
tr .icon-gou { display: inline-block; width: 22px; height: 22px; background: url(../images/newcheck.png) no-repeat center; background-size: 100% 100%; }
tr .icon-cha { display: inline-block; width: 22px; height: 22px; background: url(../images/newuncheck.png) no-repeat center; background-size: 100% 100%; }
tr .icon-wenhao { display: inline-block; width: 14px; height: 14px; background: url(../images/newcheckask.png) no-repeat center; background-size: 100% 100%; vertical-align: middle; margin: -1px 0 0 3px; }
.module_more { cursor: pointer; position: relative; }
.module_drop { position: absolute; width: 90%; background: #FFF; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; z-index: 9; left: 5%; display: none; padding: 12px; font-size: 12px; color: #191919; line-height: 18px; text-align: left }
.module_more:hover .module_drop { display: block; }
tr p.dload_des { font-size: 12px; padding: 0 5px; color: #8C8C8C; }
tr.line_row td.red_text { font-size: 14px; color: #FF3400; line-height: 16px; }
.client_qr_code { position: absolute; left: -76px; bottom: 19px; padding-right: 15px; display: none; }
.udesk-btnV3.client_popup2, .ai-serve-des { position: relative; }
.udesk-btnV3.client_popup2 { cursor: pointer; color: #337ab7; }
.udesk-btnV3.client_popup2:hover .client_qr_code { display: block; }
tr.line_row td.ai-serve-des { text-align: left; background:#ffffff; text-align: left !important; padding-left: 30px; border-left: 1px solid #EDEFF7; color: #262626 !important; }
.qrcode_content { width: 238px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1); border-radius: 5px; background-image: url(../images/newuncheckwx.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center top; padding-top: 20px; padding-bottom: 20px; display: flex; flex-direction: column; align-items: center; }
.qrcode_content .title { font-size: 16px; font-weight: bold; color: #FFE4C3; line-height: 18px; margin-bottom: 7px; }
.qrcode_content .qrcode_img { width: 114px; height: 114px; margin-top: 20px; margin-bottom: 23px; }
.qrcode_content .qrcode_img img { width: 100%; height: 100%; object-fit: cover; }
.qrcode_content .main_info { font-size: 12px; color: rgba(254, 248, 238, 0.8); line-height: 12px; margin-bottom: 10px; }
.qrcode_content .sub_info { font-size: 12px; color: rgba(254, 248, 238, 0.5); line-height: 12px; }
.funbtn { width: 100%; background: linear-gradient(360deg, #FFFFFF 0%, #FFFFFF 100%); letter-spacing: 1px; margin: 40px 0 0 0; }
.funbtn p { display: block; font-size: 14px; color: #000000; line-height: 14px; letter-spacing: 1px; align-items: center; justify-content: center; cursor: pointer; text-align: center; }
.funbtn p:hover { font-weight: 600; }
.funbtn p i { display: inline-block; width: 14px; height: 14px; background: url(../images/newunchekdown.png) no-repeat center; background-size: 100% 100%; vertical-align: middle; margin: -1px 0 0 3px; }
.funbtn p i.icon-close { transform: rotate(180deg); }
/*第二区域的newbuytwo*/
.newbuytwo .newbuytwoulone { max-width: 1000px; display: block; margin: 30px auto; overflow: hidden; }
.newbuytwo .newbuytwoulone li { width: 20%; float: left; text-align: center; margin: 14px 0; }
.newbuytwo .newbuytwoulone li a { width: 110px; height: 120px; display: flex; background: url(../images/newuncheckbg.png) no-repeat center; background-size: 100% 100%; font-size: 16px; font-weight: bold; color: #ffffff; line-height: 20px; position: relative; justify-content: center; align-items: center; font-family: cursive; margin: 0 auto; }
.newbuytwo .newbuytwoultwo { margin: 10px auto; display: block; overflow: hidden; }
.newbuytwo .newbuytwoultwo li .newbuytwobox { background: #FFFFFF; border-radius: 15px; padding: 0px 20px 40px 20px; border: 1px solid #E8EAEC; overflow: hidden; }
.newbuytwo .newbuytwoultwo li .newbuytwobox .head { display: flex; align-items: center; justify-content: space-between; height: 140px; }
.newbuytwo .newbuytwoultwo li .newbuytwobox .newbuytwotitle { font-size: 20px; font-weight: bold; color: #33383D; line-height: 20px; letter-spacing: 2px; margin: 0; }
.newbuytwo .newbuytwoultwo li .newbuytwobox .icon { width: 60px; height: 60px; }
.newbuytwo .newbuytwoultwo li .newbuytwobox .icon img { width: 100%; }
 .newbuytwo .newbuytwoultwo li .newbuytwobox p:not(.newbuytwotitle) {
 font-size: 14px;
 color: #636C78;
 line-height: 14px;
 letter-spacing: 1px;
 margin: 0 0 15px 0;
 position: relative;
 padding: 0 0 0 10px;
}
.newbuytwo .newbuytwoultwo li .newbuytwobox p:not(.newbuytwotitle):before {
 width: 6px;
 height: 6px;
 display: inline-block;
 background: #636C78;
 content:" ";
 position: absolute;
 left: 0;
 top: 4px;
 border-radius: 50%;
}
.newbuythree .newbuythreeul { max-width: 1100px; margin: 0 auto; }
.newbuythree .newbuythreeul li .img { display: block; }
.newbuythree .newbuythreeul li .img img { width: 100%; }
.newbuythree .newbuythreeul li p { margin-top: 20px; font-size: 14px; font-weight: bold; color: #666666; line-height: 14px; letter-spacing: 1px; text-align: center; }


/*响应式区域*/
@media screen and (max-width: 1300px) {
 .page_body {
 width: 100%;
}
 table, tr {
 width: 100% !important;
}
 table td, table th {
/*width: auto !important;*/
    }
 #version_head .version_item_end .buy_btn, #version_head .buy_btn {
 width: 100%;
}
 .newbuytwo .newbuytwoultwo li .newbuytwobox {
 border-radius: 12px;
 padding: 0px 20px 30px 20px;
}
 .newbuytwo .newbuytwoultwo li .newbuytwobox .head {
 height: 100px;
}
 .newbuytwo .newbuytwoultwo li .newbuytwobox .newbuytwotitle {
 font-size: 18px;
 line-height: 22px;
 letter-spacing: 1px;
}
}
 @media screen and (max-width: 990px) {
 body {
 padding: 52px 0 0 0;
}
 #version_head.fiexd {
 top: 52px;
}
 #version_head .version_title {
 font-size: 16px;
 line-height: 18px;
 margin-bottom: 10px;
}
 .page_body p {
 font-size: 14px;
 margin-bottom: 4px;
}
 #version_head .version_item_end .buy_btn, #version_head .buy_btn {
 height: 32px;
 font-size: 12px;
}
 #version_head .table_title {
 font-size: 17px;
}
 tr.line_row td {
 padding: 8px 4px;
 font-size: 12px;
 line-height: 14px;
 box-sizing: border-box;
 width: 16.666% !important;
}
 table tr>td:last-child {
 width: 16.666% !important;
}
 .newbuyone .page_body {
 padding: 0;
}
 .page_body {
 overflow: hidden;
 display: block;
}
 .newbuytitle {
 font-size: 18px;
 line-height: 28px;
}
 .newbuytitle span {
 font-size: 17px;
 line-height: 20px;
 bottom: -12px;
}
 .newbuytwo .newbuytwoulone li {
 width: 33.33%;
 float: left;
 margin: 6px 0;
}
 .newbuytwo .newbuytwoulone {
 margin: 10px auto;
}
 .newbuytwo .newbuytwoulone li a {
 width: 80px;
 height: 80px;
 font-size: 14px;
}
}
@media screen and (max-width: 768px) {
 .pagewarpbgone {
 padding: 0 0 20px 0;
}
 .pagewarpbg {
 padding-top: 20px !important;
}
 #version_head .table_title {
 font-size: 16px;
 letter-spacing: 0px;
}
 #version_head .version_title {
 font-size: 14px;
 line-height: 16px;
 margin-bottom: 2px;
}
 #version_head .price_count {
 font-size: 15px;
 line-height: 16px;
}
 #version_head .version_price {
 font-size: 12px;
}
 #version_head .version_item {
 padding-top: 20px;
}
 #version_head .subscript {
 left: 0%;
 transform: translate(-0%, 0);
 height: 18px;
 line-height: 18px;
 font-size: 12px;
 padding: 0 2px;
 width: 100%;
 letter-spacing: 0px;
 display: block;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 min-width: auto;
}
 tr.line_row td.ai-serve-des {
 padding-left: 10px;
}
 .funbtn {
 display: none;
}
 .block_title {
 padding-left: 10px;
}
 .block_title label {
 font-size: 12px;
 line-height: 16px;
}
 .newbuytwo .newbuytwoulone li {
 width: 25%;
}
 .newbuytwoultwo .row {
 margin: 0 -10px;
}
 .newbuytwoultwo .row li {
 padding: 0 5px;
}
 .newbuytwo .newbuytwoultwo li .newbuytwobox {
 border-radius: 10px;
 padding:   20px 12px;
 margin-bottom: 12px;
}
 .newbuytwo .newbuytwoultwo li .newbuytwobox .head {
 height:auto;
}
 .newbuytwo .newbuytwoultwo li .newbuytwobox .newbuytwotitle {
 font-size: 17px;
 line-height: 20px;
}
 .newbuytwo .newbuytwoultwo li .newbuytwobox p:not(.newbuytwotitle) {
 font-size: 12px;
 line-height: 16px;
 letter-spacing: 0;
 margin: 0 0 8px 0;
}
 .newbuytwo .newbuytwoulone li a {
 font-size: 13px;
 letter-spacing: -1px;
}
 .page_body p.newbuytitlesay {
 font-size: 13px;
 line-height: 22px;
 letter-spacing: 0px;
 margin: 14px 0 20px 0;
}
 .newbuythree .newbuythreeul li p {
 margin: 15px 0;
 font-size: 13px;
}
}
 @media screen and (max-width: 400px) {
#version_head .version_title {
 font-size: 13px;
 line-height: 14px;
 margin-bottom: 2px;
}
 .newbuytwo .newbuytwoulone li {
 width: 33.33%;
}
}
@media screen and (max-width: 330px) {
 tr.line_row td {
 padding: 6px 2px;
}
}

.sp-container { max-width:800px; margin:0 auto; }
.sp-header { text-align:center; padding:20px 0 }
.sp-title { font-size:26px; color:#1e293b; margin-bottom:10px; font-weight:700 }
.sp-subtitle { font-size:15px; color:#64748b; max-width:600px; margin:0 auto }
.sp-tabs { display:flex; margin:10px 0 30px 0; border-radius:10px; background:white; padding:5px; box-shadow:0 2px 8px rgba(0, 0, 0, 0.05) }
.sp-tab { flex:1; padding:15px; text-align:center; font-weight:600; cursor:pointer; border-radius:8px; transition:all 0.3s; color:#64748b; font-size:16px }
.sp-tab.active { background:#3b82f6; color:white }
.sp-tab-content { display:none }
.sp-tab-content.active { display:block }
.sp-card { background:white; border-radius:12px; padding:30px; box-shadow:0 5px 15px rgba(0, 0, 0, 0.08); margin-bottom:20px }
.sp-card-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px }
.sp-card-title { font-size:24px; color:#1e293b; font-weight:700 }
.sp-card-price { font-size:40px; font-weight:800; color:#3b82f6 }
.sp-card-unit { font-size:16px; color:#64748b; margin-left:5px }
.sp-features { margin:20px 0 }
.sp-feature { display:flex; align-items:flex-start; margin-bottom:12px; font-size:16px }
.sp-feature i { color:#10b981; margin-right:10px; margin-top:3px }
.sp-note { background-color:#f1f5f9; padding:15px; border-radius:8px; margin:20px 0; font-size:15px }
.sp-actions { display:flex; justify-content:space-between; margin-top:25px }
.sp-btn { padding:12px 25px; border:none; border-radius:8px; cursor:pointer; font-weight:600; transition:all 0.3s; font-size:16px }
.sp-btn-calc { background:#3b82f6; color:white }
.sp-btn-buy { background:#10b981; color:white }
.sp-btn:hover { transform:translateY(-2px); box-shadow:0 5px 10px rgba(0, 0, 0, 0.1) }
.sp-calc { background:linear-gradient(135deg, #f8fafc, #f1f5f9); border-radius:16px; padding:0; margin:30px auto 0; overflow:hidden; border:1px solid #e2e8f0; transition:all 0.5s ease; max-height:0; opacity:0 }
.sp-calc.expanded { max-height:1000px; opacity:1; padding:30px; margin-top:40px }
.sp-calc-header { text-align:center; margin-bottom:25px }
.sp-calc-title { font-size:29px; color:#1e293b; margin-bottom:10px; font-weight:700 }
.sp-calc-subtitle { font-size:16px; color:#64748b; max-width:500px; margin:0 auto }
.sp-calc-inputs { display:flex; gap:15px; margin-bottom:20px; align-items:flex-end }
.sp-calc-group { flex:1 }
.sp-calc-label { display:block; margin-bottom:8px; font-weight:600; color:#475569; font-size:17px }
.sp-calc-input-wrapper { display:flex; align-items:center }
.sp-calc-input { flex:1; padding:12px 14px; border:2px solid #e2e8f0; border-radius:8px; font-size:17px; transition:all 0.3s ease }
.sp-calc-input:focus { outline:none; border-color:#3b82f6; box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1) }
.sp-calc-unit { color:#64748b; font-size:16px; margin-left:8px }
.sp-calc-action { display:flex; align-items:flex-end }
.sp-calc-btn { display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg, #3b82f6, #8b5cf6); color:white; border:none; padding:12px 25px; font-size:18px; font-weight:600; border-radius:8px; cursor:pointer; transition:all 0.3s ease; box-shadow:0 4px 12px rgba(59, 130, 246, 0.3); height:50px; white-space:nowrap }
.sp-calc-btn:hover { transform:translateY(-2px); box-shadow:0 6px 15px rgba(59, 130, 246, 0.4) }
.sp-calc-btn i { margin-right:8px; font-size:18px }
.sp-result { background:linear-gradient(135deg, #f0f9ff, #e0f2fe); padding:25px; border-radius:12px; margin-top:25px; text-align:center; border:2px solid #bae6fd }
.sp-result-title { font-size:18px; color:#475569; margin-bottom:10px }
.sp-result-amount { font-size:40px; font-weight:800; color:#3b82f6; line-height:1; margin-bottom:10px }
.sp-result-details { color:#64748b; font-size:16px; margin-top:12px }
.sp-breakdown { background:white; padding:20px; border-radius:10px; margin-top:20px; text-align:left }
.sp-breakdown-item { display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid #f1f5f9; font-size:16px }
.sp-breakdown-item:last-child { border-bottom:none; font-weight:600; color:#1e293b }
.sp-calc-note { background-color:#fef3c7; padding:15px; border-radius:10px; margin-top:25px; border-left:4px solid #f59e0b; color:#92400e; font-size:15px }
.sp-modal { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); display:none; justify-content:center; align-items:center; z-index:1000 }
.sp-modal.active { display:flex }
.sp-modal-content { background:white; border-radius:12px; width:90%; max-width:500px; padding:25px; position:relative }
.sp-modal-close { position:absolute; top:15px; right:15px; background:none; border:none; font-size:24px; cursor:pointer; color:#64748b }
.sp-modal-title { font-size:22px; color:#1e293b; margin-bottom:20px; font-weight:700 }
.sp-payment-item { display:flex; padding:8px 0; border-bottom:1px solid #eee; font-size:16px }
.sp-payment-label { min-width:100px; font-weight:600; color:#475569 }
.sp-payment-value { flex:1; color:#1e293b }
.sp-qrcode { text-align:center; margin:20px 0; padding-top:20px; border-top:1px solid #eee }
.sp-qrcode-img { width:180px; height:180px; border-radius:8px; margin:0 auto; display:block; border:1px solid #ddd }
@media(max-width:768px) {
 .sp-container {
 padding:15px
}
 .sp-card-header {
 flex-direction:column;
 align-items:flex-start
}
 .sp-card-price {
 margin-top:10px
}
 .sp-actions {
 flex-direction:column;
 gap:10px
}
 .sp-calc-inputs {
 flex-direction:column;
 gap:20px
}
 .sp-calc-group {
 width:100%
}
 .sp-calc-action {
 width:100%;
 margin-top:10px
}
 .sp-calc-btn {
 width:100%;
 height:46px
}
 .sp-result-amount {
 font-size:32px
}
}