/*! 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%;
}
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;
}
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: "Titillium Web", sans-serif;
  font-weight: normal;
  line-height: 1.1;
  color: #000000;
}
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: 40px;
}
h3,
.h3 {
  font-size: 30px;
}
h4,
.h4 {
  font-size: 20px;
}
h5,
.h5 {
  font-size: 18px;
}
h6,
.h6 {
  font-size: 16px;
}
.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: #ffffff;
}
.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;
}
.button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "Titillium Web", 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: #ffffff;
  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: 22px;
  padding: 7px 30px;
}
.button.large small {
  font-size: 16px;
}
.button.middle {
  font-size: 18px;
  padding: 1px 20px;
  border-radius: 24px;
}
.button.small {
  font-size: 16px;
  padding: 3px 28px;
  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.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: #000000 url(../images/btn-google.svg);
  background-size: 144px 34px;
}
.button.btn-google.large {
  width: 260px;
  height: 58px;
  background: #000000 url(../images/btn-google.svg);
  background-size: 260px 58px;
}
.button.text-link:hover {
  color: #1264fc;
  text-decoration: underline;
}
.button.noshadow {
  box-shadow: none;
}
.button.rabbit-btn {
  position: relative;
}
.button.rabbit-btn::after {
  position: absolute;
  content: "";
  width: 52px;
  height: 59px;
  top: -34px;
  right: -3px;
  background: url(../images/easter/pro-rabbit.png);
}
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: "Roboto", 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;
}
/*float*/
.left {
  float: left;
}
.right {
  float: right;
}
/* float clearing for everyone else */
.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;
}
/*text-config*/
.underline {
  text-decoration: underline;
}
.line-through {
  text-decoration: line-through;
}
.nowrap {
  white-space: nowrap;
}
/*public hide / show config*/
.hide {
  display: none;
}
.show,
.active {
  display: block !important;
}
.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(0px, 0px) 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,
.tags.improved {
  position: relative;
  display: inline-block;
  height: 17px;
  line-height: 17px;
  width: 55px;
  border-radius: 3px;
  background: #00d747;
  color: #fff;
}
.tags.new:after,
.tags.improved:after {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) scale(0.9);
  -moz-transform: translateY(-50%) translateX(-50%) scale(0.9);
  -ms-transform: translateY(-50%) translateX(-50%) scale(0.9);
  transform: translateY(-50%) translateX(-50%) scale(0.9);
  font-size: 12px;
  font-style: initial;
}
.tags.improved {
  background: #ff7200;
  width: 75px;
}
.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.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;
  /*&.dbhotspot {
    padding: 8px 20px 8px 30px;
    margin-top: 10px;
    overflow: hidden;
    &:before {
      display: none;
    }
    i {
      vertical-align: middle;
      padding: 5px 5px;
      height: 20px;
      background: red;
      font-size: 16px;
      font-style: inherit;
    }
    span {
      display: inline-block;
      vertical-align: middle;
      margin-left: 15px;
      width: 905px;
    }
  }*/
}
.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: "Titillium Web", sans-serif;
  font-weight: normal;
  line-height: 1.1;
  color: #000000;
  margin-top: 28px;
  margin-bottom: 14px;
  font-size: 30px;
  color: #ffffff;
}
.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%;
}
#statusinfo {
  position: absolute;
  top: 55px;
  display: none;
}
#statusinfo i.close {
  position: absolute;
  right: 20px;
  top: 9px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-image: url(../images/status-ico.png);
  background-position: 0px -16px;
}
#statusinfo i.close:hover {
  opacity: .8;
}
#statusinfo.active {
  display: block;
}
#statusinfo.active .statusinfo {
  display: block;
}
html[lang="en"] .product-pop.active .bg {
  padding-bottom: 5px;
}
html[lang="en"] .product-pop .box {
  top: 0px;
}
html[lang="en"] .header-new .nav-box > li > span {
  font-size: 20px;
}
html[lang="en"] .header-new .message-module > li.support .content {
  height: 200px;
}
html[lang="en"] .store .showcase .shelf .partner {
  right: -15px;
}
html[lang="en"] .header-new .nav-box > li.must-tool .content dl.tool-last dd,
html[lang="pl"] .header-new .nav-box > li.must-tool .content dl.tool-last dd {
  width: 50%;
}
html[lang="de"] .money-back {
  background: url(../images/guarantee/60daysmoneyback-72x72-de.png) no-repeat left;
}
html[lang="de"] .itop-pop .box {
  width: 900px;
}
html[lang="de"] .itop-pop .container {
  width: 1120px;
  min-width: 1120px;
}
html[lang="de"] .tags.new:after {
  content: "NEU";
}
html[lang="de"] .tags.improved:after {
  content: "VERBESSERT";
}
html[lang="de"] .header-new .nav-box > li.must-tool .content .tool-message dl dd p:nth-child(1) {
  margin-bottom: 5px;
  max-height: 32px;
  line-height: 16px;
}
html[lang="de"] .header-new .nav-box > li.must-tool .content .tool-message dl,
html[lang="de"] .header-new .nav-box > li.must-tool .content .tool-message .more {
  margin-top: 10px;
}
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"] .home .banner {
  background: url(../images/home/idxbanner-imf.jpg) no-repeat center;
}
html[lang="dk"] .money-back {
  background-image: url(../images/guarantee/60daysmoneyback-72x72-dk.png);
}
html[lang="dk"] .header-new .nav-box > li.must-tool .content .tool-message dl dd p:nth-child(1) {
  margin-bottom: 5px;
  max-height: 32px;
  line-height: 16px;
}
html[lang="dk"] .header-new .nav-box > li.must-tool .content .tool-message dl,
html[lang="dk"] .header-new .nav-box > li.must-tool .content .tool-message .more {
  margin-top: 10px;
}
html[lang="dk"] .tags.new:after {
  content: "NY";
}
html[lang="dk"] .tags.improved:after {
  content: "FORBEDRET";
}
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: url(../images/guarantee/60daysmoneyback-72x72-en.png) no-repeat left;
}
html[lang="en"] .tags.new:after {
  content: "NEW";
}
html[lang="en"] .tags.improved:after {
  content: "IMPROVED";
}
html[lang="en"] .coupon .mainpart {
  background: url('../images/popout/christmas/coupon/en.png');
}
html[lang="en"] .coupon .mainpart .num {
  left: 200px;
}
html[lang="es"] .black-more img,
html[lang="es-ar"] .black-more img,
html[lang="es-mx"] .black-more img {
  margin-top: 5px;
}
html[lang="es"] .money-back,
html[lang="es-ar"] .money-back,
html[lang="es-mx"] .money-back {
  background: url(../images/guarantee/60daysmoneyback-72x72-es.png) no-repeat left;
}
html[lang="es"] .tags.new:after,
html[lang="es-ar"] .tags.new:after,
html[lang="es-mx"] .tags.new:after {
  content: "NUEVO";
}
html[lang="es"] .tags.improved:after,
html[lang="es-ar"] .tags.improved:after,
html[lang="es-mx"] .tags.improved:after {
  content: "MEJORADO";
}
html[lang="es"] .itop-pop .box,
html[lang="es-ar"] .itop-pop .box,
html[lang="es-mx"] .itop-pop .box {
  width: 830px;
}
html[lang="es"] .itop-pop .container,
html[lang="es-ar"] .itop-pop .container,
html[lang="es-mx"] .itop-pop .container {
  width: 1040px;
  min-width: 1040px;
}
html[lang="es"] .header-new .nav-box > li.must-tool .content .tool-message dl dd p:nth-child(1),
html[lang="es-ar"] .header-new .nav-box > li.must-tool .content .tool-message dl dd p:nth-child(1),
html[lang="es-mx"] .header-new .nav-box > li.must-tool .content .tool-message dl dd p:nth-child(1) {
  margin-bottom: 5px;
  max-height: 32px;
  line-height: 16px;
}
html[lang="es"] .header-new .nav-box > li.must-tool .content .tool-message dl,
html[lang="es-ar"] .header-new .nav-box > li.must-tool .content .tool-message dl,
html[lang="es-mx"] .header-new .nav-box > li.must-tool .content .tool-message dl,
html[lang="es"] .header-new .nav-box > li.must-tool .content .tool-message .more,
html[lang="es-ar"] .header-new .nav-box > li.must-tool .content .tool-message .more,
html[lang="es-mx"] .header-new .nav-box > li.must-tool .content .tool-message .more {
  margin-top: 10px;
}
html[lang="es"] .header-new .nav-box > li.must-tool .content .online-message,
html[lang="es-ar"] .header-new .nav-box > li.must-tool .content .online-message,
html[lang="es-mx"] .header-new .nav-box > li.must-tool .content .online-message {
  width: 280px;
  padding: 0px 21px;
}
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: url(../images/guarantee/60daysmoneyback-72x72-fr.png) no-repeat left;
}
html[lang="fr"] .itop-pop .box {
  width: 900px;
}
html[lang="fr"] .itop-pop .container {
  width: 1140px;
  min-width: 1140px;
}
html[lang="fr"] .popout.christmas .date {
  right: 19px;
  bottom: 15px;
}
html[lang="fr"] .tags.new:after {
  content: "NOUVEAU";
}
html[lang="fr"] .tags.improved:after {
  content: "AMÉLIORÉ";
}
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"] .black-more img {
  margin-top: 5px;
}
html[lang="it"] .money-back {
  background: url(../images/guarantee/60daysmoneyback-72x72-it.png) no-repeat left;
}
html[lang="it"] .popout.christmas .date {
  right: 4px;
  bottom: 17px;
}
html[lang="it"] .header-new .nav-box > li.must-tool .content .tool-message dl dd p:nth-child(1) {
  margin-bottom: 5px;
  max-height: 32px;
  line-height: 16px;
}
html[lang="it"] .header-new .nav-box > li.must-tool .content .tool-message dl,
html[lang="it"] .header-new .nav-box > li.must-tool .content .tool-message .more {
  margin-top: 10px;
}
html[lang="it"] .header-new .nav-box > li.must-tool .content .online-message {
  width: 280px;
  padding: 0px 21px;
}
html[lang="it"] .tags.new:after {
  content: "NUOVO";
}
html[lang="it"] .tags.improved:after {
  content: "MIGLIORATO";
}
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: url(../images/guarantee/60daysmoneyback-72x72-nl.png) no-repeat left;
}
html[lang="nl"] .popout.christmas .date {
  bottom: 19px;
}
html[lang="nl"] .itop-pop .box {
  width: 830px;
}
html[lang="nl"] .itop-pop .container {
  width: 1040px;
  min-width: 1040px;
}
html[lang="nl"] .tags.new:after {
  content: "NIEUW";
}
html[lang="nl"] .tags.improved:after {
  content: "VERBETERD";
}
html[lang="nl"] .productslist .listcontainer .cate-list .list-box .button.middle:first-child {
  margin-right: 10px;
}
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="pl"] .money-back {
  background: url(../images/guarantee/60daysmoneyback-72x72-pl.png) no-repeat left;
}
html[lang="pl"] .itop-pop .box {
  width: 920px;
}
html[lang="pl"] .itop-pop .container {
  width: 1140px;
  min-width: 1140px;
}
html[lang="pl"] .popout.christmas .date {
  right: 19px;
  bottom: 15px;
}
html[lang="pl"] .header-new .nav-box > li.must-tool .content .tool-message dl dd p:nth-child(1) {
  margin-bottom: 5px;
  max-height: 32px;
  line-height: 16px;
}
html[lang="pl"] .header-new .nav-box > li.must-tool .content .tool-message dl,
html[lang="pl"] .header-new .nav-box > li.must-tool .content .tool-message .more {
  margin-top: 10px;
}
html[lang="pl"] .tags.new:after {
  content: "NOWOŚĆ";
}
html[lang="pl"] .tags.improved:after {
  content: "ULEPSZONE";
}
html[lang="pt"] .money-back {
  background: url(../images/guarantee/60daysmoneyback-72x72-pt.png) no-repeat left;
}
html[lang="pt"] .itop-pop .box {
  width: 900px;
}
html[lang="pt"] .itop-pop .container {
  width: 1120px;
  min-width: 1120px;
}
html[lang="pt"] .popout.christmas .date {
  right: 8px;
  bottom: 15px;
}
html[lang="pt"] .header-new .nav-box > li.must-tool .content .tool-message dl dd p:nth-child(1) {
  margin-bottom: 5px;
  max-height: 32px;
  line-height: 16px;
}
html[lang="pt"] .header-new .nav-box > li.must-tool .content .tool-message dl,
html[lang="pt"] .header-new .nav-box > li.must-tool .content .tool-message .more {
  margin-top: 10px;
}
html[lang="pt"] .tags.new:after {
  content: "NOVO";
}
html[lang="pt"] .tags.improved:after {
  content: "MELHORADO";
}
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:after {
  content: "НОВОЕ";
}
html[lang="ru"] .tags.improved:after {
  content: "УЛУЧШЕНО";
}
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"] .home .banner {
  background: url(../images/home/idxbanner-imf.jpg) no-repeat center;
}
html[lang="sv"] .money-back {
  background: url(../images/guarantee/60daysmoneyback-72x72-sv.png) no-repeat left;
}
html[lang="sv"] .popout.christmas .date {
  right: 2px;
  bottom: 16px;
}
html[lang="sv"] .header-new .nav-box > li.must-tool .content .tool-message dl dd p:nth-child(1) {
  margin-bottom: 5px;
  max-height: 32px;
  line-height: 16px;
}
html[lang="sv"] .header-new .nav-box > li.must-tool .content .tool-message dl,
html[lang="sv"] .header-new .nav-box > li.must-tool .content .tool-message .more {
  margin-top: 10px;
}
html[lang="sv"] .tags.new:after {
  content: "NY";
}
html[lang="sv"] .tags.improved:after {
  content: "FÖRBÄTTRAD";
}
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="en"] .money-back {
    background: url(../images/guarantee/60daysmoneyback-72x72-en.png) no-repeat top center;
  }
  html[lang="de"] .money-back {
    background: url(../images/guarantee/60daysmoneyback-72x72-de.png) no-repeat top center;
  }
  html[lang="dk"] .money-back {
    background: url(../images/guarantee/60daysmoneyback-72x72-dk.png) no-repeat top center;
  }
  html[lang="es"] .money-back,
  html[lang="es-ar"] .money-back,
  html[lang="es-mx"] .money-back {
    background: url(../images/guarantee/60daysmoneyback-72x72-es.png) no-repeat top center;
  }
  html[lang="nl"] .money-back {
    background: url(../images/guarantee/60daysmoneyback-72x72-nl.png) no-repeat top center;
  }
  html[lang="it"] .money-back {
    background: url(../images/guarantee/60daysmoneyback-72x72-it.png) no-repeat top center;
  }
  html[lang="pt"] .money-back {
    background: url(../images/guarantee/60daysmoneyback-72x72-pt.png) no-repeat top center;
  }
  html[lang="pl"] .money-back {
    background: url(../images/guarantee/60daysmoneyback-72x72-pl.png) no-repeat top center;
  }
  html[lang="fr"] .money-back {
    background: url(../images/guarantee/60daysmoneyback-72x72-fr.png) no-repeat top center;
  }
  html[lang="sv"] .money-back {
    background: url(../images/guarantee/60daysmoneyback-72x72-sv.png) no-repeat top center;
  }
}
html[lang="sv"] .product-pop.active .bg,
html[lang="dk"] .product-pop.active .bg {
  padding-bottom: 15px;
}
.header {
  position: relative;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 55px;
  display: none !important;
  box-sizing: border-box;
  background: #2f2f3e;
}
.header .header-logo {
  float: left;
  display: block;
  width: 56px;
  height: 17px;
  margin-top: 19px;
}
.header .header-logo .logo {
  display: inline-block;
  width: 56px;
  height: 17px;
  text-indent: -9999px;
  background: url(../images/logo.svg);
  background-size: 56px 17px;
}
.header .navBtnWrap {
  display: none;
}
.header .header-nav {
  float: left;
  display: block;
  height: inherit;
  margin-left: 80px;
}
.header .header-nav .nav-tabs {
  list-style: none;
}
.header .header-nav .nav-tabs > li {
  position: relative;
  float: left;
  margin-right: 10px;
  cursor: pointer;
}
.header .header-nav .nav-tabs > li .gnavi-list-wrap > span,
.header .header-nav .nav-tabs > li a > span {
  display: inline-block;
  padding: 8px 32px 9px 10px;
  font-size: 18px;
  font-family: "Titillium Web", sans-serif;
  color: #aeb5ca;
  border-bottom: 2px transparent solid;
}
.header .header-nav .nav-tabs > li .fa-angle-up,
.header .header-nav .nav-tabs > li .fa-angle-down {
  position: absolute;
  top: 20px;
  right: 8px;
  display: none;
  color: #aeb5ca;
  transition: all 0.3s;
}
.header .header-nav .nav-tabs > li.hasSub {
  cursor: auto;
}
.header .header-nav .nav-tabs > li.hasSub .gnavi-list-wrap {
  cursor: pointer;
}
.header .header-nav .nav-tabs > li.hasSub i {
  display: inline-block;
}
.header .header-nav .nav-tabs > li.hasSub i.fa-headset {
  display: none;
}
.header .header-nav .nav-tabs > li:hover > span {
  color: #ffffff;
  border-bottom: 2px #1264fc solid;
}
.header .header-nav .nav-tabs > li:hover > i {
  color: #ffffff;
}
.header .header-nav .nav-tabs > li a:hover {
  text-decoration: none;
}
.header .header-nav .nav-tabs > li a span {
  color: #aeb5ca;
}
.header .header-nav .nav-tabs > li a span:hover {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 2px #1264fc solid;
}
.header .header-nav .nav-tabs > li .gnavi-list-wrap.active > span {
  color: #ffffff;
  border-bottom: 2px #1264fc solid;
}
.header .header-nav .nav-tabs > li .gnavi-list-wrap.active i {
  color: #ffffff;
  transform: rotate(180deg);
}
.header .header-nav .main-nav {
  width: 1160px;
  height: auto;
  position: absolute;
  display: none;
  top: 55px;
  left: -135px;
  z-index: 999;
  background: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.header .header-nav .main-nav.support-nav {
  left: -485px;
}
.header .header-nav .main-nav.active {
  display: block;
}
.header .header-nav .main-nav .category {
  float: left;
  display: inline-block;
  width: 205px;
  background: #eef0f5;
  list-style-type: none;
}
.header .header-nav .main-nav .category li .category-box {
  position: relative;
  list-style: none;
  cursor: pointer;
}
.header .header-nav .main-nav .category li .category-box:first-child {
  border-top: 1px transparent solid;
}
.header .header-nav .main-nav .category li .category-box span {
  display: inline-block;
  padding: 22px 0 22px 30px;
  font-size: 18px;
  font-family: "Titillium Web", sans-serif;
  color: #191920;
}
.header .header-nav .main-nav .category li .category-box.active span,
.header .header-nav .main-nav .category li .category-box:hover span,
.header .header-nav .main-nav .category li .category-box.active i,
.header .header-nav .main-nav .category li .category-box:hover i {
  color: #1264fc;
}
.header .header-nav .main-nav .category li .category-box.active {
  background: #ffffff;
  border-top: 1px transparent solid;
}
.header .header-nav .main-nav .category li .category-box.active i {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
  transition: all 0.2s ease-in-out;
}
.header .header-nav .main-nav .category li .category-box.active + li {
  border-top: 1px #fff solid;
}
.header .header-nav .main-nav .category li .category-box i {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 0;
  opacity: 0;
  transform: translate3d(-20px, 0, 0);
}
.header .header-nav .main-nav .category .sub-category {
  position: absolute;
  top: 1px;
  left: 200px;
  width: 922px;
  display: none;
}
.header .header-nav .main-nav .category .sub-category dl {
  float: left;
  margin: 0 60px;
  margin-top: 20px;
}
.header .header-nav .main-nav .category .sub-category dl dt {
  position: relative;
  font-size: 18px;
  display: inline-block;
  padding-bottom: 14px;
}
.header .header-nav .main-nav .category .sub-category dl dt i {
  display: none;
}
.header .header-nav .main-nav .category .sub-category dl dt.tag:after {
  position: absolute;
  top: 9px;
  right: -50px;
  content: "";
  display: inline-block;
  width: 36px;
  height: 14px;
  overflow: hidden;
  background-image: url('../images/tags.png');
  background-repeat: no-repeat;
}
.header .header-nav .main-nav .category .sub-category dl dt.tag.hot::after {
  background-position: 0 -14px;
}
.header .header-nav .main-nav .category .sub-category dl dd {
  line-height: 28px;
}
.header .header-nav .main-nav .category .sub-category dl dd a {
  position: relative;
  color: #5b5d6d;
}
.header .header-nav .main-nav .category .sub-category dl dd a:hover {
  color: #1264fc;
  text-decoration: none;
}
.header .header-nav .main-nav .category .sub-category dl dd a.tag:after {
  position: absolute;
  top: 0;
  right: -50px;
  content: "";
  display: inline-block;
  width: 36px;
  height: 14px;
  overflow: hidden;
  background-image: url('../images/tags.png');
  background-repeat: no-repeat;
}
.header .header-nav .main-nav .category .sub-category dl dd a.tag.new::after {
  background-position: 0 0;
}
.header .header-nav .main-nav .category .sub-category dl dd a.tag.hot::after {
  background-position: 0 -14px;
}
.header .header-nav .main-nav .category .sub-category dl dd a.tag.partner::after {
  width: 61px;
  right: -72px;
  background-position: -50px 0;
}
.header .header-nav .main-nav .nav-sub {
  float: left;
  width: 950px;
}
.header .header-nav .main-nav .nav-sub .sub-category {
  display: none;
}
.header .header-nav .main-nav .nav-sub .sub-category.active {
  display: block;
}
.header .header-nav .main-nav .navpop {
  float: right;
  margin-top: 6px;
  margin-right: 10px;
  width: 418px;
  height: 140px;
  background: url('../images/navpop-bg.png') center no-repeat;
}
.header .header-nav .main-nav .navpop .inner {
  margin-top: 25px;
  margin-left: 125px;
  width: 280px;
}
.header .header-nav .main-nav .navpop .inner h3 {
  font-size: 20px;
  margin-bottom: 20px;
}
.header .header-nav .main-nav .navpop .inner p {
  font-size: 14px;
  padding-bottom: 0;
  line-height: 22px;
}
.header .header-nav .main-nav .navpop .inner p strong {
  font-size: 22px;
  font-weight: normal;
  color: #1264fc;
}
.header .header-nav .main-nav .navpop .inner p + p {
  font-size: 12px;
}
.header.nav-christms {
  background: #a80d1a url('../images/theme/christmas/navi_bg_snowfield.png') center top no-repeat;
}
.header.nav-christms:after {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 55px;
  width: 100%;
  content: '';
  background: url('../images/theme/christmas/snowing.gif') 0 0 repeat-x;
}
.header.nav-christms .header-logo {
  width: 287px;
  height: 55px;
  margin-top: 0px;
  margin-left: -100px;
}
.header.nav-christms .header-logo .logo {
  display: inline-block;
  width: 287px;
  height: 55px;
  text-indent: -9999px;
  background: url('../images/theme/christmas/logo_christmas.png') center no-repeat;
}
.header.nav-christms .header-nav {
  margin-left: -20px;
}
.header.nav-christms .header-nav .nav-tabs > li .gnavi-list-wrap > span,
.header.nav-christms .header-nav .nav-tabs > li a > span {
  color: #ffa4ad;
}
.header.nav-christms .header-nav .nav-tabs > li .fa-angle-up,
.header.nav-christms .header-nav .nav-tabs > li .fa-angle-down {
  color: #ffa4ad;
}
.header.nav-christms .header-nav .nav-tabs > li a:hover {
  text-decoration: none;
}
.header.nav-christms .header-nav .nav-tabs > li a span {
  color: #ffa4ad;
}
.header.nav-christms .header-nav .nav-tabs > li a span:hover {
  border-bottom: none;
}
.header.nav-christms .header-nav .nav-tabs > li a span:hover:after {
  position: absolute;
  bottom: -3px;
  left: -5px;
  content: '';
  width: 109px;
  height: 6px;
  background: url('../images/theme/christmas/navi_selectionbar_snowfield.png') center bottom no-repeat;
}
.header.nav-christms .header-nav .nav-tabs > li .active > span {
  border-bottom: none;
}
.header.nav-christms .container {
  z-index: 99;
}
.header-new {
  position: relative;
  z-index: 1000;
  width: 100%;
  display: block !important;
  box-sizing: border-box;
  background: #1F1F29;
  height: 94px;
  font-family: "Titillium Web", sans-serif;
}
.header-new .hrefbox {
  float: left;
  margin-left: 50px;
}
.header-new .hrefbox .logo {
  float: left;
  margin-top: 34px;
  text-indent: -9999px;
  width: 96px;
  height: 28px;
  background: url(../images/logo.svg);
  background-size: 96px 28px;
}
.header-new .hrefbox .secure {
  position: relative;
  float: left;
  height: 28px;
  margin-top: 32px;
  margin-left: 20px;
  padding-left: 20px;
}
.header-new .hrefbox .secure:after {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 28px;
  left: -3px;
  top: 4px;
  background: #434356;
}
.header-new .hrefbox .secure p {
  padding: 0px;
  margin: 0px;
  line-height: 18px;
  color: #A2A2AE;
  font-size: 12px;
}
.header-new .message-module {
  position: absolute;
  right: 83px;
  z-index: 10;
  list-style-type: none;
}
.header-new .message-module > li {
  position: relative;
  float: left;
  padding: 0px 30px;
  color: #A2A2AE;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
}
.header-new .message-module > li:after {
  position: absolute;
  content: "";
  left: 1px;
  top: 19px;
  width: 1px;
  height: 12px;
  background: #434356;
}
.header-new .message-module > li.black-icon {
  position: relative;
  padding-right: 0px;
}
.header-new .message-module > li.black-icon a {
  display: block;
  width: 184px;
  height: 64px;
  background: url(../images/black/black-icon.png) no-repeat center top;
}
.header-new .message-module > li.black-icon a:hover {
  background: url(../images/black/black-icon-hover.png) no-repeat center top;
}
.header-new .message-module > li.black-icon::after {
  display: none;
}
.header-new .message-module > li.itop::after {
  display: none;
}
.header-new .message-module > li.itop .text-box {
  display: none;
  width: 130px;
  height: 25px;
  left: -13px;
  top: 46px;
  background: #fff;
  line-height: 25px;
  text-align: center;
  color: #000;
  position: absolute;
  border: solid #ccc 1px;
}
.header-new .message-module > li.itop .img {
  width: 32px;
  height: 29px;
}
.header-new .message-module > li.itop .img i {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 29px;
  z-index: 2;
  background: url(../images/itop-icon.svg);
}
.header-new .message-module > li.itop .img::before {
  position: absolute;
  content: "";
  width: 59px;
  height: 59px;
  left: 16px;
  top: -3px;
  opacity: 0;
  transition: all 0.3s;
  background: url(../images/itop-icon-hover.svg);
}
.header-new .message-module > li.itop.idr .img i {
  width: 35px;
  height: 35px;
  background: url(../images/idr-icon.png);
}
.header-new .message-module > li.itop:hover .text-box {
  display: block;
}
.header-new .message-module > li.itop:hover .img::before {
  opacity: 1;
}
.header-new .message-module > li.tdp::after {
  display: none;
}
.header-new .message-module > li.tdp .text-box {
  display: none;
  width: 130px;
  height: 25px;
  left: -13px;
  top: 46px;
  background: #fff;
  line-height: 25px;
  text-align: center;
  color: #000;
  position: absolute;
  border: solid #ccc 1px;
}
.header-new .message-module > li.tdp .img {
  width: 51px;
  height: 36px;
}
.header-new .message-module > li.tdp .img i {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 51px;
  height: 36px;
  z-index: 2;
  background: url(../images/tdp-icon.png);
}
.header-new .message-module > li.tdp:hover .text-box {
  display: block;
}
.header-new .message-module > li.valentine a {
  position: relative;
  display: block;
  margin-top: 5px;
  width: 150px;
  height: 42px;
  background: url(../images/valentine/sale.png) no-repeat center;
}
.header-new .message-module > li.valentine a::after {
  position: absolute;
  opacity: 1;
  content: "";
  width: 147px;
  height: 48px;
  left: 7px;
  top: -1px;
  animation: sale 3s infinite linear;
  background: url(../images/valentine/sale-hover.png) no-repeat center;
}
.header-new .message-module > li.valentine a:hover::after {
  opacity: 0;
  background: none;
}
.header-new .message-module > li.news:after {
  display: none;
}
.header-new .message-module > li.support {
  transition: all .5s;
}
.header-new .message-module > li.support span {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.header-new .message-module > li.support i {
  margin-left: 10px;
  transition: all .3s;
}
.header-new .message-module > li.support:hover {
  background: #262630;
}
.header-new .message-module > li.support:hover:after {
  display: none;
}
.header-new .message-module > li.support.active {
  background: #262630;
}
.header-new .message-module > li.support.active:after {
  display: none;
}
.header-new .message-module > li.support.active i {
  color: #fff;
  transform: rotate(180deg);
}
.header-new .message-module > li.support .content {
  position: absolute;
  width: 1068px;
  height: 220px;
  right: 0;
  top: 50px;
  display: none;
  background: #fff;
  border: 1px solid #DDDDE2;
}
.header-new .message-module > li.support .content dl {
  float: left;
  width: 202px;
  margin-left: 50px;
  line-height: 24px;
  margin-bottom: 23px;
}
.header-new .message-module > li.support .content dl dt {
  height: 75px;
  line-height: 75px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #000;
  border-bottom: solid #DDDDE2 1px;
}
.header-new .message-module > li.support .content dl dd a {
  font-size: 16px;
  color: #000;
}
.header-new .message-module > li.support .content dl.center {
  width: 642px;
  margin-left: 80px;
}
.header-new .message-module > li.support .content dl.center ul {
  float: left;
  list-style-type: none;
  width: 214px;
}
.header-new .message-module > li.support .content p {
  padding: 0px;
  clear: both;
  height: 40px;
  line-height: 40px;
  background: #3A3A4A;
  text-align: center;
  font-size: 14px;
  color: #A2A2AE;
}
.header-new .message-module > li.support .content p strong {
  color: #fff;
}
.header-new .message-module > li > a {
  color: #A2A2AE;
  font-size: 14px;
}
.header-new .message-module > li > a:hover {
  color: #Fff;
  text-decoration: none;
}
.header-new .search-zone {
  position: absolute;
  width: 380px;
  right: 60px;
  top: 9px;
  height: 30px;
  margin-top: 0px;
  text-align: center;
  border-radius: 45px;
}
.header-new .search-zone .search-bar {
  height: 28px;
  z-index: 99;
  line-height: 28px;
}
.header-new .search-zone .search-bar.active {
  width: 380px;
  background: #fff;
  border: 1px solid #DDDDE4;
}
.header-new .search-zone .search-bar.active input[type="text"] {
  margin-left: 0px;
  margin-top: -3px;
  width: 300px;
  color: #CFCFD5;
}
.header-new .search-zone .search-bar.active .search-btn {
  left: 5px;
}
.header-new .search-zone .search-bar.active .search-btn i {
  color: #DDDDE4;
}
.header-new .search-zone .search-bar.active .search-close {
  opacity: 1;
}
.header-new .search-zone .search-bar.active.on-error {
  background: #fff;
  border: 1px #741411 solid;
}
.header-new .search-zone .search-bar.active.on-error .search-btn {
  background: transparent;
}
.header-new .search-zone .search-bar.active.on-error .search-btn i {
  color: #741411;
}
.header-new .search-zone .search-btn {
  background: transparent;
  top: 1px;
}
.header-new .search-zone .search-btn i {
  color: #A2A2AE;
}
.header-new .search-zone .search-btn i:hover {
  color: #1264FC;
}
.header-new .search-zone .search-close {
  position: absolute;
  width: 18px;
  height: 18px;
  line-height: 18px;
  right: 5px;
  top: 3px;
  background: #fff;
  border-radius: 50%;
  border: solid #DDDDE4 2px;
  cursor: pointer;
  opacity: 0;
  transition: all .5s;
}
.header-new .search-zone .search-close i {
  color: #DDDDE4;
  font-size: 12px;
}
.header-new .nav-box {
  position: absolute;
  right: 50px;
  top: 44px;
}
.header-new .nav-box > li {
  position: relative;
  list-style-type: none;
  float: left;
  padding: 0px 20px;
  height: 50px;
  margin-left: 17px;
  transition: all .3s;
}
.header-new .nav-box > li.active span {
  color: #1264FC;
}
.header-new .nav-box > li.active span i {
  color: #1264FC;
  transform: rotate(180deg);
}
.header-new .nav-box > li.active span i.heart {
  transform: rotate(0deg);
}
.header-new .nav-box > li:hover span {
  color: #1264FC;
}
.header-new .nav-box > li:hover span i {
  color: #1264FC;
  transform: rotate(180deg);
}
.header-new .nav-box > li:hover span i.heart {
  transform: rotate(0deg);
}
.header-new .nav-box > li:hover::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  background-color: #1264FC;
}
.header-new .nav-box > li > span {
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}
.header-new .nav-box > li > span i {
  font-size: 12px;
  margin-left: 10px;
  transition: all .3s;
}
.header-new .nav-box > li .content {
  position: absolute;
  width: 864px;
  height: 240px;
  background: #fff;
  top: 50px;
  left: -105px;
  display: none;
  border: 1px solid #DDDDE2;
}
.header-new .nav-box > li .content dl.module.ptrmodule {
  position: relative;
}
.header-new .nav-box > li .content dl.module.ptrmodule.newyear dt {
  margin-right: 26px;
  margin-bottom: 30px;
  margin-top: 50px;
  margin-left: 41px;
}
.header-new .nav-box > li .content dl.module.ptrmodule.newyear dt img {
  width: 158px;
}
.header-new .nav-box > li .content dl.module > a.ptalink {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: block;
}
.header-new .nav-box > li .content dl.module dt {
  float: left;
  margin-right: 12px;
  margin-bottom: 30px;
  margin-top: 65px;
  margin-left: 71px;
}
.header-new .nav-box > li .content dl.module dt.halloween-tag {
  position: relative;
}
.header-new .nav-box > li .content dl.module dt.halloween-tag::after {
  position: absolute;
  content: "";
  width: 65px;
  height: 72px;
  left: 59px;
  top: -38px;
  background: url(../images/halloween/balloon.png);
}
.header-new .nav-box > li .content dl.module dt.halloween-tag:before {
  position: absolute;
  content: "";
  width: 129px;
  height: 57px;
  top: 61px;
  left: -20px;
  background: url(../images/halloween/pumpkin.png);
}
.header-new .nav-box > li .content dl.module dt img {
  width: 96px;
}
.header-new .nav-box > li .content dl.module dt.easter-rabbit {
  position: relative;
}
.header-new .nav-box > li .content dl.module dt.easter-rabbit::after {
  position: absolute;
  content: "";
  width: 83px;
  height: 74px;
  left: 20px;
  bottom: -18px;
  background: url(../images/easter/rabbit.png);
}
.header-new .nav-box > li .content dl.module dd {
  float: left;
  max-width: 220px;
  padding-top: 65px;
}
.header-new .nav-box > li .content dl.module dd h3 {
  margin: 0px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  font-family: "Titillium Web", sans-serif;
}
.header-new .nav-box > li .content dl.module dd h3 a {
  color: #000;
}
.header-new .nav-box > li .content dl.module dd span {
  display: inline-block;
  height: 19px;
  padding: 0px 10px;
  line-height: 19px;
  background: #0077FF;
  color: #F9F9F9;
  font-size: 12px;
}
.header-new .nav-box > li .content dl.module dd span.dbbg {
  background: #EB2D2D;
}
.header-new .nav-box > li .content dl.module dd span.dbpro-bg {
  position: relative;
  background: rgba(235, 45, 45, 0.1);
  color: #EB2D2D;
}
.header-new .nav-box > li .content dl.module dd span.dbpro-bg::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 19px;
  right: -8px;
  top: 0;
  background: url(../images/db-bg.png);
}
.header-new .nav-box > li .content dl.module dd span.dbpro-bg.db-rebate {
  background: transparent;
  text-indent: -9999px;
}
.header-new .nav-box > li .content dl.module dd span.dbpro-bg.db-rebate::after {
  width: 139px;
  height: 36px;
  right: -118px;
  top: -12px;
  background: url(../images/db-box-rebate.png);
}
.header-new .nav-box > li .content dl.module dd span.imfbg {
  background: #09A2AB;
}
.header-new .nav-box > li .content dl.module dd span.imfpro-bg {
  position: relative;
  background: rgba(9, 162, 171, 0.1);
  color: #09A2AB;
}
.header-new .nav-box > li .content dl.module dd span.imfpro-bg::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 19px;
  right: -8px;
  top: 0;
  background: url(../images/imf-bg.png);
}
.header-new .nav-box > li .content dl.module dd span.ascubg {
  background: #00AAFF;
}
.header-new .nav-box > li .content dl.module dd span.isr {
  color: #DD2320;
  background-color: rgba(221, 35, 32, 0.1);
}
.header-new .nav-box > li .content dl.module dd span.issbg {
  color: #DD2320;
  background-color: rgba(221, 35, 32, 0.1);
}
.header-new .nav-box > li .content dl.module dd span.ascbg {
  position: relative;
  background: #e7effe;
  color: #1264FC;
}
.header-new .nav-box > li .content dl.module dd span.ascbg::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 19px;
  right: -8px;
  top: 0;
  background: url(../images/blue.png);
}
.header-new .nav-box > li .content dl.module dd span.easter-tag {
  position: relative;
  width: 111px;
  padding: 0px;
  background: none;
  text-indent: -9999px;
}
.header-new .nav-box > li .content dl.module dd span.easter-tag::after {
  position: absolute;
  content: "";
  width: 111px;
  height: 31px;
  left: 0;
  top: -5px;
  background: url(../images/easter/easter-tag.png);
}
.header-new .nav-box > li .content dl.module dd span.black-tag {
  position: relative;
  width: 117px;
  padding: 0px;
  background: none;
  text-indent: -9999px;
}
.header-new .nav-box > li .content dl.module dd span.black-tag::after {
  position: absolute;
  content: "";
  width: 117px;
  height: 35px;
  left: 0;
  top: -7px;
  background: url(../images/black/black-tag.png);
}
.header-new .nav-box > li .content dl.module dd p {
  padding: 0px;
  margin-top: 10px;
  font-size: 14px;
  color: #000;
  line-height: 21px;
}
.header-new .nav-box > li .content dl.module.last dt {
  margin-left: 20px;
}
.header-new .nav-box > li .content dl.module.last dt.black-balloon {
  position: relative;
}
.header-new .nav-box > li .content dl.module.last dt.black-balloon::after {
  position: absolute;
  content: "";
  width: 70px;
  height: 73px;
  left: -7px;
  top: 39px;
  background: url(../images/black/smail-balloon.png);
}
.header-new .nav-box > li .content dl.module.last dt img {
  width: 112px;
}
.header-new .nav-box > li .content dl.tool-icon {
  width: 470px;
  padding-left: 45px;
}
.header-new .nav-box > li .content dl.tool-icon dd p {
  padding: 0 0 14px !important;
  float: left;
  width: 50%;
  line-height: 24px;
}
.header-new .nav-box > li .content dl.tool-icon dd p img {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  margin-right: 10px;
}
.header-new .nav-box > li.speedup dl.module {
  float: left;
  width: 50%;
}
.header-new .nav-box > li.db-nav .content {
  left: -250px;
}
.header-new .nav-box > li.db-nav .content.share-wid {
  left: -140px;
  width: 440px;
}
.header-new .nav-box > li.db-nav .content.share-wid dl.module {
  width: 100%;
}
.header-new .nav-box > li.db-nav .content.share-wid dl.module.last dt {
  margin-left: 55px;
}
.header-new .nav-box > li.db-nav .content dl.module {
  float: left;
  width: 50%;
}
.header-new .nav-box > li.antivirus .content {
  width: 1296px;
  left: -838px;
}
.header-new .nav-box > li.antivirus .content dl {
  float: left;
  width: 33.3%;
}
.header-new .nav-box > li.antivirus .content dl dd {
  max-width: 245px;
}
.header-new .nav-box > li.antivirus .content dl.ascu dt {
  margin-left: 0px;
}
.header-new .nav-box > li.screenre .content {
  left: -350px;
}
.header-new .nav-box > li.must-tool .content {
  width: 1392px;
  left: inherit;
  right: -100px;
  height: 320px;
}
.header-new .nav-box > li.must-tool .content .tool-message {
  float: left;
  margin-left: 54px;
  width: 936px;
}
.header-new .nav-box > li.must-tool .content .tool-message h3 {
  margin: 0px;
  height: 79px;
  line-height: 79px;
  font-size: 14px;
  border-bottom: solid #DDDDE2 1px;
}
.header-new .nav-box > li.must-tool .content .tool-message dl,
.header-new .nav-box > li.must-tool .content .tool-message .more {
  float: left;
  width: 312px;
  margin-top: 20px;
}
.header-new .nav-box > li.must-tool .content .tool-message dl dt,
.header-new .nav-box > li.must-tool .content .tool-message .more dt {
  color: #000;
  font-size: 18px;
  font-weight: bold;
}
.header-new .nav-box > li.must-tool .content .tool-message dl dt a,
.header-new .nav-box > li.must-tool .content .tool-message .more dt a {
  color: #000;
}
.header-new .nav-box > li.must-tool .content .tool-message dl dt span,
.header-new .nav-box > li.must-tool .content .tool-message .more dt span {
  display: inline-block;
  height: 19px;
  padding: 0px 10px;
  margin-left: 5px;
  line-height: 19px;
  background: rgba(18, 100, 252, 0.1);
  color: #1264FC;
  font-weight: normal;
  font-size: 12px;
}
.header-new .nav-box > li.must-tool .content .tool-message dl dt span.black-tag,
.header-new .nav-box > li.must-tool .content .tool-message .more dt span.black-tag {
  position: relative;
  width: 111px;
  padding: 0px;
  background: none;
  text-indent: -9999px;
}
.header-new .nav-box > li.must-tool .content .tool-message dl dt span.black-tag::after,
.header-new .nav-box > li.must-tool .content .tool-message .more dt span.black-tag::after {
  position: absolute;
  content: "";
  width: 111px;
  height: 35px;
  left: 0;
  top: -9px;
  background: url(../images/black/black-tag.png);
}
.header-new .nav-box > li.must-tool .content .tool-message dl dd,
.header-new .nav-box > li.must-tool .content .tool-message .more dd {
  line-height: 20px;
}
.header-new .nav-box > li.must-tool .content .tool-message dl dd p,
.header-new .nav-box > li.must-tool .content .tool-message .more dd p {
  padding: 0px;
  height: 29px;
}
.header-new .nav-box > li.must-tool .content .tool-message dl dd p.last,
.header-new .nav-box > li.must-tool .content .tool-message .more dd p.last {
  height: 20px;
}
.header-new .nav-box > li.must-tool .content .tool-message dl dd p.last a,
.header-new .nav-box > li.must-tool .content .tool-message .more dd p.last a {
  color: #686868;
  font-size: 14px;
  margin-right: 15px;
}
.header-new .nav-box > li.must-tool .content .tool-message dl dd p.last a.red-size,
.header-new .nav-box > li.must-tool .content .tool-message .more dd p.last a.red-size {
  color: red;
}
.header-new .nav-box > li.must-tool .content .tool-message dl dd p.more a,
.header-new .nav-box > li.must-tool .content .tool-message .more dd p.more a {
  font-size: 14px;
  color: #7D7D8B;
}
.header-new .nav-box > li.must-tool .content .tool-message dl a,
.header-new .nav-box > li.must-tool .content .tool-message .more a {
  color: #F9F9F9;
  font-size: 16px;
}
.header-new .nav-box > li.must-tool .content .tool-message .more a {
  display: block;
  margin-top: 30px;
  color: #1264FC;
  font-size: 14px;
  text-decoration: underline;
}
.header-new .nav-box > li.must-tool .content .online-message {
  float: right;
  height: 100%;
  width: 240px;
  padding: 0px 41px;
  background-color: #F2F2F2;
}
.header-new .nav-box > li.must-tool .content .online-message dt {
  margin-bottom: 24px;
  height: 79px;
  line-height: 79px;
  font-size: 14px;
  border-bottom: solid #DDDDE2 1px;
}
.header-new .nav-box > li.must-tool .content .online-message dd {
  line-height: 28px;
}
.header-new .nav-box > li.must-tool .content .online-message dd span {
  display: inline-block;
  height: 19px;
  padding: 0px 10px;
  margin-left: 15px;
  line-height: 19px;
  background: #EB2D2D;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
}
.header-new .nav-box > li.must-tool .content .online-message dd a {
  color: #000;
}
.header-new .nav-box > li.store-nav .en-heart i.heart {
  position: absolute;
  width: 12px;
  top: 21px;
  height: 12px;
  left: 40px;
  margin-left: 0px;
  background: url(../images/store/heart.png);
}
.header-new .nav-box > li.store-nav .en-heart i.space {
  margin-left: 0px;
  width: 16px;
}
.header-new .nav-box > li.store-nav.easter-store::after {
  position: absolute;
  content: "";
  width: 137px;
  height: 41px;
  left: -38px;
  bottom: 0;
  background: url(../images/easter/nav-easter.png);
}
.header-new .nav-box > li.store-nav.easter-store .content {
  width: 845px;
}
.header-new .nav-box > li.store-nav .black-store {
  width: 845px;
  border: solid #32303a 1px;
  border-top: none;
  background: url(../images/black/store-bg.png);
}
.header-new .nav-box > li.store-nav .black-store .module dt {
  opacity: 0;
}
.header-new .nav-box > li.store-nav .black-store .module dd h3,
.header-new .nav-box > li.store-nav .black-store .module dd p {
  color: #fff;
}
.header-new .nav-box > li.store-nav .black-store .module dd span.isr {
  color: #FFB100;
  background: rgba(155, 152, 146, 0.1);
}
.header-new .nav-box > li.store-nav .content {
  width: 435px;
  right: 0;
  left: inherit;
}
.header-new .nav-box > li.store-nav .content.halloween-nav-store {
  background: #ffffff url(../images/halloween/nav-store-bg.png) no-repeat center;
}
.header-new .nav-box > li.store-nav .content.halloween-nav-store dt {
  position: relative;
}
.header-new .nav-box > li.store-nav .content.halloween-nav-store dt img {
  opacity: 0;
}
.header-new .nav-box > li.store-nav .content.halloween-nav-store dt::after {
  position: absolute;
  content: "";
  width: 128px;
  height: 151px;
  left: -30px;
  top: -35px;
  background: url(../images/halloween/store-hat.png);
}
.header-new .nav-box > li.store-nav .content dl {
  float: left;
}
.header-new .nav-box > li.store-nav .content dl.module {
  width: 435px;
}
.header-new .nav-box > li.store-nav .content .advertising {
  margin-top: 20px;
}
.header-new .nav-box > li.store-nav .valentine {
  width: 450px;
}
@keyframes sale {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.itop-pop {
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  z-index: 999;
  background-image: -moz-linear-gradient(180deg, #7b25ff 43%, #234dff 100%);
  background-image: -webkit-linear-gradient(180deg, #7b25ff 43%, #234dff 100%);
  background-image: -ms-linear-gradient(180deg, #7b25ff 43%, #234dff 100%);
}
.itop-pop .container {
  width: 1000px;
  min-width: 1000px;
}
.itop-pop i {
  float: left;
  width: 23px;
  height: 21px;
  margin-top: 11px;
  background: url(../images/trumpet.png);
}
.itop-pop span {
  position: absolute;
  display: block;
  cursor: pointer;
  right: 5px;
  top: 5px;
  width: 14px;
  height: 14px;
  background: url(../images/close.png);
}
.itop-pop .box {
  float: left;
  width: 775px;
  height: 40px;
  margin-left: 15px;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  overflow: hidden;
}
.itop-pop .box .rollan {
  float: left;
  height: 40px;
}
.itop-pop .box p {
  padding: 0px;
  display: block;
  font-size: 14px;
  color: #fff;
  height: 40px;
  line-height: 40px;
}
.itop-pop .box b {
  font-weight: normal;
  color: #fff224;
}
.itop-pop .downbtn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 29px;
  border-radius: 25px;
  font-size: 16px;
  text-align: center;
  color: #3cff00;
  text-decoration: underline;
}
.itop-pop .downbtn:after {
  position: absolute;
  content: "";
  right: -20px;
  width: 13px;
  height: 15px;
  top: 2px;
  background: url(../images/downicon.png);
  animation: downbtn 4s ease-out infinite;
}
.itop-pop .downbtn:hover {
  color: #38d907;
}
.black-more {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  z-index: 999;
  font-size: 18px;
  color: #b7b7b7;
  text-align: center;
  background: url(../images/black/bg.jpg) no-repeat center;
}
.black-more .container {
  width: 1120px;
  min-width: 1120px;
}
.black-more span {
  position: relative;
  display: inline-block;
}
.black-more span::before {
  position: absolute;
  content: "";
  width: 97px;
  height: 50px;
  left: -90px;
  background: url(../images/black/balloon.png);
}
.black-more img {
  position: relative;
  z-index: 6;
  display: inline-block;
  vertical-align: middle;
}
.black-more a.asc {
  color: #57a5ff;
}
.black-more a.db {
  color: #fe6e4a;
}
.black-more a.iu {
  color: #42ec8d;
}
@keyframes downbtn {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@media screen and (max-width: 1500px) {
  .header-new .nav-box {
    right: 40px;
  }
  .header-new .message-module {
    right: 70px;
  }
  .header-new .search-zone {
    right: 60px;
  }
  .header-new .nav-box > li.must-tool .content {
    right: -130px;
  }
  .header-new .nav-box > li.must-tool .content {
    width: 1080px;
    height: 430px;
  }
  .header-new .nav-box > li.must-tool .content .tool-message {
    width: 624px;
  }
  .header-new .nav-box > li.must-tool .content {
    right: -80px;
  }
  .header-new .nav-box > li.antivirus .content {
    left: -690px;
    width: 1190px;
  }
  .header-new .nav-box > li .content dl.module dt {
    margin-left: 34px;
  }
}
@media screen and (max-width: 767px) {
  .header {
    display: block !important;
  }
  .header-new {
    display: none !important;
  }
}
.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: #ff6600;
}
.search-zone .search-bar.active.on-error ::-webkit-input-placeholder {
  color: #ff6600;
}
.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: #000000;
  font-size: 18px;
  font-family: "Titillium Web", sans-serif;
}
.category-nav ul li a i {
  margin-top: 30px;
  display: inline-block;
  width: 43px;
  height: 43px;
  line-height: 40px;
  background: #eef0f5;
  border-radius: 50%;
}
.category-nav ul li a span {
  display: block;
  margin-top: 15px;
  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 i,
.category-nav ul li a.active i {
  background: #1264fc;
  color: #fff;
}
.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: #1e2534;
  overflow: hidden;
}
.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;
  font-family: "Titillium Web";
  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: 0px 3px;
  width: 76px;
  height: 42px;
  background: url(../images/store-xma/snowman.png);
}
.home .banner .black-pop a {
  text-decoration: underline;
  color: #fff177;
  text-shadow: 0px 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: 0px 1px 0px 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 0px rgba(5, 73, 50, 0.67);
}
.home .banner .container {
  position: relative;
  z-index: 1;
  width: 1298px;
  min-width: 1298px;
  overflow: visible;
}
.home .banner .text-zone {
  position: relative;
  float: left;
  width: 660px;
  margin-left: 0px;
  margin-top: 185px;
  z-index: 900;
}
.home .banner .text-zone .new-icon {
  margin-top: 5px;
  margin-bottom: 20px;
}
.home .banner .text-zone h1 {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-bottom: 18px;
  font-size: 40px;
  color: #ffffff;
}
.home .banner .text-zone h1 span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 31px;
  margin-left: 5px;
  padding: 0px 10px;
  border-radius: 3px;
  font-size: 18px;
  text-align: center;
  line-height: 31px;
  color: #fff;
  font-weight: bold;
  background-image: -moz-linear-gradient(0deg, #815aff 0%, #5b79ff 100%);
  background-image: -webkit-linear-gradient(0deg, #815aff 0%, #5b79ff 100%);
  background-image: -ms-linear-gradient(0deg, #815aff 0%, #5b79ff 100%);
}
.home .banner .text-zone h1 span::after {
  position: absolute;
  content: "";
  width: 11px;
  height: 31px;
  right: -9px;
  top: 0;
  background: url(../images/home/arrow.png);
}
.home .banner .text-zone p {
  color: #EBEBEB;
  padding-bottom: 0px;
}
.home .banner .text-zone .toptitle {
  margin-bottom: 30px;
  font-size: 24px;
  color: #fff;
}
.home .banner .text-zone .toptitle span {
  color: #ffdfd6;
}
.home .banner .text-zone .toptitle b {
  font-weight: normal;
  color: #ffd094;
}
.home .banner .text-zone p.subtitle {
  display: block;
  position: relative;
  z-index: 2;
  color: #EBEBEB;
  width: 590px;
  font-size: 22px;
  line-height: 30px;
}
.home .banner .text-zone p.subtitle.isusubtitle {
  color: #fff;
}
.home .banner .text-zone .advantage {
  position: relative;
  margin-bottom: 24px;
}
.home .banner .text-zone .advantage ul {
  list-style: none;
  min-width: 264px;
  margin: 18px auto;
}
.home .banner .text-zone .advantage ul li {
  position: relative;
  display: block;
  color: #EBEBEB;
  font-size: 18px;
  line-height: 30px;
  padding-left: 25px;
}
.home .banner .text-zone .advantage ul li::after {
  position: absolute;
  content: "";
  width: 18px;
  height: 12px;
  top: 7px;
  left: 0;
  background: url(../images/home/list-asc.png);
}
.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: inline-block;
  margin-top: 34px;
}
.home .banner .text-zone .btn-zone .btn-jadegreen {
  position: relative;
  padding: 5px 50px;
  color: #191920;
  font-size: 20px;
  font-weight: bold;
  background: transparent linear-gradient(90deg, #43ea82 0%, #38f8d3 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.4);
}
.home .banner .text-zone .btn-zone .btn-jadegreen span {
  opacity: 1;
  transition: all ease-in-out 0.5s;
}
.home .banner .text-zone .btn-zone .btn-jadegreen::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 21px;
  height: 24px;
  background: url(../images/home/down-icon.svg);
  opacity: 0;
  transform: scale(0);
  transition: all ease-in-out 0.5s;
}
.home .banner .text-zone .btn-zone .btn-jadegreen:hover span {
  opacity: 0;
}
.home .banner .text-zone .btn-zone .btn-jadegreen:hover::after {
  opacity: 1;
  transform: scale(1);
}
.home .banner .text-zone .btn-zone .btn-jadegreen.btn-small {
  min-width: 0px;
}
.home .banner .text-zone .btn-zone p {
  margin-top: 15px;
  text-align: center;
  font-size: 14px;
  color: #9D9D9D;
}
.home .banner .img-box {
  position: absolute;
  right: -269px;
  top: 62px;
  z-index: 99;
}
.home .banner .img-box img {
  position: relative;
  z-index: 20;
}
.home .banner .img-box::after {
  position: absolute;
  content: "";
  width: 1173px;
  height: 807px;
  left: -337px;
  top: -145px;
  background: url(../images/home/bg-light.png);
}
.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: #ffffff 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: 20px;
  margin-left: -260px;
}
.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: "Titillium Web", 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: 0px;
}
.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: 595px;
  width: inherit;
  text-align: center;
  background: #625c5f url(../images/banner/store-banner.jpg) center bottom no-repeat;
}
.store .banner h1 {
  display: inline-block;
  margin-top: 60px;
  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: 205px;
  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: #ffffff;
}
.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: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: 270px;
}
.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 .banner.valentine {
  background: #fff4ef url(../images/store/valentine-banner.jpg) center bottom no-repeat;
}
.store .banner.valentine h1,
.store .banner.valentine .h1sub {
  text-indent: -9999px;
}
.store .banner.valentine h1 {
  width: 100%;
  margin-top: 25px;
  height: 133px;
  background: url(../images/store/title.png) no-repeat center;
}
.store .banner.valentine .h1sub {
  display: none;
}
.store .banner.valentine .showcase::after {
  position: absolute;
  content: "";
  width: 18px;
  height: 19px;
  background: url(../images/store/add.png);
  left: 261px;
  visibility: inherit;
  top: 86px;
}
.store .banner.valentine .showcase::before {
  position: absolute;
  content: "";
  width: 87px;
  height: 87px;
  left: 152px;
  background: #fffefe;
  visibility: inherit;
  top: 0px;
}
.store .banner.valentine .btn-zone dt {
  color: #000000;
  text-shadow: none;
}
.store .banner.valentine .btn-zone dt del {
  color: #4b4949;
}
.store .banner.easter-banner {
  height: 698px;
  overflow: hidden;
}
.store .banner.easter-banner h1,
.store .banner.easter-banner .h1sub,
.store .banner.easter-banner .showcase,
.store .banner.easter-banner .btn-zone {
  display: none;
}
.store .banner.easter-banner img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  width: 1920px;
  height: 698px;
}
.store .banner.easter-banner .container .buybtn {
  position: absolute;
  display: block;
  width: 278px;
  height: 54px;
  top: 542px;
  right: 9px;
  z-index: 22;
  border-radius: 26px;
  background: url(../images/easter/buybtn.png);
  box-shadow: 2.279px 6.619px 10px 0px rgba(209, 11, 31, 0.6), inset 0px 16px 24px 0px rgba(255, 75, 60, 0.55);
}
.store .banner.easter-banner .container .buybtn:hover {
  background-position: 0px -54px;
}
.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 {
  position: relative;
  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.itop {
  background-color: #D8E4EA;
  background-image: url(../images/store/itop-icon.png);
}
.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 .partner {
  position: absolute;
  right: -13px;
  top: -15px;
}
.store .showcase .shelf .intro {
  position: relative;
}
.store .showcase .shelf .intro .btn-zone dt {
  font-size: 26px;
  color: #000000;
}
.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 .intro.db-rebate .label-rebate {
  position: absolute;
  width: 205px;
  height: 71px;
  right: -209px;
  top: -24px;
  background-image: url(../images/db-store-rebate.png);
}
.store .showcase .shelf:hover {
  border: 1px #ff5f00 solid;
}
.store .showcase .horizontal .shelf {
  width: 1100px;
  height: 210px;
  margin: 30px 0;
}
.store .showcase .horizontal .shelf .boxshot {
  position: relative;
  float: left;
  height: 208px;
}
.store .showcase .horizontal .shelf .boxshot img {
  margin-top: 30px;
}
.store .showcase .horizontal .shelf .boxshot .discount {
  position: absolute;
  top: 93px;
  right: 32px;
  width: auto;
}
.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 {
  position: relative;
  display: inline-block;
  height: 200px;
}
.store .showcase .vertical .shelf .boxshot img {
  width: 156px;
  margin-top: 30px;
}
.store .showcase .vertical .shelf .boxshot .discount {
  position: absolute;
  top: 93px;
  right: 32px;
  width: auto;
}
.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: 0px auto;
  margin-top: 30px;
  background: #ffffff 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: 0px 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;
  display: none;
  text-shadow: 0px 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: 0px 35px;
  min-width: 122px;
  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 .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.halloween-store {
  background-color: #f5e9fc !important;
}
.store.halloween-store .banner {
  background: url(../images/halloween/halloween-store-bg.jpg) no-repeat center top;
}
.store.halloween-store .banner h1 {
  width: 100%;
  height: 128px;
  margin-top: 14px;
  text-indent: -9999px;
  background: url(../images/halloween/store-title.png) no-repeat center top;
}
.store.halloween-store .banner .h1sub {
  margin-top: -10px;
  text-shadow: 2px 0px 3.84px rgba(102, 43, 118, 0.8);
}
.store.halloween-store .banner .btn-zone dl dt {
  text-shadow: none;
}
.store.halloween-store .banner .btn-zone dl dt del {
  color: #6f407d;
}
.store.halloween-store .banner .showcase {
  background: url(../images/halloween/content-bg.png) no-repeat center top;
}
.store.halloween-store .banner .showcase dl dd .tags {
  background: url(../images/halloween/tag.png);
}
.store.halloween-store .banner .showcase dl dd .tags.tag-gift {
  background-position: 0px -24px;
}
.store.halloween-store .horizontal .boxshot::after,
.store.halloween-store .vertical .boxshot::after {
  position: absolute;
  content: "";
  width: 103px;
  height: 46px;
  left: 76px;
  bottom: 5px;
  background: url(../images/halloween/sugar.png);
}
.store.halloween-store .vertical .boxshot::after {
  bottom: 0px;
}
.store.halloween-store .showcase {
  background: #f5e9fc url(../images/halloween/halloween-store-main-bg.jpg) no-repeat center top;
}
.store.halloween-store .guarantee {
  width: 1100px;
  min-width: 1100px;
  margin: 0px auto;
  margin-bottom: 80px;
}
.store.blackfriday-store .banner {
  background: url(../images/black/black-store-bg.jpg) no-repeat center top;
}
.store.blackfriday-store .banner h1 {
  width: 100%;
  height: 108px;
  margin-top: 14px;
  text-indent: -9999px;
  background: url(../images/black/store-title.png) no-repeat center top;
}
.store.blackfriday-store .banner .h1sub {
  margin-top: -10px;
  color: #acacac;
  text-shadow: 0px 0px 3.84px rgba(102, 43, 118, 0.4);
}
.store.blackfriday-store .banner .btn-zone dl dt {
  text-shadow: none;
}
.store.blackfriday-store .banner .btn-zone .btn-orange {
  background-image: -moz-linear-gradient(-27deg, #ca0506 0%, #ff3232 100%);
  background-image: -webkit-linear-gradient(-27deg, #ca0506 0%, #ff3232 100%);
  background-image: -ms-linear-gradient(-27deg, #ca0506 0%, #ff3232 100%);
  box-shadow: 0px 11px 17.85px 3.15px rgba(27, 32, 35, 0.74);
}
.store.blackfriday-store .banner .btn-zone .btn-orange:hover {
  background: #ff3232;
}
.store.blackfriday-store .banner .showcase {
  background: url(../images/black/content-bg.png) no-repeat center top;
}
.store.blackfriday-store .banner .showcase dl dd .tags {
  background: url(../images/black/tag.png);
}
.store.blackfriday-store .banner .showcase dl dd .tags.tag-gift {
  background-position: 0px -24px;
}
.store.blackfriday-store .horizontal .boxshot .discount,
.store.blackfriday-store .vertical .boxshot .discount {
  position: absolute;
  top: 81px !important;
  right: 62px !important;
}
.store.valentine-store {
  background: #ffffff !important;
}
.store.valentine-store .banner {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  height: 774px;
  background: url(../images/valentine/store-bg.jpg) no-repeat center;
}
.store.valentine-store .banner .title {
  float: left;
  margin-top: 71px;
}
.store.valentine-store .banner .img-box {
  float: right;
  margin-top: 27px;
  margin-right: -58px;
}
.store.valentine-store .banner .message {
  clear: both;
}
.store.valentine-store .banner .message .left-message {
  float: left;
  margin-left: 27px;
  margin-top: -10px;
  text-align: left;
}
.store.valentine-store .banner .message .left-message dl {
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: solid #E3E3E3 1px;
}
.store.valentine-store .banner .message .left-message dl dt {
  margin-bottom: 13px;
  font: bold 18px/22px Montserrat;
  padding-bottom: 20px;
  border-bottom: solid #E3E3E3 1px;
}
.store.valentine-store .banner .message .left-message dl dd {
  position: relative;
  font-size: 14px;
  line-height: 28px;
  padding-left: 15px;
}
.store.valentine-store .banner .message .left-message dl dd::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #0E0E0C;
  left: 0px;
  top: 11px;
}
.store.valentine-store .banner .message .left-message dl dd span {
  float: left;
  display: inline-block;
  width: 515px;
  font-size: 14px;
}
.store.valentine-store .banner .message .left-message dl dd del {
  display: inline-block;
  width: 55px;
  text-align: left;
  color: #9C9B9C;
}
.store.valentine-store .banner .message .left-message dl dd strong {
  display: inline-block;
  margin-left: 10px;
  width: 45px;
  color: #1B1B1C;
  text-align: center;
}
.store.valentine-store .banner .message .left-message p {
  color: #9C9B9C;
  font-size: 12px;
}
.store.valentine-store .banner .message .right-price {
  float: left;
  width: 330px;
  text-align: left;
  margin-left: 70px;
  margin-top: -10px;
}
.store.valentine-store .banner .message .right-price h3 {
  font: bold 18px/22px Montserrat;
}
.store.valentine-store .banner .message .right-price dl {
  margin-top: 10px;
}
.store.valentine-store .banner .message .right-price dl strong {
  display: inline-block;
  width: 225px;
}
.store.valentine-store .banner .message .right-price dl span {
  display: inline-block;
  width: 100px;
  text-align: right;
}
.store.valentine-store .banner .message .right-price dl dd {
  margin-bottom: 2px;
  font-weight: bold;
  color: #FF7700;
}
.store.valentine-store .banner .message .right-price dl dd.fist {
  font-weight: normal;
  color: #1B1B1C;
}
.store.valentine-store .banner .message .right-price dl dt {
  margin-top: 10px;
  padding-top: 10px;
  border-top: solid #E3E3E3 1px;
}
.store.valentine-store .banner .message .right-price dl dt strong {
  font-weight: bold;
  font-size: 18px;
  color: #1B1B1C;
}
.store.valentine-store .banner .message .right-price dl dt span {
  font: bold 24px/29px Montserrat;
  color: #FF4900;
}
.store.valentine-store .banner .message .right-price .buybtn {
  display: block;
  width: 240px;
  height: 51px;
  margin: 0px auto;
  margin-top: 15px;
  border-radius: 28px;
  font-size: 18px;
  line-height: 51px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  letter-spacing: 2px;
  background-image: -moz-linear-gradient(90deg, #ff8000 0%, #ff4600 100%);
  background-image: -webkit-linear-gradient(90deg, #ff8000 0%, #ff4600 100%);
  background-image: -ms-linear-gradient(90deg, #ff8000 0%, #ff4600 100%);
  box-shadow: inset 0px -4px 6px #ff5e00, 0px 5px 12px #f2cdac;
}
.store.valentine-store .banner .message .right-price .buybtn:hover {
  text-decoration: none;
  background-image: -moz-linear-gradient(90deg, #ff4600 0%, #ff8000 100%);
  background-image: -webkit-linear-gradient(90deg, #ff4600 0%, #ff8000 100%);
  background-image: -ms-linear-gradient(90deg, #ff4600 0%, #ff8000 100%);
}
.store.valentine-store .showcase .horizontal .shelf .boxshot .discount {
  top: 57px;
  right: 51px;
}
.store.valentine-store .showcase .vertical .shelf .boxshot .discount {
  top: 56px;
  right: 40px;
}
html[lang="en"] .store {
  background: #eef0f5;
}
html[lang="en"] .store .banner .showcase dl:first-child dd .tags.tag-pc span {
  line-height: 1.5;
}
.store-birthday .banner {
  background: url(../images/store-birthday/banner.jpg) no-repeat center;
}
.store-birthday .banner h1 {
  width: 100%;
  height: 104px;
  margin-top: 95px;
  background: url(../images/store-birthday/title.png) no-repeat center;
  text-indent: -9999px;
}
.store-birthday .banner .h1sub {
  margin-top: -5px;
  text-shadow: none;
  color: #2f2f3e;
}
.store-birthday .banner .btn-zone {
  margin-top: 240px;
}
.store-birthday .banner .btn-zone dl dt {
  text-shadow: none;
  color: #070707;
}
.store-birthday .banner .btn-zone dl dt del {
  position: relative;
  color: #b0b0b0;
}
.store-birthday .banner .btn-zone dl dt del:after {
  position: absolute;
  content: "";
  width: 75px;
  height: 25px;
  left: 0px;
  top: -18px;
  background: url(../images/store-birthday/off.png);
}
.store-birthday .banner .btn-zone dl .btn-orange {
  min-width: 282px;
  background: #ff911c;
  padding: 7px 22px;
}
.store-birthday .banner .btn-zone dl .btn-orange:hover {
  background: #ff771c;
}
.store-birthday .showcase .horizontal .shelf .boxshot:after,
.store-birthday .showcase .vertical .shelf .boxshot:after {
  position: absolute;
  content: "";
  width: 40px;
  height: 41px;
  right: 90px;
  top: 17px;
  background: url(../images/store-birthday/cap.png);
}
.store-birthday .showcase .horizontal .shelf .boxshot .discount,
.store-birthday .showcase .vertical .shelf .boxshot .discount {
  position: absolute;
  top: 122px;
  left: 88px;
}
.store-birthday .showcase .vertical .shelf .boxshot .discount {
  top: 116px;
}
.showcase-title {
  position: relative;
  height: 73px;
  margin-top: 50px;
  margin-bottom: 70px;
  background: url(../images/store-birthday/showcase-title.png) no-repeat center;
}
.showcase-title .hand {
  position: absolute;
  width: 79px;
  height: 65px;
  left: 118px;
  top: 2px;
}
.showcase-title .hand .hand-box {
  position: absolute;
  width: 55px;
  height: 65px;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: url(../images/store-birthday/hand.png);
}
.showcase-title .hand .left-hand {
  position: absolute;
  width: 50px;
  height: 45px;
  left: 23px;
  top: 10px;
  z-index: 1;
  background: url(../images/store-birthday/hand-left.png);
  animation: lefthand 2s ease-out infinite;
}
.showcase-title .hand .right-hand {
  position: absolute;
  width: 26px;
  height: 47px;
  right: 1px;
  top: 7px;
  z-index: 3;
  background: url(../images/store-birthday/hand-right.png);
  transform-origin: bottom left;
  animation: righthand 2s ease-out infinite;
}
.showcase-title .flag {
  position: absolute;
  width: 95px;
  height: 90px;
  right: 96px;
  top: -10px;
  background: url(../images/store-birthday/people.png) no-repeat right;
}
.showcase-title .flag .flag-box {
  position: absolute;
  width: 43px;
  height: 40px;
  left: 0;
  top: -8px;
  transform-origin: 38px 34px;
  animation: flag 4s ease-out infinite;
  background: url(../images/store-birthday/flag.png);
}
.showcase-title .candle {
  position: absolute;
  width: 109px;
  height: 32px;
  left: 527px;
  top: -23px;
  animation: candle 4s ease-out infinite;
  background: url(../images/store-birthday/candle.png);
}
.productslist .listcontainer .showcase-title {
  margin-top: 0px;
}
.productslist .listcontainer .cate-list .list-box .img-holder.boxshot {
  position: relative;
}
.store-summer {
  background: #ffe2b0 url(../images/store-birthday/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 .showcase {
  background: none;
  top: 210px;
}
.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;
  padding-bottom: 170px;
  margin: 0px auto;
  background: #fff;
  border-radius: 25px;
  box-shadow: 0px 33px 35.72px 2.28px rgba(226, 195, 140, 0.75);
}
.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-birthday/shaped.png);
}
.store-summer .guarantee {
  margin-top: -150px;
  background: transparent;
  border: none;
}
.store-summer .guarantee .container {
  border: 1px #dbdfe7 solid;
}
@keyframes lefthand {
  0% {
    left: 23px;
  }
  20% {
    left: 25px;
  }
  30% {
    left: 23px;
  }
  50% {
    left: 25px;
  }
  60% {
    left: 23px;
  }
  80% {
    left: 25px;
  }
  90% {
    left: 23px;
  }
}
@keyframes righthand {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(-4deg);
  }
  30% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-4deg);
  }
  60% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(-4deg);
  }
  90% {
    transform: rotate(0deg);
  }
}
@keyframes flag {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(-16deg);
  }
  30% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-16deg);
  }
  60% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(-16deg);
  }
  90% {
    transform: rotate(0deg);
  }
}
@keyframes candle {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  git 50% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
}
.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 .banner.easter-banner {
  background: url(../images/easter/product-bg-easter.jpg) no-repeat center bottom;
}
.productslist .banner.easter-banner .inner,
.productslist .banner.easter-banner .catrgory {
  display: none;
}
.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 .img-holder.boxshot .discount {
  position: absolute;
  width: auto;
  left: -13px;
  bottom: -14px;
}
.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;
}
.productslist.productslist-halloween {
  background: #f2e4fb;
}
.productslist.productslist-halloween .banner {
  height: 670px;
  background: none;
}
.productslist.productslist-halloween .banner .img-bg {
  position: absolute;
  width: 100%;
  height: 827px;
  left: 0px;
  overflow: hidden;
}
.productslist.productslist-halloween .banner .img-bg img {
  position: absolute;
}
.productslist.productslist-halloween .banner .btn-box {
  display: block;
  width: 282px;
  height: 72px;
  margin: 0px auto;
  margin-top: 360px;
  text-indent: -9999px;
  background: url(../images/halloween/halloween-btn.png);
}
.productslist.productslist-halloween .banner .btn-box:hover {
  background-position: 0px -76px;
}
.productslist.blackfriday-list .banner {
  height: 600px;
}
.productslist.blackfriday-list .banner .img-bg {
  position: absolute;
  width: 100%;
  height: 600px;
  left: 0px;
  overflow: hidden;
}
.productslist.blackfriday-list .banner .img-bg img {
  top: -90px;
  position: absolute;
}
.productslist.blackfriday-list .banner .container {
  padding-top: 415px;
}
.productslist.blackfriday-list .banner .buybtn {
  display: block;
  width: 270px;
  height: 55px;
  margin: 0px auto;
  text-align: center;
  line-height: 55px;
  border-radius: 35px;
  color: #212127;
  font-size: 20px;
  font-weight: bold;
  box-shadow: 0px 10px 40px #00000080;
  border: 1px solid #FFD139;
  text-shadow: 1px 0px 0px #FFDE84;
  background-image: -moz-linear-gradient(274deg, #ffb300 0%, #ffc400 100%);
  background-image: -webkit-linear-gradient(274deg, #ffb300 0%, #ffc400 100%);
  background-image: -ms-linear-gradient(274deg, #ffb300 0%, #ffc400 100%);
}
.productslist.blackfriday-list .banner .buybtn:hover {
  text-decoration: none;
  background: #FFC400;
}
.productslist.blackfriday-list .listcontainer .container {
  position: relative;
}
.productslist.blackfriday-list .listcontainer .container::after {
  position: absolute;
  content: "";
  width: 446px;
  height: 449px;
  right: -53px;
  top: -281px;
  background: url(../images/black/balloon-2.png);
}
.productslist.blackfriday-list .listcontainer .container .img-holder.boxshot .discount {
  left: 6px !important;
  bottom: -6px !important;
}
.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: #686874;
  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: #888892;
  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 {
  position: relative;
  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 .banner .inner .downloadinfo .joinversion {
  position: absolute;
  top: 15px;
  right: 275px;
}
.products .banner .inner .rate {
  display: block;
  margin-top: 40px;
}
.products .banner .inner .rate .score,
.products .banner .inner .rate .stars {
  display: inline-block;
  line-height: 0;
  margin-right: 10px;
}
.products .banner .inner .rate .stars {
  cursor: pointer;
  height: 14px;
}
.products .banner .inner .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;
}
.products .banner .inner .rate .stars li.light-up {
  background-position: 0 -13px;
}
.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: #373745;
  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: #444455;
  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: blue;
}
.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;
}
.imfjoin {
  position: absolute;
  color: #fff;
  top: 239px;
  right: 280px;
  text-decoration: none;
}
.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;
  background-size: cover !important;
}
.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: 0px;
  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 > h6 {
  display: none;
}
.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: 0px;
}
.products.ascfreew .benfits .info.right {
  right: 0px;
}
.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: "Titillium Web", 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 strong {
  display: block;
  margin-bottom: 5px;
  color: #000;
}
.products.ascfreew .benfits .info strong i {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  background: url(../images/products/ascfreew/tips.svg);
}
.products.ascfreew .benfits .info p {
  color: #726f88;
  font-size: 14px;
  line-height: 28px;
}
.products.ascfreew .benfits .info p.p-italic {
  font-style: italic;
  line-height: 20px;
}
.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 145px 74px 0;
  width: 310px;
  text-align: left;
  vertical-align: top;
}
.products.ascfreew .feature .lists dl.last {
  margin-right: 0px;
}
.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: "Roboto", sans-serif;
}
.products.ascfreew .feature .lists dl p {
  padding-bottom: 20px;
  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: "Titillium Web", 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: 0px;
  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: 0px;
  left: 0px;
  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: 60px;
  height: auto;
}
.products.ascfreew .review .content {
  height: auto;
}
.products.ascfreew .review .content .reviews {
  height: auto;
}
.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: 0px;
  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 {
  height: auto;
}
.products.ascfreew .btmarea {
  margin-top: 120px;
  height: 600px;
  background: #3f137c url(../images/banner/product-banner-darkblue-bottom.jpg) center top no-repeat;
}
.products.ascfreew .btmarea h6 {
  padding: 158px 0 0px;
  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: "Roboto", 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;
  min-width: 198px;
  background: #00ff80;
}
.products.ascfreew .floatlayer .downloadinfo .button.btn-freew.buynow {
  margin-right: 0px;
  padding: 0px 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;
}
/* btn */
.button.btn-freew {
  padding: 10px 28px;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  font-family: "Roboto", Arial, sans-serif;
  border-radius: 10px;
  background: #00ff4c;
  box-shadow: none !important;
}
.button.btn-freew .downloadfreew-icon,
.button.btn-freew .downloadfreew-span {
  display: inline-block;
}
.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(0px);
  transition: opacity 0.4s, transform 0.4s;
  animation: nudgeMouseDown 3s ease-out infinite;
}
.button.btn-freew .downloadfreew-span {
  box-shadow: none !important;
  transform: translateX(0px);
  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 nudgeMouseDown {
  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);
  }
}
.freedbfreew .container {
  width: 1222px;
  min-width: 1222px;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.freedbfreew .banner {
  height: 845px;
}
.freedbfreew .banner.dbfree {
  background: #333236;
}
.freedbfreew .banner.dbfree h1 {
  font-weight: 600;
}
.freedbfreew .banner.dbfree .button {
  box-shadow: none;
  font-size: 20px;
}
.freedbfreew .banner.dbfree .freetrial {
  margin-left: 20px;
}
.freedbfreew .banner.dbfree .inner {
  height: 380px;
}
.freedbfreew .banner.dbfree .rate {
  margin-top: 150px;
}
.freedbfreew .banner .banner-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.freedbfreew .banner .banner-image > img {
  width: 100%;
  display: block;
  position: absolute;
  max-width: none;
  height: 100%;
  object-fit: cover;
}
.freedbfreew .benfits {
  height: 765px !important;
  overflow: hidden;
  background: #fff;
}
.freedbfreew .benfits .benfitsimg {
  width: 50%;
  text-align: left;
}
.freedbfreew .benfits .benfitsimg > h6 {
  display: none;
}
.freedbfreew .benfits .benfitsimg > img {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  transform: translate(-200px, 0);
  transition: transform .8s, opacity .8s ease;
}
.freedbfreew .benfits .benfitsimg > img.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0%, 0);
}
.freedbfreew .benfits .info {
  position: absolute;
  top: 50%;
  width: 484px !important;
  opacity: 0;
  visibility: hidden;
  transform: translate(200px, 0);
  transition: transform .8s, opacity .8s ease;
}
.freedbfreew .benfits .info.left {
  left: 0px;
}
.freedbfreew .benfits .info.right {
  right: 0px;
}
.freedbfreew .benfits .info.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0%, 0);
}
.freedbfreew .benfits .info h2 {
  margin-bottom: 24px;
  color: #000;
  font-size: 46px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0;
}
.freedbfreew .benfits .info p {
  color: #4C4B57;
  font-size: 16px;
  line-height: 32px;
}
.freedbfreew .benfits.mode0 .benfitsimg > img {
  margin-left: -95px;
  margin-top: 114px;
  transform: translate(-200px, 0);
}
.freedbfreew .benfits.mode0 .benfitsimg > img.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.freedbfreew .benfits.mode0 .info {
  width: 484px;
  transform: translate(200px, 0);
}
.freedbfreew .benfits.mode0 .info.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.freedbfreew .benfits.mode1 {
  background: rgba(255, 158, 158, 0.07);
}
.freedbfreew .benfits.mode1 .info {
  width: 550px !important;
  transform: translate(-200px, 0);
}
.freedbfreew .benfits.mode1 .info p {
  width: 500px;
}
.freedbfreew .benfits.mode1 .info.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.freedbfreew .benfits.mode1 .benfitsimg > img {
  margin-left: -88px;
  transform: translate(200px, 0);
}
.freedbfreew .benfits.mode1 .benfitsimg > img.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.freedbfreew .benfits.mode2 {
  background: #fff;
}
.freedbfreew .benfits.mode2 .info {
  width: 484px;
  transform: translate(200px, 0);
}
.freedbfreew .benfits.mode2 .info.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.freedbfreew .benfits.mode2 .benfitsimg > img {
  margin-left: -245px;
  transform: translate(-200px, 0);
}
.freedbfreew .benfits.mode2 .benfitsimg > img.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.freedbfreew .benfits.mode3 {
  background: rgba(255, 158, 158, 0.07);
}
.freedbfreew .benfits.mode3 .info {
  width: 484px;
  transform: translate(-200px, 0);
}
.freedbfreew .benfits.mode3 .info.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.freedbfreew .benfits.mode3 .benfitsimg > img {
  margin-left: -140px;
  transform: translate(200px, 0);
}
.freedbfreew .benfits.mode3 .benfitsimg > img.on {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.freedbfreew .benfits.benfits-new .benfitsimg > img {
  margin-left: 0px;
  margin-top: 179px;
  transform: translate(200px, 0);
}
.freedbfreew .feature {
  margin: 165px 0px;
}
.freedbfreew .feature h2 {
  font-size: 46px;
  line-height: 60px;
  text-align: center;
}
.freedbfreew .feature ul {
  margin-top: 90px;
  text-align: center;
}
.freedbfreew .feature ul li {
  display: inline-block;
  margin-right: 100px;
  font-size: 20px;
  color: #676767;
  cursor: pointer;
}
.freedbfreew .feature ul li:last-child {
  margin-right: 0px;
}
.freedbfreew .feature ul li span {
  display: block;
  width: 72px;
  height: 72px;
  margin: 0px auto;
  background: url(../images/db-free/icons.png);
}
.freedbfreew .feature ul li.list02 span {
  background-position: -86px 0;
}
.freedbfreew .feature ul li.list03 {
  margin-right: 90px;
}
.freedbfreew .feature ul li.list03 span {
  background-position: -172px 0;
}
.freedbfreew .feature ul li.list04 span {
  background-position: -258px 0;
}
.freedbfreew .feature ul li:hover,
.freedbfreew .feature ul li.on {
  color: #E50707;
}
.freedbfreew .feature ul li:hover span,
.freedbfreew .feature ul li.on span {
  background-position: 0px -88px;
}
.freedbfreew .feature ul li:hover.list02 span,
.freedbfreew .feature ul li.on.list02 span {
  background-position: -86px -88px;
}
.freedbfreew .feature ul li:hover.list03 span,
.freedbfreew .feature ul li.on.list03 span {
  background-position: -172px -88px;
}
.freedbfreew .feature ul li:hover.list04 span,
.freedbfreew .feature ul li.on.list04 span {
  background-position: -258px -88px;
}
.freedbfreew .feature .img-box {
  position: relative;
  margin-top: 90px;
  height: 340px;
}
.freedbfreew .feature .img-box img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: transform .5s,opacity .5s ease;
}
.freedbfreew .feature .img-box .message {
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0;
  color: #fff;
  box-sizing: border-box;
  transition: transform .5s,opacity .5s ease;
}
.freedbfreew .feature .img-box .message span {
  position: relative;
  z-index: 5;
}
.freedbfreew .feature .img-box .box01 img {
  left: -90px;
}
.freedbfreew .feature .img-box .box01 .message {
  position: absolute;
  width: 287px;
  height: 152px;
  top: 184px;
  left: 756px;
  padding: 35px 75px;
  border-radius: 110px 0px 60px 0px;
}
.freedbfreew .feature .img-box .box01 .message::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 15px;
  top: 0;
  background-color: #ec2323;
  border-radius: 110px 0px 60px 0px;
}
.freedbfreew .feature .img-box .box02 img {
  left: 90px;
}
.freedbfreew .feature .img-box .box02 .message {
  position: absolute;
  width: 309px;
  height: 162px;
  top: 172px;
  left: 177px;
  padding: 45px 75px;
  padding-right: 55px;
  border-radius: 110px 0px 60px 0px;
}
.freedbfreew .feature .img-box .box02 .message::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: -14px;
  top: 10px;
  background-color: #ec2323;
  border-radius: 110px 0px 60px 0px;
}
.freedbfreew .feature .img-box .box03 img {
  left: -90px;
}
.freedbfreew .feature .img-box .box03 .message {
  position: absolute;
  width: 287px;
  height: 152px;
  top: 188px;
  left: 756px;
  padding: 35px 35px;
  padding-left: 95px;
  border-radius: 110px 0px 60px 0px;
}
.freedbfreew .feature .img-box .box03 .message::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 15px;
  top: 0;
  background-color: #ec2323;
  border-radius: 110px 0px 60px 0px;
}
.freedbfreew .feature .img-box .box04 img {
  top: 90px;
  left: 100px;
}
.freedbfreew .feature .img-box .box04 .message {
  position: absolute;
  width: 253px;
  height: 134px;
  top: -28px;
  left: 277px;
  padding: 25px 25px;
  padding-left: 85px;
  border-radius: 110px 0px 60px 0px;
}
.freedbfreew .feature .img-box .box04 .message::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: -5px;
  top: -5px;
  background-color: #ec2323;
  border-radius: 110px 0px 60px 0px;
}
.freedbfreew .feature .img-box .box01 img,
.freedbfreew .feature .img-box .box03 img {
  transform: translate(-200px, 0);
}
.freedbfreew .feature .img-box .box01 .message,
.freedbfreew .feature .img-box .box03 .message {
  transform: translate(200px, 0);
}
.freedbfreew .feature .img-box .box02 img,
.freedbfreew .feature .img-box .box04 img {
  transform: translate(200px, 0);
}
.freedbfreew .feature .img-box .box02 .message,
.freedbfreew .feature .img-box .box04 .message {
  transform: translate(-200px, 0);
}
.freedbfreew .feature .img-box .box.on img,
.freedbfreew .feature .img-box .box.on .message {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.freedbfreew .feature .button {
  position: relative;
  display: block;
  margin: 0px auto;
  margin-top: 120px;
  padding: 0px;
  width: 344px;
  height: 62px;
  line-height: 62px;
  box-shadow: none;
  border-radius: 45px;
  font-size: 20px;
  z-index: 5;
}
.freedbfreew .feature .button span {
  font-size: 22px;
}
.freedbfreew .whychoose {
  padding: 100px 0px;
  background-color: #FFF8F8;
}
.freedbfreew .whychoose h2 {
  margin-bottom: 78px;
  text-align: center;
  font-size: 46px;
}
.freedbfreew .whychoose dl {
  width: 1000px;
  height: 67px;
  margin: 0px auto;
  margin-bottom: 30px;
  padding: 0px 30px;
  background-color: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.freedbfreew .whychoose dl dt {
  padding: 20px 0px;
  font-size: 20px;
  line-height: 28px;
  color: #000;
}
.freedbfreew .whychoose dl dt i {
  float: right;
  width: 28px;
  height: 28px;
  border: 1px solid #FF9A9A;
  border-radius: 50%;
  background: url(../images/db-free/arrow.svg) no-repeat center;
}
.freedbfreew .whychoose dl dd {
  font-size: 16px;
  line-height: 24px;
}
.freedbfreew .whychoose dl.on {
  padding-bottom: 20px;
  height: auto;
}
.freedbfreew .whychoose dl.on dt i {
  border: solid #FF0000 1px;
  background: #ff0000 url(../images/db-free/white-arrow.svg) no-repeat center;
}
.freedbfreew .whychoose .button {
  display: block;
  margin: 0px auto;
  margin-top: 60px;
  padding: 0px;
  width: 344px;
  height: 62px;
  line-height: 62px;
  box-shadow: none;
  border-radius: 45px;
  font-size: 22px;
}
.freedbfreew .review .content .reviews dt h2 {
  opacity: 0;
  margin-bottom: 40px;
}
.freedbfreew .review .content .reviews dt dd {
  color: #000;
}
.freedbfreew .review .content .reviews.dg-center dt h2 {
  opacity: 1;
}
.freedbfreew .btmarea .button {
  box-shadow: none !important;
}
.freedbfreew .btmarea .button.btn-ghost {
  background-color: transparent;
  border: solid rgba(255, 255, 255, 0.8) 1px;
}
.freedbfreew .btmarea .button.btn-ghost:hover {
  background-color: #7a6ba7;
  border: solid #7a6ba7 1px;
  box-shadow: none;
}
.freedbfreew .floatlayer h4 {
  font-size: 18px;
}
.freedbfreew .floatlayer .button {
  padding: 0px 5px;
  border-radius: 35px;
}
.freedbfreew .floatlayer .button.btn-freew {
  width: 212px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
}
.freedbfreew .floatlayer .button.buynow {
  width: 210px;
  height: 34px;
  color: #000;
  line-height: 34px;
  font-size: 16px;
}
.freedbfreew .floatlayer .button.buynow:hover {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .freedbfreew .banner {
    height: 680px;
  }
  .freedbfreew .banner.dbfree .inner {
    height: auto;
    top: 120px;
  }
  .freedbfreew .banner.dbfree .freetrial {
    margin-left: 0px;
    margin-top: 35px;
  }
  .freedbfreew .banner.dbfree .rate {
    margin-top: 100px;
  }
  .freedbfreew .benfits {
    height: auto !important;
    padding-top: 0px !important;
  }
  .freedbfreew .benfits .benfitsimg {
    width: 100%;
  }
  .freedbfreew .benfits .info {
    position: relative;
    top: inherit;
    margin-top: -50px;
  }
  .freedbfreew .benfits .info h2 {
    font-size: 34px;
  }
  .freedbfreew .benfits.mode-b,
  .freedbfreew .benfits.mode-d {
    background-color: rgba(255, 158, 158, 0.07) !important;
  }
  .freedbfreew .benfits.mode-b .container,
  .freedbfreew .benfits.mode-d .container {
    display: flex;
    flex-wrap: wrap-reverse;
  }
  .freedbfreew .benfits .info h2,
  .freedbfreew .benfits .info p {
    padding: 0 25px;
  }
  .freedbfreew .benfits .benfitsimg img,
  .freedbfreew .benfits .info {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(0, 0) !important;
  }
  .freedbfreew .feature {
    margin: 70px 0;
  }
  .freedbfreew .feature h2 {
    font-size: 34px;
    line-height: 46px;
  }
  .freedbfreew .feature .feature-box {
    width: 100%;
    overflow-x: auto;
  }
  .freedbfreew .feature .roll-box {
    margin-top: 20px;
    text-align: center;
    line-height: 20px;
  }
  .freedbfreew .feature .roll-box span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 35px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #FBD3D3;
  }
  .freedbfreew .feature .roll-box span:last-child {
    margin-right: 0px;
  }
  .freedbfreew .feature .roll-box span.on {
    width: 14px;
    height: 14px;
    background: #DC1919;
  }
  .freedbfreew .feature ul {
    width: 800px;
    margin-top: 40px;
  }
  .freedbfreew .feature ul li {
    margin-right: 40px !important;
    font-size: 16px;
  }
  .freedbfreew .feature .img-box {
    margin-top: 0px;
  }
  .freedbfreew .feature .img-box img {
    left: 0!important;
    transform: translate(0, 0) !important;
  }
  .freedbfreew .feature .img-box .message {
    width: 250px !important;
    height: 122px !important;
    padding: 20px 50px !important;
    left: 0!important;
    right: 0!important;
    margin: auto;
    transform: translate(0, 0) !important;
    border-radius: 55px 0 30px 0 !important;
  }
  .freedbfreew .feature .img-box .message::after {
    border-radius: 55px 0 30px 0 !important;
  }
  .freedbfreew .feature .img-box .box04 .message {
    top: 264px !important;
  }
  .freedbfreew .whychoose {
    padding: 50px 0px;
  }
  .freedbfreew .whychoose h2 {
    font-size: 34px;
  }
  .freedbfreew .whychoose dl {
    width: 100%;
    padding: 0 20px;
  }
  .freedbfreew .whychoose dl dt {
    font-size: 16px;
  }
  .freedbfreew .whychoose dl dd {
    font-size: 14px;
  }
  .freedbfreew .review .dg-container .nav span {
    top: 176px;
  }
  .freedbfreew .btmarea.dbfree {
    background-image: url(../images/db-free/bottom-footer-mob.jpg);
  }
}
.can-run {
  color: #000;
  background: url(../images/can-run/banner.jpg) no-repeat center top;
}
.can-run .container {
  width: 1300px;
  min-width: 1300px;
}
.can-run .itop-pop .container {
  width: 1000px !important;
  min-width: 1000px !important;
}
.can-run dl.down-message {
  display: inline-block;
  text-align: center;
  margin-top: 75px;
}
.can-run dl.down-message dd {
  margin-top: 10px;
  line-height: 20px;
  font-size: 12px;
  color: #88a7b7;
}
.can-run h1,
.can-run h2,
.can-run h3,
.can-run h4,
.can-run h5,
.can-run h6,
.can-run .h1,
.can-run .h2,
.can-run .h3,
.can-run .h4,
.can-run .h5,
.can-run .h6 {
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: bold;
}
.can-run h2 {
  text-align: center;
  color: #333e5a;
  font-size: 38px;
}
.can-run .button.down-btn {
  width: 300px;
  height: 61px;
  line-height: 61px;
  border-radius: 6px;
  font-size: 22px;
  color: #fff;
  background-image: -moz-linear-gradient(0deg, #2dd875 0%, #1ac788 100%);
  background-image: -webkit-linear-gradient(0deg, #2dd875 0%, #1ac788 100%);
  background-image: -ms-linear-gradient(0deg, #2dd875 0%, #1ac788 100%);
  box-shadow: 0px 9px 10px 0px #afc9ee;
}
.can-run .button.down-btn:hover {
  background: #0ee59e;
}
.can-run .banner {
  height: 720px;
}
.can-run .banner .left-message {
  float: left;
  margin-left: 25px;
  width: 540px;
  margin-top: 190px;
}
.can-run .banner .left-message h1 {
  font-weight: bold;
  font-size: 54px;
  color: #292c42;
}
.can-run .banner .left-message p {
  margin-top: 15px;
  color: #4d4e65;
  line-height: 28px;
  font-size: 18px;
}
.can-run .banner .right-img {
  float: right;
  margin-top: 180px;
  margin-right: 39px;
}
.can-run .step-box .box-message {
  text-align: center;
  margin-top: 90px;
}
.can-run .step-box .box-message dl {
  width: 360px;
  display: inline-block;
  vertical-align: top;
  margin-right: 100px;
}
.can-run .step-box .box-message dl dt {
  margin-bottom: 80px;
  height: 223px;
  line-height: 223px;
}
.can-run .step-box .box-message dl dt img {
  display: inline-block;
  vertical-align: bottom;
}
.can-run .step-box .box-message dl dd {
  position: relative;
  text-align: left;
}
.can-run .step-box .box-message dl dd::after {
  position: absolute;
  content: "";
  right: -60px;
  top: 20px;
  width: 32px;
  height: 33px;
  background: url(../images/can-run/arrow.png);
}
.can-run .step-box .box-message dl dd strong {
  color: #264975;
  font-size: 18px;
}
.can-run .step-box .box-message dl dd p {
  width: 290px;
  margin-top: 10px;
  padding-left: 25px;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  color: #4a4a4a;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.can-run .step-box .box-message dl dd span {
  position: absolute;
  display: block;
  width: 17px;
  height: 18px;
  right: 15px;
  top: 47px;
  cursor: pointer;
  background: url(../images/can-run/drop.png);
}
.can-run .step-box .box-message dl dd.on p {
  height: auto;
  white-space: inherit;
  overflow: inherit;
}
.can-run .step-box .box-message dl dd.on span {
  transform: rotate(180deg);
}
.can-run .step-box .box-message dl:last-child {
  margin-right: 0px;
}
.can-run .step-box .box-message dl:last-child dd::after {
  display: none;
}
.can-run .step-box dl.down-message {
  display: block;
  margin: 0px auto;
  margin-top: 80px;
}
.can-run .about-message {
  margin-top: 130px;
}
.can-run .about-message h2 {
  margin-bottom: 80px;
}
.can-run .about-message h3 {
  font-size: 26px;
  line-height: 29px;
  color: #333e5a;
  text-align: center;
}
.can-run .about-message h3.last {
  margin-top: -60px;
}
.can-run .about-message h3 i {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 29px;
  margin-right: 15px;
  background: url(../images/can-run/win-icon.png);
}
.can-run .about-message .message01 {
  width: 1198px;
  height: 440px;
  padding-top: 38px;
  margin-left: 41px;
  margin-top: 50px;
  background: url(../images/can-run/message-bg01.png) no-repeat center;
}
.can-run .about-message .message01 p {
  padding: 0px;
  padding-left: 185px;
  margin-bottom: 6px;
  font-size: 16px;
  color: #333e5a;
}
.can-run .about-message .highlights-box {
  margin-top: 80px;
  text-align: center;
}
.can-run .about-message .highlights-box dl {
  display: inline-block;
  vertical-align: top;
  width: 285px;
  height: 315px;
  margin-right: 49px;
  border-radius: 20px;
  text-align: left;
  background-color: #fff;
  box-shadow: 0px 9px 10px 0px #eef4fd;
}
.can-run .about-message .highlights-box dl:last-child {
  margin-right: 0px;
}
.can-run .about-message .highlights-box dl dt,
.can-run .about-message .highlights-box dl dd {
  padding-left: 15px;
}
.can-run .about-message .highlights-box dl dt {
  margin-top: 35px;
  font-size: 18px;
  line-height: 24px;
  height: 48px;
  color: #264975;
}
.can-run .about-message .highlights-box dl dd {
  padding-right: 20px;
  margin-top: 15px;
  font-size: 14px;
  line-height: 22px;
}
.can-run .about-message .check-btn {
  position: relative;
  display: block;
  margin: 0px auto;
  margin-top: 80px;
  width: 384px;
  height: 61px;
  line-height: 61px;
  color: #1649cc;
  font-size: 18px;
  font-weight: bold;
  border-radius: 60px;
  border: solid #1649cc 1px;
}
.can-run .about-message .check-btn span {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  margin: auto;
  text-align: center;
  opacity: 1;
  transition: all 0.3s;
}
.can-run .about-message .check-btn i {
  position: absolute;
  display: block;
  width: 26px;
  height: 31px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transform: scale(0);
  background: url(../images/can-run/down-icon.png);
  transition: all 0.3s;
}
.can-run .about-message .check-btn:hover {
  background-color: #3064e9;
}
.can-run .about-message .check-btn:hover span {
  opacity: 0;
  transform: scale(0);
}
.can-run .about-message .check-btn:hover i {
  opacity: 1;
  transform: scale(1);
}
.can-run .can-feature {
  padding-top: 150px;
  background: url(../images/can-run/bg.png);
}
.can-run .can-feature .box-message {
  overflow: hidden;
  margin-top: 110px;
}
.can-run .can-feature .box-message dl {
  float: left;
  width: 50%;
  margin-bottom: 150px;
}
.can-run .can-feature .box-message dl dt {
  float: left;
  width: 128px;
  height: 110px;
  margin-top: 10px;
}
.can-run .can-feature .box-message dl dd strong {
  font-size: 18px;
  color: #264975;
}
.can-run .can-feature .box-message dl dd p {
  margin-top: 10px;
  font-size: 16px;
  color: #4a4a4a;
  line-height: 22px;
}
.can-run .can-feature .down-message {
  display: block;
  margin: 0px auto;
  margin-top: -50px;
}
.can-run .faq-message {
  padding-top: 150px;
  background: url(../images/can-run/bg.png);
}
.can-run .faq-message .faq-box {
  width: 1103px;
  margin: 0px auto;
  margin-top: 50px;
  border-radius: 5px;
  border: solid #dce2eb 1px;
  background-color: #fff;
}
.can-run .faq-message .faq-box dl {
  padding: 0px 20px;
  padding-top: 20px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
.can-run .faq-message .faq-box dl:first-of-type {
  padding-top: 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.can-run .faq-message .faq-box dl:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.can-run .faq-message .faq-box dl:last-child dt {
  padding-bottom: 20px;
}
.can-run .faq-message .faq-box dl dt {
  position: relative;
  color: #3d3d3d;
  font-size: 14px;
  line-height: 25px;
  cursor: pointer;
}
.can-run .faq-message .faq-box dl dt::after {
  position: absolute;
  content: "";
  width: 19px;
  height: 10px;
  right: 0;
  transition: all 0.5s;
  background: url(../images/can-run/faq-drop.png);
}
.can-run .faq-message .faq-box dl dd {
  margin-top: 15px;
  height: 0px;
  overflow: hidden;
}
.can-run .faq-message .faq-box dl.on {
  height: auto;
  padding-bottom: 20px;
  background-color: #f0f6ff;
}
.can-run .faq-message .faq-box dl.on dt {
  color: #18336a;
  font-size: 16px;
}
.can-run .faq-message .faq-box dl.on dt::after {
  transform: rotate(-180deg);
}
.can-run .faq-message .faq-box dl.on dd {
  height: auto;
  font-size: 14px;
  color: #606c83;
}
.can-run .between-down {
  padding-top: 150px;
  background: url(../images/can-run/bg.png);
}
.can-run .between-down .container {
  width: 1096px;
  min-width: 1096px;
  height: 277px;
  background: url(../images/can-run/bwtween-down-bg.png);
}
.can-run .between-down .container .left-message {
  float: left;
  margin-left: 60px;
  margin-top: 40px;
  text-align: left;
}
.can-run .between-down .container .left-message h2 {
  margin-bottom: 10px;
  font-size: 24px;
  color: #365593;
  text-align: left;
}
.can-run .between-down .container .left-message h3 {
  font-size: 18px;
  color: #2c303c;
}
.can-run .between-down .container .left-message .down-message {
  margin-top: 35px;
}
.can-run .between-down .container .left-message .down-message .button.down-btn {
  width: 280px;
}
.can-run .between-down .container img {
  float: right;
  margin-right: 76px;
  margin-top: 2px;
}
.can-run .need-message {
  padding: 150px 0px;
  overflow: hidden;
  background: url(../images/can-run/bg.png);
}
.can-run .need-message dl {
  float: left;
  width: 405px;
  height: 454px;
  margin-top: 100px;
  margin-right: 35px;
  text-align: center;
  border-radius: 25px;
  background-color: #fff;
  box-shadow: 7px 15px 34px -5px #eef4fd;
}
.can-run .need-message dl dt {
  height: 120px;
  line-height: 120px;
}
.can-run .need-message dl dt img {
  display: inline-block;
  vertical-align: middle;
}
.can-run .need-message dl dd {
  padding: 0px 25px;
}
.can-run .need-message dl dd strong {
  font-size: 20px;
  color: #264975;
}
.can-run .need-message dl dd p {
  margin-top: 20px;
  font-size: 14px;
  line-height: 24px;
  color: #586a7e;
}
.can-run .need-message dl dd p a {
  position: relative;
  color: #1e62e8;
  cursor: pointer;
  text-decoration: underline;
}
.can-run .need-message dl dd p a b {
  display: none;
  position: absolute;
  font-weight: normal;
  padding: 10px;
  width: 199px;
  left: -11px;
  top: 25px;
  color: #fff;
  font-size: 12px;
  border-radius: 5px;
  background-color: rgba(47, 73, 122, 0.51);
}
.can-run .need-message dl dd p a b::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: 45px;
  top: -20px;
  border-bottom: 10px solid rgba(47, 73, 122, 0.51);
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
}
.can-run .need-message dl dd p a:hover b {
  display: block;
}
.can-run .need-message dl:last-child {
  margin-right: 0px;
}
.can-run .bottom-down {
  height: 405px;
  text-align: center;
  background: url(../images/can-run/bottom-bg.jpg) no-repeat center;
}
.can-run .bottom-down h2 {
  padding-top: 100px;
  padding-bottom: 5px;
  font-size: 22px;
  color: #4df3de;
}
.can-run .bottom-down h3 {
  font-size: 28px;
  color: #fff;
}
.can-run .bottom-down .down-message {
  margin-top: 55px;
}
.can-run .bottom-down .down-message .down-btn {
  box-shadow: 0px 9px 10px 0px rgba(19, 59, 127, 0.4);
}
.can-run .bottom-down .down-message dd {
  margin-top: 15px;
  color: #a6c1ed;
}
.can-run .float-banner {
  position: fixed;
  width: 100%;
  left: 0;
  top: -134px;
  box-shadow: 0px 9px 10px 0px rgba(175, 201, 238, 0.19);
  height: 58px;
  line-height: 58px;
  background-color: #fff;
  font-size: 22px;
  color: #4d4e65;
  transition: all 0.5s;
}
.can-run .float-banner i {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 37px;
  margin-right: 15px;
  background: url(../images/can-run/fl-icon.png);
}
.can-run .float-banner .button.down-btn {
  float: right;
  width: 200px;
  height: 38px;
  margin-top: 7px;
  line-height: 38px;
  font-size: 16px;
}
.can-run .float-banner.on {
  position: fixed;
  top: 0;
}
.comparetab {
  border: 1px #aeb5ca solid;
}
.comparetab .itemfree,
.comparetab .itempro {
  text-align: center;
  width: 208px;
}
.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 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: #ffffff;
  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;
}
.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: 90px;
  margin-bottom: 30px;
}
.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 .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: #ffffff;
  line-height: 30px;
  font-style: normal;
  font-size: 20px;
  text-transform: uppercase;
}
.compare .pagebanner .comp-heading .heading-info h3 {
  display: block;
  line-height: 1.2;
  margin-bottom: 30px;
}
.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;
  background: url(../images/banner/updatepage-banner.jpg) center top no-repeat;
}
.compare .pagebanner .update-heading .heading-img {
  float: left;
  height: 330px;
  width: 440px;
  overflow: hidden;
}
.compare .pagebanner .update-heading .heading-info {
  float: left;
  width: 620px;
  height: inherit;
  text-align: center;
  margin-top: 36px;
}
.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-size: 46px;
  font-weight: normal;
}
.compare .pagebanner .update-heading .heading-info .discount .countdown {
  position: relative;
  display: inline-block;
  font-size: 16px;
}
.compare .pagebanner .update-heading .heading-info .discount .countdown small {
  font-size: 12px;
}
.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: #ffffff;
  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;
}
.compare .pagebanner .change-details ul li {
  color: #aaaab4;
}
.compare .pagebanner .price-zone {
  display: block;
  margin-top: 10px;
  margin-bottom: 30px;
}
.compare .pagebanner .price-zone .price {
  float: left;
  margin-right: 24px;
  font-size: 18px;
}
.compare .pagebanner .price-zone .price strong {
  font-size: 36px;
  color: #ff5f00;
  font-weight: normal;
}
.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: 54px;
  color: #ffffff;
}
.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: 18px;
  line-height: 1.2;
}
.compare .btmarea .price-zone dl dt strong {
  color: #ff6000;
  font-weight: normal;
  font-size: 36px;
}
.compare .btmarea .price-zone dl dd {
  color: #ffffff;
  font-size: 12px;
}
.compare .btmarea .price-zone .btn-orange {
  margin: 10px 0;
  box-shadow: 10px 15px 50px #2b2c33;
}
.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;
}
.layout-update {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 8;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.85);
}
.layout-update .layout-update-box {
  width: 324px;
  min-height: 302px;
  padding: 38px 28px 38px 28px;
  border-radius: 17px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  position: absolute;
  text-align: center;
}
.layout-update .layout-update-box .layout-update-close {
  font-size: 20px;
  color: #d0d0d0;
  position: absolute;
  right: 10px;
  top: 8px;
  cursor: pointer;
  line-height: 1;
  display: block;
}
.layout-update .layout-update-box .layout-update-close:hover {
  color: #888888;
}
.layout-update .layout-update-box h4 {
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  margin-top: 20px;
  line-height: 1.5;
  margin-bottom: 0;
}
.layout-update .layout-update-box p {
  font-size: 12px;
  color: #545454;
  margin-top: 5px;
  line-height: 1.5;
  margin-bottom: 0;
}
.layout-update .layout-update-box .layout-update-dlbtn {
  height: 44px;
  padding: 0 10px;
  min-width: 184px;
  font-size: 16px;
  color: #fff;
  background: #2B48FA;
  display: inline-block;
  margin: 20px auto 0;
  line-height: 44px;
  text-decoration: none;
  border-radius: 22px;
}
.layout-update .layout-update-box .layout-update-dlbtn:hover {
  background: #4862FF;
}
.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: #ffffff;
  margin-bottom: 16px;
}
.recommend .bottom-part .reviews dl dd strong {
  display: block;
  color: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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(0px, 15px);
  }
  50% {
    transform: translate(0px, 0px);
  }
}
.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: 0px;
  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;
}
.recommend .canyourunit {
  position: fixed;
  z-index: 1000;
  width: 175px;
  height: 99px;
  transition: all 0.5s ease-in-out;
}
.recommend .canyourunit.dancing {
  animation: dancing 2s ease-in-out infinite;
}
@keyframes dancing {
  0%,
  100% {
    transform: translate(0px, 15px);
  }
  50% {
    transform: translate(0px, 0px);
  }
}
.recommend .canyourunit.google {
  bottom: -139px;
  background: url(../images/recommend/canyourunit-click.png);
}
.recommend .canyourunit.google.on {
  bottom: 30px;
}
.recommend .canyourunit.egde {
  left: 0;
  right: 0;
  margin: auto;
  bottom: -139px;
  background: url(../images/recommend/canyourunit-click.png);
}
.recommend .canyourunit.egde.on {
  bottom: 110px;
}
.recommend .canyourunit.firefox {
  height: 86px;
  right: 0;
  top: -139px;
  background: url(../images/recommend/click-here.png);
}
.recommend .canyourunit.firefox.on {
  top: 80px;
}
/* company */
.introduce-us {
  padding: 80px 0px;
}
.introduce-us h2 {
  margin-bottom: 15px;
}
.introduce-us p {
  padding: 0px;
}
.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 embed {
  display: block;
  width: 232px;
  height: 72px;
  margin-bottom: 20px;
}
.introduce-us.introduce-us-gray .left-message a {
  text-decoration: underline;
}
.company-awards {
  color: #ffffff;
  text-align: center;
}
.company-awards .conpany-banner {
  min-height: 400px;
  background: #302f3f url(../images/awards/awards-bg.jpg) no-repeat center top;
}
.company-awards h1 {
  padding-top: 120px;
  color: #ffffff;
  font-size: 57px;
}
.company-awards p {
  height: 80px;
  margin-top: 35px;
  font-size: 16px;
}
.company-awards ul {
  margin-top: -88px;
  list-style-type: none;
}
.company-awards ul li {
  float: left;
  margin-bottom: 10px;
  width: 175px;
  height: 175px;
  margin-right: 6px;
  line-height: 175px;
  background: #ffffff;
  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: #ffffff;
  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: 0px;
  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: #000000;
  font-weight: 400;
}
.contact-banner {
  height: 500px;
  color: #ffffff;
  text-align: center;
  background: #2c2c3a url(../images/about/contact-bg.jpg) no-repeat center;
}
.contact-banner h1 {
  padding-top: 110px;
  padding-bottom: 35px;
  color: #ffffff;
  font-size: 53.72px;
}
.contact-banner p {
  padding: 0px;
  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: #ffffff;
  color: #000000;
  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;
  color: #1264fd;
  font-size: 45px;
}
.contact-message ul li a strong {
  display: block;
  margin-top: 35px;
  font-weight: 400;
  font-family: "Titillium Web", 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: #ffffff;
}
.contact-message ul li a:hover span {
  background: #ffffff;
}
.contact-message ul li a:hover p {
  color: #ffffff;
}
.contact-message ul li:nth-child(3) {
  margin-right: 0px;
}
.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:last-child {
  margin-left: 30px;
}
.follow-us ul li a {
  display: block;
  width: 100px;
  height: 100px;
  margin-bottom: 5px;
  line-height: 100px;
  text-align: center;
  border-radius: 50%;
  background: #eeeeee;
  font-size: 40px;
}
.follow-us ul li a i.fa {
  vertical-align: middle;
}
.follow-us ul li a.facebook {
  color: #3526f5;
}
.follow-us ul li a.twitter {
  color: #3526f5;
}
.follow-us ul li a:hover {
  text-decoration: none;
  color: #ffffff;
}
.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: #000000;
}
.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: #ffffff;
}
.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: 0px 20px;
  width: 234px;
}
.newsletter-advantage dl dt i {
  width: 39px;
  height: 39px;
  line-height: 39px;
  font-size: 16px;
  background: #eef0f5;
  border-radius: 50%;
}
.newsletter-advantage dl dd {
  font-size: 12px;
}
.newsletter-advantage dl dd:nth-child(2) {
  margin-bottom: 10px ;
  font-family: "Titillium Web", sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 1.2;
}
.newsletter-advantage dl:last-child {
  border: none;
}
/* partner */
.partner .partnersolutions {
  background: url(../images/affiliate/partnersolutions-bg.jpg) no-repeat center top;
}
.partner .partnersolutions h1 {
  padding-top: 40px;
  color: #ffffff;
  font-size: 40px;
  text-align: center;
}
.partner .partnersolutions .h1sub {
  padding: 0;
  margin-top: 6px;
  color: #ffffff;
  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: "Roboto", Arial, sans-serif;
  font-size: 18px;
  color: #ffffff;
  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: #ffffff;
  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: #ffffff;
}
.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 .trusted-title {
  font-size: 14px;
  color: #545454;
}
.partner .partner-us .trusted-list {
  margin-top: 30px;
  margin-bottom: 15px;
  list-style-type: none;
}
.partner .partner-us .trusted-list li {
  display: inline-block;
  margin-right: 70px;
  height: 70px;
  line-height: 70px;
}
.partner .partner-us .trusted-list li:nth-child(5) {
  margin-right: 0px;
}
.partner .partner-us .trusted-list li img {
  display: inline-block;
  vertical-align: middle;
}
.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: #ffffff;
  font-size: 50px;
  margin-top: 48px;
  margin-bottom: 8px;
}
.partner .terms .banner .h1sub {
  color: inherit;
  font-size: 20px;
  color: #ffffff;
}
.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: #ffffff;
  text-align: center;
}
.partner .affiliates .h1sub {
  padding: 0 60px;
  color: #ffffff;
  text-align: center;
}
.partner .affiliates .affiliates-panel {
  margin: 34px 0 100px;
  padding: 24px 50px;
  border: 1px solid #e8ebf1;
  background: #ffffff;
}
.partner .affiliates .affiliates-panel h3 {
  margin-bottom: 24px;
  font-family: "Roboto", 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: #ffffff;
  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: #ffffff;
}
.partner .aff-solutions-banner .h1sub {
  color: #ffffff;
  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: #ffffff;
}
.partner .partner-started {
  padding: 70px 0 42px;
  background: #eef0f5;
}
.partner .started-steps {
  margin-bottom: 23px;
}
.partner .started-steps h4 {
  margin-bottom: 10px;
  font-family: "Roboto", Arial, sans-serif;
}
.partner .started-steps a {
  color: #000000;
  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: #ffffff;
}
.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: #ffffff;
}
.partner .btmarea .note {
  margin-top: 22px;
  color: #a1a1a1;
}
.partner .btmarea .note span {
  display: block;
  line-height: 14px;
}
.partner-contact.contact-btn a {
  display: inline-block;
  padding: 0px 50px;
  height: 52px;
  border-radius: 3px;
  background: #1264fc;
  color: #fff !important;
  line-height: 52px;
  text-decoration: none !important;
  font-size: 18px;
}
.partner-contact.contact-btn a:hover {
  background: #4184ff;
}
/* Support */
.support-content {
  margin: 80px 0px;
}
.support-content h2 {
  margin-bottom: 15px;
  font-size: 36px;
}
.support-content ul,
.support-content ol {
  list-style-type: none;
}
.support-content hr {
  margin: 55px 0px;
}
.support-content h5 {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 36px;
  font-family: "Titillium Web", 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: #ffffff;
  background: #1264fc;
}
.support-content .select-content ol {
  position: absolute;
  z-index: 1000;
  width: 100%;
  display: none;
  margin-top: 3px;
  border-radius: 3px;
  background: #ffffff;
  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 0px;
  color: #1264fc;
}
.support-content .select-product .btn-blue {
  margin-top: 25px;
  color: #ffffff;
  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 0px;
  color: #1264fc;
}
.support-content .common-problem.f-right {
  float: right;
}
.support-content .common-problem.hotquestion {
  padding-left: 0px;
  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: 0px;
  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: "Roboto", 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: 0px;
}
.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: 0px;
  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 0px -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 0px -62px;
}
.support-content .information-display dl.active dd {
  display: block;
}
.support-content .product-handle {
  margin-top: 35px;
  font-size: 16px;
  color: #000000;
}
.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: 0px;
  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: #ffffff;
}
.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 0px;
  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: #ffffff;
  border-radius: 3px;
  margin: 0;
  padding: 0px 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: 0px -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: 0px;
  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: #ffffff;
  color: #545454;
}
.language table td,
.language table th {
  text-align: left;
  padding: 15px 0px;
  vertical-align: middle;
}
.language table thead th {
  font-family: "Titillium Web", sans-serif;
  font-size: 20px;
  color: #000000;
  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: 0px 5px;
  color: #ffffff;
}
.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 0px;
  text-align: center;
  color: #ffffff;
  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: #ffffff;
  font-size: 50px;
}
.product-manuals p {
  height: 107px;
  color: #ffffff;
  font-size: 16px;
}
.product-message {
  text-align: center;
  overflow: hidden;
  margin-top: -124px;
}
.product-message dl {
  float: left;
  width: 198px;
  height: 228px;
  margin-bottom: 25px;
  margin-right: 25px;
  margin-right: 18px \0;
  background: #ffffff;
  border: solid #e6e6e6 1px;
}
.product-message dl dt {
  height: 95px;
  line-height: 95px;
}
.product-message dl dt img {
  display: inline-block;
  vertical-align: bottom;
}
.product-message dl dd strong {
  display: block;
  height: 54px;
  margin-top: 15px;
  line-height: initial;
  font-weight: normal;
}
.product-message dl dd .btn-blue {
  border-radius: 3px;
  padding: 0 10px;
  color: #ffffff;
  min-width: 108px;
}
.product-message dl:nth-child(5n+0) {
  margin-right: 0px;
}
.product-message 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: 0px 25px;
}
.thankyou .activation-product span {
  color: #1264fc;
}
.thankyou .activation-product .call-us {
  width: 1000px;
  height: 360px;
  margin: 0px auto;
  margin-top: 30px;
  background: #ffffff url(../images/support/call-us-bg.jpg) no-repeat right bottom;
  border: solid #d4d8e1 1px;
}
.thankyou .activation-product .call-us .normal {
  width: 530px;
  margin-left: 60px;
}
.thankyou .activation-product .call-us .normal dl {
  padding-bottom: 35px;
  margin-top: 39px;
  border-bottom: solid #d4d8e1 1px;
}
.thankyou .activation-product .call-us .normal dl dt {
  float: left;
  margin-right: 45px;
}
.thankyou .activation-product .call-us .normal dl dd {
  line-height: 30px;
}
.thankyou .activation-product .call-us .normal dl dd span {
  font-size: 28px;
}
.thankyou .activation-product .call-us .normal dl dd.last {
  color: #f26522;
}
.thankyou .activation-product .call-us .normal dl dd:nth-child(2) {
  padding-top: 10px;
}
.thankyou .activation-product .call-us .normal ul {
  margin-top: 35px;
  list-style-type: none;
}
.thankyou .activation-product .call-us .normal 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 0px 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 .activation-product .call-us .sp-it,
.thankyou .activation-product .call-us .sp-multi {
  width: 530px;
  margin-left: 60px;
}
.thankyou .activation-product .call-us .sp-it h4,
.thankyou .activation-product .call-us .sp-multi h4 {
  position: relative;
  text-align: left;
  font-size: 30px;
  color: #1264fc;
  font-family: "Roboto", Arial, sans-serif;
  margin-top: 45px;
  line-height: 56px;
  padding-bottom: 30px;
  padding-left: 90px;
  border-bottom: 1px #e5e5e5 solid;
}
.thankyou .activation-product .call-us .sp-it h4:before,
.thankyou .activation-product .call-us .sp-multi h4:before {
  position: absolute;
  left: 0;
  content: url('../images/support/call-phone-sp-sm.png');
}
.thankyou .activation-product .call-us .sp-it ul,
.thankyou .activation-product .call-us .sp-multi ul {
  list-style: none;
  margin-top: 30px;
}
.thankyou .activation-product .call-us .sp-it ul .region,
.thankyou .activation-product .call-us .sp-multi ul .region {
  position: relative;
  float: left;
  margin-top: 20px;
  width: 115px;
  font-size: 18px;
  padding-left: 32px;
  line-height: 30px;
}
.thankyou .activation-product .call-us .sp-it ul .region:before,
.thankyou .activation-product .call-us .sp-multi ul .region: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;
}
.thankyou .activation-product .call-us .sp-it ul .region.es-ar:before,
.thankyou .activation-product .call-us .sp-multi ul .region.es-ar:before {
  background-position: 0 0;
}
.thankyou .activation-product .call-us .sp-it ul .region.en-au:before,
.thankyou .activation-product .call-us .sp-multi ul .region.en-au:before {
  background-position: 0 -24px;
}
.thankyou .activation-product .call-us .sp-it ul .region.vl-be:before,
.thankyou .activation-product .call-us .sp-multi ul .region.vl-be:before {
  background-position: 0 -48px;
}
.thankyou .activation-product .call-us .sp-it ul .region.fr-be:before,
.thankyou .activation-product .call-us .sp-multi ul .region.fr-be:before {
  background-position: 0 -48px;
}
.thankyou .activation-product .call-us .sp-it ul .region.pt-br:before,
.thankyou .activation-product .call-us .sp-multi ul .region.pt-br:before {
  background-position: 0 -72px;
}
.thankyou .activation-product .call-us .sp-it ul .region.en-ca:before,
.thankyou .activation-product .call-us .sp-multi ul .region.en-ca:before {
  background-position: 0 -96px;
}
.thankyou .activation-product .call-us .sp-it ul .region.es-ch:before,
.thankyou .activation-product .call-us .sp-multi ul .region.es-ch:before {
  background-position: 0 -120px;
}
.thankyou .activation-product .call-us .sp-it ul .region.es-co:before,
.thankyou .activation-product .call-us .sp-multi ul .region.es-co:before {
  background-position: 0 -144px;
}
.thankyou .activation-product .call-us .sp-it ul .region.de-de:before,
.thankyou .activation-product .call-us .sp-multi ul .region.de-de:before {
  background-position: 0 -168px;
}
.thankyou .activation-product .call-us .sp-it ul .region.es-es:before,
.thankyou .activation-product .call-us .sp-multi ul .region.es-es:before {
  background-position: 0 -192px;
}
.thankyou .activation-product .call-us .sp-it ul .region.fr-fr:before,
.thankyou .activation-product .call-us .sp-multi ul .region.fr-fr:before {
  background-position: 0 -216px;
}
.thankyou .activation-product .call-us .sp-it ul .region.id-ba:before,
.thankyou .activation-product .call-us .sp-multi ul .region.id-ba:before {
  background-position: 0 -240px;
}
.thankyou .activation-product .call-us .sp-it ul .region.it-it:before,
.thankyou .activation-product .call-us .sp-multi ul .region.it-it:before {
  background-position: 0 -264px;
}
.thankyou .activation-product .call-us .sp-it ul .region.fr-lu:before,
.thankyou .activation-product .call-us .sp-multi ul .region.fr-lu:before {
  background-position: 0 -288px;
}
.thankyou .activation-product .call-us .sp-it ul .region.ms-my:before,
.thankyou .activation-product .call-us .sp-multi ul .region.ms-my:before {
  background-position: 0 -312px;
}
.thankyou .activation-product .call-us .sp-it ul .region.es-me:before,
.thankyou .activation-product .call-us .sp-multi ul .region.es-me:before {
  background-position: 0 -336px;
}
.thankyou .activation-product .call-us .sp-it ul .region.fr-mo:before,
.thankyou .activation-product .call-us .sp-multi ul .region.fr-mo:before {
  background-position: 0 -360px;
}
.thankyou .activation-product .call-us .sp-it ul .region.ne-ne:before,
.thankyou .activation-product .call-us .sp-multi ul .region.ne-ne:before {
  background-position: 0 -384px;
}
.thankyou .activation-product .call-us .sp-it ul .region.de-os:before,
.thankyou .activation-product .call-us .sp-multi ul .region.de-os:before {
  background-position: 0 -408px;
}
.thankyou .activation-product .call-us .sp-it ul .region.es-pe:before,
.thankyou .activation-product .call-us .sp-multi ul .region.es-pe:before {
  background-position: 0 -432px;
}
.thankyou .activation-product .call-us .sp-it ul .region.en-ph:before,
.thankyou .activation-product .call-us .sp-multi ul .region.en-ph:before {
  background-position: 0 -456px;
}
.thankyou .activation-product .call-us .sp-it ul .region.de-sw:before,
.thankyou .activation-product .call-us .sp-multi ul .region.de-sw:before {
  background-position: 0 -480px;
}
.thankyou .activation-product .call-us .sp-it ul .region.fr-su:before,
.thankyou .activation-product .call-us .sp-multi ul .region.fr-su:before {
  background-position: 0 -480px;
}
.thankyou .activation-product .call-us .sp-it ul .region.sv-sv:before,
.thankyou .activation-product .call-us .sp-multi ul .region.sv-sv:before {
  background-position: 0 -504px;
}
.thankyou .activation-product .call-us .sp-it ul .region.it-sv:before,
.thankyou .activation-product .call-us .sp-multi ul .region.it-sv:before {
  background-position: 0 -480px;
}
.thankyou .activation-product .call-us .sp-it ul .region.en-uk:before,
.thankyou .activation-product .call-us .sp-multi ul .region.en-uk:before {
  background-position: 0 -528px;
}
.thankyou .activation-product .call-us .sp-it ul .region.en-us:before,
.thankyou .activation-product .call-us .sp-multi ul .region.en-us:before {
  background-position: 0 -552px;
}
.thankyou .activation-product .call-us .sp-it ul .region.hi-in:before,
.thankyou .activation-product .call-us .sp-multi ul .region.hi-in:before {
  background-position: 0 -576px;
}
.thankyou .activation-product .call-us .sp-it ul .region.ja-jp:before,
.thankyou .activation-product .call-us .sp-multi ul .region.ja-jp:before {
  background-position: 0 -600px;
}
.thankyou .activation-product .call-us .sp-it ul .region.bu-my:before,
.thankyou .activation-product .call-us .sp-multi ul .region.bu-my:before {
  background-position: 0 -624px;
}
.thankyou .activation-product .call-us .sp-it ul .region.th-th:before,
.thankyou .activation-product .call-us .sp-multi ul .region.th-th:before {
  background-position: 0 -648px;
}
.thankyou .activation-product .call-us .sp-it ul .region.ko-kr:before,
.thankyou .activation-product .call-us .sp-multi ul .region.ko-kr:before {
  background-position: 0 -672px;
}
.thankyou .activation-product .call-us .sp-it ul .region.ru-ru:before,
.thankyou .activation-product .call-us .sp-multi ul .region.ru-ru:before {
  background-position: 0 -696px;
}
.thankyou .activation-product .call-us .sp-it ul .region.dk-dk:before,
.thankyou .activation-product .call-us .sp-multi ul .region.dk-dk:before {
  background-position: 0 -720px;
}
.thankyou .activation-product .call-us .sp-it ul span,
.thankyou .activation-product .call-us .sp-multi ul span {
  display: inline-block;
  font-size: 36px;
  color: #000;
}
.thankyou .activation-product .call-us .sp-it .note,
.thankyou .activation-product .call-us .sp-multi .note {
  padding: 0;
  font-size: 12px;
  text-align: left;
}
.thankyou .activation-product .call-us .sp-it.en ul,
.thankyou .activation-product .call-us .sp-multi.en ul {
  margin-top: 20px;
}
.thankyou .activation-product .call-us .sp-it.en ul li,
.thankyou .activation-product .call-us .sp-multi.en ul li {
  clear: both;
  height: 40px;
  margin: 2px 0;
  background-image: url('../images/support/dash-line.png');
  background-repeat: repeat-x;
  background-position-y: 5px;
}
.thankyou .activation-product .call-us .sp-it.en ul li .region,
.thankyou .activation-product .call-us .sp-multi.en ul li .region {
  float: left;
  font-size: 14px;
  margin-top: 5px;
  width: auto;
  padding-right: 10px;
  background: #fff;
}
.thankyou .activation-product .call-us .sp-it.en ul li span,
.thankyou .activation-product .call-us .sp-multi.en ul li span {
  float: right;
  font-size: 20px;
  padding-left: 10px;
  background: #fff;
}
.thankyou h3 {
  margin-bottom: 20px;
  font-size: 24px;
}
.thankyou h5 {
  line-height: 28px;
  font-family: "Roboto", Arial, sans-serif;
}
.thankyou hr {
  margin: 50px 0px;
}
.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: "Titillium Web", 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: #ffffff;
}
.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: 100px;
  height: 100px;
}
.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: 830px;
  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;
  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;
  margin-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: #ffffff;
}
.features-page .banner h2 {
  color: #ffffff;
  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 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;
}
.htupngdow {
  font-family: "Titillium Web", sans-serif;
}
.htupngdow .common {
  height: 751px;
  background: #fff ;
  border-top: solid #ccc 1px;
}
.htupngdow .common h2 {
  padding-top: 80px;
  margin-bottom: 80px;
  font-size: 36px;
  color: #000;
  font-weight: bold;
}
.htupngdow .common h2 i {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 19px;
  margin-left: 5px;
  background: url(../images/htupngdow/delta.png);
}
.htupngdow .common .message {
  height: 121px;
  padding-left: 20px;
  border-left: solid #c4292d 4px;
}
.htupngdow .common .message p {
  padding: 0px;
  line-height: 28px;
  font-size: 18px;
  color: #000;
}
.htupngdow .common .message p.center {
  clear: both;
  height: 15px;
}
.htupngdow .common .message p.first {
  width: 100%;
  margin-top: -5px;
}
.htupngdow .common ul {
  margin-top: 40px;
  list-style-type: none;
}
.htupngdow .common ul li {
  float: left;
  width: 170px;
  margin-top: 20px;
  margin-right: 100px;
  text-align: center;
  font-size: 16px;
  color: #000;
}
.htupngdow .common ul li span {
  display: block;
  height: 90px;
  line-height: 90px;
}
.htupngdow .common ul li span img {
  display: inline-block;
  vertical-align: middle;
}
.htupngdow .common.common2 {
  height: 1040px;
  background: #fff;
  border-bottom: solid #ccc 1px;
}
.htupngdow .common.common2 h2 {
  padding-top: 80px;
}
.htupngdow .common.common2 .message {
  height: 170px;
  margin-right: 4px;
  margin-bottom: 93px;
}
.htupngdow .common.common2 dl {
  float: left;
  width: 50%;
  margin-bottom: 15px;
}
.htupngdow .common.common2 dl dt {
  float: left;
  margin-right: 15px;
}
.htupngdow .common.common2 dl dd {
  float: left;
  width: 190px;
}
.htupngdow .common.common2 dl dd h3 {
  position: relative;
  margin-top: 17px;
  font-size: 16px;
  height: 60px;
  color: #000;
  line-height: 24px;
  padding-left: 25px;
}
.htupngdow .common.common2 dl dd h3:after {
  position: absolute;
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  left: 0;
  top: 3px;
  background: url(../images/htupngdow/impotent.png);
}
.htupngdow .common.common2 dl dd p {
  padding: 0px;
  line-height: 25px;
}
.htupngdow .common.common2 dl dd p i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 12px;
  height: 9px;
  background: url(../images/htupngdow/arrow.png);
}
.htupngdow .common.common2 dl dd p a {
  color: #0a57e6;
}
.htupngdow .common.common2 dl dd p a:hover {
  text-decoration: underline;
}
.htupngdow .transit {
  margin-top: 5px;
  margin-bottom: 25px;
}
.htupngdow .how-uninstall {
  padding-top: 120px;
  position: relative;
  padding-bottom: 60px;
}
.htupngdow .how-uninstall h2,
.htupngdow .how-uninstall h1 {
  font-size: 36px;
  text-align: center;
  font-weight: bold;
}
.htupngdow .how-uninstall h2 i,
.htupngdow .how-uninstall h1 i {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 19px;
  margin-left: 5px;
  background: url(../images/htupngdow/delta.png);
}
.htupngdow .how-uninstall .message {
  height: 193px;
  padding-left: 20px;
  margin-top: 70px;
  border-left: solid #c4292d 4px;
}
.htupngdow .how-uninstall .message p {
  padding: 0px;
  line-height: 28px;
  font-size: 18px;
  color: #161920;
}
.htupngdow .how-uninstall .message p.center {
  clear: both;
  height: 15px;
}
.htupngdow .how-uninstall .target {
  margin-top: 45px;
  text-align: center;
}
.htupngdow .how-uninstall .target dl {
  float: left;
  width: 212px;
  height: 127px;
  margin-right: 10px;
  border-radius: 5px;
  background: #2d3443;
  line-height: 22px;
  cursor: pointer;
}
.htupngdow .how-uninstall .target dl dt {
  padding-top: 25px;
  color: #ffcd47;
  font-size: 20px;
}
.htupngdow .how-uninstall .target dl dd {
  color: #798bb1;
  font-size: 14px;
}
.htupngdow .how-uninstall .target dl dd strong {
  display: block;
  margin: 5px 0px;
  font-size: 20px;
  color: #fff;
}
.htupngdow .how-uninstall .target dl.last {
  margin-right: 0px;
}
.htupngdow .how-uninstall .target dl.last dd strong {
  font-size: 14px;
}
.htupngdow .how-uninstall .target dl.last:hover dd strong {
  font-size: 14px;
}
.htupngdow .how-uninstall .target dl:hover {
  position: relative;
  background: #334364;
}
.htupngdow .how-uninstall .target dl:hover dt {
  font-size: 22px;
}
.htupngdow .how-uninstall .target dl:hover dd strong {
  font-size: 22px;
}
.htupngdow .how-uninstall .target dl:hover:after {
  position: absolute;
  content: "";
  width: 19px;
  height: 19px;
  left: 0;
  right: 0;
  bottom: -10px;
  margin: auto;
  background: url(../images/htupngdow/arrow2.png);
}
.htupngdow .how-uninstall .target dl.center {
  position: relative;
}
.htupngdow .how-uninstall .target dl.center:after {
  position: absolute;
  content: "";
  width: 19px;
  height: 19px;
  left: 0;
  right: 0;
  bottom: -10px;
  margin: auto;
  background: url(../images/htupngdow/arrow2.png);
}
.htupngdow .how-uninstall .tips {
  padding: 15px;
  margin-top: 45px;
  background: #e6e6e6;
  line-height: 24px;
  color: #393939;
}
.htupngdow .how-uninstall .tips strong {
  position: relative;
  display: inline-block;
  color: #000;
  font-size: 16px;
}
.htupngdow .how-uninstall .tips strong:after {
  position: absolute;
  content: "";
  width: 38px;
  height: 19px;
  left: -5px;
  background: url(../images/htupngdow/tip.png);
}
.htupngdow .how-uninstall .tips p {
  padding: 0px;
}
.htupngdow .how-uninstall p.note {
  margin-top: 35px;
  font-size: 14px;
  color: #686868;
  line-height: 24px;
}
.htupngdow .how-uninstall p.note a {
  text-decoration: underline;
}
.htupngdow .why-content {
  padding-top: 110px;
}
.htupngdow .why-content h2 {
  height: 44px;
  line-height: 44px;
  background: url(../images/htupngdow/why-title.png);
  font-size: 26px;
  color: #fff;
  font-weight: bold;
}
.htupngdow .why-content h2 span {
  display: inline-block;
  width: 110px;
  margin-right: 25px;
  text-align: center;
}
.htupngdow .why-content p {
  font-size: 16px;
  line-height: 26px;
}
.htupngdow .why-content p.marb30 {
  margin-bottom: 30px;
}
.htupngdow .why-content p.first {
  margin: 90px 0px;
  padding: 0px;
  font-size: 18px;
  line-height: 28px;
}
.htupngdow .why-content .message-box {
  padding: 0px 30px;
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(57, 57, 57, 0.25);
}
.htupngdow .why-content .message-box .step {
  padding-top: 60px;
  padding-bottom: 50px;
  border-bottom: solid #dbdce0 1px;
}
.htupngdow .why-content .message-box .step:last-child {
  border-bottom: none;
}
.htupngdow .why-content .message-box .step .describe {
  float: left;
  padding-left: 20px;
}
.htupngdow .why-content .message-box .step .describe h3 {
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: bold;
}
.htupngdow .why-content .message-box .step .describe p {
  margin-bottom: 40px;
  padding: 0px;
  font-size: 16px;
  line-height: 26px;
}
.htupngdow .why-content .message-box .step .describe p.blue {
  color: #183bac;
}
.htupngdow .why-content .message-box .step .img-box {
  float: right;
  margin-right: 12px;
}
.htupngdow .why-content .message-box .step .last {
  clear: both;
  padding-top: 35px;
}
.htupngdow .why-content .message-box .step .last a {
  text-decoration: underline;
}
.htupngdow .why-content .message-box .correlation {
  padding-top: 58px;
}
.htupngdow .why-content .message-box .correlation dl {
  float: left;
  width: 50%;
  height: 265px;
}
.htupngdow .why-content .message-box .correlation dl dt {
  width: 150px;
  height: 39px;
  margin-top: 30px;
  margin-bottom: 25px;
  line-height: 39px;
  border-radius: 35px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background: #00cd48;
}
.htupngdow .why-content .message-box .correlation dl dt i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 19px;
  height: 13px;
  background: url(../images/htupngdow/right-icon.png);
}
.htupngdow .why-content .message-box .correlation dl dd {
  line-height: 30px;
  font-size: 16px;
}
.htupngdow .why-content .message-box .correlation dl dd span {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  margin-right: 5px;
  border-radius: 50%;
  line-height: 17px;
  text-align: center;
  color: #fff;
  background: #2e2e2e;
}
.htupngdow .why-content .message-box .correlation dl.cons {
  width: 40%;
  padding-left: 50px;
  border-left: solid #dbdbdb 1px;
}
.htupngdow .why-content .message-box .correlation dl.cons dt {
  background: #cd2700;
}
.htupngdow .why-content .message-box .correlation dl.cons dt i {
  width: 16px;
  height: 16px;
  background: url(../images/htupngdow/fault-icon.png);
}
.htupngdow .why-content .message-box .correlation.last {
  padding-bottom: 50px;
}
.htupngdow .why-content .message-box .correlation.last dl {
  height: 160px;
}
.htupngdow .why-content.gray {
  padding-top: 120px;
  padding-bottom: 80px;
  background: #eeeeee;
}
.htupngdow .why-content.gray .message-box {
  background: transparent;
  box-shadow: none;
  border: solid #b3b3b3 1px;
}
.htupngdow .why-content.gray .message-box .step {
  border-bottom: solid #b3b3b3 1px;
}
.htupngdow .why-content.gray .message-box .correlation {
  margin-bottom: 50px;
}
.htupngdow .why-content.gray .message-box .correlation dl {
  height: 210px;
}
.htupngdow .why-content.why-content03 {
  margin-top: -64px;
  padding: 40px 40px;
  background: #fff;
  border-radius: 5px;
  width: 1020px;
  min-width: 1020px;
  box-shadow: 0px 0px 10px 0px rgba(57, 57, 57, 0.25);
}
.htupngdow .why-content.why-content03 p.first {
  font-size: 16px;
  margin: 50px 0;
  line-height: 26px;
}
.htupngdow .why-content.why-content03 .message-box {
  padding: 0px;
  background: transparent;
  box-shadow: none;
}
.htupngdow .why-content.why-content03 .message-box .button {
  width: 242px;
  height: 62px;
  line-height: 62px;
  border-radius: 35px;
  border: solid #14ff3a 2px;
  font-size: 22px;
  color: #000 !important;
  font-weight: bold;
  background-image: -moz-linear-gradient(90deg, #00cf0a 0%, #16fe3c 100%);
  background-image: -webkit-linear-gradient(90deg, #00cf0a 0%, #16fe3c 100%);
  background-image: -ms-linear-gradient(90deg, #00cf0a 0%, #16fe3c 100%);
  box-shadow: 0px 10px 21.34px 0.66px rgba(0, 0, 0, 0.2);
}
.htupngdow .why-content.why-content03 .message-box .button i {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 20px;
  margin-right: 10px;
  background: url(../images/htupngdow/down-icon.png);
}
.htupngdow .why-content.why-content03 .message-box .button:hover {
  background-image: -moz-linear-gradient(90deg, #16fe3c 0%, #00cf0a 100%);
  background-image: -webkit-linear-gradient(90deg, #16fe3c 0%, #00cf0a 100%);
  background-image: -ms-linear-gradient(90deg, #16fe3c 0%, #00cf0a 100%);
}
.htupngdow .interpret {
  padding-top: 70px;
  height: 331px;
  background: url(../images/htupngdow/why-02-bg.jpg) no-repeat center top;
  font-size: 18px;
  color: #fff;
  line-height: 28px;
}
.htupngdow .interpret p {
  padding-bottom: 25px;
}
.htupngdow .interpret .arrow {
  margin-top: 45px;
  background: url(../images/htupngdow/mouse-white.png);
}
.htupngdow .interpret .arrow:after {
  background: #fff;
}
.htupngdow .bottom-message {
  height: 299px;
  margin-top: 95px;
  background: url(../images/htupngdow/bottom-bg.jpg) no-repeat center top;
}
.htupngdow .bottom-message p {
  padding-top: 115px;
  font-size: 20px;
  color: #fff;
  line-height: 34px;
}
.htupngdow .arrow {
  position: relative;
  display: block;
  width: 23px;
  height: 35px;
  margin: 0px auto;
  overflow: hidden;
  cursor: pointer;
  background: url(../images/htupngdow/mouse-red.png);
}
.htupngdow .arrow:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  left: 0;
  right: 0;
  margin: auto;
  top: 5px;
  background: #ed383e;
  border-radius: 50%;
  animation: arrow 3s linear infinite;
  -webkit-animation: arrow 3s linear infinite;
}
.htupngdow .fl-how {
  position: fixed;
  right: -230px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
  padding: 5px;
  width: 200px;
  height: 40px;
  padding-left: 10px;
  line-height: 20px;
  transition: all 0.5s ease-in-out;
}
.htupngdow .fl-how i {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 10px;
  margin-left: 5px;
  background: url(../images/htupngdow/fl-arrow.png);
  animation: flarrow 1s linear infinite alternate;
  -webkit-animation: flarrow 1s linear infinite alternate;
}
.htupngdow .fl-how a {
  color: #000;
}
.htupngdow .fl-how a:hover {
  color: #1e49c6;
  text-decoration: none;
}
.htupngdow .fl-how a:hover i {
  background-position: 0px -10px;
}
.htupngdow .fl-how.on {
  right: 0;
}
@media (max-width: 1450px) {
  .htupngdow .fl-how {
    width: 145px;
    height: 60px;
  }
}
.htupngdow .fl-way {
  position: fixed;
  width: 140px;
  top: 0;
  height: 260px;
  left: -150px;
  bottom: 0;
  margin: auto;
  background: #f7f7f7;
  font-size: 13px;
  z-index: 999;
  transition: all 0.5s ease-in-out;
}
.htupngdow .fl-way:after {
  position: absolute;
  content: "";
  width: 51px;
  height: 24px;
  top: -24px;
  left: 0px;
  background: url(../images/htupngdow/fl-way-bg.png);
}
.htupngdow .fl-way ul {
  list-style-type: none;
}
.htupngdow .fl-way ul li {
  height: 50px;
  line-height: 50px;
  text-align: left;
  color: #494949;
  cursor: pointer;
  border-bottom: solid #d3d3d3 1px;
}
.htupngdow .fl-way ul li > span {
  float: left;
  width: 35px;
  text-align: center;
}
.htupngdow .fl-way ul li strong {
  float: left;
  width: 103px;
  font-weight: normal;
}
.htupngdow .fl-way ul li.last {
  border-bottom: none;
}
.htupngdow .fl-way ul li.last,
.htupngdow .fl-way ul li.center {
  padding-top: 5px;
  height: 45px;
  line-height: 20px;
}
.htupngdow .fl-way ul li.center strong span {
  color: #2ac8ea;
  font-size: 12px;
}
.htupngdow .fl-way ul li.center strong span i {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  width: 12px;
  height: 13px;
  background: url(../images/htupngdow/hand.png);
}
.htupngdow .fl-way ul li.on {
  background: #ececec;
  border-left: solid #d2282d 2px;
  color: #000;
}
.htupngdow .fl-way ul li.on strong {
  font-weight: bold;
}
.htupngdow .fl-way.on {
  left: 0;
}
@-webkit-keyframes arrow {
  0% {
    top: 5px;
  }
  100% {
    top: 50px;
  }
}
@-webkit-keyframes flarrow {
  0% {
    margin-left: 5px;
  }
  100% {
    margin-left: 25px;
  }
}
.review {
  position: relative;
  display: block;
  height: 600px;
  background: #fff;
  /* .control{
		position: absolute;
		top: 132px;
		display: block;
		width: 22px;
		height: 41px;
		text-indent: -9999px;
		background: url(../images/products/product-test/review-control.png);
		&.dg-prev{
			left: 0;
			background-position: 0 0;
			&:hover{
				background-position: 0 -41px;
			}
		}
		&.dg-next{
			right: 0;
			background-position: -22px 0;
			&:hover{
				background-position: -22px -41px;
			}
		}
	} */
}
.review .dg-container {
  display: block;
  position: relative;
  height: 600px;
  width: 100%;
  overflow: hidden;
}
.review .dg-wrapper {
  height: 600px;
  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;
  text-align: center;
  display: block;
  overflow: hidden;
  cursor: pointer;
  font-size: 70px;
  color: #d7dae4;
}
.review .dg-container .nav .dg-prev {
  left: 0;
}
.review .dg-container .nav span:hover {
  color: blue;
}
.review .dg-container .nav .dg-next {
  right: 0;
}
.review .inner {
  display: block;
  width: 660px;
  height: 510px;
  margin: 0 auto;
}
.review .content {
  display: block;
  width: 660px;
  height: 510px;
  margin: 0 auto;
  padding-top: 88px;
  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: 68px;
}
.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: 'Titillium Web', 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;
}
.footer {
  min-width: 1100px;
  background: #191920;
}
.footer hr {
  border-bottom: 1px #212229 solid;
}
.footer .subscribe {
  display: block;
  width: 470px;
  margin: 0 auto;
  text-align: center;
  color: #aeb5ca;
}
.footer .subscribe h3 {
  font-size: 30px;
  display: inline-block;
  margin-top: 42px;
  margin-bottom: 18px;
  color: #aeb5ca !important;
}
.footer .subscribe p.discription {
  font-size: 12px;
  color: #5b5d6d;
}
.footer .btm-nav {
  margin-top: 36px;
  margin-bottom: 36px;
}
.footer .btm-nav .region-zone {
  display: block;
  float: left;
  height: 200px;
  width: 260px;
}
.footer .btm-nav .region-zone embed {
  width: 80px;
  height: 24px;
}
.footer .btm-nav .region-zone .region-selector {
  position: relative;
  display: block;
  margin-top: 160px;
  width: 210px;
  height: 30px;
  box-sizing: border-box;
  border: 1px #22222b solid;
  background: #1e1e26;
  color: #5b5d6d;
  border-radius: 15px;
  cursor: pointer;
}
.footer .btm-nav .region-zone .region-selector i {
  position: absolute;
  top: 8px;
  right: 8px;
}
.footer .btm-nav .region-zone .region-selector span {
  display: inline-block;
  margin-left: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.footer .btm-nav .region-zone .region-selector:before {
  opacity: .4;
}
.footer .btm-nav .nav-zone {
  float: left;
  display: block;
  width: 840px;
}
.footer .btm-nav .nav-zone .row {
  float: left;
  margin-left: 60px;
  max-width: 180px;
}
.footer .btm-nav .nav-zone .row:first-child {
  margin-left: 80px;
}
.footer .btm-nav .nav-zone .row h4 {
  display: inline-block;
  font-size: 18px;
  color: #aeb5ca;
  margin-bottom: 10px;
}
.footer .btm-nav .nav-zone .row ul {
  list-style: none;
}
.footer .btm-nav .nav-zone .row ul.vertical li {
  font-size: 12px;
}
.footer .btm-nav .nav-zone .row ul.vertical li a {
  color: #5b5d6d;
}
.footer .btm-nav .nav-zone .row ul.vertical li a:hover {
  color: #1264fc;
  text-decoration: none;
}
.footer .btm-nav .nav-zone .row ul.horizontal li {
  float: left;
}
.footer .btm-nav .nav-zone .row ul.horizontal li a {
  display: inline-block;
  margin-right: 20px;
  font-size: 22px;
  color: #5b5d6d;
}
.footer .btm-nav .nav-zone .row ul.horizontal li a:hover {
  color: #1264fc;
}
.footer .bottom {
  font-size: 12px;
  color: #5b5d6d;
}
.footer .bottom .copy {
  float: left;
}
.footer .bottom .links {
  float: right;
}
.footer .bottom .links a {
  margin-left: 20px;
}
.footer .bottom .links a:first-child {
  margin-left: 0;
}
.footer .bottom a {
  color: #5b5d6d;
}
.footer .bottom a:hover {
  color: #1264fc;
  text-decoration: none;
}
.footer .bottom .spacer {
  display: inline-block;
  font-style: normal;
  padding: 0 10px;
}
.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: #ffffff;
  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;
}
.region-zone .region-selector.pl-pl:before,
.region-layer .lang-list li.pl-pl:before {
  background-position: 0 -745px;
}
.backtop {
  position: fixed;
  right: 0px;
  bottom: 10px;
  z-index: 1060;
  width: 65px;
  height: 65px;
  display: none;
  cursor: pointer;
}
.backtop i {
  font-size: 55px;
  color: rgba(0, 0, 0, 0.5);
}
.backtop:hover i {
  color: rgba(0, 0, 0, 0.8);
}
.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;
}
.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: #ff6600;
}
.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*/
#diagnosis-call {
  display: none;
  position: fixed;
  width: 80px;
  height: 94px;
  top: 110px;
  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;
}
.anniversary {
  position: fixed;
  right: -10px;
  bottom: -450px;
  z-index: 1060;
  width: 299px;
  height: 437px;
  transition: all 0.5s ease-in-out;
}
.anniversary.live {
  bottom: -14px;
}
.anniversary.live0 {
  bottom: 70px;
}
.anniversary .mainpart {
  display: block;
  width: inherit;
  height: inherit;
}
.anniversary .mainpart .felid {
  display: inline-block;
  width: 229px;
  height: 150px;
  margin-top: 248px;
  margin-left: 50px;
}
.anniversary .mainpart .felid .tips {
  margin-top: 7px;
  text-align: center;
  font-size: 13px;
  color: #000;
}
.anniversary .mainpart .felid .tips .count {
  color: #ff5400;
}
.anniversary .mainpart .felid .code {
  display: block;
  width: 76px;
  height: 36px;
  line-height: 36px;
  margin-top: 15px;
  margin-left: 130px;
  color: #3a64ff;
  border: none;
  background: transparent;
  cursor: default;
}
.anniversary .mainpart .felid .copybtn {
  display: inline-block;
  margin-top: 4px;
  margin-left: 20px;
  width: 190px;
  height: 36px;
  border-radius: 18px;
  background: #ff5400;
  text-align: center;
  box-sizing: border-box;
  border: 1px transparent solid;
}
.anniversary .mainpart .felid .copybtn span {
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
}
.anniversary .mainpart .felid .copybtn:hover {
  text-decoration: none;
  background: #ff8227;
}
.anniversary .mainpart .felid .copybtn.disabled {
  cursor: default;
  background: #ffffff url('../images/popout/anniversary/done.png') center no-repeat;
  border: 1px #ff5400 solid;
}
.anniversary .mainpart .felid .copybtn.disabled span {
  display: none;
}
.anniversary .mainpart .num {
  position: absolute;
  bottom: 30px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}
.anniversary .pop-close {
  position: absolute;
  cursor: pointer;
  top: 1px;
  right: 16px;
  width: 18px;
  height: 18px;
  background-image: url('../images/popout/anniversary/close.png');
  background-repeat: no-repeat;
  background-position: 0 0;
}
.anniversary .pop-close:hover {
  background-position: 0 -18px;
}
.float-valentine {
  position: fixed;
  width: 100%;
  height: 73px;
  left: 0;
  bottom: -80px;
  z-index: 999;
  transition: all 0.3s;
}
.float-valentine .close {
  position: absolute;
  display: block;
  right: 90px;
  top: 10px;
  width: 24px;
  height: 24px;
  z-index: 99;
  cursor: pointer;
  background: url(../images/newyear/close.png);
}
.float-valentine .close:hover {
  opacity: 0.8;
}
.float-valentine a {
  position: relative;
  width: 100%;
  height: 73px;
  overflow: hidden;
}
.float-valentine a img {
  position: absolute;
  left: 0;
}
.float-valentine.on {
  bottom: 0px;
}
.valentinepop {
  display: none;
}
.valentinepop .popbg {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.73);
  left: 0;
  top: 0;
  opacity: 0;
  transition: all ease 0.3s;
  z-index: 9999;
}
.valentinepop .valentinemessage {
  position: fixed;
  width: 656px;
  height: 311px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  top: -100px;
  z-index: 10000;
  opacity: 0;
  transform: scale(0);
  transition: all ease 0.3s;
  background: url(../images/valentine/popbg.png);
}
.valentinepop .valentinemessage::after {
  position: absolute;
  content: "";
  height: 58px;
  width: 2px;
  background: #fff;
  left: 0;
  right: 0;
  bottom: -51px;
  margin: auto;
}
.valentinepop .valentinemessage .close {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -82px;
  cursor: pointer;
  background: url(../images/newyear/close-outline.png);
}
.valentinepop .valentinemessage .close:hover {
  opacity: 0.9;
}
.valentinepop .valentinemessage .right-message {
  float: right;
  margin-right: 45px;
  margin-top: 105px;
  text-align: center;
}
.valentinepop .valentinemessage .right-message strong {
  font: bold 40px/49px Montserrat;
  color: #FF4900;
}
.valentinepop .valentinemessage .right-message del {
  margin-left: 10px;
  font-size: 20px;
  color: #A5978F;
}
.valentinepop .valentinemessage .right-message .btn-pop {
  display: block;
  width: 240px;
  height: 51px;
  margin: 0px auto;
  margin-top: 5px;
  border-radius: 28px;
  font-size: 18px;
  line-height: 51px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  letter-spacing: 2px;
  background-image: -moz-linear-gradient(90deg, #ff8000 0%, #ff4600 100%);
  background-image: -webkit-linear-gradient(90deg, #ff8000 0%, #ff4600 100%);
  background-image: -ms-linear-gradient(90deg, #ff8000 0%, #ff4600 100%);
  box-shadow: inset 0px -4px 6px #ff5e00, 0px 5px 12px #f2cdac;
}
.valentinepop .valentinemessage .right-message .btn-pop:hover {
  text-decoration: none;
  background-image: -moz-linear-gradient(90deg, #ff4600 0%, #ff8000 100%);
  background-image: -webkit-linear-gradient(90deg, #ff4600 0%, #ff8000 100%);
  background-image: -ms-linear-gradient(90deg, #ff4600 0%, #ff8000 100%);
}
.valentinepop .valentinemessage .right-message p {
  margin-top: 10px;
  color: #A5978F;
}
.valentinepop.on {
  display: block;
}
.valentinepop.on .popbg {
  opacity: 1;
}
.valentinepop.on .valentinemessage {
  opacity: 1;
  transform: scale(1);
}
.valentinestorepop {
  display: none;
}
.valentinestorepop .popbg {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.73);
  left: 0;
  top: 0;
  opacity: 0;
  transition: all ease 0.3s;
  z-index: 9999;
}
.valentinestorepop .valentinemessage {
  position: fixed;
  width: 508px;
  height: 386px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  top: -100px;
  z-index: 10000;
  opacity: 0;
  transform: scale(0);
  transition: all ease 0.3s;
  background: url(../images/valentine/store-pop.png);
}
.valentinestorepop .valentinemessage::after {
  position: absolute;
  content: "";
  height: 58px;
  width: 2px;
  background: #fff;
  left: 0;
  right: 0;
  bottom: -44px;
  margin: auto;
}
.valentinestorepop .valentinemessage .close {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -76px;
  cursor: pointer;
  background: url(../images/newyear/close-outline.png);
}
.valentinestorepop .valentinemessage .close:hover {
  opacity: 0.9;
}
.valentinestorepop .valentinemessage p {
  padding-top: 180px;
  text-align: center;
  font-size: 14px;
  font-family: Montserrat;
  font-weight: bold;
}
.valentinestorepop .valentinemessage p strong {
  font-size: 22px;
  color: #e7393b;
}
.valentinestorepop .valentinemessage .btn-pop {
  display: block;
  width: 240px;
  height: 51px;
  margin: 0px auto;
  margin-top: 35px;
  border-radius: 28px;
  box-shadow: 0 5px 18.27px 2.73px rgba(255, 0, 0, 0.6);
  background: url(../images/valentine/buybtn.png);
  background-position: 0 0px;
  text-indent: -9999px;
}
.valentinestorepop .valentinemessage .btn-pop:hover {
  background-position: 0px -51px;
}
.valentinestorepop.on {
  display: block;
}
.valentinestorepop.on .popbg {
  opacity: 1;
}
.valentinestorepop.on .valentinemessage {
  opacity: 1;
  transform: scale(1);
}
.products .anniversary .mainpart,
.productslist .anniversary .mainpart {
  background: url('../images/popout/anniversary/en-product.png');
}
.store .anniversary .mainpart {
  background: url('../images/popout/anniversary/en-store.png');
}
.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: 5px;
  padding-right: 55px;
}
.product-pop.active .box {
  background: transparent;
}
.product-pop.active .box i {
  background-position: 0px -27px;
  animation: nudgeMouse 4s ease-out infinite;
}
.product-pop .bg {
  position: absolute;
  right: 0;
  top: 0;
  width: 0px;
  height: 0px;
  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: 0px;
  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: 0px;
  color: #fff;
}
.product-pop .bg p.last span {
  font-size: 14px;
  color: #ffd200;
}
.product-pop .box {
  position: absolute;
  top: 0px;
  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: 0px 3px 10px 0px 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;
  /*&.isupop{
		right: 5px;
    bottom: -300px;
    width: 220px;
    height: 260px;
		.pop-close{
			top: 5px;
			right: 5px;
			width: 11px;
			height: 11px;
			background-image: url('../images/popout/isu/close.png');
			&:hover{
				background-position: 0 -11px;
			}
		}
	}
	&.isuproducts{
		right: 25px;
		width: 44px;
		height: 48px;
		bottom: -400px;
		cursor: pointer;
		.point {
			position: absolute;
			width: 28px;
			height: 28px;
			top: 3px;
			right: -4px;
			background: url('../images/popout/isu/point.png');
		}
		.bell {
			position: absolute;
			top: 0;
			left: 0;
			width: 44px;
			height: 48px;
			transform-origin: top center;
	    background: url('../images/popout/isu/bell.png');
	    animation: bell 3s linear 0s infinite;
		}
    .pop-close{
    	padding: 0px;
			top: -12px;
			right: 0px;
			width: 11px;
			height: 11px;
			opacity: .4;
			background-image: url('../images/popout/isu/close.png');
			&:hover{
				background-position: 0 -11px;
			}
		}
    .content {
    	position: absolute;
    	width: 230px;
    	height: 307px;
    	left: -169px;
    	top: -307px;
    	display: none;
    }
    /*&:hover {
    	.bell {
    		animation: none;
    	}
    	.content {
    		display: block;
    	}
    }
    &.active {
    	.bell {
    		animation: none;
    	}
    	.content {
    		display: block;
    	}
    }
	}*/
  /*&.easter {
		width: 313px;
		height: 190px;
		right: 5px;
    bottom: -300px;
    transition: all 1s ease-in-out;
		.content {
			position: relative;
			z-index: 3;
			width: 313px;
			height: 90px;
			padding-top: 100px;
			background-image: url('../images/popout/easter/bg.png');
			.pop-close{
				top: 8px;
				right: 2px;
				width: 18px;
				height: 18px;
				text-indent: -9999px;
				background-image: url('../images/popout/easter/close.png');
				&:hover{
					background-position: -20px 0px;
				}
			}
			.code {
				padding-left: 75px;
				height: 27px;
				line-height: 27px;
			  font-size: 12px;
			  color: #bb7e51;	
			  .codenumber {
			  	position: relative;
			  	z-index: 2;
			  	display: inline-block;
			  	width: 123px;
			  	text-align: center;
			  }
			  textarea {
			    width:123px;
			  	height: 27px;
		  		position: absolute;
		  		opacity: 0;
		  		text-indent: -9999px;
			  }
			  .copy {
			  	display: inline-block;
			  	vertical-align: middle;
			  	width: 53px;
			  	height: 28px;
			  	line-height: 28px;
			  	cursor: pointer;
			  	background: #3cb019;
			  	text-align: center;
			  	i {
			  		font-size: 12px;
			  		color: #fff;
			  		font-style: inherit;
			  	}
			  	&.choose {
			  		i {
			  			display: inline-block;
			  			vertical-align: middle;
			  			width: 17px;
			  			height: 17px;
			  			text-indent: -9999px;
			  			background-image: url('../images/popout/easter/active.png');
			  		}
			  	}
			  }
			}
			p {
				padding-top: 5px;
				text-align: center;
				font-size: 13px;
				font-weight: bold;
				strong {
					font-size: 14px;
					color: #ff4e00;
				}
			}
		}
		.ear {
			position: absolute;
			width: 49px;
			height: 78px;
			right: 34px;
			top: -67px;
			z-index: 2;
			transform-origin: bottom center;
			animation: ear 3s linear  infinite;

			background-image: url('../images/popout/easter/ear.png');
		}
	}*/
  /* &.imf7{
		right: 5px;
		bottom: -300px;
		width: 250px;
		height: 300px;
		.pop-close{
			top: 4px;
			right: 4px;
			width: 11px;
			height: 11px;
			background-image: url('../images/popout/imf7/close.png');
			&:hover{
				background-position: 0 -11px;
			}
		}
	}
	&.svpop{
		right: 5px;
		bottom: -200px;
		width: 300px;
		height: 200px;
		.pop-close{
			top: 10px;
			right: 10px;
			width: 11px;
			height: 11px;
			background-image: url('../images/popout/sv/close.png');
			&:hover{
				background-position: 0 -11px;
			}
		}
	}*/
  /*&.halloween {
		right: -350px;
		bottom: 90px;
		width: 314px;
		height: 319px;
		background-image: url('../images/popout/halloween/bg.png');
		.close {
			position: absolute;
			display: block;
			width: 12px;
			height: 11px;
			top: 0; 
			right: 5px;
			cursor: pointer;
			background-image: url('../images/popout/halloween/icons.png');
			background-position: -28px 0px;
		}
		.narrow {
			position: absolute;
			display: block;
			width: 12px;
			height: 11px;
			top: 0; 
			right: 33px;
			cursor: pointer;
			opacity: 0;
			background-image: url('../images/popout/halloween/icons.png');
		}
		.change {
			width: 243px;
			height: 105px;
			margin-top: 187px;
			margin-left: 57px;
			background-image: url('../images/popout/halloween/change-bg.png');
			.content {
				position: relative;
				height: 69px;
				float: left;
				margin-top: 14px;
				border-radius: 10px;
				overflow: hidden;
				.box {
					float: left;
					width: 59px;
					margin-left: 17px;
				}
				&:after {
					position: absolute;
					display: block;
					content: "";
					width: 210px;
					height: 69px;
					left: 17px;
					background: url('../images/popout/halloween/shadow.png');
				}
				span {
					display: block;
					width: 59px;
					height: 69px;
					&.list01 {
						background: url('../images/popout/halloween/list01.png') no-repeat center;
					}
					&.list02 {
						background: url('../images/popout/halloween/list02.png')no-repeat center;
					}
					&.list03 {
						background: url('../images/popout/halloween/list03.png')no-repeat center;
					}
				}
			}
		}
		.try-again {
			position: absolute;
			width: 235px;
			height: 96px;
			top: 187px;
			left: 61px;
			opacity: 0;
	    filter: alpha(opacity=0);
	    -webkit-transform: scale(0);
	    transform: scale(0);
	    transition: all .5s ease-in-out;
			background: url('../images/popout/halloween/try-again.png');
		}
		.btn {
			display: block;
			width: 170px;
			height: 45px;
			line-height: 45px;
			margin-left: 94px;
			margin-top: 6px;
			border-radius: 35px;
			box-shadow: 0px 7px 9.4px 0.6px rgba(100, 14, 68, 0.35);
			background: url('../images/popout/halloween/btn.png');
			span {
				display: inline-block;
				vertical-align: middle;
				width: 100%;
				height: 21px;
				text-indent: -9999px;
				background: url('../images/popout/halloween/btn-txt.png') no-repeat top center;
			}
			&.pitch {
				background-position: 0px -90px;
				cursor: default;
				box-shadow: none;
				span {
					background: url('../images/popout/halloween/btn-txt.png') no-repeat center -41px !important;
				}
				&:hover {
					background-position: 0px -90px;
				}
			}
			&.playing {
				background-position: 0px -90px;
				cursor: default;
				box-shadow: none;
				span {
					background: url('../images/popout/halloween/btn-txt.png') no-repeat center -62px;
				}
				&:hover {
					background-position: 0px -90px;
				}
			}
			&:hover {
				background-position: 0px -45px;
			}
			&.trybtn {
				span {
					background: url('../images/popout/halloween/btn-txt.png') no-repeat center -21px;
				}
			}
		}
		&.on {
			right: 5px;
		}
		&.try {
			.try-again {
				opacity: 1;
		    filter: alpha(opacity=100);
		    -webkit-transform: scale(1);
		    transform: scale(1);
			}
		}
		&.winning-before {
			.narrow {
				opacity: 1;
			}
			.winning {
		 		opacity: 1;
		    filter: alpha(opacity=100);
		    -webkit-transform: scale(1);
		    transform: scale(1);
			}
		}
		.pitch-on {
			width: 70px;
			height: 82px;
			top: 194px;
			left: 68px;
			position: absolute;
			//background-image: url('../images/popout/halloween/light.png');
			animation:light .5s infinite;
			-webkit-animation: light .5s infinite;
			animation-delay:3.4s;
			-webkit-animation-delay:3.4s;
			animation-iteration-count:3;
			-webkit-animation-iteration-count:3;
			&.list01 {
				animation: light .5s infinite;
				-webkit-animation:light .5s infinite;
				animation-delay:2.6s;
				-webkit-animation-delay:2.6s;
				animation-iteration-count:5;
				-webkit-animation-iteration-count:5;
			}
			&.list02 {
				left: 144px;
				animation: light .5s infinite;
				-webkit-animation: light .5s infinite;
				animation-delay:3s;
				-webkit-animation-delay:3s;
				animation-iteration-count:4;
				-webkit-animation-iteration-count:4;
			}
			&.list03 {
				left: 220px;
				
			}
		}
		.code-btn {
			display: block;
			margin: 0px auto;
		 	width: 190px;
		 	height: 25px;
		  background: url('../images/popout/halloween/code-btn.png');
		  span {
		  	display: inline-block;
		  	vertical-align: middle;
		  	width: 33px;
		  	height: 13px;
		  	text-indent: -9999px;
		  	background: url('../images/popout/halloween/code-txt.png');
		  }
		  &:hover {
		  	background-position: 0px -25px;
		  }
		  &.check {
		  	cursor: default;
		  	span {
		  		background-position: center -13px;
		  	}
		  	&:hover {
		  		background-position: 0px 0px;
		  	}
		  }
	 	}
		.winning {
			 position: absolute;
			 width: 239px;
			 height: 191px;
			 top: 187px;
			 left: 60px;
			 text-align: center;
			 opacity: 0;
		    filter: alpha(opacity=0);
		    -webkit-transform: scale(0);
		    transform: scale(0);
		    transition: all .5s ease-in-out;
			 background-image: url('../images/popout/halloween/winning.png');
			 h4 {
			 	padding-top: 105px;
			 	padding-bottom: 12px;
			 	color: #fff;
			 	font-size: 14px;
			 }
			 textarea {
			 	display: none;
			 }
			 p {
			 	padding: 0px;
			 	margin-top: 5px;
			 	font-size: 12px;
			 	color: #ece9eb;
			 	span {
			 		font-weight: bold;
			 		color: #ffff5a;
			 	} 
			 	&.last {
			 		color: #ad6f9b;
			 	}
		 	 }
		}
	}*/
  /*&.smail-halloween {
		width: 159px;
		height: 121px;
		right: -205px;
		bottom: 90px;
		text-align: center;
		background-image: url('../images/popout/halloween/smail-pop.png');
		&.on {
			right: 5px;
		}
		.close {
			position: absolute;
			display: block;
			width: 12px;
			height: 11px;
			top: -15px; 
			right: 0;
			cursor: pointer;
			background-image: url('../images/popout/halloween/icons.png');
			background-position: -28px 0px;
		}
		.magnify {
			position: absolute;
			display: block;
			width: 11px;
			height: 11px;
			top: -15px; 
			right: 30px;
			cursor: pointer;
			background-image: url('../images/popout/halloween/icons.png');
			background-position: -49px 0px;
		}
		h4 {
			font-size: 14px;
			color: #fff;
			padding-top: 35px;
			padding-bottom: 10px;
		}
		.code-btn {
			display: block;
			margin: 0px auto;
		 	width: 110px;
		 	height: 25px;
		  background: url('../images/popout/halloween/code-btn.png');
		  background-position: 0px -50px;
		  span {
		  	display: inline-block;
		  	vertical-align: middle;
		  	width: 33px;
		  	height: 13px;
		  	text-indent: -9999px;
		  	background: url('../images/popout/halloween/code-txt.png');
		  }
		  &:hover {
		  	background-position: 0px -75px;
		  }
		  &.check {
		  	cursor: default;
		  	background-position: 0px -75px;
		  	span {
		  		background-position: center -13px;
		  	}
		  	&:hover {
		  		background-position: 0px -75px;
		  	}
		  }
	 	}
	 	p {
	 		font-size: 12px;
	 		color: #ece9eb;
	 		span {
	 			color: #ffff5a;
	 			font-weight: bold;
	 		}
	 	}
	}
	&.christmas {
		right: 5px;
		bottom: -420px;
		width: 298px;
		height: 405px;
		.pop-close{
			top: 55px;
			right: 8px;
			width: 14px;
			height: 14px;
			background-image: url('../images/popout/new-christmas/close.png');
			background-position: 0 -14px;
			&:hover{
				background-position: 0px 0px;
			}
		}
		p {
			width: 100%;
			bottom: 8px;
			height: 36px;
			position: absolute;
			color: #6a6a6a;
			text-align: center;
			font-size: 14px;
			line-height: 18px;
		}
	}
	&.christmas-en {
		width: 100%;
		height: 161px;
		bottom: -200px;
		left: 0;
		overflow: hidden;
		background: url('../images/popout/en-christmas/bg.png') no-repeat center;
		.snow {
			position: absolute;
			width: 100%;
			height: 165px;
			left: 0;
			top: -165px;
			z-index: 11;
			background: url('../images/popout/en-christmas/snow.png') no-repeat center;
			&.on {
				-webkit-animation: snowtop linear 10s infinite;
			}
		}
		.pop-close {
			position: absolute;
			width: 16px;
			height: 16px;
			cursor: pointer;
			right: 27px;
			top: 5px;
			z-index: 88;
			background: url('../images/popout/en-christmas/close.png');
			&:hover{
				opacity: 0.8;
			}
		}
		.container {
			.img-box {
				position: absolute;
				left: 96px;
				bottom: 0;
				-webkit-transform: scale3d(0, 0, 0) translate(-10%, -10%);
    		transform: scale3d(0, 0, 0) translate(-10%, -10%);
    		&.on {
    			-webkit-transform: scale3d(1, 1, 1) translate(0, 0);
			    transform: scale3d(1, 1, 1) translate(0, 0);
			    -webkit-animation: rubberBand 1s ease-in-out;
			    animation: rubberBand 1s ease-in-out;
    		}
			}
			.left-tree {
				position: absolute;
				width: 159px;
				height: 136px;
				left: -38px;
				bottom: 0px;
				z-index: 2;
				background: url('../images/popout/en-christmas/left-tree.png');
			}
			.bear,.elder-box ,.bear-box {
				opacity: 0;
		    -webkit-transform: translate3d(0, 300px, 0);
		    transform: translate3d(0, 300px, 0);
		    &.on {
		    	opacity: 1;
			    -webkit-transform: translate3d(0, 0, 0);
			    transform: translate3d(0, 0, 0);
			    -webkit-animation: bounceInUp cubic-bezier(0.215, 0.61, 0.355, 1) .5s;
			    animation: bounceInUp cubic-bezier(0.215, 0.61, 0.355, 1) .5s;
		    }
			}
			.right-tree { 
				position: absolute;
				width: 87px;
				height: 109px;
				bottom: -11px;
				right: 321px;
				background: url('../images/popout/en-christmas/right-tree.png');
			}
			.bear {
				position:absolute;
				width: 35px;
				height: 49px;
				bottom: 38px;
				left: 83px;
				z-index: 4;
				background: url('../images/popout/en-christmas/bear.png');
				-webkit-transform-origin: center bottom;
          transform-origin: center bottom;
				&.on {
						-webkit-animation: 3s 3s bearElder  ease infinite;
				    -moz-animation:  3s 3s bearElder ease infinite;
				    -ms-animation:  3s 3s bearElder ease infinite;
				    animation:  3s 3s bearElder ease infinite;
				}
				
			}
			.elder-box {
				position: absolute;
				width: 65px;
				height: 66px;
				bottom: 0;
				left: 671px;
				z-index: 5;
				.head {
					position: absolute;
					width: 47px;
					height: 37px;
					top: 0;
					left: 0;
					z-index: 6;
					transform-origin: 28px 8px;
					background: url('../images/popout/en-christmas/chris-head.png');
					&.on {
						-webkit-animation: 6s headElder  ease infinite;
				    -moz-animation: 6s headElder ease infinite;
				    -ms-animation: 6s headElder ease infinite;
				    animation: 6s headElder ease infinite;
					}
				}
				.soma {
					position: absolute;
					width: 40px;
					height: 46px;
					top: 21px;
					left: 0;
					background: url('../images/popout/en-christmas/chris-soma.png');
				}
				.hand {
					position: absolute;
					width: 37px;
					height: 20px;
					top: 15px;
					left: -21px;
					transform-origin: 28px 8px;
					background: url('../images/popout/en-christmas/chris-hand.png');
					&.on {
						-webkit-animation: 6s hand  ease infinite;
				    -moz-animation: 6s hand ease infinite;
				    -ms-animation: 6s hand ease infinite;
				    animation: 6s hand ease infinite;
					}
				}
			}
			.bear-box {
				position: absolute;
				width: 33px;
				height: 52px;
				bottom: 0;
				left: 519px;
				z-index: 3;
				.head {
					display: block;
					position: relative;
					width: 30px;
					height: 33px;
					z-index: 6;
					-webkit-transform-origin: center bottom;
          transform-origin: center bottom;
					background: url('../images/popout/en-christmas/bear-head.png');
					&.on {
						-webkit-animation: 6s 2s bearElder  ease infinite;
				    -moz-animation:  6s 2s bearElder ease infinite;
				    -ms-animation: 6s 2s bearElder ease infinite;
				    animation:  6s 2s bearElder ease infinite;
					}
				}
				.soma {
					position: absolute;
					display: block;
					width: 32px;
					height: 33px;
					left: -3px;
					top: 19px;
					z-index: 5;
					
					background: url('../images/popout/en-christmas/bear-soma.png');
					
				}
			}
			.left-tree,.right-tree,.gift {
				 opacity: 0;
		    -webkit-transform: translate3d(0, 300px, 0);
		    transform: translate3d(0, 300px, 0);
		     -webkit-transition: all .5s ease-in-out;
		     transition: all .5s ease-in-out;
		    &.on {
		    	opacity: 1;
			    -webkit-transform: translate3d(0, 0, 0);
			    transform: translate3d(0, 0, 0);
			    -webkit-animation: bounceInUp cubic-bezier(0.215, 0.61, 0.355, 1) .5s;
			    animation: bounceInUp cubic-bezier(0.215, 0.61, 0.355, 1) .5s;
		    }
			}
			.buybtn {
				position: absolute;
				width: 294px;
				height: 96px;
				bottom: 0;
				right: 5px;
				text-indent: -9999px;
				z-index: 13;
				background: url('../images/popout/en-christmas/buybtn.png');
				-webkit-transform: scale3d(0, 0, 0) translate(-10%, -10%);
    		transform: scale3d(0, 0, 0) translate(-10%, -10%);
    		&.on {
    			-webkit-transform: scale3d(1, 1, 1) translate(0, 0);
			    transform: scale3d(1, 1, 1) translate(0, 0);
			    -webkit-animation: rubberBand 1s ease-in-out;
			    animation: rubberBand 1s ease-in-out;
    		}
			}
			.gift {
				position: absolute;
				width: 49px;
				height: 34px;
				right: -82px;
				bottom: 0px;
				background: url('../images/popout/en-christmas/gift.png');
			}
		}
		&.live0 {
			bottom: 80px !important;
		}
		&.live {
			bottom: 0px !important;
		}
	}*/
}
.popout.live {
  bottom: 5px !important;
}
.popout.live0 {
  bottom: 85px !important;
}
.popout .pop-close {
  position: absolute;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.popout.black-pop {
  right: 5px;
  bottom: -355px;
  width: 344px;
  height: 343px;
}
.popout.black-pop .pop-close {
  top: 51px;
  right: 62px;
  width: 13px;
  height: 13px;
  background-image: url('../images/black/close.png');
}
.popout.black-pop .pop-close:hover {
  background-position: 0 -13px;
}
.popout.prodductblack {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(122, 116, 116, 0.73);
  opacity: 0;
  z-index: -12;
  transition: all 0.5s;
}
.popout.prodductblack .mask-box {
  position: absolute;
  width: 737px;
  height: 484px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../images/black/product-pop.png);
}
.popout.prodductblack .mask-box .pop-close {
  top: 91px;
  right: 62px;
  width: 13px;
  height: 13px;
  background-image: url('../images/black/close.png');
}
.popout.prodductblack .mask-box .pop-close:hover {
  background-position: 0 -13px;
}
.popout.prodductblack .mask-box img {
  display: block;
  margin: 0px auto;
  margin-top: 236px;
  margin-bottom: 25px;
}
.popout.prodductblack .mask-box .btn-box {
  display: block;
  width: 282px;
  height: 50px;
  margin: 0px auto;
  text-align: center;
  border-radius: 35px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
  text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  border: solid rgba(255, 148, 107, 0.77) 1px;
  background: transparent linear-gradient(90deg, #eb0000 0, #fa0f0c 100%);
  box-shadow: 0px 0px 67.2px 16.8px rgba(0, 0, 0, 0.4);
}
.popout.prodductblack .mask-box .btn-box:hover {
  text-decoration: none;
  background: transparent linear-gradient(90deg, #fa0f0c 0, #eb0000 100%);
}
.popout.prodductblack.on {
  opacity: 1;
  z-index: 99999;
}
.popout.iu9 {
  right: 5px;
  bottom: 5px;
  width: 400px;
  height: 225px;
}
.popout.iu9 .pop-close {
  top: -15px;
  right: 5px;
  width: 11px;
  height: 11px;
  background-image: url('../images/popout/iu9/close.png');
}
.popout.iu9 .pop-close:hover {
  background-position: 0 -11px;
}
.popout.giveawaywarmup {
  right: 5px;
  bottom: -365px;
  width: 285px;
  height: 350px;
}
.popout.giveawaywarmup .pop-close {
  top: 15px;
  right: 5px;
  width: 11px;
  height: 11px;
  background-image: url('../images/popout/iu9/close.png');
}
.popout.giveawaywarmup .pop-close:hover {
  background-position: 0 -11px;
}
.popout.db7new {
  right: 5px;
  bottom: 5px;
  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.db7newen {
  right: 5px;
  bottom: -250px;
  width: 400px;
  height: 225px;
}
.popout.db7newen .pop-close {
  top: -15px;
  right: 5px;
  width: 11px;
  height: 11px;
  background-image: url('../images/popout/iu9/close.png');
}
.popout.db7newen .pop-close:hover {
  background-position: 0 -11px;
}
.popout.nlpop {
  right: 5px;
  bottom: -300px;
  width: 270px;
  height: 300px;
}
.popout.nlpop .pop-close {
  top: 10px;
  right: 10px;
  width: 11px;
  height: 11px;
  background-image: url('../images/popout/nl/close.png');
}
.popout.nlpop .pop-close:hover {
  background-position: 0 -11px;
}
.popout.ptiulocker {
  right: 5px;
  bottom: -300px;
  width: 300px;
  height: 200px;
  background-image: url('../images/popout/pt-asc-bg.png');
}
.popout.ptiulocker a.saiba {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  text-decoration: underline;
}
.popout.ptiulocker .pop-close {
  top: -10px;
  right: 0px;
  width: 14px;
  height: 14px;
  background-image: url('../images/popout/pt-close.png');
}
.popout.ptiulocker .pop-close:hover {
  background-position: 0 -14px;
}
.popout.mic-pop {
  right: 5px;
  bottom: -300px;
  width: 220px;
  height: 260px;
}
.popout.mic-pop .pop-close {
  top: -20px;
  right: 0px;
  width: 18px;
  height: 18px;
  background-image: url('../images/popout/imf8/close.png');
  background-position: -20px 0px;
}
.popout.mic-pop .pop-close:hover {
  background-position: 0px 0px;
}
.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.db9 {
  right: 5px;
  bottom: -330px;
  width: 249px;
  height: 302px;
}
.popout.db9 .pop-close {
  top: -15px;
  right: 5px;
  width: 10px;
  height: 10px;
  background-image: url('../images/popout/db9-close.png');
  background-position: 0 -12px;
}
.popout.db9 .pop-close:hover {
  background-position: 0 0px;
}
.popout.toolpopout {
  right: 5px;
  bottom: -300px;
  width: 363px;
  height: 280px;
}
.popout.toolpopout .pop-close {
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  background-image: url('../images/popout/close-tdp.png');
}
.popout.toolpopout .pop-close:hover {
  opacity: 0.8;
}
.popout.toolpopout.live0 {
  bottom: 110px !important;
}
.popout.thanksgiving {
  right: 5px;
  bottom: -405px;
  width: 324px;
  height: 323px;
}
.popout.thanksgiving .pop-close {
  top: -15px;
  right: 5px;
  width: 11px;
  height: 11px;
  background-image: url('../images/popout/iu9/close.png');
}
.popout.thanksgiving .pop-close:hover {
  background-position: 0 -11px;
}
.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: 14px;
  bottom: 13px;
  font-size: 14px;
  color: #f05e2a;
}
.popout.valentine {
  right: 5px;
  bottom: -405px;
  width: 321px;
  height: 350px;
}
.popout.valentine .pop-close {
  top: 47px;
  right: 35px;
  width: 11px;
  height: 11px;
  background-image: url('../images/popout/iu9/close.png');
}
.popout.valentine .pop-close:hover {
  background-position: 0 -11px;
}
.popout.tool-recorder {
  display: none;
  right: 5px;
  bottom: -355px;
  width: 400px;
  height: 300px;
  border-radius: 3px;
  box-shadow: 0px 4px 20px 0px 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: 0;
  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: 0px;
}
.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: 0px 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);
}
.popout.easter-pop {
  right: 5px;
  bottom: -350px;
  width: 301px;
  height: 320px;
  background: url(../images/popout/2021easter/easter-egg-nomail.png) no-repeat center bottom;
}
.popout.easter-pop .pop-close {
  top: -20px;
  right: 0px;
  width: 18px;
  height: 18px;
  background-image: url('../images/popout/imf8/close.png');
  background-position: -20px 0px;
}
.popout.easter-pop .pop-close:hover {
  background-position: 0px 0px;
}
.popout.easter-pop .egg-top {
  position: absolute;
  top: 60px;
  left: 52px;
  opacity: 0;
}
.popout.easter-pop .easter-buybtn {
  position: absolute;
  display: block;
  width: 230px;
  height: 48px;
  bottom: 14px;
  left: 20px;
  z-index: 30;
  text-indent: -9999px;
}
.popout.easter-pop .egg-bottom {
  position: absolute;
  bottom: -7px;
  left: 11px;
  opacity: 0;
  z-index: 8;
}
.popout.easter-pop .sold90 {
  position: absolute;
  top: -5px;
  transform: scale(0);
  opacity: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.5s linear;
  transition-delay: 0.5s;
}
.popout.easter-pop .title {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5;
}
.popout.easter-pop .egg-smail {
  position: absolute;
  right: 6px;
  bottom: 86px;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: 1s;
}
.popout.easter-pop.anmian {
  background: none;
}
.popout.easter-pop.anmian .egg-bottom {
  opacity: 1;
}
.popout.easter-pop.anmian .title {
  display: none;
}
.popout.easter-pop.anmian .egg-top {
  opacity: 1;
  animation: eggtop 1s linear;
  transform-origin: right bottom;
  animation-fill-mode: forwards;
}
.popout.easter-pop.anmian .sold90 {
  opacity: 1;
  transform: scale(1);
}
.popout.easter-pop.anmian .egg-smail {
  opacity: 1;
  bottom: 56px;
}
.popout.itoppopout {
  right: 5px;
  bottom: -420px;
  width: 400px;
  height: 300px;
  z-index: 9999;
}
.popout.itoppopout .pop-close {
  top: -15px;
  right: 5px;
  width: 11px;
  height: 11px;
  background-image: url('../images/popout/iu9/close.png');
}
.popout.itoppopout .pop-close:hover {
  background-position: 0 -11px;
}
@keyframes eggtop {
  0% {
    opacity: 1;
  }
  100% {
    transform: rotate(108deg);
    opacity: 0;
  }
}
.popout.imf8products {
  right: 5px;
  bottom: -200px;
  width: 326px;
  height: 69px;
  transition: all 2.5s ease-in-out;
}
.popout.imf8products .pop-close {
  top: -25px;
  right: 0px;
  width: 18px;
  height: 18px;
  background-image: url('../images/popout/imf8/close.png');
  background-position: -20px 0px;
  display: none;
}
.popout.imf8products .pop-close:hover {
  background-position: 0px 0px;
}
.popout.imf8products .pop-close.active {
  display: block;
}
.popout.imf8products .content {
  width: 326px;
  height: 69px;
  overflow: hidden;
}
.popout.imf8products .content .message {
  float: left;
  margin-top: -79px;
}
.popout.imf8 {
  right: 5px;
  bottom: -390px;
  width: 279px;
  height: 330px;
}
.popout.imf8 .pop-close {
  top: -25px;
  right: 0px;
  width: 18px;
  height: 18px;
  background-image: url('../images/popout/imf8/close.png');
  background-position: -20px 0px;
}
.popout.imf8 .pop-close:hover {
  background-position: 0px 0px;
}
.popout.ascfree {
  right: 5px;
  bottom: -320px;
  width: 362px;
  height: 232px;
}
.popout.ascfree .pop-close {
  padding: 0px;
  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.recommendasc {
  width: 200px;
  height: 100px;
  cursor: pointer;
}
.popout.recommendasc .hand {
  position: absolute;
  display: block;
  top: 0;
  width: 60px;
  height: 91px;
  background: url(../images/popout/down/hand-down.png);
}
.popout.recommendasc.google {
  left: 0;
  bottom: -120px;
  transition: bottom 1s ease-in-out;
  background: url(../images/popout/down/bg.png) no-repeat right center;
}
.popout.recommendasc.google.active {
  bottom: 0px;
}
.popout.recommendasc.google .hand {
  left: 19px;
  animation: handdown 1s linear 0s infinite;
}
.popout.recommendasc.firefox {
  right: 85px;
  top: -120px;
  transition: top 1s ease-in-out;
  background: url(../images/popout/down/fire-bg.png) no-repeat left 35px;
}
.popout.recommendasc.firefox.active {
  top: 15px;
}
.popout.recommendasc.firefox .hand {
  right: 15px;
  width: 56px;
  height: 93px;
  animation: handdown 1s linear 0s infinite;
  background: url(../images/popout/down/hand-top.png);
}
.popout.recommendasc.newie.active {
  top: 135px !important;
}
.popout.recommendasc.iebox {
  left: 225px;
  right: 0;
  margin: auto;
  bottom: -120px;
  transition: bottom 1s ease-in-out;
  background: url(../images/popout/down/bg.png) no-repeat right center;
}
.popout.recommendasc.iebox.active {
  bottom: 75px;
}
.popout.recommendasc.iebox .hand {
  left: 19px;
  animation: handdown 1s linear 0s infinite;
}
.popout.dbthank {
  right: 5px;
  bottom: -300px;
  width: 299px;
  height: 194px;
  background-image: url('../images/popout/dbthank/thank-bg.png');
}
.popout.dbthank .mainpart {
  margin-top: 60px;
  width: 299px;
  height: 131px;
}
.popout.dbthank .pop-close {
  top: 48px;
  right: 5px;
  width: 11px;
  height: 11px;
  background-image: url('../images/popout/dbthank/close.png');
}
.popout.dbthank .pop-close:hover {
  background-position: 0 -11px;
}
.popout.store-birthday {
  right: -10px;
  width: 373px;
  height: 391px;
  bottom: -400px;
  background: url(../images/popout/birthday/store-nomail-bg.png);
}
.popout.store-birthday .close {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 59px;
  right: 30px;
  border-radius: 50%;
  cursor: pointer;
  background: url(../images/popout/birthday/close.png);
  box-shadow: 0px 2px 4px 0px rgba(108, 108, 108, 0.31);
}
.popout.store-birthday .close:hover {
  background-position: 0px -15px;
}
.popout.store-birthday .message {
  float: left;
  width: 298px;
  height: 154px;
  margin-top: 150px;
  margin-left: 31px;
  opacity: 0;
  background: url(../images/popout/birthday/store-nomail-message.png);
}
.popout.store-birthday .message .copy-box {
  width: 222px;
  height: 23px;
  margin: 0px auto;
  margin-top: 78px;
  line-height: 23px;
  border-radius: 35px;
  background: #e5e5e5;
  font-size: 12px;
  color: #4b4b4b;
  overflow: hidden;
  text-align: center;
}
.popout.store-birthday .message .copy-box .copy {
  float: right;
  width: 58px;
  height: 23px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  background: #00d3bd;
}
.popout.store-birthday .message .copy-box .copy:hover {
  background: #01e7be;
}
.popout.store-birthday .message .copy-box .copy.check {
  text-indent: -9999px;
  background: #01e7be url(../images/popout/birthday/check.png) no-repeat center center;
}
.popout.store-birthday .message textarea {
  position: absolute;
  width: 0px;
  height: 0px;
  z-index: -5;
}
.popout.store-birthday .message p {
  padding: 0px;
  height: 24px;
  margin-top: 5px;
  line-height: 24px;
  font-size: 12px;
  color: #353535;
  text-align: center;
  background: url(../images/popout/birthday/date.png) no-repeat center center;
}
.popout.store-birthday .message p span {
  font-weight: bold;
  color: #ff4e00;
}
.popout.store-birthday .animateflipInX {
  opacity: 1;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important;
  animation: flipInX 1s;
  -webkit-animation: flipInX 1s;
  -moz-animation: flipInX 1s;
}
.popout.store-birthday.before {
  background: url(../images/popout/birthday/store-before-bg.png);
}
.popout.store-birthday.before .message {
  height: 136px;
  background: url(../images/popout/birthday/store-before-message.png);
}
.popout.store-birthday.on {
  bottom: 13%;
}
.popout.product-birthday {
  right: -10px;
  width: 373px;
  height: 391px;
  bottom: -400px;
  background: url(../images/popout/birthday/product-bg.png);
}
.popout.product-birthday .close {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 59px;
  right: 30px;
  border-radius: 50%;
  cursor: pointer;
  background: url(../images/popout/birthday/close.png);
  box-shadow: 0px 2px 4px 0px rgba(108, 108, 108, 0.31);
}
.popout.product-birthday .close:hover {
  background-position: 0px -15px;
}
.popout.product-birthday p {
  padding: 0px;
  margin-top: 139px;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
}
.popout.product-birthday .message {
  float: left;
  width: 276px;
  height: 146px;
  margin-top: -5px;
  margin-left: 42px;
  opacity: 0;
  text-align: center;
  background: url(../images/popout/birthday/extra-message.png);
}
.popout.product-birthday .message .button {
  width: 138px;
  height: 29px;
  padding: 0px;
  margin-top: 90px;
  line-height: 29px;
  background: #00d3bd;
  color: #fff;
  border-radius: 14px;
  box-shadow: 0px 2px 0px 0px rgba(0, 157, 141, 0.16);
}
.popout.product-birthday .message .button:hover {
  background: #01e7be;
}
.popout.product-birthday .animateflipInX {
  opacity: 1;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important;
  animation: flipInX 1s;
  -webkit-animation: flipInX 1s;
  -moz-animation: flipInX 1s;
}
.popout.product-birthday.on {
  bottom: 13%;
}
.popie {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: .7;
  filter: alpha(opacity=70);
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@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 handdown {
  10% {
    top: -10px;
  }
  40% {
    top: 5px;
  }
}
@-webkit-keyframes ear {
  10% {
    -webkit-transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(7deg);
  }
  30% {
    -webkit-transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(-7deg);
  }
  50% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
  }
}
@-webkit-keyframes hand {
  10% {
    -webkit-transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(17deg);
  }
  30% {
    -webkit-transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(17deg);
  }
  50% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
  }
}
@keyframes hand {
  10% {
    -webkit-transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(17deg);
  }
  30% {
    -webkit-transform: rotate(0deg);
  }
  40% {
    -webkit-transform: rotate(17deg);
  }
  50% {
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
  }
}
@-webkit-keyframes headElder {
  40% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(0deg);
  }
  70% {
    -webkit-transform: rotate(-10deg);
  }
  80% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
  }
}
@keyframes headElder {
  40% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(0deg);
  }
  70% {
    -webkit-transform: rotate(-10deg);
  }
  80% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
  }
}
@-webkit-keyframes bearElder {
  30% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  35% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  45% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  65%,
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes bearElder {
  5% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  10% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  15% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  20% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  25%,
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 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);
  }
}
@-webkit-keyframes snowtop {
  0% {
    top: -170px;
  }
  100% {
    top: 170px;
  }
}
@-webkit-keyframes bounceInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 300px, 0);
    transform: translate3d(0, 300px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 300px, 0);
    transform: translate3d(0, 300px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
.mid-year-store {
  position: fixed;
  right: 8px;
  bottom: -450px;
  z-index: 1060;
  width: 297px;
  height: 278px;
  transition: all 0.5s ease-in-out;
  background: url('../images/popout/mid-year/store.jpg');
}
.mid-year-store.live {
  bottom: 8px;
}
.mid-year-store.live0 {
  bottom: 70px;
}
.mid-year-store .mainpart {
  display: block;
  width: inherit;
  height: inherit;
}
.mid-year-store .mainpart .felid {
  position: relative;
  display: inline-block;
  width: 256px;
  height: 210px;
  margin-top: 68px;
  margin-left: 20px;
}
.mid-year-store .mainpart .felid .num {
  position: absolute;
  display: block;
  width: 66px;
  height: 22px;
  top: 23px;
  right: 10px;
  font-size: 32px;
  line-height: 22px;
  text-align: center;
  color: #8c5600;
  font-weight: bold;
  font-family: "Titillium Web", sans-serif;
}
.mid-year-store .mainpart .felid .num:after {
  position: absolute;
  width: 66px;
  bottom: -12px;
  left: 0;
  content: 'Left';
  font-size: 14px;
  line-height: 0;
  color: #8c5600;
}
.mid-year-store .mainpart .felid .coupon {
  margin-top: 90px;
  text-align: center;
  font-size: 16px;
  color: #d9bc97;
}
.mid-year-store .mainpart .felid .coupon .code {
  display: inline-block;
  width: 56px;
  height: 20px;
  line-height: 20px;
  color: #dca55e;
  border: none;
  background: transparent;
}
.mid-year-store .mainpart .felid .copybtn {
  display: block;
  margin: 0 auto;
  margin-top: 6px;
  margin-bottom: 5px;
  width: 170px;
  height: 36px;
  border-radius: 18px;
  background: #ed3800;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0 14px 13px #252738;
}
.mid-year-store .mainpart .felid .copybtn span {
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
}
.mid-year-store .mainpart .felid .copybtn:hover {
  text-decoration: none;
  background: #f56020;
}
.mid-year-store .mainpart .felid .copybtn.disabled {
  cursor: default;
  background: #8c8c8c;
}
.mid-year-store .mainpart .felid .tips {
  font-size: 12px;
  color: #666770;
  text-align: center;
}
.mid-year-store .pop-close {
  position: absolute;
  cursor: pointer;
  top: -8px;
  right: -6px;
  width: 17px;
  height: 17px;
  background-image: url('../images/popout/mid-year/close.png');
  background-repeat: no-repeat;
  background-position: 0 0;
}
.mid-year-store .pop-close:hover {
  background-position: 0 -17px;
}
.mid-year-p-page {
  position: fixed;
  right: 8px;
  bottom: -450px;
  z-index: 1060;
  width: 281px;
  height: 345px;
  transition: all 0.5s ease-in-out;
  background: url('../images/popout/mid-year/mid-year-p-page.png') center top no-repeat;
}
.mid-year-p-page.live {
  bottom: 0;
}
.mid-year-p-page.live0 {
  bottom: 70px;
}
.mid-year-p-page .mainpart {
  position: relative;
  display: block;
  width: 245px;
  height: inherit;
  margin: 0 auto;
  margin-top: 55px;
  text-align: center;
}
.mid-year-p-page .mainpart .felid {
  position: relative;
  display: inline-block;
  width: 100%;
}
.mid-year-p-page .mainpart .felid .linkbtn {
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
  width: 153px;
  height: 37px;
  border-radius: 18px;
  background-image: linear-gradient(to bottom, #ff4e4a, #e20000);
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0 4px 6px rgba(137, 1, 0, 0.47);
}
.mid-year-p-page .mainpart .felid .linkbtn span {
  position: relative;
  font-size: 16px;
  color: #fff;
  line-height: 37px;
  margin-left: -6px;
}
.mid-year-p-page .mainpart .felid .linkbtn span:after {
  position: absolute;
  content: '';
  top: 5px;
  right: -15px;
  border-top: 5px transparent solid;
  border-right: 0 transparent solid;
  border-bottom: 5px transparent solid;
  border-left: 9px #fff solid;
}
.mid-year-p-page .mainpart .felid .linkbtn:hover {
  text-decoration: none;
  background: #ec1c17;
}
.mid-year-p-page .mainpart .felid .linkbtn.disabled {
  cursor: default;
  background: #8c8c8c;
}
.mid-year-p-page .mainpart .felid .txtlink {
  font-size: 14px;
  color: #959595;
  text-align: center;
  text-decoration: underline;
}
.mid-year-p-page .pop-close {
  position: absolute;
  cursor: pointer;
  top: 8px;
  right: 15px;
  width: 13px;
  height: 13px;
  background-image: url('../images/popout/mid-year/p-page-close.png');
  background-repeat: no-repeat;
  background-position: 0 0;
}
.mid-year-p-page .pop-close:hover {
  background-position: 0 -13px;
}