/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 10vw;
}

@media (min-width: 769px) and (max-width: 1200px) {
  html {
    font-size: 120px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 14px;
  }
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

li {
  list-style: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Spartan", sans-serif;
  font-weight: normal;
  line-height: 1.1;
  color: #000;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: inherit;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 28px;
  margin-bottom: 14px;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 14px;
  margin-bottom: 14px;
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}

.h1extra {
  font-size: 68px;
}

h1,
.h1 {
  font-size: 46px;
}

h2,
.h2 {
  font-size: 34px;
}

h3,
.h3 {
  font-size: 28px;
}

h4,
.h4 {
  font-size: 20px;
}

h5,
.h5 {
  font-size: 18px;
}

h6,
.h6 {
  font-size: 16px;
}

._pc {
  display: block !important;
}

._mobile {
  display: none !important;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-primary,
.text-blue {
  color: #1264fc;
}

.text-success,
.text-green {
  color: #33c748;
}

.text-info .text-blue {
  color: #1264fc;
}

.text-warning,
.text-orange {
  color: #f7981c;
}

.text-error,
.text-red {
  color: #ed1c24;
}

.text-white {
  color: #fff;
}

.bg-primary {
  color: #fff;
  background-color: #1264fc;
}

.bg-success {
  color: #fff;
  background-color: #33c748;
}

.bg-info {
  color: #fff;
  background-color: #1264fc;
}

.bg-warning {
  color: #fff;
  background-color: #f7981c;
}

.bg-error {
  color: #fff;
  background-color: #ed1c24;
}

.header-nav{
  font-family: Lexend;
}

.header-nav p {
  padding: 0;
  line-height: 1;
}

.header-nav a {
  text-decoration: none;
  color: #1e1c2c;
}

.header-nav div {
  font-weight: 500;
  box-sizing: border-box;
}

.header-nav .nav-list.login .nav-login{
  position: relative;
  font-size: 16px;
}

span{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  vertical-align: baseline;
  box-sizing: border-box;
}

.button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "Spartan", sans-serif;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
}

.button:hover,
.button:focus,
.button.focus {
  color: #fff;
  text-decoration: none;
}

.button:active,
.button.active {
  outline: 0;
  background-image: none;
}

.button.disabled,
.button[disabled] {
  cursor: default;
}

.button.large {
  min-width: 198px;
  border-radius: 34px;
  font-size: 20px;
  padding: 7px 30px;
}

.button.large small {
  font-size: 16px;
}

.button.middle {
  font-size: 18px;
  padding: 1px 20px;
  border-radius: 24px;
}

.button.small {
  font-size: 14px;
  padding: 3px 16px;
  border-radius: 24px;
}

.button.small small {
  font-size: 12px;
}

.button.btn-jadegreen {
  color: #191920;
  background: #23fd47;
  box-shadow: 0 10px 46px rgba(0, 0, 0, 0.6);
}

.button.btn-jadegreen:hover {
  background: #4cff87;
}

.button.btn-green {
  color: #fff;
  background: #09ba2f;
}

.button.btn-green:hover {
  background: #38d65a;
}

.button.btn-orange {
  color: #fff;
  background: #ff5f00;
}

.button.btn-orange:hover {
  background: #ff8400;
}

.button.download {
  color: #fff;
  background: #09ba2f;
}

.button.download:hover {
  background: #4dbd65;
}

.button.btn-red {
  color: #fff;
  background: #d91f1f;
}

.button.btn-red:hover {
  background: #ff2919;
}

.button.btn-blue {
  color: #fff;
  background: #1264fc;
}

.button.btn-blue:hover {
  background: #4184ff;
}

.button.blkghost {
  color: #191920;
  border: 1px #191920 solid;
  background-color: transparent;
}

.button.blkghost:hover {
  color: #1264fc;
  border: 1px #1264fc solid;
  background-color: #ebf0f8;
}

.button.blk-green-ghost {
  color: #191920;
  border: 1px #191920 solid;
  background-color: transparent;
}

.button.blk-green-ghost:hover {
  color: #009a22;
  border: 1px #009a22 solid;
  background-color: rgba(9, 186, 47, 0.2);
}

.button.whiteghost {
  color: #fff;
  border: 1px #fff solid;
  background-color: transparent;
}

.button.whiteghost:hover {
  color: #fff;
  background-color: #45454d;
  border: 1px #fff solid;
}

.button.grayghost {
  color: #95959e;
  border: 1px #95959e solid;
  background-color: transparent;
}

.button.grayghost:hover {
  color: #eaeaee;
  background-color: #45454c;
  border: 1px #eaeaee solid;
}

.button.btn-ghost {
  color: #fff;
  color: #e3e5fe;
  background-color: rgba(255, 255, 255, 0.3);
}

.button.btn-ghost:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
}

.button.btn-google {
  text-indent: -9999px;
  background-color: #000;
  padding: 0;
}

.button.btn-google.middle {
  width: 144px;
  height: 34px;
  background: #000 url(../images/btn-google.png) center no-repeat;
}

.button.btn-google.large {
  width: 260px;
  height: 58px;
  background: #000 url(../images/btn-google-large.png) center no-repeat;
}

.button.text-link:hover {
  color: #1264fc;
  text-decoration: underline;
}

.button.noshadow {
  box-shadow: none;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

body {
  font-size: 14px;
  line-height: 2;
  color: #545454;
  font-family: "Spartan", Arial, sans-serif;
}

del {
  text-decoration: line-through;
}

hr {
  color: transparent;
  height: 1px;
  border: none;
  border-bottom: 1px solid #ccc;
  margin: 0;
  margin-bottom: 10px;
}

input,
select {
  outline: 0 none;
  vertical-align: middle;
}

input:focus {
  outline: none;
}

button {
  outline: none;
}

p {
  padding: 0 0 14px;
}

.container {
  position: relative;
  width: 1100px;
  min-width: 1100px;
  margin: 0 auto;
  height: inherit;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  color: #1264fc;
  vertical-align: baseline;
  background: transparent;
  outline: none;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: underline;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
  height: 0;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

.clear {
  clear: both;
}

.none {
  clear: none;
}

.underline {
  text-decoration: underline;
}

.line-through {
  text-decoration: line-through;
}

.nowrap {
  white-space: nowrap;
}

.hide {
  display: none;
}

.show,
.active {
  display: block;
}

.hidden {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

.inline {
  display: inline;
}

.graylayer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  background: #191920;
}

@keyframes shake-base {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }

  2% {
    transform: translate(-0.5px, 0.5px) rotate(-0.5deg);
  }

  4% {
    transform: translate(-2.5px, -1.5px) rotate(0.5deg);
  }

  6% {
    transform: translate(1.5px, 1.5px) rotate(-1.5deg);
  }

  8% {
    transform: translate(-1.5px, -2.5px) rotate(0.5deg);
  }

  10% {
    transform: translate(1.5px, 1.5px) rotate(-0.5deg);
  }

  12% {
    transform: translate(-1.5px, 1.5px) rotate(-1.5deg);
  }

  14% {
    transform: translate(-1.5px, 0.5px) rotate(0.5deg);
  }

  16% {
    transform: translate(0.5px, 0.5px) rotate(-0.5deg);
  }

  18% {
    transform: translate(0.5px, -2.5px) rotate(-0.5deg);
  }

  20% {
    transform: translate(-2.5px, 0.5px) rotate(-1.5deg);
  }

  22% {
    transform: translate(1.5px, 0.5px) rotate(-0.5deg);
  }

  24% {
    transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
  }

  26% {
    transform: translate(-1.5px, 1.5px) rotate(0.5deg);
  }

  28% {
    transform: translate(-1.5px, -0.5px) rotate(0.5deg);
  }

  30% {
    transform: translate(-2.5px, 0.5px) rotate(0.5deg);
  }

  32% {
    transform: translate(1.5px, -0.5px) rotate(-0.5deg);
  }

  34% {
    transform: translate(0.5px, -2.5px) rotate(-1.5deg);
  }

  36% {
    transform: translate(0.5px, -2.5px) rotate(-0.5deg);
  }

  38% {
    transform: translate(-2.5px, -0.5px) rotate(0.5deg);
  }

  40% {
    transform: translate(-0.5px, 1.5px) rotate(0.5deg);
  }

  42% {
    transform: translate(1.5px, 1.5px) rotate(-0.5deg);
  }

  44% {
    transform: translate(-2.5px, -2.5px) rotate(0.5deg);
  }

  46% {
    transform: translate(0.5px, -2.5px) rotate(0.5deg);
  }

  48% {
    transform: translate(-0.5px, -2.5px) rotate(-0.5deg);
  }

  50% {
    transform: translate(-0.5px, 0.5px) rotate(0.5deg);
  }

  52% {
    transform: translate(1.5px, 0.5px) rotate(0.5deg);
  }

  54% {
    transform: translate(-2.5px, 0.5px) rotate(-1.5deg);
  }

  56% {
    transform: translate(-2.5px, 1.5px) rotate(0.5deg);
  }

  58% {
    transform: translate(-2.5px, -2.5px) rotate(-0.5deg);
  }

  60% {
    transform: translate(-0.5px, -2.5px) rotate(-0.5deg);
  }

  62% {
    transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
  }

  64% {
    transform: translate(-1.5px, -0.5px) rotate(0.5deg);
  }

  66% {
    transform: translate(-2.5px, 0.5px) rotate(-0.5deg);
  }

  68% {
    transform: translate(-1.5px, -0.5px) rotate(0.5deg);
  }

  70% {
    transform: translate(0.5px, 1.5px) rotate(0.5deg);
  }

  72% {
    transform: translate(-2.5px, 1.5px) rotate(0.5deg);
  }

  74% {
    transform: translate(1.5px, -0.5px) rotate(0.5deg);
  }

  76% {
    transform: translate(-0.5px, -1.5px) rotate(0.5deg);
  }

  78% {
    transform: translate(-0.5px, -2.5px) rotate(0.5deg);
  }

  80% {
    transform: translate(1.5px, -0.5px) rotate(0.5deg);
  }

  82% {
    transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
  }

  84% {
    transform: translate(-1.5px, -1.5px) rotate(-0.5deg);
  }

  86% {
    transform: translate(0.5px, -0.5px) rotate(-1.5deg);
  }

  88% {
    transform: translate(-2.5px, -2.5px) rotate(-1.5deg);
  }

  90% {
    transform: translate(-1.5px, 1.5px) rotate(0.5deg);
  }

  92% {
    transform: translate(-1.5px, 0.5px) rotate(0.5deg);
  }

  94% {
    transform: translate(-1.5px, -0.5px) rotate(0.5deg);
  }

  96% {
    transform: translate(1.5px, 0.5px) rotate(-0.5deg);
  }

  98% {
    transform: translate(-0.5px, -1.5px) rotate(0.5deg);
  }
}

@keyframes move {
  0% {
    transform: translate(-40px, 40px);
  }

  25% {
    transform: translate(-20px, 20px);
  }

  50% {
    transform: translate(0, 0);
  }

  75% {
    transform: translate(20px, -20px);
  }

  100% {
    transform: translate(40px, -40px);
  }
}

@keyframes changebg {
  0% {
    background: #5b5d6d;
  }

  100% {
    background: #1264fc;
  }
}

i {
  display: inline-block;
}

.money-back {
  display: inline-block;
  width: 72px;
  height: 72px;
  background-repeat: no-repeat;
  background-position: left center;
}

.tags {
  position: relative;
  background-image: url(../images/tags.png);
  background-repeat: no-repeat;
}

.tags.new {
  width: 51px;
  height: 15px;
}

.tags.improved {
  width: 70px;
  height: 15px;
}

.tags.discount {
  position: relative;
  min-width: 100px;
  box-sizing: border-box;
  padding: 0 10px;
  width: auto;
  height: 31px;
  overflow: inherit;
  background: #09ba2f;
  background-position: 0 -30px;
}

.tags.discount:before {
  position: absolute;
  display: block;
  left: -15px;
  content: "";
  width: 15px;
  height: 31px;
  background: url(../images/tags.png) 0 -30px no-repeat;
}

.tags.tag-pc {
  width: 75px;
  height: 24px;
  background-position: 0 -70px;
}

.tags.tag-gift {
  width: 75px;
  height: 24px;
  background-position: 0 -100px;
}

.tags.tag-recommend {
  width: 60px;
  height: 60px;
  background-position: 0 -130px;
}

.tags.tag-error {
  width: 16px;
  height: 16px;
  background-position: 0 -200px;
}

.tags.tag-info {
  width: 16px;
  height: 16px;
  background-position: 0 -220px;
}

.tags.extra:after {
  position: absolute;
  content: "";
  top: 3px;
  right: -30px;
  width: 26px;
  height: 10px;
  display: block;
  background-image: url(../images/tag-extra.png);
  background-repeat: no-repeat;
}

.tags.extra.x2:after {
  background-position-y: 0;
}

.tags.extra.x3:after {
  background-position-y: -10px;
}

.tags.extra.x4:after {
  background-position-y: -20px;
}

.tags.extra.x5:after {
  background-position-y: -30px;
}

.tags.extra.x6:after {
  background-position-y: -40px;
}

.partner-icons {
  background: url(../images/affiliate/partner-icons.png) no-repeat;
}

.partner-icons.version {
  width: 19px;
  height: 17px;
  background-position: 0 0;
}

.partner-icons.email {
  width: 18px;
  height: 13px;
  background-position: 0 -17px;
}

.partner-icons.white-version {
  width: 19px;
  height: 17px;
  background-position: 0 -57px;
}

.statusinfo {
  position: relative;
  display: none;
  width: 1100px;
  padding: 8px 10px 8px 40px;
  color: #fff;
  line-height: 20px;
  border-radius: 3px;
  box-sizing: border-box;
}

.statusinfo a {
  color: #fff !important;
  text-decoration: underline;
}

.statusinfo.active {
  display: block;
}

.statusinfo::before {
  position: absolute;
  left: 14px;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../images/status-ico.png);
  background-repeat: no-repeat;
}

.statusinfo.success,
.statusinfo.warning {
  background-position: 0 0;
}

.statusinfo.success {
  color: #fff;
  background-color: #33c748;
}

.statusinfo.warning {
  color: #fff;
  background-color: #f7981c;
}

.statusinfo.info {
  color: #fff;
  background-color: #1264fc;
}

.statusinfo.call-center {
  margin-top: 10px;
}

.statusinfo.call-center::before {
  margin-top: 13px;
}

.statusinfo.call-center strong {
  font-family: "Spartan", sans-serif;
  font-weight: normal;
  line-height: 1.1;
  color: #000;
  margin-top: 28px;
  margin-bottom: 14px;
  font-size: 30px;
  color: #fff;
}

.statusinfo.call-center strong small,
.statusinfo.call-center strong .small {
  font-weight: normal;
  line-height: 1;
  color: inherit;
}

.statusinfo.call-center strong small,
.statusinfo.call-center strong .small {
  font-size: 65%;
}

html[lang="de"] .money-back {
  background-image: url(../images/guarantee/60daysmoneyback-72x72-de.png);
}

html[lang="de"] .tags.new {
  background-position: 0 -240px;
}

html[lang="de"] .tags.improved {
  background-position: 0 -255px;
}

html[lang="de"] .productslist .listcontainer .cate-list .list-box .button.middle {
  font-size: 14px;
  line-height: 32px;
}

html[lang="de"] .productslist .listcontainer .cate-list .list-box .button.middle:first-child {
  margin-right: 10px;
}

html[lang="de"] .footer .btm-nav .nav-zone .row {
  margin-left: 50px;
}

html[lang="de"] .coupon .mainpart {
  background: url("../images/popout/christmas/coupon/de.png");
}

html[lang="de"] .coupon .mainpart input[type="text"] {
  margin-left: 50px;
}

html[lang="de"] .coupon .mainpart .num {
  left: 266px;
}

html[lang="dk"] .money-back {
  background-image: url(../images/guarantee/60daysmoneyback-72x72-dk.png);
}

html[lang="dk"] .tags.new {
  background-position: 0 -480px;
}

html[lang="dk"] .tags.improved {
  background-position: 0 -495px;
}

html[lang="dk"] .coupon .mainpart {
  background: url("../images/popout/christmas/coupon/dk.png");
}

html[lang="dk"] .coupon .mainpart .num {
  left: 224px;
}

html[lang="en"] .money-back {
  background-image: url(../images/guarantee/60daysmoneyback-72x72-en.png);
}

html[lang="en"] .tags.new {
  background-position: 0 -270px;
}

html[lang="en"] .tags.improved {
  background-position: 0 -285px;
}

html[lang="en"] .coupon .mainpart {
  background: url("../images/popout/christmas/coupon/en.png");
}

html[lang="en"] .coupon .mainpart .num {
  left: 200px;
}

html[lang="es"] .money-back,
html[lang="es-ar"] .money-back,
html[lang="es-mx"] .money-back {
  background-image: url(../images/guarantee/60daysmoneyback-72x72-es.png);
}

html[lang="es"] .tags.new,
html[lang="es-ar"] .tags.new,
html[lang="es-mx"] .tags.new {
  background-position: 0 -300px;
}

html[lang="es"] .tags.improved,
html[lang="es-ar"] .tags.improved,
html[lang="es-mx"] .tags.improved {
  background-position: 0 -315px;
}

html[lang="es"] .productslist .listcontainer .cate-list .list-box .button.middle,
html[lang="es-ar"] .productslist .listcontainer .cate-list .list-box .button.middle,
html[lang="es-mx"] .productslist .listcontainer .cate-list .list-box .button.middle {
  font-size: 14px;
  line-height: 32px;
}

html[lang="es"] .productslist .listcontainer .cate-list .list-box .button.middle:first-child,
html[lang="es-ar"] .productslist .listcontainer .cate-list .list-box .button.middle:first-child,
html[lang="es-mx"] .productslist .listcontainer .cate-list .list-box .button.middle:first-child {
  margin-right: 10px;
}

html[lang="es"] .footer .btm-nav .nav-zone .row,
html[lang="es-ar"] .footer .btm-nav .nav-zone .row,
html[lang="es-mx"] .footer .btm-nav .nav-zone .row {
  margin-left: 50px;
}

html[lang="es"] .coupon,
html[lang="es-ar"] .coupon,
html[lang="es-mx"] .coupon {
  height: 199px;
}

html[lang="es"] .coupon .mainpart,
html[lang="es-ar"] .coupon .mainpart,
html[lang="es-mx"] .coupon .mainpart {
  background: url("../images/popout/christmas/coupon/es.png");
}

html[lang="es"] .coupon .mainpart .felid,
html[lang="es-ar"] .coupon .mainpart .felid,
html[lang="es-mx"] .coupon .mainpart .felid {
  margin-top: 80px;
}

html[lang="es"] .coupon .mainpart .num,
html[lang="es-ar"] .coupon .mainpart .num,
html[lang="es-mx"] .coupon .mainpart .num {
  left: 262px;
}

html[lang="fr"] .money-back {
  background-image: url(../images/guarantee/60daysmoneyback-72x72-fr.png);
}

html[lang="fr"] .tags.new {
  background-position: 0 -330px;
}

html[lang="fr"] .tags.improved {
  background-position: 0 -345px;
}

html[lang="fr"] .productslist .listcontainer .cate-list .list-box .button.middle:first-child {
  margin-right: 6px;
}

html[lang="fr"] .compare .pagebanner .update-heading .price-zone .button.btn-orange {
  padding: 7px 20px;
}

html[lang="fr"] .footer .btm-nav .nav-zone .row {
  margin-left: 50px;
}

html[lang="fr"] .footer .btm-nav .nav-zone .row:first-child {
  margin-left: 0;
}

html[lang="fr"] .coupon .mainpart {
  background: url("../images/popout/christmas/coupon/fr.png");
}

html[lang="fr"] .coupon .mainpart .num {
  left: 220px;
}

html[lang="it"] .money-back {
  background-image: url(../images/guarantee/60daysmoneyback-72x72-it.png);
}

html[lang="it"] .tags.new {
  background-position: 0 -360px;
}

html[lang="it"] .tags.improved {
  background-position: 0 -375px;
}

html[lang="it"] .footer .btm-nav .nav-zone .row {
  margin-left: 50px;
}

html[lang="it"] .footer .btm-nav .nav-zone .row:first-child {
  margin-left: 20px;
}

html[lang="it"] .coupon .mainpart {
  background: url("../images/popout/christmas/coupon/it.png");
}

html[lang="it"] .coupon .mainpart .num {
  left: 220px;
}

html[lang="nl"] .money-back {
  background-image: url(../images/guarantee/60daysmoneyback-72x72-nl.png);
}

html[lang="nl"] .tags.new {
  background-position: 0 -390px;
}

html[lang="nl"] .tags.improved {
  background-position: 0 -405px;
}

html[lang="nl"] .coupon .mainpart {
  background: url("../images/popout/christmas/coupon/nl.png");
}

html[lang="nl"] .coupon .mainpart .felid input[type="text"] {
  margin-left: 48px;
}

html[lang="nl"] .coupon .mainpart .num {
  left: 250px;
}

html[lang="pt"] .money-back {
  background-image: url(../images/guarantee/60daysmoneyback-72x72-pt.png);
}

html[lang="pt"] .tags.new {
  background-position: 0 -420px;
}

html[lang="pt"] .tags.improved {
  background-position: 0 -435px;
}

html[lang="pt"] .productslist .listcontainer .cate-list .list-box .button.middle {
  font-size: 14px;
  line-height: 32px;
}

html[lang="pt"] .productslist .listcontainer .cate-list .list-box .button.middle:first-child {
  margin-right: 10px;
}

html[lang="pt"] .footer .btm-nav .nav-zone .row {
  margin-left: 50px;
}

html[lang="pt"] .coupon .mainpart {
  background: url("../images/popout/christmas/coupon/pt.png");
}

html[lang="pt"] .coupon .mainpart .felid input[type="text"] {
  margin-left: 50px;
}

html[lang="pt"] .coupon .mainpart .num {
  left: 210px;
}

html[lang="ru"] .money-back {
  background: url(../images/guarantee/60daysmoneyback-72x72-ru.png) no-repeat left;
}

html[lang="ru"] .tags.new {
  background-position: 0 -510px;
}

html[lang="ru"] .tags.improved {
  background-position: 0 -525px;
}

html[lang="ru"] .footer .btm-nav .nav-zone .row:first-child {
  margin-left: 60px;
}

html[lang="ru"] .coupon {
  height: 196px;
}

html[lang="ru"] .coupon .mainpart {
  background: url("../images/popout/christmas/coupon/ru.png");
}

html[lang="ru"] .coupon .mainpart .felid {
  margin-top: 77px;
}

html[lang="ru"] .coupon .mainpart .felid input[type="text"] {
  margin-left: 33px;
}

html[lang="ru"] .coupon .mainpart .num {
  left: 252px;
}

html[lang="sv"] .money-back {
  background-image: url(../images/guarantee/60daysmoneyback-72x72-sv.png);
}

html[lang="sv"] .tags.new {
  background-position: 0 -450px;
}

html[lang="sv"] .tags.improved {
  background-position: 0 -465px;
}

html[lang="sv"] .compare .pagebanner .update-heading .price-zone .button.btn-orange {
  padding: 7px 0;
}

html[lang="sv"] .coupon .mainpart {
  background: url("../images/popout/christmas/coupon/sv.png");
}

html[lang="sv"] .coupon .mainpart .felid input[type="text"] {
  margin-left: 50px;
}

html[lang="sv"] .coupon .mainpart .num {
  left: 232px;
}

@media screen and (max-width: 767px) {
  html[lang="ru"] .money-back {
    background: url(../images/guarantee/60daysmoneyback-72x72-ru.png) no-repeat center top;
  }
  ._pc {
    display: none !important;
  }
  ._mobile {
    display: block !important;
  }
}

.to-top-etc {
  position: fixed;
  right: 0;
  bottom: 88px;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 182px;
}

.to-top-etc .to-top {
  position: relative;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  background-color: #e5e6ed;
}

.to-top-etc .to-top:before {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  display: block;
  width: 30%;
  height: 3px;
  border-radius: 3px;
  background-color: #25272d;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateX(-32%) rotate(-45deg);
  transform: translateX(-32%) rotate(-45deg);
}

.to-top-etc .to-top:after {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  display: block;
  width: 30%;
  height: 3px;
  border-radius: 3px;
  background-color: #25272d;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateX(32%) rotate(45deg);
  transform: translateX(32%) rotate(45deg);
}

.to-top-etc .to-top:hover {
  background-color: #d6d6d6;
}

.to-top-etc .to-top:hover:before {
  -webkit-transform: translateX(-38%) rotate(-38deg);
  transform: translateX(-38%) rotate(-38deg);
}

.to-top-etc .to-top:hover:after {
  -webkit-transform: translateX(38%) rotate(38deg);
  transform: translateX(38%) rotate(38deg);
}

@media screen and (max-width: 1500px) {

  .to-top-etc {
    right: 22px;
    bottom: 160px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 44px;
    height: 102px;
  }

  .to-top-etc .to-top {
    /* display: none; */
    width: 44px;
    height: 44px;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
  }

  .to-top-etc .to-top:before {
    height: 2px;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
  }

  .to-top-etc .to-top:after {
    height: 2px;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
  }

  .to-top-etc .to-top:hover {
    background-color: #e5e6ed;
  }

  .to-top-etc .to-top:hover:before {
    -webkit-transform: translateX(-32%) rotate(-45deg);
    transform: translateX(-32%) rotate(-45deg);
  }

  .to-top-etc .to-top:hover:after {
    -webkit-transform: translateX(32%) rotate(45deg);
    transform: translateX(32%) rotate(45deg);
  }

  .to-top-etc .to-top:active {
    background-color: #d6d6d6;
  }

  .to-top-etc .to-top:active:before {
    -webkit-transform: translateX(-38%) rotate(-38deg);
    transform: translateX(-38%) rotate(-38deg);
  }

  .to-top-etc .to-top:active:after {
    -webkit-transform: translateX(38%) rotate(38deg);
    transform: translateX(38%) rotate(38deg);
  }
}
.pop-isr {
  position: fixed;
  right: 5px;
  bottom: -300px;
  width: 213px;
  height: 261px;
  z-index: 999;
  transition: all 0.3s;
  background: url(../images/recorder/right-isr-pop.jpg);
}
.pop-isr.on {
  bottom: 0px;
}
.pop-isr .close {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 7px;
  right: 7px;cursor: pointer;
  background: url(../images/recorder/close.svg);
}
.pop-isr .get-btn {
  display: flex;
  width: 179px;
  height: 42px;
  margin: 0px auto;
  margin-top: 190px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font: normal normal bold 16px/18px Lexend;
  background: #FF6E39;
  box-shadow: 0px 12px 20px rgba(255, 127, 80, 0.32);
  border-radius: 8px;
}
.pop-isr .get-btn:hover{
  background: #fd9442;
 }
.pop-isr .close:hover {
  opacity: 0.8;
}
.search-zone {
  float: right;
  display: block;
  width: 240px;
  height: 28px;
  margin-top: 12px;
  overflow: hidden;
}

.search-zone .search-bar {
  position: absolute;
  right: 0;
  border: 1px transparent solid;
  width: 26px;
  height: 26px;
  border-radius: 15px;
  transition: all 0.5s;
}

.search-zone .search-bar.active {
  width: 238px;
  border: 1px #45455b solid;
}

.search-zone .search-bar.active input[type="text"] {
  width: 190px;
  transition: all 0.5s;
  opacity: 1;
  font-size: 12px;
}

.search-zone .search-bar.active ::-webkit-input-placeholder {
  color: #aeb5ca;
}

.search-zone .search-bar.active.on-error {
  background: #441716;
  border: 1px #741411 solid;
  animation-name: shake-base;
  animation-duration: 400ms;
  animation-timing-function: ease-in-out;
}

.search-zone .search-bar.active.on-error input[type="text"] {
  color: #f60;
}

.search-zone .search-bar.active.on-error ::-webkit-input-placeholder {
  color: #f60;
}

.search-zone .search-bar.active.on-error .search-btn {
  background: #523131;
}

.search-zone .search-bar.active.on-error .search-btn i {
  color: #3b1716;
}

.search-zone input[type="text"] {
  width: 0;
  height: 24px;
  margin-left: 12px;
  border: none;
  background: transparent;
  opacity: 0;
  color: #aeb5ca;
}

.search-zone .search-btn {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 23px;
  height: 23px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  background: #45455b;
  cursor: pointer;
}

.search-zone .search-btn i {
  color: #2c2c40;
  line-height: 23px;
}

.category-nav {
  height: 135px;
  border-bottom: solid #e9ecf1 1px;
}

.category-nav ul {
  list-style-type: none;
}

.category-nav ul li {
  float: left;
  text-align: center;
  width: 16.66666667%;
}

.category-nav ul li a {
  display: block;
  height: 134px;
  color: #000;
  font-size: 18px;
  font-family: "Spartan", sans-serif;
}

.category-nav ul li a i {
  margin-top: 30px;
  display: inline-block;
  width: 43px;
  height: 43px;
  background-image: url(../images/category-icon.png);
  background-repeat: no-repeat;
}

.category-nav ul li a i.faqs {
  background-position: 0 0;
}

.category-nav ul li a i.reinstall {
  background-position: -45px 0;
}

.category-nav ul li a i.transfer {
  background-position: -90px 0;
}

.category-nav ul li a i.resend {
  background-position: -135px 0;
}

.category-nav ul li a i.renew {
  background-position: -180px 0;
}

.category-nav ul li a i.online-support,
.category-nav ul li a i.newsletter {
  background-position: -225px 0;
}

.category-nav ul li a i.about {
  background-position: 0 -90px;
}

.category-nav ul li a i.partners {
  background-position: -45px -90px;
}

.category-nav ul li a i.awards {
  background-position: -90px -90px;
}

.category-nav ul li a i.pressroom {
  background-position: -135px -90px;
}

.category-nav ul li a i.contact {
  background-position: -180px -90px;
}

.category-nav ul li a i.features {
  background-position: -270px -90px;
}

