/*新增的区域的样式*/
.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;
}
}
