body {
  background: #FFF;
  font-family: "Open Sans";
  line-height: 1.4
}
.pro .container{
  max-width: 1344px;
  padding: 0;
}
.header-banner{
  background: linear-gradient(180deg, #EBF5FF 0%, rgba(235, 245, 255, 0.00) 100%);
  padding: 60px 0 0 0;
}
.header-banner h1{
  color: #080B29;
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
}
.header-banner .one-deal{
  max-width: 240px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #080B29;
  padding: 8px 14px;
  margin: 20px auto;
}
.header-banner .one-deal svg{
  width: 22px;
  height: 22px;
}
.header-banner .one-deal p{
  color: #080B29;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.header-banner .head-ul {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.header-banner .head-ul li {
  display: flex;
  align-items: center;
  margin: 0 15px;
}
.header-banner .head-ul li svg {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}
.header-banner .head-ul li span{
  color: #080B29;
  font-size: 16px;
  font-weight: 400;
}
.header-banner .tab-switch {
  display: flex;
  margin: 30px auto;
  width: 385px;
  height: 72px;
  border-radius: 12px;
  background: #dde4ee;
  padding: 4px;
}

.header-banner .base-tabswitch-title {
  display: flex;
  width: 50%;
  height: 100%;
  cursor: pointer
}

.header-banner .base-tabswitch-title span {
  color: #080B29;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.header-banner .base-tabswitch-title.active span {
  color: #fff;
  border-radius: 10px;
  background: #080B29;
}

.header-banner .base-tabswitch-msg.active {
  display: flex
}

.header-banner .base-tabswitch-msg {
  display: none
}

.header-banner .license-item {
  position: relative;
  width: 432px;
  border-radius: 24px;
  border: 1px solid rgba(8, 11, 41, 0.10);
  background: #FFF;
  text-align: center;
}
.license-item .p-box-title {
  position: relative;
  padding-top: 30px;
  border-radius: 24px 24px 0 0;
  height: 126px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #EFF4FF 100%);;
}
.license-item .p-box-title h4 {
  color: #080B29;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.license-item .p-box-content {
  padding: 30px 30px 40px 30px;
}
.license-item .p-box-content .version-system{
  display: flex;
  margin: 30px auto 0;
  justify-content: center;
  align-items: center;
  color: #080B29;
}
.license-item .p-box-content .version-system svg{
  width: 22px;
  height: 22px;
  margin: 0 8px;
}
.license-item .p-box-content .device-num{
  color: #080B29;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 10px;
  margin-right: 8px;
}
.license-item .p-box-content .device-num span{
  color: #4858EC;
}
.license-item .price{
  color: #080B29;
  font-size: 36px;
  font-weight: 800;
  line-height: 48px;
}
.license-item .price del{
  color: #080B29;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-left: 10px;
}
.license-item .price-day {
  color: #080B29;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 8px;
}
.license-item .billed-title{
  color: #080B29;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 10px;
  opacity: 0.7;
}
.cover-bt {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-direction: unset;
  width: 100%;
  height: 72px;
  line-height: 72px;
  border-radius: 12px;
  border: 0;
  margin-top: 30px;
  z-index: 1;
  background: #4858EC;
}
.cover-bt:hover{
  background-color: #0053FF;
}
.cover-bt img {
  width: 20px;
}
.license-item .p-box-tip{
  position: relative;
  width: 100%;
  margin-top: 30px;
}
.license-item .p-box-tip li{
  font-size: 14px;
  line-height: 1.5;
  color: #666;
  margin-bottom: 20px;
  display: flex;
  text-align: left;
}
.license-item .p-box-tip li > svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin: 0px 10px 0 0;
}
.license-item .p-box-tip li p {
  color: #080B29;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  padding-left: 12px;
  margin-top: 8px;
}
.license-item .p-box-tip li p::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 6px;
  width: 4px;
  height: 4px;
  background: #080B29;
  border-radius: 50%
}
.license-item.select-hot .p-box-tip li p::before {
  background: #FFF
}
.license-item .p-box-tip li p:first-of-type {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 2px;
  padding-left: 0;
  margin-top: 0;
}
.license-item .p-box-tip li p:first-of-type::before {
  display: none
}
.license-item .p-box-tip li p:only-of-type {
  margin-bottom: 0;
}