.category-nav ul li a i.knowledge {
  background-position: -315px -90px;
}

.category-nav ul li a span {
  display: block;
  line-height: 20px;
}

.category-nav ul li a:hover,
.category-nav ul li a.active {
  border-bottom: solid #1264fc 2px;
  background-color: #eef0f5;
  text-decoration: none;
  color: #1264fc;
}

.category-nav ul li a:hover .about,
.category-nav ul li a.active .about {
  background-position: 0 -135px;
}

.category-nav ul li a:hover .partners,
.category-nav ul li a.active .partners {
  background-position: -45px -135px;
}

.category-nav ul li a:hover .awards,
.category-nav ul li a.active .awards {
  background-position: -90px -135px;
}

.category-nav ul li a:hover .pressroom,
.category-nav ul li a.active .pressroom {
  background-position: -135px -135px;
}

.category-nav ul li a:hover .contact,
.category-nav ul li a.active .contact {
  background-position: -180px -135px;
}

.category-nav ul li a:hover .online-support,
.category-nav ul li a.active .online-support,
.category-nav ul li a:hover .newsletter,
.category-nav ul li a.active .newsletter {
  background-position: -225px -135px;
}

.category-nav ul li a:hover .features,
.category-nav ul li a.active .features {
  background-position: -270px -135px;
}

.category-nav ul li a:hover .knowledge,
.category-nav ul li a.active .knowledge {
  background-position: -315px -135px;
}

.category-nav ul li a:hover .faqs,
.category-nav ul li a.active .faqs {
  background-position: 0 -45px;
}

.category-nav ul li a:hover .reinstall,
.category-nav ul li a.active .reinstall {
  background-position: -45px -45px;
}

.category-nav ul li a:hover .transfer,
.category-nav ul li a.active .transfer {
  background-position: -90px -45px;
}

.category-nav ul li a:hover .resend,
.category-nav ul li a.active .resend {
  background-position: -135px -45px;
}

.category-nav ul li a:hover .renew,
.category-nav ul li a.active .renew {
  background-position: -180px -45px;
}

.about .category-nav ul>li,
.partner .category-nav ul>li,
.contact .category-nav ul>li,
.subscribe .category-nav ul>li {
  width: 20%;
}

.home .container {
  height: auto;
}

.home .banner {
  position: relative;
  height: 800px;
  width: 100%;
  min-width: 1100px;
  display: block;
  background: #1d2026;
  overflow: hidden;
}

.home .banner .container {
  position: relative;
  z-index: 1;
}

.home .banner .banner-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.home .banner .banner-image>img {
  display: block;
  position: absolute;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
}

.home .banner .pop-christmas {
  position: absolute;
  width: 1200px;
  min-height: 30px;
  left: 0;
  right: 0;
  top: 55px;
  margin: auto;
  line-height: 30px;
  background: #940000;
  color: #fff;
  z-index: 6;
  text-align: center;
}

.home .banner .pop-christmas span {
  text-decoration: underline;
}

.home .banner .black-pop {
  width: 100%;
  position: absolute;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  z-index: 3;
  background: url(../images/store-xma/pop-bg.jpg) center no-repeat;
}

.home .banner .black-pop img {
  display: inline-block;
  vertical-align: middle;
}

.home .banner .black-pop span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px;
  width: 76px;
  height: 42px;
  background: url(../images/store-xma/snowman.png);
}

.home .banner .black-pop a {
  text-decoration: underline;
  color: #fff177;
  text-shadow: 0 4px 6px rgba(5, 86, 59, 0.75);
}

