* {
  font-family: Arial, Helvetica, 'Microsoft JhengHei', sans-serif;
  margin: 0px;
  padding: 0px;
  outline: none;
  word-wrap: break-word;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-text-size-adjust: none;
}
html {
  width: 100%;
  height: 100%;
}
body {
  background-position: center top;
  background-repeat: no-repeat;
  font-size: 0.875em;
  color: #222;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
a {
  cursor: pointer;
  text-decoration: none;
}
p {
  padding: 0px;
  margin: 0px;
}
button {
  cursor: pointer;
  border-radius: 0px;
}
table {
  border-collapse: collapse;
}
img {
  max-width: 100%;
  height: auto;
  border: 0px;
  vertical-align: middle;
}
input[type="submit"],
input[type="text"],
input[type="button"],
input[type="number"],
textarea,
select {
  border-radius: 0px;
}
.editor ul,
.editor ol {
  padding-left: 20px;
}
.editor .half {
  float: left;
  width: 49%;
}
.editor .half + .half {
  margin-left: 2%;
}
.link-block {
  display: block;
}
.clearboth {
  position: relative;
  display: block;
  clear: both;
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loading-circle {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -600;
  }
}
@keyframes loading-circle {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -600;
  }
}
#process-wrapper {
  position: fixed;
  background: #ffffff;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
