body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

p {}

body,
html {
  height: 100%
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;
}

.container {
  /* width: 100%;
  height: 100%;
  padding: 0 !important; */
}

.row {
  /* margin:0 !important */
}

.top-background {
  /* width: 2000px;
height: 1000px; */
  width: 7.5rem;
  height: 6.4rem;
  /* height: 8.4rem; */
  background: url('../img/new_vat/top-background.png') no-repeat center;
  /* 双十二活动图片 */
  /* background: url('../img/new_vat/m-banner-12.png') no-repeat center; */
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.top-background .top-title-price {
  background: url('../img/new_vat/release-images2.png') no-repeat center;
  background-size: 100%;
  height: .7rem;
  width: 6.46rem;
  margin-top: 1.6rem;
  opacity: 1;
}

.top-background .top-title {
  margin-top: .32rem;
  background: url('../img/new_vat/top-title.png') no-repeat center;
  background-size: 100%;
  margin-bottom: .6rem;
  height: .8rem;
  width: 6.4rem;
  opacity: 1;
}

.top-background .btn-rush {
  margin-top: .61rem;
  background: url('../img/new_vat/rush-img.png') no-repeat center;
  background-size: 100%;
}

.top-bom {
  background: url('../img/new_vat/rush-img.png') no-repeat center;
  background-size: 100%;
  width: 7rem;
  height: 2.18rem;
  position: relative;
  top: -1.09rem;
  margin: 0 auto;
  box-shadow: 0px 1px 1px 1px #ccc;
  background: #fff;
}

.vat1-tradition {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: space-around
}

.top-botm-box img {
  width: .65rem;
  height: .65rem;
}

.vat1-p1 {
  font-weight: bold;
  color: #313131;
  font-size: .21rem;
}

.vat1-p2 {
  font-weight: 400;
  color: #313131;
  font-size: .18rem;
}

.top-botm-box {
  /* display: flex;
  align-items: center; */
}

.country {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.vat2-country {
  font-size: .35rem;
  font-weight: 500;
  color: #080E5E;
}

.vat2-country-warp1 {
  margin-bottom: .4rem;
}

.vat2-country-warp1 {
  margin-bottom: .5rem;
}

.vat2-country-warp1 {
  height: .72rem
}

.vat2-country-warp3 p {
  font-size: .2rem;
  color: #313131;
  margin-top: 25px !important;
  text-align: center;
  padding-bottom: .7rem
}
.vat2-country-warp3 a{
  display: block;
  width: 3.3rem;
  height: .72rem;
  margin: 4.5rem auto 0;
  /* background-color: #eb4d4c; */
  border-radius: .5rem;
  font-size: .34rem;
  text-align: center;
  line-height: .72rem;
  color: #fff;
  margin-bottom: 0;
  cursor:pointer;
  position: relative;
  margin-bottom: .4rem !important;
}

.vat2-country-warp2 {
  width: 6.64rem;
  /* height: 11.94rem; */
  height: 7.94rem;
  /* background-color: #3049e1; */
  margin: 0 auto;
  border-radius: .1rem;
}
.vat2-country-warp2 img{
  width: 100%;
  margin-top: -0.53rem;
}

.vat2-country-state {
  width: 6.22rem;
  height: 4.3rem ;
  background: url('../img/new_vat/rectangular-box.png') no-repeat center;
  margin: -0.53rem auto .46rem;
  background-size: contain;
  box-sizing: border-box;
  padding: .3rem .6rem;
  display: flex;
  justify-content: space-between;
}

.vat2-country-state img {
  width: 2.3rem;
  height: 3.4rem;
}

.vat2-country-states {
  width: 6.22rem;
  height: 2.79rem;
  margin: 0 auto .47rem;
  background-size: contain;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.vat2-country-states img {
  width: 1.9rem;
  height: 2.79rem;
}

.vat2-country-kernel {
  width: 6.22rem;
}

.vat2-kernel-ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 0 .28rem ;
}

.vat2-kernel-li {
  width: 1.35rem;
  height: 1.6rem;
  margin-bottom: .4rem;
}

.vat2-kernel-li p {
  font-size: .23rem;
  color: #fff;
  text-align: center;
  margin-top: .2rem;
}

.vat2-kernel-li img {
  width: .98rem;
  height: .98rem;
  margin: auto;
  display: block;
}

.vat2-country-warp3 {
  margin-top: .4rem;
}

/*  */

.vat-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding-top: .9rem;
  background-color: #f1f3f6;
}

.vat-3-content {
  width: 7.5rem;
  margin: 0 auto;
  /* margin-top:128px !important;background: #F1F3F6;width: 100%; */
}

.vat-3 .p1 {
  font-size: .35rem;
  font-weight: 500;
  color: #313131;
  text-align: center;
}

.tradition-warp {
  display: flex;
}

.tradition {
  background: url('../img/new_vat/rounded-rectangle2(4).png') no-repeat center;
  background-size: 100%;
  width: 1.31rem;
  height: 1.31rem;
  color: #fff;
  font-size: .35rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: .53rem;
}

.traditions {
  background: url('../img/new_vat/rounded-rectangle1(4).png') no-repeat center;
  background-size: 100%;
  width: 1.31rem;
  height: 1.31rem;
  color: #fff;
  font-size: .35rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: .53rem;
}

.inefficiency-normals {
  width: 4.65rem !important;
}

.vat-tradition {
  box-sizing: content-box;
  padding: 0 .42rem;
}

.tradition-right {
  display: flex;
}

.row_hen {
  margin: .22rem auto .72rem;
  display: block;
}

.vat_details {
  background-size: 100%;
  color: #959595;
  margin-top: .15rem;
  font-size: .22rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tradition-details-arrows {
  background: url('../img/new_vat/arrows2.png') no-repeat center;
  width: .24rem;
  height: .2rem;
  margin: .55rem .12rem 0 .12rem;
  background-size: contain;
}

.tradition-details-arrows-captain {
  background: url('../img/new_vat/arrows1.png') no-repeat center;
  width: .24rem;
  height: .2rem;
  margin: .55rem .12rem 0 .12rem;
  background-size: contain;
}

.tradition-details-ones {
  background: url('../img/new_vat/ellipse1.png') no-repeat center;
  width: 1.06rem;
  height: 1.06rem;
  border-radius: 50%;
  font-size: .26rem;
  background-size: contain;
}

.tradition-details-one {
  background: url('../img/new_vat/ellipse2.png') no-repeat center;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  font-size: .26rem;
  background-size: contain;
}

.tradition-details-tow {
  background: url('../img/new_vat/rounded-rectangle2(6).png') no-repeat center;
  width: 1.47rem;
  height: 1rem;
  padding: .22rem .3rem;
  box-sizing: border-box;
  background-size: contain;
}

.tradition-details-three {
  background: url('../img/new_vat/rounded-rectangle2(6).png') no-repeat center;
  width: 1.47rem;
  height: 1rem;
  background-size: contain;
}

.tradition-details-fours {
  background: url('../img/new_vat/rounded-rectangle1(5).png') no-repeat center;
  width: 1.47rem;
  height: 1.06rem;
  background-size: contain;
}

.tradition-details-four {
  background: url('../img/new_vat/rounded-rectangle2(6).png') no-repeat center;
  width: 1.47rem;
  height: 1rem;
  background-size: contain;
}

.tradition-details-five {
  background: url('../img/new_vat/rounded-rectangle2(5).png') no-repeat center;
  width: 1.12rem;
  height: 1rem;
  background-size: contain;
}

.tradition-inefficiency {
  margin-top: .35rem;
  display: flex;
  justify-content: space-between;
}

.tradition-details-move {
  display: flex;
}

.details-arrows-move {
  transform: rotate(180deg);
}

.inefficiency-overstriking {
  font-size: .23rem;
  color: #313131;
  font-weight: 600;
}

.inefficiency-normal {
  font-size: .2rem;
  color: #313131;
  line-height: .36rem;
}

.tradition-details-moves {
  background: url('../img/new_vat/arrows2.png') no-repeat center;
  width: .24rem;
  height: .2rem;
  float: right;
  margin-right: .55rem;
  transform: rotate( 90deg);
  background-size: contain;
}

.vat-tradition-tow {
  margin-top: .51rem;
}

.vat-tradition-three {
  margin: .6rem 0 1.17rem;
}

.vat-free-service {
  display: flex;
  margin-bottom: .38rem;
}

.vat-free-service-left {
  width: .11rem;
  height: .39rem;
  background-color: #f5bc6e;
  margin-right: .15rem;
}

.vat-free-service-right {
  color: #1332C0;
  font-size: .32rem;
  font-weight: 600;
  line-height: .4rem;
}

.serve-details-ul {
  display: flex;
  height: 3.3rem;
  flex-wrap: wrap;
  justify-content: space-between;
}

.serve-details-li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 1.52rem;
  height: 1.8rem;
  margin-bottom: .24rem;
}

.serve-details-li img {
  width: 100%;
  height: 100%;
}

.vat-purchase {
  display: block;
  width: 3.3rem;
  height: .72rem;
  margin: .15rem auto 0;
  background-color: #f5bc6e;
  /* background-color: #eb4d4c; */
  border-radius: .5rem;
  font-size: .34rem;
  text-align: center;
  line-height: .72rem;
  color: #fff;
  margin-bottom: 0;
  cursor:pointer;
  position: relative;
}

/*  vat-4  */

.vat-4 {
  width: 100%;
  background-color: #1332c0;
  box-sizing: border-box;
  padding-top: 1.2rem;
}

.vat-4-content {
  margin: 0 auto;
}

.vat4-kernel-top {
  color: #fff;
  text-align: center;
  font-size: .35rem;
  display: block;
  margin-bottom: .2rem;
}

.vat-kernel-details-content img {
  width: 6.87rem;
  height: 4.22rem;
}

.vat4-kernel-button {
  display: block;
  width: 1rem;
  height: .05rem;
  background: #fff;
  margin: 0 auto .55rem;
}

.vat-kernel-details {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.vat-kernel-details-left {
  width: 6.34rem;
  height: 2.6rem;
  margin: 0 auto 1rem;
}

.details-left-ul {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.details-left-li {
  width: 3.12rem;
  margin-bottom: .5rem;
}

.details-left-li span:first-child {
  font-size: .34rem;
  color: #fff;
  margin-bottom: .1rem;
}

.details-left-li span:last-child {
  font-size: .22rem;
  color: #fff;
}

.vat-kernel-details-content {
  margin: 0 .27rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin: 0 .11rem  .4rem 0 ;
}

.vat-5 {
  width: 100%;
  height: 10.6rem;
  background-color: #fff;
  box-sizing: border-box;
  padding-top: .83rem;
}

.vat5-kernel-top {
  color: #313131;
  text-align: center;
  font-size: .35rem;
  display: block;
  margin-bottom: .2rem;
}

.vat5-kernel-button {
  display: block;
  width: 1rem;
  height: .05rem;
  margin: 0 auto .55rem;
  background: linear-gradient(to right, #0685DE, #a02bc2, #8429B8)
}

.vat5-kernel-img img {
  width: 100%;
  height: 100%;
}

.vat-6 {
  width: 100%;
  background-color: #1332c0;
  box-sizing: border-box;
  padding-top: 1.1rem;
}

.vat-6-content {
  margin: 0 auto;
}

.vat6-kernel-top {
  color: #fff;
  text-align: center;
  font-size: .35rem;
  display: block;
  margin-bottom: .2rem;
}

.vat6-kernel-button {
  display: block;
  width: 1rem;
  height: .05rem;
  background: #fff
  ;
  margin: 0 auto .55rem;
}

.vat6-kernel-details {
  margin: .7rem 0;
}

.vat6-content-ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 .4rem;
}

.vat6-content-li {
  width: 3.1rem;
  height: 2.75rem;
}

.vat6-content-li:nth-child(1) {
  margin-bottom: .45rem;
}

.vat6-content-li:nth-child(2) {
  margin-bottom: .45rem;
}

.vat6-content-li img {
  width: 100%;
  height: 100%;
}

/* .vat-7 */

.vat-7 {
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  padding-top: .83rem;
}

.vat7-kernel-top {
  color: #313131;
  text-align: center;
  font-size: .35rem;
  display: block;
  margin-bottom: .2rem;
}

.vat7-kernel-button {
  display: block;
  width: 1rem;
  height: .05rem;
  margin: 0 auto .55rem;
  background: linear-gradient(to right, #0685DE, #a02bc2, #8429B8)
}

.vat-7-content {
  margin: 0 auto;
}

.vat7-content {
  /* margin-left: 60px; */
}

.vat7-kernel-img {
  margin-bottom: .28rem;
}

.vatimg {
  width: .24rem;
  height: .24rem;
}

.vatimgs {
  width: .32rem;
  height: .32rem;
}

.vat7-top-img {
  width: 6.23rem;
  height: 2.72rem;
}

.vat7-content-li {
  display: flex;
  margin-bottom: .57rem;
}

.vat7-content-right-top {
  display: flex;
  margin-bottom: .13rem;
}

.vat7-content-left {
  margin-right: .13rem;
}

.vat7-kernel-details {
  margin: 0 .44rem 0 .14rem;
}

.vat7-top-r {
  font-size: .23rem;
  color: #313131;
  font-weight: 600;
  margin-left: .13rem;
}

.vat7-content-right-button {
  display: flex;
}

.vat7-content-right-button .vat7-top-r {
  color: #222222;
  font-size: .2rem;
  font-weight: 500;
}

.vat-8 {
  width: 100%;
  background-color: #f1f3f6;
  box-sizing: border-box;
  padding-top: .83rem;
}

.vat-8-content {
  margin: 0 auto;
}

.vat8-kernel-top {
  color: #313131;
  text-align: center;
  font-size: .35rem;
  display: block;
  margin-bottom: .2rem;
}

.vat8-kernel-button {
  display: block;
  width: 1rem;
  height: .05rem;
  margin: 0 auto .55rem;
  background: linear-gradient(to right, #0685DE, #a02bc2, #8429B8)
}

.vat8-content-ul {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 .6rem;
  flex-wrap: wrap;
}

.vat8-content-li {
  margin-bottom: 1.11rem;
  width: 2.35rem;
}

.vat8-content-li img {
  width: 1.98rem;
  height: 1.98rem;
  margin-left: .09rem;
}

.vat8-content-li p {
  font-size: .31rem;
  /* color: #1332C0 ; */
  color: #222222;
  margin: .18rem 0 .25rem !important;
  text-align: center;
}

.vat8-content-li a {
  width: 2.35rem;
  height: .58rem;
  color: #3049E1;
  background-color: #fff;
  border-radius: .25rem;
  border: 1px solid #3049E1;
  font-size: .26rem;
  display: block;
  text-align: center;
  line-height: .58rem;
}
.col-1_img{
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: -2.13rem;
  height: 2rem;
  width: 2rem;
  display: none;
}


/*  */

.btn-rush:hover {
  cursor: pointer
}
/* 首页   */

/* .vat7-content-right-button{
  display: none;
} */