.home .banner .black-pop a.button {
  display: inline-block;
  vertical-align: middle;
  width: 113px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  border-radius: 25px;
  font-size: 14px;
  color: #000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  background-image: -moz-linear-gradient(-180deg, #ffd597 0, #ffc354 88%);
  background-image: -webkit-linear-gradient(-180deg, #ffd597 0, #ffc354 88%);
  background-image: -ms-linear-gradient(-180deg, #ffd597 0, #ffc354 88%);
  box-shadow: 0.53px 0.848px 10px 0 rgba(5, 73, 50, 0.67);
}

.home .banner .container {
  width: 1298px;
  min-width: 1298px;
  overflow: visible;
}

.home .banner .text-zone {
  float: left;
  width: 660px;
  margin-left: 0;
  margin-top: 265px;
}

.home .banner .text-zone h1 {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-bottom: 18px;
  font-size: 44px;
  color: #fff;
}

.home .banner .text-zone p.subtitle {
  display: block;
  position: relative;
  z-index: 2;
  color: rgba(255, 255, 255, 0.5);
  min-height: 100px;
  font-size: 20px;
  line-height: 30px;
}

.home .banner .text-zone p.subtitle.isusubtitle {
  color: #fff;
}

.home .banner .text-zone .img-box {
  position: absolute;
  width: 856px;
  height: 687px;
  right: -200px;
  top: 50px;
}

.home .banner .text-zone .advantage {
  position: relative;
  display: inline-block;
  margin-bottom: 24px;
  background: #222332;
  border-left: solid #1de0ff 3px;
}

.home .banner .text-zone .advantage ul {
  list-style: none;
  min-width: 264px;
  margin: 18px 28px;
}

.home .banner .text-zone .advantage ul li {
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}

.home .banner .text-zone .advantage ul li sup {
  font-size: 12px;
  color: #ff9000;
  text-transform: uppercase;
  font-style: italic;
}

.home .banner .text-zone .btn-zone {
  display: block;
  margin-top: 34px;
}

.home .banner .text-zone .btn-zone .btn-jadegreen {
  box-shadow: none;
  padding: 5px 50px;
  color: #191920;
  font-size: 20px;
  background-color: #23fd47;
  box-shadow: 0 15px 27px 3px rgba(38, 25, 29, 0.2);
}

.home .banner .text-zone .btn-zone .btn-jadegreen:hover {
  background-color: #44fa62;
}

.home .banner .text-zone.text-zoneisu {
  max-width: 500px;
  margin-top: 200px;
}

.home h2.center-title {
  position: relative;
  display: block;
  text-align: center;
}

.home h2.center-title:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  content: "";
  width: 20px;
  height: 4px;
  display: block;
  background: #1264fc;
}

.home .h2sub {
  font-size: 18px;
}

.home .major-product {
  height: 805px;
  min-width: 1100px;
  display: block;
  padding-top: 86px;
  box-sizing: border-box;
  background: #fff url(../images/home/major-bg.jpg) center bottom no-repeat;
}

.home .major-product .h2sub {
  display: block;
  margin: 10px 0;
  text-align: center;
}

.home .major-product .abs-image {
  display: block;
  float: left;
  margin-top: 40px;
  margin-left: -276px;
}

.home .major-product .intro {
  float: right;
  width: 530px;
}

.home .major-product .intro .list {
  margin-top: 16px;
}

.home .major-product .intro .list dl {
  display: block;
  padding: 15px 0;
}

.home .major-product .intro .list dl dt {
  display: block;
  height: 52px;
  color: #000;
}

.home .major-product .intro .list dl dt embed {
  float: left;
  width: 52px;
  height: 52px;
}

.home .major-product .intro .list dl dt img {
  float: left;
}

.home .major-product .intro .list dl dt span {
  display: inline-block;
  margin-top: 8px;
  margin-left: 12px;
  font-size: 20px;
  font-family: "Spartan", sans-serif;
}

.home .major-product .intro .btn-zone {
  display: block;
  margin-top: 40px;
}

.home .major-product .intro .btn-zone .button.blkghost span {
  padding: 12px 60px;
  font-size: 22px;
}

.home .sublevel {
  height: 600px;
  min-width: 1100px;
  box-sizing: border-box;
  padding-top: 140px;
}

.home .sublevel.imf {
  background: url(../images/home/sublevel-bg-imf.jpg) center top no-repeat;
}

.home .sublevel.iu {
  background: url(../images/home/sublevel-bg-iu.jpg) center top no-repeat;
}

.home .sublevel.asc {
  background: url(../images/home/sublevel-bg-asc.jpg) center top no-repeat;
}

.home .sublevel.db {
  background: url(../images/home/sublevel-bg-db.jpg) center top no-repeat;
}

.home .sublevel.single {
  color: #fff;
}

.home .sublevel.single h2 {
  color: #fff !important;
}

.home .sublevel.single .detail-zone {
  width: 560px;
  font-weight: normal;
}

.home .sublevel.single .detail-zone .h2sub {
  display: block;
  margin-top: 12px;
}

.home .sublevel.single .detail-zone .btn-zone {
  display: block;
  margin-top: 54px;
}

.home .sublevel.single .detail-zone .btn-zone .button.whiteghost span {
  padding: 12px 60px;
}

.home .sublevel.double {
  background: #dadadf;
}

.home .sublevel.double .detail-zone {
  float: right;
  width: 530px;
  font-weight: normal;
}

.home .sublevel.double .detail-zone h2 {
  color: #000;
}

.home .sublevel.double .detail-zone .h2sub {
  display: block;
  margin-top: 12px;
  line-height: 36px;
}

.home .sublevel.double .detail-zone .btn-zone {
  display: block;
  margin-top: 54px;
}

.home .sublevel.double .detail-zone .btn-zone .button.blkghost span {
  padding: 12px 60px;
}

.home .sublevel.double .abs-image {
  position: absolute;
  top: -100px;
  left: -165px;
}

.home .sublevel.third {
  background: #302b42;
}

.home .sublevel.third .detail-zone {
  float: left;
  width: 530px;
  font-weight: normal;
  color: #fff;
}

.home .sublevel.third .detail-zone h2 {
  color: #fff;
}

.home .sublevel.third .detail-zone .h2sub {
  display: block;
  margin-top: 12px;
  line-height: 36px;
}

.home .sublevel.third .detail-zone .btn-zone {
  display: block;
  margin-top: 54px;
}

.home .sublevel.third .detail-zone .btn-zone .blkghost {
  border: solid #fff 1px;
  color: #fff;
}

.home .sublevel.third .detail-zone .btn-zone .blkghost:hover {
  color: #1264fc;
  border: 1px #1264fc solid;
}

.home .sublevel.third .abs-image {
  position: absolute;
  top: -100px;
  right: 0;
}

.home .awards {
  display: block;
  height: 640px;
  background: #fff;
  box-sizing: border-box;
  padding-top: 120px;
}

.home .awards .h2sub {
  display: block;
  margin-top: 30px;
  text-align: center;
}

.home .awards .medal-zone {
  display: block;
  margin-top: 50px;
  height: 220px;
  box-shadow: 0 10px 45px #ebebf1;
}

.home .awards .medal-zone ul {
  display: inline-block;
  list-style: none;
  height: 160px;
  margin-top: 30px;
}

.home .awards .medal-zone ul li {
  float: left;
  text-align: center;
  height: inherit;
  padding: 0 29px;
  border-right: 1px #ececf2 solid;
}

.home .awards .medal-zone ul li:last-child {
  border-right: 0;
}

.home .awards .medal-zone ul li img {
  display: block;
  margin-top: 27px;
}

.store {
  background: #eef0f5;
}

.store .banner {
  position: relative;
  display: block;
  height: 596px;
  width: inherit;
  text-align: center;
  background: #625c5f url(../images/banner/store-banner.jpg) center top no-repeat;
}

.store .banner h1 {
  display: inline-block;
  margin-top: 70px;
  color: #fff;
  text-shadow: 0 6px 10px rgba(0, 0, 0, 0.5);
}

.store .banner .h1sub {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 20px;
  line-height: 1.1;
  text-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}

.store .banner .h1sub strong {
  font-size: 30px;
  font-weight: normal;
}

.store .banner .showcase {
  position: absolute;
  top: 202px;
  left: 60px;
  width: 980px;
  height: 200px;
  background: url(../images/store/content-bg.png);
}

.store .banner .showcase h3 {
  font-size: 16px;
}

.store .banner .showcase dl {
  float: left;
  display: block;
  width: 220px;
  height: 200px;
  margin-right: 10px;
}

.store .banner .showcase dl dt {
  margin-top: 16px;
}

.store .banner .showcase dl dt img {
  width: 75px;
  height: 75px;
}

.store .banner .showcase dl dd .tags {
  display: block;
  margin: 10px auto 8px;
  font-style: normal;
  color: #fff;
}

.store .banner .showcase dl dd .tags span {
  display: block;
  width: 50px;
  margin-top: 2px;
  margin-left: 22px;
  text-align: center;
}

.store .banner .showcase dl dd .tags.tag-pc span {
  margin-top: -2px;
}

.store .banner .showcase dl dd:last-child {
  line-height: 1.2;
}

.store .banner .showcase dl:first-child {
  width: 240px;
  margin-right: 58px;
}

.store .banner .showcase dl:last-child {
  margin-right: 0;
}

.store .banner .btn-zone {
  position: relative;
  display: block;
  margin: 0 auto;
  margin-top: 260px;
}

.store .banner .btn-zone dl dt {
  display: inline-block;
  color: #fff;
  font-size: 44px;
  text-shadow: 0 5px 7px rgba(0, 0, 0, 0.4);
  line-height: 1.1;
}

.store .banner .btn-zone dl dt del {
  font-size: 20px;
  color: #9d9d9d;
}

.store .banner .btn-zone .money-back {
  position: absolute;
  top: 45px;
  right: -92px;
}

.store .banner .btn-zone .btn-orange {
  margin-top: 6px;
  padding: 7px 22px;
}

.store .showcase h2 {
  display: inline-block;
  width: 100%;
  margin-top: 80px;
  font-size: 46px;
  text-align: center;
}

.store .showcase .h2sub {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  text-align: center;
}

.store .showcase .shelf {
  display: block;
  box-sizing: border-box;
  background: #fff;
  border: 1px #dbdfe7 solid;
}

.store .showcase .shelf .boxshot {
  display: block;
  width: 354px;
  background-position: 23px 17px;
  background-repeat: no-repeat;
}

.store .showcase .shelf .boxshot img {
  display: block;
  width: 160px;
  margin: 0 auto;
}

.store .showcase .shelf .boxshot.asc {
  background-color: #d1dce7;
  background-image: url(../images/products/store/shelf-icon-asc.png);
}

.store .showcase .shelf .boxshot.ascu {
  background-color: #d1dce7;
  background-image: url(../images/products/store/shelf-icon-ascu.png);
}

.store .showcase .shelf .boxshot.db {
  background-color: #e7d8d8;
  background-image: url(../images/products/store/shelf-icon-db.png);
}

.store .showcase .shelf .boxshot.imf {
  background-color: #d1e3dd;
  background-image: url(../images/products/store/shelf-icon-imf.png);
}

.store .showcase .shelf .boxshot.iu {
  background-color: #d6e6d6;
  background-image: url(../images/products/store/shelf-icon-iu.png);
}

.store .showcase .shelf .boxshot.isr {
  background-color: #efdee2;
  background-image: url(../images/products/store/shelf-icon-isr.png);
}

.store .showcase .shelf .boxshot.isu {
  background-color: #d6d9e6;
  background-image: url(../images/products/store/shelf-icon-isu.png);
}

.store .showcase .shelf .boxshot.sd {
  background-color: #d8e4ea;
  background-image: url(../images/products/store/shelf-icon-sd.png);
}

.store .showcase .shelf .boxshot.sm8 {
  background-color: #e4dad1;
  background-image: url(../images/products/store/shelf-icon-sm8.png);
}

.store .showcase .shelf .boxshot.pf {
  background-color: #ddd;
  background-image: url(../images/products/store/shelf-icon-pf.png);
}

.store .showcase .shelf .boxshot.amc {
  background-color: #d4e4e6;
  background-image: url(../images/products/store/shelf-icon-amc.png);
}

.store .showcase .shelf .intro {
  position: relative;
}

.store .showcase .shelf .intro .btn-zone dt {
  font-size: 26px;
  color: #000;
}

.store .showcase .shelf .intro .btn-zone dt del {
  font-size: 16px;
  color: #545454;
}

.store .showcase .shelf .intro .btn-zone .btn-orange {
  min-width: 200px;
  padding: 6px 20px;
}

.store .showcase .shelf:hover {
  border: 1px #ff5f00 solid;
}

.store .showcase .horizontal .shelf {
  width: 1100px;
  height: 210px;
  margin: 30px 0;
}

.store .showcase .horizontal .shelf .boxshot {
  float: left;
  height: 208px;
}

.store .showcase .horizontal .shelf .boxshot img {
  margin-top: 30px;
}

.store .showcase .horizontal .shelf .intro {
  float: left;
  width: 510px;
  height: inherit;
  margin-left: 54px;
}

.store .showcase .horizontal .shelf .intro h4 {
  margin: 8px 0;
  margin-top: 28px;
}

.store .showcase .horizontal .shelf .intro .btn-zone {
  position: absolute;
  bottom: 28px;
}

.store .showcase .horizontal .shelf .intro .btn-zone dt,
.store .showcase .horizontal .shelf .intro .btn-zone dd {
  float: left;
}

.store .showcase .horizontal .shelf .intro .btn-zone .btn-orange {
  margin-left: 20px;
}

.store .showcase .horizontal .shelf .tags {
  float: right;
  margin-top: 30px;
  margin-right: 30px;
}

.store .showcase .vertical .shelf {
  float: left;
  width: 356px;
  height: 480px;
  margin-right: 16px;
  margin-bottom: 30px;
}

.store .showcase .vertical .shelf:nth-child(3n) {
  margin-right: 0;
}

.store .showcase .vertical .shelf .boxshot {
  display: inline-block;
  height: 200px;
}

.store .showcase .vertical .shelf .boxshot img {
  margin-top: 30px;
}

.store .showcase .vertical .shelf .intro {
  position: relative;
  height: 278px;
  width: 100%;
  text-align: center;
  margin-top: -10px;
}

.store .showcase .vertical .shelf .intro h4 {
  display: inline-block;
  margin-top: 24px;
}

.store .showcase .vertical .shelf .intro h4 small {
  display: block;
  margin-top: 10px;
  margin-bottom: 14px;
}

.store .showcase .vertical .shelf .intro ul {
  list-style: none;
}

.store .showcase .vertical .shelf .intro ul li {
  line-height: 1.5;
  margin: 4px 0;
}

.store .showcase .vertical .shelf .intro .btn-zone {
  width: 100%;
  position: absolute;
  bottom: 24px;
}

.store .showcase .vertical .shelf .intro .btn-zone dt {
  line-height: 1.1;
  margin-bottom: 4px;
}

.store .guarantee {
  display: block;
  height: 100px;
  margin-bottom: 80px;
  box-sizing: border-box;
  background: #fff;
  border: 1px #dbdfe7 solid;
}

.store .guarantee .money-back,
.store .guarantee .secure-payment {
  margin-top: 14px;
  padding-left: 90px;
  min-height: 74px;
}

.store .guarantee .money-back h6,
.store .guarantee .secure-payment h6 {
  margin: 8px 0;
}

.store .guarantee .money-back p,
.store .guarantee .secure-payment p {
  font-size: 12px;
  line-height: 1.4;
}

.store .guarantee .money-back {
  float: left;
  width: 440px;
  margin-left: 35px;
}

.store .guarantee .secure-payment {
  float: right;
  width: 270px;
  margin-right: 26px;
  background: url(../images/secure-payment.png) left center no-repeat;
}

.store.store-xms .banner {
  background: #625c5f url(../images/store-xma/banner.jpg) center bottom no-repeat;
}

.store.store-xms .banner h1 {
  text-shadow: 0.927px 2.853px 6.58px rgba(140, 0, 0, 0.4);
}

.store.store-xms .banner .h1sub {
  text-shadow: none;
}

.store.store-xms .banner .store-message {
  width: 1030px;
  height: 353px;
  margin: 0 auto;
  margin-top: 30px;
  background: #fff url(../images/store-xma/content-bg.png) no-repeat right bottom;
}

.store.store-xms .banner .store-message .left-message {
  float: left;
  width: 307px;
}

.store.store-xms .banner .store-message .left-message h3 {
  height: 52px;
  line-height: 52px;
  background-color: #646464;
  color: #efefef;
  font-size: 16px;
}

.store.store-xms .banner .store-message .left-message dl {
  margin-top: 1px;
  height: 149px;
  background-color: #d2d2d2;
  color: #545454;
}

.store.store-xms .banner .store-message .left-message dl dt {
  padding-top: 15px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
}

.store.store-xms .banner .store-message .left-message dl dt span {
  display: block;
  font-size: 12px;
}

.store.store-xms .banner .store-message .left-message dl dd {
  text-align: center;
}

.store.store-xms .banner .store-message .left-message dl dd span {
  display: inline-block;
  height: 23px;
  line-height: 23px;
  padding: 0 15px;
  border-radius: 25px;
  background-color: #efefef;
}

.store.store-xms .banner .store-message .left-message dl dd strong {
  font-size: 26px;
  font-weight: normal;
}

.store.store-xms .banner .store-message .left-message dl dd del {
  font-size: 16px;
}

.store.store-xms .banner .store-message .left-message dl.last {
  background-color: #ebe8e8;
}

.store.store-xms .banner .store-message .left-message dl.last dd span {
  background-color: #f7f7f7;
}

.store.store-xms .banner .store-message .right-message {
  width: 722px;
  float: right;
}

.store.store-xms .banner .store-message .right-message h3 {
  overflow: hidden;
  height: 53px;
  line-height: 53px;
  text-align: left;
  background-image: -moz-linear-gradient(0deg,
      #fedea7 0,
      #faecd4 100%,
      #8377fa 100%);
  background-image: -webkit-linear-gradient(0deg,
      #fedea7 0,
      #faecd4 100%,
      #8377fa 100%);
  background-image: -ms-linear-gradient(0deg,
      #fedea7 0,
      #faecd4 100%,
      #8377fa 100%);
}

.store.store-xms .banner .store-message .right-message h3 span {
  float: left;
  width: 270px;
  text-align: center;
  font-size: 16px;
}

.store.store-xms .banner .store-message .right-message h3 span em {
  font-size: 20px;
  color: #02a819;
  font-style: inherit;
}

.store.store-xms .banner .store-message .right-message h3 strong {
  float: right;
  text-align: center;
  width: 452px;
  background-image: -moz-linear-gradient(0deg,
      #ffd695 0,
      #faecd4 100%,
      #8377fa 100%);
  background-image: -webkit-linear-gradient(0deg,
      #ffd695 0,
      #faecd4 100%,
      #8377fa 100%);
  background-image: -ms-linear-gradient(0deg,
      #ffd695 0,
      #faecd4 100%,
      #8377fa 100%);
}

.store.store-xms .banner .store-message .right-message h3 strong b {
  color: #ff0200;
}

.store.store-xms .banner .store-message .right-message .img-box {
  position: relative;
  float: left;
  width: 296px;
  height: 216px;
  margin-top: 44px;
  margin-left: 10px;
  background: url(../images/store-xma/imgbox.png) no-repeat center;
}

.store.store-xms .banner .store-message .right-message .img-box span {
  position: absolute;
  top: 154px;
  left: 163px;
  font-size: 16px;
  color: #fff;
  text-shadow: 0 2px 1.96px #b55200;
}

.store.store-xms .banner .store-message .right-message .img-box.day2 {
  background: url(../images/store-xma/day2.png) no-repeat center;
}

.store.store-xms .banner .store-message .right-message .img-box.day3 {
  background: url(../images/store-xma/day3.png) no-repeat center;
}

.store.store-xms .banner .store-message .right-message .img-box.day3 span {
  left: 206px;
}

.store.store-xms .banner .store-message .right-message .img-box.day4 {
  background: url(../images/store-xma/day4.png) no-repeat center;
}

.store.store-xms .banner .store-message .right-message .img-box.day5 {
  background: url(../images/store-xma/day5.png) no-repeat center;
}

.store.store-xms .banner .store-message .right-message .img-box.day5 span {
  display: none;
}

.store.store-xms .banner .store-message .right-message .img-box.day6 {
  background: url(../images/store-xma/day6.png) no-repeat center;
}

.store.store-xms .banner .store-message .right-message .img-box.day6 span {
  left: 206px;
}

.store.store-xms .banner .store-message .right-message .img-box.day7 {
  background: url(../images/store-xma/day7.png) no-repeat center;
}

.store.store-xms .banner .store-message .right-message .img-box.day7 span {
  display: none;
}

.store.store-xms .banner .store-message .right-message .box-message {
  position: relative;
  float: left;
  margin-left: 10px;
  margin-top: 35px;
  width: 375px;
  text-align: center;
}

.store.store-xms .banner .store-message .right-message .box-message h4 {
  font-size: 20px;
}

.store.store-xms .banner .store-message .right-message .box-message p {
  padding-top: 5px;
  color: #545454;
}

.store.store-xms .banner .store-message .right-message .box-message p strong {
  color: #f80202;
}

.store.store-xms .banner .store-message .right-message .box-message dl dt strong {
  color: #000;
  font-size: 40px;
}

.store.store-xms .banner .store-message .right-message .box-message dl dt del {
  font-size: 16px;
  color: #545454;
}

.store.store-xms .banner .store-message .right-message .box-message dl dd .button {
  height: 60px;
  line-height: 60px;
  padding: 0 35px;
  border-radius: 35px;
}

.store.store-xms .banner .store-message .right-message .box-message .money-back {
  position: absolute;
  right: -2px;
  bottom: -4px;
}

.store.store-xms .showcase .horizontal .shelf .boxshot,
.store.store-xms .showcase .vertical .shelf .boxshot {
  position: relative;
}

.store.store-xms .showcase .horizontal .shelf .boxshot .discount {
  position: absolute;
  top: -23px;
  right: 60px;
  max-width: 100%;
  width: auto;
}

.store.store-xms .showcase .vertical .shelf .boxshot .discount {
  position: absolute;
  top: -23px;
  right: 60px;
  max-width: 100%;
  width: auto;
}

.store-summer {
  background: #ffe2b0 url(../images/store/summer-bg.jpg) no-repeat center top;
}

.store-summer .banner {
  height: 730px;
  background: none;
}

.store-summer .banner h1 {
  margin-top: 80px;
  font-size: 56px;
  color: #ff4f4f;
  text-shadow: -3.632px 7.128px 5.64px rgba(184, 184, 184, 0.55);
}

.store-summer .banner .h1sub {
  margin-top: 10px;
  font-size: 22px;
  color: #4f4f4f;
  text-shadow: none;
}

.store-summer .banner .btn-zone {
  margin-top: 250px;
}

.store-summer .banner .btn-zone dl dt {
  color: #393939;
  font-size: 44px;
  text-shadow: none;
}

.store-summer>.showcase {
  width: 1188px;
  top: 210px;
  padding-bottom: 170px;
  margin: 0 auto;
  background: #fff;
  border-radius: 25px;
  box-shadow: 0 33px 35.72px 2.28px rgba(226, 195, 140, 0.75);
}

.store-summer .showcase .horizontal .shelf .boxshot,
.store-summer .showcase .vertical .shelf .boxshot {
  position: relative;
}

.store-summer .showcase .horizontal .shelf .boxshot:after,
.store-summer .showcase .vertical .shelf .boxshot:after {
  position: absolute;
  content: "";
  width: 83px;
  height: 83px;
  top: 98px;
  right: 54px;
  background: url(../images/store/shaped.png);
}

.store-summer .guarantee {
  margin-top: -150px;
  background: transparent;
}

.productslist {
  background: #eef0f5;
}

.productslist .banner {
  position: relative;
  height: 615px;
  width: 100%;
  min-width: 1008px;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #191b25;
  background-image: url(../images/banner/productslist-banner.jpg);
}

.productslist .banner .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin: auto;
  height: 320px;
  text-align: center;
  color: #fff;
}

.productslist .banner .inner h1 {
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.productslist .banner .catrgory {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 150px;
  background: rgba(22, 22, 34, 0.9);
}

.productslist .banner .catrgory ul li {
  list-style: none;
  float: left;
  width: 96px;
  margin: 30px 114px;
}

.productslist .banner .catrgory ul li:first-child {
  margin-left: 180px;
}

.productslist .banner .catrgory ul li span {
  display: block;
  text-align: center;
  font-size: 18px;
  color: #3a3a4d;
}

.productslist .listcontainer {
  padding-top: 14px;
  padding-bottom: 70px;
}

.productslist .listcontainer .cate-list {
  display: inline-block;
  margin: 56px 0 0;
  width: 100%;
}

.productslist .listcontainer .cate-list h2 {
  font-size: 46px;
  text-align: center;
  margin-bottom: 7px;
}

.productslist .listcontainer .cate-list .h2-p {
  font-size: 18px;
  text-align: center;
  margin-bottom: 10px;
}

.productslist .listcontainer .cate-list .list-box {
  float: left;
  position: relative;
  width: 533px;
  height: 214px;
  margin-bottom: 30px;
  background: #fff;
  border: 1px #dbdfe7 solid;
}

.productslist .listcontainer .cate-list .list-box:hover {
  border: 1px #1264fc solid;
}

.productslist .listcontainer .cate-list .list-box.even {
  float: right;
}

.productslist .listcontainer .cate-list .list-box.column {
  width: 1098px;
}

.productslist .listcontainer .cate-list .list-box .img-holder {
  float: left;
  width: 182px;
  vertical-align: middle;
  text-align: center;
}

.productslist .listcontainer .cate-list .list-box .img-holder.ico {
  margin-top: 50px;
}

.productslist .listcontainer .cate-list .list-box .img-holder.ico img {
  width: 96px;
}

.productslist .listcontainer .cate-list .list-box .img-holder.boxshot {
  margin-top: 36px;
}

.productslist .listcontainer .cate-list .list-box .img-holder.boxshot img {
  width: 150px;
}

.productslist .listcontainer .cate-list .list-box dl {
  float: left;
  width: 320px;
  margin-top: 36px;
}

.productslist .listcontainer .cate-list .list-box dl dt {
  font-size: 20px;
}

.productslist .listcontainer .cate-list .list-box dl dt a {
  color: inherit;
}

.productslist .listcontainer .cate-list .list-box dl dd {
  margin: 4px 0;
  line-height: 20px;
}

.productslist .listcontainer .cate-list .list-box dl dd:last-child {
  position: absolute;
  bottom: 30px;
}

.productslist .listcontainer .cate-list .list-box .button.middle {
  font-size: 16px;
  line-height: 2;
}

.productslist .listcontainer .cate-list .list-box .button.middle:first-child {
  margin-right: 20px;
}

.productslist .listcontainer .cate-list .list-box .button.middle.btn-orange {
  padding: 1px 12px;
}

.products .banner {
  position: relative;
  height: 680px;
  width: 100%;
  min-width: 1100px;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}

.products .banner.amc {
  background-color: #333236;
  background-image: url(../images/banner/product-banner-amc-1920x680.jpg);
}

.products .banner.aircover {
  background-color: #333236;
  background-image: url(../images/banner/product-banner-aircover-1920x680.jpg);
}

.products .banner.applock {
  background-color: #181d1d;
  background-image: url(../images/banner/product-banner-applock-1920x680.jpg);
}

.products .banner.ascfree {
  background-color: #63626f;
  background-image: url(../images/banner/product-banner-ascfree-1920x680.jpg);
}

.products .banner.ascpro {
  background-color: #b3a8a2;
  background-image: url(../images/banner/product-banner-ascpro-1920x680.jpg);
}

.products .banner.ascu {
  background-color: #7d777b;
  background-image: url(../images/banner/product-banner-ascu-1920x680.jpg);
}

.products .banner.dbfree {
  background-color: #928483;
  background-image: url(../images/banner/product-banner-dbfree-1920x680.jpg);
}

.products .banner.dbpro {
  background-color: #978887;
  background-image: url(../images/banner/product-banner-dbpro-1920x680.jpg);
}

.products .banner.imffree {
  background-color: #616566;
  background-image: url(../images/banner/product-banner-imffree-1920x680.jpg);
}

.products .banner.imfpro {
  background-color: #9ba8a7;
  background-image: url(../images/banner/product-banner-imfpro-1920x680.jpg);
}

.products .banner.isu {
  background-color: #515258;
  background-image: url(../images/banner/product-banner-isu-1920x680.jpg);
}

.products .banner.iufree {
  background-color: #a4adaa;
  background-image: url(../images/banner/product-banner-iufree-1920x680.jpg);
}

.products .banner.iupro {
  background-color: #a4adaa;
  background-image: url(../images/banner/product-banner-iupro-1920x680.jpg);
}

.products .banner.pf {
  background-color: #666673;
  background-image: url(../images/banner/product-banner-pf-1920x680.jpg);
}

.products .banner.rpg {
  background-color: #666673;
  background-image: url(../images/banner/product-banner-rpg-1920x680.jpg);
}

.products .banner.sd {
  background-color: #666673;
  background-image: url(../images/banner/product-banner-sd-1920x680.jpg);
}

.products .banner.sm8 {
  background-color: #666673;
  background-image: url(../images/banner/product-banner-sm8-1920x680.jpg);
}

.products .banner.pct {
  background-color: #666673;
  background-image: url(../images/banner/product-banner-transfer-1920x680.jpg);
}

.products .banner.undelete {
  background-color: #7d7d86;
  background-image: url(../images/banner/product-banner-undelete-1920x680.jpg);
}

.products .banner.unlocker {
  background-color: #666673;
  background-image: url(../images/banner/product-banner-unlocker-1920x680.jpg);
}

.products .banner.winmetro {
  background-color: #666673;
  background-image: url(../images/banner/product-banner-winmetro-1920x680.jpg);
}

.products .banner .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin: auto;
  height: 320px;
  text-align: center;
  color: #fff;
}

.products .banner .inner h1 {
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.products .banner .inner h1+p {
  display: block;
  margin-top: 10px;
  font-size: 24px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.products .banner .inner .downloadinfo {
  margin-top: 75px;
}

.products .banner .inner .downloadinfo dt {
  margin-bottom: 30px;
}

.products .banner .inner .downloadinfo .button.btn-jadegreen span {
  box-shadow: 0 25px 50px #383840;
}

.products .banner .inner .downloadinfo.double dt>.button {
  margin: 0 10px;
}

.products .btmarea {
  display: block;
  width: 100%;
  min-width: 1100px;
  height: 400px;
  color: #fff;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
}

.products .btmarea.amc,
.products .btmarea.aircover,
.products .btmarea.applock,
.products .btmarea.ascfree,
.products .btmarea.ascu,
.products .btmarea.sd,
.products .btmarea.undelete {
  background-color: #1268ca;
  background-image: url(../images/banner/product-banner-blue-bottom.jpg);
}

.products .btmarea.ascpro {
  background-color: #1268ca;
  background-image: url(../images/banner/product-banner-ascpro-bottom.jpg);
}

.products .btmarea.dbfree {
  background-color: #952424;
  background-image: url(../images/banner/product-banner-dbpro-bottom.jpg);
}

.products .btmarea.dbfree .button.btn-jadegreen {
  box-shadow: 0 25px 40px #691112;
}

.products .btmarea.dbpro {
  background-color: #a3211f;
  background-image: url(../images/banner/product-banner-dbpro-bottom.jpg);
}

.products .btmarea.imfpro,
.products .btmarea.iupro {
  background-color: #158758;
  background-image: url(../images/banner/product-banner-imfpro-bottom.jpg);
}

.products .btmarea.isu {
  background-color: #3d55bd;
  background-image: url(../images/banner/product-banner-isu-bottom.jpg);
}

.products .btmarea.iufree,
.products .btmarea.imffree,
.products .btmarea.pct,
.products .btmarea.pf,
.products .btmarea.rpg,
.products .btmarea.sm8,
.products .btmarea.unlocker,
.products .btmarea.winmetro {
  background-color: #494a5b;
  background-image: url(../images/banner/product-banner-gray-bottom.jpg);
}

.products .btmarea.iufree .button.btn-jadegreen,
.products .btmarea.imffree .button.btn-jadegreen,
.products .btmarea.pct .button.btn-jadegreen,
.products .btmarea.pf .button.btn-jadegreen,
.products .btmarea.rpg .button.btn-jadegreen,
.products .btmarea.sm8 .button.btn-jadegreen,
.products .btmarea.unlocker .button.btn-jadegreen,
.products .btmarea.winmetro .button.btn-jadegreen {
  box-shadow: 0 25px 40px #2c2c3a;
}

.products .btmarea.iufree .button.btn-ghost:hover,
.products .btmarea.imffree .button.btn-ghost:hover,
.products .btmarea.pct .button.btn-ghost:hover,
.products .btmarea.pf .button.btn-ghost:hover,
.products .btmarea.rpg .button.btn-ghost:hover,
.products .btmarea.sm8 .button.btn-ghost:hover,
.products .btmarea.unlocker .button.btn-ghost:hover,
.products .btmarea.winmetro .button.btn-ghost:hover {
  box-shadow: 0 25px 40px #2c2c3a;
}

.products .btmarea h3 {
  display: inline-block;
  margin-top: 68px;
  margin-bottom: 12px;
  color: #fff;
  font-size: 46px !important;
}

.products .btmarea p {
  font-size: 18px;
}

.products .btmarea dl {
  margin-top: 35px;
}

.products .btmarea dl .button {
  margin: 0 25px;
  margin-bottom: 18px;
}

.products .btmarea dl .button.btn-jadegreen {
  box-shadow: 0 25px 40px #0a2d67;
}

.products .btmarea dl .button.btn-ghost:hover {
  box-shadow: 0 25px 40px rgba(2, 24, 62, 0.5);
}

.products .btmarea dl dd {
  font-size: 12px;
}

.products.free .benfits {
  height: 500px;
  vertical-align: middle;
  border-bottom: 1px #f4f4f9 solid;
}

.products.free .benfits.mode-a .info {
  width: 550px;
}

.products.free .benfits.mode-a .benfitsimg {
  margin-left: -14px;
}

.products.free .benfits.mode-b .info {
  width: 600px;
}

.products.free .benfits.mode-b .benfitsimg {
  margin-right: -34px;
}

.products.free .benfits h2 {
  margin-bottom: 22px;
}

.products.free .benfits p {
  font-size: 16px;
}

.products.free .benfits p a {
  color: inherit;
  text-decoration: underline;
}

.products.free .features {
  display: block;
  min-width: 1100px;
  color: #fff;
}

.products.free .features.amc,
.products.free .features.applock,
.products.free .features.ascfree,
.products.free .features.ascu,
.products.free .features.sd,
.products.free .features.undelete {
  background-color: #154cdd;
  background-image: -webkit-linear-gradient(to right, #1887ff, #142ecc);
  background-image: linear-gradient(to right, #1887ff, #142ecc);
}

.products.free .features.dbfree {
  background-color: #af2322;
  background-image: -webkit-linear-gradient(to right, #c52e2f, #9f1a1b);
  background-image: linear-gradient(to right, #c52e2f, #9f1a1b);
}

.products.free .features.imffree {
  background-color: #1d9360;
  background-image: -webkit-linear-gradient(to right, #33a171, #148d58);
  background-image: linear-gradient(to right, #33a171, #148d58);
}

.products.free .features.isu {
  background-color: #513fdf;
  background-image: -webkit-linear-gradient(to right, #5184f9, #513fdf);
  background-image: linear-gradient(to right, #5184f9, #513fdf);
}

.products.free .features.iufree {
  background-color: #009375;
  background-image: -webkit-linear-gradient(to right, #16b172, #009174);
  background-image: linear-gradient(to right, #16b172, #009174);
}

.products.free .features.pf,
.products.free .features.rpg,
.products.free .features.sm8,
.products.free .features.pct,
.products.free .features.unlocker,
.products.free .features.winmetro {
  background-color: #445;
  background-image: -webkit-linear-gradient(to right, #616275, #30303e);
  background-image: linear-gradient(to right, #616275, #30303e);
}

.products.free .features .major {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}

.products.free .features .major h3 {
  color: #fff;
  margin-bottom: 14px;
}

.products.free .features .major p {
  display: block;
  width: 860px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.6);
}

.products.free .features .major .list-control {
  display: block;
  margin: 0 auto;
  width: 42px;
  height: 42px;
  line-height: 42px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}

.products.free .features .major .list-control i {
  font-size: 18px;
  line-height: 42px;
  color: rgba(255, 255, 255, 0.5);
  transform: rotate(180deg);
}

.products.free .features .major .list-control:hover,
.products.free .features .major .list-control:visited {
  background: #fff;
}

.products.free .features .major .list-control:hover i,
.products.free .features .major .list-control:visited i {
  color: #00f;
}

.products.free .features .major .list-control.fold i {
  transform: rotate(0deg);
}

.products.free .features .major .list-control.fold:hover {
  background: #fff;
}

.products.free .features .major .list-control.fold:hover i {
  color: #1e1e1e;
}

.products.free .features .lists {
  display: inline-block;
  padding-bottom: 30px;
}

.products.free .features .lists dl {
  float: left;
  width: 524px;
  margin-right: 50px;
  margin-bottom: 50px;
}

.products.free .features .lists dl dt {
  float: left;
  width: 64px;
  margin-right: 30px;
}

.products.free .features .lists dl dd {
  float: right;
  width: 430px;
}

.products.free .features .lists dl dd h4 {
  display: block;
  color: #fff;
  margin-bottom: 16px;
}

.products.free .features .lists dl dd p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  line-height: 1.71428571;
}

.products.free .features .lists dl:nth-child(even) {
  margin-right: 0;
}

.products.free .features .lists dl:nth-child(3) {
  clear: both;
}

.products.pro .features {
  display: block;
  text-align: center;
  background-color: #f4f5f8;
  border-bottom: 1px #dadee9 solid;
}

.products.pro .features h2 {
  display: inline-block;
  margin-top: 95px;
  margin-bottom: 8px;
}

.products.pro .features h2+p {
  font-size: 16px;
}

.products.pro .features .hight-lights {
  margin-top: 24px;
  padding-top: 50px;
  margin-bottom: 90px;
  background: url(../images/products/embellish.png) top center no-repeat;
}

.products.pro .features .hight-lights h3 {
  display: block;
  font-size: 16px;
  margin-bottom: 30px;
}

.products.pro .features .hight-lights dl {
  float: left;
  width: 310px;
  margin-right: 85px;
}

.products.pro .features .hight-lights dl:last-child {
  margin-right: 0;
}

.products.pro .features .hight-lights dl h4 {
  margin: 4px 0 20px;
}

.products.pro .compare-zone {
  margin-top: 90px;
}

.products.pro .compare-zone h2 {
  display: block;
  text-align: center;
  margin-bottom: 42px;
}

.product-laptop-device {
  padding: 90px 0;
  background: #eee;
}

.product-laptop-device h2 {
  color: #26272c;
  font-size: 34px;
  text-align: center;
}

.product-laptop-device p {
  margin: 36px auto 42px;
  width: 900px;
  color: #26272c;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}

.product-laptop-device .product-device {
  padding-bottom: 14px;
  margin-bottom: 60px;
  border-bottom: 1px solid #dcdcdc;
}

.product-laptop-device .product-device li {
  float: left;
  margin-bottom: 52px;
  width: 156px;
  height: 64px;
  line-height: 64px;
  list-style: none;
  text-align: center;
}

.product-laptop-device .product-device li img {
  display: inline-block;
  vertical-align: middle;
}

.product-laptop-device .product-device.produce-laptop {
  margin: 0;
  padding-bottom: 0;
  border-color: #eee;
}

.product-laptop-device .product-device.produce-laptop li {
  height: 50px;
  line-height: 50px;
}

.products.ascfreew .container {
  width: 1222px;
  min-width: 1222px;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.products.ascfreew .banner {
  height: 845px;
}

.products.ascfreew .banner.ascfree {
  background: #333236;
}

.products.ascfreew .banner .container {
  position: relative;
  z-index: 1;
}

.products.ascfreew .banner .container:before,
.products.ascfreew .banner .container:after {
  content: "";
  display: block;
  position: absolute;
  width: 131px;
  height: 150px;
  background: url(../images/products/ascfreew/product-banner-ascfreew-left.svg) no-repeat;
}

.products.ascfreew .banner .container:before {
  top: 0;
  left: -131px;
}

.products.ascfreew .banner .container:after {
  right: -131px;
  bottom: -155px;
  width: 131px;
  height: 310px;
  background: url(../images/products/ascfreew/product-banner-ascfreew-right.svg) no-repeat;
}

.products.ascfreew .banner .inner {
  height: auto;
}

.products.ascfreew .banner .inner h1 {
  padding-top: 212px;
  font-size: 48px;
  line-height: 82px;
  font-weight: 600;
  text-shadow: none;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.products.ascfreew .banner .inner h1+p {
  margin-top: 8px;
  font-size: 18px;
  line-height: 28px;
}

.products.ascfreew .banner .inner .downloadinfo {
  margin-top: 56px;
}

.products.ascfreew .banner .inner .downloadinfo dt {
  margin-bottom: 24px;
}

.products.ascfreew .banner .inner .downloadinfo dd {
  color: #c0bed1;
  font-size: 12px;
  line-height: 18px;
}

.products.ascfreew .banner .inner .rate {
  margin-top: 264px;
  color: #c0bed1;
  font-size: 12px;
  line-height: 18px;
}

.products.ascfreew .banner-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.products.ascfreew .banner-image>img {
  width: 100%;
  display: block;
  position: absolute;
  max-width: none;
  height: 100%;
  object-fit: cover;
}

.products.ascfreew .benfits {
  height: 900px;
  overflow: hidden;
  background: #fff;
}

.products.ascfreew .benfits .benfitsimg {
  width: 50%;
  text-align: left;
}

.products.ascfreew .benfits .benfitsimg>img {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  transform: translate(-200px, 0);
  transition: transform 0.8s, opacity 0.8s ease;
}

.products.ascfreew .benfits .benfitsimg>img.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

.products.ascfreew .benfits .info {
  position: absolute;
  top: 50%;
  width: 484px;
  opacity: 0;
  visibility: hidden;
  transform: translate(200px, 0);
  transition: transform 0.8s, opacity 0.8s ease;
}

.products.ascfreew .benfits .info.left {
  left: 0;
}

.products.ascfreew .benfits .info.right {
  right: 0;
}

.products.ascfreew .benfits .info.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

.products.ascfreew .benfits .info h6 {
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  color: #2b5bff;
  font-size: 14px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: 5.17px;
  text-transform: uppercase;
  font-family: "Spartan", sans-serif;
}

.products.ascfreew .benfits .info h6:before {
  content: "";
  display: block;
  position: absolute;
  right: -40px;
  bottom: 10px;
  width: 30px;
  height: 1px;
  background: #2b5bff;
}

.products.ascfreew .benfits .info h2 {
  margin-bottom: 24px;
  color: #000;
  font-size: 48px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0;
}

.products.ascfreew .benfits .info p {
  color: #726f88;
  font-size: 14px;
  line-height: 28px;
}

.products.ascfreew .benfits.mode0 .benfitsimg>img {
  margin-top: 124px;
  margin-left: -95px;
  transform: translate(-200px, 0);
}

.products.ascfreew .benfits.mode0 .benfitsimg>img.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

.products.ascfreew .benfits.mode0 .info {
  width: 484px;
  transform: translate(200px, 0);
}

.products.ascfreew .benfits.mode0 .info.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

.products.ascfreew .benfits.mode1 {
  background: #f5f4fc;
}

.products.ascfreew .benfits.mode1 .info {
  width: 484px;
  transform: translate(-200px, 0);
}

.products.ascfreew .benfits.mode1 .info.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

.products.ascfreew .benfits.mode1 .benfitsimg>img {
  margin-top: 80px;
  margin-left: -78px;
  transform: translate(200px, 0);
}

.products.ascfreew .benfits.mode1 .benfitsimg>img.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

.products.ascfreew .benfits.mode2 {
  background: #fff;
}

.products.ascfreew .benfits.mode2 .info {
  width: 484px;
  transform: translate(200px, 0);
}

.products.ascfreew .benfits.mode2 .info.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

.products.ascfreew .benfits.mode2 .benfitsimg>img {
  margin-top: 114px;
  margin-left: -175px;
  transform: translate(-200px, 0);
}

.products.ascfreew .benfits.mode2 .benfitsimg>img.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

.products.ascfreew .benfits.mode3 {
  background: #f5f4fc;
}

.products.ascfreew .benfits.mode3 .info {
  width: 484px;
  transform: translate(-200px, 0);
}

.products.ascfreew .benfits.mode3 .info.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

.products.ascfreew .benfits.mode3 .benfitsimg>img {
  margin-top: 120px;
  margin-left: -40px;
  transform: translate(200px, 0);
}

.products.ascfreew .benfits.mode3 .benfitsimg>img.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

.products.ascfreew .feature {
  background: #fff;
}

.products.ascfreew .feature h2 {
  margin: 152px 0 20px;
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
  text-align: center;
}

.products.ascfreew .feature h2+p {
  margin: 0 auto;
  padding-bottom: 70px;
  width: 840px;
  color: #726f88;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}

.products.ascfreew .feature .lists {
  font-size: 0;
}

.products.ascfreew .feature .lists dl {
  display: inline-block;
  margin: 0 101px 74px 0;
  width: 340px;
  text-align: left;
  vertical-align: top;
}

.products.ascfreew .feature .lists dl.last {
  margin-right: 0;
}

.products.ascfreew .feature .lists dl dt {
  margin-bottom: 15px;
  height: 58px;
  line-height: 58px;
}

.products.ascfreew .feature .lists dl dt>img {
  display: inline-block;
  vertical-align: middle;
}

.products.ascfreew .feature .lists dl h3 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  font-family: "Spartan", sans-serif;
}

.products.ascfreew .feature .lists dl p {
  padding: 0 20px 0 0;
  height: 104px;
  color: #726f88;
  font-size: 12px;
  line-height: 22px;
}

.products.ascfreew .feature .lists dl .feature-tag {
  display: inline-block;
  position: relative;
  padding: 0 8px;
  height: 20px;
  color: #ff3737;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
  font-family: "Spartan", sans-serif;
  background: #ffebeb;
}

.products.ascfreew .feature .lists dl .feature-tag>em {
  display: block;
  position: relative;
  width: 100%;
  height: inherit;
  font-style: normal;
}

.products.ascfreew .feature .lists dl .feature-tag>em:before,
.products.ascfreew .feature .lists dl .feature-tag>em:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: -8px;
  width: 9px;
  height: 1px;
  background: #ff3737;
}

.products.ascfreew .feature .lists dl .feature-tag>em:after {
  width: 1px;
  height: 9px;
}

.products.ascfreew .feature .lists dl .feature-tag:before,
.products.ascfreew .feature .lists dl .feature-tag:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 9px;
  height: 1px;
  background: #ff3737;
}

.products.ascfreew .feature .lists dl .feature-tag:after {
  width: 1px;
  height: 9px;
}

.products.ascfreew .feature .lists dl .feature-tag.green {
  color: #29d57f;
  background: #e9fbf2;
}

.products.ascfreew .feature .lists dl .feature-tag.green>em:before,
.products.ascfreew .feature .lists dl .feature-tag.green>em:after {
  background: #29d57f;
}

.products.ascfreew .feature .lists dl .feature-tag.green:before,
.products.ascfreew .feature .lists dl .feature-tag.green:after {
  background: #29d57f;
}

.products.ascfreew .feature .lists dl .feature-tag.purple {
  color: #872bff;
  background: #f3e9ff;
}

.products.ascfreew .feature .lists dl .feature-tag.purple>em:before,
.products.ascfreew .feature .lists dl .feature-tag.purple>em:after {
  background: #872bff;
}

.products.ascfreew .feature .lists dl .feature-tag.purple:before,
.products.ascfreew .feature .lists dl .feature-tag.purple:after {
  background: #872bff;
}

.products.ascfreew .feature .lists dl .feature-tag.blue {
  color: #2b5bff;
  background: #e9eeff;
}

.products.ascfreew .feature .lists dl .feature-tag.blue>em:before,
.products.ascfreew .feature .lists dl .feature-tag.blue>em:after {
  background: #2b5bff;
}

.products.ascfreew .feature .lists dl .feature-tag.blue:before,
.products.ascfreew .feature .lists dl .feature-tag.blue:after {
  background: #2b5bff;
}

.products.ascfreew .review {
  margin-top: 120px;
}

.products.ascfreew .review .content .reviews dt {
  margin-top: 50px;
}

.products.ascfreew .review .content .reviews dd {
  position: relative;
}

.products.ascfreew .review .content .reviews dd h2 {
  position: absolute;
  top: -364px;
  left: 0;
  width: 100%;
  font-size: 48px;
  line-height: 82px;
  font-weight: 600;
  text-align: center;
}

.products.ascfreew .review .content .reviews.dg-center dt img {
  box-shadow: none;
  border: 3px solid #c1bfd1;
  transition: all 0s;
}

.products.ascfreew .review .dg-container .nav span>i {
  display: none !important;
}

.products.ascfreew .btmarea {
  margin-top: 80px;
  height: 600px;
  background: #3f137c url(../images/banner/product-banner-darkblue-bottom.jpg) center top no-repeat;
}

.products.ascfreew .btmarea h6 {
  padding: 158px 0 0;
  margin-bottom: 16px;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.products.ascfreew .btmarea h6 .btmarea-icon {
  display: inline-block;
  margin-right: 12px;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
  vertical-align: middle;
  background: url(../images/products/ascfreew/products_ascfree_icon.png) no-repeat;
  background-size: 28px;
}

.products.ascfreew .btmarea h2 {
  padding: 0 50px;
  margin-bottom: 70px;
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  line-height: 48px;
  font-family: "Spartan", sans-serif;
}

.products.ascfreew .btmarea .downloadinfo .button {
  margin: 0 10px 60px;
}

.products.ascfreew .btmarea .downloadinfo dd {
  color: #86839d;
  font-size: 12px;
  line-height: 18px;
}

.products.ascfreew .floatlayer {
  height: 70px;
}

.products.ascfreew .floatlayer h4 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 34px;
}

.products.ascfreew .floatlayer h4 span {
  color: #2b5bff;
}

.products.ascfreew .floatlayer .floatlayer-icon {
  display: inline-block;
  margin-right: 15px;
  width: 34px;
  height: 34px;
  text-indent: -9999px;
  vertical-align: middle;
  background: url(../images/products/ascfreew/products_ascfree_icon.png) no-repeat;
  background-size: 34px;
}

.products.ascfreew .floatlayer .downloadinfo .button.btn-freew {
  margin: 14px 6px 0;
  float: none;
  padding: 1px 28px;
  background: #00ff80;
}

.products.ascfreew .floatlayer .downloadinfo .button.btn-freew.buynow {
  margin-right: 0;
  padding: 0 27px;
  color: #86839d;
  background: transparent;
  border: 2px solid #e4e3ef;
}

.products.ascfreew .floatlayer .downloadinfo .button.btn-freew.buynow:hover {
  color: #fff;
  background: #86839d;
  border: 2px solid #86839d;
}

.products.ascfreeb .banner {
  height: 845px;
}

.products.ascfreeb .banner.ascfree {
  background-color: #28243d;
  background-image: url(../images/banner/product-banner-ascfreeb-1920x854.jpg);
}

.products.ascfreeb .banner .container:before,
.products.ascfreeb .banner .container:after {
  background: url(../images/products/ascfreeb/product-banner-ascfreeb-left.svg) no-repeat;
}

.products.ascfreeb .banner .container:after {
  background: url(../images/products/ascfreeb/product-banner-ascfreeb-right.svg) no-repeat;
}

.products.ascfreeb .benfits {
  background: #28243d;
  border-bottom: 1px solid #28243d;
}

.products.ascfreeb .benfits .info h6 {
  color: #846dff;
}

.products.ascfreeb .benfits .info h6:before {
  background: #846dff;
}

.products.ascfreeb .benfits .info h2 {
  color: #fff;
}

.products.ascfreeb .benfits .info p {
  color: #fff;
}

.products.ascfreeb .benfits.mode0 .benfitsimg>img {
  margin-top: 0;
  margin-left: -335px;
}

.products.ascfreeb .benfits.mode1 {
  background: #393457;
}

.products.ascfreeb .benfits.mode1 .benfitsimg>img {
  margin-top: 0;
  margin-left: -106px;
}

.products.ascfreeb .benfits.mode2 {
  background: #28243d;
}

.products.ascfreeb .benfits.mode2 .benfitsimg>img {
  margin-top: 0;
  margin-left: -348px;
}

.products.ascfreeb .benfits.mode3 {
  background: #393457;
}

.products.ascfreeb .benfits.mode3 .benfitsimg>img {
  margin-top: 0;
  margin-left: -100px;
}

.button.btn-freew {
  padding: 10px 28px;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  font-family: "Spartan", Arial, sans-serif;
  border-radius: 10px;
  background: #00ff4c;
}

.button.btn-freew .downloadfreew-icon,
.button.btn-freew .downloadfreew-span {
  display: inline-block;
}

.button.btn-freew span {
  box-shadow: none !important;
}

.button.btn-freew .downloadfreew-icon {
  margin-right: 16px;
  width: 14px;
  height: 14px;
  opacity: 1;
  visibility: visible;
  text-indent: -9999px;
  background: url(../images/products/ascfreew/downloadfreew-icon.png) no-repeat;
  transform: translateX(0);
  transition: opacity 0.4s, transform 0.4s;
  animation: freeMouse 3s ease-out infinite;
}

.button.btn-freew .downloadfreew-span {
  transform: translateX(0);
  transition: opacity 0.4s, transform 0.4s;
}

.button.btn-freew.buynow {
  padding: 9px 27px;
  color: #fff;
  background: transparent;
  border: 2px solid #7a6ba7;
}

.button.btn-freew.buynow:hover {
  background: #86839d;
  border: 2px solid #86839d;
}

.button.btn-freew:hover {
  background: #00e965;
}

.button.btn-freew:hover .downloadfreew-icon {
  opacity: 0;
  visibility: hidden;
  animation-iteration-count: 0;
}

.button.btn-freew:hover .downloadfreew-span,
.button.btn-freew:hover .downloadfreew-icon {
  transform: translateX(-16px);
  transition: opacity 0.4s, transform 0.4s;
}

@keyframes freeMouse {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  30% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  60% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  80% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.comparetab {
  border: 1px #aeb5ca solid;
}

.comparetab .itemfree,
.comparetab .itempro {
  text-align: center;
  width: 208px;
}

.comparetab td.itempro {
  padding: 2px 20px;
}

.comparetab td {
  padding: 2px 6px;
  border-right: 1px #aeb5ca solid;
  border-bottom: 1px #aeb5ca solid;
}

.comparetab thead .title {
  width: 680px;
  vertical-align: middle;
  padding-left: 18px;
}

.comparetab thead .title h3 {
  color: #aeb5ca;
}

.comparetab thead .itemfree h5,
.comparetab thead .itempro h5 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.comparetab thead .itemfree>span,
.comparetab thead .itempro>span {
  display: none;
}

.comparetab thead .itemfree h5 span,
.comparetab thead .itempro h5 span {
  display: block;
}

.comparetab thead .itemfree small,
.comparetab thead .itempro small {
  display: inline-block;
  font-size: 12px;
}

.comparetab tbody td {
  vertical-align: middle;
}

.comparetab tbody .mid-header {
  font-size: 18px;
  color: #fff;
  background: #9e9eab;
  padding-left: 16px;
}

.comparetab tbody .itemfree .fa-check {
  color: #5b5d6d;
}

.comparetab tbody .itemfree .fa-circle {
  color: #d6d7e0;
}

.comparetab tbody .itempro {
  background: #f1f2f7;
}

.comparetab tbody .itempro .fa-check {
  color: #ff5f00;
}

.comparetab tbody .icon {
  width: 32px;
  line-height: 1;
  border-right: transparent;
}

.comparetab tbody .icon span {
  float: left;
  width: 32px;
  height: 32px;
  display: inline-block;
}

.comparetab tbody .describe {
  line-height: 1.5;
  font-family: 'Roboto';
  color: #868686;
}

.comparetab tbody .describe .tags {
  margin-left: 7px;
}

.comparetab tfoot .itemfree .button,
.comparetab tfoot .itempro .button {
  margin: 20px auto 0;
}

.comparetab tfoot .itemfree small,
.comparetab tfoot .itempro small {
  display: inline-block;
  font-size: 12px;
}

.compare .pagebanner {
  padding-top: 145px;
  margin-bottom: 30px;
}

.compare .pagebanner .update-notice {
  margin: 0 auto;
  margin-top: -20px;
  width: 1100px;
  height: 60px;
  background: #2A5BBE;
  line-height: 60px;
  text-align: center;
}

.compare .pagebanner .update-notice>span {
  color: white;
}

.compare .pagebanner .update-notice>a {
  color: #68C8FF;
  text-decoration: underline;
}

.compare .pagebanner .update-notice-box {
  width: 1100px;
  /* height: 178px; */
  margin: 0 auto;
  box-sizing: border-box;
  background: #F5F5F5;
  padding: 17px 67px;
}

.compare .pagebanner .closed {
  display: none;
}

.compare .pagebanner .open {
  display: block;
}

.compare .pagebanner .update-notice-box li {
  height: 28px;
  display: flex;
  align-items: center;
}

.compare .pagebanner .update-notice-box li p {
  padding: 0;
  color: black;
  font-size: 14px;
  font-weight: bold;
  line-height: 28px;
}

.compare .pagebanner .update-notice-box li img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.compare .pagebanner .update-notice-box .download-now a {
  color: #2A5BBE;
  font-weight: bold;
  text-decoration: underline;
}

/* .compare .pagebanner .update-notice i {
  display: inline-block;
  margin-left: 86px;
  margin-right: 12px;
  width: 21px;
  height: 21px;
  background: url("../images/banner/notice.png") no-repeat;
  vertical-align: middle;
} */

.compare .pagebanner .banner-zone {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 30px;
  width: 1100px;
}

.compare .pagebanner .banner-zone a {
  display: block;
}

.compare .pagebanner .banner-zone a.hide {
  display: none;
}

.compare .pagebanner .banner-zone ul {
  position: absolute;
  bottom: -20px;
  width: 100%;
  text-align: center;
}

.compare .pagebanner .banner-zone ul li {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border-radius: 50%;
  background: #d3d3d8;
  cursor: pointer;
}

.compare .pagebanner .banner-zone ul li:hover {
  background: #a2a2a5;
}

.compare .pagebanner .banner-zone ul li.active {
  display: inline-block !important;
  background: #a2a2a5;
}

.compare .pagebanner .comp-heading {
  position: relative;
  display: block;
  width: 1100px;
  min-height: 400px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px #d2d6e1 solid;
  background: url(../images/banner/comparepage-banner.jpg) center bottom no-repeat;
}

.compare .pagebanner .comp-heading ul {
  padding-left: 20px;
  padding-bottom: 15px;
}

.compare .pagebanner .comp-heading ul li {
  list-style: disc;
  font-size: 16px;
  color: #000;
  line-height: 1.5;
}

.compare .pagebanner .comp-heading ul li::marker {
  font-size: 12px;
}

.compare .pagebanner .comp-heading .heading-img {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 420px;
  height: 400px;
  overflow: hidden;
}

.compare .pagebanner .comp-heading .heading-info {
  float: right;
  width: 650px;
  padding-top: 53px;
}

.compare .pagebanner .comp-heading .heading-info .discount {
  position: absolute;
  top: 15px;
  right: 0;
  text-align: center;
  color: #fff;
  line-height: 30px;
  font-style: normal;
  font-size: 20px;
  text-transform: uppercase;
}

.compare .pagebanner .comp-heading .heading-info h3 {
  display: block;
  line-height: 1.4;
  margin-right: 34px;
  margin-bottom: 30px;
  font-size: 26px;
}

.compare .pagebanner .comp-heading .heading-info h3+p {
  display: block;
  margin-right: 30px;
  color: #545454;
  line-height: 1.71528571;
}

.compare .pagebanner .update-heading {
  position: relative;
  display: block;
  width: 1100px;
  min-height: 330px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px #d2d6e1 solid;
  margin-top: 29px;
  background: url(../images/banner-bg.png);
  background-size: cover;
}

.compare .pagebanner .update-heading .heading-img {
  float: left;
  height: 330px;
  width: 440px;
  overflow: hidden;
}

.compare .pagebanner .update-heading .heading-info {
  font-family: TitilliumWeb;
  float: left;
  width: 620px;
  height: inherit;
  text-align: center;
  margin-top: 36px;
}

.compare .pagebanner .update-heading .heading-info h3 {
  font-family: TitilliumWeb;
  font-size: 30px;
}

.compare .pagebanner .update-heading .heading-info>p {
  font-size: 12px;
  color: #545454;
  line-height: 33px;
}

.compare .pagebanner .update-heading .heading-info .discount {
  margin-top: 30px;
  margin-bottom: 20px;
}

.compare .pagebanner .update-heading .heading-info .discount dl {
  margin: 0 auto;
}

.compare .pagebanner .update-heading .heading-info .discount dt {
  font-size: 18px;
  line-height: 1;
}

.compare .pagebanner .update-heading .heading-info .discount dt strong {
  color: #545454;
  color: #ff5f00;
  font-family: Roboto;
  font-size: 46px;
  font-weight: normal;
}

.compare .pagebanner .update-heading .heading-info .discount dt strong b {
  font-weight: 500;
}

.compare .pagebanner .update-heading .heading-info .discount .countdown {
  position: relative;
  display: inline-block;
  font-size: 12px;
}

.compare .pagebanner .update-heading .heading-info .discount .countdown small {
  font-size: 16px;
}

.compare .pagebanner .update-heading .heading-info .discount .countdown:before,
.compare .pagebanner .update-heading .heading-info .discount .countdown:after {
  position: absolute;
  top: 15px;
  content: "";
  width: 45px;
  height: 1px;
  background: #dadbe0;
}

.compare .pagebanner .update-heading .heading-info .discount .countdown:before {
  left: -60px;
}

.compare .pagebanner .update-heading .heading-info .discount .countdown:after {
  right: -60px;
}

.compare .pagebanner .update-heading .heading-info .price-zone {
  margin-left: 60px;
}

.compare .pagebanner .update-heading .heading-info .price-zone .price {
  margin-right: 0;
}

.compare .pagebanner .notice {
  display: block;
  height: 60px;
  background: #2a5bbe;
  color: #fff;
  text-align: center;
}

.compare .pagebanner .notice a {
  color: #68c8ff;
  text-decoration: underline;
}

.compare .pagebanner .notice p {
  display: inline-block;
  margin-top: 15px;
}

.compare .pagebanner .change-details {
  background: #464655;
}

.compare .pagebanner .change-details.closed {
  display: none;
}

.compare .pagebanner .change-details.open {
  display: block !important;
}

.compare .pagebanner .change-details ul {
  display: inline-block;
  list-style: none;
  margin: 10px 64px;
  background-color: transparent !important;
}

.compare .pagebanner .change-details ul li {
  color: #aaaab4;
}

.compare .pagebanner .price-zone {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
  margin-left: 0 !important;
}

.compare .pagebanner .price-zone .free-download {
  display: block;
  width: 240px;
  height: 60px;
  background: #09BA2F;
  border-radius: 30px;
  position: relative;
  text-decoration: none;
  box-sizing: border-box;
}

.compare .pagebanner .price-zone .free-download span {
  display: inline-block;
  font-size: 22px;
  color: #FFFFFF;
  text-align: center;
  line-height: 60px;
  transition: all 0.5s;
}

.compare .pagebanner .price-zone .free-download img {
  position: absolute;
  width: 24px;
  height: 26px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.5s;
}

.compare .pagebanner .price-zone .free-download:hover span {
  transform: scale(0);
  transform-origin: center center;
}

.compare .pagebanner .price-zone .free-download:hover img {
  transform: translate(-50%, -50%) scale(1);
  transform-origin: center center;
}

.compare .pagebanner .price-zone .buy-pro {
  width: 240px;
  height: 60px;
  padding: 0;
  background: #FF5F00;
  border-radius: 30px;
  box-sizing: border-box;
}

.compare .pagebanner .price-zone .buy-pro:hover {
  background: #ff8400;
}

.compare .pagebanner .price-zone .buy-pro span:nth-of-type(1) {
  font-family: TitilliumWeb;
  font-size: 22px;
  line-height: 60px;
  text-align: center;
}

.compare .pagebanner .price-zone .buy-pro span:nth-of-type(2) {
  font-family: TitilliumWeb;
  font-size: 18px;
  line-height: 60px;
  text-decoration: line-through;
  text-align: center;
  color: #FFDCC8;
}

.compare .pagebanner .price-zone .price {
  float: left;
  margin-right: 24px;
  font-size: 18px;
}

.compare .pagebanner .price-zone .price strong {
  font-size: 32px;
  color: #ff5f00;
  font-weight: 500;
}

.compare .pagebanner .price-zone .price strong b {
  font-weight: 500;
}

.compare .pagebanner .price-zone .btn-ligreen {
  background: #00ff4c;
  color: #333;
}

.compare .pagebanner .price-zone .btn-ligreen:hover {
  background: #50eb7f;
}

.compare .pagebanner .dowbanner {
  text-align: center;
}

.compare .pagebanner.updateiss .comp-heading {
  min-height: 330px;
  background: url(../images/banner/updateiss.jpg) center bottom no-repeat;
  background-size: cover;
}

.compare .pagebanner.updateiss .comp-heading .heading-img {
  width: 446px;
  height: 315px;
}

.compare .pagebanner.updateiss .change-details {
  background: #fff;
  box-shadow: 0 0 0 2px #f0f0f1 inset;
}

.compare .pagebanner.updateiss .change-details ul li {
  color: #88888b;
}

.compare .bloglistiss {
  margin-top: 80px;
}

.compare .btmarea {
  min-height: 340px;
  text-align: center;
  background: url(../images/banner/comparepage-banner-bottom.jpg) center center no-repeat;
}

.compare .btmarea.compare {
  min-height: 300px;
}

.compare .btmarea h2 {
  display: inline-block;
  margin-top: 40px;
  margin-bottom: 14px;
  color: #fff;
  font-size: 36px;
  padding: 0 100px;
  line-height: 1.4;
}

.compare .btmarea.updateiss h2 {
  margin-top: 70px;
  margin-bottom: 0;
}

.compare .btmarea .price-zone {
  margin: 0 auto;
  position: relative;
  margin-top: 20px;
  margin-bottom: 30px;
}

.compare .btmarea .price-zone dl dt {
  color: #979ba6;
  font-size: 16px;
  line-height: 1.2;
}

.compare .btmarea .price-zone dl dt strong {
  color: #ff6000;
  font-weight: 500;
  font-size: 32px;
}

.compare .btmarea .price-zone dl dt strong i {
  font-style: normal;
}

.compare .btmarea .price-zone dl dd {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
}

.compare .btmarea .price-zone .btn-orange {
  margin: 10px 0;
  box-shadow: 10px 15px 50px #2b2c33;
}

.compare .btmarea .price-zone .btn-ligreen {
  background: #00ff4c;
  color: #333;
  margin-top: 30px;
}

.compare .btmarea .price-zone .btn-ligreen:hover {
  background: #50eb7f;
}

.compare .btmarea .price-zone .btn-jadegreen {
  margin: 10px 0;
}

.compare .btmarea .price-zone .money-back {
  position: absolute;
  top: 48px;
  right: -96px;
}

.compare .btmarea .note {
  display: inline-block;
  font-size: 12px;
  color: #979ba6;
}

.updateisu .banner-zone,
.compare .banner-zone {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 30px;
  width: 1100px;
}

.updateisu .banner-zone a,
.compare .banner-zone a {
  display: block;
}

.updateisu .banner-zone a.hide,
.compare .banner-zone a.hide {
  display: none;
}

.updateisu .banner-zone ul,
.compare .banner-zone ul {
  position: absolute;
  bottom: -20px;
  width: 100%;
  text-align: center;
}

.updateisu .banner-zone ul li,
.compare .banner-zone ul li {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border-radius: 50%;
  background: #d3d3d8;
  cursor: pointer;
}

.updateisu .banner-zone ul li:hover,
.compare .banner-zone ul li:hover {
  background: #a2a2a5;
}

.updateisu .banner-zone ul li.active,
.compare .banner-zone ul li.active {
  display: inline-block !important;
  background: #a2a2a5;
}

.recommend {
  position: relative;
}

.recommend .banner-zone {
  display: block;
  padding-top: 85px;
  margin-bottom: 10px;
  text-align: center;
  box-sizing: border-box;
}

.recommend .placeholder {
  display: block;
  height: 70px;
}

.recommend .title {
  display: block;
  padding-bottom: 40px;
  border-bottom: 1px #dfe2ea solid;
  text-align: center;
}

.recommend .title p {
  font-size: 20px;
  padding: 0;
}

.recommend .title h3 strong {
  font-size: 40px;
  color: #ff5f00;
  font-weight: normal;
}

.recommend .intro {
  display: block;
  margin-top: 40px;
  margin-bottom: 45px;
}

.recommend .intro .album {
  float: left;
  width: 493px;
  height: 380px;
}

.recommend .intro .album .thumb {
  display: block;
  width: 493px;
  height: 336px;
  list-style: none;
}

.recommend .intro .album .thumb li {
  display: none;
}

.recommend .intro .album .thumb li.active {
  display: block;
}

.recommend .intro .album .thumb img {
  width: 493px;
  height: 336px;
}

.recommend .intro .album .control {
  position: relative;
  display: block;
  width: 493px;
  height: 25px;
  margin-top: 13px;
}

.recommend .intro .album .control a {
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  box-sizing: border-box;
  text-indent: -9999px;
  background-color: #fff;
  background-image: url(../images/recommend-control.png);
  background-repeat: no-repeat;
  border: 1px #dfe2ea solid;
  top: 0;
}

.recommend .intro .album .control a:hover {
  background-color: #ebf0f8;
  border: 1px #1264fc solid;
}

.recommend .intro .album .control a.prev {
  left: 0;
  background-position: 0 0;
}

.recommend .intro .album .control a.prev:hover {
  background-position: 0 -25px;
}

.recommend .intro .album .control a.next {
  right: 0;
  background-position: -25px 0;
}

.recommend .intro .album .control a.next:hover {
  background-position: -25px -25px;
}

.recommend .intro .album .control ol {
  display: block;
  height: 10px;
  width: 80px;
  margin: 0 auto;
  list-style: none;
}

.recommend .intro .album .control ol li {
  float: left;
  display: block;
  margin: 8px 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #dfe2ea;
}

.recommend .intro .album .control ol li.active {
  background: #1264fc;
}

.recommend .intro .showcase {
  float: left;
  width: 493px;
  height: 380px;
  text-align: center;
}

.recommend .intro .showcase p {
  font-size: 16px;
}

.recommend .intro .benfits {
  float: right;
  width: 512px;
}

.recommend .intro .benfits h3 {
  margin-bottom: 8px;
}

.recommend .intro .benfits h3+p {
  font-size: 18px;
}

.recommend .intro .benfits ul {
  list-style: none;
  margin-top: 8px;
}

.recommend .intro .benfits ul li {
  padding: 3px 0;
  text-indent: 24px;
  background: url(../images/recommend/list-icon.png) left 10px no-repeat;
}

.recommend .intro .benfits .btn-zone {
  display: block;
  margin-top: 45px;
}

.recommend .intro.free .btn-zone .button,
.recommend .intro.free .btn-zone p {
  float: left;
}

.recommend .intro.free .btn-zone p {
  display: inline-block;
  margin-top: 18px;
  margin-left: 10px;
  font-size: 12px;
  line-height: 1.2;
}

.recommend .intro.free .btn-zone p span {
  display: block;
}

.recommend .intro.pro .btn-zone {
  margin-top: 35px;
  position: relative;
}

.recommend .intro.pro .btn-zone dl {
  float: left;
  text-align: center;
}

.recommend .intro.pro .btn-zone dl dt {
  font-size: 44px;
  color: #ff5f00;
  line-height: 1.2;
}

.recommend .intro.pro .btn-zone dl dt del {
  font-size: 20px;
  color: #545454;
}

.recommend .intro.pro .btn-zone dl dd {
  font-size: 12px;
}

.recommend .intro.pro .btn-zone dl dd strong {
  font-size: 14px;
  font-weight: normal;
}

.recommend .intro.pro .btn-zone .money-back {
  margin-top: 45px;
  margin-left: 15px;
}

.recommend .features {
  display: block;
  text-align: center;
  border-top: 1px #dfe2ea solid;
  margin-bottom: 90px;
}

.recommend .features h4 {
  margin: 52px auto;
}

.recommend .features ul {
  list-style: none;
  display: flex;
  aling-items: center;
  justify-content: space-between;
}

.recommend .features ul li {
  width: 220px;
  text-align: center;
}

.recommend .features ul li span {
  display: block;
}

.recommend .bottom-part {
  display: block;
  height: 660px;
  box-sizing: border-box;
  background: url(../images/banner/banner-recommend-bottom.jpg) center top no-repeat;
}

.recommend .bottom-part .reviews {
  display: inline-block;
  width: 1100px;
  margin-top: 80px;
}

.recommend .bottom-part .reviews dl {
  float: left;
  display: block;
  width: 500px;
}

.recommend .bottom-part .reviews dl:last-child {
  float: right;
}

.recommend .bottom-part .reviews dl dt {
  float: left;
  display: block;
  width: 86px;
  height: 86px;
}

.recommend .bottom-part .reviews dl dt img {
  width: inherit;
  height: inherit;
}

.recommend .bottom-part .reviews dl dd {
  padding-left: 105px;
}

.recommend .bottom-part .reviews dl dd h3 {
  display: inline-block;
  color: #fff;
  margin-bottom: 16px;
}

.recommend .bottom-part .reviews dl dd strong {
  display: block;
  color: #fff;
  font-weight: normal;
  margin-bottom: 12px;
}

.recommend .bottom-part .reviews dl dd p {
  color: #8e8ea5;
  font-size: 12px;
}

.recommend .bottom-part .media-icons {
  display: block;
  margin: 30px auto;
}

.recommend .bottom-part .btn-zone {
  position: relative;
  display: block;
  text-align: center;
}

.recommend .bottom-part .btn-zone:before {
  position: absolute;
  top: 30px;
  display: block;
  content: "";
  width: 380px;
  height: 1px;
  background: #40414d;
}

.recommend .bottom-part .btn-zone:after {
  position: absolute;
  top: 30px;
  right: 0;
  display: block;
  content: "";
  width: 380px;
  height: 1px;
  background: #40414d;
}

.recommend .bottom-part .btn-zone.free {
  margin-top: 45px;
}

.recommend .bottom-part .btn-zone.free:after {
  width: 380px;
}

.recommend .bottom-part .btn-zone.free p {
  display: block;
  margin-top: 20px;
  font-size: 12px;
  color: #fff;
  line-height: 1.5;
}

.recommend .bottom-part .btn-zone.free p span {
  display: block;
}

.recommend .bottom-part .btn-zone.pro {
  margin: 0 auto;
}

.recommend .bottom-part .btn-zone.pro dl dt {
  font-size: 44px;
  color: #ff5f00;
  line-height: 1.2;
}

.recommend .bottom-part .btn-zone.pro dl dt del {
  font-size: 20px;
  color: #545454;
}

.recommend .bottom-part .btn-zone.pro dl dd {
  color: #fff;
  font-size: 12px;
}

.recommend .bottom-part .btn-zone.pro .money-back {
  position: absolute;
  top: 45px;
  right: -95px;
}

.recommend .bottom-part .btn-zone.pro:before {
  top: 80px;
  left: -420px;
}

.recommend .bottom-part .btn-zone.pro:after {
  width: 280px;
  top: 80px;
  right: -420px;
}

.recommend .re-pop {
  position: fixed;
  z-index: 1000;
}

.recommend .re-pop .pop-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-image: url("../images/recommend/popout/close.png");
  background-repeat: no-repeat;
}

.recommend .re-pop .pop-close:hover {
  background-position: 0 -24px;
}

.recommend .re-pop .pop-info {
  color: #fff;
  font-size: 18px;
}

.recommend .re-pop.dancing {
  animation: dancing 0.7s ease-in-out infinite;
}

@keyframes dancing {

  0%,
  100% {
    transform: translate(0, 15px);
  }

  50% {
    transform: translate(0, 0);
  }
}

.recommend .re-pop.chrome {
  width: 200px;
  height: 151px;
  bottom: 15px;
  left: 18px;
  background: url("../images/recommend/popout/frame-normal.png");
}

.recommend .re-pop.chrome .pop-info {
  text-align: center;
  margin-top: 20px;
}

.recommend .re-pop.edge {
  width: 256px;
  height: 100px;
  bottom: 62px;
  left: 50%;
  margin-left: -128px;
  background: url("../images/recommend/popout/frame-ie.png");
}

.recommend .re-pop.edge .pop-info {
  text-align: left;
  margin-top: 20px;
  margin-left: 20px;
}

.recommend .re-pop.edge .pop-info dt,
.recommend .re-pop.edge .pop-info dd {
  float: left;
}

.recommend .re-pop.edge .pop-info dd {
  margin-top: 5px;
  margin-left: 10px;
}

.recommend .re-pop.firefox {
  width: 200px;
  height: 150px;
  top: 0;
  right: 10px;
  background: url("../images/recommend/popout/frame-ff.png");
}

.recommend .re-pop.firefox .pop-close {
  top: 13px;
}

.recommend .re-pop.firefox .pop-info {
  position: relative;
  text-align: center;
  margin-top: 36px;
}

.recommend .re-pop.firefox .pop-info dt {
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -20px;
}

.introduce-us {
  padding: 80px 0;
}

.introduce-us h2 {
  margin-bottom: 15px;
}

.introduce-us p {
  padding: 0;
}

.introduce-us ul {
  margin-top: 40px;
  list-style-type: none;
}

.introduce-us ul li {
  float: left;
  width: 273px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  border: solid #e9ecf1 1px;
  margin-left: -1px;
}

.introduce-us ul li img {
  display: inline-block;
  vertical-align: middle;
}

.introduce-us.introduce-us-gray {
  background-color: #eef0f5;
}

.introduce-us.introduce-us-gray .left-message {
  float: left;
  width: 235px;
  margin-right: 125px;
  text-align: center;
}

.introduce-us.introduce-us-gray .left-message img {
  display: block;
  margin-bottom: 20px;
}

.introduce-us.introduce-us-gray .left-message a {
  text-decoration: underline;
}

.company-awards {
  color: #fff;
  text-align: center;
  background: url(../images/awards/awards-bg.jpg) no-repeat center top;
}

.company-awards h1 {
  padding-top: 120px;
  color: #fff;
  font-size: 57px;
}

.company-awards p {
  height: 80px;
  margin-top: 35px;
  font-size: 16px;
}

.company-awards ul {
  list-style-type: none;
}

.company-awards ul li {
  float: left;
  margin-bottom: 10px;
  width: 175px;
  height: 175px;
  margin-right: 6px;
  line-height: 175px;
  background: #fff;
  border: solid #f3f3f3 1px;
}

.company-awards ul li img {
  display: inline-block;
  vertical-align: middle;
  max-width: 135px;
  max-height: 135px;
}

.company-awards ul li.largeawards {
  margin-right: 4px \0;
  width: 358px;
}

.company-awards ul li.largeawards img {
  max-width: 300px;
  max-height: 130px;
}

.rofessional-reviews {
  margin: 80px auto;
}

.rofessional-reviews h2 {
  margin-bottom: 50px;
  text-align: center;
  font-size: 56px;
}

.rofessional-reviews dl {
  margin-bottom: 30px;
  overflow: hidden;
}

.rofessional-reviews dl dt {
  float: left;
  width: 180px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  background: #fff;
  border: solid #f3f3f3 1px;
}

.rofessional-reviews dl dt img {
  display: inline-block;
  vertical-align: middle;
  max-width: 150px;
  max-height: 100px;
}

.rofessional-reviews dl dd {
  float: right;
  width: 918px;
}

.rofessional-reviews dl dd p {
  padding: 0;
  padding-left: 50px;
  font-size: 12px;
}

.rofessional-reviews dl dd p.first {
  margin-bottom: 25px;
  height: 34px;
  line-height: 34px;
  background: #eef0f5;
  font-size: 14px;
}

.rofessional-reviews dl dd p.first strong {
  display: inline-block;
  min-width: 315px;
  padding-right: 20px;
  font-size: 18px;
  color: #000;
  font-weight: 400;
}

.contact-banner {
  height: 500px;
  color: #fff;
  text-align: center;
  background: #2c2c3a url(../images/about/contact-bg.jpg) no-repeat center;
}

.contact-banner h1 {
  padding-top: 110px;
  padding-bottom: 35px;
  color: #fff;
  font-size: 53.72px;
}

.contact-banner p {
  padding: 0;
  line-height: 40px;
  font-size: 20px;
}

.contact-message {
  margin-top: -125px;
}

.contact-message ul li {
  list-style-type: none;
  float: left;
  width: 350px;
  margin-right: 25px;
  text-align: center;
  margin-right: 16px;
}

.contact-message ul li a {
  height: 320px;
  display: block;
  background: #fff;
  color: #000;
  border: solid #e8ebf1 1px;
}

.contact-message ul li a span {
  display: inline-block;
  width: 91px;
  height: 91px;
  margin-top: 65px;
  line-height: 91px;
  border-radius: 50%;
  background: #eef0f5;
}

.contact-message ul li a span i {
  vertical-align: middle;
  background: url(../images/about/contact-icon.png) no-repeat center;
}

.contact-message ul li a span i.online {
  width: 38px;
  height: 48px;
  background-position: 0 0;
}

.contact-message ul li a span i.iobit-pr {
  width: 51px;
  height: 38px;
  background-position: 0 -48px;
}

.contact-message ul li a span i.partnership {
  width: 54px;
  height: 47px;
  background-position: 0 -86px;
}

.contact-message ul li a strong {
  display: block;
  margin-top: 35px;
  font-weight: 400;
  font-family: "Spartan", sans-serif;
  font-size: 21px;
}

.contact-message ul li a p {
  color: #545454;
}

.contact-message ul li a:hover {
  background: #1264fc;
  border: solid #1264fc 1px;
  text-decoration: none;
  color: #fff;
}

.contact-message ul li a:hover span {
  background: #fff;
}

.contact-message ul li a:hover p {
  color: #fff;
}

.contact-message ul li:nth-child(3) {
  margin-right: 0;
}

.follow-us {
  margin: 100px auto;
  text-align: center;
}

.follow-us ul {
  margin-top: 25px;
  list-style-type: none;
}

.follow-us ul li {
  display: inline-block;
}

.follow-us ul li a {
  display: block;
  padding: 0 15px;
  min-width: 126px;
  height: 46px;
  line-height: 50px;
  font-size: 16px;
  margin: 0 15px;
}

.follow-us ul li a i.fa {
  vertical-align: middle;
  margin-right: 15px;
  margin-top: -3px;
  font-size: 28px;
}

.follow-us ul li a.vk {
  color: #4680c2;
  border: solid #4680c2 2px;
}

.follow-us ul li a.facebook {
  color: #2e63a5;
  border: solid #2e63a5 2px;
}

.follow-us ul li a.twitter {
  color: #00b4ff;
  border: solid #00b4ff 2px;
}

.follow-us ul li a:hover {
  text-decoration: none;
  color: #fff;
}

.follow-us ul li a:hover.vk {
  background: #4680c2;
}

.follow-us ul li a:hover.facebook {
  background: #2e63a5;
}

.follow-us ul li a:hover.twitter {
  background: #00b4ff;
}

.newsletter-email {
  margin-top: 80px;
  text-align: center;
}

.newsletter-email h2 {
  color: #000;
}

.newsletter-email p {
  margin-top: 25px;
}

.newsletter-email .add-zone .email-bar {
  border: 1px #aaaaba solid;
  background: #eef0f5;
}

.newsletter-email .add-zone .email-bar .send-btn {
  background: #2f2f3e;
}

.newsletter-email .add-zone .email-bar .send-btn i {
  background-position: 0 -54px;
}

.newsletter-email .add-zone .email-bar .send-btn:hover {
  background: #1264fc;
}

.newsletter-email .add-zone .email-bar .send-btn:hover i {
  background-position: 0 -54px;
}

.newsletter-email .add-zone .email-bar.on-error {
  border: 1px #ed1c24 solid;
  background: #fff;
}

.newsletter-email .add-zone .email-bar.on-error input[type="text"] {
  color: #ed1c24;
}

.newsletter-email .add-zone .email-bar.on-error .send-btn {
  background: #ed1c24;
}

.newsletter-email .add-zone .email-bar.on-error .send-btn i {
  background-position: 0 -54px;
}

.newsletter-email .add-zone .email-bar.on-error:hover {
  border: solid #ed1c24 1px;
}

.newsletter-email .add-zone .email-bar:hover {
  border: solid #1264fc 1px;
}

.newsletter-advantage {
  margin-top: 75px;
  margin-bottom: 100px;
  text-align: center;
}

.newsletter-advantage h3 {
  font-size: 22px;
}

.newsletter-advantage dl {
  float: left;
  margin-top: 40px;
  border-right: solid #e5e5e5 1px;
  padding: 0 20px;
  width: 234px;
}

.newsletter-advantage dl dt i {
  width: 39px;
  height: 39px;
  background: url(../images/about/advantage-icon.png);
}

.newsletter-advantage dl dt i.advantage-icon02 {
  background-position: -39px 0;
}

.newsletter-advantage dl dt i.advantage-icon03 {
  background-position: -78px 0;
}

.newsletter-advantage dl dt i.advantage-icon04 {
  background-position: -117px 0;
}

.newsletter-advantage dl dd {
  font-size: 12px;
}

.newsletter-advantage dl dd:nth-child(2) {
  margin-bottom: 10px;
  font-family: "Spartan", sans-serif;
  font-size: 16px;
  color: #000;
  line-height: 1.2;
}

.newsletter-advantage dl:last-child {
  border: none;
}

.partner .partnersolutions {
  background: url(../images/affiliate/partnersolutions-bg.jpg) no-repeat center top;
}

.partner .partnersolutions h1 {
  padding-top: 40px;
  color: #fff;
  font-size: 40px;
  text-align: center;
}

.partner .partnersolutions .h1sub {
  padding: 0;
  margin-top: 6px;
  color: #fff;
  text-align: center;
  font-size: 20px;
}

.partner .partnersolutions .intro {
  display: block;
  margin: 43px 0 24px;
  width: 1100px;
  height: 390px;
  box-sizing: border-box;
  border: 1px solid #e8ebf1;
  background: #fff;
}

.partner .partnersolutions .intro .aff-earn-img {
  float: left;
  width: 320px;
  height: 390px;
}

.partner .partnersolutions .intro .aff-earn-text {
  position: relative;
  float: right;
  margin-right: 32px;
  width: 700px;
  height: inherit;
}

.partner .partnersolutions .intro .aff-earn-text h3 {
  margin-top: 43px;
  margin-bottom: 18px;
}

.partner .partnersolutions .intro .aff-earn-text .sign-more {
  margin-top: 0;
}

.partner .partnersolutions .intro .aff-earn-text .sign-more .sign-up {
  position: relative;
  display: inline-block;
}

.partner .partnersolutions .intro .aff-earn-text .sign-more .sign-up .btn-blue {
  padding: 7px 30px;
  min-width: 235px;
  font-family: "Spartan", Arial, sans-serif;
  font-size: 18px;
  color: #fff;
  border-radius: 4px;
}

.partner .partnersolutions .intro .aff-earn-text .sign-more .sign-up .dropdown {
  position: absolute;
  display: none;
  z-index: 10;
  height: 57px;
  margin-top: 2px;
  background: #3d81ff;
  border-radius: 4px;
}

.partner .partnersolutions .intro .aff-earn-text .sign-more .sign-up .dropdown li {
  padding: 0 30px;
  min-width: 237px;
  color: #fff;
  text-align: center;
  border-top: 1px solid #5d96ff;
}

.partner .partnersolutions .intro .aff-earn-text .sign-more .sign-up .dropdown li:first-child {
  border: none;
}

.partner .partnersolutions .intro .aff-earn-text .sign-more .sign-up .dropdown li a {
  color: #fff;
}

.partner .partnersolutions .intro .aff-earn-text .sign-more .sign-up.active {
  height: 54px;
}

.partner .partnersolutions .intro .aff-earn-text .sign-more .sign-up.active .dropdown {
  display: block;
}

.partner .partnersolutions .intro .aff-earn-text .sign-more .more {
  display: inline-block;
  padding: 0 20px;
  vertical-align: middle;
  text-decoration: underline;
}

.partner .partnersolutions .intro .aff-earn-text .partner-contact {
  position: absolute;
  bottom: 0;
  height: 50px;
  width: 100%;
  border-top: 1px #e9ecf1 solid;
  padding-top: 30px;
  list-style: none;
}

.partner .partnersolutions .intro .aff-earn-text .partner-contact li {
  float: left;
  margin-right: 50px;
}

.partner .partnersolutions .intro .aff-earn-text .partner-contact li a {
  color: #545454;
  vertical-align: middle;
  text-decoration: underline;
}

.partner .partnersolutions .intro .aff-earn-text .partner-contact li i {
  vertical-align: middle;
  margin-right: 4px;
}

.partner .partner-us {
  padding: 52px 0;
  text-align: left;
  border-bottom: 1px solid #e9ecf1;
}

.partner .partner-us h2 {
  margin-bottom: 24px;
}

.partner .partner-us .partner-contact i {
  margin-right: 6px;
}

.partner .partner-us .partner-contact a {
  color: inherit;
  text-decoration: underline;
}

.partner .partner-us ul {
  margin-left: 18px;
}

.partner .partner-us.benefits {
  padding-bottom: 70px;
  border-bottom: none;
}

.partner .partner-us.benefits h2 {
  margin-bottom: 14px;
}

.partner .partner-us.benefits .partner-contact {
  display: block;
  margin-top: 20px;
}

.partner .partner-us .faq-list dl {
  margin-bottom: 12px;
  cursor: pointer;
}

.partner .partner-us .faq-list dl dd {
  display: none;
  margin-top: 6px;
  padding: 18px 18px 12px;
  background: #eef0f5;
}

.partner .partner-us .faq-list dl i.plus {
  margin-right: 10px;
  margin-top: -4px;
  width: 8px;
  height: 9px;
  background-position: 0 -31px;
}

.partner .partner-us .faq-list dl.current {
  margin-bottom: 18px;
}

.partner .partner-us .faq-list dl.current dd {
  display: block;
}

.partner .partner-us .faq-list dl.current i.plus {
  background-position: -8px -31px;
}

.partner .terms {
  padding-bottom: 120px;
}

.partner .terms .banner {
  margin-bottom: 74px;
  height: 200px;
  text-align: center;
  background: #2f2f3e;
}

.partner .terms .banner h1 {
  display: inline-block;
  color: #fff;
  font-size: 50px;
  margin-top: 48px;
  margin-bottom: 8px;
}

.partner .terms .banner .h1sub {
  color: inherit;
  font-size: 20px;
  color: #fff;
}

.partner .terms p {
  padding: 0 0 28px;
}

.partner .terms .partner-contact .partner-icons {
  display: inline-block;
  margin-right: 8px;
}

.partner .terms .partner-contact a {
  font-size: 16px;
  color: inherit;
}

.partner .affiliates {
  background: url(../images/affiliate/affiliates-bg.jpg) no-repeat center top;
}

.partner .affiliates h1 {
  padding: 30px 0 12px;
  color: #fff;
  text-align: center;
}

.partner .affiliates .h1sub {
  padding: 0 60px;
  color: #fff;
  text-align: center;
}

.partner .affiliates .affiliates-panel {
  margin: 34px 0 100px;
  padding: 24px 50px;
  border: 1px solid #e8ebf1;
  background: #fff;
}

.partner .affiliates .affiliates-panel h3 {
  margin-bottom: 24px;
  font-family: "Spartan", Arial, sans-serif;
  font-size: 22px;
}

.partner .affiliates .affiliates-panel p {
  padding-bottom: 4px;
}

.partner .affiliates .affiliates-panel .affid {
  height: 70px;
  width: 100%;
}

.partner .affiliates .affiliates-panel .affid .text-input {
  position: relative;
  width: 500px;
  float: left;
}

.partner .affiliates .affiliates-panel .affid .text-input input[type="text"] {
  display: inline-block;
  width: 480px;
  height: 36px;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid #d9d9e6;
  background: #f2f4f7;
  box-sizing: border-box;
}

.partner .affiliates .affiliates-panel .affid .text-input input[type="text"]:focus {
  border-color: #1264fc;
}

.partner .affiliates .affiliates-panel .affid .text-input.error input[type="text"] {
  border: 1px solid #ed1c24;
}

.partner .affiliates .affiliates-panel .affid .text-input.error .error-hint {
  display: block;
}

.partner .affiliates .affiliates-panel .affid .text-input .error-hint {
  display: none;
  font-size: 12px;
  color: #ed1c24;
}

.partner .affiliates .affiliates-panel .affid .text-input .error-hint .tag-error {
  float: left;
  margin-top: 3px;
  margin-right: 4px;
}

.partner .affiliates .affiliates-panel .affid .text-input.on-error {
  border-color: #ed1c24;
}

.partner .affiliates .affiliates-panel .affid .text-input.on-error input[type="text"] {
  color: #ed1c24;
}

.partner .affiliates .affiliates-panel .affid .affiliate-join {
  float: left;
  width: 480px;
  margin-top: 6px;
  font-size: 12px;
}

.partner .affiliates .affiliates-panel .affid .affiliate-join .tag-info {
  float: left;
  margin-top: 3px;
  margin-right: 4px;
  text-indent: -9999px;
}

.partner .affiliates .affiliates-panel .affiliate-downbtn {
  margin-bottom: 17px;
}

.partner .affiliates .affiliates-panel .affiliate-downbtn .btn-blue {
  color: #fff;
  display: inline-block;
  width: 100%;
  height: 42px;
  line-height: 42px;
  border-radius: 4px;
}

.partner .affiliates .affiliates-panel .affiliate-downbtn .btn-blue i.partner-icons {
  margin-right: 16px;
  width: 16px;
  height: 15px;
  background-position: 0 -41px;
}

.partner .affiliates .affiliates-panel .dg-container {
  position: relative;
  margin: 0 auto;
  padding-top: 42px;
  height: 310px;
  border-top: 1px solid #e9ecf1;
}

.partner .affiliates .affiliates-panel .dg-container nav {
  position: relative;
  width: 100%;
}

.partner .affiliates .affiliates-panel .dg-container nav div {
  position: absolute;
  top: -183px;
}

.partner .affiliates .affiliates-panel .dg-container nav div.dg-prev {
  left: 0;
}

.partner .affiliates .affiliates-panel .dg-container nav div.dg-next {
  right: 0;
}

.partner .affiliates .affiliates-panel .dg-container nav div.dg-next span {
  background-position: -31px 0;
}

.partner .affiliates .affiliates-panel .dg-container nav div.dg-next span:hover {
  background-position: -31px -51px;
}

.partner .affiliates .affiliates-panel .dg-container nav div span {
  display: block;
  width: 31px;
  height: 51px;
  overflow: hidden;
  cursor: pointer;
  background: url(../images/affiliate/affiliates-dg-icons.png) 0 0 no-repeat;
}

.partner .affiliates .affiliates-panel .dg-container nav div span:hover {
  background-position: 0 -51px;
}

.partner .affiliates .affiliates-panel .dg-wrapper {
  position: relative;
  margin: 0 auto;
  width: 440px;
  height: 292px;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 700px;
  -ms-perspective: 700px;
  -o-perspective: 700px;
  perspective: 700px;
}

.partner .affiliates .affiliates-panel .dg-wrapper span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 440px;
  height: 292px;
}

.partner .affiliates .affiliates-panel .dg-wrapper span img {
  display: block;
  width: 440px;
  height: 292px;
}

.partner .affiliates .affiliates-panel .dg-transition {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.partner .aff-solutions-banner {
  padding: 48px 0;
  text-align: center;
  background: #2f2f3e;
}

.partner .aff-solutions-banner h1 {
  color: #fff;
}

.partner .aff-solutions-banner .h1sub {
  color: #fff;
  font-size: 20px;
}

.partner .aff-solutions-banner .h1sub strong {
  font-size: 24px;
  font-weight: normal;
}

.partner .aff-solutions-banner dl {
  margin: 0 auto;
}

.partner .aff-solutions-banner dl dt {
  height: 54px;
  margin: 24px 0 10px;
  position: relative;
}

.partner .aff-solutions-banner dl dt .aff-solutions-btn {
  padding: 7px 30px;
  min-width: 295px;
  font-size: 18px;
  border-radius: 4px;
  box-sizing: border-box;
}

.partner .aff-solutions-banner dl dt .dropdown {
  position: absolute;
  top: 54px;
  left: 50%;
  display: none;
  margin-left: -147.5px;
  list-style: none;
  width: 295px;
  border-radius: 5px;
  background: #ff8400;
}

.partner .aff-solutions-banner dl dt .dropdown li {
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
}

.partner .aff-solutions-banner dl dt .dropdown li:first-child {
  border-bottom: 1px #fd9244 solid;
}

.partner .aff-solutions-banner dl dt .dropdown a {
  color: #fff;
}

.partner .aff-solutions-banner dl dt.active .dropdown {
  display: block;
}

.partner .aff-solutions-banner dl dd .partner-icons {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}

.partner .aff-solutions-banner dl dd a {
  color: #fff;
}

.partner .partner-started {
  padding: 70px 0 42px;
  background: #eef0f5;
}

.partner .started-steps {
  margin-bottom: 23px;
}

.partner .started-steps h4 {
  margin-bottom: 10px;
  font-family: "Spartan", Arial, sans-serif;
}

.partner .started-steps a {
  color: #000;
  text-decoration: underline;
}

.partner .started-steps.first li {
  margin-bottom: 7px;
}

.partner .btmarea {
  height: 300px;
  text-align: center;
  background: url(../images/banner/affiliate-solutions-banner-bottom.jpg) center top no-repeat;
}

.partner .btmarea h2 {
  padding: 38px 0 18px;
  font-size: 44px;
  color: #fff;
}

.partner .btmarea .btn-zone {
  margin: 0 auto;
}

.partner .btmarea .btn-zone dt {
  position: relative;
  margin: 24px 0 10px;
  height: 54px;
}

.partner .btmarea .btn-zone dt .aff-solutions-btn {
  padding: 7px 30px;
  min-width: 295px;
  font-size: 18px;
  border-radius: 4px;
  box-sizing: border-box;
}

.partner .btmarea .btn-zone dt .dropdown {
  position: absolute;
  top: 54px;
  left: 50%;
  display: none;
  margin-left: -147.5px;
  list-style: none;
  width: 295px;
  border-radius: 5px;
  background: #ff8400;
}

.partner .btmarea .btn-zone dt .dropdown li {
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
}

.partner .btmarea .btn-zone dt .dropdown li:first-child {
  border-bottom: 1px #fd9244 solid;
}

.partner .btmarea .btn-zone dt .dropdown a {
  color: #fff;
}

.partner .btmarea .btn-zone dt.active .dropdown {
  display: block;
}

.partner .btmarea .btn-zone dd .partner-icons {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}

.partner .btmarea .btn-zone dd a {
  color: #fff;
}

.partner .btmarea .note {
  margin-top: 22px;
  color: #a1a1a1;
}

.partner .btmarea .note span {
  display: block;
  line-height: 14px;
}

.support-content {
  margin: 80px 0;
}

.support-content h2 {
  margin-bottom: 15px;
  font-size: 36px;
}

.support-content ul,
.support-content ol {
  list-style-type: none;
}

.support-content hr {
  margin: 55px 0;
}

.support-content h5 {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 36px;
  font-family: "Spartan", sans-serif;
}

.support-content sup {
  color: #ec1515;
}

.support-content .social a {
  display: inline-block;
  margin: 0 10px;
  font-size: 18px;
  color: #fff;
  width: 30px;
  height: 30px;
  background: #1264fc;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
}

.support-content .social a:hover {
  background: #236ffc;
}

.support-content .select-content {
  position: relative;
}

.support-content .select-content .simulation-select {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 34px;
  line-height: 34px;
  background: #f2f4f7;
  border-radius: 3px;
  text-indent: 15px;
  cursor: pointer;
  border: solid #d9d9e6 1px;
}

.support-content .select-content .simulation-select i {
  position: absolute;
  line-height: 34px;
  right: 35px;
}

.support-content .select-content .simulation-select cite {
  font-style: inherit;
}

.support-content .select-content .simulation-select:hover,
.support-content .select-content .simulation-select.active {
  border: solid #1264fc 1px;
  color: #fff;
  background: #1264fc;
}

.support-content .select-content ol {
  position: absolute;
  z-index: 1000;
  width: 100%;
  display: none;
  margin-top: 3px;
  border-radius: 3px;
  background: #fff;
  border: solid #eef0f5 1px;
  max-height: 360px;
  overflow-y: auto;
}

.support-content .select-content ol li {
  position: relative;
  height: 35px;
  line-height: 35px;
  padding-left: 15px;
  cursor: pointer;
  border-bottom: solid #eef0f5 1px;
}

.support-content .select-content ol li cite {
  font-style: inherit;
}

.support-content .select-content ol li i {
  position: absolute;
  top: 12px;
  display: none;
  right: 25px;
}

.support-content .select-content ol li:last-child {
  border: none;
}

.support-content .select-content ol li:hover {
  background: #eef0f5;
}

.support-content .select-content ol li:hover i {
  display: block;
  color: #1264fc;
}

.support-content .select-content ol.active {
  display: block;
}

.support-content .select-product {
  float: left;
  width: 520px;
}

.support-content .select-product .list-content {
  margin-top: 25px;
}

.support-content .select-product .list-content ul {
  display: none;
}

.support-content .select-product .list-content ul.active {
  display: block;
}

.support-content .select-product .list-content ul a {
  display: inline-block;
  margin: 7px 0;
  color: #1264fc;
}

.support-content .select-product .btn-blue {
  margin-top: 25px;
  color: #fff;
  border-radius: 3px;
  padding: 3px 15px;
  min-width: 113px;
}

.support-content .common-problem {
  width: 325px;
  padding-left: 40px;
  float: left;
}

.support-content .common-problem a {
  display: inline-block;
  margin: 7px 0;
  color: #1264fc;
}

.support-content .common-problem.f-right {
  float: right;
}

.support-content .common-problem.hotquestion {
  padding-left: 0;
  width: 285px;
  padding-right: 80px;
}

.support-content .common-problem.hotquestion h2 {
  font-size: 22px;
  margin-bottom: 20px;
}

.support-content .common-problem.hotquestion dd {
  margin-bottom: 10px;
}

.support-content .common-problem.hotquestion dd a {
  line-height: 1.71528571;
  font-size: 12px;
}

.support-content .common-problem dl {
  margin-bottom: 30px;
}

.support-content .information-display {
  width: 670px;
  float: left;
}

.support-content .information-display.hotquestions-message {
  width: 730px;
}

.support-content .information-display.hotquestions-message p {
  padding: 0;
  margin-top: 30px;
}

.support-content .information-display.hotquestions-message img {
  max-width: 730px;
}

.support-content .information-display.translate {
  width: 730px;
}

.support-content .information-display.translate h3 {
  margin-bottom: 25px;
}

.support-content .information-display.translate h4 {
  font-family: "Spartan", Arial, sans-serif;
  margin-bottom: 10px;
}

.support-content .information-display.translate .select-content {
  width: 543px;
}

.support-content .information-display.translate a {
  line-height: 28px;
  margin: 0;
}

.support-content .information-display.translate .product-handle {
  margin-top: 0;
}

.support-content .information-display.translate .product-handle li label {
  display: block;
  width: auto;
}

.support-content .information-display.translate .product-handle li input {
  width: 543px;
}

.support-content .information-display.translate .product-handle li input.captcha {
  width: 400px;
}

.support-content .information-display.translate .product-handle li textarea {
  width: 539px;
  height: 198px;
  margin-bottom: 0;
  resize: none;
}

.support-content .information-display.translate .product-handle li p.note {
  display: block;
  padding-left: 0;
  font-size: 12px;
  color: #9e9e9e;
}

.support-content .information-display.translate .product-handle li p.note span {
  float: left;
  margin-right: 2px;
  min-height: 35px;
}

.support-content .information-display dl {
  margin-top: 20px;
}

.support-content .information-display dl dt {
  margin-bottom: 10px;
  padding-left: 18px;
  cursor: pointer;
  line-height: 20px;
  background: url(../images/faqs-icon.png) no-repeat 0 -137px;
}

.support-content .information-display dl dd {
  display: none;
  padding: 10px 20px;
  background: #eef0f5;
}

.support-content .information-display dl dd p span {
  display: block;
  font-size: 12px;
  color: #9c9c9c;
}

.support-content .information-display dl.active dt {
  background: url(../images/faqs-icon.png) no-repeat 0 -62px;
}

.support-content .information-display dl.active dd {
  display: block;
}

.support-content .product-handle {
  margin-top: 35px;
  font-size: 16px;
  color: #000;
}

.support-content .product-handle>li {
  width: 100%;
  min-height: 36px;
  padding-bottom: 30px;
}

.support-content .product-handle>li label {
  display: inline-block;
  min-height: 36px;
  width: 185px;
  line-height: 1.3;
}

.support-content .product-handle>li label sup {
  color: #ec1515;
}

.support-content .product-handle>li .select-content,
.support-content .product-handle>li input[type="text"],
.support-content .product-handle>li textarea {
  display: inline-block;
  vertical-align: top;
  width: 520px;
  color: #545454;
  font-size: 14px;
  box-sizing: border-box;
}

.support-content .product-handle>li input[type="text"],
.support-content .product-handle>li input[type="password"],
.support-content .product-handle>li textarea {
  background: #f2f4f7;
  border-radius: 3px;
  padding: 8px 15px;
  border: solid #d9d9e6 1px;
  font-size: 14px;
}

.support-content .product-handle>li input[type="text"]:hover,
.support-content .product-handle>li input[type="password"]:hover,
.support-content .product-handle>li textarea:hover {
  border: solid #1264fc 1px;
}

.support-content .product-handle>li input[type="text"].captcha,
.support-content .product-handle>li input[type="password"].captcha,
.support-content .product-handle>li textarea.captcha {
  width: 385px;
}

.support-content .product-handle>li img {
  vertical-align: middle;
  margin-left: 15px;
}

.support-content .product-handle>li img.refresh {
  cursor: pointer;
}

.support-content .product-handle>li .errormsg {
  padding: 0;
  margin-top: 3px;
  display: none;
  padding-left: 185px;
  clear: both;
  color: #ed1c24;
  font-size: 12px;
}

.support-content .product-handle>li .errormsg .tag-error {
  float: left;
  margin-top: 3px;
  margin-right: 4px;
}

.support-content .product-handle>li .btn-blue {
  min-width: 213px;
  border-radius: 3px;
  padding: 1px 15px;
  color: #fff;
}

.support-content .product-handle>li.error {
  padding-bottom: 6px;
}

.support-content .product-handle>li.error input[type="input"],
.support-content .product-handle>li.error textarea {
  border: solid #ed1c24 1px;
}

.support-content .product-handle>li.error input[type="input"]:hover,
.support-content .product-handle>li.error textarea:hover {
  border: solid #ed1c24 1px;
}

.support-content .product-handle>li.error .simulation-select {
  border: solid #ed1c24 1px;
}

.support-content .product-handle>li.error .errormsg {
  display: block;
}

.support-content .product-handle>li .extra-info {
  padding: 0;
  margin-left: 195px;
}

.support-content .product-handle.feedback-form textarea {
  height: 160px;
  resize: none;
}

.support-content.onlinefeedback .answer-below ul {
  float: left;
  width: 525px;
  padding-right: 25px;
}

.support-content.onlinefeedback .answer-below ul a {
  display: inline-block;
  line-height: 42px;
  margin: 7px 0;
  color: #1264fc;
}

.support-content.onlinefeedback .get-iobit-help {
  width: 600px;
  font-size: 16px;
}

.support-content.onlinefeedback .get-iobit-help .support-products {
  display: block;
  margin-top: 35px;
  line-height: 38px;
}

.support-content.onlinefeedback .get-iobit-help .support-products .btn-blue {
  float: right;
  min-width: 230px;
  color: #fff;
  border-radius: 3px;
  margin: 0;
  padding: 0 10px;
  line-height: 38px;
}

.support-content.onlinefeedback .get-iobit-help .support-products .btn-blue i {
  vertical-align: middle;
  width: 24px;
  height: 38px;
  margin-right: 15px;
  background: url(../images/faqs-icon.png) no-repeat;
  background-position: 0 -224px;
}

.support-content.onlinefeedback .get-iobit-help .support-products .select-content {
  float: right;
  width: 252px;
  font-size: 14px;
}

.support-content.onlinefeedback .get-iobit-help .support-products .select-content a {
  display: block;
  margin: 0;
  color: #545454;
}

.support-content.onlinefeedback .get-iobit-help .support-products .select-content a:hover {
  color: #1264fc;
  text-decoration: none;
}

.language {
  padding-top: 55px;
  padding-bottom: 80px;
  min-width: 1100px;
  background-color: #eef0f5;
  background-position: center top;
  background-repeat: no-repeat;
}

.language table {
  margin-bottom: 80px;
  width: 100%;
  border-radius: 3px;
  background: #fff;
  color: #545454;
}

.language table td,
.language table th {
  text-align: left;
  padding: 15px 0;
  vertical-align: middle;
}

.language table thead th {
  font-family: "Spartan", sans-serif;
  font-size: 20px;
  color: #000;
  font-weight: normal;
  border-bottom: solid #eef0f5 2px;
}

.language table tbody tr td {
  vertical-align: middle;
  border-bottom: solid #eef0f5 1px;
}

.language table tbody tr td a {
  color: inherit;
}

.language table tbody tr td .btn-blue {
  min-width: 115px;
  padding: 0 5px;
  color: #fff;
}

.language table tbody tr td .btn-blue i {
  width: 16px;
  height: 15px;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 10px;
  background: url(../images/faqs-icon.png);
  background-position: 0 -209px;
}

.language table tbody tr:last-child {
  border-bottom: none;
}

.language.catalog {
  background-image: url(../images/support/language-bg.jpg);
}

.language.catalog h1 {
  padding: 100px 0;
  text-align: center;
  color: #fff;
  font-size: 60px;
}

.language.catalog table .itema {
  width: 60px;
  padding-left: 50px;
}

.language.catalog table .itema img {
  width: 40px;
  height: 40px;
}

.language.catalog table .itemb {
  width: 445px;
}

.language.catalog table .itemc {
  width: 365px;
}

.language.catalog h3 {
  margin-bottom: 20px;
  font-size: 24px;
}

.language.list {
  background-image: url(../images/support/language-list.jpg);
}

.language.list .intro {
  display: inline-block;
  margin-top: 180px;
}

.language.list .intro h3 {
  margin-bottom: 20px;
}

.language.list h1 {
  display: block;
  padding: 0;
  margin: 20px 0 40px;
  font-size: 24px;
  line-height: 60px;
  font-weight: 400;
  color: #000;
  text-align: left;
}

.language.list h1 span {
  display: inline-block;
  float: left;
  width: 60px;
  margin-right: 10px;
}

.language.list table {
  margin-bottom: 0;
}

.language.list table .flag,
.language.list table .lang {
  padding-left: 60px;
}

.language.list table .flag {
  width: 32px;
}

.language.list table .flag img {
  display: block;
}

.language.list table .details {
  width: 510px;
}

.product-manuals {
  padding-bottom: 80px;
  text-align: center;
  min-width: 1100px;
  background: url(../images/support/product-manuals-bg.jpg) no-repeat top;
}

.product-manuals h1 {
  padding-top: 85px;
  padding-bottom: 24px;
  color: #fff;
  font-size: 50px;
}

.product-manuals p {
  height: 107px;
  color: #fff;
  font-size: 16px;
}

.product-manuals dl {
  float: left;
  width: 198px;
  height: 228px;
  margin-bottom: 25px;
  margin-right: 25px;
  margin-right: 18px \0;
  background: #fff;
  border: solid #e6e6e6 1px;
}

.product-manuals dl dt {
  height: 95px;
  line-height: 95px;
}

.product-manuals dl dt img {
  display: inline-block;
  vertical-align: bottom;
}

.product-manuals dl dd strong {
  display: block;
  height: 54px;
  margin-top: 15px;
  line-height: initial;
  font-weight: normal;
}

.product-manuals dl dd .btn-blue {
  border-radius: 3px;
  padding: 0 10px;
  color: #fff;
  min-width: 108px;
}

.product-manuals dl:nth-child(5n + 0) {
  margin-right: 0;
}

.product-manuals dl:hover {
  border: solid #1264fc 1px;
}

.thankyou {
  padding-top: 55px;
  padding-bottom: 80px;
  background: url(../images/support/thankyou-bg.jpg) no-repeat center top;
}

.thankyou h1 {
  text-align: center;
  margin-top: 50px;
  font-size: 56px;
  color: #1264fc;
}

.thankyou h4 {
  text-align: center;
  margin-top: 10px;
  color: #545454;
}

.thankyou .activation-product {
  margin-top: 35px;
  padding-bottom: 40px;
  margin-bottom: 65px;
  background: #eef0f5;
}

.thankyou .activation-product h3 {
  text-align: center;
  padding-top: 30px;
  margin-bottom: 20px;
}

.thankyou .activation-product p {
  text-align: center;
  padding: 0 25px;
}

.thankyou .activation-product span {
  color: #1264fc;
}

.thankyou .activation-product .call-us {
  width: 1000px;
  height: 360px;
  margin: 0 auto;
  margin-top: 30px;
  background: #fff url(../images/support/call-us-bg.jpg) no-repeat right bottom;
  border: solid #d4d8e1 1px;
}

.thankyou .activation-product .call-us dl,
.thankyou .activation-product .call-us ul {
  width: 530px;
  margin-left: 60px;
}

.thankyou .activation-product .call-us dl {
  padding-bottom: 35px;
  margin-top: 39px;
  border-bottom: solid #d4d8e1 1px;
}

.thankyou .activation-product .call-us dl dt {
  float: left;
  margin-right: 45px;
}

.thankyou .activation-product .call-us dl dd {
  line-height: 30px;
}

.thankyou .activation-product .call-us dl dd span {
  font-size: 28px;
}

.thankyou .activation-product .call-us dl dd.last {
  color: #f26522;
}

.thankyou .activation-product .call-us dl dd:nth-child(2) {
  padding-top: 10px;
}

.thankyou .activation-product .call-us ul {
  margin-top: 35px;
  list-style-type: none;
}

.thankyou .activation-product .call-us ul li {
  float: left;
  padding-left: 22px;
  padding-right: 15px;
  width: 228px;
  line-height: 32px;
  font-size: 16px;
  background: url(../images/support/choose-icon.png) no-repeat 0 8px;
}

.thankyou .activation-product .call-us .custom-inner {
  display: block;
  width: 540px;
  height: 104px;
  margin-top: 115px;
  margin-left: 48px;
  text-align: left;
  background: url(../images/support/call-ico.jpg) left center no-repeat;
  padding-left: 148px;
}

.thankyou .activation-product .call-us .custom-inner strong {
  font-size: 40px;
  line-height: 1;
  color: #1264fc;
  font-weight: 400;
}

.thankyou .activation-product .call-us .custom-inner span {
  display: block;
  font-size: 56px;
  line-height: 1;
  color: #000;
}

.thankyou h3 {
  margin-bottom: 20px;
  font-size: 24px;
}

.thankyou h5 {
  line-height: 28px;
  font-family: "Spartan", Arial, sans-serif;
}

.thankyou hr {
  margin: 50px 0;
}

.thankyou dl {
  margin-bottom: 35px;
}

.partnerreset {
  margin: 0 !important;
  background: url(../images/support/language-list.jpg) center top no-repeat;
}

.partnerreset .title {
  display: block;
  height: 200px;
}

.partnerreset .title h1 {
  display: inline-block;
  width: 100%;
  margin-top: 90px;
  color: #fff;
  text-align: center;
}

.partnerreset .infopart {
  margin-top: 45px;
  margin-bottom: 45px;
}

.partnerreset .infopart .form-zone {
  float: left;
  width: 400px;
}

.partnerreset .infopart .form-zone .product-handle {
  margin-top: 20px;
}

.partnerreset .infopart .form-zone .product-handle>li {
  padding-bottom: 10px;
}

.partnerreset .infopart .form-zone .product-handle>li input[type="text"] {
  width: 192px;
}

.partnerreset .infopart .form-zone .product-handle>li input[type="text"].captcha {
  width: 192px;
}

.partnerreset .infopart .form-zone .product-handle>li input[type="password"] {
  width: 160px;
}

.partnerreset .infopart .form-zone .product-handle>li .btn-blue {
  float: left;
  margin-top: 20px;
  min-width: 100px;
}

.partnerreset .infopart .notice {
  float: right;
  width: 660px;
}

.partnerreset .infopart .notice h4 {
  margin-bottom: 20px;
}

.partnerreset .staff-zone {
  margin: 45px 0;
}

.partnerreset .staff-zone .resettab {
  margin-top: 20px;
}

.partnerreset .staff-zone .resettab .btn-blue {
  min-width: 50px;
  border-radius: 3px;
  padding: 1px 15px;
  color: #fff;
}

.partnerreset .staff-zone .resettab table th {
  font-size: 16px;
  font-family: "Spartan", sans-serif;
  color: #000;
  background: #c9ced6;
}

.partnerreset .staff-zone .resettab table td {
  text-align: center;
  border-bottom: 1px #c9ced6 solid;
}

.processing {
  min-height: 400px;
  text-align: center;
}

.processing .result {
  text-align: left;
}

.processing .result h3 {
  font-size: 26px;
  margin-bottom: 20px;
}

.processing .result .tips {
  font-size: 18px;
  color: #ed1c24;
}

.refund .solutions h4 {
  font-size: 18px;
}

.refund .solutions .solution_dsp {
  background: #f8f5f1;
  border: 1px solid #e6e6e6;
  padding: 10px;
  margin: 20px 0;
}

.refund .solutions .solution_dsp p {
  padding: 0;
}

.refund .solutions .refund_customer_text {
  background: #f8f5f1;
  border: 1px solid #e6e6e6;
  padding: 10px;
  margin: 10px 0;
  width: 850px;
}

.refund .solutions .button {
  float: right;
  margin-left: 10px;
  border-radius: 3px;
  padding: 1px 15px;
}

.refund .solved {
  margin-top: 20px;
}

.refund .solved .lists {
  padding: 10px;
  background: #f2f4f7;
  border-radius: 5px;
  border: 1px #33c748 solid;
}

.presscenter .category-nav ul li {
  width: 25% !important;
}

.presscenter .banner {
  display: block;
  height: 249px;
  width: 100%;
  color: #fff;
  text-align: center;
  background: url(../images/banner/press-banner.jpg) center top no-repeat;
}

.presscenter .banner h1 {
  display: inline-block;
  width: 100%;
  margin-top: 74px;
  margin-bottom: 24px;
  font-size: 54px;
  color: #fff;
}

.presscenter .banner h1+p {
  font-size: 20px;
}

.presscenter .pageindex {
  height: 363px;
  box-sizing: border-box;
}

.presscenter .pageindex dl {
  float: left;
  width: 478px;
  margin-top: 80px;
  margin-right: 50px;
}

.presscenter .pageindex dl.last {
  margin-right: 0;
}

.presscenter .pageindex dl dt {
  float: left;
  width: 121px;
  margin-right: 45px;
}

.presscenter .pageindex dl dd {
  margin-left: 166px;
}

.presscenter .pageindex dl dd h2 {
  margin-bottom: 22px;
}

.presscenter .pageindex dl dd p {
  line-height: 1.71428571;
}

.presscenter .pageindex .notice {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  margin-top: 66px;
}

.presscenter .press {
  background: #f2f2f2;
  display: block;
  box-sizing: border-box;
}

.presscenter .press h2 {
  display: inline-block;
  width: 100%;
  margin-top: 58px;
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 400;
  text-align: center;
}

.presscenter .press nav {
  width: 100%;
  position: absolute;
  height: 25px;
}

.presscenter .press nav .dg-prev {
  left: 0;
}

.presscenter .press nav .dg-prev span {
  background-position: 0 0;
}

.presscenter .press nav .dg-prev span:hover {
  background-position: 0 -25px;
}

.presscenter .press nav .dg-next {
  right: 0;
}

.presscenter .press nav .dg-next span {
  background-position: -16px 0;
}

.presscenter .press nav .dg-next span:hover {
  background-position: -16px -25px;
}

.presscenter .press nav div {
  position: absolute;
}

.presscenter .press nav span {
  width: 16px;
  height: 25px;
  display: block;
  overflow: hidden;
  cursor: pointer;
  background: url(../images/presscenter/dg-arrow.png) no-repeat;
}

.presscenter .press .annals {
  width: 990px;
  margin: 0 auto;
  overflow: hidden;
  height: 50px;
  position: relative;
}

.presscenter .press .annals ul {
  position: relative;
  border-top: 6px #e9eaeb solid;
  margin-top: 10px;
}

.presscenter .press .annals ul li {
  float: left;
  width: 110px;
  font-size: 12px;
  text-align: center;
  list-style: none;
  margin-top: -12px;
}

.presscenter .press .annals ul li a {
  display: inline-block;
  margin: 0 auto;
  border-radius: 50%;
  background: #ced4d6;
}

.presscenter .press .annals ul li a i {
  width: 18px;
  height: 18px;
  display: block;
  background: #ced4d6;
  border-radius: 50%;
}

.presscenter .press .annals ul li a.current i {
  background: #1264fc;
}

.presscenter .press .annals ul li a.current span {
  color: #2188d1;
}

.presscenter .press .annals ul li span {
  width: 100%;
  color: #9da4a7;
  display: inline-block;
}

.presscenter .press .presslist {
  padding: 40px 0 30px;
}

.presscenter .press .presslist ul {
  display: none;
}

.presscenter .press .presslist ul.now {
  display: block;
}

.presscenter .press .presslist ul li {
  list-style: none;
  margin: 15px 0;
  padding-left: 36px;
  background: url(../../tpl/images/presscenter/icon-press.png) left center no-repeat;
}

.presscenter .press .presslist ul li span {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  padding-bottom: 5px;
}

.presscenter .resources {
  text-align: center;
}

.presscenter .resources h2 {
  display: inline-block;
  margin-top: 66px;
  font-weight: 400;
}

.presscenter .resources h2+p {
  font-size: 16px;
}

.presscenter .resources .lists {
  display: block;
  margin-bottom: 70px;
  background: url(../images/presscenter/resources-bg.png) center center repeat-y;
}

.presscenter .resources .lists dl {
  float: left;
  display: inline-block;
  width: 340px;
  height: 220px;
  margin: 28px 13px 0;
  padding-bottom: 20px;
  border-bottom: 1px #e8e8e8 solid;
}

.presscenter .resources .lists dl dt {
  display: block;
  margin-bottom: 16px;
}

.presscenter .resources .lists dl dt img {
  width: 90px;
  height: 90px;
}

.presscenter .resources .lists dl dd h3 {
  font-size: 18px;
  font-weight: 400;
  color: #454a4d;
}

.presscenter .resources .lists dl dd a {
  display: block;
  font-size: 12px;
  line-height: 20px;
}

.presscenter .onepage {
  padding: 50px 0;
}

.presscenter .onepage .article {
  float: left;
  width: 635px;
}

.presscenter .onepage .article h1 {
  font-size: 30px;
  line-height: 1.5;
  margin-bottom: 30px;
}

.presscenter .onepage .article p {
  line-height: 24px;
  padding-bottom: 30px;
}

.presscenter .onepage .article cite {
  position: relative;
  display: block;
  margin-top: 40px;
  padding-top: 15px;
  border-top: 1px #e5e5e5 solid;
  font-style: normal;
}

.presscenter .onepage .article cite:before {
  position: absolute;
  top: -2px;
  left: 0;
  display: block;
  content: "";
  width: 65px;
  height: 3px;
  background: #2188d1;
}

.presscenter .onepage .article cite h4 {
  margin-bottom: 14px;
}

.presscenter .onepage .article cite p {
  padding: 0 0 0 !important;
}

.presscenter .onepage .panel {
  display: block;
  float: right;
  width: 296px;
  margin-bottom: 40px;
}

.presscenter .onepage .panel h5 {
  position: relative;
  display: block;
  padding-bottom: 30px;
  text-transform: uppercase;
  border-bottom: 1px #e5e5e5 solid;
}

.presscenter .onepage .panel h5:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  display: block;
  content: "";
  width: 65px;
  height: 3px;
  background: #2188d1;
}

.presscenter .onepage .panel.news-list ul {
  display: inline-block;
  width: inherit;
  margin-top: 16px;
  list-style: none;
}

.presscenter .onepage .panel.news-list ul li {
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  display: block;
  margin: 20px 0;
  text-indent: 16px;
  white-space: nowrap;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url(../images/presscenter/list-arrow.png) left center no-repeat;
}

.presscenter .onepage .panel.news-list ul li a {
  color: #585858;
}

.presscenter .onepage .panel.news-list ul li a:hover {
  color: #2188d1;
}

.presscenter .onepage .panel.featured-product dl {
  display: inline-block;
  width: 100%;
  margin-top: 26px;
  padding-bottom: 30px;
  text-align: center;
  border-bottom: 1px #f2f2f2 solid;
}

.presscenter .onepage .panel.featured-product dl dt {
  display: block;
  margin-bottom: 16px;
}

.presscenter .onepage .panel.featured-product dl dt img {
  width: 90px;
  height: 90px;
}

.presscenter .onepage .panel.featured-product dl dd h6 {
  line-height: 32px;
}

.presscenter .onepage .panel.featured-product dl dd a {
  display: block;
  font-size: 12px;
}

.presscenter .features-index {
  padding-top: 50px;
  padding-bottom: 60px;
}

.presscenter .features-index h2 {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.presscenter .features-index .fe-list .list-box {
  float: left;
  display: block;
  margin-top: 30px;
  margin-right: 30px;
  width: 530px;
  min-height: 334px;
  box-sizing: border-box;
  border: 1px #e0e3ec solid;
}

.presscenter .features-index .fe-list .list-box.even {
  margin-right: 0;
}

.presscenter .features-index .fe-list .list-box .img-zone {
  float: left;
  display: block;
  width: 156px;
  text-align: center;
}

.presscenter .features-index .fe-list .list-box .img-zone img {
  margin-top: 30px;
  width: 92px;
  height: 92px;
}

.presscenter .features-index .fe-list .list-box dl {
  float: right;
  margin-top: 30px;
  margin-bottom: 30px;
  width: 370px;
}

.presscenter .features-index .fe-list .list-box dl dt {
  font-size: 20px;
  padding-bottom: 4px;
}

.presscenter .features-index .fe-list .list-box dl dd {
  line-height: 24px;
}

.presscenter .features-index .fe-list .list-box dl dd a {
  color: inherit;
}

.presscenter .features-index .fe-list .list-box dl dd a:hover {
  color: #2188d1;
}

.presscenter .features-index .fe-list .list-box dl dd:before {
  display: inline-block;
  margin-right: 4px;
  content: "\2022";
  font-size: 14px;
  font-weight: bold;
  line-height: 0;
  color: #545454;
}

.presscenter .social {
  display: block;
  margin-bottom: 80px;
}

.presscenter .social h2 {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.presscenter .social ul {
  display: block;
  height: 150px;
  width: 996px;
  margin: 0 auto;
  margin-top: 40px;
  list-style: none;
}

.presscenter .social ul li {
  float: left;
  display: block;
  width: 96px;
  margin: 0 35px;
  text-align: center;
}

.presscenter .social ul li span {
  display: block;
  margin-top: 18px;
  font-size: 16px;
}

.presscenter .social ul li a {
  width: 96px;
  height: 96px;
  display: inline-block;
  border-radius: 50px;
  background: #eef0f5;
  transition: all 0.3s;
}

.presscenter .social ul li a:hover {
  transform: scale(1.1);
}

.presscenter .social ul li a .fa {
  font-size: 50px;
  line-height: 96px;
  text-align: center;
  vertical-align: middle;
}

.presscenter .social ul li a .fa.fa-facebook-official {
  color: #2657a3;
}

.presscenter .social ul li a .fa.fa-youtube-square {
  color: #ee4442;
}

.presscenter .social ul li a .fa.fa-comments-o {
  color: #011f36;
}

.presscenter .social ul li a .fa.fa-pencil-square-o {
  color: #1264fc;
}

.presscenter .social ul li a .fa.fa-twitter-square {
  color: #1da1f3;
}

.presscenter .crumbs {
  display: inline-block;
  width: 100%;
  height: 30px;
  margin-top: 55px;
  background: #eef0f5;
}

.presscenter .crumbs a {
  display: inline-block;
  line-height: 30px;
  color: #545454;
}

.presscenter .knowledge.knowledge-index {
  padding-top: 50px;
  margin-bottom: 50px;
}

.presscenter .knowledge.knowledge-index .container {
  padding-bottom: 30px;
  border-bottom: 1px #e5e5e5 solid;
}

.presscenter .knowledge.knowledge-list {
  margin-top: 50px;
  margin-bottom: 80px;
}

.presscenter .knowledge .through-banner {
  display: block;
  width: 1100px;
  height: 110px;
  margin-bottom: 50px;
}

.presscenter .knowledge .category {
  float: left;
  display: block;
  width: 314px;
  height: auto;
  border: 1px #e5e5e5 solid;
  background: #f5f5f5;
}

.presscenter .knowledge .category .subnav {
  display: inline-block;
  width: 276px;
  margin-top: 28px;
  margin-left: 20px;
  padding-bottom: 8px;
  border-bottom: 1px #e5e5e5 solid;
}

.presscenter .knowledge .category .subnav.closed {
  padding-bottom: 28px;
}

.presscenter .knowledge .category .subnav.closed ul {
  display: none;
}

.presscenter .knowledge .category .subnav:last-child {
  border-bottom: none;
}

.presscenter .knowledge .category .subnav .fold-control {
  display: inline-block;
  width: 29px;
  height: 29px;
  background: #1264fc;
}

.presscenter .knowledge .category .subnav .fold-control span {
  display: block;
  width: 0;
  height: 0;
  margin: 0 auto;
  margin-top: 12px;
  border-top: 0;
  border-right: 4px transparent solid;
  border-bottom: 4px #fff solid;
  border-left: 4px transparent solid;
  transition: all 0.3s;
}

.presscenter .knowledge .category .subnav .fold-control.closed {
  background: #2f2f3e;
}

.presscenter .knowledge .category .subnav .fold-control.closed span {
  transform: rotate(180deg);
}

.presscenter .knowledge .category .subnav h2 {
  font-size: 20px;
  color: #000;
}

.presscenter .knowledge .category .subnav h2 .fold-control {
  float: right;
}

.presscenter .knowledge .category .subnav ul {
  display: block;
  list-style: none;
}

.presscenter .knowledge .category .subnav ul li {
  padding-left: 22px;
  margin: 9px 0;
  line-height: 26px;
  background: url(../images/presscenter/list-arrow.png) left center no-repeat;
}

.presscenter .knowledge .category .subnav ul li a {
  color: #545454;
}

.presscenter .knowledge .category .subnav ul li a:hover {
  color: #1264fc;
}

.presscenter .knowledge .category-listings {
  float: right;
  width: 735px;
}

.presscenter .knowledge .category-listings .inner-group {
  margin-top: 25px;
  border-bottom: 1px #e5e5e5 solid;
}

.presscenter .knowledge .category-listings .inner-group:last-child {
  border-bottom: none;
}

.presscenter .knowledge .category-listings .inner-group dl {
  float: left;
  width: 350px;
  margin-right: 34px;
}

.presscenter .knowledge .category-listings .inner-group dl dt {
  display: inline-block;
  font-size: 20px;
  color: #1c1c1c;
  line-height: 24px;
  margin-bottom: 4px;
}

.presscenter .knowledge .category-listings .inner-group dl dd {
  display: block;
  margin: 14px 0;
  height: 18px;
  line-height: 18px;
  white-space: nowrap;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}

.presscenter .knowledge .category-listings .inner-group dl dd:last-child {
  overflow: inherit;
  margin-top: 24px;
  margin-bottom: 24px;
  height: 24px;
}

.presscenter .knowledge .category-listings .inner-group dl dd:last-child a.button {
  color: #1264fc;
  font-size: 18px;
  text-decoration: underline;
}

.presscenter .knowledge .category-listings .inner-group dl dd a {
  color: #545454;
}

.presscenter .knowledge .category-listings .inner-group dl:last-child {
  margin-right: 0;
}

.presscenter .knowledge .listbox {
  float: right;
  display: block;
  width: 680px;
  margin-right: 60px;
}

.presscenter .knowledge .listbox .listing {
  list-style: none;
}

.presscenter .knowledge .listbox .listing li {
  padding-left: 22px;
  height: 18px;
  line-height: 18px;
  display: block;
  margin: 40px 0;
  color: #1c1c1c;
  background: url(../images/presscenter/listing-icon.png) left center no-repeat;
}

.presscenter .knowledge .listbox .listing li:first-child {
  margin-top: 10px;
}

.presscenter .knowledge .listbox .flippage {
  display: block;
  margin-top: 20px;
  text-align: center;
}

.presscenter .knowledge .listbox .flippage a {
  margin: 0 12px;
}

.presscenter .knowledge .listbox .flippage a span {
  display: inline-block;
  width: 23px;
  height: 23px;
  color: #545454;
  text-align: center;
  line-height: 23px;
  border: 1px #545454 solid;
}

.presscenter .knowledge .listbox .flippage a span:hover {
  color: #1264fc;
  border: 1px #1264fc solid;
}

.presscenter .knowledge .listbox .flippage a.current span {
  color: #1264fc;
  border: 1px #1264fc solid;
  background: #ebf0f8;
}

.presscenter .knowledge .article {
  float: left;
  width: 745px;
}

.presscenter .knowledge .article h1 {
  font-size: 36px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 16px;
  color: #454a4d;
}

.presscenter .knowledge .article img.banner {
  margin: 30px 0;
  height: auto !important;
}

.presscenter .knowledge .article p {
  line-height: 24px;
  color: #2b3236;
  padding-bottom: 30px;
}

.presscenter .knowledge .article small {
  font-size: 12px;
}

.presscenter .knowledge .rightside {
  float: right;
  display: block;
  width: 296px;
}

.presscenter .knowledge .rightside .panel {
  display: block;
  float: right;
  width: 296px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.presscenter .knowledge .rightside .panel h4 {
  position: relative;
  display: block;
  padding-bottom: 30px;
  font-size: 18px;
  text-transform: uppercase;
  border-bottom: 1px #e5e5e5 solid;
}

.presscenter .knowledge .rightside .panel h4:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  display: block;
  content: "";
  width: 65px;
  height: 3px;
  background: #2188d1;
}

.presscenter .knowledge .rightside .panel.news-list ul {
  display: inline-block;
  width: inherit;
  margin-top: 16px;
  list-style: none;
}

.presscenter .knowledge .rightside .panel.news-list ul li {
  line-height: 18px;
  height: 18px;
  display: block;
  margin: 20px 0;
  text-indent: 16px;
  white-space: nowrap;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url(../images/presscenter/list-arrow.png) left center no-repeat;
}

.presscenter .knowledge .rightside .panel.news-list ul li a {
  color: #585858;
}

.presscenter .knowledge .rightside .panel.news-list ul li a:hover {
  color: #2188d1;
}

.features-page .banner {
  color: #fff;
}

.features-page .banner h2 {
  color: #fff;
  font-weight: normal;
  margin: 20px 0;
}

.features-page .banner h2+p {
  font-size: 18px;
}

.features-page .banner .downloadinfo {
  margin-top: 30px !important;
}

.features-page .benfits {
  height: 500px;
  vertical-align: middle;
  border-bottom: 1px #f4f4f9 solid;
}

.features-page .benfits .info {
  width: 670px;
}

.features-page .benfits h2 {
  margin-bottom: 22px;
}

.features-page .benfits p {
  font-size: 16px;
}

.features-page .benfits p a {
  color: inherit;
  text-decoration: underline;
}

.features-page .btmarea {
  display: block;
  height: 300px;
  background: #2f2f3e;
  color: #fff;
  text-align: center;
}

.features-page .btmarea h5 {
  display: inline-block;
  margin-top: 50px;
  text-align: center;
  color: #fff;
  line-height: 2;
}

.features-page .btmarea .button-zone .btn-jadegreen {
  box-shadow: none !important;
  margin-bottom: 0;
}

.features-page .all-features h2 {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 80px;
  margin-bottom: 20px;
}

.features-page .all-features dl {
  float: left;
  width: 240px;
  margin: 30px 16px 100px;
  text-align: center;
}

.features-page .all-features dl dt {
  display: block;
  margin-bottom: 30px;
}

.features-page .all-features dl dt img {
  width: 73px;
  height: 73px;
}

.features-page .all-features dl dd {
  line-height: 28px;
}

.errorpage {
  min-height: 300px;
  padding: 100px 0 40px 0;
}

.errorpage .error-continer {
  height: 300px;
  text-align: center;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.errorpage .error-continer h1 {
  font-size: 80px;
}

.errorpage .error-continer h2 {
  font-size: 80px;
}

.errorpage .error-continer h3 {
  margin: 30px 0;
}

.errorpage .error-continer ul {
  list-style: none;
  width: 300px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 20px;
}

.errorpage .error-continer .button {
  border-radius: 3px;
  padding: 1px 15px;
}

.textpage {
  padding-top: 80px;
}

.textpage h1,
.textpage h2,
.textpage h3 {
  padding-bottom: 10px;
}

.textpage ol {
  margin-left: 20px;
  padding-bottom: 14px;
}

.sitemap {
  margin-top: 150px;
  margin-bottom: 120px;
}

.sitemap .category {
  margin-bottom: 60px;
}

.sitemap .category ul {
  margin-top: 24px;
  list-style: none;
}

.sitemap .category ul li {
  float: left;
  width: 260px;
  margin-right: 20px;
}

.sitemap .category ul li:nth-child(4n) {
  margin-right: 0;
}

.sitemap .category ul li a {
  color: #545454;
}

.sitemap .category ul li a:hover {
  color: #1264fc;
}

.sitemap .category.laptop ul li {
  height: 46px;
  line-height: 18px;
}

.tool {
  font-family: "Open Sans", Arial, sans-serif;
}

.tool .container {
  width: 1126px;
}

.tool h1,
.tool h2,
.tool h3,
.tool h4,
.tool h5,
.tool h6,
.tool .h1,
.tool .h2,
.tool .h3,
.tool .h4,
.tool .h5,
.tool .h6 {
  font-family: "Open Sans", Arial, sans-serif;
}

.tool .tool-banner {
  position: relative;
  padding-top: 60px;
  min-height: 680px;
  background: #7fb4f5 url(../images/tool/banner-bg.jpg) no-repeat center top;
}

.tool .tool-banner:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -15px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #7db0f4;
}

.tool .tool-banner h1,
.tool .tool-banner h2 {
  text-align: center;
  color: #fff;
}

.tool .tool-banner ul {
  width: 90%;
  height: 58px;
  margin: 0 auto;
  margin-top: 25px;
  border: solid #cfe2ff 1px;
  border-radius: 5px;
  line-height: 58px;
  list-style-type: none;
  text-align: center;
}

.tool .tool-banner ul li {
  float: left;
  width: calc(25%);
  height: 58px;
  position: relative;
}

.tool .tool-banner ul li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #fff;
}

.tool .tool-banner ul li a span {
  display: inline-block;
  vertical-align: middle;
  width: 44px;
  height: 44px;
  line-height: 44px;
}

.tool .tool-banner ul li a span i {
  display: inline-block;
  vertical-align: middle;
  width: 27px;
  margin-top: 9px;
  background: url(../images/tool/icons.png);
}

.tool .tool-banner ul li.icons01 a span i {
  margin-top: 7px;
  height: 28px;
}

.tool .tool-banner ul li.icons02 a span i {
  height: 24px;
  background-position: 0 -38px;
}

.tool .tool-banner ul li.icons03:after {
  display: none;
}

.tool .tool-banner ul li.icons03 a span i {
  height: 25px;
  background-position: 0 -67px;
}

.tool .tool-banner ul li.icons06 i {
  width: 35px;
  height: 26px;
  background: url(../images/tool/new-icon.png);
}

.tool .tool-banner ul li.icons06 sup {
  position: absolute;
  display: block;
  width: 32px;
  height: 18px;
  right: 15px;
  top: 4px;
  background: url(../images/tool/new-hot.png);
}

.tool .tool-banner ul li.icons06.on i,
.tool .tool-banner ul li.icons06.active i,
.tool .tool-banner ul li.icons06:hover i {
  background-position: -35px 0;
}

.tool .tool-banner ul li.active,
.tool .tool-banner ul li:hover {
  background: #f5f9ff;
  border-radius: 5px;
}

.tool .tool-banner ul li.active:after,
.tool .tool-banner ul li:hover:after {
  display: none;
}

.tool .tool-banner ul li.active a,
.tool .tool-banner ul li:hover a {
  font-weight: bold;
  color: #3d577f;
}

.tool .tool-banner ul li.active a span,
.tool .tool-banner ul li:hover a span {
  background: url(../images/tool/hover.png);
}

.tool .tool-banner ul li.active.icons01 a span i,
.tool .tool-banner ul li:hover.icons01 a span i {
  background-position: -27px 0;
}

.tool .tool-banner ul li.active.icons02 a span i,
.tool .tool-banner ul li:hover.icons02 a span i {
  background-position: -27px -38px;
}

.tool .tool-banner ul li.active.icons03 a span i,
.tool .tool-banner ul li:hover.icons03 a span i {
  background-position: -27px -67px;
}

.tool .tool-banner ul li:hover {
  background: #f5f9ff;
  border-radius: 4px;
}

.tool .tool-banner ul li:hover a {
  font-weight: bold;
  color: #3d577f;
  text-decoration: none;
}

.tool .tool-banner h1 {
  padding-top: 70px;
  font-size: 40px;
  text-shadow: 0 0 12.35px rgba(58, 126, 204, 0.39);
}

.tool .tool-banner h2 {
  margin-top: 15px;
  font-size: 24px;
  font-weight: 400;
}

.tool .tool-banner .content {
  position: relative;
  height: 313px;
  margin-top: 45px;
  background-color: #fff;
}

.tool .tool-banner .content .left-message {
  position: relative;
  float: left;
  width: 600px;
  margin-left: 52px;
}

.tool .tool-banner .content .left-message:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 265px;
  background-color: #e4e9f0;
  right: -100px;
  top: 20px;
}

.tool .tool-banner .content .left-message h3 {
  padding-top: 20px;
  font-size: 18px;
  color: #3c3c3c;
}

.tool .tool-banner .content .left-message dl {
  color: #474747;
}

.tool .tool-banner .content .left-message dl dt {
  margin-top: 25px;
  font-size: 16px;
  font-weight: 400;
}

.tool .tool-banner .content .left-message dl dt a {
  font-size: 14px;
}

.tool .tool-banner .content .left-message dl dt img {
  display: inline-block;
  vertical-align: middle;
}

.tool .tool-banner .content .left-message dl dd {
  line-height: 24px;
  font-size: 14px;
}

.tool .tool-banner .content .canvas-section {
  width: 395px;
  float: right;
}

.tool .tool-banner .content .canvas-section .microphone-canvas {
  width: 194px;
  height: 194px;
  margin: 0 auto;
  border-radius: 50%;
  background: #f2f5f9;
  animation: canvasshadow 1s infinite alternate;
  -webkit-animation: canvasshadow 1s infinite alternate;
}

.tool .tool-banner .content .canvas-section .microphone-canvas #audio-start {
  cursor: pointer;
  background: url(../images/tool/micro-icons.png) no-repeat center center;
}

.tool .tool-banner .content .canvas-section .microphone-canvas #audio-canvas {
  height: 194px;
  border: none;
  border-radius: 50%;
}

.tool .tool-banner .content .canvas-section .microphone-canvas #audio-info {
  top: 29%;
}

.tool .tool-banner .content .canvas-section .dis-flex {
  position: relative;
  margin-bottom: 20px;
  text-align: center;
  font-size: 16px;
  color: #515152;
}

.tool .tool-banner .content .canvas-section .dis-flex:after {
  position: absolute;
  content: "";
  right: 77px;
  top: 76px;
  width: 22px;
  height: 30px;
  z-index: 4;
  background: url(../images/tool/arrow.png);
}

.tool .tool-banner .content .canvas-section .dis-flex .wid-xs-50 {
  width: 100%;
}

.tool .tool-banner .content .canvas-section .dis-flex h3 {
  font-size: 14px;
  font-weight: 400;
}

.tool .tool-banner .content .webcam-section {
  width: 374px;
  float: right;
}

.tool .tool-banner .content .webcam-section .camera-test {
  width: 100%;
}

.tool .tool-banner .content .webcam-section .camera-test .web-test-res {
  margin-top: 20px;
}

.tool .tool-banner .content .webcam-section .wid-sm-100 {
  width: 374px;
}

.tool .tool-banner .content .webcam-section #webcam-test {
  width: 178px;
  height: 168px;
  margin: 0 auto;
  animation: canvasshadow 1s infinite alternate;
  -webkit-animation: canvasshadow 1s infinite alternate;
  background: #f2f5f9 !important;
}

.tool .tool-banner .content .webcam-section h3 {
  position: relative;
  font-weight: normal;
  font-size: 14px;
  color: #515152;
}

.tool .tool-banner .content .webcam-section h3:after {
  position: absolute;
  content: "";
  right: 18px;
  top: 29px;
  width: 22px;
  height: 30px;
  z-index: 4;
  background: url(../images/tool/arrow.png);
}

.tool .tool-banner .content .webcam-section #webcam-start {
  cursor: pointer;
  background: url(../images/tool/webcam-icons.png) no-repeat center center;
}

.tool .tool-banner .content .webcam-section #webcam-info p {
  padding-top: 90px;
  line-height: 24px;
  color: #4c4c4c;
}

.tool .tool-banner .content .webcam-section #webcam-info a {
  color: #2d65f3;
  text-decoration: underline;
}

.tool .tool-banner .content .webcam-section .fullscreen-img {
  text-align: center;
  line-height: 25px;
  background: #f2f5f9 !important;
}

.tool .tool-banner .content .webcam-section .fullscreen-img img {
  width: 15px;
}

.tool .tool-banner .content .pop-canvas {
  position: absolute;
  width: 344px;
  height: 313px;
  padding-left: 45px;
  right: 0;
  top: 0;
  background: #e5f2ff;
  z-index: 9;
  display: none;
}

.tool .tool-banner .content .pop-canvas p {
  padding-top: 90px;
  line-height: 24px;
  color: #4c4c4c;
}

.tool .tool-banner .content .pop-canvas a {
  color: #2d65f3;
  text-decoration: underline;
}

.tool .tool-banner .content .pop-canvas.show {
  display: block;
}

@media (max-width: 1000px) {
  .tool .tool-banner ul {
    display: none;
  }

  .tool .tool-banner .container {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .tool .tool-banner .container .content {
    height: auto;
    overflow: hidden;
  }

  .tool .tool-banner .container .content .wid-xs-50 {
    width: 100% !important;
  }
}

@media (max-width: 1000px) and (min-width: 760px) {
  .tool .tool-banner .content .left-message {
    width: 395px;
  }

  .tool .tool-banner .content .left-message:after {
    right: -10px;
  }

  .tool .tool-banner .content .canvas-section {
    width: 281px;
  }
}

@media (max-width: 700px) {
  .tool .tool-banner {
    padding-bottom: 30px;
  }

  .tool .tool-banner h1 {
    padding-top: 30px;
  }

  .tool .tool-banner .content .left-message {
    float: inherit;
    width: 100%;
    margin-left: 0;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: solid #dadde1 1px;
  }

  .tool .tool-banner .content .left-message:after {
    display: none;
  }

  .tool .tool-banner .content .canvas-section {
    padding-bottom: 40px;
    float: inherit;
    width: 100%;
  }
}

.tool .tool-online {
  padding-bottom: 165px;
  overflow: hidden;
  background-color: #f5f9ff;
}

.tool .tool-online h2 {
  padding: 40px;
  padding-bottom: 60px;
  margin: 0;
  text-align: center;
}

.tool .tool-online dl {
  float: left;
  width: 50%;
  margin-bottom: 60px;
  color: #282828;
}

.tool .tool-online dl dt {
  float: left;
  margin-left: 50px;
  margin-right: 25px;
  min-height: 120px;
}

.tool .tool-online dl dd {
  padding-right: 30px;
  font-size: 14px;
  line-height: 24px;
}

.tool .tool-online dl dd strong {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
}

.tool .tool-online .share {
  clear: both;
  color: #4d4d4d;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-bottom: solid #dee4ee 1px;
}

.tool .tool-online .share strong {
  font-size: 16px;
  color: #3b59a1;
}

.tool .tool-online .share>div {
  display: inline-block;
  vertical-align: middle;
}

.tool .tool-online .share a {
  display: inline-block;
  vertical-align: middle;
  width: 37px;
  height: 32px;
  line-height: 32px;
  border-radius: 5px;
  background-color: #439ed9;
}

.tool .tool-online .share a:hover {
  background-color: #4caae8;
}

.tool .tool-online .share a i {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 20px;
  background: url(../images/tool/share.png);
}

.tool .tool-online .share a.fb {
  background-color: #3b59a1;
}

.tool .tool-online .share a.fb i {
  width: 11px;
  background-position: -64px 0;
}

.tool .tool-online .share a.fb:hover {
  background-color: #4163b4;
}

.tool .tool-online .share a.ins {
  background-color: #d0212a;
}

.tool .tool-online .share a.ins i {
  width: 16px;
  background-position: -118px 0;
}

.tool .tool-online .share a.ins:hover {
  background-color: #de252f;
}

@media (max-width: 1000px) {
  .tool .tool-online .container {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .tool .tool-online .container dl dt {
    min-height: 110px;
  }
}

@media (max-width: 700px) {
  .tool .tool-online h2 {
    padding-bottom: 20px;
    font-size: 20px;
    border-bottom: solid #dadde1 1px;
  }

  .tool .tool-online dl {
    float: inherit;
    width: 100%;
    margin-bottom: 0;
    padding: 10px 0;
    border-bottom: solid #dadde1 1px;
  }

  .tool .tool-online dl dt {
    margin-left: 10px;
    margin-right: 10px;
  }

  .tool .tool-online dl:nth-child(2) dt,
  .tool .tool-online dl:nth-child(5) dt,
  .tool .tool-online dl:nth-child(4) dt {
    min-height: 160px !important;
  }

  .tool .tool-online.webcam-tool-online dl:nth-child(3) {
    height: 200px !important;
  }

  .tool .tool-online.webcam-tool-online dl:nth-child(3) dt {
    min-height: 180px !important;
  }

  .tool .tool-online.webcam-tool-online dl:nth-child(5) dt {
    min-height: 240px !important;
  }

  .tool .tool-online.webcam-tool-online dl:nth-child(2) dt,
  .tool .tool-online.webcam-tool-online dl:nth-child(4) dt {
    min-height: 220px !important;
  }

  .tool .tool-online .share {
    height: 90px;
    padding-top: 30px;
    line-height: 30px;
  }
}

.tool .faules-message {
  padding-bottom: 80px;
  min-height: 633px;
  color: #474747;
  background-image: -moz-linear-gradient(0deg, #0659f7 0, #48a2ef 100%);
  background-image: -webkit-linear-gradient(0deg, #0659f7 0, #48a2ef 100%);
  background-image: -ms-linear-gradient(0deg, #0659f7 0, #48a2ef 100%);
}

.tool .faules-message .bg {
  min-height: 633px;
  background: url(../images/tool/faules-bg.png) no-repeat center bottom;
}

.tool .faules-message .bg .content {
  position: relative;
  float: left;
  width: 100%;
  padding: 50px 20px;
  background: #fff;
  margin-top: -110px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 27px 32px 0 rgba(11, 95, 246, 0.38);
}

.tool .faules-message .bg .content h2 {
  text-align: center;
  font-size: 24px;
}

.tool .faules-message .bg .content h3 {
  font-size: 18px;
}

.tool .faules-message .bg .content .drop {
  display: block;
  width: 28px;
  height: 28px;
  margin: 0 auto;
  margin-top: 35px;
  margin-bottom: 45px;
  border-radius: 3px;
  box-shadow: 0 2px 8px 0 rgba(12, 96, 246, 0.18);
  background: #fff url(../images/tool/drop.png) no-repeat center;
}

.tool .faules-message .bg .content p {
  line-height: 28px;
}

.tool .faules-message .bg .content dl {
  position: relative;
  background: #f3f7fe;
  padding: 20px;
}

.tool .faules-message .bg .content dl:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -13px;
  display: block;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #f3f7fe;
  z-index: 1;
}

.tool .faules-message .bg .content dl dt {
  color: #31335f;
}

.tool .faules-message .bg .content dl dd {
  padding-left: 20px;
  background: url(../images/tool/faules-list.png) no-repeat 0 8px;
  margin-top: 20px;
  line-height: 24px;
}

.tool .faules-message .bg .content dl dd strong {
  color: #f00;
}

.tool .faules-message .bg .content .snock {
  position: absolute;
}

@media (min-width: 1000px) {
  .tool .faules-message .bg .content {
    padding: 50px 75px;
  }

  .tool .faules-message .bg .content .snock {
    right: -267px;
    bottom: -45px;
  }
}

@media (max-width: 1000px) {
  .tool .faules-message .bg {
    padding-bottom: 150px;
    background: url(../images/tool/faules-bg.png) no-repeat -110px 665px;
  }

  .tool .faules-message .container {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .tool .faules-message .container .content {
    float: inherit;
    display: inline-block;
  }

  .tool .faules-message .container .content .snock {
    right: -101px;
    bottom: -126px;
  }
}

@media (max-width: 700px) {
  .tool .faules-message .bg {
    padding-bottom: 40px;
  }

  .tool .faules-message .bg .content {
    padding: 20px;
  }

  .tool .faules-message .bg .content .snock {
    width: 141px;
    right: -13px;
    bottom: -25px;
  }
}

.tool .tool-extra {
  background: #f5f9ff url(../images/tool/tool-extra-bg.png) no-repeat center 320px;
  color: #282828;
  padding: 80px 0;
  padding-bottom: 20px;
  background-size: 100%;
}

.tool .tool-extra h2 {
  font-size: 24px;
  text-align: center;
}

.tool .tool-extra .drop {
  display: block;
  width: 28px;
  height: 28px;
  margin: 0 auto;
  margin-top: 35px;
  margin-bottom: 45px;
  border-radius: 3px;
  box-shadow: 0 2px 8px 0 rgba(12, 96, 246, 0.18);
  background: #fff url(../images/tool/drop.png) no-repeat center;
}

.tool .tool-extra .content {
  position: relative;
  z-index: 3;
  overflow: hidden;
  padding: 30px 0;
  border: solid #d3e2f7 1px;
  color: #474747;
}

.tool .tool-extra .content dl {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 40px;
}

.tool .tool-extra .content dl dt {
  font-size: 16px;
}

.tool .tool-extra .content dl dd {
  padding-left: 10px;
  margin-top: 15px;
  line-height: 24px;
}

.tool .tool-extra .content dl.first {
  border-right: solid #d3e2f7 1px;
}

.tool .tool-extra .note {
  position: relative;
  z-index: 3;
  padding: 40px 0;
  text-align: center;
  color: #969696;
}

.tool .tool-extra .bottom-change {
  height: 118px;
  background: #1266f5;
  border-radius: 3px;
  width: 791px;
  margin: 0 auto;
}

.tool .tool-extra .bottom-change>span {
  float: left;
  width: 420px;
  height: 118px;
  line-height: 118px;
  text-align: center;
  font-size: 18px;
  color: #f5f9ff;
  border-radius: 3px;
}

.tool .tool-extra .bottom-change ul {
  float: left;
  width: calc(371px);
  background: #fff;
  list-style-type: none;
  box-shadow: 0 2px 10px 0 rgba(52, 101, 146, 0.2);
}

.tool .tool-extra .bottom-change ul li {
  float: left;
  width: 50%;
  height: 118px;
  text-align: center;
}

.tool .tool-extra .bottom-change ul li.list02,
.tool .tool-extra .bottom-change ul li.list03 {
  position: relative;
}

.tool .tool-extra .bottom-change ul li.list02:after,
.tool .tool-extra .bottom-change ul li.list03:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 62px;
  background-color: #d0dae9;
  left: 0;
  top: calc(28.5px);
}

.tool .tool-extra .bottom-change ul li.list02 span,
.tool .tool-extra .bottom-change ul li.list03 span {
  background-position: 0 -38px;
}

.tool .tool-extra .bottom-change ul li.list03 span {
  background-position: 0 -76px;
}

.tool .tool-extra .bottom-change ul li a {
  display: inline-block;
  width: 100%;
  height: 118px;
  color: #000;
}

.tool .tool-extra .bottom-change ul li a span {
  display: block;
  width: 42px;
  height: 38px;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 5px;
  background: url(../images/tool/bottom-icon.png);
}

.tool .tool-extra .bottom-change ul li a:hover {
  background: #f5f9ff;
  text-decoration: none;
}

.tool .tool-extra .bottom-change ul li a:hover span {
  background-position: -42px 0;
}

.tool .tool-extra .bottom-change ul li.list02 a:hover span {
  background-position: -42px -38px;
}

.tool .tool-extra .bottom-change ul li.list03 a:hover span {
  background-position: -42px -76px;
}

.tool .tool-extra .img-box {
  position: absolute;
  top: 240px;
  left: -278px;
  z-index: 0;
}

@media (max-width: 1350px) {
  .tool .tool-extra .container .img-box {
    left: -236px;
  }
}

@media (max-width: 1000px) {
  .tool .tool-extra .container {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .tool .tool-extra .container .img-box {
    display: none;
  }
}

@media (max-width: 700px) {
  .tool .tool-extra {
    padding-bottom: 40px;
  }

  .tool .tool-extra .content {
    border: none;
    padding: 0;
  }

  .tool .tool-extra .content dl {
    float: inherit;
    width: 100%;
    padding: 0;
  }

  .tool .tool-extra .content dl.first {
    padding-bottom: 30px;
    border: none;
    border-bottom: solid #d3e2f7 1px;
  }

  .tool .tool-extra .note {
    padding: 10px 0;
  }

  .tool .tool-extra .bottom-change {
    width: 100%;
    height: auto;
  }

  .tool .tool-extra .bottom-change>span {
    display: block;
    float: none;
    width: 100%;
    font-size: 14px;
    text-align: center;
  }

  .tool .tool-extra .bottom-change ul {
    float: none;
    width: 100%;
    overflow: hidden;
  }
}

.tool.sp-test .tool-banner {
  height: 846px;
  background: #7fb4f5 url(../images/tool/banner-bg.jpg) no-repeat center bottom;
}

.tool.sp-test .tool-banner .left-message h3 {
  margin-top: 35px;
  font-weight: 600;
  font-size: 18px;
}

.tool.sp-test .tool-banner .left-message dl img {
  display: inline-block;
  vertical-align: middle;
}

.tool.sp-test .tool-banner .left-message dl dd {
  margin-bottom: 45px;
}

.tool.sp-test .tool-banner .canvas-section {
  width: 375px;
  text-align: center;
}

.tool.sp-test .tool-banner .canvas-section .dis-flex {
  margin-top: 30px;
}

.tool.sp-test .tool-banner .canvas-section .dis-flex:after {
  top: 46px;
}

.tool.sp-test .tool-banner .canvas-section .microphone-canvas {
  line-height: 194px;
}

.tool.sp-test .tool-banner .canvas-section .sp-box {
  display: inline-block;
  margin: 0 auto;
  margin-top: 40px;
  width: 95px;
  height: 114px;
  cursor: pointer;
  background: url(../images/tool/network-icon.png);
}

.tool.sp-test .tool-banner .down-test {
  width: 780px;
  margin: 0 auto;
  margin-top: 35px;
  text-align: center;
}

.tool.sp-test .tool-banner .down-test dl {
  width: 220px;
  margin-right: 30px;
  display: inline-block;
  vertical-align: top;
}

.tool.sp-test .tool-banner .down-test dl dt {
  float: left;
  min-height: 110px;
  margin-right: 20px;
  margin-top: 10px;
}

.tool.sp-test .tool-banner .down-test dl dt i {
  display: block;
  width: 24px;
  height: 23px;
  background: url(../images/tool/down-icon.png);
}

.tool.sp-test .tool-banner .down-test dl dd {
  font-weight: bold;
  font-size: 20px;
  color: #fff;
  text-align: left;
}

.tool.sp-test .tool-banner .down-test dl dd p {
  padding: 0;
  line-height: 35px;
  font-weight: 400;
  color: #fff889;
  font-size: 16px;
}

.tool.sp-test .tool-banner .down-test dl dd p strong {
  font-size: 36px;
  font-weight: 400;
}

.tool.sp-test .tool-banner .down-test dl.upload {
  width: 265px;
}

.tool.sp-test .tool-banner .down-test dl.upload dt i {
  background-position: 0 -23px;
}

.tool.sp-test .tool-banner .down-test dl.last {
  margin-right: 0;
}

.tool.sp-test .tool-banner .down-test dl.last dd {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.tool.sp-test .tool-banner .down-test dl.last dd i {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 18px;
  margin-right: 10px;
  background: url(../images/tool/down-icon.png);
  background-position: 0 -46px;
}

.tool.sp-test .tool-banner .down-test dl.last dd:last-child {
  margin-top: 25px;
}

.tool.sp-test .tool-banner .down-test dl.last dd:last-child i {
  background-position: 0 -95px;
}

@media (max-width: 700px) {
  .tool.sp-test .tool-banner {
    min-height: 846px;
    height: auto;
  }

  .tool.sp-test .tool-banner .canvas-section {
    width: 100%;
  }

  .tool.sp-test .tool-banner .down-test {
    width: 80%;
  }

  .tool.sp-test .tool-banner .down-test dl {
    width: 100% !important;
  }
}

.tool.sp-test .speed-mbps {
  padding: 40px 0;
  padding-top: 80px;
  background-color: #f5f9ff;
}

.tool.sp-test .speed-mbps h2 {
  font-size: 24px;
  text-align: center;
}

.tool.sp-test .speed-mbps ul {
  padding-top: 10px;
  width: 100%;
  height: 228px;
  margin-top: 45px;
  border: solid #dee4ee 1px;
  list-style-type: none;
  background: url(../images/tool/network-right.png) no-repeat right top;
}

.tool.sp-test .speed-mbps ul li {
  margin-top: 15px;
  line-height: 25px;
  font-size: 16px;
}

.tool.sp-test .speed-mbps ul li span {
  display: inline-block;
  width: 113px;
  height: 25px;
  margin-left: 50px;
  margin-right: 15px;
  color: #fff;
  text-indent: 10px;
  font-weight: 600;
  background-color: #3e97f0;
}

@media (max-width: 700px) {
  .tool.sp-test .speed-mbps .container {
    width: 100%;
  }

  .tool.sp-test .speed-mbps ul {
    padding-top: 228px;
    height: auto;
    background: url(../images/tool/network-right.png) no-repeat right top;
  }

  .tool.sp-test .speed-mbps ul li {
    padding-left: 5px;
  }

  .tool.sp-test .speed-mbps ul li span {
    margin-left: 0;
  }
}

.tool.sp-test .tool-online h2 {
  font-size: 24px;
}

.tool.sp-test .tool-online dl dt {
  min-height: 110px;
}

@media (max-width: 700px) {
  .tool.sp-test .tool-online dl:nth-child(3) dt {
    min-height: 200px !important;
  }

  .tool.sp-test .tool-online dl dt {
    min-height: 240px !important;
  }
}

.tool.sp-test .faules-message {
  min-height: 348px;
  text-align: center;
}

.tool.sp-test .faules-message .bg {
  padding-bottom: 50px;
  min-height: 348px;
}

.tool.sp-test .faules-message .bg .content {
  padding: 50px 20px;
  margin-top: -60px;
}

.tool.sp-test .faules-message .bg .content h2 {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 600;
}

.tool.sp-test .faules-message .bg .content p {
  text-align: left;
  font-size: 15px;
  color: #474747;
}

.tool.sp-test .faules-message .bg .content .button {
  padding: 0;
  border-radius: 4px;
  color: #fff;
  font-size: 18px;
  border: none;
  width: 274px;
  height: 63px;
  margin-top: 40px;
  line-height: 63px;
  text-shadow: 0 1px 0 rgba(13, 137, 0, 0.56);
  background-image: -moz-linear-gradient(-15deg, #10dd4e 0, #6adc50 100%);
  background-image: -webkit-linear-gradient(-15deg, #10dd4e 0, #6adc50 100%);
  background-image: -ms-linear-gradient(-15deg, #10dd4e 0, #6adc50 100%);
  box-shadow: 0 12px 14.72px 1.28px rgba(0, 197, 87, 0.36);
}

.tool.sp-test .faules-message .bg .content .button:hover {
  background-image: -moz-linear-gradient(-15deg, #6adc50 0, #10dd4e 100%);
  background-image: -webkit-linear-gradient(-15deg, #6adc50 0, #10dd4e 100%);
  background-image: -ms-linear-gradient(-15deg, #6adc50 0, #10dd4e 100%);
}

.tool.sp-test .faules-message .bg .content .snock {
  bottom: -78px;
}

@media (max-width: 1400px) {
  .tool.sp-test .faules-message .bg .content .snock {
    width: 300px;
    right: -85px;
  }
}

@media (max-width: 700px) {
  .tool.sp-test .faules-message .bg .content .snock {
    width: 141px;
    right: -10px;
    bottom: -25px;
  }
}

.tool.sp-test .tool-extra {
  background: #f5f9ff url(../images/tool/tool-extra-bg.png) no-repeat center 380px;
}

.tool.sp-test .tool-extra h2 {
  margin-bottom: 35px;
}

.tool.sp-test .tool-extra h3 {
  margin: 20px 0;
  padding-left: 50px;
  font-size: 20px;
}

.tool.sp-test .tool-extra p {
  padding: 0;
  padding-left: 50px;
  line-height: 34px;
  font-size: 14px;
  color: #474747;
}

.tool.sp-test .tool-extra .button {
  display: block;
  padding: 0;
  border-radius: 4px;
  color: #fff;
  font-size: 18px;
  border: none;
  width: 274px;
  height: 63px;
  margin: 0 auto;
  margin-top: 40px;
  line-height: 63px;
  text-shadow: 0 1px 0 rgba(13, 137, 0, 0.56);
  background-image: -moz-linear-gradient(-15deg, #10dd4e 0, #6adc50 100%);
  background-image: -webkit-linear-gradient(-15deg, #10dd4e 0, #6adc50 100%);
  background-image: -ms-linear-gradient(-15deg, #10dd4e 0, #6adc50 100%);
  box-shadow: 0 12px 14.72px 1.28px rgba(0, 197, 87, 0.36);
}

.tool.sp-test .tool-extra .button:hover {
  background-image: -moz-linear-gradient(-15deg, #6adc50 0, #10dd4e 100%);
  background-image: -webkit-linear-gradient(-15deg, #6adc50 0, #10dd4e 100%);
  background-image: -ms-linear-gradient(-15deg, #6adc50 0, #10dd4e 100%);
}

.tool.sp-test .tool-extra .bottom-change {
  margin-top: 120px;
}

@media (max-width: 700px) {

  .tool.sp-test .tool-extra h3,
  .tool.sp-test .tool-extra p {
    padding-left: 0;
  }
}

.tool .rate {
  display: block;
  text-align: center;
  margin-top: 40px;
}

.tool .rate .score,
.tool .rate .stars {
  display: inline-block;
  line-height: 0;
  margin-right: 10px;
}

.tool .rate .stars {
  cursor: pointer;
  height: 14px;
}

.tool .rate .stars li {
  float: left;
  margin-top: 2px;
  padding-right: 10px;
  list-style: none;
  width: 13px;
  height: 13px;
  background-image: url("../images/rate-stars.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}

.tool .rate .stars li.light-up {
  background-position: 0 -13px;
}

@media (max-width: 768px) {

  .tool .footer .container,
  .tool .header .container {
    min-width: 100%;
    width: 100%;
  }
}

.password-generator {
  font-family: "Cabin", sans-serif;
  color: #212121;
}

.password-generator h2,
.password-generator h3,
.password-generator h1 {
  font-family: "Cabin", sans-serif;
  font-weight: 700;
}

.password-generator .tool-password {
  position: relative;
  margin-top: 85px;
  padding-bottom: 60px;
  padding-top: 55px;
  background: #f5f5f5;
  text-align: center;
}

.password-generator .tool-password h1 {
  font-size: 72px;
}

.password-generator .tool-password p {
  font-size: 28px;
}

.password-generator .tool-password .note {
  position: absolute;
  width: 100%;
  bottom: 15px;
  text-align: center;
  font-size: 14px;
  display: none;
}

.password-generator .tool-password .serive {
  position: absolute;
  right: 80px;
  bottom: 40px;
}

.password-generator .tool-password .serive dl {
  float: left;
  margin-right: 20px;
  text-align: center;
}

.password-generator .tool-password .serive dl dt {
  position: relative;
  height: 60px;
  line-height: 60px;
  cursor: pointer;
}

.password-generator .tool-password .serive dl dt span {
  position: absolute;
  left: -100px;
  top: -40px;
  padding: 10px;
  width: 255px;
  line-height: 22px;
  text-align: left;
  padding-left: 20px;
  display: none;
  z-index: 2;
  background-color: #fff;
  -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #d6dbdb;
}

.password-generator .tool-password .serive dl dt:hover span {
  display: block;
}

.password-generator .tool-password .serive dl dt img {
  display: inline-block;
  vertical-align: middle;
}

.password-generator .tool-password .serive dl dd {
  font-size: 12px;
}

.password-generator .tool-password .lp-pg-copy-password__button.checked {
  background-color: #5ac108;
}

.password-generator .tool-password .strength {
  display: block;
  position: absolute;
  width: 192px;
  height: 44px;
  left: 0;
  top: 120px;
  background: url(../images/generator/strength.png);
  background-position: 0 -88px;
}

.password-generator .tool-password .strength.weak {
  background-position: 0 -44px;
}

.password-generator .tool-password .strength.good {
  background-position: 0 0;
}

.password-generator .tool-password.tool-password-pl .strength {
  background: url(../images/generator/strength-pl.png);
  background-position: 0 -88px;
}

.password-generator .tool-password.tool-password-pl .strength.weak {
  background-position: 0 -44px;
}

.password-generator .tool-password.tool-password-pl .strength.good {
  background-position: 0 0;
}

.password-generator .tool-password.tool-password-pt .strength {
  background: url(../images/generator/strength-pt.png);
  background-position: 0 -88px;
}

.password-generator .tool-password.tool-password-pt .strength.weak {
  background-position: 0 -44px;
}

.password-generator .tool-password.tool-password-pt .strength.good {
  background-position: 0 0;
}

@media (max-width: 768px) {
  .password-generator .tool-password h1 {
    font-size: 40px;
  }

  .password-generator .tool-password p {
    font-size: 18px;
  }

  .password-generator .tool-password .lp-pg-generated-password {
    margin-left: 0;
  }

  .password-generator .tool-password .lp-custom-range__wrapper {
    float: none;
    width: 100%;
    height: 50px;
    margin-left: 0;
  }

  .password-generator .tool-password .lp-pg .lp-row {
    float: none;
    margin-top: 25px;
    width: 100%;
    margin-right: 0;
  }

  .password-generator .tool-password .serive {
    margin-top: 25px;
    position: inherit;
  }

  .password-generator .tool-password .serive dl {
    display: inline-block;
    float: none;
  }
}

.password-generator .step {
  margin-top: 60px;
  margin-bottom: 55px;
  text-align: center;
  overflow: hidden;
  height: auto;
}

.password-generator .step h2 {
  margin-bottom: 35px;
  font-size: 48px;
}

.password-generator .step dl {
  float: left;
}

.password-generator .step dl.center {
  position: relative;
  width: 635px;
}

.password-generator .step dl.center:after,
.password-generator .step dl.center:before {
  position: absolute;
  content: "";
  width: 58px;
  height: 38px;
  top: 75px;
  background: url(../images/generator/arrow.png);
}

.password-generator .step dl.center:after {
  left: 70px;
}

.password-generator .step dl.center:before {
  right: 90px;
}

.password-generator .step dl dd {
  margin-top: 15px;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
}

@media (max-width: 768px) {
  .password-generator .step dl {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }

  .password-generator .step dl.center {
    width: 100%;
  }

  .password-generator .step dl.center:before,
  .password-generator .step dl.center:after {
    display: none;
  }
}

.password-generator .feature-message {
  padding: 30px 0;
  overflow: hidden;
  height: auto;
}

.password-generator .feature-message.gray {
  background: #f2f2f2;
}

.password-generator .feature-message .left {
  float: left;
}

.password-generator .feature-message .right {
  float: right;
}

.password-generator .feature-message .message {
  width: 630px;
}

.password-generator .feature-message .message h3 {
  margin-bottom: 15px;
  font-size: 22px;
}

.password-generator .feature-message .message p {
  font-size: 16px;
  color: #808080;
  line-height: 28px;
}

.password-generator .feature-message .message p b {
  color: #212121;
}

@media (max-width: 768px) {
  .password-generator .feature-message .content h3 {
    font-size: 30px;
    line-height: 33px;
    padding-top: 0;
    height: auto;
    color: #000;
    text-shadow: none;
    background: none;
  }

  .password-generator .feature-message .content p {
    padding: 0 15px;
  }
}

.password-generator .how-password {
  margin-bottom: 30px;
  height: auto;
}

.password-generator .how-password h2 {
  margin-top: 60px;
  margin-bottom: 40px;
  font-size: 48px;
  text-align: center;
}

.password-generator .how-password .content {
  width: 100%;
  padding-bottom: 80px;
  background: #fff url(../images/generator/password-bg.png) no-repeat right bottom;
  border: solid 10px #f2f2f2;
  border-top-width: 20px;
  border-bottom-width: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.password-generator .how-password .content h3 {
  margin: 25px 0;
  padding-top: 51px;
  height: 60px;
  line-height: 55px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  text-shadow: 0 4px 6px rgba(243, 136, 9, 0.75);
  background: url(../images/generator/title-bg.png) no-repeat center;
}

.password-generator .how-password .content p {
  padding: 0 40px;
  font-size: 16px;
  color: #808080;
}

.password-generator .how-password .content p b {
  font-size: 24px;
}

@media (max-width: 768px) {
  .password-generator .how-password .content h3 {
    background: none;
    text-shadow: none;
    color: #000;
  }
}

@media (max-width: 768px) {
  .password-generator .container {
    min-width: 100%;
    width: 100%;
    padding: 30px 10px;
  }

  .password-generator .header .header-logo {
    margin-top: -10px;
  }

  .password-generator .feature-message .left,
  .password-generator .feature-message .right {
    float: none;
  }

  .password-generator .feature-message .left img,
  .password-generator .feature-message .right img {
    display: block;
    margin: 0 auto;
  }

  .password-generator .feature-message .message {
    width: 100%;
  }
}

@keyframes canvasshadow {
  from {
    box-shadow: 0 9px 29.16px 6.84px rgba(132, 186, 246, 0.8);
  }

  to {
    box-shadow: 0 9px 16px 6.84px rgba(132, 186, 246, 0.8);
  }
}

@-webkit-keyframes canvasshadow {
  from {
    box-shadow: 0 9px 29.16px 6.84px rgba(132, 186, 246, 0.8);
  }

  to {
    box-shadow: 0 9px 16px 6.84px rgba(132, 186, 246, 0.8);
  }
}

.bloglist {
  padding-bottom: 46px;
}

.bloglist h2 {
  font-weight: 700;
  font-size: 32px;
  margin: -20px auto 40px;
  text-align: center;
}

.bloglist ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.bloglist ul li {
  position: relative;
  cursor: pointer;
  width: 340px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  height: 310px;
  margin: 0 40px 40px 0;
  overflow: hidden;
  box-sizing: border-box;
}

.bloglist ul li:nth-child(3n) {
  margin-right: 0;
}

.bloglist ul li>a {
  display: inline-block;
  transition: all 0.3s ease;
}

.bloglist ul li>a:hover {
  opacity: 0.8;
  text-decoration: none;
  transition: all 0.3s ease;
}

.bloglist ul li .bloglist-top {
  height: 110px;
  line-height: normal;
  padding: 20px;
  box-sizing: border-box;
}

.bloglist ul li .bloglist-top .hot-box {
  font-size: 14px;
  font-family: Spartan;
  font-weight: 400;
  position: relative;
  color: #4d4d4d;
  padding-left: 25px;
}

.bloglist ul li .bloglist-top .hot-box::before {
  content: "";
  position: absolute;
  background: url(../images/hot.svg) no-repeat 50%;
  width: 16px;
  height: 20px;
  top: -3px;
  left: 0;
}

.bloglist ul li .bloglist-top h3 {
  font-size: 14px;
  line-height: 22px;
  font-family: Spartan;
  font-weight: 400;
  color: #212121;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.bloglist ul li .bloglist-pic {
  position: relative;
  height: 200px;
  border-radius: 0 0 20px 20px;
}

.bloglist ul li .bloglist-pic img {
  display: block;
  position: absolute;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
}

.review {
  position: relative;
  display: block;
  height: 660px;
  background: #fff;
}

.review h2.title {
  font-weight: 700;
  text-align: center;
  margin: 120px 0 0;
  font-size: 32px;
}

.review .dg-container {
  display: block;
  position: relative;
  height: 660px;
  width: 100%;
  overflow: hidden;
}

.review .dg-wrapper {
  height: 700px;
  width: 660px;
  margin: 0 auto;
  transform-style: preserve-3d;
  perspective: 500px;
}

.review .dg-wrapper .dg-transition {
  transition: all 0.5s ease-in-out;
}

.review .dg-container .nav {
  width: 100%;
  position: relative;
}

.review .dg-container .nav span {
  position: absolute;
  top: 132px;
  width: 22px;
  height: 41px;
  display: block;
  overflow: hidden;
  cursor: pointer;
  background: url(../images/review-control.png) no-repeat;
}

.review .dg-container .nav .dg-prev {
  left: 0;
  background-position: 0 0;
}

.review .dg-container .nav .dg-prev:hover {
  background-position: 0 -41px;
}

.review .dg-container .nav .dg-next {
  right: 0;
  background-position: -22px 0;
}

.review .dg-container .nav .dg-next:hover {
  background-position: -22px -41px;
}

.review .inner {
  display: block;
  width: 660px;
  height: 510px;
  margin: 0 auto;
}

.review .content {
  display: block;
  width: 660px;
  height: 510px;
  margin: 0 auto;
  padding-top: 20px;
  position: relative;
}

.review .content .reviews {
  width: 660px;
  height: 500px;
  display: block;
  position: absolute;
  left: 0;
  top: 88px;
  text-align: center;
}

.review .content .reviews dt {
  margin-bottom: 50px;
}

.review .content .reviews dt img {
  width: 130px;
  height: 130px;
  border-radius: 50%;
}

.review .content .reviews dd {
  display: none;
}

.review .content .reviews dd h2 {
  display: inline-block;
  margin-bottom: 30px;
}

.review .content .reviews dd p {
  line-height: 1.71528571;
}

.review .content .reviews dd cite {
  font-style: normal;
  font-size: 20px;
  font-family: "Spartan", sans-serif;
}

.review .content .reviews dd cite span {
  display: block;
  font-size: 16px;
}

.review .content .reviews.dg-center dt img {
  transition: all 0.2s;
  box-shadow: 0 40px 40px rgba(92, 95, 101, 0.3);
}

.review .content .reviews.dg-center dd {
  display: block;
}

.arrow_down {
  position: absolute;
  right: 10px;
  width: 12px;
  height: 7px;
  top: 50%;
  margin-top: -3.5px;
}

.floatlayer {
  background: #fff;
  height: 60px;
  width: 100%;
  display: block;
  position: fixed;
  z-index: 20;
  top: -120px;
  visibility: hidden;
  transition: all 0.4s;
  box-shadow: 0 2px 0 rgba(174, 181, 202, 0.2);
}

.floatlayer.on {
  top: 0;
  visibility: visible;
}

.floatlayer h4 {
  display: inline-block;
  float: left;
  margin-top: 14px;
  margin-left: 14px;
  line-height: 32px;
}

.floatlayer h4 span {
  color: #93939d;
}

.floatlayer h4 i {
  display: inline-block;
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 10px;
}

.floatlayer h4 i img {
  width: inherit;
  height: inherit;
}

.floatlayer .button {
  float: right;
  margin: 0 7px;
  margin-top: 10px;
}

.floatlayer .button.btn-jadegreen {
  min-width: 144px;
  box-shadow: 0 3px 6px #ddd;
}

.floatlayer .button.btn-ghost {
  min-width: 144px;
  color: #fff;
  background-color: #aeb5ca;
}

.floatlayer .button.btn-ghost:hover {
  background-color: #464655;
}

.region-layer .abscenter {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1070;
  margin: auto;
  width: 1100px;
  height: 600px;
}

.region-layer .btn-zone {
  position: absolute;
  right: 0;
}

.region-layer .btn-zone span {
  cursor: pointer;
}

.region-layer .btn-zone span i {
  font-size: 26px;
  color: #383946;
}

.region-layer .btn-zone span:hover i {
  color: #1264fc;
}

.region-layer .lang-zone {
  width: 100%;
  display: block;
  margin-top: 90px;
}

.region-layer .lang-zone .row {
  float: left;
  margin-left: 120px;
}

.region-layer .lang-zone .row .lang-list {
  list-style: none;
}

.region-layer .lang-zone .row .lang-list li {
  position: relative;
  height: 24px;
  display: block;
  margin: 13px 0;
}

.region-layer .lang-zone .row .lang-list a {
  display: inline-block;
  margin-left: 35px;
  margin-top: 2px;
  color: #5b5d6d;
}

.region-layer .lang-zone .row .lang-list a:hover {
  color: #fff;
  text-decoration: none;
}

.region-zone .region-selector:before,
.region-layer .lang-list li:before {
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(../images/region-flag.png);
  background-repeat: no-repeat;
}

.region-zone .region-selector.es-ar:before,
.region-layer .lang-list li.es-ar:before {
  background-position: 0 0;
}

.region-zone .region-selector.en-au:before,
.region-layer .lang-list li.en-au:before {
  background-position: 0 -24px;
}

.region-zone .region-selector.vl-be:before,
.region-layer .lang-list li.vl-be:before {
  background-position: 0 -48px;
}

.region-zone .region-selector.fr-be:before,
.region-layer .lang-list li.fr-be:before {
  background-position: 0 -48px;
}

.region-zone .region-selector.pt-br:before,
.region-layer .lang-list li.pt-br:before {
  background-position: 0 -72px;
}

.region-zone .region-selector.en-ca:before,
.region-layer .lang-list li.en-ca:before {
  background-position: 0 -96px;
}

.region-zone .region-selector.es-ch:before,
.region-layer .lang-list li.es-ch:before {
  background-position: 0 -120px;
}

.region-zone .region-selector.es-co:before,
.region-layer .lang-list li.es-co:before {
  background-position: 0 -144px;
}

.region-zone .region-selector.de-de:before,
.region-layer .lang-list li.de-de:before {
  background-position: 0 -168px;
}

.region-zone .region-selector.es-es:before,
.region-layer .lang-list li.es-es:before {
  background-position: 0 -192px;
}

.region-zone .region-selector.fr-fr:before,
.region-layer .lang-list li.fr-fr:before {
  background-position: 0 -216px;
}

.region-zone .region-selector.id-ba:before,
.region-layer .lang-list li.id-ba:before {
  background-position: 0 -240px;
}

.region-zone .region-selector.it-it:before,
.region-layer .lang-list li.it-it:before {
  background-position: 0 -264px;
}

.region-zone .region-selector.fr-lu:before,
.region-layer .lang-list li.fr-lu:before {
  background-position: 0 -288px;
}

.region-zone .region-selector.ms-my:before,
.region-layer .lang-list li.ms-my:before {
  background-position: 0 -312px;
}

.region-zone .region-selector.es-me:before,
.region-layer .lang-list li.es-me:before {
  background-position: 0 -336px;
}

.region-zone .region-selector.fr-mo:before,
.region-layer .lang-list li.fr-mo:before {
  background-position: 0 -360px;
}

.region-zone .region-selector.ne-ne:before,
.region-layer .lang-list li.ne-ne:before {
  background-position: 0 -384px;
}

.region-zone .region-selector.de-os:before,
.region-layer .lang-list li.de-os:before {
  background-position: 0 -408px;
}

.region-zone .region-selector.es-pe:before,
.region-layer .lang-list li.es-pe:before {
  background-position: 0 -432px;
}

.region-zone .region-selector.en-ph:before,
.region-layer .lang-list li.en-ph:before {
  background-position: 0 -456px;
}

.region-zone .region-selector.de-sw:before,
.region-layer .lang-list li.de-sw:before {
  background-position: 0 -480px;
}

.region-zone .region-selector.fr-su:before,
.region-layer .lang-list li.fr-su:before {
  background-position: 0 -480px;
}

.region-zone .region-selector.sv-sv:before,
.region-layer .lang-list li.sv-sv:before {
  background-position: 0 -504px;
}

.region-zone .region-selector.it-sv:before,
.region-layer .lang-list li.it-sv:before {
  background-position: 0 -480px;
}

.region-zone .region-selector.en-uk:before,
.region-layer .lang-list li.en-uk:before {
  background-position: 0 -528px;
}

.region-zone .region-selector.en-us:before,
.region-layer .lang-list li.en-us:before {
  background-position: 0 -552px;
}

.region-zone .region-selector.hi-in:before,
.region-layer .lang-list li.hi-in:before {
  background-position: 0 -576px;
}

.region-zone .region-selector.ja-jp:before,
.region-layer .lang-list li.ja-jp:before {
  background-position: 0 -600px;
}

.region-zone .region-selector.bu-my:before,
.region-layer .lang-list li.bu-my:before {
  background-position: 0 -624px;
}

.region-zone .region-selector.th-th:before,
.region-layer .lang-list li.th-th:before {
  background-position: 0 -648px;
}

.region-zone .region-selector.ko-kr:before,
.region-layer .lang-list li.ko-kr:before {
  background-position: 0 -672px;
}

.region-zone .region-selector.ru-ru:before,
.region-layer .lang-list li.ru-ru:before {
  background-position: 0 -696px;
}

.region-zone .region-selector.dk-dk:before,
.region-layer .lang-list li.dk-dk:before {
  background-position: 0 -720px;
}

.backtop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 1060;
  width: 65px;
  height: 65px;
  display: none;
}

@media screen and (max-width: 1100px) {
  .backtop {
    display: none;
  }
}

.backtop .backtop-icon {
  display: block;
  width: 65px;
  height: 65px;
  background-image: url(../images/back-to-top.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}

.backtop .backtop-icon:hover {
  background-position: -65px 0;
}

.float-bar {
  position: fixed;
  z-index: 1000;
  bottom: -100px;
  width: 100%;
  min-height: 80px;
  height: auto;
  background: rgba(25, 25, 32, 0.9);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5191920,endColorstr=#E5191920)";
}

.float-bar p {
  display: block;
  float: left;
  margin-top: 18px;
  width: 700px;
  line-height: 20px;
  color: #95959e;
}

.float-bar p a {
  color: #cdcdd4;
  text-decoration: underline;
}

.float-bar .button {
  float: right;
  padding: 4px 20px;
  margin-top: 18px;
  min-width: 180px;
}

.float-bar.active {
  bottom: 0;
  transition: bottom 1s ease-in-out;
}

.warning-notes {
  position: absolute;
  width: 100%;
  top: 55px;
  height: 40px;
  line-height: 40px;
  display: block;
  background: #c62931;
}

.warning-notes p {
  color: #fff;
  font-size: 13px;
}

.warning-notes p strong {
  font-weight: bold;
}

.warning-notes p a {
  color: inherit;
  text-decoration: underline;
}

.warning-notes .note-close {
  position: absolute;
  top: 1px;
  right: 0;
  width: 16px;
  height: 16px;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}

.add-zone {
  position: relative;
  width: 350px;
  height: 48px;
  margin: 0 auto;
  margin-bottom: 15px;
}

.add-zone .email-bar {
  width: 348px;
  height: 46px;
  display: block;
  border: 1px #2b2b35 solid;
  border-radius: 30px;
  background: #22222b;
  color: #5b5d6d;
}

.add-zone .email-bar input[type="text"] {
  float: left;
  height: 44px;
  width: 275px;
  margin-left: 22px;
  color: inherit;
  font-size: 14px;
  background: transparent;
  border: none;
}

.add-zone .email-bar ::-webkit-input-placeholder {
  color: inherit;
}

.add-zone .email-bar .send-btn {
  display: inline-block;
  float: right;
  width: 39px;
  height: 39px;
  margin: 3px;
  border-radius: 50%;
  background: #5b5d6d;
  cursor: pointer;
}

.add-zone .email-bar .send-btn i {
  width: 18px;
  height: 18px;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  background-position: 0 0;
  background-image: url(../images/icon-send.png);
}

.add-zone .email-bar .send-btn:hover {
  background: #1264fc;
}

.add-zone .email-bar .send-btn:hover i {
  background-position: 0 -18px;
}

.add-zone .email-bar.on-error {
  border: 1px #601715 solid;
  background: #240f0e;
  animation-name: shake-base;
  animation-duration: 400ms;
  animation-timing-function: ease-in-out;
}

.add-zone .email-bar.on-error input[type="text"] {
  color: #f60;
}

.add-zone .email-bar.on-error .send-btn {
  background: #523131;
  cursor: default;
}

.add-zone .email-bar.on-error .send-btn i {
  background-position: 0 -36px;
}

.add-zone .feedback {
  position: absolute;
  display: block;
  width: 39px;
  height: 39px;
  top: 4px;
  border-radius: 50%;
}

.add-zone .feedback.progressing {
  transform: translate3d(307px, 0, 0);
  background: #5b5d6d;
}

.add-zone .feedback.progressing i.icon-send {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 0 auto;
  margin-top: 10px;
  background-position: 0 0;
  background-image: url(../images/icon-send.png);
}

.add-zone .feedback.progressing i.fa-check {
  line-height: 38px;
  font-size: 22px;
  color: #191920;
}

.add-zone .feedback.active {
  transition: all 1s;
  transform: translate3d(153px, 0, 0);
}

.add-zone .feedback.active i.icon-send {
  animation-name: move;
  animation-duration: 800ms;
  animation-timing-function: liner;
  animation-iteration-count: infinite;
}

.add-zone .feedback.success {
  transform: translate3d(153px, 0, 0);
  transition: all 1s;
  background: #1264fc;
}

#diagnosis-call {
  display: none;
  position: fixed;
  width: 80px;
  height: 94px;
  top: 80px;
  right: 0;
  margin-right: 0;
  z-index: 998;
}

@media (min-width: 1200px) {
  #diagnosis-call {
    display: block;
  }
}

#diagnosis-call .call-content {
  position: relative;
}

#diagnosis-call .call-content .active-icon {
  width: 80px;
  height: 94px;
  display: block;
  float: right;
  background: url(../images/diagnosis-call.png) center center no-repeat;
  cursor: pointer;
}

#diagnosis-call .call-content .call-bubble {
  position: absolute;
  top: 95px;
  left: -250px;
  width: 330px;
  height: 290px;
  text-align: center;
  background: #fff;
  box-sizing: border-box;
  border: 1px #e6e6e6 solid;
}

#diagnosis-call .call-content .call-bubble h2 {
  position: relative;
  display: block;
  width: 330px;
  height: 40px;
  background: #1264fc;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  cursor: pointer;
}

#diagnosis-call .call-content .call-bubble h2 i {
  position: absolute;
  top: 16px;
  right: 34px;
  display: inline-block;
  width: 13px;
  height: 5px;
  background: url(../images/diagnosis-call-arrow.png) center no-repeat;
}

#diagnosis-call .call-content .call-bubble dl {
  display: inline-block;
  width: 330px;
  height: 109px;
}

#diagnosis-call .call-content .call-bubble dl dt {
  display: inline-block;
  margin: 10px 0;
}

#diagnosis-call .call-content .call-bubble dl.tel {
  box-sizing: border-box;
  padding-top: 12px;
  background: #f3f7ff;
}

#diagnosis-call .call-content .call-bubble dl.tel dt {
  margin: 10px 0 0;
}

#diagnosis-call .call-content .call-bubble dl.tel dd {
  color: #1264fc;
  font-size: 38px;
  line-height: 42px;
}

#diagnosis-call .call-content .call-bubble dl.tel dd i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/diagnosis-call-telicon.png) center no-repeat;
}

#diagnosis-call .call-content .call-bubble p {
  display: block;
  height: 32px;
  padding: 0;
}

.vk-float {
  position: fixed;
  z-index: 100;
  right: -190px;
  top: 30%;
  width: 250px;
  height: 59px;
  display: block;
  transition: all 0.5s;
}

.vk-float.active {
  right: 0;
  height: 185px;
}

.vk-float.active .vk-content {
  opacity: 1;
}

.vk-float .vk-title {
  display: block;
  height: 59px;
  background: #d7e2ff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.vk-float .vk-title i {
  float: left;
  display: block;
  margin: 6px;
  width: 49px;
  height: 49px;
  background: url("../images/popout/vk/ico-vk.png") center no-repeat;
}

.vk-float .vk-title .inner {
  float: right;
  width: 188px;
  height: 59px;
}

.vk-float .vk-title .inner #vk_subscribe {
  margin-top: 20px;
}

.vk-float .vk-title h3 {
  margin-top: 8px;
  padding-left: 10px;
  text-align: left;
  color: #4680c2;
  font-size: 16px;
  font-family: "Spartan", Arial, sans-serif;
}

.vk-float .vk-title h3 span {
  display: block;
  font-size: 24px;
}

.vk-float .vk-content {
  display: block;
  width: inherit;
  height: 144px;
  background: #fff;
  box-sizing: border-box;
  padding: 8px;
  margin-top: 2px;
  border: 1px #d3d7e2 solid;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  opacity: 0;
}

.vk-float .vk-content h4 {
  color: #313b57;
  font-size: 14px;
  font-family: "Spartan", Arial, sans-serif;
}

.vk-float .vk-content ul {
  margin-top: 8px;
  margin-left: 4px;
}

.vk-float .vk-content ul li {
  font-size: 12px;
  line-height: 14px;
  color: #989ca7;
  list-style: none;
}

.vk-float .vk-content ul li::before {
  content: "\2022";
  color: #313b57;
  font-weight: bold;
  display: inline-block;
  width: 4px;
  margin-right: 4px;
}

.vk-float .vk-content p {
  margin-left: 4px;
  font-size: 12px;
}

.vk-float .vk-content p a:hover {
  text-decoration: unicode-bidi;
}

.vk-float.vk-asc-content .vk-title i {
  position: relative;
}

.vk-float.vk-asc-content .vk-title i:after {
  position: absolute;
  content: "1";
  width: 22px;
  height: 22px;
  left: -12px;
  top: -11px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 22px;
  background: #ff5b30;
  font-style: initial;
  box-shadow: -4.243px 4.243px 7px 0 rgba(255, 49, 1, 0.35);
}

.vk-float.vk-asc-content .vk-content {
  height: 244px;
  width: 250px;
  padding: 0 25px;
  color: #fff;
  padding-top: 15px;
  background: url(../images/popout/vk/vk-bg.png);
}

.vk-float.vk-asc-content .vk-content h4 {
  color: #fff;
}

.vk-float.vk-asc-content .vk-content h4 b {
  color: #ff697b;
}

.vk-float.vk-asc-content .vk-content ul {
  list-style-type: none;
}

.vk-float.vk-asc-content .vk-content ul li {
  color: #fff;
}

.vk-float.vk-asc-content .vk-content ul li:before {
  display: none;
}

.vk-float.vk-asc-content .vk-content p {
  margin-top: 15px;
}

.vk-float.vk-asc-content .vk-content p a {
  color: #ff697b;
}

.vk-float.vk-asc-content .vk-content p.date {
  margin-top: 70px;
  color: #989ca7;
}

.product-pop {
  position: fixed;
  z-index: 1060;
  right: 5px;
  bottom: -10%;
  width: 60px;
  height: 60px;
  transition: all 0.5s ease-in-out;
}

.product-pop.on {
  bottom: 20%;
}

.product-pop.active .bg {
  min-height: 55px;
  width: 345px;
  padding-bottom: 15px;
  padding-right: 55px;
}

.product-pop.active .box {
  background: transparent;
}

.product-pop.active .box i {
  background-position: 0 -27px;
  animation: nudgeMouse 4s ease-out infinite;
}

.product-pop .bg {
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  background-image: -moz-linear-gradient(0deg, #0845e1 0, #3883ff 100%);
  background-image: -webkit-linear-gradient(0deg, #0845e1 0, #3883ff 100%);
  background-image: -ms-linear-gradient(0deg, #0845e1 0, #3883ff 100%);
  border-radius: 35px;
  transition: all 0.5s ease-in-out;
}

.product-pop .bg.reveal p {
  opacity: 1;
}

.product-pop .bg p {
  opacity: 0;
  padding: 0;
  padding-left: 25px;
  padding-top: 10px;
  font-size: 12px;
  color: #a1c5ff;
  line-height: 18px;
  transition: all 0.5s ease-in-out;
}

.product-pop .bg p.last {
  padding-top: 0;
  color: #fff;
}

.product-pop .bg p.last span {
  font-size: 14px;
  color: #ffd200;
}

.product-pop .box {
  position: absolute;
  top: 0;
  right: 7px;
  z-index: 2;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-image: -moz-linear-gradient(0deg, #0845e1 0, #3883ff 100%);
  background-image: -webkit-linear-gradient(0deg, #0845e1 0, #3883ff 100%);
  background-image: -ms-linear-gradient(0deg, #0845e1 0, #3883ff 100%);
}

.product-pop .box:after {
  position: absolute;
  content: "";
  width: 48px;
  height: 48px;
  left: 6px;
  top: 6px;
  border-radius: 50%;
  background-image: -moz-linear-gradient(129deg, #ffa200 0, #ffca00 100%);
  background-image: -webkit-linear-gradient(129deg, #ffa200 0, #ffca00 100%);
  background-image: -ms-linear-gradient(129deg, #ffa200 0, #ffca00 100%);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}

.product-pop .box i {
  position: relative;
  z-index: 6;
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 27px;
  background: url("../images/popout/asc14/icons.png");
}

.popout {
  position: fixed;
  z-index: 1060;
  transition: all 0.5s ease-in-out;
}

.popout.live {
  bottom: 5px !important;
}

.popout.live0 {
  bottom: 96px !important;
}

.popout .pop-close {
  position: absolute;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.popout.db7new {
  right: 5px;
  bottom: -250px;
  width: 400px;
  height: 225px;
}

.popout.db7new .pop-close {
  top: -15px;
  right: 5px;
  width: 11px;
  height: 11px;
  background-image: url("../images/popout/iu9/close.png");
}

.popout.db7new .pop-close:hover {
  background-position: 0 -11px;
}

.popout.ascfree {
  right: 5px;
  bottom: -320px;
  width: 388px;
  height: 232px;
}

.popout.ascfree .pop-close {
  padding: 0;
  top: -15px;
  right: 5px;
  width: 11px;
  height: 11px;
  background-image: url("../images/popout/isu/close.png");
}

.popout.ascfree .pop-close:hover {
  background-position: 0 -11px;
}

.popout.imf8products {
  right: 5px;
  bottom: -200px;
  width: 326px;
  height: 69px;
  transition: all 1s ease-in-out;
}

.popout.imf8products .pop-close {
  top: -25px;
  right: 0;
  width: 18px;
  height: 18px;
  background-image: url("../images/popout/imf8/close.png");
  background-position: -20px 0;
}

.popout.imf8products .pop-close:hover {
  background-position: 0 0;
}

.popout.imf8products .content {
  width: 326px;
  height: 69px;
  overflow: hidden;
}

.popout.imf8products .content .message {
  float: left;
  margin-top: -79px;
}

.popout.iu10 {
  right: 5px;
  bottom: -405px;
  width: 280px;
  height: 350px;
}

.popout.iu10 .pop-close {
  top: -15px;
  right: 5px;
  width: 11px;
  height: 11px;
  background-image: url("../images/popout/iu9/close.png");
}

.popout.iu10 .pop-close:hover {
  background-position: 0 -11px;
}

.popout.asc14 {
  right: 5px;
  bottom: -405px;
  width: 270px;
  height: 300px;
}

.popout.asc14 .pop-close {
  top: -15px;
  right: 5px;
  width: 11px;
  height: 11px;
  background-image: url("../images/popout/iu9/close.png");
}

.popout.asc14 .pop-close:hover {
  background-position: 0 -11px;
}

.popout.imf8 {
  right: 5px;
  bottom: -390px;
  width: 279px;
  height: 330px;
}

.popout.imf8 .pop-close {
  top: -25px;
  right: 0;
  width: 18px;
  height: 18px;
  background-image: url("../images/popout/imf8/close.png");
  background-position: -20px 0;
}

.popout.imf8 .pop-close:hover {
  background-position: 0 0;
}

.popout.christmas {
  right: 5px;
  bottom: -405px;
  width: 277px;
  height: 339px;
}

.popout.christmas .pop-close {
  top: 5px;
  right: 5px;
  width: 9px;
  height: 9px;
  background-image: url("../images/popout/2020christmas/close.png");
}

.popout.christmas .pop-close:hover {
  background-position: 0 -9px;
}

.popout.christmas .date {
  position: absolute;
  width: 85px;
  right: 11px;
  bottom: 15px;
  font-size: 14px;
  color: #f05e2a;
}

.popout.tool-recorder {
  right: 5px;
  bottom: -355px;
  width: 400px;
  height: 300px;
  border-radius: 3px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  font-family: "Spartan", serif;
}

.popout.tool-recorder::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.35);
}

.popout.tool-recorder .pop-close {
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  z-index: 2;
  background-image: url("../images/popout/tool/close.png");
}

.popout.tool-recorder .pop-close:hover {
  opacity: 0.8;
}

.popout.tool-recorder .message {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 133px;
  bottom: 18px;
  text-align: center;
  color: #fff;
}

.popout.tool-recorder .message.es-message {
  height: 164px;
}

.popout.tool-recorder .message h3 {
  margin: 0;
  margin-bottom: 10px;
  font-size: 23px;
  color: #fff;
  font-weight: bold;
  font-family: "Spartan", serif;
}

.popout.tool-recorder .message p span {
  display: inline-block;
  font-size: 14px;
  padding-left: 10px;
  margin-right: 15px;
  color: #fff;
  background: url(../images/popout/tool/list.png) no-repeat left 8px;
}

.popout.tool-recorder .message p span:last-child {
  margin-right: 0;
}

.popout.tool-recorder .message p.derecorder span {
  font-size: 13px;
}

.popout.tool-recorder .message .btn-content {
  height: 65px;
  margin-top: 8px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background: rgba(41, 44, 66, 0.75);
}

.popout.tool-recorder .message .btn-content .recored {
  padding: 0 15px;
  height: 40px;
  margin-top: 11px;
  border-radius: 5px;
  background: #2981ff;
  line-height: 40px;
  color: #fff;
  font-size: 15px;
}

.popout.tool-recorder .message .btn-content .recored:hover {
  background: #3d8cfc;
}

.popout.tool-recorder .message .btn-content .recored i {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  background: url(../images/popout/tool/btn-icon.png);
}

@keyframes bell {
  5% {
    transform: rotate(6deg);
  }

  10% {
    transform: rotate(-6deg);
  }

  15% {
    transform: rotate(6deg);
  }

  20% {
    transform: rotate(-6deg);
  }

  25% {
    transform: rotate(0deg);
  }

  80% {
    transform: rotate(-6deg);
  }

  85% {
    transform: rotate(6deg);
  }

  90% {
    transform: rotate(-6deg);
  }

  95% {
    transform: rotate(6deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes nudgeMouse {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  30% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  60% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  80% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.download-btn {
  position: relative;
  display: block;
  margin: 0;
  min-width: 265px;
  padding: 0 10px;
  height: 58px;
  background: #34F1A5;
  border-radius: 0px 30px 30px 30px;
}

.download-btn i,
.download-btn span {
  position: absolute;
  display: inline-block;
}

.download-btn .down-txt {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
  width: 100%;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  transform-origin: left top;
  transition: transform .5s;
}

.download-btn .down-icon {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  opacity: 0;
  transition: all .2s;
}

.download-btn:hover .down-txt {
  left: 50%;
  transform: scale(0) translate(-50%, -50%);
  transform-origin: left top;
  opacity: 1;
  transition: all .5s;
}

.download-btn:hover .down-icon {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  opacity: 1;
  transition: all .2s .2s;
  background: url(../images/recorder/down-icon.png);
  background-size: 14px 14px;
}

/* 移动端头部导航 */
@media (max-width: 768px) {

  html,
  body {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
  }

  body.open {
    overflow: hidden;
  }

  .footer {
    display: none;
  }

  .down-box {
    display: none;
  }
}