#process-wrapper .loading {
  position: absolute;
  display: block;
  width: 64px;
  height: 64px;
  top: 50%;
  left: 50%;
  margin-top: -32px;
  margin-left: -32px;
}
#process-wrapper .loading .icon {
  width: 64px;
  -webkit-animation: loading 3s linear infinite;
  animation: loading 3s linear infinite;
  fill: transparent;
}
#process-wrapper .loading .icon .inner {
  stroke-dashoffset: 0;
  stroke-dasharray: 300;
  stroke-width: 12;
  stroke-miterlimit: 12;
  stroke-linecap: round;
  -webkit-animation: loading-circle 2s linear infinite;
  animation: loading-circle 2s linear infinite;
  stroke: #0099a9;
  fill: transparent;
}
.noscroll {
  overflow: hidden !important;
}
#content-wrapper {
  position: relative;
  max-width: 2100px;
  margin: auto;
  overflow: hidden;
}
#header {
  position: relative;
  background: #fff;
  padding-left: 12px;
  padding-right: 12px;
  z-index: 700;
}
#header .inner {
  position: relative;
  max-width: 1200px;
  margin: auto;
  height: 126px;
}
#header .logo {
  position: absolute;
  display: block;
  width: 597px;
  top: 21px;
  left: 0px;
}
#header .logo a {
  display: block;
}
#header .device-logo {
  position: absolute;
  display: none;
  width: 144px;
  top: 16px;
  left: 0px;
}
#header .device-logo a {
  display: block;
}
#header .menu {
  position: relative;
  float: right;
}
#header .menu ul {
  list-style: none;
}
#header .menu ul .item {
  position: relative;
  float: left;
}
#header .menu ul .item .news {
  display: block;
  font-size: 17px;
  font-weight: bold;
  color: #ffffff;
  background-color: #e82c2e;
  width: 96px;
  height: 112px;
  line-height: 112px;
  text-align: center;
  border-top: 7px transparent solid;
  border-bottom: 7px transparent solid;
}
#header .menu ul .item:nth-child(1) {
  margin-left: 0px;
}
#header .menu ul .item > a {
  display: block;
  font-size: 17px;
  font-weight: bold;
  color: #353535;
  width: 96px;
  height: 112px;
  line-height: 112px;
  text-align: center;
  border-top: 7px transparent solid;
  border-bottom: 7px transparent solid;
}
#header .menu ul .item-actived > a {
  border-top: 7px #0099a9 solid;
}
#header .menu ul .item-actived .news {
  border-top: 7px #0099a9 solid;
}
#header .menu ul .item ol {
  position: absolute;
  display: none;
  background: #0099a9;
  list-style: none;
  top: 126px;
  left: 0px;
  width: 170px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
}
#header .menu ul .item ol .sub-item {
  background-image: url(img/common/repeat-dot-white.png);
  background-repeat: repeat-x;
  background-position: left top;
}
#header .menu ul .item ol .sub-item:nth-child(1) {
  background-image: none;
}
#header .menu ul .item ol .sub-item > a {
  display: block;
  background-image: url(img/common/arrow-menu.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  font-size: 17px;
  color: #fff;
  padding-top: 10px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 10px;
}
#header .menu ul .item .news:hover {
  border-top: 7px #0099a9 solid;
}
#header .menu ul .item:hover> a {
  border-top: 7px #0099a9 solid;
}
#header .menu ul .item:hover > ol {
  display: block;
}
#header .menu ul .item ol .sub-item > a:hover {
  color: #353535;
}
#header .btn-menu {
  position: absolute;
  display: none;
  top: 14px;
  right: 0px;
  width: 48px;
  height: 48px;
}
#header .device-menu {
  position: absolute;
  background: #017280;
  display: none;
  top: 126px;
  left: -12px;
  right: -12px;
  padding: 20px;
}
#header .device-menu ul {
  list-style: none;
}
#header .device-menu ul .item {
  margin-top: 15px;
}
#header .device-menu ul .item:hover {
  background: #e82c2e;
}
#header .device-menu ul .item:nth-child(1) {
  margin-top: 0px;
}
#header .device-menu ul .item a {
  display: block;
  background: #0099a9;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
}
#header .device-menu ul .item-actived a {
  background: #013d45;
}
#header .device-menu ul .item .btn-sub {
  background-image: url(img/common/bg-btn-sub-1.png);
  background-repeat: no-repeat;
  background-position: 98% center;
}
#header .device-menu ul .item .btn-sub-2 {
  background-image: url(img/common/bg-btn-sub-2.png);
}
#header .device-menu ul .item .news .btn-sub {
  background-color: #e82c2e;
}
#header .device-menu ul .item ol {
  list-style: none;
  display: none;
  background: #0099a9;
}
#header .device-menu ul .item-actived ol {
  background: #013d45;
}
#header .device-menu ul .item ol .sub-item {
  padding-left: 20px;
  padding-right: 20px;
}
#header .device-menu ul .item ol .sub-item a {
  border-top: 1px #4ebac4 solid;
}
#header .device-menu ul .item ol .sub-item:nth-child(1) a {
  border-top: 0px;
}
#page-banner {
  position: relative;
  background: #0099a9;
}
#page-banner .inner {
  position: relative;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  max-width: 1200px;
  height: 185px;
  margin: auto;
}
#page-banner .inner-about {
  background-image: url(img/page/inner-about.jpg);
}
#page-banner .inner-brand {
  background-image: url(img/page/inner-brand.jpg);
}
#page-banner .inner-news {
  background-image: url(img/page/inner-news.jpg);
}
#page-banner .inner-shop {
  background-image: url(img/page/inner-branch.jpg);
}
#page-banner .inner > img {
  position: absolute;
  top: 50%;
  left: 35px;
  margin-top: -34px;
}
#page-path {
  position: relative;
  padding-left: 12px;
  padding-right: 12px;
}
#page-path .inner {
  position: relative;
  max-width: 1200px;
  margin: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
#page-path a {
  font-size: 15px;
  color: #525252;
}
#page-path img {
  margin-left: 25px;
  margin-right: 25px;
  margin-top: -3px;
}
#page-content {
  position: relative;
  padding-left: 12px;
  padding-right: 12px;
  margin-top: 40px;
}
#page-content .inner {
  position: relative;
  max-width: 1200px;
  margin: auto;
  min-height: 360px;
}
#footer {
  position: relative;
  margin-top: 40px;
}
#footer .top {
  background: #ababab;
  padding-left: 12px;
  padding-right: 12px;
}
#footer .top .inner {
  position: relative;
  max-width: 1200px;
  margin: auto;
  height: 45px;
}
#footer .menu {
  padding-top: 14px;
}
#footer .menu ul {
  list-style: none;
}
#footer .menu ul li {
  float: left;
}
#footer .menu ul li a {
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}
#footer .menu ul li img {
  margin-left: 18px;
  margin-right: 18px;
}
#footer .totop {
  position: fixed;
  display: block;
  width: 44px;
  height: 4px;
  bottom: 120px;
  right: 12px;
  z-index: 500;
}
#footer .bottom {
  padding-left: 12px;
  padding-right: 12px;
}
#footer .bottom .inner {
  position: relative;
  max-width: 1200px;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}