.license-item .bubble {
  position: absolute;
  right: -13px;
  top: -10px;
  z-index: 999;
  display: none;
}
.license-item .bubble-desc {
  position: absolute;
  top: -12px;
  left:0px;
  width: 225px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 30%);
  padding: 20px;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #2e2e2e;
  border-radius: 5px;
}
.license-item .item-bubble-toggle{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #080B29;
  font-size: 16px;
  line-height: 24px;
  margin: 10px auto 0;
  max-width: 253px;
}
.license-item .item-bubble-toggle:hover .bubble{
  display: block;
}
.license-item .item-bubble-toggle:hover .bubble::before {
  content: '';
  position: absolute;
  background: url(../png/triangle.png);
  left: -18px;
  top: 8px;
  width: 19px;
  height: 22px;
}
.header-banner .license-item.lifetime-more{
  background: #5161ED;
  margin: 0 24px;
}
.header-banner .license-item.lifetime-more .p-box-title{
  background: linear-gradient(180deg, #5161ED 0%, #3647E4 100%);;
}
.header-banner .license-item.lifetime-more:before {
  position: absolute;
  content: 'SAVE $60';
  width: 105px;
  height: 32px;
  right: -1px;
  top: -1px;
  background: url(https://images.anyrecover.com/anyrecoveren/assets/purchase/purchase_data_recovery/icon_select.svg) no-repeat center;
  color: #ffffff;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
  font-weight: 700;
  z-index: 2;
}
.header-banner .license-item:nth-child(1):before {
  position: absolute;
  content: 'SAVE $20';
  width: 105px;
  height: 32px;
  right: -1px;
  top: -1px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  background: url(https://images.anyrecover.com/anyrecoveren/assets/purchase/purchase_data_recovery/icon_select.svg) no-repeat center;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
  font-weight: 700;
  z-index: 2;
}


.license-item.lifetime-more .p-box-title h4,
.license-item.lifetime-more .p-box-title .item-bubble-toggle,
.license-item.lifetime-more .version-system,
.license-item.lifetime-more .device-num,
.license-item.lifetime-more .price,
.license-item.lifetime-more .price del,
.license-item.lifetime-more .billed-title,
.license-item.lifetime-more .p-box-tip li p,
.license-item.lifetime-more .price-day{
  color: #fff;
}
.license-item.lifetime-more .p-box-tip li p.color-ff{
  color: #FFE566;
}
.license-item.lifetime-more .p-box-tip li p::before{
  background: #fff;
}
.license-item.lifetime-more .p-box-content .device-num span{
  color: #FFE566;
}
.cover-bt.btn-yellow{
  background: #FFE666;
  border: 0;
  color: #080B29;
}
.accept-box{
  margin-top: 60px;
  margin-bottom: 140px;
}
.accept-box .guarantee {
  display: none;
  text-align: center;
  margin: 0 auto 20px;
}
.accept-box .accept>img{
  margin-bottom: 0;
}

.animation-money {
  display: flex;
  justify-content: center
}

.animation-money .animation {
  width: 10px;
  height: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  opacity: 1;
  transform: translateY(0)
}

.animation-money .animation span {
  word-wrap: break-word;
  transition: all 1s
}

.animation-money .animation span.play {
  transform: translateY(calc(var(--translateY) * 24px))
}

.user-comment{
  margin-top: 140px;
}
.user-comment h2{
  color: #080B29;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
}
.user-comment .content-ul{
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.user-comment .content-ul li{
  width: calc(33.33% - 48px / 3);
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  border: 1px solid rgb(8 11 41 / 10%);
  padding: 40px 40px 58px;
}
.content-ul .start-txt svg{
  width: 32px;
  height: 32px;
  margin-right: 6px;
}
.content-ul .txt-val{
  min-height: 170px;
  color: #080B29;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  margin: 10px 0 40px;
  flex: 1;
}
.content-ul .author-cont{
  display: flex;
  align-items: center;
}
.content-ul .author-cont .author-text{
  color: #080B29;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-left: 10px;
}
.content-ul .author-cont .author-text img{
  max-width: 56px;
}
.recommend-content{
  position: relative;
  margin-top: 60px;
}
.recommend-content:before {
  content: '';
  display: block;
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #F5FAFF;
}
.recommend-content .recommend{
  position: relative;
}
.recommend-content .recommend:before{
  position: absolute;
  content: '';
  width: 496px;
  height: 166px;
  left: 124px;
  bottom: 0;
  background: url(../png/left-bg.png) no-repeat;
  z-index: 2;
}
.recommend-content .recommend:after{
  position: absolute;
  content: '';
  width: 396px;
  height: 166px;
  right: 100px;
  top: 0;
  background: url(../png/right-bg.png) no-repeat;
  z-index: 2;
  border-radius: 24px;
}
.recommend-content .card{
  position: relative;
  max-width: 1116px;
  border-radius: 24px;
  background: #080B29;
  display: flex;
  align-items: center;
  padding: 60px;
  margin: 0 auto;
  min-height: 166px;
}
.recommend-content .card img{
  max-width: 148px;
}

.recommend-content .card p{
  position: relative;
  width: 100%;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  margin-left: 40px;
  padding-left: 60px;
}
.recommend-content .card p:before{
  position: absolute;
  content: '';
  height: 54px;
  width: 1px;
  background: #ffffff;
  opacity: 0.2;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.recommend-content .card:after{
  position: absolute;
  content: '';
  width: 40px;
  height:30px ;
  right: 30px;
  top: 30px;
  background: url("https://images.anyrecover.com/anyrecoveren/assets/purchase/purchase_data_recovery/yin_icon.svg") no-repeat center/cover;
}


.recommend .control-box {
  width: 100%;
  height: 48px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  z-index: 10;
}
.recommend .control-box div {
  position: unset;
  margin: 0;
  width: 48px;
  height: 100%;

}
.recommend .recommend-swiperbtn.left {
  background: url("https://images.anyrecover.com/anyrecoveren/assets/purchase/purchase_data_recovery/arrow-white.svg");
  transform: rotate(-180deg)
}
.recommend .recommend-swiperbtn.right {
  background: url("https://images.anyrecover.com/anyrecoveren/assets/purchase/purchase_data_recovery/arrow-white.svg");
}
.recommend .recommend-swiperbtn.left:hover{
  background: url("https://images.anyrecover.com/anyrecoveren/assets/purchase/purchase_data_recovery/arrow-black.svg");
}
.recommend .recommend-swiperbtn.right:hover{
  background: url("https://images.anyrecover.com/anyrecoveren/assets/purchase/purchase_data_recovery/arrow-black.svg");
}


.footer-cont {
  background: #F5FAFF;
  padding: 140px 0 1px;

}
.choose h2{
  color: #080B29;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
}
.choose .item-number{
  height: 635px;
  display: flex;
  align-items: center;
  justify-content:space-around;
  color: #4858EC;
  background: url("../gif/item-number-bg.gif") no-repeat center;
  text-align: center;
  position: relative;

}
.choose .item-number .item-number-before{
  position: absolute;
  width:152px;
  height: 152px;
  left: 0;
  top: 0;
}
.choose .item-number li{
  max-width: 206px;
}
.choose .item-number h5{
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  overflow: hidden;
  display: flex;
  max-height:56px ;
}
.choose .item-number .choose-num span {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 1s;
}
.choose .item-number h5 em{
  font-style: normal;
  max-height: 56px;
}
.choose .item-number p{
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.footer-cont .free-box{
  margin-top: 40px;
  margin-bottom: 140px;
  display: flex;
  justify-content: space-between;
}
.footer-cont .free-box li{
  max-width: 318px;
  padding: 40px;
  color: #080B29;
  border-radius: 24px;
  border: 1px solid rgba(8, 11, 41, 0.10);
  background: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-left: 24px;
  flex-shrink: 0;
}
.footer-cont .free-box li:first-child{
  margin-left:0px;
}
.footer-cont .free-box li svg{
  margin-bottom: 30px;
}
.footer-cont .free-box li .title-txt{
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 10px;
}
.faq-box-content .container{
  max-width: 888px;
}
.faq-box-content .faq-box .faq-item.active .faq-title{
  color: #080B29;
  font-size: 18px;
}
.faq-box-content .faq-box .faq-info{
  color: #080B29;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.faq-box-content .faq-box .faq-title:hover{
  color: #080B29;
}
.faq-box .faq-item.active .faq-title::after {
  background-image: url(../png/icon_xia.png);
  transform: rotate(180deg);
}
.faq-box-content .faq-box .title{
  color: #080B29;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
}

.business-box {
  padding-bottom: 60px;
  margin: 0 auto;
  border-radius: 20px;


}
.business-box .business-content{
  display: flex;
  justify-content: center;
}
.business-box .select-box{
  border-radius: 24px 0 0 24px;
  background: #4858EC;
  width: 704px;
  height: 480px;
  padding: 80px 0 0 80px;
  color: #FFF;
}
.business-box .select-box p{
  font-size: 36px;
}
.business-box .price-box{
  width: 774px;
  color: #080B29;
  border-radius: 24px;
  border: 1px solid rgba(8, 11, 41, 0.10);
  background: #FFF;
  padding: 60px;
  margin-left: -134px;
}
.select-box .business-ul{
  margin-top: 40px;
}

.business-box .select-box ul li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.business-box .select-box ul li:last-child{
  margin-bottom: 0;
}
.business-box .select-box ul li picture {
  flex-shrink: 0
}
.business-box .select-box ul li svg{
  margin-right: 10px;
}
.business-box .select-box ul li svg{
  width: 24px;
  height: 24px;
}
.price-box p{
  color: #080B29;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 20px;
}

.business-box .price-box .buy-pc.select {
  position: relative;
  height:72px;
  cursor: pointer;
  border-radius: 12px;
  border: 1px solid #080B29;
  background: #FFF;
  color: #080B29;
  font-size: 18px;
  font-weight: 700;
}
.business-box .price-box .buy-pc.select .this-txt{
  padding: 22px 24px;
  width: 100%;
}
.business-box .price-box .price-line{
  margin: 60px 0;
  border-radius: 1px;
  background: rgba(8, 11, 41, 0.10);
  width: 100%;
  height: 1px;
}

.business-box .price-box .select.active .buy-choose {
  display: block;
  text-align: left;
  z-index: 2;
}

.business-box .price-box .buy-choose {
  display: none;
  position: relative;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 8px;
  background-color: #fff;
  overflow: hidden
}

.business-box .price-box .buy-pc.select.active::after {
  transform: rotate(180deg)
}

.business-box .price-box .buy-pc.select::after {
  content: '';
  position: absolute;
  top: 40%;
  margin-top: -4px;
  right: 12px;
  width: 24px;
  height: 24px;
  background: url(../png/icon-select-pro.png);
  transition: 0.3s all linear
}

.business-box .price-box .buy-choose>div {
  cursor: pointer;
  font-size: 16px;
  padding: 15px 24px;
}
.business-box .price-box .price-content{
  display: flex;
  justify-content: space-between;
  padding: 0 2px;
}

.price-box .price-content .price-left .buy-tip {
  color: #080B29;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  position: relative;
}
.price-box .price-content .price-left .buy-tip svg{
  margin-left: 10px;
}
.price-box .price-content .price-left .buy-tip .bubble{
  position: absolute;
  z-index: 999;
  display: none;
}
.price-box .price-content .price-left .buy-tip .bubble-desc {
  position: absolute;
  top: -40px;
  left: 44px;
  width: 225px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 30%);
  padding: 20px;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #2e2e2e;
  border-radius: 5px;
}
.price-box .price-content .price-left .buy-tip .item-bubble-toggle:hover .bubble{
  display: block;
}
.price-box .price-content .price-left .buy-tip .item-bubble-toggle:hover .bubble::before {
  content: '';
  position: absolute;
  background: url(../png/triangle.png);
  left: 26px;
  top: -25px;
  width: 19px;
  height: 22px;
}
.price-box .price-content .price-left .buy-tip .icon{
  display: none;
}
.price-box .price-content .price.active {
  display: block
}

.price-box .price-content .price {
  color: #080B29;
  font-size: 48px;
  font-weight: 800;
  line-height: 56px;
  margin: 10px 0;
  display: none
}

.price-box .price-content .price span {
  color: #080B29;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: line-through;
  margin-left: 10px;
  color: #808285
}

.price-box .price-content .tax {
  color: #080B29;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
}

.price-box .price-content .price-ringht .lifetime-more {
  display: none
}

.price-box .price-content .price-ringht .lifetime-more.active {
  display: block
}
.price-ringht .lifetime-more .cover-bt{
  position: relative;
  width: 258px;
  height: 72px;
  border-radius: 12px;
  background: #080B29;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  line-height: 72px;
}
.header-banner .license-pro.run {
  -webkit-animation: slide-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.compare .compare-content.run {
  -webkit-animation: slide-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-bottom {
  0% {
      -webkit-transform: translateY(-50px);
      transform: translateY(-50px);
      opacity: 0;
  }
  100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
  }
}
@keyframes slide-bottom {
  0% {
      -webkit-transform: translateY(-50px);
      transform: translateY(-50px);
      opacity: 0;
  }
  100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
  }
}
.content-time{
  display: flex;
  align-items: center;
  position: relative;
}
.time{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px auto 0;
  width: 723px;
  height: 80px;
  border-radius: 16px;
  border: 2px solid #FFF;
  box-shadow: 0px 4px 16px 0px rgba(146, 188, 231, 0.20);
  background: url("../png/time-bg.png") no-repeat;
  background-size: 100% 100%;
}
.time .clock{
  display: flex;
  align-items: center;
  margin-left: 30px;
}
.time .clock span{
  margin-left: 16px;
  color: #FAA700;
  font-size: 20px;
  font-weight: 700;
}
.time .time-ul{
  display: flex;
  margin-right: 30px;
}
.time .time-ul li:first-child{
  width: 75px;
  color: #080B29;
  font-size: 18px;
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.time .time-ul li{
  width: 36px;
  text-align: center;
}
.time .time-ul li p{
  font-size: 13px;
}
.time .time-ul li div{
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid rgba(8, 11, 41, .1);
  color: #080B29;
  text-align: center;
  font-size: 20px;
  font-weight: 800;
  line-height: 36px;
}
.time .time-ul .colon{
  width: 16px;
  font-size: 26px;
}
.time-m{
  display: none;
}
@media (max-width: 1440px) {
  .license-item .bubble-desc {
      top: 49px;
      left: -233px;
  }
  .license-item .item-bubble-toggle:hover .bubble::before{
      left: -33px;
      top: 30px;
      transform: rotate(90deg);
  }
}
@media (max-width: 1299px) {
  .header-banner .head-ul li{
      white-space: nowrap;
  }
  .business-box .business-content{
      flex-direction: column;
  }
  .business-box .select-box{
      border-radius:24px;
      width: 100%;
  }
  .business-box .price-box{
      margin-left: 0;
      margin-top: -90px;
  }

  .footer-cont .free-box{
      flex-wrap: wrap;
      justify-content: space-evenly;
  }
  .footer-cont .free-box li{
      margin-left: 0;
      margin-bottom: 20px;
  }

}
@media (max-width: 1024px) {
  .pro .container {
      padding: 0 20px;
  }
  .content-time .time{
      display: none;
  }
  .time-m{
      display: flex;
  }
  .time{
      width: 335px;
      background: linear-gradient(90deg, #FFF9DD 0%, #FFF 100%);
      padding: 16px 28px;
      height: auto;
      margin-top: 30px;
      position: unset;
      justify-content: flex-start;
      flex-direction: column;
  }
  .time .clock{
      margin-left: -30px;
      margin-bottom: 20px;
  }
  .time .clock span{
      font-size: 18px;
  }
  .time .time-ul{
      margin-right: 0;
  }
  .time .time-ul li:first-child{
      font-size: 16px;
      width: 66px;
  }
  .header-banner .head-ul{
      flex-wrap: wrap;
  }
  .header-banner .head-ul li{
      width: 45%;
      margin: 5px 0;
  }
  .header-banner .base-tabswitch-msg{
      flex-direction: column;
      align-items: center;
  }
  .header-banner .license-item.lifetime-more{
      margin-bottom: 20px;
      order: 0;
  }
  .header-banner .license-item{
      margin-bottom: 20px;
      order:1;
  }
  .header-banner .license-item:last-child{
      margin-bottom: 0px;
  }
  .license-item .p-box-content{
      padding: 30px 20px;
  }
  .compare .container .overflow-item{
      overflow-x: auto;
      overflow-y: hidden;
      padding: 60px 0 100px;
  }
  .user-comment .content-ul{
      flex-direction: column;
      align-items: center;
  }
  .user-comment .content-ul li{
      width: 100%;
      max-width: 70%;
      margin-bottom: 20px;
  }
  .user-comment .content-ul li:last-child{
      margin-bottom: 0px;
  }
}
@media (max-width: 768px) {
  .pro .container {
    padding: 0 15px;
  }
  .header-nav ~ .main{
      padding-top:0px;
  }
  .header-banner{
      padding: 20px 0 0 0;
  }
  .header-banner h1{
      font-size: 28px;
      line-height: 36px;
  }
  .header-banner .one-deal{
      max-width:220px;
  }
  .header-banner .one-deal svg{
      width: 20px;
      height: 20px;
  }
  .header-banner .one-deal p{
      font-size: 14px;
      line-height: 20px;
  }
  .header-banner .tab-switch{
      width:100%;
      height: 48px;
      margin:20px auto;
  }
  .header-banner .head-ul li svg{
      width: 16px;
      height: 16px;
      flex-shrink: 0;
  }
  .header-banner .head-ul li span,
  .header-banner .base-tabswitch-title span,
  .license-item .device-num,
  .license-item .billed-title,
  .license-item .p-box-tip li{
      font-size: 14px;
  }

  .license-item .p-box-title {
    padding-top: 20px;
    height: 106px;
  }

  .license-item .name,
  .license-item .price del{
      font-size: 16px;
  }
  .license-item .price{
      font-size: 36px;
      margin-top: 0;
  }
  .license-item .p-box-tip li:not(:last-child){
      margin-bottom: 16px;
  }
  .license-item .p-box-tip li:last-child{
      margin-bottom: 0;
  }
  .license-item  .p-box-tip li > svg,
  .license-item .p-box-tip li > span svg{
      margin-top: 3px;
  }

  .license-item .p-box-content {
    padding: 20px 16px;
  }

  .license-item .p-box-content .version-system {
    margin-top: 20px;
  }

  .cover-bt {
    height: 56px;
    line-height: 56px;
  }

  .select-box .business-ul {
    margin-top: 30px;
  }
  .user-comment{
      margin-top: 60px;
  }
  .user-comment h2{
      font-size: 24px;
  }
  .user-comment .content-ul{
      margin-top: 30px;
  }
  .user-comment .content-ul li{
      width: 100%;
      max-width:100%;
      padding: 20px;
  }
  .content-ul .txt-val{
      font-size: 14px;
      margin:10px 0 30px 0;
  }
  .content-ul .start-txt svg{
      width: 24px;
      height: 24px;
  }
  .content-ul .author-cont .author-text{
      font-size: 18px;

  }
  .content-ul .author-cont img{
      width: 48px;
      height: 48px;

  }
  .recommend-content{
      margin-top: 30px;
      position: relative;
  }

  .recommend-content .card{
      flex-direction: column;
      padding: 20px;
  }
  .recommend-content .card:after,
  .recommend-content .card p:before,
  .recommend-content .recommend:before,
  .recommend-content .recommend:after
  {
      display: none;
  }
  .recommend-content .card p{
      font-size: 14px;
      font-weight: 700;
      line-height: 20px;
      margin-left: 0px;
      padding-left: 0px;
      text-align: center;
      margin-top: 20px;
  }
  .footer-cont{
      padding-top: 60px;
  }
  .accept-box{
      margin-top: 30px;
      margin-bottom: 60px;
  }
  .accept-box .guarantee{
      display: block;
  }
  .accept-box .guarantee span{
      margin-bottom: 16px;
  }
  .accept-box .accept span{
      display: none;
  }
  .accept-box .accept>img{
      margin: 5px 5px;
  }
  .recommend .control-box {
      position: unset;
      transform: unset;
      justify-content: center;
      margin-top: 20px;
  }
  .recommend .control-box div {
      margin: 0 30px ;
  }
  .recommend-content:before {
      height: calc(50% + 48px + 20px);
  }
  .header-banner .head-ul{
      flex-direction: column;
      padding: 0 100px;
  }
  .header-banner .head-ul li{
      width: 100%;
  }
  .choose h2{
      font-size: 24px;
  }
  .choose .item-number{
      background-size: 100%;
      flex-wrap: wrap;
      min-height: 500px;
      height: 100%;
  }
  .choose .item-number li{
      max-width: 100%;
      width: 45%;
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  .choose .item-number .item-number-before{
      display: none;
  }
  .choose .item-number h5{
      font-size: 32px;
  }
  .choose .item-number p{
      font-size: 14px;
  }
  .footer-cont .free-box{
      margin-bottom: 60px;
  }
  .footer-cont .free-box li{
      max-width: 100%;
      width: calc(50% - 15px);
      padding: 10px;
  }
  .footer-cont .free-box li svg{
      width: 44px;
      height: 44px;
      margin-bottom: 10px;
  }
  .footer-cont .free-box li p{
      font-size: 14px;
  }
  .footer-cont .free-box li .title-txt{
      font-size: 16px;
  }
  .faq-box-content .faq-box .title{
      font-size: 24px;
  }
  .faq-box-content .faq-box .faq-item.active .faq-title{
      font-size: 16px;
  }
  .faq-box-content .faq-box .faq-info{
      font-size: 13px;
  }
  .faq-box .faq-info{
      padding: 16px;
  }
  .faq-box{
      margin-bottom: 60px;
  }
  .business-box .select-box ul li svg{
      height: 16px;
      width: 16px;
      flex-shrink: 0;
  }
  .business-box .select-box{
      padding: 20px;
  }
  .business-box .select-box p{
      text-align: center;
      font-size: 24px;
  }
  .business-box,
  .business-box .select-box,
  .business-box .price-box{
      width: 100%;
  }
  .business-box .select-box ul li{
      font-size: 14px;
      margin-bottom:16px;
  }
  .business-box .price-box{
      padding: 20px;
  }
  .business-box .price-box .price-content{
      flex-direction: column;
  }
  .business-box .price-box{
      margin-top: -135px;
  }
  .price-box p{
      font-size: 14px;
  }
  .business-box .price-box .buy-pc.select{
      font-size: 16px;
      height: 56px;
  }
  .business-box .price-box .buy-pc.select .this-txt{
      padding: 18px 10px;
  }
  .price-box p{
      margin-bottom: 16px;
  }
  .business-box .price-box .price-line{
      margin: 20px 0;
  }
  .price-box .price-content .price-left .buy-tip {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
  }
  .price-box .price-content .price,
  .price-box .price-content .tax{
      text-align: center;
  }
  .price-box .price-content .price{
      font-size: 32px;
  }
  .cover-bt,
  .license-item .p-box-tip{
      margin-top: 20px;
  }
  .license-item .p-box-tip .bubble::before {
      left: 180px;
      top: -20px;
      transform: rotate(91deg);
  }
  .license-item .p-box-tip .bubble-desc {
      top: 50px;
      left: -140px;
  }
  .price-box .price-content .price-left .buy-tip .bubble::before {
      left: -12px;
      top: -33px;
  }
  .price-box .price-content .price-left .buy-tip .bubble-desc {
      top: 15px;
      left: -115px;
  }
  .price-box .price-content .price-left .buy-tip .item-bubble-toggle:hover .bubble::before{
      left: 11px;
      top: -5px;
      transform: rotate(90deg);
  }
  .price-ringht .lifetime-more .cover-bt {
    height: 56px;
    line-height: 56px;
    width: 100%;
  }
  .recommend-content .recommend:after,
  .recommend-content .recommend:before{
      display: none;
  }
}
@media (max-width: 575px) {
  .header-banner .license-item{
      width: 100%;
  }
  .header-banner .head-ul {
      padding: 0 20%;
  }

}
@media (max-width: 414px){
  .recommend-content .card{
      min-height: 205px;
  }
}
@media (max-width: 360px) {
  .license-item .price {
      font-size: 30px;
  }
  .header-banner .head-ul {
      padding: 0 15%;
  }
  .license-item .p-box-tip .bubble-desc{
      left: -225px;
  }
  .time {
      width: 100%;
  }
}
@media (max-width: 320px) {
  .license-item .price {
      font-size: 28px;
  }
}
.blob-btn__inner {
  z-index: -2;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

.blob-btn__blobs {
  position: relative;
  display: block;
  height: 100%;
  filter: url("#goo")
}

.blob-btn__blob {
  position: absolute;
  top: 6px;
  width: 25%;
  height: 100%;
  background: #0053FF;
  border-radius: 100%;
  transform: translate3d(0,150%,0) scale(1.7);
  transition: transform 0.45s
}
.blob-btn__blob-yellow{
  position: absolute;
  top: 6px;
  width: 25%;
  height: 100%;
  background: #FB3;
  border-radius: 100%;
  transform: translate3d(0,150%,0) scale(1.7);
  transition: transform 0.45s
}
@supports (filter: url("#goo")) {
  .blob-btn__blob,.blob-btn__blob-yellow {
      transform:translate3d(0,150%,0) scale(1.4)
  }
}

.blob-btn__blob:nth-child(1),
.blob-btn__blob-yellow:nth-child(1) {
  left: 0%;
  transition-delay: 0s
}

.blob-btn__blob:nth-child(2),
.blob-btn__blob-yellow:nth-child(2) {
  left: 30%;
  transition-delay: 0.08s
}

.blob-btn__blob:nth-child(3),
.blob-btn__blob-yellow:nth-child(3) {
  left: 60%;
  transition-delay: 0.16s
}

.blob-btn__blob:nth-child(4),
.blob-btn__blob-yellow:nth-child(4) {
  left: 90%;
  transition-delay: 0.24s
}

.btn-yellow:hover .blob-btn__blob-yellow {
  transform: translateZ(0) scale(1.7)
}
@supports (filter: url("#goo")) {
  .btn-yellow:hover .blob-btn__blob-yellow {
      transform:translateZ(0) scale(1.7)
  }
}
/* .btn-yellow:hover .blob-btn__inner {
  z-index: 999;
} */
.cover-bt .buy-btn {
  width: 100%;
  background: unset;
  border: unset;
  border-radius: unset;
}
.cover-bt .pay-btn {
  order:unset;
  height:auto;
  border-radius: unset;
  display: unset;
  font-size: unset;
  line-height:unset;
  font-weight: unset;
  margin: unset;
  cursor: pointer;
  margin-top: unset;
  background: unset;
  color: unset;
  display: unset;
  justify-content: unset;
  align-items: unset;
  /* border-radius: 12px;
  background: #FFE666;
  position: relative;
  z-index: 99; */
}
.cover-bt .buy-btn svg{
  display: none;
}
.cover-bt a.pay-btn:hover {
  color:unset;
}
.compare-btn{
  position: absolute;
  left: 0;
  bottom: -120px;
}

.efficient-swiper {
  padding: 100px 0;
  background: #EEF6FF;
}
.efficient-swiper h2 {
  color: #080B29;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 60px;
}
.efficient-swiper .img {
  max-width: 480px;
  width: 100%;
  margin: 0 96px
}
.efficient-swiper .img img{
  border-radius: 24px;
}
.efficient-swiper .efficient-swiper-pagination {
  display: flex;
  justify-content: center;
  position: relative;
}
:root{
  --index:0;
}
.efficient-swiper .efficient-swiper-pagination::after{
  content: '';
  position: absolute;
  height: 4px;
  width: 20%;
  left: calc(var(--index) * 20%);
  bottom: -9px;
  border-radius: 8px;
  background: #4858EC;
  transition: all 0.3s;
}
.efficient-swiper .swiper-pagination-bullet {
  width: auto;
  height: auto;
  background: none;
  opacity: 1;
  color: #666;
  position: relative
}
.efficient-swiper .efficient-swiper-pagination li {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 600;
  height: 132px;
  white-space: nowrap;
  flex-direction: column;
  width: 20%;
}
.efficient-swiper .efficient-swiper-pagination li div{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 2px 6px 0px rgba(72, 88, 236, 0.16);
}
.efficient-swiper .efficient-swiper-pagination li svg {
  width: 44px;
  height: 44px
}
.efficient-swiper .efficient-swiper-pagination li p {
  margin-top: 10px;
  font-size: 18px;
  color: #080B29;
}
.efficient-swiper .efficient-swiper-pagination .swiper-pagination-bullet-active p{
  position: relative;
  color: #4858EC;
}
.efficient-swiper .swiper-slide {
  background: #fff;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
.efficient-swiper .swiper-content {
  display: flex;
  align-items: center;
  margin: 55px 0;
}
.efficient-swiper .swiper-content h3 {
  color: #080B29;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
  font-weight: 700;
}
.efficient-swiper .swiper-content p {
  color: #080B29;
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
  position: relative;
  padding-left: 20px;
  display: flex;
  align-items: center;
}
.efficient-swiper .swiper-content p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 10px;
  height: 10px;
  background: url(../png/efficient_circle.png);
  background-size: contain
}
.efficient-swiper .swiper-content p svg{
  margin-left: 8px;
}
.efficient-swiper .swiper-button-prev,.efficient-swiper .swiper-container-rtl .swiper-button-next {
  display: none
}

.efficient-swiper .swiper-button-next,.efficient-swiper .swiper-container-rtl .swiper-button-prev {
  display: none
}
.efficient-swiper .top-time{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 234px;
  height: 56px;
  border-radius: 12px;
  border: 1px solid #080B29;
  color: #080B29;
  font-size: 16px;
  font-weight: 700;
  margin: 40px auto 0;
}
@media (max-width: 820px) {
  .efficient-swiper h2 {
      font-size: 24px;
      line-height: 32px;
  }
  .efficient-swiper .swiper-content h3 {
      margin:0 0 20px
  }
  .efficient-swiper .swiper-content .base-switching-button {
      margin-top: 30px
  }
  .efficient-swiper .img {
      margin-right: 20px
  }
}

@media (max-width: 768px) {
  .efficient-swiper .efficient-swiper-pagination::after{
      bottom: 3px;
  }
  .efficient-swiper .efficient-swiper-pagination li {
      margin-top: 10px;
      justify-content: center;
      height: 111px;
  }
  .efficient-swiper .swiper-slide{
      padding: 0 20px;
      min-height: 724px;
  }

  .efficient-swiper .swiper-content {
      flex-direction: column;
      margin-top: 30px;
  }
  .efficient-swiper .swiper-content h3{
      width: 100%;
      font-size: 20px;
      text-align: left;
  }
  .efficient-swiper .swiper-content p{
      display: block;
      font-size: 14px;
  }
  .efficient-swiper .img {
      margin: 0 0 30px
  }
  .efficient-swiper .img img{
      border-radius: 16px;
  }
  .efficient-swiper {
      padding: 60px 0;
  }
  .efficient-swiper h3 {
      text-align: center
  }
  .efficient-swiper .efficient-swiper-pagination li div{
      width: 48px;
      height: 48px;
      border-radius: 9px;
  }
  .efficient-swiper .efficient-swiper-pagination li svg{
      transform: scale(0.8);
  }
  .efficient-swiper .efficient-swiper-pagination li p{
      font-size: 12px;
      text-align: center;
  }
}

@media (max-width: 552px) {
  .efficient-swiper h2 {
      margin-bottom:30px
  }
  .efficient-swiper .efficient-swiper-pagination::after{
      display: none;
  }
  .efficient-swiper .efficient-swiper-pagination .swiper-pagination-bullet-active::after {
      content: '';
      position: absolute;
      height: 4px;
      width: 100%;
      left: 0;
      bottom: 0;
      border-radius: 8px;
      background: #4858EC;
      transition: width 3s ease-in-out;
  }
  .efficient-swiper .efficient-swiper-pagination li {
      width: 90px;
      margin: 0 10px!important
  }
  .efficient-swiper .efficient-swiper-pagination {
      width: 100%;
      border-bottom: none;
      overflow: auto;
      justify-content: flex-start;
  }
}

.compare h2{
  color: #080B29;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 60px;
  margin-top: 140px;
}
.compare .software {
  border-radius: 24px;
  background: rgba(51, 119, 255, 0.08);
  display: flex;
}
.compare .software .anyrcover {
  border-radius: 24px;
  background: linear-gradient(321deg, #5C62FF 24.17%, #4BC0FF 79.55%);
  width: 432px;
  height: 622px;
  padding: 30px 20px 20px;
  margin-right: 24px;
  position: relative;
}
.compare .software .anyrcover::before {
  content: '';
  position: absolute;
  right: 20px;
  top: 0px;
  width: 48px;
  height: 60px;
  background: url(../png/best.png);
  background-size: 100%;
}
.compare .software .anyrcover .logo-top,.compare .software .easy-star .logo-top {
  text-align: center;
  margin-bottom: 20px
}
.compare .software .anyrcover .any-content {
  background: #FFF;
  border-radius: 20px;
  padding: 12px;
  height: 516px;
  width: 392px
}
.compare .software .anyrcover .any-content .content-net {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px;
  margin-bottom: 12px
}
.compare .software .anyrcover .any-content .startext {
  background: rgba(255,255,255,.2);
  border-radius: 12px
}
.compare .software .anyrcover .any-content .text-fff {
  color: #080B29;
  line-height: 24px;
  font-weight: 700
}
.compare .software .anyrcover .any-content .content-net .right {
  display: flex;
  align-items: flex-end;
  flex-direction: column
}
.compare .software .anyrcover .any-content .content-net .right .bottom span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400
}
.compare .software .anyrcover .any-content .content-net .right .top span {
  font-weight: 400
}
.compare .software .easy-star {
  padding-top: 30px;
  padding-bottom: 20px;
  display: flex
}
.compare .software .easy-star .easy-star-itm {
  width: 202px;
  margin-right: 20px
}
.compare .software .easy-star .easy-star-itm .easy-content {
  border-radius: 20px;
  background: #FFF;
  padding: 12px;
  height: 516px
}
.compare .software .easy-star .easy-star-itm .easy-content .content-net {
  display: flex;
  flex-direction: column;
  padding: 18px 0;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700
}
.compare .software .easy-star .easy-star-itm .easy-content .content-net .right {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #080B29
}
.compare .software .easy-star .easy-star-itm .easy-content .content-net .right span {
  font-weight: 400
}
.compare .software .easy-star .easy-star-itm .easy-content .six-flex {
  padding: 8px 0
}
.compare .software .easy-star .easy-star-itm .easy-content .content-net .right .bottom span {
  font-size: 14px;
  line-height: 20px
}
.compare .base-switching-button {
  margin-top: 30px;
  display: flex;
  justify-content: center
}
.compare .base-switching-button .button {
  border-radius: 12px
}
.reduced-price-head-ul-box {
  text-align: center;
  color: #080B29;
  margin: 26px auto 20px;
}
.reduced-price-head-ul {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 3.53%, rgba(255, 255, 255, 0.18) 11.52%, #FFF 48.12%, rgba(255, 255, 255, 0.21) 89.36%, rgba(255, 255, 255, 0.00) 100%);
}
.reduced-price-head-ul li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 6px 15px;
}
.reduced-price-head-ul li svg {
  margin-right: 4px;
}
.reduced-price-head-ul li:not(:first-child):before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 1px;
  height: 15px;
  flex-shrink: 0;
  background: #DEE5EE;
}
@media (max-width: 1024px) {
  .reduced-price-head-ul li {
      padding: 6px 10px;
      font-size: 14px;
  }
}
@media (max-width: 992px) {
  .compare {
      padding:60px 0
  }

  .compare h3 {
      font-size: 24px;
      line-height: 32px;
      text-align: center;
      color: #080B29;
      margin-bottom: 30px
  }
}

@media (max-width: 768px) {
  .reduced-price-head-ul-box {
    margin: 16px 0;
  }
  .compare h2{
      font-size: 24px;
      line-height: 32px;
      margin-bottom: 30px;
      margin-top: 0;
  }
  .compare .software-s{
      overflow: scroll;
  }
  .compare .software {
      width: 1136px;
      border-radius:16px
  }
  .compare .software .anyrcover {
      border-radius: 16px;
      width: 320px;
      height: 474px;
      padding: 16px 10px 10px;
      margin-right: 10px
  }
  .compare .software .anyrcover .logo-top,.compare .software .easy-star .logo-top {
      text-align: center;
      margin-bottom: 16px
  }
  .compare .software .anyrcover .logo-top picture {
      width: 103px;
      height: 24px;
      margin: auto
  }
  .compare .software .anyrcover .any-content {
      border-radius: 12px;
      padding: 6px;
      width: 300px;
      height: 408px;
  }
  .compare .software .anyrcover .any-content .content-net {
      padding: 12px 10px;
      margin-bottom: 10px
  }
  .compare .software .anyrcover .any-content .startext {
      border-radius: 8px
  }
  .compare .software .anyrcover .any-content .text-fff {
      line-height: 20px;
      font-size: 14px
  }
  .compare .software .anyrcover .any-content .content-net-text {
      padding: 18px 10px
  }
  .compare .software .anyrcover .any-content .content-net .right {
      display: flex;
      align-items: flex-end;
      flex-direction: column
  }
  .compare .software .anyrcover .any-content .content-net .right .bottom span {
      font-size: 12px;
      line-height: 16px
  }
  .compare .software .easy-star {
      padding-top: 16px;
      padding-bottom: 9px
  }
  .compare .software .easy-star .easy-star-itm {
      width: 190px;
      height: 451px;
      margin-right: 10px
  }
  .compare .software .easy-star .logo-top picture img {
      height: 24px
  }
  .compare .software .easy-star .easy-star-itm .easy-content {
      border-radius: 12px;
      padding: 6px;
      height: 408px;
  }
  .compare .software .easy-star .easy-star-itm .easy-content .content-net {
      padding: 14px 0;
      margin-bottom: 10px;
      font-size: 14px;
      line-height: 20px!important;
      height: 48px
  }
  .compare .software .easy-star .easy-star-itm .easy-content .content-net .right span {
      font-weight: 400
  }
  .compare .software .easy-star .easy-star-itm .easy-content .six-flex {
      padding: 8px 0
  }
  .compare .software .easy-star .easy-star-itm .content-net-text {
      padding: 18px 0 14px
  }
  .compare .software .easy-star .content-net .right .bottom span {
      font-size: 12px;
      line-height: 16px
  }
}


.pay-btn-container{
  margin-top: 30px;
}

#paypal-one-year,
#paypal-one-month,
#paypal-lifetime{
  display: block;
}


.business-pay-btn-container .pay-btn.buy-btn.icart-btn,
.pay-btn-container .pay-btn.buy-btn.icart-btn{
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    width: 100%;
    height: 72px;
    line-height: 72px;
    border-radius: 12px;
    border: 0;
    margin-top: 0;
}

@media(max-width: 768px){
.pay-btn-container .pay-btn.buy-btn.icart-btn{
  height: 56px;
  line-height: 56px;
}
  
}

#paypal-one-year .pay-btn.buy-btn.icart-btn,
#paypal-one-month .pay-btn.buy-btn.icart-btn {
    color: #fff;
    background: #4858EC;
}

#paypal-lifetime .pay-btn.buy-btn.icart-btn{
  color: #080B29;
  background: #FFE666;
}


#paypal-one-year .pay-btn.buy-btn.icart-btn:hover,
#paypal-one-month .pay-btn.buy-btn.icart-btn:hover{
  background: #0053FF;
}

#paypal-lifetime .pay-btn.buy-btn.icart-btn:hover{
  background: #ffbb33;
}

.business-pay-btn-container{
  width: 258px;
}

@media(max-width: 768px){
  .business-pay-btn-container{
    margin-top: 20px;
    width: 100%;
  }
}

.business-pay-btn-container .pay-btn.buy-btn.icart-btn{
  background: #080B29;
  color: #fff;
}