/*版本区域*/
#buyone { margin-top: -280px; position: relative; z-index: 100; /*padding-bottom: 300px;*/
    display: block; overflow: hidden; }
#buyone .containerbig { max-width: 1300px; display: block; overflow: hidden; }
#buyone .containerbig ul { margin: 0 -15px; }
.buypriceul { display: block; position: relative; }
.buypriceul .buypriceli { width: 25%; float: left; padding: 0 15px; }
.buyprice { display: block; background: #ffffff; padding: 50px 0; border: 1px solid #E2ECFF; border-radius: 20px; text-align: center; }
.buyprice a { display: inline-block; text-align: center; z-index: 100; background: #FFAA00; box-shadow: 0px 6px 12px 0px rgba(0, 0, 40, 0.2); max-width: 200px; width: 80%; height: 40px; border-radius: 20px; font-size: 18px; font-weight: 400; color: #FFFEFE; line-height: 40px; transition: height 0.3s; }
.buyprice a span { font-weight: bolder; }
.buyprice p { font-size: 17px; font-weight: 400; color: #fd2626; margin: 30px 0 0 0; line-height: 24px; }
.buyprice p span { font-size: 44px; letter-spacing: 0; font-family: fantasy; }
.buyprice p em { font-style: normal; color: #333333; }
.buypricewx { width: calc( 100% - 30px); border: 1px #4172db solid; padding: 24px; position: absolute; top: 230px; left: 15px; height: auto; background: #ffffff; border-radius: 20px; display: flex; align-items: flex-start; justify-content: space-between; display: none; }
.buypricewx .buypricewxleft h3 { font-size: 20px; color: #333333; font-weight: bolder; }
.buypricewx .buypricewxleft p { font-size: 17px; color: #666666; margin: 10px 0 0 0; }
.buypricewxright { display: flex; align-items: center; justify-content: space-between; }
.buypricewxright a { border: 1px #286af4 solid; color: #286af4; font-size: 16px; padding: 10px 20px; border-radius: 24px; display: block; margin: 8px 20px; width: 120px; text-align: center; }
.buypricewxright a:hover { background:#286af4; color: #ffffff; }
.buypricewxright .wximg { border: 1px #e3e3e3 solid; padding: 8px; display: flex; }
.buypricewxright .wximg p { writing-mode: vertical-rl; letter-spacing: 1px; font-size: 13px; text-align: center; line-height: 23px; }
.buypricewx:before { display: inline-block; position: absolute; top: -12px; left: 12%; content: ' '; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #286af4; }
.buypriceul .buypriceli:nth-child(1) .buypricewx:before {
left: 12%;
}
.buypriceul .buypriceli:nth-child(2) .buypricewx:before {
left: 37%;
}
.buypriceul .buypriceli:nth-child(3) .buypricewx:before {
left: 60%;
}
.buypriceul .buypriceli:nth-child(4) .buypricewx:before {
left: 84%;
}
.buypriceli.active .buyprice a, .buypriceli:hover .buyprice a { background: #286af4; }
.buypriceli.active .buypricewx, .buypriceli:hover .buypricewx { display: flex; }
#tablebox { margin: 140px 0 0 0; background: url(../images/indeximgbg1.jpg) no-repeat 0 bottom; background-size: 100%; }
#tablebox table { table-layout: fixed; border-collapse: collapse; width: 100%; margin: 20px 0 0 0; }
th, td { border: 1px solid #e9e9e9; ; /* 添加边框 */ padding: 16px 8px; /* 添加内边距 */ text-align: center; width: 33.33%; /* 设置单元格宽度为父元素宽度的33.33% */ }
thead { background: #f7f6f6; }
thead th { font-weight: bolder; font-size: 18px; }
/*.tabletext table {*/
    /*width: 100%;*/
    /*border-collapse: collapse;*/
    /*margin: 20px 0;*/
    /*font-size: 24px;*/
    /*text-align: center;*/
    /*border-spacing: 0;*/

    /*border-collapse: collapse; !* 合并边框 *!*/
    /*border: 1px solid #efefef; !* 设置表格边框的宽度、样式和颜色 *!*/
/*}*/
/*.tabletext tr{*/
    /*display: block;*/
    /*overflow: hidden;*/
    /*width: 100%;*/
/*}*/


/*.tabletext th, .tabletext  td {*/
    /*width: 33.33%;*/
    /*padding: 12px;*/
    /*display: inline-block;*/
    /*float: left;*/
    /*font-size: 16px;*/
    /*line-height: 41px;*/

    /*border:1px solid #efefef; !* 设置表格边框的宽度、样式和颜色 *!*/

/*}*/
 /*.tabletext  img{*/
     /*height: 20px;*/
     /*display: inline-block;*/
/*}*/








/*高性价比的增值服务*/
#serivetwo { margin-top: 40px; }
#serivetwo .title-comtitle { margin-bottom: 40px; }
#serivetwo .ulfure { display: block; overflow: hidden; text-align: center; padding: 60px 0 30px 0; background: #FFFFFF; border: 1px solid #E2ECFF; box-shadow: 0px 6px 20px 0px rgba(0, 86, 255, 0.1); border-radius: 20px; }
#serivetwo .ulfure li { width: 25%; display: inline-block; float: left; position: relative; }
#serivetwo .ulfure li .box { transition: all 0.3s; position: relative; top: 0; height: 160px; }
#serivetwo .ulfure li.active .box, #serivetwo .ulfure li:hover .box { top: -20px; }
#serivetwo .ulfure li:after { width: 1px; height: 80%; content: ' '; position: absolute; top: 10%; right: 0; background: rgba(0, 86, 255, 0.1); }
#serivetwo .ulfure li:last-child:after { display: none; }
#serivetwo .ulfure li h3 { font-size: 20px; font-weight: 400; color: #202020; line-height: 22px; }
#serivetwo .ulfure li p { font-size: 16px; font-weight: 400; color: #EC1313; margin: 10px 0 6px 0; }
#serivetwo .ulfure li p span { font-size: 32px; font-weight: 500; letter-spacing: -2px; margin: 0 4px; }
#serivetwo .ulfure li p.smtitle { font-size: 14px; font-weight: 400; color: #666666; line-height: 16px; margin: 0; }
#serivetwo .ulfure li .btn { text-align: center; margin: 20px 0 0 0; }
#serivetwo .ulfure li .btn img { display: inline-block; }
#serivetwo .ulfure li .btn a { display: inline-block; text-align: center; z-index: 100; background: #FFAA00; box-shadow: 0px 6px 12px 0px rgba(0, 0, 40, 0.2); width: 140px; height: 40px; border-radius: 20px; font-size: 16px; font-weight: 400; color: #FFFEFE; line-height: 35px; /*display: none;*/
    height: 0; transition: height 0.3s; }
/*移动的东动画区域*/
#serivetwo .ulfure li.active .btn img, #serivetwo .ulfure li:hover .btn img { display: none; }
#serivetwo .ulfure li.active .btn a, #serivetwo .ulfure li:hover .btn a { display: inline-block; height: 40px; }
#serivetwo .ulfure { max-width: 1200px; margin: 0 auto; }
#serivetwo .ulfure ul { display: flex; justify-content: center; }
#serivetwo .ulfure li { width:36%; }
 @media screen and (max-width: 1500px) {
}
 @media screen and (max-width: 1400px) {
 #serivetwo .title-comtitle {
 margin-bottom: 20px;
}
 #serivetwo .ulfure {
 padding: 40px 0 26px 0;
 border-radius: 16px;
}
 #buyone {
 margin-top: 40px;
 padding-bottom:0;
}
 .buypricewx {
 display: none !important;
}
 .buyprice {
 padding: 30px 0;
}
 .buyprice a {
 padding: 0 10px;
 display: block;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 margin: 0 auto;
 font-size: 15px;
 line-height: 32px;
 height: 32px;
}
 .buyprice p {
 margin: 10px 0 0 0;
}
 .buyprice p span {
 font-size: 24px;
}
 .buypriceul {
 padding: 0 6px;
}
 .buypriceul .buypriceli {
 padding: 0 6px;
}
 #tablebox {
 margin: 80px 0 0 0;
 padding: 0 20px;
}
}
@media screen and (max-width: 1300px) {
 #serivetwo .ulfure li h3 {
 font-size: 18px;
}
 #buyone .containerbig ul {
 margin: 0;
}
 .buyprice p {
 font-size: 15px;
 padding: 0 2px;
}
 .buyprice div {
 font-size: 13px;
 padding: 0 2px;
}
}
@media screen and (max-width: 1200px) {
 #serivetwo .ulfure {
 width: 90%;
 border-radius: 14px;
}
}
@media screen and (max-width: 768px) {
 #serivetwo .ulfure li h3 {
 font-size: 16px;
}
 #serivetwo .ulfure {
 padding: 40px 0 6px 0;
 background: #5d93ff;
}
 #serivetwo .ulfure li {
 width: 50%;
 padding: 0 10px;
}
 #serivetwo .ulfure li p span {
 font-size: 28px;
 margin: 0 2px;
}
 #serivetwo .ulfure li .box,  #serivetwo .ulfure li.active .box,  #serivetwo .ulfure li:hover .box {
 top: -10px;
}
 #serivetwo .ulfure li .btn img {
 display: none;
}
 #serivetwo .ulfure li .btn a {
 display: inline-block;
 height: 40px;
}
 #serivetwo .ulfure ul {
 display: block;
}
 #serivetwo .ulfure ul li {
 width: 100%;
 margin: 0 0 10px 0;
}
 #serivetwo .ulfure li .btn {
 margin: 10px 0;
}
 #serivetwo .ulfure li p.smtitle,  #serivetwo .ulfure li h3 {
 color: #ffffff;
}
 #serivetwo .ulfure li p {
 color: #ffaa00;
 margin: 4px 0 6px 0;
}
 #buyone {
 margin-top: 20px;
}
 .buyprice {
 padding: 20px 0;
 border-radius: 10px;
}
 .buypriceul .buypriceli {
 width: 50%;
 margin-bottom: 10px;
}
 .buyprice a {
 padding: 0 8px;
 font-size: 13px;
}
 .buyprice p {
 font-size: 15px;
}
 #tablebox {
 margin: 40px 0 0 0;
 padding: 0 16px;
}
 th, td {
 padding: 12px 2px;
}
 .buyprice p span {
 font-size: 22px;
}
 thead th {
 font-size: 17px;
}
}