#footer .bottom .left {
  float: left;
  font-size: 13px;
  font-weight: bold;
  color: #525252;
}
#footer .bottom .left img {
  width: 46px;
}
#footer .bottom .right {
  float: right;
  font-size: 13px;
  font-weight: bold;
  color: #525252;
}
#footer .bottom .right a {
  color: #525252;
}
.iconfloat {
  position: fixed;
  display: inline-block;
  right: 40px;
  bottom: 200px;
  z-index: 110;
}
.iconfloat > div {
  position: relative;
}
.iconfloat > div > span {
  position: absolute;
  display: block;
  background: #cdced0;
  top: -20px;
  right: -20px;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
}
.iconfloat > div > a {
  display: block;
}
@media only screen and (max-width: 1216px) {
  #header .menu ul .item {
    margin-left: 10px;
  }
  #header .menu ul .item:nth-child(1) {
    margin-left: 0px;
  }
  #header .menu ul .item > a {
    width: 90px;
  }
}
@media only screen and (max-width: 1016px) {
  #header .btn-menu {
    display: block;
  }
  #header .menu {
    display: none;
  }
  #page-content {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 816px) {
  #header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    box-sizing: border-box;
  }
  #header .device-menu ul .item .btn-sub {
    background-position: 97% center;
  }
  #header .device-menu ul .item .news .btn-sub {
    background-color: #e82c2e;
  }
  #page-path img {
    margin-left: 15px;
    margin-right: 15px;
  }
  #footer .bottom .left {
    float: none;
    text-align: center;
    margin: auto;
  }
  #footer .bottom .right {
    float: none;
    text-align: center;
    margin: auto;
    margin-top: 10px;
  }
  #footer .menu {
    text-align: center;
  }
  #footer .menu ul {
    display: inline-block;
  }
  #footer .totop {
    bottom: 148px;
  }
  #content-wrapper {
    padding-top: 126px;
  }
}
@media only screen and (max-width: 596px) {
  .editor .half {
    float: none;
    width: 100%;
    display: block;
  }
  .editor .half + .half {
    margin-left: 0;
    margin-top: 20px;
  }
  #header .inner {
    height: 56px;
  }
  #header .logo {
    display: none;
  }
  #header .device-logo {
    display: block;
    width: 110px;
    top: 6px;
  }
  #header .btn-menu {
    top: 13px;
    width: 30px;
    height: 30px;
  }
  #header .device-menu {
    top: 56px;
    padding-left: 12px;
    padding-right: 12px;
  }
  #header .device-menu ul .item {
    margin-top: 10px;
  }
  #page-banner .inner {
    height: 100px;
  }
  #page-banner .inner > img {
    width: 160px;
    margin-top: -21px;
    left: 2px;
  }
  #footer .top {
    display: none;
  }
  #footer .bottom {
    background: #f2f2f2;
  }
  #footer .totop {
    bottom: 120px;
  }
  #content-wrapper {
    padding-top: 56px;
  }
  #header .device-menu {
    max-height: 420px;
    overflow: auto;
  }
}
@media only screen and (max-width: 496px) {
  #header .device-menu ul .item .btn-sub {
    background-position: 95% center;
  }
  #header .device-menu ul .item .news .btn-sub {
    background-color: #e82c2e;
  }
  #footer .bottom .left img {
    display: block;
    width: 66px;
    margin: auto;
    margin-bottom: 10px;
  }
  #footer .totop {
    bottom: 152px;
  }
}
#banners-wrapper {
  position: relative;
  background: #0097aa;
}
#banners-wrapper .bx-wrapper .bx-controls-direction a {
  width: 20px;
}
#banners-wrapper .bx-wrapper .bx-prev {
  background-image: url(img/svg/arrow-banner.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: 20px;
  z-index: 10;
}
#banners-wrapper .bx-wrapper .bx-next {
  background-image: url(img/svg/arrow-banner.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(180deg);
  right: 20px;
  z-index: 10;
}
#banners-wrapper .inner {
  position: relative;
  max-width: 1200px;
  margin: auto;
}
#banners-wrapper .top {
  position: absolute;
  bottom: 20px;
  left: 0px;
  right: 0px;
  z-index: 99;
}
#banners-wrapper .top .inner-2 {
  position: relative;
  max-width: 1200px;
  margin: auto;
  text-align: right;
}
#banners-pager {
  padding-left: 12px;
  padding-right: 12px;
}
#banners-wrapper .top .pager-item {
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  background: rgba(0,0,0,0.5);
  margin-right: 0px;
  border-radius: 10px;
}
#banners-wrapper .top .active {
  color: #222;
  background: rgba(255,255,255,0.5);
}
#banners-wrapper .item {
  position: relative;
}
#banners-wrapper .item .content {
  position: relative;
}
#banners-wrapper .item .content > a {
  display: block;
}
#banners-wrapper .item .content .photo-1 {
  display: block;
  background-position: center;
}
#banners-wrapper .item .content .photo-2 {
  display: none;
}
#list-wrapper {
  position: relative;
  background-image: url(img/home/list-bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0px 15px;
  padding-top: 60px;
}
#list-wrapper * {
  box-sizing: border-box;
}
#list-wrapper > div {
  position: relative;
  max-width: 1200px;
  margin: auto;
}
#list-wrapper .group {
  position: relative;
  padding-bottom: 20px;
}
#list-wrapper .group-1 {
  margin-top: 0px;
}
#list-wrapper .group-2 {
  margin-top: 20px;
}
#list-wrapper .group-3 {
  margin-top: 20px;
}
#list-wrapper .group-4 {
  margin-top: 20px;
}
#list-wrapper .group .header {
  position: relative;
  background-position: right center;
  background-repeat: repeat-y;
}
#list-wrapper .group .grid {
  position: relative;
  padding: 10px;
}
#list-wrapper .group-1 .grid .block {
  display: inline-block;
  width: 25%;
  padding: 10px;
  vertical-align: top;
}
#list-wrapper .group-1 .grid .block-hide {
  display: none !important;
}
#list-wrapper .group-1 .grid .block-1 {
  width: 50%;
}
#list-wrapper .group-1 .grid .block-2 {
  width: 50%;
}
#list-wrapper .group-1 .grid .block > a {
  display: block;
  background: #e82c2e;
  border-bottom: 4px solid #f96667;
}
#list-wrapper .group-1 .grid .block > a  > * {
  text-align: center;
  color: #fff;
}
#list-wrapper .group-1 .grid .block .content {
  padding: 15px;
}
#list-wrapper .group-1 .grid .block .content .title {
  font-size: 17px;
  font-weight: bold;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
#list-wrapper .group-1 .grid .block .content .description {
  font-size: 15px;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 10px;
}
#list-wrapper .group-1 .grid .block .content .price3 {
  font-size: 15px;
  text-decoration: line-through;
  margin-top: 10px;
}
#list-wrapper .group-1 .grid .block .content .price2 {
  font-size: 17px;
  margin-top: 10px;
}
#list-wrapper .group-1 .grid .block .content .price1 {
  font-size: 17px;
  margin-top: 10px;
}
#list-wrapper .group-1 .grid .block-1 .content .title,
#list-wrapper .group-1 .grid .block-2 .content .title {
  font-size: 22px;
}
#list-wrapper .group-1 .grid .block-1 .content .description,
#list-wrapper .group-1 .grid .block-2 .content .description {
  font-size: 17px;
}
#list-wrapper .group-1 .grid .block-1 .content .price3,
#list-wrapper .group-1 .grid .block-2 .content .price3 {
  font-size: 17px;
}
#list-wrapper .group-1 .grid .block-1 .content .price2,
#list-wrapper .group-1 .grid .block-2 .content .price2 {
  font-size: 20px;
}
#list-wrapper .group-1 .grid .block-1 .content .price1,
#list-wrapper .group-1 .grid .block-2 .content .price1 {
  font-size: 20px;
}
#list-wrapper .group-2 .grid .block {
  display: inline-block;
  width: 25%;
  padding: 10px;
  vertical-align: top;
}
#list-wrapper .group-2 .grid .block-hide {
  display: none !important;
}
#list-wrapper .group-2 .grid .block > a {
  display: block;
  background: #a6228f;
  border-bottom: 4px solid #f96667;
}
#list-wrapper .group-2 .grid .block > a  > * {
  text-align: center;
  color: #fff;
}
#list-wrapper .group-2 .grid .block .content {
  padding: 15px;
}
#list-wrapper .group-2 .grid .block .content .title {
  font-size: 17px;
  font-weight: bold;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
#list-wrapper .group-2 .grid .block .content .description {
  font-size: 15px;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 10px;
}
#list-wrapper .group-2 .grid .block .content .price3 {
  font-size: 15px;
  text-decoration: line-through;
  margin-top: 10px;
}
#list-wrapper .group-2 .grid .block .content .price2 {
  font-size: 17px;
  margin-top: 10px;
}
#list-wrapper .group-2 .grid .block .content .price1 {
  font-size: 17px;
  margin-top: 10px;
}
#list-wrapper .group-3 .grid .block {
  display: inline-block;
  width: 25%;
  padding: 10px;
  vertical-align: top;
}
#list-wrapper .group-3 .grid .block-hide {
  display: none !important;
}
#list-wrapper .group-3 .grid .block > a {
  position: relative;
  display: block;
}
#list-wrapper .group-3 .grid .block > a  > * {
  text-align: center;
  color: #710041;
}
#list-wrapper .group-3 .grid .block .photo {
  position: relative;
}
#list-wrapper .group-3 .grid .block .content {
  position: absolute;
  width: 50%;
  left: 0px;
  bottom: 0px;
  padding: 10px;
}
#list-wrapper .group-3 .grid .block .content .title {
  font-size: 16px;
  font-weight: bold;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
#list-wrapper .group-3 .grid .block .content .description {
  font-size: 13px;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 2px;
}/*953795e33e25c16a067bcfa2a5842f5b*/
#list-wrapper .group-3 .grid .block .content .price3 {
  font-size: 12px;
  text-decoration: line-through;
  margin-top: 2px;
}
#list-wrapper .group-3 .grid .block .content .price2 {
  font-size: 15px;
  margin-top: 2px;
}
#list-wrapper .group-3 .grid .block .content .price1 {
  font-size: 15px;
  margin-top: 2px;
}
#list-wrapper .group-3 .grid .block-1 {
  float: left;
  width: 50%;
}
#list-wrapper .group-3 .grid .block-1 .content .title {
  font-size: 24px;
}
#list-wrapper .group-3 .grid .block-1 .content .description {
  font-size: 16px;
}
#list-wrapper .group-3 .grid .block-1 .content .price3 {
  font-size: 18px;
}
#list-wrapper .group-3 .grid .block-1 .content .price2 {
  font-size: 22px;
}
#list-wrapper .group-3 .grid .block-1 .content .price1 {
  font-size: 22px;
}
#list-wrapper .group-3 .grid .block-2 {
  width: 50%;
}
#list-wrapper .group-3 .grid .block-3 {
  width: 50%;
}
#list-wrapper .group-3 .grid .block-2 .content,
#list-wrapper .group-3 .grid .block-3 .content {
  left: 35%;
  bottom: auto;
  top: 0px;
  right: 15%;
  width: auto;
}
#list-wrapper .group-3 .grid .block-2 .content .title,
#list-wrapper .group-3 .grid .block-3 .content .title {
  font-size: 19px;
}
#list-wrapper .group-3 .grid .block-2 .content .description,
#list-wrapper .group-3 .grid .block-3 .content .description {
  font-size: 15px;
}
#list-wrapper .group-3 .grid .block-2 .content .price3,
#list-wrapper .group-3 .grid .block-3 .content .price3 {
  font-size: 13px;
}
#list-wrapper .group-3 .grid .block-2 .content .price2,
#list-wrapper .group-3 .grid .block-3 .content .price2 {
  font-size: 17px;
}
#list-wrapper .group-3 .grid .block-2 .content .price1,
#list-wrapper .group-3 .grid .block-3 .content .price1 {
  font-size: 17px;
}
#list-wrapper .group-3 .grid .block-4 .content .title,
#list-wrapper .group-3 .grid .block-5 .content .title {
  white-space: normal;
  width: 82px;
  text-align: left;
}
#list-wrapper .group-3 .grid .block-4 .content .price3 {
  display: none;
}
#list-wrapper .group-3 .grid .block-4 .content .price2 {
  display: none;
}
#list-wrapper .group-3 .grid .block-4 .content .price1 {
  display: none;
}
#list-wrapper .group-3 .grid .block-5 .content .price3 {
  display: none;
}
#list-wrapper .group-3 .grid .block-5 .content .price2 {
  display: none;
}
#list-wrapper .group-3 .grid .block-5 .content .price1 {
  display: none;
}
#list-wrapper .group-4 .grid .block {
  display: inline-block;
  width: 25%;
  padding: 10px;
  vertical-align: top;
}
#list-wrapper .group-4 .grid .block-hide {
  display: none !important;
}
#list-wrapper .group-4 .grid .block > a {
  position: relative;
  display: block;
}
#list-wrapper .group-4 .grid .block > a  > * {
  text-align: center;
  color: #09636e;
}
#list-wrapper .group-4 .grid .block .photo {
  position: relative;
}
#list-wrapper .group-4 .grid .block .content {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 10px;
}
#list-wrapper .group-4 .grid .block .content .title {
  font-size: 16px;
  font-weight: bold;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
#list-wrapper .group-4 .grid .block .content .description {
  font-size: 13px;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 2px;
}
#list-wrapper .group-4 .grid .block .content .price3 {
  font-size: 12px;
  text-decoration: line-through;
  margin-top: 2px;
}
#list-wrapper .group-4 .grid .block .content .price2 {
  font-size: 15px;
  margin-top: 2px;
}
#list-wrapper .group-4 .grid .block .content .price1 {
  font-size: 15px;
  margin-top: 2px;
}
#list-wrapper .desktop {
  display: block;
}
#list-wrapper .mobile {
  display: none;
}
#list-wrapper .more {
  display: block;
  margin: auto;
  font-size: 36px;
  text-align: center;
}
#list-wrapper .less {
  display: none;
  margin: auto;
  font-size: 36px;
  text-align: center;
}
#list-wrapper .less > img {
  transform: rotate(180deg);
}
#brands-wrapper {
  position: relative;
  background: #fff;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 40px;
  padding-bottom: 20px;
  margin: auto;
  z-index: 100;
}
#brands-wrapper .inner {
  position: relative;
  max-width: 1120px;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
  margin: auto;
}
#brands-wrapper .inner-mobile {
  display: none;
}
#brands-wrapper .top-title {
  position: relative;
  display: block;
  font-size: 36px;
  font-weight: bold;
  color: #0099a9;
  padding-top: 20px;
  text-align: center;
}
#brands-wrapper .top-title > a {
  color: #0099a9;
}
#brands-wrapper .item .content {
  position: relative;
  overflow: hidden;
}
#brands-wrapper .item .content .block {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  width: 16.66%;
  box-sizing: border-box;
}
#brands-wrapper .item .content .block-hide {
  display: none;
}
#brands-wrapper .item .content .block > a {
  display: block;
}
#brands-slider-prev {
  position: absolute;
  display: block;
  width: 38px;
  top: 50%;
  left: -10px;
  margin-top: -19px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#brands-slider-prev > a {
  display: block;
}
#brands-slider-next {
  position: absolute;
  display: block;
  width: 38px;
  top: 50%;
  right: -10px;
  margin-top: -19px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#brands-slider-next > a {
  display: block;
}
#brands-wrapper .more {
  padding: 20px;
  text-align: center;
}
#brands-wrapper .more > a {
  display: inline-block;
}
#brands-wrapper .more > a > span {
  display: block;
  font-size: 18px;
  color: #039aaa;
}
#brands-wrapper .more > a > img {
  display: block;
}
#shop-wrapper {
  position: relative;
  padding: 0px 15px;
}
#shop-wrapper * {
  box-sizing: border-box;
}
#shop-wrapper > div {
  position: relative;
  max-width: 1200px;
  margin: auto;
}
#shop-wrapper .left {
  display: inline-block;
  width: 402px;
  vertical-align: top;
}
#shop-wrapper .left > img {
  display: inline-block;
  vertical-align: middle;
}
#shop-wrapper .left > span {
  display: inline-block;
  font-size: 56px;
  font-weight: bold;
  color: #0099a9;
  margin-left: 15px;
  vertical-align: middle;
}
#shop-wrapper .left > a {
  display: none;
}
#shop-wrapper .right {
  display: inline-block;
  width: calc(100% - 402px);
  vertical-align: top;
}
#shop-wrapper .right > a {
  display: inline-block;
  width: 256px;
  height: 80px;
  border: 4px solid #0499a9;
  border-radius: 10px;
  vertical-align: top;
  margin-left: 10px;
  margin-bottom: 10px;
  text-align: center;
}
#shop-wrapper .right > a > img {
  display: inline-block;
  vertical-align: middle;
}
#shop-wrapper .right > a > span {
  display: inline-block;
  font-size: 40px;
  font-weight: bold;
  color: #043f43;
  vertical-align: middle;
  line-height: 75px;
  margin-left: 10px;
}
#info-wrapper {
  position: relative;
  padding: 0px 15px;
  margin-top: 36px;
  padding-bottom: 40px;
}
#info-wrapper * {
  box-sizing: border-box;
}
#info-wrapper > div {
  position: relative;
  max-width: 1200px;
  margin: auto;
}
#info-wrapper .desktop {
  display: block;
}
#info-wrapper .mobile {
  display: none;
}
#info-wrapper .left {
  display: inline-block;
  background: #0098a8;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  width: 210px;
  height: 66px;
  line-height: 66px;
  border-radius: 10px;
  vertical-align: top;
  text-align: center;
}
#info-wrapper .right {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 210px);
  padding-left: 20px;
  font-size: 17px;
  color: #043f43;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 1216px) {
  #banners-wrapper .item .content .photo-1 {
    display: none;
  }
  #banners-wrapper .item .content .photo-2 {
    display: block;
  }
}
@media only screen and (max-width: 1016px) {
  .product-list .item {
    width: 33.33%;
  }
  #brands-wrapper .item .content .block {
    width: 20%;
  }
}
@media only screen and (max-width: 816px) {
  #linker-wrapper .top-title {
    position: relative;
    top: 0px;
    height: auto;
    line-height: normal;
  }
  #brands-wrapper .top-title {
    padding-left: 0px;
  }
  #brands-wrapper .item .content .block {
    width: 25%;
  }
  #brands-wrapper .inner {
    display: none;
  }
  #brands-wrapper .inner-mobile {
    display: block;
  }
  #list-wrapper .group-1 .grid .block {
    width: 50%;
  }
  #list-wrapper .group-2 .grid .block {
    width: 50%;
  }
  #list-wrapper .group-4 .grid .block {
    width: 50%;
  }
  #list-wrapper .group-3 .grid .block {
    width: 50%;
  }
  #list-wrapper .group-3 .grid .block-1 {
    float: none;
  }
  #list-wrapper .group-3 .grid .block-5 {
    display: none;
  }
  #list-wrapper .group-3 .grid .block .content .title {
    white-space: normal;
  }
  #list-wrapper .group-3 .grid .block .content {
    top: 0px;
    right: 0px;
    left: auto;
    bottom: auto;
    width: 80%;
  }
  #list-wrapper .group-3 .grid .block .content .title {
    font-size: 16px;
    width: auto;
  }
  #list-wrapper .group-3 .grid .block .content .description {
    font-size: 13px;
  }
  #list-wrapper .group-3 .grid .block .content .price3 {
    display: block;
    font-size: 12px;
  }
  #list-wrapper .group-3 .grid .block .content .price2 {
    display: block;
    font-size: 15px;
  }
  #list-wrapper .group-3 .grid .block .content .price1 {
    display: block;
    font-size: 15px;
  }
  #list-wrapper .desktop {
    display: none;
  }
  #list-wrapper .mobile {
    display: block;
  }
  #list-wrapper .more {
    font-size: 24px;
  }
  #shop-wrapper .left {
    display: block;
    width: 100%;
    text-align: center;
  }
  #shop-wrapper .left > img {
    width: 170px;
  }
  #shop-wrapper .left > span {
    font-size: 36px;
    margin-right: 15px;
  }
  #shop-wrapper .left > a {
    display: inline-block;
    background: #ce2062;
    width: 170px;
    height: 54px;
    border-radius: 10px;
    vertical-align: top;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 54px;
  }
  #shop-wrapper .left > a > img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
  #shop-wrapper .right {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
  #shop-wrapper .right > a {
    margin-left: 5px;
    margin-right: 5px;
    width: 30%;
  }
  #shop-wrapper .right > a > img {
    width: 18px;
  }
  #shop-wrapper .right > a > span {
    font-size: 26px;
  }
  #info-wrapper .desktop {
    display: none;
  }
  #info-wrapper .mobile {
    display: block;
  }
  #info-wrapper .title {
    text-align: center;
  }
  #info-wrapper .title > span {
    font-size: 34px;
    font-weight: bold;
    color: #043f43;
    display: inline-block;
    vertical-align: middle;
  }
  #info-wrapper .title > img {
    display: inline-block;
    width: 130px;
    vertical-align: middle;
  }
  #info-wrapper .right {
    display: block;
    width: 100%;
    margin: auto;
    margin-top: 20px;
    line-height: 2;
    padding: 0px;
  }
  #info-wrapper .left {
    display: block;
    font-size: 24px;
    width: 190px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 596px) {
  #linker-wrapper .top-title {
    position: relative;
    font-size: 20px;
    top: 0px;
    height: auto;
    line-height: normal;
  }
  #linker-wrapper-2 .top-title {
    font-size: 20px;
    line-height: normal;
  }
  #linker-wrapper-3 .top-title {
    font-size: 20px;
    line-height: normal;
  }
  #linker-wrapper-4 .top-title {
    font-size: 20px;
    line-height: normal;
  }
  .product-list .item {
    width: 50%;
  }
  #brands-wrapper .item .content .block {
    width: 33.33%;
  }
  #list-wrapper .group .header > img {
    width: auto;
    height: 60px;
  }
  #list-wrapper .group-1 .grid .block {
    padding: 5px;
  }
  #list-wrapper .group-1 .grid .block .content .title {
    font-size: 17px;
  }
  #list-wrapper .group-1 .grid .block .content .description {
    font-size: 15px;
  }
  #list-wrapper .group-1 .grid .block .content .price3 {
    font-size: 15px;
  }
  #list-wrapper .group-1 .grid .block .content .price2 {
    font-size: 17px;
  }
  #list-wrapper .group-1 .grid .block .content .price2 {
    font-size: 17px;
  }
  #list-wrapper .group-2 .grid .block {
    padding: 5px;
  }
  #list-wrapper .group-4 .grid .block {
    padding: 5px;
  }
  #list-wrapper .group-4 .grid .block .photo:after {
    position: absolute;
    background: rgba(255,255,255,0.2);
    content: '';
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
  #list-wrapper .group-3 .grid .block .content {
    top: -12px;
    right: -24px;
    transform: scale(0.6);
  }
  #list-wrapper .group-4 .grid .block .content {
    transform: scale(0.6);
    left: -20%;
    right: -20%;
    bottom: -12px;
  }
  .iconfloat {
    width: 100px;
  }
}
@media only screen and (max-width: 460px) {
  #brands-wrapper .item .content .block {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
  }
  #shop-wrapper .left > span {
    display: block;
    margin: 10px;
  }
  #shop-wrapper .right > a {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
}